
.signup-form
{
    /*height: 532px;*/
    min-width: 320px;
    background-color: #FFFFFF;
    /* overflow: auto; */
    border-radius: 10px;
    z-index: 9999;
    position: relative;
    padding: 20px;
    /* top: -60px; */
    margin-bottom: 10%;
}

/* Animations */

@keyframes inputHighlighter {
  from {
      background: #23CDFC;
  }
  to {
      width: 0;
      background: transparent;
  }
}
.email-check {
  width: 19px;
  height: 19px;
  background-color: #44D69C;
  border-radius: 50%;
  padding: 4px;
  margin-top: 10px;
}
.success-msg {
  text-align: left;
  padding: 0px 10px;
  font-size: 14px;
  color: lightgreen;
}

.error-msg{
  text-align: left;
  padding: 0px 10px;
  font-size: 14px;
  color: red;
}

.demo-tab-content {
  padding: 16px;
  min-height: 650px;
}

.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;
}

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

.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;
  font-family: Roboto;
  font-size: 16px;
  line-height: 1.7;
  margin-top: 4%;
  height: 55px;
  letter-spacing: 1px;
}
input {
  font-size: 18px;
  padding: 10px 10px 10px 5px;
  -webkit-appearance: none;
  display: block;
  color: #636363;
  width: 100%;
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #757575;
}

input:focus {
  outline: none;
  border-bottom: 1px solid #23CDFC;
}