.crowdform form input[type=email]:focus,
.crowdform form input[type=password]:focus,
.crowdform form input[type=text]:focus {
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
border: 2px solid #6200ee
}
.crowdform .form-row {
position: relative;
}
.crowdform form input[type=email].is-invalid,
.crowdform form input[type=email].is-invalid:focus,
.crowdform form input[type=password].is-invalid,
.crowdform form input[type=password].is-invalid:focus,
.crowdform form input[type=text].is-invalid,
.crowdform form input[type=text].is-invalid:focus {
border: 2px solid #b00020
}
.crowdform.was-validated input:invalid+.floating-label {
top: -8px;
left: 16.5px;
font-size: .75rem;
opacity: 1;
padding: 0 3px;
color: #b00020;
position: relative;
}
.crowdform.was-validated input:invalid {
border: 2px solid #b00020
}
.crowdform.was-validated .form-check-input.is-valid~.form-check-label,
.crowdform.was-validated .form-check-input:valid~.form-check-label {
color: rgba(0,0,0,.6)
}
.crowdform input:not(:-moz-placeholder-shown)+.floating-label {
top: -8px;
left: 16.5px;
font-size: .75rem;
opacity: 1;
padding: 0 3px
}
.crowdform input:not(:-ms-input-placeholder)+.floating-label {
top: -8px;
left: 16.5px;
font-size: .75rem;
opacity: 1;
padding: 0 3px
}
.crowdform input.is-invalid+.floating-label,
.crowdform input:focus+.floating-label,
.crowdform input:not(:placeholder-shown)+.floating-label,
.crowdform textarea.is-invalid+.floating-label,
.crowdform textarea:focus+.floating-label,
.crowdform textarea:not(:placeholder-shown)+.floating-label{
top: -8px;
left: 16.5px;
font-size: .75rem;
opacity: 1;
padding: 0 3px
}
.crowdform input:focus+.floating-label {
color: #6200ee
}
.crowdform input:not(:-moz-placeholder-shown)+.floating-label {
color: #050505
}
.crowdform input:not(:-ms-input-placeholder)+.floating-label {
color: #050505
}
.crowdform input:not(:placeholder-shown)+.floating-label {
color: #050505
}
.crowdform input.is-invalid+.floating-label {
color: #b00020
}
.crowdform .form-group {
position: relative
}
.crowdform .floating-label {
position: absolute;
pointer-events: none;
left: 20px;
top: 18px;
font-size: 1rem;
background-color: #fff;
-webkit-transition: .2s ease all;
-o-transition: .2s ease all;
transition: .2s ease all;
cursor: text
}