@risecx/carespace-chat-ui
Version:
carespace-chat-ui React component
93 lines (82 loc) • 1.75 kB
CSS
.sc-auth--register {
height: 100%;
}
.sc-auth--register > .container {
height: calc(100% - 96px);
overflow-y: auto;
}
.sc-auth--register form {
border-radius: 5px;
max-width: 700px;
width: 100%;
background-color: transparent;
overflow: hidden;
}
.sc-auth--register select,
.sc-auth--register input {
border-radius: 5px 5px 5px 5px;
border: 1px solid #eee;
margin-bottom: 15px;
width: calc(100% - 20px);
height: 31px;
padding: 0 8px;
float: left;
font-size: 14px;
}
.sc-auth--register .form-group {
overflow: hidden;
clear: both;
margin-left: 5px;
}
.sc-auth--register .form-group.stealth {
text-align: left;
}
.sc-auth--register .form-group.stealth input,
.sc-auth--register .form-group.stealth label {
width: auto;
color: #fff;
text-align: justify;
margin: 0 5px 0 5px;
color: #fff;
font-size: 9px;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 1px;
opacity: 0.75;
margin-bottom: 4px;
}
.sc-auth--register .form-group.stealth label {
vertical-align: sub;
display: inline-block;
}
.sc-auth--register h4 {
margin: 18px 0 0;
margin-left: 5px;
}
.sc-auth--register p {
margin: 5px 0 15px;
text-align: justify;
margin: 0 5px 0 5px;
}
.sc-auth--register form.error input {
border: 1px solid #ff4646;
}
.sc-auth--register form.error .error-message,
.sc-auth--register form.error p {
color: #ff4646;
font-size: 13px;
}
.sc-auth--register form.error .error-message ul {
margin: 0;
padding-left: 20px;
}
.sc-auth--register .buttons {
display: flex ;
width: 100% ;
flex-direction: column ;
align-items: center ;
margin-top: 8px;
}
.sc-auth--register .buttons > .button {
margin: 0px ;
}