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

* STRUCTURE
    : XXX

* ELEMENTS
    : Links
    : Tables
    : Tabs

* COMPONENTS
    : Dashlet box (New)
    : Dashlet list (New)
    : Reports box (New)
    : Stats box (New)
    : Pipeline list (New)
    : New requisition from scratch (New)
    : Wizards

* MODULES
    : Banner Secondary
    : Sections
    : Steps process bar

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

* UTILITIES
    : XXX

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

/* STRUCTURE: XXX
   -------------------------------------------------------------------------- */

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

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

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

.link--back{
    font-size: 1.6rem;
}
.link--blue{
    color: var(--color--brand);
}

.link--success {
    width: auto;
    color: var(--color--white);
    height: 4rem;
    display: block;
    padding: 1rem 5rem;
    font-size: 1.6rem;
    min-width: 27.5rem;
    font-weight: var(--font--weight--bold);
    border-radius: 0.4rem;
    background-color: var(--color--brand);
}

@media all and (max-width: 750px) {
    .link--success {
        height: auto;
        max-width: 100%;
    }
}

.breadcrumbs{
    font-size: 1.6rem;
}

/* ELEMENTS: Tables
   -------------------------------------------------------------------------- */
.table--default {
    --table--background--color: transparent;
    border-collapse: collapse;
}

.table--default tbody tr:last-child>*,
.tableField tbody tr:last-child>* {
    border-bottom: .1rem solid var(--table--border--color);
}

.table--default thead tr th {
    border-bottom-color: transparent;
    color: var(--color--black);
    font-weight: 700;
}

.table--default thead tr th span.sort__item__icon {
    width: 1em;
}

.table--default thead tr th span:not(.sort__item__icon):last-child {
    width: auto;
    display: inline-block;
    line-height: 2em;
    vertical-align: middle;
}

.table--default tbody tr td {
    color: var(--color--grey--darker);
}

.table--default.table--fixed-column.table--fixed-column--first tbody tr>:first-child, .table--default.table--fixed-column.table--fixed-column--first thead tr th:first-child {
    border-right-width: 0;
}

.table--default.table--fixed-column.table--fixed-column--first tbody tr>:first-child {
    backdrop-filter: none;
    background-color: var(--color--background--sub-1);
}

.table--default.table--fixed-column.table--fixed-column--first tbody tr>:first-child:before {
    content: none;
}

.table__wrap {
    border-color: transparent;
}

.table--cards tbody tr {
    border-color: var(--color--grey--medium);
}

.table--cards.table--cards--with-no-subtitle tbody tr>:first-child {
    border-bottom: 0.1rem solid var(--color--brand);
    color: var(--color--brand);
}

.table--cards.table--cards--with-no-subtitle tbody tr td:nth-child(2){
    border-top-color: var(--color--brand);
    color: var(--color--grey--darker);
}

.table--cards tbody tr .table__row__toggle:before {
    position: absolute;
    top: 1.6rem;
}

.table--cards .link{
    font-weight: var(--font--weight--bold);
    line-height: 150%;
}

.table--default tbody td:nth-of-type(1) .link {
    white-space: normal;
}

/* Mobile and tablet */
@media all and (max-width:1024px){
    .table--cards tbody tr td:last-child .link{
        font-size: var(--font--size--01);
    }

    .table--cards.table--cards--with-no-subtitle tbody tr td:nth-child(2){
        border-top-color: transparent;
    }
}

/* Tablet */
@media all and (max-width:1024px) and (min-width:751px){
    .table--cards tbody tr {
        gap: var(--spacer--m);
    }

    .table--cards tbody tr > :first-child,
    .table--cards.table--cards--with-no-actions tbody tr td:nth-last-child(2) {
        color: var(--color--grey--darker);
    }

    .table--cards tbody tr > :first-child {
        font-size: 2rem;
    }

    .table--cards.table--cards--with-no-actions tbody tr td[data-th]:not([colspan]):last-child:before {
        content: none;
        display: none;
        visibility: hidden;
    }
}

/* Mobile */
@media all and (max-width:750px){
    .table--cards tbody tr {
        gap: var(--spacer--m);
    }

    .table--cards.table--cards--with-no-actions tbody tr td[data-th]:not([colspan]):last-child:before {
        content: none;
        display: none;
        visibility: hidden;
    }

    .table--cards tbody tr > :first-child,
    .table--cards.table--cards--with-no-actions tbody tr td:nth-last-child(2) {
        color: var(--color--grey--darker);
    }

    .table--cards tbody tr > :first-child {
        font-size: 2rem;
    }
}

/* ELEMENTS: Tabs
   -------------------------------------------------------------------------- */
.tabs__list__item {
    text-transform: none;
    text-align: center;
}

.tabs__list__item--active {
    color: var(--color--grey--sub-1);
    border-bottom-color: var(--color--brand--sub-1);
    border-bottom-width: 0.1rem;
}

.tabs__list__item:not(.tabs__list__item--active):hover {
    color: var(--color--clickeable);
}

/* Media query to target tablet and mobile */
@media all and (max-width:1024px){
    .section--collapsible-form-search .section__content__text__paragraph::after{
        content: "";
        display: block;
        margin-top: 2.4rem;
        width: 6rem;
        border-top: 0.2rem solid var(--color--brand--sub-1);
        margin-bottom: 4.8rem;
    }

    .section--collapsible-form-search .tabs__placeholder{
        color: var(--color--grey--sub-1);
        font-size: 1.6rem;
    }

    .tabs.tabs--open .tabs__list{
        width: 100%;
        background-color: var(--color--background);
        border: 0.1rem solid var(--color--grey--light);
        position: relative;

    }

    .tabs__placeholder{
        justify-content: space-between;
        border-bottom: 0.2rem solid var(--color--brand--sub-1);
    }

    .tabs__placeholder::after{
        margin-right: 1.8rem;
        color: var(--color--brand--sub-1);
        font-size: 3.4rem;
    }

    .tabs__placeholder:focus{
        outline: 0;
    }

    .tabs.tabs--open .tabs__list__item{
        border-bottom: 0.1rem solid var(--color--grey--light);
        padding: 2rem 1.6rem;
    }
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .tabs__list{
        display: flex;
        --dividers--border--color: var(--color--clickeable);
        border-bottom-width: 0.1rem;
    }

    .tabs__list__item{
        flex-grow: 1;
    }
}

/* COMPONENTS: Dashlet box (New)
   -------------------------------------------------------------------------- */

.article--boxed--dashlet .article__header__count {
    vertical-align: middle;
    font-weight: var(--font--weight--bold);
    font-size: 3.6rem;
    color: var(--color--brand--sub-1);
    margin-right: calc(var(--boxes--padding--inners) * .6666);
}

/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1024px) {
    .article--boxed--dashlet.article--accordion > .article__header {
        padding-right: var(--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;
    }

    .article--boxed--dashlet .article__header__count {
        font-size: 3.6rem;
    }

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

}

/* COMPONENTS: Dashlet list (New)
   -------------------------------------------------------------------------- */

.list--dashlet {
    margin-bottom: -.1rem;
}

.list--dashlet .list__item {
    border-bottom-width: .1rem;
    border-bottom-style: solid;
    border-bottom-color: var(--boxes--border--color);
}

.list--dashlet .list__item__text {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    min-height: calc(var(--sizing--basis) * 16);
    padding: var(--spacer--s) var(--spacer--m);
    transition: all 0.3s ease;
}

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

.list--dashlet a.list__item__text .list__item__text__title {
    font-weight: var(--font--weight--bold);
    line-height: 160%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: var(--color--clickeable);
    transition: all 0.3s ease;
}

.list--dashlet .list__item:not(.partially-saved) a.list__item__text:hover .list__item__text__title {
    color: var(--color--white);
    transition: all 0.3s ease;
}

.list--dashlet .list__item__text__subtitle {
    width: 100%;
    font-size: 1.4rem;
    line-height: 160%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: all 0.3s ease;
}

.list--dashlet .list__item:not(.partially-saved) a.list__item__text:hover .list__item__text__subtitle {
    color: var(--color--white);
    transition: all 0.3s ease;
}

/* COMPONENT: 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;
        height: 100%;
    }

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

/* COMPONENT: Wizards (New)
-------------------------------------------------------------------------- */
.wizard .formdescription,
.wizard .tc_formDescription {
    color: var(--color--grey--darker);
    font-size: 1.4rem;
}

.wizard .description p,
.wizard .description div,
.wizard .formdescription p,
.wizard .formdescription div {
    color: var(--color--grey--darker);
    line-height: 1.5;
}

.wizard .description ul,
.wizard .description ul li,
.wizard .formdescription ul,
.wizard .formdescription ul li {
    color: var(--color--grey--darker);
    line-height: 1.5;
}

.wizard .description ul,
.wizard .formdescription ul {
    margin-bottom: 0;
}

.wizard .description ul li + li,
.wizard .formdescription ul li + li {
    margin-top: 0;
}

.wizard .description a,
.wizard .formdescription a,
.wizard .description strong,
.wizard .formdescription strong,
.fieldSpec + .AcceptanceCheckboxField strong {
    line-height: 1.5;
    font-weight: var(--font--weight--bolder);
}

.wizard div.formdescription {
    font-size: 1.4rem;
}

.fieldSpec + .AcceptanceCheckboxField {
    margin-top: var(--spacer--xl);
    margin-bottom: var(--spacer--xl);
}

.AcceptanceCheckboxField .AcceptCheckboxFieldContainer {
    align-items: center;
    justify-content: center
}

.AcceptanceCheckboxField .AcceptCheckboxFieldContainer .input[type=checkbox] {
    margin: 0;
    height: 2.4rem;
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
   .body--registration .ButtonBarField:not([class*=button-bar--cols]) [class*=saveButton] {
        min-width: 10.5rem;
    }

    .body--registration .ButtonBarField:not([class*=button-bar--cols]) [class*=cancelButton] {
        min-width: 8.5rem;
    }
}

@media all and (max-width: 750px) {
    .saveButton, .nextButton, .cancelButton {
        --buttons--width--min: 100%;
    }
}

/* COMPONENT: SEARCH FORM FIELDS
   -------------------------------------------------------------------------- */
.form select:not([multiple]) {
    background-image: var(--fields--icon--caret--down--sep);
    background-position: 100%;
    background-size: 4rem;
}
@media all and (min-width:751px) {
    .search__panel .submitButton {
        max-width: 15.8rem;
    }
}
/* COMPONENT: Wizards (New)
   -------------------------------------------------------------------------- */

@media all and (max-width: 750px) {
    .saveButton, .nextButton, .cancelButton{
        --buttons--width--min: 100%;
    }
}

/* ELEMENTS: Tooltip
   -------------------------------------------------------------------------- */
.tooltip__content {
    position: relative;
    margin-left: var(--spacer--s);
    margin-top: var(--spacer--s);
    cursor: pointer;
}

.field-with-tooltip .description,
.field-with-tooltip .tc_formDescription,
.field-with-tooltip .SeparatorDescription {
    display: none;
}

.field-with-tooltip .custom__icon {
    margin-left: .5rem;
    pointer-events: auto;
}

.field-with-tooltip legend:not(span) {
    display: inline-block;
}

.field-with-tooltip .tc_formLabel span.tooltip:focus {
    outline: .2rem solid hsl(210 50% 50% / .7);
}

/* tooltip theme */
.tippy-box[data-theme~='avt'] {
    background-color: var(--color--brand);
    backdrop-filter: blur(1rem);
    color: var(--color--white);
    padding: var(--spacer--m);
    box-shadow: 0 0 1rem hsla(0, 90%, 0%, 0.5);
}

.tippy-box[data-theme~='avt'][data-placement^='top'] > .tippy-arrow::before {
    border-top-color: var(--color--brand);
}

.tippy-box[data-theme~='avt'][data-placement^='bottom'] > .tippy-arrow::before {
    border-bottom-color: var(--color--brand);
}

.tippy-box[data-theme~='avt'][data-placement^='left'] > .tippy-arrow::before {
    border-left-color: var(--color--brand);
}

.tippy-box[data-theme~='avt'][data-placement^='right'] > .tippy-arrow::before {
    border-right-color: var(--color--brand);
}

.tooltip .custom__icon {
    color: var(--color--brand);
    margin-left: 1rem;
}

.has-tooltip,
.view-header--tooltip.hastooltip {
    display: flex;
    align-items: center;
    flex-direction: row;
}

.Separator.field-with-tooltip {
    display: flex;
    align-items: center;
    flex-direction: row;
}

.has-tooltip .has-tooltip--description {
    opacity: 0;
    position: absolute;
    background-color: var(--color--brand);
    color: var(--color--white);
    font-size: 1.4rem;
    width: 25rem;
    padding: 1rem;
    left: -1.5rem;
    top: 3rem;
    transition: all .3s;
    pointer-events: none;
    text-align: left;
    z-index: 2;
    border-radius: .4rem;
}

.has-tooltip .has-tooltip--description::after {
    --arrow-size: 1rem;
    content: '';
    display: block;
    width: var(--arrow-size);
    height: var(--arrow-size);
    background-color: var(--color--brand);
    transform: rotate(45deg);
    position: absolute;
    top: calc(-1 * var(--arrow-size) / 2);
    left: 1.8rem;
}

.has-tooltip .tooltip__content:hover .has-tooltip--description {
    opacity: 1;
    pointer-events: all;
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .has-tooltip .has-tooltip--description {
        left: unset;
        right: -1.5rem;
    }

    .has-tooltip .has-tooltip--description::after {
        left: unset;
        right: 1.8rem;
    }
}

/* ELEMENTS: Icons
   -------------------------------------------------------------------------- */
.custom__icon {
    width: 1.6rem;
    height: 1.6rem;
    display: inline-block;
    background-size: 1.6rem;
}

.ico-info {
    object-fit: contain;
    background-size: contain;
    background-image: var(--ico-info);
}

/* LIST SORTING MENU
=========================================================== */

.list-controls__text {
    color: var(--color--grey--darker);
}

.list-controls__text__reset {
    font-style: normal;
}

.list-controls__sort .dropdown__placeholder {
    background-image: var(--fields--icon--caret--down--sort);
    --fields--font--size: var(--font--size--00);
}

.list-controls__sort .dropdown__item {
    --fields--font--size: var(--font--size--00);
    color: var(--color--brand);
}

/* HEADER LOGO, LEGEND, AND NAV
   =========================================================================== */

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .menu__link {
        text-align: center;
    }
}

.header__wrapper {
    align-items: end;
    padding-right: var(--grid--laterals);
    padding-left: var(--grid--laterals);
    gap: .5rem;
    min-height: 0;
}

.header__legend {
    position: relative;
    top: .4rem;
    height: 4.5rem;
    margin: auto;
    padding-top: 1.6rem;
    text-align: center;
}

.header__legend--slogan .header__legend--image {
    display: block;
    width: 40rem;
}

.header__legend--jobs {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: .1rem solid var(--color--brand);
}

.header__legend--jobs.link {
    color: var(--color--brand);
    font-size: var(--font--size--03);
    transition: none;
    font-weight: 600;
}

.header__legend--jobs.link:hover {
   text-decoration: none;
}

.header__menu {
  width: 100%;
}

.menu--visible .menu__list {
    flex-grow: 1;
    align-items: center;
    justify-content: space-around;
}

.menu--visible .menu__item {
    flex-grow: 1;
    background-color: var(--color--brand--sub-1);
}

.menu--visible .menu__list .menu__item:first-child:after {
    border-left: 0;
}

.menu--visible .menu__item::after {
    top: 30%;
    height: 40%;
    content: "";
    display: block;
    position: absolute;
    transition: border-color .3s ease-out;
    border-left: .1rem solid rgba(255, 255, 255, .5);
}

.menu--visible .menu__item:hover,
.menu--visible .menu__item[aria-current="page"] {
    background-color: var(--color--brand);
}

.menu--visible .menu__item:hover .menu__link[aria-haspopup=true] {
    box-shadow: unset;
    border-bottom-color: var(--color--brand);
}

.menu--visible .menu__item:hover .menu__link[aria-haspopup="true"] .menu__link {
    background-color: var(--color--brand);
}

.menu--visible .submenu__item .submenu__text {
    flex-grow: unset;
    margin: 0 auto;
}

.menu--visible .menu__link:after {
    display: none;
}

.menu--visible .submenu__list {
    border-width: 0;
}

.menu--visible .submenu__list--overflows-left,
.menu--visible .submenu__list--overflows-right {
    min-width: 100%;
}

.header__logo .logo {
    align-items: end;
    width: 9.3rem;
}

@media all and (min-width:1025px){
    .header__logo .logo img {
        height: 7.9rem;
    }

    .menu--visible .menu__item {
        flex: 27.7rem;
    }
}

@media (min-width: 1024px) and (max-width: 1270px) {
   .menu--visible .menu__item {
        flex: auto;
    }
}

/* Media query to target tablet and mobile */
@media all and (max-width:1024px){
    .header__logo .logo {
        align-items: end;
        width: 8rem;
        height: 6.6rem;
    }

    .header__wrapper {
        align-items: end;
        padding-right: 0;
        padding-left: 0;
        gap: .5rem;
        min-height: 0;
    }

    .header__menu{
        height: var(--header__nav--height);
        display: flex;
        align-items: center;
        justify-content: flex-end;
        background: var(--color--brand--sub-1);
        flex-grow: 1;
    }

    html[menu-type=toggleable][menu-toggleSide=right] .header__menu{
        margin-bottom: 0;
        margin-right: 0;
    }

    .menu--toggleable{
        background-color: var(--color--white);
        padding-left: 0.6rem;
    }

    .menu__panel .toggle{
        background-color: var(--color--brand);
        color: var(--color--white);
        --toggle--width: 4.7rem; /* 7.2rem +doc+ */
        --toggle--height: calc(var(--sizing--basis)* 10.5); /*4.2rem*/
    }

    .menu__panel{
        box-shadow: 0 1.5rem 1rem 0 rgb(0 0 0 / 30%);
    }

    .menu__link:focus{
        outline: 0;
    }

    html[menu-type=toggleable][menu-panelFrom=right][menu-panelEffect=over].html--menu--open .menu__panel{
        transform: none;
    }

    html[menu-type=toggleable][menu-panelFrom=right][menu-panelEffect=over] .menu__panel{
        position: absolute;
        top: 100%;
        height: fit-content;
        right: calc(-1 * var(--menu--width));
        right: 0;
        padding-bottom: var(--spacer--l);
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .header__legend {
        height: 2rem;
        padding-top: 0;
    }

    .header__legend--jobs.link {
        font-size: 1.5rem;
    }

    .header__legend--jobs {
        margin-top: .5rem;
        padding-top: .5rem;
    }

    .header__legend--slogan .header__legend--image {
        width: 22.5rem;
    }
}

/* FOOTER
   ========================================================================== */

.footer {
    border-top: 0.9rem solid #F7F7F7;
    border-top-width: 0;
}

.footer__wrapper {
    display: flex;
    align-items: center;
    justify-content: end;
}

.footer__content {
    color: var(--color--white);
    padding: 0.1rem var(--spacer--m) 0rem 0.5rem;
    min-width: 34.1rem;
    font-weight: 600;
    line-height: 2.4rem;
    text-transform: uppercase;
    background-color: var(--color--brand--sub-1);
}

/* Media query to target only desktop */

@media (max-width: 1024px){
    .footer {
        font-size: 1.6rem;
    }
}

/* Media query to target tablet and desktop */
@media all and (min-width:751px){
    .footer__wrapper{
        height: 9.7rem;
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .footer__content {
        padding: 0.2rem 1.8rem 0.1rem 0.6rem;
        min-width: 11.7rem;
        line-height: 2.2rem;
        font-weight: var(--font--weight--bolder);
    }

    .footer__wrapper {
        justify-content: center;
    }
}

.footer__social__item {
    height: 2.5rem;
    margin-left: var(--spacer--s);
}

.footer__social__item+.footer__social__item {
    margin-left: var(--spacer--s);
}

/* MODULES: Banner Overlap
-------------------------------------------------------------------------- */
    @media all and (min-width: 751px) {
        .body--mainOverlap .main__wrapper {
        padding-top: 0;
    }

    .body--mainOverlap .main__content {
        padding: 4rem 7rem;
        margin-top: -10rem;
        background: var(--color--background--sub-1);
        position: relative;
    }

    .body--mainOverlap .main__content:before {
        box-shadow: -1.5rem 0 2rem -2.5rem var(--color--shadow--sub-1) inset;
        content: " ";
        height: 10rem;
        left: -2rem;
        position: absolute;
        top: 10rem;
        width: 2rem;
    }

    .body--mainOverlap .main__content:after {
        box-shadow: 1.5rem 0 2rem -2.5rem var(--color--shadow--sub-1) inset;
        content: " ";
        height: 10rem;
        right: -2rem;
        position: absolute;
        top: 10rem;
        width: 2rem;
    }
}

/* MODULES: Sections
-------------------------------------------------------------------------- */
.separator--bottom:after {
    width: 7rem;
    content: "";
    display: block;
    margin-top: 2.4rem;
    border-top: 0.2rem solid var(--color--brand--sub-1);
    margin-bottom: 4rem;
}

/* PAGETYPES: Dashboard: Section (Override/complement)
-------------------------------------------------------------------------- */
.section--dashboard a:not(.button) {
    color: var(--color--clickeable);
}

.section--dashboard .article__header__text__title {
    color: var(--color--black);
}

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

    .section--dashboard .section__header {
        flex-wrap: wrap;
    }

    .section--dashboard .section__header + .section__content {
        margin-top: var(--spacer--m);
    }

    .section--dashboard .section__content + .section__content {
        margin-top: var(--spacer--l);
    }
}

@media all and (min-width:1025px){
    .body--extra-panel--slide-over-aside.body--extra-panel--slide-over-aside__open .aside {
        --grid--laterals: 0;
    }
}

/* UTILITIES: XXX
-------------------------------------------------------------------------- */
.sort__item__icon {
    flex-direction: column-reverse;
    align-items: center;
}

.sort__item__icon:before {
    content: "\f0d7";
}

.sort__item__icon:after {
    content: "\f0de";
}

.sort__item--ASC .sort__item__icon:before {
    content: "\f0d7";
}

.sort__item--DESC .sort__item__icon:after {
    content: "\f0de";
}

.dropdown__item.sort__item .sort__item__icon:after,
.dropdown__item.sort__item .sort__item__icon:before {
    width: fit-content;
    margin: 0;
    opacity: 1;
}

.sort__item__icon:after,
.sort__item__icon:before {
    color: var(--color--grey--sub-1);
    display: none;
    line-height: 1rem;
}

.sort__item__icon,
.sort__item__icon .fa-sort {
    color: var(--color--clickeable);
}

.sort__item--ASC .fa-sort-asc,
.sort__item:active .fa-sort-asc,
.sort__item:focus .fa-sort-asc,
.sort__item:hover .fa-sort-asc,
.sort__item--ASC:active .fa-sort-desc,
.sort__item--ASC:focus .fa-sort-desc,
.sort__item--ASC:hover .fa-sort-desc,
.sort__item--DESC .fa-sort-desc {
    color: var(--color--black);
}

/* OVERRIDE: Helpers
==================================================================== */
.tooltip--content {
    display: none;
}

.tooltip .fa-info-circle {
    margin-left: 1.2rem;
}

/* OVERRIDE: Dashboard, Login, Success, Profile, Tiles, Banner, Register
==================================================================== */

.section--login .title,
.section--success .title,
.section--profile .title,
.section--tiles .article__header .title,
.section--banner .section__header .title,
.section--register .Separator .tc_formTitle,
.section--dashboard .section__header .title {
    color: var(--color--grey--darker);
}

.section--login .title,
.section--success .title,
.section--tiles .article__header .title,
.section--banner .section__header .title,
.section--register .Separator .tc_formTitle,
.section--dashboard .section__header .title {
    line-height: 3.5rem;
}

.section--register .Separator .tc_formTitle {
    padding-block-end: 0;
}

.section--profile .title {
    line-height: 3rem;
}

.section--login .title--01 {
    font-weight: var(--font--weight);
}

.section--login .title--01,
.section--error .paragraph,
.section--login .paragraph,
.section--success .paragraph,
.section--tiles .section__content .paragraph,
.section--dashboard .section__content .paragraph,
.section--profile .article--details .article__content__view__field,
.section--register .AcceptanceCheckboxField .AcceptCheckboxFieldContainer .tc_formSublabel {
    color: var(--color--dark);
    line-height: 2.2rem;
}

.body--registration .section--register {
    --fieldSpec--padding--outers: 2.1rem;
}

.body--registration .section--register .Section + .Section {
    margin-top: 2.7rem;
}

.section--dashboard .section__content .paragraph {
    text-align: center;
}

.section--banner + .section--tiles,
.section--dashboard + .section--banner {
    margin-block-start: 8rem;
}

.section--dashboard + .section--banner {
    padding: var(--spacer--xxl);
    position: relative;
    text-align: center;
    background-color: var(--color--blue);
}

.section--dashboard + .section--banner::before {
    top: -1rem;
    left: calc(50% - 1rem);
    width: 2rem;
    height: 2rem;
    content: "";
    display: block;
    position: absolute;
    transform: rotate(45deg);
    background-color: var(--color--white);
}

.section--banner .section__header .title {
    color: var(--color--white);
}

.section--banner .separator--bottom:after {
    border-color: var(--color--yellow);
    margin-block-end: var(--spacer--l);
}

.section--banner .section__content {
    margin-block-start: 0;
}

.section--tiles .section__content .grid {
    gap: var(--spacer--xxl);
    margin: 0;
}

.section--tiles .section__content .grid > .grid__item {
    padding: 0;
    align-items: center;
    justify-content: center;
}

.section--tiles .section__content .grid + .grid {
    margin-block-start: 1.2rem;
}

.section--tiles .article__header .separator--bottom::after {
    margin-block-end: var(--spacer--m);
}

.section--tiles .article__header__image {
    margin-inline-end: 0;
}

.section--tiles .article__header__image .image {
    width: 100%;
    height: 28rem;
}

.section--success .paragraph,
.section--login .article--password .article__header + *,
.section--login .grid__item__access .article__header + *,
.section--success .article--success .article__header + *,
.section--profile .article--details .article__header+.article__content {
    margin-block-start: var(--spacer--l);
}

.section--login .grid__item__register .article {
    border-top: 0.1rem solid var(--color--grey--medium);
    padding-block-start: var(--spacer--m);
}

.section--login .grid__item__register .title {
    gap: var(--spacer--l);
    display: flex;
    align-items: center;
}

.section--login .form--login .comment {
    font-size: var(--font--size--01);
    line-height: 2.2rem;
}

.section--success {
    padding-block-start: 1.2rem;
}

.section--success .section__header__image img {
    max-width: 8.3rem;
}

.section--success .article__header__image {
    margin-inline: 0;
}

.section--success .article__header__image .image {
    width: 8.3rem;
    height: 6.8rem;
    object-fit: contain;
}

.section--success .grid {
    margin: 0;
}

.section--success .grid > .grid__item {
    padding: 0;
}

.section--profile [class*="--divider--top"] {
    padding-block-start: var(--spacer--xxxl);
}

.section--profile .section--applied[class*="--divider--top"] {
    padding-block-start: var(--spacer--l);
}

.list--steps:after {
    border-block-end-color: var(--color--steps);
}

.list--steps .list__item__text__title {
    color: var(--color--grey--darker);
    line-height: 2.7rem;
    font-weight: var(--font--weight--bold);
}

.Separator {
    margin-bottom: var(--spacer--m);
}

.Section + .Section {
    margin-top: var(--spacer--xl);
}

.button,
.button--primary,
.saveButton,
.submitButton,
.nextButton,
.gotoButton,
.redirectUrlButton,
.formNextButton,
.button--cancel,
.cancelButton,
.button--secondary,
.previousButton,
.homeButton,
.clearButton,
.formPreviousButton,
.table--cards .button--secondary,
.partialSaveButton,
.button--tertiary,
.ButtonBarField [class*=Button] {
    font-weight: var(--buttons--font--weight);
}

.tc_formLabel:not(span,th),
.delegate-widget__fieldSpec__label,
.form--login label,
.form--methods label,
.labeledCheckboxLabel,
.table--default.table--in-wizard tbody tr td[data-th]:not(.table__td--action):before {
    line-height: 2.2rem;
}

button:focus,
a.button:focus {
    outline-style: solid;
    outline-width: 0.2rem;
    outline-color: var(--color--black);
}

@media all and (min-width: 751px) {
    .list--steps .list__item__text__subtitle {
        color: var(--color--white);
        border-width: 0.3rem;
        border-color: var(--color--steps);
        background-color: var(--color--white);
        margin-block-start: 1.2rem;
    }

    .list--steps .list__item--filled .list__item__text__subtitle,
    .list--steps .list__item--current .list__item__text__subtitle {
        border-color: var(--color--brand);
    }
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .section--tiles,
    .section--banner,
    .section--profile,
    .section--dashboard {
        max-width: 84rem;
        margin-inline: auto;
    }

    .section--dashboard .section__content .paragraph {
        max-width: 71.2rem;
        margin-inline: auto;
    }

    .section--tiles .section__content .grid > .grid__item__text {
        flex: 38rem;
        max-inline-size: 38rem;
    }

    .section--tiles .section__content .grid > .grid__item__image {
        flex: 42rem;
        max-inline-size: 42rem;
    }

    .body--log .main__wrapper {
        padding-bottom: 0.5rem;
    }

    .section--login .grid--dividers--h {
        gap: var(--spacer--l);
        max-width: 32rem;
    }

    .section--login .article--password {
        max-width: 63.9rem;
    }

    .section--register,
    .section--login .grid--dividers--h,
    .section--login .article--password {
        margin-inline: auto;
    }

    .section--login .grid--dividers--h > .grid__item {
        position: relative;
        flex-basis: unset;
        inline-size: 100%;
        padding-inline-start: var(--spacer--l);
    }

    .section--register {
        max-width: 59.2rem;
    }

    .body--registration .main__wrapper {
        padding-bottom: var(--spacer--xxxl);
    }

    .body--success .main__wrapper {
        padding-bottom: 0;
    }

    .body--success.body--mainOverlap .main__content {
        padding-bottom: var(--spacer--xl);
    }

    .body--profile .main__wrapper {
        padding-bottom: 2.7rem;
    }
}

/* Media query to target only tablet */
@media all and (max-width:1024px) and (min-width:751px) {
    .section--login .title,
    .section--success .title,
    .section--tiles .article__header .title,
    .section--banner .section__header .title,
    .section--register .Separator .tc_formTitle,
    .section--dashboard .section__header .title {
        font-size: 2.4rem;
        line-height: 3.3rem;
    }

    .body--success .main__wrapper {
        padding-bottom: 0;
    }

    .body--success.body--mainOverlap .main__content {
        padding-bottom: var(--spacer--xl)
    }

    .body--success .main,
    .body--success .main__wrapper,
    .body--success .main__content {
        width: 100%;
        display: flex;
        flex-grow: 1;
        flex-direction: column;
    }

    .body--success .grid,
    .body--success .section:last-of-type {
        flex-grow: 1;
    }

    .body--success .list--links {
        flex-wrap: wrap
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .section--login .title,
    .section--success .title,
    .section--tiles .article__header .title,
    .section--banner .section__header .title,
    .section--register .Separator .tc_formTitle,
    .section--dashboard .section__header .title {
        line-height: 3rem;
    }

    .section--banner + .section--tiles,
    .section--dashboard + .section--banner {
        margin-block-start: var(--spacer--xl);
    }

    .section--tiles .section__content .grid + .grid {
        flex-direction: column-reverse;
        margin-block-start: var(--spacer--l);
    }

    .section--tiles .section__content .grid > .grid__item__image .article__header {
        display: block
    }

    .section--success {
        padding-block-start: 0;
    }

    .list--steps .list__item__text__subtitle {
        color: var(--color--grey--darker);
        line-height: 1.9rem;
        font-weight: var(--font--weight--bolder);
    }

    .list--steps .list__item__text__subtitle span {
        font-weight: var(--font--weight);
    }

    .list--steps .list__item .list__item__text {
        margin-block-end: 1.2rem;
    }

    .list--steps .list__item .list__item__text:after {
        border-block-end-color: var(--color--steps);
    }

    .body--log .main__wrapper {
        padding-bottom: 5.6rem;
    }

    .body--registration .main__wrapper {
        padding-bottom: var(--spacer--l);
    }

    .body--profile .main__wrapper,
    .body--success .main__wrapper {
        padding-bottom: 5.6rem;
    }

    .body--success .section--success .section__content {
        margin-top: 0;
    }
}

.table--cards .button--secondary {
    width: 9.6rem;

    --buttons--outline--width: 0;
    --buttons--outline--color: var(--color--white);
    --buttons--border--radius: .4rem;
    --buttons--border--width: .1rem;
    --buttons--border--color: var(--color--buttons);
    --buttons--background--color: var(--color--white);
    --buttons--width--min: 12rem;
    --buttons--height: 4rem;
    --buttons--padding--v: var(--spacer--s);
    --buttons--padding--h: var(--spacer--m);
    --buttons--font: var(--font--alt);
    --buttons--font--size: 1.6rem;
    --buttons--font--color: var(--color--buttons);
}

.textField--custom-format .tc_formDescription,
.textField--custom-format .tc_formDescription div {
    color: var(--labels--font--color);
    font-size: var(--labels--font--size);
    font-weight: var(--labels--font--weight);
    line-height: 2.2rem;
}

/* Cookie Banner
========================================================================== */

.body .cookies {
    font-family: 'OpenSans', Arial, Helvetica, sans-serif !important;
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.cookies__info {
    text-align: center;
}

.cookies__info .article__header__text__title {
    display: block;
    font-size: 2.6rem;
    font-weight: 700;
    margin-bottom: 1.6rem;
}

.cookies__info .cookies_paragraph {
    color: var(--color--white);
    display: block;
    font-size: 1.6rem;
    padding-bottom: 1.6rem;
}

.cookies__info__copy .paragraph--link {
    display: flex;
    justify-content: center;
}

.cookies__info .paragraph--link {
    color: var(--color--white);
    border: 0;
    display: inline-block;
    max-width: 100%;
    font-size: 1.6rem;
    font-weight: normal;
    padding-bottom: 1rem;
}

.cookies__info .paragraph--link .link {
    color: var(--color--white);
    outline: 0;
    display: inline-block;
    transition: none;
    font-weight: bold;
    text-decoration: none;
}

.cookies__info .paragraph--link,
.cookies__info .cookies_paragraph,
.cookies__info .paragraph--link .link,
.cookies__info .article__header__text__title {
    line-height: 2.1rem;
}

.cookies__info .paragraph--link .link:hover,
.cookies__info .paragraph--link .link:focus {
    color: rgba(255,255,255,.8);
    border: 0;
    outline: 0;
    text-decoration: none;
}

.cookies__info .paragraph.paragraph--link:before {
    top: 0.3rem;
    width: 1.8rem;
    height: 1.8rem;

    content: '';
    display: inline-block;
    position: relative;

    margin-right: .5rem;

    background-image: url('../images/Chevron.svg');
    background-size: cover;
    background-position: center;
}

.cookies__info__buttons .cookiesButtonAccept,
.cookies__info__buttons .cookiesButtonReject {
    width: 50%;
    display: block;
    font-size: 1.6rem;
    text-align: center;
    min-height: 4.4rem;
    font-weight: 700;
    border-radius: 0;
    background-color: var(--color--white) !important;
}

.cookies__info__buttons .cookiesButtonAccept:hover,
.cookies__info__buttons .cookiesButtonReject:hover {
    color: var(--color--white) !important;
    opacity: 1 !important;
    background-color: rgba(50,141,210,.8) !important;
}

.cookies__info__buttons .cookiesButtonAccept {
    color: var(--color--brand) !important;
    font-family: 'OpenSans', Arial, Helvetica, sans-serif !important;
}

.cookies__info__buttons .cookiesButtonAccept:hover::before {
    background-image: url('../images/Check_white.svg');
}

.cookies__info__buttons .cookiesButtonReject:hover::before {
    background-image: url('../images/Close_white.svg');
}

.cookies__info__buttons .cookiesButtonAccept::before {
    background-image: url('../images/Check.svg');
}

.cookies__info__buttons .cookiesButtonReject::before {
    background-image: url('../images/Close.svg');
}

.cookies__info__buttons .cookiesButtonAccept::before,
.cookies__info__buttons .cookiesButtonReject::before {
    top: 0.4rem;
    width: 1.8rem;
    height: 1.8rem;

    content: '';
    display: inline-block;
    position: relative;

    margin-right: .5rem;

    background-size: cover;
    background-position: center;
}

.cookies__info__buttons .cookiesButtonReject,
.cookies__info__buttons .cookiesButtonSettings {
    display: none;
}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .cookies__info .article__header__text__title {
        font-size: 2.4rem;
    }

    .cookies__info .cookies_paragraph {
        padding-bottom: 2.4rem;
    }

    .cookies__info__buttons .cookiesButtonAccept,
    .cookies__info__buttons .cookiesButtonReject {
        font-size: 14px;
    }
}

@media all and (min-width: 751px) {
    .cookies__wrapper {
        padding-left: 3.2rem;
        padding-right: 3.2rem;
    }

    .cookies__info__buttons {
        justify-content: center;

        -webkit-box-pack: center;
        -webkit-justify-content: center;
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .cookies__wrapper {
        padding-left: 1.6rem;
        padding-right: 1.6rem;
    }

    .cookies__info__buttons .cookiesButtonAccept,
    .cookies__info__buttons .cookiesButtonReject {
        width: 100%;
        font-size: 1.3rem;
    }
}