/* Reset password */

.reset_password_header{
    margin-bottom:20px;
    font-family: Roboto, sans-serif;
}
.reset_password_label_main{
   font-size: 25px;
   color: #2b2b2b;
   font-weight: 700;
   margin-bottom: 10px;
}
.reset_password_label,.retype_password_label{
    margin-bottom: 2px;
    font-size: 16px;
    color:#2b2c2e
}
.reset_password_sub-label{
    font-size: 13px;
    color:#5b6267
}

   /* Style for password rules */
   #password-rules {
    font-size: 14px;
    line-height: 1.5;
    margin-top: 10px;
  }

  .rule-container{
    font-family: Roboto, sans-serif;
    font-size: 13px;
    line-height: 1.8;
    margin-top: 10px;
  }

  #password-status_label {
    font-size: 13px;
    font-family: Roboto, sans-serif;
    height: 11px;
    font-weight: 500;
  }

  /* Style for the password strength bar */
  #strength-bar {
    display: flex;
    height: 4px;
    background: #d7d7d7;
    margin-top: 10px;
    justify-content: space-between;
  }

  /* Style for the strength levels */
  .strength-level {
    height: 4px;
    border-radius: 2px;
    width: 20%;
    transition: width 0.3s;
    background: grey;
  }

  /* Style for the "Set Password" button */
  #set-password {
    background-color: grey;
    color: white;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    margin-top: 10px;
  }

  .tooltip-container {
    position: relative;
    display: inline-block;
  }

  /* Input box styling */
  .input-box {
    width: 200px;
    padding: 10px;
  }

  /* Tooltip styling */
  .tooltip {
    visibility: hidden;
    width: 255px;
    background-color: #d7d7d7;
    color: #2b2b2b;
    padding: 10px;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 110%; /* Adjust this value to control the distance from the input */
    transition: opacity 0.3s;
  }

  /* Tooltip display on hover */
  .tooltip-container.active .tooltip {
    visibility: visible;
    opacity: 1;
  }

  /* Tooltip arrow styling */
  .tooltip::before {
    content: "";
    position: absolute;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #d7d7d7 transparent transparent; /* Adjust border color to match tooltip background */
    left: -9px; /* Adjust this value to control the arrow position */
    top: 10%;
    transform: translateY(-50%);
  }

  .valid_email{
    display: none;
  }

  .invalid_email{
    display:block;
    color:red;
    padding-top: 2px;
  }

  .reset_email_container{
    height:10px;
  }

  .reset_email_label{
     font-weight: 500;
  }

 .check-sign-small{
  background-color: grey;
  width:12px;
  height:12px;
  border-radius: 50%;
  color:white !important;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 6px;
  margin-right: 4px;
  }

     .password_rule_wrapper{
     display: flex;
     align-items: center;
     }

     .reset-complete_container{
       font-family: Roboto, sans-serif;
      }

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

     .login-btn-width{
        width: 170px;
        text-align: center;
        margin-top: 20px;
     }

     .fs-13{
        font-size: 13px;
     }

     .password-header{
        font-size: 25px;
        margin-top: 15px;
        margin-bottom: 13px;
        color:#2b2b2b;
     }

     .resend_email{
       color:green;
       margin-left:2px;
       text-decoration: underline;
     }
     .email_text{
        font-weight: 500;
        margin-left: 2px;
     }

   .mr-top-bottom{
     margin-top:20px;
     margin-bottom: 20px;
   }

   .fw-500{
     font-weight: 500;
   }

   .text-center{
    text-align:center ;
   }

   .mt-20{
    margin-top: 30px;
   }

   .reset_password_container-done{
    font-family: Roboto, sans-serif;
   }

   .reset-password_main {
    position: relative; /* Make sure 'position' is set to 'relative' or 'absolute' */
  }
  
  /* CSS for the loader */
  #reset_password-loader {
    position: absolute; /* Position the loader relative to the 'yourDiv' */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7); /* Semi-transparent background */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
  }
  .hidden {
    display : none !important;
  }
  .reset-password-error-message{
    color: red;
    margin-bottom : 10px;
  }
  .retype_password_container{
    margin-top: 20px;
  }
  .reset-password-row{
    padding-top: 0px !important;
  }

  #password_heading{
    font-weight: 700;
  }

  .resetPassForm{
    font-family: Roboto, sans-serif;
  }