.efb-field-width-100 {
width: 100%;
}
.efb-field-width-80 {
width: 80%;
}
.efb-field-width-75 {
width: 75%;
}
.efb-field-width-66 {
width: 66%;
}
.efb-field-width-60 {
width: 60%;
}
.efb-field-width-50 {
width: 50%;
}
.efb-field-width-40 {
width: 40%;
}
.efb-field-width-33 {
width: 33%;
}
.efb-field-width-25 {
width: 25%;
}
.efb-field-width-20 {
width: 20%;
}
.solaceform-form {
margin: -5px;
}
.solaceform-form-button {
background: #1c1c1c;
display: inline-block;
color: #fff;
padding: 10px 20px;
margin: 10px 0;
cursor: pointer;
font-size: 14px;
transition: background 0.3s ease;
}
.solaceform-form-button .solace-spinner {
display: none;
width: 20px;
height: 20px;
border: 2px solid transparent;
border-top: 2px solid #fff;
border-radius: 50%;
animation: spin 0.8s linear infinite;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.solaceform-form-button.active {
position: relative;
color: transparent;
}
.solaceform-form-button.active .solace-spinner {
display: block;
}
@keyframes spin {
to { transform: translate(-50%, -50%) rotate(360deg); }
}
.solaceform-form-button svg {
color: #fff;
fill: #fff;
width: 15px;
height: 15px;
position: relative;
top: 2px;
}
.solaceform-form-button a {
color: #fff;
}
.solaceform-form label {
display: inline-block;
}
.solaceform-form input[type='text'],
.solaceform-form input[type='email'],
.solaceform-form input[type='url'],
.solaceform-form input[type='tel'],
.solaceform-form input[type='number'],
.solaceform-form input[type='date'],
.solaceform-form input[type='time'],
.solaceform-form input[type='password'] {
width: 100%;
}
.solaceform-fields {
display: inline-block;
padding: 5px;
}
.solaceform-fields label {
display: block;
}
.solaceform-fields input[type="file"] {
border: 0;
}
.solaceform-fields .info-file-types {
margin-top: 5px;
margin-bottom: 10px;
}
.solaceform-checkbox-warp {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 5px;
}
.solaceform-multi-fields select {
width: 100%;
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZmlsbD0iIzYyNjI2MiIgZD0iTTE1IDhsLTQgNi00LTZoOHoiLz48L3N2Zz4=) right center / 18px no-repeat, var(--formfieldbgcolor);
}
.solaceform-form-button-wrap {
padding: 5px;
}
.solaceform-radio-warp span {
margin-right: 20px;
display: inline-block;
}
@media only screen and (max-width: 768px) {
.efb-field-width-tablet-100 {
width: 100%;
}
.efb-field-width-tablet-80 {
width: 80%;
}
.efb-field-width-tablet-75 {
width: 75%;
}
.efb-field-width-tablet-66 {
width: 66%;
}
.efb-field-width-tablet-60 {
width: 60%;
}
.efb-field-width-tablet-50 {
width: 50%;
}
.efb-field-width-tablet-40 {
width: 40%;
}
.efb-field-width-tablet-33 {
width: 33%;
}
.efb-field-width-tablet-25 {
width: 25%;
}
.efb-field-width-tablet-20 {
width: 20%;
}
}
@media only screen and (max-width: 568px) {
.efb-field-width-mobile-100 {
width: 100%;
}
.efb-field-width-mobile-80 {
width: 80%;
}
.efb-field-width-mobile-75 {
width: 75%;
}
.efb-field-width-mobile-66 {
width: 66%;
}
.efb-field-width-mobile-60 {
width: 60%;
}
.efb-field-width-mobile-50 {
width: 50%;
}
.efb-field-width-mobile-40 {
width: 40%;
}
.efb-field-width-mobile-33 {
width: 33%;
}
.efb-field-width-mobile-25 {
width: 25%;
}
.efb-field-width-mobile-20 {
width: 20%;
}
}