/* ------------------------------------------

    General

------------------------------------------ */

body {
    display: flex;
    flex-direction: column;
    font-size: var(--font-body-font-size, 16px);
    line-height: var(--font-body-line-height, 24px);
    height: 100%;
    min-height: 100%;
    margin: 0;
    background-color: var(--color-grey-100, #f8f8f8);
    font-family: var(--font-stack);
}

.headerContainer *,
.mainContainer *,
.footerContainer * {
    box-sizing: border-box;
}

/* ------------------------------------------

    HEADER

------------------------------------------ */

.headerContainer {
    display: flex;
    flex: 0 0 auto;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    min-height: 31px;
    padding: var(--gutter, 16px);
    background-color: var(--color-white, #fefefe);
}

.headerContainer:after {
    content: "";
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cg fill='%23252525' fill-rule='nonzero'%3e%3cg%3e%3cg%3e%3cpath d='M13 2c1.911 0 3.146.908 3.69 2.361.217.58.292 1.084.307 1.676l.003.26V8h2.497c1.327 0 2.413 1.033 2.497 2.338l.006.165v8.994C22 20.88 20.88 22 19.497 22H4.504C3.12 22 2 20.88 2 19.497v-8.994C2 9.12 3.12 8 4.504 8H7V6.297c0-.81.118-1.57.513-2.338.598-1.164 1.69-1.884 3.239-1.954L11 2h2zm6.497 8H4.504c-.28 0-.504.225-.504.503v8.994c0 .278.225.503.504.503h14.993c.278 0 .503-.225.503-.503v-8.994c0-.278-.225-.503-.503-.503zM12 14c.552 0 1 .448 1 1s-.448 2-1 2-1-1.448-1-2 .448-1 1-1zm1-10h-2c-.923 0-1.418.308-1.709.874-.185.36-.267.768-.286 1.203L9 6.297V8h6V6.297c0-.487-.04-.854-.183-1.235-.243-.648-.7-1.014-1.626-1.058L13 4z' transform='translate(-728 -15) translate(716 16) translate(12)'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}

.headerLogo,
.headerLogo img {
    height: 24px;
}

/* ------------------------------------------

    MAIN CONTENT

------------------------------------------ */

.mainContainer {
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-self: center;
    max-width: 360px;
    width: 100%;
    margin: 0;
    padding: 0;
}

/* ------------------------------------------

    -- Title

------------------------------------------ */

.pageTitle {
    font-family: var(--font-primary, "poppins");
    font-weight: bold;
    font-size: var(--font-headline-font-size, 26px);
    line-height: var(--font-headline-line-height, 32px);
    color: var(--color-black, #252525);
    margin: 0 0 calc(var(--gutter, 16px) / 2);
}

.pageTitle.hide {
    display: none;
}

/* ------------------------------------------

    -- Text

------------------------------------------ */

.pageText {
    font-family: var(--font-primary, "poppins");
    font-size: var(--font-body-font-size, 16px);
    line-height: var(--font-body-line-height, 24px);
    color: var(--color-black, #252525);
    text-align: center;
    margin: 0 0 20px;
}
.pageText.hide {
    display: none;
}

.pageLinks {
    font-family: var(--font-primary, "poppins");
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    font-size: var(--font-body-font-size, 16px);
    line-height: var(--font-body-line-height, 24px);
    margin: 0;
}
.pageLinks.hide {
    display: none;
}

.pageLinks a {
    display: flex;
    align-items: center;
    color: var(--color-black, #252525);
    font-weight: bold;
    text-decoration: none;
    padding: var(--gutter, 16px) calc(var(--gutter, 16px) * 2);
}

.pageLinks a:first-child {
    border-right: 1px solid var(--color-gey-200, #e3e5e6)
}

a.homeLink:after,
a.helpLink:after {
    content: "";
    width: 24px;
    height: 24px;
    margin: 0 0 0 var(--gutter, 16px);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center center;
}

a.homeLink:after {
    background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cg fill='%23252525' fill-rule='nonzero'%3e%3cg%3e%3cg%3e%3cg%3e%3cpath d='M5 11.75c.513 0 .936.387.993.884L6 12.75v6.796c0 .239.125.407.254.445l.055.008 2.941-.002v-2.681c0-1.541 1.126-2.845 2.586-2.936l.164-.005c1.484 0 2.663 1.249 2.745 2.77l.005.17-.001 2.677.227.005.263.002h2.447c.13 0 .273-.14.307-.359l.007-.098v-6.79c0-.553.448-1 1-1 .513 0 .936.386.993.883l.007.117v6.79c0 1.28-.929 2.364-2.153 2.452l-.161.005h-2.447c-.298 0-.594-.007-.863-.02l-.26-.014-.262-.02-.216-.027-.106-.02-.092-.026-.065-.023-.151-.077c-.207-.11-.248-.132-.365-.573l-.106-.42-.003-3.463c0-.537-.365-.942-.75-.942-.356 0-.694.345-.744.82l-.006.122-.003 3.505-.105.423c-.105.407-.154.461-.343.56l-.204.096c-.029.012-.048.017-.085.028l-.122.026-.185.018-.357.015-.61.01L8.76 22H6.309c-1.246 0-2.224-1.028-2.304-2.287L4 19.547v-6.796c0-.553.448-1 1-1zm7.522-9.603l.103.072 10 8c.431.345.5.974.156 1.406-.319.398-.88.488-1.303.228l-.103-.072L12 4.28l-9.375 7.5c-.398.32-.965.284-1.321-.062l-.085-.093c-.318-.398-.283-.965.063-1.321l.093-.085 10-8c.332-.265.791-.29 1.147-.072z' transform='translate(-135 -326) translate(41 310) translate(29 16) translate(65)'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e ");
}

a.helpLink:after {
    background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cg fill='%23252525'%3e%3cg%3e%3cg%3e%3cg%3e%3cg%3e%3cpath d='M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10S2 17.514 2 12 6.486 2 12 2zm0 2c-4.411 0-8 3.589-8 8s3.589 8 8 8 8-3.589 8-8-3.589-8-8-8zm-.347 11c.552 0 1 .448 1 1s-.448 1-1 1-1-.448-1-1 .448-1 1-1zm.35-8c.886 0 1.59.231 2.112.694.523.463.784 1.08.784 1.852 0 .515-.107.959-.322 1.333-.216.374-.624.795-1.226 1.262-.413.332-.674.585-.784.758-.11.173-.164.4-.164.68V14h-1.71v-.519c0-.449.088-.839.265-1.171.176-.332.499-.685.967-1.06.452-.35.75-.635.894-.855.144-.22.216-.465.216-.737 0-.304-.103-.535-.31-.694-.206-.159-.494-.238-.864-.238-.52 0-1.1.149-1.737.446-.26.122-.57.023-.688-.238l-.288-.629c-.111-.242-.02-.538.216-.659C10.2 7.215 11.08 7 12.003 7z' transform='translate(-277 -326) translate(41 310) translate(148) translate(34.5 16) translate(54)'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e ");
}

/* ------------------------------------------

    FOOTER

------------------------------------------ */

.footerContainer {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    align-items: center;
}

/* ------------------------------------------

    -- Chat

------------------------------------------ */

.footerChat {
    display: flex;
    min-width: 100%;
    align-items: center;
    justify-content: center;
    padding: var(--gutter, 16px) 0;
    background-color: var(--color-grey-200, #e3e5e6);
}

.footerChat:after {
    content: "";
    width: 40px;
    height: 40px;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='UTF-8'?%3e%3csvg width='40px' height='40px' viewBox='0 0 40 40' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eGroup 6%3c/title%3e%3cg id='Registration' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e%3cg id='Group-6'%3e%3crect id='Rectangle' x='0' y='0' width='40' height='40'%3e%3c/rect%3e%3cpolygon id='Fill-1' points='14 14.9763 14 21.9763 9.111 25.6783 9.111 20.6113 4 20.6113 4 3.9993 27 3.9993 27 14.9763'%3e%3c/polygon%3e%3cpolygon id='Stroke-2' stroke='%233F4952' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' points='14 14.9763 14 21.9763 9.111 25.6783 9.111 20.6113 4 20.6113 4 3.9993 27 3.9993 27 14.9763'%3e%3c/polygon%3e%3cpolygon id='Fill-4' points='13.9998 14.9765 13.9998 31.6115 19.1108 31.6115 19.1108 36.6785 25.4998 31.5675 36.9998 31.6115 36.9998 14.9765'%3e%3c/polygon%3e%3cpolygon id='Stroke-5' stroke='%233F4952' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' points='25.5 31.5672 19.111 36.6782 19.111 31.6112 14 31.6112 14 14.9762 37 14.9762 37 31.6112'%3e%3c/polygon%3e%3cpath d='M19.1113,23.9002 C19.1113,24.6062 19.6833,25.1782 20.3883,25.1782 C21.0943,25.1782 21.6673,24.6062 21.6673,23.9002 C21.6673,23.1952 21.0943,22.6232 20.3883,22.6232 C19.6833,22.6232 19.1113,23.1952 19.1113,23.9002' id='Fill-7' fill='%233F4952'%3e%3c/path%3e%3cpath d='M24.2227,23.9002 C24.2227,24.6062 24.7937,25.1782 25.4997,25.1782 C26.2057,25.1782 26.7777,24.6062 26.7777,23.9002 C26.7777,23.1952 26.2057,22.6232 25.4997,22.6232 C24.7937,22.6232 24.2227,23.1952 24.2227,23.9002' id='Fill-9' fill='%233F4952'%3e%3c/path%3e%3cpath d='M29.333,23.9002 C29.333,24.6062 29.905,25.1782 30.611,25.1782 C31.316,25.1782 31.889,24.6062 31.889,23.9002 C31.889,23.1952 31.316,22.6232 30.611,22.6232 C29.905,22.6232 29.333,23.1952 29.333,23.9002' id='Fill-11' fill='%233F4952'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
}

.footerChat p {
    font-family: var(--font-primary, "poppins");
    font-size: var(--font-body-small-font-size, 12px);
    line-height: var(--font-body-small-line-height, 20px);
    color: var(--color-grey-400, #3f4952);
    margin: 0 var(--gutter, 16px) 0 0;
}

.footerChat a {
    color: var(--color-grey-400, #3f4952);
    text-decoration: none;
    padding: var(--gutter, 16px) 0;
}

/* ------------------------------------------

    -- Brand Telephone

------------------------------------------ */

.footerCopy {
    display: flex;
    min-width: 100%;
    align-items: center;
    justify-content: center;
    padding: 42px 0;
}

.footerCopy p {
    font-family: var(--font-primary, "poppins");
    font-size: var(--font-body-small-font-size, 12px);
    line-height: var(--font-body-small-line-height, 20px);
    color: var(--color-grey-400, #3f4952);
    margin: 0;
}

/* ------------------------------------------

    MODAL

------------------------------------------ */

.nbuxModal__card_waiting {
    width: 240px;
}
.nbuxModalWaiting__title {
    text-align: center;
}

/* ------------------------------------------

    BRAND FONTS

------------------------------------------ */

@font-face {
    font-family: 'CircularBook';
    src: url("//images.drct2u.com/repo/DAL/common/fonts/LinetoCircular/lineto-circular-book.woff") format("woff");
}
@font-face {
    font-family: 'CircularBold';
    src: url("//images.drct2u.com/repo/DAL/common/fonts/LinetoCircular/lineto-circular-bold.woff") format("woff");
}

@font-face {
    font-family: "GalanoGrotesque-Regular";
    src: url("//images.drct2u.com/repo/JDW/desktop/common/04-fonts/GalanoGrotesque/GalanoGrotesque-Regular-webfont.woff") format("woff");
}
@font-face {
    font-family: "GalanoGrotesque-SemiBold";
    src: url("//images.drct2u.com/repo/JDW/desktop/common/04-fonts/GalanoGrotesque/GalanoGrotesque-SemiBold-webfont.woff") format("woff");
}

@font-face {
    font-family: 'AlternateGothicEF';
    src: url("//images.drct2u.com/repo/CGN/common/fonts/AlternateGothicEF/AlternateGothicEF-NoTwo.woff") format("woff");
}

@font-face {
    font-family: 'LinetoBrownRegular';
    src: url("//images.drct2u.com/repo/CGN/common/fonts/LinetoBrown/lineto-brown-regular.woff") format("woff");
}

@font-face {
    font-family: 'LinetoBrownBold';
    src: url("//images.drct2u.com/repo/CGN/common/fonts/LinetoBrown/lineto-brown-bold.woff") format("woff");
}

@font-face {
    font-family: 'fg-medium';
    src: url("//images.drct2u.com/repo/IHM/common/fonts/URWFranklinGothic/medium.woff") format("woff");
}

@font-face {
    font-family: "GibsonRegular";
    src: url("//images.drct2u.com/repo/JDW/desktop/common/04-fonts/Gibson-Regular-webfont.woff") format("woff");
}
@font-face {
    font-family: "GibsonSemiBold";
    src: url("//images.drct2u.com/content/stylesheets/Gibson-SemiBold-webfont.woff") format("woff");
}

@font-face {
    font-family: "LatoRegular";
    src: url("//images.drct2u.com/repo/FW/common/fonts/Lato/Lato-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "LatoBlack";
    src: url("//images.drct2u.com/repo/FW/common/fonts/Lato/Lato-Black.ttf") format("truetype");
}

@font-face {
    font-family: "GGX88Book";
    src: url("//images.drct2u.com/content/stylesheets/ggx88_bk-webfont.woff") format("woff");
}

@font-face {
    font-family: "GGX88Bold";
    src: url("//images.drct2u.com/content/stylesheets/ggx88_bd-webfont.woff") format("woff");
}

@font-face {
    font-family: "LibreBaskervilleItalic";
    src: url(//images2.drct2u.com/content/stylesheets/LibreBaskerville-Italic-webfont.woff) format('woff');
}
@font-face {
    font-family: "open_sansregular";
    src: url("//images2.drct2u.com/content/stylesheets/OpenSans-Regular-webfont.woff") format("woff");
}
@font-face {
    font-family: "open_sansextrabold";
    src: url("//images2.drct2u.com/content/stylesheets/OpenSans-ExtraBold-webfont.woff") format("woff");
}

/* ------------------------------------------

    -- DAL Font

------------------------------------------ */

.signinError__DAL .pageTitle,
.signinError__DAL .pageLinks  {
    font-family: 'CircularBold';
}

.signinError__DAL .pageText,
.signinError__DAL .footerChat p,
.signinError__DAL .footerCopy p  {
    font-family: 'CircularBook';
}

/* ------------------------------------------

    -- SBI Font

------------------------------------------ */

.signinError__SBI .pageTitle,
.signinError__SBI .pageLinks  {
    font-family: 'CircularBold';
}

.signinError__SBI .pageText,
.signinError__SBI .footerChat p,
.signinError__SBI .footerCopy p  {
    font-family: 'CircularBook';
}

/* ------------------------------------------

    -- JDW Font

------------------------------------------ */

.signinError__JDW .pageTitle,
.signinError__JDW .pageLinks  {
    font-family: 'GalanoGrotesque-SemiBold';
}

.signinError__JDW .pageText,
.signinError__JDW .footerChat p,
.signinError__JDW .footerCopy p  {
    font-family: 'GalanoGrotesque-Regular';
}

/* ------------------------------------------

    -- FSP Font

------------------------------------------ */

.signinError__FSP .pageTitle,
.signinError__FSP .pageLinks  {
    font-family: 'GalanoGrotesque-SemiBold';
}

.signinError__FSP .pageText,
.signinError__FSP .footerChat p,
.signinError__FSP .footerCopy p  {
    font-family: 'GalanoGrotesque-Regular';
}

/* ------------------------------------------

    -- OXI Font

------------------------------------------ */

.signinError__OXI .pageTitle,
.signinError__OXI .pageLinks  {
    font-family: 'GalanoGrotesque-SemiBold';
}

.signinError__OXI .pageText,
.signinError__OXI .footerChat p,
.signinError__OXI .footerCopy p  {
    font-family: 'GalanoGrotesque-Regular';
}

/* ------------------------------------------

    -- CGN Font

------------------------------------------ */

.signinError__CGN .pageTitle  {
    font-family: 'AlternateGothicEF';
}

.signinError__CGN .pageLinks  {
    font-family: 'LinetoBrownBold';
}

.signinError__CGN .pageText,
.signinError__CGN .footerChat p,
.signinError__CGN .footerCopy p  {
    font-family: 'LinetoBrownRegular';
}

/* ------------------------------------------

    -- IHM/DER Font

------------------------------------------ */

.signinError__IHM .pageTitle,
.signinError__IHM .pageLinks,
.signinError__IHM .pageText,
.signinError__IHM .footerChat p,
.signinError__IHM .footerCopy p,
.signinError__DER .pageTitle,
.signinError__DER .pageLinks,
.signinError__DER .pageText,
.signinError__DER .footerChat p,
.signinError__DER .footerCopy p  {
    font-family: 'fg-medium';
}

/* ------------------------------------------

    -- AWL Font

------------------------------------------ */

.signinError__AWL .pageTitle,
.signinError__AWL .pageLinks  {
    font-family: 'GibsonSemiBold';
}

.signinError__AWL .pageText,
.signinError__AWL .footerChat p,
.signinError__AWL .footerCopy p  {
    font-family: 'GibsonRegular';
}

/* ------------------------------------------

    -- FW Font

------------------------------------------ */

.signinError__FW .pageTitle,
.signinError__FW .pageLinks  {
    font-family: 'LatoBlack';
}

.signinError__FW .pageText,
.signinError__FW .footerChat p,
.signinError__FW .footerCopy p  {
    font-family: 'LatoRegular';
}

/* ------------------------------------------

    -- CCL Font

------------------------------------------ */

.signinError__CCL .pageTitle,
.signinError__CCL .pageLinks  {
    font-family: 'GibsonSemiBold';
}

.signinError__CCL .pageText,
.signinError__CCL .footerChat p,
.signinError__CCL .footerCopy p  {
    font-family: 'GibsonRegular';
}

/* ------------------------------------------

    -- PMA Font

------------------------------------------ */

.signinError__PMA .pageTitle,
.signinError__PMA .pageLinks  {
    font-family: 'GGX88Bold';
}

.signinError__PMA .pageText,
.signinError__PMA .footerChat p,
.signinError__PMA .footerCopy p  {
    font-family: 'GGX88Book';
}

/* ------------------------------------------

    -- VLD Font

------------------------------------------ */

.signinError__VLD .pageTitle  {
    font-family: 'LibreBaskervilleItalic';
}

.signinError__VLD .pageLinks  {
    font-family: 'open_sansextrabold';
}

.signinError__VLD .pageText,
.signinError__VLD .footerChat p,
.signinError__VLD .footerCopy p  {
    font-family: 'open_sansregular';
}