/* Update User icon */
a.account.picto .hello-name {
    display: inline-block;
    align-self: stretch;
    margin-left: 0.5rem;
    font-size: 0.8rem;
    line-height: 1.25 !important;
    inline-size: min-content;
    font-weight: 500;
    text-transform: capitalize;
}

span.indicator-green, span.indicator-red {
    left: 18px;
    top: 20px;
    padding: 0.3rem !important;
    border-radius: 50% !important;
    position: absolute !important;
}

fieldset.upselling {
    margin-bottom: 1.5rem;
    margin-inline: 0;
    padding-block: 0;
    border-radius: 0.5rem;
}

fieldset.upselling.border-red {
    border-color: #ff8a8a;
}

fieldset.upselling legend {
    font-weight: 500;
    padding-left: 1em;
    padding-right: 1em;
}

fieldset.upselling.border-red legend {
    background: #fff no-repeat right center url("../images/hype-gif.gif");
    background-size: contain;
    padding: 0.7em 3.4em 0.7em 1em;
    color: red;
}

#popup article #calendar-up-selling .wrap {
    margin: 2em 0 0.75em;
}

fieldset.upselling article.formation.listing .add_fav {
    opacity: 1;
    z-index: 6;
    width: 2.2em;
}

fieldset.upselling article.formation.listing:hover .add_fav {
    background-color: #f83131;
}



a.teams {
    display: inline-block;
    border: 1px solid rgb(0 0 0 / 0%);
    border-radius: 0.3em;
    box-sizing: border-box;
    color: #fff;
    white-space: nowrap;
    line-height: 1.2em;
    padding: 1.1em;
    font-weight: 600;
    transition: background-color 0.2s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    background: #5d5bd4 url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" class="bi bi-microsoft-teams" viewBox="0 0 16 16"><path d="M9.186 4.797a2.42 2.42 0 1 0-2.86-2.448h1.178c.929 0 1.682.753 1.682 1.682zm-4.295 7.738h2.613c.929 0 1.682-.753 1.682-1.682V5.58h2.783a.7.7 0 0 1 .682.716v4.294a4.197 4.197 0 0 1-4.093 4.293c-1.618-.04-3-.99-3.667-2.35Zm10.737-9.372a1.674 1.674 0 1 1-3.349 0 1.674 1.674 0 0 1 3.349 0m-2.238 9.488-.12-.002a5.2 5.2 0 0 0 .381-2.07V6.306a1.7 1.7 0 0 0-.15-.725h1.792c.39 0 .707.317.707.707v3.765a2.6 2.6 0 0 1-2.598 2.598z"/><path d="M.682 3.349h6.822c.377 0 .682.305.682.682v6.822a.68.68 0 0 1-.682.682H.682A.68.68 0 0 1 0 10.853V4.03c0-.377.305-.682.682-.682Zm5.206 2.596v-.72h-3.59v.72h1.357V9.66h.87V5.945z"/></svg>') no-repeat 0.7em 45% !important;
    position: relative;
    background-size: 1.9em !important;
    padding-left: 4.1em !important;
    pointer-events: fill;
    font-size: 90%;
}

a.teams:hover, a.logo-teams:hover {
    background-color: #464fba !important;
}

a.teams::before, a.teams::after {
    content: "";
    width: 1px;
    left: 3.3em;
    height: 100%;
    position: absolute;
    top: 0;
    background: rgb(0 0 0 / 30%);
}

a.teams::after {
    margin-left: -1px;
    background: rgb(255 255 255 / 25%);
}

a.logo-teams {
    margin: 0;
    padding: 0.2em 0.6em 0.1em 2.9em;
    font-weight: 500;
    line-height: 2rem;
    background-color: #5d5bd4;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" class="bi bi-microsoft-teams" viewBox="0 0 16 16"><path d="M9.186 4.797a2.42 2.42 0 1 0-2.86-2.448h1.178c.929 0 1.682.753 1.682 1.682zm-4.295 7.738h2.613c.929 0 1.682-.753 1.682-1.682V5.58h2.783a.7.7 0 0 1 .682.716v4.294a4.197 4.197 0 0 1-4.093 4.293c-1.618-.04-3-.99-3.667-2.35Zm10.737-9.372a1.674 1.674 0 1 1-3.349 0 1.674 1.674 0 0 1 3.349 0m-2.238 9.488-.12-.002a5.2 5.2 0 0 0 .381-2.07V6.306a1.7 1.7 0 0 0-.15-.725h1.792c.39 0 .707.317.707.707v3.765a2.6 2.6 0 0 1-2.598 2.598z"/><path d="M.682 3.349h6.822c.377 0 .682.305.682.682v6.822a.68.68 0 0 1-.682.682H.682A.68.68 0 0 1 0 10.853V4.03c0-.377.305-.682.682-.682Zm5.206 2.596v-.72h-3.59v.72h1.357V9.66h.87V5.945z"/></svg>');
    background-size: 1.8em;
    background-position: 0.6em center;
    display: inline-block;
    border: 1px solid rgb(0 0 0 / 0%);
    box-sizing: border-box;
    color: #fff;
    border-radius: 0.3em;
    transition: background-color 0.2s;
}

.banniere-left {
    width: 90%;
}

.banniere-application {
    width: 100%;
    height: 150px;
    background-image: linear-gradient(103deg, rgb(120 0 80 / 70%) 0%, rgb(0 5 120 / 70%) 60%), url("../images/banniere-application/visuel-read-more-block.jpg");
    background-repeat: no-repeat, no-repeat;
    background-position: center, right;
    background-size: cover, cover;
    border-top-left-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
}

.liens-application {
    display: flex;
    align-items: center;
    height: 150px;
    background-color: #fff;
    padding-left: 0.8rem;
    padding-right: 0.8rem;
    border-top-right-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 7.5%);
    position: relative;
}

.banniere-application.large {
    height: 200px;
}

.liens-application.large {
    height: 200px;
}

.image-banniere {
    width: 80% !important;
}

.image-banniere img {
    height: 180px !important;
    margin-top: -1rem;
    margin-left: 2rem;
}

.banniere-application.large .image-banniere img {
    height: 240px !important;
}

.text-banniere {
    flex-shrink: 1 !important;
    display: flex;
    align-items: center;
    padding-bottom: 1rem;
    text-align: center;
}

.banniere-application p.buttons.small {
    display: none;
}

.banniere-application p.buttons.small a:hover {
    background-color: #de2d2d;
}

.radio-red {
    accent-color: #f83131;
}

.pannels-formation.programmes-soft-skills .pannels ul > li {
    width: 33.33%;
}

.pannels-formation.programmes-soft-skills .pannels ul > li > a {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
}

.pannels-formation.programmes-soft-skills .pannels ul > li > a:not(:last-child) {
    border-right: 1px solid #0000000d;
}

.pannels-formation.programmes-soft-skills .pannels ul > li > a > span > img {
    height: 3em;
    width: 3em;
}

.wrapper-programmes-soft-skills {
    max-width: 1000px;
    margin: 2rem auto 0;
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
}

.wrapper-programmes-soft-skills h3 {
    margin-top: 0.5rem !important;
}

.programmes-soft-skills-timeline {
    margin-left: 0;
    margin-top: 4rem;
    font-size: 16px;
}

.programmes-soft-skills-timeline > li {
    position: relative;
    display: flex;
    gap: 1.25rem;
}

.programmes-soft-skills-timeline > li:last-child .programmes-soft-skills-timeline__content::before, .programmes-soft-skills-timeline > li:first-child .programmes-soft-skills-timeline__content::before {
    opacity: 0.25;
    background: repeating-linear-gradient(to bottom, transparent 0 10px, #6a6969 6px 18px) 80%/2px 90% no-repeat;
}

.programmes-soft-skills-timeline__content {
    flex: 1;
    position: relative;
    order: 1;
    padding-left: 1.5rem;
    padding-bottom: 3rem;
}

.programmes-soft-skills-timeline__content::before {
    content: "";
    position: absolute;
    right: 100%;
    top: 14px;
    height: 100%;
    width: 2px;
    background: repeating-linear-gradient(to bottom, transparent 0 0, #6e6e6e 0 2px) no-repeat 80%;
    opacity: 0.25;
}

.programmes-soft-skills-timeline__content::after {
    content: "";
    position: absolute;
    left: calc(0px - 6px);
    top: 14px;
    width: 3px;
    height: 3px;
    background-color: #fff;
    z-index: 1;
    border: 4px solid #000;
    border-radius: 50%;
}

.programmes-soft-skills-timeline__title {
    margin-bottom: 0.5rem;
    font-size: 32px;
    font-weight: bold;
}

.programmes-soft-skills-timeline__title > span {
    margin: 0 0.75rem;
    display: inline-block;
    align-self: stretch;
    width: 1px;
    min-height: 1em;
    background-color: currentcolor;
    opacity: 0.25;
}

.programmes-soft-skills-timeline__title small {
    font-size: 18px;
    font-style: italic;
}

.programmes-soft-skills-timeline__title small strong {
    font-size: 18px;
    font-style: italic;
    font-weight: 600;
}

.programmes-soft-skills-timeline__desc {
    padding: 1rem 0.75rem 0 1rem;
    background: #fff 0 0 no-repeat padding-box;
    border: 1px solid #0000001a;
}

.programmes-soft-skills-timeline__icon {
    text-align: end;
    flex: 0 0 70px;
    min-width: 0;
    overflow-wrap: break-word;
    padding-bottom: 1rem;
    margin-top: -22px;
}

.programmes-soft-skills-timeline__icon span {
    border-radius: 50%;
}

.programmes-soft-skills-timeline h1, .programmes-soft-skills-timeline h2, .programmes-soft-skills-timeline h3, .programmes-soft-skills-timeline h4, .programmes-soft-skills-timeline h5 {
    margin-top: 0 !important;
}

.programmes-soft-skills-timeline__desc ul li::marker {
    color: red;
}

.programmes-soft-skills-timeline__desc ul.list-type-dot {
    padding: 0 1rem;
}

.programmes-soft-skills-timeline__desc ul.list-type-dot li {
    background-image: none;
    font-size: 16px;
}

.programmes-soft-skills-timeline__desc ul.list-type-dot li::before {
    content: "•";
    color: red;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    font-size: 1.5rem;
}


@media screen and (width <= 1584px) {
    span.indicator-green {
        left: 10%;
        top: 42%;
    }
}

@media screen and (1540px <= width <= 1625px) {
    a.account.picto .hello-name {
        display: none;
    }
}

@media screen and (width <= 1400px) {
    a.account.picto .hello-name {
        display: none;
    }

    span.indicator-green, span.indicator-red {
        left: 65%;
    }
}


@media screen and (width <= 1000px) {
    span.indicator-green, span.indicator-red {
        left: 52%;
        top: 56%;
    }
}


@media screen and (width <= 664px) {
    fieldset.upselling.border-red legend {
        background: none;
        padding: 0.7em 1em;
    }
}


@media screen and (width <= 1200px) {
    .liens-application {
        display: none;
    }

    .banniere-left {
        width: 100%;
    }

    .banniere-application {
        border-top-right-radius: 0.75rem;
        border-bottom-right-radius: 0.75rem;
    }

    .banniere-application.large .image-banniere img {
        margin-left: 2rem;
    }

    .banniere-application p.buttons.small {
        display: block;
    }
}


@media screen and (width <= 768px) {
    .image-banniere {
        display: none;
    }
}


@media screen and (width <= 576px) {
    .text-banniere {
        padding-top: 2rem;
    }
}


@media screen and (width <= 768px) {
    .programmes-soft-skills-timeline__icon {
        display: none;
    }

    .programmes-soft-skills-timeline__content::before, .programmes-soft-skills-timeline__content::after {
        display: none;
    }

    .programmes-soft-skills-timeline__content {
        padding-left: 0;
    }
}

/* end programmes-soft-skills */

:root {
    --m2i-color-red: ##e75480;
    --m2i-color-blue: #000578;
    --m2i-color-red-rgb: rgb(248 49 49);
    --m2i-color-blue-rgb: rgb(0 5 120);
    --m2i-color-red-hsl: hsl(0deg 93.43% 58.24%);
    --m2i-color-blue-hsl: hsl(237.5deg 100% 23.53%);
    --m2i-border-width: 1px;
    --m2i-emphasis-color: #000;
    --m2i-secondary-color: rgba(33, 37, 41, 0.75);
    --m2i-secondary-bg: #e9ecef;
    --m2i-tertiary-bg: #f8f9fa;
    --bs-primary-text-emphasis: #052c65;
    --bs-secondary-text-emphasis: #2b2f32;
    --bs-success-text-emphasis: #0a3622;
    --bs-info-text-emphasis: #055160;
    --bs-warning-text-emphasis: #664d03;
    --bs-danger-text-emphasis: #58151c;
    --bs-light-text-emphasis: #495057;
    --bs-dark-text-emphasis: #495057;
    --cui-primary-text-emphasis: #3634a3;
    --cui-secondary-text-emphasis: #212233;
    --cui-success-text-emphasis: #0f5722;
    --cui-info-text-emphasis: #184c77;
    --cui-warning-text-emphasis: #764705;
    --cui-danger-text-emphasis: #671414;
    --cui-light-text-emphasis: #4a566d;
    --cui-dark-text-emphasis: #323a49;
}

.box-white {
    position: relative;
    margin: 0 0 1rem;
    border: 1px solid #dee2e6;
    background-color: white;
    padding: 0.5em 2em;
    border-radius: 0.4em;
    box-shadow: 0 0 1.2rem rgb(0 0 0 / 8%);
}

.box-white:has(.table) {
    padding: .25rem 1rem 2rem 1.5rem;
}

@media (width <= 1215px) {
    .box-white:has(.table) {
        padding: 0.5rem 0;
    }
}

.box-white .table {
    margin: 0;
}

.box-white .table tbody td {
    position: relative;
}

.box-white .table tbody td .is_verified._bulle {
    margin-left: 0;
    right: 0;
}

.files-group {
    flex: 1 100px;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: flex-start;
}

.files-group > .file-box {
    flex: 1 auto;
    margin: 5px;
    font-size: 18px;
    line-height: 1.5;
}

.files-group > .file-box > .file-item {
    align-items: center;
    border-radius: 6px;
    border: 1px solid rgb(0 0 0 / 8%);
    background-color: #fafbfc;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .95rem;
    line-height: 1.45;
    padding: .25rem 1rem .25rem .5rem;
}

.files-group > .file-box > .file-item:has(.delete-file) {
    padding-right: 0;
}

.files-group > .file-box > .file-item:hover {
    background-color: #f0f1f5;
}

.files-group > .file-box > .file-item > .icon > svg {
    width: 3em;
}

.blur-list > .blur-item:not(:has(:checked)) + .blur-item {
    user-select: none;
    filter: blur(6px);
    opacity: 0.5;
    transition: opacity 0.4s, filter 0.4s;
    will-change: filter;
}

.blur-list > .blur-item:not(:has(:checked)) + .blur-item::before {
    content: "";
    position: absolute;
    z-index: 5;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

/* video */
.main-video video {
    width: 100%;
    border-radius: 0.5rem;
}

.media-title {
    font-weight: 600;
    line-height: normal;
    margin: 0;
    overflow-wrap: anywhere;
}

.figure-caption {
    margin-top: 0.25rem;
}

.video-playlist .video {
    position: relative;
    padding: 0.5rem;
    cursor: pointer;
    border-radius: 0.5rem;
}

.video-playlist .video + .video {
    margin-top: 0.1rem;
}

.video-playlist .video:hover {
    background-color: #0003;
}

.video-playlist .video.active {
    background-color: #050c41;
    color: white;
}

/* bar ratting */
.bar-rating-container:focus-within {
    border-color: var(--m2i-primary);
    box-shadow: 0 0 0 2px var(--m2i-primary);
}

fieldset.radio-bar-rating {
    border: 0;
    margin: 0 0 0.75rem;
    padding: 0;
}

fieldset.radio-bar-rating .input-rating-group {
    --m2i-input-rating-color: #000578;

    display: inline-flex;
    gap: .250rem;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
}

fieldset.radio-bar-rating .input-rating-group > label > input[type="radio" i] {
    width: 1px;
    height: 1px;
}

fieldset.radio-bar-rating .input-rating-group > label:has(input) {
    /* only enough room for the input */
    overflow: hidden;
    text-indent: 3em;
    width: 3em;
    white-space: nowrap;

    /* cursor: pointer; */
    text-align: center;
    height: 0.5em;
    border: 1px solid transparent;
    border-radius: 0.375rem;
    background-color: #e9ecef;
}

fieldset.radio-bar-rating:not(:disabled) .input-rating-group > label:has(input) {
    cursor: pointer;
}

fieldset.radio-bar-rating .input-rating-group > label:has(input:checked),
fieldset.radio-bar-rating .input-rating-group > label:has(input:checked) ~ label,
fieldset.radio-bar-rating:not(:disabled) .input-rating-group > label:has(input):hover ~ label,
fieldset.radio-bar-rating:not(:disabled) .input-rating-group > label:has(input):hover {
    background-color: var(--m2i-input-rating-color, #65b8f4);
    border-color: var(--m2i-input-rating-color, #65b8f4);
}

fieldset.radio-bar-rating:not(:disabled) .input-rating-group:hover > label:has(input) {
    border-color: #888;
}

fieldset.radio-bar-rating:not(:disabled) .input-rating-group:hover > label:has(input):hover ~ label,
fieldset.radio-bar-rating:not(:disabled) .input-rating-group:hover > label:has(input):hover {
    color: rgb(255 255 255);
    background-color: #f83131;
    border-color: #f83131;
}

fieldset.radio-bar-rating .input-rating-group > label:has(input[type="radio" i]:invalid) {
    border-color: rgb(0 5 120 / 25%);
}


/* tag-list */
.tag-list-group {
    --size-1: .25rem;
    --size-2: .5rem;
    --size-3: 1rem;
    --size-4: 1.5rem;
    --size-5: 2rem;
    --size-6: 2.5rem;
    --size-7: 3rem;
    --size-8: 3.5rem;
    --size-9: 4rem;
    --size-10: 5rem;
    --shadow-color: 220 3% 15%;
    --shadow-strength: 1%;
    --shadow-1: 0 1px 2px -1px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%));
    --gray-0: #f8f9fa;
    --gray-3: #dee2e6;
    --gray-7: #495057;
    --gray-12: #030507;
    --indigo-7: #4263eb;
    --brand: var(--indigo-7);
    --link: #262f70e6;
    --text-1: var(--gray-12);
    --surface-1: var(--gray-0);
    --surface-3: var(--gray-3);

    accent-color: var(--brand, var(--link));
    caret-color: var(--brand, var(--link));
    color: var(--text-1);
    gap: var(--size-7);

    /* padding-inline: max(var(--size-3), env(safe-area-inset-left)); */
    display: inline-flex;
    flex-direction: column;
    place-content: flex-start;
    padding-block: 0 var(--size-3);
    font-weight: initial;
}

.tag-list {
    padding: 0;
    border: none;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: var(--size-2);
    max-inline-size: 45ch;
    line-height: 1.5;
}

.tag-list > legend {
    margin-block-end: var(--size-2)
}

.tag-list > .tag-toggle {
    display: grid;
    box-shadow: var(--shadow-1)
}

.tag-list > .tag-toggle > * {
    grid-area: 1/1
}

.tag-list > .tag-toggle > label {
    padding-inline: var(--size-3);
    padding-block: var(--size-1);
    background: white;
    border-radius: 5px;
    cursor: pointer;
    border: 1px solid #050c4170;
}

.tag-list > .tag-toggle > input {
    appearance: none;
    background: none;
    border: none;
    inline-size: 100%;
    block-size: 100%
}

.tag-list > .tag-toggle > input:checked ~ label {
    background-color: var(--link);
    color: var(--surface-1)
}

.tag-list > .tag-toggle > input:not(:checked):is(:focus-within,:hover) ~ label {
    color: var(--link)
}

/* custom */
.container input[type="radio" i], .container input[type="checkbox" i] {
    accent-color: #000578;
    width: 1rem;
    height: 1rem;
}

.box-challenge {
    padding: 1.25rem;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
    background-color: #f0f0f0;
    border-radius: 10px;
}

.box-challenge + .box-challenge {
    margin-top: 0.75rem;
}

.box-challenge .side-left {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    align-self: flex-start;
}

@media screen and (width <= 1024px) {
    .box-challenge .side-left {
        margin-bottom: 1.5rem;
    }
}


.box-challenge .side-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
}

.box-challenge .side-left h6 {
    font-size: 22px;
}

.box-challenge .side-left p {
    font-size: 16px;
}

.box-challenge .side-right .button {
    min-width: 210px;
    font-size: 18px;
    width: -webkit-fill-available;
}

.box-challenge.validated {
    color: white;
    background: transparent linear-gradient(98deg, #bb7fa7 0%, #8082bb 100%) 0 0 no-repeat padding-box;
}

.box-challenge.validated .button,
.box-challenge.completed .button {
    background-color: #14b501;
    color: #fff;
    border-color: transparent;
    box-shadow: none;
    pointer-events: none;
}

.box-challenge.lock .button,
.box-challenge.blocked .button {
    color: #000;
    background-color: #e5e5e5;
    border-color: transparent;
    box-shadow: none;
    pointer-events: none;
}

.box-challenge.in-progress .button {
    background-color: #e5e5e5;
    color: #000;
}

.box-challenge.active {
    background: transparent linear-gradient(98deg, #780050 0%, #000578 100%) 0 0 no-repeat padding-box;
    color: white;
}

.objectifs-m2i-live {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    line-height: normal;
}

.objectifs-m2i-live h5 {
    color: hsl(221deg 14% 29% / 100%);
}

.objectif-m2i-live,
.challenge-m2i-live,
.evaluation-m2i-live {
    display: flex;
    gap: 1rem;
}

.objectif-m2i-live p,
.challenge-m2i-live h5,
.evaluation-m2i-live h5 {
    margin-top: 0 !important;
}

.objectif-m2i-live p {
    margin-bottom: 0 !important;
}

.objectif-m2i-live-action,
.objectif-m2i-live-outils {
    display: flex;
    gap: 0.5rem;
}

.objectif-m2i-live-number {
    font-weight: bold;
    font-size: 18px;
    line-height: normal;
}

/* other */
details.details-accordion > summary::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform 0.2s ease-in-out;
}

details.details-accordion:not([open]) > summary::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
    transform: rotate(-180deg);
}

#collapseDocumentsPedagogiques .delete-file {
    display: inline-flex;
    width: 2.25rem;
    justify-content: center;
}

.tab-panel-box {
    background: #fff;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.5rem;
    padding: 1.25rem 1.875rem;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 1rem;
}

.tab-pane > p {
    margin-top: 0;
}

.tabs > ul {
    list-style: none !important;
}

.tabs > ul > li, .is-list-style-none, ul.is-list-style-none > li {
    list-style: none !important;
    padding: 0 !important;
    background-image: none !important;
}


label {
    display: inline-block;
}

.form-text {
    font-size: 0.875em;
    color: rgb(33 37 41 / 75%);
}

.is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip, .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip {
    display: block;
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #dc3545;
}

.visually-hidden,
.visually-hidden-focusable:not(:focus, :focus-within) {
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.visually-hidden-focusable:not(:focus, :focus-within, caption),
.visually-hidden:not(caption) {
    position: absolute !important;
}

ol.groups-priorities-list li:nth-child(1) {
    background: #FFEEB1 0 0 no-repeat padding-box;
    border: 3px solid #FEC600;
    color: #CC7001;
}

ol.groups-priorities-list li:nth-child(2) {
    background: #D0DBE433 0 0 no-repeat padding-box;
    border: 3px solid #AAC0D4;
    color: #526B80;
}

ol.groups-priorities-list li:nth-child(3) {
    background: #FAEADC 0 0 no-repeat padding-box;
    border: 3px solid #C88E57;
    color: #9D5D20;
}

ol.groups-priorities-list li:nth-child(n + 4) {
    background: #FFF 0 0 no-repeat padding-box;
    border: 2px solid #0003;
    color: #222;
}


ol.groups-priorities-list li:nth-child(1) .score {
    background: #CC700126 0 0 no-repeat padding-box;
    color: #CC7001;
}

ol.groups-priorities-list li:nth-child(2) .score {
    background: #526B8026 0 0 no-repeat padding-box;
    color: #526B80;
}

ol.groups-priorities-list li:nth-child(3) .score {
    background: #9D5D2026 0 0 no-repeat padding-box;
    color: #9D5D20;
}

ol.groups-priorities-list li:nth-child(n + 4) .score {
    background: #0000001A 0 0 no-repeat padding-box;
    color: #222;
}

#header, #bandeau-alerte, #footer, .ariane, .has-menu {
    box-sizing: content-box;
}

@media (width <= 1215px) {
    .detail_trainee table {
        counter-reset: rowNumber;
        border: 0;
        border-collapse: collapse;
        margin: 0;
        padding: 0;
        width: 100%;
        box-sizing: border-box;
    }

    .detail_trainee table tr:first-child {
        display: none !important;
    }

    .detail_trainee table tbody {
        --m2i-table-gutter-x: 1.5rem;
        --m2i-table-gutter-y: 0.5rem;
        --m2i-table-column-gap: 0.5rem;

        display: flex;
        flex-wrap: wrap;
        gap: var(--m2i-table-column-gap) !important;
    }

    .detail_trainee table tbody tr:not(.detail)::before {
        counter-increment: rowNumber;
        content: counter(rowNumber) ".";
    }

    .detail_trainee table tbody > tr {
        max-width: 100%;
        padding: .5rem calc(var(--m2i-table-gutter-x) * 0.5);
        flex: 1 0 auto;
        border: 1px solid #ddd;

        /* width: calc(50% - var(--m2i-table-column-gap)); */
        width: 100%;
    }

    .detail_trainee table tbody td::before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: capitalize;
    }

    .detail_trainee table tbody td {
        padding: 10px;
        display: block;
        text-align: right !important;
        min-height: 30px;
    }

    .detail_trainee table tbody td:not(:last-child) {
        border-bottom: 1px dotted #ccc;
    }

    .detail_trainee {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .detail_trainee::before {
        box-shadow: none !important;
        position: unset !important;
        box-sizing: border-box;
    }

    td sup {
        vertical-align: middle;
        margin-left: .25rem;
    }

    .detail_trainee table tbody td:last-child {
        border-bottom: 0;
    }

    .detail_trainee table tbody td:empty {
        height: 30px;
    }

    .detail_trainee table tbody tr td:first-child {
        position: relative;
    }

    .detail_trainee table tbody tr td > .is-justify-content-center {
        justify-content: end !important;
        flex-direction: row-reverse;
        column-gap: 0.5rem;
    }
}

.tab-content .button {
    text-wrap: balance;
}

.button svg,
.icon svg {
    vertical-align: middle;
}

.icon svg path[stroke="#306CFE"],
.icon svg path[stroke="#306cfe"] {
    stroke: #F83131FF;
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.icon-text {
    align-items: center
}

#menu menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    row-gap: 1rem;
}

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion: reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media (prefers-reduced-motion: reduce) {
    .collapsing {
        transition: none
    }
}

.collapsing.collapse-horizontal {
    width: 0;
    height: auto;
    transition: width .35s ease
}

@media (prefers-reduced-motion: reduce) {
    .collapsing.collapse-horizontal {
        transition: none
    }
}

/* accordion override */
.accordion {
    --m2i-accordion-color: var(--m2i-body-color);
    --m2i-accordion-bg: #fff;
    --m2i-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
    --m2i-accordion-border-color: transparent;
    --m2i-accordion-border-width: var(--m2i-border-width);
    --m2i-accordion-border-radius: var(--m2i-radius);
    --m2i-accordion-inner-border-radius: calc(var(--m2i-radius) - (var(--m2i-border-width)));
    --m2i-accordion-btn-padding-x: 1.25rem;
    --m2i-accordion-btn-padding-y: 1rem;
    --m2i-accordion-btn-color: var(--m2i-body-color);
    --m2i-accordion-btn-bg: var(--m2i-accordion-bg);
    --m2i-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27none%27 stroke=%27%23212529%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3e%3cpath d=%27M2 5L8 11L14 5%27/%3e%3c/svg%3e");
    --m2i-accordion-btn-icon-width: 1.25rem;
    --m2i-accordion-btn-icon-transform: rotate(-180deg);
    --m2i-accordion-btn-icon-transition: transform 0.2s ease-in-out;
    --m2i-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27none%27 stroke=%27%23052c65%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3e%3cpath d=%27M2 5L8 11L14 5%27/%3e%3c/svg%3e");
    --m2i-accordion-btn-focus-box-shadow: 0 0 0 0.125rem rgb(0 5 120 / 25%);
    --m2i-accordion-body-padding-x: 1.25rem;
    --m2i-accordion-body-padding-y: 1rem;
    --m2i-accordion-active-color: var(--m2i-primary-10);
    --m2i-accordion-active-bg: var(--m2i-primary-95)
}

/* end accordion override */

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--m2i-accordion-btn-padding-y) var(--m2i-accordion-btn-padding-x);
    font-size: 1rem;
    color: var(--m2i-accordion-btn-color);
    text-align: left;
    background-color: var(--m2i-accordion-btn-bg);
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: var(--m2i-accordion-transition)
}

@media (prefers-reduced-motion: reduce) {
    .accordion-button {
        transition: none
    }
}

.accordion-button:not(.collapsed) {
    color: var(--m2i-accordion-active-color);
    background-color: var(--m2i-accordion-active-bg);
    box-shadow: inset 0 calc(-1 * var(--m2i-accordion-border-width)) 0 var(--m2i-accordion-border-color)
}

.accordion-button:not(.collapsed)::after {
    background-image: var(--m2i-accordion-btn-active-icon);
    transform: var(--m2i-accordion-btn-icon-transform)
}

.accordion-button::after {
    flex-shrink: 0;
    width: var(--m2i-accordion-btn-icon-width);
    height: var(--m2i-accordion-btn-icon-width);
    margin-left: auto;
    content: "";
    background-image: var(--m2i-accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--m2i-accordion-btn-icon-width);
    transition: var(--m2i-accordion-btn-icon-transition)
}

@media (prefers-reduced-motion: reduce) {
    .accordion-button::after {
        transition: none
    }
}

.accordion-button:hover {
    z-index: 2
}

.accordion-button.collapsed:focus {
    z-index: 3;
    outline: 0;
    box-shadow: var(--m2i-accordion-btn-focus-box-shadow)
}

.accordion-button:active {
    --m2i-accordion-btn-focus-box-shadow: 0 0 0 0.125rem var(--m2i-accordion-btn-focus-box-shadow-color, rgb(0 5 120 / 75%));
}

.accordion-button:focus-visible {
    /* Draw the focus when :focus-visible is supported */
    --m2i-accordion-btn-focus-box-shadow: 0 0 0 0.125rem var(--m2i-accordion-btn-focus-box-shadow-color, rgb(0 5 120 / 95%));

    outline: 1px solid var(--m2i-accordion-btn-focus-box-shadow-color, rgb(0 5 120 / 85%));
    outline-offset: 1px;
}

.accordion-header {
    margin-bottom: 0
}

.accordion-item {
    color: var(--m2i-accordion-color);
    background-color: var(--m2i-accordion-bg);
    border: var(--m2i-accordion-border-width) solid var(--m2i-accordion-border-color)
}

.accordion-item:first-of-type {
    border-top-left-radius: var(--m2i-accordion-border-radius);
    border-top-right-radius: var(--m2i-accordion-border-radius)
}

.accordion-item:first-of-type > .accordion-header .accordion-button {
    border-top-left-radius: var(--m2i-accordion-inner-border-radius);
    border-top-right-radius: var(--m2i-accordion-inner-border-radius)
}

.accordion-item:not(:first-of-type) {
    border-top: 0
}

.accordion-item:last-of-type {
    border-bottom-right-radius: var(--m2i-accordion-border-radius);
    border-bottom-left-radius: var(--m2i-accordion-border-radius)
}

.accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
    border-bottom-right-radius: var(--m2i-accordion-inner-border-radius);
    border-bottom-left-radius: var(--m2i-accordion-inner-border-radius)
}

.accordion-item:last-of-type > .accordion-collapse {
    border-bottom-right-radius: var(--m2i-accordion-border-radius);
    border-bottom-left-radius: var(--m2i-accordion-border-radius)
}

.accordion-body {
    padding: var(--m2i-accordion-body-padding-y) var(--m2i-accordion-body-padding-x)
}

.accordion-flush > .accordion-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

.accordion-flush > .accordion-item:first-child {
    border-top: 0
}

.accordion-flush > .accordion-item:last-child {
    border-bottom: 0
}

.accordion-flush > .accordion-item > .accordion-header .accordion-button,
.accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
    border-radius: 0
}

.accordion-flush > .accordion-item > .accordion-collapse {
    border-radius: 0
}

[data-theme="dark"] .accordion-button::after {
    --m2i-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%236ea8fe%27%3e%3cpath fill-rule=%27evenodd%27 d=%27M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z%27/%3e%3c/svg%3e");
    --m2i-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%236ea8fe%27%3e%3cpath fill-rule=%27evenodd%27 d=%27M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z%27/%3e%3c/svg%3e")
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

/* accordion override */
.accordion .accordion-item {
    --m2i-accordion-btn-focus-box-shadow-color: rgb(0 5 120 / 45%);
    --m2i-accordion-btn-focus-box-shadow: 0 0 0 0.125rem var(--m2i-accordion-btn-focus-box-shadow-color, rgb(0 5 120 / 25%));
}

.accordion-item + .accordion-item {
    margin-top: 0.75rem;
}

.accordion-item .accordion-header {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

.accordion-collapse {
    border-color: transparent;
    border-bottom-right-radius: var(--m2i-accordion-border-radius);
    border-bottom-left-radius: var(--m2i-accordion-border-radius)
}

.accordion-header .accordion-button {
    border-color: transparent;
    font-weight: bold;
}

.accordion:not(.accordion-flush) .accordion-item {
    border-top: 1px solid transparent !important;
    border-radius: var(--m2i-accordion-border-radius) !important;
}

.accordion:not(.accordion-flush) .accordion-button {
    border-top-left-radius: var(--m2i-accordion-inner-border-radius) !important;
    border-top-right-radius: var(--m2i-accordion-inner-border-radius) !important;
}

.accordion:not(.accordion-flush) .accordion-collapse.collapse:not(.show) ~ .accordion-header .accordion-button,
.accordion:not(.accordion-flush) .accordion-button.collapsed {
    border-bottom-right-radius: var(--m2i-accordion-inner-border-radius) !important;
    border-bottom-left-radius: var(--m2i-accordion-inner-border-radius) !important;
}

.accordion-button:has(>.ml-auto:not(.is-hidden))::after {
    margin-left: 1rem;
}

.accordion-item:has(>.accordion-collapse.collapse.show), .accordion-item:focus-within {
    box-shadow: 0 0 0 0.125rem var(--m2i-accordion-btn-focus-box-shadow-color, rgb(13 110 253 / 25%));
}

.m2i-live-accordion-header {
    counter-reset: stepnr;
}

.m2i-live-accordion-header > .accordion-item:not(.video-intro):nth-child(6n + 1) {
    --m2i-accordion-btn-focus-box-shadow-color: rgb(199 78 56 / 25%);
    --m2i-accordion-active-color: #58151c;
    --m2i-text-accent-color: rgb(199 78 56 / 25%)
}

.m2i-live-accordion-header > .accordion-item:not(.video-intro):nth-child(6n + 2) {
    --m2i-accordion-btn-focus-box-shadow-color: rgb(122 112 221 / 25%);
    --m2i-accordion-active-color: #3634a3;
    --m2i-text-accent-color: rgb(122 112 221 / 25%);
}

.m2i-live-accordion-header > .accordion-item:not(.video-intro):nth-child(6n + 3) {
    --m2i-accordion-btn-focus-box-shadow-color: rgb(217 183 0 / 25%);
    --m2i-accordion-active-color: #664d03;
    --m2i-text-accent-color: rgb(217 183 0 / 25%)
}

.m2i-live-accordion-header > .accordion-item:not(.video-intro):nth-child(6n + 4) {
    --m2i-accordion-btn-focus-box-shadow-color: rgb(22 169 137 / 25%);
    --m2i-accordion-active-color: #0a3622;
    --m2i-text-accent-color: rgb(22 169 137 / 25%)
}

.m2i-live-accordion-header > .accordion-item:not(.video-intro):nth-child(6n + 5) {
    --m2i-accordion-btn-focus-box-shadow-color: rgba(174, 120, 203, 0.25);
    --m2i-accordion-active-color: #470234;
    --m2i-text-accent-color: #dfbcef
}

.m2i-live-accordion-header > .accordion-item:not(.video-intro):nth-child(6n + 6) {
    --m2i-accordion-btn-focus-box-shadow-color: rgba(255, 0, 0, 0.25);
    --m2i-accordion-active-color: #58151c;
    --m2i-text-accent-color: #f3a1a1;
}

.m2i-live-accordion-header .accordion-item:not(.video-intro):has(.accordion-collapse.collapse.show) .accordion-header > .accordion-button {
    box-shadow: 0 0.125rem var(--m2i-accordion-btn-focus-box-shadow-color, rgb(13 110 253 / 25%));
}

.m2i-live-accordion-header > .accordion-item:not(.video-intro) > .accordion-header {
    counter-increment: stepnr;
    position: relative;
}

.m2i-live-accordion-header .accordion-item:not(.video-intro) .accordion-header::before {
    content: counters(stepnr, ".", decimal-leading-zero);
}

.m2i-live-accordion-header > .accordion-item:not(.video-intro) > .accordion-header::before {
    /* font-family: "Sora", sans-serif; */
    content: counter(stepnr, decimal-leading-zero);
    color: var(--m2i-text-accent-color);
    overflow: hidden;
    inset: 0;
    position: absolute;
    line-height: 0.7;
    font-size: 6rem;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    margin-left: -0.285rem;
}

.m2i-live-accordion-header .accordion-item:not(.video-intro) .accordion-header > .accordion-button {
    background-color: #ffffff40;
}

.objectif-m2i-live-action {
    color: #c74e38;
}

.m2i-live-accordion-header > .accordion-item:not(.video-intro):nth-child(6n + 1) .objectif-m2i-live-action {
    color: #c74e38;
}

.m2i-live-accordion-header > .accordion-item:not(.video-intro):nth-child(6n + 2) .objectif-m2i-live-action {
    color: #5946b2;
}

.m2i-live-accordion-header > .accordion-item:not(.video-intro):nth-child(6n + 3) .objectif-m2i-live-action {
    color: #ad9d41;
}

.m2i-live-accordion-header > .accordion-item:not(.video-intro):nth-child(6n + 4) .objectif-m2i-live-action {
    color: #39a474;
}

.m2i-live-accordion-header > .accordion-item:not(.video-intro):nth-child(6n + 5) .objectif-m2i-live-action {
    color: #a43996;
}

.m2i-live-accordion-header > .accordion-item:not(.video-intro):nth-child(6n + 6) .objectif-m2i-live-action {
    color: #a43939;
}

/* list-group */
.list-group {
    --m2i-list-group-color: var(--m2i-body-color);
    --m2i-list-group-bg: var(--m2i-body-background-color);
    --m2i-list-group-border-color: var(--m2i-border);
    --m2i-list-group-border-width: var(--m2i-border-width);
    --m2i-list-group-border-radius: var(--m2i-radius);
    --m2i-list-group-item-padding-x: 1rem;
    --m2i-list-group-item-padding-y: 0.5rem;
    --m2i-list-group-action-color: var(--m2i-secondary-color);
    --m2i-list-group-action-hover-color: var(--m2i-emphasis-color);
    --m2i-list-group-action-hover-bg: var(--m2i-tertiary-bg);
    --m2i-list-group-action-active-color: var(--m2i-body-color);
    --m2i-list-group-action-active-bg: var(--m2i-secondary-bg);
    --m2i-list-group-disabled-color: var(--m2i-secondary-color);
    --m2i-list-group-disabled-bg: var(--m2i-body-background-color);
    --m2i-list-group-active-color: #fff;
    --m2i-list-group-active-bg: #0d6efd;
    --m2i-list-group-active-border-color: #0d6efd;

    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: var(--m2i-list-group-border-radius)
}

.list-group-numbered {
    list-style-type: none;
    counter-reset: section
}

.list-group-numbered>.list-group-item::before {
    content: counters(section, ".") ". ";
    counter-increment: section
}

.list-group-item-action {
    width: 100%;
    color: var(--m2i-list-group-action-color);
    text-align: inherit
}

.list-group-item-action:hover,
.list-group-item-action:focus {
    z-index: 1;
    color: var(--m2i-list-group-action-hover-color);
    text-decoration: none;
    background-color: var(--m2i-list-group-action-hover-bg)
}

.list-group-item-action:active {
    color: var(--m2i-list-group-action-active-color);
    background-color: var(--m2i-list-group-action-active-bg)
}

.list-group-item {
    position: relative;
    display: block;
    padding: var(--m2i-list-group-item-padding-y) var(--m2i-list-group-item-padding-x);
    color: var(--m2i-list-group-color);
    text-decoration: none;
    background-color: var(--m2i-list-group-bg);
    border: var(--m2i-list-group-border-width) solid var(--m2i-list-group-border-color)
}

.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
}

.list-group-item.disabled,
.list-group-item:disabled {
    color: var(--m2i-list-group-disabled-color);
    pointer-events: none;
    background-color: var(--m2i-list-group-disabled-bg)
}

.list-group-item.active {
    z-index: 2;
    color: var(--m2i-list-group-active-color);
    background-color: var(--m2i-list-group-active-bg);
    border-color: var(--m2i-list-group-active-border-color)
}

.list-group-item+.list-group-item {
    border-top-width: 0
}

.list-group-item+.list-group-item.active {
    margin-top: calc(-1*var(--m2i-list-group-border-width));
    border-top-width: var(--m2i-list-group-border-width)
}

.list-group-horizontal {
    flex-direction: row
}

.list-group-horizontal>.list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--m2i-list-group-border-radius);
    border-top-right-radius: 0
}

.list-group-horizontal>.list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--m2i-list-group-border-radius);
    border-bottom-left-radius: 0
}

.list-group-horizontal>.list-group-item.active {
    margin-top: 0
}

.list-group-horizontal>.list-group-item+.list-group-item {
    border-top-width: var(--m2i-list-group-border-width);
    border-left-width: 0
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
    margin-left: calc(-1*var(--m2i-list-group-border-width));
    border-left-width: var(--m2i-list-group-border-width)
}

@media(min-width: 576px) {
    .list-group-horizontal-sm {
        flex-direction: row
    }

    .list-group-horizontal-sm>.list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--m2i-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-sm>.list-group-item:last-child:not(:first-child) {
        border-top-right-radius: var(--m2i-list-group-border-radius);
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-sm>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-sm>.list-group-item+.list-group-item {
        border-top-width: var(--m2i-list-group-border-width);
        border-left-width: 0
    }

    .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
        margin-left: calc(-1*var(--m2i-list-group-border-width));
        border-left-width: var(--m2i-list-group-border-width)
    }
}

@media(min-width: 768px) {
    .list-group-horizontal-md {
        flex-direction: row
    }

    .list-group-horizontal-md>.list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--m2i-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-md>.list-group-item:last-child:not(:first-child) {
        border-top-right-radius: var(--m2i-list-group-border-radius);
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-md>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-md>.list-group-item+.list-group-item {
        border-top-width: var(--m2i-list-group-border-width);
        border-left-width: 0
    }

    .list-group-horizontal-md>.list-group-item+.list-group-item.active {
        margin-left: calc(-1*var(--m2i-list-group-border-width));
        border-left-width: var(--m2i-list-group-border-width)
    }
}

@media(min-width: 992px) {
    .list-group-horizontal-lg {
        flex-direction: row
    }

    .list-group-horizontal-lg>.list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--m2i-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-lg>.list-group-item:last-child:not(:first-child) {
        border-top-right-radius: var(--m2i-list-group-border-radius);
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-lg>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-lg>.list-group-item+.list-group-item {
        border-top-width: var(--m2i-list-group-border-width);
        border-left-width: 0
    }

    .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
        margin-left: calc(-1*var(--m2i-list-group-border-width));
        border-left-width: var(--m2i-list-group-border-width)
    }
}

@media(min-width: 1200px) {
    .list-group-horizontal-xl {
        flex-direction: row
    }

    .list-group-horizontal-xl>.list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--m2i-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-xl>.list-group-item:last-child:not(:first-child) {
        border-top-right-radius: var(--m2i-list-group-border-radius);
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-xl>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-xl>.list-group-item+.list-group-item {
        border-top-width: var(--m2i-list-group-border-width);
        border-left-width: 0
    }

    .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
        margin-left: calc(-1*var(--m2i-list-group-border-width));
        border-left-width: var(--m2i-list-group-border-width)
    }
}

@media(min-width: 1400px) {
    .list-group-horizontal-xxl {
        flex-direction: row
    }

    .list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--m2i-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child) {
        border-top-right-radius: var(--m2i-list-group-border-radius);
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-xxl>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-xxl>.list-group-item+.list-group-item {
        border-top-width: var(--m2i-list-group-border-width);
        border-left-width: 0
    }

    .list-group-horizontal-xxl>.list-group-item+.list-group-item.active {
        margin-left: calc(-1*var(--m2i-list-group-border-width));
        border-left-width: var(--m2i-list-group-border-width)
    }
}

.list-group-flush {
    border-radius: 0
}

.list-group-flush>.list-group-item {
    border-width: 0 0 var(--m2i-list-group-border-width)
}

.list-group-flush>.list-group-item:last-child {
    border-bottom-width: 0
}

/* list-group-spaced */

.list-group.list-group-spaced {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    gap: .5rem !important;
    width: 100%;
    border: 0 !important;
}

.list-group.list-group-spaced:empty {
    padding: 20px;
    background: pink;
}

.list-group.list-group-spaced > .list-group-item {
    border-color: rgb(0 5 120 / 38%);
    background-color: #0005780d;
    margin-bottom: 0;
    position: relative;
    justify-content: space-between;
    padding: 0.75rem 1.25rem;
    border-width: 1px;
    border-style: solid;
    border-radius: var(--m2i-radius);
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.list-group.list-group-spaced > .list-group-item:hover,
.list-group.list-group-spaced > .list-group-item:focus {
    border-color: var(--m2i-color-blue);
    background-color: rgb(0 5 120 / 10%);
}

/* list-groups */

.form-check-input:checked + .form-checked-content {
    opacity: .5;
}

.form-check-input-placeholder {
    border-style: dashed;
}
[contenteditable]:focus {
    outline: 0;
}

.list-group-checkable .list-group-item {
    cursor: pointer;
}
.list-group-item-check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}
.list-group-item-check:hover + .list-group-item {
    background-color: var(--m2i-secondary-bg);
}
.list-group-item-check:checked + .list-group-item {
    color: #fff;
    background-color: var(--m2i-primary);
    border-color: var(--m2i-primary);
}
.list-group-item-check[disabled] + .list-group-item,
.list-group-item-check:disabled + .list-group-item {
    pointer-events: none;
    filter: none;
    opacity: .5;
}

.list-group-radio .list-group-item {
    cursor: pointer;
    border-radius: .5rem;
}
.list-group-radio .form-check-input {
    z-index: 2;
    margin-top: -.5em;
}
.list-group-radio .list-group-item:hover,
.list-group-radio .list-group-item:focus {
    background-color: var(--m2i-secondary-bg);
}

.list-group-radio .form-check-input:checked + .list-group-item {
    border-color: var(--m2i-primary);
    box-shadow: 0 0 0 2px var(--m2i-primary);
}
.list-group-radio .form-check-input[disabled] + .list-group-item,
.list-group-radio .form-check-input:disabled + .list-group-item {
    pointer-events: none;
    filter: none;
    opacity: .5;
}

li.list-group-item {
    background: var(--m2i-list-group-bg) !important;
}

.pe-none {
    pointer-events: none !important;
}

.nav-scroller {
    position: relative;
    z-index: 2;
    height: 3.288rem;
    overflow-y: hidden;
}

.nav-scroller .nav {
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: 0.5rem;

    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    display: flex;
    flex-wrap: nowrap;
    padding-bottom: 1rem;
    margin-top: -1px;
    overflow-x: auto;
    text-align: center;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    color: rgba(255, 255, 255, .75);
}

.transition-color {
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}

.shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.handle,
.my-handle {
    cursor: grabbing;
}

.sortable-chosen {
    border-color: var(--m2i-color-blue) !important;
    background-color: rgb(0 5 120 / 21%) !important;
}

.sortable-ghost {
    border-color: var(--m2i-color-red) !important;
    background-color: rgb(248 49 49 / 21%) !important;
}

.sortable-drag {
    background-color: transparent !important;
    border-color: transparent !important;
    opacity: 0.95;
}

[data-ux-typed-strings-value] {
    /*white-space: pre;*/
}

.has-light-blue-bg {
    background-color: var(--m2i-info-95);
}



.is-display-none,
.is-hidden {
    display: none !important;
}
@media screen and (max-width: 768px) {
    .is-display-none-mobile,
    .is-hidden-mobile {
        display: none !important;
    }
}
@media screen and (min-width: 769px), print {
    .is-display-none-tablet,
    .is-hidden-tablet {
        display: none !important;
    }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
    .is-display-none-tablet-only,
    .is-hidden-tablet-only {
        display: none !important;
    }
}
@media screen and (max-width: 1023px) {
    .is-display-none-touch,
    .is-hidden-touch {
        display: none !important;
    }
}
@media screen and (min-width: 1024px) {
    .is-display-none-desktop,
    .is-hidden-desktop {
        display: none !important;
    }
}

.programmes-soft-skills-timeline__content > div > p {
    margin-bottom: 1rem;
}