@risecx/carespace-chat-ui/lib/components/Auth/ForgotPassword/forgot-password.css

carespace-chat-ui React component

.sc-auth--forgot-password {
  height: 100%;
}
.sc-auth--forgot-password > .container {
  height: calc(100% - 85px);
  overflow-y: auto;
  flex-direction: row;
  display: flex;
  align-items: center;
  align-content: center;
}

.sc-auth--forgot-password form {
    border-radius: 5px;
    max-width: 700px;
    width: 100%;
    margin: 5% auto;
    background-color: transparent;
    overflow: hidden;
  }

.sc-auth--forgot-password  .form-group {
    overflow: hidden;
    clear: both;
    margin-left: 5px;
}

.sc-auth--forgot-password select, .sc-auth--forgot-password input {
    border-radius: 5px 5px 5px 5px;
    border: 1px solid #eee;
    margin-bottom: 15px;
    width: calc(100% - 20px);
    height: 35px;
    padding: 0 8px;
    float: left;
    font-size: 14px;
}


.sc-auth--forgot-password form.error input {
    border: 1px solid #ff4646;
  }
  
  .sc-auth--forgot-password form.error .error-message,
  .sc-auth--forgot-password form.error p {
    color: #ff4646;
    font-size: 13px;
  }
  
  .sc-auth--forgot-password form.error .error-message ul {
    margin: 0;
    padding-left: 20px;
  }
  
  .sc-auth--forgot-password .buttons {
    display: flex !important;
    width: 100% !important;
    flex-direction: column !important;
    align-items: center !important;
    margin-top: 8px;
  
  }
  
  .sc-auth--forgot-password .buttons > .button {
    margin:0px !important
  }

  .sc-auth--forgot-password  h4 {

    margin: 18px 0 0;
    margin-left: 5px;
  }
  .sc-auth--forgot-password  p {
    
    margin: 5px 0 15px;
    text-align: justify;
    margin: 0 5px 0 5px;
  }