/* global add flex-wrap */ .anuform fieldset div.field { flex-wrap: wrap; } /* description start */ /* Comment out only for this form .field > .webform-element-description { display: flex; flex-direction: column; width: 90%; margin-top: 10px; align-items: end; } */ .webform-element-description .instruction { width:77%; } /* description end */ .anuform fieldset fieldset input.form-text, .anuform fieldset fieldset .form-email { margin-left: unset; } /* file field start */ [id^="ajax-wrapper"] { background-color: transparent; margin: 0; padding: 0 0 10px 3%; margin-bottom: 10px; display: block; } /* Comment out only for this form [id^="ajax-wrapper"] .description { display: flex; flex-direction: column; width: 90%; margin-top: 10px; align-items: end; } */ [id^="ajax-wrapper"] .description > .webform-element-description { width: 77%; } /* file field end */ /* checkboxes start */ .anuform fieldset fieldset.checkboxes--wrapper legend { width: 20.8333%; padding-right: 20px; float: left; text-align: right; position: relative; overflow-x: hidden; font-weight: 400; } .anuform fieldset fieldset.checkboxes--wrapper { padding: 0 0 0 5px; margin: 10px 0 0; clear: both; display: flex; flex-direction: row; } .anuform fieldset .form-checkboxes .field-span { width: unset; } .checkboxes--wrapper > .fieldset-wrapper { width: 70%; } .anuform .form-checkboxes label { width: 90%; padding: 5px 0px 0px 5px; } .anuform fieldset .form-checkboxes div.field div.field-span { width: unset; padding-right: 5px; } .anuform fieldset .form-checkboxes div.field label { text-align: left; } /* checkboxes end */ /* Radio buttons start */ .anuform fieldset.webform-type-radios { padding: 0 0 0 3%; margin: 10px 0 0; clear: both; display: flex; flex-direction: row; } .anuform fieldset.webform-type-radios legend { width: 20.8333%; padding-right: 20px; float: left; text-align: right; position: relative; overflow-x: hidden; font-weight: 400; } .anuform fieldset.webform-type-radios .js-form-item.js-form-type-radio { padding: 0 0 0 5px; margin: 10px 0 0; clear: both; display: flex; flex-direction: row; } .anuform fieldset.webform-type-radios > .fieldset-wrapper { width: 70%; } .anuform fieldset.webform-type-radios fieldset.radiofield .js-form-type-radio div.field-span { width: unset; padding-right: 5px; } /* Radio buttons end */ /* Declaration start */ .anuform .form-item-declaration { background-color: transparent; margin: 0; padding: 0 0 10px 3%; margin-bottom: 10px; display: block; clear: both; display: flex; flex-direction: row; } .anuform .form-item-declaration label { width: 30%; } .anuform .form-item-declaration .description label { width: unset; } /* Declaration end */ .anuform fieldset div.fieldset-wrapper .js-form-type-checkbox { padding: 0 0 0 5px; margin: 10px 0 0; clear: both; display: flex; flex-direction: row; } .anuform fieldset div.fieldset-wrapper .js-form-type-checkbox div.field-span { width: unset; } fieldset fieldset { border: none; } /* Only for this form*/ .form-item{ margin:0px; margin-top:0px !important; } .js-form-type-checkbox{ display: flex; } .option{ margin-left: 5px; } .js-form-type-tel, #edit-you-are--wrapper, #edit-do-you-require-access-to-facilities-if-so-what-facilities-please--wrapper{ padding-block-start: 0.35em; padding-inline-start: 0.75em; padding-inline-end: 0.75em; padding-block-end: 0.625em; margin:0px !important; } label.req::after, .anuform-inline-black label.req::after, .anuform-inline-tint label.req::after { content: " *"; color: red; font-weight: 700; vertical-align: text-top; } .required legend::after{ content: " *"; color: red; font-weight: 700; vertical-align: text-top; }