/*.bg-exfo {
    background-color: #0069aa;
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.h-16 {
    height: 4rem
}

.h-8 {
    height: 2rem
}


.h-full {
    height: 100%
}


.w-auto {
    width: auto
}

.object-contain {
    -o-object-fit: contain;
    object-fit: contain
}

.font-medium {
    font-weight: 500
}

.mr-4 {
    margin-right: 50px;
}

.marginIcon {
    margin-left: 4px;
    font-size: 15px;
}

.btnReturn {
    border: 1px solid #ffffff;
}


h1 {
    margin: 0.67em 0 !important;
    font-size: 2em !important;
}

.vl {
    border-left: 2px solid #ffffff;
    height: 30px;
}

a {
    text-decoration: none !important;
}

#appTitle {
    font-size: 25px;
    color: #ffffff;
    font-weight: 300;
    margin-left: 13px;
}

.userBtn {
    transition: 0.3s;
}

    .userBtn:hover {
        background-color: #3189bf;
    }

.dropdown-menu {
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
}

.returnBtn {
    padding: 8px;
    border: 1px solid #ffffff;
    width: fit-content;
    transition: 0.3s;
    font-size: 15px;
}


    .returnBtn:hover {
        background-color: #3189bf;
    }

.itemNav {
    width: 80px;
}

a.itemNav {
    color: #ffffff;
    transition: 0.3s;
}

    a.itemNav:hover {
        color: #89cee7;
    }


@media screen and (max-width: 430px) {
    #appTitle {
        font-size: 20px;
    }



    .footerText {
        font-size: 12px;
    }
}*/



/*button Back___________________________________________________________________________________________*/



/*@keyframes cta-icon-side-move {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(.5rem)
    }
}

.cta {
    min-height: 2.75rem;
    cursor: pointer;
    padding: .5rem 1rem;
    line-height: 1.5rem
}

.cta-primary {
    display: flex;
    align-items: center;
    justify-content: center;
    --tw-bg-opacity: 1;
    background-color: rgb(0 157 214 / var(--tw-bg-opacity));
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

    .cta-primary:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(0 105 170 / var(--tw-bg-opacity))
    }

    .cta-primary:focus {
        --tw-bg-opacity: 1;
        background-color: rgb(0 105 170 / var(--tw-bg-opacity))
    }

.cta-inverted {
    display: flex;
    align-items: center;
    justify-content: center;
    border-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(0 157 214 / var(--tw-border-opacity));
    background-color: transparent;
    --tw-text-opacity: 1;
    color: rgb(0 157 214 / var(--tw-text-opacity));
    outline-offset: 2px;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

    .cta-inverted:hover {
        --tw-border-opacity: 1;
        border-color: rgb(0 105 170 / var(--tw-border-opacity));
        background-color: #0069aa33;
        --tw-text-opacity: 1;
        color: rgb(0 105 170 / var(--tw-text-opacity))
    }

    .cta-inverted:focus {
        --tw-border-opacity: 1;
        border-color: rgb(0 105 170 / var(--tw-border-opacity));
        background-color: #0069aa33;
        --tw-text-opacity: 1;
        color: rgb(0 105 170 / var(--tw-text-opacity))
    }

.cta-white {
    display: flex;
    align-items: center;
    justify-content: center;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
    background-color: transparent;
    text-align: center;
    color: currentColor;
    outline-offset: 2px;
    outline-color: #0069aa;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

    .cta-white:hover {
        background-color: #fff3;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity))
    }

    .cta-white:focus {
        background-color: #fff3;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity))
    }

.cta-yellow {
    display: flex;
    align-items: center;
    justify-content: center;
    --tw-bg-opacity: 1;
    background-color: rgb(255 242 0 / var(--tw-bg-opacity));
    padding: 1rem 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

    .cta-yellow:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(255 246 99 / var(--tw-bg-opacity))
    }

    .cta-yellow:focus {
        --tw-bg-opacity: 1;
        background-color: rgb(255 246 99 / var(--tw-bg-opacity))
    }

.cta-yellow {
    min-height: 3.5rem
}

.cta-plain {
    min-height: -moz-fit-content;
    min-height: fit-content;
    padding: 0;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(0 157 214 / var(--tw-text-opacity));
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

    .cta-plain:hover {
        --tw-text-opacity: 1;
        color: rgb(0 105 170 / var(--tw-text-opacity))
    }

    .cta-plain:focus {
        --tw-text-opacity: 1;
        color: rgb(0 105 170 / var(--tw-text-opacity))
    }

.cta-plain-gray {
    display: block;
    min-height: -moz-fit-content;
    min-height: fit-content;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(116 119 120 / var(--tw-text-opacity));
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

    .cta-plain-gray:hover {
        --tw-text-opacity: 1;
        color: rgb(33 37 40 / var(--tw-text-opacity))
    }

    .cta-plain-gray:focus {
        --tw-text-opacity: 1;
        color: rgb(33 37 40 / var(--tw-text-opacity))
    }

    .cta-plain-gray > *:after {
        --tw-bg-opacity: 1 !important;
        background-color: rgb(0 157 214 / var(--tw-bg-opacity)) !important
    }

.cta-plain-gray-underline {
    display: block;
    min-height: -moz-fit-content;
    min-height: fit-content;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-bottom-color: rgb(224 227 227 / var(--tw-border-opacity));
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(116 119 120 / var(--tw-text-opacity));
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

    .cta-plain-gray-underline:hover {
        --tw-text-opacity: 1;
        color: rgb(33 37 40 / var(--tw-text-opacity))
    }

    .cta-plain-gray-underline:focus {
        --tw-text-opacity: 1;
        color: rgb(33 37 40 / var(--tw-text-opacity))
    }

    .cta-plain-gray-underline > *:after {
        --tw-bg-opacity: 1 !important;
        background-color: rgb(0 157 214 / var(--tw-bg-opacity)) !important
    }

.cta-white-solid {
    display: flex;
    align-items: center;
    justify-content: center;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding: 1rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(116 119 120 / var(--tw-text-opacity));
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

    .cta-white-solid:hover {
        --tw-text-opacity: 1;
        color: rgb(45 49 50 / var(--tw-text-opacity))
    }

    .cta-white-solid:focus {
        --tw-text-opacity: 1;
        color: rgb(45 49 50 / var(--tw-text-opacity))
    }

.cta-white-solid {
    min-height: 3.5rem
}

    .cta-white-solid > *:after {
        --tw-bg-opacity: 1 !important;
        background-color: rgb(0 157 214 / var(--tw-bg-opacity)) !important
    }

.cta-small-faded {
    display: flex;
    min-height: -moz-fit-content;
    min-height: fit-content;
    align-items: center;
    justify-content: center;
    padding: 0;
    text-align: center;
    font-size: .875rem;
    --tw-text-opacity: 1;
    color: rgb(116 119 120 / var(--tw-text-opacity));
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

    .cta-small-faded:hover {
        --tw-text-opacity: 1;
        color: rgb(45 49 50 / var(--tw-text-opacity))
    }

    .cta-small-faded:focus {
        --tw-text-opacity: 1;
        color: rgb(45 49 50 / var(--tw-text-opacity))
    }

    .cta-small-faded > * {
        gap: .5rem !important
    }

        .cta-small-faded > *:after {
            --tw-bg-opacity: 1 !important;
            background-color: rgb(116 119 120 / var(--tw-bg-opacity)) !important;
            scale: .9
        }

    .cta-small-faded:hover > *:after {
        --tw-bg-opacity: 1 !important;
        background-color: rgb(45 49 50 / var(--tw-bg-opacity)) !important
    }

.cta-really-small {
    display: flex;
    min-height: -moz-fit-content;
    min-height: fit-content;
    padding: .625rem 1.25rem;
    font-size: .75rem;
    --tw-text-opacity: 1;
    color: rgb(39 45 49 / var(--tw-text-opacity));
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

    .cta-really-small:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(252 252 255 / var(--tw-bg-opacity))
    }

    .cta-really-small:focus {
        --tw-bg-opacity: 1;
        background-color: rgb(252 252 255 / var(--tw-bg-opacity))
    }

@media (min-width: 768px) {
    .cta-really-small {
        font-size: .875rem
    }
}

.cta-really-small > * {
    gap: .5rem !important
}

    .cta-really-small > *:after {
        --tw-bg-opacity: 1 !important;
        background-color: rgb(0 157 214 / var(--tw-bg-opacity)) !important
    }

.cta-really-small.cta-expand > * {
    width: 100%;
    justify-content: center
}

.cta-icon-arrow-right > * {
    display: flex;
    align-items: center;
    gap: 1rem
}

    .cta-icon-arrow-right > *:after {
        content: "";
        margin-right: .5rem;
        height: .75rem;
        width: 1rem;
        background-color: currentColor;
        min-width: 1rem;
        -webkit-mask: url(../img/arrow-right.svg) no-repeat 50% 50%;
        mask: url(../img/arrow-right.svg) no-repeat 50% 50%;
        -webkit-mask-size: cover;
        mask-size: cover
    }

.cta-reverse.cta-icon-arrow-right > *:after {
    margin-right: 0
}

.cta-icon-arrow-right:hover > *:after {
    animation: cta-icon-side-move .5s ease infinite alternate
}

.cta-icon-arrow-left > * {
    display: flex;
    align-items: center;
    gap: 1rem
}

    .cta-icon-arrow-left > *:after {
        content: "";
        margin-right: .5rem;
        height: .75rem;
        width: 1rem;
        background-color: currentColor;
        min-width: 1rem;
        -webkit-mask: url(../../Assets/Images/Header/arrow-left.svg) no-repeat 50% 50%;
        mask: url(../../Assets/Images/Header/arrow-left.svg) no-repeat 50% 50%;
        -webkit-mask-size: cover;
        mask-size: cover
    }

.cta-reverse.cta-icon-arrow-left > *:after {
    margin-right: 0
}

.cta-icon-arrow-left:hover > *:after {
    animation: cta-icon-side-move .5s ease infinite alternate
}

.cta-icon-plus > * {
    display: flex;
    align-items: center;
    gap: 1rem
}

    .cta-icon-plus > *:after {
        content: "";
        height: .75rem;
        width: .75rem;
        min-width: .75rem;
        background-color: currentColor;
        transition-property: transform;
        transition-duration: .5s;
        transition-timing-function: cubic-bezier(.4,0,.2,1);
        -webkit-mask: url(/dist/plus.08519399.svg) no-repeat 50% 50%;
        mask: url(/dist/plus.08519399.svg) no-repeat 50% 50%;
        -webkit-mask-size: cover;
        mask-size: cover
    }

.cta-icon-plus:hover > *:after {
    transform: rotate(90deg)
}

.cta-icon-download > * {
    display: flex;
    align-items: center;
    gap: 1rem
}

    .cta-icon-download > *:after {
        content: "";
        height: .75rem;
        width: .75rem;
        background-color: currentColor;
        -webkit-mask: url(/dist/download.0aa33f12.svg) no-repeat 50% 50%;
        mask: url(/dist/download.0aa33f12.svg) no-repeat 50% 50%;
        -webkit-mask-size: cover;
        mask-size: cover
    }

.cta-icon-play > * {
    display: flex;
    align-items: center;
    gap: 1rem
}

    .cta-icon-play > *:after {
        content: "";
        height: 1rem;
        width: 1rem;
        min-width: 1rem;
        background-color: currentColor;
        -webkit-mask: url(/dist/play.bc1254de.svg) no-repeat 50% 50%;
        mask: url(/dist/play.bc1254de.svg) no-repeat 50% 50%;
        -webkit-mask-size: cover;
        mask-size: cover
    }

.cta-icon-calendar > * {
    display: flex;
    align-items: center;
    gap: 1rem
}

    .cta-icon-calendar > *:after {
        content: "";
        -webkit-mask: url(/dist/calendar.7845f328.svg) no-repeat 50% 50%;
        mask: url(/dist/calendar.7845f328.svg) no-repeat 50% 50%;
        -webkit-mask-size: cover;
        mask-size: cover;
        height: .875rem;
        width: .875rem;
        min-width: .875rem;
        background-color: currentColor
    }

.cta-icon-information > * {
    display: flex;
    align-items: center;
    gap: 1rem
}

    .cta-icon-information > *:after {
        content: "";
        -webkit-mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAFiUAABYlAUlSJPAAAAIuSURBVDhPvZRPa9RgEMZn9l7vpaifQUEWv4BW8axiFctqNm9ikxV76LFQBA9SCp49SNfsJqFbsy2IetG7qBfFi2ehti67foH4zLtDtqmNpQf9wRzmef/wJjPz0P+lkU2Rn9XJ614jP7lKYe8cBS9P6OoxmO+eZH9jje/1fvDi63wSr3Loe4jH5D6b0d1HcCe6zEH2k5fe5ewln8mNH5GbzpNJbpOJH4rGS29zDvo71OzM6qkK7kYXOdzOOcxG5CU3aXm5pisTRDPdGxz2h9zazqm5XnHp/d40L7zYlY1kOmdUHeO0p23sB3u4tTXiYHNw+OebeFU+k5zouioFbOL3iE+aTnCjOXvGJE9UUVBN9tMhe/EXVcr4ySw+84pmJeQMm3RAjadTKgG/U5cKkhevqFLGS1pYCzQrI4VCB1AzOq8KQJ9ZUQpxCPjc7xKaljHJLV58g7Po1QJ7IUQsqlICl32V0LQMHmEfI41fgOdaEc9XpcTfL4xX7O9yOnVVAH6o/NiqouCybxKalrBF8dKhHdMSKL1tAXd9TpUCNskHduOPmhbU0GLjtolXVdqHm8ygsQfc6o+ocaCxw/QU+RunNRvjtM9yuDXkhc1dGQpVD2AwehgnTMuohvGqGr2aFCLo/7Kj57Qv6EoFzvNLMIcdawBiDj4KJcYgBgGjGJsDjCPI9mSvnjoCmU1YlLWqB7Asa10asDSsrYnF6e5jIGbqwVSlx6zJwmz/qOY/heg372MKGv9uZ74AAAAASUVORK5CYII=) no-repeat 50% 50%;
        mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAFiUAABYlAUlSJPAAAAIuSURBVDhPvZRPa9RgEMZn9l7vpaifQUEWv4BW8axiFctqNm9ikxV76LFQBA9SCp49SNfsJqFbsy2IetG7qBfFi2ehti67foH4zLtDtqmNpQf9wRzmef/wJjPz0P+lkU2Rn9XJ614jP7lKYe8cBS9P6OoxmO+eZH9jje/1fvDi63wSr3Loe4jH5D6b0d1HcCe6zEH2k5fe5ewln8mNH5GbzpNJbpOJH4rGS29zDvo71OzM6qkK7kYXOdzOOcxG5CU3aXm5pisTRDPdGxz2h9zazqm5XnHp/d40L7zYlY1kOmdUHeO0p23sB3u4tTXiYHNw+OebeFU+k5zouioFbOL3iE+aTnCjOXvGJE9UUVBN9tMhe/EXVcr4ySw+84pmJeQMm3RAjadTKgG/U5cKkhevqFLGS1pYCzQrI4VCB1AzOq8KQJ9ZUQpxCPjc7xKaljHJLV58g7Po1QJ7IUQsqlICl32V0LQMHmEfI41fgOdaEc9XpcTfL4xX7O9yOnVVAH6o/NiqouCybxKalrBF8dKhHdMSKL1tAXd9TpUCNskHduOPmhbU0GLjtolXVdqHm8ygsQfc6o+ocaCxw/QU+RunNRvjtM9yuDXkhc1dGQpVD2AwehgnTMuohvGqGr2aFCLo/7Kj57Qv6EoFzvNLMIcdawBiDj4KJcYgBgGjGJsDjCPI9mSvnjoCmU1YlLWqB7Asa10asDSsrYnF6e5jIGbqwVSlx6zJwmz/qOY/heg372MKGv9uZ74AAAAASUVORK5CYII=) no-repeat 50% 50%;
        height: 1.25rem;
        width: 1.25rem;
        min-width: 1.25rem;
        background-color: currentColor
    }

.cta-icon-blue > *:after {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(0 157 214 / var(--tw-bg-opacity)) !important
}

.cta-expand {
    width: 100%;
    flex: 1 1 0%
}

    .cta-expand > * {
        width: 100%;
        justify-content: space-between
    }

.cta-reverse > * {
    flex-direction: row-reverse;
    justify-content: flex-end
}

.secondary-nav-cta-container .cta {
    padding-top: .5rem;
    padding-bottom: .5rem
}*/





/*FOOTER___________________________________________________________________________________*/
/*.footerExfo {
    background-color: #000000;
    height: 40px;
    display: flex;
    align-items: center;
    font-size: 14px;
}

a.linkFooter {
    text-decoration: underline !important;
    color: #ffffff !important;
    padding: 0px 8px;
}


.footerPosition {
    display: flex;
    align-items: center;
}


@media screen and (max-width: 992px) {
    .footerPosition {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 10px 0px;
    }

    .footerExfo {
        background-color: #000000;
        height: auto;
        display: flex;
        align-items: flex-start;
    }
}*/


/*Media Queries_______________________________________________________________________________*/
/*@media screen and (min-width: 992px) {
    .responsiveNav {
        display: flex;
        justify-content: flex-end;
    }

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

    .return {
        min-width: max-content;
    }

    .bg-exfo {
        height: 80px;
    }

    .dropdown-menu {
        width: 100%;
    }
}

@media screen and (max-width: 992px) {
    .responsiveList {
        display: flex;
        flex-direction: column;
    }

    .responsiveNav {
        margin-left: 15px;
    }

    .marginMobile {
        margin-left: 17px;
        margin-top: -10px;
    }

    .marginTopMobile {
        margin-top: 15px;
        margin-left: -15px;
    }

    .marginIcon {
        margin-left: 13px;
    }

    .navbar-brand {
        margin-left: 15px;
    }

    .returnBtn {
        margin-left: -15px;
    }

    a.itemNav {
        margin: 10px 0px;
    }
}


@media screen and (max-width: 360px) {
    .marginIcon {
        font-size: 13px;
    }

    .returnBtn {
        font-size: 13px;
    }

    .dropdown-item {
        font-size: 13px;
    }
}

.container.body-content {
    min-height: 100vh;
}*/




.cta {
    min-height: 2.75rem;
    cursor: pointer;
    padding: .5rem 1rem;
    line-height: 1.5rem
}

.cta-primary {
    display: flex;
    align-items: center;
    justify-content: center;
    --tw-bg-opacity: 1;
    background-color: rgb(0 157 214 / var(--tw-bg-opacity));
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

    .cta-primary:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(0 105 170 / var(--tw-bg-opacity))
    }

    .cta-primary:focus {
        --tw-bg-opacity: 1;
        background-color: rgb(0 105 170 / var(--tw-bg-opacity))
    }

.cta-inverted {
    display: flex;
    align-items: center;
    justify-content: center;
    border-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(0 157 214 / var(--tw-border-opacity));
    background-color: transparent;
    --tw-text-opacity: 1;
    color: rgb(0 157 214 / var(--tw-text-opacity));
    outline-offset: 2px;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

    .cta-inverted:hover {
        --tw-border-opacity: 1;
        border-color: rgb(0 105 170 / var(--tw-border-opacity));
        background-color: #0069aa33;
        --tw-text-opacity: 1;
        color: rgb(0 105 170 / var(--tw-text-opacity))
    }

    .cta-inverted:focus {
        --tw-border-opacity: 1;
        border-color: rgb(0 105 170 / var(--tw-border-opacity));
        background-color: #0069aa33;
        --tw-text-opacity: 1;
        color: rgb(0 105 170 / var(--tw-text-opacity))
    }

.cta-white {
    display: flex;
    align-items: center;
    justify-content: center;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
    background-color: transparent;
    text-align: center;
    color: currentColor;
    outline-offset: 2px;
    outline-color: #0069aa;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

    .cta-white:hover {
        background-color: #fff3;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity))
    }

    .cta-white:focus {
        background-color: #fff3;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity))
    }

.cta-yellow {
    display: flex;
    align-items: center;
    justify-content: center;
    --tw-bg-opacity: 1;
    background-color: rgb(255 242 0 / var(--tw-bg-opacity));
    padding: 1rem 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

    .cta-yellow:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(255 246 99 / var(--tw-bg-opacity))
    }

    .cta-yellow:focus {
        --tw-bg-opacity: 1;
        background-color: rgb(255 246 99 / var(--tw-bg-opacity))
    }

.cta-yellow {
    min-height: 3.5rem
}

.cta-plain {
    min-height: -moz-fit-content;
    min-height: fit-content;
    padding: 0;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(0 157 214 / var(--tw-text-opacity));
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

    .cta-plain:hover {
        --tw-text-opacity: 1;
        color: rgb(0 105 170 / var(--tw-text-opacity))
    }

    .cta-plain:focus {
        --tw-text-opacity: 1;
        color: rgb(0 105 170 / var(--tw-text-opacity))
    }

.cta-plain-gray {
    display: block;
    min-height: -moz-fit-content;
    min-height: fit-content;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(116 119 120 / var(--tw-text-opacity));
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

    .cta-plain-gray:hover {
        --tw-text-opacity: 1;
        color: rgb(33 37 40 / var(--tw-text-opacity))
    }

    .cta-plain-gray:focus {
        --tw-text-opacity: 1;
        color: rgb(33 37 40 / var(--tw-text-opacity))
    }

    .cta-plain-gray > *:after {
        --tw-bg-opacity: 1 !important;
        background-color: rgb(0 157 214 / var(--tw-bg-opacity)) !important
    }

.cta-plain-gray-underline {
    display: block;
    min-height: -moz-fit-content;
    min-height: fit-content;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-bottom-color: rgb(224 227 227 / var(--tw-border-opacity));
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(116 119 120 / var(--tw-text-opacity));
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

    .cta-plain-gray-underline:hover {
        --tw-text-opacity: 1;
        color: rgb(33 37 40 / var(--tw-text-opacity))
    }

    .cta-plain-gray-underline:focus {
        --tw-text-opacity: 1;
        color: rgb(33 37 40 / var(--tw-text-opacity))
    }

    .cta-plain-gray-underline > *:after {
        --tw-bg-opacity: 1 !important;
        background-color: rgb(0 157 214 / var(--tw-bg-opacity)) !important
    }

.cta-white-solid {
    display: flex;
    align-items: center;
    justify-content: center;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding: 1rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(116 119 120 / var(--tw-text-opacity));
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

    .cta-white-solid:hover {
        --tw-text-opacity: 1;
        color: rgb(45 49 50 / var(--tw-text-opacity))
    }

    .cta-white-solid:focus {
        --tw-text-opacity: 1;
        color: rgb(45 49 50 / var(--tw-text-opacity))
    }

.cta-white-solid {
    min-height: 3.5rem
}

    .cta-white-solid > *:after {
        --tw-bg-opacity: 1 !important;
        background-color: rgb(0 157 214 / var(--tw-bg-opacity)) !important
    }

.cta-small-faded {
    display: flex;
    min-height: -moz-fit-content;
    min-height: fit-content;
    align-items: center;
    justify-content: center;
    padding: 0;
    text-align: center;
    font-size: .875rem;
    --tw-text-opacity: 1;
    color: rgb(116 119 120 / var(--tw-text-opacity));
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

    .cta-small-faded:hover {
        --tw-text-opacity: 1;
        color: rgb(45 49 50 / var(--tw-text-opacity))
    }

    .cta-small-faded:focus {
        --tw-text-opacity: 1;
        color: rgb(45 49 50 / var(--tw-text-opacity))
    }

    .cta-small-faded > * {
        gap: .5rem !important
    }

        .cta-small-faded > *:after {
            --tw-bg-opacity: 1 !important;
            background-color: rgb(116 119 120 / var(--tw-bg-opacity)) !important;
            scale: .9
        }

    .cta-small-faded:hover > *:after {
        --tw-bg-opacity: 1 !important;
        background-color: rgb(45 49 50 / var(--tw-bg-opacity)) !important
    }

.cta-really-small {
    display: flex;
    min-height: -moz-fit-content;
    min-height: fit-content;
    padding: .625rem 1.25rem;
    font-size: .75rem;
    --tw-text-opacity: 1;
    color: rgb(39 45 49 / var(--tw-text-opacity));
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

    .cta-really-small:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(252 252 255 / var(--tw-bg-opacity))
    }

    .cta-really-small:focus {
        --tw-bg-opacity: 1;
        background-color: rgb(252 252 255 / var(--tw-bg-opacity))
    }

@media (min-width: 768px) {
    .cta-really-small {
        font-size: .875rem
    }
}

.cta-really-small > * {
    gap: .5rem !important
}

    .cta-really-small > *:after {
        --tw-bg-opacity: 1 !important;
        background-color: rgb(0 157 214 / var(--tw-bg-opacity)) !important
    }

.cta-really-small.cta-expand > * {
    width: 100%;
    justify-content: center
}

.cta-icon-arrow-right > * {
    display: flex;
    align-items: center;
    gap: 1rem
}

    .cta-icon-arrow-right > *:after {
        content: "";
        margin-right: .5rem;
        height: .75rem;
        width: 1rem;
        background-color: currentColor;
        min-width: 1rem;
        -webkit-mask: url(../img/arrow-right.svg) no-repeat 50% 50%;
        mask: url(../img/arrow-right.svg) no-repeat 50% 50%;
        -webkit-mask-size: cover;
        mask-size: cover
    }

.cta-reverse.cta-icon-arrow-right > *:after {
    margin-right: 0
}

.cta-icon-arrow-right:hover > *:after {
    animation: cta-icon-side-move .5s ease infinite alternate
}

.cta-icon-arrow-left > * {
    display: flex;
    align-items: center;
    gap: 1rem
}

    .cta-icon-arrow-left > *:after {
        content: "";
        margin-right: .5rem;
        height: .75rem;
        width: 1rem;
        background-color: currentColor;
        min-width: 1rem;
        -webkit-mask: url(../../Assets/Images/Header/arrow-left.svg) no-repeat 50% 50%;
        mask: url(../../Assets/Images/Header/arrow-left.svg) no-repeat 50% 50%;
        -webkit-mask-size: cover;
        mask-size: cover
    }

.cta-reverse.cta-icon-arrow-left > *:after {
    margin-right: 0
}

.cta-icon-arrow-left:hover > *:after {
    animation: cta-icon-side-move .5s ease infinite alternate
}

.cta-icon-plus > * {
    display: flex;
    align-items: center;
    gap: 1rem
}

    .cta-icon-plus > *:after {
        content: "";
        height: .75rem;
        width: .75rem;
        min-width: .75rem;
        background-color: currentColor;
        transition-property: transform;
        transition-duration: .5s;
        transition-timing-function: cubic-bezier(.4,0,.2,1);
        -webkit-mask: url(/dist/plus.08519399.svg) no-repeat 50% 50%;
        mask: url(/dist/plus.08519399.svg) no-repeat 50% 50%;
        -webkit-mask-size: cover;
        mask-size: cover
    }

.cta-icon-plus:hover > *:after {
    transform: rotate(90deg)
}

.cta-icon-download > * {
    display: flex;
    align-items: center;
    gap: 1rem
}

    .cta-icon-download > *:after {
        content: "";
        height: .75rem;
        width: .75rem;
        background-color: currentColor;
        -webkit-mask: url(/dist/download.0aa33f12.svg) no-repeat 50% 50%;
        mask: url(/dist/download.0aa33f12.svg) no-repeat 50% 50%;
        -webkit-mask-size: cover;
        mask-size: cover
    }

.cta-icon-play > * {
    display: flex;
    align-items: center;
    gap: 1rem
}

    .cta-icon-play > *:after {
        content: "";
        height: 1rem;
        width: 1rem;
        min-width: 1rem;
        background-color: currentColor;
        -webkit-mask: url(/dist/play.bc1254de.svg) no-repeat 50% 50%;
        mask: url(/dist/play.bc1254de.svg) no-repeat 50% 50%;
        -webkit-mask-size: cover;
        mask-size: cover
    }

.cta-icon-calendar > * {
    display: flex;
    align-items: center;
    gap: 1rem
}

    .cta-icon-calendar > *:after {
        content: "";
        -webkit-mask: url(/dist/calendar.7845f328.svg) no-repeat 50% 50%;
        mask: url(/dist/calendar.7845f328.svg) no-repeat 50% 50%;
        -webkit-mask-size: cover;
        mask-size: cover;
        height: .875rem;
        width: .875rem;
        min-width: .875rem;
        background-color: currentColor
    }

.cta-icon-information > * {
    display: flex;
    align-items: center;
    gap: 1rem
}

    .cta-icon-information > *:after {
        content: "";
        -webkit-mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAFiUAABYlAUlSJPAAAAIuSURBVDhPvZRPa9RgEMZn9l7vpaifQUEWv4BW8axiFctqNm9ikxV76LFQBA9SCp49SNfsJqFbsy2IetG7qBfFi2ehti67foH4zLtDtqmNpQf9wRzmef/wJjPz0P+lkU2Rn9XJ614jP7lKYe8cBS9P6OoxmO+eZH9jje/1fvDi63wSr3Loe4jH5D6b0d1HcCe6zEH2k5fe5ewln8mNH5GbzpNJbpOJH4rGS29zDvo71OzM6qkK7kYXOdzOOcxG5CU3aXm5pisTRDPdGxz2h9zazqm5XnHp/d40L7zYlY1kOmdUHeO0p23sB3u4tTXiYHNw+OebeFU+k5zouioFbOL3iE+aTnCjOXvGJE9UUVBN9tMhe/EXVcr4ySw+84pmJeQMm3RAjadTKgG/U5cKkhevqFLGS1pYCzQrI4VCB1AzOq8KQJ9ZUQpxCPjc7xKaljHJLV58g7Po1QJ7IUQsqlICl32V0LQMHmEfI41fgOdaEc9XpcTfL4xX7O9yOnVVAH6o/NiqouCybxKalrBF8dKhHdMSKL1tAXd9TpUCNskHduOPmhbU0GLjtolXVdqHm8ygsQfc6o+ocaCxw/QU+RunNRvjtM9yuDXkhc1dGQpVD2AwehgnTMuohvGqGr2aFCLo/7Kj57Qv6EoFzvNLMIcdawBiDj4KJcYgBgGjGJsDjCPI9mSvnjoCmU1YlLWqB7Asa10asDSsrYnF6e5jIGbqwVSlx6zJwmz/qOY/heg372MKGv9uZ74AAAAASUVORK5CYII=) no-repeat 50% 50%;
        mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAFiUAABYlAUlSJPAAAAIuSURBVDhPvZRPa9RgEMZn9l7vpaifQUEWv4BW8axiFctqNm9ikxV76LFQBA9SCp49SNfsJqFbsy2IetG7qBfFi2ehti67foH4zLtDtqmNpQf9wRzmef/wJjPz0P+lkU2Rn9XJ614jP7lKYe8cBS9P6OoxmO+eZH9jje/1fvDi63wSr3Loe4jH5D6b0d1HcCe6zEH2k5fe5ewln8mNH5GbzpNJbpOJH4rGS29zDvo71OzM6qkK7kYXOdzOOcxG5CU3aXm5pisTRDPdGxz2h9zazqm5XnHp/d40L7zYlY1kOmdUHeO0p23sB3u4tTXiYHNw+OebeFU+k5zouioFbOL3iE+aTnCjOXvGJE9UUVBN9tMhe/EXVcr4ySw+84pmJeQMm3RAjadTKgG/U5cKkhevqFLGS1pYCzQrI4VCB1AzOq8KQJ9ZUQpxCPjc7xKaljHJLV58g7Po1QJ7IUQsqlICl32V0LQMHmEfI41fgOdaEc9XpcTfL4xX7O9yOnVVAH6o/NiqouCybxKalrBF8dKhHdMSKL1tAXd9TpUCNskHduOPmhbU0GLjtolXVdqHm8ygsQfc6o+ocaCxw/QU+RunNRvjtM9yuDXkhc1dGQpVD2AwehgnTMuohvGqGr2aFCLo/7Kj57Qv6EoFzvNLMIcdawBiDj4KJcYgBgGjGJsDjCPI9mSvnjoCmU1YlLWqB7Asa10asDSsrYnF6e5jIGbqwVSlx6zJwmz/qOY/heg372MKGv9uZ74AAAAASUVORK5CYII=) no-repeat 50% 50%;
        height: 1.25rem;
        width: 1.25rem;
        min-width: 1.25rem;
        background-color: currentColor
    }

.cta-icon-blue > *:after {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(0 157 214 / var(--tw-bg-opacity)) !important
}

.cta-expand {
    width: 100%;
    flex: 1 1 0%
}

    .cta-expand > * {
        width: 100%;
        justify-content: space-between
    }

.cta-reverse > * {
    flex-direction: row-reverse;
    justify-content: flex-end
}

.secondary-nav-cta-container .cta {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.cta-reverse.cta-icon-arrow-left > *:after {
    width: 15px !important;
    height: 10px !important;
}





















#navApp {
    background-color: #0069aa !important;
    border-radius: 0px !important;
}



.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}



.navbar-default .navbar-nav > .dropdown > a:hover .caret, .navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}

#logo {
    width: 130px;
}


@media (min-width: 768px) {
    .navbar-nav {
        float: right;
        margin: 0;
    }
}


@media (min-width: 1400px) {

    #logo {
        margin-left: 200px;
    }

    .navbarApp {
        margin-right: 200px;
    }
}

.returnBtn {
    padding: 8px;
    border: 1px solid #ffffff;
    width: fit-content;
    transition: 0.3s;
    font-size: 15px;
}


    .returnBtn:hover {
        background-color: #3189bf;
    }

.font-medium {
    font-weight: 500
}

.itemNav {
    color: #ffffff !important;
    margin-top: 10px;
    font-size: 15px;
    font-weight: 500;
    transition: 0.3s;
}

    .itemNav:hover {
        color: #c5e0f1 !important;
    }


#userMail {
    color: #ffffff !important;
    display: flex;
    align-items: center;
}

#userMail {
    
    color: #ffffff !important;
    margin-top: 10px;
    font-size: 15px;
    font-weight: 500;
    transition: 0.3s;
}

    #userMail:hover {
        color: #c5e0f1 !important;
    }

.marginIcon {
    margin: 0px 5px;
}


.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #555555;
    background-color: #3189bf;
}



.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #3189bf;
    border-color: #428bca;
}


@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #ffffff !important;
        transition: 0.3s;
    }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
            color: #c5e0f1 !important;
        }
}

.dropdown-item {
    display: flex !important;
    align-items: center !important;
}



/*Footer___________________________________________________________________________________________________________________*/


.footerExfo {
    background-color: #000000;
    height: 40px;
    display: flex;
    align-items: center;
    font-size: 14px;

}

a.linkFooter {
    text-decoration: underline !important;
    color: #ffffff !important;
    padding: 0px 8px;
}


.footerPosition {
    display: flex;
    align-items: center;
}


@media screen and (max-width: 992px) {
    .footerPosition {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 10px 0px;
    }

    .footerExfo {
        background-color: #000000;
        height: auto;
        display: flex;
        align-items: flex-start;
    }
}



@media (min-width: 1400px) {

    .textPosition{
        margin-left: 200px;
    }


}

@media (max-width: 1400px) {

    .textPosition {
        margin-left: 15px;
    }
}


.vl {
    border-left: 2px solid #ffffff;
    height: 30px;
}

#appTitle {
    font-size: 25px;
    color: #ffffff;
    font-weight: 300;
    margin-left: 13px;
}

@media screen and (max-width: 430px) {
    #appTitle {
        font-size: 20px;
    }
}

.titleGroup {
display: flex; 
align-items: center;
}