
.error-msg{
    text-align: left;
    padding: 0px 10px;
    font-size: 14px;
    color: red;
  }
  
  .demo-tab-content {
    padding: 16px;
    min-height: 650px;
    text-align: webkit-center;
  }
  
  .signup_email_page {
    padding-top: 8rem;
  }
  
  .signup_step2 {
    color: #002940;
    font-family: Roboto;
    font-size: 22px;
    text-align: left;
  }
  
  .signup_step2 .email_det {
    opacity: 0.7;
    color: #002940;
    font-family: Roboto;
    font-size: 14px;
  }
  div.input {
    position: relative;
  }
  
  
  ::ng-deep .mat-form-field-infix {
    padding: 10px 0 0 0;
    font-size: 14px;
  }
  
  
  
  .button-left:focus,
  .button_right:focus {
    outline-color: transparent;
  }
  
  /*signupform-styles*/
  
  .button-left {
    height: 45px;
    width: 175px;
    border: 2px solid #FFFFFF;
    background-color: #23CDFC;
    font-size: 0.78em;
    font-family: robotoregular;
    border-radius: 30px;
    text-align: center;
    margin-top: 10px;
    color: #FFF;
  }
  
  .button-left:focus,
  .button_right:focus {
    outline-color: transparent;
  }
  
  .container-left {
    width: 100%;
    color: #FFFFFF;
    font-family: robotothin;
    font-size: 1.7em;
    line-height: 1em;
    text-align: center;
    margin: 8px 0px;
    float: left;
  }
  
  
  /*signupform-styles*/
  .btn_py_login {
    background-color: #01A6FF;
    color: #FFFFFF;
    text-transform: uppercase;
    width: 350px;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 1.7;
    margin-top: 4%;
    height: 55px;
    letter-spacing: 1px;
  }
  
  .btn_add_img {
    background-color: #01A6FF;
    border-radius: 50%;
    position: absolute;
  }

  .mat-form-field{
    width: 100%;
  }

  .mat-select{
      width: 100%;
      padding-bottom: 1.25em;
      text-align: left;
      padding-top:0px;
  }

  .mat-select.gender{
      padding-top: 5px;
  }

  .mat-select.govtId{
      padding-top: 7px;
  }

  @media (min-width: 1200px){
    .container{
      width: 900px;
    }
  }

  .user-icon {
      border-radius: 50%;
      height: 100px;
      width: 100px;
      margin: 20px 0;
  }

  .fa.fa-arrow-left{
    padding-right: 20px;
    color: #01A6FF;
  }
  
  .mat-chip:not(.mat-basic-chip) {
    transition: box-shadow 280ms cubic-bezier(.4,0,.2,1);
    display: inline-flex;
    padding: 7px 12px;
    border-radius: 2px;
    align-items: center;
    cursor: default;
}