body.foreval-sessions .block-list,
body.foreval-attendees.tests .block-list {
    margin-top: 10px;
    width: 100%;
    display: grid;
    grid-gap: 10px;
}

body.foreval-sessions .session-block.col-container,
body.foreval-sessions .session-block.col-container > .col-container {
    width: 100%;
}

body.foreval-sessions .session-block {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    position: relative;
}

body.foreval-sessions .col-container,
body.foreval-attendees .col-container {
    display: flex;
    justify-content: space-between;
}

body.foreval-sessions .session-btn {
    position: absolute;
    right: 15px;
    bottom: 10px;
}

body.foreval-sessions .session-block * {
    margin: 0;
}

body.foreval-sessions a,
body.foreval-attendees a {
    text-decoration: none;
}


body.foreval-sessions .session-block .highlight {
    width: 80px;
    min-width: 80px;
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: space-between;
}

body.foreval-sessions .session-block .highlight,
body.foreval-sessions .session-block .content {
    padding: 20px 15px;
    box-sizing: border-box;
}

body.foreval-sessions .session-block .highlight {
    text-align: center;
}

    body.foreval-sessions .session-block .highlight .icon {
        display: block;
        padding-bottom: 5px;
    }


body.foreval-sessions .gauge-value,
body.foreval-attendees .gauge-value {
    font-weight: bold;
}

body.foreval-sessions .session-btn + .col-container .content.text-discreet {
    padding-bottom: 50px;
}

body.foreval-sessions .session-block.col-container > .col-container .content {
    width: 100%;
}

body.foreval-sessions .session-block .highlight,
body.foreval-sessions .session-block .content {
    padding: 20px 15px;
    padding-bottom: 20px;
    box-sizing: border-box;
}

body.foreval-sessions .session-block h2 {
    padding-bottom: 5px;
}

body.foreval-sessions .session {
    font-weight: bold;
}

body.foreval-sessions h2 {
    font-size: 16px;
}

body.foreval-sessions .session-block h4 {
    padding-bottom: 20px;
}

body.foreval-sessions h4,
body.foreval-attendees h4 {
    font-size: 16px;
    font-weight: lighter;
}

body.foreval-attendees h4,
body.foreval-sessions h4,
body.foreval-attendees p,
body.foreval-sessions p {
    margin: 0;
}

body.foreval-sessions .gauge-bar,
body.foreval-attendees .gauge-bar {
    display: block;
    height: 3px;
    position: absolute;
    left: 0;
    bottom: 0;
}

body.foreval-sessions .cta-action.cta-vertical,
body.foreval-attendees .cta-action.cta-vertical {
    flex-direction: column;
}

body.foreval-sessions .cta-action {
    align-items: center;
    display: inline-flex;
    text-decoration: none;
    font-weight: bold;
}

    body.foreval-sessions .cta-action.cta-vertical.small .icon,
    body.foreval-attendees .cta-action.cta-vertical.small .icon {
        height: 34px;
        line-height: 34px;
        min-width: 34px;
        width: 34px;
    }

    body.foreval-sessions .cta-action.cta-vertical .icon,
    body.foreval-attendees .cta-action.cta-vertical .icon {
        height: 48px;
        line-height: 48px;
        min-width: 48px;
        width: 48px;
    }

    body.foreval-sessions .cta-action .icon,
    body.foreval-attendees .cta-action .icon {
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    }

    body.foreval-attendees .cta-action .icon,
    body.foreval-sessions .cta-action .icon {
        border-radius: 50%;
        display: inline-block;
        font-size: 18px;
        padding: 0;
        text-align: center;
    }

body.foreval-sessions.fa,
body.foreval-sessions .fas {
    font-weight: 900;
}

body.foreval-sessions.fa,
body.foreval-sessions.far,
body.foreval-sessions.fas {
    font-family: "Font Awesome 5 Free";
}

body.foreval-sessions .fa, body.foreval-sessions .fab,
body.foreval-sessions .fal,
body.foreval-sessions .far,
body.foreval-sessions.fas {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

body.foreval-sessions .filter-date-block {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.marginR15 {
    margin-right: 15px;
}

body.foreval-sessions .form-field-container.search-input-container {
    margin-top: 5px;
}

body.foreval-sessions #divBtnPagination {
    margin-top: 40px;
}

body.foreval-sessions div#divBtnPagination {
    width: 1180px;
    display: flex;
    flex-wrap: initial;
    place-content: space-between;
    padding-left: 0;
}

body.foreval-attendees .intern-block {
    padding: 20px 15px 15px;
    flex-direction: column;
    width: 100%;
    position: relative;
    width: 1180px;
}

body.foreval-attendees .intern-block-header {
    align-items: center;
    justify-content: space-between;
}

    body.foreval-attendees .intern-block-header .profile-name-container {
        align-items: center;
    }

body.foreval-attendees .intern-element {
    display: inline-flex;
    align-items: center;
}

body.foreval-attendees p {
    line-height: 20px;
}

body.foreval-attendees .user-employer {
    font-size: 13px;
    font-style: italic;
}

body.foreval-attendees.attendee .qrcode {
    position: absolute;
    right: 10px;
    bottom: 47px;
}

body.foreval-attendees .intern-element .profile-container {
    margin-right: 10px;
}

body.foreval-attendees .intern-block .keyword-group {
    margin-top: 10px;
    margin-bottom: 10px;
}
/* body.foreval-attendees .unstyled { */
/* list-style-type: none; */
/* display: inline-block; */
/* } */
body.foreval-attendees .keyword {
    display: inline-block;
    width: auto;
    margin-bottom: 2px;
}

    body.foreval-attendees .keyword > span {
        display: inline-block;
        position: relative;
        padding: 8px 15px;
        border-width: 2px;
        border-style: solid;
        border-radius: 20px;
        font-size: 14px;
        font-weight: 400;
        box-sizing: border-box;
    }

body.foreval-attendees .intern-block .gauge-container {
    justify-content: space-between;
}

body.foreval-attendees .table-list-col.avatar {
    margin-right: 10px;
}

body.foreval-attendees .keyword > span::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-width: 2px;
    border-style: solid;
    border-radius: 20px;
    box-sizing: border-box;
}

body.foreval-attendees i.icon.icon-margin-left {
    margin-left: 5px;
}

body.foreval-attendees i.icon.icon-margin {
    margin-right: 5px;
}

body.foreval-attendees .round-container-14 {
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    border-radius: 50%;
    min-width: 14px;
    border-color: transparent;
    font-size: 8px;
    position: relative;
    top: -2px;
}

body.foreval-attendees .bg-pending {
    background-color: #54aff5 !important;
}

body.foreval-attendees .reversed-color {
    color: #ffffff !important;
}

body.foreval-attendees .intern-block.col-container {
    margin-bottom: 10px;
}

body.foreval-attendees span.profile-container.bg-pending.pic-48.reversed-color {
    margin-left: 10px;
    text-align: center;
    align-content: center;
}

body.foreval-attendees i.icon.fas.fa-edit,
body.foreval-attendees i.icon.fas.fa-paper-plane {
    font-size: 16px;
    ;
}

body.foreval-attendees .cta-action {
    align-items: center;
    display: inline-flex;
    text-decoration: none;
    font-weight: bold;
}

    body.foreval-attendees .cta-action.cta-horizontal.medium .icon {
        height: 40px;
        line-height: 40px;
        min-width: 40px;
        width: 40px;
    }

        body.foreval-attendees .cta-action.cta-horizontal.medium .icon.forum {
            line-height: 25px;
        }

    body.foreval-attendees .cta-action.medium .icon {
        background-color: #54aff5;
    }

    body.foreval-attendees .cta-action.cta-horizontal .icon {
        height: 52px;
        line-height: 52px;
        min-width: 52px;
        width: 52px;
    }

body.foreval-attendees .custom-forum-btn .icon {
    text-align: center;
    width: 80px !important;
    border-radius: 20px;
}

body.foreval-attendees .cta-action.cta-horizontal span {
    line-height: 52px;
}

body.foreval-attendees .cta-action .icon {
    background-color: #7db9dd;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    color: #ffffff;
}

body.foreval-attendees .custom-forum-btn .icon span {
    line-height: normal;
    font-size: 12px;
    display: block;
    margin: auto !important;
}

body.foreval-attendees span.icon.forum {
    display: flex;
    flex-direction: column;
}

body.foreval-attendees a#ContentPlaceHolder1_btnSendToForum {
    float: right;
    align-content: center;
}

body.foreval-attendees .manager-interface {
    max-width: 1270px;
}

body.foreval-attendees .ImgQrCodeGenerator {
    width: 100px;
}

body.foreval-attendees #qrModalImage {
    max-width: 75%;
    max-height: 75%;
}

body.foreval-attendees #qrModal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(16,63,106,1);
    z-index: 1000;
    cursor: pointer;
}

    body.foreval-attendees #qrModal div:last-child {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
    }

body.foreval-attendees h1::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    width: 28px;
    bottom: 0;
    height: 4px;
}

body.foreval-attendees h1 {
    font-family: Neuton, Serif;
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 20px;
    padding-bottom: 12px;
    position: relative;
}

    body.foreval-attendees h1.qrCode-title {
        position: absolute;
        top: 50px;
        left: 30px;
    }

body.foreval-attendees .btn-back .icon {
    border-radius: 50%;
    display: inline-block;
    font-size: 18px;
    padding: 0;
    text-align: center;
    height: 40px;
    line-height: 40px;
    min-width: 40px;
    width: 40px;
    border-width: 1px;
    border-style: solid;
    margin-right: 10px;
}

body.foreval-attendees .header-attendees {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    align-items: center;
}

body.foreval-attendees span#ContentPlaceHolder1_spanBtnBack {
    font-size: large;
}

body.foreval-attendees p.user-notes {
    margin-bottom: 35px;
    margin-left: 70px;
    margin-top: 20px;
}

body.foreval-attendees p {
    line-height: 20px;
}

body.foreval-attendees .intern-block.selected .gauge-status {
    margin-left: 70px;
}
/* body.foreval-attendees.tests .qrcode { */
/* position: absolute; */
/* right: 8px; */
/* bottom: 30px; */
/* } */
body.foreval-attendees.tests .ImgQrCodeGenerator {
    width: 150px;
}

a.noLink {
    text-decoration: none;
    cursor: none;
    font-weight: 500;
}

body.foreval-attendees.tests .intern-block-header {
    align-items: flex-start;
}

body.foreval-attendees.tests .col-container:not(.three-col-container) > [class*="col-"]:not(.col-12):first-child {
    padding-right: 0;
}

body.foreval-attendees.tests .intern-block {
    padding: 12px 8px 15px;
}

body.foreval-attendees.tests p.user-notes {
    margin-top: 15px;
}


body.foreval-attendees.tests .main-container {
    padding: 25px 15px;
    box-sizing: border-box;
}
/* body.foreval-attendees.tests .main-container.attendee-result { */
/* padding-right: 30px; */
/* } */

body.foreval-attendees.tests h3::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    width: 20px;
    bottom: 0;
    height: 4px;
}

body.foreval-attendees.tests h3 {
    font-family: Neuton, Serif;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 16px;
    padding-bottom: 12px;
    position: relative;
}

body.foreval-attendees section.main-container {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}

body.foreval-attendees.tests .test-block {
    border-top-color: #edf2f5;
    border-bottom-color: #edf2f5;
}

body.foreval-attendees.tests .test-block {
    border-top-width: 5px;
    border-bottom-width: 5px;
    border-top-style: solid;
    border-bottom-style: solid;
    padding: 30px 20px 30px 30px;
}

body.foreval-attendees.tests .test-block {
    position: relative;
}

    body.foreval-attendees.tests .test-block::before {
        content: '';
        display: block;
        position: absolute;
        width: 1px;
        left: 2px;
        top: 0;
        bottom: 0;
    }

    body.foreval-attendees.tests .test-block .test-container {
        justify-content: space-between;
        flex-wrap: wrap;
    }

    body.foreval-attendees.tests .test-block .test-content {
        position: relative;
    }

body.foreval-attendees.tests .cursor-default {
    cursor: default;
}

body.foreval-attendees.tests .test-content .round-container-28 {
    position: absolute;
    top: -6px;
    left: -40px;
}

body.foreval-attendees.tests .round-container-28 {
    display: inline-block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    border-radius: 50%;
    min-width: 26px;
    border-width: 2px;
    border-style: solid;
}

body.foreval-attendees.tests .following-content {
    display: block;
    margin-top: 20px;
}

body.foreval-attendees.tests .test-block .test-score span {
    font-size: 16px;
    font-weight: bold;
}

body.foreval-attendees.tests i.icon {
    margin-right: 5px;
}

body.foreval-attendees.tests .main-container .following-content {
    display: block;
    margin-top: 20px;
}

body.foreval-attendees .cta-action.cta-vertical.APV-btn {
    height: auto;
}

/* body.foreval-attendees .main-container .following-container { */
/* display: block; */
/* margin-top: 40px; */
/* } */
body.foreval-attendees .btn-test-config.cta-off,
body.foreval-attendees .btn-test-config.cta-on {
    float: right;
    margin-bottom: 10px;
    margin-right: 28px;
}

body.foreval-attendees .following-container.include-config-btn {
    display: flex;
    justify-content: space-between;
}

body.foreval-attendees .main-container.config-mode .test-status > label.switch {
    pointer-events: initial;
}

body.foreval-attendees .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
    margin: 10px 0;
}

body.foreval-attendees .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #7db9dd;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 34px;
}

body.foreval-attendees input[type="checkbox"] {
    transform: scale(1.3);
    min-width: 17px;
    min-height: 17px;
}

body.foreval-attendees .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

body.foreval-attendees .slider::before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    right: 4px;
    bottom: 4px;
    left: 30px;
    transition: .4s;
    border-radius: 50%;
}

body.foreval-attendees input:checked + .slider::before {
    transform: translateX(-26px);
}

body.foreval-attendees input[type=checkbox] + span.slider:before {
    top: 48%;
}

body.foreval-import-sessions .import-btn-row {
    margin-top: 20px;
}

body.foreval-attendees label.switch.disabled {
    opacity: 0.5;
    pointer-events: none;
}

body.foreval-attendees .cursor {
    cursor: pointer;
}

body.foreval-attendees .theme-result li i + span {
    display: table-cell;
    min-width: 18px;
}

body.foreval-attendees .theme-result li {
    display: table-row;
}

body.foreval-attendees ul.following-content.unstyled.theme-result {
    margin-left: 50px;
}

.marginB10 {
    margin-bottom: 10px;
}

body.foreval-attendees.edit-test-result .grid_edit-block {
    /* display: grid; */
    /* grid-template-columns: 1fr auto auto; */
    display: flex;
    border-top: 1px solid #8dc3ff;
    border-left: 2px solid #2d6d99;
}

    body.foreval-attendees.edit-test-result .grid_edit-block > div
    /* body.foreval-attendees.edit-test-result .row-question-result, */ {
        border-bottom: 1px solid #8dc3ff;
        border-right: 2px solid #2d6d99;
        padding: 10px;
    }

body.foreval-attendees.edit-test-result .grid_edit-block_header {
    text-align: center;
}

body.foreval-attendees.edit-test-result .grid_edit-block_blockhd {
    grid-column: 1 / span 3;
    background-color: #2d6d99;
    padding: 10px;
    font-weight: bold;
    color: #ffffff;
    display: flex;
    justify-content: space-between;
}

body.foreval-attendees.edit-test-result .grid_edit-block_blockhd {
    font-weight: bold;
    color: #ffffff;
}

body.foreval-attendees.edit-test-result .grid_edit-block_blockhd_q-title {
    grid-column: 1;
}

body.foreval-attendees.edit-test-result .grid_edit-block_blockhd_q-score {
    text-align: center;
    font-weight: bold;
    grid-column: 2;
}

body.foreval-attendees.edit-test-result .grid_edit-block_blockhd_q-edit {
    grid-column: 3;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

body.foreval-attendees.edit-test-result .grid_edit-block_header.edit-title,
body.foreval-attendees.edit-test-result .grid_edit-block_blockhd_q-edit,
body.foreval-attendees.edit-test-result .grid_edit-block_header.score-title,
body.foreval-attendees.edit-test-result .grid_edit-block_blockhd_q-score {
    width: 60px;
}

body.foreval-attendees.edit-test-result .row-question-result {
    display: flex;
    align-items: center;
    /* justify-content: center; */
}

body.foreval-attendees.edit-test-result .grid_edit-block_blockhd_q-edit,
body.foreval-attendees.edit-test-result .grid_edit-block_blockhd_q-score {
    padding: 10px;
}

body.foreval-attendees.edit-test-result .grid_edit-block_header,
body.foreval-attendees.edit-test-result .question-result-title {
    width: 970px;
    padding: 10px;
}

body.foreval-attendees.edit-test-result .row-question-result {
    border-bottom: 1px solid #8dc3ff;
    border-right: 2px solid #2d6d99;
    border-left: 2px solid #2d6d99;
}

body.foreval-attendees.edit-test-result .grid_edit-block_blockhd_q-edit {
    border-left: 2px solid #2d6d99;
}

body.foreval-attendees.edit-test-result .grid_edit-block_blockhd_q-score {
    padding-top: 16px;
    padding-bottom: 16px;
}

body.foreval-attendees.edit-test-result .grid_edit-block_blockhd_q-score {
    border-left: 2px solid #2d6d99;
}

body.foreval-attendees.edit-test-result .grid_edit-block_blockhd_q-edit {
    width: 100px;
}

body.foreval-attendees .player-iframe,
body.foreval-attendees .fasteval-iframe {
    width: -webkit-fill-available;
    height: 500px;
    /* margin-top:40px; */
    padding: 10px;
    border-style: hidden;
}

body.foreval-attendees a.btn-back {
    display: flex;
    align-items: center;
}

body.foreval-attendees div#divBtnBack {
    display: flex;
    flex-direction: column;
}

body.foreval-attendees div#divHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

body.foreval-attendees div#divHeaderRight {
    margin-right: 20px;
    display: flex;
    justify-content: space-between;
}

body.foreval-attendees.test-frame ul.intern-list.unstyled {
    margin-left: 70px;
}

body.foreval-attendees.test-frame div#divOtherAttendees {
    margin: 50px;
}

body.foreval-attendees.test-frame #divOtherAttendees .profile-name-container.col-container {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 10px;
}

body.foreval-attendees.test-frame #divOtherAttendees .table-list-col.avatar {
    flex: 0 0 60px;
    margin: 0;
}

body.foreval-attendees.test-frame #divOtherAttendees .attendee-fullname {
    flex: 1 1 auto;
    min-width: 0;
}

body.foreval-attendees.test-frame div.attendee-fullname {
    display: flex;
    align-items: center;
}

body.foreval-attendees.test-frame .btn-other-attendees {
    margin-left: 10px;
}

body.foreval-attendees.test-frame h3.otherAttendees {
    font-size: 20px;
}

body.foreval-attendees.tests.test-result .block-list.unstyled {
    padding: 25px 15px;
}

body.foreval-attendees.edit-test-result .div-content,
body.foreval-attendees.edit-test-result .div-content > div {
    margin-left: 15px;
}

body.foreval-attendees.tests.edit-test-result h3 {
    margin-bottom: 25px;
}

body.foreval-attendees.edit-test-result .div-content {
    width: 100%;
}

body.foreval-attendees.edit-test-result .grid_edit-block_header.edit-title {
    width: 100px;
}

body.foreval-attendees .text-error {
    margin: 0;
}

body.foreval-attendees .cta-action.default.qm-picture-clear {
    width: max-content;
}

body.foreval-attendees .container.form-container {
    margin-bottom: 30px;
}

body.foreval-attendees.trainings .trainings-main-content.following-container h1 {
    display: block;
    position: relative;
    font-size: 48px;
    font-family: Neuton, Serif;
    font-weight: normal;
    line-height: normal;
    padding-bottom: 24px;
}

.lessons-container table.timeline-table > tbody > tr:has(> td > .content > b > i.fa-binoculars) {
    display: none;
}

body#login .mainLoginForm select[id$='cboDomainChoose'] + .custom-select {
    display: none !important;
}

body.foreval-attendees.tests.test-result ul.following-content.unstyled.question-result {
    display: block;
    margin-left: 50px;
}

    body.foreval-attendees.tests.test-result ul.following-content.unstyled.question-result > li {
        position: relative;
        display: block;
        padding-left: 30px;
    }

        body.foreval-attendees.tests.test-result ul.following-content.unstyled.question-result > li + li {
            margin-top: 18px;
            padding-top: 18px;
            border-top: 1px solid #edf2f5;
        }

        body.foreval-attendees.tests.test-result ul.following-content.unstyled.question-result > li > i {
            position: absolute;
            left: 0;
            top: 3px;
            width: 18px;
            margin-right: 0;
            color: #9aa8b3;
        }

        body.foreval-attendees.tests.test-result ul.following-content.unstyled.question-result > li > span {
            display: block;
            margin-top: 0;
            margin-bottom: 10px;
            color: #2f3b45;
            font-weight: 700;
            line-height: 22px;
        }

        body.foreval-attendees.tests.test-result ul.following-content.unstyled.question-result > li > p {
            margin: 0;
            color: #55646e;
            line-height: 22px;
        }

            body.foreval-attendees.tests.test-result ul.following-content.unstyled.question-result > li > p + p {
                margin-top: 8px;
            }

.lessons-container table.timeline-table > tbody > tr > td > a:has(> i:is(.fa-refresh, .fa-lock)) {
    display: none;
}

#profilPicture .pic-3Quarts, #profilPicture .newsImgThmb3Quarts {
    width: 240px;
    height: 320px;
    object-fit: cover;
}

#profilPicture .ThmbPanel3Quarts {
    width: 240px;
    height: 320px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

#profilPicture .image-crop3Quarts {
    width: 240px !important;
    height: 320px !important;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(45deg, rgba(114, 138, 150, 0.18) 25%, transparent 25%), linear-gradient(-45deg, rgba(114, 138, 150, 0.18) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgba(114, 138, 150, 0.18) 75%), linear-gradient(-45deg, transparent 75%, rgba(114, 138, 150, 0.18) 75%);
    background-position-x: 0%, 0%, 0%, 0%;
    background-position-y: 0%, 0%, 0%, 0%;
    background-size: auto, auto, auto, auto;
    background-size: 24px 24px;
    background-position: 0 0, 0 12px, 12px -12px, -12px 0;
    overflow: hidden;
}

.image-crop3Quarts, .jcrop-holder {
    position: relative;
    width: 100%;
    height: 100%;
}

.pic-48 {
    display: block; /* ou inline-block selon besoin */
    width: 48px;
    max-width: 48px; /* diamètre max */
    height: calc(48px * 4 / 3); /* hauteur = largeur * 4/3 => ratio 3/4 */
    object-fit: cover; /* recadrage sans déformation */
    object-position: center; /* centre le recadrage */
    -webkit-clip-path: circle(24px at 50% 50%);
    clip-path: circle(24px at 50% 50%); /* masque en cercle de rayon 24px (diamètre 48px) */
    display: block;
}

@media (max-width: 768px) {
  .pic-64, .pic-48 {
    width: 36px;
    max-width: 36px;
    min-width: 36px;
    height: 36px;
    max-height: 36px;
  }
}

body.foreval-attendees #divOtherAttendees .pic-48 {
    min-width: 48px;
    height: 48px;
    max-height: 48px;
    clip-path: none;
    -webkit-clip-path: none;
    border-radius: 50%;
}

.pic-64 {
    display: block; /* ou inline-block selon besoin */
    width: 64px;
    max-width: 64px; /* diamètre max */
    height: calc(64px * 4 / 3); /* hauteur = largeur * 4/3 => ratio 3/4 */
    object-fit: cover; /* recadrage sans déformation */
    object-position: center; /* centre le recadrage */
    -webkit-clip-path: circle(32px at 50% 50%);
    clip-path: circle(32px at 50% 50%); /* masque en cercle de rayon 24px (diamètre 48px) */
    display: block;
}

/* Gabarit de photo d'identité */

.CropPanel {
    position: relative;
    display: inline-block;
    width: 100%;
}

.id-card-gabarit {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    pointer-events: none;
    z-index: 9999;
    display: none;
    transform-origin: center center;
    margin: 0 !important;
    padding: 0 !important;
    aspect-ratio: 3 / 4; /* Force le ratio 3/4 */
}

    .id-card-gabarit.active {
        display: block;
        border: 1px dashed red;
    }

/* Conteneur template - ne change rien, juste une div enveloppe */
.id-card-template {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

/* Tête - dimensions relatives au conteneur 3/4 */
.id-card-head {
    position: absolute;
    top: 2%;
    left: 50%;
    transform: translateX(-50%);
    width: 65%;
    height: 60%;
    border: 2px solid rgba(255, 255, 255, 0.95);
    border-radius: 50%;
    box-sizing: border-box;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.3);
}

/* Épaules */
.id-card-shoulders {
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    height: 35%;
    border: 2px solid rgba(255, 255, 255, 0.95);
    border-radius: 50% 50% 20% 20%;
    border-top: none;
    box-sizing: border-box;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.3);
}

/* Réinitialiser pour la jcrop-holder */
.jcrop-holder #idCardGabarit {
    position: absolute !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none;
    z-index: 9999;
    display: none;
    border: 2px dashed rgba(255, 255, 255, 0.7);
    box-sizing: border-box;
}

    .jcrop-holder #idCardGabarit.active {
        display: block !important;
    }

    .jcrop-holder #idCardGabarit .id-card-template {
        position: relative;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
    }

    /* Tête et épaules s'adaptent au gabarit */
    .jcrop-holder #idCardGabarit .id-card-head {
        position: absolute;
        top: 2%;
        left: 50%;
        transform: translateX(-50%);
        width: 65%;
        height: 60%;
        border: 2px solid rgba(255, 255, 255, 0.95);
        border-radius: 50%;
        box-sizing: border-box;
        box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.3);
    }

    .jcrop-holder #idCardGabarit .id-card-shoulders {
        position: absolute;
        top: 55%;
        left: 50%;
        transform: translateX(-50%);
        width: 80%;
        height: 35%;
        border: 2px solid rgba(255, 255, 255, 0.95);
        border-radius: 50% 50% 20% 20%;
        border-top: none;
        box-sizing: border-box;
        box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.3);
    }

    /* --- Ajustement du gabarit tête/épaules pour cropping 3/4 --- */

    /* Gabarit dans la zone de sélection (ex : .jcrop-holder #idCardGabarit) */
    .jcrop-holder #idCardGabarit .id-card-head {
        /* Allonger la tête : augmenter la hauteur et remonter le top */
        top: 5%; /* Avant : 2% */
        left: 50%;
        transform: translateX(-50%);
        width: 65%;
        height: 68%; /* Avant : 60% */
        border: 2px solid rgba(255, 255, 255, 0.95);
        border-radius: 50%;
        box-sizing: border-box;
        box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.3);
    }

    .jcrop-holder #idCardGabarit .id-card-shoulders {
        /* Descendre les épaules et les allonger jusqu'en bas */
        top: 68%; /* Avant : 55% */
        left: 50%;
        transform: translateX(-50%);
        width: 90%; /* Plus large pour suivre la zone */
        height: 32%; /* Ajusté pour que le bas touche le bas du gabarit */
        border: 2px solid rgba(255, 255, 255, 0.95);
        border-radius: 50% 50% 30% 30%;
        border-top: none;
        box-sizing: border-box;
        box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.3);
        /* Le bas des épaules est aligné avec le bas du gabarit (zone de sélection) */
    }

    /* Gabarit tête/épaules - commun */
    .id-card-head,
    .jcrop-holder #idCardGabarit .id-card-head {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 65%;
        border: 2px solid rgba(255, 255, 255, 0.95);
        border-radius: 50%;
        box-sizing: border-box;
        box-shadow: 0 0 0 2px rgba(0,0,0,0.3);
    }

    .id-card-shoulders,
    .jcrop-holder #idCardGabarit .id-card-shoulders {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        border: 2px solid rgba(255,255,255,0.95);
        border-radius: 50% 50% 30% 30%;
        border-top: none;
        box-sizing: border-box;
        box-shadow: 0 0 0 2px rgba(0,0,0,0.3);
    }

/* Spécifique au contexte */
.id-card-head {
    top: 10%;
    height: 68%;
}

.id-card-shoulders {
    top: 68%;
    width: 90%;
    height: 32%;
}

.jcrop-holder #idCardGabarit .id-card-head {
    top: 10%;
    height: 68%;
}

.jcrop-holder #idCardGabarit .id-card-shoulders {
    top: 68%;
    width: 90%;
    height: 32%;
}

body.foreval-attendees.forms .profile-name-container.col-container {
    flex-direction: column;
    align-items: flex-start;
}

body.foreval-attendees.forms span.text-discreet.form {
    margin-left: 10px;
    margin-top: 15px;
}

#profilPicture .fixed-crop-panel {
    position: relative;
    width: 240px;
    height: 320px;
    overflow: hidden;
    touch-action: none;
    background: linear-gradient(45deg, rgba(114, 138, 150, 0.18) 25%, transparent 25%), linear-gradient(-45deg, rgba(114, 138, 150, 0.18) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, rgba(114, 138, 150, 0.18) 75%), linear-gradient(-45deg, transparent 75%, rgba(114, 138, 150, 0.18) 75%);
    background-size: 24px 24px;
    background-position: 0 0, 0 12px, 12px -12px, -12px 0;
}

    #profilPicture .fixed-crop-panel .newsImgThmbCrop {
        position: absolute;
        max-width: none !important;
        max-height: none !important;
        border-radius: 0;
        cursor: move;
        user-select: none;
        -webkit-user-drag: none;
    }

    #profilPicture .fixed-crop-panel .id-card-gabarit {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 5;
        box-sizing: border-box;
        border: 2px dashed rgba(255, 255, 255, 0.8);
    }

        #profilPicture .fixed-crop-panel .id-card-gabarit .id-card-template {
            position: relative;
            width: 100%;
            height: 100%;
        }

        #profilPicture .fixed-crop-panel .id-card-gabarit .id-card-head,
        #profilPicture .fixed-crop-panel .id-card-gabarit .id-card-shoulders {
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            border: 2px solid rgba(255, 255, 255, 0.95);
            box-sizing: border-box;
            box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.3);
        }

        #profilPicture .fixed-crop-panel .id-card-gabarit .id-card-head {
            top: 10%;
            width: 65%;
            height: 68%;
            border-radius: 50%;
        }

        #profilPicture .fixed-crop-panel .id-card-gabarit .id-card-shoulders {
            top: 68%;
            width: 90%;
            height: 32%;
            border-top: none;
            border-radius: 50% 50% 30% 30%;
        }

#profilPicture #image-crop {
    width: 240px;
    height: 320px;
}

body.foreval-attendees section.inner.manager-interface:has(table.userinfo) {
    width: 100%;
    max-width: 90%;
    padding-left: 16px;
    padding-right: 16px;
    box-sizing: border-box;
}

body.foreval-attendees .before-final-cta {
    width: 100%;
    overflow: visible;
}

    body.foreval-attendees .before-final-cta > .container {
        width: 100%;
        max-width: none;
        padding-left: 0;
        padding-right: 0;
    }

body.foreval-attendees #infoFormHost {
    width: 100%;
    height: auto;
}

body.foreval-attendees table.userinfo {
    display: block;
    width: 100%;
    max-width: 1400px;
    border-collapse: collapse;
    --label-min-width: 220px;
    --label-column-width: clamp(var(--label-min-width), 32vw, 430px);
    min-width: 0;
}

    body.foreval-attendees table.userinfo > tbody {
        display: block;
        width: 100%;
    }

        body.foreval-attendees table.userinfo > tbody > tr {
            display: flex;
            flex-wrap: nowrap;
            align-items: stretch;
            width: 100%;
        }

    body.foreval-attendees table.userinfo td {
        display: block;
        vertical-align: top;
        box-sizing: border-box;
        min-width: 0;
        max-width: none;
        overflow-wrap: anywhere;
        word-break: normal;
    }

    body.foreval-attendees table.userinfo > tbody > tr.border-show {
        border-top: 0;
        border-left: 1px solid rgba(0, 0, 0, 0.15);
    }

    body.foreval-attendees table.userinfo > tbody > tr.first-border-show {
        border-top: 1px solid rgba(0, 0, 0, 0.15);
    }

    body.foreval-attendees table.userinfo > tbody > tr.border-show > td {
        border: 0;
        border-right: 1px solid rgba(0, 0, 0, 0.15);
        border-bottom: 1px solid rgba(0, 0, 0, 0.15);
        padding: 12px;
    }

    body.foreval-attendees table.userinfo > tbody > tr.border-hide > td {
        border: 0;
        padding: 8px 12px;
    }

    body.foreval-attendees table.userinfo .group-label {
        align-self: stretch;
        flex: 0 0 var(--label-column-width);
        font-weight: 600;
        width: var(--label-column-width);
        max-width: 430px;
        min-width: var(--label-min-width);
        white-space: normal;
    }

    body.foreval-attendees table.userinfo .group-label-empty {
        font-weight: 400;
    }

    body.foreval-attendees table.userinfo > tbody > tr:has(> td.group-label) > td:not(.group-label) {
        flex: 1 1 var(--section-column-width, 200px);
        min-width: 0;
    }

    body.foreval-attendees table.userinfo > tbody > tr:not(:has(> td.group-label)) > td.single-section {
        flex: 1 1 100%;
    }

    body.foreval-attendees table.userinfo > tbody > tr:not(:has(> td.group-label)) > td:not(.group-label):not(.single-section) {
        flex: 1 1 var(--section-column-width, 200px);
        min-width: 0;
    }

    body.foreval-attendees table.userinfo > tbody > tr.vertical.border-hide {
        display: block;
        padding: 12px 0;
    }

        body.foreval-attendees table.userinfo > tbody > tr.vertical.border-hide > td {
            display: block;
            width: 100%;
            padding: 8px 0px;
        }

            body.foreval-attendees table.userinfo > tbody > tr.vertical.border-hide > td + td {
                margin-top: 10px;
            }

    body.foreval-attendees table.userinfo .divform + .divform {
        margin-top: 12px;
    }

    body.foreval-attendees table.userinfo .form-field-container {
        min-width: 0;
        max-width: 100%;
        box-sizing: border-box;
    }

    body.foreval-attendees table.userinfo .form-label,
    body.foreval-attendees table.userinfo input,
    body.foreval-attendees table.userinfo select,
    body.foreval-attendees table.userinfo textarea,
    body.foreval-attendees table.userinfo .custom-select-container {
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }

    body.foreval-attendees table.userinfo td.single-section .form-field-container,
    body.foreval-attendees table.userinfo td.single-section .help-block {
        max-width: 900px;
    }

    body.foreval-attendees table.userinfo td:has(select),
    body.foreval-attendees table.userinfo td:has(.custom-select-container) {
        min-width: 0;
    }

    body.foreval-attendees table.userinfo td:has(select) select,
    body.foreval-attendees table.userinfo td:has(.custom-select-container) .custom-select-container {
        width: 100%;
        max-width: none;
    }

    body.foreval-attendees table.userinfo > tbody > tr:not(:has(> td.group-label)) > td.single-section:has([data-infofieldtype="11"]) {
        flex: 0 0 var(--label-column-width);
        width: var(--label-column-width);
        max-width: 430px;
    }

    body.foreval-attendees table.userinfo td.single-section:has([data-infofieldtype="11"]) {
        min-width: 250px;
        white-space: normal;
    }

    body.foreval-attendees table.userinfo td:has(input[type="checkbox"]),
    body.foreval-attendees table.userinfo td:has(input[type="radio"]) {
        min-width: 0;
        white-space: normal;
    }

        body.foreval-attendees table.userinfo td:has(input[type="checkbox"]) .input-option-container,
        body.foreval-attendees table.userinfo td:has(input[type="radio"]) .input-option-container {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            white-space: normal;
        }

    body.foreval-attendees table.userinfo .form-label {
        overflow-wrap: anywhere;
    }

    body.foreval-attendees table.userinfo > tbody > tr > td > .divform:has(> label > input[type="checkbox"]) {
        display: flex;
    }

@media (max-width: 850px) {
    body.foreval-attendees #infoFormHost {
        overflow-x: visible;
    }

    body.foreval-attendees table.userinfo {
        min-width: 0;
    }

        body.foreval-attendees table.userinfo > tbody > tr {
            display: block;
            margin-top: 12px;
            padding: 12px;
            border: 0;
        }

            body.foreval-attendees table.userinfo > tbody > tr.border-show {
                border: 1px solid rgba(0, 0, 0, 0.15);
            }

            body.foreval-attendees table.userinfo > tbody > tr.border-hide {
                padding-left: 0;
                padding-right: 0;
            }

                body.foreval-attendees table.userinfo > tbody > tr > td {
                    display: block;
                    width: 100%;
                    min-width: 0;
                    border: 0 !important;
                    padding: 0;
                }

                    body.foreval-attendees table.userinfo > tbody > tr > td + td {
                        margin-top: 10px;
                    }

                    body.foreval-attendees table.userinfo > tbody > tr > td.group-label-empty {
                        display: none;
                    }

                        body.foreval-attendees table.userinfo > tbody > tr > td.group-label-empty + td {
                            margin-top: 0;
                        }

                body.foreval-attendees table.userinfo > tbody > tr > td.group-label,
                body.foreval-attendees table.userinfo > tbody > tr > td.single-section {
                    display: block;
                    max-width: none;
                    width: 100%;
                    padding: 0;
                }

            body.foreval-attendees table.userinfo > tbody > tr.qm-column-title-source {
                display: none;
            }

            body.foreval-attendees table.userinfo > tbody > tr > td[data-column-title]::before {
                content: attr(data-column-title);
                display: block;
                margin-bottom: 8px;
                font-weight: 600;
                line-height: 1.3;
            }

    body.foreval-attendees table.userinfo .form-label {
        white-space: normal;
        line-height: 1.35;
    }

    body.foreval-attendees table.userinfo .divform + .divform {
        margin-top: 10px;
    }
}

@media (max-width: 640px) {
    body.foreval-attendees section.inner.manager-interface {
        padding-left: 12px;
        padding-right: 12px;
    }

    body.foreval-attendees .header-attendees {
        align-items: flex-start;
    }
}

#sticky-container, .col-lesson-menu-content #ContentPlaceHolder1_LblExplanation {
    display: none;
}

.col-lesson-menu-content {
    margin-left: 0px;
    width: 100%;
}

@media(max-width:1210px) {
    body.foreval-attendees .intern-block {
        width: calc(100% - 30px);
    }
}

@media(max-width:768px) {
    body.foreval-attendees .intern-block {
        width: calc(100% - 30px);
    }

    body.foreval-attendees.tests .cta-action, body.foreval-attendees.test-result .cta-action {
        border: none;
        box-shadow: none;
        background: transparent;
    }

        body.foreval-attendees.test-result .cta-action:not(.light):not(.cta-timer):not(.cta-action-multiline) span:first-child {
            padding-left: 0px;
        }

    body.foreval-attendees.edit-test-result .grid_edit-block_header, body.foreval-attendees.edit-test-result .question-result-title {
        width: calc(100% - 65px);
    }

    body.foreval-attendees.edit-test-result .div-content, body.foreval-attendees.edit-test-result .div-content > div {
        margin-left: 0px;
    }

    body.foreval-attendees.edit-test-result ul.select-list > li > ul {
        margin-left: -20px;
        overflow-y: hidden;
    }

    body.foreval-attendees.test-result .test-status.test-result-status {
        margin-top: 15px;
    }

        body.foreval-attendees.test-result .test-status.test-result-status .test-score {
            margin-top: 5px;
        }

    body.foreval-attendees.test-result .qrcode {
        width: 100%;
        text-align: center;
    }

    body.foreval-attendees.test-result .intern-block-header.col-container a:nth-child(2) {
        width: 90px;
    }
}


body.foreval-attendees.signaletique .foreval-signaletique-header {
    justify-content: flex-start;
    margin-bottom: 10px;
}

    body.foreval-attendees.signaletique .foreval-signaletique-header .btn-back .icon {
        margin-right: 0;
    }

body.foreval-attendees.signaletique .foreval-signaletique-title {
    margin-top: 0;
}

    body.foreval-attendees.signaletique .foreval-signaletique-title::before {
        background-color: var(--stronger-button-color);
    }

body.foreval-attendees.signaletique .form-group-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.25;
    margin: 24px 0 14px;
}

body.foreval-attendees.signaletique .qm-field--label-left > .form-label {
    font-weight: 500;
}

.foreval-course-welcome {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 24px;
    padding: 24px 0;
}

.foreval-course-welcome-logo {
    display: block;
    max-width: 180px;
    max-height: 72px;
    object-fit: contain;
}

.foreval-course-welcome-title {
    margin: 0;
    font-size: 28px;
    font-weight: 600;
    text-align: left;
}

.foreval-planification-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 8px;
}

.foreval-planification-title {
    margin: 0;
}

.foreval-planification-dates {
    flex-shrink: 0;
    font-size: 14px;
    line-height: 1.5;
    text-align: right;
}

@media (max-width: 768px) {
    .foreval-course-welcome {
        align-items: flex-start;
        flex-direction: column;
    }

    .foreval-planification-header {
        flex-direction: column;
        gap: 8px;
    }

    .foreval-planification-dates {
        text-align: left;
    }
}

body.foreval-attendees table.userinfo > tbody > tr.border-show:first-child {
    border-top: 1px solid rgba(0, 0, 0, 0.15);
}

@media (max-width: 640px) {
    body.foreval-attendees.test-frame ul.intern-list.unstyled {
        margin-left: 0;
    }
}

body.foreval-attendee.lessons p.foreval-completed {
    padding-top: 3px;
}
body.foreval-attendee.lessons .timeline-table td .content {
    font-size: medium;
}
body.foreval-attendee.lessons .timeline-table .previous .status i.fa{
    font-size: small;
}
body.foreval-attendee.lessons .timeline-table-wrapper {
    border-top-width: 4px;
    border-bottom-width: 4px;
}
body.foreval-attendee.lessons .timeline-table tr:first-child > td {
    padding-top: 20px;
}

body.foreval-attendees table.userinfo .form-field-container .form-label,
body.foreval-attendees table.userinfo .form-field-container .select-list .placeholder.selected,
body.foreval-attendees table.userinfo .form-field-container .select-list > li > ul > li,
body.foreval-attendees table.userinfo .form-field-container div.custom-select-container div.custom-select .select-list .placeholder,
body.foreval-attendees table.userinfo .form-field-container div.custom-select-container div.custom-select .select-list:hover .placeholder,
body.foreval-attendees table.userinfo .form-field-container div.custom-select .select-list > li > ul > li input[type="text"].long,
body.foreval-attendees table.userinfo .form-field-container div.custom-select .select-list > li > ul > li input[type="text"].long::placeholder,
body.foreval-attendees table.userinfo .form-field-container textarea,
body.foreval-attendees table.userinfo .form-field-container textarea:focus {
	color : rgb(38, 41, 46);
}

body.foreval-attendees.signaletique .qm-field--label-left > .form-label,
body.foreval-attendees.signaletique .qm-field--label-left > .qm-field-control .placeholder.selected, 
body.foreval-attendees.signaletique .qm-field--label-left > .qm-field-control div.custom-select.open .select-list ul li,
body.foreval-attendees.signaletique .qm-field--label-left > .qm-field-control input[type="text"].long,
body.foreval-attendees.signaletique .qm-field--label-left > .qm-field-control input[type="text"].long::placeholder,
body.foreval-attendees.signaletique .qm-field--label-left > .qm-field-control textarea,
body.foreval-attendees.signaletique .qm-field--label-left > .qm-field-control textarea:focus {
	
	color : rgb(38, 41, 46);
}

body.foreval-attendees table.userinfo .group-label.fieldset-group-label {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
}