@risecx/carespace-chat-ui/lib/components/Auth/Login/login.css

carespace-chat-ui React component

.sc-auth--login {
  height: calc(100% - 10px);
  display: flex;
  flex-direction: column;
  align-items: inherit;
  justify-content: center;
}

.sc-auth--login form {
  border-radius: 5px;
  max-width: 700px;
  width: 100%;
  margin: 5% auto;
  background-color: transparent;
  overflow: hidden;
}
.sc-auth--login select,
.sc-auth--login input {
  border-radius: 5px 5px 5px 5px;
  border: 1px solid #eee;
  margin-bottom: 15px;
  width: calc(100% - 15px);
  height: 40px;
  float: left;
  font-size: 14px;
  padding-left: 5px;
}

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

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

.sc-auth--login form.error input {
  border: 1px solid #ff4646;
}

.sc-auth--login form.error .error-message,
.sc-auth--login form.error p {
  color: #ff4646;
  font-size: 13px;
}
.sc-auth--login .buttons .or {
  margin: 10px;
  color: #fff;
  font-size: 13px;
}