.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 {
display: inline-block;
cursor: pointer;
background: var(--sol-color-button-initial);
color: var(--sol-color-page-title-text);
border-radius: 0;
}
.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: inline-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.block div {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.solaceform-multi-fields.inline div {
display: flex;
flex-wrap: wrap;
margin-right: 15px;
}
.solaceform-multi-fields.inline div span {
padding-left: 6px;
}
.solaceform-multi-fields.block div .box {
display: flex;
flex-wrap: wrap;
flex-direction: row;
align-items: center;
gap: 6px;
}
.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-form-button-wrap .box-button button {
width: auto;
} @media only screen and (min-width: 1025px) {
.solaceform-form-button-wrap .box-button button.stretch-desktop {
width: 100% !important;
}
} @media only screen and (max-width: 1024px) and (min-width: 768px) {
.solaceform-form-button-wrap .box-button button.stretch-tablet {
width: 100% !important;
}
} @media only screen and (max-width: 767px) {
.solaceform-form-button-wrap .box-button button.stretch-mobile {
width: 100% !important;
}
}
.solaceform-radio-warp span {
display: inline-block;
} @media only screen and (max-width: 1024px) {
.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: 767px) {
.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%;
}
}