.form-wrapper {
    width: 100%;
    border: none;
    padding: 0;
    margin: 0;
    max-width: 1000px;
}
.form-item {
    box-sizing: border-box;
    position: relative;
    line-height: 18px !important;
    border-collapse: unset !important;
}
.form-help {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    vertical-align: baseline;
    margin-left: 10px;
    border-radius: 100%;
    min-width: 16px;
    height: 16px;
    cursor: pointer;
    border: 1px solid var(--theme-colour);
    position: relative;
    background-color: var(--theme-colour, #2c46cc);
}
.form-help:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "i";
    font-size: var(--font-size-12);
    text-align: center;
    font-weight: 700;
    color: var(--aui-font-selection);
    width: 16px;
    height: 16px;
    line-height: 16px;
}
body[bui="true"] .form-help:after {
    top: -1px;
    left: -2px;
    width: 17px;
}
.form-help-tooltip {
    display: none;
    text-align: left;
    position: absolute;
    padding: 6px;
    z-index: 9999;
    top: 0;
    left: 16px;
    width: 160px;
    min-height: 50px;
    background-color: #fff;
    background-color: var(--aui-main-background, #fff);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 2px 3px 4px -2px rgba(0, 0, 0, 0.55);
    -moz-box-shadow: 2px 3px 4px -2px rgba(0, 0, 0, 0.55);
    box-shadow: 2px 3px 4px -2px rgba(0, 0, 0, 0.55);
    font-size: var(--font-size-12);
    color: #333;
    color: var(--aui-main-colour, #333);
    white-space: normal !important;
}
.form-label,
legend.form-label {
    font-size: var(--font-size-14);
    color: #333;
    color: var(--aui-main-colour, #333);
    display: inline-block;
    height: 20px;
    margin-bottom: 5px;
}
.form-label-large,
legend.form-label {
    font-size: var(--font-size-18);
    margin: 10px 0 5px 0;
    height: auto;
    padding: 0;
}
.form-label-normal {
    font-size: var(--font-size-14);
    margin: 10px 0 3px 0;
    height: auto;
}
.form-label-large-center .form-label {
    text-align: center;
    font-size: var(--font-size-20);
    height: auto;
    display: block;
    margin-bottom: 5px;
}
.form-label-margin-20 .form-label {
    margin: 20px auto;
}
.form-search-icon .form-input {
    background-image: url(../images/svgs/form-search.svg);
    background-image: var(--svg-form-search);
    background-position: 8px 50%;
    background-repeat: no-repeat;
    background-size: 18px;
    border-radius: 30px;
    padding-left: 30px;
}
.form-search-icon-only .form-input {
    background-image: url(../images/svgs/form-search.svg);
    background-image: var(--svg-form-search);
    background-position: 6px 50%;
    background-repeat: no-repeat;
    background-size: 18px;
    padding-left: 26px;
}
.form-item-rounded .form-input {
    background-size: 18px;
    border-radius: 30px;
    padding-left: 30px;
}
.form-item:not([data-type="formselector"]) fieldset,
.form-item:not([data-type="radiogroup"]) fieldset {
    border: 1px solid #d6d6d6;
    border: 1px solid var(--aui-pale-border, #d6d6d6);
    border-radius: 5px;
}
.form-item[data-type="formselector"] fieldset,
.form-item[data-type="radiogroup"] fieldset {
    border: none;
    padding: 0;
    margin: 0;
}
.form-item[data-type="formselector"] {
    margin-top: 10px;
}
.form-item[data-type="formselector"] legend {
    width: calc(100% - 150px);
}
.form-upload {
    visibility: hidden;
    width: 1px !important;
    height: auto;
}
.form-legend {
    font-size: var(--font-size-16);
    margin: 10px 0 -8px 0;
    height: auto;
}
.form-hrbar {
    height: 1px;
    width: 100%;
    margin-left: -4px;
    border-bottom: 1px solid #d6d6d6;
    border-bottom: 1px solid var(--aui-pale-border, #d6d6d6);
}
.form-input {
    font-size: var(--font-size-13);
    height: 30px;
    border: 1px solid #d6d6d6;
    border: 1px solid var(--aui-pale-border, #d6d6d6);
    color: #333;
    color: var(--aui-main-colour, #333);
    width: 100%;
    padding: 3px 6px;
    box-sizing: border-box;
    border-radius: 5px;
    background-color: #fff;
    background-color: var(--aui-main-background, #fff);
    box-sizing: border-box;
    outline: 0;
}
.form-input-clear-wrapper {
    position: relative;
    display: inline-flex;
    align-items: center;
    width: 100%;
}
.form-input-clear {
    position: absolute;
    display: block;
    right: 12px;
    top: 0;
    height: 100%;
    width: 14px;
    background-image: url(../svg-images/close.svg);
    background-image: var(--svg-close);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 14px;
    cursor: pointer;
    outline: 0;
}
.form-input-clear:focus,
.form-input-clear:hover {
    background-image: var(--svg-close-hover);
}
.form-input[clear] {
    padding-right: 24px;
}
.form-input[required]:invalid {
    outline: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-image: var(--svg-required);
    background-position: calc(100% - 5px) 50%;
    background-repeat: no-repeat;
    background-size: 16px;
}
.form-textarea[required]:invalid {
    outline: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-image: var(--svg-required);
    background-position: calc(100% - 5px) 5px;
    background-repeat: no-repeat;
    background-size: 16px;
}
.form-select {
    font-size: var(--font-size-14);
    font-family: sisoStandard, Helvetica, sans-serif;
    font-weight: 400;
    height: 30px;
    border: 1px solid #d6d6d6 !important;
    border: 1px solid var(--aui-pale-border, #d6d6d6) !important;
    color: #333;
    color: var(--aui-main-colour, #333);
    width: 100%;
    padding: 3px 6px;
    box-sizing: border-box;
    background-image: url(../images/svgs/down.svg);
    background-image: var(--svg-down);
    background-repeat: no-repeat;
    background-position: calc(100% - 5px) 50%;
    background-size: 25px 25px;
    padding-right: 30px;
    border-radius: 5px;
    background-color: #fff !important;
    background-color: var(--aui-main-background, #fff) !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}
select::-ms-expand {
    display: none;
}
.form-select:focus {
    background-image: url(../images/svgs/down.svg);
    background-image: var(--svg-down-hover);
    border-color: #2c46cc !important;
    border-color: var(--theme-colour, #2c46cc) !important;
}
.form-select[required] {
    outline: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.form-select[multiple] {
    height: auto;
    min-height: 30px;
    background-image: none;
    padding-right: 0;
    padding: 0;
}
.form-select[customselect] {
    display: none !important;
}
.form-select-input {
    position: relative;
    padding: 0 !important;
    overflow: hidden;
    width: 100% !important;
}
.form-select-input[multiple] {
    height: auto;
    min-height: 30px;
    overflow-y: visible;
    overflow-x: hidden;
    background-image: none;
}
.form-select-controls {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate !important;
}
.form-select-input-editable {
    display: table-cell;
    width: 100%;
    padding: 6px;
    margin: 0;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: transparent;
    border: none;
    font-size: var(--font-size-13);
    color: #333;
    color: var(--aui-main-colour, #333);
    cursor: text;
}
.form-select-reset {
    visibility: hidden;
    display: table-cell;
    width: 24px;
    height: 28px;
    background-image: url(../images/svgs/reset.svg);
    background-image: var(--svg-reset);
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 18px 18px;
    cursor: pointer;
}
.form-select-reset:focus,
.form-select-reset:hover {
    background-image: url(../images/svgs/reset.svg);
    background-image: var(--svg-reset-hover);
}
.form-select-toggle {
    display: table-cell;
    width: 30px;
    height: 28px;
    background-image: url(../images/svgs/down.svg);
    background-image: var(--svg-down);
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 25px 25px;
    cursor: pointer;
}
.form-select-toggle:focus,
.form-select-toggle:hover {
    background-image: url(../images/svgs/down.svg);
    background-image: var(--svg-down-hover);
}
.form-select-close {
    display: table-cell;
    width: 24px;
    height: 28px;
    background-image: url(../images/svgs/close.svg);
    background-image: var(--svg-close);
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 14px;
    cursor: pointer;
}
.form-select-close:focus,
.form-select-close:hover {
    background-image: url(../images/svgs/close.svg);
    background-image: var(--svg-close-hover);
}
.form-select-input-items {
    width: 100%;
    padding: 0;
    margin: 0;
    min-height: 0;
    max-height: 64px;
    box-sizing: border-box;
    overflow-y: auto;
    overflow-x: hidden;
    text-align: left !important;
}
.form-select-input-item {
    width: calc(100% - 2px);
    padding: 4px;
    margin: 2px 0 0 2px;
    height: 24px;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-image: url(../images/svgs/close.svg);
    background-image: var(--svg-close);
    background-repeat: no-repeat;
    background-position: calc(100% - 5px) 50%;
    background-size: 14px 14px;
    padding-right: 30px;
    border: none;
    font-size: var(--font-size-13);
    color: #333;
    color: var(--aui-main-colour, #333);
    background-color: #fff !important;
    background-color: var(--aui-main-background, #fff) !important;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.form-select-input[multiple] .form-select-input-item {
    width: auto;
    padding: 4px 30px 4px 6px;
    height: auto;
    display: inline-block;
    background-color: var(--aui-pale-background);
    border: 1px solid var(--aui-pale-border);
    border-radius: 6px;
    font-size: var(--font-size-14);
}
.form-select-input[multiple] .form-select-input-items {
    padding: 10px;
    max-height: 200px;
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
}
.form-select-input:not([multiple]) .form-select-input-items {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 1px;
    width: calc(100% - 34px);
}
.form-select-input .form-select-input-item:focus,
.form-select-input[multiple] .form-select-input-item:hover {
    color: var(--aui-font-selection, #fff);
    background-image: url(../images/svgs/close.svg);
    background-image: var(--svg-close-font);
    background-color: #2c46cc !important;
    background-color: var(--theme-colour, #2c46cc) !important;
    border-radius: 4px;
}
.form-select-input:focus-within {
    border-color: #2c46cc !important;
    border-color: var(--theme-colour, #2c46cc) !important;
}
.form-select-input[disabled] {
    background-color: #fff !important;
    background-color: var(--aui-main-background) !important;
    pointer-events: none;
    opacity: 0.5;
}
.form-select-input[disabled] .form-select-input-item,
.form-select-input[disabled] .form-select-toggle {
    background-color: #fff !important;
    background-color: var(--aui-main-background) !important;
    background-image: none !important;
    pointer-events: none;
    cursor: default;
    opacity: 0.5;
}
.form-select-options {
    display: none;
    position: absolute;
    z-index: 9999;
    width: calc(100% - 12px);
    min-height: 30px;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid #2c46cc !important;
    border-color: var(--theme-colour, #2c46cc) !important;
    background-color: #fff !important;
    background-color: var(--aui-main-background, #fff) !important;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
.form-select-removable {
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(../images/svgs/close.svg);
    background-image: var(--svg-close);
    background-image: var(--svg-close-font);
    background-repeat: no-repeat;
    background-position: calc(100% - 5px) 50%;
    background-size: 14px 14px;
}
.form-select-options-header {
    display: none;
    position: fixed;
    top: 10px;
    right: 10px;
    width: calc(100% - 20px);
    height: 40px;
    border: 1px solid #2c46cc !important;
    border-color: var(--theme-colour, #2c46cc) !important;
    background-color: #fff !important;
    background-color: var(--aui-main-background, #fff) !important;
    border-radius: 5px;
    table-layout: fixed;
    border-collapse: separate !important;
    padding: 4px;
    box-sizing: border-box;
}
.form-select-options-header .form-select-input-editable {
    padding: 7px;
}
.form-select-options[data-popup="true"] {
    position: fixed;
    top: 60px;
    right: 10px;
    width: calc(100% - 20px);
    max-height: calc(100% - 70px) !important;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    padding: 4px;
    box-sizing: border-box;
}
.form-select-options[data-position="above"] {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    -webkit-border-top-left-radius: 5px !important;
    -webkit-border-top-right-radius: 5px !important;
    -moz-border-radius-topleft: 5px !important;
    -moz-border-radius-topright: 5px !important;
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
}
.form-select-template {
    display: none;
}
.option-heading {
    font-weight: 500;
}
.option-heading:empty {
    display: none;
}
.option-body {
    font-weight: 400;
}
.option-body:empty {
    display: none;
}
.option-sub {
    font-weight: 400;
    font-style: italic;
    font-size: 0.9em;
}
.option-sub:empty {
    display: none;
}
#cs_risklevel_list .form-select-option:focus,
#cs_risklevel_list .form-select-option:hover,
#cs_risklevel_list .form-select-option[selected] {
    color: initial !important;
}
.form-select-loadmore,
.form-select-option,
.form-select > option {
    display: block;
    min-height: 30px;
    width: 100%;
    padding: 6px;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    max-lines: 3;
    font-size: var(--font-size-13);
    cursor: pointer;
    text-align: left !important;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #333;
    color: var(--aui-main-colour, #333);
}
.form-select-loadmore:focus,
.form-select-loadmore:hover,
.form-select-option[data-on],
.form-select-option[selected],
.form-select > option:focus,
.form-select > option:hover,
.form-select > option[selected],
body[interface="DESKTOP"] .form-select-option:focus,
body[interface="DESKTOP"] .form-select-option:hover {
    color: var(--aui-font-selection, #fff) !important;
    background-color: #2c46cc;
    background-color: var(--theme-colour, #2c46cc);
}
.form-select-loadmore {
    text-align: center !important;
}
.form-select-option[disabled],
.form-select > option[disabled] {
    cursor: not-allowed;
    opacity: 0.8;
    color: #333;
    color: var(--aui-main-colour, #333);
    background-color: #fff;
    background-color: var(--aui-main-background, #fff);
}
textarea.form-textarea {
    font-size: var(--font-size-13);
    border: 1px solid #d6d6d6;
    border: 1px solid var(--aui-pale-border, #d6d6d6);
    color: #333;
    color: var(--aui-main-colour, #333);
    width: 100%;
    padding: 3px;
    box-sizing: border-box;
    height: 100px;
    resize: vertical;
    font-family: sisoStandard, Helvetica, sans-serif;
    border-radius: 5px;
    background-color: #fff !important;
    background-color: var(--aui-main-background, #fff) !important;
    min-width: 100px !important;
}
.form-color {
    -webkit-appearance: none;
    border: none;
    width: 100%;
    box-sizing: border-box;
    height: 28px;
    width: 28px !important;
    max-width: 28px;
    border-radius: 6px;
    -webkit-appearance: none;
    padding: 0;
    margin: 0;
    position: relative;
    background: 0 0;
    transition: border-color 1s ease;
    cursor: pointer;
    border: 1px solid var(--aui-pale-border);
}
.form-color::-webkit-color-swatch-wrapper {
    padding: 0;
}
.form-color::-moz-color-swatch-wrapper {
    padding: 0;
}
.form-color::-moz-color-swatch {
    border-radius: 6px;
    width: 29px !important;
    height: 29px;
    box-sizing: border-box;
    border: 1px solid var(--aui-pale-border);
}
.form-color::-webkit-color-swatch {
    border-radius: 6px;
    width: 29px !important;
    height: 29pxt;
    box-sizing: border-box;
    border: 1px solid var(--aui-pale-border);
}
.form-color:focus,
.form-color:hover {
    border-color: var(--theme-colour);
}
.form-date {
    background-image: var(--svg-calendar-input-icon);
    background-position: calc(100% - 3px) 50%;
    background-repeat: no-repeat;
    background-size: 20px;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    min-width: 100px !important;
}
.form-color:active,
.form-color:focus,
.form-input:focus,
.form-select:active,
.form-select:focus .form-input:active,
textarea.form-textarea:active,
textarea.form-textarea:focus {
    border-color: #2c46cc !important;
    border-color: var(--theme-colour, #2c46cc) !important;
}
.form-control input[disabled],
.form-control select[disabled],
.form-control textarea[disabled] {
    background-color: #fff !important;
    background-color: var(--aui-main-background) !important;
    background-image: none;
    pointer-events: none;
    opacity: 0.5;
}
.form-area {
    color: #333;
    color: var(--aui-main-colour, #333);
    width: 100%;
    box-sizing: border-box;
    min-width: 100px !important;
}
.form-checkbox-wrapper {
    display: flex;
    position: relative;
    top: 0;
    width: 100%;
    min-height: 22px;
}
.form-checkbox-wrapper label:first-child {
    align-self: flex-start;
}
.form-checkbox {
    position: absolute;
    clip: rect(0 0 0 0);
}
.form-checkbox + label {
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.form-checkbox + label:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    height: 20px;
    width: 20px;
    background-color: #fff !important;
    background-color: var(--aui-main-background, #fff) !important;
    border: 1px solid #d6d6d6 !important;
    border: 1px solid var(--aui-pale-border, #d6d6d6) !important;
    border-radius: 4px;
}
.form-checkbox + label span {
    padding-left: 30px;
    margin-top: 2px;
    display: inline-block;
    vertical-align: middle;
}
.form-checkbox-label-hidden {
    visibility: hidden;
}
.form-checkbox:checked + label:before {
    border-color: #2c46cc !important;
    border-color: var(--theme-colour, #2c46cc) !important;
}
.form-checkbox:focus + label:before {
    box-shadow: 0 0 0 2px #2c46cc !important;
    box-shadow: 0 0 0 2px var(--theme-colour, #838385) !important;
}
.form-checkbox:checked + label:after {
    position: absolute;
    top: 4px;
    left: 4px;
    content: "";
    height: 12px;
    width: 12px;
    background-color: #2c46cc !important;
    background-color: var(--theme-colour, #838385) !important;
    border: 1px solid #2c46cc !important;
    border-color: var(--theme-colour, #2c46cc) !important;
    border-radius: 2px;
}
.form-checkbox:focus + label span {
    color: #2c46cc;
    color: var(--theme-colour, #2c46cc);
}
.form-checkbox[disabled] + label {
    opacity: 0.4;
}
.form-toggle {
    position: absolute;
    clip: rect(0 0 0 0);
}
.form-toggle + label {
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.form-toggle + label {
    padding: 2px;
    height: 24px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    transition: background 0.4s;
}
.form-toggle + label:after,
.form-toggle + label:before {
    display: block;
    position: absolute;
    content: "";
    width: 46px;
    height: 24px;
}
.form-toggle + label:before {
    top: 2px;
    left: 2px;
    bottom: 2px;
    right: 2px;
    background-color: #d6d6d6;
    background-color: var(--aui-pale-border, #d6d6d6);
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    transition: background 0.4s;
    height: 24px;
    border: 1px solid var(--aui-main-background);
}
.form-toggle:checked + label:before {
    background-color: #2c46cc;
    background-color: var(--theme-colour, #2c46cc);
}
.form-toggle + label:after {
    top: 5px;
    left: 5px;
    bottom: 4px;
    width: 20px;
    height: 20px;
    background-color: #fff !important;
    -webkit-border-radius: 52px;
    -moz-border-radius: 52px;
    border-radius: 52px;
    transition:
        margin 0.4s,
        background 0.4s;
}
.form-toggle:checked + label:after {
    margin-left: 22px;
}
.form-toggle + label span {
    padding-left: 60px;
    display: inline-block;
    margin-top: 3px;
    vertical-align: middle;
}
.form-toggle:focus + label span {
    color: #2c46cc;
    color: var(--theme-colour, #2c46cc);
}
.form-toggle:focus + label:before {
    box-shadow: 0 0 0 2px #2c46cc !important;
    box-shadow: 0 0 0 2px var(--theme-colour, #2c46cc) !important;
}
.form-toggle[disabled] + label {
    opacity: 0.4;
}
.form-selector-wrapper {
    position: relative;
    top: 0;
    width: 100%;
    border-radius: 5px;
    min-height: 30px;
    box-sizing: border-box;
    user-select: none;
    padding: 5px 34px 5px 12px;
    background-color: var(--aui-pale-background, #d6d6d6);
    border: 1px solid var(--aui-pale-border, #d6d6d6);
    color: #333;
    color: var(--aui-main-colour, #333);
    cursor: pointer;
    margin-bottom: 12px;
}
.form-selector-wrapper-light .form-selector-wrapper {
    background-color: var(--aui-main-background, #fff);
    padding-left: 5px;
}
.form-selector-wrapper:last-of-type {
    margin-bottom: 6px;
}
.form-selector-wrapper span {
    display: inline-block;
    font-size: var(--font-size-14);
}
.form-selector-wrapper i {
    position: relative;
    display: inline-block;
    width: 12px;
    flex-basis: 12px;
    height: 11px;
    border-radius: 2px;
    border: 1px solid #2c46cc;
    border-color: var(--theme-colour, #2c46cc);
    background-color: #d6d6d6;
    background-color: var(--aui-pale-background, #d6d6d6);
    margin-top: 2px;
    margin-right: 14px;
}
.form-selector-wrapper i:after {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 12px;
    height: 9px;
    border-radius: 2px;
    border: 1px solid #2c46cc;
    border-color: var(--theme-colour, #2c46cc);
    background-color: #d6d6d6;
    background-color: var(--aui-pale-background, #d6d6d6);
}
.form-selector-wrapper:focus,
.form-selector-wrapper:hover {
    color: var(--aui-font-selection, #fff);
    background-color: var(--theme-colour, #2c46cc) !important;
}
.form-selector-wrapper[completed="true"]:before {
    position: absolute;
    content: "";
    width: 38px;
    height: 38px;
    box-sizing: border-box;
    border-radius: 38px;
    background-color: var(--aui-pale-border, #d6d6d6);
    right: 3px;
    top: -5px;
}
.form-selector-wrapper[completed="true"]:after {
    position: absolute;
    content: "";
    width: 36px;
    height: 36px;
    box-sizing: border-box;
    border-radius: 36px;
    background-color: var(--aui-success-colour);
    right: 4px;
    top: -4px;
    background-image: var(--svg-active-tick-font);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 21px;
}
.form-selector-wrapper[completed="false"]:before {
    position: absolute;
    content: "";
    width: 38px;
    height: 38px;
    box-sizing: border-box;
    border-radius: 38px;
    background-color: var(--aui-pale-border, #d6d6d6);
    right: 3px;
    top: -5px;
}
.form-selector-wrapper[completed="false"]:after {
    position: absolute;
    content: "";
    width: 36px;
    height: 36px;
    box-sizing: border-box;
    border-radius: 36px;
    background-color: var(--aui-error-colour);
    right: 4px;
    top: -4px;
    background-image: var(--svg-required-font);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 21px;
}
.form-selector-wrapper[mandatory="true"]:before {
    position: absolute;
    content: "";
    width: 38px;
    height: 38px;
    box-sizing: border-box;
    border-radius: 38px;
    background-color: var(--aui-pale-border, #d6d6d6);
    right: 3px;
    top: -5px;
}
.form-selector-wrapper[mandatory="true"]:after {
    position: absolute;
    content: "";
    width: 36px;
    height: 36px;
    box-sizing: border-box;
    border-radius: 36px;
    background-color: var(--aui-error-colour);
    right: 4px;
    top: -4px;
    background-image: var(--svg-required-font);
    background-repeat: no-repeat;
    background-position: 54% 46%;
    background-size: 21px;
}
.form-selector-wrapper label:first-child {
    align-self: flex-start;
}
.form-selector-refresh {
    color: var(--theme-colour);
    font-size: var(--font-size-12);
    text-align: left;
    text-decoration: underline;
    cursor: pointer;
}
.form-selector-progress {
    position: relative;
    width: 100px;
    height: 40px;
    user-select: none;
}
.form-selector-progress {
    position: absolute;
    top: 10px;
    right: 10px;
}
.form-selector-progress-outer {
    position: absolute;
    top: 0;
    height: 8px;
    width: 100%;
    background-color: var(--aui-main-background, #fff) !important;
    border-radius: 5px;
}
.form-selector-progress-bar {
    height: 8px;
    background-color: var(--aui-success-colour);
    border-radius: 4px;
    transition: width 0.5s ease;
}
.form-selector-progress-percent {
    position: absolute;
    left: -33px;
    top: -5px;
    font-size: var(--font-size-12);
    text-align: right;
}
.form-radio-wrapper {
    position: relative;
    top: 0;
    width: 100%;
}
.form-radio-wrapper label:first-child {
    align-self: flex-start;
}
.form-radio {
    position: absolute;
    clip: rect(0 0 0 0);
}
.form-radio + label {
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 5px;
}
.form-radio + label:before {
    position: absolute;
    top: -5px;
    left: 0;
    content: "";
    height: 20px;
    width: 20px;
    background-color: #fff;
    background-color: var(--aui-main-background, #fff);
    border: 1px solid #2c46cc;
    border: 1px solid var(--theme-colour, #2c46cc);
    border-radius: 100%;
}
.form-radio + label span {
    padding-left: 30px;
    margin-top: 5px;
    display: inline-block;
}
.form-radio:checked + label:before {
    border-color: #2c46cc;
    border-color: var(--theme-colour, #2c46cc);
    background-color: #fff;
    background-color: var(--aui-main-background, #fff);
}
.form-radio:checked + label:after {
    position: absolute;
    top: -1px;
    left: 4px;
    content: "";
    height: 14px;
    width: 14px;
    background-color: #2c46cc;
    background-color: var(--theme-colour, #2c46cc);
    border-radius: 100%;
}
.form-radio:focus + label span {
    color: #2c46cc;
    color: var(--theme-colour, #2c46cc);
}
.form-radio[disabled] + label {
    opacity: 0.4;
}
.form-item[data-input-buttons] .form-control {
    display: table;
    width: 100%;
}
.form-item[data-input-buttons] .form-input,
.form-item[data-input-buttons] .form-select {
    display: table-cell;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.form-select-input:not([data-popup])[data-opened] {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    -webkit-border-top-left-radius: 5px !important;
    -webkit-border-top-right-radius: 5px !important;
    -moz-border-radius-topleft: 5px !important;
    -moz-border-radius-topright: 5px !important;
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
    border-bottom: none !important;
}
.form-select-input[data-opened] {
    border-color: #2c46cc !important;
    border-color: var(--theme-colour, #2c46cc) !important;
}
.form-select-input[data-opened][data-position="above"] {
    border-bottom: 1px solid #2c46cc !important;
    border-bottom-color: var(--theme-colour, #2c46cc) !important;
}
.form-item[data-input-buttons] .form-select-input:not([data-popup])[data-opened] {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    -webkit-border-top-left-radius: 5px !important;
    -moz-border-radius-topleft: 5px !important;
    border-top-left-radius: 5px !important;
}
.form-select-input[data-opened][data-position="above"] {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    -webkit-border-bottom-right-radius: 5px !important;
    -webkit-border-bottom-left-radius: 5px !important;
    -moz-border-radius-bottomright: 5px !important;
    -moz-border-radius-bottomleft: 5px !important;
    border-bottom-right-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    border-bottom: 1px solid #2c46cc !important;
    border-bottom-color: var(--theme-colour, #2c46cc) !important;
}
.form-item[data-input-buttons] .form-select-input[data-opened][data-position="above"] {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    -webkit-border-bottom-left-radius: 5px !important;
    -moz-border-radius-bottomleft: 5px !important;
    border-bottom-left-radius: 5px !important;
    border-bottom: 1px solid #2c46cc !important;
    border-bottom-color: var(--theme-colour, #2c46cc) !important;
}
.form-select-input[data-opened] .form-select-toggle {
    background-image: url(../images/svgs/up.svg);
    background-image: var(--svg-up);
}
.form-select-input[data-opened] .form-select-toggle:focus,
.form-select-input[data-opened] .form-select-toggle:hover {
    background-image: url(../images/svgs/up.svg);
    background-image: var(--svg-up-hover);
}
.form-buttons {
    display: table-cell;
    list-style: none;
    list-style-image: none;
    list-style-type: none;
    padding: 0;
    margin: 0;
    border: none;
    white-space: nowrap;
    height: 30px;
    vertical-align: top;
    width: 1%;
}
.form-button,
.form-button-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-size: var(--font-size-14);
    border: 2px solid var(--theme-colour, #2c46cc);
    color: var(--theme-colour, #2c46cc);
    padding: 5px;
    box-sizing: border-box;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    cursor: pointer;
    height: 30px;
    line-height: 18px !important;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #fff;
    background-color: var(--aui-main-background, #fff);
}
.form-button-item {
    width: auto !important;
    display: inline-block;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-left: none;
    margin-left: -1px;
}
.form-button-item-primary,
.form-button-primary {
    background-color: var(--theme-colour);
    border: 2px solid var(--theme-colour);
    color: var(--aui-font-selection);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-size: var(--font-size-14);
    padding: 5px;
    box-sizing: border-box;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    cursor: pointer;
    height: 30px;
    line-height: 18px !important;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 20px;
    padding-right: 20px;
}
.form-button-item-primary:active,
.form-button-item-primary:focus,
.form-button-item-primary:hover,
.form-button-primary:active,
.form-button-primary:focus,
.form-button-primary:hover {
    background-color: transparent;
    border-color: var(--theme-colour);
    color: var(--theme-colour);
}
.form-button-item-secondary,
.form-button-secondary {
    background-color: transparent;
    border: 2px solid var(--theme-colour);
    color: var(--theme-colour);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-size: var(--font-size-14);
    padding: 5px;
    box-sizing: border-box;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    cursor: pointer;
    height: 30px;
    line-height: 18px !important;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 20px;
    padding-right: 20px;
}
.form-button-item-secondary:active,
.form-button-item-secondary:focus,
.form-button-item-secondary:hover,
.form-button-secondary:active,
.form-button-secondary:focus,
.form-button-secondary:hover {
    background-color: var(--theme-colour);
    border-color: var(--theme-colour);
    color: var(--aui-font-selection);
}
.form-button-item {
    border: 1px solid var(--theme-colour);
}
.form-button-item:last-child {
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.form-button-green .form-button {
    color: var(--aui-font-selection, #fff);
    border-color: #16bf76 !important;
    background-color: #16bf76 !important;
    background-color: var(--aui-success-colour, #16bf76) !important;
    border-color: var(--aui-success-colour, #16bf76) !important;
}
.form-button-red .form-button {
    color: var(--aui-font-selection, #fff);
    border-color: #b54b50 !important;
    border-color: var(--aui-error-colour, #b54b50) !important;
    background-color: #b54b50 !important;
    background-color: var(--aui-error-colour, #b54b50) !important;
}
.form-button-item:active,
.form-button-item:focus,
.form-button-item:hover,
.form-button:active,
.form-button:focus,
.form-button:hover {
    color: var(--aui-font-selection, #fff);
    background-color: #2c46cc !important;
    background-color: var(--theme-colour, #2c46cc) !important;
}
.form-button span,
.form-button-item span {
    display: block;
    text-align: center;
    width: 100%;
    pointer-events: none;
    margin-top: -1px;
    text-overflow: clip;
    overflow: hidden;
    white-space: nowrap;
}
.form-button-link:active,
.form-button-link:link,
.form-button-link:visited {
    display: block;
    text-decoration: none !important;
    color: #333 !important;
    color: var(--aui-main-colour, #333) !important;
}
.form-button-link:active,
.form-button-link:focus,
.form-button-link:hover {
    color: var(--aui-font-selection, #fff);
}
.form-input-error {
    border: 1px solid #b54b50 !important;
    border-color: var(--aui-error-colour, #b54b50) !important;
}
.form-input-invalid {
    border: 1px solid #b54b50 !important;
    border-color: var(--aui-error-colour, #b54b50) !important;
}
.form-input-invalid:not(:checked) + label:before {
    background-color: #b54b50 !important;
    background-color: var(--aui-error-colour, #b54b50) !important;
}
.form-input::placeholder {
    color: #999;
    opacity: 1;
}
.form-input:-ms-input-placeholder {
    color: #999;
}
.form-input::-ms-input-placeholder {
    color: #999;
}
.form-item[data-type="radiogroup"] .form-radio-wrapper {
    margin-bottom: 6px;
}
.form-group {
    position: relative;
    width: 100%;
    border: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-top: 10px;
    box-sizing: border-box;
}
.form-group .form-item[data-type="button"] {
    align-self: flex-end;
}
.form-button-top {
    align-self: flex-start !important;
}
.form-no-margin-top {
    margin-top: 0;
}
.dialogFooterInner .form-group {
    margin-top: 0;
}
.dialogFooterInner .form-item[data-type="button"] .form-inner {
    padding: 0;
}
.form-group:before {
    position: relative;
    content: "";
    display: block;
}
.form-footnote {
    margin-top: 5px;
    color: #333;
    color: var(--aui-main-colour, #333);
    font-size: var(--font-size-12);
}
.form-number-result {
    font-size: var(--font-size-14);
    white-space: nowrap;
}
.form-menu {
    position: absolute;
    z-index: 100;
    width: 21px;
    height: 20px;
    background-image: url(../images/svgs/sc-viewing-setting.svg);
    background-image: var(--svg-sc-viewing-setting);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 50%;
    top: 5px;
    right: 10px;
    cursor: pointer;
    box-sizing: border-box;
}
.form-item[itemdisabled="yes"] .form-inner .form-menu {
    pointer-events: none;
    display: none;
}
.form-menu:focus,
.form-menu:hover {
    background-image: url(../images/svgs/sc-viewing-setting.svg);
    background-image: var(--svg-sc-viewing-setting-hover);
}
.form-pad-for-menu .form-inner {
    padding-top: 25px;
}
.form-menu-popup {
    text-align: center;
    display: none;
    position: absolute;
    z-index: 1;
    top: 6px;
    right: 30px;
    width: auto;
    min-width: 130px;
    min-height: 50px;
    background-color: #f9f9f9;
    background-color: var(--aui-main-background);
    border: 1px solid #d6d6d6;
    border: 1px solid var(--aui-pale-border, #d6d6d6);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -webkit-box-shadow: 1px 1px 14px 5px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 1px 1px 14px 5px rgba(0, 0, 0, 0.06);
    box-shadow: 1px 1px 14px 5px rgba(0, 0, 0, 0.06);
}
.form-menu-popup ul {
    list-style: none;
    list-style-position: inside;
    list-style-type: none;
    padding: 0;
    margin: 0;
    border: none;
}
.form-menu-popup ul li {
    padding: 10px 10px 10px 10px;
    font-size: var(--font-size-13);
    color: #333;
    color: var(--aui-main-colour, #333);
    cursor: pointer;
    line-height: 26px;
    border-bottom: 1px solid #d6d6d6;
    border-bottom: 1px solid var(--aui-pale-border, #d6d6d6);
}
.form-menu-popup ul li[menu-item-icon] {
    background-repeat: no-repeat;
    background-position: 5px 50%;
    background-size: 24px 24px;
    text-align: left;
    padding-left: 36px;
}
.form-menu-popup ul li[menu-item-icon="pin"] {
    background-image: url(../images/svgs/pin-list.svg);
    background-image: var(--svg-pin-list);
}
.form-menu-popup ul li[menu-item-icon="pin"]:hover {
    background-image: var(--svg-pin-list-font);
}
.form-menu-popup ul li[menu-item-icon="favourites"] {
    background-image: url(../images/svgs/heart-list-fave.svg);
}
.form-menu-popup ul li[menu-item-icon="favourites"]:hover {
    background-image: var(--svg-heart-list-fave-font);
}
.form-menu-popup ul li[menu-item-icon="lists"] {
    background-image: url(../images/svgs/list-list.svg);
    background-image: var(--svg-list-list);
}
.form-menu-popup ul li[menu-item-icon="lists"]:hover {
    background-image: var(--svg-list-list-font);
}
.form-menu-popup ul li[menu-item-icon="edit"] {
    background-image: var(--svg-pencil);
    background-size: 17px;
    background-position: 9px;
}
.form-menu-popup ul li[menu-item-icon="edit"]:hover {
    background-image: var(--svg-pencil-font);
}
.form-menu-popup ul li[menu-item-icon="delete"] {
    background-image: var(--svg-status-trash);
}
.form-menu-popup ul li[menu-item-icon="delete"]:hover {
    background-image: var(--svg-status-trash-font);
}
.form-menu-popup ul li:last-of-type {
    border-bottom: none;
}
.form-menu-popup ul li:active,
.form-menu-popup ul li:focus,
.form-menu-popup ul li:hover {
    color: var(--aui-font-selection, #fff);
    background-color: #2c46cc;
    background-color: var(--theme-colour, #2c46cc);
}
.form-menu-popup ul li:first-child {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
.form-menu-popup ul li:last-child {
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
}
.form-inner {
    box-sizing: border-box;
    padding: 6px 0 4px 0;
    margin: 0 10px 0 0;
}
.form-inner-title .i-item-icon[icon="new"] {
    display: inline !important;
    vertical-align: middle;
}
.form-item:not([auto-width]),
.form-item:not([auto-width]) .form-checkbox-wrapper,
.form-item:not([auto-width]) .form-radio-wrapper .form-item[data-input-buttons] .form-control {
    width: 400px !important;
}
.form-item[auto-width] {
    width: auto;
}
.form-item[data-input-buttons] .form-control,
.form-item[data-input-buttons] .form-input,
.form-item[data-input-buttons] .form-select {
    width: 100% !important;
}
.form-item .form-textarea,
.form-item[data-type="rte"],
.form-item[data-type="textarea"] {
    width: 100% !important;
}
.form-group .form-item .form-button,
.form-group .form-item .form-checkbox-wrapper,
.form-group .form-item .form-input,
.form-group .form-item .form-radio-wrapper,
.form-group .form-item .form-select,
.form-group .form-item .form-selector-wrapper,
.form-group .form-item[data-input-buttons] .form-control,
.form-sub-group .form-item,
.form-sub-group .form-item .form-area,
.form-sub-group .form-item .form-button,
.form-sub-group .form-item .form-checkbox-wrapper,
.form-sub-group .form-item .form-input,
.form-sub-group .form-item .form-radio-wrapper,
.form-sub-group .form-item .form-select,
.form-sub-group .form-item .form-selector-wrapper,
.form-sub-group .form-item[data-input-buttons] .form-control {
    width: 100% !important;
}
.form-sub-group {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
}
.form-padding-5 {
    padding: 5px;
    box-sizing: border-box;
}
.form-padding-left-10 {
    padding-left: 10px;
}
.form-padding-left-20 {
    padding-left: 20px;
}
.form-sub-group .form-item {
    flex-basis: 100%;
}
.form-auto-margin {
    margin: auto;
}
.form-group .form-menu {
    right: 10px;
}
.pageHeadings .form-item {
    font-size: var(--font-size-14);
}
.form-group.form-no-wrap {
    flex-wrap: nowrap;
}
.dialogWindow .form-group,
.dialogWindow .form-group .form-button,
.dialogWindow .form-group .form-checkbox-wrapper,
.dialogWindow .form-group .form-input,
.dialogWindow .form-group .form-radio-wrapper,
.dialogWindow .form-group .form-select,
.dialogWindow .form-group .form-selector-wrapper,
.dialogWindow .form-item:not(.form-horizontal),
.dialogWindow .form-item:not(.form-horizontal) .form-area,
.dialogWindow .form-item:not(.form-horizontal) .form-button,
.dialogWindow .form-item:not(.form-horizontal) .form-button-link,
.dialogWindow .form-item:not(.form-horizontal) .form-checkbox-wrapper,
.dialogWindow .form-item:not(.form-horizontal) .form-input,
.dialogWindow .form-item:not(.form-horizontal) .form-radio-wrapper,
.dialogWindow .form-item:not(.form-horizontal) .form-select {
    width: 100%;
}
.dialogWindow .form-horizontal:not(.width-full) .form-label {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 27%;
    flex: 0 0 27%;
    max-width: 27%;
}
.dialogWindow .form-group.form-no-wrap {
    flex-wrap: nowrap;
}
.dialogWindow .GridFooterTableCell .form-group.form-no-wrap {
    flex-wrap: wrap;
}
.dialogFooterInner .form-inner,
.rightSideTools .form-inner {
    padding: 0;
    margin: 0 6px 0;
}
.rightSideTools .form-checkbox-wrapper {
    margin-top: -4px;
}
.col-30px {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30px;
    flex: 0 0 30px;
    max-width: 30px;
    min-width: 30px !important;
}
.col-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    max-width: 10%;
    min-width: 100px !important;
}
.col-15 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
    max-width: 15%;
    min-width: 100px !important;
}
.col-20 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    min-width: 100px !important;
}
.col-23 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 23%;
    flex: 0 0 23%;
    max-width: 23%;
    min-width: 100px !important;
}
.col-quarter {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    min-width: 100px !important;
}
.col-75 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
    min-width: 100px !important;
}
.col-80 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%;
    min-width: 100px !important;
}
.col-half {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    min-width: 100px !important;
}
.col-nearlyhalf {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 48%;
    flex: 0 0 48%;
    max-width: 48%;
    min-width: 100px !important;
    margin: 0 auto;
}
.col-third {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
    min-width: 100px !important;
}
.col-66 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.6666%;
    flex: 0 0 66.6666%;
    max-width: 66.6666%;
    min-width: 100px !important;
}
.col-full {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    min-width: 100px !important;
}
.col-auto,
.col-auto.form-item,
.col-auto.form-item .form-area,
.col-auto.form-item .form-button,
.col-auto.form-item .form-checkbox-wrapper,
.col-auto.form-item .form-radio-wrapper {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: auto;
    min-width: auto !important;
    width: auto !important;
}
.width-auto,
.width-auto.form-item,
.width-auto.form-item .form-area,
.width-auto.form-item .form-checkbox-wrapper,
.width-auto.form-item .form-radio-wrapper {
    width: auto !important;
    display: inline-block;
}
.width-10,
.width-10.form-item,
.width-10.form-item .form-area,
.width-10.form-item .form-checkbox-wrapper,
.width-10.form-item .form-radio-wrapper {
    width: 10% !important;
}
.width-15,
.width-15.form-item,
.width-15.form-item .form-area,
.width-15.form-item .form-checkbox-wrapper,
.width-15.form-item .form-radio-wrapper {
    width: 15% !important;
}
.width-20,
.width-20.form-item,
.width-20.form-item .form-area,
.width-20.form-item .form-checkbox-wrapper,
.width-20.form-item .form-radio-wrapper {
    width: 20% !important;
}
.width-quarter,
.width-quarter.form-item,
.width-quarter.form-item .form-area,
.width-quarter.form-item .form-checkbox-wrapper,
.width-quarter.form-item .form-radio-wrapper {
    width: 25% !important;
}
.width-75,
.width-75.form-item,
.width-75.form-item .form-area,
.width-75.form-item .form-checkbox-wrapper,
.width-75.form-item .form-radio-wrapper {
    width: 75% !important;
}
.width-half,
.width-half.form-item,
.width-half.form-item .form-area,
.width-half.form-item .form-checkbox-wrapper,
.width-half.form-item .form-radio-wrapper {
    width: 50% !important;
}
.width-third,
.width-third.form-item,
.width-third.form-item .form-area,
.width-third.form-item .form-checkbox-wrapper,
.width-third.form-item .form-radio-wrapper {
    width: 33.3333% !important;
}
.width-66,
.width-66.form-item,
.width-66.form-item .form-area,
.width-66.form-item .form-checkbox-wrapper,
.width-66.form-item .form-radio-wrapper {
    width: 66.6666% !important;
}
.width-full,
.width-full.form-item,
.width-full.form-item .form-area,
.width-full.form-item .form-checkbox-wrapper,
.width-full.form-item .form-radio-wrapper {
    width: 100% !important;
}
.width-100px,
.width-100px.form-item,
.width-100px.form-item .form-area,
.width-100px.form-item .form-checkbox-wrapper,
.width-100px.form-item .form-radio-wrapper {
    width: 100px !important;
    max-width: 100px !important;
}
.form-spacer {
    margin-top: 10px;
}
.form-break {
    width: 100% !important;
    flex-basis: 100% !important;
}
.form-center .form-label {
    text-align: center !important;
    width: 100%;
}
.form-center,
.form-center .form-control {
    text-align: center !important;
}
.form-right .form-label {
    text-align: right !important;
    width: 100%;
    margin-left: auto;
}
.form-right,
.form-right .form-control {
    text-align: right !important;
    margin-left: auto;
}
.form-vertical-top {
    vertical-align: top;
    align-self: start;
}
.form-vertical-middle {
    vertical-align: middle;
    align-self: center !important;
}
.form-vertical-bottom {
    vertical-align: bottom;
    margin-top: auto;
    align-self: end;
}
.form-horizontal .form-button,
.form-horizontal .form-checkbox-wrapper,
.form-horizontal .form-input,
.form-horizontal .form-radio-wrapper,
.form-horizontal .form-select,
.form-item .form-button-link {
    width: 100% !important;
}
.form-horizontal .form-menu {
    top: -20px;
    right: 4px;
}
.form-horizontal .form-inner {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    box-sizing: border-box;
    padding-top: 0;
}
.form-group .form-horizontal .form-inner {
    flex-wrap: nowrap;
}
.form-horizontal .form-label {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 27.64%;
    flex: 0 0 27.64%;
    max-width: 27.64%;
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.form-nowrap {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
body[interface="DESKTOP"] .form-no-margin .form-inner {
    margin: 0;
}
.form-group.form-no-padding {
    margin-top: 0;
    padding-left: 0;
}
.form-group.form-no-padding .form-item:first-child .form-inner {
    padding-left: 0;
}
.form-no-padding:not(.form-group) .form-inner {
    padding: 0;
    margin: 0;
}
.form-item[data-type="button"].form-vertical-top {
    align-self: flex-start;
}
.form-horizontal .form-control {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 71%;
    flex: 0 0 71%;
    max-width: 71%;
}
.form-padding-4 {
    padding: 4px !important;
}
.form-horizontal[data-type="checkbox"] .form-label {
    -ms-flex: 0 0 71% !important;
    flex: 0 0 71% !important;
    max-width: 71% !important;
}
.form-horizontal[data-type="checkbox"] .form-control {
    -ms-flex: 0 0 27.64% !important;
    flex: 0 0 27.64% !important;
    max-width: 27.64% !important;
}
.form-horizontal .form-inner .form-button {
    position: relative;
    top: -3px;
}
.form-horizontal[data-type="upload"] .form-button {
    position: relative;
    top: 4px;
}
.form-horizontal[data-type="radiogroup"] .form-inner,
.form-horizontal[data-type="radiogroup"] .form-label {
    display: block !important;
}
.form-horizontal[data-type="radiogroup"] .form-control {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    box-sizing: border-box;
    padding-top: 0;
    width: 100% !important;
    max-width: 100% !important;
}
.form-horizontal[data-type="radiogroup"] .form-control .form-radio-wrapper {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto !important;
    padding: 0 10px 0 10px;
    margin-top: -4px;
}
.form-horizontal[data-type="radiogroup"] .form-control .form-radio-wrapper:first-child {
    padding-left: 0;
}
.form-checkbox-only {
    width: 26px !important;
    max-width: 26px !important;
    min-width: 26px !important;
}
.form-checkbox-only .form-checkbox-wrapper {
    width: 26px !important;
    height: 26px;
}
.form-tab-wrapper {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.form-tab-panel .form-tab-panel-contents {
    display: none;
    width: 100%;
    background-color: var(--aui-main-background);
    border-radius: 8px;
}
.form-tab-panel[aria-hidden="false"] > .form-tab-panel-contents:first-child {
    display: block;
}
.form-tab-container {
    width: 100%;
    padding-bottom: 14px;
}
.pageHeadings .form-tab-container {
    padding-bottom: 0;
}
.form-tab-container > ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex-direction: row;
    -webkit-flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding-top: 0;
    width: 100% !important;
    max-width: 100% !important;
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
    border: none;
}
body[interface="MOBILE"] .form-tab-container > ul {
    justify-content: start;
}
.form-tab-container > ul > li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto !important;
    padding: 0 20px 0 20px;
    text-align: center;
    font-size: var(--font-size-14);
    background-color: #fff;
    background-color: var(--aui-main-background, #fff);
    color: #2c46cc;
    color: var(--theme-colour, #2c46cc);
    box-sizing: border-box;
    cursor: pointer;
    height: 28px;
    line-height: 26px;
    border: 1px solid #2c46cc;
    border: 1px solid var(--theme-colour, #2c46cc);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.form-tab-container > ul > li:first-child {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-right: none;
}
.form-tab-container > ul > li:last-child {
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-right-width: 1px;
}
.form-tab-container > ul > li:active,
.form-tab-container > ul > li:focus,
.form-tab-container > ul > li:hover,
.form-tab-container > ul > li[aria-selected="true"] {
    background-color: #2c46cc !important;
    background-color: var(--theme-colour, #2c46cc) !important;
    color: var(--aui-font-selection, #fff) !important;
}
.form-tab-container > ul > li:not(:first-child):not(:last-child) {
    border-right: none;
}
.form-tab-container > ul > li[wrapped] {
    border: 1px solid #2c46cc !important;
    border: 1px solid var(--theme-colour, #2c46cc) !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 3px;
}
body[interface="DESKTOP"] .form-tab-panel.form-tabs-side {
    display: table-cell;
    vertical-align: top;
    border: 1px solid #d6d6d6;
    border: 1px solid var(--aui-pale-border, #d6d6d6);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
body[interface="DESKTOP"] .form-tab-container.form-tabs-side {
    display: table-cell;
    vertical-align: top;
    width: 180px;
    padding-right: 10px;
}
body[interface="DESKTOP"] .form-tabs-side.form-tab-panel {
    display: none;
    box-sizing: border-box;
    width: 100% !important;
}
body[interface="DESKTOP"] .form-tabs-side.form-tab-panel .form-tab-panel-contents {
    padding: 6px 12px;
    box-sizing: border-box;
}
body[interface="DESKTOP"] .form-tabs-side.form-tab-panel[aria-hidden="false"] {
    display: flex;
    border-width: 1px;
}
body[interface="DESKTOP"] .form-tabs-side > ul {
    flex-direction: column;
    flex-wrap: nowrap;
    -webkit-flex-direction: column;
    -webkit-flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: left;
    width: 180px !important;
    max-width: 180px !important;
}
body[interface="DESKTOP"] .form-tabs-side > ul > li {
    border: 1px solid #d6d6d6 !important;
    border: 1px solid var(--aui-pale-border, #d6d6d6) !important;
    color: #333;
    color: var(--aui-main-colour, #333);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0 0 6px 0;
    max-width: 100% !important;
    width: 100% !important;
    white-space: pre-wrap;
    overflow: visible;
    text-overflow: clip;
    min-height: 28px;
    height: auto;
    padding: 0 10px 0 10px;
}
body[interface="DESKTOP"] .form-tabs-side > ul > li:active,
body[interface="DESKTOP"] .form-tabs-side > ul > li:focus,
body[interface="DESKTOP"] .form-tabs-side > ul > li:hover,
body[interface="DESKTOP"] .form-tabs-side > ul > li[aria-selected="true"] {
    border: 1px solid #2c46cc !important;
    border: 1px solid var(--theme-colour, #2c46cc) !important;
}
.form-tabs-side > ul > li[aria-disabled="true"] {
    background-color: #f9f9f9 !important;
    background-color: var(--aui-pale-background, #f9f9f9) !important;
    pointer-events: none;
    opacity: 0.4;
}
.form-pale-bg:not([itemdisabled="yes"]) .form-input,
.form-pale-bg:not([itemdisabled="yes"]) .form-select-input:not([multiple]) .form-select-input-item,
.form-pale-bg:not([itemdisabled="yes"]) input,
.form-pale-bg:not([itemdisabled="yes"]) select,
.form-pale-bg:not([itemdisabled="yes"]) textarea {
    background-color: var(--aui-pale-background) !important;
}
.form-pale-bg .form-select-input[multiple] .form-select-input-item {
    background-color: var(--aui-main-background) !important;
}
.tooltip {
    position: absolute;
    z-index: 9999;
    padding: 6px;
    display: block;
    text-align: left;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background-color: #f9f9f9;
    background-color: var(--aui-pale-background, #f9f9f9);
    border: 1px solid #d6d6d6;
    border: 1px solid var(--aui-pale-border, #d6d6d6);
    color: #333;
    color: var(--aui-main-colour, #333);
    font-size: var(--font-size-12);
    max-width: 300px;
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    pointer-events: none !important;
}
.hidden-tooltip[aria-hidden="true"] {
    display: none;
}
.tooltip[tip-position="TOP"]:before {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 50%;
    border-width: 6px 6px 0;
    border-style: solid;
    border-color: #d6d6d6 transparent;
    border-color: var(--aui-pale-border, #d6d6d6) transparent;
    display: block;
    width: 0;
    margin-left: -6px;
}
.tooltip[tip-position="TOP"]:after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 50%;
    border-width: 5px 5px 0;
    border-style: solid;
    border-color: #f9f9f9 transparent;
    border-color: var(--aui-pale-background, #f9f9f9) transparent;
    display: block;
    width: 0;
    margin-left: -5px;
}
.tooltip[tip-position="TOPLEFT"]:before {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 10px;
    border-width: 6px 6px 0;
    border-style: solid;
    border-color: #d6d6d6 transparent;
    border-color: var(--aui-pale-border, #d6d6d6) transparent;
    display: block;
    width: 0;
    margin-left: -6px;
}
.tooltip[tip-position="TOPLEFT"]:after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 10px;
    border-width: 5px 5px 0;
    border-style: solid;
    border-color: #f9f9f9 transparent;
    border-color: var(--aui-pale-background, #f9f9f9) transparent;
    display: block;
    width: 0;
    margin-left: -5px;
}
.tooltip[tip-position="BOTTOM"]:before {
    content: "";
    position: absolute;
    top: -6px;
    left: 50%;
    border-width: 0 6px 6px 6px;
    border-style: solid;
    border-color: #d6d6d6 transparent;
    border-color: var(--aui-pale-border, #d6d6d6) transparent;
    display: block;
    width: 0;
    margin-left: -6px;
}
.tooltip[tip-position="BOTTOM"]:after {
    content: "";
    position: absolute;
    top: -5px;
    left: 50%;
    border-width: 0 5px 5px 5px;
    border-style: solid;
    border-color: #f9f9f9 transparent;
    border-color: var(--aui-pale-background, #f9f9f9) transparent;
    display: block;
    width: 0;
    margin-left: -5px;
}
.tooltip[tip-position="BOTTOMLEFT"]:before {
    content: "";
    position: absolute;
    top: -6px;
    left: 10px;
    border-width: 0 6px 6px 6px;
    border-style: solid;
    border-color: #d6d6d6 transparent;
    border-color: var(--aui-pale-border, #d6d6d6) transparent;
    display: block;
    width: 0;
    margin-left: -6px;
}
.tooltip[tip-position="BOTTOMLEFT"]:after {
    content: "";
    position: absolute;
    top: -5px;
    left: 10px;
    border-width: 0 5px 5px 5px;
    border-style: solid;
    border-color: #f9f9f9 transparent;
    border-color: var(--aui-pale-background, #f9f9f9) transparent;
    display: block;
    width: 0;
    margin-left: -5px;
}
.tooltip[tip-position="LEFT"]:before {
    content: "";
    position: absolute;
    right: 4px;
    border-width: 7px 0 7px 10px;
    border-style: solid;
    border-color: transparent #d6d6d6;
    border-color: transparent var(--aui-pale-border, #d6d6d6);
    top: 50%;
    margin-top: -7px;
    display: block;
    width: 0;
    margin-right: -14px;
}
.tooltip[tip-position="LEFT"]:after {
    content: "";
    position: absolute;
    right: 4px;
    border-width: 6px 0 6px 11px;
    border-style: solid;
    border-color: transparent #f9f9f9;
    border-color: transparent var(--aui-pale-background, #f9f9f9);
    top: 50%;
    margin-top: -6px;
    display: block;
    width: 0;
    margin-right: -14px;
}
.tooltip[tip-position="RIGHT"]:before {
    content: "";
    position: absolute;
    left: 4px;
    border-width: 7px 10px 7px 0;
    border-style: solid;
    border-color: transparent #d6d6d6;
    border-color: transparent var(--aui-pale-border, #d6d6d6);
    top: 50%;
    margin-top: -7px;
    display: block;
    width: 0;
    margin-left: -14px;
}
.tooltip[tip-position="RIGHT"]:after {
    content: "";
    position: absolute;
    position: 4px;
    border-width: 6px 10px 6px 0;
    border-style: solid;
    border-color: transparent #f9f9f9;
    border-color: transparent var(--aui-pale-background, #f9f9f9);
    top: 50%;
    margin-top: -6px;
    display: block;
    width: 0;
    margin-left: -14px;
}
.help-tip-icon {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    width: 20px;
    height: 20px;
    border: 1px solid var(--theme-colour);
    position: relative;
    background-color: var(--theme-colour, #2c46cc);
    border-radius: 50%;
}
.help-tip-icon:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "i";
    font-size: 16px;
    text-align: center;
    font-weight: 700;
    color: var(--aui-font-selection);
    width: inherit;
    height: inherit;
    line-height: calc(100% + 4px);
}
div + .help-tip-icon {
    margin-left: 10px;
}
.help-tip-rollover {
    width: 240px;
    position: absolute;
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    transition: all 0.2s ease;
    transform-origin: center center;
}
.help-tip-rollover[aria-hidden="true"] {
    display: none;
}
.help-tip-rollover[aria-hidden="false"] {
    display: block;
}
.help-tip-rollover[tip-position="LEFT"]:before {
    content: "";
    position: absolute;
    right: 4px;
    border-width: 7px 0 7px 10px;
    border-style: solid;
    border-color: transparent #2f83cc;
    top: 13px;
    display: block;
    width: 0;
    margin-right: -14px;
}
.help-tip-rollover[tip-position="LEFT"][has-image="false"]:before {
    border-color: transparent #323232;
}
.help-tip-rollover[tip-position="RIGHT"]:before {
    content: "";
    position: absolute;
    left: 4px;
    border-width: 7px 10px 7px 0;
    border-style: solid;
    border-color: transparent #2f83cc;
    top: 13px;
    display: block;
    width: 0;
    margin-left: -14px;
}
.help-tip-rollover[tip-position="RIGHT"][has-image="false"]:before {
    border-color: transparent #323232;
}
.help-tip-rollover[tip-position-bottom]:before {
    top: auto;
    bottom: 4px;
    border-color: transparent #323232;
}
.help-tip-image {
    width: 100%;
    max-width: 240px;
    max-height: 202px;
    background-color: #ccc;
}
.help-tip-image,
.help-tip-image img {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.help-tip-image[has-image="false"] {
    display: none;
}
.help-tip-rollover[has-image="false"] > .help-tip-description {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.help-tip-description {
    background-color: #323232;
    border: 1px solid #3c3c3c;
    color: #ccc;
    padding: 10px;
    box-sizing: border-content;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.help-tip-title {
    font-size: var(--font-size-14);
    font-weight: 100;
}
.help-tip-title[has-icon="true"] {
    height: 20px;
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: 20px;
    padding-left: 26px;
}
.help-tip-content {
    padding-top: 10px;
}
.help-tip-content,
.help-tip-learn-more {
    font-size: var(--font-size-12);
}
.help-tip-learn-more:active,
.help-tip-learn-more:hover,
.help-tip-learn-more:link,
.help-tip-learn-more:visited {
    color: #2f83cc !important;
}
.tsandcs-iframe-wrapper {
    width: 100%;
    height: 200px;
    border-radius: 5px;
    border: 1px solid #d6d6d6;
    border: 1px solid var(--aui-pale-border, #d6d6d6);
    box-sizing: border-box;
    overflow: hidden;
    resize: vertical;
}
.tsandcs-iframe-wrapper iframe {
    border-radius: 5px;
    padding: 0;
    margin: 0;
    border: none;
}
.info-heading {
    width: auto;
    background-color: rgba(142, 182, 217, 0.25);
    padding: 12px 12px 12px 42px;
    color: var(--aui-main-colour);
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 12px;
    position: relative;
}
.info-heading::before {
    content: "i";
    width: 20px;
    height: 20px;
    position: absolute;
    background-color: var(--theme-colour);
    left: 12px;
    border-radius: 100%;
    text-align: center;
    font-weight: 700;
    line-height: 20px;
    top: calc(50% - 10px);
    color: var(--aui-font-selection, #fff);
}
@media (max-width: 800px) {
    body[interface="DESKTOP"] .form-tab-panel.form-tabs-side {
        display: block;
        border: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }
    body[interface="DESKTOP"] .form-tab-container.form-tabs-side {
        display: block;
        width: auto;
        padding-right: 0;
    }
    body[interface="DESKTOP"] .form-tabs-side.form-tab-panel {
        display: none;
        box-sizing: border-box;
        width: 100% !important;
    }
    body[interface="DESKTOP"] .form-tabs-side.form-tab-panel .form-tab-panel-contents {
        padding: 0;
        box-sizing: border-box;
    }
    body[interface="DESKTOP"] .form-tabs-side.form-tab-panel[aria-hidden="false"] {
        display: block;
        border-width: 0;
    }
    body[interface="DESKTOP"] .form-tabs-side {
        padding-left: 0;
    }
    body[interface="DESKTOP"] .form-tabs-side > ul {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -moz-flex;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        -webkit-flex-direction: row;
        -webkit-flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        padding-top: 0;
        width: 100% !important;
        max-width: 100% !important;
        list-style: none;
        list-style-image: none;
        margin: 0;
        padding: 0;
        border: none;
    }
    body[interface="DESKTOP"] .form-tabs-side > ul > li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto !important;
        padding: 0 20px 0 20px;
        text-align: center;
        font-size: var(--font-size-14);
        background-color: #fff;
        background-color: var(--aui-main-background, #fff);
        color: #2c46cc;
        color: var(--theme-colour, #2c46cc);
        box-sizing: border-box;
        cursor: pointer;
        height: 28px;
        line-height: 26px;
        border: 1px solid #2c46cc;
        border: 1px solid var(--theme-colour, #2c46cc);
        max-width: 150px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        margin: 3px;
    }
    .form-tab-container > ul > li:first-child {
        -webkit-border-top-left-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -moz-border-radius-topleft: 4px;
        -moz-border-radius-bottomleft: 4px;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        border-right: none;
    }
    .form-tab-container > ul > li:last-child {
        -webkit-border-top-right-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        -moz-border-radius-topright: 4px;
        -moz-border-radius-bottomright: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-right-width: 1px;
    }
    .form-group:not(.form-no-wrap):not(.form-disable-media-query) .form-button,
    .form-group:not(.form-no-wrap):not(.form-disable-media-query) .form-checkbox-wrapper,
    .form-group:not(.form-no-wrap):not(.form-disable-media-query) .form-item[data-input-buttons] .form-control,
    .form-group:not(.form-no-wrap):not(.form-disable-media-query) .form-radio-wrapper,
    .form-group:not(.form-no-wrap):not(.form-disable-media-query) .form-selector-wrapper,
    .form-item:not(.form-no-wrap):not(.form-disable-media-query) .form-area,
    .form-item:not(.form-no-wrap):not(.form-disable-media-query) .form-button-link,
    .form-item:not(.form-no-wrap):not(.form-disable-media-query) .form-checkbox-wrapper,
    .form-item:not(.form-no-wrap):not(.form-disable-media-query) .form-radio-wrapper,
    .form-item:not(.form-no-wrap):not(.form-disable-media-query) .form-selector-wrapper,
    .form-item[data-input-buttons] .form-control {
        max-width: 100% !important;
        width: 100% !important;
        margin-bottom: 5px;
    }
    .form-sub-group:not(.form-no-wrap) {
        max-width: 100% !important;
    }
    .form-group .form-inner,
    .form-group:not(.form-no-wrap):not(.form-disable-media-query),
    .form-horizontal .form-inner {
        display: block !important;
        margin-right: 0 !important;
    }
    .form-horizontal[data-type="radiogroup"] .form-control {
        display: block !important;
    }
    .form-horizontal[data-type="radiogroup"] .form-control .form-radio-wrapper {
        padding: 0;
    }
    .form-horizontal .form-label {
        max-width: 100% !important;
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 0;
        font-size: inherit;
        line-height: normal;
    }
    .form-horizontal .form-control {
        max-width: 100% !important;
    }
    .form-menu {
        top: 3px;
        right: 5px;
    }
    .form-horizontal .form-menu {
        top: -2px;
        right: 5px;
    }
    .col-10:not(.form-disable-media-query),
    .col-15:not(.form-disable-media-query),
    .col-20:not(.form-disable-media-query),
    .col-30px:not(.form-disable-media-query),
    .col-66:not(.form-disable-media-query),
    .col-75:not(.form-disable-media-query),
    .col-full:not(.form-disable-media-query) .col-auto:not(.form-disable-media-query),
    .col-half:not(.form-disable-media-query),
    .col-nearlyhalf:not(.form-disable-media-query),
    .col-quarter:not(.form-disable-media-query),
    .col-third:not(.form-disable-media-query) {
        max-width: 100% !important;
        width: 100% !important;
    }
    .width-10,
    .width-10.form-item,
    .width-10.form-item .form-area,
    .width-10.form-item .form-checkbox-wrapper,
    .width-10.form-item .form-radio-wrapper,
    .width-10.form-item .form-selector-wrapper,
    .width-15,
    .width-15.form-item,
    .width-15.form-item .form-area,
    .width-15.form-item .form-checkbox-wrapper,
    .width-15.form-item .form-radio-wrapper,
    .width-15.form-item .form-selector-wrapper,
    .width-20,
    .width-20.form-item,
    .width-20.form-item .form-area,
    .width-20.form-item .form-checkbox-wrapper,
    .width-20.form-item .form-radio-wrapper,
    .width-20.form-item .form-selector-wrapper,
    .width-66,
    .width-66.form-item,
    .width-66.form-item .form-area,
    .width-66.form-item .form-checkbox-wrapper,
    .width-66.form-item .form-radio-wrapper,
    .width-66.form-item .form-selector-wrapper,
    .width-75,
    .width-75.form-item,
    .width-75.form-item .form-area,
    .width-75.form-item .form-checkbox-wrapper,
    .width-75.form-item .form-radio-wrapper,
    .width-75.form-item .form-selector-wrapper,
    .width-auto,
    .width-auto.form-item,
    .width-auto.form-item .form-area,
    .width-auto.form-item .form-checkbox-wrapper,
    .width-auto.form-item .form-radio-wrapper,
    .width-auto.form-item .form-selector-wrapper,
    .width-full,
    .width-full.form-item,
    .width-full.form-item .form-area,
    .width-full.form-item .form-checkbox-wrapper,
    .width-full.form-item .form-radio-wrapper,
    .width-full.form-item .form-selector-wrapper,
    .width-half,
    .width-half.form-item,
    .width-half.form-item .form-area,
    .width-half.form-item .form-checkbox-wrapper,
    .width-half.form-item .form-radio-wrapper,
    .width-half.form-item .form-selector-wrapper,
    .width-quarter,
    .width-quarter.form-item,
    .width-quarter.form-item .form-area,
    .width-quarter.form-item .form-checkbox-wrapper,
    .width-quarter.form-item .form-radio-wrapper,
    .width-quarter.form-item .form-selector-wrapper,
    .width-third,
    .width-third.form-item,
    .width-third.form-item .form-area,
    .width-third.form-item .form-checkbox-wrapper,
    .width-third.form-item .form-radio-wrapper,
    .width-third.form-item .form-selector-wrapper {
        max-width: 100% !important;
        width: 100% !important;
    }
}
.col-10,
.col-15,
.col-20,
.col-30px,
.col-66,
.col-75,
.col-full,
.col-half,
.col-nearlyhalf,
.col-quarter,
.col-third,
.form-area,
.form-button,
.form-button-link,
.form-checkbox-wrapper,
.form-color,
.form-control,
.form-help,
.form-input,
.form-item,
.form-label,
.form-radio-wrapper,
.form-select,
.form-selector-wrapper,
.form-tab-container > ul > li,
.form-tab-panel.form-tabs-side,
.form-toggle + label {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}