/* ==========================================================================
    LAYOUTS
    -------------------------------------------------------------------------
    XXX

    ELEMENTS
    -------------------------------------------------------------------------
    Indicators
      : Autosave (New)

    COMPONENTS
    -------------------------------------------------------------------------
    Lists
      : Compact (Override/complement)
    Navigation
      : Steps bar (Override/complement)
        : With label (New)
    Interview form
      : Boxes and outer stucture/spacings (New)
      : Fields and inner stucture/spacings (New)

    WIDGETS
    -------------------------------------------------------------------------
    Forms
      : Interview
        : Boxes and outer stucture/spacings (New)
        : Fields and inner stucture/spacings (New)
        : Text (New)
        : Some specific styles (New)
    More
      : In aside (Override/complement)

    MODULES
    -------------------------------------------------------------------------
    Main (Override/complement)

    PAGETYPES
    -------------------------------------------------------------------------
    Dashboard
      : Section (Override/complement)

    UTILITIES
    -------------------------------------------------------------------------
    XXX
========================================================================== */

/*
    LAYOUTS/XXX
*/

/*
    ELEMENTS/Indicators: Autosave (New)
*/

.wizard-auto-save-message {
    position: relative;
    inline-size: 100%;
}

.wizard-auto-save-message .message {
    position: absolute;
    inset-inline-end: 0;
    inset-block-end: var(--t-gs--space--xs);
    font-size: var(--t-gs--font--size--03);
}

.wizard-auto-save-message .message__icon {
    inline-size: auto;
}

/*
    COMPONENTS/Lists: Compact (Override/complement)
*/

.list--view-more .list__item a {
    display: initial;
    padding: unset;
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .list--view-more .list__item {
        padding-block: var(--t-gs--space--s);
        padding-inline: var(--t-gs--space--0);
    }

}

/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1024px) {
    .list--view-more .list__item {
        flex: 0 0 50%;
        max-inline-size: 50%;
    }

}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .list--view-more .list__item {
        padding-block: var(--t-gs--space--s);
        padding-inline: var(--t-gs--space--0);
    }

}

/*
    COMPONENTS/Navigation: Steps bar (Override/complement)
*/

.list--steps {
    margin-block-end: var(--t-gs--space--0);
}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .list--steps .list__item__text__subtitle {
        margin-block-end: calc(-1 * var(--t-gs--space--s));
        inline-size: calc(var(--t-gs--size--base) * 5);
        block-size: calc(var(--t-gs--size--base) * 5);
        text-indent: -999.9rem;
        overflow: hidden;
    }

}

/*
    COMPONENTS/Navigation: Steps bar: With label (New)
*/

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .list--steps--with-label .list__label {
        display: none;
    }

}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .list--steps--with-label {
        --t-tc--label--width: calc(var(--t-gs--size--base) * 20);
        margin-inline-start: var(--t-tc--label--width);
        margin-inline-end: var(--t-tc--label--width);
        font-weight: var(--t-gs--font--weight--bold)
    }

    .list--steps--with-label:after {
        inset-block-end: 50%;
        transform: translateY(.2rem);
    }

    .list--steps--with-label .list__label {
        position: absolute;
        inset-inline-end: 100%;
        inline-size: var(--t-tc--label--width);
        font-size: var(--t-gs--font--size--06);
    }

    .list--steps--with-label .list__item__text__subtitle {
        margin-block-start: var(--t-gs--space--0);
        margin-block-end: var(--t-gs--space--0);
    }

    .list--steps--with-label .list__item .list__item__text:after {
        inset-block-end: 50%;
        transform: translateY(.2rem);
        border-radius: unset;
    }

}

/*
    WIDGETS/Forms: Interview: Boxes and outer stucture/spacings (New)
*/

.form--interview :is(.Separator, .FormHeader) {
    display: none;
}

.form--interview :is(.Section--sidebar, .Section--main),
.form--interview .Section--form .formfieldSpec {
    border-width: var(--t-gs--border--width--s);
    border-style: solid;
    border-color: var(--custom--border--section);
    border-radius: var(--t-tc--boxes--border--radius);
}

.form--interview .Section--form .formfieldSpec.FileSchemaField div[id*="fileInput_"] {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.form--interview .Section--form .formfieldSpec.FileSchemaField div[id*="fileInput_"] .uploadedFile {
    display: flex;
    justify-content: flex-end;
    padding-block-start:var(--t-tc--fieldSpec--padding--inners);
    padding-inline-end:var(--t-tc--fieldSpec--padding--inners);
    padding-inline-start:var(--t-tc--fieldSpec--padding--inners);
}

.form--interview .Section--form .formfieldSpec.FileSchemaField div[id*="fileInput_"] .errorMessage {
    padding-inline-end:var(--t-tc--fieldSpec--padding--inners);
    padding-inline-start:var(--t-tc--fieldSpec--padding--inners);
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .form--interview :is(.Section--sidebar, .Section--main),
    .form--interview .Section--form .formfieldSpec {
        padding-block: var(--t-gs--space--m);
        padding-inline: var(--t-gs--space--m);
    }

    .form--interview .Section--sidebar + .Section--main {
        margin-block-start: var(--t-gs--space--m);
    }

    .form--interview .Section--full {
        margin-block-start: var(--t-gs--space--l);
    }

}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .form--interview :is(.Section--sidebar,.Section--main),
    .form--interview .Section--form .formfieldSpec {
        padding-block: var(--t-gs--space--l);
        padding-inline: var(--t-gs--space--l);
    }

}

/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1024px) {
    .form--interview .Section--sidebar + .Section--main {
        margin-block-start: var(--t-gs--space--l);
    }

    .form--interview .Section--full {
        margin-block-start: var(--t-gs--space--xl);
    }

}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .form--interview {
        display: flex;
        flex-wrap: wrap;
    }

    .form--interview .Section {
        margin-block: var(--t-gs--space--0);
        margin-inline: var(--t-gs--space--0);
        min-inline-size: initial;
        inline-size: 100%;
    }

    .form--interview .Section--sidebar,
    .form--interview .Section--form .formfieldSpec.FileSchemaField {
        inline-size: var(--t-tc--content--w--sidebar);
    }

    .form--interview .Section--form .formfieldSpec.FileSchemaField {
        min-block-size: 50.6rem;
    }

    .form--interview .Section--sidebar + .Section--main {
        margin-inline-start: var(--t-tc--grid--columns--gap);
        inline-size: calc(100% - var(--t-tc--content--w--sidebar) - var(--t-tc--grid--columns--gap));
    }

    .form--interview .Section--form {
        position: relative;
    }

    .form--interview .Section--form .formfieldSpec.FileSchemaField div[id*="fileInput_"] {
        position: absolute;
        inset-block-start: 0;
        inset-inline-end: 0;
        inset-block-end: 0;
        inset-inline-start: calc(var(--t-tc--content--w--sidebar) + var(--t-tc--grid--columns--gap));
        inline-size: unset;
        background-color: var(--t-gs--color--surface--transparent);
    }

    .form--interview .Section--full {
        margin-block-start: var(--t-gs--space--l);
    }

}

/*
    WIDGETS/Forms: Interview: Fields and inner stucture/spacings (New)
*/

.form--interview :is(.Section--sidebar, .Section--main) div[class*="description"] h3,
.form--interview .Section--form .formfieldSpec > label,
.form--interview .Section--form .formfieldSpec fieldset > legend {
    padding-block-end: var(--t-gs--space--m);
}

.form--interview :is(.fieldSpec, .datasetfieldSpec, .formfieldSpec) {
    padding-block-end: var(--t-gs--space--0);
}

.form--interview div[class*="fieldSpec"] div[class*="description"] {
    margin-block-start: var(--t-gs--space--0);
}

.form--interview :is(.Section--sidebar, .Section--main) .fieldSpec .description {
    padding-block-end: var(--t-gs--space--0);
}

.form--interview .Section--form .formfieldSpec .formdescription:not(:empty) {
    display: flex;
    row-gap: var(--t-gs--space--m);
    column-gap: var(--t-tc--grid--columns--gap);
}

.form--interview .Section--form .formfieldSpec:not(.FileSchemaField) .formdescription:not(:empty) {
    padding-block-end: var(--t-gs--space--m);
}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .form--interview .Section--form .formfieldSpec.FileSchemaField .formdescription {
        padding-block-end: var(--t-gs--space--m);
    }

}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .form--interview .Section--form .formfieldSpec .formdescription {
        flex-direction: column;
    }

}

/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1024px) {
    .form--interview .Section--form .formfieldSpec .formdescription .formvideoDescription {
        min-inline-size: calc(50% - (var(--t-tc--grid--columns--gap) * .5));
    }

}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .form--interview .Section--form .formfieldSpec .formdescription {
        flex-direction: column;
    }

    .form--interview .Section--form .formfieldSpec.FileSchemaField .formdescription {
        padding-block-end: var(--t-gs--space--0);
    }

}

/*
    WIDGETS/Forms: Interview: Some specific styles (New)
*/

.form--interview div[class*="fieldSpec"] div[class*="description"] video {
    inline-size: 100%;
}

.form--interview .fieldSpec + .fieldSpec.AcceptanceCheckboxField {
    margin-block-start: var(--t-gs--space--m);
}

.form--interview .fieldSpec.AcceptanceCheckboxField fieldset > legend {
    padding-block-end: var(--t-gs--space--0);
}

.form--interview.form--step1 .previousButton {
    display: none; /* we add (and then hide) a Prev button between the Next and the Cancel ones, to make the latter look tertiary */
}

/*
    WIDGETS/Forms: Interview: Text (New)
*/

.form--interview :is(.Section--sidebar, .Section--main) div[class*="description"] h3,
.form--interview .Section--form .formfieldSpec > label,
.form--interview .Section--form .formfieldSpec fieldset > legend {
    font-family: var(--t-gs--font--family--emphasis);
    font-weight: var(--t-gs--font--weight--bold);
}

.form--interview div[class*="fieldSpec"] div[class*="description"] {
    font-size: inherit;
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .form--interview :is(.Section--sidebar, .Section--main) div[class*="description"] h3,
    .form--interview .Section--form .formfieldSpec > label,
    .form--interview .Section--form .formfieldSpec fieldset > legend {
        font-size: var(--t-gs--font--size--06);
    }

    .form--interview .Section--form .formfieldSpec > .tc_formLabel {
        font-size: var(--t-gs--font--size--04);
    }
}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .form--interview :is(.Section--sidebar, .Section--main) div[class*="description"] h3,
    .form--interview .Section--form .formfieldSpec > label,
    .form--interview .Section--form .formfieldSpec fieldset > legend {
        font-size: var(--t-gs--font--size--07);
    }

    .form--interview .Section--form .formfieldSpec > .tc_formLabel {
        font-size: var(--t-gs--font--size--04);
    }
}

/*
    WIDGETS/More: In aside (Override/complement)
*/

/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1024px) {
    .article--view-more--aside .article__content {
        margin-block-start: var(--t-gs--space--l);
    }

}

/*
    MODULES/Main (Override/complement)
*/

:root {
    --t-tc--main--padding--top: var(--t-gs--space--xxl);
    --t-tc--main--padding--bottom: var(--t-gs--space--xxl);
}

/*
    PAGETYPES/Dashboard: Section (Override/complement)
*/

.section--dashboard .section__header__actions {
    inline-size: 100%;
}

.section--dashboard {
    border-width: var(--t-gs--border--width--s);
    border-style: solid;
    border-color: var(--custom--border--section);
}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .section--dashboard .section__header__actions {
        max-inline-size: calc(var(--t-gs--size--base) * 54);
    }

}

/* custom styles */
/*
    MODULES/Banner (Override/complement)
*/
.banner {
    background-image: linear-gradient(90deg, var(--custom--banner--left) 0%, var(--custom--banner--right) 100%);
}

.banner__text__title,
.footer__content {
    --t-tc--title--font--color: var(--t-gs--color--fill--default);
}

.banner__text__title {
    font-weight: var(--custom--font--weight--bolder);
}

.banner__text__subtitle {
    font-size: var(--t-tc--title--h4);
    color: var(--t-gs--color--fill--default);
    text-transform: initial;
    margin-block-start: var(--t-gs--space--m);
}

.banner--100 {
    background-image: var(--banner--100);
}

.banner--101 {
    background-image: var(--banner--101);
}

.banner--102 {
    background-image: var(--banner--102);
}

.banner--103 {
    background-image: var(--banner--103);
}

.banner--104 {
    background-image: var(--banner--104);
}

.banner--105 {
    background-image: var(--banner--105);
}

.banner--106 {
    background-image: var(--banner--106);
}

.banner--107 {
    background-image: var(--banner--107);
}

.banner--108 {
    background-image: var(--banner--108);
}

.banner--109 {
    background-image: var(--banner--109);
}

.banner--110 {
    background-image: var(--banner--110);
}

.banner--111 {
    background-image: var(--banner--111);
}

.banner--112 {
    background-image: var(--banner--112);
}

.banner--113 {
    background-image: var(--banner--113);
}

.banner--114 {
    background-image: var(--banner--114);
}

.banner--115 {
    background-image: var(--banner--115);
}

.banner--116 {
    background-image: var(--banner--116);
}

.banner--117 {
    background-image: var(--banner--117);
}

.banner--118 {
    background-image: var(--banner--118);
}

.banner--119 {
    background-image: var(--banner--119);
}

/*
    MODULES/Footer (Override/complement)
*/
.footer__content {
    flex-direction: column;
    font-size: var(--t-gs--font--size--default);
}

.footer__container {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer__container--top {
    display: flex;
    width: 100%;
    align-items: flex-start;
}

.footer__container--top .footer--address {
    line-height: 2.2rem;
}

.footer__container--top .article {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-block-start: var(--t-gs--space--0);
}

.footer__container--top .article--right {
    align-items: flex-end;
    text-align: right;
}

.footer__container--top .button--contact {
    color: var(--t-gs--swatch--link);
}

.footer__social__item {
    block-size: calc(var(--t-gs--size--base) * 12);
    max-inline-size: calc(var(--t-gs--size--base) * 12);
}

.footer__container--bottom {
    border-top-width: var(--t-gs--border--width--m);
    border-style: solid;
}

.footer__rights__copy {
    font-weight: var(--t-gs--font--weight--bold);
}

@media all and (max-width:1024px) {
    .footer__container {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: var(--t-gs--space--l);
    }

    .footer__container--top .article--right {
        align-items: flex-start;
        text-align: left;
    }
}

@media (width<=1920px) {
    html {
        font-size: 62.5%;
    }
}

.form--login {
    --t-tc--buttons--width--min: 100%;
}

.title--h2 {
    line-height: 110%;
}

/* job detail */
.title--icon:before {
    display: block;
    inline-size: var(--t-tc--icon--width);
    block-size: var(--t-tc--icon--height);
    content: '';
    background-image: var(--t-tc--fields__icon--title);
    background-position: left center;
}

.ui-dialog .ui-dialog-title {
    --title--font--size: var(--t-tc--title--h3);
}

/* reset password style */

img {
    --a-passwordReset-error-image-width: 9rem;
}

h1 {
    --a-passwordReset-error-heading-margin-top: 2.4rem;
    --a-passwordReset-error-heading-font-size: var(--a-gs--font--size--09);
}

/* FAQs page style */

.toggle--menu .toggle__icon, .toggle--menu .toggle__icon:before, .toggle--menu .toggle__icon:after {
    background-color: var(--custom--banner--left);
}

.body-faqs .article--details .article__header__text__title {
    font-size: var(--t-tc--title--h2);
}

.body-faqs .article--details .article__header+.article__content {
    margin-block-start: var(--t-gs--space--l);
}

/* form styles */
.form select:not([multiple]),
.body--ismobile.body--Safari .form input[type=date],
.body--ismobile.body--Safari .form input[type=month],
.ICO_components_input_date_MonthAndYearInput,
.ICO_components_input_date_MonthAndDayInput,
.uicore_advancedselect_BaseAdvancedSelect_AdvancedSelectDownArrow,
.uicore_advancedselect_BaseAdvancedSelect_AdvancedSelectDownArrow:hover,
.TimeInput,
.dropdown__placeholder {
    background-position: right calc(2*var(--t-gs--space--base)) center;
}

.list--steps .list__item__text__title {
    font-weight: var(--t-gs--font--weight--regular);
    padding-block-end: var(--t-gs--space--s2);
}

.list--steps--with-label .list__item__text__subtitle {
    position: relative;
    top: calc(var(--t-gs--space--s) * -1.7);
}

.list--steps:after,
.list--steps .list__item .list__item__text:after {
    top: var(--t-gs--space--l);
}

@media all and (min-width:1024px) {
    .form--interview {
        position: relative;
    }

    .form--interview .Section--section--left {
        display: inline-block;
        inline-size: var(--t-tc--content--w--sidebar);
        min-block-size: 48.6rem;
        border-width: var(--t-gs--border--width--s);
        border-style: solid;
        border-color: var(--custom--border--section);
        border-radius: var(--t-tc--boxes--border--radius);
        padding-block: var(--t-gs--space--l);
        padding-inline: var(--t-gs--space--l);
        margin-block-end: var(--t-gs--space--xxl);
    }

    .form--interview .Section--section--right,
    .form--interview .Section--section--right--withborder {
        position: absolute;
        inset-block-start: 0;
        inset-inline-end: 0;
        inset-inline-start: calc(var(--t-tc--content--w--sidebar) + var(--t-tc--grid--columns--gap));
        inline-size: unset;
        background-color: var(--t-gs--color--surface--transparent);
    }

    .form--interview .Section--section--right {
        inset-block-end: 0;
    }

    .form--interview .Section--section--right--withborder {
        border-width: var(--t-gs--border--width--s);
        border-style: solid;
        border-color: var(--custom--border--section);
        border-radius: var(--t-tc--boxes--border--radius);
        padding-block: var(--t-gs--space--l);
        padding-inline: var(--t-gs--space--l);
        min-block-size: 48.6rem;
    }
}

/* ELEMENTS: Company Logos
   -------------------------------------------------------------------------- */
.grid__item--aside-right .article__logo__container {
    width: 100%;
    display: flex;
    justify-content: center;
}

.grid__item--aside-right .article__header__logo.article__header--img {
    min-width: 15rem;
    min-height: 7rem;
    background-size: contain;
    margin-bottom: 3rem;
}

.header__logo .article__header__logo {
    width: 18.5rem;
    block-size: var(--t-tc--logo--height);
    background-size: contain;
    background-position: center;
}

.article__header__logo--1 {
    background-image: var(--logo--1);
}

.article__header__logo--2 {
    background-image: var(--logo--2);
}

.article__header__logo--3 {
    background-image: var(--logo--3);
}

.article__header__logo--4 {
    background-image: var(--logo--4);
}

.article__header__logo--5 {
    background-image: var(--logo--5);
}

.article__header__logo--6 {
    background-image: var(--logo--6);
}

.article__header__logo--7 {
    background-image: var(--logo--7);
}

.article__header__logo--8 {
    background-image: var(--logo--8);
}

.article__header__logo--9 {
    background-image: var(--logo--9);
}

.article__header__logo--10 {
    background-image: var(--logo--10);
}

.article__header__logo--11 {
    background-image: var(--logo--11);
}

.article__header__logo--12 {
    background-image: var(--logo--12);
}

.article__header__logo--13 {
    background-image: var(--logo--13);
}

.article__header__logo--14 {
    background-image: var(--logo--14);
}

.article__header__logo--15 {
    background-image: var(--logo--15);
}

.article__header__logo--16 {
    background-image: var(--logo--16);
}

.article__header__logo--17 {
    background-image: var(--logo--17);
}

.article__header__logo--18 {
    background-image: var(--logo--18);
}

.article__header__logo--19 {
    background-image: var(--logo--19);
}

.article__header__logo--20 {
    background-image: var(--logo--20);
}

.article__header__logo--21 {
    background-image: var(--logo--21);
}

.article__header__logo--22 {
    background-image: var(--logo--22);
}

.article__header__logo--23 {
    background-image: var(--logo--23);
}

.article__header__logo--24 {
    background-image: var(--logo--24);
}

.article__header__logo--25 {
    background-image: var(--logo--25);
}

.article__header__logo--26 {
    background-image: var(--logo--26);
}

.article__header__logo--27 {
    background-image: var(--logo--27);
}

.article__header__logo--28 {
    background-image: var(--logo--28);
}

.article__header__logo--29 {
    background-image: var(--logo--29);
}

.article__header__logo--30 {
    background-image: var(--logo--30);
}

.article__header__logo--31 {
    background-image: var(--logo--31);
}

.article__header__logo--32 {
    background-image: var(--logo--32);
}

.article__header__logo--33 {
    background-image: var(--logo--33);
}

.article__header__logo--34 {
    background-image: var(--logo--34);
}

.article__header__logo--35 {
    background-image: var(--logo--35);
}

.article__header__logo--36 {
    background-image: var(--logo--36);
}