@risecx/carespace-chat-ui
Version:
carespace-chat-ui React component
59 lines (53 loc) • 1.04 kB
CSS
.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;
}