div[role="contentinfo"] {
    border: 2px solid #80C58C ;
    padding: 0.5rem;
    font-size: 1.2rem;
    margin-bottom: 1rem;
    border-radius: 3px;
}
div[aria-label="Error message"] {
    border: 2px solid #e14465;
}
.webform-submission-irap-v2-form #edit-certifications input[required]+label:after,
.webform-submission-irap-v2-form #edit-flexbox-21 label:after,
.webform-submission-irap-v2-form label.form-required:after,
.webform-submission-irap-v2-form span.form-required:after {
  content: "  *";
  color: red;
  display: inline-block;
  padding-left: 2px;
}
input.error, textarea.error, fieldset.error, select.error + .select2 .select2-selection {border: 2px solid #e14465 !important;}
fieldset.error .error {border: 1px solid #eae2e9 !important;}

.form-custombox{
   border: 1px solid #ddd;
    border-radius: 5px;
    padding: 5px 10px;
    clear: both;
    background-color: #f7f7f7;
    margin: 5px 0 20px 0;
    box-shadow: 2px 2px 4px #e33;
}
.irap-application-webform label,
.irap-application-webform .fieldset-legend,
.irap-application-webform .js-form-type-select label {
    display: inline-block;
    font-size: 1em !important;
    font-weight: 400 !important;
    white-space: nowrap !important;
    color: rgba(88, 88, 96, 1);
}
.irap-application-webform select {
    display: block;
    font-size: 0.9em;
    margin-top: 15px;
}
.select2-container--default span.selection {
    max-width: 580px;
    display: block;
    position: relative;
}
.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #eae2e9;
    border-radius: 4px;
    height: 50px;
    max-width: 580px;
    margin-top: 8px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-top: 10px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 12px;
}
.au-body [tabindex="0"]:focus, .au-body :target {
    outline: 1px solid blue !important;
}

.irap-application-webform input {max-width: 580px;}
.irap-application-webform input[type="text"],
.irap-application-webform input[type="number"],
.irap-application-webform input[type="email"],
.irap-application-webform input[type="date"] {
    width: 100%;
    height: 50px;
    margin-top: 8px;
    padding-left: 15px;
    font-size: 0.8em;
    color: #333333;
    border-radius: 6px;
    border: 1px solid #eae2e9;
    display: block;
}

#edit-irap-policy-procedures--description, 
#edit-experience--description, 
#edit-irap-training-and-examination--description {
    padding-left: 21px;
}
.irap-application-webform .js-webform-radios .js-form-item.form-item, 
.irap-application-webform .js-webform-checkboxes .js-form-item.form-item {
    padding: 0.25rem 0;
}
.checkboxes--wrapper .fieldset-wrapper, 
.radios--wrapper .fieldset-wrapper {
    padding-left: 10px;
    padding-top: 10px;
}
.js-form-type-checkbox,
.js-form-type-radio {
  grid-template-columns: min-content auto;
  column-gap: 1rem;
  margin-bottom: 1rem;
  display: grid;
}
.js-form-type-checkbox input,
.js-form-type-radio input {
  grid-area: 1;
}
.js-form-type-checkbox label, 
.js-form-type-checkbox div.description,
.js-form-type-radio label, 
.js-form-type-radio div.description {
  grid-column: 2;
  margin-left: 0;
}
.js-form-type-checkbox div.description > div.webform-element-description,
.js-form-type-radio div.description > div.webform-element-description {
  padding-left: 0 !important;
}
.irap-application-webform .webform-options-display-side-by-side > div.js-form-type-radio {
   display: grid;
   float: left;
   margin-right: 2rem;
}
label {
  white-space: normal !important;
}

/* Certificates */

#edit-category-a-certificates .form-item label {
    padding-right: 1rem;
    display: inline-block;
}

#edit-category-a-certificates .form-item label:after,
#edit-category-b-certificates .form-item label:after {
    content: "" !important;
}

/* UPLOAD FIELDS */

.js-form-type-webform-document-file {
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    min-height: 82px;
    padding: 0 0.5rem;
    background: #f9f9f9;
    position: relative;
    min-width: 340px;
}

.js-webform-document-file a {
    padding: 1rem 0;
    display: block;
}

.form-managed-file .button {
    position: absolute;
    top:30%;
    right: 10px;
}
.webform-submission-form .messages--error {
    font-size: 0.8rem;
    line-height: 1rem;
    margin: 0;
}
.webform-submission-form .messages--error div[role=alert] ul {
    margin: 5px 0;
}
.webform-submission-form .messages--error div[role=alert] ul li {
    font-size: 0.8rem !important;
    display: block;
}

.irap-abn-msg {
    display: block;
    color: #e14465;
    line-height: 1rem;
    font-size: 0.9rem;
}