/* ==========================================================================
   SPECIFICS
   --------------------------------------------------------------------------
   * INVERTING CLICKABLE COLORS (commented and ready to use)
      : Tabs
      : Switcher

   * STRUCTURE
      : Content layouts: 2 even column, with a divider (50%) (Override/complement)

   * ELEMENTS
      : Typography
         : Titles
      : Fields
      : Buttons
      : Links
      : Logo
      : Toggles
         : Search

   * COMPONENTS
      : Steps bar (Override/complement)
      : Attachment upload box (New)
      : Menu
         : Visible
      : Form item structures
         : fieldSpec
      : List controls
         : Pagination
      : Cards
      : Slider

   * MODULES
      : Banner
      : Footer
      : Cookies

   * PAGETYPES
      : Search jobs
         : Wrapper (Override/complement)
         : Main (Override/complement)
         : Section (Override/complement)
         : Results as list (Override/complement)
         : Cards
      : Job detail
      : Success
      : Login

    * UTILITIES
      : XXX

   ========================================================================== */

/* INVERTING CLICKABLE COLORS: Tabs
   -------------------------------------------------------------------------- */

/* INVERTING CLICKABLE COLORS: Switcher
   -------------------------------------------------------------------------- */

/* STRUCTURE: Content layouts: 2 even column, with a divider (50%) (Override/complement)
   -------------------------------------------------------------------------- */

/* Media query to target only desktop */
@media all and (min-width: 1025px) {
    .grid--2--divider > .grid__item {
        max-width: none;
    }

    .grid--2--divider > .grid__item:nth-of-type(odd) {
        flex-basis: calc(var(--content--w--narrowest) + var(--spacer--xxl));
    }

    .grid--2--divider > .grid__item:nth-of-type(even) {
        flex-grow: 1;
    }

}

/* ELEMENTS: Typography: Titles
   -------------------------------------------------------------------------- */

* {
    line-height: normal;
}

.section--search-jobs .article--result .title,
.section--search-jobs .article--result .title .link {
    font-weight: var(--font--weight--demi);
}

@media all and (max-width: 750px) {
    .section--search-jobs .section__header__text__title {
        font-weight: normal;
    }

}

/* ELEMENTS: Fields
   -------------------------------------------------------------------------- */

.section--search-jobs .dropdown__placeholder,
.section--search-jobs .form .tox.tox-tinymce,
.section--search-jobs .form input[type=color],
.section--search-jobs .form input[type=date],
.section--search-jobs .form input[type=datetime-local],
.section--search-jobs .form input[type=email],
.section--search-jobs .form input[type=file],
.section--search-jobs .form input[type=month],
.section--search-jobs .form input[type=number],
.section--search-jobs .form input[type=password],
.section--search-jobs .form input[type=range]:not(.progress-bar__selector),
.section--search-jobs .form input[type=search]:not([class*=select2]),
.section--search-jobs .form input[type=tel],
.section--search-jobs .form input[type=text]:not([class*=select2]),
.section--search-jobs .form input[type=time],
.section--search-jobs .form input[type=url],
.section--search-jobs .form input[type=week],
.section--search-jobs .form select,
.section--search-jobs .form textarea,
.section--search-jobs .select2-container--default .select2-search--dropdown .select2-search__field,
.section--search-jobs .select2-container--default .select2-selection--multiple,
.section--search-jobs .select2-container--default .select2-selection--single {
    border-radius: 0.5rem;
}

.section--search-jobs .dropdown__placeholder {
    font-size: var(--font--size--00);
}

/* ELEMENTS: Buttons
   -------------------------------------------------------------------------- */

.button--primary:focus,
.button--primary:active,
.saveButton:focus,
.saveButton:active,
.submitButton:focus,
.submitButton:active,
.nextButton:focus,
.nextButton:active,
.gotoButton:focus,
.gotoButton:active,
.redirectUrlButton:focus,
.redirectUrlButton:active,
.formNextButton:focus,
.formNextButton:active,
.ButtonBarField [class*=Button]:active,
.ButtonBarField [class*=Button]:focus,
.button:active,
.button:focus,
.greyButtonBar [class*=Button]:active,
.greyButtonBar [class*=Button]:focus {
    text-decoration: underline;
}

.button--secondary:hover,
.button--refer:hover,
.partialSaveButton:hover,
.previousButton:hover,
.homeButton:hover,
.clearButton:hover,
.formPreviousButton:hover {
    border-width: 0.2rem;
    height: calc(var(--buttons--height) - 0.2rem);
}

.button--tertiary.downloadAttachmentsButton {
    --buttons--border--color: var(--color--buttons);
    --buttons--background--color: var(--color--buttons);
    --buttons--font--color: var(--color--white);
    --buttons--padding--h: var(--spacer--m);
}

.button--tertiary.downloadAttachmentsButton:hover {
    --buttons--border--color: var(--color--buttons--sub-1);
    --buttons--background--color: var(--color--buttons--sub-1);
    --buttons--font--color: var(--color--white);
    text-decoration: none;
}

.button--tertiary.downloadAttachmentsButton:active,
.button--tertiary.downloadAttachmentsButton:focus {
    text-decoration: underline;
}

.ButtonBarField [class*=Button], .button, .greyButtonBar [class*=Button] {
    font-weight: var(--font--weight--demi);
}

.section--search-jobs .form .submitButton {
    width: 100%;
}

.section--search-jobs .article--result .button--secondary {
    border-color: var(--color--clickeable--sub-1);
    background-color: transparent;
    color: var(--color--clickeable--sub-1);
    font-weight: var(--font--weight--demi);
    min-width: 13rem;
}

.body--agent--create .button--cancel {
    --buttons--width--min: 18rem;
}

.body--agent--create .button-bar__wrap--saved {
    justify-content: center;
}

.body--agent--create .button-bar__wrap--saved .button--primary {
    width: 13.3rem;
}

.body--agent--create .button-bar__wrap--saved .button--cancel {
    width: 18.1rem;
}

/* ELEMENTS: Links
   -------------------------------------------------------------------------- */

.link {
    font-weight: var(--font--weight--demi);
}

/* ELEMENTS: Logo
   -------------------------------------------------------------------------- */

@media all and (max-width: 750px) {
    .logo {
        height: 1.9rem;
    }

}

/* ELEMENTS: Toggles: Search
   -------------------------------------------------------------------------- */

@media all and (max-width: 1024px) {
    .toggle--search[aria-expanded=true] {
        background-color: var(--color--grey--light);
        border-radius: 0;
    }
}

@media all and (max-width: 750px) {
    .section[search-type=toggleable] .section__header__text:after {
        width: 100vh;
        margin-left: calc(var(--grid--laterals) * -1);
    }

}

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

/* Media query to target tablet and desktop */
@media all and (min-width: 751px) {
    .list--steps .list__item__text__title {
        font-size: 1.6rem;
        color: var(--color--black);
        text-transform: capitalize;
        font-weight: 500;
    }

    .list--steps .list__item__text__subtitle {
        margin-bottom: -.8rem;
        width: 2rem;
        height: 2rem;
        overflow: hidden;
        border: solid 0.2rem var(--color--white);
        background-color: var(--color--grey--medium);
        line-height: 1.8rem;
        font-size: 1.2rem;
        font-weight: normal;
    }

    .list--steps .list__item--current .list__item__text__subtitle {
        background-color: var(--color--clickeable--sub-1);
    }

    .list--steps .list__item--filled .list__item__text__subtitle {
        background-color: var(--color--clickeable--sub-1);
    }

    .list--steps:after {
        border-bottom-color: var(--color--grey--medium);
    }

    .button--refer {
        min-width: 12.6rem;
    }

    .d-none {
        display: none;
    }

    .share__button .button.button--share.tpt_socialShareButton {
        border-color: var(--color--brand);
        height: 4rem;
        width: 4rem;
    }
}

/* COMPONENTS: Attachment upload box (New)
   -------------------------------------------------------------------------- */

.article--attachments-upload {
    border-radius: var(--boxes--border--radius);
    border-width: .1rem;
    border-style: dashed;
    border-color: var(--boxes--border--color);
    background-color: var(--boxes--background--color);
    padding: var(--boxes--padding--outers) var(--boxes--padding--outers);
}

.article--attachments-upload .article__header {
    margin-bottom: var(--boxes--padding--outers);
    border-bottom-width: .1rem;
    border-bottom-style: solid;
    border-bottom-color: var(--dividers--border--color);
    padding-bottom: var(--boxes--padding--outers);
}

.article--attachments-upload .article__header .fv {
    vertical-align: middle;
}

/* COMPONENTS: Menu: Visible
   -------------------------------------------------------------------------- */

.menu__list--user .menu__text {
    color: var(--color--brand);
}

.menu__list--user .menu__item:hover .menu__text {
    color: var(--color--clickeable);
}

.menu--visible .portalLanguages__item + .portalLanguages__item,
.menu--visible .submenu__item + .submenu__item {
    border-top-width: 0;
}

/* COMPONENTS: Form item structures: fieldSpec
   -------------------------------------------------------------------------- */

@media all and (min-width: 1025px) {
    .form--grid--6 .fieldSpec {
        width: 16.66%;
    }
}

/* Media query to target only mobile */
@media all and (max-width: 750px) {
    .button-bar__wrap button {
        width: 100%;
    }
}

/* COMPONENTS: List controls: Pagination
   -------------------------------------------------------------------------- */

.list-controls__pagination__item {
    font-weight: var(--font--weight--demi);
}

/* COMPONENTS: Cards
   -------------------------------------------------------------------------- */

.table--cards tbody tr > * {
    font-size: var(--font--size);
}

.table--cards tbody tr > :first-child,
.table--cards tbody tr > [data-th]:before {
    font-weight: var(--font--weight--demi);
}

.table--cards tbody tr .toggle--card {
    height: 4rem;
    min-height: 4rem;
    top: 0.5rem;
}

.table--cards .toggle[aria-expanded=false] .toggle__icon:after {
    content: "\f107";
}

.body--profile .table--cards:not(.table--cards--with-no-toggle) tbody tr:not(.table__row--open) td.td--application-date,
.table--cards .td--application-date {
    display: block;
    border-top-width: 0.1rem;
    border-top-style: solid;
    border-top-color: var(--card--border--color);
    padding-top: var(--card--padding--inners);
}

.table--cards tbody tr td.td--location[data-th]:nth-child(n+3):not(:last-child):before {
    content: unset;
}

.table--cards tbody tr td:nth-child(3) {
    border-top-width: 0;
    padding-top: calc(var(--card--padding--inners) * .5);
}

.table--cards tbody tr td:nth-child(n+4):not(:last-child) {
    padding-top: var(--card--padding--inners);
}

/* COMPONENTS: Slider
   -------------------------------------------------------------------------- */
/* Carousel
   -------------------------------------------------------------------------- */
.recommended__text__title {
    text-align: center;
    padding-bottom: 3rem;
}

.slide {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: solid .2rem var(--color--slide--border);
    border-radius: .4rem;
}

.candidate-column .article__header__text__title {
    color: var(--color--brand);
}

.candidate-column--title,
.candidate-column--body {
    padding: 1.5rem;
    min-height: 7.5rem;
}

.candidate-column__label {
    font-weight: var(--font--weight--demi);
}

.candidate-column--buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem 1.6rem;
}

.candidate-column--buttons .button,
.candidate-column--buttons .share--popUp .share__button .button {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.candidate-column--body,
.candidate-column--buttons {
    border-top: solid .1rem var(--color--grey--medium);
}

.candidate-column--buttons .submitbutton,
.candidate-column--buttons .share .share__button .button--share {
    min-height: 3.2rem;
    height: 3.2rem;
    width: 10.4rem;
}

.candidate-column--buttons .share .share__button .button--share .d-none {
    display: block;
}

.candidate-column--buttons .share .share__button .button--share i {
    display: none;
}

.candidate-column--buttons .share .share__button .button--share i::before {
    display: none;
}

.candidate-column--buttons .share--popUp .share__button .button {
    border-color: var(--buttons--border--color);
    background-color: var(--buttons--background--color);
    color: var(--buttons--border--color);
}

.candidate-column--buttons .share--popUp .share__button .button:hover {
    border-color: var(--buttons--border--color);
    background-color: var(--buttons--background--color);
    color: var(--buttons--border--color);
}

.candidate-column--buttons .button.submitbutton:hover {
    border-color: var(--color--buttons--sub-1);
    background-color: var(--color--buttons--sub-1);
    color: var(--color--white);
}

.slider-wrapper h2 {
    font-size: 2.6rem;
    text-align: center;
    color: var(--color--black);
    margin: 3rem 0 1rem 0;
}

/* Media query to target only mobile */
@media all and (max-width: 750px) {
    .slider-wrapper {
        margin: 1rem 0;
        position: relative;
        overflow: hidden;
    }

    .slides-container {
        height: 100%;
        width: 75%;
        display: flex;
        list-style: none;
        margin: auto;
        padding: 0;
        overflow: scroll;
        scroll-behavior: smooth;
        grid-column-gap: 0;
    }

    .slide {
        width: 100%;
        height: 100%;
        flex: 1 0 100%;
    }

    .slide-arrow {
        position: absolute;
        display: flex;
        bottom: 35%;
        margin: auto;
        height: 4rem;
        background-color: var(--color--white);
        border: none;
        width: 4rem;
        font-size: 3rem;
        padding: 0;
        cursor: pointer;
        opacity: 0.5;
        transition: opacity 100ms;
    }

    .slide-arrow:hover,
    .slide-arrow:focus {
        opacity: 1;
    }

    #slide-arrow-prev {
        left: 0;
        background: var(--action--icon--prev) no-repeat top left;
        background-size: cover;
    }

    #slide-arrow-next {
        right: 0;
        background: var(--action--icon--next) no-repeat top left;
        background-size: cover;
    }

    .slides-container {
        overflow-x: clip;
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none; /* Internet Explorer 10+ */
    }

    /* WebKit */
    .slides-container::-webkit-scrollbar {
        width: 0;
        height: 0;
    }

    .candidate-column .MultipleDataSetField:nth-child(4n+4) .MultipleDataSetFieldValue {
        display: initial;
    }

    .candidate-column {
        box-shadow: 0.1rem 0.2rem 0.4rem -0.2rem rgba(0, 0, 0, 0.15);
    }
}

/* Media query to target only desktop */
@media all and (min-width: 1025px) {
    .candidate-column {
        min-width: 27rem;
    }

    .slides-container {
        display: grid;
        grid-column-gap: 1rem;
        overflow-x: scroll;
        max-width: 100%;
    }

    .slide {
        width: 100%;
        height: 100%;
        flex: 1 0 100%;
    }

    .slide-arrow {
        position: absolute;
        display: flex;
        bottom: 40%;
        margin: auto;
        height: 4rem;
        background-color: var(--color--white);
        border: none;
        width: 4rem;
        font-size: 3rem;
        padding: 0;
        cursor: pointer;
        opacity: 0.5;
        transition: opacity 100ms;
    }

    .slide-arrow:hover,
    .slide-arrow:focus {
        opacity: 1;
    }

    #slide-arrow-prev {
        left: -5rem;
        background: var(--action--icon--prev) no-repeat top left;
        background-size: cover;
    }

    #slide-arrow-next {
        right: -5rem;
        background: var(--action--icon--next) no-repeat top left;
        background-size: cover;
    }

    .slider-wrapper {
        position: relative;
        margin-inline: -7rem;
        width: 111rem;
    }
}

/* MODULES: Banner
   -------------------------------------------------------------------------- */
.shareButton.shareButton--twitter {
    background-image: var(--logo--back);
}

.banner--main {
    min-height: 14rem;
}

.title--banner {
    font-weight: var(--font--weight--bold);
}

.banner--main .banner__wrapper .banner__text {
    width: 100%;
}

.banner--main .banner__wrapper .title--banner {
    max-width: 80rem;
}

.banner__text__title:after {
    content: ".";
    color: var(--color--banner--title--after);
    position: relative;
    right: 1rem;

}

.body--profile .banner__text__title:after,
.body--profile-edit .banner__text__title:after {
    content: unset;
}

.banner--secondary {
    background-color: var(--color--banner--background--secondary);
}

.banner--secondary .banner__wrapper {
    padding-top: var(--spacer--xxxl);
    padding-bottom: var(--spacer--xxxl);
}

.banner--secondary .banner__text {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--spacer--m);
}

.banner--secondary .banner__text__title {
    font-weight: var(--font--weight--demi);
    color: var(--color--black);
}

.banner--secondary .banner__text__title:after {
    content: "";
}

.banner__text__subtitle {
    font-weight: var(--font--weight--demi);
    font-size: var(--font--size);
    text-transform: unset;
    color: var(--color--clickeable--sub-1);
}

@media (max-width: 1067px) {
    .banner--main .banner__wrapper .title--banner {
        max-width: 60rem;
    }
}

/* Media query to target only mobile */
@media all and (max-width: 750px) {
    .banner--main {
        background-image: none;
    }

    .title--banner {
        font-size: var(--font--size--08);
    }

    .banner--secondary {
        background-color: var(--color--white);
    }

    .banner--secondary .banner__text {
        flex-direction: column;
        text-align: center;
    }

    .banner--secondary .button {
        width: 100%;
        max-width: 29.4rem;
    }

}

/* MODULES: Footer
   -------------------------------------------------------------------------- */

.footer {
    font-size: var(--font--size--00);
}

.logo--footer {
    height: 3.6rem;
}

.footer__social__item {
    height: 3.6rem;
    max-width: 3.6rem;
}

/* Media query to target only desktop */
@media all and (min-width: 1025px) {
    .footer__links__divider {
        margin-left: 1.8rem;
        margin-right: 1.8rem;
    }
}

/* Media query to target only mobile */
@media all and (max-width: 750px) {
    .footer__social__item + .footer__social__item {
        margin-left: 1rem;
    }
}

/* MODULES: Cookies
   -------------------------------------------------------------------------- */
.cookies__info__copy p{
    font-size: 1.6rem;
    line-height: 1.5;
}

.cookies__settings__option__title {
    font-size: 1.6rem;
}

.avaicon-icon-settings:before {
    content: '\e800';
    color: var(--color--white);
}

.cookiesButtonAccept, .cookiesButtonReject, .cookiesButtonSettingsText, .cookiesButtonSave {
    font-size: 1.4rem;
    font-weight: var(--font--weight--demi);
    border-radius: .4rem;
    padding: 1rem 4.5rem;
    height: 4rem;
}

.cookiesButtonSave {
    background-color: var(--buttons--background--color);
    color: var(--buttons--font--color) !important;
    padding: 1rem 3.3rem;
}

.cookiesButtonReject{
    border-color: var(--buttons--border--color) !important;
    background-color: var(--buttons--background--color);
    color: var(--buttons--font--color) !important;
}

.cookies__open .cookies__info {
    border-bottom: solid .1rem var(--color--white);
    margin-bottom: 0;
}

.cookies__open .cookies__settings{
    flex-direction: column;
    -ms-flex-direction: column;
}

.cookies__settings__option,
.cookies__settings__content{
    margin-top: var(--spacer--l);
}

.cookies__settings__buttons{
    border: none !important;
}

input+.cookies__settings__option__slider{
    background-color: var(--color--cookies--input--disable);
}

input:checked+.cookies__settings__option__slider{
    background-color: var(--color--cookies--input--enable);
}

.cookiesButtonSave{
    text-align: center;
}

@media all and (min-width: 1025px){
    .cookiesButtonAccept, .cookiesButtonReject, .cookiesButtonSettingsText{
        width: 26rem;
    }
}

/* PAGETYPES: Search jobs: Wrapper (Override/complement)
   -------------------------------------------------------------------------- */

/* Media query to target tablet and desktop */
@media all and (min-width: 751px) {
    .body--search-jobs .main__wrapper {
        --main--padding--bottom: 0;
    }

}

/* PAGETYPES: Search jobs: Main (Override/complement)
   -------------------------------------------------------------------------- */

/* Media query to target only desktop */
@media all and (min-width: 1025px) {
    .body--search-jobs .main {
        --color--background: var(--color--white);
        --main--padding--bottom: 0;
    }

}

@media all and (max-width: 1024px) {
    .body--search-jobs .main__wrapper {
        height: unset;
        padding-top: 0;
    }
}

/* PAGETYPES: Search jobs: Section (Override/complement)
   -------------------------------------------------------------------------- */

.section[search-type=toggleable] .section__header__text {
    padding: var(--spacer--m) 0;
}

/* Media query to target only desktop */
@media all and (min-width: 1025px) {
    .section--search-jobs .section__content {
        border-radius: var(--boxes--border--radius) var(--boxes--border--radius) 0 0;
        background-color: var(--color--white);
        padding: var(--spacer--xl) var(--spacer--xxxl);
    }

}

@media all and (max-width: 750px) {
    .list-controls__text__reset {
        font-style: normal;
        font-weight: var(--font--weight--demi);
    }

}

/* PAGETYPES: Search jobs: Results as list (Override/complement)
   -------------------------------------------------------------------------- */

.section--search-jobs .article--result {
    --result--border--radius: 0;
    --result--padding--outers--h: 0;
    display: flex;
}

.section--search-jobs .article--result .article__header {
    width: unset;
    flex: 1;
}

.section--search-jobs .article--result + .article--result {
    margin-top: 0;
}

.section--search-jobs .article--result + .article--result:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    border-top-width: 0.1rem;
    border-top-style: solid;
    border-top-color: var(--dividers--border--color);
}

.section--search-jobs .article--result .article__wrapper {
    padding-right: var(--spacer--xl);
    padding-left: 0;
}

.article--result .article__content {
    font-size: var(--font--size--00);
}

.article--result .article__footer {
    margin-top: 0;
    align-items: center;
    min-width: 32rem;
}

.share__button .button.button--share.tpt_socialShareButton:hover {
    border-width: .2rem;
    background-color: transparent;
}

.fv-share-alt::before {
    content: "V";
    color: var(--color--brand);
    font-size: 2.5rem;
    padding-left: 0.5rem;
}

/* PAGETYPES: Search jobs: Cards
   -------------------------------------------------------------------------- */

.section__content__results .article--card {
    border-color: var(--color--grey--medium);
    border-radius: .4rem;
}

.article--card .article__content,
.article--card .article__footer {
    border-top-color: var(--color--grey--medium);
}

.article--card .button--secondary,
.article--card .button--tertiary {
    font-weight: var(--font--weight--demi);
    color: var(--color--clickeable--sub-1);
    text-decoration: underline;
}

.article--card .button--share,
.article--card .button--refer {
    color: var(--color--brand);
    text-decoration: underline;
}

.article--card .article__footer,
.font--demi {
    font-weight: var(--font--weight--demi);
}

@media all and (max-width: 750px) {
    .section__content__results .article__wrapper {
        padding-right: 0;
        padding-left: 0;
    }

    .list-controls--bottom {
        justify-content: center;
    }

    .list-controls--bottom .list-controls__text {
        display: none;
    }

}

/* PAGETYPES: Job detail
   -------------------------------------------------------------------------- */

.article--details .article__header__text__title {
    margin-top: var(--spacer--m);
    margin-bottom: var(--spacer--s);
    align-items: flex-start;
}

.article--details.icon--information .article__header__text__title:before {
    background-image: var(--icon--information);
}

.article--details.icon--description .article__header__text__title:before {
    background-image: var(--icon--description);
}

.article--details .article__content__view__field__value b,
.article--details .article__content__view__field__value strong {
    --font--weight--bold: var(--font--weight--demi);
}

.article--details .MultipleDataSetFieldLabel,
.article--details .article__content__view__field__label {
    display: block;
    font-weight: var(--font--weight--demi);
}

.article--details.icon--description .article__header__text__title::before,
.article--details.icon--information .article__header__text__title::before {
    content: "";
    height: 2rem;
    width: 2rem;
    margin-right: var(--spacer--s);
    background-size: contain;
    background-position: left;
}

.article--related-jobs .title:before {
    content: "";
    display: inline-block;
    width: 1.6rem;
    height: 1.1rem;
    background-image: var(--icon--folder);
    background-size: contain;
}

.article__content__view__field.d--inline {
    display: inline;
}

.article__content__view__field.d--inline.field--currency {
    display: inline;
}

.article--details .article__content__view__field.d--inline .article__content__view__field__value {
    display: inline;
}

.list--view-more .list__item__text__title {
    font-weight: var(--font--weight--demi);
    text-decoration: underline;
}

.article--related-jobs .article__footer {
    margin-bottom: var(--spacer--xl);
}

.article--related-jobs .article__footer .link {
    text-decoration: underline;
}

.alert--info {
    --alert--background--color: var(--color--grey--light);
    font-size: 1.4rem;
}

.alert--info::before {
    background-image: var(--fields--icon--exclamation);
    background-size: contain;
    content: "";
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    margin-top: .5rem;
    margin-right: .5rem;
}

.section__content--referral .article__content {
    border-top: solid .1rem var(--color--grey--medium);
    padding-top: 4rem;
}

.share__text__detail {
    padding-top: 1.7rem;
    margin: 0 0 0.5rem 0;
    display: block;
    font-size: 1.4rem;
}

.grid--2--sidebar--aside-right > .grid__item--aside-right {
    padding-left: 0;
}

.grid__item--aside-right .aside {
    margin-left: 6.5rem;
    padding-top: 3.7rem;
    padding-right: 2.8rem;
    padding-left: 2.8rem;
    border: solid 0.2rem var(--color--clickeable--sub-1);
    border-radius: 1.3rem;
    height: auto;
    overflow: hidden;
}

@media all and (max-width: 1024px) {
    .grid__item--aside-right .aside {
        width: 100%;
        margin: 0 0.8rem;
        padding-top: 1rem;
    }

    .share--inline {
        justify-content: left;
    }

    .share__text__detail {
        padding-top: 0.5rem;
    }
}

/* PAGETYPES: Person detail
   -------------------------------------------------------------------------- */

.article--details .MultipleDataSetField,
.article--details .article__content__view__field {
    padding-bottom: var(--spacer--s);
}

.table--default thead tr th,
.tableField thead tr th {
    color: var(--color--white);
    font-weight: var(--font--weight--demi);
}

.table__wrap {
    border-left-width: 0;
    border-right-width: 0;
}

.table--default .action--delete,
.table--default .action--edit {
    font-size: inherit;
    color: var(--color--clickeable);
    text-decoration: underline;
    background-image: none;
}

.article--details.icon--basic-information .article__header__text__title:before {
    background-image: var(--icon--basic-information);
}

.article--details.icon--work-experience .article__header__text__title:before {
    background-image: var(--icon--work-experience);
}

.article--details.icon--education-history .article__header__text__title:before {
    background-image: var(--icon--education-history);
}

.article--details.icon--my-applications .article__header__text__title:before {
    background-image: var(--icon--my-applications);
}

.article--details.icon--attachments .article__header__text__title:before {
    background-image: var(--icon--attachments);
}

.article--details.icon--job-alerts .article__header__text__title:before {
    background-image: var(--icon--job-alerts);
}

.article--details.icon--account-management .article__header__text__title:before {
    background-image: var(--icon--account-management);
}

.article--details.icon--links .article__header__text__title:before {
    background-image: var(--icon--links);
}

.list--attachments .list__item__text__title {
    font-weight: normal;
}

.list--attachments .list__item__actions .link {
    font-weight: var(--font--weight--demi);
    text-decoration: underline;
}

.body--profile-edit .article__header__text__title {
    font-weight: var(--font--weight--bold);
}

.body--profile-edit .Separator {
    font-size: var(--font--size--06);
}

.body--profile-edit .Separator:before {
    content: "";
    display: inline-block;
    height: 2rem;
    width: 2rem;
    margin-right: var(--spacer--s);
    background-size: contain;
    background-position: left;
}

.body--profile-edit .Separator.icon--information:before {
    background-image: var(--icon--information);
}

.body--profile-edit .Separator.icon--work-experience:before {
    background-image: var(--icon--work-experience);
}

.body--profile-edit .Separator.icon--education-history:before {
    background-image: var(--icon--education-history);
}

.multipleDatasetWrapper div[id*=multipleDatasetEntry_],
.datasetField__row {
    background-color: transparent;
}

.action,
.addDatasetRow,
.fileInputCancelButton,
.removeDatasetRow,
.removeFile,
[id*=dropboxRemove_] {
    text-transform: capitalize;
    font-weight: var(--font--weight--demi);
    font-size: var(--font--size);
}

.addDatasetRow {
    text-decoration: underline;
}

.removeDatasetRow {
    color: var(--color--error);
}

@media all and (min-width: 1025px) {
    .body--profile .grid__item--aside-right .aside {
        border: 0;
    }
}

@media all and (max-width: 750px) {
    .body--profile .article--details + .article--details {
        border-top-width: 0;
        padding-top: var(--spacer--s);
    }

    .body--profile .article--details:not(:last-of-type) {
        padding-bottom: var(--spacer--s);
    }

    .body--profile .article__header {
        border-bottom-width: .1rem;
        border-bottom-style: solid;
        border-bottom-color: var(--dividers--border--color);
    }

    .body--profile .article__header__text__title {
        font-size: var(--font--size--05);
    }
}

/* PAGETYPES: Success
   -------------------------------------------------------------------------- */

.section__content--success {
    width: 43.8rem;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    border: solid 0.2rem var(--color--clickeable--sub-1);
    border-radius: 1.3rem;
    padding-top: 18rem;
    padding-right: 1.8rem;
    padding-bottom: 1.8rem;
    padding-left: 1.8rem;
    margin-bottom: 17.4rem;
    background-image: var(--success--background);
    background-position: center 3rem;
}

.section__content--warning {
    background-image: var(--warning--background);
}

.section__content--forgotPassword {
    background-image: var(--forgot--password--background);
}

.body--agent .section__content--success,
.body--referral .section__content--success,
.body--application-confirmation .section__content--success {
    margin-bottom: var(--spacer--xxl);
}

.body--referral--succes .section__content--success {
    max-height: 30rem;
}

.section__footer--success {
    width: 43.8rem;
    max-width: 100%;
    margin: 0 auto;
}

.section__footer--success .button-bar__wrap {
    justify-content: center;
}

.section__footer--success .button-bar {
    padding-top: 0;
}

.article__content__field {
    margin-bottom: var(--spacer--xs);
}

.article__content__field__label {
    font-weight: var(--font--weight--demi);
}

.body--succes .list--disc {
    list-style: disc;
    padding-left: 2rem;
}

/* PAGETYPES: Login
   -------------------------------------------------------------------------- */

.body--login.body--header-fixed-on-scroll .body__content {
    padding-top: var(--header--height);
}

.body--login .main__wrapper {
    min-height: unset;
}

.body--login .article__header,
.body--login .article__content {
    padding-right: 0;
    padding-left: 0;
    border-bottom-width: 0;
}

.body--login .article__content {
    padding-top: var(--spacer--s);
}

.section__content--w--narrower .form--login .fieldset,
.body--reset-password .form .fieldset {
    display: flex;
}

.form--login .fieldSpec,
.body--reset-password .form .fieldSpec {
    margin-right: var(--spacer--l);
}

.form--login .button-bar__wrap,
.body--reset-password .form .button-bar__wrap {
    padding-top: 1.5rem;
}

.body--reset-password.body--footer-sticky .main {
    display: flex;
    flex-direction: column;
}

.body--reset-password .article__header {
    padding-bottom: 1.4rem;
    color: var(--color--black);
}

.body--reset-password .paragraph {
    padding-bottom: var(--spacer--xs);
}

.body--reset-password .form {
    margin-top: var(--spacer--l);
}

.body--reset-password .form .fieldSpec--email {
    max-width: 28.4rem;
}

.body--reset-password .form .button-bar {
    max-width: 12rem;
}

.body--reset-password .section__content--success {
    background-image: var(--success--password--background);
    padding-top: 14.5rem;
    padding-right: 7.7rem;
    padding-bottom: 0;
    padding-left: 7.7rem;
    background-position: center 4.3rem;
}

.body--reset-password .article__content {
    padding-bottom: 0;
}

.body--reset-password .section__content--success .paragraph {
    padding-bottom: var(--spacer--m);
    line-height: 2.4rem;
}

.body--reset-password .section__content--success .article__header {
    padding-top: 0;
    padding-bottom: var(--spacer--s);
}

.body--reset-password .list--links--bottom {
    margin-bottom: var(--spacer--xxl);
}

@media all and (max-width: 750px) {
    .body--login .main__content,
    .body--reset-password .form .fieldSpec--email,
    .body--reset-password .form .button-bar {
        max-width: unset;
    }

    .form--login .fieldset,
    .body--reset-password .form .fieldset {
        flex-direction: column;
    }

    .body--login .article__header__text__title {
        font-size: var(--font--size--05);
    }

    .body--reset-password .form .fieldSpec--email {
        max-width: unset;
    }
}

/* Methods
   -------------------------------------------------------------------------- */

.application__methods .application__methods__left,
.application__methods .application__methods__right {
    padding-top: 1rem;
    margin-top: 3rem;
    margin-left: 0;
}

.application__methods .article--methods,
.application__methods .article__content:first-of-type {
    margin: 0;
}

.application__methods .title--methods {
    text-align: center;
    font-size: 2.6rem;
}

.application__methods .title--06 {
    font-size: 2.2rem;
}

.application__methods .grid__item--main {
    padding: 4rem 5rem 0 0;
}

.application__methods .grid__item--aside-right {
    border-left: 0.1rem solid var(--fields--border--color);
    padding-left: 5rem;
}

.uploadResumeTriggerFile.methodButton.methodButton--file {
    background-image: var(--logo--file);
    background-position-x: 0.9rem;
}

.uploadResumeTriggerPaste.methodButton.methodButton--paste {
    background-image: var(--logo--paste);
    background-position-x: 0.9rem;
}

.uploadResumeTriggerLater.methodButton.methodButton--later {
    background-image: var(--logo--later);
    background-position-x: 0.9rem;
}

@media all and (max-width: 1025px) {
    .application__methods .grid__item--aside-right {
        border: 0;
        padding-left: 0;
    }
}

/* Recommended Jobs List
   -------------------------------------------------------------------------- */

.article--noresults {
    text-align: center;
}

.article--noresults .paragraph {
    margin: 2rem 0 0 0;
}

.body--recommended-jobs .article__header__text--matching {
    display: flex;
    align-items: center;
}

/* Recommendations Matching */
.pill {
    margin: 0.4rem 1.2rem 0.4rem 0;
    padding: 0.2rem 0.5rem;
    border-radius: 1.2rem;
    min-width: 10rem;
    min-height: 2rem;
    font-size: 1.4rem;
    color: var(--color--grey--darkest);
    display: block;
    width: fit-content;
    text-align: center;
}

.pill--strong {
    background-color: var(--color--pil--strong);
}

.pill--great {
    background-color: var(--color--pil--great);
}

.pill--good {
    background-color: var(--color--pil-good);
}

/* Choose Password */
.body--choose-password .alert {
    flex-wrap: wrap;
}

.password-information {
    margin: 1rem 0 0 0;
}

.password-information-title {
    margin: 0 0 0.5rem 0;
}

.password-information ul {
    list-style: disc;
    padding-left: 1.8rem;
}

.section__details {
    padding-top: 1rem;
}

.section__details li {
    padding-bottom: 0.5rem;
}