.hs_popup,
.recruitment__alert,
.recruitment__applicant-portal,
.recruitment__application {
    /*--ubPrimaryColor: var(--root-color--primary);*/
    --ubBorderRadius: var(--root-border-radius);
    --ubFontFamily: var(--root-font-family--primary);
    --ubMainFontSize: var(--root-font-size);
    --ubHeaderFontFamily: var(--root-heading-2-family);
    --ubHeaderFontWeight: var(--root-heading-2-weight);

    /* Buttons */
    --ubButtonPadding: 0.6875rem 1.25rem;
    --ubButtonFontSize: var(--root-font-size);
    /*--ubButtonFontWeight: var(--root-font-weight--bold);*/
    /* Primary Button Colors */
    /*--ubPrimaryButtonColor: var(--root-color--primary);*/
    /*--ubPrimaryButtonHoverColor: var(--root-color--primary-darkest);*/
    /*--ubPrimaryButtonTextColor: var(--root-color--white);*/
    /*--ubPrimaryButtonTextHoverColor: var(--root-color--white);*/
    /* Secondary Button Colors */
    /*--ubSecondaryButtonColor: var(--root-color--secondary);*/
    /*--ubSecondaryButtonHoverColor: var(--root-color--secondary-darkest);*/
    /*--ubSecondaryButtonTextColor: var(--root-color--white);*/
    /*--ubSecondaryButtonTextHoverColor: var(--root-color--white);*/

    /* Tooltips */
    --ubInfoColorLight: var(--root-color--blue-light);
    --ubInfoColorDark: var(--root-color--blue);
    --ubWarnColorLight: var(--root-color--orange-light);
    --ubWarnColorDark: var(--root-color--orange);
    --ubConfirmColorLight: var(--root-color--green-light);
    --ubConfirmColorDark: var(--root-color--green);
    --ubErrorColorLight: var(--root-color--red-light);
    --ubErrorColorDark: var(--root-color--red);

    /* Form */
    --ubInputBorderRadius: 0;
    /*--navColor: var(--root-color--primary);*/
}

.form-group.ub-error {
    --color-border: var(--root-color--red);
}

.hs_platform_form .form-group.form-legend-required {
    --color-text: var(--root-color-text);
    --font-family: inherit;
    --font-size: 1em;
    --font-style: normal;
    --font-weight: var(--root-font-weight--normal);
    --line-height: inherit;
    --color-background: var(--root-color--blue-light);
    --color-border: var(--root-color--blue);
}

.hs_platform_form .form-group .form-field .form-field-text-invalid {
    --color-text: var(--root-color--red);
    --font-family: inherit;
    --font-size: 1em;
    --font-style: normal;
    --font-weight: var(--root-font-weight--bold);
    --line-height: inherit;
}

.hs_platform_form .form-group .form-field .form-field-text-help {
    --color-text: dimgrey;
    --font-family: inherit;
    --font-size: 1em;
    --font-style: italic;
    --font-weight: var(--root-font-weight--normal);
    --line-height: inherit;
}

.hs_platform_form .form-group.form-validation-summary {
    --color-text: var(--root-color-text);
    --font-family: inherit;
    --font-size: 1em;
    --font-style: normal;
    --font-weight: var(--root-font-weight--normal);
    --line-height: inherit;
    --color-background: var(--root-color--red-light);
    --color-border: var(--root-color--red);
}

.ats-custom-file-label,
.hs_platform_form input.textfield,
.hs_platform_form select {
    padding: 0.5rem;
    max-width: 25rem;
    width: 100%;
    background: #ffffff;
    border: 0.125rem solid #000000;
}

.hs_platform_form .form-group.ub-error input.textfield,
.hs_platform_form .form-group.ub-error select,
.hs_platform_form .form-group.ub-error textarea,
.hs_platform_form .form-group.ub-error .ats-custom-file-label {
    border: 0.125rem solid #000000;
}

form.hs_platform_form .form-group input.textfield:focus,
form.hs_platform_form .form-group select:focus,
form.hs_platform_form .form-group textarea:focus,
.hs_platform_form .form-group .ub-checkbox .checkbox-wrap input:focus,
.ats-custom-file input.ats-custom-file-input:focus~.ats-custom-file-label,
.ats-custom-file input.ats-custom-file-input:focus~.ats-custom-file-label::after {
    border-color: initial;
    box-shadow: 0 0 0 1px #000000;
    outline-offset: 4px;
}

.ub-password-eye {
    display: none;
}

.SumoSelect > .CaptionCont {
    border: 0.125rem solid #000000;
}

.SumoSelect > .CaptionCont,
.SumoSelect > .optWrapper {
    max-width: 25rem;
}

.form-group {
    margin-top: 1.5rem;
}

.hs_platform_form .form-group {
    padding: 0;
}

.hs_platform_form .form-group .ub-checkbox .checkbox-wrap input,
.hs_platform_form .form-group .radio .radio-wrap input {
    display: inline-block;
    height: 1.5rem;
    width: 1.5rem;
    -webkit-appearance: initial;
    -moz-appearance: initial;
    appearance: initial;
}

@media screen and (min-width: 768px) {
    .hs_form_on_page .hs_platform_form label.form-label {
        width: unset;
        float: none;
    }

    .hs_form_on_page .hs_platform_form .form-group .form-field {
        display: block;
        width: unset;
    }
}

.hs_platform_form label.form-label {
    display: block;
}

.form-group.ub-error {
    border-left-width: 0.3125rem;
    border-left-style: solid;
    padding-left: 1rem;
}

.hs_platform_form .form-group .form-field .form-field-text-invalid {
    background-color: transparent;
    border-color: transparent;
    margin-top: 0.5rem;
    padding: 0;
    border-width: 0;
}

.formbuttons {
    margin-top: 1rem;
}

@media screen and (min-width: 768px) {
    .hs_form_on_page .formbuttons .ub-button,
    .hs_form_on_page .form-group-file-drop .form-field,
    .hs_form_on_page .form-group-checkbox .form-field {
        margin-left: unset;
    }
}

.hs_platform_form .form-group .form-field .form-field-text-help {
    padding: 0;
    background-color: transparent;
    border-width: 0;
    margin-top: 0.5rem;
}

.hs_platform_form .form-group.form-legend-required,
.hs_platform_form .form-group.form-validation-summary {
    border-style: solid;
    border-width: 0.125rem;
    padding: 1.5rem;
    margin-top: 2rem;
}

.hs_platform_form .ub-error .form-label,
.hs_platform_form .hs-disclaimer.required.ub-error label {
    color: var(--root-color-text);
}

.form-group.ub-error {
    border-left-color: var(--color-border, red);
}

.hs_platform_form .form-group.form-legend-required {
    color: var(--color-text, black);
    font-family: var(--font-family, inherit);
    font-size: 1em;
    font-weight: var(--font-weight, normal);
    font-style: var(--font-style, normal);
    line-height: var(--line-height, inherit);
    background-color: var(--color-background, hsl(6, 75%, 96%));
    border-color: var(--color-border, hsl(6, 75%, 51%));
}

.hs_platform_form .form-group .form-field .form-field-text-invalid {
    color: var(--color-text);
    font-family: var(--font-family, inherit);
    font-size: var(--font-size, 1em);
    font-style: var(--font-style, normal);
    font-weight: var(--font-weight, bold);
    line-height: var(--line-height, inherit);
}

.hs_platform_form .form-group .form-field .form-field-text-help {
    color: var(--color-text, dimgrey);
    font-family: var(--font-family, inherit);
    font-size: var(--font-size, 1em);
    font-style: var(--font-style, italic);
    font-weight: var(--font-weight, normal);
    line-height: var(--line-height, inherit);
}

.hs_platform_form .form-group.form-validation-summary {
    color: var(--color-text, black);
    font-family: var(--font-family, inherit);
    font-size: 1em;
    font-weight: var(--font-weight, normal);
    font-style: var(--font-style, normal);
    line-height: var(--line-height, inherit);
    background-color: var(--color-background, hsl(6, 75%, 96%));
    border-color: var(--color-border, hsl(6, 75%, 51%));
}