/************************************************* Institution Forgotten Password ****************************************/
.institution_forgotten_password_input
{
  /*height: 380px;*/
  height: auto;
  width: 60%;
  margin-left: 12%;
  border-radius: 30px;
  background-color: #000000A5;
  font-family: Montserrat;
  margin-top: 95px;
}

.institution_forgotten_password_input_head
{
  padding-top: 80px;
  padding-bottom: 25px;
  margin-left: 60px;
  letter-spacing: 2px;
}


.institution_forgotten_password_input_head p:nth-child(1)
{
  color: white;
  padding-top: 20px;
  text-transform:capitalize;
  padding-bottom: 0px;
  margin-bottom: 5px;
  font-size: 18px;
  font-weight:bold;
}


.institution_forgotten_password_input_head p:nth-child(2)
{
  color: white;
  padding-top: 0px;
  text-transform:capitalize;
  padding-bottom: 0px;
  margin-bottom: 5px;
  font-size: 10px;
  font-weight:bold;
}


.institution_forgotten_password_input_error_messages
{
  margin-top: 20px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.institution_forgotten_password_input_error_messages .errors
{
  font-size: 12px;
  margin-left: 0px;
}

.institution_forgotten_password_input_error_messages .errors li
{
  margin-bottom: 10px;
}


.institution_forgotten_password_input_form
{
    /*border: 2px solid red;*/
    /*height: 520px;*/
    width: 95%;
    margin-left: 17px;
}


.forgotten_institution_email
{
  margin-bottom: 20px;
  width: 79%;
  margin-left: 10%;
}

.forgotten_password_email_input_icon
{
  height: 25px;
  /*border: solid 2px blue;*/
  display: flex;
  background: white;
  border-radius: 30px;
}

.forgotten_password_email_input_icon input{
  outline: none;
  border: none;
  width: 87%;
  border-radius: 15px;
  padding-left: 10px;
  font-size: 13px;
  height: 23px;
}


.forgotten_institution_email i
{
  margin-top: 1px;
}

.institution_submit_email_button
{
  text-align: center;
  display: flex;
  /*border: solid 2px black;*/
  justify-content:center;
}


.institution_submit_email_button input{
  padding: 5px 10px 5px 10px;
  border-radius: 3px;
  font-size: 12px;
  margin-top: 5px;
  background-color: #D99E30;
  color: #FFFFFF;
  font-family: Montserrat;
  text-transform: uppercase;
  margin-right: 10px;
  border: none;
}



.institution_submit_email_button input:hover{
  cursor:pointer;
}

.institution_submit_email_button a{
  text-decoration: none;
  font-size: 10px;
  font-weight: bold;
  color: #FFFFFF;
  font-family: Montserrat;
  margin-top: 15px;
}


.institution_submit_email_button a:hover{
  text-decoration: underline;
  cursor: pointer;
}

.institution_submit_email_button a:visited{
  color: #FFFFFF;
}


.back_to_login
{
  margin-top: 15px;
  text-align: center;
}

.fa-arrow-left  {
   padding-top: 5px;
   margin-right: 5px;
  text-align: center;
}

.back_to_login a
{
  text-decoration: none;
  color: #FFFFFF;
  padding: 5px 10px 5px 10px;
  border-radius: 3px;
  margin-top: 15px;
  font-size: 12px;
}


.reset_password_stage_1
{
    margin-top: 26px;
    text-align: center;
    display: flex;
    justify-content:center;
    color: #716862;
}


.reset_password_stage_1 p:nth-child(1)
{
  color: #FFFFFF;
}




/************************************************* Institution Forgotten Password Responsive Pages ****************************************/

@media screen and (min-width:2550px) and (max-width:3439px)
{
  .institution_forgotten_password_input
  {
    /*height: 740px;*/
    height: auto;
    width: 70%;
    margin-left: 10%;
    border-radius: 50px;
    margin-top: 150px;
  }

  .institution_forgotten_password_input_head
  {
    padding-top: 110px;
    padding-bottom: 25px;
    margin-left: 100px;
    letter-spacing: 2px;
  }

  .institution_forgotten_password_input_head p:nth-child(1)
  {
    padding-top: 40px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 36px;
  }

  .institution_forgotten_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 20px;
  }

  .institution_forgotten_password_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    width: 80%;
  }

  .institution_forgotten_password_input_error_messages .errors
  {
    font-size: 20px;
    margin-left: 0px;
    margin-bottom: 0px;
  }

  .institution_forgotten_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .forgotten_institution_email
  {
    margin-bottom: 20px;
    width: 80%;
    margin-left: 10%;
    margin-top: 40px;
  }

  .forgotten_password_email_input_icon
  {
    height: 60px;
    /*border: solid 2px blue;*/
    display: flex;
    background: white;
    border-radius: 30px;
  }

  .forgotten_password_email_input_icon input{
    width: 86%;
    border-radius: 30px;
    padding: 5px 5px 5px 25px;
    /*padding-left: 10px;*/
    font-size: 28px;
    height: 45px;
    margin-top: 3px;
    /*border: solid 2px red;*/
  }

  .forgotten_institution_email i
  {
    margin-top: 9.5px;
    font-size: 34px;
  }

  .institution_submit_email_button input
  {
    padding: 20px 30px 20px 30px;
    border-radius: 10px;
    font-size: 24px;
    margin-top: 15px;
    margin-right: 10px;
  }

  .back_to_login
  {
    margin-top: 65px;
  }

  .back_to_login a
  {
    font-size: 24px;
    margin-top: 15px;
  }

  .reset_password_stage_1
  {
    margin-top: 20px;
  }

  .reset_password_stage_1 p
  {
    font-size: 28px;
  }

}

@media screen and (min-width:1920px) and (max-width:2549px)
{
  .institution_forgotten_password_input
  {
    /*height: 720px;*/
    height: auto;
    width: 70%;
    margin-left: 10%;
    border-radius: 30px;
    margin-top: 40px;
  }

  .institution_forgotten_password_input_head
  {
    padding-top: 60px;
    padding-bottom: 25px;
    margin-left: 80px;
    letter-spacing: 2px;
  }

  .institution_forgotten_password_input_head p:nth-child(1)
  {
    padding-top: 36px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 28px;
  }

  .institution_forgotten_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 15px;
  }

  .institution_forgotten_password_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .institution_forgotten_password_input_error_messages .errors
  {
    font-size: 16px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .institution_forgotten_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .forgotten_institution_email
  {
    margin-bottom: 20px;
    width: 80%;
    margin-left: 10%;
    margin-top: 20px;
  }

  .forgotten_password_email_input_icon
  {
    height: 45px;
    /*border: solid 2px red;*/
    border-radius: 25px;
  }

  .forgotten_password_email_input_icon input{
    width: 84%;
    border-radius: 20px;
    padding: 5px 10px 5px 20px;
    /*padding-left: 10px;*/
    font-size: 20px;
    margin-top: 2px;
    height: 32px;
    /*border: solid 2px blue;*/
  }

  .forgotten_institution_email i
  {
    margin-top: 5px;
    font-size: 28px;
  }

  .institution_submit_email_button input
  {
    padding: 15px 20px 15px 20px;
    border-radius: 10px;
    font-size: 20px;
    margin-top: 15px;
    margin-right: 10px;
  }

  .back_to_login
  {
    margin-top: 40px;
  }

  .back_to_login a
  {
    font-size: 20px;
    margin-top: 15px;
  }

  .reset_password_stage_1
  {
    margin-top: 20px;
  }

  .reset_password_stage_1 p
  {
    font-size: 24px;
  }

}

@media screen and (min-width: 1600px) and (max-width: 1919px)
{
  .institution_forgotten_password_input
  {
    /*height: 520px;*/
    height: auto;
    width: 70%;
    margin-left: 10%;
    border-radius: 30px;
    margin-top: 80px;
  }

  .institution_forgotten_password_input_head
  {
    padding-top: 50px;
    padding-bottom: 25px;
    margin-left: 70px;
    letter-spacing: 2px;
  }

  .institution_forgotten_password_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 24px;
  }

  .institution_forgotten_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 13px;
  }

  .institution_forgotten_password_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .institution_forgotten_password_input_error_messages .errors
  {
    font-size: 15px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .institution_forgotten_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .forgotten_institution_email
  {
    margin-bottom: 20px;
    width: 80%;
    margin-left: 10%;
    margin-top: 10px;
  }

  .forgotten_password_email_input_icon
  {
    height: 36px;
    /*border: solid 2px red;*/
    display: flex;
  }

  .forgotten_password_email_input_icon input{
    width: 83%;
    border-radius: 30px;
    padding: 5px 10px 5px 20px;
    /*padding-left: 10px;*/
    font-size: 18px;
    margin-top: 3px;
    height: 22px;
    /*border: solid 2px red;*/
  }

  .forgotten_institution_email i
  {
    margin-top: 4px;
    font-size: 22px;
  }

  .institution_submit_email_button input
  {
    padding: 10px 15px 10px 15px;
    border-radius: 7px;
    font-size: 16px;
    margin-top: 10px;
    margin-right: 10px;
  }

  .back_to_login
  {
    margin-top: 40px;
  }

  .back_to_login a
  {
    font-size: 16px;
    margin-top: 15px;
  }

  .reset_password_stage_1
  {
    margin-top: 20px;
  }

  .reset_password_stage_1 p
  {
    font-size: 20px;
  }
}

@media screen and (min-width:1440px) and (max-width:1535px)
{
  .institution_forgotten_password_input
  {
    /*height: 490px;*/
    height: auto;
    width: 78%;
    margin-left: 7%;
    border-radius: 30px;
    margin-top: 100px;
  }

  .institution_forgotten_password_input_head
  {
    padding-top: 60px;
    padding-bottom: 25px;
    margin-left: 70px;
    letter-spacing: 2px;
  }

  .institution_forgotten_password_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 22px;
  }

  .institution_forgotten_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 12px;
  }

  .institution_forgotten_password_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .institution_forgotten_password_input_error_messages .errors
  {
    font-size: 15px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .institution_forgotten_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .forgotten_institution_email
  {
    margin-bottom: 20px;
    width: 80%;
    margin-left: 10%;
    margin-top: 10px;
  }

  .forgotten_password_email_input_icon
  {
    height: 36px;
    /*border: solid 2px red;*/
    display: flex;
  }

  .forgotten_password_email_input_icon input{
    width: 83%;
    border-radius: 30px;
    padding: 5px 10px 5px 20px;
    /*padding-left: 10px;*/
    font-size: 18px;
    height: 20px;
    margin-top: 4px;
  }

  .forgotten_institution_email i
  {
    margin-top: 4.5px;
    font-size: 20px;
  }

  .institution_submit_email_button input
  {
    padding: 7px 15px 7px 15px;
    border-radius: 7px;
    font-size: 14px;
    margin-top: 7px;
    margin-right: 10px;
  }

  .back_to_login
  {
    margin-top: 40px;
  }

  .back_to_login a
  {
    font-size: 16px;
    margin-top: 15px;
  }

  .reset_password_stage_1
  {
    margin-top: 25px;
  }

  .reset_password_stage_1 p
  {
    font-size: 20px;
  }
}

@media screen and (min-width:1366px) and (max-width:1439px)
{
  .institution_forgotten_password_input
  {
    /*height: 430px;*/
    height: auto;
    width: 75%;
    margin-left: 7%;
    border-radius: 30px;
    margin-top: 80px;
  }

  .institution_forgotten_password_input_head
  {
    padding-top: 50px;
    padding-bottom: 25px;
    margin-left: 65px;
    letter-spacing: 2px;
  }

  .institution_forgotten_password_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 20px;
  }

  .institution_forgotten_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 11px;
  }


  .institution_forgotten_password_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .institution_forgotten_password_input_error_messages .errors
  {
    font-size: 14px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .institution_forgotten_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .forgotten_institution_email
  {
    margin-bottom: 20px;
    width: 80%;
    margin-left: 10%;
    margin-top: 5px;
  }

  .forgotten_password_email_input_icon
  {
    height: 36px;
    /*border: solid 2px red;*/
    display: flex;
  }

  .forgotten_password_email_input_icon input{
    width: 82%;
    border-radius: 30px;
    padding: 5px 10px 5px 20px;
    /*padding-left: 10px;*/
    font-size: 16px;
    height: 18px;
    margin-top: 4px;
  }

  .forgotten_institution_email i
  {
    margin-top: 7px;
    font-size: 18px;
  }

  .institution_submit_email_button input
  {
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 7px;
    margin-right: 10px;
  }

  .back_to_login
  {
    margin-top: 20px;
  }

  .back_to_login a
  {
    font-size: 14px;
    margin-top: 15px;
  }

  .reset_password_stage_1
  {
    margin-top: 25px;
  }

  .reset_password_stage_1 p
  {
    font-size: 18px;
  }
}

@media screen and (min-width:1280px) and (max-width:1365px)
{
  .institution_forgotten_password_input
  {
    /*height: 420px;*/
    height: auto;
    width: 75%;
    margin-left: 7%;
    border-radius: 30px;
    margin-top: 95px;
  }

  .institution_forgotten_password_input_head
  {
    padding-top: 50px;
    padding-bottom: 25px;
    margin-left: 65px;
    letter-spacing: 2px;
  }

  .institution_forgotten_password_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 18px;
  }

  .institution_forgotten_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 10px;
  }

  .institution_forgotten_password_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .institution_forgotten_password_input_error_messages .errors
  {
    font-size: 12px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .institution_forgotten_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .forgotten_institution_email
  {
    margin-bottom: 15px;
    width: 80%;
    margin-left: 10%;
    margin-top: 5px;
  }

  .forgotten_password_email_input_icon
  {
    height: 34px;
    /*border: solid 2px red;*/
    display: flex;
  }

  .forgotten_password_email_input_icon input{
    width: 83%;
    border-radius: 30px;
    padding: 5px 10px 5px 15px;
    /*padding-left: 10px;*/
    font-size: 15px;
    height: 17px;
    margin-top: 4px;
  }

  .forgotten_institution_email i
  {
    margin-top: 6px;
    font-size: 16px;
  }

  .institution_submit_email_button input
  {
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 5px;
    margin-right: 10px;
  }

  .back_to_login
  {
    margin-top: 20px;
  }

  .back_to_login a
  {
    font-size: 14px;
    margin-top: 15px;
  }

  .reset_password_stage_1
  {
    margin-top: 25px;
  }

  .reset_password_stage_1 p
  {
    font-size: 17px;
  }

}

@media screen and (min-width:1024px) and (max-width:1279px)
{
  .institution_forgotten_password_input
  {
    /*height: 420px;*/
    height: auto;
    width: 78%;
    margin-left: 7%;
    border-radius: 30px;
    margin-top: 95px;
  }

  .institution_forgotten_password_input_head
  {
    padding-top: 40px;
    padding-bottom: 25px;
    margin-left: 55px;
    letter-spacing: 2px;
  }

  .institution_forgotten_password_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 17px;
  }

  .institution_forgotten_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 9px;
  }

  .institution_forgotten_password_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .institution_forgotten_password_input_error_messages .errors
  {
    font-size: 12px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .institution_forgotten_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .forgotten_institution_email
  {
    margin-bottom: 15px;
    width: 80%;
    margin-left: 10%;
    margin-top: 5px;
  }

  .forgotten_password_email_input_icon
  {
    height: 33px;
    /*border: solid 2px red;*/
    display: flex;
  }

  .forgotten_password_email_input_icon input{
    width: 80%;
    border-radius: 30px;
    padding: 5px 10px 5px 15px;
    /*padding-left: 10px;*/
    font-size: 14px;
    height: 16px;
    margin-top: 4px;
  }

  .forgotten_institution_email i
  {
    margin-top: 6px;
    font-size: 16px;
  }

  .institution_submit_email_button input
  {
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 5px;
    margin-right: 10px;
  }

  .back_to_login
  {
    margin-top: 20px;
  }

  .back_to_login a
  {
    font-size: 13px;
    margin-top: 15px;
  }

  .reset_password_stage_1
  {
    margin-top: 25px;
  }

  .reset_password_stage_1 p
  {
    font-size: 17px;
  }
}

@media screen and (min-width:990px) and (max-width:1023px)
{
  .institution_forgotten_password_input
  {
    /*height: 400px;*/
    height: auto;
    width: 78%;
    margin-left: 7%;
    border-radius: 30px;
    margin-top: 105px;
  }

  .institution_forgotten_password_input_head
  {
    padding-top: 30px;
    padding-bottom: 25px;
    margin-left: 52px;
    letter-spacing: 2px;
  }

  .institution_forgotten_password_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 16px;
  }

  .institution_forgotten_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 10px;
  }

  .institution_forgotten_password_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .institution_forgotten_password_input_error_messages .errors
  {
    font-size: 11px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .institution_forgotten_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .forgotten_institution_email
  {
    margin-bottom: 15px;
    width: 80%;
    margin-left: 10%;
    margin-top: 5px;
  }

  .forgotten_password_email_input_icon
  {
    height: 31px;
    /*border: solid 2px red;*/
    display: flex;
  }

  .forgotten_password_email_input_icon input{
    width: 80%;
    border-radius: 30px;
    padding: 5px 10px 5px 15px;
    /*padding-left: 10px;*/
    font-size: 13px;
    height: 16px;
    margin-top: 3px;
  }

  .forgotten_institution_email i
  {
    margin-top: 4px;
    font-size: 16px;
  }

  .institution_submit_email_button input
  {
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 11px;
    margin-top: 5px;
    margin-right: 10px;
  }

  .back_to_login
  {
    margin-top: 20px;
  }

  .back_to_login a
  {
    font-size: 13px;
    margin-top: 15px;
  }

  .reset_password_stage_1
  {
    margin-top: 15px;
  }

  .reset_password_stage_1 p
  {
    font-size: 16px;
  }
}

@media screen and (min-width:820px) and (max-width:989px)
{
  .institution_forgotten_password_input
  {
    /*height: 400px;*/
    height: auto;
    width: 75%;
    margin-left: 12.5%;
    border-radius: 30px;
    margin-top: 95px;
  }

  .institution_forgotten_password_input_head
  {
    padding-top: 50px;
    padding-bottom: 25px;
    margin-left: 75px;
    letter-spacing: 2px;
  }

  .institution_forgotten_password_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 20px;
  }

  .institution_forgotten_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 12px;
  }

  .institution_forgotten_password_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .institution_forgotten_password_input_error_messages .errors
  {
    font-size: 14px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .institution_forgotten_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .forgotten_institution_email
  {
    margin-bottom: 15px;
    width: 80%;
    margin-left: 10%;
    margin-top: 5px;
  }

  .forgotten_password_email_input_icon
  {
    height: 35px;
    /*border: solid 2px red;*/
    display: flex;
  }

  .forgotten_password_email_input_icon input{
    width: 85%;
    border-radius: 30px;
    padding: 5px 10px 5px 20px;
    /*padding-left: 10px;*/
    font-size: 16px;
    height: 18px;
    margin-top: 4px;
  }

  .forgotten_institution_email i
  {
    margin-top: 7px;
    font-size: 16px;
  }

  .institution_submit_email_button input
  {
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 11px;
    margin-top: 5px;
    margin-right: 10px;
  }

  .back_to_login
  {
    margin-top: 20px;
  }

  .back_to_login a
  {
    font-size: 14px;
    margin-top: 15px;
  }

  .reset_password_stage_1
  {
    margin-top: 45px;
  }

  .reset_password_stage_1 p
  {
    font-size: 18px;
  }
}

@media screen and (min-width:800px) and (max-width:819px)
{
  .institution_forgotten_password_input
  {
    /*height: 400px;*/
    height: auto;
    width: 70%;
    margin-left: 15%;
    border-radius: 30px;
    margin-top: 95px;
  }

  .institution_forgotten_password_input_head
  {
    padding-top: 50px;
    padding-bottom: 25px;
    margin-left: 70px;
    letter-spacing: 2px;
  }

  .institution_forgotten_password_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 20px;
  }

  .institution_forgotten_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 12px;
  }

  .institution_forgotten_password_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .institution_forgotten_password_input_error_messages .errors
  {
    font-size: 14px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .institution_forgotten_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .forgotten_institution_email
  {
    margin-bottom: 15px;
    width: 80%;
    margin-left: 10%;
    margin-top: 5px;
  }

  .forgotten_password_email_input_icon
  {
    height: 35px;
    /*border: solid 2px red;*/
    display: flex;
  }

  .forgotten_password_email_input_icon input{
    width: 84%;
    border-radius: 30px;
    padding: 6px 15px 6px 15px;
    margin-top: 4px;
    /*padding-left: 10px;*/
    font-size: 16px;
    height: 18px;
  }

  .forgotten_institution_email i
  {
    margin-top: 7px;
    font-size: 16px;
  }

  .institution_submit_email_button input
  {
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 11px;
    margin-top: 5px;
    margin-right: 10px;
  }

  .back_to_login
  {
    margin-top: 20px;
  }

  .back_to_login a
  {
    font-size: 14px;
    margin-top: 15px;
  }

  .reset_password_stage_1
  {
    margin-top: 45px;
  }

  .reset_password_stage_1 p
  {
    font-size: 18px;
  }
}

@media screen and (min-width:768px) and (max-width:799px)
{
  .institution_forgotten_password_input
  {
    /*height: 400px;*/
    height: auto;
    width: 70%;
    margin-left: 15%;
    border-radius: 30px;
    margin-top: 95px;
  }

  .institution_forgotten_password_input_head
  {
    padding-top: 50px;
    padding-bottom: 25px;
    margin-left: 70px;
    letter-spacing: 2px;
  }

  .institution_forgotten_password_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 20px;
  }

  .institution_forgotten_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 12px;
  }

  .institution_forgotten_password_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .institution_forgotten_password_input_error_messages .errors
  {
    font-size: 14px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .institution_forgotten_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .forgotten_institution_email
  {
    margin-bottom: 15px;
    width: 80%;
    margin-left: 10%;
    margin-top: 5px;
  }

  .forgotten_password_email_input_icon
  {
    height: 35px;
    /*border: solid 2px red;*/
    display: flex;
  }

  .forgotten_password_email_input_icon input{
    width: 83%;
    border-radius: 30px;
    padding: 6px 15px 6px 15px;
    margin-top: 4px;
    /*padding-left: 10px;*/
    font-size: 16px;
    height: 18px;
  }

  .forgotten_institution_email i
  {
    margin-top: 6px;
    font-size: 16px;
  }

  .institution_submit_email_button input
  {
    padding: 7px 15px 7px 15px;
    border-radius: 5px;
    font-size: 11px;
    margin-top: 5px;
    margin-right: 10px;
  }

  .back_to_login
  {
    margin-top: 20px;
  }

  .back_to_login a
  {
    font-size: 14px;
    margin-top: 15px;
  }

  .reset_password_stage_1
  {
    margin-top: 45px;
  }

  .reset_password_stage_1 p
  {
    font-size: 18px;
  }
}

@media screen and (min-width:670px) and (max-width:767px)
{
  .institution_forgotten_password_input
  {
    /*height: 400px;*/
    height: auto;
    width: 70%;
    margin-left: 15%;
    border-radius: 30px;
    margin-top: 95px;
  }

  .institution_forgotten_password_input_head
  {
    padding-top: 40px;
    padding-bottom: 25px;
    margin-left: 70px;
    letter-spacing: 2px;
  }

  .institution_forgotten_password_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 20px;
  }

  .institution_forgotten_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 11px;
  }

  .institution_forgotten_password_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .institution_forgotten_password_input_error_messages .errors
  {
    font-size: 12px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .institution_forgotten_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .forgotten_institution_email
  {
    margin-bottom: 15px;
    width: 80%;
    margin-left: 10%;
    margin-top: 5px;
  }

  .forgotten_password_email_input_icon
  {
    height: 35px;
    /*border: solid 2px red;*/
    display: flex;
  }

  .forgotten_password_email_input_icon input{
    width: 81%;
    border-radius: 30px;
    padding: 6px 15px 6px 15px;
    margin-top: 4px;
    /*padding-left: 10px;*/
    font-size: 16px;
    height: 18px;
  }

  .forgotten_institution_email i
  {
    margin-top: 6px;
    font-size: 16px;
  }

  .institution_submit_email_button input
  {
    padding: 7px 15px 7px 15px;
    border-radius: 5px;
    font-size: 11px;
    margin-top: 5px;
    margin-right: 10px;
  }

  .back_to_login
  {
    margin-top: 20px;
  }

  .back_to_login a
  {
    font-size: 14px;
    margin-top: 15px;
  }

  .reset_password_stage_1
  {
    margin-top: 35px;
  }

  .reset_password_stage_1 p
  {
    font-size: 17px;
  }
}

@media screen and (min-width:590px) and (max-width:669px)
{
  .institution_forgotten_password_input
  {
    /*height: 380px;*/
    height: auto;
    width: 70%;
    margin-left: 15%;
    border-radius: 30px;
    margin-top: 95px;
  }

  .institution_forgotten_password_input_head
  {
    padding-top: 40px;
    padding-bottom: 25px;
    margin-left: 60px;
    letter-spacing: 2px;
  }

  .institution_forgotten_password_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 18px;
  }

  .institution_forgotten_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 10px;
  }

  .institution_forgotten_password_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .institution_forgotten_password_input_error_messages .errors
  {
    font-size: 11px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .institution_forgotten_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .forgotten_institution_email
  {
    margin-bottom: 15px;
    width: 80%;
    margin-left: 10%;
    margin-top: 5px;
  }

  .forgotten_password_email_input_icon
  {
    height: 35px;
    /*border: solid 2px red;*/
    display: flex;
  }

  .forgotten_password_email_input_icon input{
    width: 78%;
    border-radius: 30px;
    padding: 6px 15px 6px 15px;
    margin-top: 5px;
    /*padding-left: 10px;*/
    font-size: 14px;
    height: 12px;
  }

  .forgotten_institution_email i
  {
    margin-top: 6px;
    font-size: 15px;
  }

  .institution_submit_email_button input
  {
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 5px;
    margin-right: 10px;
  }

  .back_to_login
  {
    margin-top: 20px;
  }

  .back_to_login a
  {
    font-size: 14px;
    margin-top: 15px;
  }

  .reset_password_stage_1
  {
    margin-top: 25px;
  }

  .reset_password_stage_1 p
  {
    font-size: 17px;
  }
}

@media screen and (min-width:500px) and (max-width:589px)
{
  .institution_forgotten_password_input
  {
    /*height: 380px;*/
    height: auto;
    width: 70%;
    margin-left: 15%;
    border-radius: 30px;
    margin-top: 95px;
  }

  .institution_forgotten_password_input_head
  {
    padding-top: 30px;
    padding-bottom: 25px;
    margin-left: 40px;
    letter-spacing: 2px;
  }

  .institution_forgotten_password_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 17px;
  }

  .institution_forgotten_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 9px;
  }

  .institution_forgotten_password_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .institution_forgotten_password_input_error_messages .errors
  {
    font-size: 11px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .institution_forgotten_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .forgotten_institution_email
  {
    margin-bottom: 15px;
    width: 80%;
    margin-left: 7%;
    margin-top: 5px;
  }

  .forgotten_password_email_input_icon
  {
    height: 35px;
    /*border: solid 2px red;*/
    display: flex;
  }

  .forgotten_password_email_input_icon input{
    width: 75%;
    border-radius: 30px;
    padding: 6px 15px 6px 15px;
    margin-top: 5px;
    /*padding-left: 10px;*/
    font-size: 14px;
    height: 12px;
  }

  .forgotten_institution_email i
  {
    margin-top: 6px;
    font-size: 15px;
  }

  .institution_submit_email_button input
  {
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 5px;
    margin-right: 10px;
    margin-left: -5px;
  }

  .back_to_login
  {
    margin-top: 20px;
  }

  .back_to_login a
  {
    font-size: 13px;
    margin-top: 15px;
  }

  .reset_password_stage_1
  {
    margin-top: 20px;
  }

  .reset_password_stage_1 p
  {
    font-size: 16px;
  }
}

@media screen and (min-width:460px) and (max-width:499px)
{
  .institution_forgotten_password_input
  {
    /*height: 380px;*/
    height: auto;
    width: 70%;
    margin-left: 15%;
    border-radius: 30px;
    margin-top: 95px;
    padding-left: 0px;
  }

  .institution_forgotten_password_input_head
  {
    padding-top: 30px;
    padding-bottom: 25px;
    margin-left: 37px;
    letter-spacing: 2px;
  }

  .institution_forgotten_password_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 17px;
  }

  .institution_forgotten_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 9px;
  }

  .institution_forgotten_password_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .institution_forgotten_password_input_error_messages .errors
  {
    font-size: 10px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .institution_forgotten_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .forgotten_institution_email
  {
    margin-bottom: 15px;
    width: 80%;
    margin-left: 7%;
    margin-top: 5px;
  }

  .forgotten_password_email_input_icon
  {
    height: 33px;
    /*border: solid 2px red;*/
    display: flex;
  }

  .forgotten_password_email_input_icon input{
    width: 73%;
    border-radius: 30px;
    padding: 6px 15px 6px 15px;
    margin-top: 5px;
    /*padding-left: 10px;*/
    font-size: 13px;
    height: 12px;
  }

  .forgotten_institution_email i
  {
    margin-top: 6px;
    font-size: 15px;
  }

  .institution_submit_email_button input
  {
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 5px;
    margin-right: 10px;
  }

  .back_to_login
  {
    margin-top: 20px;
  }

  .back_to_login a
  {
    font-size: 12px;
    margin-top: 15px;
  }

  .reset_password_stage_1
  {
    margin-top: 20px;
  }

  .reset_password_stage_1 p
  {
    font-size: 16px;
  }
}

@media screen and (min-width:425px) and (max-width:459px)
{
  .institution_forgotten_password_input
  {
    /*height: 380px;*/
    height: auto;
    width: 70%;
    margin-left: 15%;
    border-radius: 30px;
    margin-top: 95px;
    padding-left: 0px;
  }

  .institution_forgotten_password_input_head
  {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: 37px;
    letter-spacing: 2px;
  }

  .institution_forgotten_password_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 16px;
  }

  .institution_forgotten_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 8px;
  }

  .institution_forgotten_password_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .institution_forgotten_password_input_error_messages .errors
  {
    font-size: 10px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .institution_forgotten_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .forgotten_institution_email
  {
    margin-bottom: 15px;
    width: 80%;
    margin-left: 7%;
    margin-top: 5px;
  }

  .forgotten_password_email_input_icon
  {
    height: 32px;
    /*border: solid 2px red;*/
    display: flex;
  }

  .forgotten_password_email_input_icon input{
    width: 70%;
    border-radius: 30px;
    padding: 6px 15px 6px 15px;
    margin-top: 4px;
    /*padding-left: 10px;*/
    font-size: 13px;
    height: 12px;
  }

  .forgotten_institution_email i
  {
    margin-top: 5px;
    font-size: 15px;
  }

  .institution_submit_email_button input
  {
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 5px;
    margin-right: 10px;
  }

  .back_to_login
  {
    margin-top: 20px;
  }

  .back_to_login a
  {
    font-size: 12px;
    margin-top: 15px;
  }

  .reset_password_stage_1
  {
    margin-top: 15px;
  }

  .reset_password_stage_1 p
  {
    font-size: 15px;
  }
}

@media screen and (min-width:400px) and (max-width:424px)
{
  .institution_forgotten_password_input
  {
    /*height: 380px;*/
    height: auto;
    width: 80%;
    margin-left: 10%;
    border-radius: 30px;
    margin-top: 95px;
    padding-left: 0px;
  }

  .institution_forgotten_password_input_head
  {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: 37px;
    letter-spacing: 2px;
  }

  .institution_forgotten_password_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 16px;
  }

  .institution_forgotten_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 8px;
  }

  .institution_forgotten_password_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .institution_forgotten_password_input_error_messages .errors
  {
    font-size: 9px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .institution_forgotten_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .forgotten_institution_email
  {
    margin-bottom: 15px;
    width: 80%;
    margin-left: 7%;
    margin-top: 5px;
  }

  .forgotten_password_email_input_icon
  {
    height: 32px;
    /*border: solid 2px red;*/
    display: flex;
  }

  .forgotten_password_email_input_icon input{
    width: 71%;
    border-radius: 30px;
    padding: 6px 15px 6px 15px;
    margin-top: 4px;
    /*padding-left: 10px;*/
    font-size: 13px;
    height: 12px;
  }

  .forgotten_institution_email i
  {
    margin-top: 5px;
    font-size: 15px;
  }

  .institution_submit_email_button input
  {
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 5px;
    margin-right: 10px;
  }

  .back_to_login
  {
    margin-top: 20px;
  }

  .back_to_login a
  {
    font-size: 12px;
    margin-top: 15px;
  }

  .reset_password_stage_1
  {
    margin-top: 15px;
  }

  .reset_password_stage_1 p
  {
    font-size: 15px;
  }
}

@media screen and (min-width:375px) and (max-width:399px)
{
  .institution_forgotten_password_input
  {
    /*height: 380px;*/
    height: auto;
    width: 80%;
    margin-left: 10%;
    border-radius: 30px;
    margin-top: 95px;
    padding-left: 0px;
  }

  .institution_forgotten_password_input_head
  {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: 37px;
    letter-spacing: 2px;
  }

  .institution_forgotten_password_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 16px;
  }

  .institution_forgotten_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 8px;
  }

  .institution_forgotten_password_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .institution_forgotten_password_input_error_messages .errors
  {
    font-size: 9px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .institution_forgotten_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .forgotten_institution_email
  {
    margin-bottom: 15px;
    width: 80%;
    margin-left: 7%;
    margin-top: 5px;
  }

  .forgotten_password_email_input_icon
  {
    height: 32px;
    /*border: solid 2px red;*/
    display: flex;
  }

  .forgotten_password_email_input_icon input{
    width: 70%;
    border-radius: 30px;
    padding: 6px 15px 6px 15px;
    margin-top: 4px;
    /*padding-left: 10px;*/
    font-size: 13px;
    height: 12px;
  }

  .forgotten_institution_email i
  {
    margin-top: 6px;
    font-size: 15px;
  }

  .institution_submit_email_button input
  {
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 5px;
    margin-right: 10px;
  }

  .back_to_login
  {
    margin-top: 20px;
  }

  .back_to_login a
  {
    font-size: 12px;
    margin-top: 15px;
  }

  .reset_password_stage_1
  {
    margin-top: 15px;
  }

  .reset_password_stage_1 p
  {
    font-size: 15px;
  }
}

@media screen and (min-width:300px) and (max-width:374px)
{
  .institution_forgotten_password_input
  {
    /*height: 380px;*/
    height: auto;
    width: 90%;
    margin-left: 10%;
    border-radius: 30px;
    margin-top: 95px;
    padding-left: 0px;
  }

  .institution_forgotten_password_input_head
  {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: 37px;
    letter-spacing: 2px;
  }

  .institution_forgotten_password_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 14px;
  }

  .institution_forgotten_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 8px;
  }

  .institution_forgotten_password_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .institution_forgotten_password_input_error_messages .errors
  {
    font-size: 10px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .institution_forgotten_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .forgotten_institution_email
  {
    margin-bottom: 15px;
    width: 80%;
    margin-left: 7%;
    margin-top: 5px;
  }

  .forgotten_password_email_input_icon
  {
    height: 30px;
    /*border: solid 2px red;*/
    display: flex;
  }

  .forgotten_password_email_input_icon input{
    width: 68%;
    border-radius: 30px;
    padding: 5px 15px 5px 15px;
    margin-top: 4px;
    /*padding-left: 10px;*/
    font-size: 13px;
    height: 12px;
  }

  .forgotten_institution_email i
  {
    margin-top: 4px;
    font-size: 15px;
  }

  .institution_submit_email_button input
  {
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 5px;
    margin-right: 10px;
  }

  .back_to_login
  {
    margin-top: 20px;
  }

  .back_to_login a
  {
    font-size: 11px;
    margin-top: 15px;
  }

  .reset_password_stage_1
  {
    margin-top: 15px;
  }

  .reset_password_stage_1 p
  {
    font-size: 15px;
  }
}

@media screen and (min-width:200px) and (max-width:299px)
{
  .institution_forgotten_password_input
  {
    /*height: 380px;*/
    height: auto;
    width: 100%;
    margin-left: 8.5%;
    border-radius: 30px;
    margin-top: 95px;
    padding-left: 0px;
  }

  .institution_forgotten_password_input_head
  {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: 15px;
    letter-spacing: 2px;
  }

  .institution_forgotten_password_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 14px;
  }

  .institution_forgotten_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 8px;
  }

  .institution_forgotten_password_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .institution_forgotten_password_input_error_messages .errors
  {
    font-size: 10px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .institution_forgotten_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .forgotten_institution_email
  {
    margin-bottom: 15px;
    width: 90%;
    margin-left: 0%;
    margin-top: 5px;
  }

  .forgotten_password_email_input_icon
  {
    height: 30px;
    /*border: solid 2px red;*/
    display: flex;
  }

  .forgotten_password_email_input_icon input{
    width: 62%;
    border-radius: 30px;
    padding: 5px 15px 5px 15px;
    margin-top: 4px;
    /*padding-left: 10px;*/
    font-size: 13px;
    height: 12px;
  }

  .forgotten_institution_email i
  {
    margin-top: 6px;
    font-size: 12px;
  }

  .institution_submit_email_button input
  {
    padding: 6px 10px 6px 10px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 5px;
    margin-right: 10px;
    margin-left: -10px;
  }

  .back_to_login
  {
    margin-top: 20px;
  }

  .back_to_login a
  {
    font-size: 11px;
    margin-top: 15px;
  }

  .reset_password_stage_1
  {
    margin-top: 15px;
  }

  .reset_password_stage_1 p
  {
    font-size: 15px;
  }
}

@media screen and (min-width:100px) and (max-width:199px)
{
  .institution_forgotten_password_input
  {
    /*height: 380px;*/
    height: auto;
    width: 100%;
    margin-left: 8.5%;
    border-radius: 30px;
    margin-top: 60px;
    padding-left: 0px;
  }

  .institution_forgotten_password_input_head
  {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: 15px;
    letter-spacing: 2px;
  }

  .institution_forgotten_password_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 14px;
  }

  .institution_forgotten_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 8px;
  }

  .institution_forgotten_password_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .institution_forgotten_password_input_error_messages .errors
  {
    font-size: 10px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .institution_forgotten_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .forgotten_institution_email
  {
    margin-bottom: 15px;
    width: 90%;
    margin-left: 0%;
    margin-top: 5px;
  }

  .forgotten_password_email_input_icon
  {
    height: 30px;
    /*border: solid 2px red;*/
    display: flex;
  }

  .forgotten_password_email_input_icon input{
    width: 65%;
    border-radius: 30px;
    padding: 5px 15px 5px 15px;
    margin-top: 4px;
    /*padding-left: 10px;*/
    font-size: 13px;
    height: 12px;
  }

  .forgotten_institution_email i
  {
    margin-top: 4px;
    font-size: 12px;
  }

  .institution_submit_email_button input
  {
    padding: 6px 10px 6px 10px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 5px;
    margin-right: 10px;
    margin-left: -10px;
  }

  .back_to_login
  {
    margin-top: 20px;
  }

  .back_to_login a
  {
    font-size: 11px;
    margin-top: 15px;
  }

  .reset_password_stage_1
  {
    margin-top: 15px;
  }

  .reset_password_stage_1 p
  {
    font-size: 15px;
  }
}



/************************************************* Teacher Forgotten Password ****************************************/
.teacher_forgotten_password_input
{
  /*height: 380px;*/
  height: auto;
  width: 60%;
  margin-left: 12%;
  border-radius: 30px;
  background-color: #000000A5;
  font-family: Montserrat;
  margin-top: 95px;
}

.teacher_forgotten_password_input_head
{
  padding-top: 80px;
  padding-bottom: 25px;
  margin-left: 60px;
  letter-spacing: 2px;
}


.teacher_forgotten_password_input_head p:nth-child(1)
{
  color: white;
  padding-top: 20px;
  text-transform:capitalize;
  padding-bottom: 0px;
  margin-bottom: 5px;
  font-size: 18px;
  font-weight:bold;
}


.teacher_forgotten_password_input_head p:nth-child(2)
{
  color: white;
  padding-top: 0px;
  text-transform:capitalize;
  padding-bottom: 0px;
  margin-bottom: 5px;
  font-size: 10px;
  font-weight:bold;
}

.teacher_forgotten_password_input_error_messages
{
  margin-top: 20px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.teacher_forgotten_password_input_error_messages .errors
{
  font-size: 12px;
  margin-left: 0px;
}

.teacher_forgotten_password_input_error_messages .errors li
{
  margin-bottom: 10px;
}


.teacher_forgotten_password_input_form
{
    /*border: 2px solid red;*/
    /*height: 520px;*/
    width: 95%;
    margin-left: 17px;
}


.forgotten_teacher_email
{
  margin-bottom: 20px;
  width: 75%;
  margin-left: 10%;
}

.forgotten_password_teacher_email_input_icon
{
  height: 25px;
  /*border: solid 2px red;*/
  display: flex;
  background: white;
  border-radius: 30px;
}

.forgotten_password_teacher_email_input_icon input{
  outline: none;
  border: none;
  width: 87%;
  border-radius: 15px;
  padding-left: 10px;
  font-size: 13px;
  height: 23px;
}

.forgotten_teacher_email i
{
  margin-top: 1px;
}


.teacher_submit_email_button {
  text-align: center;
  display: flex;
  /*border: solid 2px black;*/
  justify-content:center;
}


.teacher_submit_email_button input{
  padding: 5px 10px 5px 10px;
  border-radius: 3px;
  font-size: 12px;
  margin-top: 5px;
  background-color: #D99E30;
  color: #FFFFFF;
  font-family: Montserrat;
  text-transform: uppercase;
  margin-right: 10px;
  border: none;
}


.teacher_submit_email_button input:hover{
  cursor:pointer;
}

.teacher_submit_email_button a{
  text-decoration: none;
  font-size: 10px;
  font-weight: bold;
  color: #FFFFFF;
  font-family: Montserrat;
  margin-top: 15px;
}


.teacher_submit_email_button a:hover{
  text-decoration: underline;
  cursor: pointer;
}

.teacher_submit_email_button a:visited{
  color: #FFFFFF;
}



/************************************************* Teacher Forgotten Password Responsive Pages ****************************************/

@media screen and (min-width:2550px) and (max-width:3439px)
{
  .teacher_forgotten_password_input
  {
    /*height: 740px;*/
    height: auto;
    width: 70%;
    margin-left: 10%;
    border-radius: 50px;
    margin-top: 150px;
  }

  .teacher_forgotten_password_input_head
  {
    padding-top: 110px;
    padding-bottom: 25px;
    margin-left: 100px;
    letter-spacing: 2px;
  }

  .teacher_forgotten_password_input_head p:nth-child(1)
  {
    padding-top: 40px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 36px;
  }

  .teacher_forgotten_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 20px;
  }

  .teacher_forgotten_password_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    width: 80%;
  }

  .teacher_forgotten_password_input_error_messages .errors
  {
    font-size: 20px;
    margin-left: 0px;
    margin-bottom: 0px;
  }

  .teacher_forgotten_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .forgotten_teacher_email
  {
    margin-bottom: 20px;
    width: 80%;
    margin-left: 10%;
    margin-top: 40px;
  }

  .forgotten_password_teacher_email_input_icon
  {
    height: 60px;
    /*border: solid 2px blue;*/
    display: flex;
    background: white;
    border-radius: 30px;
  }

  .forgotten_password_teacher_email_input_icon input{
    width: 86%;
    border-radius: 30px;
    padding: 5px 5px 5px 25px;
    /*padding-left: 10px;*/
    font-size: 28px;
    height: 45px;
    margin-top: 3px;
    /*border: solid 2px red;*/
  }

  .forgotten_teacher_email i
  {
    margin-top: 9.5px;
    font-size: 34px;
  }

  .teacher_submit_email_button input
  {
    padding: 20px 30px 20px 30px;
    border-radius: 10px;
    font-size: 24px;
    margin-top: 15px;
    margin-right: 10px;
  }

  .back_to_login
  {
    margin-top: 65px;
  }

  .back_to_login a
  {
    font-size: 24px;
    margin-top: 15px;
  }

  .reset_password_stage_1
  {
    margin-top: 20px;
  }

  .reset_password_stage_1 p
  {
    font-size: 28px;
  }

}

@media screen and (min-width:1920px) and (max-width:2549px)
{
  .teacher_forgotten_password_input
  {
    /*height: 720px;*/
    height: auto;
    width: 70%;
    margin-left: 10%;
    border-radius: 30px;
    margin-top: 40px;
  }

  .teacher_forgotten_password_input_head
  {
    padding-top: 60px;
    padding-bottom: 25px;
    margin-left: 80px;
    letter-spacing: 2px;
  }

  .teacher_forgotten_password_input_head p:nth-child(1)
  {
    padding-top: 36px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 28px;
  }

  .teacher_forgotten_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 15px;
  }

  .teacher_forgotten_password_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .teacher_forgotten_password_input_error_messages .errors
  {
    font-size: 16px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .teacher_forgotten_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .forgotten_teacher_email
  {
    margin-bottom: 20px;
    width: 80%;
    margin-left: 10%;
    margin-top: 20px;
  }

  .forgotten_password_teacher_email_input_icon
  {
    height: 45px;
    /*border: solid 2px red;*/
    border-radius: 25px;
  }

  .forgotten_password_teacher_email_input_icon input{
    width: 84%;
    border-radius: 20px;
    padding: 5px 10px 5px 20px;
    /*padding-left: 10px;*/
    font-size: 20px;
    margin-top: 2px;
    height: 32px;
    /*border: solid 2px blue;*/
  }

  .forgotten_teacher_email i
  {
    margin-top: 5px;
    font-size: 28px;
  }

  .teacher_submit_email_button input
  {
    padding: 15px 20px 15px 20px;
    border-radius: 10px;
    font-size: 20px;
    margin-top: 15px;
    margin-right: 10px;
  }

  .back_to_login
  {
    margin-top: 40px;
  }

  .back_to_login a
  {
    font-size: 20px;
    margin-top: 15px;
  }

  .reset_password_stage_1
  {
    margin-top: 20px;
  }

  .reset_password_stage_1 p
  {
    font-size: 24px;
  }

}

@media screen and (min-width: 1600px) and (max-width: 1919px)
{
  .teacher_forgotten_password_input
  {
    /*height: 520px;*/
    height: auto;
    width: 70%;
    margin-left: 10%;
    border-radius: 30px;
    margin-top: 80px;
  }

  .teacher_forgotten_password_input_head
  {
    padding-top: 50px;
    padding-bottom: 25px;
    margin-left: 70px;
    letter-spacing: 2px;
  }

  .teacher_forgotten_password_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 24px;
  }

  .teacher_forgotten_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 13px;
  }

  .teacher_forgotten_password_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .teacher_forgotten_password_input_error_messages .errors
  {
    font-size: 15px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .teacher_forgotten_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .forgotten_teacher_email
  {
    margin-bottom: 20px;
    width: 80%;
    margin-left: 10%;
    margin-top: 10px;
  }

  .forgotten_password_teacher_email_input_icon
  {
    height: 36px;
    /*border: solid 2px red;*/
    display: flex;
  }

  .forgotten_password_teacher_email_input_icon input{
    width: 83%;
    border-radius: 30px;
    padding: 5px 10px 5px 20px;
    /*padding-left: 10px;*/
    font-size: 18px;
    margin-top: 3px;
    height: 22px;
    /*border: solid 2px red;*/
  }

  .forgotten_teacher_email i
  {
    margin-top: 4px;
    font-size: 22px;
  }

  .teacher_submit_email_button input
  {
    padding: 10px 15px 10px 15px;
    border-radius: 7px;
    font-size: 16px;
    margin-top: 10px;
    margin-right: 10px;
  }

  .back_to_login
  {
    margin-top: 40px;
  }

  .back_to_login a
  {
    font-size: 16px;
    margin-top: 15px;
  }

  .reset_password_stage_1
  {
    margin-top: 20px;
  }

  .reset_password_stage_1 p
  {
    font-size: 20px;
  }
}

@media screen and (min-width:1440px) and (max-width:1535px)
{
  .teacher_forgotten_password_input
  {
    /*height: 490px;*/
    height: auto;
    width: 78%;
    margin-left: 7%;
    border-radius: 30px;
    margin-top: 100px;
  }

  .teacher_forgotten_password_input_head
  {
    padding-top: 60px;
    padding-bottom: 25px;
    margin-left: 70px;
    letter-spacing: 2px;
  }

  .teacher_forgotten_password_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 22px;
  }

  .teacher_forgotten_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 12px;
  }

  .teacher_forgotten_password_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .teacher_forgotten_password_input_error_messages .errors
  {
    font-size: 15px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .teacher_forgotten_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .forgotten_teacher_email
  {
    margin-bottom: 20px;
    width: 80%;
    margin-left: 10%;
    margin-top: 10px;
  }

  .forgotten_password_teacher_email_input_icon
  {
    height: 36px;
    /*border: solid 2px red;*/
    display: flex;
  }

  .forgotten_password_teacher_email_input_icon input{
    width: 83%;
    border-radius: 30px;
    padding: 5px 10px 5px 20px;
    /*padding-left: 10px;*/
    font-size: 18px;
    height: 20px;
    margin-top: 4px;
  }

  .forgotten_teacher_email i
  {
    margin-top: 4.5px;
    font-size: 20px;
  }

  .teacher_submit_email_button input
  {
    padding: 7px 15px 7px 15px;
    border-radius: 7px;
    font-size: 14px;
    margin-top: 7px;
    margin-right: 10px;
  }

  .back_to_login
  {
    margin-top: 40px;
  }

  .back_to_login a
  {
    font-size: 16px;
    margin-top: 15px;
  }

  .reset_password_stage_1
  {
    margin-top: 25px;
  }

  .reset_password_stage_1 p
  {
    font-size: 20px;
  }
}

@media screen and (min-width:1366px) and (max-width:1439px)
{
  .teacher_forgotten_password_input
  {
    /*height: 430px;*/
    height: auto;
    width: 75%;
    margin-left: 7%;
    border-radius: 30px;
    margin-top: 80px;
  }

  .teacher_forgotten_password_input_head
  {
    padding-top: 50px;
    padding-bottom: 25px;
    margin-left: 65px;
    letter-spacing: 2px;
  }

  .teacher_forgotten_password_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 20px;
  }

  .teacher_forgotten_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 11px;
  }


  .teacher_forgotten_password_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .teacher_forgotten_password_input_error_messages .errors
  {
    font-size: 14px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .teacher_forgotten_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .forgotten_teacher_email
  {
    margin-bottom: 20px;
    width: 80%;
    margin-left: 10%;
    margin-top: 5px;
  }

  .forgotten_password_teacher_email_input_icon
  {
    height: 36px;
    /*border: solid 2px red;*/
    display: flex;
  }

  .forgotten_password_teacher_email_input_icon input{
    width: 82%;
    border-radius: 30px;
    padding: 5px 10px 5px 20px;
    /*padding-left: 10px;*/
    font-size: 16px;
    height: 18px;
    margin-top: 4px;
  }

  .forgotten_teacher_email i
  {
    margin-top: 7px;
    font-size: 18px;
  }

  .teacher_submit_email_button input
  {
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 7px;
    margin-right: 10px;
  }

  .back_to_login
  {
    margin-top: 20px;
  }

  .back_to_login a
  {
    font-size: 14px;
    margin-top: 15px;
  }

  .reset_password_stage_1
  {
    margin-top: 25px;
  }

  .reset_password_stage_1 p
  {
    font-size: 18px;
  }
}

@media screen and (min-width:1280px) and (max-width:1365px)
{
  .teacher_forgotten_password_input
  {
    /*height: 420px;*/
    height: auto;
    width: 75%;
    margin-left: 7%;
    border-radius: 30px;
    margin-top: 95px;
  }

  .teacher_forgotten_password_input_head
  {
    padding-top: 50px;
    padding-bottom: 25px;
    margin-left: 65px;
    letter-spacing: 2px;
  }

  .teacher_forgotten_password_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 18px;
  }

  .teacher_forgotten_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 10px;
  }

  .teacher_forgotten_password_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .teacher_forgotten_password_input_error_messages .errors
  {
    font-size: 12px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .teacher_forgotten_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .forgotten_teacher_email
  {
    margin-bottom: 15px;
    width: 80%;
    margin-left: 10%;
    margin-top: 5px;
  }

  .forgotten_password_teacher_email_input_icon
  {
    height: 34px;
    /*border: solid 2px red;*/
    display: flex;
  }

  .forgotten_password_teacher_email_input_icon input{
    width: 83%;
    border-radius: 30px;
    padding: 5px 10px 5px 15px;
    /*padding-left: 10px;*/
    font-size: 15px;
    height: 17px;
    margin-top: 4px;
  }

  .forgotten_teacher_email i
  {
    margin-top: 6px;
    font-size: 16px;
  }

  .teacher_submit_email_button input
  {
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 5px;
    margin-right: 10px;
  }

  .back_to_login
  {
    margin-top: 20px;
  }

  .back_to_login a
  {
    font-size: 14px;
    margin-top: 15px;
  }

  .reset_password_stage_1
  {
    margin-top: 25px;
  }

  .reset_password_stage_1 p
  {
    font-size: 17px;
  }

}

@media screen and (min-width:1024px) and (max-width:1279px)
{
  .teacher_forgotten_password_input
  {
    /*height: 420px;*/
    height: auto;
    width: 78%;
    margin-left: 7%;
    border-radius: 30px;
    margin-top: 95px;
  }

  .teacher_forgotten_password_input_head
  {
    padding-top: 40px;
    padding-bottom: 25px;
    margin-left: 55px;
    letter-spacing: 2px;
  }

  .teacher_forgotten_password_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 17px;
  }

  .teacher_forgotten_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 9px;
  }

  .teacher_forgotten_password_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .teacher_forgotten_password_input_error_messages .errors
  {
    font-size: 12px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .teacher_forgotten_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .forgotten_teacher_email
  {
    margin-bottom: 15px;
    width: 80%;
    margin-left: 10%;
    margin-top: 5px;
  }

  .forgotten_password_teacher_email_input_icon
  {
    height: 33px;
    /*border: solid 2px red;*/
    display: flex;
  }

  .forgotten_password_teacher_email_input_icon input{
    width: 80%;
    border-radius: 30px;
    padding: 5px 10px 5px 15px;
    /*padding-left: 10px;*/
    font-size: 14px;
    height: 16px;
    margin-top: 4px;
  }

  .forgotten_teacher_email i
  {
    margin-top: 6px;
    font-size: 16px;
  }

  .teacher_submit_email_button input
  {
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 5px;
    margin-right: 10px;
  }

  .back_to_login
  {
    margin-top: 20px;
  }

  .back_to_login a
  {
    font-size: 13px;
    margin-top: 15px;
  }

  .reset_password_stage_1
  {
    margin-top: 25px;
  }

  .reset_password_stage_1 p
  {
    font-size: 17px;
  }
}

@media screen and (min-width:990px) and (max-width:1023px)
{
  .teacher_forgotten_password_input
  {
    /*height: 400px;*/
    height: auto;
    width: 78%;
    margin-left: 7%;
    border-radius: 30px;
    margin-top: 105px;
  }

  .teacher_forgotten_password_input_head
  {
    padding-top: 30px;
    padding-bottom: 25px;
    margin-left: 52px;
    letter-spacing: 2px;
  }

  .teacher_forgotten_password_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 16px;
  }

  .teacher_forgotten_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 10px;
  }

  .teacher_forgotten_password_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .teacher_forgotten_password_input_error_messages .errors
  {
    font-size: 11px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .teacher_forgotten_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .forgotten_teacher_email
  {
    margin-bottom: 15px;
    width: 80%;
    margin-left: 10%;
    margin-top: 5px;
  }

  .forgotten_password_teacher_email_input_icon
  {
    height: 31px;
    /*border: solid 2px red;*/
    display: flex;
  }

  .forgotten_password_teacher_email_input_icon input{
    width: 80%;
    border-radius: 30px;
    padding: 5px 10px 5px 15px;
    /*padding-left: 10px;*/
    font-size: 13px;
    height: 16px;
    margin-top: 3px;
  }

  .forgotten_teacher_email i
  {
    margin-top: 4px;
    font-size: 16px;
  }

  .teacher_submit_email_button input
  {
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 11px;
    margin-top: 5px;
    margin-right: 10px;
  }

  .back_to_login
  {
    margin-top: 20px;
  }

  .back_to_login a
  {
    font-size: 13px;
    margin-top: 15px;
  }

  .reset_password_stage_1
  {
    margin-top: 15px;
  }

  .reset_password_stage_1 p
  {
    font-size: 16px;
  }
}

@media screen and (min-width:820px) and (max-width:989px)
{
  .teacher_forgotten_password_input
  {
    /*height: 400px;*/
    height: auto;
    width: 75%;
    margin-left: 12.5%;
    border-radius: 30px;
    margin-top: 95px;
  }

  .teacher_forgotten_password_input_head
  {
    padding-top: 50px;
    padding-bottom: 25px;
    margin-left: 75px;
    letter-spacing: 2px;
  }

  .teacher_forgotten_password_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 20px;
  }

  .teacher_forgotten_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 12px;
  }

  .teacher_forgotten_password_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .teacher_forgotten_password_input_error_messages .errors
  {
    font-size: 14px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .teacher_forgotten_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .forgotten_teacher_email
  {
    margin-bottom: 15px;
    width: 80%;
    margin-left: 10%;
    margin-top: 5px;
  }

  .forgotten_password_teacher_email_input_icon
  {
    height: 35px;
    /*border: solid 2px red;*/
    display: flex;
  }

  .forgotten_password_teacher_email_input_icon input{
    width: 85%;
    border-radius: 30px;
    padding: 5px 10px 5px 20px;
    /*padding-left: 10px;*/
    font-size: 16px;
    height: 18px;
    margin-top: 4px;
  }

  .forgotten_teacher_email i
  {
    margin-top: 7px;
    font-size: 16px;
  }

  .teacher_submit_email_button input
  {
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 11px;
    margin-top: 5px;
    margin-right: 10px;
  }

  .back_to_login
  {
    margin-top: 20px;
  }

  .back_to_login a
  {
    font-size: 14px;
    margin-top: 15px;
  }

  .reset_password_stage_1
  {
    margin-top: 45px;
  }

  .reset_password_stage_1 p
  {
    font-size: 18px;
  }
}

@media screen and (min-width:800px) and (max-width:819px)
{
  .teacher_forgotten_password_input
  {
    /*height: 400px;*/
    height: auto;
    width: 70%;
    margin-left: 15%;
    border-radius: 30px;
    margin-top: 95px;
  }

  .teacher_forgotten_password_input_head
  {
    padding-top: 50px;
    padding-bottom: 25px;
    margin-left: 70px;
    letter-spacing: 2px;
  }

  .teacher_forgotten_password_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 20px;
  }

  .teacher_forgotten_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 12px;
  }

  .teacher_forgotten_password_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .teacher_forgotten_password_input_error_messages .errors
  {
    font-size: 14px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .teacher_forgotten_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .forgotten_teacher_email
  {
    margin-bottom: 15px;
    width: 80%;
    margin-left: 10%;
    margin-top: 5px;
  }

  .forgotten_password_teacher_email_input_icon
  {
    height: 35px;
    /*border: solid 2px red;*/
    display: flex;
  }

  .forgotten_password_teacher_email_input_icon input{
    width: 84%;
    border-radius: 30px;
    padding: 6px 15px 6px 15px;
    margin-top: 4px;
    /*padding-left: 10px;*/
    font-size: 16px;
    height: 18px;
  }

  .forgotten_teacher_email i
  {
    margin-top: 7px;
    font-size: 16px;
  }

  .teacher_submit_email_button input
  {
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 11px;
    margin-top: 5px;
    margin-right: 10px;
  }

  .back_to_login
  {
    margin-top: 20px;
  }

  .back_to_login a
  {
    font-size: 14px;
    margin-top: 15px;
  }

  .reset_password_stage_1
  {
    margin-top: 45px;
  }

  .reset_password_stage_1 p
  {
    font-size: 18px;
  }
}

@media screen and (min-width:768px) and (max-width:799px)
{
  .teacher_forgotten_password_input
  {
    /*height: 400px;*/
    height: auto;
    width: 70%;
    margin-left: 15%;
    border-radius: 30px;
    margin-top: 95px;
  }

  .teacher_forgotten_password_input_head
  {
    padding-top: 50px;
    padding-bottom: 25px;
    margin-left: 70px;
    letter-spacing: 2px;
  }

  .teacher_forgotten_password_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 20px;
  }

  .teacher_forgotten_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 12px;
  }

  .teacher_forgotten_password_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .teacher_forgotten_password_input_error_messages .errors
  {
    font-size: 14px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .teacher_forgotten_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .forgotten_teacher_email
  {
    margin-bottom: 15px;
    width: 80%;
    margin-left: 10%;
    margin-top: 5px;
  }

  .forgotten_password_teacher_email_input_icon
  {
    height: 35px;
    /*border: solid 2px red;*/
    display: flex;
  }

  .forgotten_password_teacher_email_input_icon input{
    width: 83%;
    border-radius: 30px;
    padding: 6px 15px 6px 15px;
    margin-top: 4px;
    /*padding-left: 10px;*/
    font-size: 16px;
    height: 18px;
  }

  .forgotten_teacher_email i
  {
    margin-top: 6px;
    font-size: 16px;
  }

  .teacher_submit_email_button input
  {
    padding: 7px 15px 7px 15px;
    border-radius: 5px;
    font-size: 11px;
    margin-top: 5px;
    margin-right: 10px;
  }

  .back_to_login
  {
    margin-top: 20px;
  }

  .back_to_login a
  {
    font-size: 14px;
    margin-top: 15px;
  }

  .reset_password_stage_1
  {
    margin-top: 45px;
  }

  .reset_password_stage_1 p
  {
    font-size: 18px;
  }
}

@media screen and (min-width:670px) and (max-width:767px)
{
  .teacher_forgotten_password_input
  {
    /*height: 400px;*/
    height: auto;
    width: 70%;
    margin-left: 15%;
    border-radius: 30px;
    margin-top: 95px;
  }

  .teacher_forgotten_password_input_head
  {
    padding-top: 40px;
    padding-bottom: 25px;
    margin-left: 70px;
    letter-spacing: 2px;
  }

  .teacher_forgotten_password_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 20px;
  }

  .teacher_forgotten_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 11px;
  }

  .teacher_forgotten_password_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .teacher_forgotten_password_input_error_messages .errors
  {
    font-size: 12px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .teacher_forgotten_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .forgotten_teacher_email
  {
    margin-bottom: 15px;
    width: 80%;
    margin-left: 10%;
    margin-top: 5px;
  }

  .forgotten_password_teacher_email_input_icon
  {
    height: 35px;
    /*border: solid 2px red;*/
    display: flex;
  }

  .forgotten_password_teacher_email_input_icon input{
    width: 81%;
    border-radius: 30px;
    padding: 6px 15px 6px 15px;
    margin-top: 4px;
    /*padding-left: 10px;*/
    font-size: 16px;
    height: 18px;
  }

  .forgotten_teacher_email i
  {
    margin-top: 6px;
    font-size: 16px;
  }

  .teacher_submit_email_button input
  {
    padding: 7px 15px 7px 15px;
    border-radius: 5px;
    font-size: 11px;
    margin-top: 5px;
    margin-right: 10px;
  }

  .back_to_login
  {
    margin-top: 20px;
  }

  .back_to_login a
  {
    font-size: 14px;
    margin-top: 15px;
  }

  .reset_password_stage_1
  {
    margin-top: 35px;
  }

  .reset_password_stage_1 p
  {
    font-size: 17px;
  }
}

@media screen and (min-width:590px) and (max-width:669px)
{
  .teacher_forgotten_password_input
  {
    /*height: 380px;*/
    height: auto;
    width: 70%;
    margin-left: 15%;
    border-radius: 30px;
    margin-top: 95px;
  }

  .teacher_forgotten_password_input_head
  {
    padding-top: 40px;
    padding-bottom: 25px;
    margin-left: 60px;
    letter-spacing: 2px;
  }

  .teacher_forgotten_password_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 18px;
  }

  .teacher_forgotten_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 10px;
  }

  .teacher_forgotten_password_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .teacher_forgotten_password_input_error_messages .errors
  {
    font-size: 11px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .teacher_forgotten_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .forgotten_teacher_email
  {
    margin-bottom: 15px;
    width: 80%;
    margin-left: 10%;
    margin-top: 5px;
  }

  .forgotten_password_teacher_email_input_icon
  {
    height: 35px;
    /*border: solid 2px red;*/
    display: flex;
  }

  .forgotten_password_teacher_email_input_icon input{
    width: 78%;
    border-radius: 30px;
    padding: 6px 15px 6px 15px;
    margin-top: 5px;
    /*padding-left: 10px;*/
    font-size: 14px;
    height: 12px;
  }

  .forgotten_teacher_email i
  {
    margin-top: 6px;
    font-size: 15px;
  }

  .teacher_submit_email_button input
  {
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 5px;
    margin-right: 10px;
  }

  .back_to_login
  {
    margin-top: 20px;
  }

  .back_to_login a
  {
    font-size: 14px;
    margin-top: 15px;
  }

  .reset_password_stage_1
  {
    margin-top: 25px;
  }

  .reset_password_stage_1 p
  {
    font-size: 17px;
  }
}

@media screen and (min-width:500px) and (max-width:589px)
{
  .teacher_forgotten_password_input
  {
    /*height: 380px;*/
    height: auto;
    width: 70%;
    margin-left: 15%;
    border-radius: 30px;
    margin-top: 95px;
  }

  .teacher_forgotten_password_input_head
  {
    padding-top: 30px;
    padding-bottom: 25px;
    margin-left: 40px;
    letter-spacing: 2px;
  }

  .teacher_forgotten_password_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 17px;
  }

  .teacher_forgotten_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 9px;
  }

  .teacher_forgotten_password_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .teacher_forgotten_password_input_error_messages .errors
  {
    font-size: 11px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .teacher_forgotten_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .forgotten_teacher_email
  {
    margin-bottom: 15px;
    width: 80%;
    margin-left: 7%;
    margin-top: 5px;
  }

  .forgotten_password_teacher_email_input_icon
  {
    height: 35px;
    /*border: solid 2px red;*/
    display: flex;
  }

  .forgotten_password_teacher_email_input_icon input{
    width: 75%;
    border-radius: 30px;
    padding: 6px 15px 6px 15px;
    margin-top: 5px;
    /*padding-left: 10px;*/
    font-size: 14px;
    height: 12px;
  }

  .forgotten_teacher_email i
  {
    margin-top: 6px;
    font-size: 15px;
  }

  .teacher_submit_email_button input
  {
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 5px;
    margin-right: 10px;
    margin-left: -5px;
  }

  .back_to_login
  {
    margin-top: 20px;
  }

  .back_to_login a
  {
    font-size: 13px;
    margin-top: 15px;
  }

  .reset_password_stage_1
  {
    margin-top: 20px;
  }

  .reset_password_stage_1 p
  {
    font-size: 16px;
  }
}

@media screen and (min-width:460px) and (max-width:499px)
{
  .teacher_forgotten_password_input
  {
    /*height: 380px;*/
    height: auto;
    width: 70%;
    margin-left: 15%;
    border-radius: 30px;
    margin-top: 95px;
    padding-left: 0px;
  }

  .teacher_forgotten_password_input_head
  {
    padding-top: 30px;
    padding-bottom: 25px;
    margin-left: 37px;
    letter-spacing: 2px;
  }

  .teacher_forgotten_password_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 17px;
  }

  .teacher_forgotten_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 9px;
  }

  .teacher_forgotten_password_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .teacher_forgotten_password_input_error_messages .errors
  {
    font-size: 10px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .teacher_forgotten_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .forgotten_teacher_email
  {
    margin-bottom: 15px;
    width: 80%;
    margin-left: 7%;
    margin-top: 5px;
  }

  .forgotten_password_teacher_email_input_icon
  {
    height: 33px;
    /*border: solid 2px red;*/
    display: flex;
  }

  .forgotten_password_teacher_email_input_icon input{
    width: 73%;
    border-radius: 30px;
    padding: 6px 15px 6px 15px;
    margin-top: 5px;
    /*padding-left: 10px;*/
    font-size: 13px;
    height: 12px;
  }

  .forgotten_teacher_email i
  {
    margin-top: 6px;
    font-size: 15px;
  }

  .teacher_submit_email_button input
  {
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 5px;
    margin-right: 10px;
  }

  .back_to_login
  {
    margin-top: 20px;
  }

  .back_to_login a
  {
    font-size: 12px;
    margin-top: 15px;
  }

  .reset_password_stage_1
  {
    margin-top: 20px;
  }

  .reset_password_stage_1 p
  {
    font-size: 16px;
  }
}

@media screen and (min-width:425px) and (max-width:459px)
{
  .teacher_forgotten_password_input
  {
    /*height: 380px;*/
    height: auto;
    width: 70%;
    margin-left: 15%;
    border-radius: 30px;
    margin-top: 95px;
    padding-left: 0px;
  }

  .teacher_forgotten_password_input_head
  {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: 37px;
    letter-spacing: 2px;
  }

  .teacher_forgotten_password_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 16px;
  }

  .teacher_forgotten_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 8px;
  }

  .teacher_forgotten_password_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .teacher_forgotten_password_input_error_messages .errors
  {
    font-size: 10px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .teacher_forgotten_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .forgotten_teacher_email
  {
    margin-bottom: 15px;
    width: 80%;
    margin-left: 7%;
    margin-top: 5px;
  }

  .forgotten_password_teacher_email_input_icon
  {
    height: 32px;
    /*border: solid 2px red;*/
    display: flex;
  }

  .forgotten_password_teacher_email_input_icon input{
    width: 70%;
    border-radius: 30px;
    padding: 6px 15px 6px 15px;
    margin-top: 4px;
    /*padding-left: 10px;*/
    font-size: 13px;
    height: 12px;
  }

  .forgotten_teacher_email i
  {
    margin-top: 5px;
    font-size: 15px;
  }

  .teacher_submit_email_button input
  {
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 5px;
    margin-right: 10px;
  }

  .back_to_login
  {
    margin-top: 20px;
  }

  .back_to_login a
  {
    font-size: 12px;
    margin-top: 15px;
  }

  .reset_password_stage_1
  {
    margin-top: 15px;
  }

  .reset_password_stage_1 p
  {
    font-size: 15px;
  }
}

@media screen and (min-width:400px) and (max-width:424px)
{
  .teacher_forgotten_password_input
  {
    /*height: 380px;*/
    height: auto;
    width: 80%;
    margin-left: 10%;
    border-radius: 30px;
    margin-top: 95px;
    padding-left: 0px;
  }

  .teacher_forgotten_password_input_head
  {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: 37px;
    letter-spacing: 2px;
  }

  .teacher_forgotten_password_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 16px;
  }

  .teacher_forgotten_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 8px;
  }

  .teacher_forgotten_password_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .teacher_forgotten_password_input_error_messages .errors
  {
    font-size: 9px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .teacher_forgotten_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .forgotten_teacher_email
  {
    margin-bottom: 15px;
    width: 80%;
    margin-left: 7%;
    margin-top: 5px;
  }

  .forgotten_password_teacher_email_input_icon
  {
    height: 32px;
    /*border: solid 2px red;*/
    display: flex;
  }

  .forgotten_password_teacher_email_input_icon input{
    width: 71%;
    border-radius: 30px;
    padding: 6px 15px 6px 15px;
    margin-top: 4px;
    /*padding-left: 10px;*/
    font-size: 13px;
    height: 12px;
  }

  .forgotten_teacher_email i
  {
    margin-top: 5px;
    font-size: 15px;
  }

  .teacher_submit_email_button input
  {
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 5px;
    margin-right: 10px;
  }

  .back_to_login
  {
    margin-top: 20px;
  }

  .back_to_login a
  {
    font-size: 12px;
    margin-top: 15px;
  }

  .reset_password_stage_1
  {
    margin-top: 15px;
  }

  .reset_password_stage_1 p
  {
    font-size: 15px;
  }
}

@media screen and (min-width:375px) and (max-width:399px)
{
  .teacher_forgotten_password_input
  {
    /*height: 380px;*/
    height: auto;
    width: 80%;
    margin-left: 10%;
    border-radius: 30px;
    margin-top: 95px;
    padding-left: 0px;
  }

  .teacher_forgotten_password_input_head
  {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: 37px;
    letter-spacing: 2px;
  }

  .teacher_forgotten_password_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 16px;
  }

  .teacher_forgotten_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 8px;
  }

  .teacher_forgotten_password_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .teacher_forgotten_password_input_error_messages .errors
  {
    font-size: 9px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .teacher_forgotten_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .forgotten_teacher_email
  {
    margin-bottom: 15px;
    width: 80%;
    margin-left: 7%;
    margin-top: 5px;
  }

  .forgotten_password_teacher_email_input_icon
  {
    height: 32px;
    /*border: solid 2px red;*/
    display: flex;
  }

  .forgotten_password_teacher_email_input_icon input{
    width: 70%;
    border-radius: 30px;
    padding: 6px 15px 6px 15px;
    margin-top: 4px;
    /*padding-left: 10px;*/
    font-size: 13px;
    height: 12px;
  }

  .forgotten_teacher_email i
  {
    margin-top: 6px;
    font-size: 15px;
  }

  .teacher_submit_email_button input
  {
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 5px;
    margin-right: 10px;
  }

  .back_to_login
  {
    margin-top: 20px;
  }

  .back_to_login a
  {
    font-size: 12px;
    margin-top: 15px;
  }

  .reset_password_stage_1
  {
    margin-top: 15px;
  }

  .reset_password_stage_1 p
  {
    font-size: 15px;
  }
}

@media screen and (min-width:300px) and (max-width:374px)
{
  .teacher_forgotten_password_input
  {
    /*height: 380px;*/
    height: auto;
    width: 90%;
    margin-left: 10%;
    border-radius: 30px;
    margin-top: 95px;
    padding-left: 0px;
  }

  .teacher_forgotten_password_input_head
  {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: 37px;
    letter-spacing: 2px;
  }

  .teacher_forgotten_password_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 14px;
  }

  .teacher_forgotten_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 8px;
  }

  .teacher_forgotten_password_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .teacher_forgotten_password_input_error_messages .errors
  {
    font-size: 10px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .teacher_forgotten_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .forgotten_teacher_email
  {
    margin-bottom: 15px;
    width: 80%;
    margin-left: 7%;
    margin-top: 5px;
  }

  .forgotten_password_teacher_email_input_icon
  {
    height: 30px;
    /*border: solid 2px red;*/
    display: flex;
  }

  .forgotten_password_teacher_email_input_icon input{
    width: 68%;
    border-radius: 30px;
    padding: 5px 15px 5px 15px;
    margin-top: 4px;
    /*padding-left: 10px;*/
    font-size: 13px;
    height: 12px;
  }

  .forgotten_teacher_email i
  {
    margin-top: 4px;
    font-size: 15px;
  }

  .teacher_submit_email_button input
  {
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 5px;
    margin-right: 10px;
  }

  .back_to_login
  {
    margin-top: 20px;
  }

  .back_to_login a
  {
    font-size: 11px;
    margin-top: 15px;
  }

  .reset_password_stage_1
  {
    margin-top: 15px;
  }

  .reset_password_stage_1 p
  {
    font-size: 15px;
  }
}

@media screen and (min-width:200px) and (max-width:299px)
{
  .teacher_forgotten_password_input
  {
    /*height: 380px;*/
    height: auto;
    width: 100%;
    margin-left: 8.5%;
    border-radius: 30px;
    margin-top: 95px;
    padding-left: 0px;
  }

  .teacher_forgotten_password_input_head
  {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: 15px;
    letter-spacing: 2px;
  }

  .teacher_forgotten_password_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 14px;
  }

  .teacher_forgotten_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 8px;
  }

  .teacher_forgotten_password_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .teacher_forgotten_password_input_error_messages .errors
  {
    font-size: 10px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .teacher_forgotten_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .forgotten_teacher_email
  {
    margin-bottom: 15px;
    width: 90%;
    margin-left: 0%;
    margin-top: 5px;
  }

  .forgotten_password_teacher_email_input_icon
  {
    height: 30px;
    /*border: solid 2px red;*/
    display: flex;
  }

  .forgotten_password_teacher_email_input_icon input{
    width: 62%;
    border-radius: 30px;
    padding: 5px 15px 5px 15px;
    margin-top: 4px;
    /*padding-left: 10px;*/
    font-size: 13px;
    height: 12px;
  }

  .forgotten_teacher_email i
  {
    margin-top: 6px;
    font-size: 12px;
  }

  .teacher_submit_email_button input
  {
    padding: 6px 10px 6px 10px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 5px;
    margin-right: 10px;
    margin-left: -10px;
  }

  .back_to_login
  {
    margin-top: 20px;
  }

  .back_to_login a
  {
    font-size: 11px;
    margin-top: 15px;
  }

  .reset_password_stage_1
  {
    margin-top: 15px;
  }

  .reset_password_stage_1 p
  {
    font-size: 15px;
  }
}

@media screen and (min-width:100px) and (max-width:199px)
{
  .teacher_forgotten_password_input
  {
    /*height: 380px;*/
    height: auto;
    width: 100%;
    margin-left: 8.5%;
    border-radius: 30px;
    margin-top: 95px;
    padding-left: 0px;
  }

  .teacher_forgotten_password_input_head
  {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: 15px;
    letter-spacing: 2px;
  }

  .teacher_forgotten_password_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 14px;
  }

  .teacher_forgotten_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 8px;
  }

  .teacher_forgotten_password_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .teacher_forgotten_password_input_error_messages .errors
  {
    font-size: 10px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .teacher_forgotten_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .forgotten_teacher_email
  {
    margin-bottom: 15px;
    width: 90%;
    margin-left: 0%;
    margin-top: 5px;
  }

  .forgotten_password_teacher_email_input_icon
  {
    height: 30px;
    /*border: solid 2px red;*/
    display: flex;
  }

  .forgotten_password_teacher_email_input_icon input{
    width: 62%;
    border-radius: 30px;
    padding: 5px 15px 5px 15px;
    margin-top: 4px;
    /*padding-left: 10px;*/
    font-size: 13px;
    height: 12px;
  }

  .forgotten_teacher_email i
  {
    margin-top: 6px;
    font-size: 12px;
  }

  .teacher_submit_email_button input
  {
    padding: 6px 10px 6px 10px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 5px;
    margin-right: 10px;
    margin-left: -10px;
  }

  .back_to_login
  {
    margin-top: 20px;
  }

  .back_to_login a
  {
    font-size: 11px;
    margin-top: 15px;
  }

  .reset_password_stage_1
  {
    margin-top: 15px;
  }

  .reset_password_stage_1 p
  {
    font-size: 15px;
  }
}





/************************************************************ Institution Password Reset **********************************************************/
.reset_password_stage_2
{
  margin-top: 22px;
  text-align: center;
  display: flex;
  justify-content:center;
  color: #716862;
}

.reset_password_stage_2 p:nth-child(2)
{
  color: #FFFFFF;
}

.institution_password_reset_input
{
  /*height: 380px;*/
  height: auto;
  width: 60%;
  margin-left: 12%;
  border-radius: 30px;
  background-color: #000000A5;
  font-family: Montserrat;
  margin-top: 95px;
}

.institution_password_reset_input_head
{
  padding-top: 30px;
  padding-bottom: 5px;
  margin-left: 60px;
  letter-spacing: 2px;
}

.institution_password_reset_input_head p:nth-child(1)
{
  color: white;
  padding-top: 20px;
  text-transform:capitalize;
  padding-bottom: 0px;
  margin-bottom: 5px;
  font-size: 18px;
  font-weight:bold;
}

.institution_password_reset_input_head p:nth-child(2)
{
  color: white;
  padding-top: 0px;
  padding-bottom: 10px;
  margin-bottom: 5px;
  font-size: 10px;
  font-weight:bold;
}

.institution_passwordreset_input_error_messages
{
  margin-top: 20px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.institution_passwordreset_input_error_messages .errors
{
  font-size: 12px;
  margin-left: 0px;
}

.institution_passwordreset_input_error_messages .errors li
{
  margin-bottom: 10px;
}



.received_code
{
  display: flex;
  justify-content:center;
  width: 80%;
  margin-left: 28px;
}

.received_code input
{
  width: 60px;
  height: 60px;
  margin: 0px 10px 0px 5px;
  border-radius: 35px;
  outline: none;
  border: none;
  text-align: center;
  font-size: 24px;
}

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

.institution_submit_code_button input{
  padding: 5px 10px 5px 10px;
  border-radius: 3px;
  font-size: 12px;
  margin-top: 25px;
  background-color: #D99E30;
  color: #FFFFFF;
  font-family: Montserrat;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
}

.resend_code
{
  color: #FFFFFF;
  display: flex;
  justify-content:center;
  margin-bottom: 0px;
}

.resend_code p
{
  font-size: 12px;
}

.resend_code a
{
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
  margin-top: 12px;
  margin-left: 3px;
}

.passreset_back_to_login
{
  text-align: center;
  margin-top: 14px;
}

.passreset_back_to_login a
{
  text-decoration: none;
  color: #FFFFFF;
  padding: 5px 10px 5px 10px;
  border-radius: 3px;
  font-size: 12px;
}


/************************************************************ Institution Password Reset Responsive pages **********************************************************/

@media screen and (min-width:2550px) and (max-width:3439px)
{
  .institution_password_reset_input
  {
    /*height: 780px;*/
    height: auto;
    width: 70%;
    margin-left: 10%;
    border-radius: 30px;
    margin-top: 120px;
  }

  .institution_password_reset_input_head
  {
    padding-top: 30px;
    padding-bottom: 5px;
    margin-left: 130px;
    letter-spacing: 2px;
  }

  .institution_password_reset_input_head p:nth-child(1)
  {
    padding-top: 60px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 45px;
  }

  .institution_password_reset_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-size: 24px;
  }

  .institution_passwordreset_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    width: 80%;
  }

  .institution_passwordreset_input_error_messages .errors
  {
    font-size: 20px;
    margin-left: 0px;
    margin-bottom: 0px;
  }

  .institution_passwordreset_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }


  .received_code
  {
    width: 80%;
    margin-left: 70px;
  }

  .received_code input
  {
    width: 120px;
    height: 120px;
    margin: 0px 20px 0px 5px;
    border-radius: 60px;
    font-size: 48px;
  }

  .institution_submit_code_button input
  {
    padding: 20px 30px 20px 30px;
    border-radius: 10px;
    font-size: 24px;
    margin-top: 40px;
  }

  .resend_code
  {
    margin-top: 10px;
  }

  .resend_code p
  {
    font-size: 24px;
  }

  .resend_code a
  {
    font-size: 25px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    margin-top: 24px;
    margin-left: 5px;
  }

  .passreset_back_to_login
  {
    text-align: center;
    margin-top: 36px;
  }

  .passreset_back_to_login a
  {
    text-decoration: none;
    color: #FFFFFF;
    padding: 5px 10px 5px 10px;
    border-radius: 3px;
    font-size: 24px;
  }

  .reset_password_stage_2
  {

  }

  .reset_password_stage_2 p
  {
    font-size: 28px;
  }

}

@media screen and (min-width:1920px) and (max-width:2549px)
{
  .institution_password_reset_input
  {
    /*height: 570px;*/
    height: auto;
    width: 70%;
    margin-left: 10%;
    border-radius: 30px;
    margin-top: 30px;
    padding-bottom: 20px;
  }

  .institution_password_reset_input_head
  {
    padding-top: 10px;
    padding-bottom: 5px;
    margin-left: 90px;
    letter-spacing: 2px;
  }

  .institution_password_reset_input_head p:nth-child(1)
  {
    padding-top: 40px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 36px;
  }

  .institution_password_reset_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-size: 18px;
  }

  .institution_passwordreset_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .institution_passwordreset_input_error_messages .errors
  {
    font-size: 16px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .institution_passwordreset_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .received_code
  {
    width: 80%;
    margin-left: 55px;
  }

  .received_code input
  {
    width: 90px;
    height: 90px;
    margin: 0px 20px 0px 5px;
    border-radius: 50px;
    font-size: 42px;
  }

  .institution_submit_code_button input
  {
    padding: 15px 20px 15px 20px;
    border-radius: 10px;
    font-size: 20px;
    margin-top: 30px;
  }

  .resend_code
  {
    margin-top: 10px;
  }

  .resend_code p
  {
    font-size: 20px;
  }

  .resend_code a
  {
    font-size: 18px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    margin-top: 20px;
    margin-left: 5px;
  }

  .passreset_back_to_login
  {
    text-align: center;
    margin-top: 15px;
  }

  .passreset_back_to_login a
  {
    text-decoration: none;
    color: #FFFFFF;
    padding: 5px 10px 5px 10px;
    border-radius: 3px;
    font-size: 20px;
  }

  .reset_password_stage_2
  {
    /*border: solid 2px red;*/
    margin-top: 30px;
  }

  .reset_password_stage_2 p
  {
    font-size: 24px;
    /*margin-bottom: 0px;*/
    margin-top: 0px;
  }
}

@media screen and (min-width: 1600px) and (max-width: 1919px)
{
  .institution_password_reset_input
  {
    /*height: 500px;*/
    height: auto;
    width: 70%;
    margin-left: 10%;
    border-radius: 30px;
    margin-top: 70px;
    padding-bottom: 20px;
  }

  .institution_password_reset_input_head
  {
    padding-top: 10px;
    padding-bottom: 5px;
    margin-left: 80px;
    letter-spacing: 2px;
  }

  .institution_password_reset_input_head p:nth-child(1)
  {
    padding-top: 30px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 30px;
  }

  .institution_password_reset_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    font-size: 15px;
  }

  .institution_passwordreset_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .institution_passwordreset_input_error_messages .errors
  {
    font-size: 15px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .institution_passwordreset_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .received_code
  {
    width: 80%;
    margin-left: 60px;
  }

  .received_code input
  {
    width:75px;
    height: 75px;
    margin: 0px 20px 0px 5px;
    border-radius: 50px;
    font-size: 42px;
  }

  .institution_submit_code_button input
  {
    padding: 10px 15px 10px 15px;
    border-radius: 7px;
    font-size: 18px;
    margin-top: 30px;
  }

  .resend_code
  {

  }

  .resend_code p
  {
    font-size: 18px;
  }

  .resend_code a
  {
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    margin-top: 20px;
    margin-left: 5px;
  }

  .passreset_back_to_login
  {
    text-align: center;
    margin-top: 15px;
  }

  .passreset_back_to_login a
  {
    text-decoration: none;
    color: #FFFFFF;
    padding: 5px 10px 5px 10px;
    border-radius: 3px;
    font-size: 16px;
  }

  .reset_password_stage_2
  {
    /*border: solid 2px red;*/
    margin-top: 30px;
  }

  .reset_password_stage_2 p
  {
    font-size: 20px;
    margin-bottom: 0px;
    margin-top: 0px;
  }

}

@media screen and (min-width:1440px) and (max-width:1535px)
{
  .institution_password_reset_input
  {
    /*height: 440px;*/
    width: 75%;
    margin-left: 8%;
    border-radius: 30px;
    margin-top: 90px;
    padding-bottom: 17px;
  }

  .institution_password_reset_input_head
  {
    padding-top: 10px;
    padding-bottom: 5px;
    margin-left: 90px;
    letter-spacing: 2px;
  }

  .institution_password_reset_input_head p:nth-child(1)
  {
    padding-top: 30px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 26px;
  }

  .institution_password_reset_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    font-size: 13px;
  }

  .institution_passwordreset_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .institution_passwordreset_input_error_messages .errors
  {
    font-size: 15px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .institution_passwordreset_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .received_code
  {
    width: 80%;
    margin-left: 45px;
  }

  .received_code input
  {
    width:60px;
    height: 60px;
    margin: 0px 20px 0px 5px;
    border-radius: 50px;
    font-size: 38px;
  }

  .institution_submit_code_button input
  {
    padding: 7px 15px 7px 15px;
    border-radius: 5px;
    font-size: 14px;
    margin-top: 20px;
  }

  .resend_code
  {

  }

  .resend_code p
  {
    font-size: 17px;
  }

  .resend_code a
  {
    font-size: 14px;
    text-decoration: none;
    margin-top: 18px;
    margin-left: 5px;
  }

  .passreset_back_to_login
  {
    text-align: center;
    margin-top: 15px;
  }

  .passreset_back_to_login a
  {
    text-decoration: none;
    color: #FFFFFF;
    padding: 5px 10px 5px 10px;
    border-radius: 3px;
    font-size: 16px;
  }

  .reset_password_stage_2
  {
    /*border: solid 2px red;*/
    margin-top: 20px;
  }

  .reset_password_stage_2 p
  {
    font-size: 20px;
    margin-bottom: 0px;
    margin-top: 0px;
  }
}

@media screen and (min-width:1366px) and (max-width:1439px)
{
  .institution_password_reset_input
  {
    /*height: 420px;*/
    height: auto;
    width: 75%;
    margin-left: 8%;
    border-radius: 30px;
    margin-top: 90px;
    padding-bottom: 15px;
  }

  .institution_password_reset_input_head
  {
    padding-top: 10px;
    padding-bottom: 5px;
    margin-left: 70px;
    letter-spacing: 2px;
  }

  .institution_password_reset_input_head p:nth-child(1)
  {
    padding-top: 30px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 26px;
  }

  .institution_password_reset_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    font-size: 13px;
  }

  .institution_passwordreset_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .institution_passwordreset_input_error_messages .errors
  {
    font-size: 14px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .institution_passwordreset_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .received_code
  {
    width: 80%;
    margin-left: 40px;
  }

  .received_code input
  {
    width:60px;
    height: 60px;
    margin: 0px 20px 0px 5px;
    border-radius: 50px;
    font-size: 36px;
  }

  .institution_submit_code_button input
  {
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 20px;
  }

  .resend_code
  {

  }

  .resend_code p
  {
    font-size: 16px;
  }

  .resend_code a
  {
    font-size: 14px;
    text-decoration: none;
    margin-top: 16px;
    margin-left: 5px;
  }

  .passreset_back_to_login
  {
    text-align: center;
    margin-top: 11px;
  }

  .passreset_back_to_login a
  {
    text-decoration: none;
    color: #FFFFFF;
    padding: 5px 10px 5px 10px;
    border-radius: 3px;
    font-size: 15px;
  }

  .reset_password_stage_2
  {
    /*border: solid 2px red;*/
    margin-top: 20px;
  }

  .reset_password_stage_2 p
  {
    font-size: 18px;
    margin-bottom: 0px;
    margin-top: 0px;
  }
}

@media screen and (min-width:1280px) and (max-width:1365px)
{
  .institution_password_reset_input
  {
    /*height: 400px;*/
    height: auto;
    width: 75%;
    margin-left: 8%;
    border-radius: 30px;
    margin-top: 90px;
    padding-bottom: 15px;
  }

  .institution_password_reset_input_head
  {
    padding-top: 10px;
    padding-bottom: 5px;
    margin-left: 67px;
    letter-spacing: 2px;
  }

  .institution_password_reset_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 24px;
  }

  .institution_password_reset_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    font-size: 12px;
  }

  .institution_passwordreset_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .institution_passwordreset_input_error_messages .errors
  {
    font-size: 12px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .institution_passwordreset_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .received_code
  {
    width: 80%;
    margin-left: 40px;
  }

  .received_code input
  {
    width:55px;
    height: 55px;
    margin: 0px 20px 0px 5px;
    border-radius: 50px;
    font-size: 32px;
  }

  .institution_submit_code_button input
  {
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 20px;
  }

  .resend_code
  {

  }

  .resend_code p
  {
    font-size: 15px;
  }

  .resend_code a
  {
    font-size: 12px;
    text-decoration: none;
    margin-top: 18px;
    margin-left: 5px;
  }

  .passreset_back_to_login
  {
    text-align: center;
    margin-top: 11px;
  }

  .passreset_back_to_login a
  {
    text-decoration: none;
    color: #FFFFFF;
    padding: 5px 10px 5px 10px;
    border-radius: 3px;
    font-size: 14px;
  }

  .reset_password_stage_2
  {
    /*border: solid 2px red;*/
    margin-top: 30px;
  }

  .reset_password_stage_2 p
  {
    font-size: 17px;
    margin-bottom: 0px;
    margin-top: 0px;
  }

}

@media screen and (min-width:1024px) and (max-width:1279px)
{
  .institution_password_reset_input
  {
    /*height: 400px;*/
    height: auto;
    width: 75%;
    margin-left: 8%;
    border-radius: 30px;
    margin-top: 90px;
    padding-bottom: 15px;
  }

  .institution_password_reset_input_head
  {
    padding-top: 10px;
    padding-bottom: 5px;
    margin-left: 67px;
    letter-spacing: 2px;
  }

  .institution_password_reset_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 24px;
  }

  .institution_password_reset_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    font-size: 12px;
  }

  .institution_passwordreset_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .institution_passwordreset_input_error_messages .errors
  {
    font-size: 12px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .institution_passwordreset_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .received_code
  {
    width: 80%;
    margin-left: 40px;
  }

  .received_code input
  {
    width:55px;
    height: 55px;
    margin: 0px 20px 0px 5px;
    border-radius: 50px;
    font-size: 32px;
  }

  .institution_submit_code_button input
  {
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 20px;
  }

  .resend_code
  {

  }

  .resend_code p
  {
    font-size: 15px;
  }

  .resend_code a
  {
    font-size: 12px;
    text-decoration: none;
    margin-top: 18px;
    margin-left: 5px;
  }

  .passreset_back_to_login
  {
    text-align: center;
    margin-top: 11px;
  }

  .passreset_back_to_login a
  {
    text-decoration: none;
    color: #FFFFFF;
    padding: 5px 10px 5px 10px;
    border-radius: 3px;
    font-size: 13px;
  }

  .reset_password_stage_2
  {
    /*border: solid 2px red;*/
    margin-top: 30px;
  }

  .reset_password_stage_2 p
  {
    font-size: 17px;
    margin-bottom: 0px;
    margin-top: 0px;
  }
}

@media screen and (min-width:990px) and (max-width:1023px)
{
  .institution_password_reset_input
  {
    /*height: 350px;*/
    height: auto;
    width: 78%;
    margin-left: 8%;
    border-radius: 30px;
    margin-top: 100px;
    padding-bottom: 13px;
  }

  .institution_password_reset_input_head
  {
    padding-top: 10px;
    padding-bottom: 5px;
    margin-left: 53px;
    letter-spacing: 2px;
  }

  .institution_password_reset_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 22px;
  }

  .institution_password_reset_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    font-size: 12px;
  }

  .institution_passwordreset_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .institution_passwordreset_input_error_messages .errors
  {
    font-size: 11px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .institution_passwordreset_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .received_code
  {
    width: 80%;
    margin-left: 40px;
  }

  .received_code input
  {
    width:50px;
    height: 50px;
    margin: 0px 10px 0px 5px;
    border-radius: 50px;
    font-size: 28px;
  }

  .institution_submit_code_button input
  {
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 11px;
    margin-top: 20px;
  }

  .resend_code
  {

  }

  .resend_code p
  {
    font-size: 12px;
  }

  .resend_code a
  {
    font-size: 10px;
    text-decoration: none;
    margin-top: 14px;
    margin-left: 5px;
  }

  .passreset_back_to_login
  {
    text-align: center;
    margin-top: 6px;
  }

  .passreset_back_to_login a
  {
    text-decoration: none;
    color: #FFFFFF;
    padding: 5px 10px 5px 10px;
    border-radius: 3px;
    font-size: 13px;
  }

  .reset_password_stage_2
  {
    /*border: solid 2px red;*/
    margin-top: 15px;
  }

  .reset_password_stage_2 p
  {
    font-size: 16px;
    margin-bottom: 0px;
    margin-top: 0px;
  }

}

@media screen and (min-width:820px) and (max-width:989px)
{
  .institution_password_reset_input
  {
    /*height: 400px;*/
    height: auto;
    width: 75%;
    margin-left: 12.5%;
    border-radius: 30px;
    margin-top: 100px;
    padding-bottom: 15px;
  }

  .institution_password_reset_input_head
  {
    padding-top: 20px;
    padding-bottom: 5px;
    margin-left: 150px;
    letter-spacing: 2px;
  }

  .institution_password_reset_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 26px;
  }

  .institution_password_reset_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 5px;
    margin-bottom: 15px;
    font-size: 14px;
  }

  .institution_passwordreset_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .institution_passwordreset_input_error_messages .errors
  {
    font-size: 14px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .institution_passwordreset_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .received_code
  {
    width: 80%;
    margin-left: 60px;
  }

  .received_code input
  {
    width:60px;
    height: 60px;
    margin: 0px 10px 0px 5px;
    border-radius: 50px;
    font-size: 28px;
  }

  .institution_submit_code_button input
  {
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 10px;
  }

  .resend_code
  {

  }

  .resend_code p
  {
    font-size: 14px;
  }

  .resend_code a
  {
    font-size: 12px;
    text-decoration: none;
    margin-top: 15px;
    margin-left: 5px;
  }

  .passreset_back_to_login
  {
    text-align: center;
    margin-top: 6px;
  }

  .passreset_back_to_login a
  {
    text-decoration: none;
    color: #FFFFFF;
    padding: 5px 10px 5px 10px;
    border-radius: 3px;
    font-size: 13px;
  }

  .reset_password_stage_2
  {
    /*border: solid 2px red;*/
    margin-top: 15px;
  }

  .reset_password_stage_2 p
  {
    font-size: 18px;
    margin-bottom: 0px;
    margin-top: 0px;
  }
}

@media screen and (min-width:800px) and (max-width:819px)
{
  .institution_password_reset_input
  {
    /*height: 410px;*/
    height: auto;
    width: 75%;
    margin-left: 12.5%;
    border-radius: 30px;
    margin-top: 80px;
    padding-bottom: 15px;
  }

  .institution_password_reset_input_head
  {
    padding-top: 20px;
    padding-bottom: 5px;
    margin-left: 145px;
    letter-spacing: 2px;
  }

  .institution_password_reset_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 26px;
  }

  .institution_password_reset_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 5px;
    margin-bottom: 15px;
    font-size: 14px;
  }

  .institution_passwordreset_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .institution_passwordreset_input_error_messages .errors
  {
    font-size: 14px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .institution_passwordreset_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .received_code
  {
    width: 80%;
    margin-left: 60px;
  }

  .received_code input
  {
    width:60px;
    height: 60px;
    margin: 0px 10px 0px 5px;
    border-radius: 50px;
    font-size: 28px;
  }

  .institution_submit_code_button input
  {
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 10px;
  }

  .resend_code
  {

  }

  .resend_code p
  {
    font-size: 14px;
  }

  .resend_code a
  {
    font-size: 12px;
    text-decoration: none;
    margin-top: 16px;
    margin-left: 5px;
  }

  .passreset_back_to_login
  {
    text-align: center;
    margin-top: 6px;
  }

  .passreset_back_to_login a
  {
    text-decoration: none;
    color: #FFFFFF;
    padding: 5px 10px 5px 10px;
    border-radius: 3px;
    font-size: 14px;
  }

  .reset_password_stage_2
  {
    /*border: solid 2px red;*/
    margin-top: 15px;
  }

  .reset_password_stage_2 p
  {
    font-size: 18px;
    margin-bottom: 0px;
    margin-top: 10px;
  }
}

@media screen and (min-width:768px) and (max-width:799px)
{
  .institution_password_reset_input
  {
    /*height: 410px;*/
    height: auto;
    width: 75%;
    margin-left: 12.5%;
    border-radius: 30px;
    margin-top: 80px;
    padding-bottom: 15px;
  }

  .institution_password_reset_input_head
  {
    padding-top: 20px;
    padding-bottom: 5px;
    margin-left: 135px;
    letter-spacing: 2px;
  }

  .institution_password_reset_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 26px;
  }

  .institution_password_reset_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 5px;
    margin-bottom: 15px;
    font-size: 14px;
  }

  .institution_passwordreset_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .institution_passwordreset_input_error_messages .errors
  {
    font-size: 14px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .institution_passwordreset_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .received_code
  {
    width: 80%;
    margin-left: 60px;
  }

  .received_code input
  {
    width:60px;
    height: 60px;
    margin: 0px 10px 0px 5px;
    border-radius: 50px;
    font-size: 28px;
  }

  .institution_submit_code_button input
  {
    padding: 7px 15px 7px 15px;
    border-radius: 5px;
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 10px;
  }

  .resend_code
  {

  }

  .resend_code p
  {
    font-size: 14px;
  }

  .resend_code a
  {
    font-size: 12px;
    text-decoration: none;
    margin-top: 16px;
    margin-left: 5px;
  }

  .passreset_back_to_login
  {
    text-align: center;
    margin-top: 6px;
  }

  .passreset_back_to_login a
  {
    text-decoration: none;
    color: #FFFFFF;
    padding: 5px 10px 5px 10px;
    border-radius: 3px;
    font-size: 14px;
  }

  .reset_password_stage_2
  {
    /*border: solid 2px red;*/
    margin-top: 15px;
  }

  .reset_password_stage_2 p
  {
    font-size: 18px;
    margin-bottom: 0px;
    margin-top: 10px;
  }
}

@media screen and (min-width:670px) and (max-width:767px)
{
  .institution_password_reset_input
  {
    /*height: 410px;*/
    height: auto;
    width: 70%;
    margin-left: 15%;
    border-radius: 30px;
    margin-top: 80px;
    padding-bottom: 15px;
  }

  .institution_password_reset_input_head
  {
    padding-top: 20px;
    padding-bottom: 5px;
    margin-left: 95px;
    letter-spacing: 2px;
  }

  .institution_password_reset_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 24px;
  }

  .institution_password_reset_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 5px;
    margin-bottom: 15px;
    font-size: 12px;
  }

  .institution_passwordreset_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .institution_passwordreset_input_error_messages .errors
  {
    font-size: 12px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .institution_passwordreset_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .received_code
  {
    width: 80%;
    margin-left: 55px;
  }

  .received_code input
  {
    width:55px;
    height: 55px;
    margin: 0px 10px 0px 5px;
    border-radius: 50px;
    font-size: 28px;
  }

  .institution_submit_code_button input
  {
    padding: 7px 15px 7px 15px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 20px;
    margin-bottom: 10px;
  }

  .resend_code
  {

  }

  .resend_code p
  {
    font-size: 14px;
  }

  .resend_code a
  {
    font-size: 12px;
    text-decoration: none;
    margin-top: 15px;
    margin-left: 5px;
  }

  .passreset_back_to_login
  {
    text-align: center;
    margin-top: 6px;
  }

  .passreset_back_to_login a
  {
    text-decoration: none;
    color: #FFFFFF;
    padding: 5px 10px 5px 10px;
    border-radius: 3px;
    font-size: 14px;
  }

  .reset_password_stage_2
  {
    /*border: solid 2px red;*/
    margin-top: 15px;
  }

  .reset_password_stage_2 p
  {
    font-size: 17px;
    margin-bottom: 0px;
    margin-top: 20px;
  }
}

@media screen and (min-width:590px) and (max-width:669px)
{
  .institution_password_reset_input
  {
    /*height: 410px;*/
    height: auto;
    width: 70%;
    margin-left: 15%;
    border-radius: 30px;
    margin-top: 80px;
    padding-bottom: 15px;
  }

  .institution_password_reset_input_head
  {
    padding-top: 20px;
    padding-bottom: 5px;
    margin-left: 65px;
    letter-spacing: 2px;
  }

  .institution_password_reset_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 22px;
  }

  .institution_password_reset_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 5px;
    margin-bottom: 15px;
    font-size: 12px;
  }

  .institution_passwordreset_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .institution_passwordreset_input_error_messages .errors
  {
    font-size: 11px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .institution_passwordreset_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .received_code
  {
    width: 80%;
    margin-left: 45px;
  }

  .received_code input
  {
    width:55px;
    height: 55px;
    margin: 0px 10px 0px 5px;
    border-radius: 50px;
    font-size: 28px;
  }

  .institution_submit_code_button input
  {
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 20px;
    margin-bottom: 10px;
  }

  .resend_code
  {

  }

  .resend_code p
  {
    font-size: 14px;
  }

  .resend_code a
  {
    font-size: 12px;
    text-decoration: none;
    margin-top: 15px;
    margin-left: 5px;
  }

  .passreset_back_to_login
  {
    text-align: center;
    margin-top: 6px;
  }

  .passreset_back_to_login a
  {
    text-decoration: none;
    color: #FFFFFF;
    padding: 5px 10px 5px 10px;
    border-radius: 3px;
    font-size: 14px;
  }

  .reset_password_stage_2
  {
    /*border: solid 2px red;*/
    margin-top: 15px;
  }

  .reset_password_stage_2 p
  {
    font-size: 17px;
    margin-bottom: 0px;
    margin-top: 25px;
  }

}

@media screen and (min-width:500px) and (max-width:589px)
{
  .institution_password_reset_input
  {
    /*height: 410px;*/
    height: auto;
    width: 70%;
    margin-left: 15%;
    border-radius: 30px;
    margin-top: 80px;
    padding-bottom: 15px;
  }

  .institution_password_reset_input_head
  {
    padding-top: 20px;
    padding-bottom: 5px;
    margin-left: 51px;
    letter-spacing: 2px;
  }

  .institution_password_reset_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 20px;
  }

  .institution_password_reset_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 5px;
    margin-bottom: 15px;
    font-size: 11px;
  }

  .institution_passwordreset_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .institution_passwordreset_input_error_messages .errors
  {
    font-size: 11px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .institution_passwordreset_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .received_code
  {
    width: 80%;
    margin-left: 11%;
  }

  .received_code input
  {
    width:45px;
    height: 45px;
    margin: 0px 10px 0px 5px;
    border-radius: 50px;
    font-size: 24px;
  }

  .institution_submit_code_button input
  {
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 20px;
    margin-bottom: 10px;
  }

  .resend_code
  {

  }

  .resend_code p
  {
    font-size: 12px;
  }

  .resend_code a
  {
    font-size: 10px;
    text-decoration: none;
    margin-top: 14px;
    margin-left: 5px;
  }

  .passreset_back_to_login
  {
    text-align: center;
    margin-top: 6px;
  }

  .passreset_back_to_login a
  {
    text-decoration: none;
    color: #FFFFFF;
    padding: 5px 10px 5px 10px;
    border-radius: 3px;
    font-size: 13px;
  }

  .reset_password_stage_2
  {
    /*border: solid 2px red;*/
    margin-top: 15px;
  }

  .reset_password_stage_2 p
  {
    font-size: 16px;
    margin-bottom: 0px;
    margin-top: 15px;
  }

}

@media screen and (min-width:460px) and (max-width:499px)
{
  .institution_password_reset_input
  {
    /*height: 410px;*/
    height: auto;
    width: 70%;
    margin-left: 15%;
    border-radius: 30px;
    margin-top: 80px;
    padding-bottom: 15px;
  }

  .institution_password_reset_input_head
  {
    padding-top: 20px;
    padding-bottom: 5px;
    margin-left: 46px;
    letter-spacing: 2px;
  }

  .institution_password_reset_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 18px;
  }

  .institution_password_reset_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 5px;
    margin-bottom: 15px;
    font-size: 10px;
  }

  .institution_passwordreset_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .institution_passwordreset_input_error_messages .errors
  {
    font-size: 10px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .institution_passwordreset_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .received_code
  {
    width: 80%;
    margin-left: 11%;
  }

  .received_code input
  {
    width:40px;
    height: 40px;
    margin: 0px 10px 0px 5px;
    border-radius: 50px;
    font-size: 24px;
  }

  .institution_submit_code_button input
  {
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 20px;
    margin-bottom: 10px;
  }

  .resend_code
  {

  }

  .resend_code p
  {
    font-size: 12px;
  }

  .resend_code a
  {
    font-size: 10px;
    text-decoration: none;
    margin-top: 14px;
    margin-left: 5px;
  }

  .passreset_back_to_login
  {
    text-align: center;
    margin-top: 6px;
  }

  .passreset_back_to_login a
  {
    text-decoration: none;
    color: #FFFFFF;
    padding: 5px 10px 5px 10px;
    border-radius: 3px;
    font-size: 12px;
  }

  .reset_password_stage_2
  {
    /*border: solid 2px red;*/
    margin-top: 15px;
  }

  .reset_password_stage_2 p
  {
    font-size: 16px;
    margin-bottom: 0px;
    margin-top: 5px;
  }
}

@media screen and (min-width:425px) and (max-width:459px)
{
  .institution_password_reset_input
  {
    /*height: 410px;*/
    height: auto;
    width: 70%;
    margin-left: 15%;
    border-radius: 30px;
    margin-top: 80px;
    padding-bottom: 15px;
  }

  .institution_password_reset_input_head
  {
    padding-top: 20px;
    padding-bottom: 5px;
    margin-left: 44px;
    letter-spacing: 2px;
  }

  .institution_password_reset_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 17px;
  }

  .institution_password_reset_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 5px;
    margin-bottom: 15px;
    font-size: 9px;
  }

  .institution_passwordreset_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .institution_passwordreset_input_error_messages .errors
  {
    font-size: 10px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .institution_passwordreset_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .received_code
  {
    width: 80%;
    margin-left: 11%;
  }

  .received_code input
  {
    width:35px;
    height: 35px;
    margin: 0px 10px 0px 5px;
    border-radius: 50px;
    font-size: 20px;
  }

  .institution_submit_code_button input
  {
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 20px;
    margin-bottom: 10px;
  }

  .resend_code
  {

  }

  .resend_code p
  {
    font-size: 12px;
  }

  .resend_code a
  {
    font-size: 10px;
    text-decoration: none;
    margin-top: 14px;
    margin-left: 5px;
  }

  .passreset_back_to_login
  {
    text-align: center;
    margin-top: 6px;
  }

  .passreset_back_to_login a
  {
    text-decoration: none;
    color: #FFFFFF;
    padding: 5px 10px 5px 10px;
    border-radius: 3px;
    font-size: 12px;
  }

  .reset_password_stage_2
  {
    /*border: solid 2px red;*/
    margin-top: 15px;
  }

  .reset_password_stage_2 p
  {
    font-size: 15px;
    margin-bottom: 0px;
    margin-top: 5px;
  }
}

@media screen and (min-width:400px) and (max-width:424px)
{
  .institution_password_reset_input
  {
    /*height: 390px;*/
    height: auto;
    width: 75%;
    margin-left: 12.5%;
    border-radius: 30px;
    margin-top: 80px;
    padding-bottom: 15px;
  }

  .institution_password_reset_input_head
  {
    padding-top: 20px;
    padding-bottom: 5px;
    margin-left: 42px;
    letter-spacing: 2px;
  }

  .institution_password_reset_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 20px;
  }

  .institution_password_reset_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 5px;
    margin-bottom: 15px;
    font-size: 10px;
  }

  .institution_passwordreset_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .institution_passwordreset_input_error_messages .errors
  {
    font-size: 9px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .institution_passwordreset_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .received_code
  {
    width: 80%;
    margin-left: 30px;
  }

  .received_code input
  {
    width:35px;
    height: 35px;
    margin: 0px 10px 0px 5px;
    border-radius: 50px;
    font-size: 22px;
  }

  .institution_submit_code_button input
  {
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 20px;
    margin-bottom: 10px;
  }

  .resend_code
  {

  }

  .resend_code p
  {
    font-size: 12px;
  }

  .resend_code a
  {
    font-size: 10px;
    text-decoration: none;
    margin-top: 14px;
    margin-left: 5px;
  }

  .passreset_back_to_login
  {
    text-align: center;
    margin-top: 6px;
  }

  .passreset_back_to_login a
  {
    text-decoration: none;
    color: #FFFFFF;
    padding: 5px 10px 5px 10px;
    border-radius: 3px;
    font-size: 13px;
  }

  .reset_password_stage_2
  {
    /*border: solid 2px red;*/
    margin-top: 15px;
  }

  .reset_password_stage_2 p
  {
    font-size: 15px;
    margin-bottom: 0px;
    margin-top: 5px;
  }
}

@media screen and (min-width:375px) and (max-width:399px)
{
  .institution_password_reset_input
  {
    /*height: 380px;*/
    height: auto;
    width: 75%;
    margin-left: 12.5%;
    border-radius: 30px;
    margin-top: 80px;
    padding-bottom: 15px;
  }

  .institution_password_reset_input_head
  {
    padding-top: 20px;
    padding-bottom: 5px;
    margin-left: 45px;
    letter-spacing: 2px;
  }

  .institution_password_reset_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 18px;
  }

  .institution_password_reset_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 5px;
    margin-bottom: 15px;
    font-size: 9px;
  }

  .institution_passwordreset_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .institution_passwordreset_input_error_messages .errors
  {
    font-size: 9px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .institution_passwordreset_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .received_code
  {
    width: 80%;
    margin-left: 30px;
  }

  .received_code input
  {
    width:30px;
    height: 30px;
    margin: 0px 10px 0px 5px;
    border-radius: 50px;
    font-size: 22px;
  }

  .institution_submit_code_button input
  {
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 20px;
    margin-bottom: 10px;
  }

  .resend_code
  {

  }

  .resend_code p
  {
    font-size: 11px;
  }

  .resend_code a
  {
    font-size: 9px;
    text-decoration: none;
    margin-top: 13px;
    margin-left: 5px;
  }

  .passreset_back_to_login
  {
    text-align: center;
    margin-top: 6px;
  }

  .passreset_back_to_login a
  {
    text-decoration: none;
    color: #FFFFFF;
    padding: 5px 10px 5px 10px;
    border-radius: 3px;
    font-size: 12px;
  }

  .reset_password_stage_2
  {
    /*border: solid 2px red;*/
    margin-top: 15px;
  }

  .reset_password_stage_2 p
  {
    font-size: 15px;
    margin-bottom: 0px;
    margin-top: 5px;
  }
}

@media screen and (min-width:300px) and (max-width:374px)
{
  .institution_password_reset_input
  {
    /*height: 330px;*/
    height: auto;
    width: 90%;
    margin-left: 9.5%;
    border-radius: 30px;
    margin-top: 80px;
    padding-bottom: 10px;
  }

  .institution_password_reset_input_head
  {
    padding-top: 20px;
    padding-bottom: 5px;
    margin-left: 40px;
    letter-spacing: 2px;
  }

  .institution_password_reset_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 15px;
  }

  .institution_password_reset_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 5px;
    margin-bottom: 10px;
    font-size: 8px;
  }

  .institution_passwordreset_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .institution_passwordreset_input_error_messages .errors
  {
    font-size: 10px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .institution_passwordreset_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .received_code
  {
    width: 80%;
    margin-left: 20px;
  }

  .received_code input
  {
    width:30px;
    height: 30px;
    margin: 0px 5px 0px 5px;
    border-radius: 50px;
    font-size: 22px;
  }

  .institution_submit_code_button input
  {
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 20px;
    margin-bottom: 10px;
  }

  .resend_code
  {

  }

  .resend_code p
  {
    font-size: 8px;
  }

  .resend_code a
  {
    font-size: 7px;
    text-decoration: none;
    margin-top: 9px;
    margin-left: 5px;
  }

  .passreset_back_to_login
  {
    text-align: center;
    margin-top: 6px;
  }

  .passreset_back_to_login a
  {
    text-decoration: none;
    color: #FFFFFF;
    padding: 5px 10px 5px 10px;
    border-radius: 3px;
    font-size: 11px;
  }

  .reset_password_stage_2
  {
    /*border: solid 2px red;*/
    margin-top: 15px;
  }

  .reset_password_stage_2 p
  {
    font-size: 15px;
    margin-bottom: 0px;
    margin-top: 25px;
  }

}

@media screen and (min-width:200px) and (max-width:299px)
{
  .institution_password_reset_input
  {
    /*height: 260px;*/
    height: auto;
    width: 90%;
    margin-left: 12%;
    border-radius: 30px;
    margin-top: 80px;
    padding-bottom: 10px;
  }

  .institution_password_reset_input_head
  {
    padding-top: 10px;
    padding-bottom: 5px;
    margin-left: 20px;
    letter-spacing: 2px;
  }

  .institution_password_reset_input_head p:nth-child(1)
  {
    padding-top: 10px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 12px;
  }

  .institution_password_reset_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 5px;
    margin-bottom: 10px;
    font-size: 5px;
  }

  .institution_passwordreset_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .institution_passwordreset_input_error_messages .errors
  {
    font-size: 10px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .institution_passwordreset_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .received_code
  {
    width: 80%;
    margin-left: 16px;
  }

  .received_code input
  {
    width:20px;
    height: 20px;
    margin: 0px 5px 0px 5px;
    border-radius: 30px;
    font-size: 14px;
  }

  .institution_submit_code_button input
  {
    padding: 5px 10px 5px 10px;
    border-radius: 5px;
    font-size: 11px;
    margin-top: 20px;
    margin-bottom: 10px;
  }

  .resend_code
  {

  }

  .resend_code p
  {
    font-size: 7px;
  }

  .resend_code a
  {
    font-size: 6px;
    text-decoration: none;
    margin-top: 8px;
    margin-left: 5px;
  }

  .passreset_back_to_login
  {
    text-align: center;
    margin-top: 6px;
  }

  .passreset_back_to_login a
  {
    text-decoration: none;
    color: #FFFFFF;
    padding: 5px 10px 5px 10px;
    border-radius: 3px;
    font-size: 11px;
  }

  .reset_password_stage_2
  {
    /*border: solid 2px red;*/
    margin-top: 15px;
  }

  .reset_password_stage_2 p
  {
    font-size: 15px;
    margin-bottom: 0px;
    margin-top: 10px;
  }

}

@media screen and (min-width:100px) and (max-width:199px)
{
  .institution_password_reset_input
  {
    /*height: 260px;*/
    height: auto;
    width: 90%;
    margin-left: 12%;
    border-radius: 30px;
    margin-top: 80px;
    padding-bottom: 10px;
  }

  .institution_password_reset_input_head
  {
    padding-top: 10px;
    padding-bottom: 5px;
    margin-left: 20px;
    letter-spacing: 2px;
  }

  .institution_password_reset_input_head p:nth-child(1)
  {
    padding-top: 10px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 12px;
  }

  .institution_password_reset_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 5px;
    margin-bottom: 10px;
    font-size: 5px;
  }

  .institution_passwordreset_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .institution_passwordreset_input_error_messages .errors
  {
    font-size: 10px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .institution_passwordreset_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .received_code
  {
    width: 80%;
    margin-left: 16px;
  }

  .received_code input
  {
    width:20px;
    height: 20px;
    margin: 0px 5px 0px 5px;
    border-radius: 30px;
    font-size: 14px;
  }

  .institution_submit_code_button input
  {
    padding: 5px 10px 5px 10px;
    border-radius: 5px;
    font-size: 11px;
    margin-top: 20px;
    margin-bottom: 10px;
  }

  .resend_code
  {

  }

  .resend_code p
  {
    font-size: 7px;
  }

  .resend_code a
  {
    font-size: 6px;
    text-decoration: none;
    margin-top: 8px;
    margin-left: 5px;
  }

  .passreset_back_to_login
  {
    text-align: center;
    margin-top: 6px;
  }

  .passreset_back_to_login a
  {
    text-decoration: none;
    color: #FFFFFF;
    padding: 5px 10px 5px 10px;
    border-radius: 3px;
    font-size: 11px;
  }

  .reset_password_stage_2
  {
    /*border: solid 2px red;*/
    margin-top: 15px;
  }

  .reset_password_stage_2 p
  {
    font-size: 15px;
    margin-bottom: 0px;
    margin-top: 10px;
  }

}





/************************************************************ Teacher Password Reset **********************************************************/

.teacher_password_reset_input
{
  /*height: 380px;*/
  height: auto;
  width: 60%;
  margin-left: 12%;
  border-radius: 30px;
  background-color: #000000A5;
  font-family: Montserrat;
  margin-top: 95px;
}

.teacher_password_reset_input_head
{
  padding-top: 30px;
  padding-bottom: 5px;
  margin-left: 60px;
  letter-spacing: 2px;
}


.teacher_password_reset_input_head p:nth-child(1)
{
  color: white;
  padding-top: 20px;
  text-transform:capitalize;
  padding-bottom: 0px;
  margin-bottom: 5px;
  font-size: 18px;
  font-weight:bold;
}


.teacher_password_reset_input_head p:nth-child(2)
{
  color: white;
  padding-top: 0px;
  padding-bottom: 10px;
  margin-bottom: 5px;
  font-size: 10px;
  font-weight:bold;
}

.teacher_passwordreset_input_error_messages
{
  margin-top: 20px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.teacher_passwordreset_input_error_messages .errors
{
  font-size: 12px;
  margin-left: 0px;
}

.teacher_passwordreset_input_error_messages .errors li
{
  margin-bottom: 10px;
}

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

.teacher_submit_code_button input{
  padding: 5px 10px 5px 10px;
  border-radius: 3px;
  font-size: 12px;
  margin-top: 25px;
  background-color: #D99E30;
  color: #FFFFFF;
  font-family: Montserrat;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
}


/************************************************************ Teacher Password Reset Responsive pages **********************************************************/

@media screen and (min-width:2550px) and (max-width:3439px)
{
  .teacher_password_reset_input
  {
    /*height: 780px;*/
    width: 70%;
    margin-left: 10%;
    border-radius: 30px;
    margin-top: 120px;
  }

  .teacher_password_reset_input_head
  {
    padding-top: 30px;
    padding-bottom: 5px;
    margin-left: 130px;
    letter-spacing: 2px;
  }

  .teacher_password_reset_input_head p:nth-child(1)
  {
    padding-top: 60px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 45px;
  }

  .teacher_password_reset_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-size: 24px;
  }

  .teacher_passwordreset_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .teacher_passwordreset_input_error_messages .errors
  {
    font-size: 20px;
    margin-left: 0px;
    margin-bottom: 0px;
  }

  .teacher_passwordreset_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .received_code
  {
    width: 80%;
    margin-left: 70px;
  }

  .received_code input
  {
    width: 120px;
    height: 120px;
    margin: 0px 20px 0px 5px;
    border-radius: 60px;
    font-size: 48px;
  }

  .teacher_submit_code_button input
  {
    padding: 20px 30px 20px 30px;
    border-radius: 10px;
    font-size: 24px;
    margin-top: 40px;
  }

  .resend_code
  {

  }

  .resend_code p
  {
    font-size: 24px;
  }

  .resend_code a
  {
    font-size: 22px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    margin-top: 25px;
    margin-left: 5px;
  }

  .reset_password_stage_2
  {

  }

  .reset_password_stage_2 p
  {
    font-size: 28px;
  }

}

@media screen and (min-width:1920px) and (max-width:2549px)
{
  .teacher_password_reset_input
  {
    /*height: 570px;*/
    height: auto;
    width: 70%;
    margin-left: 10%;
    border-radius: 30px;
    margin-top: 30px;
    padding-bottom: 20px;
  }

  .teacher_password_reset_input_head
  {
    padding-top: 10px;
    padding-bottom: 5px;
    margin-left: 90px;
    letter-spacing: 2px;
  }

  .teacher_password_reset_input_head p:nth-child(1)
  {
    padding-top: 40px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 36px;
  }

  .teacher_password_reset_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-size: 18px;
  }

  .teacher_passwordreset_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .teacher_passwordreset_input_error_messages .errors
  {
    font-size: 16px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .teacher_passwordreset_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .received_code
  {
    width: 80%;
    margin-left: 55px;
  }

  .received_code input
  {
    width: 90px;
    height: 90px;
    margin: 0px 20px 0px 5px;
    border-radius: 50px;
    font-size: 42px;
  }

  .teacher_submit_code_button input
  {
    padding: 15px 20px 15px 20px;
    border-radius: 10px;
    font-size: 20px;
    margin-top: 30px;
  }

  .resend_code
  {
    margin-top: 10px;
  }

  .resend_code p
  {
    font-size: 20px;
  }

  .resend_code a
  {
    font-size: 18px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    margin-top: 20px;
    margin-left: 5px;
  }

  .passreset_back_to_login
  {
    text-align: center;
    margin-top: 15px;
  }

  .passreset_back_to_login a
  {
    text-decoration: none;
    color: #FFFFFF;
    padding: 5px 10px 5px 10px;
    border-radius: 3px;
    font-size: 20px;
  }

  .reset_password_stage_2
  {
    /*border: solid 2px red;*/
    margin-top: 30px;
  }

  .reset_password_stage_2 p
  {
    font-size: 24px;
    margin-bottom: 0px;
    margin-top: 0px;
  }
}

@media screen and (min-width: 1600px) and (max-width: 1919px)
{
  .teacher_password_reset_input
  {
    /*height: 500px;*/
    height: auto;
    width: 70%;
    margin-left: 10%;
    border-radius: 30px;
    margin-top: 70px;
    padding-bottom: 20px;
  }

  .teacher_password_reset_input_head
  {
    padding-top: 10px;
    padding-bottom: 5px;
    margin-left: 80px;
    letter-spacing: 2px;
  }

  .teacher_password_reset_input_head p:nth-child(1)
  {
    padding-top: 30px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 30px;
  }

  .teacher_password_reset_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    font-size: 15px;
  }

  .teacher_passwordreset_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .teacher_passwordreset_input_error_messages .errors
  {
    font-size: 15px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .teacher_passwordreset_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .received_code
  {
    width: 80%;
    margin-left: 60px;
  }

  .received_code input
  {
    width:75px;
    height: 75px;
    margin: 0px 20px 0px 5px;
    border-radius: 50px;
    font-size: 42px;
  }

  .teacher_submit_code_button input
  {
    padding: 10px 15px 10px 15px;
    border-radius: 7px;
    font-size: 18px;
    margin-top: 30px;
  }

  .resend_code
  {

  }

  .resend_code p
  {
    font-size: 18px;
  }

  .resend_code a
  {
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    margin-top: 20px;
    margin-left: 5px;
  }

  .passreset_back_to_login
  {
    text-align: center;
    margin-top: 15px;
  }

  .passreset_back_to_login a
  {
    text-decoration: none;
    color: #FFFFFF;
    padding: 5px 10px 5px 10px;
    border-radius: 3px;
    font-size: 16px;
  }

  .reset_password_stage_2
  {
    /*border: solid 2px red;*/
    margin-top: 30px;
  }

  .reset_password_stage_2 p
  {
    font-size: 20px;
    margin-bottom: 0px;
    margin-top: 0px;
  }
}

@media screen and (min-width:1440px) and (max-width:1535px)
{
  .teacher_password_reset_input
  {
    /*height: 440px;*/
    height: auto;
    width: 75%;
    margin-left: 8%;
    border-radius: 30px;
    margin-top: 90px;
    padding-bottom: 17px;
  }

  .teacher_password_reset_input_head
  {
    padding-top: 10px;
    padding-bottom: 5px;
    margin-left: 90px;
    letter-spacing: 2px;
  }

  .teacher_password_reset_input_head p:nth-child(1)
  {
    padding-top: 30px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 26px;
  }

  .teacher_password_reset_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    font-size: 13px;
  }

  .teacher_passwordreset_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .teacher_passwordreset_input_error_messages .errors
  {
    font-size: 15px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .teacher_passwordreset_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .received_code
  {
    width: 80%;
    margin-left: 45px;
  }

  .received_code input
  {
    width:60px;
    height: 60px;
    margin: 0px 20px 0px 5px;
    border-radius: 50px;
    font-size: 38px;
  }

  .teacher_submit_code_button input
  {
    padding: 7px 15px 7px 15px;
    border-radius: 5px;
    font-size: 14px;
    margin-top: 20px;
  }

  .resend_code
  {

  }

  .resend_code p
  {
    font-size: 17px;
  }

  .resend_code a
  {
    font-size: 14px;
    text-decoration: none;
    margin-top: 18px;
    margin-left: 5px;
  }

  .passreset_back_to_login
  {
    text-align: center;
    margin-top: 15px;
  }

  .passreset_back_to_login a
  {
    text-decoration: none;
    color: #FFFFFF;
    padding: 5px 10px 5px 10px;
    border-radius: 3px;
    font-size: 16px;
  }

  .reset_password_stage_2
  {
    /*border: solid 2px red;*/
    margin-top: 20px;
  }

  .reset_password_stage_2 p
  {
    font-size: 20px;
    margin-bottom: 0px;
    margin-top: 0px;
  }
}

@media screen and (min-width:1366px) and (max-width:1439px)
{
  .teacher_password_reset_input
  {
    /*height: 420px;*/
    height: auto;
    width: 75%;
    margin-left: 8%;
    border-radius: 30px;
    margin-top: 90px;
    padding-bottom: 15px;
  }

  .teacher_password_reset_input_head
  {
    padding-top: 10px;
    padding-bottom: 5px;
    margin-left: 70px;
    letter-spacing: 2px;
  }

  .teacher_password_reset_input_head p:nth-child(1)
  {
    padding-top: 30px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 26px;
  }

  .teacher_password_reset_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    font-size: 13px;
  }

  .teacher_passwordreset_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .teacher_passwordreset_input_error_messages .errors
  {
    font-size: 14px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .teacher_passwordreset_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .received_code
  {
    width: 80%;
    margin-left: 40px;
  }

  .received_code input
  {
    width:60px;
    height: 60px;
    margin: 0px 20px 0px 5px;
    border-radius: 50px;
    font-size: 36px;
  }

  .teacher_submit_code_button input
  {
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 20px;
  }

  .resend_code
  {

  }

  .resend_code p
  {
    font-size: 16px;
  }

  .resend_code a
  {
    font-size: 14px;
    text-decoration: none;
    margin-top: 16px;
    margin-left: 5px;
  }

  .passreset_back_to_login
  {
    text-align: center;
    margin-top: 11px;
  }

  .passreset_back_to_login a
  {
    text-decoration: none;
    color: #FFFFFF;
    padding: 5px 10px 5px 10px;
    border-radius: 3px;
    font-size: 15px;
  }

  .reset_password_stage_2
  {
    /*border: solid 2px red;*/
    margin-top: 20px;
  }

  .reset_password_stage_2 p
  {
    font-size: 18px;
    margin-bottom: 0px;
    margin-top: 0px;
  }
}

@media screen and (min-width:1280px) and (max-width:1365px)
{
  .teacher_password_reset_input
  {
    /*height: 400px;*/
    height: auto;
    width: 75%;
    margin-left: 8%;
    border-radius: 30px;
    margin-top: 90px;
      padding-bottom: 15px;
  }

  .teacher_password_reset_input_head
  {
    padding-top: 10px;
    padding-bottom: 5px;
    margin-left: 67px;
    letter-spacing: 2px;
  }

  .teacher_password_reset_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 24px;
  }

  .teacher_password_reset_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    font-size: 12px;
  }

  .teacher_passwordreset_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .teacher_passwordreset_input_error_messages .errors
  {
    font-size: 12px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .teacher_passwordreset_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .received_code
  {
    width: 80%;
    margin-left: 40px;
  }

  .received_code input
  {
    width:55px;
    height: 55px;
    margin: 0px 20px 0px 5px;
    border-radius: 50px;
    font-size: 32px;
  }

  .teacher_submit_code_button input
  {
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 20px;
  }

  .resend_code
  {

  }

  .resend_code p
  {
    font-size: 15px;
  }

  .resend_code a
  {
    font-size: 12px;
    text-decoration: none;
    margin-top: 18px;
    margin-left: 5px;
  }

  .passreset_back_to_login
  {
    text-align: center;
    margin-top: 11px;
  }

  .passreset_back_to_login a
  {
    text-decoration: none;
    color: #FFFFFF;
    padding: 5px 10px 5px 10px;
    border-radius: 3px;
    font-size: 14px;
  }

  .reset_password_stage_2
  {
    /*border: solid 2px red;*/
    margin-top: 30px;
  }

  .reset_password_stage_2 p
  {
    font-size: 17px;
    margin-bottom: 0px;
    margin-top: 0px;
  }

}

@media screen and (min-width:1024px) and (max-width:1279px)
{
  .teacher_password_reset_input
  {
    /*height: 400px;*/
    height: auto;
    width: 75%;
    margin-left: 8%;
    border-radius: 30px;
    margin-top: 90px;
    padding-bottom: 15px;
  }

  .teacher_password_reset_input_head
  {
    padding-top: 10px;
    padding-bottom: 5px;
    margin-left: 67px;
    letter-spacing: 2px;
  }

  .teacher_password_reset_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 24px;
  }

  .teacher_password_reset_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    font-size: 12px;
  }

  .teacher_passwordreset_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .teacher_passwordreset_input_error_messages .errors
  {
    font-size: 12px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .teacher_passwordreset_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .received_code
  {
    width: 80%;
    margin-left: 40px;
  }

  .received_code input
  {
    width:55px;
    height: 55px;
    margin: 0px 20px 0px 5px;
    border-radius: 50px;
    font-size: 32px;
  }

  .teacher_submit_code_button input
  {
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 20px;
  }

  .resend_code
  {

  }

  .resend_code p
  {
    font-size: 15px;
  }

  .resend_code a
  {
    font-size: 12px;
    text-decoration: none;
    margin-top: 18px;
    margin-left: 5px;
  }

  .passreset_back_to_login
  {
    text-align: center;
    margin-top: 11px;
  }

  .passreset_back_to_login a
  {
    text-decoration: none;
    color: #FFFFFF;
    padding: 5px 10px 5px 10px;
    border-radius: 3px;
    font-size: 13px;
  }

  .reset_password_stage_2
  {
    /*border: solid 2px red;*/
    margin-top: 30px;
  }

  .reset_password_stage_2 p
  {
    font-size: 17px;
    margin-bottom: 0px;
    margin-top: 0px;
  }
}

@media screen and (min-width:990px) and (max-width:1023px)
{
  .teacher_password_reset_input
  {
    /*height: 350px;*/
    height: auto;
    width: 78%;
    margin-left: 8%;
    border-radius: 30px;
    margin-top: 100px;
    padding-bottom: 13px;
  }

  .teacher_password_reset_input_head
  {
    padding-top: 10px;
    padding-bottom: 5px;
    margin-left: 53px;
    letter-spacing: 2px;
  }

  .teacher_password_reset_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 22px;
  }

  .teacher_password_reset_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    font-size: 12px;
  }

  .teacher_passwordreset_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .teacher_passwordreset_input_error_messages .errors
  {
    font-size: 11px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .teacher_passwordreset_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .received_code
  {
    width: 80%;
    margin-left: 40px;
  }

  .received_code input
  {
    width:50px;
    height: 50px;
    margin: 0px 10px 0px 5px;
    border-radius: 50px;
    font-size: 28px;
  }

  .teacher_submit_code_button input
  {
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 11px;
    margin-top: 20px;
  }

  .resend_code
  {

  }

  .resend_code p
  {
    font-size: 12px;
  }

  .resend_code a
  {
    font-size: 10px;
    text-decoration: none;
    margin-top: 14px;
    margin-left: 5px;
  }

  .passreset_back_to_login
  {
    text-align: center;
    margin-top: 6px;
  }

  .passreset_back_to_login a
  {
    text-decoration: none;
    color: #FFFFFF;
    padding: 5px 10px 5px 10px;
    border-radius: 3px;
    font-size: 13px;
  }

  .reset_password_stage_2
  {
    /*border: solid 2px red;*/
    margin-top: 15px;
  }

  .reset_password_stage_2 p
  {
    font-size: 16px;
    margin-bottom: 0px;
    margin-top: 0px;
  }

}

@media screen and (min-width:820px) and (max-width:989px)
{
  .teacher_password_reset_input
  {
    /*height: 400px;*/
    height: auto;
    width: 75%;
    margin-left: 12.5%;
    border-radius: 30px;
    margin-top: 100px;
    padding-bottom: 15px;
  }

  .teacher_password_reset_input_head
  {
    padding-top: 20px;
    padding-bottom: 5px;
    margin-left: 150px;
    letter-spacing: 2px;
  }

  .teacher_password_reset_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 26px;
  }

  .teacher_password_reset_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 5px;
    margin-bottom: 15px;
    font-size: 14px;
  }

  .teacher_passwordreset_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .teacher_passwordreset_input_error_messages .errors
  {
    font-size: 14px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .teacher_passwordreset_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .received_code
  {
    width: 80%;
    margin-left: 60px;
  }

  .received_code input
  {
    width:60px;
    height: 60px;
    margin: 0px 10px 0px 5px;
    border-radius: 50px;
    font-size: 28px;
  }

  .teacher_submit_code_button input
  {
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 10px;
  }

  .resend_code
  {

  }

  .resend_code p
  {
    font-size: 14px;
  }

  .resend_code a
  {
    font-size: 12px;
    text-decoration: none;
    margin-top: 15px;
    margin-left: 5px;
  }

  .passreset_back_to_login
  {
    text-align: center;
    margin-top: 6px;
  }

  .passreset_back_to_login a
  {
    text-decoration: none;
    color: #FFFFFF;
    padding: 5px 10px 5px 10px;
    border-radius: 3px;
    font-size: 13px;
  }

  .reset_password_stage_2
  {
    /*border: solid 2px red;*/
    margin-top: 15px;
  }

  .reset_password_stage_2 p
  {
    font-size: 18px;
    margin-bottom: 0px;
    margin-top: 0px;
  }
}

@media screen and (min-width:800px) and (max-width:819px)
{
  .teacher_password_reset_input
  {
    /*height: 410px;*/
    height: auto;
    width: 75%;
    margin-left: 12.5%;
    border-radius: 30px;
    margin-top: 80px;
    padding-bottom: 15px;
  }

  .teacher_password_reset_input_head
  {
    padding-top: 20px;
    padding-bottom: 5px;
    margin-left: 145px;
    letter-spacing: 2px;
  }

  .teacher_password_reset_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 26px;
  }

  .teacher_password_reset_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 5px;
    margin-bottom: 15px;
    font-size: 14px;
  }

  .teacher_passwordreset_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .teacher_passwordreset_input_error_messages .errors
  {
    font-size: 14px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .teacher_passwordreset_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .received_code
  {
    width: 80%;
    margin-left: 60px;
  }

  .received_code input
  {
    width:60px;
    height: 60px;
    margin: 0px 10px 0px 5px;
    border-radius: 50px;
    font-size: 28px;
  }

  .teacher_submit_code_button input
  {
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 10px;
  }

  .resend_code
  {

  }

  .resend_code p
  {
    font-size: 14px;
  }

  .resend_code a
  {
    font-size: 12px;
    text-decoration: none;
    margin-top: 16px;
    margin-left: 5px;
  }

  .passreset_back_to_login
  {
    text-align: center;
    margin-top: 6px;
  }

  .passreset_back_to_login a
  {
    text-decoration: none;
    color: #FFFFFF;
    padding: 5px 10px 5px 10px;
    border-radius: 3px;
    font-size: 14px;
  }

  .reset_password_stage_2
  {
    /*border: solid 2px red;*/
    margin-top: 15px;
  }

  .reset_password_stage_2 p
  {
    font-size: 18px;
    margin-bottom: 0px;
    margin-top: 10px;
  }
}

@media screen and (min-width:768px) and (max-width:799px)
{
  .teacher_password_reset_input
  {
    /*height: 410px;*/
    height: auto;
    width: 75%;
    margin-left: 12.5%;
    border-radius: 30px;
    margin-top: 80px;
    padding-bottom: 15px;
  }

  .teacher_password_reset_input_head
  {
    padding-top: 20px;
    padding-bottom: 5px;
    margin-left: 135px;
    letter-spacing: 2px;
  }

  .teacher_password_reset_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 26px;
  }

  .teacher_password_reset_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 5px;
    margin-bottom: 15px;
    font-size: 14px;
  }

  .teacher_passwordreset_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .teacher_passwordreset_input_error_messages .errors
  {
    font-size: 14px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .teacher_passwordreset_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .received_code
  {
    width: 80%;
    margin-left: 60px;
  }

  .received_code input
  {
    width:60px;
    height: 60px;
    margin: 0px 10px 0px 5px;
    border-radius: 50px;
    font-size: 28px;
  }

  .teacher_submit_code_button input
  {
    padding: 7px 15px 7px 15px;
    border-radius: 5px;
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 10px;
  }

  .resend_code
  {

  }

  .resend_code p
  {
    font-size: 14px;
  }

  .resend_code a
  {
    font-size: 12px;
    text-decoration: none;
    margin-top: 16px;
    margin-left: 5px;
  }

  .passreset_back_to_login
  {
    text-align: center;
    margin-top: 6px;
  }

  .passreset_back_to_login a
  {
    text-decoration: none;
    color: #FFFFFF;
    padding: 5px 10px 5px 10px;
    border-radius: 3px;
    font-size: 14px;
  }

  .reset_password_stage_2
  {
    /*border: solid 2px red;*/
    margin-top: 15px;
  }

  .reset_password_stage_2 p
  {
    font-size: 18px;
    margin-bottom: 0px;
    margin-top: 10px;
  }
}

@media screen and (min-width:670px) and (max-width:767px)
{
  .teacher_password_reset_input
  {
    /*height: 410px;*/
    height: auto;
    width: 70%;
    margin-left: 15%;
    border-radius: 30px;
    margin-top: 80px;
    padding-bottom: 15px;
  }

  .teacher_password_reset_input_head
  {
    padding-top: 20px;
    padding-bottom: 5px;
    margin-left: 95px;
    letter-spacing: 2px;
  }

  .teacher_password_reset_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 24px;
  }

  .teacher_password_reset_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 5px;
    margin-bottom: 15px;
    font-size: 12px;
  }

  .teacher_passwordreset_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .teacher_passwordreset_input_error_messages .errors
  {
    font-size: 12px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .teacher_passwordreset_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .received_code
  {
    width: 80%;
    margin-left: 55px;
  }

  .received_code input
  {
    width:55px;
    height: 55px;
    margin: 0px 10px 0px 5px;
    border-radius: 50px;
    font-size: 28px;
  }

  .teacher_submit_code_button input
  {
    padding: 7px 15px 7px 15px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 20px;
    margin-bottom: 10px;
  }

  .resend_code
  {

  }

  .resend_code p
  {
    font-size: 14px;
  }

  .resend_code a
  {
    font-size: 12px;
    text-decoration: none;
    margin-top: 15px;
    margin-left: 5px;
  }

  .passreset_back_to_login
  {
    text-align: center;
    margin-top: 6px;
  }

  .passreset_back_to_login a
  {
    text-decoration: none;
    color: #FFFFFF;
    padding: 5px 10px 5px 10px;
    border-radius: 3px;
    font-size: 14px;
  }

  .reset_password_stage_2
  {
    /*border: solid 2px red;*/
    margin-top: 15px;
  }

  .reset_password_stage_2 p
  {
    font-size: 17px;
    margin-bottom: 0px;
    margin-top: 20px;
  }
}

@media screen and (min-width:590px) and (max-width:669px)
{
  .teacher_password_reset_input
  {
    /*height: 410px;*/
    height: auto;
    width: 70%;
    margin-left: 15%;
    border-radius: 30px;
    margin-top: 80px;
    padding-bottom: 15px;
  }

  .teacher_password_reset_input_head
  {
    padding-top: 20px;
    padding-bottom: 5px;
    margin-left: 65px;
    letter-spacing: 2px;
  }

  .teacher_password_reset_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 22px;
  }

  .teacher_password_reset_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 5px;
    margin-bottom: 15px;
    font-size: 12px;
  }

  .teacher_passwordreset_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .teacher_passwordreset_input_error_messages .errors
  {
    font-size: 11px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .teacher_passwordreset_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .received_code
  {
    width: 80%;
    margin-left: 45px;
  }

  .received_code input
  {
    width:55px;
    height: 55px;
    margin: 0px 10px 0px 5px;
    border-radius: 50px;
    font-size: 28px;
  }

  .teacher_submit_code_button input
  {
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 20px;
    margin-bottom: 10px;
  }

  .resend_code
  {

  }

  .resend_code p
  {
    font-size: 14px;
  }

  .resend_code a
  {
    font-size: 12px;
    text-decoration: none;
    margin-top: 15px;
    margin-left: 5px;
  }

  .passreset_back_to_login
  {
    text-align: center;
    margin-top: 6px;
  }

  .passreset_back_to_login a
  {
    text-decoration: none;
    color: #FFFFFF;
    padding: 5px 10px 5px 10px;
    border-radius: 3px;
    font-size: 14px;
  }

  .reset_password_stage_2
  {
    /*border: solid 2px red;*/
    margin-top: 15px;
  }

  .reset_password_stage_2 p
  {
    font-size: 17px;
    margin-bottom: 0px;
    margin-top: 25px;
  }

}

@media screen and (min-width:500px) and (max-width:589px)
{
  .teacher_password_reset_input
  {
    /*height: 410px;*/
    height: auto;
    width: 70%;
    margin-left: 15%;
    border-radius: 30px;
    margin-top: 80px;
    padding-bottom: 15px;
  }

  .teacher_password_reset_input_head
  {
    padding-top: 20px;
    padding-bottom: 5px;
    margin-left: 51px;
    letter-spacing: 2px;
  }

  .teacher_password_reset_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 20px;
  }

  .teacher_password_reset_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 5px;
    margin-bottom: 15px;
    font-size: 11px;
  }

  .teacher_passwordreset_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .teacher_passwordreset_input_error_messages .errors
  {
    font-size: 11px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .teacher_passwordreset_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .received_code
  {
    width: 80%;
    margin-left: 11%;
  }

  .received_code input
  {
    width:45px;
    height: 45px;
    margin: 0px 10px 0px 5px;
    border-radius: 50px;
    font-size: 24px;
  }

  .teacher_submit_code_button input
  {
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 20px;
    margin-bottom: 10px;
  }

  .resend_code
  {

  }

  .resend_code p
  {
    font-size: 12px;
  }

  .resend_code a
  {
    font-size: 10px;
    text-decoration: none;
    margin-top: 14px;
    margin-left: 5px;
  }

  .passreset_back_to_login
  {
    text-align: center;
    margin-top: 6px;
  }

  .passreset_back_to_login a
  {
    text-decoration: none;
    color: #FFFFFF;
    padding: 5px 10px 5px 10px;
    border-radius: 3px;
    font-size: 13px;
  }

  .reset_password_stage_2
  {
    /*border: solid 2px red;*/
    margin-top: 15px;
  }

  .reset_password_stage_2 p
  {
    font-size: 16px;
    margin-bottom: 0px;
    margin-top: 15px;
  }
}

@media screen and (min-width:460px) and (max-width:499px)
{
  .teacher_password_reset_input
  {
    /*height: 410px;*/
    height: auto;
    width: 70%;
    margin-left: 15%;
    border-radius: 30px;
    margin-top: 80px;
    padding-bottom: 15px;
  }

  .teacher_password_reset_input_head
  {
    padding-top: 20px;
    padding-bottom: 5px;
    margin-left: 46px;
    letter-spacing: 2px;
  }

  .teacher_password_reset_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 18px;
  }

  .teacher_password_reset_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 5px;
    margin-bottom: 15px;
    font-size: 10px;
  }

  .teacher_passwordreset_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .teacher_passwordreset_input_error_messages .errors
  {
    font-size: 10px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .teacher_passwordreset_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .received_code
  {
    width: 80%;
    margin-left: 11%;
  }

  .received_code input
  {
    width:40px;
    height: 40px;
    margin: 0px 10px 0px 5px;
    border-radius: 50px;
    font-size: 24px;
  }

  .teacher_submit_code_button input
  {
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 20px;
    margin-bottom: 10px;
  }

  .resend_code
  {

  }

  .resend_code p
  {
    font-size: 12px;
  }

  .resend_code a
  {
    font-size: 10px;
    text-decoration: none;
    margin-top: 14px;
    margin-left: 5px;
  }

  .passreset_back_to_login
  {
    text-align: center;
    margin-top: 6px;
  }

  .passreset_back_to_login a
  {
    text-decoration: none;
    color: #FFFFFF;
    padding: 5px 10px 5px 10px;
    border-radius: 3px;
    font-size: 12px;
  }

  .reset_password_stage_2
  {
    /*border: solid 2px red;*/
    margin-top: 15px;
  }

  .reset_password_stage_2 p
  {
    font-size: 16px;
    margin-bottom: 0px;
    margin-top: 5px;
  }
}

@media screen and (min-width:425px) and (max-width:459px)
{
  .teacher_password_reset_input
  {
    /*height: 410px;*/
    height: auto;
    width: 70%;
    margin-left: 15%;
    border-radius: 30px;
    margin-top: 80px;
    padding-bottom: 15px;
  }

  .teacher_password_reset_input_head
  {
    padding-top: 20px;
    padding-bottom: 5px;
    margin-left: 44px;
    letter-spacing: 2px;
  }

  .teacher_password_reset_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 17px;
  }

  .teacher_password_reset_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 5px;
    margin-bottom: 15px;
    font-size: 9px;
  }

  .teacher_passwordreset_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .teacher_passwordreset_input_error_messages .errors
  {
    font-size: 10px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .teacher_passwordreset_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .received_code
  {
    width: 80%;
    margin-left: 11%;
  }

  .received_code input
  {
    width:35px;
    height: 35px;
    margin: 0px 10px 0px 5px;
    border-radius: 50px;
    font-size: 20px;
  }

  .teacher_submit_code_button input
  {
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 20px;
    margin-bottom: 10px;
  }

  .resend_code
  {

  }

  .resend_code p
  {
    font-size: 12px;
  }

  .resend_code a
  {
    font-size: 10px;
    text-decoration: none;
    margin-top: 14px;
    margin-left: 5px;
  }

  .passreset_back_to_login
  {
    text-align: center;
    margin-top: 6px;
  }

  .passreset_back_to_login a
  {
    text-decoration: none;
    color: #FFFFFF;
    padding: 5px 10px 5px 10px;
    border-radius: 3px;
    font-size: 12px;
  }

  .reset_password_stage_2
  {
    /*border: solid 2px red;*/
    margin-top: 15px;
  }

  .reset_password_stage_2 p
  {
    font-size: 15px;
    margin-bottom: 0px;
    margin-top: 5px;
  }
}

@media screen and (min-width:400px) and (max-width:424px)
{
  .teacher_password_reset_input
  {
    /*height: 390px;*/
    height: auto;
    width: 75%;
    margin-left: 12.5%;
    border-radius: 30px;
    margin-top: 80px;
    padding-bottom: 15px;
  }

  .teacher_password_reset_input_head
  {
    padding-top: 20px;
    padding-bottom: 5px;
    margin-left: 42px;
    letter-spacing: 2px;
  }

  .teacher_password_reset_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 20px;
  }

  .teacher_password_reset_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 5px;
    margin-bottom: 15px;
    font-size: 10px;
  }

  .teacher_passwordreset_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .teacher_passwordreset_input_error_messages .errors
  {
    font-size: 9px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .teacher_passwordreset_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .received_code
  {
    width: 80%;
    margin-left: 30px;
  }

  .received_code input
  {
    width:35px;
    height: 35px;
    margin: 0px 10px 0px 5px;
    border-radius: 50px;
    font-size: 22px;
  }

  .teacher_submit_code_button input
  {
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 20px;
    margin-bottom: 10px;
  }

  .resend_code
  {

  }

  .resend_code p
  {
    font-size: 12px;
  }

  .resend_code a
  {
    font-size: 10px;
    text-decoration: none;
    margin-top: 14px;
    margin-left: 5px;
  }

  .passreset_back_to_login
  {
    text-align: center;
    margin-top: 6px;
  }

  .passreset_back_to_login a
  {
    text-decoration: none;
    color: #FFFFFF;
    padding: 5px 10px 5px 10px;
    border-radius: 3px;
    font-size: 13px;
  }

  .reset_password_stage_2
  {
    /*border: solid 2px red;*/
    margin-top: 15px;
  }

  .reset_password_stage_2 p
  {
    font-size: 15px;
    margin-bottom: 0px;
    margin-top: 5px;
  }
}

@media screen and (min-width:375px) and (max-width:399px)
{
  .teacher_password_reset_input
  {
    /*height: 380px;*/
    height: auto;
    width: 75%;
    margin-left: 12.5%;
    border-radius: 30px;
    margin-top: 80px;
    padding-bottom: 15px;
  }

  .teacher_password_reset_input_head
  {
    padding-top: 20px;
    padding-bottom: 5px;
    margin-left: 45px;
    letter-spacing: 2px;
  }

  .teacher_password_reset_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 18px;
  }

  .teacher_password_reset_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 5px;
    margin-bottom: 15px;
    font-size: 9px;
  }

  .teacher_passwordreset_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .teacher_passwordreset_input_error_messages .errors
  {
    font-size: 9px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .teacher_passwordreset_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .received_code
  {
    width: 80%;
    margin-left: 30px;
  }

  .received_code input
  {
    width:30px;
    height: 30px;
    margin: 0px 10px 0px 5px;
    border-radius: 50px;
    font-size: 22px;
  }

  .teacher_submit_code_button input
  {
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 20px;
    margin-bottom: 10px;
  }

  .resend_code
  {

  }

  .resend_code p
  {
    font-size: 11px;
  }

  .resend_code a
  {
    font-size: 9px;
    text-decoration: none;
    margin-top: 13px;
    margin-left: 5px;
  }

  .passreset_back_to_login
  {
    text-align: center;
    margin-top: 6px;
  }

  .passreset_back_to_login a
  {
    text-decoration: none;
    color: #FFFFFF;
    padding: 5px 10px 5px 10px;
    border-radius: 3px;
    font-size: 12px;
  }

  .reset_password_stage_2
  {
    /*border: solid 2px red;*/
    margin-top: 15px;
  }

  .reset_password_stage_2 p
  {
    font-size: 15px;
    margin-bottom: 0px;
    margin-top: 5px;
  }
}

@media screen and (min-width:300px) and (max-width:374px)
{
  .teacher_password_reset_input
  {
    /*height: 330px;*/
    height: auto;
    width: 90%;
    margin-left: 9.5%;
    border-radius: 30px;
    margin-top: 80px;
    padding-bottom: 10px;
  }

  .teacher_password_reset_input_head
  {
    padding-top: 20px;
    padding-bottom: 5px;
    margin-left: 40px;
    letter-spacing: 2px;
  }

  .teacher_password_reset_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 15px;
  }

  .teacher_password_reset_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 5px;
    margin-bottom: 10px;
    font-size: 8px;
  }

  .teacher_passwordreset_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .teacher_passwordreset_input_error_messages .errors
  {
    font-size: 10px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .teacher_passwordreset_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .received_code
  {
    width: 80%;
    margin-left: 20px;
  }

  .received_code input
  {
    width:30px;
    height: 30px;
    margin: 0px 5px 0px 5px;
    border-radius: 50px;
    font-size: 22px;
  }

  .teacher_submit_code_button input
  {
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 20px;
    margin-bottom: 10px;
  }

  .resend_code
  {

  }

  .resend_code p
  {
    font-size: 8px;
  }

  .resend_code a
  {
    font-size: 7px;
    text-decoration: none;
    margin-top: 9px;
    margin-left: 5px;
  }

  .passreset_back_to_login
  {
    text-align: center;
    margin-top: 6px;
  }

  .passreset_back_to_login a
  {
    text-decoration: none;
    color: #FFFFFF;
    padding: 5px 10px 5px 10px;
    border-radius: 3px;
    font-size: 11px;
  }

  .reset_password_stage_2
  {
    /*border: solid 2px red;*/
    margin-top: 15px;
  }

  .reset_password_stage_2 p
  {
    font-size: 15px;
    margin-bottom: 0px;
    margin-top: 25px;
  }

}

@media screen and (min-width:200px) and (max-width:299px)
{
  .teacher_password_reset_input
  {
    /*height: 260px;*/
    height: auto;
    width: 90%;
    margin-left: 12%;
    border-radius: 30px;
    margin-top: 80px;
    padding-bottom: 10px;
  }

  .teacher_password_reset_input_head
  {
    padding-top: 10px;
    padding-bottom: 5px;
    margin-left: 20px;
    letter-spacing: 2px;
  }

  .teacher_password_reset_input_head p:nth-child(1)
  {
    padding-top: 10px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 12px;
  }

  .teacher_password_reset_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 5px;
    margin-bottom: 10px;
    font-size: 5px;
  }

  .teacher_passwordreset_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .teacher_passwordreset_input_error_messages .errors
  {
    font-size: 10px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .teacher_passwordreset_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .received_code
  {
    width: 80%;
    margin-left: 16px;
  }

  .received_code input
  {
    width:20px;
    height: 20px;
    margin: 0px 5px 0px 5px;
    border-radius: 30px;
    font-size: 14px;
  }

  .teacher_submit_code_button input
  {
    padding: 5px 10px 5px 10px;
    border-radius: 5px;
    font-size: 11px;
    margin-top: 20px;
    margin-bottom: 10px;
  }

  .resend_code
  {

  }

  .resend_code p
  {
    font-size: 7px;
  }

  .resend_code a
  {
    font-size: 6px;
    text-decoration: none;
    margin-top: 8px;
    margin-left: 5px;
  }

  .passreset_back_to_login
  {
    text-align: center;
    margin-top: 6px;
  }

  .passreset_back_to_login a
  {
    text-decoration: none;
    color: #FFFFFF;
    padding: 5px 10px 5px 10px;
    border-radius: 3px;
    font-size: 11px;
  }

  .reset_password_stage_2
  {
    /*border: solid 2px red;*/
    margin-top: 15px;
  }

  .reset_password_stage_2 p
  {
    font-size: 15px;
    margin-bottom: 0px;
    margin-top: 10px;
  }

}

@media screen and (min-width:100px) and (max-width:199px)
{
  .teacher_password_reset_input
  {
    /*height: 260px;*/
    height: auto;
    width: 90%;
    margin-left: 12%;
    border-radius: 30px;
    margin-top: 80px;
    padding-bottom: 10px;
  }

  .teacher_password_reset_input_head
  {
    padding-top: 10px;
    padding-bottom: 5px;
    margin-left: 20px;
    letter-spacing: 2px;
  }

  .teacher_password_reset_input_head p:nth-child(1)
  {
    padding-top: 10px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 12px;
  }

  .teacher_password_reset_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 5px;
    margin-bottom: 10px;
    font-size: 5px;
  }

  .teacher_passwordreset_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .teacher_passwordreset_input_error_messages .errors
  {
    font-size: 10px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .teacher_passwordreset_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }

  .received_code
  {
    width: 80%;
    margin-left: 16px;
  }

  .received_code input
  {
    width:20px;
    height: 20px;
    margin: 0px 5px 0px 5px;
    border-radius: 30px;
    font-size: 14px;
  }

  .teacher_submit_code_button input
  {
    padding: 5px 10px 5px 10px;
    border-radius: 5px;
    font-size: 11px;
    margin-top: 20px;
    margin-bottom: 10px;
  }

  .resend_code
  {

  }

  .resend_code p
  {
    font-size: 7px;
  }

  .resend_code a
  {
    font-size: 6px;
    text-decoration: none;
    margin-top: 8px;
    margin-left: 5px;
  }

  .passreset_back_to_login
  {
    text-align: center;
    margin-top: 6px;
  }

  .passreset_back_to_login a
  {
    text-decoration: none;
    color: #FFFFFF;
    padding: 5px 10px 5px 10px;
    border-radius: 3px;
    font-size: 11px;
  }

  .reset_password_stage_2
  {
    /*border: solid 2px red;*/
    margin-top: 15px;
  }

  .reset_password_stage_2 p
  {
    font-size: 15px;
    margin-bottom: 0px;
    margin-top: 10px;
  }

}





/**************************************************************** Institution Set New password **********************************************/

.institution_set_new_password_input
{
  /*height: 380px;*/
  height: auto;
  width: 60%;
  margin-left: 12%;
  border-radius: 30px;
  background-color: #000000A5;
  font-family: Montserrat;
  margin-top: 95px;
  /*padding-bottom: 5px;*/
}

.institution_set_new_password_input_head
{
  padding-top: 15px;
  padding-bottom: 5px;
  margin-left: 45px;
}

.institution_set_new_password_input_head p:nth-child(1)
{
  text-align: left;
  color: white;
  padding-top: 20px;
  padding-bottom: 0px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight:bold;
  letter-spacing: 2px;
}

.institution_set_new_password_input_head p:nth-child(2)
{
  color: #FFFFFF;
  font-size: 12px;
  margin-top: 0px;
}

.institution_set_new_password_input_error_messages
{
  margin-top: 20px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.institution_set_new_password_input_error_messages .errors
{
  font-size: 12px;
  margin-left: 0px;
}

.institution_set_new_password_input_error_messages .errors li
{
  margin-bottom: 10px;
}

.institution_new_password
{
  margin-bottom: 20px;
  width: 80%;
  margin-left: 45px;
}

.institution_new_password label
{
    font-size: 12px;
    margin-bottom: 10px;
}

.institution_new_password_input_icon
{
  display: flex;
  /*border: 2px solid red;*/
  height: 25px;
  background: white;
  border-radius: 30px;
}

.institution_new_password_input_icon input
{
  outline: none;
  border: none;
  width: 90%;
  padding-left: 10px;
  font-size: 13px;
  border-radius: 15px;
}

.institution_new_password i
{
  font-size: 14px;
  margin-top: 4px;
}

.institution_submit_new_password_button {
  text-align: center;
  display: flex;
  /*border: solid 2px black;*/
  justify-content:center;

}

.institution_submit_new_password_button input{
  padding: 5px 5px 5px 5px;
  border-radius: 3px;
  font-size: 12px;
  margin-top: 0px;
  background-color: #D99E30;
  color: #FFFFFF;
  font-family: Montserrat;
  text-transform: uppercase;
  margin-right: 10px;
  outline: none;
  border: none;
  margin-bottom: 10px;
}

.institution_submit_new_password_button input:hover{
  font-weight: bold;
  cursor:pointer;
}


.reset_password_stage_3
{
    margin-top: 20px;
    text-align: center;
    display: flex;
    justify-content:center;
    color: #716862;
}


.reset_password_stage_3 p:nth-child(3)
{
  color: #FFFFFF;
}


/********************************************************** Institution Set New password Responsive Pages **********************************************/

@media screen and (min-width:2550px) and (max-width:3439px)
{
  .institution_set_new_password_input
  {
    /*height: 380px;*/
    height: auto;
    width: 70%;
    margin-left: 10%;
    border-radius: 50px;
    margin-top: 120px;
    /*padding-bottom: 5px;*/
  }


  .institution_set_new_password_input_head
  {
    padding-top: 60px;
    padding-bottom: 0px;
    margin-left: 10%;
    /*border: solid 2px red;*/
    /*text-align: center;*/
  }



  .institution_set_new_password_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 20px;
    font-size: 36px;
    /*letter-spacing: 2px;*/
  }


  .institution_set_new_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-size: 20px;
    /*border: solid 2px blue;*/
  }


  .institution_set_new_password_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    width: 80%;
  }

  .institution_set_new_password_input_error_messages .errors
  {
    font-size: 20px;
    margin-left: 0px;
    margin-bottom: 0px;
  }

  .institution_set_new_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }


  .institution_new_password
  {
    margin-bottom: 20px;
    width: 80%;
    margin-left: 10%;
    margin-top: 40px;
  }


  .institution_new_password label
  {
      font-size: 22px;
      margin-bottom: 10px;
  }


  .institution_new_password_input_icon
  {
    /*border: 2px solid red;*/
    height: 60px;
    border-radius: 30px;
  }


  .institution_new_password_input_icon input
  {
    width: 87%;
    border-radius: 30px;
    padding: 5px 5px 5px 25px;
    /*padding-left: 10px;*/
    font-size: 28px;
    height: 42px;
    margin-top: 3px;
    /*border: solid 2px red;*/
  }


  .institution_new_password i
  {
    font-size: 34px;
    margin-top: 5px;
  }



  .institution_submit_new_password_button {
    text-align: center;
    display: flex;
    /*border: solid 2px black;*/
    justify-content:center;

  }


  .institution_submit_new_password_button input{
    padding: 20px 30px 20px 30px;
    border-radius: 10px;
    font-size: 24px;
    margin-top: 15px;
    margin-right: 10px;
  }


  .back_to_login
  {
    margin-top: 65px;
  }

  .back_to_login a
  {
    font-size: 24px;
    margin-top: 15px;
  }


  .reset_password_stage_3
  {
      margin-top: 20px;
  }


  .reset_password_stage_3 p
  {
      font-size: 28px;
  }

}

@media screen and (min-width:1920px) and (max-width:2549px)
{
  .institution_set_new_password_input
  {
    /*height: 380px;*/
    height: auto;
    width: 70%;
    margin-left: 10%;
    border-radius: 50px;
    margin-top: 40px;
    /*padding-bottom: 5px;*/
  }


  .institution_set_new_password_input_head
  {
    padding-top: 30px;
    padding-bottom: 0px;
    margin-left: 10%;
    /*border: solid 2px red;*/
    /*text-align: center;*/
  }



  .institution_set_new_password_input_head p:nth-child(1)
  {
    padding-top: 26px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 28px;
    /*letter-spacing: 2px;*/
  }


  .institution_set_new_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 15px;
    /*border: solid 2px blue;*/
  }


  .institution_set_new_password_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .institution_set_new_password_input_error_messages .errors
  {
    font-size: 16px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .institution_set_new_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }


  .institution_new_password
  {
    margin-bottom: 20px;
    width: 80%;
    margin-left: 10%;
    margin-top: 20px;
  }


  .institution_new_password label
  {
      font-size: 18px;
      margin-bottom: 10px;
  }


  .institution_new_password_input_icon
  {
    /*border: 2px solid red;*/
    height: 45px;
    border-radius: 30px;
  }


  .institution_new_password_input_icon input
  {
    width: 84%;
    border-radius: 20px;
    padding: 5px 10px 5px 20px;
    /*padding-left: 10px;*/
    font-size: 20px;
    margin-top: 2px;
    height: 32px;
    /*border: solid 2px red;*/
  }


  .institution_new_password i
  {
    font-size: 28px;
    margin-top: 3px;
  }



  .institution_submit_new_password_button {
    text-align: center;
    display: flex;
    /*border: solid 2px black;*/
    justify-content:center;

  }


  .institution_submit_new_password_button input{
    padding: 15px 20px 15px 20px;
    border-radius: 10px;
    font-size: 20px;
    margin-top: 15px;
    margin-right: 10px;
  }


  .back_to_login
  {
    margin-top: 40px;
  }

  .back_to_login a
  {
    font-size: 20px;
    margin-top: 15px;
  }


  .reset_password_stage_3
  {
      margin-top: 20px;
  }


  .reset_password_stage_3 p
  {
      font-size: 24px;
  }

}

@media screen and (min-width: 1600px) and (max-width: 1919px)
{
  .institution_set_new_password_input
  {
    /*height: 380px;*/
    height: auto;
    width: 70%;
    margin-left: 10%;
    border-radius: 30px;
    margin-top: 50px;
    /*padding-bottom: 5px;*/
  }


  .institution_set_new_password_input_head
  {
    padding-top: 30px;
    padding-bottom: 0px;
    margin-left: 10%;
    /*border: solid 2px red;*/
    /*text-align: center;*/
  }



  .institution_set_new_password_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 24px;
    /*letter-spacing: 2px;*/
  }


  .institution_set_new_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 13px;
    /*border: solid 2px blue;*/
  }


  .institution_set_new_password_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .institution_set_new_password_input_error_messages .errors
  {
    font-size: 15px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .institution_set_new_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }


  .institution_new_password
  {
    margin-bottom: 20px;
    width: 80%;
    margin-left: 10%;
    margin-top: 20px;
  }


  .institution_new_password label
  {
      font-size: 18px;
      margin-bottom: 10px;
  }


  .institution_new_password_input_icon
  {
    /*border: 2px solid red;*/
    height: 36px;
    /*border-radius: 30px;*/
  }


  .institution_new_password_input_icon input
  {
    width: 83%;
    border-radius: 30px;
    padding: 5px 10px 5px 20px;
    /*padding-left: 10px;*/
    font-size: 18px;
    margin-top: 3px;
    height: 22px;
    /*border: solid 2px red;*/
  }


  .institution_new_password i
  {
    font-size: 22px;
    margin-top: 1px;
  }


  .institution_submit_new_password_button input{
    padding: 10px 15px 10px 15px;
    border-radius: 7px;
    font-size: 16px;
    margin-top: 10px;
    margin-right: 10px;
  }


  .back_to_login
  {
    margin-top: 40px;
  }

  .back_to_login a
  {
    font-size: 16px;
    margin-top: 15px;
  }


  .reset_password_stage_3
  {
      margin-top: 20px;
  }


  .reset_password_stage_3 p
  {
      font-size: 20px;
  }
}

@media screen and (min-width:1440px) and (max-width:1535px)
{
  .institution_set_new_password_input
  {
    /*height: 380px;*/
    height: auto;
    width: 70%;
    margin-left: 12%;
    border-radius: 30px;
    margin-top: 70px;
    /*padding-bottom: 5px;*/
  }


  .institution_set_new_password_input_head
  {
    padding-top: 30px;
    padding-bottom: 0px;
    margin-left: 10%;
    /*border: solid 2px red;*/
    /*text-align: center;*/
  }



  .institution_set_new_password_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 22px;
    /*letter-spacing: 2px;*/
  }


  .institution_set_new_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 12px;
    /*border: solid 2px blue;*/
  }


  .institution_set_new_password_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .institution_set_new_password_input_error_messages .errors
  {
    font-size: 15px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .institution_set_new_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }


  .institution_new_password
  {
    margin-bottom: 20px;
    width: 80%;
    margin-left: 10%;
    margin-top: 20px;
  }


  .institution_new_password label
  {
      font-size: 14px;
      margin-bottom: 10px;
  }


  .institution_new_password_input_icon
  {
    /*border: 2px solid red;*/
    height: 36px;
    /*border-radius: 30px;*/
  }


  .institution_new_password_input_icon input
  {
    width: 83%;
    border-radius: 30px;
    padding: 5px 10px 5px 20px;
    /*padding-left: 10px;*/
    font-size: 18px;
    margin-top: 4px;
    height: 20px;
    /*border: solid 2px red;*/
  }


  .institution_new_password i
  {
    font-size: 20px;
    margin-top: 1px;
  }


  .institution_submit_new_password_button input{
    padding: 7px 15px 7px 15px;
    border-radius: 7px;
    font-size: 14px;
    margin-top: 7px;
    margin-right: 10px;
  }


  .back_to_login
  {
    margin-top: 20px;
  }

  .back_to_login a
  {
    font-size: 16px;
    margin-top: 15px;
  }


  .reset_password_stage_3
  {
      margin-top: 15px;
  }


  .reset_password_stage_3 p
  {
      font-size: 20px;
  }
}

@media screen and (min-width:1366px) and (max-width:1439px)
{
  .institution_set_new_password_input
  {
    /*height: 380px;*/
    height: auto;
    width: 70%;
    margin-left: 12%;
    border-radius: 30px;
    margin-top: 70px;
    /*padding-bottom: 5px;*/
  }


  .institution_set_new_password_input_head
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-left: 10%;
    /*border: solid 2px red;*/
    /*text-align: center;*/
  }



  .institution_set_new_password_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 20px;
    /*letter-spacing: 2px;*/
  }


  .institution_set_new_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 11px;
    /*border: solid 2px blue;*/
  }


  .institution_set_new_password_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .institution_set_new_password_input_error_messages .errors
  {
    font-size: 14px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .institution_set_new_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }


  .institution_new_password
  {
    margin-bottom: 20px;
    width: 80%;
    margin-left: 10%;
    margin-top: 20px;
  }


  .institution_new_password label
  {
      font-size: 14px;
      margin-bottom: 10px;
  }


  .institution_new_password_input_icon
  {
    /*border: 2px solid red;*/
    height: 36px;
    /*border-radius: 30px;*/
  }


  .institution_new_password_input_icon input
  {
    width: 82%;
    border-radius: 30px;
    padding: 5px 10px 5px 20px;
    /*padding-left: 10px;*/
    font-size: 18px;
    margin-top: 4px;
    height: 20px;
    /*border: solid 2px red;*/
  }


  .institution_new_password i
  {
    font-size: 18px;
    margin-top: 1px;
  }


  .institution_submit_new_password_button input{
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 7px;
    margin-right: 10px;
  }


  .back_to_login
  {
    margin-top: 10px;
  }

  .back_to_login a
  {
    font-size: 14px;
    margin-top: 15px;
  }


  .reset_password_stage_3
  {
      margin-top: 15px;
  }


  .reset_password_stage_3 p
  {
      font-size: 18px;
  }
}

@media screen and (min-width:1280px) and (max-width:1365px)
{
  .institution_set_new_password_input
  {
    /*height: 380px;*/
    height: auto;
    width: 75%;
    margin-left: 7%;
    border-radius: 30px;
    margin-top: 75px;
    /*padding-bottom: 5px;*/
  }


  .institution_set_new_password_input_head
  {
    padding-top:10px;
    padding-bottom: 0px;
    margin-left: 10%;
    /*border: solid 2px red;*/
    /*text-align: center;*/
  }



  .institution_set_new_password_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 18px;
    /*letter-spacing: 2px;*/
  }


  .institution_set_new_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 10px;
    /*border: solid 2px blue;*/
  }


  .institution_set_new_password_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .institution_set_new_password_input_error_messages .errors
  {
    font-size: 12px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .institution_set_new_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }


  .institution_new_password
  {
    margin-bottom: 15px;
    width: 80%;
    margin-left: 10%;
    margin-top: 5px;
  }


  .institution_new_password label
  {
      font-size: 12px;
      margin-bottom: 10px;
  }


  .institution_new_password_input_icon
  {
    /*border: 2px solid red;*/
    height: 34px;
    /*border-radius: 30px;*/
  }


  .institution_new_password_input_icon input
  {
    width: 83%;
    border-radius: 30px;
    padding: 5px 10px 5px 15px;
    /*padding-left: 10px;*/
    font-size: 15px;
    margin-top: 4px;
    height: 17px;
    /*border: solid 2px red;*/
  }


  .institution_new_password i
  {
    font-size: 16px;
    margin-top: 4px;
  }


  .institution_submit_new_password_button input{
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 7px;
    margin-right: 10px;
  }


  .back_to_login
  {
    margin-top: 10px;
  }

  .back_to_login a
  {
    font-size: 14px;
    margin-top: 15px;
  }


  .reset_password_stage_3
  {
      margin-top: 15px;
  }


  .reset_password_stage_3 p
  {
      font-size: 17px;
  }
}

@media screen and (min-width:1024px) and (max-width:1279px)
{
  .institution_set_new_password_input
  {
    /*height: 380px;*/
    height: auto;
    width: 78%;
    margin-left: 7%;
    border-radius: 30px;
    margin-top: 95px;
    /*padding-bottom: 5px;*/
  }


  .institution_set_new_password_input_head
  {
    padding-top:10px;
    padding-bottom: 0px;
    margin-left: 10%;
    /*border: solid 2px pink;*/
    /*text-align: center;*/
  }



  .institution_set_new_password_input_head p:nth-child(1)
  {
    padding-top: 10px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 17px;
    /*border: solid 2px blue;*/
    /*letter-spacing: 2px;*/
  }


  .institution_set_new_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-size: 9px;
    /*border: solid 2px blue;*/
  }


  .institution_set_new_password_input_error_messages
  {
    margin-top: 15px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .institution_set_new_password_input_error_messages .errors
  {
    font-size: 12px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .institution_set_new_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }


  .institution_new_password
  {
    margin-bottom: 10px;
    width: 80%;
    margin-left: 10%;
    margin-top: 5px;
  }


  .institution_new_password label
  {
      font-size: 12px;
      margin-bottom: 6px;
  }


  .institution_new_password_input_icon
  {
    /*border: 2px solid red;*/
    height: 33px;
    /*border-radius: 30px;*/
  }


  .institution_new_password_input_icon input
  {
    width: 80%;
    border-radius: 30px;
    padding: 5px 10px 5px 15px;
    /*padding-left: 10px;*/
    font-size: 14px;
    margin-top: 4px;
    height: 16px;
    /*border: solid 2px red;*/
  }


  .institution_new_password i
  {
    font-size: 16px;
    margin-top: 5px;
  }


  .institution_submit_new_password_button input{
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 7px;
    margin-right: 10px;
  }


  .back_to_login
  {
    margin-top: 10px;
  }

  .back_to_login a
  {
    font-size: 13px;
    margin-top: 15px;
  }


  .reset_password_stage_3
  {
      margin-top: 0px;
  }


  .reset_password_stage_3 p
  {
      font-size: 17px;
  }
}

@media screen and (min-width:990px) and (max-width:1023px)
{
  .institution_set_new_password_input
  {
    /*height: 380px;*/
    height: auto;
    width: 78%;
    margin-left: 7%;
    border-radius: 30px;
    margin-top: 110px;
    /*padding-bottom: 5px;*/
  }


  .institution_set_new_password_input_head
  {
    padding-top:10px;
    padding-bottom: 0px;
    margin-left: 10%;
    /*border: solid 2px pink;*/
    /*text-align: center;*/
  }



  .institution_set_new_password_input_head p:nth-child(1)
  {
    padding-top: 10px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 16px;
    /*border: solid 2px blue;*/
    /*letter-spacing: 2px;*/
  }


  .institution_set_new_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-size: 10px;
    /*border: solid 2px blue;*/
  }


  .institution_set_new_password_input_error_messages
  {
    margin-top: 15px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .institution_set_new_password_input_error_messages .errors
  {
    font-size: 11px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .institution_set_new_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }


  .institution_new_password
  {
    margin-bottom: 10px;
    width: 80%;
    margin-left: 10%;
    margin-top: 5px;
  }


  .institution_new_password label
  {
      font-size: 11px;
      margin-bottom: 6px;
  }


  .institution_new_password_input_icon
  {
    /*border: 2px solid red;*/
    height: 31px;
    /*border-radius: 30px;*/
  }


  .institution_new_password_input_icon input
  {
    width: 80%;
    border-radius: 30px;
    padding: 5px 10px 5px 15px;
    /*padding-left: 10px;*/
    font-size: 14px;
    margin-top: 4px;
    height: 16px;
    /*border: solid 2px red;*/
  }


  .institution_new_password i
  {
    font-size: 16px;
    margin-top: 4px;
  }


  .institution_submit_new_password_button input{
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 11px;
    margin-top: 7px;
    margin-right: 10px;
  }


  .back_to_login
  {
    margin-top: 5px;
  }

  .back_to_login a
  {
    font-size: 13px;
    margin-top: 15px;
  }


  .reset_password_stage_3
  {
      margin-top: 0px;
  }


  .reset_password_stage_3 p
  {
      font-size: 16px;
  }
}

@media screen and (min-width:820px) and (max-width:989px)
{
  .institution_set_new_password_input
  {
    /*height: 380px;*/
    height: auto;
    width: 75%;
    margin-left: 12.5%;
    border-radius: 30px;
    margin-top: 95px;
    /*padding-bottom: 5px;*/
  }


  .institution_set_new_password_input_head
  {
    padding-top:20px;
    padding-bottom: 0px;
    margin-left: 10%;
    /*border: solid 2px pink;*/
    /*text-align: center;*/
  }



  .institution_set_new_password_input_head p:nth-child(1)
  {
    padding-top: 10px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 20px;
    /*border: solid 2px blue;*/
    /*letter-spacing: 2px;*/
  }


  .institution_set_new_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-size: 12px;
    /*border: solid 2px blue;*/
  }


  .institution_set_new_password_input_error_messages
  {
    margin-top: 15px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .institution_set_new_password_input_error_messages .errors
  {
    font-size: 14px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .institution_set_new_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }


  .institution_new_password
  {
    margin-bottom: 10px;
    width: 80%;
    margin-left: 10%;
    margin-top: 5px;
  }


  .institution_new_password label
  {
      font-size: 14px;
      margin-bottom: 6px;
  }


  .institution_new_password_input_icon
  {
    /*border: 2px solid red;*/
    height: 35px;
    /*border-radius: 30px;*/
  }


  .institution_new_password_input_icon input
  {
    width: 85%;
    border-radius: 30px;
    padding: 5px 10px 5px 20px;
    /*padding-left: 10px;*/
    font-size: 16px;
    margin-top: 4px;
    height: 18px;
    /*border: solid 2px red;*/
  }


  .institution_new_password i
  {
    font-size: 16px;
    margin-top: 4px;
  }


  .institution_submit_new_password_button input{
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 11px;
    margin-top: 7px;
    margin-right: 10px;
  }


  .back_to_login
  {
    margin-top: 5px;
  }

  .back_to_login a
  {
    font-size: 14px;
    margin-top: 15px;
  }


  .reset_password_stage_3
  {
      margin-top: 0px;
  }


  .reset_password_stage_3 p
  {
      font-size: 18px;
  }
}

@media screen and (min-width:800px) and (max-width:819px)
{
  .institution_set_new_password_input
  {
    /*height: 380px;*/
    height: auto;
    width: 70%;
    margin-left: 15%;
    border-radius: 30px;
    margin-top: 95px;
    /*padding-bottom: 5px;*/
  }


  .institution_set_new_password_input_head
  {
    padding-top:30px;
    padding-bottom: 0px;
    margin-left: 10%;
    /*border: solid 2px pink;*/
    /*text-align: center;*/
  }



  .institution_set_new_password_input_head p:nth-child(1)
  {
    padding-top: 10px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 20px;
    /*border: solid 2px blue;*/
    /*letter-spacing: 2px;*/
  }


  .institution_set_new_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-size: 12px;
    /*border: solid 2px blue;*/
  }


  .institution_set_new_password_input_error_messages
  {
    margin-top: 15px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .institution_set_new_password_input_error_messages .errors
  {
    font-size: 14px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .institution_set_new_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }


  .institution_new_password
  {
    margin-bottom: 10px;
    width: 80%;
    margin-left: 10%;
    margin-top: 5px;
  }


  .institution_new_password label
  {
      font-size: 14px;
      margin-bottom: 6px;
  }


  .institution_new_password_input_icon
  {
    /*border: 2px solid red;*/
    height: 35px;
    /*border-radius: 30px;*/
  }


  .institution_new_password_input_icon input
  {
    width: 84%;
    border-radius: 30px;
    padding: 6px 15px 6px 15px;
    /*padding-left: 10px;*/
    font-size: 16px;
    margin-top: 4px;
    height: 18px;
    /*border: solid 2px red;*/
  }


  .institution_new_password i
  {
    font-size: 16px;
    margin-top: 4px;
  }


  .institution_submit_new_password_button input{
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 11px;
    margin-top: 7px;
    margin-right: 10px;
  }


  .back_to_login
  {
    margin-top: 5px;
  }

  .back_to_login a
  {
    font-size: 14px;
    margin-top: 15px;
  }


  .reset_password_stage_3
  {
      margin-top: 0px;
  }


  .reset_password_stage_3 p
  {
      font-size: 18px;
  }
}

@media screen and (min-width:768px) and (max-width:799px)
{
  .institution_set_new_password_input
  {
    /*height: 380px;*/
    height: auto;
    width: 70%;
    margin-left: 15%;
    border-radius: 30px;
    margin-top: 95px;
    /*padding-bottom: 5px;*/
  }


  .institution_set_new_password_input_head
  {
    padding-top:30px;
    padding-bottom: 0px;
    margin-left: 10%;
    /*border: solid 2px pink;*/
    /*text-align: center;*/
  }



  .institution_set_new_password_input_head p:nth-child(1)
  {
    padding-top: 10px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 20px;
    /*border: solid 2px blue;*/
    /*letter-spacing: 2px;*/
  }


  .institution_set_new_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-size: 12px;
    /*border: solid 2px blue;*/
  }


  .institution_set_new_password_input_error_messages
  {
    margin-top: 15px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .institution_set_new_password_input_error_messages .errors
  {
    font-size: 14px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .institution_set_new_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }


  .institution_new_password
  {
    margin-bottom: 10px;
    width: 80%;
    margin-left: 10%;
    margin-top: 5px;
  }


  .institution_new_password label
  {
      font-size: 14px;
      margin-bottom: 6px;
  }


  .institution_new_password_input_icon
  {
    /*border: 2px solid red;*/
    height: 35px;
    /*border-radius: 30px;*/
  }


  .institution_new_password_input_icon input
  {
    width: 83%;
    border-radius: 30px;
    padding: 6px 15px 6px 15px;
    /*padding-left: 10px;*/
    font-size: 16px;
    margin-top: 4px;
    height: 18px;
    /*border: solid 2px red;*/
  }


  .institution_new_password i
  {
    font-size: 16px;
    margin-top: 4px;
  }


  .institution_submit_new_password_button input{
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 11px;
    margin-top: 7px;
    margin-right: 10px;
  }


  .back_to_login
  {
    margin-top: 5px;
  }

  .back_to_login a
  {
    font-size: 14px;
    margin-top: 15px;
  }


  .reset_password_stage_3
  {
      margin-top: 5px;
  }


  .reset_password_stage_3 p
  {
      font-size: 18px;
  }
}

@media screen and (min-width:670px) and (max-width:767px)
{
  .institution_set_new_password_input
  {
    /*height: 380px;*/
    height: auto;
    width: 70%;
    margin-left: 15%;
    border-radius: 30px;
    margin-top: 95px;
    /*padding-bottom: 5px;*/
  }


  .institution_set_new_password_input_head
  {
    padding-top:30px;
    padding-bottom: 0px;
    margin-left: 10%;
    /*border: solid 2px pink;*/
    /*text-align: center;*/
  }



  .institution_set_new_password_input_head p:nth-child(1)
  {
    padding-top: 10px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 20px;
    /*border: solid 2px blue;*/
    /*letter-spacing: 2px;*/
  }


  .institution_set_new_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-size: 11px;
    /*border: solid 2px blue;*/
  }


  .institution_set_new_password_input_error_messages
  {
    margin-top: 15px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .institution_set_new_password_input_error_messages .errors
  {
    font-size: 12px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .institution_set_new_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }


  .institution_new_password
  {
    margin-bottom: 10px;
    width: 80%;
    margin-left: 10%;
    margin-top: 5px;
  }


  .institution_new_password label
  {
      font-size: 14px;
      margin-bottom: 6px;
  }


  .institution_new_password_input_icon
  {
    /*border: 2px solid red;*/
    height: 35px;
    /*border-radius: 30px;*/
  }


  .institution_new_password_input_icon input
  {
    width: 82%;
    border-radius: 30px;
    padding: 6px 15px 6px 15px;
    /*padding-left: 10px;*/
    font-size: 16px;
    margin-top: 4px;
    height: 18px;
    /*border: solid 2px red;*/
  }


  .institution_new_password i
  {
    font-size: 16px;
    margin-top: 4px;
  }


  .institution_submit_new_password_button input{
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 11px;
    margin-top: 7px;
    margin-right: 10px;
  }


  .back_to_login
  {
    margin-top: 5px;
  }

  .back_to_login a
  {
    font-size: 14px;
    margin-top: 15px;
  }


  .reset_password_stage_3
  {
      margin-top: 5px;
  }


  .reset_password_stage_3 p
  {
      font-size: 17px;
  }
}

@media screen and (min-width:590px) and (max-width:669px)
{
  .institution_set_new_password_input
  {
    /*height: 380px;*/
    height: auto;
    width: 70%;
    margin-left: 15%;
    border-radius: 30px;
    margin-top: 95px;
    /*padding-bottom: 5px;*/
  }


  .institution_set_new_password_input_head
  {
    padding-top:30px;
    padding-bottom: 0px;
    margin-left: 10%;
    /*border: solid 2px pink;*/
    /*text-align: center;*/
  }



  .institution_set_new_password_input_head p:nth-child(1)
  {
    padding-top: 10px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 18px;
    /*border: solid 2px blue;*/
    /*letter-spacing: 2px;*/
  }


  .institution_set_new_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-size: 10px;
    /*border: solid 2px blue;*/
  }


  .institution_set_new_password_input_error_messages
  {
    margin-top: 15px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .institution_set_new_password_input_error_messages .errors
  {
    font-size: 11px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .institution_set_new_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }


  .institution_new_password
  {
    margin-bottom: 10px;
    width: 80%;
    margin-left: 10%;
    margin-top: 5px;
  }


  .institution_new_password label
  {
      font-size: 14px;
      margin-bottom: 6px;
  }


  .institution_new_password_input_icon
  {
    /*border: 2px solid red;*/
    height: 35px;
    /*border-radius: 30px;*/
  }


  .institution_new_password_input_icon input
  {
    width: 79%;
    border-radius: 30px;
    padding: 6px 15px 6px 15px;
    /*padding-left: 10px;*/
    font-size: 14px;
    margin-top: 4px;
    height: 12px;
    /*border: solid 2px red;*/
  }


  .institution_new_password i
  {
    font-size: 15px;
    margin-top: 4px;
  }


  .institution_submit_new_password_button input{
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 7px;
    margin-right: 10px;
  }


  .back_to_login
  {
    margin-top: 5px;
  }

  .back_to_login a
  {
    font-size: 14px;
    margin-top: 15px;
  }


  .reset_password_stage_3
  {
      margin-top: 5px;
  }


  .reset_password_stage_3 p
  {
      font-size: 17px;
  }
}

@media screen and (min-width:500px) and (max-width:589px)
{
  .institution_set_new_password_input
  {
    /*height: 380px;*/
    height: auto;
    width: 70%;
    margin-left: 15%;
    border-radius: 30px;
    margin-top: 95px;
    /*padding-bottom: 5px;*/
  }


  .institution_set_new_password_input_head
  {
    padding-top:30px;
    padding-bottom: 0px;
    margin-left: 10%;
    /*border: solid 2px pink;*/
    /*text-align: center;*/
  }



  .institution_set_new_password_input_head p:nth-child(1)
  {
    padding-top: 10px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 17px;
    /*border: solid 2px blue;*/
    /*letter-spacing: 2px;*/
  }


  .institution_set_new_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-size: 9px;
    /*border: solid 2px blue;*/
  }


  .institution_set_new_password_input_error_messages
  {
    margin-top: 15px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .institution_set_new_password_input_error_messages .errors
  {
    font-size: 11px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .institution_set_new_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }


  .institution_new_password
  {
    margin-bottom: 10px;
    width: 80%;
    margin-left: 10%;
    margin-top: 5px;
  }


  .institution_new_password label
  {
      font-size: 11px;
      margin-bottom: 6px;
  }


  .institution_new_password_input_icon
  {
    /*border: 2px solid red;*/
    height: 35px;
    /*border-radius: 30px;*/
  }


  .institution_new_password_input_icon input
  {
    width: 75%;
    border-radius: 30px;
    padding: 6px 15px 6px 15px;
    /*padding-left: 10px;*/
    font-size: 14px;
    margin-top: 4px;
    height: 12px;
    /*border: solid 2px red;*/
  }


  .institution_new_password i
  {
    font-size: 15px;
    margin-top: 4px;
  }


  .institution_submit_new_password_button input{
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 7px;
    margin-right: 10px;
  }


  .back_to_login
  {
    margin-top: 5px;
  }

  .back_to_login a
  {
    font-size: 13px;
    margin-top: 15px;
  }


  .reset_password_stage_3
  {
      margin-top: 5px;
  }


  .reset_password_stage_3 p
  {
      font-size: 16px;
  }
}

@media screen and (min-width:460px) and (max-width:499px)
{
  .institution_set_new_password_input
  {
    /*height: 380px;*/
    height: auto;
    width: 70%;
    margin-left: 15%;
    border-radius: 30px;
    margin-top: 95px;
    /*padding-bottom: 5px;*/
  }


  .institution_set_new_password_input_head
  {
    padding-top:30px;
    padding-bottom: 0px;
    margin-left: 10%;
    /*border: solid 2px pink;*/
    /*text-align: center;*/
  }



  .institution_set_new_password_input_head p:nth-child(1)
  {
    padding-top: 10px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 17px;
    /*border: solid 2px blue;*/
    /*letter-spacing: 2px;*/
  }


  .institution_set_new_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-size: 9px;
    /*border: solid 2px blue;*/
  }


  .institution_set_new_password_input_error_messages
  {
    margin-top: 15px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .institution_set_new_password_input_error_messages .errors
  {
    font-size: 10px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .institution_set_new_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }


  .institution_new_password
  {
    margin-bottom: 10px;
    width: 80%;
    margin-left: 10%;
    margin-top: 5px;
  }


  .institution_new_password label
  {
      font-size: 11px;
      margin-bottom: 6px;
  }


  .institution_new_password_input_icon
  {
    /*border: 2px solid red;*/
    height: 33px;
    /*border-radius: 30px;*/
  }


  .institution_new_password_input_icon input
  {
    width: 75%;
    border-radius: 30px;
    padding: 6px 15px 6px 15px;
    /*padding-left: 10px;*/
    font-size: 13px;
    margin-top: 4px;
    height: 12px;
    /*border: solid 2px red;*/
  }


  .institution_new_password i
  {
    font-size: 15px;
    margin-top: 4px;
  }


  .institution_submit_new_password_button input{
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 7px;
    margin-right: 10px;
  }


  .back_to_login
  {
    margin-top: 5px;
  }

  .back_to_login a
  {
    font-size: 12px;
    margin-top: 15px;
  }


  .reset_password_stage_3
  {
      margin-top: 5px;
  }


  .reset_password_stage_3 p
  {
      font-size: 16px;
  }
}

@media screen and (min-width:425px) and (max-width:459px)
{
  .institution_set_new_password_input
  {
    /*height: 380px;*/
    height: auto;
    width: 70%;
    margin-left: 15%;
    border-radius: 30px;
    margin-top: 95px;
    /*padding-bottom: 5px;*/
  }


  .institution_set_new_password_input_head
  {
    padding-top:30px;
    padding-bottom: 0px;
    margin-left: 10%;
    /*border: solid 2px pink;*/
    /*text-align: center;*/
  }



  .institution_set_new_password_input_head p:nth-child(1)
  {
    padding-top: 10px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 16px;
    /*border: solid 2px blue;*/
    /*letter-spacing: 2px;*/
  }


  .institution_set_new_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-size: 8px;
    /*border: solid 2px blue;*/
  }


  .institution_set_new_password_input_error_messages
  {
    margin-top: 15px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .institution_set_new_password_input_error_messages .errors
  {
    font-size: 10px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .institution_set_new_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }


  .institution_new_password
  {
    margin-bottom: 10px;
    width: 80%;
    margin-left: 10%;
    margin-top: 5px;
  }


  .institution_new_password label
  {
      font-size: 11px;
      margin-bottom: 6px;
  }


  .institution_new_password_input_icon
  {
    /*border: 2px solid red;*/
    height: 32px;
    /*border-radius: 30px;*/
  }


  .institution_new_password_input_icon input
  {
    width: 70%;
    border-radius: 30px;
    padding: 6px 15px 6px 15px;
    /*padding-left: 10px;*/
    font-size: 13px;
    margin-top: 4px;
    height: 12px;
    /*border: solid 2px red;*/
  }


  .institution_new_password i
  {
    font-size: 15px;
    margin-top: 4px;
  }


  .institution_submit_new_password_button input{
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 7px;
    margin-right: 10px;
  }


  .back_to_login
  {
    margin-top: 5px;
  }

  .back_to_login a
  {
    font-size: 12px;
    margin-top: 15px;
  }


  .reset_password_stage_3
  {
      margin-top: 5px;
  }


  .reset_password_stage_3 p
  {
      font-size: 15px;
  }
}

@media screen and (min-width:400px) and (max-width:424px)
{
  .institution_set_new_password_input
  {
    /*height: 380px;*/
    height: auto;
    width: 70%;
    margin-left: 15%;
    border-radius: 30px;
    margin-top: 95px;
    /*padding-bottom: 5px;*/
  }


  .institution_set_new_password_input_head
  {
    padding-top:30px;
    padding-bottom: 0px;
    margin-left: 10%;
    /*border: solid 2px pink;*/
    /*text-align: center;*/
  }



  .institution_set_new_password_input_head p:nth-child(1)
  {
    padding-top: 10px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 16px;
    /*border: solid 2px blue;*/
    /*letter-spacing: 2px;*/
  }


  .institution_set_new_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-size: 8px;
    /*border: solid 2px blue;*/
  }


  .institution_set_new_password_input_error_messages
  {
    margin-top: 15px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .institution_set_new_password_input_error_messages .errors
  {
    font-size: 9px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .institution_set_new_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }


  .institution_new_password
  {
    margin-bottom: 10px;
    width: 80%;
    margin-left: 10%;
    margin-top: 5px;
  }


  .institution_new_password label
  {
      font-size: 11px;
      margin-bottom: 6px;
  }


  .institution_new_password_input_icon
  {
    /*border: 2px solid red;*/
    height: 32px;
    /*border-radius: 30px;*/
  }


  .institution_new_password_input_icon input
  {
    width: 70%;
    border-radius: 30px;
    padding: 6px 15px 6px 15px;
    /*padding-left: 10px;*/
    font-size: 13px;
    margin-top: 4px;
    height: 12px;
    /*border: solid 2px red;*/
  }


  .institution_new_password i
  {
    font-size: 15px;
    margin-top: 3px;
  }


  .institution_submit_new_password_button input{
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 7px;
    margin-right: 10px;
  }


  .back_to_login
  {
    margin-top: 5px;
  }

  .back_to_login a
  {
    font-size: 12px;
    margin-top: 15px;
  }


  .reset_password_stage_3
  {
      margin-top: 5px;
  }


  .reset_password_stage_3 p
  {
      font-size: 15px;
  }
}

@media screen and (min-width:375px) and (max-width:399px)
{
  .institution_set_new_password_input
  {
    /*height: 380px;*/
    height: auto;
    width: 70%;
    margin-left: 15%;
    border-radius: 30px;
    margin-top: 95px;
    /*padding-bottom: 5px;*/
  }


  .institution_set_new_password_input_head
  {
    padding-top:30px;
    padding-bottom: 0px;
    margin-left: 10%;
    /*border: solid 2px pink;*/
    /*text-align: center;*/
  }



  .institution_set_new_password_input_head p:nth-child(1)
  {
    padding-top: 10px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 16px;
    /*border: solid 2px blue;*/
    /*letter-spacing: 2px;*/
  }


  .institution_set_new_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-size: 8px;
    /*border: solid 2px blue;*/
  }


  .institution_set_new_password_input_error_messages
  {
    margin-top: 15px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .institution_set_new_password_input_error_messages .errors
  {
    font-size: 9px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .institution_set_new_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }


  .institution_new_password
  {
    margin-bottom: 10px;
    width: 80%;
    margin-left: 10%;
    margin-top: 5px;
  }


  .institution_new_password label
  {
      font-size: 10px;
      margin-bottom: 6px;
  }


  .institution_new_password_input_icon
  {
    /*border: 2px solid red;*/
    height: 32px;
    /*border-radius: 30px;*/
  }


  .institution_new_password_input_icon input
  {
    width: 70%;
    border-radius: 30px;
    padding: 6px 15px 6px 15px;
    /*padding-left: 10px;*/
    font-size: 13px;
    margin-top: 4px;
    height: 12px;
    /*border: solid 2px red;*/
  }


  .institution_new_password i
  {
    font-size: 15px;
    margin-top: 4px;
  }


  .institution_submit_new_password_button input{
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 7px;
    margin-right: 10px;
  }


  .back_to_login
  {
    margin-top: 5px;
  }

  .back_to_login a
  {
    font-size: 12px;
    margin-top: 15px;
  }


  .reset_password_stage_3
  {
      margin-top: 5px;
  }


  .reset_password_stage_3 p
  {
      font-size: 15px;
  }
}

@media screen and (min-width:300px) and (max-width:374px)
{
  .institution_set_new_password_input
  {
    /*height: 380px;*/
    height: auto;
    width: 90%;
    margin-left: 10%;
    border-radius: 30px;
    margin-top: 95px;
    /*padding-bottom: 5px;*/
  }


  .institution_set_new_password_input_head
  {
    padding-top:30px;
    padding-bottom: 0px;
    margin-left: 10%;
    /*border: solid 2px pink;*/
    /*text-align: center;*/
  }



  .institution_set_new_password_input_head p:nth-child(1)
  {
    padding-top: 10px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 14px;
    /*border: solid 2px blue;*/
    /*letter-spacing: 2px;*/
  }


  .institution_set_new_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-size: 8px;
    /*border: solid 2px blue;*/
  }


  .institution_set_new_password_input_error_messages
  {
    margin-top: 15px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .institution_set_new_password_input_error_messages .errors
  {
    font-size: 10px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .institution_set_new_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }


  .institution_new_password
  {
    margin-bottom: 10px;
    width: 80%;
    margin-left: 10%;
    margin-top: 5px;
  }


  .institution_new_password label
  {
      font-size: 10px;
      margin-bottom: 6px;
  }


  .institution_new_password_input_icon
  {
    /*border: 2px solid red;*/
    height: 30px;
    /*border-radius: 30px;*/
  }


  .institution_new_password_input_icon input
  {
    width: 70%;
    border-radius: 30px;
    padding: 6px 15px 6px 15px;
    /*padding-left: 10px;*/
    font-size: 13px;
    margin-top: 4px;
    height: 12px;
    /*border: solid 2px red;*/
  }


  .institution_new_password i
  {
    font-size: 15px;
    margin-top: 3px;
  }


  .institution_submit_new_password_button input{
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 7px;
    margin-right: 10px;
  }


  .back_to_login
  {
    margin-top: 5px;
  }

  .back_to_login a
  {
    font-size: 12px;
    margin-top: 15px;
  }


  .reset_password_stage_3
  {
      margin-top: 5px;
  }


  .reset_password_stage_3 p
  {
      font-size: 15px;
  }
}

@media screen and (min-width:200px) and (max-width:299px)
{
  .institution_set_new_password_input
  {
    /*height: 380px;*/
    height: auto;
    width: 100%;
    margin-left: 8.5%;
    border-radius: 30px;
    margin-top: 95px;
    /*padding-bottom: 5px;*/
  }


  .institution_set_new_password_input_head
  {
    padding-top:30px;
    padding-bottom: 0px;
    margin-left: 10%;
    /*border: solid 2px pink;*/
    /*text-align: center;*/
  }



  .institution_set_new_password_input_head p:nth-child(1)
  {
    padding-top: 10px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 14px;
    /*border: solid 2px blue;*/
    /*letter-spacing: 2px;*/
  }


  .institution_set_new_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-size: 8px;
    /*border: solid 2px blue;*/
  }


  .institution_set_new_password_input_error_messages
  {
    margin-top: 15px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .institution_set_new_password_input_error_messages .errors
  {
    font-size: 10px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .institution_set_new_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }


  .institution_new_password
  {
    margin-bottom: 10px;
    width: 80%;
    margin-left: 10%;
    margin-top: 5px;
  }


  .institution_new_password label
  {
      font-size: 10px;
      margin-bottom: 6px;
  }


  .institution_new_password_input_icon
  {
    /*border: 2px solid red;*/
    height: 30px;
    /*border-radius: 30px;*/
  }


  .institution_new_password_input_icon input
  {
    width: 62%;
    border-radius: 30px;
    padding: 6px 15px 6px 15px;
    /*padding-left: 10px;*/
    font-size: 13px;
    margin-top: 4px;
    height: 12px;
    /*border: solid 2px red;*/
  }


  .institution_new_password i
  {
    font-size: 12px;
    margin-top: 3px;
  }


  .institution_submit_new_password_button input{
    padding: 6px 10px 6px 10px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 7px;
    margin-right: 10px;
  }


  .back_to_login
  {
    margin-top: 5px;
  }

  .back_to_login a
  {
    font-size: 11px;
    margin-top: 15px;
  }


  .reset_password_stage_3
  {
      margin-top: 5px;
  }


  .reset_password_stage_3 p
  {
      font-size: 15px;
  }
}

@media screen and (min-width:100px) and (max-width:199px)
{
  .institution_set_new_password_input
  {
    /*height: 380px;*/
    height: auto;
    width: 100%;
    margin-left: 8.5%;
    border-radius: 30px;
    margin-top: 95px;
    /*padding-bottom: 5px;*/
  }


  .institution_set_new_password_input_head
  {
    padding-top:30px;
    padding-bottom: 0px;
    margin-left: 10%;
    /*border: solid 2px pink;*/
    /*text-align: center;*/
  }



  .institution_set_new_password_input_head p:nth-child(1)
  {
    padding-top: 10px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 14px;
    /*border: solid 2px blue;*/
    /*letter-spacing: 2px;*/
  }


  .institution_set_new_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-size: 8px;
    /*border: solid 2px blue;*/
  }


  .institution_set_new_password_input_error_messages
  {
    margin-top: 15px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .institution_set_new_password_input_error_messages .errors
  {
    font-size: 10px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .institution_set_new_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }


  .institution_new_password
  {
    margin-bottom: 10px;
    width: 80%;
    margin-left: 10%;
    margin-top: 5px;
  }


  .institution_new_password label
  {
      font-size: 10px;
      margin-bottom: 6px;
  }


  .institution_new_password_input_icon
  {
    /*border: 2px solid red;*/
    height: 30px;
    /*border-radius: 30px;*/
  }


  .institution_new_password_input_icon input
  {
    width: 62%;
    border-radius: 30px;
    padding: 6px 15px 6px 15px;
    /*padding-left: 10px;*/
    font-size: 13px;
    margin-top: 4px;
    height: 12px;
    /*border: solid 2px red;*/
  }


  .institution_new_password i
  {
    font-size: 12px;
    margin-top: 3px;
  }


  .institution_submit_new_password_button input{
    padding: 6px 10px 6px 10px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 7px;
    margin-right: 10px;
  }


  .back_to_login
  {
    margin-top: 5px;
  }

  .back_to_login a
  {
    font-size: 11px;
    margin-top: 15px;
  }


  .reset_password_stage_3
  {
      margin-top: 5px;
  }


  .reset_password_stage_3 p
  {
      font-size: 15px;
  }
}


/**************************************************************** Teacher Set New password **********************************************/

.teacher_set_new_password_input
{
  /*height: 380px;*/
  height: auto;
  width: 60%;
  margin-left: 12%;
  border-radius: 30px;
  background-color: #000000A5;
  font-family: Montserrat;
  margin-top: 95px;
}

.teacher_set_new_password_input_head
{
  padding-top: 5px;
  padding-bottom: 5px;
  margin-left: 45px;
}

.teacher_set_new_password_input_head p:nth-child(1)
{
  text-align: left;
  color: white;
  padding-top: 20px;
  padding-bottom: 0px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight:bold;
  letter-spacing: 2px;
}

.teacher_set_new_password_input_head p:nth-child(2)
{
  color: #FFFFFF;
  font-size: 12px;
  margin-top: 0px;
}

.teacher_set_new_password_input_error_messages
{
  margin-top: 20px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.teacher_set_new_password_input_error_messages .errors
{
  font-size: 12px;
  margin-left: 0px;
}

.teacher_set_new_password_input_error_messages .errors li
{
  margin-bottom: 10px;
}


.teacher_new_password
{
  margin-bottom: 20px;
  width: 80%;
  margin-left: 45px;
}

.teacher_new_password label
{
    font-size: 12px;
    margin-bottom: 10px;
}

.teacher_new_password_input_icon
{
  display: flex;
  /*border: 2px solid red;*/
  height: 25px;
  background: white;
  border-radius: 30px;
}


.teacher_new_password_input_icon input
{
  outline: none;
  border: none;
  width: 90%;
  padding-left: 10px;
  font-size: 13px;
  /*border: 2px solid red;*/
  border-radius: 15px;
}

.teacher_new_password i
{
  font-size: 14px;
  margin-top: 4px;
}

.teacher_submit_new_password_button {
  text-align: center;
  display: flex;
  /*border: solid 2px black;*/
  justify-content:center;

}

.teacher_submit_new_password_button input{
  padding: 5px 5px 5px 5px;
  border-radius: 3px;
  font-size: 12px;
  margin-top: 0px;
  background-color: #D99E30;
  color: #FFFFFF;
  font-family: Montserrat;
  text-transform: uppercase;
  margin-right: 10px;
  outline: none;
  border: none;
  margin-bottom: 10px;
}

.teacher_submit_new_password_button input:hover{
  font-weight: bold;
  cursor:pointer;
}

.teacher_new_password_back_to_login
{
  margin-top: 15px;
  text-align: center;
}

.teacher_new_password_back_to_login a
{
  text-decoration: none;
  color: #FFFFFF;
  padding: 5px 10px 5px 10px;
  border-radius: 3px;
  margin-top: 15px;
  font-size: 12px;
}


/********************************************************** Teacher Set New password Responsive Pages **********************************************/

@media screen and (min-width:2550px) and (max-width:3439px)
{
  .teacher_set_new_password_input
  {
    /*height: 380px;*/
    height: auto;
    width: 70%;
    margin-left: 10%;
    border-radius: 50px;
    margin-top: 120px;
    /*padding-bottom: 5px;*/
  }


  .teacher_set_new_password_input_head
  {
    padding-top: 60px;
    padding-bottom: 0px;
    margin-left: 10%;
    /*border: solid 2px red;*/
    /*text-align: center;*/
  }



  .teacher_set_new_password_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 20px;
    font-size: 36px;
    /*letter-spacing: 2px;*/
  }


  .teacher_set_new_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-size: 20px;
    /*border: solid 2px blue;*/
  }


  .teacher_set_new_password_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    width: 80%;
  }

  .teacher_set_new_password_input_error_messages .errors
  {
    font-size: 20px;
    margin-left: 0px;
    margin-bottom: 0px;
  }

  .teacher_set_new_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }


  .teacher_new_password
  {
    margin-bottom: 20px;
    width: 80%;
    margin-left: 10%;
    margin-top: 40px;
  }


  .teacher_new_password label
  {
      font-size: 22px;
      margin-bottom: 10px;
  }


  .teacher_new_password_input_icon
  {
    /*border: 2px solid red;*/
    height: 60px;
    border-radius: 30px;
  }


  .teacher_new_password_input_icon input
  {
    width: 87%;
    border-radius: 30px;
    padding: 5px 5px 5px 25px;
    /*padding-left: 10px;*/
    font-size: 28px;
    height: 42px;
    margin-top: 3px;
    /*border: solid 2px red;*/
  }


  .teacher_new_password i
  {
    font-size: 34px;
    margin-top: 5px;
  }



  .teacher_submit_new_password_button {
    text-align: center;
    display: flex;
    /*border: solid 2px black;*/
    justify-content:center;

  }


  .teacher_submit_new_password_button input{
    padding: 20px 30px 20px 30px;
    border-radius: 10px;
    font-size: 24px;
    margin-top: 15px;
    margin-right: 10px;
  }


  .teacher_new_password_back_to_login
  {
    margin-top: 65px;
  }

  .teacher_new_password_back_to_login a
  {
    font-size: 24px;
    margin-top: 15px;
  }


  .reset_password_stage_3
  {
      margin-top: 20px;
  }


  .reset_password_stage_3 p
  {
      font-size: 28px;
  }

}

@media screen and (min-width:1920px) and (max-width:2549px)
{
  .teacher_set_new_password_input
  {
    /*height: 380px;*/
    height: auto;
    width: 70%;
    margin-left: 10%;
    border-radius: 50px;
    margin-top: 40px;
    /*padding-bottom: 5px;*/
  }


  .teacher_set_new_password_input_head
  {
    padding-top: 30px;
    padding-bottom: 0px;
    margin-left: 10%;
    /*border: solid 2px red;*/
    /*text-align: center;*/
  }



  .teacher_set_new_password_input_head p:nth-child(1)
  {
    padding-top: 26px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 28px;
    /*letter-spacing: 2px;*/
  }


  .teacher_set_new_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 15px;
    /*border: solid 2px blue;*/
  }


  .teacher_set_new_password_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .teacher_set_new_password_input_error_messages .errors
  {
    font-size: 16px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .teacher_set_new_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }


  .teacher_new_password
  {
    margin-bottom: 20px;
    width: 80%;
    margin-left: 10%;
    margin-top: 20px;
  }


  .teacher_new_password label
  {
      font-size: 18px;
      margin-bottom: 10px;
  }


  .teacher_new_password_input_icon
  {
    /*border: 2px solid red;*/
    height: 45px;
    border-radius: 30px;
  }


  .teacher_new_password_input_icon input
  {
    width: 84%;
    border-radius: 20px;
    padding: 5px 10px 5px 20px;
    /*padding-left: 10px;*/
    font-size: 20px;
    margin-top: 2px;
    height: 32px;
    /*border: solid 2px red;*/
  }


  .teacher_new_password i
  {
    font-size: 28px;
    margin-top: 3px;
  }


  .teacher_submit_new_password_button {
    text-align: center;
    display: flex;
    /*border: solid 2px black;*/
    justify-content:center;

  }


  .teacher_submit_new_password_button input{
    padding: 15px 20px 15px 20px;
    border-radius: 10px;
    font-size: 20px;
    margin-top: 15px;
    margin-right: 10px;
  }


  .teacher_new_password_back_to_login
  {
    margin-top: 40px;
  }

  .teacher_new_password_back_to_login a
  {
    font-size: 20px;
    margin-top: 15px;
  }


  .reset_password_stage_3
  {
      margin-top: 20px;
  }


  .reset_password_stage_3 p
  {
      font-size: 24px;
  }

}

@media screen and (min-width: 1600px) and (max-width: 1919px)
{
  .teacher_set_new_password_input
  {
    /*height: 380px;*/
    height: auto;
    width: 70%;
    margin-left: 10%;
    border-radius: 30px;
    margin-top: 50px;
    /*padding-bottom: 5px;*/
  }


  .teacher_set_new_password_input_head
  {
    padding-top: 30px;
    padding-bottom: 0px;
    margin-left: 10%;
    /*border: solid 2px red;*/
    /*text-align: center;*/
  }



  .teacher_set_new_password_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 24px;
    /*letter-spacing: 2px;*/
  }


  .teacher_set_new_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 13px;
    /*border: solid 2px blue;*/
  }


  .teacher_set_new_password_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .teacher_set_new_password_input_error_messages .errors
  {
    font-size: 15px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .teacher_set_new_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }


  .teacher_new_password
  {
    margin-bottom: 20px;
    width: 80%;
    margin-left: 10%;
    margin-top: 20px;
  }


  .teacher_new_password label
  {
      font-size: 18px;
      margin-bottom: 10px;
  }


  .teacher_new_password_input_icon
  {
    /*border: 2px solid red;*/
    height: 36px;
    /*border-radius: 30px;*/
  }


  .teacher_new_password_input_icon input
  {
    width: 83%;
    border-radius: 30px;
    padding: 5px 10px 5px 20px;
    /*padding-left: 10px;*/
    font-size: 18px;
    margin-top: 3px;
    height: 22px;
    /*border: solid 2px red;*/
  }


  .teacher_new_password i
  {
    font-size: 22px;
    margin-top: 1px;
  }


  .teacher_submit_new_password_button input{
    padding: 10px 15px 10px 15px;
    border-radius: 7px;
    font-size: 16px;
    margin-top: 10px;
    margin-right: 10px;
  }


  .teacher_new_password_back_to_login
  {
    margin-top: 40px;
  }

  .teacher_new_password_back_to_login a
  {
    font-size: 16px;
    margin-top: 15px;
  }


  .reset_password_stage_3
  {
      margin-top: 20px;
  }


  .reset_password_stage_3 p
  {
      font-size: 20px;
  }
}

@media screen and (min-width:1440px) and (max-width:1535px)
{
  .teacher_set_new_password_input
  {
    /*height: 380px;*/
    height: auto;
    width: 70%;
    margin-left: 12%;
    border-radius: 30px;
    margin-top: 70px;
    /*padding-bottom: 5px;*/
  }


  .teacher_set_new_password_input_head
  {
    padding-top: 30px;
    padding-bottom: 0px;
    margin-left: 10%;
    /*border: solid 2px red;*/
    /*text-align: center;*/
  }



  .teacher_set_new_password_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 22px;
    /*letter-spacing: 2px;*/
  }


  .teacher_set_new_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 12px;
    /*border: solid 2px blue;*/
  }


  .teacher_set_new_password_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .teacher_set_new_password_input_error_messages .errors
  {
    font-size: 15px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .teacher_set_new_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }


  .teacher_new_password
  {
    margin-bottom: 20px;
    width: 80%;
    margin-left: 10%;
    margin-top: 20px;
  }


  .teacher_new_password label
  {
      font-size: 14px;
      margin-bottom: 10px;
  }


  .teacher_new_password_input_icon
  {
    /*border: 2px solid red;*/
    height: 36px;
    /*border-radius: 30px;*/
  }


  .teacher_new_password_input_icon input
  {
    width: 83%;
    border-radius: 30px;
    padding: 5px 10px 5px 20px;
    /*padding-left: 10px;*/
    font-size: 18px;
    margin-top: 4px;
    height: 20px;
    /*border: solid 2px red;*/
  }


  .teacher_new_password i
  {
    font-size: 20px;
    margin-top: 1px;
  }


  .teacher_submit_new_password_button input{
    padding: 7px 15px 7px 15px;
    border-radius: 7px;
    font-size: 14px;
    margin-top: 7px;
    margin-right: 10px;
  }


  .teacher_new_password_back_to_login
  {
    margin-top: 20px;
  }

  .teacher_new_password_back_to_login a
  {
    font-size: 16px;
    margin-top: 15px;
  }


  .reset_password_stage_3
  {
      margin-top: 15px;
  }


  .reset_password_stage_3 p
  {
      font-size: 20px;
  }
}

@media screen and (min-width:1366px) and (max-width:1439px)
{
  .teacher_set_new_password_input
  {
    /*height: 380px;*/
    height: auto;
    width: 70%;
    margin-left: 12%;
    border-radius: 30px;
    margin-top: 70px;
    /*padding-bottom: 5px;*/
  }


  .teacher_set_new_password_input_head
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-left: 10%;
    /*border: solid 2px red;*/
    /*text-align: center;*/
  }



  .teacher_set_new_password_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 20px;
    /*letter-spacing: 2px;*/
  }


  .teacher_set_new_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 11px;
    /*border: solid 2px blue;*/
  }


  .teacher_set_new_password_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .teacher_set_new_password_input_error_messages .errors
  {
    font-size: 14px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .teacher_set_new_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }


  .teacher_new_password
  {
    margin-bottom: 20px;
    width: 80%;
    margin-left: 10%;
    margin-top: 20px;
  }


  .teacher_new_password label
  {
      font-size: 14px;
      margin-bottom: 10px;
  }


  .teacher_new_password_input_icon
  {
    /*border: 2px solid red;*/
    height: 36px;
    /*border-radius: 30px;*/
  }


  .teacher_new_password_input_icon input
  {
    width: 82%;
    border-radius: 30px;
    padding: 5px 10px 5px 20px;
    /*padding-left: 10px;*/
    font-size: 18px;
    margin-top: 4px;
    height: 20px;
    /*border: solid 2px red;*/
  }


  .teacher_new_password i
  {
    font-size: 18px;
    margin-top: 1px;
  }


  .teacher_submit_new_password_button input{
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 7px;
    margin-right: 10px;
  }


  .teacher_new_password_back_to_login
  {
    margin-top: 10px;
  }

  .teacher_new_password_back_to_login a
  {
    font-size: 14px;
    margin-top: 15px;
  }


  .reset_password_stage_3
  {
      margin-top: 15px;
  }


  .reset_password_stage_3 p
  {
      font-size: 18px;
  }
}

@media screen and (min-width:1280px) and (max-width:1365px)
{
  .teacher_set_new_password_input
  {
    /*height: 380px;*/
    height: auto;
    width: 75%;
    margin-left: 7%;
    border-radius: 30px;
    margin-top: 75px;
    /*padding-bottom: 5px;*/
  }


  .teacher_set_new_password_input_head
  {
    padding-top:10px;
    padding-bottom: 0px;
    margin-left: 10%;
    /*border: solid 2px red;*/
    /*text-align: center;*/
  }



  .teacher_set_new_password_input_head p:nth-child(1)
  {
    padding-top: 20px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 18px;
    /*letter-spacing: 2px;*/
  }


  .teacher_set_new_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 10px;
    /*border: solid 2px blue;*/
  }


  .teacher_set_new_password_input_error_messages
  {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .teacher_set_new_password_input_error_messages .errors
  {
    font-size: 12px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .teacher_set_new_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }


  .teacher_new_password
  {
    margin-bottom: 15px;
    width: 80%;
    margin-left: 10%;
    margin-top: 5px;
  }


  .teacher_new_password label
  {
      font-size: 12px;
      margin-bottom: 10px;
  }


  .teacher_new_password_input_icon
  {
    /*border: 2px solid red;*/
    height: 34px;
    /*border-radius: 30px;*/
  }


  .teacher_new_password_input_icon input
  {
    width: 83%;
    border-radius: 30px;
    padding: 5px 10px 5px 15px;
    /*padding-left: 10px;*/
    font-size: 15px;
    margin-top: 4px;
    height: 17px;
    /*border: solid 2px red;*/
  }


  .teacher_new_password i
  {
    font-size: 16px;
    margin-top: 4px;
  }


  .teacher_submit_new_password_button input{
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 7px;
    margin-right: 10px;
  }


  .teacher_new_password_back_to_login
  {
    margin-top: 10px;
  }

  .teacher_new_password_back_to_login a
  {
    font-size: 14px;
    margin-top: 15px;
  }


  .reset_password_stage_3
  {
      margin-top: 15px;
  }


  .reset_password_stage_3 p
  {
      font-size: 17px;
  }
}

@media screen and (min-width:1024px) and (max-width:1279px)
{
  .teacher_set_new_password_input
  {
    /*height: 380px;*/
    height: auto;
    width: 78%;
    margin-left: 7%;
    border-radius: 30px;
    margin-top: 95px;
    /*padding-bottom: 5px;*/
  }


  .teacher_set_new_password_input_head
  {
    padding-top:10px;
    padding-bottom: 0px;
    margin-left: 10%;
    /*border: solid 2px pink;*/
    /*text-align: center;*/
  }



  .teacher_set_new_password_input_head p:nth-child(1)
  {
    padding-top: 10px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 17px;
    /*border: solid 2px blue;*/
    /*letter-spacing: 2px;*/
  }


  .teacher_set_new_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-size: 9px;
    /*border: solid 2px blue;*/
  }


  .teacher_set_new_password_input_error_messages
  {
    margin-top: 15px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .teacher_set_new_password_input_error_messages .errors
  {
    font-size: 12px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .teacher_set_new_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }


  .teacher_new_password
  {
    margin-bottom: 10px;
    width: 80%;
    margin-left: 10%;
    margin-top: 5px;
  }


  .teacher_new_password label
  {
      font-size: 12px;
      margin-bottom: 6px;
  }


  .teacher_new_password_input_icon
  {
    /*border: 2px solid red;*/
    height: 33px;
    /*border-radius: 30px;*/
  }


  .teacher_new_password_input_icon input
  {
    width: 80%;
    border-radius: 30px;
    padding: 5px 10px 5px 15px;
    /*padding-left: 10px;*/
    font-size: 14px;
    margin-top: 4px;
    height: 16px;
    /*border: solid 2px red;*/
  }


  .teacher_new_password i
  {
    font-size: 16px;
    margin-top: 5px;
  }


  .teacher_submit_new_password_button input{
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 7px;
    margin-right: 10px;
  }


  .teacher_new_password_back_to_login
  {
    margin-top: 10px;
  }

  .teacher_new_password_back_to_login a
  {
    font-size: 13px;
    margin-top: 15px;
  }


  .reset_password_stage_3
  {
      margin-top: 0px;
  }


  .reset_password_stage_3 p
  {
      font-size: 17px;
  }
}

@media screen and (min-width:990px) and (max-width:1023px)
{
  .teacher_set_new_password_input
  {
    /*height: 380px;*/
    height: auto;
    width: 78%;
    margin-left: 7%;
    border-radius: 30px;
    margin-top: 110px;
    /*padding-bottom: 5px;*/
  }


  .teacher_set_new_password_input_head
  {
    padding-top:10px;
    padding-bottom: 0px;
    margin-left: 10%;
    /*border: solid 2px pink;*/
    /*text-align: center;*/
  }



  .teacher_set_new_password_input_head p:nth-child(1)
  {
    padding-top: 10px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 16px;
    /*border: solid 2px blue;*/
    /*letter-spacing: 2px;*/
  }


  .teacher_set_new_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-size: 10px;
    /*border: solid 2px blue;*/
  }


  .teacher_set_new_password_input_error_messages
  {
    margin-top: 15px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .teacher_set_new_password_input_error_messages .errors
  {
    font-size: 11px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .teacher_set_new_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }


  .teacher_new_password
  {
    margin-bottom: 10px;
    width: 80%;
    margin-left: 10%;
    margin-top: 5px;
  }


  .teacher_new_password label
  {
      font-size: 11px;
      margin-bottom: 6px;
  }


  .teacher_new_password_input_icon
  {
    /*border: 2px solid red;*/
    height: 31px;
    /*border-radius: 30px;*/
  }


  .teacher_new_password_input_icon input
  {
    width: 80%;
    border-radius: 30px;
    padding: 5px 10px 5px 15px;
    /*padding-left: 10px;*/
    font-size: 14px;
    margin-top: 4px;
    height: 16px;
    /*border: solid 2px red;*/
  }


  .teacher_new_password i
  {
    font-size: 16px;
    margin-top: 4px;
  }


  .teacher_submit_new_password_button input{
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 11px;
    margin-top: 7px;
    margin-right: 10px;
  }


  .teacher_new_password_back_to_login
  {
    margin-top: 5px;
  }

  .teacher_new_password_back_to_login a
  {
    font-size: 13px;
    margin-top: 15px;
  }


  .reset_password_stage_3
  {
      margin-top: 0px;
  }


  .reset_password_stage_3 p
  {
      font-size: 16px;
  }
}

@media screen and (min-width:820px) and (max-width:989px)
{
  .teacher_set_new_password_input
  {
    /*height: 380px;*/
    height: auto;
    width: 75%;
    margin-left: 12.5%;
    border-radius: 30px;
    margin-top: 95px;
    /*padding-bottom: 5px;*/
  }


  .teacher_set_new_password_input_head
  {
    padding-top:20px;
    padding-bottom: 0px;
    margin-left: 10%;
    /*border: solid 2px pink;*/
    /*text-align: center;*/
  }



  .teacher_set_new_password_input_head p:nth-child(1)
  {
    padding-top: 10px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 20px;
    /*border: solid 2px blue;*/
    /*letter-spacing: 2px;*/
  }


  .teacher_set_new_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-size: 12px;
    /*border: solid 2px blue;*/
  }


  .teacher_set_new_password_input_error_messages
  {
    margin-top: 15px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .teacher_set_new_password_input_error_messages .errors
  {
    font-size: 14px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .teacher_set_new_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }


  .teacher_new_password
  {
    margin-bottom: 10px;
    width: 80%;
    margin-left: 10%;
    margin-top: 5px;
  }


  .teacher_new_password label
  {
      font-size: 14px;
      margin-bottom: 6px;
  }


  .teacher_new_password_input_icon
  {
    /*border: 2px solid red;*/
    height: 35px;
    /*border-radius: 30px;*/
  }


  .teacher_new_password_input_icon input
  {
    width: 85%;
    border-radius: 30px;
    padding: 5px 10px 5px 20px;
    /*padding-left: 10px;*/
    font-size: 16px;
    margin-top: 4px;
    height: 18px;
    /*border: solid 2px red;*/
  }


  .teacher_new_password i
  {
    font-size: 16px;
    margin-top: 4px;
  }


  .teacher_submit_new_password_button input{
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 11px;
    margin-top: 7px;
    margin-right: 10px;
  }


  .teacher_new_password_back_to_login
  {
    margin-top: 5px;
  }

  .teacher_new_password_back_to_login a
  {
    font-size: 14px;
    margin-top: 15px;
  }


  .reset_password_stage_3
  {
      margin-top: 0px;
  }


  .reset_password_stage_3 p
  {
      font-size: 18px;
  }
}

@media screen and (min-width:800px) and (max-width:819px)
{
  .teacher_set_new_password_input
  {
    /*height: 380px;*/
    height: auto;
    width: 70%;
    margin-left: 15%;
    border-radius: 30px;
    margin-top: 95px;
    /*padding-bottom: 5px;*/
  }


  .teacher_set_new_password_input_head
  {
    padding-top:30px;
    padding-bottom: 0px;
    margin-left: 10%;
    /*border: solid 2px pink;*/
    /*text-align: center;*/
  }



  .teacher_set_new_password_input_head p:nth-child(1)
  {
    padding-top: 10px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 20px;
    /*border: solid 2px blue;*/
    /*letter-spacing: 2px;*/
  }


  .teacher_set_new_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-size: 12px;
    /*border: solid 2px blue;*/
  }


  .teacher_set_new_password_input_error_messages
  {
    margin-top: 15px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .teacher_set_new_password_input_error_messages .errors
  {
    font-size: 14px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .teacher_set_new_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }


  .teacher_new_password
  {
    margin-bottom: 10px;
    width: 80%;
    margin-left: 10%;
    margin-top: 5px;
  }


  .teacher_new_password label
  {
      font-size: 14px;
      margin-bottom: 6px;
  }


  .teacher_new_password_input_icon
  {
    /*border: 2px solid red;*/
    height: 35px;
    /*border-radius: 30px;*/
  }


  .teacher_new_password_input_icon input
  {
    width: 84%;
    border-radius: 30px;
    padding: 6px 15px 6px 15px;
    /*padding-left: 10px;*/
    font-size: 16px;
    margin-top: 4px;
    height: 18px;
    /*border: solid 2px red;*/
  }


  .teacher_new_password i
  {
    font-size: 16px;
    margin-top: 4px;
  }


  .teacher_submit_new_password_button input{
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 11px;
    margin-top: 7px;
    margin-right: 10px;
  }


  .teacher_new_password_back_to_login
  {
    margin-top: 5px;
  }

  .teacher_new_password_back_to_login a
  {
    font-size: 14px;
    margin-top: 15px;
  }


  .reset_password_stage_3
  {
      margin-top: 0px;
  }


  .reset_password_stage_3 p
  {
      font-size: 18px;
  }
}

@media screen and (min-width:768px) and (max-width:799px)
{
  .teacher_set_new_password_input
  {
    /*height: 380px;*/
    height: auto;
    width: 70%;
    margin-left: 15%;
    border-radius: 30px;
    margin-top: 95px;
    /*padding-bottom: 5px;*/
  }


  .teacher_set_new_password_input_head
  {
    padding-top:30px;
    padding-bottom: 0px;
    margin-left: 10%;
    /*border: solid 2px pink;*/
    /*text-align: center;*/
  }



  .teacher_set_new_password_input_head p:nth-child(1)
  {
    padding-top: 10px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 20px;
    /*border: solid 2px blue;*/
    /*letter-spacing: 2px;*/
  }


  .teacher_set_new_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-size: 12px;
    /*border: solid 2px blue;*/
  }


  .teacher_set_new_password_input_error_messages
  {
    margin-top: 15px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .teacher_set_new_password_input_error_messages .errors
  {
    font-size: 14px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .teacher_set_new_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }


  .teacher_new_password
  {
    margin-bottom: 10px;
    width: 80%;
    margin-left: 10%;
    margin-top: 5px;
  }


  .teacher_new_password label
  {
      font-size: 14px;
      margin-bottom: 6px;
  }


  .teacher_new_password_input_icon
  {
    /*border: 2px solid red;*/
    height: 35px;
    /*border-radius: 30px;*/
  }


  .teacher_new_password_input_icon input
  {
    width: 83%;
    border-radius: 30px;
    padding: 6px 15px 6px 15px;
    /*padding-left: 10px;*/
    font-size: 16px;
    margin-top: 4px;
    height: 18px;
    /*border: solid 2px red;*/
  }


  .teacher_new_password i
  {
    font-size: 16px;
    margin-top: 4px;
  }


  .teacher_submit_new_password_button input{
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 11px;
    margin-top: 7px;
    margin-right: 10px;
  }


  .teacher_new_password_back_to_login
  {
    margin-top: 5px;
  }

  .teacher_new_password_back_to_login a
  {
    font-size: 14px;
    margin-top: 15px;
  }


  .reset_password_stage_3
  {
      margin-top: 5px;
  }


  .reset_password_stage_3 p
  {
      font-size: 18px;
  }
}

@media screen and (min-width:670px) and (max-width:767px)
{
  .teacher_set_new_password_input
  {
    /*height: 380px;*/
    height: auto;
    width: 70%;
    margin-left: 15%;
    border-radius: 30px;
    margin-top: 95px;
    /*padding-bottom: 5px;*/
  }


  .teacher_set_new_password_input_head
  {
    padding-top:30px;
    padding-bottom: 0px;
    margin-left: 10%;
    /*border: solid 2px pink;*/
    /*text-align: center;*/
  }



  .teacher_set_new_password_input_head p:nth-child(1)
  {
    padding-top: 10px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 20px;
    /*border: solid 2px blue;*/
    /*letter-spacing: 2px;*/
  }


  .teacher_set_new_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-size: 11px;
    /*border: solid 2px blue;*/
  }


  .teacher_set_new_password_input_error_messages
  {
    margin-top: 15px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .teacher_set_new_password_input_error_messages .errors
  {
    font-size: 12px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .teacher_set_new_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }


  .teacher_new_password
  {
    margin-bottom: 10px;
    width: 80%;
    margin-left: 10%;
    margin-top: 5px;
  }


  .teacher_new_password label
  {
      font-size: 14px;
      margin-bottom: 6px;
  }


  .teacher_new_password_input_icon
  {
    /*border: 2px solid red;*/
    height: 35px;
    /*border-radius: 30px;*/
  }


  .teacher_new_password_input_icon input
  {
    width: 82%;
    border-radius: 30px;
    padding: 6px 15px 6px 15px;
    /*padding-left: 10px;*/
    font-size: 16px;
    margin-top: 4px;
    height: 18px;
    /*border: solid 2px red;*/
  }


  .teacher_new_password i
  {
    font-size: 16px;
    margin-top: 4px;
  }


  .teacher_submit_new_password_button input{
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 11px;
    margin-top: 7px;
    margin-right: 10px;
  }


  .teacher_new_password_back_to_login
  {
    margin-top: 5px;
  }

  .teacher_new_password_back_to_login a
  {
    font-size: 14px;
    margin-top: 15px;
  }


  .reset_password_stage_3
  {
      margin-top: 5px;
  }


  .reset_password_stage_3 p
  {
      font-size: 17px;
  }
}

@media screen and (min-width:590px) and (max-width:669px)
{
  .teacher_set_new_password_input
  {
    /*height: 380px;*/
    height: auto;
    width: 70%;
    margin-left: 15%;
    border-radius: 30px;
    margin-top: 95px;
    /*padding-bottom: 5px;*/
  }


  .teacher_set_new_password_input_head
  {
    padding-top:30px;
    padding-bottom: 0px;
    margin-left: 10%;
    /*border: solid 2px pink;*/
    /*text-align: center;*/
  }



  .teacher_set_new_password_input_head p:nth-child(1)
  {
    padding-top: 10px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 18px;
    /*border: solid 2px blue;*/
    /*letter-spacing: 2px;*/
  }


  .teacher_set_new_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-size: 10px;
    /*border: solid 2px blue;*/
  }


  .teacher_set_new_password_input_error_messages
  {
    margin-top: 15px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .teacher_set_new_password_input_error_messages .errors
  {
    font-size: 11px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .teacher_set_new_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }


  .teacher_new_password
  {
    margin-bottom: 10px;
    width: 80%;
    margin-left: 10%;
    margin-top: 5px;
  }


  .teacher_new_password label
  {
      font-size: 14px;
      margin-bottom: 6px;
  }


  .teacher_new_password_input_icon
  {
    /*border: 2px solid red;*/
    height: 35px;
    /*border-radius: 30px;*/
  }


  .teacher_new_password_input_icon input
  {
    width: 79%;
    border-radius: 30px;
    padding: 6px 15px 6px 15px;
    /*padding-left: 10px;*/
    font-size: 14px;
    margin-top: 4px;
    height: 12px;
    /*border: solid 2px red;*/
  }


  .teacher_new_password i
  {
    font-size: 15px;
    margin-top: 4px;
  }


  .teacher_submit_new_password_button input{
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 7px;
    margin-right: 10px;
  }


  .teacher_new_password_back_to_login
  {
    margin-top: 5px;
  }

  .teacher_new_password_back_to_login a
  {
    font-size: 14px;
    margin-top: 15px;
  }


  .reset_password_stage_3
  {
      margin-top: 5px;
  }


  .reset_password_stage_3 p
  {
      font-size: 17px;
  }
}

@media screen and (min-width:500px) and (max-width:589px)
{
  .teacher_set_new_password_input
  {
    /*height: 380px;*/
    height: auto;
    width: 70%;
    margin-left: 15%;
    border-radius: 30px;
    margin-top: 95px;
    /*padding-bottom: 5px;*/
  }


  .teacher_set_new_password_input_head
  {
    padding-top:30px;
    padding-bottom: 0px;
    margin-left: 10%;
    /*border: solid 2px pink;*/
    /*text-align: center;*/
  }



  .teacher_set_new_password_input_head p:nth-child(1)
  {
    padding-top: 10px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 17px;
    /*border: solid 2px blue;*/
    /*letter-spacing: 2px;*/
  }


  .teacher_set_new_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-size: 9px;
    /*border: solid 2px blue;*/
  }


  .teacher_set_new_password_input_error_messages
  {
    margin-top: 15px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .teacher_set_new_password_input_error_messages .errors
  {
    font-size: 11px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .teacher_set_new_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }


  .teacher_new_password
  {
    margin-bottom: 10px;
    width: 80%;
    margin-left: 10%;
    margin-top: 5px;
  }


  .teacher_new_password label
  {
      font-size: 11px;
      margin-bottom: 6px;
  }


  .teacher_new_password_input_icon
  {
    /*border: 2px solid red;*/
    height: 35px;
    /*border-radius: 30px;*/
  }


  .teacher_new_password_input_icon input
  {
    width: 75%;
    border-radius: 30px;
    padding: 6px 15px 6px 15px;
    /*padding-left: 10px;*/
    font-size: 14px;
    margin-top: 4px;
    height: 12px;
    /*border: solid 2px red;*/
  }


  .teacher_new_password i
  {
    font-size: 15px;
    margin-top: 4px;
  }


  .teacher_submit_new_password_button input{
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 7px;
    margin-right: 10px;
  }


  .teacher_new_password_back_to_login
  {
    margin-top: 5px;
  }

  .teacher_new_password_back_to_login a
  {
    font-size: 13px;
    margin-top: 15px;
  }


  .reset_password_stage_3
  {
      margin-top: 5px;
  }


  .reset_password_stage_3 p
  {
      font-size: 16px;
  }
}

@media screen and (min-width:460px) and (max-width:499px)
{
  .teacher_set_new_password_input
  {
    /*height: 380px;*/
    height: auto;
    width: 70%;
    margin-left: 15%;
    border-radius: 30px;
    margin-top: 95px;
    /*padding-bottom: 5px;*/
  }


  .teacher_set_new_password_input_head
  {
    padding-top:30px;
    padding-bottom: 0px;
    margin-left: 10%;
    /*border: solid 2px pink;*/
    /*text-align: center;*/
  }



  .teacher_set_new_password_input_head p:nth-child(1)
  {
    padding-top: 10px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 17px;
    /*border: solid 2px blue;*/
    /*letter-spacing: 2px;*/
  }


  .teacher_set_new_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-size: 9px;
    /*border: solid 2px blue;*/
  }


  .teacher_set_new_password_input_error_messages
  {
    margin-top: 15px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .teacher_set_new_password_input_error_messages .errors
  {
    font-size: 10px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .teacher_set_new_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }


  .teacher_new_password
  {
    margin-bottom: 10px;
    width: 80%;
    margin-left: 10%;
    margin-top: 5px;
  }


  .teacher_new_password label
  {
      font-size: 11px;
      margin-bottom: 6px;
  }


  .teacher_new_password_input_icon
  {
    /*border: 2px solid red;*/
    height: 33px;
    /*border-radius: 30px;*/
  }


  .teacher_new_password_input_icon input
  {
    width: 75%;
    border-radius: 30px;
    padding: 6px 15px 6px 15px;
    /*padding-left: 10px;*/
    font-size: 13px;
    margin-top: 4px;
    height: 12px;
    /*border: solid 2px red;*/
  }


  .teacher_new_password i
  {
    font-size: 15px;
    margin-top: 4px;
  }


  .teacher_submit_new_password_button input{
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 7px;
    margin-right: 10px;
  }


  .teacher_new_password_back_to_login
  {
    margin-top: 5px;
  }

  .teacher_new_password_back_to_login a
  {
    font-size: 12px;
    margin-top: 15px;
  }


  .reset_password_stage_3
  {
      margin-top: 5px;
  }


  .reset_password_stage_3 p
  {
      font-size: 16px;
  }
}

@media screen and (min-width:425px) and (max-width:459px)
{
  .teacher_set_new_password_input
  {
    /*height: 380px;*/
    height: auto;
    width: 70%;
    margin-left: 15%;
    border-radius: 30px;
    margin-top: 95px;
    /*padding-bottom: 5px;*/
  }


  .teacher_set_new_password_input_head
  {
    padding-top:30px;
    padding-bottom: 0px;
    margin-left: 10%;
    /*border: solid 2px pink;*/
    /*text-align: center;*/
  }



  .teacher_set_new_password_input_head p:nth-child(1)
  {
    padding-top: 10px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 16px;
    /*border: solid 2px blue;*/
    /*letter-spacing: 2px;*/
  }


  .teacher_set_new_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-size: 8px;
    /*border: solid 2px blue;*/
  }


  .teacher_set_new_password_input_error_messages
  {
    margin-top: 15px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .teacher_set_new_password_input_error_messages .errors
  {
    font-size: 10px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .teacher_set_new_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }


  .teacher_new_password
  {
    margin-bottom: 10px;
    width: 80%;
    margin-left: 10%;
    margin-top: 5px;
  }


  .teacher_new_password label
  {
      font-size: 11px;
      margin-bottom: 6px;
  }


  .teacher_new_password_input_icon
  {
    /*border: 2px solid red;*/
    height: 32px;
    /*border-radius: 30px;*/
  }


  .teacher_new_password_input_icon input
  {
    width: 70%;
    border-radius: 30px;
    padding: 6px 15px 6px 15px;
    /*padding-left: 10px;*/
    font-size: 13px;
    margin-top: 4px;
    height: 12px;
    /*border: solid 2px red;*/
  }


  .teacher_new_password i
  {
    font-size: 15px;
    margin-top: 4px;
  }


  .teacher_submit_new_password_button input{
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 7px;
    margin-right: 10px;
  }


  .teacher_new_password_back_to_login
  {
    margin-top: 5px;
  }

  .teacher_new_password_back_to_login a
  {
    font-size: 12px;
    margin-top: 15px;
  }


  .reset_password_stage_3
  {
      margin-top: 5px;
  }


  .reset_password_stage_3 p
  {
      font-size: 15px;
  }
}

@media screen and (min-width:400px) and (max-width:424px)
{
  .teacher_set_new_password_input
  {
    /*height: 380px;*/
    height: auto;
    width: 70%;
    margin-left: 15%;
    border-radius: 30px;
    margin-top: 95px;
    /*padding-bottom: 5px;*/
  }


  .teacher_set_new_password_input_head
  {
    padding-top:30px;
    padding-bottom: 0px;
    margin-left: 10%;
    /*border: solid 2px pink;*/
    /*text-align: center;*/
  }



  .teacher_set_new_password_input_head p:nth-child(1)
  {
    padding-top: 10px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 16px;
    /*border: solid 2px blue;*/
    /*letter-spacing: 2px;*/
  }


  .teacher_set_new_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-size: 8px;
    /*border: solid 2px blue;*/
  }


  .teacher_set_new_password_input_error_messages
  {
    margin-top: 15px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .teacher_set_new_password_input_error_messages .errors
  {
    font-size: 9px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .teacher_set_new_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }


  .teacher_new_password
  {
    margin-bottom: 10px;
    width: 80%;
    margin-left: 10%;
    margin-top: 5px;
  }


  .teacher_new_password label
  {
      font-size: 11px;
      margin-bottom: 6px;
  }


  .teacher_new_password_input_icon
  {
    /*border: 2px solid red;*/
    height: 32px;
    /*border-radius: 30px;*/
  }


  .teacher_new_password_input_icon input
  {
    width: 70%;
    border-radius: 30px;
    padding: 6px 15px 6px 15px;
    /*padding-left: 10px;*/
    font-size: 13px;
    margin-top: 4px;
    height: 12px;
    /*border: solid 2px red;*/
  }


  .teacher_new_password i
  {
    font-size: 15px;
    margin-top: 3px;
  }


  .teacher_submit_new_password_button input{
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 7px;
    margin-right: 10px;
  }


  .teacher_new_password_back_to_login
  {
    margin-top: 5px;
  }

  .teacher_new_password_back_to_login a
  {
    font-size: 12px;
    margin-top: 15px;
  }


  .reset_password_stage_3
  {
      margin-top: 5px;
  }


  .reset_password_stage_3 p
  {
      font-size: 15px;
  }
}

@media screen and (min-width:375px) and (max-width:399px)
{
  .teacher_set_new_password_input
  {
    /*height: 380px;*/
    height: auto;
    width: 70%;
    margin-left: 15%;
    border-radius: 30px;
    margin-top: 95px;
    /*padding-bottom: 5px;*/
  }


  .teacher_set_new_password_input_head
  {
    padding-top:30px;
    padding-bottom: 0px;
    margin-left: 10%;
    /*border: solid 2px pink;*/
    /*text-align: center;*/
  }



  .teacher_set_new_password_input_head p:nth-child(1)
  {
    padding-top: 10px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 16px;
    /*border: solid 2px blue;*/
    /*letter-spacing: 2px;*/
  }


  .teacher_set_new_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-size: 8px;
    /*border: solid 2px blue;*/
  }


  .teacher_set_new_password_input_error_messages
  {
    margin-top: 15px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .teacher_set_new_password_input_error_messages .errors
  {
    font-size: 9px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .teacher_set_new_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }


  .teacher_new_password
  {
    margin-bottom: 10px;
    width: 80%;
    margin-left: 10%;
    margin-top: 5px;
  }


  .teacher_new_password label
  {
      font-size: 10px;
      margin-bottom: 6px;
  }


  .teacher_new_password_input_icon
  {
    /*border: 2px solid red;*/
    height: 32px;
    /*border-radius: 30px;*/
  }


  .teacher_new_password_input_icon input
  {
    width: 70%;
    border-radius: 30px;
    padding: 6px 15px 6px 15px;
    /*padding-left: 10px;*/
    font-size: 13px;
    margin-top: 4px;
    height: 12px;
    /*border: solid 2px red;*/
  }


  .teacher_new_password i
  {
    font-size: 15px;
    margin-top: 4px;
  }


  .teacher_submit_new_password_button input{
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 7px;
    margin-right: 10px;
  }


  .teacher_new_password_back_to_login
  {
    margin-top: 5px;
  }

  .teacher_new_password_back_to_login a
  {
    font-size: 12px;
    margin-top: 15px;
  }


  .reset_password_stage_3
  {
      margin-top: 5px;
  }


  .reset_password_stage_3 p
  {
      font-size: 15px;
  }
}

@media screen and (min-width:320px) and (max-width:374px)
{
  .teacher_set_new_password_input
  {
    /*height: 380px;*/
    height: auto;
    width: 90%;
    margin-left: 10%;
    border-radius: 30px;
    margin-top: 95px;
    /*padding-bottom: 5px;*/
  }


  .teacher_set_new_password_input_head
  {
    padding-top:30px;
    padding-bottom: 0px;
    margin-left: 10%;
    /*border: solid 2px pink;*/
    /*text-align: center;*/
  }



  .teacher_set_new_password_input_head p:nth-child(1)
  {
    padding-top: 10px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 14px;
    /*border: solid 2px blue;*/
    /*letter-spacing: 2px;*/
  }


  .teacher_set_new_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-size: 8px;
    /*border: solid 2px blue;*/
  }


  .teacher_set_new_password_input_error_messages
  {
    margin-top: 15px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .teacher_set_new_password_input_error_messages .errors
  {
    font-size: 10px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .teacher_set_new_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }


  .teacher_new_password
  {
    margin-bottom: 10px;
    width: 80%;
    margin-left: 10%;
    margin-top: 5px;
  }


  .teacher_new_password label
  {
      font-size: 10px;
      margin-bottom: 6px;
  }


  .teacher_new_password_input_icon
  {
    /*border: 2px solid red;*/
    height: 30px;
    /*border-radius: 30px;*/
  }


  .teacher_new_password_input_icon input
  {
    width: 70%;
    border-radius: 30px;
    padding: 6px 15px 6px 15px;
    /*padding-left: 10px;*/
    font-size: 13px;
    margin-top: 4px;
    height: 12px;
    /*border: solid 2px red;*/
  }


  .teacher_new_password i
  {
    font-size: 15px;
    margin-top: 3px;
  }


  .teacher_submit_new_password_button input{
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 7px;
    margin-right: 10px;
  }


  .teacher_new_password_back_to_login
  {
    margin-top: 5px;
  }

  .teacher_new_password_back_to_login a
  {
    font-size: 12px;
    margin-top: 15px;
  }


  .reset_password_stage_3
  {
      margin-top: 5px;
  }


  .reset_password_stage_3 p
  {
      font-size: 15px;
  }
}


@media (max-width: 320px) {
  html, body {
    min-width: 400px;
    overflow-x: auto;
  }
}


@media screen and (min-width:200px) and (max-width:299px)
{
  .teacher_set_new_password_input
  {
    /*height: 380px;*/
    height: auto;
    width: 100%;
    margin-left: 8.5%;
    border-radius: 30px;
    margin-top: 95px;
    /*padding-bottom: 5px;*/
  }


  .teacher_set_new_password_input_head
  {
    padding-top:30px;
    padding-bottom: 0px;
    margin-left: 10%;
    /*border: solid 2px pink;*/
    /*text-align: center;*/
  }



  .teacher_set_new_password_input_head p:nth-child(1)
  {
    padding-top: 10px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 14px;
    /*border: solid 2px blue;*/
    /*letter-spacing: 2px;*/
  }


  .teacher_set_new_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-size: 8px;
    /*border: solid 2px blue;*/
  }


  .teacher_set_new_password_input_error_messages
  {
    margin-top: 15px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .teacher_set_new_password_input_error_messages .errors
  {
    font-size: 10px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .teacher_set_new_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }


  .teacher_new_password
  {
    margin-bottom: 10px;
    width: 80%;
    margin-left: 10%;
    margin-top: 5px;
  }


  .teacher_new_password label
  {
      font-size: 10px;
      margin-bottom: 6px;
  }


  .teacher_new_password_input_icon
  {
    /*border: 2px solid red;*/
    height: 30px;
    /*border-radius: 30px;*/
  }


  .teacher_new_password_input_icon input
  {
    width: 62%;
    border-radius: 30px;
    padding: 6px 15px 6px 15px;
    /*padding-left: 10px;*/
    font-size: 13px;
    margin-top: 4px;
    height: 12px;
    /*border: solid 2px red;*/
  }


  .teacher_new_password i
  {
    font-size: 12px;
    margin-top: 3px;
  }


  .teacher_submit_new_password_button input{
    padding: 6px 10px 6px 10px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 7px;
    margin-right: 10px;
  }


  .teacher_new_password_back_to_login
  {
    margin-top: 5px;
  }

  .teacher_new_password_back_to_login a
  {
    font-size: 11px;
    margin-top: 15px;
  }


  .reset_password_stage_3
  {
      margin-top: 5px;
  }


  .reset_password_stage_3 p
  {
      font-size: 15px;
  }
}

@media screen and (min-width:100px) and (max-width:199px)
{
  .teacher_set_new_password_input
  {
    /*height: 380px;*/
    height: auto;
    width: 100%;
    margin-left: 8.5%;
    border-radius: 30px;
    margin-top: 95px;
    /*padding-bottom: 5px;*/
  }


  .teacher_set_new_password_input_head
  {
    padding-top:30px;
    padding-bottom: 0px;
    margin-left: 10%;
    /*border: solid 2px pink;*/
    /*text-align: center;*/
  }



  .teacher_set_new_password_input_head p:nth-child(1)
  {
    padding-top: 10px;
    padding-bottom: 0px;
    margin-bottom: 5px;
    font-size: 14px;
    /*border: solid 2px blue;*/
    /*letter-spacing: 2px;*/
  }


  .teacher_set_new_password_input_head p:nth-child(2)
  {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-size: 8px;
    /*border: solid 2px blue;*/
  }


  .teacher_set_new_password_input_error_messages
  {
    margin-top: 15px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .teacher_set_new_password_input_error_messages .errors
  {
    font-size: 10px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 80%;
  }

  .teacher_set_new_password_input_error_messages .errors li
  {
    margin-bottom: 10px;
  }


  .teacher_new_password
  {
    margin-bottom: 10px;
    width: 80%;
    margin-left: 10%;
    margin-top: 5px;
  }


  .teacher_new_password label
  {
      font-size: 10px;
      margin-bottom: 6px;
  }


  .teacher_new_password_input_icon
  {
    /*border: 2px solid red;*/
    height: 30px;
    /*border-radius: 30px;*/
  }


  .teacher_new_password_input_icon input
  {
    width: 62%;
    border-radius: 30px;
    padding: 6px 15px 6px 15px;
    /*padding-left: 10px;*/
    font-size: 13px;
    margin-top: 4px;
    height: 12px;
    /*border: solid 2px red;*/
  }


  .teacher_new_password i
  {
    font-size: 12px;
    margin-top: 3px;
  }


  .teacher_submit_new_password_button input{
    padding: 6px 10px 6px 10px;
    border-radius: 5px;
    font-size: 12px;
    margin-top: 7px;
    margin-right: 10px;
  }


  .teacher_new_password_back_to_login
  {
    margin-top: 5px;
  }

  .teacher_new_password_back_to_login a
  {
    font-size: 11px;
    margin-top: 15px;
  }


  .reset_password_stage_3
  {
      margin-top: 5px;
  }


  .reset_password_stage_3 p
  {
      font-size: 15px;
  }
}


/*********************************************************** Institution Password Reset Done **************************************************/
.institution_set_new_password_done
{
  /*height: 380px;*/
  height: auto;
  width: 60%;
  margin-left: 12%;
  border-radius: 30px;
  background-color: #000000A5;
  font-family: Montserrat;
  margin-top: 95px;
}


.institution_set_new_password_done_message
{
  color: #FFFFFF;
}

.institution_set_new_password_done_message
{
  width: 80%;
  padding: 120px 10% 67px 10%;
  align-items: center;
}


.institution_set_new_password_done_message p:nth-child(1)
{
  text-align: center;
  font-weight: bold;
  font-size: 24px;
}


.institution_set_new_password_done_message p:nth-child(2)
{
  text-align: center;
  font-size: 12px;
}


.institution_set_new_password_done_login
{
  text-align: center;
}

.institution_set_new_password_done_login a
{
  text-decoration: none;
  font-size: 10px;
  font-weight: bold;
  color: #FFFFFF;
  font-family: Montserrat;
  margin-top: 15px;
  padding: 7px 15px 7px 15px;
  font-size: 14px;
  background-color: #D99E30;
  border-radius: 3px;
}

.reset_password_stage_4
{
    margin-top: 20px;
    text-align: center;
    display: flex;
    justify-content:center;
    color: #716862;
}

.reset_password_stage_4 p:nth-child(4)
{
  color: #FFFFFF;
}



/*****************************************   Institution Password Reset Done Responsive pages *************************************/

@media screen and (min-width:2550px) and (max-width:3439px)
{
  .institution_set_new_password_done
  {
    /*height: 660px;*/
    width: 70%;
    margin-left: 10%;
    border-radius: 50px;
    margin-top: 160px;
  }


  .institution_set_new_password_done_message
  {
    padding-top: 180px;
  }

  .institution_set_new_password_done_message p:nth-child(1)
  {
    font-size: 50px;
  }

  .institution_set_new_password_done_message p:nth-child(2)
  {
    font-size: 26px;
  }

  .institution_set_new_password_done_login
  {
    margin-top: 20px;
  }


  .institution_set_new_password_done_login a
  {
    font-size: 24px;
    padding: 20px 30px 20px 30px;
    border-radius: 5px;
  }

  .reset_password_stage_4
  {
    margin-top: 50px;
  }

  .reset_password_stage_4 p
  {
    font-size: 28px;
  }

}

@media screen and (min-width:1920px) and (max-width:2549px)
{
  .institution_set_new_password_done
  {
    /*height: 580px;*/
    height: auto;
    width: 70%;
    margin-left: 10%;
    border-radius: 50px;
    margin-top: 50px;
  }

  .institution_set_new_password_done_message
  {
    padding-top: 120px;
    padding-bottom: 20px;
  }

  .institution_set_new_password_done_message p:nth-child(1)
  {
    font-size: 40px;
  }

  .institution_set_new_password_done_message p:nth-child(2)
  {
    font-size: 22px;
  }

  .institution_set_new_password_done_login
  {
    margin-top: 20px;
  }

  .institution_set_new_password_done_login a
  {
    font-size: 20px;
    padding: 15px 20px 15px 20px;
    border-radius: 5px;
  }

  .reset_password_stage_4
  {
    margin-top: 40px;
  }

  .reset_password_stage_4 p
  {
    font-size: 24px;
  }
}

@media screen and (min-width: 1600px) and (max-width: 1919px)
{
  .institution_set_new_password_done
  {
    /*height: 460px;*/
    height: auto;
    width: 70%;
    margin-left: 10%;
    border-radius: 30px;
    margin-top: 110px;
  }

  .institution_set_new_password_done_message
  {
    padding-top: 90px;
    /*border: solid 2px red;*/
    padding-bottom: 20px;
  }

  .institution_set_new_password_done_message p:nth-child(1)
  {
    font-size: 32px;
  }

  .institution_set_new_password_done_message p:nth-child(2)
  {
    font-size: 20px;
  }

  .institution_set_new_password_done_login
  {
    margin-top: 10px;
  }


  .institution_set_new_password_done_login a
  {
    font-size: 18px;
    padding: 10px 20px 10px 20px;
    border-radius: 5px;
  }

  .reset_password_stage_4
  {
    margin-top: 34px;
  }

  .reset_password_stage_4 p
  {
    font-size: 20px;
  }
}

@media screen and (min-width:1440px) and (max-width:1535px)
{
  .institution_set_new_password_done
  {
    /*height: 380px;*/
    height: auto;
    width: 70%;
    margin-left: 12%;
    border-radius: 30px;
    margin-top: 110px;
  }


  .institution_set_new_password_done_message
  {
    padding-top: 80px;
    padding-bottom: 20px;
    /*border: solid 2px red;*/
  }

  .institution_set_new_password_done_message p:nth-child(1)
  {
    font-size: 28px;
  }

  .institution_set_new_password_done_message p:nth-child(2)
  {
    font-size: 18px;
  }

  .institution_set_new_password_done_login
  {
    margin-top: 10px;
  }


  .institution_set_new_password_done_login a
  {
    font-size: 16px;
    padding: 10px 20px 10px 20px;
    border-radius: 5px;
  }

  .reset_password_stage_4
  {
    margin-top: 32px;
  }

  .reset_password_stage_4 p
  {
    font-size: 20px;
  }
}

@media screen and (min-width:1366px) and (max-width:1439px)
{
  .institution_set_new_password_done
  {
    /*height: 360px;*/
    height: auto;
    width: 70%;
    margin-left: 12%;
    border-radius: 30px;
    margin-top: 110px;
  }


  .institution_set_new_password_done_message
  {
    padding-top: 80px;
    padding-bottom: 30px;
    /*border: solid 2px red;*/
  }

  .institution_set_new_password_done_message p:nth-child(1)
  {
    font-size: 26px;
  }

  .institution_set_new_password_done_message p:nth-child(2)
  {
    text-align: center;
    font-size: 16px;
  }

  .institution_set_new_password_done_login
  {
    margin-top: 10px;
  }


  .institution_set_new_password_done_login a
  {
    font-size: 16px;
    padding: 10px 20px 10px 20px;
    border-radius: 5px;
  }

  .reset_password_stage_4
  {
    margin-top: 30px;
  }

  .reset_password_stage_4 p
  {
    font-size: 18px;
  }
}

@media screen and (min-width:1280px) and (max-width:1365px)
{
  .institution_set_new_password_done
  {
    /*height: 360px;*/
    height: auto;
    width: 75%;
    margin-left: 7%;
    border-radius: 30px;
    margin-top: 110px;
  }


  .institution_set_new_password_done_message
  {
    padding-top: 80px;
    padding-bottom: 30px;
    /*border: solid 2px red;*/
  }

  .institution_set_new_password_done_message p:nth-child(1)
  {
    font-size: 24px;
  }

  .institution_set_new_password_done_message p:nth-child(2)
  {
    font-size: 14px;
  }

  .institution_set_new_password_done_login
  {
    margin-top: 10px;
  }


  .institution_set_new_password_done_login a
  {
    font-size: 15px;
    padding: 10px 20px 10px 20px;
    border-radius: 5px;
  }

  .reset_password_stage_4
  {
    margin-top: 30px;
  }

  .reset_password_stage_4 p
  {
    font-size: 17px;
  }
}

@media screen and (min-width:1024px) and (max-width:1279px)
{
  .institution_set_new_password_done
  {
    /*height: 360px;*/
    height: auto;
    width: 78%;
    margin-left: 7%;
    border-radius: 30px;
    margin-top: 120px;
  }


  .institution_set_new_password_done_message
  {
    padding-top: 70px;
    padding-bottom: 30px;
    /*border: solid 2px red;*/
  }

  .institution_set_new_password_done_message p:nth-child(1)
  {
    font-size: 22px;
  }

  .institution_set_new_password_done_message p:nth-child(2)
  {
    font-size: 12px;
  }

  .institution_set_new_password_done_login
  {
    margin-top: 10px;
  }


  .institution_set_new_password_done_login a
  {
    font-size: 14px;
    padding: 10px 20px 10px 20px;
    border-radius: 5px;
  }

  .reset_password_stage_4
  {
    margin-top: 20px;
  }

  .reset_password_stage_4 p
  {
    font-size: 17px;
  }
}

@media screen and (min-width:990px) and (max-width:1023px)
{
  .institution_set_new_password_done
  {
    /*height: 320px;*/
    height: auto;
    width: 70%;
    margin-left: 15%;
    border-radius: 30px;
    margin-top: 150px;
  }


  .institution_set_new_password_done_message
  {
    padding-top: 50px;
    padding-bottom: 20px;
    /*border: solid 2px red;*/
  }

  .institution_set_new_password_done_message p:nth-child(1)
  {
    font-size: 20px;
  }

  .institution_set_new_password_done_message p:nth-child(2)
  {
    font-size: 11px;
  }

  .institution_set_new_password_done_login
  {
    margin-top: 5px;
  }


  .institution_set_new_password_done_login a
  {
    font-size: 12px;
    padding: 7px 15px 7px 15px;
    border-radius: 5px;
  }

  .reset_password_stage_4
  {
    margin-top: 20px;
  }

  .reset_password_stage_4 p
  {
    font-size: 16px;
  }
}

@media screen and (min-width:820px) and (max-width:989px)
{
  .institution_set_new_password_done
  {
    /*height: 340px;*/
    height: auto;
    width: 70%;
    margin-left: 15%;
    border-radius: 30px;
    background-color: #000000A5;
    margin-top: 110px;
  }


  .institution_set_new_password_done_message
  {
    padding-top: 60px;
    padding-bottom: 30px;
    /*border: solid 2px red;*/
  }

  .institution_set_new_password_done_message p:nth-child(1)
  {
    font-size: 24px;
  }

  .institution_set_new_password_done_message p:nth-child(2)
  {
    text-align: center;
    font-size: 14px;
  }

  .institution_set_new_password_done_login
  {
    margin-top: 5px;
  }


  .institution_set_new_password_done_login a
  {
    font-size: 14px;
    padding: 10px 20px 10px 20px;
    border-radius: 5px;
  }

  .reset_password_stage_4
  {
    margin-top: 45px;
  }

  .reset_password_stage_4 p
  {
    font-size: 18px;
  }
}

@media screen and (min-width:800px) and (max-width:819px)
{
  .institution_set_new_password_done
  {
    /*height: 340px;*/
    height: auto;
    width: 70%;
    margin-left: 15%;
    border-radius: 30px;
    margin-top: 110px;
  }


  .institution_set_new_password_done_message
  {
    padding-top: 60px;
    padding-bottom: 30px;
    /*border: solid 2px red;*/
  }

  .institution_set_new_password_done_message p:nth-child(1)
  {
    font-size: 24px;
  }

  .institution_set_new_password_done_message p:nth-child(2)
  {
    font-size: 14px;
  }

  .institution_set_new_password_done_login
  {
    margin-top: 5px;
  }


  .institution_set_new_password_done_login a
  {
    font-size: 14px;
    padding: 10px 20px 10px 20px;
    border-radius: 5px;
  }

  .reset_password_stage_4
  {
    margin-top: 45px;
  }

  .reset_password_stage_4 p
  {
    font-size: 18px;
  }
}

@media screen and (min-width:768px) and (max-width:799px)
{
  .institution_set_new_password_done
  {
    /*height: 340px;*/
    height: auto;
    width: 70%;
    margin-left: 15%;
    border-radius: 30px;
    margin-top: 110px;
  }


  .institution_set_new_password_done_message
  {
    padding-top: 60px;
    padding-bottom: 30px;
    /*border: solid 2px red;*/
  }

  .institution_set_new_password_done_message p:nth-child(1)
  {
    font-size: 22px;
  }

  .institution_set_new_password_done_message p:nth-child(2)
  {
    font-size: 12px;
  }

  .institution_set_new_password_done_login
  {
    margin-top: 5px;
  }


  .institution_set_new_password_done_login a
  {
    font-size: 14px;
    padding: 10px 20px 10px 20px;
    border-radius: 5px;
  }

  .reset_password_stage_4
  {
    margin-top: 35px;
  }

  .reset_password_stage_4 p
  {
    font-size: 18px;
  }
}

@media screen and (min-width:670px) and (max-width:767px)
{
  .institution_set_new_password_done
  {
    /*height: 340px;*/
    height: auto;
    width: 70%;
    margin-left: 15%;
    border-radius: 30px;
    margin-top: 110px;
  }


  .institution_set_new_password_done_message
  {
    padding-top: 60px;
    padding-bottom: 30px;
    /*border: solid 2px red;*/
  }

  .institution_set_new_password_done_message p:nth-child(1)
  {
    font-size: 22px;
  }

  .institution_set_new_password_done_message p:nth-child(2)
  {
    font-size: 12px;
  }

  .institution_set_new_password_done_login
  {
    margin-top: 5px;
  }


  .institution_set_new_password_done_login a
  {
    font-size: 14px;
    padding: 7px 15px 7px 15px;
    border-radius: 5px;
  }

  .reset_password_stage_4
  {
    margin-top: 55px;
  }

  .reset_password_stage_4 p
  {
    font-size: 16px;
  }
}

@media screen and (min-width:590px) and (max-width:669px)
{
  .institution_set_new_password_done
  {
    /*height: 340px;*/
    height: auto;
    width: 70%;
    margin-left: 15%;
    border-radius: 30px;
    margin-top: 110px;
  }

  .institution_set_new_password_done_message
  {
    padding-top: 50px;
    padding-bottom: 30px;
    /*border: solid 2px red;*/
  }

  .institution_set_new_password_done_message p:nth-child(1)
  {
    font-size: 20px;
  }

  .institution_set_new_password_done_message p:nth-child(2)
  {
    font-size: 11px;
  }

  .institution_set_new_password_done_login
  {
    margin-top: 5px;
  }


  .institution_set_new_password_done_login a
  {
    font-size: 12px;
    padding: 7px 15px 7px 15px;
    border-radius: 5px;
  }

  .reset_password_stage_4
  {
    margin-top: 35px;
  }

  .reset_password_stage_4 p
  {
    font-size: 17px;
  }
}

@media screen and (min-width:500px) and (max-width:589px)
{
  .institution_set_new_password_done
  {
    /*height: 340px;*/
    height: auto;
    width: 70%;
    margin-left: 15%;
    border-radius: 30px;
    margin-top: 110px;
  }

  .institution_set_new_password_done_message
  {
    padding-top: 50px;
    padding-bottom: 30px;
    /*border: solid 2px red;*/
  }

  .institution_set_new_password_done_message p:nth-child(1)
  {
    font-size: 20px;
  }

  .institution_set_new_password_done_message p:nth-child(2)
  {
    font-size: 11px;
  }

  .institution_set_new_password_done_login
  {
    margin-top: 5px;
  }


  .institution_set_new_password_done_login a
  {
    font-size: 12px;
    padding: 7px 15px 7px 15px;
    border-radius: 5px;
  }

  .reset_password_stage_4
  {
    margin-top: 35px;
  }

  .reset_password_stage_4 p
  {
    font-size: 17px;
  }
}

@media screen and (min-width:460px) and (max-width:499px)
{
  .institution_set_new_password_done
  {
    /*height: 340px;*/
    height: auto;
    width: 70%;
    margin-left: 15%;
    border-radius: 30px;
    margin-top: 110px;
  }

  .institution_set_new_password_done_message
  {
    padding-top: 40px;
    padding-bottom: 20px;
    /*border: solid 2px red;*/
  }

  .institution_set_new_password_done_message p:nth-child(1)
  {
    font-size: 19px;
  }

  .institution_set_new_password_done_message p:nth-child(2)
  {
    font-size: 11px;
  }

  .institution_set_new_password_done_login
  {
    margin-top: 5px;
  }


  .institution_set_new_password_done_login a
  {
    font-size: 12px;
    padding: 7px 15px 7px 15px;
    border-radius: 5px;
  }

  .reset_password_stage_4
  {
    margin-top: 25px;
  }

  .reset_password_stage_4 p
  {
    font-size: 16px;
  }
}

@media screen and (min-width:425px) and (max-width:459px)
{
  .institution_set_new_password_done
  {
    /*height: 340px;*/
    height: auto;
    width: 70%;
    margin-left: 15%;
    border-radius: 30px;
    margin-top: 110px;
  }

  .institution_set_new_password_done_message
  {
    padding-top: 40px;
    padding-bottom: 15px;
    /*border: solid 2px red;*/
  }

  .institution_set_new_password_done_message p:nth-child(1)
  {
    font-size: 18px;
  }

  .institution_set_new_password_done_message p:nth-child(2)
  {
    font-size: 11px;
  }

  .institution_set_new_password_done_login
  {
    margin-top: 5px;
  }


  .institution_set_new_password_done_login a
  {
    font-size: 12px;
    padding: 7px 15px 7px 15px;
    border-radius: 5px;
  }

  .reset_password_stage_4
  {
    margin-top: 20px;
  }

  .reset_password_stage_4 p
  {
    font-size: 15px;
  }
}

@media screen and (min-width:400px) and (max-width:424px)
{
  .institution_set_new_password_done
  {
    /*height: 340px;*/
    height: auto;
    width: 70%;
    margin-left: 15%;
    border-radius: 30px;
    margin-top: 110px;
  }

  .institution_set_new_password_done_message
  {
    padding-top: 40px;
    padding-bottom: 15px;
    /*border: solid 2px red;*/
  }

  .institution_set_new_password_done_message p:nth-child(1)
  {
    font-size: 17px;
  }

  .institution_set_new_password_done_message p:nth-child(2)
  {
    font-size: 10px;
  }

  .institution_set_new_password_done_login
  {
    margin-top: 5px;
  }


  .institution_set_new_password_done_login a
  {
    font-size: 12px;
    padding: 7px 15px 7px 15px;
    border-radius: 5px;
  }

  .reset_password_stage_4
  {
    margin-top: 20px;
  }

  .reset_password_stage_4 p
  {
    font-size: 15px;
  }
}

@media screen and (min-width:375px) and (max-width:399px)
{
  .institution_set_new_password_done
  {
    /*height: 340px;*/
    height: auto;
    width: 70%;
    margin-left: 15%;
    border-radius: 25px;
    margin-top: 110px;
  }

  .institution_set_new_password_done_message
  {
    padding-top: 30px;
    padding-bottom: 15px;
    /*border: solid 2px red;*/
  }

  .institution_set_new_password_done_message p:nth-child(1)
  {
    font-size: 16px;
  }

  .institution_set_new_password_done_message p:nth-child(2)
  {
    font-size: 10px;
  }

  .institution_set_new_password_done_login
  {
    margin-top: 5px;
  }


  .institution_set_new_password_done_login a
  {
    font-size: 10px;
    padding: 7px 15px 7px 15px;
    border-radius: 5px;
  }

  .reset_password_stage_4
  {
    margin-top: 15px;
  }

  .reset_password_stage_4 p
  {
    font-size: 15px;
  }
}

@media screen and (min-width:320px) and (max-width:374px)
{
  .institution_set_new_password_done
  {
    /*height: 340px;*/
    height: auto;
    width: 70%;
    margin-left: 19%;
    border-radius: 25px;
    margin-top: 110px;
  }

  .institution_set_new_password_done_message
  {
    padding-top: 30px;
    padding-bottom: 15px;
    /*border: solid 2px red;*/
  }

  .institution_set_new_password_done_message p:nth-child(1)
  {
    font-size: 15px;
  }

  .institution_set_new_password_done_message p:nth-child(2)
  {
    font-size: 10px;
  }

  .institution_set_new_password_done_login
  {
    margin-top: 5px;
  }


  .institution_set_new_password_done_login a
  {
    font-size: 10px;
    padding: 7px 15px 7px 15px;
    border-radius: 5px;
  }

  .reset_password_stage_4
  {
    margin-top: 15px;
  }

  .reset_password_stage_4 p
  {
    font-size: 15px;
  }
}

@media (max-width: 320px)
{
  html, body {
    min-width: 400px;
    overflow-x: auto;
  }
}


@media screen and (min-width:200px) and (max-width:299px)
{
  .institution_set_new_password_done
  {
    /*height: 340px;*/
    height: auto;
    width: 86%;
    margin-left: 15%;
    border-radius: 25px;
    margin-top: 110px;
  }

  .institution_set_new_password_done_message
  {
    padding-top: 30px;
    padding-bottom: 15px;
    /*border: solid 2px red;*/
  }

  .institution_set_new_password_done_message p:nth-child(1)
  {
    font-size: 15px;
  }

  .institution_set_new_password_done_message p:nth-child(2)
  {
    font-size: 10px;
  }

  .institution_set_new_password_done_login
  {
    margin-top: 5px;
  }


  .institution_set_new_password_done_login a
  {
    font-size: 10px;
    padding: 7px 15px 7px 15px;
    border-radius: 5px;
  }

  .reset_password_stage_4
  {
    margin-top: 15px;
  }

  .reset_password_stage_4 p
  {
    font-size: 15px;
  }
}

@media screen and (min-width:100px) and (max-width:199px)
{
  .institution_set_new_password_done
  {
    /*height: 340px;*/
    height: auto;
    width: 86%;
    margin-left: 15%;
    border-radius: 25px;
    margin-top: 110px;
  }

  .institution_set_new_password_done_message
  {
    padding-top: 30px;
    padding-bottom: 15px;
    /*border: solid 2px red;*/
  }

  .institution_set_new_password_done_message p:nth-child(1)
  {
    font-size: 15px;
  }

  .institution_set_new_password_done_message p:nth-child(2)
  {
    font-size: 10px;
  }

  .institution_set_new_password_done_login
  {
    margin-top: 5px;
  }


  .institution_set_new_password_done_login a
  {
    font-size: 10px;
    padding: 7px 15px 7px 15px;
    border-radius: 5px;
  }

  .reset_password_stage_4
  {
    margin-top: 15px;
  }

  .reset_password_stage_4 p
  {
    font-size: 15px;
  }
}


/*********************************************************** Teacher Password Reset Done **************************************************/
.teacher_set_new_password_done
{
  /*height: 380px;*/
  height: auto;
  width: 60%;
  margin-left: 12%;
  border-radius: 30px;
  background-color: #000000A5;
  font-family: Montserrat;
  margin-top: 95px;
}



.teacher_set_new_password_done_message
{
  color: #FFFFFF;
}

.teacher_set_new_password_done_message
{
  width: 80%;
  padding: 120px 10% 67px 10%;
  align-items: center;
}


.teacher_set_new_password_done_message p:nth-child(1)
{
  text-align: center;
  font-weight: bold;
  font-size: 24px;
}


.teacher_set_new_password_done_message p:nth-child(2)
{
  text-align: center;
  font-size: 12px;
}


.teacher_set_new_password_done_login
{
  text-align: center;
}

.teacher_set_new_password_done_login a
{
  text-decoration: none;
  font-size: 10px;
  font-weight: bold;
  color: #FFFFFF;
  font-family: Montserrat;
  margin-top: 15px;
  padding: 7px 15px 7px 15px;
  font-size: 14px;
  background-color: #D99E30;
  border-radius: 3px;
}


/*****************************************   Teacher Password Reset Done Responsive pages *************************************/

@media screen and (min-width:2550px) and (max-width:3439px)
{
  .teacher_set_new_password_done
  {
    /*height: 660px;*/
    width: 70%;
    margin-left: 10%;
    border-radius: 50px;
    margin-top: 160px;
  }


  .teacher_set_new_password_done_message
  {
    padding-top: 180px;
  }

  .teacher_set_new_password_done_message p:nth-child(1)
  {
    font-size: 50px;
  }

  .teacher_set_new_password_done_message p:nth-child(2)
  {
    font-size: 26px;
  }

  .teacher_set_new_password_done_login
  {
    margin-top: 20px;
  }


  .teacher_set_new_password_done_login a
  {
    font-size: 24px;
    padding: 20px 30px 20px 30px;
    border-radius: 5px;
  }

  .reset_password_stage_4
  {
    margin-top: 50px;
  }

  .reset_password_stage_4 p
  {
    font-size: 28px;
  }

}

@media screen and (min-width:1920px) and (max-width:2549px)
{
  .teacher_set_new_password_done
  {
    /*height: 580px;*/
    height: auto;
    width: 70%;
    margin-left: 10%;
    border-radius: 50px;
    margin-top: 50px;
  }

  .teacher_set_new_password_done_message
  {
    padding-top: 120px;
    padding-bottom: 20px;
  }

  .teacher_set_new_password_done_message p:nth-child(1)
  {
    font-size: 40px;
  }

  .teacher_set_new_password_done_message p:nth-child(2)
  {
    font-size: 22px;
  }

  .teacher_set_new_password_done_login
  {
    margin-top: 20px;
  }

  .teacher_set_new_password_done_login a
  {
    font-size: 20px;
    padding: 15px 20px 15px 20px;
    border-radius: 5px;
  }

  .reset_password_stage_4
  {
    margin-top: 40px;
  }

  .reset_password_stage_4 p
  {
    font-size: 24px;
  }
}

@media screen and (min-width: 1600px) and (max-width: 1919px)
{
  .teacher_set_new_password_done
  {
    /*height: 460px;*/
    height: auto;
    width: 70%;
    margin-left: 10%;
    border-radius: 30px;
    margin-top: 110px;
  }

  .teacher_set_new_password_done_message
  {
    padding-top: 90px;
    /*border: solid 2px red;*/
    padding-bottom: 20px;
  }

  .teacher_set_new_password_done_message p:nth-child(1)
  {
    font-size: 32px;
  }

  .teacher_set_new_password_done_message p:nth-child(2)
  {
    font-size: 20px;
  }

  .teacher_set_new_password_done_login
  {
    margin-top: 10px;
  }

  .teacher_set_new_password_done_login a
  {
    font-size: 18px;
    padding: 10px 20px 10px 20px;
    border-radius: 5px;
  }

  .reset_password_stage_4
  {
    margin-top: 34px;
  }

  .reset_password_stage_4 p
  {
    font-size: 20px;
  }
}

@media screen and (min-width:1440px) and (max-width:1535px)
{
  .teacher_set_new_password_done
  {
    /*height: 380px;*/
    height: auto;
    width: 70%;
    margin-left: 12%;
    border-radius: 30px;
    margin-top: 110px;
  }


  .teacher_set_new_password_done_message
  {
    padding-top: 80px;
    padding-bottom: 20px;
    /*border: solid 2px red;*/
  }

  .teacher_set_new_password_done_message p:nth-child(1)
  {
    font-size: 28px;
  }

  .teacher_set_new_password_done_message p:nth-child(2)
  {
    font-size: 18px;
  }

  .teacher_set_new_password_done_login
  {
    margin-top: 10px;
  }


  .teacher_set_new_password_done_login a
  {
    font-size: 16px;
    padding: 10px 20px 10px 20px;
    border-radius: 5px;
  }

  .reset_password_stage_4
  {
    margin-top: 32px;
  }

  .reset_password_stage_4 p
  {
    font-size: 20px;
  }
}

@media screen and (min-width:1366px) and (max-width:1439px)
{
  .teacher_set_new_password_done
  {
    /*height: 360px;*/
    height: auto;
    width: 70%;
    margin-left: 12%;
    border-radius: 30px;
    margin-top: 110px;
  }


  .teacher_set_new_password_done_message
  {
    padding-top: 80px;
    padding-bottom: 30px;
    /*border: solid 2px red;*/
  }

  .teacher_set_new_password_done_message p:nth-child(1)
  {
    font-size: 26px;
  }

  .teacher_set_new_password_done_message p:nth-child(2)
  {
    text-align: center;
    font-size: 16px;
  }

  .teacher_set_new_password_done_login
  {
    margin-top: 10px;
  }


  .teacher_set_new_password_done_login a
  {
    font-size: 16px;
    padding: 10px 20px 10px 20px;
    border-radius: 5px;
  }

  .reset_password_stage_4
  {
    margin-top: 30px;
  }

  .reset_password_stage_4 p
  {
    font-size: 18px;
  }
}

@media screen and (min-width:1280px) and (max-width:1365px)
{
  .teacher_set_new_password_done
  {
    /*height: 360px;*/
    height: auto;
    width: 75%;
    margin-left: 7%;
    border-radius: 30px;
    margin-top: 110px;
  }


  .teacher_set_new_password_done_message
  {
    padding-top: 80px;
    padding-bottom: 30px;
    /*border: solid 2px red;*/
  }

  .teacher_set_new_password_done_message p:nth-child(1)
  {
    font-size: 24px;
  }

  .teacher_set_new_password_done_message p:nth-child(2)
  {
    font-size: 14px;
  }

  .teacher_set_new_password_done_login
  {
    margin-top: 10px;
  }


  .teacher_set_new_password_done_login a
  {
    font-size: 15px;
    padding: 10px 20px 10px 20px;
    border-radius: 5px;
  }

  .reset_password_stage_4
  {
    margin-top: 30px;
  }

  .reset_password_stage_4 p
  {
    font-size: 17px;
  }
}

@media screen and (min-width:1024px) and (max-width:1279px)
{
  .teacher_set_new_password_done
  {
    /*height: 360px;*/
    height: auto;
    width: 78%;
    margin-left: 7%;
    border-radius: 30px;
    margin-top: 120px;
  }


  .teacher_set_new_password_done_message
  {
    padding-top: 70px;
    padding-bottom: 30px;
    /*border: solid 2px red;*/
  }

  .teacher_set_new_password_done_message p:nth-child(1)
  {
    font-size: 22px;
  }

  .teacher_set_new_password_done_message p:nth-child(2)
  {
    font-size: 12px;
  }

  .teacher_set_new_password_done_login
  {
    margin-top: 10px;
  }


  .teacher_set_new_password_done_login a
  {
    font-size: 14px;
    padding: 10px 20px 10px 20px;
    border-radius: 5px;
  }

  .reset_password_stage_4
  {
    margin-top: 20px;
  }

  .reset_password_stage_4 p
  {
    font-size: 17px;
  }
}

@media screen and (min-width:990px) and (max-width:1023px)
{
  .teacher_set_new_password_done
  {
    /*height: 320px;*/
    height: auto;
    width: 70%;
    margin-left: 15%;
    border-radius: 30px;
    margin-top: 150px;
  }


  .teacher_set_new_password_done_message
  {
    padding-top: 50px;
    padding-bottom: 20px;
    /*border: solid 2px red;*/
  }

  .teacher_set_new_password_done_message p:nth-child(1)
  {
    font-size: 20px;
  }

  .teacher_set_new_password_done_message p:nth-child(2)
  {
    font-size: 11px;
  }

  .teacher_set_new_password_done_login
  {
    margin-top: 5px;
  }


  .teacher_set_new_password_done_login a
  {
    font-size: 12px;
    padding: 7px 15px 7px 15px;
    border-radius: 5px;
  }

  .reset_password_stage_4
  {
    margin-top: 20px;
  }

  .reset_password_stage_4 p
  {
    font-size: 16px;
  }
}

@media screen and (min-width:820px) and (max-width:989px)
{
  .teacher_set_new_password_done
  {
    /*height: 340px;*/
    height: auto;
    width: 70%;
    margin-left: 15%;
    border-radius: 30px;
    background-color: #000000A5;
    margin-top: 110px;
  }


  .teacher_set_new_password_done_message
  {
    padding-top: 60px;
    padding-bottom: 30px;
    /*border: solid 2px red;*/
  }

  .teacher_set_new_password_done_message p:nth-child(1)
  {
    font-size: 24px;
  }

  .teacher_set_new_password_done_message p:nth-child(2)
  {
    text-align: center;
    font-size: 14px;
  }

  .teacher_set_new_password_done_login
  {
    margin-top: 5px;
  }

  .teacher_set_new_password_done_login a
  {
    font-size: 14px;
    padding: 10px 20px 10px 20px;
    border-radius: 5px;
  }

  .reset_password_stage_4
  {
    margin-top: 45px;
  }

  .reset_password_stage_4 p
  {
    font-size: 18px;
  }
}

@media screen and (min-width:800px) and (max-width:819px)
{
  .teacher_set_new_password_done
  {
    /*height: 340px;*/
    height: auto;
    width: 70%;
    margin-left: 15%;
    border-radius: 30px;
    margin-top: 110px;
  }


  .teacher_set_new_password_done_message
  {
    padding-top: 60px;
    padding-bottom: 30px;
    /*border: solid 2px red;*/
  }

  .teacher_set_new_password_done_message p:nth-child(1)
  {
    font-size: 24px;
  }

  .teacher_set_new_password_done_message p:nth-child(2)
  {
    font-size: 14px;
  }

  .teacher_set_new_password_done_login
  {
    margin-top: 5px;
  }


  .teacher_set_new_password_done_login a
  {
    font-size: 14px;
    padding: 10px 20px 10px 20px;
    border-radius: 5px;
  }

  .reset_password_stage_4
  {
    margin-top: 45px;
  }

  .reset_password_stage_4 p
  {
    font-size: 18px;
  }
}

@media screen and (min-width:768px) and (max-width:799px)
{
  .teacher_set_new_password_done
  {
    /*height: 340px;*/
    height: auto;
    width: 70%;
    margin-left: 15%;
    border-radius: 30px;
    margin-top: 110px;
  }


  .teacher_set_new_password_done_message
  {
    padding-top: 60px;
    padding-bottom: 30px;
    /*border: solid 2px red;*/
  }

  .teacher_set_new_password_done_message p:nth-child(1)
  {
    font-size: 22px;
  }

  .teacher_set_new_password_done_message p:nth-child(2)
  {
    font-size: 12px;
  }

  .teacher_set_new_password_done_login
  {
    margin-top: 5px;
  }


  .teacher_set_new_password_done_login a
  {
    font-size: 14px;
    padding: 10px 20px 10px 20px;
    border-radius: 5px;
  }

  .reset_password_stage_4
  {
    margin-top: 35px;
  }

  .reset_password_stage_4 p
  {
    font-size: 18px;
  }
}

@media screen and (min-width:670px) and (max-width:767px)
{
  .teacher_set_new_password_done
  {
    /*height: 340px;*/
    height: auto;
    width: 70%;
    margin-left: 15%;
    border-radius: 30px;
    margin-top: 110px;
  }


  .teacher_set_new_password_done_message
  {
    padding-top: 60px;
    padding-bottom: 30px;
    /*border: solid 2px red;*/
  }

  .teacher_set_new_password_done_message p:nth-child(1)
  {
    font-size: 22px;
  }

  .teacher_set_new_password_done_message p:nth-child(2)
  {
    font-size: 12px;
  }

  .teacher_set_new_password_done_login
  {
    margin-top: 5px;
  }


  .teacher_set_new_password_done_login a
  {
    font-size: 14px;
    padding: 7px 15px 7px 15px;
    border-radius: 5px;
  }

  .reset_password_stage_4
  {
    margin-top: 55px;
  }

  .reset_password_stage_4 p
  {
    font-size: 16px;
  }
}

@media screen and (min-width:590px) and (max-width:669px)
{
  .teacher_set_new_password_done
  {
    /*height: 340px;*/
    height: auto;
    width: 70%;
    margin-left: 15%;
    border-radius: 30px;
    margin-top: 110px;
  }

  .teacher_set_new_password_done_message
  {
    padding-top: 50px;
    padding-bottom: 30px;
    /*border: solid 2px red;*/
  }

  .teacher_set_new_password_done_message p:nth-child(1)
  {
    font-size: 20px;
  }

  .teacher_set_new_password_done_message p:nth-child(2)
  {
    font-size: 11px;
  }

  .teacher_set_new_password_done_login
  {
    margin-top: 5px;
  }


  .teacher_set_new_password_done_login a
  {
    font-size: 12px;
    padding: 7px 15px 7px 15px;
    border-radius: 5px;
  }

  .reset_password_stage_4
  {
    margin-top: 35px;
  }

  .reset_password_stage_4 p
  {
    font-size: 17px;
  }
}

@media screen and (min-width:500px) and (max-width:589px)
{
  .teacher_set_new_password_done
  {
    /*height: 340px;*/
    height: auto;
    width: 70%;
    margin-left: 15%;
    border-radius: 30px;
    margin-top: 110px;
  }

  .teacher_set_new_password_done_message
  {
    padding-top: 50px;
    padding-bottom: 30px;
    /*border: solid 2px red;*/
  }

  .teacher_set_new_password_done_message p:nth-child(1)
  {
    font-size: 20px;
  }

  .teacher_set_new_password_done_message p:nth-child(2)
  {
    font-size: 11px;
  }

  .teacher_set_new_password_done_login
  {
    margin-top: 5px;
  }


  .teacher_set_new_password_done_login a
  {
    font-size: 12px;
    padding: 7px 15px 7px 15px;
    border-radius: 5px;
  }

  .reset_password_stage_4
  {
    margin-top: 35px;
  }

  .reset_password_stage_4 p
  {
    font-size: 17px;
  }
}

@media screen and (min-width:460px) and (max-width:499px)
{
  .teacher_set_new_password_done
  {
    /*height: 340px;*/
    height: auto;
    width: 70%;
    margin-left: 15%;
    border-radius: 30px;
    margin-top: 110px;
  }

  .teacher_set_new_password_done_message
  {
    padding-top: 40px;
    padding-bottom: 20px;
    /*border: solid 2px red;*/
  }

  .teacher_set_new_password_done_message p:nth-child(1)
  {
    font-size: 19px;
  }

  .teacher_set_new_password_done_message p:nth-child(2)
  {
    font-size: 11px;
  }

  .teacher_set_new_password_done_login
  {
    margin-top: 5px;
  }


  .teacher_set_new_password_done_login a
  {
    font-size: 12px;
    padding: 7px 15px 7px 15px;
    border-radius: 5px;
  }

  .reset_password_stage_4
  {
    margin-top: 25px;
  }

  .reset_password_stage_4 p
  {
    font-size: 16px;
  }
}

@media screen and (min-width:425px) and (max-width:459px)
{
  .teacher_set_new_password_done
  {
    /*height: 340px;*/
    height: auto;
    width: 70%;
    margin-left: 15%;
    border-radius: 30px;
    margin-top: 110px;
  }

  .teacher_set_new_password_done_message
  {
    padding-top: 40px;
    padding-bottom: 15px;
    /*border: solid 2px red;*/
  }

  .teacher_set_new_password_done_message p:nth-child(1)
  {
    font-size: 18px;
  }

  .teacher_set_new_password_done_message p:nth-child(2)
  {
    font-size: 11px;
  }

  .teacher_set_new_password_done_login
  {
    margin-top: 5px;
  }


  .teacher_set_new_password_done_login a
  {
    font-size: 12px;
    padding: 7px 15px 7px 15px;
    border-radius: 5px;
  }

  .reset_password_stage_4
  {
    margin-top: 20px;
  }

  .reset_password_stage_4 p
  {
    font-size: 15px;
  }
}

@media screen and (min-width:400px) and (max-width:424px)
{
  .teacher_set_new_password_done
  {
    /*height: 340px;*/
    height: auto;
    width: 70%;
    margin-left: 15%;
    border-radius: 30px;
    margin-top: 110px;
  }

  .teacher_set_new_password_done_message
  {
    padding-top: 40px;
    padding-bottom: 15px;
    /*border: solid 2px red;*/
  }

  .teacher_set_new_password_done_message p:nth-child(1)
  {
    font-size: 17px;
  }

  .teacher_set_new_password_done_message p:nth-child(2)
  {
    font-size: 10px;
  }

  .teacher_set_new_password_done_login
  {
    margin-top: 5px;
  }

  .teacher_set_new_password_done_login a
  {
    font-size: 12px;
    padding: 7px 15px 7px 15px;
    border-radius: 5px;
  }

  .reset_password_stage_4
  {
    margin-top: 20px;
  }

  .reset_password_stage_4 p
  {
    font-size: 15px;
  }
}

@media screen and (min-width:375px) and (max-width:399px)
{
  .teacher_set_new_password_done
  {
    /*height: 340px;*/
    height: auto;
    width: 70%;
    margin-left: 15%;
    border-radius: 25px;
    margin-top: 110px;
  }

  .teacher_set_new_password_done_message
  {
    padding-top: 30px;
    padding-bottom: 15px;
    /*border: solid 2px red;*/
  }

  .teacher_set_new_password_done_message p:nth-child(1)
  {
    font-size: 16px;
  }

  .teacher_set_new_password_done_message p:nth-child(2)
  {
    font-size: 10px;
  }

  .teacher_set_new_password_done_login
  {
    margin-top: 5px;
  }


  .teacher_set_new_password_done_login a
  {
    font-size: 10px;
    padding: 7px 15px 7px 15px;
    border-radius: 5px;
  }

  .reset_password_stage_4
  {
    margin-top: 15px;
  }

  .reset_password_stage_4 p
  {
    font-size: 15px;
  }
}

@media screen and (min-width:320px) and (max-width:374px)
{
  .teacher_set_new_password_done
  {
    /*height: 340px;*/
    height: auto;
    width: 70%;
    margin-left: 19%;
    border-radius: 25px;
    margin-top: 110px;
  }

  .teacher_set_new_password_done_message
  {
    padding-top: 30px;
    padding-bottom: 15px;
    /*border: solid 2px red;*/
  }

  .teacher_set_new_password_done_message p:nth-child(1)
  {
    font-size: 15px;
  }

  .teacher_set_new_password_done_message p:nth-child(2)
  {
    font-size: 10px;
  }

  .teacher_set_new_password_done_login
  {
    margin-top: 5px;
  }


  .teacher_set_new_password_done_login a
  {
    font-size: 10px;
    padding: 7px 15px 7px 15px;
    border-radius: 5px;
  }

  .reset_password_stage_4
  {
    margin-top: 15px;
  }

  .reset_password_stage_4 p
  {
    font-size: 15px;
  }
}


@media (max-width: 320px) {
  html, body {
    min-width: 400px;
    overflow-x: auto;
  }
}