/* ==========================================================================
    FONTS

    LAYOUTS
    -------------------------------------------------------------------------
    XXX

    ELEMENTS
    -------------------------------------------------------------------------
    XXX

    COMPONENTS
    -------------------------------------------------------------------------
    Cards
      : Dashlet (New)
    Lists
      : Dashlet (New)
      : Pipeline (New)
    Navigation
      : Tabs (Inverting clickable colors - commented and ready to use)

    WIDGETS
    -------------------------------------------------------------------------
    New requisition from scratch (New)
    Reports (New)
    Stats (New)

    MODULES
    -------------------------------------------------------------------------
    Blind

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

    UTILITIES
    -------------------------------------------------------------------------
    XXX

    PLUGINS
    -------------------------------------------------------------------------
    Glightbox
========================================================================== */

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

/*
    FONTS
*/

/*
    Typeface for headings
*/

@font-face {
    font-family: "Graphik";
    src:
        local("GraphikLight"),
        url("../fonts/Graphik/Graphik-Light.woff2") format('woff2'),
        url("../fonts/Graphik/Graphik-Light.woff") format('woff'),
        url("../fonts/Graphik/Graphik-Light.otf") format("opentype");
        font-weight: 300;
        font-style: normal;
        font-display: swap;
}

@font-face {
    font-family: "Graphik";
    src:
        local("Graphik"),
        url("../fonts/Graphik/Graphik-Regular.woff2") format('woff2'),
        url("../fonts/Graphik/Graphik-Regular.woff") format('woff'),
        url("../fonts/Graphik/Graphik-Regular.otf") format("opentype");
        font-weight: 400;
        font-style: normal;
        font-display: swap;
}

@font-face {
    font-family: "Graphik";
    src:
        local("GraphikMedium"),
        url("../fonts/Graphik/Graphik-Medium.woff2") format('woff2'),
        url("../fonts/Graphik/Graphik-Medium.woff") format('woff'),
        url("../fonts/Graphik/Graphik-Medium.otf") format("opentype");
        font-weight: 500;
        font-style: normal;
        font-display: swap;
}

/*
    Typeface for navigation, buttons, form elements, paragraphs and other elements
*/

@font-face {
    font-family: "Jotia";
    src:
        local("JotiaThin"),
        url("../fonts/Jotia/JotiaThin.ttf") format('truetype');
        font-weight: 100;
        font-style: normal;
        font-display: swap;
}

@font-face {
    font-family: "Jotia";
    src:
        local("JotiaLight"),
        url("../fonts/Jotia/JotiaLight.woff") format('woff'),
        url("../fonts/Jotia/JotiaLight.otf") format("opentype");
        font-weight: 300;
        font-style: normal;
        font-display: swap;
}

@font-face {
    font-family: "Jotia";
    src:
        local("Jotia"),
        url("../fonts/Jotia/Jotia.woff") format('woff'),
        url("../fonts/Jotia/Jotia.otf") format("opentype");
        font-weight: 400;
        font-style: normal;
        font-display: swap;
}

@font-face {
    font-family: "Jotia";
    src:
        local("JotiaMedium"),
        url("../fonts/Jotia/JotiaMedium.woff") format('woff'),
        url("../fonts/Jotia/JotiaMedium.otf") format("opentype");
        font-weight: 500;
        font-style: normal;
        font-display: swap;
}

/*
    LAYOUTS/XXX
*/

.aside .article+.article--matching {
    margin-block-start: var(--t-gs--space--xl);
}
.aside .article+.article--view-more--aside {
    margin-block-start: var(--t-gs--space--m);
}

/*
    ELEMENTS/XXX
*/

/*
    COMPONENTS/Cards: Dashlet (New)
*/

.article--boxed--dashlet .article__header__count {
    color: var(--custom--qatarprimary);
    font-weight: var(--t-gs--font--weight--light);
    vertical-align: middle;
}

[class*=--boxed--dashlet] .article__content {
    border-block-start-width: .1rem;
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .article--boxed--dashlet .article__header__count {
        font-size: var(--t-gs--font--size--10);
    }
}

/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1024px) {
    .article--boxed--dashlet.article--accordion > .article__header {
        padding-inline-end: var(--t-tc--boxes--padding--outers);
    }

    .article--boxed--dashlet[class*="--accordion"]:not([class*="--accordion__open"]) > [class*="__content"] {
        display: block;
    }
}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .article--boxed--dashlet {
        display: flex;
        flex-direction: column;
        border-radius: var(--t-gs--space--m2);
    }

    .article--boxed--dashlet .article__header__text .title--h8 {
        line-height: var(--line-height--2-4);
        font-weight: var(--t-gs--font--weight--medium);
    }

    .article--boxed--dashlet .article__header__count {
        font-size: var(--t-gs--font--size--12);
        line-height: var(--line-height--3-6);
    }

    .article--boxed--dashlet .article__content {
        flex-grow: 1;
    }
}

/*
    COMPONENTS/Lists: Dashlet (New)
*/

.list--dashlet {
    margin-block-end: -.1rem;
}

.list--dashlet .list__item__text {
    display: flex;
    position: relative;
    flex-wrap: wrap;
    transition: all 0.3s ease;
    align-items: center;
    align-content: center;
    padding-block: var(--t-gs--space--s);
    flex-direction: row;
    padding-inline: var(--t-gs--space--m);
    min-block-size: calc(var(--t-gs--size--base) * 16);
    justify-content: flex-start;
}

.list--dashlet .list__item:not(.partially-saved) a.list__item__text:hover {
    background-color: var(--t-gs--color--fill--link--hover);
    transition: all 0.3s ease;
}

.list--dashlet a.list__item__text .js-simple-tooltip,
.list--dashlet a.list__item__text .list__item__text__title {
    font-weight: var(--t-gs--font--weight--bold);
    line-height: 160%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: var(--t-gs--color--text--link);
}

.list--dashlet a.list__item__text .list__item__text__title {
    font-weight: var(--t-gs--font--weight--bold);
    line-height: 160%;
    color: var(--t-gs--color--text--link);
    transition: all 0.3s ease;
}

.list--dashlet .list__item:not(.partially-saved) a.list__item__text:hover .list__item__text__title {
    color: var(--t-gs--color--text--on--fill--link--hover);
    transition: all 0.3s ease;
}

.list--dashlet .list__item__text__subtitle {
    color: var(--custom--muted);
    font-size: var(--t-gs--font--size--02);
    overflow: hidden;
    transition: all 0.3s ease;
    inline-size: 100%;
    line-height: 160%;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.list--dashlet .list__item:not(.partially-saved) a.list__item__text:hover .list__item__text__subtitle {
    color: var(--t-gs--color--text--on--fill--link--hover);
    transition: all 0.3s ease;
}

/*
    COMPONENTS/Lists: Pipeline (New)
*/

.list--pipeline a {
    display: flex;
    align-items: center;
    border-block-start-width: var(--t-gs--border--width--s);
    border-block-start-style: solid;
    border-block-start-color: var(--t-gs--color--border--default);
    padding-block: var(--t-gs--space--s);
    padding-inline: var(--t-gs--space--0);
}

.list--pipeline .list__item__count {
    inline-size: calc(var(--t-gs--size--base) * 9);
    margin-inline-end: var(--t-gs--space--m);
    text-align: end;
}

.list--pipeline .list__item__count__value {
    color: var(--custom--qatarprimary);
    font-size: var(--t-gs--font--size--12);
    line-height: var(--line-height--3-6);
    font-weight: var(--t-gs--font--weight--thin);
}

.list--pipeline .list__item__text {
    flex-grow: 1;
}

.list--pipeline .list__item__text__title {
    font-size: var(--t-gs--font--size--04);
    line-height: var(--line-height--2-4);
    font-weight: var(--t-gs--font--weight--medium);
}

/*
    WIDGETS/New requisition from scratch (New)
*/

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .article--from-scratch {
        display: flex;
        flex-direction: column;
        block-size: 100%;
    }

    .article--from-scratch .article__content {
        flex-grow: 1;
    }

}

/*
    WIDGETS/Reports (New)
*/

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .article--report .article__header {
        flex-wrap: wrap;
    }

    .article--report .article__header__text {
        inline-size: 100%
    }

    .article--report .article__header__actions {
        margin-block-start: var(--t-gs--space--s);
        inline-size: 100%
    }

    .article--report .article__header__actions .switcher {
        display: none;
    }

    .article--report .article__header + .article__content {
        margin-block-start: var(--t-gs--space--s2);
    }

    .article--report .article__content__graphic {
        display: none;
    }

}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .article--report .article__header {
        align-items: baseline;
    }

    .article--report .article__header__text {
        flex-grow: initial;
        white-space: nowrap;
    }

    .article--report .article__header__actions {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        flex-grow: 1;
        margin-inline-start: var(--t-gs--space--m);
    }

    .article--report .article__header__actions .switcher__pointing {
        font-size: 120%;
    }

    .article--report .article__content__graphic {
        display: none;
    }

    .article--report .article__content__graphic .highcharts-container,
    .article--report .article__content__graphic .highcharts-container svg {
        max-inline-size: 100%;
    }
}

.article--report .table .sort__item__icon {
    display: none; /* Patch: We hide the sort via CSS, this should be done via flow */
}

/*
    WIDGETS/Stats (New)
*/

.article--stats.article--boxed {
    padding-block: var(--t-tc--boxes--padding--outers);
    padding-inline: var(--t-tc--boxes--padding--outers);
}

.article--stats .article__header__count {
    display: block;
    font-size: 5.8rem;
    font-weight: 300;
}

/*
    MODULES/Blind
*/

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .grid.grid--1 .extra-panel .button-bar--cols-1 {
        --t-tc--button-bar__buttons--width: auto;
    }

    .grid.grid--1 .extra-panel .button-bar--cols-1.ButtonBarField [class*=Button] {
        min-inline-size: var(--t-tc--buttons--width--min);
    }

}

.extra-panel .article__content:nth-child(1) {
    margin-block-start: .1rem;
}

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

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .section--home .section__header {
        flex-wrap: wrap;
    }

    .section--home .section__header__text__title__welcome {
        display: block;
        font-size: var(--t-gs--font--size--05);
        margin-inline-start: var(--t-gs--space--s);
    }

    .section--home .section__header__text__title__user {
        display: block;
        margin-inline-start: var(--t-gs--space--s);
    }

    .section--home .section__header__actions {
        margin-block-start: var(--t-gs--space--m);
        inline-size: 100%;
    }

    .section--home .section__header + .section__content {
        margin-block-start: var(--t-gs--space--m);
    }

    .section--home .section__content + .section__content {
        margin-block-start: var(--t-gs--space--l);
    }

    .section--home .section__content--report {
        margin-inline-end: calc(-1 * var(--t-tc--grid--laterals));
        margin-inline-start: calc(-1 * var(--t-tc--grid--laterals));
        inline-size: auto;
        background-color: var(--t-gs--color--surface--secondary);
        padding-block-start: var(--t-gs--space--l);
        padding-inline-end: var(--t-tc--grid--laterals);
        padding-block-end: var(--t-gs--space--l);
        padding-inline-start: var(--t-tc--grid--laterals);
    }

    .section--home .section__content + .section__content--stats {
        margin-block-start: calc(-1 * var(--t-gs--space--l));
        margin-inline-end: calc(-1 * var(--t-tc--grid--laterals));
        margin-block-end: calc(-1 * var(--t-tc--main--padding--bottom));
        margin-inline-start: calc(-1 * var(--t-tc--grid--laterals));
        inline-size: auto;
        background-color: var(--t-gs--color--surface--secondary);
        padding-block-start: var(--t-gs--space--l);
        padding-inline-end: var(--t-tc--grid--laterals);
        padding-block-end: var(--t-gs--space--l);
        padding-inline-start: var(--t-tc--grid--laterals);
    }

    .section--home .grid__item [class*=--boxed--dashlet] {
        border-radius: var(--t-tc--card--border--radius);
    }

    .section--home .grid__item [class*=--boxed--dashlet] .article__header__text__title {
        font-size: var(--t-gs--font--size--05);
        font-weight: var(--t-gs--font--weight--medium);
        font-family: var(--t-gs--font--family--emphasis);
        text-decoration: none;
    }
}

/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1024px) {
    .section--home .section__content + .section__content {
        margin-block-start: var(--t-gs--space--xl);
    }

    .section--home .grid--3 > .grid__item {
        flex: 0 0 50%;
        max-inline-size: 50%;
    }

    .section--home .section__content--stats .grid > .grid__item {
        flex: 0 0 100%;
        max-inline-size: 100%;
    }
}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .section--home .section__header + .section__content {
        margin-block-start: var(--t-gs--space--l);
    }
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .section--home .section__content + .section__content {
        margin-block-start: var(--t-gs--space--xxl);
    }
}

/*
    MODULES/Header: All (Override/complement)
*/

.header {
    box-shadow: 0rem 0.3rem 1rem 0rem rgba(0, 0, 0, 0.05);
}

html[menu-type=visible] .header__content .header__logo {
    margin-block-end: var(--t-gs--space--m2);
    margin-inline-end: var(--t-gs--space--xxxl);
    margin-block-start: var(--t-gs--space--xs);
}

.menu--visible .menu__item--separator-left {
    margin-inline-start: auto;
    border-inline-start-width: var(--t-gs--border--width--0);
}

.menu--visible .menu__link {
    padding-block-end: var(--t-gs--space--l);
    margin-block-start: -0.2rem;
    padding-inline-end: var(--t-gs--space--m);
    padding-block-start: var(--t-gs--space--m);
    padding-inline-start: var(--t-gs--space--m);
}

.menu--visible .menu__link .menu__thumbnail {
    padding-inline-end: var(--t-gs--space--s2);
}

.menu--visible .menu__item[aria-current="page"] .menu__link {
    border-bottom-width: var(--t-gs--border--width--s);
    border-bottom-color: var(--custom--qatarprimaryhover);

    --t-tc--menu__link--font--color: var(--custom--qatarprimaryhover);
}

.menu--visible .menu__item:not([aria-current="page"]):hover .menu__link {
    --t-tc--menu__link--font--color: var(--custom--qatarprimaryhover);
}

.menu--visible .submenu__list--overflows-not {
    border-end-end-radius: var(--t-gs--border--radius--m);
    border-end-start-radius: var(--t-gs--border--radius--m);
    border-start-end-radius: var(--t-gs--border--radius--m);
    border-start-start-radius: var(--t-gs--border--radius--0);
}

.menu--visible .menu__item:hover .menu__link[aria-haspopup="true"] + .submenu__list--overflows-not {
    inset-inline: 1.6rem;
}

.menu--visible .menu__item:hover .menu__link[aria-haspopup="true"] + .submenu__list--overflows-not .submenu__item .submenu__link {
    border-start-start-radius: var(--t-gs--border--radius--0);
}

.menu--visible .menu__item:hover .menu__link[aria-haspopup="true"],
.menu--visible .menu__link[aria-haspopup="true"][aria-expanded="true"] {
    --t-tc--menu__link--border--color: var(--t-gs--color--border--transparent);
    --t-tc--menu__link--border--radius: var(--t-gs--border--radius--m);
}

.menu--visible .menu__item:hover .menu__link[aria-haspopup="true"] + .submenu__list,
.menu--visible .menu__link[aria-haspopup="true"][aria-expanded="true"] + .submenu__list {
    border-style: none;
    background-color: var(--custom--qatarprimary);

    --t-tc--menu__link--border--radius: var(--t-gs--border--radius--m);
}

.menu--visible .submenu__item[aria-current="page"] .submenu__link,
.menu--visible .portalLanguages__item--selected .portalLanguages__link {
    --t-tc--submenu__link--font--color: var(--t-gs--swatch--neutral--100);
    --t-tc--submenu__link--background--color: var(--custom--qatarprimary);
}

.menu--visible .submenu__item:not([aria-current="page"]):hover .submenu__link,
.menu--visible .portalLanguages__item:not(.portalLanguages__item--selected):hover .portalLanguages__link {
    font-weight: var(--t-gs--font--weight--medium);

    --t-gs--color--text--on--fill--link--hover: var(--t-gs--swatch--neutral--000);
}

.menu--visible .submenu__item + .submenu__item,
.menu--visible .portalLanguages__item + .portalLanguages__item {
    border-block-start-width: var(--t-gs--border--width--0);
}

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

html[menu-type=toggleable][menu-panelFrom="right"] .menu__panel {
    max-width: calc(var(--t-gs--size--base) * 93.75);
    inline-size: 100%;
    padding-inline-end: var(--t-gs--space--m);
    padding-inline-start: var(--t-gs--space--m);
}

.menu--toggleable .menu__link {
    padding-inline-start: var(--t-gs--space--m);
}

.menu--toggleable .submenu__link {
    padding-block-end: var(--t-gs--space--l);
    padding-block-start: var(--t-gs--space--m);
    padding-inline-start: var(--t-gs--space--m);
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .header__wrapper {
        block-size: var(--t-tc--header--height);
        --t-tc--header--padding--top: var(--t-gs--space--l);
        --t-tc--header--padding--bottom: var(--t-gs--space--0);
    }
}

/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1024px) {
    .header__wrapper {
        --t-tc--grid--laterals: var(--t-gs--space--xl);
        --t-tc--header--padding--top: var(--t-gs--space--s);
        --t-tc--header--padding--bottom: var(--t-gs--space--s);
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .header__wrapper {
        --t-tc--grid--laterals: var(--t-gs--space--m);
        --t-tc--header--padding--top: var(--t-gs--space--s);
        --t-tc--header--padding--bottom: var(--t-gs--space--s);
    }
}

/*
    PAGETYPES/Banner: Main banner (Override/complement)
*/

.banner--main {
    background-image: none;
}

.banner--main .banner__text__title {
    color: var(--t-gs--swatch--neutral--100);
    line-height: var(--line-height--6-4);
}

.banner--main .banner__text__subtitle {
    color: var(--t-gs--swatch--neutral--100);
    font-size: var(--t-gs--font--size--05);
    font-weight: var(--t-gs--font--weight--medium);
    line-height: var(--line-height--2-4);
    margin-block-end: var(--t-gs--space--s);
    text-transform: inherit;
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .banner--main .banner__text__subtitle {
        font-size: var(--t-gs--font--size--04);
    }
}

/*
    ELEMENTS/Buttons: Main (Override/complement)
*/

.main:focus * {
    --t-tc--fields--outline--width: var(--t-gs--border--width--0);
    --t-tc--buttons--outline--width: var(--t-gs--border--width--0);
}

* + .button-bar:not(.fieldSpec) {
    padding-block-start: calc(var(--t-tc--fieldSpec--padding--outers) + var(--t-gs--space--l));
}

.button,
.tc_formButton {
    font-weight: var(--t-gs--font--weight--medium);
    padding-inline-end: var(--t-gs--space--xl);
    padding-inline-start: var(--t-gs--space--xl);
}

.button--tonal,
.button--primary,
.button--tertiary,
.button--secondary {
    min-inline-size: var(--t-tc--buttons--width--min);
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .button-bar__wrap,
    .ButtonBarField .tc_formField,
    .TIN_input_button_Container.ButtonsContainer,
    .autoschedule_NoAvailableContent_ButtonsContainer {
        row-gap: var(--t-gs--space--m);
    }
}

/*
    ELEMENTS/Buttons: Main: Tertiary (Override/complement)
*/

.button--tertiary,
.button--tertiary:hover {
    text-decoration: none;
}

/*
    COMPONENTS: Forms (Override/complement)
*/

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

.form .Separator {
    margin-block-end: var(--t-gs--space--m);
}

.tc_formTitle {
    font-size: var(--t-gs--font--size--12);
}

.LiveSearch,
.form input[type=color],
.form input[type=date],
.form input[type=datetime-local],
.form input[type=email],
.form input[type=month],
.form input[type=number],
.form input[type=password],
.form input[type=range]:not(.progress-bar__selector,
.schema_input_rangeslider_Slider_slider),
.form input[type=search]:not([class*=select2]):not(.AdvancedSelectInputElement),
.form input[type=tel],
.form input[type=text]:not([class*=select2]):not(.LiveSearchInput),
.form input[type=time],
.form input[type=url],
.form input[type=week],
.form select:not([multiple]),
.body--ismobile .form select[multiple] {
    --t-tc--fields--height: calc(var(--t-gs--size--base) * 12);
    --t-tc--fields--border--radius: var(--t-gs--border--radius--m);
    padding-block: var(--t-gs--space--s2);
    padding-inline: var(--t-gs--space--m);
    color: var(--custom--textdefault);

    &:focus-visible {
        --t-tc--fields--shadow: unset;
        --t-tc--fields--border--color: var(--custom--textdefault);
        --t-tc--fields--border--width: var(--t-gs--border--width--s2);
        --t-tc--focus-visible--outline--width: var(--t-gs--border--width--0);
    }
}

.form select:not([multiple]):has(option[value=""]:checked) {
    color: var(--custom--disabletext);
}

.form select:not([multiple]) option[value=""] {
    color: var(--custom--disabletext);
}

.form select:not([multiple]):has(option[value=""]:checked) option:not(:checked) {
    color: var(--custom--textdefault);
}

.form input[type=file] {
    --t-tc--fields--height: calc(var(--t-gs--size--base) * 12);
    --t-tc--fields--border--radius: var(--t-gs--border--radius--m);
    color: var(--custom--disabletext);

    &:focus-visible {
        --t-tc--fields--shadow: unset;
        --t-tc--fields--border--color: var(--custom--textdefault);
        --t-tc--fields--border--width: var(--t-gs--border--width--s2);
        --t-tc--focus-visible--outline--width: var(--t-gs--border--width--0);
    }
}

.select2-container.select2-container--open {
    z-index: 3;
}

.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-search--dropdown .select2-search__field {
    --t-tc--fields--height: calc(var(--t-gs--size--base) * 12);
    --t-tc--fields--border--radius: var(--t-gs--border--radius--m);
}

.form .select2-container--default.select2-container--focus .select2-selection--single,
.form .select2-container--default.select2-container--focus .select2-selection--multiple {
    --t-tc--fields--shadow: unset;
    --t-tc--focus-visible--outline--width: var(--t-gs--border--width--0);
    border-color: var(--custom--textdefault);
    border-width: var(--t-gs--border--width--s2);
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    &:focus-visible {
        --t-tc--fields--shadow: unset;
        border-color: var(--custom--textdefault);
        border-width: var(--t-gs--border--width--s2);
    }
}

.dropdown__placeholder {
    --t-tc--fields--border--radius: var(--t-gs--border--radius--m);
    padding-inline-end: var(--t-gs--space--xl);
}

.form input[type=text]:not([class*=select2]):not(.LiveSearchInput)::placeholder {
    color: var(--custom--disabletext);
}

.form select:not([multiple]) {
    padding-block: unset;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: none;
    background-color: var(--t-gs--swatch--neutral--100);
    padding-inline-end: 3.5rem;
    background-image: var(--t-tc--fields__icon--arrow--down);
    background-repeat: no-repeat;
    background-position: right 1.8rem center;
    background-size: 1.4rem;
}

.form select:not([multiple]):disabled,
.fieldSpec--disabled select:not([multiple]),
.body--ismobile.body--Safari .form input[type=date]:disabled,
.body--ismobile.body--Safari .form input[type=month]:disabled {
    background-image: var(--t-tc--fields__icon--arrow--down);
    background-color: rgba(225, 229, 234, 1);
    border-color: rgba(194, 204, 214, 1)
}

.form input[type=month] {
    position: relative;
    padding-block: unset;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: none;
    background-color: var(--t-gs--swatch--neutral--100);
    padding-inline-end: 2rem;
    background-image: var(--t-tc--fields__icon--empty--calendar);
    background-repeat: no-repeat;
    background-position: right 1.8rem center;
    background-size: 1.4rem;
    cursor: pointer;
}

.form input[type=month]::-webkit-calendar-picker-indicator {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.form .RadioButtonListContainer .RadioButtonListFormField {
    width: 2.4rem;
    height: 2.4rem;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    opacity: 0;
}

.form .RadioButtonListContainer {
    position: relative;
    padding-inline-start: var(--t-gs--space--xl);

    &:before {
        content: '';
        position: absolute;
        width: 2.4rem;
        height: 2.4rem;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        border-style: solid;
        border-width: var(--t-gs--border--width--s);
        border-radius: var(--t-gs--border--radius--full);
        border-color: var(--custom--textmuted);
    }
}

.form .RadioButtonListContainer:has(.RadioButtonListFormField:checked) {
    &:before {
        border-color: var(--custom--blue);
        background-color: var(--custom--blue);
    }

    &:after {
        content: '';
        position: absolute;
        width: 0.8rem;
        height: 0.8rem;
        top: 50%;
        left: 0.8rem;
        transform: translateY(-50%);
        background-color: var(--t-gs--swatch--neutral--100);
        border-radius: var(--t-gs--border--radius--full);
    }
}

.form .RadioButtonListContainer:has(.RadioButtonListFormField:disabled) {
    &:before {
        border-color: var(--custom--disabletext);
    }

    & label {
        color: var(--custom--disabletext);
    }
}

.form .RadioButtonListContainer:has(.RadioButtonListFormField:disabled:hover) {
    &:before {
        outline-style: none;
    }
}

.form .RadioButtonListContainer:has(.RadioButtonListFormField:disabled:focus-visible) {
    &:before {
        outline-style: none;
    }
}

.RadioButtonList .RadioButton input[type=radio],
.RadioButtonListFormField .tc_formField .cb input[type=radio] {
    margin-block: var(--t-gs--space--0);
    margin-inline: var(--t-gs--space--0);
}

.form .RadioButtonListContainer:has(.RadioButtonListFormField:hover),
.form .RadioButtonListContainer:has(.RadioButtonListFormField:focus-visible) {
    &:before {
        outline-style: solid;
        outline-offset: 0.2rem;
        outline-width: 0.2rem;
        outline-color: var(--custom--disabletext);
    }
}

.form .RadioButtonListContainer:has(.RadioButtonListFormField:focus-visible) {
    &:before {
        outline-color: var(--custom--textdefault);
    }
}

.form .AcceptCheckboxFieldContainer input[type="checkbox"] {
    width: 2.4rem;
    height: 2.4rem;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    opacity: 0;
}

.form .AcceptCheckboxFieldContainer {
    position: relative;
    min-block-size: 3.2rem;
    padding-inline-start: var(--t-gs--space--xl);

    &:before {
        content: '';
        position: absolute;
        width: 2.4rem;
        height: 2.4rem;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        border-style: solid;
        border-width: var(--t-gs--border--width--s);
        border-radius: var(--t-gs--border--radius--s);
        border-color: var(--custom--textmuted);
    }
}

.form .AcceptCheckboxFieldContainer:has(input[type="checkbox"]:checked) {
    &:before {
        border-color: var(--custom--blue);
        background-color: var(--custom--blue);
    }

    &:after {
        content: '';
        position: absolute;
        width: 1rem;
        height: 1rem;
        top: 50%;
        left: 0.7rem;
        transform: translateY(-50%);
        background: var(--t-tc--fields__icon--checkmark);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 0.8rem;
        pointer-events: none;
    }
}

.form .AcceptCheckboxFieldContainer:has(input[type="checkbox"]:disabled) {
    &:before {
        border-color: var(--custom--disabletext);
    }

    & label {
        color: var(--custom--disabletext);
    }
}

.form .AcceptCheckboxFieldContainer:has(input[type="checkbox"]:disabled:hover) {
    &:before {
        outline-style: none;
    }
}

.form .AcceptCheckboxFieldContainer:has(input[type="checkbox"]:disabled:focus-visible) {
    &:before {
        outline-style: none;
    }
}

.AcceptanceCheckboxField .tc_formField input[type=checkbox] {
    margin-block: var(--t-gs--space--0);
    margin-inline: var(--t-gs--space--0);
}

.form .AcceptCheckboxFieldContainer:has(input[type="checkbox"]:hover),
.form .AcceptCheckboxFieldContainer:has(input[type="checkbox"]:focus-visible) {
    &:before {
        outline-style: solid;
        outline-offset: 0.2rem;
        outline-width: 0.2rem;
        outline-color: var(--custom--disabletext);
    }
}

.form .AcceptCheckboxFieldContainer:has(input[type="checkbox"]:focus-visible) {
    &:before {
        outline-color: var(--custom--textdefault);
    }
}

.tc_formLabel,
.tc_formLabel:has(>.screenReaderVisibility:only-child) {
    padding-block-end: var(--t-tc--fieldSpec--padding--inners);
    font-weight: var(--t-gs--font--weight--regular);
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    --t-tc--fields--padding--v: var(--t-gs--space--s2);
    --t-tc--fields--padding--h: var(--t-gs--space--m);
}

.select2-container--default .select2-search--inline .select2-search__field {
    padding-inline: var(--t-gs--space--0);
    font-family: var(--t-gs--font--family--default);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    align-items: center;
    margin-block: var(--t-gs--space--xs);
    padding-block: var(--t-gs--space--xs);
    padding-inline-start: var(--t-gs--space--s);
    padding-inline-end: var(--t-gs--space--xs);
    font-family: var(--t-gs--font--family--default);
    font-size: var(--t-gs--font--size--03);
    color: var(--custom--textmuted);
    border-radius: var(--t-gs--space--m);
    border-color: var(--custom--textmuted);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    font-size: var(--t-gs--font--size--03);
    font-weight: var(--t-gs--font--weight--medium);
    color: var(--custom--textdefault);
}

.select2-container--default .select2-selection--multiple .select2-search:first-child:after,
.select2-container--default .select2-selection--single .select2-selection__arrow {
    background-image: var(--t-tc--fields__icon--arrow--down);
    inset-inline-end: 1rem;
}

.select2-container--default.select2-container--open .select2-selection--multiple .select2-search:first-child:after,
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
    background-image: var(--t-tc--fields__icon--arrow--up);
    inset-inline-end: 1rem;
}

.select2-container--default .select2-selection--multiple .select2-search:first-child:after {
    inset-inline-end: 1rem;
}

.addDatasetRow,
.removeDatasetRow,
.action.action--add,
.action.action--remove {
    display: block;
    text-align: right;
    gap: var(--t-gs--space--xs);
    font-size: var(--t-gs--font--size--03);
    font-weight: var(--t-gs--font--weight--medium);
    color: var(--custom--textdefault);
    text-transform: capitalize;
    text-decoration: underline;
    text-decoration-thickness: 0.1rem;
    text-underline-offset: 0.1rem;

    &:hover {
        color: var(--custom--textdefault);
    }
}

:where(.addDatasetRow, .removeDatasetRow, .action.action--add, .action.action--remove):before {
    content: '';
    position: absolute;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-block-size: unset;
    inline-size: var(--t-gs--space--l);
    inset-block-start: var(--t-tc--fields--border--width);
    background-image: var(--t-tc--fields__icon--add);
    background-position: 50%;
}

:where(.removeDatasetRow, .action.action--remove):before {
    background-image: var(--t-tc--fields__icon--trash);
}

.datasetField__button--add {
    justify-content: flex-end;
}

.MultipleDatasetEntryFormField .tc_formField div[id*="multipleDatasetEntry_"],
.MultipleDatasetEntryFormField--cols-2Z .tc_formField fieldset[id*="datasetField__row"] {
    inline-size: 100%;
    margin-inline-start: var(--t-gs--space--0);
    margin-inline-end: var(--t-gs--space--0);
    padding-block-start: var(--t-gs--space--m2);
    padding-block-end: var(--t-gs--space--s);
    padding-inline: var(--t-gs--space--m2);
    background-color: var(--t-gs--swatch--neutral--100);
    border-style: solid;
    border-width: var(--t-gs--border--width--s);
    border-color: var(--custom--grey25);
    border-radius: var(--t-gs--border--radius--xxl);
}

.message--error,
.alert--error {
    --t-tc--icon--fill: 0;
    --t-tc--icon--content: 'info';
    --t-tc--icon--font--weight: var(--t-gs--font--weight--light);
    --t-tc--message--font--color: var(--custom--textdefault);

    gap: var(--t-gs--space--s);
    font-size: 1.4rem;
    align-items: center;
    border-radius: var(--t-gs--border--radius--s);
    padding-inline: var(--t-gs--space--xs);

    &:before {
        color: var(--custom--textdefault);
    }
}

.errorMessage, .warningMessage,
.errorMsgBottom, .duplicateWarningMessage {
    --t-tc--message--font--size: var(--t-gs--font--size--03);
    --t-tc--icon--font--weight: var(--t-gs--font--weight--regular);
    --t-tc--message--font--color: rgba(204, 71, 38, 1);
}

:where(.addDatasetRow, .removeDatasetRow, .RowEditorAddAnotherLink, .removeFile,[id*=dropboxRemove_],
.fileInputCancelButton, .action, .duplicateWarningMessage, .alert, .errorMessage, .warningMessage,
.errorMsgBottom, .message, .toggle__icon, .gclose, .ui-dialog button.ui-button.ui-dialog-titlebar-close,
.TIN_display_CloserButton_NotificationAndDialog, .autoschedule_editor_availability_header_Container_HeaderButton,
.datepicker-skin-scheduling .ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.datepicker-skin-scheduling .ui-datepicker .ui-datepicker-header .ui-datepicker-next,
.methodButton--later, .methodButton--file, .methodButton--paste, .useMyCurrentLocation,
.link--download, .list--bullet--custom li, [data-tc-icon]):before {
    place-content: center center;
}

.fieldSpec.hasErrors:not(.formfieldSpec,.datasetField,.MultipleDatasetEntryFormField,.fieldSpec--in-dataset), .formfieldSpec.hasErrors:not(.MultipleDatasetEntryFormField), .datasetField.hasErrors>.tc_formLabel, .fieldSpec--in-dataset.hasErrors, .MultipleDatasetEntryFormField.hasErrors>.tc_formLabel, .datasetfieldSpec.hasErrors {
    --t-tc--labels--font--color: var(--custom--textdefault);
    --t-tc--sublabels--font--color: var(--custom--textdefault);
}

.fieldSpec:not(.hasErrors) :invalid {
    border-color: var(--t-tc--fields--border--color);
}

.AcceptanceCheckboxField .tc_formLabel,
.RadioButtonListFormField .tc_formLabel {
    font-size: var(--t-gs--font--size--03);
}

.labelRequiredIcon {
    color: var(--custom--textdefault);
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .tc_formTitle {
        font-size: var(--t-gs--font--size--08);
    }
}

/*
    PAGETYPES/Login (Override/complement)
*/

.form--login .description {
    color: var(--custom--textmuted);
    padding-block-end: var(--t-gs--space--m);
}

/*
    ELEMENTS/Links (Override/complement)
*/

.link {
    line-height: var(--line-height--2-4);
    font-weight: var(--t-gs--font--weight--medium);
    text-decoration: underline;
    text-underline-offset: 0.1rem;
    text-decoration-thickness: 0.1rem;

    &:focus-visible {
        text-decoration: underline;

        --t-tc--focus-visible--outline--color: var(--t-gs--swatch--neutral--transparent);
    }
}

/*
    MODULES/Footer (New)
*/

.footer {
    border-block-start-width: var(--t-gs--border--width--0);
}

.footer__links__item,
.footer__rights__copy {
    color: var(--custom--textmuted);
    font-size: var(--t-gs--font--size--03);
    line-height: var(--line-height--2-0);
}

.footer__links__divider {
    margin-inline: var(--t-gs--space--m);
}

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

.footer__social__item + .footer__social__item {
    margin-inline-start: var(--t-gs--space--s);
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .footer__content > * + * {
        margin-block-start: var(--t-gs--space--l);
    }

    .footer__links__divider {
        margin-inline: var(--t-gs--space--s);
    }
}

/*
    COMPONENTS/Tabs (Override/complement)
*/

.tabs__list__item {
    font-size: var(--t-gs--font--size--03);
    font-weight: var(--t-gs--font--weight--medium);
    padding-block: calc(var(--t-gs--space--base) * 4.5);
    padding-inline: var(--t-gs--space--m);
    text-transform: none;
    margin-block-end: -0.3rem;
}

.tabs__list__item.tabs__list__item--active {
    color: var(--custom--qatarprimary);
}

@media all and (max-width:1024px) {
    .tabs__placeholder {
        display: block;
        position: relative;
        padding-block: calc(var(--t-gs--space--base) * 4.5);
        padding-inline: var(--t-gs--space--m);
        font-family: var(--t-gs--font--family--default);
        font-size: var(--t-gs--font--size--03);
        font-weight: var(--t-gs--font--weight--medium);
        color: var(--custom--qatarprimary);
        border-bottom-style: solid;
        border-bottom-width: var(--t-gs--border--width--s);
        border-bottom-color: var(--custom--grey25);
    }

    .tabs__placeholder:before {
        content: '';
        display: block;
        position: absolute;
        block-size: var(--t-gs--space--xxs);
        inline-size: calc(100% - 4rem);
        inset-block-end: -0.1rem;
        background-color: var(--custom--qatarprimary);
        inset-inline-start: 0;
    }

    .tabs__placeholder:after {
        inset: unset;
        position: absolute;
        block-size: var(--t-gs--space--xxl);
        inline-size: var(--t-gs--space--xxl);
        inset-block-end: 0;
        inset-inline-end: 0;
    }

    .tabs__placeholder[aria-expanded=true]:after,
    .tabs__placeholder[aria-expanded=false]:after {
        font-size: var(--t-gs--font--size--12);
    }
}

/*
    PAGETYPES/Profile: Details (Override/complement)
*/

.body--profile .article .article__header__text__title {
    font-weight: var(--t-gs--font--weight--light);
}

.body--profile .article--details .article__header + .article__content {
    margin-block-start: calc(var(--t-gs--space--base) * 4.5);
}

@media all and (max-width:1024px) {
    .body--profile .article--details .article__header + .article__content {
        margin-block-start: var(--t-gs--space--m2);
    }
}

/*
    COMPONENTS/Tables (Override/complement)
*/

.article__content:has(.table__wrap) {
    overflow: hidden;
    border-radius: var(--t-gs--border--radius--xl);
}

.table__wrap {
    border-color: rgba(194, 204, 214, 1);

    --t-tc--table--border--color: var(--custom--grey25);
    --t-tc--table--border--radius: var(--t-gs--border--radius--xl);
}

.tableField thead tr th,
.table--default thead tr th {
    font-size: var(--t-gs--font--size--03);
    font-weight: var(--t-gs--font--weight--medium);
    padding-block: calc(var(--t-gs--space--base) * 3.5);
    padding-inline: var(--t-gs--space--m);

    --t-tc--table__th--background--color: var(--custom--grey25);
}

.table--default.table--fixed-column.table--fixed-column--first tbody tr>:first-child .text {
    font-size: var(--t-gs--font--size--04);
    line-height: var(--line-height--2-4);
    font-weight: var(--t-gs--font--weight--medium);
}

.table--default tbody tr td:last-child .link {
    font-size: var(--t-gs--font--size--04);
    text-decoration: none;
}

.body--Firefox .table--default.table--fixed-column.table--fixed-column--last tbody tr > :first-child,
.body--Firefox .table--default.table--fixed-column.table--fixed-column--first tbody tr > :first-child {
    background-color: rgba(255, 255, 255, .97);
}

.toggle[aria-expanded=true] .toggle__icon:before,
.toggle[aria-expanded=false] .toggle__icon:before {
    font-size: var(--t-gs--font--size--12);
}

@media all and (max-width:1024px) {
    .table--cards tbody tr {
        border-width: var(--t-gs--border--width--s);
    }

    .table--cards.table--cards--with-no-subtitle tbody tr td {
        font-size: var(--t-gs--font--size--04);
    }

    .table--cards tbody tr>[data-th]:before {
        font-weight: var(--t-gs--font--weight--medium);
    }

    .table--cards.table--jobs tbody tr>:first-child .link,
    .table--cards.table--people tbody tr>:first-child .link,
    .table--cards.table--cards--with-no-subtitle tbody tr>:first-child {
        font-size: var(--t-gs--font--size--07);
        line-height: var(--line-height--2-6);
        font-weight: var(--t-gs--font--weight--thin);
        font-family: var(--t-gs--font--family--emphasis);
        text-decoration: none;
    }

    .table--cards.table--cards--with-no-subtitle tbody tr td:nth-child(2) {
        padding-block-start: var(--t-gs--space--m);
        border-block-start-width: var(--t-gs--border--width--s);
    }

    .table--cards.table--jobs tbody tr td:last-child .link,
    .table--cards.table--people tbody tr td:last-child .link {
        font-size: var(--t-gs--font--size--04);
        text-decoration: none;
    }

    .table--cards.table--jobs tbody tr>:first-child,
    .table--cards.table--people tbody tr>:first-child {
        block-size: unset;
        padding-block-end: var(--t-gs--space--m2);
    }

    .table--cards.table--jobs:not(.table--cards--with-no-actions) tbody tr td:last-child:not(:first-child),
    .table--cards.table--people:not(.table--cards--with-no-actions) tbody tr td:last-child:not(:first-child) {
        border-block-start-width: var(--t-gs--border--width--s);
    }

    .table--cards.table--jobs tbody tr td[data-th]:nth-child(n+2):not(:last-child):before,
    .table--cards.table--people tbody tr td[data-th]:nth-child(n+2):not(:last-child):before {
        display: inline-block;
        content: attr(data-th) ": ";
    }

    .table--cards.table--jobs:not(.table--cards--with-no-toggle) tbody tr:not(.table__row--open) td:nth-child(n+2):not(:last-child),
    .table--cards.table--people:not(.table--cards--with-no-toggle) tbody tr:not(.table__row--open) td:nth-child(n+2):not(:last-child) {
        display: none;
    }

    .table--cards tbody tr td:nth-child(2) {
        padding-block-end: calc(var(--t-tc--card--padding--inners) * .5);
        padding-inline-end: var(--t-gs--space--m);
        padding-block-start: var(--t-tc--card--padding--inners);
        border-block-start-style: solid;
        border-block-start-width: var(--t-gs--border--width--s);
        border-block-start-color: var(--t-tc--card--border--color);
    }

    .table--cards.table--people tbody tr:has(.thumbnail) td:nth-child(2) {
        padding-inline-start: var(--t-tc--card--padding--outers);
    }

    .table--cards tbody tr td:nth-child(3) {
        padding-block-start: calc(var(--t-tc--card--padding--inners) * .5);
    }

    .table--cards tbody tr .toggle--card {
        --t-tc--card__header--height: calc(var(--t-gs--size--base) * 16);
    }
}

/*
    PAGETYPES/Job details: Sections (Override/complement)
*/

.body--detail .grid__item--main .section__content {
    border-style: solid;
    border-color: var(--custom--grey25);
    border-width: var(--t-gs--border--width--s);
    padding-block: var(--t-gs--space--l);
    border-radius: var(--t-gs--border--radius--xxl);
    padding-inline: var(--t-gs--space--l);
    background-color: var(--t-gs--swatch--neutral--100);
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .body--detail .grid--2--sidebar {
        column-gap: var(--t-gs--space--xl);
    }
}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .body--detail .grid__item--main {
        margin-block-end: var(--t-gs--space--xl);
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .body--detail .grid--2--sidebar {
        margin-block-start: var(--t-gs--space--l);
    }

    .body--detail .grid__item--main .section__content {
        padding-block: var(--t-gs--space--m);
        padding-inline: var(--t-gs--space--s2);
    }
}

/*
    PAGETYPES/Job details: Sections: Details (Override/complement)
*/

.body--detail .article__header__text__title {
    font-weight: var(--t-gs--font--weight--light);
}

.body--detail .article__content__view__field {
    padding-block-end: var(--t-gs--space--s2);
}

.body--detail .article__content__view__field .article__content__view__field__value__label {
    font-weight: var(--t-gs--font--weight--medium);
}

.body--detail .article__content__view__field .article__content__view__field__value p {
    color: var(--custom--textmuted);
}

/*
    PAGETYPES/Job details: Sections: Aside (Override/complement)
*/

.aside .article--actions {
    padding: var(--t-gs--space--xs);
}

.body--detail .aside .article + .article {
    margin-block-start: var(--t-gs--space--0);
}

.body--detail .aside .article:not(:last-of-type) {
    margin-block-end: var(--t-gs--space--xl);
}

.body--detail .article--matching {
    & .article__header {
        & .article__header__chart {
            & .chart__doughnut {
                & .chart__svg {
                    --t-tc--doughnut--fill-color: var(--custom--qatarprimary);
                }
            }
        }
    }
}

.body--detail .article--matching {
    & .article__header {
        & .article__header__chart {
            & .chart__doughnut {
                & .chart__svg {
                    & .chart__track {
                        --t-tc--doughnut--empty-color: rgba(217, 217, 217, 1);

                    }
                }
            }
        }
    }
}

.body--detail .article--matching {
    & .article__header {
        & .article__header__chart {
            & .chart__doughnut {
                & .chart__svg {
                    & .chart__percentage {
                        --t-tc--doughnut--fill-color: var(--custom--textdefault);
                    }
                }
            }
        }
    }
}

.body--detail .article--matching .article__header__text .title {
    font-size: var(--t-gs--font--size--05);
    font-family: 'Graphik';
    font-weight: var(--t-gs--font--weight--medium);
}

.body--detail .aside .skills .tabs__list {
    display: flex;
}

.body--detail .aside .skills .tabs__list__item {
    flex: 1;
    font-size: var(--t-gs--font--size--03);
    font-weight: var(--t-gs--font--weight--medium);
    padding-block: calc(var(--t-gs--space--base) * 4.5);
    text-transform: none;
    border-block-end-width: .2rem;
}

.body--detail .aside .skills .tabs__list__item--active {
    color: var(--custom--qatarprimary);
}

.body--detail .aside .skills .tabs__list__item a {
    display: block;
    text-align: center;
}

.body--detail .aside .skills .pill--skills,
.body--detail .aside .skills .pill--skills-b {
    color: var(--custom--textmuted);
    font-size: var(--t-gs--font--size--03);
    background-color: var(--t-gs--swatch--neutral--100);

    --t-tc--pill--border--color: var(--custom--textmuted);
}

.body--detail .aside .social-share__title {
    font-size: var(--t-gs--font--size--03);
    font-family: 'Graphik';
    font-weight: var(--t-gs--font--weight--regular);
}

.body--detail .aside .article__content:has(.list--share) {
    margin-block-start: var(--t-gs--space--0);
}

.body--detail .aside .list--share .shareButton {
    inline-size: 2.8rem;
}

.body--detail .aside .list--share .shareButton.shareButton--linkedin {
    inline-size: 3.7rem;
}

.body--detail .aside .list--share .list__item + .list__item {
    margin-inline-start: var(--t-gs--space--s);
}

@media all and (max-width:1024px) {
    .body--detail .aside .article:first-of-type {
        margin-block-end: var(--t-gs--space--0);
    }

    .body--detail .aside .list--share .list__item + .list__item {
        margin-inline-start: var(--t-gs--space--0);
    }
}

@media all and (min-width:751px) and (max-width:1024px) {
    .body--detail .aside:has(.list--share) .article--actions {
        padding-block-end: var(--t-gs--space--m);
    }

    .body--detail .aside .article:has(.social-share__title) {
        inset-block-end: var(--t-gs--space--s);
    }
}

@media all and (max-width:750px) {
    .body--detail .aside:has(.list--share) .article--actions {
        padding-block-end: calc(var(--t-gs--size--base) * 17);
    }
}

@media all and (min-width:750px) {
    .body--detail.body--extra-panel--slide-over-aside__open .grid--2--sidebar--half-width > .grid__item {
        flex: 0 0 50%;
        max-inline-size: 50%;
    }
}

/*
    PAGETYPES/Job details: Jobs slider (Override/complement)
*/

.body--detail .section--jobs-slider:has(.slider) {
    margin-block-start: calc(var(--t-gs--space--base) * 20);
}

@media all and (max-width:1024px) {
    .body--detail .section--jobs-slider:has(.slider) {
        margin-block-start: var(--t-gs--space--m);
    }
}

.body--detail .attachments-wrapper .list__item__text__title {
    margin-block-end: var(--t-gs--space--m);
}

.body--detail .attachments-wrapper .list__item__actions {
    color: var(--custom--grey25);
    font-weight: var(--t-gs--font--weight--thin);
}

.body--detail .attachments-wrapper .list__item__actions .link,
.body--detail .attachments-wrapper .list__item__actions .link.link--error {
    color: var(--t-gs--swatch--neutral--000);
    font-weight: var(--t-gs--font--weight--medium);
    text-decoration: none;
}

.body--detail .attachments-wrapper + .button-bar {
    padding-block-start: var(--t-gs--space--m);
}

.body--success .article__header__text__title {
    font-weight: var(--t-gs--font--weight--regular);
}

.body--extra-panel--slide-over-aside #extra-panel {
    background-color: var(--t-tc--main--background--color);
}

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

.list-controls__sort .dropdown__list {
    overflow: hidden;
    box-shadow: 0 0.8rem 1.6rem 0 var(--custom--textdefault08);
    border-width: var(--t-gs--border--width--0);
    min-inline-size: 15.5rem;
    inset-block-start: 100%;
    border-end-end-radius: var(--t-gs--border--radius--m);
    border-end-start-radius: var(--t-gs--border--radius--m);
    border-start-end-radius: var(--t-gs--border--radius--m);
    border-start-start-radius: var(--t-gs--border--radius--m);
}

.list-controls__sort .dropdown__item {
    gap: var(--t-gs--space--s2);
    font-size: var(--t-gs--font--size--03);
}

.dropdown--opens-bottom:hover .dropdown__placeholder {
    border-end-end-radius: var(--t-tc--fields--border--radius);
    border-end-start-radius: var(--t-tc--fields--border--radius);
}

.list-controls__sort .dropdown__item:hover {
    color: var(--t-gs--swatch--neutral--000);
    font-weight: var(--t-gs--font--weight--medium);
}

.list-controls__sort .dropdown__item.sort__item--active {
    color: var(--t-gs--swatch--neutral--100);
    background-color: var(--custom--qatarprimary);
}

.dropdown__item.sort__item--active .sort__item__icon:after,
.dropdown__item.sort__item--active .sort__item__icon:before {
    --t-tc--icon--font--color: var(--t-gs--swatch--neutral--100);
}

.dropdown__item.sort__item .sort__item__icon:after,
.dropdown__item.sort__item .sort__item__icon:before {
    inline-size: var(--t-gs--space--m2);
    place-content: start;

    --t-tc--icon--font--size: var(--t-gs--font--size--06);
}

.dropdown__item.sort__item .sort__item__icon {
    inline-size: auto;

    --t-tc--icon--font--weight: var(--t-gs--font--weight--light);
}

.list-controls__text__reset {
    color: var(--t-gs--swatch--neutral--000);
    font-weight: var(--t-gs--font--weight--medium);
    font-style: normal;
}

.list-controls--top,
.list-controls--bottom {
    color: var(--t-gs--swatch--neutral--000);
    font-size: var(--t-gs--font--size--04);
}

.list-controls__pagination__item.currentPageLink {
    line-height: var(--line-height--2-4);
    font-weight: var(--t-gs--font--weight--medium);
}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .list-controls__text:has(+ .list-controls__sort) {
        margin-inline-start: var(--t-gs--space--0);
    }
}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .grid__item--main:has(.list-controls--top) {
        padding-block-start: var(--t-gs--space--0);
    }

    [class*=list-controls__]+[class*=list-controls__] {
        margin-inline-start: var(--t-gs--space--0);
    }

    .list-controls--top {
        margin-block-end: var(--t-gs--space--l);
    }

    .list-controls--top .list-controls__text__legend {
        display: none;
    }

    .list-controls--bottom .list-controls__text__legend strong {
        font-weight: var(--t-gs--font--weight--medium);
    }

    .list-controls__pagination__list .list-controls__pagination__item.next {
        margin-inline-start: var(--t-gs--space--m)
    }
}

/*
    COMPONENTS/Accordion: Override
*/

.article--accordion > .article__footer {
    padding: var(--t-gs--space--m);
}

.article--accordion > .article__footer .link {
    font-size: var(--t-gs--font--size--04);
    line-height: var(--line-height--2-4);
    text-transform: inherit;
    text-decoration: inherit;
}

/*
    OVERRIDES
*/

button:not(.saveButton):not(.submitButton):not(.nextButton):not(.formNextButton):not(.gotoButton):not(.redirectUrlButton)~.cancelButton:hover {
    text-decoration-color: transparent;
}

.switcher--report .switcher__pointing__option--active [data-tc-icon] {
    --t-tc--icon--fill: 1;
}

.body--login .form--has-errors input[type=text]:not([class*=select2]):not(.LiveSearchInput),
.body--login .form--has-errors input[type=email]:not([class*=select2]):not(.LiveSearchInput),
.body--login .form--has-errors input[type=password]:not([class*=select2]):not(.LiveSearchInput) {
    --t-tc--error--border--color: var(--t-gs--color--border--error);
    border-color: var(--t-tc--error--border--color);
}

.ui-dialog button.ui-button.ui-dialog-titlebar-close {
    display: none;
    visibility: hidden;
}

.body--home .article--accordion > .article__footer .link {
    gap: var(--t-gs--space--s);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    flex-direction: row;
    justify-content: center;
}

.body--home .article--accordion > .article__footer .link::before {
    content: "";
    width: 2.4rem;
    height: 2.4rem;
    object-fit: contain;
    background-image: var(--t-tc--fields__icon--chevron--right);
}

.body--home .article--accordion > .article__header .article__header__text {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    flex-direction: row;
    justify-content: space-between;
}

@media (width<=1024px) {
    .body--home .article--accordion > .article__header {
        padding-inline-end: var(--t-tc--boxes--padding--outers);
    }
}

.dropdown__list .sort__item--DESC .sort__item__icon:after,
.dropdown__list .sort__item--ASC .sort__item__icon:before {
    font-weight: var(--t-gs--font--weight--medium);
}

.sort__item--ASC .sort__item__icon:before {
    --t-tc--icon--content: "arrow_downward";
}

.sort__item--DESC .sort__item__icon:after {
    --t-tc--icon--content: "arrow_upward";
}

.body--error .list--links--top,
.body--success .list--links--top {
    margin-block-start: var(--t-gs--space--xxl);
}

.table__wrap .sort__item--DESC .sort__item__icon:after,
.table__wrap .sort__item--ASC .sort__item__icon:before {
    color: var(--custom--qatarprimary);
}

.table__wrap .sort__item--disabled {
    cursor: default !important;
}