a{
    text-decoration:unset;
    font-weight:500!important;
}
.buttons{
    display: flex;
  flex-direction: column; /* Stack children vertically */
  justify-content: center; /* Center children vertically */
  align-items: center; /* Center children horizontally */

}
.buttons > button{
    text-transform: uppercase;
    background-color:#0f47ad;
    font-weight:500!important;
}

.create{
    height: 15px;
    border-top: 1px solid rgb(126, 126, 126);
    padding-top: 10px;
    width: 100%;
    display: grid;
    padding-bottom: 50px;
    margin-top: 28px;
    margin-bottom: 28px;
}

.create > p {
    font-weight: 500;
    position: relative;
    display: contents;
}

.create a {
    float: right;
    width: 40%;
    height: 53px;
    margin: 10px auto auto;
    border-radius: 8px;
    border: none;
    margin-top:5px!important;
}

.intro{
    display:none!important;
  }

  .error {
    color:#dc3545!important
  }

  /* Cancel button on the top left corner */
  .buttons #cancel {
    text-transform: revert;
   font-weight:500;
 }
 
 /* Button to change the email after verification */
 #email_ver_but_resend{
    background-color:#fff!important;
    color:#000!important;
    font-weight:500!important;
    text-transform: revert;
    padding:unset!important;
    height:20px!important;
   }
   #email_ver_but_resend:hover{
    text-decoration:underline;
    
   }
   .verify,.attrEntry{
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center; 
   }
   /* match the width to textbox above */
   .verify{
    width:70%!important;
   }
   .verify button {
    margin: 5px 0; /* Add some vertical spacing between the buttons */
    align-self: center; /* Center each button horizontally */
    width: 100%!important;
   }
   .verify input {
    width: 100%!important;
   }
   .verificationSuccessText{
    color:#28a745!important;
   }
 
 .verificationSuccessText::after {
   content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"  viewBox="0 0 24 24"><path d="M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2zm-1 14l-5-5 1.414-1.414L11 13.172l6.293-6.293L19 8l-8 8z" fill="%2328a745"/></svg>');
   margin-left: 8px; /* Space between text and icon */
   vertical-align: middle; /* Align the icon with the text */
  fill:#28a745!important;
 }
 /* hide button to change email after verification */
 #email_ver_but_edit {
  display:none!important;
 }
/*Align labels next to textbox left*/
 .attrEntry label{
    align-self: start;
    margin-left:60px
   }
   .buttons #cancel:before {
    content: url(https://opcwb2c.b2clogin.com/static/tenant/templates/images/left-arrow.svg);
}
/* align the country dropdown with rest of input fields */
.dropdown_single{
    width:70%!important;
}
.help{
  margin-top: 5px;
}
/* do not show the continue button till email is verified */
#continue{
  width:70%;
 }