.gr-row {
    display: block;
  }
  
  .gr-row-flex {
    display: flex;
    align-items: center;
  }
  .gr-row-flex .col {
    flex: auto;
  }
  .input-float {
    position: relative;
  }
  
  .input-float input {
    width: 100%;
    padding: 10px 0;
    font-size: 16px;
    /* color: #fff; */
    /* margin-bottom: 30px; */
    /* min-height: 40px; */
    border: none;
    border-bottom: 1px solid #000;
    outline: none;
    background: transparent;
  }
  
  .input-float label {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 0;
    font-size: 16px;
    /* color: #fff; */
    pointer-events: none;
    transition: 0.5s;
  }
  /* 
  .input-float input:focus  ~ label,
  .input-float input:valid  ~ label { */
  .input-float input:focus ~ label,
  .input-float input:valid ~ label {
    top: -25px;
    left: 0;
    /* color: #fff; */
    font-size: 12px;
  }
  
  .icon-pass {
    position: absolute;
    right: 0;
    top: 0;
    width: 42px;
    height: 42px;
    cursor: pointer;
  }
  
  .icon-pass .closed {
    display: none;
  }
  
  .icon-pass.show .closed {
    display: block;
  }
  /* .icon-pass .opened {
      display: block;
  } */
  
  .icon-pass.show .opened {
    display: none;
  }
  
  .mb-10 {
    margin-bottom: 10px;
  }
  
  .mb-20 {
    margin-bottom: 20px;
  }
  
  .mb-30 {
    margin-bottom: 30px;
  }
  
  .mb-40 {
    margin-bottom: 40px;
  }
  
  .gr-alerts {
    width: 100%;
    display: none;
    padding: 20px;
margin-top: 30px;
    text-align: center;
    font-size: 14px;
  }
  .gr-alerts.show {
    display: block;
  }
  
  .gr-alerts.error {
    background: rgb(255, 190, 190);
    color: rgb(46, 0, 0);
  }
  
  .disable {
    pointer-events: none;
    opacity: 0.3;
  }
  
  #gr_login_system[data-phase="1"] #recovery_pass,
  #gr_login_system[data-phase="1"] .email-send,
  #gr_login_system[data-phase="2"] #login_form,
  #gr_login_system[data-phase="3"] #login_form,
  #gr_login_system[data-phase="3"] .step-recovery,
  #gr_login_system[data-phase="2"] .email-send,
  #gr_login_system[data-phase="1"] .recovery-result,
  #gr_login_system[data-phase="2"] .recovery-result,
  #gr_login_system[data-phase="3"] .recovery-result,
  #gr_login_system[data-phase="4"] .email-send,
  #gr_login_system[data-phase="4"] #login_form,
  #gr_login_system[data-phase="4"] #login_form,
  #gr_login_system[data-phase="4"] .step-recovery,
  #gr_login_system[data-phase="4"] .email-send {
    display: none;
  }
  #gr_login_system[data-phase="2"] #recovery_pass,
  #gr_login_system[data-phase="3"] #recovery_pass,
  #gr_login_system[data-phase="3"] .email-send,
  #gr_login_system[data-phase="4"] .recovery-result {
    display: block;
  }
  
  /* Loader */
  
  .lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
  }
  .lds-ellipsis div {
    position: absolute;
    top: 33px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #000;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
  }
  .lds-ellipsis div:nth-child(1) {
    left: 8px;
    animation: lds-ellipsis1 0.6s infinite;
  }
  .lds-ellipsis div:nth-child(2) {
    left: 8px;
    animation: lds-ellipsis2 0.6s infinite;
  }
  .lds-ellipsis div:nth-child(3) {
    left: 32px;
    animation: lds-ellipsis2 0.6s infinite;
  }
  .lds-ellipsis div:nth-child(4) {
    left: 56px;
    animation: lds-ellipsis3 0.6s infinite;
  }
  @keyframes lds-ellipsis1 {
    0% {
      transform: scale(0);
    }
    100% {
      transform: scale(1);
    }
  }
  @keyframes lds-ellipsis3 {
    0% {
      transform: scale(1);
    }
    100% {
      transform: scale(0);
    }
  }
  @keyframes lds-ellipsis2 {
    0% {
      transform: translate(0, 0);
    }
    100% {
      transform: translate(24px, 0);
    }
  }
  

  div#gr-submit, div#gr-submit span {
    width: 100%;
    display:block;
    text-align:center
}