b {
    font-weight: bold;
}


.main-container > section.inner,
.main-container .colored-row-container > section,
.main-container > .single-column > section.inner,
.main-container > .single-column .colored-row-container > section {
    /*max-width: 1024px;*/
    max-width: 1240px;
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;
}

.passeport-title-div {
    padding-bottom: 30px;
    padding-top: 20px;
}

.pointer {
    cursor: pointer;
}

passeport-formation-title {
    display: block !important;
    min-width: 1100px;
    background-color: white;
}

.date-picker.pointer {
    position: relative;
    z-index: 10;
}

.main-container section.inner.subMenuInner,
.main-container .colored-row-container.subMenuInner > section {
    padding-bottom: 0px;
    padding-top: 0px;
    /*padding-left: 30px;
    padding-right: 30px;*/
}

a.lineAction:not(:first-child) {
    padding-left: 30px;
}

#lessonFrameContainer {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 4950;
}

    #lessonFrameContainer > #lessonFrame {
        height: 100%;
        width: 100%;
    }

.vpl-player {
    min-width: 320px !important;
}

#assignmentFrameContainer {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 4950;
}

    #assignmentFrameContainer > #assignmentFrame {
        height: 100%;
        width: 100%;
    }

.divClasseFreeText {
    max-width: 450px;
    max-height: 300px;
    overflow: auto;
    margin-right: -140px;
}

.divInsideRepeaterZone {
    text-align: left !important;
    position: relative;
}

.divRepeaterZoneIcon {
    display: inline-block;
    width: 50px;
    position: absolute;
    top: 5px;
    left: 10px;
}

.divRepeaterZoneText {
    display: inline-block;
    width: 460px;
    color: black;
    position: absolute;
    top: 8px;
    left: 60px;
}

.divRepeaterZoneButton {
    display: inline-block;
    width: 100px;
    position: absolute;
    top: 3px;
    right: 0px;
    width: 140px;
}

#manageHtml, #manageVideo, #manageAudio {
    padding-top: 45px;
}

#manageFile {
    padding-top: 45px;
    height: 210px;
}

#manageQuiz {
    padding-top: 45px;
    margin-left: 5px;
    padding-left: 5px;
}

#manageEmbed {
    padding-top: 10px;
}

.educational_resource_videoBtns {
    margin-left: 7px;
}

.zonePart {
    color: black;
}

input[type="radio"], input[type="checkbox"].manageQuizCheckBox {
    margin-top: 0px;
    margin-right: 5px;
}

.ul-educational-resource-zone {
    max-width: 653px;
}

.educational_resource_long2 {
    width: 575px;
}

.divCreateZones {
    margin-left: 40px;
    margin-right: 0px;
    width: 615px;
}

.divInsideCreateZones {
    position: relative;
}

#wholeManageDivs .zonePart {
    margin-left: 40px;
    margin-right: 0px;
    width: 615px;
    padding-top: 5px;
    font-size: 12px;
}

#wholeManageDivs .educational_resource_long2 {
    margin-left: 10px;
}

#wholeManageDivs #count_message {
    margin-right: 23px;
}

#wholeManageDivs .correctText {
    margin-right: 23px;
}

#wholeManageDivs input[type="checkbox"].manageQuizCheckBox {
    margin-top: 4px;
}

#wholeManageDivs #LnkAddIputText {
    margin-left: 10px;
}

#wholeManageDivs #manageFile {
    height: 170px;
}

.fordownloadRP.glyphicons:before {
    color: #8fb0b9;
    border: 1px solid #8fb0b9;
    padding: 15px;
    border-radius: 50%;
    margin-top: 0px;
}

a.linkDownloadOnly:hover .fordownloadRP.glyphicons:before {
    background-color: #eef1f6;
}

a.linkDownloadOnly .fordownloadRP {
    height: 35px
}

a.linkDownloadOnly .downloadFileName {
    display: block;
    color: black;
    display: block;
    font-weight: bold;
}

a.linkDownloadOnly:hover .downloadFileName {
    font-weight: bold;
}

a.linkDownloadOnly:hover {
    text-decoration: none;
}

.drop-target.loading {
    background-image: url(waiting.gif);
}

.note-editor .note-editable {
    text-align: left;
}

.educational_resource_search_audio_btn {
    margin-left: 150px;
}

.rwTitlebarControls td,
.RadWindow .rwTitleRow .rwTitlebarControls em {
    font: normal 18px Roboto, Myriad, Arial, Verdana, Sans-Serif;
    padding-top: 15px;
}

.earned-points .totalProgressPoint {
    color: black;
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    background-image: url("../image/XP.png");
    background-repeat: no-repeat;
}

.earned-points-img {
    color: white;
    text-align: center;
    position: relative;
    font-weight: bold;
    font-size: 20px;
    background: url('../image/XP.png');
    background-size: contain;
    background-position: center;
    height: auto;
    width: 140px;
    margin-left: 10%;
    margin-right: 10%;
    margin-bottom: 5%;
    padding-top: 75px;
    padding-bottom: 75px;
    padding-right: 125px;
    padding-left: 125px;
}

.totalProgress {
    margin-left: 40px;
    font-size: 24px;
}

.earned-points-details {
    color: black;
    text-align: center;
    font-size: 16px;
    height: auto;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    text-align: center
}

.ProgressPopUpTxt {
    color: black;
    font-size: 20px;
    font-weight: bold;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    text-align: center;
}

.ProgressPopUpTitle {
    background-color: none !important;
    color: black !important;
    font-size: 24px;
    font-weight: bolder !important;
    font-size: 24px !important;
    width: 80% !important;
    margin-left: 10% !important;
    margin-right: 10% !important;
    text-align: center !important;
}

.RadWindow .rwWindowContent .rwDialogPopup.radalert {
    background-image: none;
    padding: 1px 0 16px 16px;
}

.RadWindow .rwDialogPopup a.rwPopupButton {
    float: right;
    height: 24px;
    line-height: 24px;
    border-radius: 3px;
    padding-left: 10px;
    padding-right: 10px;
    border-width: 2px;
    border-style: solid;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    position: relative;
    background-color: transparent;
    outline: none;
    white-space: nowrap;
    margin-top: 20px;
}

    .RadWindow .rwDialogPopup a.rwPopupButton:hover {
        text-decoration: none;
        padding-left: 10px;
        padding-right: 10px;
        margin-top: 20px;
        cursor: pointer;
    }


.counter-container.class-progress {
    padding-top: 23px;
}

.settings.visible-phone {
    padding-bottom: 10px;
}

.pop-up-bottom-button {
    position: fixed;
    bottom: 20px;
    right: 30px;
}

.AuStartText {
    display: inline-block;
    padding-left: 68px;
    margin-bottom: 30px;
}

@media (max-width: 768px) {
    .AuStartText {
        padding-left: 17px;
        margin-top: 10px;
    }
}

.statusSummary {
    font-size: 24px;
}

.AssignmentAnswerDivTargetDate {
    padding-right: 70px;
}

@media (max-width: 768px) {
    .AssignmentAnswerDivTargetDate {
        padding-right: 5px;
        display: block;
        text-align: left;
    }

    .statusSummary {
        margin-top: 20px;
        display: block;
    }
}

.AssignmentAnswerTitle {
    font-size: 14px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.fileItem {
    display: inline-block;
    padding-bottom: 10px;
}

.fileItemLink {
    font-weight: bold;
}

    .fileItemLink:hover {
        text-decoration: none;
    }

.offer-type {
    max-width: 200px;
    border: 1px solid rgba(0, 0, 0, 0.14);
    padding: 30px;
}

.btnSubscribeOffer {
    background-color: red;
    color: white;
    font-weight: bold;
    padding: 2px;
    margin-top: 5px;
}

ul.interaction-results {
    margin-top: 10px;
    margin-left: 10px;
    list-style-type: none;
}

@media (max-width: 768px) {
    .interaction-information {
        padding-left: 0px !important;
        padding-top: 20px;
    }
}

.inner > .column-nav-container {
    padding-left: 0px;
    padding-right: 0px;
}

.inner.only-nav {
    padding-top: 5px;
    padding-bottom: 5px;
}

.hidden {
    display: none !important;
}

@font-face {
    font-family: 'Glyphicons Regular';
    src: url('fonts/glyphicons-regular.eot');
    src: url('fonts/glyphicons-regular.eot?#iefix') format('embedded-opentype'),url('fonts/glyphicons-regular.woff') format('woff'),url('fonts/glyphicons-regular.ttf') format('truetype'),url('fonts/glyphicons-regular.svg#glyphiconsregular') format('svg');
    font-weight: normal;
    font-style: normal
}

.educationalRessourceBody .educationalRessourceContainer {
}

    .educationalRessourceBody .educationalRessourceContainer .zone {
        padding-top: 20px;
        padding-bottom: 20px;
    }

        .educationalRessourceBody .educationalRessourceContainer .zone .videoZone {
            min-width: 100%;
            min-height: 100%;
        }

        .educationalRessourceBody .educationalRessourceContainer .zone .audioZone {
        }

        .educationalRessourceBody .educationalRessourceContainer .zone .fileZone {
        }

        .educationalRessourceBody .educationalRessourceContainer .zone .htmlZone {
            padding-left: 80px;
            padding-right: 80px;
        }

.zone .questionZone .questionAnswerList {
    list-style-type: none;
    padding: 0;
    padding-top: 10px;
}

    .zone .questionZone .questionAnswerList .questionAnswer {
        font-size: 16px;
        border-bottom: 1px solid #f7f7f7;
        padding: 15px;
        cursor: pointer;
        border-left: 2px solid #FFFFFF;
        padding-top: 7px;
        padding-bottom: 7px;
    }

        .zone .questionZone .questionAnswerList .questionAnswer label {
            cursor: pointer;
            display: inline-block;
        }

            .zone .questionZone .questionAnswerList .questionAnswer label.answerText {
                width: 90%;
            }

        .zone .questionZone .questionAnswerList .questionAnswer:hover {
            background-color: #e8edf2;
            border-radius: 5px;
        }

        .zone .questionZone .questionAnswerList .questionAnswer.goodAnswer {
            border-radius: 5px;
            color: #FFFFFF;
            border-bottom: 2px solid;
            border-top: 2px solid;
            border-right: 2px solid;
            border-color: #99cfd1;
        }


        .zone .questionZone .questionAnswerList .questionAnswer input[type="checkbox"] {
            display: none;
        }

            .zone .questionZone .questionAnswerList .questionAnswer input[type="checkbox"] + label.answerIcon:before {
                font-family: 'Glyphicons Regular';
                width: 25px;
                display: inline-block;
            }

            .zone .questionZone .questionAnswerList .questionAnswer input[type="checkbox"] + label.answerIcon:before {
                content: "\E154";
            }

            .zone .questionZone .questionAnswerList .questionAnswer input[type="checkbox"]:checked + label.answerIcon:before {
                content: "\E153";
            }



.educationalRessourceBody #forsubmit {
    width: 100%;
    text-align: right;
}

    .educationalRessourceBody #forsubmit .button {
        margin-right: 80px;
    }

.educationalRessourceBody #CmntDiv {
    padding-left: 80px;
    padding-right: 80px;
}

    .educationalRessourceBody #CmntDiv .sizeCommentTxt {
        width: 100%;
    }

.educationalRessourceBody #CommentPanelPanel {
    width: 100%;
}

    .educationalRessourceBody #CommentPanelPanel .CommentSpace {
        width: 100%;
    }

.educationalRessourceBody a.commentButton {
    background-color: #eef1f6;
    border: 1px solid #8fb0b9;
    color: #8fb0b9;
    border-radius: 10px;
    padding: 5px;
    margin: 5px;
    font-weight: bold;
    display: inline-block;
    font-size: 12px;
}

.educationalRessourceBody .mainAction {
    border-radius: 5px;
    background-color: #8fb0b9;
}

.educationalRessourceBody .educationalRessourceContainer .zone .embedZone {
    text-align: center;
}

.videoZone {
    position: relative;
    padding-bottom: 56.25%;
    max-width: 1024px;
    margin: 0 auto;
}

    .videoZone iframe {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

    .videoZone video {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

TextArea.disableComment {
    background-color: #C0504D;
}

.spacy {
    margin-left: 5%;
}

.CommentSpace {
    background-color: #F5F5F5;
    max-width: 840px;
    padding: 0px 0px 10px 10px;
    box-sizing: border-box;
}

.OpinionSpace {
    background-color: #F5F5F5;
    max-width: 840px;
    height: 66px;
    padding: 0px 0px 10px 10px
}

.CommentWholeContent {
    width: 100%
}

.CommentSpace.tutorComment {
    border: 1px solid #989898;
}

.smallBold {
    font: bold 10px arial, verdana;
}

.TutorLabel {
    padding: 3px;
    border: 4px #989898;
    background-color: #989898;
    color: white;
    text-align: center;
    float: right;
    font-size: 12px
}

.ClosedPostLabel {
    padding: 3px;
    border: 4px #C80000;
    background-color: #C80000;
    color: white;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}

TextArea.disableComment {
    background-color: #C0504D;
}

.educationalRessourceBody TextArea {
    background-color: #e8edf2;
}

.spacy2Left {
    margin-left: 2%;
}

.spacy10Left {
    margin-left: 10%;
}

.spacy10Right {
    margin-right: 10%;
}

.top2 {
    margin-top: 2%;
}

.smallBold {
    font: bold 10px arial, verdana;
}

.smallBoldGrey {
    font: bold 10px arial, verdana;
    color: grey;
    text-decoration: none
}

.mediumBold {
    font: bold 12px arial, verdana;
}

.Empty {
    border: none;
    height: 20px;
    width: 20px
}

.Filled {
    border: none;
    height: 20px;
    width: 20px
}

.inherit {
    color: inherit;
}

a.inherit {
    text-decoration: none;
    font-weight: normal !important;
}

.roundedImage {
    overflow: hidden;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    width: 40px !important;
    height: 40px !important;
    display: inline;
    vertical-align: middle;
}

#CommentPanel {
    box-sizing: border-box;
}

.CommentLevel2 {
    margin-left: 5%;
    margin-right: 1px;
}

.CommentLevel3 {
    margin-left: 10%;
    margin-right: 2px;
    overflow: hidden;
}

.CommentLevel4 {
    margin-left: 15%;
    margin-right: 3px;
    overflow: hidden;
}

.CommentLevel5 {
    margin-left: 20%;
    margin-right: 4px;
    overflow: hidden;
}

.CommentLevel6 {
    margin-left: 25%;
    margin-right: 5px;
    overflow: hidden;
}

.CommentLevel7 {
    margin-left: 30%;
    margin-right: 6px;
    overflow: hidden;
}

.CommentLevel8 {
    margin-left: 35%;
    margin-right: 7px;
    overflow: hidden;
}

.CommentLevel9 {
    margin-left: 40%;
    margin-right: 8px;
    overflow: auto;
}

.CommentLevel10 {
    margin-left: 45%;
    margin-right: 9px;
    overflow: hidden;
}

.cta-contextual.small {
    line-height: 14px;
    height: 18px;
    font-size: 14px;
    padding-right: 10px;
    padding-left: 10px;
    margin-top: 5px;
    margin-bottom: 15px;
}





section.main-container > section.middiv.inner:first-of-type {
    padding-top: 0px;
}


.lesson-container .lesson-content {
    width: 100%;
}

.lesson-container section.inner.button-section {
    padding: 20px !important;
}

ul.card-mode li, ul.list-mode li {
    position: relative;
}





.pointer {
    cursor: pointer;
}

.popup-frame {
    border-style: none;
    width: 100%;
    height: 100%;
}

@media (max-width: 768px) {
    body .popup, body .popup.small {
        max-width: 100% !important;
        max-height: 100% !important;
    }
}

.popup-content .award-badge-container h1 {
    text-align: center;
    margin-bottom: 20px;
}

    .popup-content .award-badge-container h1:before {
        left: 50%;
        margin-left: -24px;
    }



@media (min-width: 769px) {
    .educationalRessourceBody .educationalRessourceContainer .zone .questionZone .questionAnswerList .questionAnswer label {
        max-width: 700px
    }

        .educationalRessourceBody .educationalRessourceContainer .zone .questionZone .questionAnswerList .questionAnswer label.answerIcon {
            max-width: 20px
        }
}


.card-mode .preview.course-preview .cta-container .cta-stats {
    display: none;
}

@media (min-width: 769px) {
    .inner:not(.catalog-entries) .card-mode .preview.course-preview .cta-container .cta-action {
        width: 48px;
        left: 0 !important;
        top: 0 !important;
        margin-top: 0px !important;
        margin-left: 0px !important;
    }

    .inner.my-stakes-container .card-mode .preview.course-preview .cta-container .cta-action {
        left: -60px !important;
        top: -24px !important;
    }
}

.inner:not(.catalog-entries) .card-mode .preview.course-preview .image-container.stats .counter-container {
    padding: 20px 15px 45px 10px;
}

    .inner:not(.catalog-entries) .card-mode .preview.course-preview .image-container.stats .counter-container .counter:first-child {
        padding-right: 50px;
    }

.inner:not(.catalog-entries) .card-mode .preview.course-preview .image-container:not(.stats) .counter-container.vertical-counter {
    grid-gap: 5px;
}

.hearted:not(.selected) > .fa.fa-heart {
    display: none;
}

.hearted.selected > .fa.fa-heart-o {
    display: none;
}

.guest-user .fa-heart {
    display: none;
}

.guest-user .hearted {
    display: none;
}



.hearted
/************************ Learning resources **************************/
.divHtmlZoneBtn {
    text-align: right;
}

.btnAddZone {
    text-align: right;
    padding: 10px 10px 10px 10px;
    background-color: #FFFFFF;
    color: #1E6496 !important;
    border: 1px solid #1E6496;
}

.ul-educational-resource-zone {
    list-style-type: none;
}

    .ul-educational-resource-zone .glyphicons:before, .ul-educational-resource-zone .divRepeaterZoneIcon .glyphicons:before {
        font-size: 20px !important;
        color: #3598dc;
    }

.educational-resource-zone {
    background-color: #f2e9e9;
    width: 100%;
    padding-bottom: 15px;
    padding-top: 10px;
    padding-left: 10px;
}

.btnAddInput {
    text-align: right;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 1px;
    padding-bottom: 1px;
    background-color: #FFFFFF;
    color: #1E6496 !important;
    border: 1px solid #1E6496;
}

.educationalResourceZonesTypesChoices {
    border: 1px solid #C7C7C7;
    background-color: #F7F7F7;
    width: 70%;
    height: 15%;
    margin-left: 15%;
    margin-right: 15%;
}

.divZoneLetter {
    border: 1px solid #9caca7;
    float: left;
    position: relative;
    height: 35px;
    text-align: center;
    width: 35px;
    margin-top: 18px;
    margin-left: 20px;
    text-align: center;
    vertical-align: middle;
    line-height: 35px;
    font-size: 20px;
    font-weight: bold;
}

.divZonesTypeContainer {
    width: 90%;
    height: 90%;
    margin-left: 8%;
}

.divZoneAddBtn {
    margin-top: 30px;
    margin-left: 20px;
    float: right;
}

.btnDivAddZone {
    text-align: right;
    padding: 5px 5px 5px 5px;
    background-color: #FFFFFF;
    color: #1E6496 !important;
    border: 1px solid #1E6496;
    font-weight: bold;
}

.divCreateZones, .divRepeaterZones {
    background-color: white;
    border: 1px solid #DCDCDC;
    height: 100%;
}

.divCreateZones {
    height: 54px !important;
}

.divInsideHeadZone, .divInsideCreateZones, .divInsideRepeaterZone {
    margin: 10px 10px 10px 10px;
}

.divInsideCreateZones {
    position: relative;
}

a.link {
    cursor: pointer;
}

.glyphiconzones {
    height: 80px;
    margin-left: 32px;
}

    .glyphiconzones .fa:before {
        font-size: 20px !important;
    }


.fordownloadRP.fa:before {
    font-size: 30px !important;
}

.downloadOnlyZone {
    margin-left: 80px;
    font-size: 15px;
}

.linkDownloadOnly {
    color: grey !important;
    cursor: pointer;
}

.downloadcloud {
    margin-bottom: 30px;
}


#manageHtml {
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 15px;
}

#manageQuiz {
    padding-top: 10px;
    padding-left: 15px;
}

#manageEmbed {
    padding-right: 20px;
    padding-left: 20px
}

.zonePart {
    background-color: white;
    /*  margin-left: 8px; */
    margin-right: 16px;
    border: 1px solid #DCDCDC;
    border-top: none;
}

.font_normal {
    font-weight: normal !important;
}

.span_educational_resource_create_icons {
    margin-left: 460px;
}

.note-para button {
    height: 29px !important;
}

.educational_resource_long {
    width: 610px;
}

.educational_resource_long2 {
    width: 590px;
}

.btnAddTxt {
    color: grey !important;
    font-weight: bold;
    font-size: 26px;
    text-decoration: none;
    text-decoration-color: inherit;
}

    .btnAddTxt a {
        color: grey;
    }

.plupload {
    z-index: 99999;
}

.educational_resource_videoLbl {
    margin-left: 10px;
    margin-bottom: 5px;
    color: black;
}

.educational_resource_videoUrl {
    margin-left: 10px;
    margin-bottom: 5px;
    color: black;
}

.educational_resource_videoBtns {
    margin-left: 19px;
}

.educational_resource_container2 {
    margin-bottom: 15px;
    margin-left: 10px;
    margin-right: 10px;
}

.txtEmbed {
    margin-bottom: 19px;
}

.glyphicon-education_questionLbl {
    height: 50px;
}

.divRepeaterZones {
    overflow-y: scroll;
    height: 50px;
}

#sortable li, #sortable ul {
    display: block;
}

.ui-accordion-content-active {
    height: 250px !important;
}

#LstSortablePanel .ul-educational-resource-zone {
    padding-left: 5px;
    padding-right: 20px;
}

#LstSortablePanel .separator {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #c7c7c7;
    margin: 1em 0;
    padding: 0;
}

.ul-educational-resource-zone .glyphicons:before {
    left: 1px;
}

.ul-educational-resource-zone .glyphicons.start-zone:before {
    left: 5px;
    top: 0px;
}

.ul-educational-resource-zone .glyphicons.end-zone:before {
    left: 20px;
    top: 3px;
    font-size: 17px !important;
    color: #3598dc;
}

.educational-resource-zone {
    background-color: #f7f7f7;
    border: 1px solid #c7c7c7;
    border-radius: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.enableComment {
    padding-left: 16px;
}

    .enableComment .glyphicons {
        padding-left: 20px;
    }

        .enableComment .glyphicons:before {
            top: -3px;
        }

.drop-target {
    background-image: url(/_assets/images/drop_file.png);
    background-repeat: no-repeat;
    background-position: center center;
    height: 100px;
    border: 2px dashed #c7c7c7;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
}

.block_small_specific {
    padding: 10px 10px 10px 10px;
    background-color: #646464;
    font-size: 18px;
    color: white;
    float: left;
}

.height_progress {
    height: 8px;
}

#lesson_file_pv #container2 {
    text-align: right;
}

    #lesson_file_pv #container2 #filelist2 {
        text-align: left;
        padding: 10px;
    }

#lsn_zone_pv {
    height: 590px;
    overflow-y: auto;
}

.educationalRessourceBody .educationalRessourceContainer {
}

    .educationalRessourceBody .educationalRessourceContainer .zone {
        padding-top: 20px;
        padding-bottom: 20px;
    }

        .educationalRessourceBody .educationalRessourceContainer .zone .videoZone {
            min-width: 100%;
            min-height: 100%;
        }

        .educationalRessourceBody .educationalRessourceContainer .zone .audioZone {
        }

        .educationalRessourceBody .educationalRessourceContainer .zone .fileZone {
        }

        .educationalRessourceBody .educationalRessourceContainer .zone .htmlZone {
            padding-left: 0px;
            padding-right: 0px;
            font-family: 'Roboto', sans-serif;
        }

        .educationalRessourceBody .educationalRessourceContainer .zone .questionZone {
            padding-left: 0px;
            padding-right: 0px;
            font-family: 'Neuton', serif;
        }

            .educationalRessourceBody .educationalRessourceContainer .zone .questionZone .questionTitle {
                color: #5B5B5B;
                font-size: 20px;
                font-weight: bold;
            }

            .educationalRessourceBody .educationalRessourceContainer .zone .questionZone .separator {
                width: 5%;
                height: 3px;
                background-color: #8fb0b9;
                margin-top: 10px;
            }

            .educationalRessourceBody .educationalRessourceContainer .zone .questionZone .questionAnswerList {
                list-style-type: none;
                padding: 0;
            }

                .educationalRessourceBody .educationalRessourceContainer .zone .questionZone .questionAnswerList .questionAnswer {
                    font-family: 'Roboto', sans-serif;
                    font-size: 16px;
                    border-bottom: 1px solid #f7f7f7;
                    padding: 15px;
                    cursor: pointer;
                    border-left: 5px solid #FFFFFF;
                }

                    .educationalRessourceBody .educationalRessourceContainer .zone .questionZone .questionAnswerList .questionAnswer label {
                        cursor: pointer;
                        display: inline-block;
                    }

                        .educationalRessourceBody .educationalRessourceContainer .zone .questionZone .questionAnswerList .questionAnswer label.answerText {
                            width: 90%;
                        }

                    .educationalRessourceBody .educationalRessourceContainer .zone .questionZone .questionAnswerList .questionAnswer:hover {
                        background-color: #eef1f6;
                        border-left-color: #8fb0b9;
                        border-radius: 5px;
                    }

                    .educationalRessourceBody .educationalRessourceContainer .zone .questionZone .questionAnswerList .questionAnswer.goodAnswer {
                        background-color: #99cfd1;
                        border-left-color: #99cfd1;
                        border-radius: 10px;
                        color: #FFFFFF;
                    }

                    .educationalRessourceBody .educationalRessourceContainer .zone .questionZone .questionAnswerList .questionAnswer input[type="checkbox"] {
                        display: none;
                    }

                        .educationalRessourceBody .educationalRessourceContainer .zone .questionZone .questionAnswerList .questionAnswer input[type="checkbox"] + label.answerIcon:before {
                            font-family: 'Glyphicons Regular';
                            width: 25px;
                            display: inline-block;
                        }

                        .educationalRessourceBody .educationalRessourceContainer .zone .questionZone .questionAnswerList .questionAnswer input[type="checkbox"] + label.answerIcon:before {
                            content: "\E154";
                        }

                        .educationalRessourceBody .educationalRessourceContainer .zone .questionZone .questionAnswerList .questionAnswer input[type="checkbox"]:checked + label.answerIcon:before {
                            content: "\E153";
                        }



.educationalRessourceBody #forsubmit {
    width: 100%;
    text-align: right;
}

    .educationalRessourceBody #forsubmit .button {
        margin-right: 80px;
    }

.educationalRessourceBody #CmntDiv {
    padding-left: 80px;
    padding-right: 80px;
}

    .educationalRessourceBody #CmntDiv .sizeCommentTxt {
        width: 100%;
    }

.educationalRessourceBody #CommentPanelPanel {
    width: 100%;
}

    .educationalRessourceBody #CommentPanelPanel .CommentSpace {
        width: 100%;
    }

.educationalRessourceBody a.commentButton {
    background-color: #eef1f6;
    border: 1px solid #8fb0b9;
    color: #8fb0b9;
    border-radius: 10px;
    padding: 5px;
    margin: 5px;
    font-weight: bold;
    display: inline-block;
    font-size: 12px;
}

.educationalRessourceBody .mainAction {
    border-radius: 5px;
    background-color: #8fb0b9;
}

.zonePart {
    background-color: white;
    margin-left: 8px;
    margin-right: 16px;
    border: 1px solid #DCDCDC;
    border-top: none;
}

.font_normal {
    font-weight: normal !important;
}

.span_educational_resource_create_icons {
    margin-left: 460px;
}

.note-para button {
    height: 29px !important;
}

.educational_resource_long {
    width: 610px;
}

.educational_resource_long2 {
    width: 590px;
}

.btnAddTxt {
    color: grey !important;
    font-weight: bold;
    font-size: 26px;
    text-decoration: none;
    text-decoration-color: inherit;
}

    .btnAddTxt a {
        color: grey;
    }

.plupload {
    z-index: 99999;
}

.educational_resource_videoLbl {
    margin-left: 10px;
    margin-bottom: 5px;
    color: black;
}

.educational_resource_videoUrl {
    margin-left: 10px;
    margin-bottom: 5px;
    color: black;
}

.educational_resource_videoBtns {
    margin-left: 19px;
}

.educational_resource_container2 {
    margin-bottom: 15px;
    margin-left: 10px;
    margin-right: 10px;
}

.txtEmbed {
    margin-bottom: 19px;
}

.glyphicon-education_questionLbl {
    height: 50px;
}

.divRepeaterZones {
    overflow-y: scroll;
    height: 50px;
}

.educationalRessourceBody .educationalRessourceContainer .zone .embedZone {
    text-align: center;
}

.VideoItem {
    min-height: 130px;
}

.ul-educational-resource-zone .glyphicons:before {
    left: 1px;
    top: -3px;
}

.divRepeaterZones {
    overflow-y: auto;
    margin-bottom: 10px;
}

#LstSortablePanel .ul-educational-resource-zone {
    padding-left: 15px;
    padding-right: 15px;
}

.divCreateZones {
    /*  margin-left: 15px;
    margin-right: 15px;
    height: 48px !important; */
}

.divInsideRepeaterZone {
    text-align: left !important;
    position: relative;
}

.divRepeaterZoneIcon {
    display: inline-block;
    width: 50px;
    position: absolute;
    top: 5px;
    left: 10px;
}

.divRepeaterZoneText {
    display: inline-block;
    width: 460px;
    color: black;
    position: absolute;
    top: 8px;
    left: 60px;
}

.divRepeaterZoneButton {
    display: inline-block;
    width: 100px;
    position: absolute;
    top: 3px;
    right: 0px;
    width: 140px;
}

#manageHtml, #manageVideo, #manageAudio {
    padding-top: 45px;
}

#manageFile {
    padding-top: 45px;
    height: 210px;
}

#manageQuiz {
    padding-top: 45px;
    margin-left: 5px;
    padding-left: 5px;
}

#manageEmbed {
    padding-top: 10px;
}

.educational_resource_videoBtns {
    margin-left: 7px;
}

.zonePart {
    color: black;
}

input[type="radio"], input[type="checkbox"].manageQuizCheckBox {
    margin-top: 0px;
    margin-right: 5px;
}

.ul-educational-resource-zone {
    max-width: 653px;
}

.educational_resource_long2 {
    width: 575px;
}


.divInsideCreateZones {
    position: relative;
}

#wholeManageDivs .zonePart {
    margin-left: 40px;
    margin-right: 0px;
    width: 615px;
    padding-top: 5px;
    font-size: 12px;
}

#wholeManageDivs .educational_resource_long2 {
    margin-left: 10px;
}

#wholeManageDivs #count_message {
    margin-right: 23px;
}

#wholeManageDivs .correctText {
    margin-right: 23px;
}

#wholeManageDivs input[type="checkbox"].manageQuizCheckBox {
    margin-top: 4px;
}

#wholeManageDivs #LnkAddIputText {
    margin-left: 10px;
}

#wholeManageDivs #manageFile {
    height: 170px;
}

.fordownloadRP.glyphicons:before {
    color: #8fb0b9;
    border: 1px solid #8fb0b9;
    padding: 15px;
    border-radius: 50%;
    margin-top: 0px;
}

a.linkDownloadOnly:hover .fordownloadRP.glyphicons:before {
    background-color: #eef1f6;
}

a.linkDownloadOnly .fordownloadRP {
    height: 35px
}

a.linkDownloadOnly:hover .downloadFileName {
    font-weight: bold;
}

.drop-target.loading {
    background-image: url(waiting.gif);
}

.note-editor .note-editable {
    text-align: left;
}

.educational_resource_search_audio_btn {
    margin-left: 150px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: none !important;
}

.MarginL10 {
    margin-left: 10px;
}

.floatR {
    float: right;
}




.front-table tr.rgRow td,
.front-table tr.rgAltRow td,
.front-table tr th.rgHeader,
.front-table tfoot tr.rgPager {
    padding: 20px 24px 20px 24px;
    box-sizing: border-box;
    height: 64px;
    max-width: 0;
    /*overflow: hidden;
    text-overflow: ellipsis;*/
    white-space: normal;
}

.front-table tr.rgRow td,
.front-table tr.rgAltRow td {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.front-table tr.rgRow.unread td,
.front-table tr.rgAltRow.unread td {
    font-weight: bold;
}

.front-table thead,
.front-table thead a {
    font-weight: normal !important;
}

    .front-table thead th {
        border-bottom-width: 2px;
        border-bottom-style: solid;
        text-transform: uppercase;
        font-weight: normal !important;
    }

.front-table tfoot tr.rgPager > td {
    border-top-width: 2px;
    border-top-style: solid;
}

.front-table i.bigger {
    font-size: 20px;
}

.front-table tr.rgNoRecords > td {
    padding: 20px;
}

.no-border.message-box-options {
    border-left-width: 0px;
}

.front-popup {
    border: 1px solid #8fb0b9;
}

.RadTreeView i.fa {
    padding-right: 10px;
}

.rtSelected {
    font-weight: bold;
}

.rtLI {
    cursor: pointer;
}

.message-content {
    height: 290px;
    overflow-y: auto;
}

input[type="submit"].cta-action {
    color: #FFFFFF;
    background-color: #7db9dd;
    padding: 0px 20px 0px 20px;
    border-radius: 25px;
    font-weight: bold
}



.divTranslationControl .form-group {
    margin-bottom: 30px;
}

.catalogimg {
    height: 260px;
}

.RadTagCloud {
    color: white;
}

    .RadTagCloud .rtcTagList .rtcTagItem {
        margin: 4px;
        border: 4px #989898;
        background-color: rgba(38, 41, 46, 0.3);
        color: white !important;
        text-align: center;
        font-size: 20px;
        border-radius: 25px;
        cursor: pointer;
        padding: 2px 14px;
    }

        .RadTagCloud .rtcTagList .rtcTagItem a {
            color: white;
            font-size: 14px;
        }

    .RadTagCloud .rtcTagList :hover {
        background-color: #1E6496 !important;
        color: #ffffff !important;
        border-color: red !important;
    }

.selectedTagCloudItem {
    background-color: #7DB9DD !important;
    color: #FFFFFF !important;
    border-color: red !important;
}

#login form {
    margin-top: 0rem;
}

#login footer {
    margin-top: 0rem;
}

    #login footer a.login {
        color: rgba(37, 79, 113, 0.6);
    }

/*#login input.form-input:hover {
    max-width: 300px;
}*/

.notLoggedOuter {
    margin-top: 4rem;
}

    .notLoggedOuter .cta-action span {
        color: #346a98;
    }

table.Logoff {
    color: rgba(37, 79, 113, 0.6);
}

    table.Logoff tr.Logoff:first-child {
        font-size: 24px;
        color: rgba(37, 79, 113, 0.6);
        font-weight: 300;
        line-height: normal;
    }

/* Lang Select */
#liLang .select-list .placeholder.selected {
    font-size: 12px !important;
}

/* Profile page */
#profilPicture {
    justify-content: end;
}

@media screen and (max-width: 768px) {
    #profilPicture {
        justify-content: start;
    }
}

#profilPicture {
    justify-content: end;
}

@media screen and (max-width: 768px) {
    #profilPicture {
        justify-content: start;
    }
}

#divProfil {
    /* padding: 0 0 50px; */
}

#WhiteBottomPart.inner {
    padding: 20px 30px 0px 30px;
}

#divProfil .text-center {
    text-align: center;
}

#divProfil .firstColumn, #divProfil .secondColumn {
    width: 50%;
}

#divProfil .firstColumn {
    vertical-align: top;
}

#divProfil .pic-200 {
    width: 100%;
    /* max-width: 200px; */
    /* height: 200px; */
    border-radius: 50%;
    /* margin-bottom: 15px; */
}

#divProfil .ThmbPanel {
    height: 200px;
    width: 200px;
}

    #divProfil .ThmbPanel img {
        max-height: 200px;
        max-width: 200px;
    }

#divProfil .ImgThmb {
    color: #346a98;
}

#divProfil .ThmbMsg {
    margin-top: 13px;
    margin-bottom: 13px;
}

#divProfil .tool-btn {
    border: none;
    background-color: transparent;
}

/*#divProfil .ThumbnailSpace .fa-pencil:before {
    color: #7db9dd;
}*/

#divProfil .LblTxt {
    text-transform: uppercase;
    opacity: 0.7;
    font-size: 11px;
}

#divProfil .home-col-left {
    padding: 30px 15px 0 30px;
}

#divProfil .EditProfile {
    margin-bottom: 30px;
}


/*#divProfil input[type="text"], #divProfil input[type="password"], #divProfil input[type="number"], #divProfil .input-file {
    font-size: 16px;
    display: block;
    max-width: 100%;
}

#divProfil .custom-select {
    max-width: 100%;
    display: block;
}

#divAffect .custom-select {
    display: block;
}

#divProfil .custom-select:not(.open) > ul, #divProfil .select-list .placeholder {
    color: #1f233f;
    font-size: 16px;
}

    #divProfil .select-list .placeholder.selected {
        font-size: 16px;
        border-width: 0px !important;
    }*/

#divProfil .main-container {
    justify-content: left;
}

#divProfil .ProfileFormContainer {
    margin-top: 50px;
}

#divProfil .btnSubmit {
    max-width: 350px;
}

#divProfil footer {
    margin-top: 100px;
}

#divProfil .errMsg {
    font-size: 10px;
    font-style: italic;
    margin-left: 15px;
    color: #D71635 !important;
}

#divProfil #errorDiv {
    color: #D71635;
    font-size: 16px;
}

#divProfil #WhiteBottomPart {
    margin-top: 0;
    background-color: transparent;
}

#divProfil .table.unsubscribe {
    width: 100%;
    border: 1px solid rgba(0,0,0,0.2);
    padding: 5px;
    border-spacing: 5px;
    border-collapse: separate;
    margin-top: 50px;
}

    #divProfil .table.unsubscribe th {
        text-transform: uppercase;
        font-weight: normal;
        font-size: 11px;
    }

#divProfil .short-upper, #divProfil .short-following {
    width: 100%;
    max-width: 300px;
    transition: max-width 1s;
    -webkit-transition: max-width 1s;
}

    #divProfil .short-upper.moving:hover, #divProfil .short-following.moving:hover {
        width: 100%;
        /*  max-width: 460px;*/
    }

#divProfil .large-following {
    width: 100%;
    max-width: 460px;
    transition: max-width 1s;
    -webkit-transition: max-width 1s;
}

    #divProfil .large-following.moving:hover {
        width: 100%;
        max-width: 300px;
    }

#divProfil::before {
    background-color: #f3f7fa;
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    height: 300px;
}

/*#divProfil .fa-calendar {
    position: relative;
    top: -20px;
    float: right;
    color: #7db9dd;
    padding-right: 10px;
}*/


.cta-contextual.cta-save {
    padding: 5px;
    border: none;
    position: absolute;
    left: 0;
    padding-left: 65px;
    margin-top: -5px
}

#divProfil .following-content {
    margin-top: 40px;
    margin-bottom: 30px;
}

#divProfil .pwdChangeBtns {
    padding-left: 3px;
}

#TblInstruction {
    background-color: #F4F8FB
}

/*#TblInstruction input {
        background-color: transparent
    }*/

#divProfil .profile-password-container span.input-password-container {
    display: flex;
    align-items: center;
}

#divProfil .profile-password-container {
    display: block;
}

#divProfil #image-crop {
    height: 200px;
    width: 200px;
}

#divProfil .TxtLoadThmb {
    color: #7db9dd;
    font-weight: bold;
}

/* Bootstrap Date-picker */
.datepicker.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0 /*rtl:auto*/;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}

.datepicker *:before,
.datepicker *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.datepicker * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.datepicker table {
    background-color: transparent;
}

.datepicker table {
    border-collapse: collapse;
    border-spacing: 0;
}

.datepicker .table-condensed > thead > tr > th,
.datepicker .table-condensed > thead > tr > td,
.datepicker .table-condensed > tbody > tr > th,
.datepicker .table-condensed > tbody > tr > td,
.datepicker .table-condensed > tfoot > tr > th,
.datepicker .table-condensed > tfoot > tr > td {
    padding: 5px;
}


.inner:not(.catalog-entries) .card-mode .preview.course-preview .inner > h5 {
    height: 36px;
    overflow-y: hidden;
    overflow-x: hidden;
}

.card-mode .preview.category-preview img,
.card-mode .preview.course-preview img,
.card-mode .preview.community-preview img {
    /*height: 220px;*/
}

.inner:not(.catalog-entries) .card-mode .preview.course-preview .inner > span,
.inner:not(.catalog-entries) .card-mode .preview.community-preview .inner > span {
    height: 30px;
    padding-top: 5px;
}

.cta-contextual.cta-send {
    padding: 5px;
    border: none;
    margin-left: 15px;
}

#login #forgottenPassword .cta-container {
    margin-top: 0;
}

#forgottenPassword .fa-send:before, .fa-paper-plane:before {
    position: relative;
    left: -2px;
}

/* Overview page*/
#overview .highlight-label {
    font-size: inherit !important;
}

#overview .cta-contextual.cta-search {
    border: none;
    padding-top: 7px;
    padding-left: 60px;
    padding-right: 15px;
    color: rgba(38, 41, 46, 0.7);
    font-size: 14px;
    position: relative;
    left: -47px;
}

#overview .cta-action.cta-search {
    margin-left: 15px;
}

#overview .profile-highlights.inner {
    padding: 70px 40px 30px;
}

#overview .stats-graphic {
    margin-bottom: 70px;
}

#overview::before {
    background-color: #f3f7fa;
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    height: 700px;
}

#overview .profile-highlights .profile-options {
    display: flex;
    right: 60px;
}

.RadGrid .rgWrap {
    word-wrap: normal;
    white-space: normal !important;
}

.pts-container {
    text-align: left;
}

.points {
    font-size: 18px;
    margin-right: 5px;
}

.custom-select-container.overview {
    display: inline-flex;
    flex-direction: column;
    width: 100%;
    max-width: 300px;
    min-width: 120px;
}


@media (min-width: 1025px) and (max-width: 1304px) {
    #overview::before {
        height: 650px;
    }

    #overview .pic-220 {
        width: 200px;
        max-width: 200px;
        height: 200px;
    }

    #overview .profile-highlights .profile-highlight {
        width: 105px;
        height: 105px;
        font-size: 15px;
    }

        #overview .profile-highlights .profile-highlight span {
            font-size: 24px;
        }

    .main-container.sidebar-column-display #overview .main-column {
        width: calc(100% - 60px);
    }
}

.flag-select .placeholder img {
    padding-top: 9px;
}

.flag-select img {
    padding-top: 6px;
}

@media (max-width: 768px) {

    #overview::before {
        height: 620px;
    }

    #overview .profile-highlights .profile-options {
        margin-top: 40px;
    }

    #overview section.inner {
        padding: 25px;
    }

    #overview .stats-graphic {
        margin-bottom: 200px;
    }

    #overview .profile-highlights.inner {
        padding: 0px 40px 40px;
    }

    #overview .main-column > .following-container {
        margin-top: 0;
        padding-top: 0;
    }

    #overview .cta-contextual.cta-search {
        padding-top: 0;
        color: #ffffff;
    }

    .custom-select-container.overview {
        max-width: inherit;
    }
}

/* Login page */
#login .forgotten-password {
    display: inline-block !important;
    width: initial !important;
}

#login h2 {
    text-align: left;
}

#login .cta-container input {
    font-size: 14px;
}

#login .login_ffl .custom-select {
    margin-bottom: 2em;
}

/*catalog*/
.otherElement {
    display: none;
}

.custom-select-container {
    display: inline-flex;
    flex-direction: row;
    width: 100%;
    max-width: 800px;
    min-width: 300px;
}

section.inner.keywords-catalog-container {
    padding-top: 0;
}

#iltlocaccordion .custom-select {
    margin-bottom: 10px;
}

#dateaccordion .date-picker {
    width: 80%;
    margin-right: 10px;
}

/*ajax*/
.RadAjax_Default {
    top: 570px !important;
}

    .RadAjax_Default .raDiv {
        margin-top: 50px;
    }

    .RadAjax_Default .raColor {
        background-color: white;
        color: #333333;
    }

    .RadAjax_Default .raTransp {
        opacity: 0.8;
        -moz-opacity: 0.8;
        filter: alpha(opacity=80);
    }

/* Forgotten Password */
.ForgottenPassword {
    margin-bottom: 2.5rem;
}

.inner:not(.catalog-entries) .card-mode .preview.course-preview .inner > h5 {
    height: 36px;
    overflow-y: hidden;
}

.inner:not(.catalog-entries) .card-mode .preview.category-preview img,
.inner:not(.catalog-entries) .card-mode .preview.course-preview img,
.inner:not(.catalog-entries) .card-mode .preview.community-preview img {
    /*height: 220px;*/
}

.inner:not(.catalog-entries) .card-mode .preview.course-preview .inner > span,
.inner:not(.catalog-entries) .card-mode .preview.community-preview .inner > span {
    height: 30px;
    padding-top: 5px;
}
/*
#login #forgottenPassword .cta-container .cta-contextual {
    margin-right: 5px;
}

#login #forgottenPassword .cta-container {
    margin-top: 40px;
}

#forgottenPassword .fa-send:before, .fa-paper-plane:before {
    position: relative;
    left: -2px;
}
*/
.wall-container .loading-container {
    width: 100%;
    text-align: center;
}

/* news widget */
section.news_widget {
    border-top: none !important;
    padding: 30px 20px 30px 20px !important;
}

.news_widget h4 {
    vertical-align: middle;
    display: inline-block;
    margin-left: 10px;
    font-weight: bold;
}

.news_widget .list-mode .preview.course-preview #popup-content img, .list-mode .preview.course-preview::before {
    display: block;
    width: 64px;
    height: 64px;
    max-width: inherit;
}

.news_widget .news-feed-container.favorite {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}

.news_widget .news-feed-container.newsprepa .following-content {
    padding-top: 2px;
    padding-bottom: 2px;
}

.news_widget .news-feed-container img {
    vertical-align: middle;
    display: inline-block;
    width: 18px;
}

section.news_widget .title {
    font-weight: 500;
}

.news_widget .descr {
    word-break: normal;
    word-wrap: normal;
    white-space: normal !important;
    font-size: 13px;
}

section.news_widget .showAll {
    font-size: 14px;
    line-height: 42px;
}

    section.news_widget .showAll:hover {
        text-decoration: none;
    }

.news-feed-container.favorite .preview, .news-feed-container.newsprepa .preview {
    background-color: transparent;
    box-shadow: none;
    border-top: none;
}

.news-feed-container.favorite {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}

.news-feed-container.newsprepa {
    width: 100%;
}

.news-feed-container.favorite .showAll {
    text-decoration: none;
    font-family: PT-Sans-Bold;
}

    .news-feed-container.favorite .showAll:hover {
        text-decoration: none;
    }

.news-feed-container.favorite .following-content, .news-feed-container.newsprepa .following-content {
    border: 1px solid rgba(38, 41, 46, 0.6);
    border-radius: 3px;
    padding: 10px;
}

/* Favorite news widget */

section.news_widget.favorite_news {
    padding: 30px 30px 30px 10px !important;
}

section .favorite_news h5 {
    font-size: 17px;
    vertical-align: middle;
    display: inline-block;
    margin-left: 10px;
}

section.favorite_news .list-mode .preview.course-preview #popup-content img, .list-mode .preview.course-preview::before {
    display: block;
    width: 64px;
    height: 64px;
    max-width: inherit;
}

section.favorite_news .news-feed-container.favorite {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}

section.favorite_news .news-feed-container img {
    vertical-align: middle;
    display: inline-block;
    width: 18px;
}

section.favorite_news .descr {
    word-break: normal;
    word-wrap: normal;
    white-space: normal !important;
}


/*  newsWall widget */
section.newsWall .MT30 {
    margin-top: 30px;
}

section.newsWall h4 {
    position: relative;
    line-height: normal;
}

    section.newsWall h4 span:after {
        content: '';
        display: block;
        position: absolute;
        bottom: -12px;
        width: 24px;
        height: 3px;
    }

section.newsWall .ddlLbl {
    text-transform: uppercase;
}

section.newsWall hr {
    height: 1px;
}

section.newsWall section.inner.colored-row-container {
    padding: 5px 15px 50px 15px;
}

section.newsWall section.inner {
    padding: 5px 15px 5px 15px !important;
}

section.newsWall .filtersZone {
    display: flex;
    justify-content: space-between;
}

    section.newsWall .filtersZone span:nth-child(1), .filtersZone div:nth-child(1) { /* Label */
        grid-column: 1;
        grid-row: 1;
    }

    section.newsWall .filtersZone span:nth-child(2), .filtersZone div:nth-child(2) { /* ddlMatieres */
        grid-column: 1;
        grid-row: 3;
    }

    section.newsWall .filtersZone span:nth-child(3), .filtersZone div:nth-child(3) { /* Custom select */
        grid-column: 1;
        grid-row: 2;
    }

    section.newsWall .filtersZone span:nth-child(4), .filtersZone div:nth-child(4) { /* Label */
        grid-column: 3;
        grid-row: 1;
    }

    section.newsWall .filtersZone span:nth-child(5), .filtersZone div:nth-child(5) { /* ddlSousMetieres */
        grid-column: 2;
        grid-row: 2;
    }

    section.newsWall .filtersZone span:nth-child(6), .filtersZone div:nth-child(6) { /* Custom select */
        grid-column: 3;
        grid-row: 2;
    }

    section.newsWall .filtersZone span:nth-child(7), .filtersZone div:nth-child(7) { /* Label */
        grid-column: 3;
        grid-row: 1;
    }

    section.newsWall .filtersZone span:nth-child(8), .filtersZone div:nth-child(8) { /* ddlThemes */
        grid-column: 3;
        grid-row: 3;
    }

    section.newsWall .filtersZone span:nth-child(9), .filtersZone div:nth-child(9) { /* Custom select */
        grid-column: 3;
        grid-row: 2;
    }

section.newsWall .countZone {
    display: grid;
    grid-template-columns: 33% 33% 33%;
    margin-bottom: 30px;
    margin-top: 30px;
}

    section.newsWall .countZone span:nth-child(1), .countZone div:nth-child(1) { /* H4 */
        grid-column: 1;
        grid-row: 1;
    }

    section.newsWall .countZone span:nth-child(2), .countZone div:nth-child(2) { /* LblFilterBy */
        grid-column: 3;
        grid-row: 1;
        padding-top: 5px;
    }

    section.newsWall .countZone span:nth-child(3), .countZone div:nth-child(3) { /* ddlFilterBy */
        grid-column: 2;
        grid-row: 1;
    }

    section.newsWall .countZone span:nth-child(4), .countZone div:nth-child(4) { /* Custom Select */
        grid-column: 3;
        grid-row: 2;
        margin-top: -5px;
    }

section.newsWall .custom-select {
    max-width: 200px;
}

    section.newsWall .custom-select:not(.open) > ul {
        border: none;
    }

section.newsWall .select-list .placeholder.selected {
    font-size: inherit;
}

section.newsWall .select-list ul li {
    white-space: normal;
}

section.newsWall .small-news-pic {
    width: 96px;
    height: 72px;
    vertical-align: middle;
    background-size: cover;
    overflow: hidden;
}

section.newsWall #loader {
    padding-bottom: 30px;
}

section.newsWall #wait-points {
    font-size: 18px;
    padding-left: 2px;
    animation-name: running-points;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}

@keyframes running-points {
    0% {
        letter-spacing: 0px;
    }

    50% {
        letter-spacing: 9px;
    }

    100% {
        letter-spacing: 0px;
    }
}


section.newsWall .small-news-pic img {
    /* height: 100%; */
    width: 100%;
}

section.newsWall #news-dalloz-container {
    padding-top: 30px;
    padding-left: 20px;
    min-height: 350px;
    position: relative;
}

section.newsWall #news-data-Container {
    padding: 5px 10px 5px 0px;
}

section.newsWall #news-table .first-td {
    width: 20%;
    margin-right: 10px;
}

section.newsWall #news-table tr {
    vertical-align: top;
}

section.newsWall .preview {
    box-shadow: none;
    /* border-top: 1px solid rgba(85, 100, 110, 0.5); */
    margin-bottom: 25px;
}

section.newsWall .tagWrap {
    font-size: 13px;
    font-family: PT-Sans-Bold;
}

section.newsWall .tag {
    display: inline-block;
    width: 90%;
}

section.newsWall .bookmark {
    float: right;
    width: 18px;
    height: 24px;
    background-size: 100%;
    display: inline-block;
    cursor: pointer;
}


section.newsWall .title {
    font-size: 17px;
    font-family: PT-Sans-Bold;
}

section.newsWall .date {
    font-size: 11px;
    display: inline-block;
}

section.newsWall .content {
    font-size: 13px;
}

section.newsWall .stars {
    list-style: none;
    display: inline-block;
}

    section.newsWall .stars li {
        display: inline;
    }

section.newsWall .importance {
    display: inline-block;
    margin-left: 20px;
}

section.newsWall #innerTab {
    width: 100%;
}

section.newsWall .tagUl {
    list-style: none;
}

    section.newsWall .tagUl li {
        display: inline-block;
    }
/*
section.newsWall #ActuContentContainer {
    margin-top: 30px;
}
*/
@media screen and (max-width: 768px) {
    .home-more-news #ActuContentContainer.card-mode {
        grid-template-columns: repeat(2, minmax(220px, 220px)) !important;
        justify-content: flex-start !important;
    }

    section.newsWall .head-row {
        display: grid;
    }

    section.newsWall .bookmark {
        position: absolute;
        top: 10px;
        right: 10px;
    }
}


/* News overview */
section .news_overview ul {
    list-style: none;
    text-decoration: none;
}

    section.news_overview ul li {
        text-decoration: none;
    }

section.news_overview .course-categories li + li::before {
    content: '';
    display: inline-block;
    position: relative;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-right: 6px;
    top: -1px;
    all: inherit;
}

section.news_overview .course-categories {
    padding: 13px;
    vertical-align: middle;
    margin-left: 30px;
}

section.news_overview .ariancont {
    display: flex;
    flex-direction: row;
}

section.news_overview #underline {
    display: inline-block;
    width: 48px;
    height: 6px;
    background-color: #7db9dd;
    vertical-align: middle;
}

section.news_overview h1 {
    padding-bottom: 0;
}

    section.news_overview h1::before {
        content: '';
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 48px;
        height: 4px;
        all: inherit;
    }

section.news_overview .news-intro-container,
section.news_overview .news-image-container {
    min-height: inherit;
}

section.news_overview .news-start-date {
    margin-right: 50px;
}

section.news_overview .star-ranking-container {
    margin-left: 0px;
    display: inline-block;
}

section.news_overview .stars {
    list-style: none;
    display: inline-block;
}

    section.news_overview .stars li {
        display: inline;
    }

section.news_overview .Bookmark {
    float: right;
    display: inline-block;
    margin-right: 20px;
}

section.news_overview .date {
    display: inline-block;
}

section.news_overview .following-container.intro-p {
    margin-top: 0;
}

section.news_overview .news-image-container img {
    display: block;
    margin: 0 auto;
    margin-top: 35px;
}

section.news_overview .news-intro-info > .news-col-container {
    width: 100%;
}

section.news_overview .col-9,
section.news_overview .col-10 {
    padding-top: 0;
}

/* linked news*/
section.news_overview h5 {
    font-size: 17px;
    vertical-align: middle;
    display: inline-block;
    margin-left: 10px;
}

section.news_overview .list-mode .preview.course-preview #popup-content img,
section.news_overview .list-mode .preview.course-preview::before {
    display: block;
    width: 64px;
    height: 64px;
    max-width: inherit;
}

section.news_overview .news-feed-container.favorite {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}

section.news_overview .news-feed-container img {
    vertical-align: middle;
    display: inline-block;
    width: 18px;
}

section.news_overview .descr {
    word-break: normal;
    word-wrap: normal;
    white-space: normal !important;
    font-size: 12px;
}

section.news_overview .title {
    font-weight: 500;
}

section.news_overview .preview.course-preview {
    background-color: transparent;
    cursor: pointer;
}

section.news_overview .course-categories {
    white-space: normal;
}

section.news_overview .breadcrumbs {
    white-space: normal;
    line-height: inherit;
}

section.news_overview h4 {
    font-weight: 700;
}

section.news_overview .linked_news {
    padding-bottom: 40px;
    margin-top: 40px;
}

section.news_overview .news-image-container {
    min-height: inherit;
}

section.news_overview .overview-col-right {
    padding-right: 15px;
    margin-top: 50px;
}

section.news_overview .preview {
    background-color: transparent;
    box-shadow: none;
}

section.news_overview .associated-keywords {
    display: inline-block;
    padding: 4px 10px;
    color: #e0bd63;
}

section.news_overview span.associated-keywords {
    font-weight: bold;
    color: #55646e;
    padding: 0;
}

section .news_overview .news-intro-container::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    height: 550px;
}


/* General */
.MT40 {
    margin-top: 40px;
}

.middiv.inner {
    padding-top: 10px;
}

    .middiv.inner .home-col-left {
        padding: 0px;
    }

    .middiv.inner .home-col-right {
        padding: 0px;
    }


/* News Wall *******************/
.col-12 > .wall-container {
    width: 100%;
}

    .col-12 > .wall-container > .news-wall-container {
        padding: 0 0;
        padding-left: 20px;
    }
        /*
@media (max-width: 1024px) {

    .col-12 > .wall-container > .news-wall-container {
        padding: 0 60px 0 0;
    }
}
*/
        .col-12 > .wall-container > .news-wall-container .news-wall-previous-btn {
            display: flex;
        }
        /*
@media (max-width: 1024px) {
    .col-12 > .wall-container > .news-wall-container .news-wall-previous-btn {
        display: none;
    }
}
*/


        .col-12 > .wall-container > .news-wall-container .news-wall-pagination {
            width: 100%;
        }

@media (max-width: 1024px) {

    .col-12 > .wall-container > .news-wall-container .news-wall-pagination {
        width: calc(100% + 60px);
    }
}

.col-12 > .wall-container > .news-wall-container .news-wall-pagination {
    justify-content: center;
}

div.MainGcuContainer {
    margin-top: 0px;
    margin-right: 30px;
    font-family: Roboto, Myriad, Arial, Verdana, Sans-Serif !important;
    font-weight: 300 !important;
    line-height: normal !important;
    overflow-y: auto;
}

.not-received .BadgeImg {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.news-wall-row-xl .news-wall-background img {
    object-fit: cover;
    object-position: left;
}

.news-wall-row-m .news-wall-background img,
.news-wall-row-xs .news-wall-background img {
    object-fit: cover;
    object-position: top;
}


div.ratio {
    display: block;
    width: 100%;
    position: relative;
    height: 0;
    padding: 100% 0 0 0;
    /*overflow: hidden;*/
}

    div.ratio img {
        position: absolute;
        display: block;
        max-width: 100%;
        max-height: 100%;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 100%;
    }

.inner:not(.catalog-entries) .card-mode .preview div.ratio .img-hover {
    display: none;
}

.inner:not(.catalog-entries) .card-mode .preview:hover div.ratio .img-hover {
    display: block;
    position: absolute;
    background-color: rgba(37, 79, 113, 0.69);
    max-height: 100%;
    max-width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

div.ratio.ratio-16-9 {
    padding: 56.25% 0 0 0;
}

div.ratio.ratio-4-3 {
    padding: 75% 0 0 0;
}

.news-wall-file .img-container {
    width: 64px;
    min-width: 64px;
}

    .news-wall-file .img-container img {
        width: 64px;
    }


/*  Create New Account */
/*
.NewAccount .custom-select {
    margin-bottom: 2rem;
}

.NewAccount .select-list .placeholder.selected {
    font-size: 16px;
    color: #55646e;
}


.NewAccount .select-list .placeholder {
    font-size: 16px;
    color: #55646e;
}
.accountDropdown .select-list .placeholder.selected {
    font-size: 16px;
    color: #55646e;
}

.createnewaccount .cta-container input {
    font-size: 14px;
}

.createnewaccount .cta-container .cta-contextual {
    margin-right: 5px;
}

.NewAccount #PasswordStrenght {
    position: relative;
    top: -12px;
    left: -9px;
    font-size: 12px;
    color: orange;
}

body#login #mailValid {
    position: absolute;
    top: 0;
    left: initial;
    right: 0;
    bottom: initial;
    line-height: 30px;
}

.NewAccount #mailValid {
    position: relative;
    top: -12px;
    left: -9px;
    font-size: 12px;
    color: orange;
}
*/

/* Thumbnail Management */
.avatar {
    height: 64px;
    width: inherit;
}

.round {
    border-radius: 50%;
}

.list-style-none {
    list-style: none;
}

.mnicon {
    height: auto;
    max-height: 11em;
    overflow-x: hidden;
}

#AddFileDiv {
    border: 1px solid #c7c7c7;
    margin: 0px;
    padding: 20px;
    margin-bottom: 10px;
}

.fileItem {
    background-color: #c7c7c7;
    display: inline-block;
    margin: 2px;
    padding: 5px;
    border-radius: 5px;
}

    .fileItem .glyphicons:before {
        font-size: 14px;
        margin-top: 2px;
    }

    .fileItem .fa {
        padding-left: 20px;
    }

.fa.fa-times.fileDeleteButton {
    vertical-align: top;
    cursor: pointer;
}


.stepOn,
.stepOff {
    color: rgba(37, 79, 113, 0.6);
    font-size: 18px;
    font-weight: 200;
    line-height: normal;
    padding-right: 10px;
}

.stepOff {
    font-weight: 300;
}

.CommunityManagementBtn {
    margin-top: 0px;
    margin-left: 20px;
    font-size: 16px;
    color: #7db9dd;
    cursor: pointer
}

.custom-select-container.smaller {
    display: inline-flex;
    flex-direction: column;
    width: 100%;
    max-width: 300px;
    min-width: 120px;
}

    .custom-select-container.smaller input[type=text] {
        height: 33px;
    }

.pic-160 {
    height: 160px;
}

.news-pic, .element-pic #image-crop {
    margin-top: 15px;
    margin-bottom: 15px;
}

.portlet.light {
    padding-top: 30px;
    padding-bottom: 35px;
}

.profile-stat-title {
    font-size: 40px;
}

#image-crop {
    width: auto;
    height: 160px;
}

.h4.font-green-sharp.text-center {
    line-height: 26px;
}

#lessonFrame, #eduResourceFrame {
    background-color: white;
}

.community-subject-appreciation .indicator:hover {
    border: 1px solid;
    cursor: pointer;
    box-sizing: border-box;
}

.community-subject-appreciation.icons-4 > .indicator + .RadAjaxPanel,
.community-subject-appreciation.icons-4 > .RadAjaxPanel + .RadAjaxPanel > .indicator {
    margin-left: 20px;
}

.icons-4 .indicator + .indicator {
    margin-left: 20px;
}

.community-subject-appreciation.icons-3 > .indicator + .RadAjaxPanel,
.community-subject-appreciation.icons-3 > .RadAjaxPanel + .indicator,
.community-subject-appreciation.icons-3 > .RadAjaxPanel + .RadAjaxPanel {
    margin-left: 30px;
}

.icons-3 .indicator + .indicator {
    margin-left: 30px;
}

.indicator.selected,
.indicator.hover:hover {
    color: #1E6496;
}


.similarsSpace ul.community-subjects-list {
    padding-left: 0px;
}

.file.community {
    display: inline-block;
    padding: 2px 14px;
    border-width: 2px;
    border-style: solid;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 400;
    box-sizing: border-box;
    color: rgba(38, 41, 46, 0.3);
    border-color: transparent;
    background-color: #f3f7fa;
}

.inner .ui-state-default,
.inner .ui-widget-content .ui-state-default,
.inner .ui-widget-header .ui-state-default .file.community > i {
    border-width: 2px;
    border-style: solid;
    border-radius: 20px;
    font-size: 16px;
    font-weight: 400;
    box-sizing: border-box;
    color: #346a98;
    border-color: transparent;
    background-color: #f3f7fa;
    background-image: none;
    text-transform: none;
}

.inner ul.tagit {
    border: 0px solid #FFFFFF;
    border-bottom: 1px solid rgba(125, 185, 221, 0.5);
}

    .inner ul.tagit input[type="text"] {
        height: 20px;
    }

#divProfil div.inline-form {
    display: inline-block;
    max-width: 200px;
}

    #divProfil div.inline-form + div.inline-form {
        padding-left: 30px;
    }

.CommentAnswerButtons {
    text-align: right;
}

    .CommentAnswerButtons a + a {
        padding-left: 20px;
    }

li.commentLevel1 {
    margin-left: 0px;
}

li.commentLevel2 {
    margin-left: 50px;
}

li.commentLevel3 {
    margin-left: 100px;
}

li.commentLevel4 {
    margin-left: 150px;
}

li.commentLevel5 {
    margin-left: 200px;
}

li.commentLevel6 {
    margin-left: 250px;
}

li.commentLevel7 {
    margin-left: 300px;
}

li.commentLevel8 {
    margin-left: 350px;
}

li.commentLevel9 {
    margin-left: 400px;
}

li.commentLevel10 {
    margin-left: 450px;
}

.keyword {
    margin-right: 5px;
}

.li-CommunityTheme {
    border-width: 2px;
    border-style: solid;
    border-radius: 20px;
    font-size: 16px;
    font-weight: 400;
    box-sizing: border-box;
    color: #346a98;
    border-color: transparent;
    background-color: #f3f7fa;
    background-image: none;
    text-transform: none;
    max-width: 300px;
    margin-bottom: 20px;
    padding: 10px;
    cursor: pointer;
}

    .li-CommunityTheme .divCommunityThemeElement {
        width: 250px;
        display: inline-block;
    }

.wbtTabs {
    border-bottom: 1px solid rgba(125, 185, 221, 0.5);
    margin-bottom: 10px;
}

    .wbtTabs > .tab {
        display: inline-block;
        padding: 10px;
        min-width: 100px;
        text-align: center;
        box-sizing: content-box;
        border-bottom: 5px solid #ffffff;
        cursor: pointer;
    }

        .wbtTabs > .tab.selected {
            border-bottom-color: rgba(125, 185, 221, 0.5);
            font-weight: bold;
        }

        .wbtTabs > .tab:hover {
            border-bottom-color: #2c5e87;
        }

        .wbtTabs > .tab + .tab {
            padding-left: 20px;
        }

.CommunityProps .tab-block {
    padding-bottom: 0px;
    height: 560px;
    padding-right: 5px;
    margin-bottom: 10px;
}

@media (max-width: 768px) {
    .main-container section.community-subject-header {
        padding-left: 20px;
    }

    .community-subject-appreciation-phone > .indicator + .RadAjaxPanel,
    .community-subject-appreciation-phone > .RadAjaxPanel + .RadAjaxPanel > .indicator {
        margin-left: 15px;
    }

    .community-subject-appreciation-phone > .RadAjaxPanel {
        display: inline-block !important;
    }

    .community-subject-appreciation-phone .indicator {
        cursor: pointer;
    }
}

.hrLineDeco.small {
    width: 3em;
}

.communityResourceRepeater .fa {
    font-size: 20px;
    padding: 10px;
}

.communityResourceRepeater :hover, .communityResourceRepeater .label :hover {
    color: #1E6496;
}
/*AGENDA*/
.agenda-content {
    overflow-x: auto;
    margin-top: 0;
}

    .agenda-content .rsContentScrollArea {
        width: 100% !important;
        min-width: 704px;
    }

    .agenda-content .rsAgendaDateHeader {
        width: 80px !important;
    }

    .agenda-content .spacer {
        width: 0 !important;
        padding: 0 !important;
    }

    .agenda-content .description {
        padding: 20px 40px !important;
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
        position: relative;
    }

    .agenda-content .col-cta {
        width: 100px;
    }

    .agenda-content .description .col-container {
        align-items: center;
        justify-content: space-between;
    }

        .agenda-content .description .col-container .content,
        .agenda-content .description .col-container .col-cta {
            display: flex;
            align-items: flex-start;
            flex-direction: column;
        }

    .agenda-content .rsAgendaTable {
        border-spacing: 20px;
        border-collapse: separate;
    }

th.rsAgendaDateHeader {
    border: 1px solid rgba(0,0,0,0.1);
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
}

.RadScheduler .rsAgendaView .rsDateBox strong {
    margin-left: 0px !important;
    width: 100%;
    /* font-size: 32px; */
    line-height: 1;
    font-weight: normal;
    text-align: center;
    float: inherit;
}


.RadScheduler .rsAgendaView .rsDateBox {
    padding: 5px 5px 5px 5px !important;
}

#divAgenda .agenda-content .rsAptContent:before {
    content: '' !important;
}

.agenda-content .col-cta {
    width: 100px;
}

.agenda-content .description .col-container {
    align-items: center;
    justify-content: space-between;
}

    .agenda-content .description .col-container .content,
    .agenda-content .description .col-container .col-cta {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
    }

.agenda-content .description .col-container {
    align-items: center;
    justify-content: space-between;
}

.agenda-content .rsAgendaTable {
    border-spacing: 20px;
    border-collapse: separate;
}

.RadScheduler .rsAgendaTable {
    table-layout: auto;
}

#divAgenda .col-container {
    margin-top: 30px;
}

.rsAptContent {
    color: grey;
}

.agenda-content #divAgenda .rsApt {
    height: 7em !important;
    max-height: 7em !important;
}

.agenda-content #divAgenda .rsAptContent {
    height: 4em;
    border-style: none;
}

.basicCalendar .RadCalendar {
    color: #7db9dd;
}

/** Customize the Scheduler */

.diary-container .CourseAndClassChk, .diary-container .CourseAndClassChk .RadButton {
    background: #f69068 !important;
    margin-bottom: 5px;
}

.diary-container .AssignmentsChk, .diary-container .AssignmentsChk .RadButton {
    /*border: solid 1px #deb68b;*/
    background: #F2DEC4 !important;
    margin-bottom: 5px;
}

.diary-container .ILTChk, .diary-container .ILTChk .RadButton {
    background: #7096b6 !important;
    margin-bottom: 5px;
}

.diary-container .TaskChk, .diary-container .TaskChk .RadButton {
    /*border: solid 1px #acdb93;*/
    background: #e0bd63 !important;
    margin-bottom: 5px;
}

.diary-container .VirtualClassChk, .diary-container .VirtualClassChk .RadButton {
    margin-top: 1px;
    background: #68bcba !important;
    margin-bottom: 5px;
}

.diary-container .InstructorChk, .diary-container .InstructorChk .RadButton {
    /*border: solid 1px #987373;*/
    /*background: #decece !important;*/
    background: #ded3d3 !important;
    margin-bottom: 5px;
}

.diary-container .EventChk, .diary-container .EventChk .RadButton {
    /*border: solid 1px #4762e5;*/
    background: #d3ecf8 !important;
    margin-bottom: 5px;
}


    .diary-container .VirtualClassChk .RadButton, .diary-container .ILTChk .RadButton, .diary-container .CourseAndClassChk .RadButton, .diary-container .InstructorChk .RadButton, .diary-container .EventChk .RadButton, .diary-container .TaskChk .RadButton {
        border: none;
    }

.rsCategoryPersonnal {
    background-color: #e0bd63;
    border: 2px solid #e0bd63;
}

.rsCategoryVirtualClassroom, .rsCategoryWebinaire {
    background-color: #68bcba;
    border: 2px solid #68bcba;
}

.rsCategoryCourseAssignmentStart, .rsCategoryCourseAssignmentTarget, .rsCategoryCourseAssignmentEnd, .rsCategoryClasseAssignmentStart, .rsCategoryClasseAssignmentTarget, .rsCategoryClasseAssignmentEnd {
    background-color: #f69068;
    border: 2px solid #f69068;
}

.rsCategoryILT {
    background-color: #7096b6;
    border: 2px solid #7096b6;
}

.rsCategoryInstructor {
    background-color: #ded3d3;
    border: 2px solid #ded3d3;
}

.rsCategoryEvent {
    background-color: #d3ecf8;
    border: 2px solid #d3ecf8;
}

.RadScheduler a {
    color: #4BACC6;
}

.RadScheduler .rsAptContent .rsExportButton {
    position: absolute;
    bottom: 2px;
    right: 5px;
    height: 12px;
    width: 12px;
    border: 0;
    background-size: 12px 12px;
    background-color: Transparent;
    background-repeat: no-repeat;
    background-image: url(../imageshare.png);
}
/* ***** reports front ***** */
.reports-front .rgHeader.headerName {
    text-transform: uppercase;
    color: #b2b3b4;
    margin-bottom: 10px;
}

.reports-front .fa-folder:hover,
.reports-front .rgGroupHeader:hover {
    color: #346a98;
}

.reports-front .fa-folder {
    color: #b2b3b4;
    margin-right: 10px;
}

.reports-front .ReportName {
    padding-left: 35px !important;
}

    .reports-front .ReportName span {
        color: #7db9dd !important;
        font-weight: normal;
    }

        .reports-front .ReportName span:hover {
            color: #346a98 !important;
            font-weight: normal;
        }

.reports-front .fa-clipboard {
    margin-right: 10px;
}

.reports-front .PageTitle {
    margin-bottom: 10px;
}

.reports-front .PageDescription {
    margin-bottom: 40px;
}

.reports-front .input-group {
    display: table;
    border-collapse: separate;
    max-width: 400px;
}

.input-group .form-control, .input-group-addon, .input-group-btn {
    display: table-cell;
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    max-width: 300px;
    margin-bottom: 0;
    height: 14px;
    padding: 10px;
    border: 1px solid rgb(125, 185, 221);
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #eef1f5;
    opacity: 1;
}

.input-group-btn {
    font-size: 0;
    white-space: nowrap;
    width: 1%;
    vertical-align: middle;
    display: table-cell;
    position: relative;
}

.input-group-btn {
    font-size: 0;
    white-space: nowrap;
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    white-space: nowrap;
    padding: 8.5px 10px;
    font-size: 14px;
}

.btn-success {
    color: #fff;
    background-color: #36c6d3;
    border-color: #2bb8c4;
}

.btn.grey-mint:not(.btn-outline) {
    color: #FFF;
    background-color: #525e64;
    border-color: #525e64;
}

.grid-group {
    margin: 15px 0;
    display: grid;
    grid-template-columns: 200px 1fr;
}

    .grid-group .control-label {
        padding-top: 10px;
    }

    .grid-group .select-list .placeholder.selected {
        font-size: 14px;
    }

    .grid-group .date-group {
        max-width: 300px;
        width: 100%;
        display: flex;
    }

.date-group .date-set {
    background-color: transparent;
}

.date-group .fa-calendar {
    color: #7db9dd;
}

.front-popup {
    padding-top: 40px;
}

    .front-popup .close-btn {
        top: 10px !important;
    }

/* ***** fin reports front ***** */


/* MUR */
.class-ribbon {
    z-index: 999999;
    float: right;
    clear: right;
    margin: 5px -2px 0 0;
    padding: .5em 1em;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #e0bd63;
    text-transform: uppercase;
}

.news-wall-row .news-wall-title {
    margin-top: 23px;
}

.image-container img,
.news-wall-background img {
    display: block;
    position: relative;
    /* -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;*/
    width: 100%;
    height: auto;
}

/*.news-wall-row:hover img {
    transform: scale(1.2);
    position: absolute;
    top: 0;
}*/


.news-wall-row-m .news-wall-title {
    font-size: 23px;
    font-weight: normal;
}

.news-wall-row-xs .news-wall-title {
    font-size: 19px;
    font-weight: normal;
}

.news-wall-row .news-wall-title {
    font-weight: normal;
}

.news-wall-row h3:not(.class-title).news-wall-title {
    margin-top: 5px;
}

.news-wall-row h2.news-wall-title {
    margin-top: -4px;
}

/* Fin Mur */

.inner:not(.catalog-entries) .card-mode .preview.course-preview .inner {
    padding: 12px 10px 18px;
}

.preview.course-preview {
    height: 100%;
}

.course-preview-info {
    display: grid;
    grid-template-rows: minmax(65px,auto) 1fr;
    grid-row-gap: 5px;
    margin-bottom: 20px;
}

.inner:not(.catalog-entries) .card-mode .course-preview-4r-info {
    padding-top: 25px !important;
    display: grid;
    grid-template-rows: minmax(65px,auto) 30px 1fr 1fr;
    grid-row-gap: 10px;
}

.inner:not(.catalog-entries) .catalog .card-mode .course-preview-4r-info {
    padding-top: initial !important;
    display: grid;
    grid-template-rows: 65px 30px 1fr 1fr;
    grid-row-gap: 0px;
}

/*.inner:not(.catalog-entries) .image-container:hover img,
.image-container2:hover img {
    transform: scale(1.2);
}*/

.inner.my-stakes-container .image-container:hover img {
    transform: none !important;
}

#image-inner {
    overflow: hidden;
}

.inner:not(.catalog-entries) .image-container:hover .image-modal,
.inner:not(.catalog-entries) .image-container:hover .img-hover,
.image-container2:hover .img-hover {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.image-container2 img {
    position: relative;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    height: auto;
}

.inner:not(.catalog-entries) .card-mode .preview.course-preview .image-container2.stats .counter-container {
    padding: 0px 15px 65px 10px;
    background-color: rgba(0,0,0,0.3);
}

.preview.course-preview,
.preview.community-preview {
    overflow: hidden;
}

    .preview.course-preview .image-container {
        cursor: pointer;
    }

    .preview.course-preview .crs-tit {
        font-size: 18px;
        font-weight: bold;
    }

    .preview.course-preview .star-ranking-container {
        margin-left: 0px;
        width: 125px;
    }

#ActuContentContainer .preview.course-preview .star-ranking-container {
    margin-left: auto;
    width: auto;
}

.list-mode .preview.course-preview .inner .star-ranking-container {
    width: 118px;
}

.preview.course-preview .counter span {
    font-size: 14px;
}


.crs-info-container {
    display: flex;
    justify-content: space-between;
}

.vendor {
    font-weight: normal;
    font-size: 14px;
}

.catalog .crs-info-container i {
    font-size: 18px;
}

.crs-icon-info {
    font-size: 12px;
    padding-left: 5px;
}

.catalog .crs-icon-info {
    font-size: 13px;
    padding-left: 5px;
}

.favorite-crs {
    background-image: url(/_assets/_front/image/heartRed.png);
    height: 30px;
    width: 25px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    float: right;
}

.not-favorite-crs {
    background-image: url(/_assets/_front/image/heartWhite.png);
    height: 30px;
    width: 25px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    float: right;
}

.ecommerce-cart {
    height: 28px;
    width: 25px;
    font-size: 28px !important;
    display: inline-block;
    float: right;
    margin-right: 20px;
}

.quote,
.warning,
.info,
.remarks {
    border: 1px solid;
    border-left: 8px solid;
    display: block;
    padding: 10px;
    border-radius: 5px;
    margin: 10px 0px;
}

.quote {
    background-color: #f3f7fa;
    color: rgba(38, 41, 46, 0.7);
    font-style: italic;
}

.warning {
    background-color: #FACBB8;
    color: #D3450B;
}

.info {
    background-color: #f3f7fa;
    color: #346a98;
}

.remarks {
    background-color: #FCF9A4;
    color: #F4B518;
}

.list-mode div.ratio {
    display: block;
    width: 85px;
    position: static;
    height: 64px;
    padding: 0 !important;
    /*overflow: hidden;*/
}

    .list-mode div.ratio img {
        position: relative;
        display: block;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        width: 100%;
    }

.list-mode .preview.course-preview img,
.list-mode .preview.course-preview::before {
    width: 85px;
}

.inner:not(.catalog-entries) .card-mode .preview.community-preview .users-container {
    grid-template-rows: 1fr 1fr;
}

.list-mode .vendor,
.list-mode .crs-info-container {
    display: none;
}

.selectedCategory {
    display: inline-block;
    padding: 10px;
    margin: 10px 0px;
    background-color: #999999;
    color: #ffffff;
}

    .selectedCategory .resetCategory {
        padding-left: 10px;
        margin-left: 10px;
        border-left: 1px solid #ffffff;
        cursor: pointer;
    }

        .selectedCategory .resetCategory:hover {
            color: #333333;
        }

.favorite-icone {
    /* padding-right: 40px; */
}

    .favorite-icone i {
        font-size: 20px;
    }

.sidebar-column a > span {
    color: #ffffff;
}

.catalogue-search-container .fa-search {
    font-size: 20px;
}

.settings-container .search-settings-btn {
    padding-top: 20px;
}

.multiple-select-container.search-container .multiple-select-btn {
    bottom: 3px;
}

.header-search-block {
    position: absolute;
    right: 360px;
    top: 97px;
    z-index: 10;
    min-width: 20%;
    background-color: #ffffff;
}

    .header-search-block .multiselect-input-auto-complete {
        padding-left: 10px;
    }

    .header-search-block .custom-select:not(.open) > ul {
        border-color: transparent;
    }

.image-container2 {
    width: 100%;
}

.list-mode .image-container2 {
    width: auto;
}

@media (max-width: 768px) {
    .settings-container {
        display: block;
    }

        .settings-container .catalogue-search-category-menu {
            width: 100%;
        }

        .settings-container .catalogue-search-container {
            display: block;
            width: 100%;
            padding-top: 20px;
        }

    .list-mode .preview.course-preview .inner {
        width: calc(75% - 60px);
    }

        .list-mode .preview.course-preview .inner .star-ranking-container {
            justify-content: flex-start;
        }

    .list-mode .preview.course-preview .cta-container {
        display: block !important;
    }

    .list-mode .preview.course-preview .inner .star-ranking-container {
        width: 100%;
    }
}

#nextEvents .date-container {
    padding: 15px;
    text-align: center;
    font-family: Roboto, Myriad, Arial, Verdana, Sans-Serif;
}

.search-container .placeholder input[type='text'].multiselect-input-auto-complete {
    border-bottom: 0px solid #FFFFFF !important;
}



#nextEvents .dateDay {
    font-size: 24px;
}

#nextEvents .dateMonth {
    font-size: 12px;
    text-transform: capitalize !important;
}

#nextEvents .dateYear {
    font-size: 12px;
}

#newSchedulerTask .WinButtonDetailsAdmin {
    text-align: right;
}

#newSchedulerTask .WinButtonAdmin {
    position: absolute;
    bottom: 50px;
    right: 50px;
}

#newSchedulerTask.MainContainer {
    padding-left: 20px;
    padding-right: 20px;
}

#nextEvents .table-container table {
    white-space: normal !important;
}


.front-datetime-picker-container .form-control {
    border-top: none;
    border-left: none;
    border-right: none;
}

.bordered-multiline-textbox {
    font-size: 14px;
}

.hidden-strong {
    display: none !important;
}

.popup-validation-buttons-container {
    position: absolute;
    bottom: 25px;
    right: 25px;
}

.custom-select-container.col-container {
    max-width: 100%;
}

    .custom-select-container.col-container > .col-6 > span {
        min-width: 25%;
        display: inline-block;
    }

@media (max-width: 768px) {
    .custom-select-container, .custom-select-container .custom-select {
        max-width: 200px;
        display: block;
        margin-bottom: 20px;
    }
}

header .profile-reminders.all-links-visibles {
    top: 17px;
}

.divAuthenticationContent {
    max-width: 500px;
    text-align: center;
}

.cursor-default {
    cursor: default !important;
}

/* Widget StartNextCourse */

.startNextCourse .parcours-conditions {
    display: grid;
    grid-template-columns: 70% 1fr;
}

    .startNextCourse .parcours-conditions > div {
        text-align: right;
    }

        .startNextCourse .parcours-conditions > div > a {
            font-weight: bold;
        }

.startNextCourse .course-info {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

    .startNextCourse .course-info h3,
    .startNextCourse .hover-course-info h3,
    .startNextCourse .course-info .keyword,
    .startNextCourse .course-info .data,
    .startNextCourse .preview-hover {
        color: #ffffff;
    }

        .startNextCourse .preview-hover p,
        .startNextCourse .card-mode .preview.course-preview .inner > p {
            color: #ffffff !important;
        }

    .startNextCourse .course-info h3 {
        margin-bottom: 0;
        height: 60px;
    }

.startNextCourse .hover-course-info h3 {
    margin-bottom: 0;
}

.startNextCourse .course-preview .keyword {
    background-color: #2bb4bb;
    color: #ffffff;
    display: inline-block;
    font-size: 13px;
    line-height: 23px;
    border-radius: 15px;
    font-weight: bold;
    margin: 5px 10px;
    padding: 0 10px;
}

.startNextCourse .subject-type {
    display: flex;
    align-items: center;
}

    .startNextCourse .subject-type .icon-container {
        background-color: #ffffff;
        box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
        min-width: 50px;
        width: 50px;
        height: 50px;
        line-height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        margin-right: 10px;
    }

    .startNextCourse .subject-type span {
        color: #ffffff !important;
    }

.startNextCourse .image-container {
    overflow: hidden;
}

.startNextCourse .extended .course-preview,
.startNextCourse .extended .image-container,
.startNextCourse .extended .image-container > img {
    min-height: 210px;
    min-width: 280px;
}

.startNextCourse {
    padding: 0;
}

    .startNextCourse > .inner {
        padding-top: 0;
    }

    .startNextCourse .course-highlight-container {
        padding-top: 10px;
    }

    .startNextCourse .course-preview .keyword-container {
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
        height: 30px;
        margin-bottom: 10px;
    }

    .startNextCourse .course-info h3:not(.question)::before,
    .startNextCourse .course-info h3.question span::before,
    .startNextCourse .hover-course-info h3:not(.question)::before,
    .startNextCourse .hover-course-info h3.question span::before {
        background-color: transparent !important;
        display: none;
    }

    .startNextCourse .calendar {
        float: right;
        color: #ffffff;
    }

    .startNextCourse .duration {
        float: left;
        color: #ffffff;
    }


    .startNextCourse .data i {
        margin-right: 5px;
    }

    .startNextCourse .card-mode .preview.course-preview .inner > span {
        display: initial;
    }

    .startNextCourse .col-start-container h4 {
        margin-top: 10px;
    }

    .startNextCourse .preview.compact {
        height: 210px;
        width: calc(210px * 1.33333);
    }

    .startNextCourse .compact .inner {
        flex-direction: column;
        position: absolute !important;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        background-color: transparent !important;
    }

    .startNextCourse .course-preview .image-container::after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
    }

    .startNextCourse .course-preview.compact .preview-hover,
    .startNextCourse .compact:hover .inner {
        display: none;
    }

    .startNextCourse .icon-container img {
        width: initial !important;
    }

    .startNextCourse div.course-preview:hover .preview-hover {
        display: flex;
        justify-content: flex-start;
    }

@media (max-width: 1280px) {
    .home-more-news .startNextCourse .card-mode .course-preview:nth-child(n+3) {
        margin-top: initial;
        margin-bottom: 20px;
    }

    .home-more-news .startNextCourse .card-mode {
        justify-content: space-between !important;
    }
}

@media (min-width: 769px) and (max-width: 992px) {
    .startNextCourse .extended {
        flex-flow: wrap;
    }

        .startNextCourse .extended .col-6 {
            width: 100%;
        }

    .startNextCourse .col-course {
        order: 2;
        margin-top: 20px;
    }

        .startNextCourse .col-course .course-info {
            padding: 30px;
        }

            .startNextCourse .col-course .course-info .data {
                position: absolute;
                bottom: 30px;
                right: 20px;
                left: 20px;
            }

            .startNextCourse .col-course .course-info .keyword-container {
                position: absolute;
                bottom: 60px;
                right: 20px;
            }
}


@media (max-width: 768px) {
    .startNextCourse .col-course {
        order: 2;
        margin-top: 20px;
    }

        .startNextCourse .col-course .course-info,
        .startNextCourse .compact .course-info {
            padding: 30px;
        }

            .startNextCourse .col-course .course-info .data,
            .startNextCourse .compact .course-info .data {
                position: absolute;
                bottom: 30px;
                right: 20px;
                left: 20px;
            }

            .startNextCourse .col-course .course-info .keyword-container,
            .startNextCourse .compact .keyword-container {
                position: absolute;
                bottom: 60px;
                right: 20px;
            }

    .startNextCourse .card-mode .preview.course-preview .inner > span {
        padding-right: 13px;
    }

    #Gamification .col-5 {
        order: 2;
    }

    .startNextCourse .card-mode {
        display: flex;
        flex-flow: wrap;
    }

    .startNextCourse .preview.compact {
        height: calc(100% * 0.75);
        width: 100%;
    }
}


/* End widget StartNextCourse */

/* Gamification */

#Gamification .col-7 table {
    padding-top: 48px;
}

#Gamification {
    padding-top: 20px;
}
/* End Gamification */
.pop-up-bottom-button .cta-action.close .fa + span {
    padding-right: 0px;
}

/* SearchBox widget */
.SearchBoxWidget .header-search-block {
    position: inherit;
}

/* End SearchBox widget */

.audiojs {
    margin: 0 auto;
    width: 100%;
    max-width: 460px;
}

header .logged-in-profile > .name.x-long {
    font-size: 10px;
}

header .logged-in-profile > .name.long {
    font-size: 16px;
}

.col-container > .highlight-widget {
    width: 100%;
}

.spoc-sidebar-header img {
    min-width: 100%;
}

.spoc-sidebar-title,
.lesson-timeline .lesson-step {
    cursor: pointer;
}

.spoc-sidebar .spoc-menu-block {
    display: none;
}

    .spoc-sidebar .spoc-menu-block.active {
        display: block;
    }

.spoc-sidebar .spoc-sidebar-title.active .chevron-down,
.spoc-sidebar .spoc-sidebar-title:not(.active) .chevron-right {
    display: inline;
}

.spoc-sidebar .spoc-sidebar-title.active .chevron-right,
.spoc-sidebar .spoc-sidebar-title:not(.active) .chevron-down {
    display: none;
}

.spoc-frame {
    margin: 0;
    padding: 0;
    border: none;
    width: 100%;
    height: calc(100% - 52px);
}

@media (max-width: 768px) {
    .spoc-frame {
        height: calc(100% - 100px);
    }
}

.spoc-frame + .spoc-main-container {
    display: none;
}

.cta-contextual.external-auth-btn-content {
    width: 80px;
    margin: 2px;
    font-weight: bold;
    border-color: white;
    border-radius: 5px;
}

.card-mode .preview.default-course-preview .image-container img {
    position: static;
}

@media (max-width: 768px) {
    .default-catalogue-search-container .custom-select-container {
        min-width: 0px;
        margin-bottom: 0px;
    }
}

.catalog-search.search-container {
    /*background-color: #ffffff;
    padding-left: 10px;
    border-radius: 5px;
    height : 46px;*/
    margin-left: 20px;
}

/*.catalogue-search-container.default-catalogue-search-container {
    margin-top: 40px;
}*/

.catalog-search.search-container .select-list .placeholder {
    padding-top: 10px;
}

.catalog-search.multiple-select-container.search-container .multiple-select-btn {
    bottom: 9px;
}

.catalog-search.search-container .placeholder input {
    height: 46px;
    font-size: 16px;
    border-radius: 6px;
    padding-left: 10px;
    padding-right: 40px;
}

.catalog-search.multiple-select-container ::-webkit-scrollbar {
    display: none;
}

.hovered-content .hide-on-over {
}

.hovered-content:hover .hide-on-over {
    display: none;
}

.hovered-content .visible-on-over {
    display: none;
}

.hovered-content:hover .visible-on-over {
    display: block;
}

    .hovered-content:hover .visible-on-over.inline-on-over {
        display: inline;
    }

.trainingplan-search-filters .grid-group {
    grid-template-columns: 130px 1fr;
}

section.inner:not(.colored-row-container) + section.inner.forced-padding:not(.colored-row-container) {
    padding: 30px 40px;
}

.home-col-left > section.campaign-wrapper,
.home-col-right > section.campaign-wrapper {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 39px;
}

.home-col-right > section.campaign-wrapper {
    margin-left: 0px;
}

.campagne-main-container .image-container {
    background-size: auto;
}

.header-widget section.campaign-wrapper {
    width: 100%;
    margin-bottom: -40px;
    margin-top: 10px;
}

.footer-widget section.campaign-wrapper {
    width: 100%;
    margin-bottom: -40px;
    margin-top: 10px;
}

.select-flex-column .custom-select-container {
    flex-direction: column;
}

.ranking-label {
    padding-bottom: 7px;
    display: block;
}

.inside-catalog.preview.course-preview {
    height: auto;
}

.select-list ul li {
    min-height: 50px;
}

.my-stakes-container.inner {
    padding: 0px;
    max-width: 100%;
    padding-bottom: 40px;
}

.pic-rect-180 {
    display: inline-block;
    width: 180px;
    max-width: 180px;
    max-height: 180px;
    border-radius: 8px;
}

.pic-rect-84 {
    display: inline-block;
    width: 84px;
    max-width: 84px;
    height: 63px;
    border-radius: 8px;
}

.pic-rect-64 {
    display: inline-block;
    width: 64px;
    max-width: 64px;
    height: 48px;
    border-radius: 6px;
}

.pic-rect-48 {
    display: inline-block;
    width: 48px;
    max-width: 48px;
    height: 36px;
    border-radius: 6px;
}


.my-stakes-container .title-container .pic-rect-84 {
    margin-right: 20px;
    margin-bottom: 28px;
}

.card-mode .preview.course-preview p, .card-mode .preview.community-preview p {
    height: 140px;
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.mandatory-star {
    color: #D91E18;
    font-weight: bold;
    font-size: 17px;
}

.login-loader {
    display: none;
    opacity: 0.85;
    background-color: var(--raw-color);
    position: absolute;
    top: 0px;
    left: 50%;
    width: 50%;
    height: 100%;
    background-image: url(/_assets/_front/image/waiting.gif);
    background-position: calc(3rem + 185px) 40%;
    background-repeat: no-repeat;
}

@media (max-width: 768px) {
    .login-loader {
        left: 0px;
        width: 100%;
    }
}

.wbt-cookie-bar {
    position: fixed;
    width: calc(100% - 20px);
    background-color: #eee;
    margin: 0;
    left: 0;
    bottom: 0;
    padding: 10px;
    z-index: 9999;
    text-align: center;
}

    .wbt-cookie-bar > span {
        text-align: justify;
        display: inline-block;
    }

@media(max-width:768px) {
    .wbt-cookie-bar > span {
        padding-top: 25px;
        padding-bottom: 25px;
    }
}

.cta-contextual.medium {
    height: 36px;
    line-height: 36px;
}

.cta-contextual.main {
    border-color: #7db9dd;
    background-color: #7db9dd;
    color: #ffffff;
}

    .cta-contextual.main:hover {
        border-color: #2c5e87;
        background-color: #2c5e87;
        color: #ffffff;
    }

#login .cta-container.wbt-cookie-bar {
    margin-top: 0px;
}

.popup .cookie-form {
    padding-left: 20px;
    padding-right: 20px;
}

    .popup .cookie-form .col-container .col-6 {
        width: 50%;
    }

    .popup .cookie-form .col-container .col-9 {
        width: 80%;
    }

    .popup .cookie-form .col-container .col-8 {
        width: 66.66%;
    }

    .popup .cookie-form .col-container .col-3 {
        width: 25%;
    }

    .popup .cookie-form .col-container .col-1 {
        width: 8.33%;
    }

    .popup .cookie-form .col-container > div {
        padding-right: 3px !important;
        padding-left: 3px !important;
    }

    .popup .cookie-form .cookie-choice label.toggle-info {
        color: #7db9dd;
        cursor: pointer;
    }

    .popup .cookie-form .cookies-list {
        height: 500px;
        overflow-y: auto;
        padding-right: 10px;
    }

    .popup .cookie-form .cookie-choice label.input-option-container {
        width: 60px;
    }


    .popup .cookie-form .cookie-choice {
        background-color: #eee;
        height: 30px;
        padding-top: 15px;
        padding-left: 15px;
        padding-right: 15px;
        border-radius: 20px;
    }

        .popup .cookie-form .cookie-choice.open {
            height: auto;
            padding: 15px;
        }

        .popup .cookie-form .cookie-choice:not(.open) .info-content,
        .popup .cookie-form .cookie-choice:not(.open) .fa-chevron-up {
            display: none;
        }

        .popup .cookie-form .cookie-choice.open .fa-chevron-down {
            display: none;
        }

        .popup .cookie-form .cookie-choice label {
            color: #000000;
        }

@media (max-width: 768px) {
    .profile-highlights::before {
        left: 0;
        top: 0;
        right: 0;
    }
}

@media (max-width: 768px) {
    header .logged-in-profile-container img {
        min-height: 36px;
    }
}

#sticky-container:hover a {
    text-decoration: none;
}

.comment-text-area {
    font-size: 14px;
    line-height: 18px;
}

.filter-group .select-list .placeholder.selected {
    font-size: 14px;
}

.filter-group .custom-select-container.col-container > .col-6 > span {
    line-height: 30px;
    height: 30px;
    position: relative;
}

    .filter-group .custom-select-container.col-container > .col-6 > span > div {
        top: -1px;
        position: absolute;
    }

.recap-data-container a {
    cursor: default;
}

/*.catalogue-course-preview-container.col-9 .list-mode .preview.default-course-preview .list-preview-content .data-container {
    max-width: 366px;
}*/

.rating-filter {
    margin-left: -30px;
}

.my-stakes-container .generic-wall-container .news-wall[data-current-slide="1"] ~ .news-wall-previous-btn, .my-stakes-container .generic-wall-container .card-mode[data-current-slide="1"] ~ .news-wall-previous-btn {
    opacity: 0;
    pointer-events: none;
}

.main-container.sidebar-column-display .main-column {
    grid-template-columns: 1fr 1240px;
}

.col-lesson-catalogue-main-container .col-lesson-menu-sidebar.active {
    transform: translate(320px, 0);
}

.external-auth-container {
    max-width: 400px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 60px;
}

.cta-container.choice-btn-container {
    max-width: 400px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.external-auth-container h2#LblOrBlock {
    text-align: center;
    padding-bottom: 10px;
}

.external-auth-container a.cta-contextual {
    margin-top: 10px;
}

.cta-action-separator {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
}

/* REORGANIZE FRONT HEADER*/
h1.page-title {
    display: none;
}

.header-content .manager-logo-container {
    display: block;
    position: absolute;
    top: 15px;
    left: 35px;
    z-index: 50;
}

@media (max-width: 1250px) {
    .header-content .manager-logo-container {
        top: -10px;
        left: 0px;
        z-index: 0;
    }
}

@media (max-width: 1024px) {
    .header-content .manager-logo-container {
        top: 38px;
        left: 75px;
    }
}

.header-content .main-nav {
    display: block;
    width: 100%;
    position: absolute;
    padding-top: 110px
}

header .main-nav ul {
    max-width: 1240px;
    margin: 0 auto;
    padding-left: 40px;
}

    header .main-nav ul > li > a {
        font-size: 16px;
        font-weight: bold;
    }

header .main-nav > ul > li > a.selected .fa:after {
    display: none;
}

header .main-nav > ul > li > a.selected:after {
    content: '';
    position: absolute;
    width: 40px;
    height: 4px;
    bottom: -15px;
    left: 0%;
    margin-left: 28px;
}

header .help {
    top: 120px;
}

.header-search-block {
    top: 20px;
    right: 300px;
    border-radius: 5px;
}

.home-stats-graphic-container {
    padding: 0px;
}

table.complex tbody td:first-child {
    font-family: Roboto, Myriad, Arial, Verdana, Sans-Serif;
}

.cta-contextual.minor {
    border-width: 0px;
}

.logged-in .main-container > .inner {
    padding-top: 25px;
}

.note-editor button[title]:hover:after {
    content: attr(title);
    display: none;
}

.cta-container a.cta-action + a {
    padding-left: 20px;
}

header .main-nav ul.nav-submenu {
    padding-left: 0px;
    left: 0%;
}

.logged-in-profile ul.nav-submenu a {
    padding-left: 40px;
}

/******** SUMMERNOTE *************/
blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee;
    width: 100%;
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857;
    word-break: break-all;
    word-wrap: break-word;
    color: #333;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
    width: 100%;
}

.popup-sidebar, .popup-content {
    padding: 15px 20px 20px;
}

/* my trainings */
.trainings-list-container .trainings-list {
    max-width: 1200px;
}

/*.trainings-numbers-container {    
    margin-left: auto;
    margin-right: auto;
}*/

.training-counter span {
    font-size: 15px;
}
/* end - my trainings */

table.simple .shortCode span {
    display: inline-block;
    width: 119px;
    overflow-x: hidden;
    white-space: nowrap;
    margin-right: 10px;
}

.catalogue-sidebar-filter:last-of-type {
    border-bottom-width: 0px;
}

.formation-request-container .formation-request-sidebar {
    margin-top: -25px;
}


.catalogRecommendMenuList {
    margin-top: -23px;
}



.inner-nav-container .nav-submenu {
    display: none;
    position: absolute;
    padding: 10px 0;
    min-width: 115px;
    box-shadow: 1px 2px 4px 1px rgba(0, 0, 0, 0.14);
    white-space: nowrap;
    z-index: 10;
    margin-top: 8px;
    left: 50%;
    top: 42%;
    font-size: 12px;
    line-height: 30px;
    background-color: #f3f7fa;
}

.inner-nav-container .on-spoc.nav-submenu {
    left: 1%;
    top: 53%;
}

.inner-nav-container .nav-submenu::before {
    content: '';
    display: block;
    width: 100%;
    height: 8px;
    position: absolute;
    top: -8px;
}

.inner-nav-container .nav-submenu::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    position: absolute;
    top: -8px;
    left: 50px;
}

.inner-nav-container .nav-submenu > li a {
    padding: 5px 20px;
    display: block;
    text-align: left;
    text-decoration: none;
}

.inner-nav-container:hover .nav-submenu {
    display: block;
}

.inner-nav-container .nav-submenu > li:hover {
    background-color: #e0bd63;
}

    .inner-nav-container .nav-submenu > li:hover a,
    .inner-nav-container .nav-submenu > li:hover .fa {
        color: #ffffff !important;
    }

.inner-nav-container .nav-submenu::after {
    border-bottom: 8px solid #f3f7fa;
}

h1.simplified.course-title {
    padding-top: 15px;
}

.col-lesson-menu-header {
    width: 100%;
}

.sticky-course-nav {
    display: inline-block;
    padding-right: 20px;
}

.inner-nav-container.sticky-course-nav .nav-submenu {
    left: 24%;
    top: 48%;
}

.feedbackActionUsers_widget .list-mode .preview.course-preview img,
.feedbackActionUsers_widget .list-mode .preview.course-preview::before {
    display: block;
    height: 36px;
    width: 36px;
    max-width: inherit;
    margin-right: 15px;
    padding: 5px;
}

.feedbackActionUsers_widget {
    overflow: auto;
    margin-bottom: 20px;
}

    .feedbackActionUsers_widget .list-mode {
        margin-top: 20px;
        margin-right: 15px;
    }

.feedback-inner-div {
    width: 100% !important;
    padding: 5px 5px !important;
}

.feedback-div {
    max-width: 100%;
}

/* Help *******************/

.help-text {
    padding: 5px 0;
}

.help-list {
    padding-bottom: 20px;
    list-style-type: none;
}

/* *** NEWS CAROUSEL *** */
.generic-news-carousel {
    padding-top: 0px;
    padding-bottom: 0px;
    max-width: 100%;
}

    .generic-news-carousel .news-wall-col {
        display: inline-flex;
        flex-direction: column;
        height: 100%;
        min-height: 100%;
        box-sizing: border-box;
        font-size: 14px;
        white-space: normal;
        padding-right: 30px;
    }

    .generic-news-carousel .image-container img {
        width: 200px;
    }

    .generic-news-carousel .news-wall-col {
        display: inline-flex !important;
        cursor: pointer;
    }

    .generic-news-carousel .generic-news-carousel-main-slider .news-wall-pagination {
        justify-content: center;
        margin-top: 0;
    }

    .generic-news-carousel .news-wall-container {
        padding-left: 0 !important;
    }

@media (max-width: 1239px) {
    .generic-news-carousel .generic-news-carousel-main-slider .news-wall-pagination {
        left: initial;
    }
}

@media (max-width: 568px) {
    .generic-news-carousel h1 {
        font-size: 28px;
        line-height: 28px;
    }

    .generic-news-carousel .intro-p {
        font-size: 14px;
        line-height: 1.68;
    }
}

.generic-news-carousel .generic-news-carousel-content-banner-image {
    border: 1px solid var(--primary-button-color);
    height: 280px;
    width: 373px;
}

    .generic-news-carousel .generic-news-carousel-content-banner-image img {
        height: 100%;
        width: 100%;
    }

.news-wall-col:hover .generic-news-carousel-content-banner-image {
    border: 1px solid var(--stronger-button-color);
}

*::-ms-backdrop,
.generic-news-carousel,
.generic-news-carousel h1,
.generic-news-carousel .intro-p {
    width: 100%;
}

.generic-news-carousel-main-slider .generic-news-carousel-content-banner {
    width: 1240px;
    max-width: 100%;
    margin: 0;
    flex-direction: row;
    height: 400px;
}

.generic-news-carousel-content-banner-image .image-container {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    min-width: 100%;
    min-height: 280px;
}

    .generic-news-carousel-content-banner-image .image-container img {
        display: block;
        min-width: 100%;
        min-height: 100%;
        max-width: inherit;
        position: absolute;
        z-index: -1;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

.image-container img, .news-wall-background img {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
}

.generic-news-carousel-content-banner-image {
    position: relative;
    overflow: hidden;
}

.generic-news-carousel-content-banner-text .intro-p {
    padding-right: 35px;
}

.generic-news-carousel-container .news-wall-container {
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* *** SEARCHBOX Widget *** */
.SearchBoxWidget {
    margin: 0px auto;
    text-align: center;
}


    .SearchBoxWidget > span.title,
    .SearchBoxWidget > div.inner {
        display: inline-block;
    }

.ulSearchAutoComplete {
    text-align: left;
}

.widget-categories-list {
    width: 100%;
}



/* widget presentiel */
.current-schedule h3:not(.question)::before {
    height: 0;
}

.current-schedule .date {
    min-width: 72px;
    width: 72px;
    height: 72px;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height: 14px;
    margin-right: 10px;
}

    .current-schedule .date .day {
        font-size: 18px;
        font-weight: bold;
    }

    .current-schedule .date .month {
        font-size: 12px;
    }

    .current-schedule .date .year {
        font-size: 14px;
    }

@media (max-width: 1280px) {
    .current-schedule-dates {
        flex-direction: column;
    }

        .current-schedule-dates .col-container {
            padding-left: 0 !important;
            width: 100%;
            max-width: 360px;
        }

            .current-schedule-dates .col-container + .col-container {
                margin-top: 20px;
            }
}

@media (max-width: 768px) {
    .current-schedule-dates {
        margin-top: 20px;
    }
}

.current-schedule2 {
    padding-right: 0;
}

.current-schedule-link {
    margin-top: 5px;
}

.categories-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.widget-categories-list .categories-list li {
    width: 200px;
    cursor: pointer;
}

.categories-list li h4 {
    padding-top: 10px;
    padding-bottom: 20px;
}

.categories-list li:hover img {
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.categories-list li:hover h4 {
    color: #346a98;
}

.inner .card-mode .preview.course-preview .subject-type img, .inner .list-mode .preview.course-preview .subject-type img {
    max-width: 26px;
    max-height: 25px;
}

.news-wall-small-row:hover {
    cursor: pointer;
}

.generic-wall-container .sub-categories-col .news-wall-small-row:first-child {
    margin-top: 30px;
}

.help-list {
    padding-bottom: 20px;
    list-style-type: none;
}



/*widget multi carroussel*/

.choice_btn_car {
    display: inline-block;
    background-color: #fff;
    padding: 7px 10px;
    font-size: 14px;
    margin-right: 5px;
    color: rgba(19, 20, 20, 0.5);
    cursor: pointer;
    margin-bottom: 7px;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    border-radius: 3px;
    border: 0px solid #fff;
}


.choice_btn_car_select {
    color: #12558d;
}

/******/ .col-lesson-menu-content .timeline-table td b {
    max-width: 540px;
}



/*widget multi carroussel*/

.choice_btn_car {
    display: inline-block;
    background-color: #fff;
    padding: 7px 10px;
    font-size: 14px;
    margin-right: 5px;
    color: rgba(19, 20, 20, 0.5);
    cursor: pointer;
    margin-bottom: 7px;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    border-radius: 3px;
    border: 0px solid #fff;
}


.choice_btn_car_select {
    color: #12558d;
}

/******/

/* Passport ***************/

.passeport-formation-header {
    max-width: 100% !important;
    position: static;
    margin: 0 !important;
}

    .passeport-formation-header .img-container,
    .passeport-formation-header .img-container-print {
        max-width: 230px;
        margin-right: 10px;
    }

.user-badge-container h2 {
    margin-top: 16px;
    margin-bottom: 0;
    margin-right: 25px;
}

.passeport-formation-footer {
    margin-top: 60px;
    display: none;
    text-align: right;
}

    .passeport-formation-footer > div {
        text-align: left;
        display: inline-block !important;
    }

    .passeport-formation-footer img.passport-signature {
        max-width: 150px;
        max-height: 100px;
    }

.passeport-formation-actions {
    padding-top: 0 !important;
    margin-top: -20px;
    text-align: right;
}

.passeport-formation-table-container img.passport-content-icon {
    max-height: 98px;
    margin-left: 10px;
}

.passeport-formation-header .img-container-print {
    display: none;
}

.passeport-formation-table-container ul.table-list li div.table-list-col:nth-child(3) {
    min-width: 170px;
}

.passeport-formation-table-container ul.table-list li div.table-list-col:nth-child(4) {
    min-width: 120px;
}

.passeport-formation-table-container ul.table-list li div.table-list-col:nth-child(5) {
    min-width: 150px;
}

.passeport-formation-table-container ul.table-list li div.table-list-col:nth-child(6) {
    min-width: 160px;
}

.passeport-formation-user-container-print {
    display: none;
}
/**************************************************/
/* Print */
/**************************************************/
@media print {
    .passeport-formation-footer {
        display: block;
        page-break-before: avoid;
    }
    /*.passeport-formation-footer:after {
		content: counter(page);
		counter-increment: page;
	}*/
    .passeport-formation-actions,
    .passeport-formation-header .img-container {
        display: none;
    }

    .passeport-formation-user-container h1 {
        font-size: 31px;
    }

    .passeport-formation-user {
        max-width: 500px;
        padding-top: 0px;
        display: inline-block;
    }

    .passeport-formation-header .img-container-print {
        display: inline;
        margin-right: 10px;
        min-width: 150px;
        max-width: 280px;
    }

    .contextual-menu-container,
    .settings-container,
    .custom-scrollbar,
    .contextual-menu-container .contextual-menu,
    .settings-container .contextual-menu,
    .custom-scrollbar .contextual-menu {
        display: none;
    }


    .passeport-formation-header {
        max-width: 1240px !important;
        top: 0px;
        position: static;
        padding: 0px;
        padding-bottom: 30px;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }

    .passeport-formation-user-container-print {
        display: block;
        width: 250px;
    }

    .passeport-formation-title-print {
        font-size: 28px;
        width: 100%;
    }

        .passeport-formation-title-print:before {
            display: none;
        }

    .passeport-formation-date-print {
        font-size: 18px;
        font-weight: bold;
        width: 100%;
    }

    .passeport-formation-header .recap-data {
        width: 200px;
        min-width: 200px;
    }

    .passeport-formation-user-container {
        margin-top: 20px;
        display: none;
    }

    .login-content {
        width: 100% !important;
        margin: 0 !important;
        padding: 2rem !important;
    }

    .login-background {
        width: 0 !important;
        width: 67%;
    }

    #divLangChoice {
        display: none;
    }

    .passeport-formation-table-container ul.table-list li {
        padding-left: 0;
        padding-right: 0;
    }

        .passeport-formation-table-container ul.table-list li div.table-list-col:first-child {
            display: none !important;
        }

        .passeport-formation-table-container ul.table-list li div.table-list-col:nth-child(3) {
            min-width: 100px !important;
        }

        .passeport-formation-table-container ul.table-list li div.table-list-col:nth-child(4) {
            min-width: 80px !important;
        }

        .passeport-formation-table-container ul.table-list li div.table-list-col:nth-child(5) {
            min-width: 100px !important;
        }

        .passeport-formation-table-container ul.table-list li div.table-list-col:nth-child(6) {
            min-width: 110px !important;
        }

        .passeport-formation-table-container ul.table-list li div.table-list-col .pic-48 {
            width: 24px;
            height: 24px;
            min-width: 24px;
        }

        .passeport-formation-table-container ul.table-list li div.table-list-col .fa-clock-o {
            display: none;
        }
}

.skill-list li {
    margin-bottom: 10px;
}

.course-carousel-left-col {
    max-width: 300px;
    margin-left: 320px;
}

.course-carousel-right-col h2 {
    max-width: 300px;
    margin-top: 80px;
    margin-bottom: 50px;
}


.col-8 .course-carousel-left-col {
    margin-left: 120px;
}

.training-evaluation-content {
    padding: 15px;
    height: 370px;
}

    .training-evaluation-content .col-container {
        flex-wrap: nowrap;
    }

        .training-evaluation-content .col-container .icon-container {
            font-size: 50px;
            width: 25%;
        }

        .training-evaluation-content .col-container .text-container {
            padding-top: 15px;
            padding-bottom: 15px;
        }

    .training-evaluation-content h1:before {
        display: none;
    }

.evaluation-text-container .evaluation-text-content-before {
    padding-top: 30px;
}

    .evaluation-text-container .evaluation-text-content-before .cta-container {
        padding-top: 20px;
    }

.evaluation-text-container .evaluation-text-content-after .highlight {
    color: #7db9dd;
    padding-top: 30px;
    padding-bottom: 15px;
}

    .evaluation-text-container .evaluation-text-content-after .highlight .fa {
        padding-right: 10px;
    }

.evaluation-text-container .evaluation-text-content-after .evaluation-thanks {
    font-weight: bold;
    font-size: 18px;
    padding-bottom: 10px;
}

.evaluation-img-container {
    position: relative;
    padding-right: 0 !important;
}

    .evaluation-img-container > img {
        width: 100%;
        height: 100%;
    }

    .evaluation-img-container .info-container {
        position: absolute;
        top: 0;
        left: 0;
        background-color: rgba(0,0,0,0.4);
        width: 100%;
        height: 100%;
    }

        .evaluation-img-container .info-container .content-type-img {
            top: 74px;
            left: 20px;
            background-color: #ffffff;
            padding: 5px 10px;
            border-radius: 50%;
            position: relative;
        }

        .evaluation-img-container .info-container .type-descriptor {
            display: inline-block;
            color: #ffffff;
            position: relative;
            top: 63px;
            left: 25px;
        }

        .evaluation-img-container .info-container .course-name {
            color: #ffffff;
            padding-left: 20px;
            padding-top: 77px;
            font-weight: bold;
        }

.widget-connected-users-container.inner {
    padding: 0px 30px;
}

.widget-connected-users {
    width: 300px;
    min-width: 300px;
    padding: 15px 20px 15px 20px;
    text-align: center;
    overflow: hidden;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

    .widget-connected-users .counter {
        text-transform: inherit;
        font-size: 18px;
        font-weight: bold;
        white-space: nowrap;
        color: #000000;
    }

        .widget-connected-users .counter span {
            font-size: 60px;
            font-weight: bold;
            line-height: 36px;
            color: #000000;
        }

.col-lesson-menu-content.class-menu-content .list-mode .preview.default-course-preview .list-preview-content .cta-container {
    display: flex;
}

.list-mode .preview.course-preview .gauge-horizontal.big-gauge {
    display: block;
    left: auto;
    right: 37px;
    bottom: 18px;
    background-color: #e8edf2;
    width: 60px;
    height: 8px;
    border-radius: 4px;
}

    .list-mode .preview.course-preview .gauge-horizontal.big-gauge .gauge-display {
        height: 8px;
        border-radius: 4px;
        display: block;
    }

.list-mode .preview.course-preview .gauge-list .gauge-display {
    height: 8px;
    border-radius: 4px;
    display: block;
}

.course-preview.next-course {
    background-color: #f3f7fa;
}

a.class-certificate {
    padding-left: 164px;
}

    a.class-certificate > .fa {
        font-size: 36px;
        background-color: white;
        padding: 20px;
        border-radius: 25px;
    }

.news-image-container,
.news-image-container img {
    min-height: 300px;
}

.following-content.small-top {
    margin-top: 10px;
}

.go-to-catalog-link {
    display: block;
    padding-top: 20px;
    padding-bottom: 10px;
}

    .go-to-catalog-link + .following-content {
        width: 100%;
        border-top: 1px solid #e8edf2;
        margin-top: 5px;
        padding-top: 20px;
    }

.flag-select .select-list ul li {
    height: 26px;
    padding: 3px 10px 6px 10px;
    line-height: 22px;
    min-height: 20px;
}



.inner-nav-container:hover .catalogRecommendMenuList {
    display: none;
}

.inner-nav-container:hover .isMultipleRecommendChoice {
    display: block;
}

input.inside-frame-close-button, div.inside-frame-close-button {
    position: fixed;
    z-index: 5000;
    background-color: #ffffff;
    color: #FFFFFF;
    border: 1px solid #ffffff;
    border-radius: 50px;
    cursor: pointer;
    padding: 5px 10px;
}

    input.inside-frame-close-button.top-right,
    div.inside-frame-close-button.top-right {
        top: 5px;
        right: 5px;
    }

    input.inside-frame-close-button.top-left,
    div.inside-frame-close-button.top-left {
        top: 5px;
        left: 5px;
    }

    input.inside-frame-close-button.bottom-right,
    div.inside-frame-close-button.bottom-right {
        bottom: 5px;
        right: 5px;
    }

    input.inside-frame-close-button.bottom-left,
    div.inside-frame-close-button.bottom-left {
        bottom: 5px;
        left: 5px;
    }

    input.inside-frame-close-button:hover {
        background-color: #346a98;
    }

@media (max-width: 450px) {
    input.form-input.big-code {
        width: 40%;
        line-height: 70px !important;
        margin-left: 30%;
        margin-right: 30%;
        margin-top: 10%;
        padding: 0 !important;
    }


    #ContentPlaceHolder1_LblEnterElectronicSignatureCode {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    body#login .SignatureDiv {
        margin-top: 20px;
    }

    #login .flag-select {
        position: sticky !important;
        margin-bottom: 50px !important;
    }

    input.form-input.big-code::placeholder {
        font-size: x-large;
        vertical-align: bottom !important;
        text-align: center !important;
        position: center;
        height: 60px !important;
        padding-top: 50px;
    }

    body#login input[type="number"] {
        line-height: 60px !important;
    }
}


.important-confirm-label {
    max-width: 500px;
    color: rgba(38, 41, 46, 0.7);
    font-size: 14px;
}

.esignature-sample {
    text-align: center;
    max-width: 300px;
}

.main-container .inner.my-stakes-container,
section.inner.my-stakes-container:not(.colored-row-container) + section.inner.my-stakes-container:not(.colored-row-container) {
    padding: 0px;
    padding-bottom: 40px;
    margin-left: 0px;
}

.meteo-title-choice {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    width: 100%;
}

    .meteo-title-choice h2 {
        width: auto;
        margin-bottom: 0;
    }

        .meteo-title-choice h2 + h2 {
            margin-left: 40px;
        }

        .meteo-title-choice h2 a {
            font-size: 18px;
        }

.meteo-activity-container,
.meteo-team-activity-container {
    display: flex;
    justify-content: space-between;
}

.meteo-home-course-mandatory-title {
    margin-left: 200px;
    padding: 10px;
    text-align: center;
    margin-bottom: 20px;
    border-radius: 3px;
}

.meteo-activity-container .col-3,
.meteo-team-activity-container .col-3 {
    margin-left: 20px;
}

.meteo-activity-container .meteo-status-container,
.meteo-team-activity-container .meteo-status-container {
    display: flex;
    width: 160px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-left: 0;
}

.meteo-status-container .topic {
    margin-top: 5px;
}

.meteo-home-course-highlight {
    border-radius: 5px;
    text-decoration: none;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
}

    .meteo-home-course-highlight:hover {
        text-decoration: none;
    }

    .meteo-home-course-highlight .image-container {
        width: 45%;
        box-sizing: border-box;
        padding-right: 20px;
    }

    .meteo-home-course-highlight .value-container {
        width: 55%;
    }

.meteo-team-activity-container .value-container {
    text-align: left;
}

.meteo-home-course-highlight .value-container .value {
    display: block;
    font-size: 42px;
    font-weight: bolder;
    margin-bottom: 20px;
}

    .meteo-home-course-highlight .value-container .value small {
        font-size: 28px;
    }

.meteo-home-course-footer {
    border-top-width: 1px;
    border-top-style: solid;
    position: relative;
    min-width: calc(100% + 40px);
    margin-bottom: -20px;
    padding-top: 10px;
    padding-bottom: 5px;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

*::-ms-backdrop, .meteo-home-course-footer { /* IE11 */
    left: -20px;
    padding-bottom: 0;
}

    .meteo-home-course-footer .value {
        font-weight: bold;
        font-size: 24px;
        margin-right: 10px;
    }

@media (max-width: 1080px) {

    .meteo-home-course-mandatory-title {
        margin-left: 0;
    }

    .meteo-activity-container,
    .meteo-team-activity-container {
        flex-wrap: wrap;
    }

        .meteo-activity-container .col-3,
        .meteo-team-activity-container .col-3 {
            width: calc(50% - 15px);
            min-height: 180px;
            margin-left: 0;
        }

        .meteo-activity-container .col-9,
        .meteo-team-activity-container .col-9 {
            width: 100%;
            margin-left: 0;
        }

        .meteo-activity-container .col-3:nth-child(2n + 2),
        .meteo-team-activity-container .col-3:nth-child(2n + 2) {
            margin-left: 30px;
        }

        .meteo-activity-container .col-3:nth-child(n + 3),
        .meteo-team-activity-container .col-3:nth-child(n + 3) {
            margin-top: 20px;
        }
}

@media (max-width: 1024px) {

    .meteo-course-highlight-container {
        flex-wrap: wrap;
    }
}

@media (max-width: 768px) {

    .meteo-activity-container .col-3,
    .meteo-team-activity-container .col-3 {
        width: 100%;
        min-height: inherit;
    }

        .meteo-activity-container .col-3:nth-child(2n + 2),
        .meteo-team-activity-container .col-3:nth-child(2n + 2) {
            margin-left: 0;
        }

        .meteo-activity-container .col-3:nth-child(n + 2),
        .meteo-team-activity-container .col-3:nth-child(n + 2) {
            margin-top: 20px;
        }

    .meteo-home-course-footer {
        min-width: 100%;
    }

    *::-ms-backdrop, .meteo-home-course-footer { /* IE11 */
        left: 0;
        padding-bottom: 10px;
    }
}

.meteo-title-choice a.selected-title {
    font-size: 26px;
    font-weight: bold;
    line-height: 30px;
    text-decoration: none;
}

.meteo-title-choice a + a {
    margin-left: 40px;
}

.meteo-status-container {
    padding-left: 0;
    padding-right: 0;
}

*::-ms-thumb, .meteo-home-course-footer { /* Edge */
    left: -20px;
}

.training-value-container > span:not(.training-value) {
    font-size: 16px;
}

.trainings-list-container > .title-container > h1.simplified {
    visibility: hidden;
}

.trainings-list > h4 {
    font-size: 24px
}

.font-size-11px {
    font-size: 11px !important;
}

#chartdivlateTrainingsChart,
#chartdivurgentTrainingsChart {
    margin-top: -40px;
}

.ms-lesson-percentage .image-container {
    margin-right: 20px;
    margin-left: 0px;
}

.ms-lessons-status-container {
    min-height: 230px;
}

.supervisor.ms-lesson-percentage .image-container {
    margin-right: 50px;
    margin-left: 50px;
}

.supervisor.ms-lesson-percentage {
    margin-bottom: 28px;
    margin-top: 110px;
}

.ms-lessons-recap-content .ms-light-container.col-12,
.ms-lessons-recap-mandatory .ms-light-container.col-12,
.ms-lessons-recap-late .ms-light-container.col-12 {
    min-height: 62px;
}

.ms-lessons-gauge-container.supervisor:hover {
    background-color: #e4edf4;
    cursor: pointer;
}

.no-scrollbar-x {
    overflow-x: hidden;
}

.ms-filter-search a.selected {
    font-weight: bold;
}

.ms-filter-search a:hover {
    font-weight: bold;
}

/*.ms-filter-search ul li ul {
    display:none;
}

.ms-filter-search ul li:hover > ul {
    display: block;
}*/

.catalog-infos {
    border-top: 2px solid #edf3f7;
    padding-top: 20px;
    margin-top: 10px;
}

.catalog-infos-detail {
    padding-bottom: 5px;
}

    .catalog-infos-detail > span {
        font-weight: bold;
    }

/* Observation Report Details *******************/
.stats-section {
    width: 100%;
    position: relative;
}

    .stats-section h1 {
        margin: 2rem 2rem 0 2rem;
    }

    .stats-section h3 {
        width: 100%;
        margin-bottom: 1rem;
    }

    .stats-section > section {
        border-top-width: 2px;
        border-top-style: solid;
        display: flex;
        flex-wrap: wrap;
    }

    .stats-section > .inner > dl dd:last-of-type,
    .stats-section > .inner > dl dt:last-of-type,
    table.dl tr:last-of-type td {
        border-bottom: none;
    }

table.dl th {
    text-align: left;
}

.stats-section > .inner > dl {
    display: block;
    width: 45%;
}

.stats-section > .inner > table.dl {
    width: 45%;
}

    .stats-section > .inner > table.dl.wide {
        width: 100%;
    }

.stats-section dl + dl,
.stats-section dl + .graphic-display,
.stats-section .graphic-display + dl {
    margin-left: 10%;
}

.stats-section .user-definition-list dt {
    width: 40%;
}

.stats-section .user-definition-list dd {
    width: 60%;
}

.stats-section dt {
    width: 60%;
}

.stats-section dd {
    width: 40%;
}

.stats-section .graphic-display {
    display: flex;
    width: 45%;
    align-items: flex-end;
    justify-content: center;
}

    .stats-section .graphic-display.wide {
        width: 100%;
    }

    .stats-section .graphic-display * {
        max-width: 100%;
        max-height: 100%;
    }

.stats-section .more-details {
    border: none;
    width: 100%;
}

    .stats-section .more-details h2,
    .stats-section .more-details hr {
        width: 100%;
    }

    .stats-section .more-details h3 {
        margin-top: 1rem;
    }

.stats-section .more-details-card {
    display: flex;
    width: 100%;
}

    .stats-section .more-details-card + .more-details-card {
        margin-top: 2rem;
    }

    .stats-section .more-details-card h4 {
        margin-bottom: 5px;
    }

    .stats-section .more-details-card ul {
        margin-top: 2rem;
    }

    .stats-section .more-details-card .result-comparison {
        display: flex;
        justify-content: space-between;
    }

        .stats-section .more-details-card .result-comparison ul {
            width: 48%;
        }

    .stats-section .more-details-card section,
    .stats-section .more-details-card dt,
    .stats-section .more-details-card dd {
        width: 100%;
        border: none;
    }

    .stats-section .more-details-card dt {
        line-height: 20px;
    }

    .stats-section .more-details-card dd + dt {
        margin-top: 20px;
    }

    .stats-section .more-details-card .highlight-section {
        width: 30%;
    }

        .stats-section .more-details-card .highlight-section dd {
            white-space: inherit;
            line-height: normal;
        }

    .stats-section .more-details-card .highlight-value {
        font-size: 24px;
    }

    .stats-section .more-details-card .highlight-section i {
        padding-right: 5px;
    }

    .stats-section .more-details-card .highlight-section img {
        width: 100%;
        display: block;
        position: relative;
        margin: 0 auto;
    }

.highlight-section a.media-snd {
    padding: 20px;
    text-decoration: underline;
}

    .highlight-section a.media-snd::before {
        content: '\f028';
        font-family: 'FontAwesome';
        padding-right: 5px;
    }

@media (max-width: 960px) {

    .stats-section > .inner > dl,
    .stats-section > inner > table.dl {
        width: 100%;
    }

    .stats-section dl + dl,
    .stats-section dl + .graphic-display,
    .stats-section .graphic-display + dl {
        margin-top: 2rem;
        margin-left: 0;
    }

    .stats-section .graphic-display {
        width: auto;
        max-width: 100%;
        position: relative;
        margin: 0 auto;
    }

    .stats-section .more-details-card {
        flex-wrap: wrap;
    }

        .stats-section .more-details-card .highlight-section {
            width: 100%;
            display: flex;
        }

            .stats-section .more-details-card .highlight-section img {
                width: auto;
                box-sizing: border-box;
                max-width: 100%;
                margin: 2rem 0 2rem 2rem;
            }

        .stats-section .more-details-card .result-comparison {
            flex-wrap: wrap;
        }

            .stats-section .more-details-card .result-comparison ul {
                width: 100%;
            }
}

@media (max-width: 768px) {

    .stats-section .more-details-card .highlight-section {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

        .stats-section .more-details-card .highlight-section img {
            margin: 2rem 0 0 2rem;
        }
}

.input-container-result {
    display: block;
    text-align: left;
    position: relative;
    box-sizing: border-box;
    border-top-width: 1px;
    border-top-style: solid;
    font-size: 14px;
}

    .input-container-result:last-child {
        border-bottom-width: 1px;
        border-bottom-style: solid;
    }

    .input-container-result i {
        display: none;
    }

    .input-container-result span {
        display: block;
        padding: 12px 64px 12px 20px;
        border-radius: 3px;
        box-sizing: border-box;
        position: relative;
        left: -4px;
        margin-right: -6px;
        border: 1px solid transparent;
    }

    .input-container-result.checked span {
        border-width: 1px;
        border-style: solid;
    }

    .input-container-result.valid span:before,
    .input-container-result.error span:before {
        content: '';
        display: block;
        width: 24px;
        height: 24px;
        box-sizing: border-box;
        position: absolute;
        right: 20px;
        top: 50%;
        margin-top: -12px;
        border-radius: 50%;
    }

    .input-container-result.checked .fa-check,
    .input-container-result.valid .fa-check,
    .input-container-result.error .fa-close {
        display: block;
        content: '';
        width: 24px;
        height: 24px;
        box-sizing: border-box;
        position: absolute;
        right: 20px;
        top: 50%;
        margin-top: -12px;
        border-radius: 50%;
        text-align: center;
        line-height: 24px;
    }

dl, table.dl {
    box-sizing: border-box;
    line-height: 36px;
}

    table.dl, table.dl tbody, table.dl tr {
        border: none;
    }

dt {
    float: left;
    font-size: 12px;
    text-transform: uppercase;
}

dd {
    box-sizing: border-box;
}

dl dt,
dl dd,
table.dl tr td, table.dl tr th {
    border: none;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

tr[align="center"] {
    text-align: center;
}

tr[align="right"] {
    text-align: right;
}

table.table-stats {
    width: 100%;
    table-layout: fixed;
    border-spacing: 0;
}

/* End Report Details *******************/

/* Domaine par d�faut */
.body-default.custom .middiv .home-col-left .colored-row-container {
    background-color: #ffffff;
}

.body-default.custom .middiv .home-col-right {
    background-color: #f3f7fa;
    padding-top: 60px;
    padding-right: 20px;
}

    .body-default.custom .middiv .home-col-right .date-container {
        background-color: #ffffff;
        border-radius: 15px;
        margin-right: 5px;
    }

    .body-default.custom .middiv .home-col-right .event-container {
        padding-left: 10px;
    }

.body-default.custom .middiv.inner {
    padding-top: 0px;
    padding-bottom: 0px;
}
/* End Domaine par d�faut */

/* Wigdet news */
.generic-news-carousel .news-wall-col a:hover {
    text-decoration: none;
}
/* End Wigdet news */

/* Cookie bar on mobile - wbt-cookie-bar */
@media (max-width: 768px) {
    .wbt-cookie-bar a {
        display: block;
        width: 150px;
        margin: 15px auto !important;
    }
}

.card-mode {
    min-height: 420px;
}

    .card-mode .preview.default-course-preview .banner-container .banner.banner-mandatory {
        font-size: 8px;
    }

    .card-mode .preview.default-course-preview .banner-container .banner.banner-recommanded {
        font-size: 8px;
    }




/* Attachment *******************/

.attachment-container {
    display: flex;
    width: 128px;
    min-width: 128px;
    height: 162px;
    align-items: center;
    flex-direction: column;
    position: relative;
    font-weight: bold;
    text-decoration: none;
    margin-right: 24px;
    margin-bottom: 24px;
}

    .attachment-container a {
        text-decoration: none;
    }

    .attachment-container .delete-attachement {
        width: 24px;
        height: 24px;
        text-align: center;
        line-height: 24px;
        border-radius: 50%;
        position: absolute;
        top: -12px;
        right: -12px;
        z-index: 1;
    }

        .attachment-container .delete-attachement .fa {
            font-size: 12px;
            padding: 0;
        }

.new-input {
    border-width: 2px;
    border-style: dashed;
    cursor: pointer;
}

    .new-input .cta-action:not(.light):not(.cta-timer) {
        margin: 5px 10px !important;
    }

        .new-input .cta-action:not(.light):not(.cta-timer) .fa + span,
        .new-input .cta-action:not(.light):not(.cta-timer) span + .fa {
            margin-left: 0 !important;
        }

.attachment-container .attachment-content {
    display: flex;
    width: 100%;
    height: 96px;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    position: relative;
}

    .attachment-container .attachment-content.video img,
    .attachment-container .attachment-content.photo img {
        display: block;
        max-width: 100%;
        max-height: 100%;
    }

    .attachment-container .attachment-content.video:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .attachment-container .attachment-content i {
        font-size: 18px;
        position: absolute;
        z-index: 2;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

.attachment-container .label {
    display: inline-block;
    width: 100%;
    height: 60px;
    box-sizing: border-box;
    padding: 8px;
    word-wrap: break-word;
    overflow: hidden;
}

.attachment-container.new-input .attachment-content i {
    font-size: 24px;
}

.attachment-container.new-input .label {
    text-align: center;
}

.attachment-container .nav-submenu {
    display: none;
    position: absolute;
    padding: 10px 0;
    min-width: 180px;
    white-space: nowrap;
    z-index: 3;
    margin-top: 8px;
    margin-left: -50px;
    left: 50%;
    top: 50%;
    font-size: 12px;
    line-height: 30px;
}

    .attachment-container .nav-submenu::before {
        content: '';
        display: block;
        width: 100%;
        height: 8px;
        position: absolute;
        top: -8px;
    }

    .attachment-container .nav-submenu::after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        position: absolute;
        top: -8px;
        left: 42px;
    }

    .attachment-container .nav-submenu > li a {
        padding: 5px 20px;
        display: block;
        text-align: left;
        text-decoration: none;
        text-transform: uppercase;
    }

.attachment-container:hover .nav-submenu,
.attachment-container:active .nav-submenu {
    display: block;
}

@media (max-width: 768px) {

    .attachment-container .label {
        font-size: 14px;
    }

    .attachment-container .nav-submenu {
        margin-left: -90px;
    }

        .attachment-container .nav-submenu::after {
            left: 80px;
        }
}

/* End of Attachment *******************/

.col-container.middle.managerspace-items {
    align-items: flex-start;
}

.managerspace-items-select-container {
    margin-top: -5px;
}

.title_with_tooltip {
    display: inline-block;
    padding-right: 10px;
}

.colored-row-container .searchBox {
    background: transparent;
}


.inner:not(.colored-row-container) .searchBox {
    background-color: #F3F7FA;
}

.catalogue-search-container .placeholder input[type="text"].multiselect-input-auto-complete {
    width: 500px;
}

.catalogue-search-container .multiple-select-container .custom-select > .select-list .placeholder {
    width: 550px;
    height: 55px;
}

.catalogue-search-container .multiple-select-container .custom-select > .select-list,
.catalogue-search-container .multiple-select-container .custom-select > .select-list:hover {
    border-width: 0px !important;
}

.catalog-search.multiple-select-container.search-container .multiple-select-btn {
    bottom: 13px;
    right: 5px;
}

.generic-news-carousel .news-wall {
    height: 100%;
    min-height: 200px;
    max-height: 430px;
}

.generic-news-carousel .generic-news-carousel-main-slider .generic-news-carousel-content-banner {
    height: 100%;
}

@media (max-width: 768px) {

    header .header-hidden-phone {
        display: none !important;
    }
}

.course-launch-container {
    background-color: #FFFFFF;
    box-shadow: 0 2px 24px 0 rgba(0,0,0,0.15);
}

.course-launch-container {
    padding: 30px;
}

.course-launch-collaborators li {
    color: #131414;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2);
}

.course-launch-collaborators li {
    padding: 6px 30px;
}

.course-launch-collaborators {
    margin-left: -30px;
    width: calc(100% + 60px);
}

.presential-popup-virtual-btn {
    float: left;
}

@media (max-width: 768px) {

    .presential-popup-virtual-btn {
        padding-bottom: 10px;
    }
}

.element-menu-descr {
    font-style: italic;
    color: grey;
    font-size: 11px;
}

.course-launch-container {
    background-color: #FFFFFF;
    box-shadow: 0 2px 24px 0 rgba(0,0,0,0.15);
}

.course-launch-container {
    padding: 30px;
}

.cta-contextual.primary i, .cta-contextual.primary:hover i {
    color: #ffffff;
}

.cta-contextual.primary i {
    position: relative;
    bottom: -1px;
}


.course-launch-collaborators li {
    color: #131414;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2);
}

.course-launch-collaborators li {
    padding: 6px 30px;
}

.course-launch-collaborators {
    margin-left: -30px;
    width: calc(100% + 60px);
}

.presential-popup-virtual-btn {
    float: left;
}

@media (max-width: 768px) {

    .presential-popup-virtual-btn {
        padding-bottom: 10px;
    }
}

.generic-news-carousel .generic-news-carousel-main-slider.card-container .news-wall-container .news-wall {
    height: 100%;
    min-height: 465px;
}

.news-wall-pagination .current .fa {
    //display: none;
    //box-shadow: 0 2px 24px 0 rgba(0,0,0,0.15);
}

.course-launch-container {
    padding: 30px;
}

.cta-contextual.primary i, .cta-contextual.primary:hover i {
    color: #ffffff;
}

.cta-contextual.primary i {
    position: relative;
    bottom: -1px;
}

.cta-contextual {
    padding-left: 20px;
    padding-right: 20px;
    font-weight: 600;
    font-size:14px;
}

.course-launch-collaborators li {
    color: #131414;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2);
}

.course-launch-collaborators li {
    padding: 6px 30px;
}

.course-launch-collaborators {
    margin-left: -30px;
    width: calc(100% + 60px);
}

.presential-popup-virtual-btn {
    float: left;
}

@media (max-width: 768px) {

    .presential-popup-virtual-btn {
        padding-bottom: 10px;
    }
}

.generic-news-carousel .generic-news-carousel-main-slider.card-container .news-wall-container .news-wall {
    height: 100%;
    min-height: 470px;
    max-height: 500px;
}

/*.news-wall-pagination .current .fa {
    display: none;
}*/

.course-launch-container {
    padding: 30px;
    margin-bottom: 15px;
}

    .course-launch-container.closed .course-launch-content {
        display: none;
    }

    .course-launch-container h4 {
        font-size: 18px;
    }

    .course-launch-container .course-launch-option {
        margin-top: 5px;
        font-size: 12px;
        line-height: 16px;
        font-weight: 600;
        text-transform: uppercase;
    }

        .course-launch-container .course-launch-option i {
            font-size: 20px;
            position: relative;
            bottom: -1px;
        }

.course-launch-option.open-option {
    display: none;
}

.course-launch-container.closed .open-option {
    display: block;
}

.course-launch-container.closed .close-option {
    display: none;
}

.course-launch-collaborators {
    margin-left: -30px;
    width: calc(100% + 60px);
}

    .course-launch-collaborators li {
        padding: 6px 30px;
    }

        .course-launch-collaborators li a i {
            font-size: 24px;
        }


@media (max-width: 768px) {

    .course-launch-container .title-container {
        justify-content: space-between;
    }

        .course-launch-container .title-container a {
            margin-left: 10px;
        }

    .course-launch-content .cta-container {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .course-launch-content .cta-contextual + .cta-contextual {
        margin-top: 10px;
    }
}

.LnkGrpButton {
    padding-right: 10px;
}

@media (max-width: 768px) {
    .LnkGrpButton {
        margin-bottom: 10px;
    }
}

.input-option-container .legend {
    display: block;
    font-size: 12px;
    padding-left: 0 !important;
}

.cookie-popup-link {
    cursor: pointer;
    font-weight: bold;
    text-decoration: underline;
    padding-right: 75px;
    color: black;
}

.grid-box-container.inner {
    position: relative;
}

    .grid-box-container.inner .info-container {
        position: absolute;
        top: 7px;
        right: 0px;
    }

.table-list-col a.tooltip-info .fa {
    padding-left: 5px;
}



.table-list-col a.tooltip-info .fa {
    padding-left: 5px;
}

#senassbd {
    margin-top: 5%;
}

#login .login-content {
    padding: 3rem 2rem 4rem 4rem;
}

table.StepNav {
    padding-top: 1em;
}

table.Testconfig.following-content {
    padding-top: 1em;
}

.stepOff {
    font-weight: 600;
}

tr.StepNav {
    font-size: 1.1em;
    font-weight: 600;
}

/* DateTime widget - Magalie */

.clockWidget0 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.clockWidget {
    padding: 20px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    max-width: 250px;
}

.dateClockWidget {
    font-size: 1.4em;
    padding-bottom: 15px;
}

.timeClockWidget {
    font-size: 2em;
}

/* End dateTime widget */


.checkBoxGrp {
    margin-top: 10px;
}

.ms-filter-container {
    min-width: 450px;
}

.ms-filter-search {
    z-index: 100;
}

.tooltip-info {
    z-index: 50;
}

.clockWidget {
    margin-bottom: 20px;
    margin-top: 20px;
}

.banner-container {
    width: auto;
    height: auto;
    position: absolute;
    top: 16px;
    left: -7px;
    z-index: 1;
    overflow: unset;
}

.banner {
    display: block;
    width: 100%;
    position: relative;
    left: 0px;
    top: 0px;
    padding: 7px 20px 7px 10px;
    transform-origin: 0 0;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    text-align: left;
    font-size: 10px;
    line-height: 12px;
    box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.3);
    border-radius: 6px;
}

.card-mode .preview.default-course-preview .banner-container .banner.banner-new,
.card-mode .preview.default-course-preview .banner-container .banner.banner-free,
.card-mode .preview.default-course-preview .banner-container .banner.banner-recommanded,
.card-mode .preview.default-course-preview .banner-container .banner.banner-mandatory {
    font-size: 10px;
    line-height: 10px;
}

.list-mode .preview.default-course-preview .banner-container {
    top: 6px;
    left: 6px;
}

.card-mode .preview.default-course-preview,
.list-mode .preview.default-course-preview {
    overflow: visible;
}

.card-mode .preview.course-preview .image-container,
.list-mode .preview.course-preview .image-container {
    overflow: hidden;
}

.list-mode .banner {
    padding: 7px 10px 4px 10px;
}

.list-mode .preview.default-course-preview .banner-container .banner {
    text-transform: uppercase;
    font-size: 8px;
    line-height: 8px;
    width: auto;
}

.multiple-select-container .multiple-select-btn.cta-action {
    right: -60px;
}
/* fbk 360 report */
.fbk-360-indiv-report {
    font-family: Gotham, Roboto, Arial, Sans-Serif;
    font-size: 14px;
    font-weight: 300;
    line-height: normal;
    text-align: left;
}

    .fbk-360-indiv-report .pic-140 {
        width: 140px;
        max-width: 140px;
        height: 140px;
        border-radius: 50%;
    }

    .fbk-360-indiv-report h1 {
        font-size: 40px;
        font-weight: 600;
        letter-spacing: 2px;
        text-transform: uppercase;
    }

    .fbk-360-indiv-report h3 {
        font-size: 18px;
        font-weight: 600;
    }


    .fbk-360-indiv-report h5 {
        font-size: 12px;
        font-weight: 500;
    }

    .fbk-360-indiv-report .intro-p {
        font-size: 16px;
        line-height: 24px;
        text-align: justify;
    }

    .fbk-360-indiv-report p {
        line-height: 24px;
    }

    .fbk-360-indiv-report a {
        font-weight: bold;
        letter-spacing: 1px;
        text-transform: uppercase;
        text-decoration: none;
    }

    .fbk-360-indiv-report .back-btn {
        display: inline-block;
        width: 48px;
        height: 48px;
        line-height: 48px;
        font-size: 24px;
        text-align: center;
    }

    .fbk-360-indiv-report .wide-container {
        min-height: 0px !important;
    }

    .fbk-360-indiv-report .gauge-circle-container {
        display: flex;
        align-items: center;
        justify-content: center;
    }


    .fbk-360-indiv-report .gauge-circle {
        display: inline-block;
        height: 32px;
        line-height: 32px;
        white-space: nowrap;
        text-align: left;
        position: relative;
    }

        .fbk-360-indiv-report .gauge-circle .gauge-value {
            display: inline-block;
            width: 26px;
            height: 26px;
            border-radius: 50%;
            text-align: center;
            font-size: 14px;
            line-height: 26px;
            text-align: center;
            padding: 0;
            border-width: 3px;
            border-style: solid;
        }

        .fbk-360-indiv-report .gauge-circle .gauge-progression {
            position: absolute;
            display: block;
            width: 32px;
            height: 32px;
            top: 0px;
            left: 0px;
        }

        .fbk-360-indiv-report .gauge-circle .semi-circle span:before {
            border-width: 3px;
            border-style: solid;
        }

    /* Gauge Horizontal *******************/

    .fbk-360-indiv-report .gauge-h-small,
    .fbk-360-indiv-report .gauge-h-medium {
        position: relative;
        font-size: 12px;
        height: 32px;
        display: flex;
        justify-content: space-between;
    }

    .fbk-360-indiv-report .gauge-h-small {
        line-height: 32px;
    }

        .fbk-360-indiv-report .gauge-h-small + .gauge-h-small,
        .fbk-360-indiv-report .gauge-h-medium + .gauge-h-medium {
            margin-top: 10px;
        }

        .fbk-360-indiv-report .gauge-h-small .gauge-label,
        .fbk-360-indiv-report .gauge-h-medium .gauge-label {
            display: block;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

    .fbk-360-indiv-report .gauge-h-medium .gauge-label {
        width: 100%;
    }

    .fbk-360-indiv-report .gauge-h-small .gauge-value,
    .fbk-360-indiv-report .gauge-h-medium .gauge-value {
        font-weight: bold;
        position: absolute;
        right: 0;
        top: 0;
    }

    .fbk-360-indiv-report .gauge-h-small .gauge-bar,
    .fbk-360-indiv-report .gauge-h-medium .gauge-bar {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        height: 5px;
    }

    .fbk-360-indiv-report .gauge-h-small .gauge-bar {
        height: 5px;
    }

    .fbk-360-indiv-report .gauge-h-medium .gauge-bar {
        height: 10px;
    }

    .fbk-360-indiv-report .gauge-h-group-container {
        padding-left: 30px;
        box-sizing: border-box;
        border-left-width: 4px;
        border-left-style: solid;
        margin-top: 50px;
    }

    .fbk-360-indiv-report .gauge-h-group-header {
        display: flex;
    }

    .fbk-360-indiv-report .gauge-h-group-thumbnail {
        max-width: 120px;
        margin-right: 20px;
    }

        .fbk-360-indiv-report .gauge-h-group-thumbnail img {
            max-width: 120px;
        }

    .fbk-360-indiv-report .gauge-h-group-title {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        justify-content: center;
    }

    .fbk-360-indiv-report .gauge-h-group-container h4 {
        font-size: 18px;
        font-weight: 400;
        text-transform: inherit;
    }

    .fbk-360-indiv-report .gauge-h-group-content {
        width: 100%;
        position: relative;
        margin-top: 50px;
    }

    .fbk-360-indiv-report .gauge-h-levels {
        width: calc(100% - 200px);
        position: absolute;
        top: -50px;
        right: 0;
        bottom: 0;
        display: flex;
    }

        .fbk-360-indiv-report .gauge-h-levels li {
            display: block;
            width: 25%;
            position: relative;
            text-align: right;
            border-left-width: 1px;
            border-left-style: solid;
        }

            .fbk-360-indiv-report .gauge-h-levels li:last-child {
                width: 0;
            }

            .fbk-360-indiv-report .gauge-h-levels li > span {
                position: absolute;
                display: inline-flex;
                width: calc(100% + 5px);
                height: 50px;
                left: 0;
                margin-left: -4px;
                text-align: left;
                white-space: nowrap;
                align-items: center;
            }

                .fbk-360-indiv-report .gauge-h-levels li > span .gauge-h-level-desc {
                    font-size: 12px;
                    line-height: 14px;
                    padding-left: 10px;
                }

    .fbk-360-indiv-report .gauge-h-group {
        width: 100%;
    }

    .fbk-360-indiv-report .gauge-h {
        display: flex;
        width: 100%;
        height: 24px;
        align-items: flex-end;
    }

        .fbk-360-indiv-report .gauge-h:not(:first-child) {
            margin-top: 10px;
        }

        .fbk-360-indiv-report .gauge-h .gauge-label {
            width: 200px;
        }

        .fbk-360-indiv-report .gauge-h .gauge-bar-container {
            width: calc(100% - 200px);
            height: 24px;
        }

        .fbk-360-indiv-report .gauge-h .gauge-bar {
            display: block;
            height: 24px;
            opacity: 0.6;
        }

    .fbk-360-indiv-report .gauge-h-groups-container {
        padding-left: 40px;
    }

        .fbk-360-indiv-report .gauge-h-groups-container .gauge-h-group-container {
            padding-left: 33px;
            border-left-width: 1px;
        }

        .fbk-360-indiv-report .gauge-h-groups-container h4 {
            font-size: 14px;
            font-weight: 600;
            text-transform: inherit;
        }

        .fbk-360-indiv-report .gauge-h-groups-container .gauge-h:not(:first-child) {
            margin-top: 4px;
        }

        .fbk-360-indiv-report .gauge-h-groups-container .gauge-h-levels,
        .fbk-360-indiv-report .gauge-h-groups-container .gauge-h .gauge-bar-container {
            width: calc(100% - 160px);
        }

        .fbk-360-indiv-report .gauge-h-groups-container .gauge-h .gauge-label {
            font-size: 12px;
            width: 160px;
        }

        .fbk-360-indiv-report .gauge-h-groups-container .gauge-h .gauge-bar-container,
        .fbk-360-indiv-report .gauge-h-groups-container .gauge-h .gauge-bar {
            height: 2px;
        }

        .fbk-360-indiv-report .gauge-h-groups-container .gauge-h .gauge-bar {
            opacity: 1;
        }

@media (max-width: 768px) {

    .fbk-360-indiv-report .gauge-h-levels li > span .gauge-h-level-desc {
        display: none;
    }

    .fbk-360-indiv-report .gauge-h-groups-container {
        padding-left: 20px;
    }

        .fbk-360-indiv-report .gauge-h-groups-container .gauge-h-levels,
        .fbk-360-indiv-report .gauge-h-groups-container .gauge-h .gauge-bar-container {
            width: calc(100% - 180px);
        }

        .fbk-360-indiv-report .gauge-h-groups-container .gauge-h .gauge-label {
            width: 180px;
        }
}

/* Table *******************/

.fbk-360-indiv-report .table-container table {
    white-space: nowrap;
    border-collapse: collapse;
    width: 100%;
}

.fbk-360-indiv-report table.complex th {
    padding: 30px 25px 30px 25px;
}

.fbk-360-indiv-report table.complex thead {
    border-bottom-style: solid;
    border-bottom-width: 2px;
    text-transform: uppercase;
}

    .fbk-360-indiv-report table.complex thead th {
        font-size: 12px;
        font-weight: 400;
    }

.fbk-360-indiv-report table.complex td {
    height: 60px;
    padding: 10px 25px;
    box-sizing: border-box;
}

.fbk-360-indiv-report table.complex tbody tr:not(:first-child) {
    border-top-width: 2px;
    border-top-style: solid;
}

.fbk-360-indiv-report table.complex tbody tr td:first-child {
    box-sizing: border-box;
    border-left-width: 3px;
    border-left-style: solid;
}

.fbk-360-indiv-report table.complex tbody td:not(:first-child).pending,
.fbk-360-indiv-report table.complex tbody td:not(:first-child).valid,
.fbk-360-indiv-report table.complex tbody td:not(:first-child).attention,
.fbk-360-indiv-report table.complex tbody td:not(:first-child).error {
    font-size: 12px;
}

/**************************************************/
/* Navigation */
/**************************************************/

.fbk-360-indiv-report .main-container {
    padding: 60px 0;
}

.fbk-360-indiv-report .header-container,
.fbk-360-indiv-report .wide-container > section {
    max-width: 950px;
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    .fbk-360-indiv-report .header-container,
    .fbk-360-indiv-report .wide-container > section {
        padding: 0 20px;
    }
}

.fbk-360-indiv-report .wide-container > section.short {
    max-width: 640px;
}

.fbk-360-indiv-report .header-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 145px;
    position: relative;
}

.fbk-360-indiv-report .header-content {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

    .fbk-360-indiv-report .header-content img {
        display: inline-block;
        padding: 10px 0;
        min-width: 125px;
    }

    .fbk-360-indiv-report .header-content h2 {
        padding: 10px 20px;
    }

.fbk-360-indiv-report .header-gauge {
    height: 8px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.fbk-360-indiv-report .logged-in-profile-container {
    position: relative;
    white-space: nowrap;
}

    .fbk-360-indiv-report .logged-in-profile-container a {
        text-decoration: underline;
    }

    .fbk-360-indiv-report .logged-in-profile-container .profile-icon {
        font-size: 20px;
        padding-right: 10px;
    }

    .fbk-360-indiv-report .logged-in-profile-container .profile-name {
        cursor: pointer;
        font-weight: bold;
        display: inline-block;
        position: relative;
    }

        .fbk-360-indiv-report .logged-in-profile-container .profile-name span {
            white-space: normal;
        }

    .fbk-360-indiv-report .logged-in-profile-container .chevron-icon {
        padding-left: 10px;
        opacity: 0.5;
    }

    .fbk-360-indiv-report .logged-in-profile-container .profile-name:hover .nav-submenu {
        display: block;
    }

.fbk-360-indiv-report .header-container.large {
    align-items: flex-end;
}

    .fbk-360-indiv-report .header-container.large .header-content {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-end;
    }

        .fbk-360-indiv-report .header-container.large .header-content h1 {
            padding-bottom: 40px;
            padding-right: 20px;
        }

        .fbk-360-indiv-report .header-container.large .header-content img {
            padding-top: 20px;
        }

    .fbk-360-indiv-report .header-container.large > .img-container {
        padding-top: 60px;
    }

    .fbk-360-indiv-report .header-container.large .logged-in-profile-container {
        position: absolute;
        top: 20px;
        right: 0;
    }

@media (max-width: 960px) {

    .fbk-360-indiv-report .header-container.large .logged-in-profile-container {
        right: 20px;
    }
}

@media (max-width: 768px) {

    .fbk-360-indiv-report .header-container {
        width: 100%;
        text-align: center;
    }

        .fbk-360-indiv-report .header-container img {
            margin: 0 auto;
        }

    .fbk-360-indiv-report .logged-in-profile-container.active .profile-name .nav-submenu {
        display: block;
    }

    .fbk-360-indiv-report .header-container.large .header-content {
        width: 100%;
        align-items: center;
        padding-top: 60px;
    }

        .fbk-360-indiv-report .header-container.large .header-content h1 {
            padding-right: 0;
        }
}

/* Nav Submenu *******************/

.fbk-360-indiv-report .nav-submenu {
    display: none;
    position: absolute;
    padding: 5px 0;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14);
    white-space: nowrap;
    z-index: 10;
    margin-top: 8px;
    margin-left: -60px;
    left: 50%;
    top: 100%;
    font-size: 12px;
    line-height: 30px;
    text-transform: uppercase;
}

    .fbk-360-indiv-report .nav-submenu::before {
        content: '';
        display: block;
        width: 100%;
        height: 8px;
        position: absolute;
        top: -8px;
    }

    .fbk-360-indiv-report .nav-submenu::after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        position: absolute;
        top: -8px;
        left: 50px;
    }

    .fbk-360-indiv-report .nav-submenu > li a {
        padding: 5px 20px;
        display: block;
        text-align: left;
        text-decoration: none;
    }

/* Form *******************/

.fbk-360-indiv-report .form-validation-bar {
    padding: 20px 0;
    border-top-style: solid;
    border-top-width: 2px;
}

    .fbk-360-indiv-report .form-validation-bar > section {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

/**************************************************/
/* Pages */
/**************************************************/

/* Home *******************/

.fbk-360-indiv-report .home-header {
    max-width: 1000px;
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    padding: 40px 20px;
    text-align: right;
}

.fbk-360-indiv-report .home .main-container {
    padding-top: 0;
}

.fbk-360-indiv-report .home .header-content {
    padding-bottom: 20px;
}

    .fbk-360-indiv-report .home .header-content h1 {
        padding: 20px;
    }

.fbk-360-indiv-report .home .cta-action {
    margin-top: 80px;
}

@media (max-width: 768px) {

    .fbk-360-indiv-report .home .header-content {
        padding-bottom: 0;
    }

    .fbk-360-indiv-report .home .img-container {
        order: -1;
    }

    .fbk-360-indiv-report .home .header-content h1 {
        font-size: 24px;
        font-weight: 800;
    }

    .fbk-360-indiv-report .home .col-container .img-container img {
        margin: 40px auto;
    }
}

/* Reports *******************/

.fbk-360-indiv-report .step-container {
    border-top-style: solid;
    border-top-width: 1px;
}

.fbk-360-indiv-report .step-content {
    display: flex;
    align-items: stretch;
    min-height: 70px;
    padding-bottom: 0;
    font-size: 14px;
}

    .fbk-360-indiv-report .step-content ul {
        display: flex;
        width: 80%;
    }

        .fbk-360-indiv-report .step-content ul li {
            width: 25%;
            position: relative;
            display: flex;
            align-items: flex-start;
            font-size: 12px;
            text-transform: uppercase;
            font-weight: bold;
            letter-spacing: 1px;
            padding-right: 20px;
            box-sizing: border-box;
        }

            .fbk-360-indiv-report .step-content ul li .step-content {
                display: inline-flex;
                padding-left: 30px;
                align-items: center;
                box-sizing: border-box;
                border-bottom-style: solid;
                border-bottom-width: 4px;
                border-bottom-color: transparent;
                height: 70px;
            }

            .fbk-360-indiv-report .step-content ul li .step-number {
                left: 0;
                width: 30px;
                display: block;
                position: absolute;
                font-size: 24px;
                line-height: 70px;
            }

            .fbk-360-indiv-report .step-content ul li:not(.selected) a {
                cursor: pointer;
            }

.fbk-360-indiv-report .step-cta-container {
    width: 20%;
    align-self: center;
}

.fbk-360-indiv-report .radar-container {
    padding: 40px 0;
}

.fbk-360-indiv-report .reports-answers {
    font-size: 12px;
    display: flex;
    align-items: center;
}

    .fbk-360-indiv-report .reports-answers > .gauge-circle-container {
        margin-right: 10px;
    }

.fbk-360-indiv-report .criteria-list li {
    display: flex;
    align-items: center;
}

    .fbk-360-indiv-report .criteria-list li:not(:first-child) {
        margin-top: 10px;
    }

.fbk-360-indiv-report .criteria-list .criteria-bullet {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    margin-right: 10px;
}

.fbk-360-indiv-report.analyse-details,
.fbk-360-indiv-report .general-appreciation {
    border-top-style: solid;
    border-top-width: 2px;
}

.fbk-360-indiv-report .analyse-list {
    display: block;
}

.fbk-360-indiv-report .quote-container {
    border-left-width: 4px;
    border-left-style: solid;
    padding-left: 20px;
    box-sizing: border-box;
}

.fbk-360-indiv-report .question-container h4 {
    font-size: 14px;
    font-weight: 600;
    text-transform: inherit;
}

.fbk-360-indiv-report .ranking-container .col-container > [class*="col-"]:not(.col-12):not(last-child) {
    padding-left: 15px;
}

.fbk-360-indiv-report .ranking-container .col-container > [class*="col-"]:not(.col-12):not(first-child) {
    padding-right: 15px;
}

@media (max-width: 768px) {

    .fbk-360-indiv-report .reports-intro img {
        margin: 0 auto 20px;
    }

    .fbk-360-indiv-report .step-content ul,
    .fbk-360-indiv-report .step-content ul li,
    .fbk-360-indiv-report .step-cta-container {
        width: auto;
    }

        .fbk-360-indiv-report .step-content ul li {
            min-width: 180px;
        }

    .fbk-360-indiv-report .step-cta-container {
        padding-right: 20px;
    }

    .fbk-360-indiv-report .radar-container .radar {
        margin-top: 20px;
    }

    .fbk-360-indiv-report .ranking-container .col-1 + .col-3 {
        margin-top: 40px;
    }

    .fbk-360-indiv-report .general-appreciation img {
        margin: 0 auto 40px;
    }
}

@media print {

    @page {
        margin: 0;
        background-color: white;
    }

    body > .fbk-360-indiv-report div {
        padding: 30pt !important;
    }

    .main-container,
    .radar-container,
    .ranking-container,
    .analyse-details {
        position: relative;
    }

    #chartdivcurrent {
        right: 7em;
    }

    #chartdiv {
        right: 6em;
    }

    .fbk-360-indiv-report .radar-container .radar {
        margin-top: 0;
    }

    div#menu1 {
        margin-left: 30px;
        margin-top: 30px;
    }

        div#menu1 > section {
            margin-bottom: 30px;
        }

    header {
        box-shadow: inset 0 0 15px 0 rgba(92, 35, 88, 0);
    }

        header + .fbk-360-indiv-report .main-container {
            page-break-before: avoid;
        }

    footer {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .fbk-360-indiv-report .main-container {
        padding: 40px 20px;
        margin-left: 15px;
        margin-right: 10px;
    }

    .fbk-360-indiv-report .gauge-bar,
    .fbk-360-indiv-report .reversed-color,
    .fbk-360-indiv-report .reversed-color-highlight {
        -webkit-print-color-adjust: exact !important;
    }

    .fbk-360-indiv-report .step-container {
        display: none;
    }

    .fbk-360-indiv-report .radar-container,
    .fbk-360-indiv-report .ranking-container,
    .fbk-360-indiv-report .analyse-details,
    .fbk-360-indiv-report .h-group-container,
    .fbk-360-indiv-report .intro-p,
    .fbk-360-indiv-report .general-fbk {
        page-break-inside: avoid;
    }

        .fbk-360-indiv-report .ranking-container .col-container .col-1,
        .fbk-360-indiv-report .ranking-container .col-container .col-3 {
            display: inline-block;
            padding: 0;
        }

        .fbk-360-indiv-report .ranking-container .col-3 {
            width: 22%;
        }

    .analyse-list > .gauge-h-group-container:not(:first-child) {
        padding-top: 20pt;
    }

    .analyse-details, .general-appreciation {
        border-top: none;
    }

    .print-page-break-before {
        page-break-before: always;
    }

    .print-break-inside-avoid-page {
        break-inside: avoid-page;
    }

    .print360 {
        break-inside: avoid-page;
        page-break-before: auto;
    }

    ul h3.arialstyle.following-container {
        padding-top: 30px;
        margin-top: 0;
    }

    .reports-intro.col-container {
        margin: 10px;
    }

    .spaceTop80 {
        padding-top: 0;
    }

    .fbk-360-indiv-report .gauge-h-small .gauge-label {
        font-size: 10px;
    }
}

.spaceTop80 {
    padding-top: 80px;
}

@media (max-width: 768px) {
    .catalogue-search-container .multiple-select-container .custom-select > .select-list .placeholder {
        width: 115%;
    }

    .catalogue-search-container .placeholder input[type="text"].multiselect-input-auto-complete {
        width: 80%;
    }

    .supervisor.ms-lesson-percentage {
        margin-top: 28px;
    }

    .header-content .manager-logo-container {
        top: 6px;
        left: 70px;
    }

    #MainContainer {
        overflow-x: scroll;
    }
}

.fbk360-list-campaign {
    width: 500px;
}

#sidebar-nav-container .profile-reminders {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    max-width: 200px;
    margin: 20px auto 20px;
    line-height: 24px;
}

.catalogue-sidebar-list {
    min-height: 50px;
}

header .header-content .help {
    top: 131px;
    right: 365px;
    position: absolute;
    font-weight: normal;
    border: 1px solid #7db9dd;
    color: #7db9dd;
    border-radius: 10px;
    display: block;
}

    header .header-content .help > .fa {
        font-size: 18px;
        padding-right: 5px;
        padding-left: 4px;
        color: #7db9dd;
    }

.dropped-file-container {
}

.dropped-filelist-container label {
    max-width: 200px;
}

/* Domain QM */
body.domain-qm .card-mode .preview.default-course-preview .card-preview-content .gauge-horizontal {
    width: 75px;
}

#fbk-report-date, #fbk-report-end-date {
    margin-left: 12%;
    width: 250px;
}

.catalogue-sidebar-filter-container .custom-select {
    display: block;
    width: 80%;
    margin: 15px auto;
}

    .catalogue-sidebar-filter-container .custom-select .select-list .placeholder.selected {
        font-size: 14px;
        padding-left: 20px;
    }

.catalog-filter-date {
    margin-top: 15px;
}

    .catalog-filter-date .filter-date {
        width: 80%;
        margin: 0px auto;
    }

        .catalog-filter-date .filter-date input {
            line-height: 30px;
            height: 30px;
        }

/* Scrollbar for freeText 1 in Page ../student/course */
#ContentPlaceHolder1_CourseDescription {
    max-height: 600px;
    overflow-y: auto;
    padding-right: 10px;
}

.scrollbar-small::-webkit-scrollbar {
    width: 6px; /* width of the entire scrollbar */
}

.scrollbar-small::-webkit-scrollbar-track {
    background: transparent; /* color of the tracking area */
}

.scrollbar-small::-webkit-scrollbar-thumb {
    background-color: #e8edf2; /* color of the scroll thumb */
    border-radius: 20px; /* roundness of the scroll thumb */
    border: 0px solid #ffffff; /* creates padding around scroll thumb */
}

.catalogue-sidebar-filter-container .custom-select {
    display: block;
    width: 80%;
    margin: 15px auto;
}

    .catalogue-sidebar-filter-container .custom-select .select-list .placeholder.selected {
        font-size: 14px;
        padding-left: 20px;
    }

.catalog-filter-date {
    margin-top: 15px;
}

    .catalog-filter-date .filter-date {
        width: 80%;
        margin: 0px auto;
    }

        .catalog-filter-date .filter-date input {
            line-height: 30px;
            height: 30px;
        }

/* Carousel evaluation training */

#divContentBefore {
    text-align: justify;
}

.evaluation-text-container #divContentBefore {
    padding-top: 5px;
}

div#divTrainingEvaluation {
    margin-top: 30px;
    text-align: -webkit-center;
}

#divPopUpCarrousel,
#sectionPopUpCarrousel {
    background-color: #ffffff;
}

div#divCarrouselRight {
    position: relative;
    left: 50px;
    top: 120px;
}

.training-eval-status-block {
    background-color: #ffffff;
    color: #346a98;
    padding: 6px 12px;
    border-radius: 12px;
    margin-left: 30px;
}

    .training-eval-status-block .fa {
        padding-right: 6px;
    }

    .training-eval-status-block.eval-todo {
        color: #FF9900;
        cursor: pointer;
    }

        .training-eval-status-block.eval-todo:hover {
            font-weight: bold;
        }

    .training-eval-status-block.eval-done {
        color: #33CC00;
    }

    .training-eval-status-block.eval-obsolete {
        color: #FF0000;
    }

div.prereq-false {
    filter: grayscale(100%);
}

input[disabled] + span,
input[disabled] + span i,
input[disabled] + span:before {
    cursor: not-allowed !important;
    pointer-events: none !important;
}

.feedback360widget .card-mode .preview.course-preview:hover .image-container::before {
    background-color: rgba(0,0,0,0.5) !important;
}

*::-ms-backdrop, .news-wall.card-mode {
    display: flex !important;
    justify-content: left !important;
}

.feedback360widget .card-mode .preview.default-course-preview {
    max-width: 300px;
    width: 300px;
}

.inner:not(.catalog-entries) .feedback360widget .card-mode .preview.default-course-preview:hover .image-container::before {
    background-color: rgba(0,0,0,0.5) !important;
}

.inner:not(.catalog-entries) .feedback360widget .card-mode .preview.default-course-preview:hover .inner > p {
    color: #ffffff !important;
}

@media (min-width: 769px) {
    .inner:not(.catalog-entries) .feedback360widget .card-mode .preview.default-course-preview .cta-container .cta-action {
        left: -60px !important;
        top: -24px !important;
    }
}

.lr-views {
    font-family: Roboto, Myriad, Arial, Verdana, Sans-Serif;
}

.sql-trace {
    position: absolute;
    top: 0;
    left: 0;
    background-color: white;
    z-index: 4000;
}

.card-list-btn-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.gauge-list {
    margin-top: 10px;
    background-color: #e8edf2;
    width: 60px;
    height: 8px;
    border-radius: 4px;
}

    .gauge-list .gauge-display {
        background-color: #7db9dd;
    }


.col-lesson-menu-content {
    min-height: 260px;
}

.flip-card {
    background-color: transparent;
    width: 300px;
    height: 300px;
    perspective: 1000px;
}

.dropzone {
    border: 2px dashed #0087F7;
    border-radius: 5px;
    background: white;
    font-size: 18px;
}

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.dropzone .dz-message .dz-button {
    font-weight: 700;
    white-space: normal;
}

.flip-card.reverse .flip-card-inner {
    transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flip-card-front {
}

.flip-card-back {
    background-color: #ffffff;
    color: black;
    transform: rotateY(180deg);
}

.slideshow {
    width: 300px;
    height: 400px;
    overflow: hidden;
    border: 3px solid #F2F2F2;
}

    .slideshow .carousel-list {
        width: 1000%;
        height: 400px;
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .slideshow .question-carousel {
        float: left;
    }


.slideshow-static .carousel-list {
    padding-left: 0px;
    transition: transform 0.5s !important;
}

.slideshow-static .semi {
    width: 637px;
}

.question-carousel-first {
    width: 9.5543% !important;
}

.disabled {
    pointer-events: none;
}

.card .header .title {
    position: absolute;
    top: 15px;
    padding: 10px 15px;
    background: rgba(0, 0, 0, .7);
    color: #fff;
    overflow: hidden;
    max-width: 100%;
}

.ResPagination {
    height: 3rem;
    width: 100%;
    color: #313537;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: none;
    background: #F3F3F3;
}

    .ResPagination.PreviousPagination {
        margin-top: 0px;
        border-top: 2px solid #346A98;
    }

    .ResPagination.NextPagination {
        margin-top: 0px;
        border-bottom: 2px solid #346A98;
    }

.linkPagination {
    text-decoration: none;
    color: inherit;
    outline-offset: -.4rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    transition: color .3s;
}

.textPagination {
    margin-top: .2rem;
    margin-bottom: .5rem;
    padding: 0 .5rem;
    width: 100%;
    font-size: 15px;
    font-weight: 700;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    overflow: hidden;
}

body.hideMenu header,
body.hideMenu footer,
body.hideMenu #SectionSubMenuContainer,
body.hideMenu [id$="CommentsPanelPanel"],
body.hideMenu [id$="OpinionsPanelPanel"],
body.hideMenu [id$="LnkGoToCatalog"],
body.hideMenu a[href*="GoToReportPage"] {
    display: none !important;
}

.multiple-select-container .multiple-select-option img {
    position: static;
    display: inline-block;
    width: 25px;
    height: 25px;
    box-sizing: border-box;
    text-align: center;
    line-height: 30px;
    padding-right: 0;
    margin-left: -10px;
    margin-right: 10px;
}

.multiple-select-container .select-list ul, .multiple-select-container .select-list ul.ulSearchAutoComplete .multiple-select-option {
    display: flex;
}

    .multiple-select-container .select-list ul, .multiple-select-container .select-list ul.ulSearchAutoComplete {
        display: flex;
        flex-direction: column;
    }

.frontEditor > .note-editor:not(:first-of-type) {
    display: none !important;
}

.tabs {
    border-right: 1px solid #ccc;
    padding-right: 10px;
    width: 20%;
}

    /* Style the buttons inside the tab */
    .tabs a {
        display: block;
        color: black;
        padding-right: 10px;
        width: 100%;
        border: none;
        outline: none;
        line-height: 60px;
        text-align: right;
        cursor: pointer;
        transition: 0.3s;
        font-size: 17px;
        height: 60px;
        vertical-align: middle;
    }

        /* Change background color of buttons on hover */
        .tabs a:hover {
            background-color: #ddd;
        }

        /* Create an active/current "tab button" class */
        .tabs a.active {
            box-shadow: inset -5px 0px 0px 0px #346a98;
        }

/* Style the tab content */
.tab-content {
    padding: 0px 12px;
    width: 70%;
    border-left: none;
}

.tab-container {
    display: flex;
    margin-top: 50px
}

.col-lesson-menu-sidebar .image-container {
    height: 225px;
}

.col-lesson-menu-container .col-lesson-menu-sidebar {
    margin-top: -225px;
}

.col-lesson-menu-container {
    min-height: 255px;
}

    .col-lesson-menu-content ul:not(.comment-list),
    .col-lesson-menu-content ol:not(.comment-list),
    .col-lesson-menu-container ul:not(.comment-list),
    .col-lesson-menu-container ol:not(.comment-list),
    .col-lesson-catalogue-content ul:not(.comment-list),
    .col-lesson-catalogue-content ol:not(.comment-list) {
        padding-left: 20px;
    }

        .col-lesson-menu-content ul:not(.comment-list) li,
        .col-lesson-menu-content ol:not(.comment-list) li,
        .col-lesson-menu-container ul:not(.comment-list) li,
        .col-lesson-menu-container ol:not(.comment-list) li,
        .col-lesson-catalogue-content ul:not(.comment-list) li,
        .col-lesson-catalogue-content ol:not(.comment-list) li {
            padding: 5px;
        }

.arialstyle {
    font-family: Arial;
}

.paddingL30 {
    padding-left: 30px;
}

.evaluations-search-box .cta-action {
    margin-left: 15px;
}

div[id$="LnkStartAsGroupPanel"][style*="display: block"] {
    display: inline-block !important;
}

.ms-lessons-evaluations-content .value {
    margin-bottom: 0px;
}

.ms-lessons-evaluations-container .evaluation-link {
    padding-top: 20px;
}

.scroll-to-top1 {
    padding: 2px;
    text-align: center;
    position: fixed;
    z-index: 10001;
    bottom: 10px;
    right: 10px;
}

    .scroll-to-top1 > a > .icon-arrow-up {
        display: inline-block;
        color: #687991;
        font-size: 32px;
        opacity: .7;
    }

#arrowScrollTop {
    display: none;
}

/* Scroll Top Top */
.scroll-to-top1 {
    display: inline-block;
    padding: 1px;
    text-align: center;
    position: fixed;
    bottom: 10px;
    z-index: 10001;
    right: 10px;
}

    .scroll-to-top1 > i {
        display: inline-block;
        color: #687991;
        font-size: 30px;
        opacity: 0.6;
        filter: alpha(opacity=60);
    }

    .scroll-to-top1:hover {
        cursor: pointer;
    }

        .scroll-to-top1:hover > i {
            opacity: 1;
            filter: alpha(opacity=100);
        }

@media (min-width: 992px) {
    /* 992px */
    .scroll-to-top1 {
        right: 20px;
    }
}

@media (max-width: 991px) {
    /* 991px */
    .scroll-to-top1 {
        bottom: 10px;
        right: 10px;
    }

        .scroll-to-top1 > i {
            font-size: 28px;
        }
}

/*html{ 
	 scroll-behavior: smooth;  
 }  */

/*
.widget-wall .wall-container {
    overflow-x: hidden;
}
*/

@media (max-width: 1024px) {

    .col-lesson-menu-container .resource-container-sidebar {
        display: block;
        position: absolute;
        padding: 0px !important;
    }

    .col-lesson-menu-container .resource-container-menu-header {
        padding-left: 30px !important;
        margin-left: 300px;
    }

    .resource-container-menu-content {
        margin-top: 200px;
    }
}

section#sticky-container.active {
    background-color: transparent;
    transition-duration: 0.5s;
    transition-property: background-color;
    pointer-events: none;
}

    section#sticky-container.active .col-lesson-menu-container {
        pointer-events: none;
    }

        section#sticky-container.active .col-lesson-menu-container .col-lesson-menu-sidebar {
            pointer-events: all;
        }

#ressourceContentStart {
    display: block;
    min-width: 10px;
    min-height: 5px;
}

section#sticky-container.active .col-lesson-menu-header {
    display: none;
}

.generic-wall-container {
    margin-left: -15px;
    padding-left: 15px;
}

.marginLeft25 {
    margin-left: 25px;
}

.pageTest {
    padding: 10px;
    background-color: cornflowerblue;
    overflow-y: hidden;
    max-height: 150px;
    transition: all 3s ease;
    display: none;
}

    .pageTest.pt_hidden {
        background-color: azure;
        max-height: 10px;
        transition: all 2s ease;
    }

.accordionZone .accordion:not(.active) .accordion-panel {
    display: block;
    height: 0px;
    overflow-y: hidden;
    min-height: 0px;
    max-height: 0px;
    transition: all 0.7s linear;
}

.accordionZone .accordion.active .accordion-panel {
    display: block;
    height: auto;
    min-height: 100px;
    transition: all 1s linear;
}

.flipcardZone {
    height: 100%;
}

    .flipcardZone > .zone-flipcard {
        display: block;
        height: 100%;
    }

        .flipcardZone > .zone-flipcard > ul.flipcard-list {
            height: 100%;
            list-style-type: none;
            padding-left: 0px;
            float: left;
            width: 100%;
        }

            .flipcardZone > .zone-flipcard > ul.flipcard-list > li {
                width: 33%;
                min-width: 260px;
                height: 100%;
                float: left;
                margin-bottom: 30px;
                padding: 0px;
            }

@media (max-width:768px) {
    .flipcardZone > .zone-flipcard > ul.flipcard-list > li {
        width: 100%;
    }
}

.flipcardZone > .zone-flipcard > ul.flipcard-list > li > div {
    height: 100%;
}

    .flipcardZone > .zone-flipcard > ul.flipcard-list > li > div > .flip-card {
        height: 370px;
        margin: 0px auto;
        width: 260px;
    }

        .flipcardZone > .zone-flipcard > ul.flipcard-list > li > div > .flip-card .flip-card-front .header .img img {
            width: auto;
            height: 200px;
            max-width: calc(100% - 10px);
            padding: 5px;
        }

        .flipcardZone > .zone-flipcard > ul.flipcard-list > li > div > .flip-card .flip-card-front .content {
            text-align: justify;
            padding: 0px 5px;
            max-height: 100px;
            overflow-y: scroll;
            margin: 5px;
        }

            .flipcardZone > .zone-flipcard > ul.flipcard-list > li > div > .flip-card .flip-card-front .content.long-text {
                margin-top: 50px;
                max-height: 242px;
            }


        .flipcardZone > .zone-flipcard > ul.flipcard-list > li > div > .flip-card .flip-card-inner .reverse-icon {
            position: absolute;
            bottom: 15px;
            right: 15px;
            font-size: 20px;
            cursor: pointer;
        }

        .flipcardZone > .zone-flipcard > ul.flipcard-list > li > div > .flip-card .flip-card-inner .flip-card-back .reverse-icon {
            bottom: -15px;
            max-height: 25px;
            line-height: normal;
        }

        .flipcardZone > .zone-flipcard > ul.flipcard-list > li > div > .flip-card .flip-card-front .content label {
            max-width: 380px;
        }

        .flipcardZone > .zone-flipcard > ul.flipcard-list > li > div > .flip-card .flip-card-front .content::-webkit-scrollbar,
        .flipcardZone > .zone-flipcard > ul.flipcard-list > li > div > .flip-card .flip-card-back > span::-webkit-scrollbar {
            width: 6px; /* width of the entire scrollbar */
        }

        .flipcardZone > .zone-flipcard > ul.flipcard-list > li > div > .flip-card .flip-card-front .content::-webkit-scrollbar-track,
        .flipcardZone > .zone-flipcard > ul.flipcard-list > li > div > .flip-card .flip-card-back > span::-webkit-scrollbar-track {
            background: transparent; /* color of the tracking area */
        }

        .flipcardZone > .zone-flipcard > ul.flipcard-list > li > div > .flip-card .flip-card-front .content::-webkit-scrollbar-thumb,
        .flipcardZone > .zone-flipcard > ul.flipcard-list > li > div > .flip-card .flip-card-back > span::-webkit-scrollbar-thumb {
            background-color: #CDCDCD; /* color of the scroll thumb */
            border-radius: 20px; /* roundness of the scroll thumb */
            border: 0px solid #ffffff; /* creates padding around scroll thumb */
        }

        .flipcardZone > .zone-flipcard > ul.flipcard-list > li > div > .flip-card .flip-card-front .content label {
            display: inline-block;
            vertical-align: middle;
            line-height: normal;
            font-size: 14px;
        }

        .flipcardZone > .zone-flipcard > ul.flipcard-list > li > div > .flip-card .flip-card-back {
            line-height: 49vh;
            text-align: justify;
            padding: 0 10px;
            width: calc(100% - 20px);
            background-color: transparent;
            height: 340px;
        }

            .flipcardZone > .zone-flipcard > ul.flipcard-list > li > div > .flip-card .flip-card-back > span {
                display: block;
                vertical-align: top;
                line-height: normal;
                font-size: 14px;
                margin-top: 40px;
                max-height: 280px;
                overflow-y: auto;
                padding-right: 8px;
            }

.resource-pagination-previous {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    box-shadow: 0 -6px 12px rgba(0, 0, 0, 0.175);
    border-bottom: .1rem solid #ddd;
    border-top: none;
}

.resource-pagination-next {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.inPage-resource-pagination-container {
    width: 100%;
}

    .inPage-resource-pagination-container.previous {
    }

    .inPage-resource-pagination-container.next {
        text-align: right;
        clear: both;
    }

    .inPage-resource-pagination-container a {
        background-color: #FCFCFC;
        padding: 15px 30px;
        margin: 20px 0px;
        display: inline-block;
        color: #1C1C1C;
    }

        .inPage-resource-pagination-container a.inPage-resource-pagination-previous {
            border-left: 3px solid #7db9dd;
            margin: 0 0 5px 0;
            padding-left: 15px;
        }

        .inPage-resource-pagination-container a.inPage-resource-pagination-next {
            border-right: 3px solid #7db9dd;
            padding-right: 15px;
        }

        .inPage-resource-pagination-container a > .fa,
        .inPage-resource-pagination-container a:hover > .fa {
            font-size: 13px;
            color: #1C1C1C;
        }

        .inPage-resource-pagination-container a.inPage-resource-pagination-next > .fa {
            padding-left: 8px;
        }

        .inPage-resource-pagination-container a:hover {
            text-decoration: none;
        }

.inPage-resource-menu a {
    color: #CDCDCD;
}

    .inPage-resource-menu a > .fa,
    .inPage-resource-menu a:hover > .fa {
        color: #CDCDCD;
        font-size: 13px;
    }

    .inPage-resource-menu a.selected,
    .inPage-resource-menu a.selected > .fa,
    .inPage-resource-menu a.selected:hover > .fa {
        color: #1C1C1C !important;
    }

.inPage-resource-menu {
    border-top: 1px solid #CDCDCD;
    padding-top: 20px;
    width: 240px;
}

.resource-content .PageName {
    margin-top: 20px;
}

.resource-content .PageCount {
    font-size: 12px;
    font-style: italic;
}

    .resource-content .PageCount.bottom {
        text-align: right;
    }

.resource-content .accordion {
    background-color: #FFFFFF;
    border: 1px solid #CDCDCD;
    -webkit-box-shadow: 2px 2px 10px 2px rgba(205,205,205,0.25);
    box-shadow: 2px 2px 10px 2px rgba(205,205,205,0.25);
}

    .resource-content .accordion h5 {
        font-size: 16px;
        font-weight: bold;
        color: #1C1C1C;
    }

    .resource-content .accordion.active .fa-plus {
        display: none;
    }

    .resource-content .accordion:not(.active) .fa-minus {
        display: none;
    }

.resource-content .accordion-button {
    top: 15px;
    right: 15px;
    left: auto;
}

    .resource-content .accordion-button .fa {
        border: none;
        color: #1C1C1C;
    }

.resource-content .imageZone img {
    border-radius: 10px;
}

.resource-content .slideshow {
    width: 100%;
    height: 400px;
    overflow: hidden;
    border: none;
    margin: 0 auto;
}

.resource-content .slideshow-static {
    width: 100%;
    height: 400px;
    overflow: hidden;
    border: none;
    margin: 0 auto;
}

.col-lesson-menu-content .resource-content .slideshow .carousel-list {
    padding-left: 0px;
    transition: transform 1s linear;
}

    .col-lesson-menu-content .resource-content .slideshow .carousel-list .question-carousel {
        height: 100%;
        width: 10%;
        padding: 0;
        margin: 0;
    }

.col-lesson-menu-content .resource-content .slideshow-static .carousel-list .question-carousel {
    height: 100%;
    width: 10%;
    padding: 0;
    margin: 0;
}


.col-lesson-menu-content .resource-content .slideshow .carousel-list .question-carousel > div {
    display: block;
}

.col-lesson-menu-content .resource-content .slideshow ul li .card {
    margin: 0px;
}


    .col-lesson-menu-content .resource-content .slideshow ul li .card .header .img img {
        width: auto;
        height: 280px;
        padding: 10px;
    }

.col-lesson-menu-content .resource-content .slideshow-static ul li .card .header .img img {
    width: auto;
    height: 280px;
    padding: 0px;
    max-width: calc(100% - 10px );
}

.col-lesson-menu-content .resource-content .slideshow ul li .card .header .img.big-image img {
    height: 380px;
}

.col-lesson-menu-content .resource-content .slideshow ul li .card .content label {
    max-width: 580px;
    text-align: justify;
}

.col-lesson-menu-content .resource-content .slideshow ul li .card .content {
    overflow-y: auto;
    max-height: 99px;
    padding: 0px 5px;
    margin: 0 5px;
}

    .col-lesson-menu-content .resource-content .slideshow ul li .card .content.long-text {
        margin-top: 50px;
        max-height: 315px;
    }

    .col-lesson-menu-content .resource-content .slideshow ul li .card .content::-webkit-scrollbar {
        width: 6px; /* width of the entire scrollbar */
    }

    .col-lesson-menu-content .resource-content .slideshow ul li .card .content::-webkit-scrollbar-track {
        background: transparent; /* color of the tracking area */
    }

    .col-lesson-menu-content .resource-content .slideshow ul li .card .content::-webkit-scrollbar-thumb {
        background-color: #CDCDCD; /* color of the scroll thumb */
        border-radius: 20px; /* roundness of the scroll thumb */
        border: 0px solid #ffffff; /* creates padding around scroll thumb */
    }

.inCourse-Resource .main-container {
    min-height: 0px !important;
}

    .inCourse-Resource .main-container > .inner {
        padding: 0px;
        max-width: 100%;
    }

.inCourse-Resource .resource-container-menu-content {
    margin-top: 0px;
}

.inCourse-Resource .PageName {
    padding: 40px 20px 0px 20px;
}

.inCourse-Resource .textPagination {
    padding: 0px;
    overflow: visible;
}

.inCourse-Resource .PageCount {
    text-align: center;
    font-style: italic;
    font-size: 12px;
    padding-top: 6px;
}

.inCourse-Resource .resource-content {
    padding-top: 0px;
}

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

.inCourse-Resource::-webkit-scrollbar {
    width: 6px; /* width of the entire scrollbar */
}

.inCourse-Resource::-webkit-scrollbar-track {
    background: #F3F3F3; /* color of the tracking area */
}

.inCourse-Resource::-webkit-scrollbar-thumb {
    background-color: #CDCDCD; /* color of the scroll thumb */
    border-radius: 20px; /* roundness of the scroll thumb */
    border: 0px solid #FFFFFF; /* creates padding around scroll thumb */
}

.inCourse-Resource .resource-content-with-menu {
    position: relative;
}

    .inCourse-Resource .resource-content-with-menu .menu-burger {
        color: #1C1C1C;
        position: absolute;
        top: 10px;
        left: 10px;
        font-size: 16px;
        cursor: pointer;
        z-index: 100;
    }

    .inCourse-Resource .resource-content-with-menu.open .menu-burger {
        display: none;
    }

    .inCourse-Resource .resource-content-with-menu:not(.open) .resource-menu-block {
        display: none;
    }

    .inCourse-Resource .resource-content-with-menu.open {
        display: inline-flex;
        width: 100%;
    }

.inCourse-resource-menu {
    padding-top: 20px;
    border-top: 1px solid #DCDCDC;
    margin-top: 20px;
}

.resource-menu-block .subject-type span {
    font-weight: bold;
    line-height: 17px;
}

.resource-menu-block {
    position: relative;
}

    .resource-menu-block .close-menu {
        position: absolute;
        z-index: 50;
        top: 8px;
        right: 8px;
        font-size: 17px;
        cursor: pointer;
    }

.inCourse-Resource .resource-content-with-menu.open .resource-menu-block {
    width: 33%;
    max-width: 400px;
    border-right: 1px solid #CDCDCD;
    box-shadow: 0 6px 12px rgb(0, 0, 0, 0.175);
    height: auto;
}

.inCourse-Resource .resource-content-with-menu .resource-content-block {
    max-width: 1240px;
    margin: 0 auto;
}

.inCourse-Resource .resource-content-with-menu.open .resource-content-block {
    width: 67%;
    padding-left: 10px;
}

.inCourse-resource-menu a {
    color: #CDCDCD;
}

    .inCourse-resource-menu a > .fa,
    .inCourse-resource-menu a:hover > .fa {
        color: #CDCDCD;
        font-size: 13px;
    }

    .inCourse-resource-menu a.selected,
    .inCourse-resource-menu a.selected > .fa,
    .inCourse-resource-menu a.selected:hover > .fa {
        color: #1C1C1C !important;
    }

@media (max-width:1280px) {
    .inCourse-Resource .resource-content-with-menu.open .flipcardZone > .zone-flipcard > ul.flipcard-list > li {
        width: 50%;
    }
}

@media (max-width:890px) {
    .inCourse-Resource .resource-content-with-menu.open .flipcardZone > .zone-flipcard > ul.flipcard-list > li {
        float: none;
        margin: 40px auto;
    }
}

@media (max-width:968px) {
    .flipcardZone > .zone-flipcard > ul.flipcard-list > li {
        width: 50%;
    }
}

@media (max-width:768px) {
    .flipcardZone > .zone-flipcard > ul.flipcard-list > li {
        float: none;
        margin: 40px auto;
    }
}

.col-lesson-menu-container .col-lesson-menu-header .breadcrumbs,
.column-nav-container .breadcrumbs {
    padding-left: 10px;
}

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

.dropdown-menu {
    box-shadow: 5px 5px rgb(102 102 102 / 10%);
    left: 0;
    min-width: 175px;
    position: absolute;
    z-index: 1000;
    display: none;
    float: left;
    list-style: none;
    text-shadow: none;
    padding: 0;
    background-color: #fff;
    margin: 10px 0 0;
    border: 1px solid #eee;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    z-index: 50000;
    font-size: 14px;
    text-align: left;
}

.marginB2rem {
    margin-bottom: 2rem;
}


.dropdown-menu > li > a {
    padding: 8px 16px;
    color: #6f6f6f;
    text-decoration: none;
    display: block;
    clear: both;
    font-weight: 300;
    line-height: 18px;
    white-space: nowrap;
}

.confirmationLabel {
    margin-top: 10px;
}

.maxWidth300 {
    max-width: 300px;
}

a#ctl00_ContentPlaceHolder1_UserAssistCaptcha_CaptchaLinkButton {
    position: relative;
    left: 230px;
    bottom: 14px;
}
/*
.multiple-select-container .custom-select:not(.open) > .select-list:hover .placeholder {
    border-bottom-width: 0;
}
*/
.custom-select.open .select-list .placeholder {
    border-width: 0;
}

@media (max-width:768px) {
    /* COURSE MENU ON MOBILE */
    .lesson-menu-main-container .col-lesson-menu-sidebar {
        display: none;
    }

    .lesson-menu-main-container .col-lesson-menu-header .cta-action {
        width: 100%;
    }

    .col-lesson-menu-content .timeline-table a {
        font-size: 0px;
    }

    .col-lesson-menu-content .timeline-table .cta-action:not(.cta-timer) .fa + span {
        display: none;
    }

    .col-lesson-menu-content .timeline-table tr td:last-child {
        padding-left: 22px;
    }

    .col-lesson-menu-content .timeline-table tr.current td:last-child {
        padding-left: 5px;
    }

    .col-lesson-menu-content .timeline-table tr td .element-menu-descr {
        display: none;
    }

    .col-lesson-menu-content .timeline-table tr td small {
        display: block;
    }

    .col-lesson-menu-content .timeline-table tr td .content {
        max-width: calc(100vw - 170px);
    }

    .col-lesson-menu-content .timeline-table tr td b {
        white-space: normal;
    }

    /* TRAININGS ON MOBILE */
    .trainings.highlight .trainings-main-container .trainings-main-current {
        display: none;
    }

    .trainings.highlight .trainings-main-container .trainings-numbers-container {
        display: none;
    }


    .trainings-list-container > .title-container {
        margin-top: 0px;
    }

        .trainings-list-container > .title-container > h1.simplified {
            display: none;
        }

        .trainings-list-container > .title-container > .col-container.space-between {
            margin: 0 auto;
        }

            .trainings-list-container > .title-container > .col-container.space-between > .settings {
                padding: 0 0 10px 10px;
            }

        .trainings-list-container > .title-container .custom-select-container {
            margin-top: 0px;
            margin-bottom: 0px;
        }

    /* COURSE LIST ON MOBILE */

    .list-mode .preview.course-preview {
        display: block;
    }

        .list-mode .preview.course-preview .inner {
            position: unset;
        }

    .list-mode .preview.default-course-preview > div.inner {
        padding: 0px 12px 6px 12px;
    }

    .list-mode .preview.default-course-preview .image-container {
        width: 96px;
        min-width: 96px;
        max-width: 96px;
        height: 72px;
        padding-top: 10px;
    }

        .list-mode .preview.default-course-preview .image-container img {
            height: 72px;
        }

    .list-mode .preview.default-course-preview .banner-container {
        display: none;
    }

    .list-mode .preview.default-course-preview .list-preview-content {
        display: block;
        flex-wrap: nowrap;
        align-items: normal;
    }

        .list-mode .preview.default-course-preview .list-preview-content .data-container {
            display: none;
        }

        .list-mode .preview.default-course-preview .list-preview-content .card-list-btn-container {
            display: block;
            width: 90px;
            position: absolute;
            top: 15px;
            right: 5px;
        }

            .list-mode .preview.default-course-preview .list-preview-content .card-list-btn-container .gauge-list {
                margin: 10px auto;
            }

        .list-mode .preview.default-course-preview .list-preview-content .hearted {
            display: none;
        }

        .list-mode .preview.default-course-preview .list-preview-content .list-data-phone {
            padding-top: 0px;
            width: 100%;
            margin-left: 0px;
        }

    .list-mode .preview.default-course-preview .other-data {
        display: none;
    }

    /* CATALOG ON MOBILE */
    .default-catalogue-search-container .hearted-total {
        margin-left: 15px;
    }

    body.catalog .catalog-search.search-container {
        margin-left: 0px;
    }

    .full-width .cta-action.full-width.no-icon span:first-child {
        padding-left: 0px;
    }

    .catalog-entries > .title-container > .col-container.space-between {
        margin: 0 auto;
    }

    .catalogue-main-container,
    .catalogue-main-container .catalogue-course-preview-container {
        margin-top: 0px;
    }

    .list-mode.favorite-card .preview.default-course-preview .list-preview-content .card-list-btn-container {
        top: 15px;
        right: 30px;
    }

    .list-mode .preview.default-course-preview > div.inner .optional-action {
        top: 26px;
    }

    .breadcrumbs li:first-child:before {
        display: none;
    }

    .main-container section.column-nav-container {
        padding-left: 20px;
        padding-right: 20px;
    }

    /* CATALOG DETAILS PAGE ON MOBILE */
    .col-lesson-catalogue-main-container .col-lesson-menu-sidebar.active {
        transform: none;
    }
}

.textAlignCenter {
    text-align: center
}

a > .fa.fa-graduation-cap.userCertificate {
    font-size: 96px;
}

.data-container.userCertificate {
    display: flex;
    place-items: center;
}

.card-mode .preview.default-course-preview .subject-type {
    cursor: auto;
    color: inherit;
}

.preview.course-preview.default-course-preview.userCertificate {
    place-content: center;
}

.inner.userCertificate {
    text-align: -webkit-center;
}

.card-mode.userCertificate {
    min-height: 300px;
}

.data-container.userCertificate {
    margin-top: 70px;
    margin-bottom: 20px;
}

.card-mode.news-wall.userCertificate {
    justify-content: center;
    align-content: center;
}

.presential-popup-content {
    margin-top: -15px;
}

.popup.simplified {
    box-shadow: none;
}

.presential-popup-data > span > span {
    display: block;
}

.managerRelaunch {
    margin-left: 30%;
}

.managerspace-relaunch {
    text-align: center;
}

.managerspace-exportrequest {
    height: 30px;
    line-height: 30px;
}

.table-usertrainings {
    font-size: 13px;
}

.managerspace-relaunchTxt {
    padding-left: 50px;
}

.managerspace-header {
    width: 200px;
}

.managerspace-report {
    margin-right: 20px;
}

.managerspace-includeall {
    padding-top: 5px;
    margin-right: 35px;
    width: 220px;
}

.managerspace-titleimg {
    width: 40px;
    height: 40px;
}

.img-center {
    margin-left: auto !important;
    margin-right: auto !important;
    display: block;
}

.img-left {
    margin-right: auto !important;
    display: block;
}

.img-right {
    margin-left: auto !important;
    display: block;
}

.reverse .flip-card-front .content {
    display: none;
}

.cta-action.secondary:not(.light):not(.cta-timer) {
    color: #7db9dd;
    border: none;
    background-color: transparent;
    box-shadow: none;
}

    .cta-action.secondary:not(.light):not(.cta-timer):hover {
        text-decoration: underline;
    }

body {
    font-size: 14px;
    color: rgba(38, 41, 46, 1);
}

p {
    line-height: 26px;
}

h3 {
    font-family: Roboto, Myriad, Arial, Verdana, Sans-Serif;
}

.timeline-table.freeze a {
    display: none;
}

.carousel-previous {
    height: 60px;
    top: 175px;
    border-radius: 50px;
    width: 60px;
    display: flex;
    left: 0px;
}

.carousel-previous-icon {
    padding-right: 5px;
    padding-top: 4px;
    display: flex;
}

.carousel-next {
    height: 60px;
    top: 175px;
    border-radius: 50px;
    width: 60px;
    right: 2px;
}

.carousel-next-icon {
    padding-left: 5px;
    padding-top: 4px;
    display: flex;
}

.carousel-text {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    font-size: 14px;
}

.managespace.banner {
    margin-top: 8px;
    margin-bottom: 3px;
}

.displayFlex {
    display: flex;
}

header .header-content .front-lang {
    top: 131px;
    right: 285px;
    position: absolute;
    font-weight: normal;
    border: none;
    color: #7db9dd;
    border-radius: 20px;
    display: block;
}

    header .header-content .front-lang .flag-select {
        height: 17px;
        width: 57px;
    }

    header .header-content .front-lang select.flag-select {
        opacity: 0;
    }

header .front-lang .flag-select .select-list .placeholder {
    padding-bottom: 7px;
    padding-top: 0px;
    margin-top: -3px;
}

header .front-lang .custom-select.flag-select i {
    top: 0px;
    line-height: 20px;
}

.col-lesson-menu-content ul:not(.select-list) {
    padding-left: 0px;
}

.col-lesson-menu-content div.custom-select {
    width: 25%;
}

header.with-lang .front-lang {
    top: 22px;
    right: 285px;
}

header.with-help .help {
    top: 22px;
    right: 300px;
}

header.with-help.with-lang .help {
    right: 345px;
}

header .header-search-block {
    top: 19px;
}

header.with-help .header-search-block {
    right: 331px;
}

header.with-lang .header-search-block {
    right: 341px;
}

header.with-help.with-lang .header-search-block {
    right: 373px;
}

.header-search-block .multiple-select-container.search-container .multiple-select-btn {
    bottom: 1px;
}

.header-search-block .multiple-select-container input[type="text"] {
    margin-top: 3px;
    font-size: 14px;
}

.main-logo {
    background-image: url(../image/xperteam-logo.jpg);
    background-repeat: no-repeat;
    background-position: center;
    left: 0;
    top: 0;
}

.course-screenshot {
    margin-left: 0px;
    width: 100%;
}

.course-screenshot-img {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.course-video {
    margin: 0;
    padding-left: 90px;
    padding-bottom: 35px;
    border: none;
    width: 670px;
}

.lesson-list-launch {
    width: 30%;
    padding: 15px;
    line-height: 22px;
    position: relative;
    align-items: center;
    display: flex;
}

@media print {
    .radar-container #chartdiv {
        transform: scale(0.75);
    }
}

.cta-container.certificateNOK {
    pointer: auto;
}

.lineHeight25 {
    line-height: 25px;
}

.marginTop40 {
    margin-top: 40px;
}

.divCertificates {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#LnkCrsSlfReset2 {
    width: 23%;
}

.paddingL3 {
    padding-left: 3px;
}

.col-lesson-menu-content .lesson-Langs-selector div.custom-select.flag-select {
    width: 75px;
}

    .col-lesson-menu-content .lesson-Langs-selector div.custom-select.flag-select ul li ul li {
        padding: 4px;
        height: 20px;
    }

.lesson-Langs-selector {
    position: absolute;
    top: 40px;
    right: 0px;
}

    .lesson-Langs-selector .flag-select .placeholder img {
        padding-top: 9px;
    }

    .lesson-Langs-selector .flag-select img {
        padding-top: 0px;
    }

.following-container.table-container.custom-scrollbar.lessons-container {
    padding-bottom: 50px;
}

.no-events {
    pointer-events: none;
}

div#divBtnPagination {
    display: flex;
    place-content: flex-end;
    width: 1230px;
}

.marginL20 {
    margin-left: 20px;
}

.progressbar-wrapper {
    background-color: #dfe6e9;
    color: white;
    border-radius: 15px;
    width: 100%;
    height: 10px;
}

.progressbar {
    height: 10px;
    background-color: #e17055;
    color: white;
    text-align: right;
    font-size: 20px;
    border-radius: 15px;
}

.table-progressbar {
    display: flex;
    flex-direction: column;
}

.competenciesCount {
    width: 100%;
    padding-bottom: 5px;
    padding-top: 8px;
}

.progressbar-completed {
    background-color: #32e126;
}

.progressbar-uncompleted {
    background-color: #55bce1;
}

.managerView {
    font-size: 20px;
}

.flip-card-back .flip-card-back-text {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}

.accordion-panel {
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}

.content .flip-card-front-text {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}

.fbk-report-intro {
    padding-left: 110px !important;
}

.gauge-previoustheme {
    height: 0px !important;
    margin-top: 5px !important;
}

.header-row .support-icon {
    font-size: 15px;
    padding-left: 4px;
    padding-right: 4px;
}

.header-row .support {
    right: 380px !important;
}

.support-block {
    padding-top: 60px;
    text-align: center;
    max-width: 500px;
}

.btnSupport .support-icon {
    font-size: 22px;
}

.btnSupport .support-text {
    display: inline;
    padding-left: 5px;
}

.footer-options .support-block-login {
    max-width: 500px;
}

.launchableCoursesContent .hearted {
    display: none !important;
}

.my-stakes-container .generic-wall-container .list-mode {
    display: flex;
    flex-direction: column;
}



.fbk-360-graph-container {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: flex-end;
    gap: 30px 30px;
}

    .fbk-360-graph-container > .graph-column {
        flex: 1 1 20%;
        min-width: 20px;
        max-width: 125px;
        width: 100%;
    }

        .fbk-360-graph-container > .graph-column:nth-child(1) {
            border-bottom: 5px solid #E54656;
        }

        .fbk-360-graph-container > .graph-column:nth-child(2) {
            border-bottom: 5px solid #E99746;
        }

        .fbk-360-graph-container > .graph-column:nth-child(3) {
            border-bottom: 5px solid #F0BF4B;
        }

        .fbk-360-graph-container > .graph-column:nth-child(4) {
            border-bottom: 5px solid #E7E44C;
        }

        .fbk-360-graph-container > .graph-column:nth-child(5) {
            border-bottom: 5px solid #BADE42;
        }

        .fbk-360-graph-container > .graph-column:nth-child(6) {
            border-bottom: 5px solid #A6DD40;
        }

        .fbk-360-graph-container > .graph-column:nth-child(7) {
            border-bottom: 5px solid #56BA4B;
        }

        .fbk-360-graph-container > .graph-column > .graph-block-container {
            width: 100%;
            display: flex;
            flex-flow: column nowrap;
            gap: 5px 0px;
            margin-bottom: 5px;
        }

            .fbk-360-graph-container > .graph-column > .graph-block-container > .graph-block {
                width: 100%;
                height: 40px;
            }

    .fbk-360-graph-container + .fbk-360-graph-container {
        margin-top: 10px;
    }

.fbk-360-indiv-report .criteria-1000 {
    opacity: 0.5;
}

.fbk-360-indiv-report .criteria-1010 {
    opacity: 0.5;
}

.fbk-legend-container {
    display: flex;
}

.fbk-legend-criteria {
    padding-right: 5px;
}

.fbk-report-legend-title {
    margin-bottom: 5px;
}

.htmlZone ul:not(.comment-list) {
    padding-left: 30px !important;
}

.flipcard-list ul:not(.comment-list) {
    list-style: inside;
    padding-left: 20px !important;
}

.question-accordion ul:not(.comment-list) {
    list-style: disc;
    padding-left: 20px !important;
}

.question-carousel ul:not(.comment-list) {
    list-style: disc;
    padding-left: 20px !important;
}

.launchableCourses {
    height: 100%;
    width: 100%;
}

    .launchableCourses .generic-wall-container .card-mode {
        display: block;
    }

.htmlZone iframe {
    max-width: 100%;
}

.settings-container .custom-select {
    border-width: 0px;
}

.lessons-menu-competency {
    font-size: 11px;
}

/* Catalogue Specific *******************/

.catalog-page .catalog-main-search-content {
    display: flex;
    align-items: center;
    min-height: 68px;
    padding: 0 30px;
}

.catalog-page .catalogue-search-container.default-catalogue-search-container {
    max-width: 280px;
    padding-right: 20px;
    margin-right: 0;
}

.catalog-page .catalogue-search-container .multiple-select-container .custom-select > .select-list .placeholder,
.catalog-page .catalogue-search-container .placeholder input[type="text"].multiselect-input-auto-complete {
    width: 280px;
    box-sizing: border-box;
}

.catalog-page .catalogue-search-container .placeholder input[type="text"].multiselect-input-auto-complete {
    border-width: 1px;
    border-style: solid;
}

.catalog-page .search-container .placeholder input[type='text'].multiselect-input-auto-complete {
    border-bottom-width: 1px !important;
}

.catalog-page .catalog-result-sorting-header {
    display: flex;
    align-items: center;
    width: calc(100% - 300px);
}

.catalog-page .catalog-search.search-container {
    margin-left: 0;
}

.catalog-page .catalog-main-search-content h3 {
    margin-bottom: 0;
    padding-bottom: 0;
    white-space: nowrap;
}

    .catalog-page .catalog-main-search-content h3:before {
        content: none;
    }

.catalog-page .catalog-entries {
    padding-top: 40px !important;
}

.catalog-page .catalogue-main-container {
    margin-top: 0;
}

.catalog-page .catalog-sidebar-filter-container {
    position: relative;
}

.catalog-page .catalog-sidebar-filter-tab {
    height: 42px;
    display: flex;
    align-items: center;
    margin-left: -15px;
    width: calc(100% + 30px);
    padding-left: 15px;
    box-sizing: border-box;
    text-decoration: none !important;
}

.catalog-page .catalog-sidebar-filter-btns {
    padding-bottom: 20px !important;
}

.catalog-page .catalogue-sidebar-filter h4 {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
}

.catalog-page .catalog-sidebar-filters-chosen {
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
}

.catalog-page .catalog-sidebar-filter-col-container {
    border-width: 1px;
    border-style: solid;
    position: absolute;
    left: 100%;
    top: -40px;
    z-index: 10;
    display: flex;
}

.catalog-page .catalog-sidebar-filter-col {
    width: 250px;
    padding: 0 20px;
    overflow-y: auto;
}

    .catalog-page .catalog-sidebar-filter-col ul {
        list-style-type: none;
    }

    .catalog-page .catalog-sidebar-filter-col ~ .catalog-sidebar-filter-col .catalog-sidebar-filter-col-close {
        display: none;
    }

    .catalog-page .catalog-sidebar-filter-col h3 {
        margin-bottom: 5px;
        padding-bottom: 0;
    }

        .catalog-page .catalog-sidebar-filter-col h3:before {
            content: none;
        }

    .catalog-page .catalog-sidebar-filter-col a {
        text-decoration: none;
    }

    .catalog-page .catalog-sidebar-filter-col .advanced-search-container {
        margin-bottom: 10px;
    }

        .catalog-page .catalog-sidebar-filter-col .advanced-search-container label {
            height: 42px;
        }

        .catalog-page .catalog-sidebar-filter-col .advanced-search-container input {
            border-width: 1px;
            border-style: solid;
            border-radius: 6px;
            padding: 5px 0 5px 30px;
            line-height: 32px;
            height: 42px;
            margin-top: 0;
        }

        .catalog-page .catalog-sidebar-filter-col .advanced-search-container .input-icon > a,
        .catalog-page .catalog-sidebar-filter-col .advanced-search-container .input-icon > a:hover,
        .catalog-page .catalog-sidebar-filter-col .advanced-search-container .input-icon > .fa {
            left: 0;
            right: auto;
            top: 6px;
            bottom: auto;
            font-size: 18px;
        }

.catalog-page .catalog-sidebar-filter-option {
    display: flex;
    box-sizing: border-box;
    width: calc(100% + 40px);
    align-items: center;
    justify-content: space-between;
    padding: 15px 20px;
    margin-left: -20px;
}

.catalog-page .catalog-sidebar-filter-option-text {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .catalog-page .catalog-sidebar-filter-option-text + i,
    .catalog-page i + .catalog-sidebar-filter-option-text {
        margin-left: 10px;
    }

@media (max-width: 1280px) {

    .catalog-page .catalog-sidebar-filter-tab {
        margin-left: 0;
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }

    .catalog-page .catalog-sidebar-filter-col ~ .catalog-sidebar-filter-col {
        display: none;
        box-shadow: none;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
    }

        .catalog-page .catalog-sidebar-filter-col ~ .catalog-sidebar-filter-col .catalog-sidebar-filter-col-close {
            display: block;
        }
}

@media (max-width: 1024px) {

    .catalog-page .catalogue-main-container {
        flex-wrap: nowrap;
    }

        .catalog-page .catalogue-main-container .catalogue-course-preview-container,
        .catalog-page .catalogue-main-container .catalogue-course-preview-container .card-mode,
        .catalog-page .catalogue-main-container .catalogue-course-preview-container .list-mode {
            margin-top: 0 !important;
        }

    .catalog-page .catalog-sidebar-filter-btns {
        flex-wrap: wrap !important;
        justify-content: center;
    }

        .catalog-page .catalog-sidebar-filter-btns a {
            margin-left: 0;
            margin-right: 0;
        }

            .catalog-page .catalog-sidebar-filter-btns a ~ a {
                margin-top: 10px;
            }
}

@media (max-width: 960px) {

    .catalog-page .catalog-main-search-content {
        height: auto;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .catalog-page .catalog-result-sorting-header.with-results {
        width: 100% !important;
    }
}

@media (max-width: 768px) {

    .catalog-page .catalog-result-sorting-header {
        width: 100% !important;
        flex-wrap: wrap !important;
        margin-bottom: 10px;
    }

        .catalog-page .catalog-result-sorting-header .custom-select-container,
        .catalog-page .catalog-result-sorting-header .custom-select-container .custom-select {
            margin-top: 0;
            margin-bottom: 0;
        }

    .catalog-page .catalog-result-sorting-options {
        width: 100%;
        justify-content: flex-start;
        margin-bottom: 10px;
    }

        .catalog-page .catalog-result-sorting-options .hearted-total,
        .catalog-page .catalog-result-sorting-options .badge-container {
            margin-right: 20px;
        }

    .catalog-page .catalogue-main-container {
        flex-wrap: wrap;
    }

    .catalog-page .catalog-sidebar-filter-col-container {
        margin-top: 10px;
        min-height: inherit !important;
        position: relative;
        left: 0;
        top: 0;
        flex-direction: column;
        z-index: 100;
    }

    .catalog-page .catalog-sidebar-filter-col {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: calc(100% - 40px);
    }

        .catalog-page .catalog-sidebar-filter-col ~ .catalog-sidebar-filter-col {
            position: fixed;
        }
}

.catalog-page .catalogue-sidebar-filter select {
    height: 35px;
    margin: 10px 0;
}

/* Job Specific *******************/

.job-main-container {
    padding-top: 20px;
}

    .job-main-container section,
    .job-skills-container section {
        max-width: 1240px;
        margin: 0 auto;
        width: 100%;
        box-sizing: border-box;
    }

    .job-main-container section {
        border-radius: 12px;
        padding: 20px;
    }

    .job-main-container input {
        padding: 8px 5px;
        border: none;
        border-radius: 6px;
    }

    .job-main-container a i {
        font-size: 12px;
        position: relative;
        top: -1px;
    }

.job-main-banner-left {
    padding-top: 60px;
    padding-left: 100px;
}

    .job-main-banner-left h1 {
        font-family: Roboto, Myriad, Arial, Verdana, Sans-Serif;
        font-style: normal;
        font-weight: 700;
        font-size: 38px;
        line-height: 46px;
    }

        .job-main-banner-left h1:before {
            display: none;
        }

.job-main-dates-calculation {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

.job-main-banner-right {
    position: relative;
    padding-top: 10px;
}

.graph-type-container {
    position: absolute;
    top: 0;
    right: 0;
}

    .graph-type-container .custom-select-container {
        width: 200px;
        max-width: 200px;
        min-width: auto;
    }

    .graph-type-container .select-list .placeholder {
        padding-left: 10px;
        font-size: 14px;
        border-radius: 6px;
    }

    .graph-type-container .select-list .placeholder,
    .graph-type-container .custom-select.open .select-list .placeholder,
    .graph-type-container .select-list:hover .placeholder {
        border-width: 1px;
        border-style: solid;
    }

    .graph-type-container .custom-select ul {
        border-radius: 6px;
    }

.job-main-banner-gauges {
    padding: 50px 40px 20px 0;
}

.job-main-banner-gauges-cols {
    display: flex;
    gap: 30px;
}

.job-main-banner-gauges p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 5px;
}

.job-main-banner-gauges .gauge-job-horizontal:not(:last-child) {
    margin-bottom: 15px;
}

@media (max-width: 1280px) {

    .job-main-container {
        margin: 0 20px;
    }

        .job-main-container .col-container {
            flex-wrap: wrap;
        }

        .job-main-container .job-main-banner-left,
        .job-main-container .job-main-banner-right {
            width: 100%;
        }

    .job-main-banner-left {
        padding: 0 !important;
    }

    .job-main-banner-right {
        margin-top: 20px;
        padding: 0 !important;
    }

    .graph-job-wrapper {
        margin: 0 auto;
        max-width: 520px;
        width: 100%;
        margin-top: 30px;
    }

    .job-main-banner-gauges {
        overflow-x: auto;
    }

    .graph-type-container {
        right: auto;
        left: 0;
    }
}

@media (max-width: 768px) {

    .job-main-container {
        margin: 0;
        padding: 0;
    }

        .job-main-container section {
            border-radius: 0;
        }

        .job-main-container h4 {
            font-size: 18px;
            line-height: 26px;
        }

    .job-main-banner-left h1 {
        font-size: 30px;
        line-height: 36px;
    }

    .job-main-banner-right {
        overflow-x: auto;
    }

    .graph-job-wrapper {
        margin-top: 0;
    }

    .job-main-banner-gauges {
        padding: 0 0 20px 0;
    }

    .job-main-banner-gauges-col {
        min-width: 250px;
    }

    .graph-type-container {
        display: none;
    }
}

/* Skills list */

.job-skills-content {
    margin-left: -30px;
    width: calc(100% + 60px);
}

    .job-skills-content + .job-skills-content {
        margin-top: 40px;
    }

    .job-skills-content h3 {
        font-weight: 700;
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 0;
    }

        .job-skills-content h3:before {
            display: none;
        }

.job-skills-details-list {
    list-style-type: none;
}

    .job-skills-details-list + .job-skills-details-list {
        padding-top: 6px;
    }

.job-skill-details {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    padding: 20px;
    border-radius: 12px;
    position: relative;
}

    .job-skill-details + .job-skill-details {
        margin-top: 10px;
    }

    .job-skill-details p {
        min-width: 220px;
        font-size: 16px;
        line-height: 20px;
    }

.job-skill-status-gauge-container {
    display: flex;
    width: 100%;
    align-items: center;
}

.job-skill-status-gauge-content {
    width: 100%;
    height: 8px;
    border-radius: 10px;
    position: relative;
}

.job-skill-status-gauge {
    display: block;
    height: 8px;
    border-radius: 10px;
    position: absolute;
    top: 0;
    left: 0;
}

    .job-skill-status-gauge .reach {
        display: none;
    }

.job-skill-details .job-skill-status-gauge:before,
.job-skill-details .job-skill-status-gauge .reach {
    position: absolute;
    right: 0;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 30px;
    width: 30px;
    height: 30px;
    top: 50%;
    transform: translate(50%, -50%);
    border-style: solid;
    border-radius: 50%;
    box-sizing: border-box;
}

.job-skill-details .job-skill-status-gauge:before {
    content: '';
    display: flex;
    border-width: 8px;
}

.job-skill-details.goal-reached .job-skill-status-gauge-bg,
.job-skill-details.goal-reached .job-skill-status-gauge:before {
    display: none;
}

.job-skill-details.goal-reached .job-skill-status-gauge .reach {
    display: flex;
    border-width: 4px;
}

.job-skill-status-gauge-bg-container {
    display: block;
    height: 8px;
    position: relative;
}

.job-skill-status-gauge-bg {
    display: block;
    height: 8px;
    border-radius: 10px;
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 9%;
}

    .job-skill-status-gauge-bg .goal {
        position: absolute;
        right: 0;
        transform: translate(-50%, -50%);
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        line-height: 30px;
        width: 30px;
        height: 30px;
        top: 50%;
        transform: translate(-50%, -50%);
        border-width: 1px;
        border-style: dashed;
        border-radius: 50%;
    }

.job-skill-actions {
    min-width: 400px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    justify-content: flex-end;
}

.job-skill-tooltip {
    max-height: 180px;
    overflow-y: auto;
    width: 400px;
}

.job-skill-status-gauge:hover .job-skill-tooltip,
.autoposition-gauge:hover .job-skill-tooltip,
.job-skill-status-gauge-bg .goal:hover .job-skill-tooltip {
    display: block;
}

.job-skill-tooltip:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, 0);
}

.job-skill-tooltip h5 {
    font-size: 18px;
    line-height: 26px;
    font-weight: 700;
}

@media (max-width: 1280px) {

    .job-skills-content {
        margin-left: 0;
        width: 100%;
    }
}

@media (max-width: 960px) {

    .job-skill-details {
        flex-wrap: wrap;
        gap: 20px;
    }

        .job-skill-details p,
        .job-skill-details .job-skill-status-gauge-container,
        .job-skill-details .job-skill-actions {
            width: 100%;
        }

    .job-skill-actions {
        justify-content: flex-start;
    }
}

@media (max-width: 768px) {

    .job-skills-content h3 {
        font-size: 20px;
        line-height: 26px;
    }
}

/* Graph */

.graph-job-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    height: 100%;
}

.graph-job-container {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 80px 120px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}

.graph-job {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.graphic-job-line {
    width: 1px;
    height: 50%;
    position: absolute;
    top: 0;
    left: calc(50% - 1px);
    transform-origin: bottom right;
}

.graph-job[data-skills-total="3"] .graphic-job-line:nth-child(2) {
    transform: rotate(120deg);
}

.graph-job[data-skills-total="3"] .graphic-job-line:nth-child(3) {
    transform: rotate(240deg);
}

.graph-job[data-skills-total="4"] .graphic-job-line:nth-child(2) {
    transform: rotate(90deg);
}

.graph-job[data-skills-total="4"] .graphic-job-line:nth-child(3) {
    transform: rotate(180deg);
}

.graph-job[data-skills-total="4"] .graphic-job-line:nth-child(4) {
    transform: rotate(270deg);
}

.graph-job[data-skills-total="5"] .graphic-job-line:nth-child(2) {
    transform: rotate(72deg);
}

.graph-job[data-skills-total="5"] .graphic-job-line:nth-child(3) {
    transform: rotate(144deg);
}

.graph-job[data-skills-total="5"] .graphic-job-line:nth-child(4) {
    transform: rotate(216deg);
}

.graph-job[data-skills-total="5"] .graphic-job-line:nth-child(5) {
    transform: rotate(288deg);
}

.graph-job[data-skills-total="6"] .graphic-job-line:nth-child(2) {
    transform: rotate(60deg);
}

.graph-job[data-skills-total="6"] .graphic-job-line:nth-child(3) {
    transform: rotate(120deg);
}

.graph-job[data-skills-total="6"] .graphic-job-line:nth-child(4) {
    transform: rotate(180deg);
}

.graph-job[data-skills-total="6"] .graphic-job-line:nth-child(5) {
    transform: rotate(240deg);
}

.graph-job[data-skills-total="6"] .graphic-job-line:nth-child(6) {
    transform: rotate(300deg);
}

.graph-job[data-skills-total="7"] .graphic-job-line:nth-child(2) {
    transform: rotate(51.43deg);
}

.graph-job[data-skills-total="7"] .graphic-job-line:nth-child(3) {
    transform: rotate(102.86deg);
}

.graph-job[data-skills-total="7"] .graphic-job-line:nth-child(4) {
    transform: rotate(154.29deg);
}

.graph-job[data-skills-total="7"] .graphic-job-line:nth-child(5) {
    transform: rotate(205.71deg);
}

.graph-job[data-skills-total="7"] .graphic-job-line:nth-child(6) {
    transform: rotate(257.14deg);
}

.graph-job[data-skills-total="7"] .graphic-job-line:nth-child(7) {
    transform: rotate(308.57deg);
}

.graph-job[data-skills-total="8"] .graphic-job-line:nth-child(2) {
    transform: rotate(45deg);
}

.graph-job[data-skills-total="8"] .graphic-job-line:nth-child(3) {
    transform: rotate(90deg);
}

.graph-job[data-skills-total="8"] .graphic-job-line:nth-child(4) {
    transform: rotate(135deg);
}

.graph-job[data-skills-total="8"] .graphic-job-line:nth-child(5) {
    transform: rotate(180deg);
}

.graph-job[data-skills-total="8"] .graphic-job-line:nth-child(6) {
    transform: rotate(225deg);
}

.graph-job[data-skills-total="8"] .graphic-job-line:nth-child(7) {
    transform: rotate(270deg);
}

.graph-job[data-skills-total="8"] .graphic-job-line:nth-child(8) {
    transform: rotate(315deg);
}

.graph-job[data-skills-total="9"] .graphic-job-line:nth-child(2) {
    transform: rotate(40deg);
}

.graph-job[data-skills-total="9"] .graphic-job-line:nth-child(3) {
    transform: rotate(80deg);
}

.graph-job[data-skills-total="9"] .graphic-job-line:nth-child(4) {
    transform: rotate(120deg);
}

.graph-job[data-skills-total="9"] .graphic-job-line:nth-child(5) {
    transform: rotate(160deg);
}

.graph-job[data-skills-total="9"] .graphic-job-line:nth-child(6) {
    transform: rotate(200deg);
}

.graph-job[data-skills-total="9"] .graphic-job-line:nth-child(7) {
    transform: rotate(240deg);
}

.graph-job[data-skills-total="9"] .graphic-job-line:nth-child(8) {
    transform: rotate(280deg);
}

.graph-job[data-skills-total="9"] .graphic-job-line:nth-child(9) {
    transform: rotate(320deg);
}

.graph-job[data-skills-total="10"] .graphic-job-line:nth-child(2) {
    transform: rotate(36deg);
}

.graph-job[data-skills-total="10"] .graphic-job-line:nth-child(3) {
    transform: rotate(72deg);
}

.graph-job[data-skills-total="10"] .graphic-job-line:nth-child(4) {
    transform: rotate(108deg);
}

.graph-job[data-skills-total="10"] .graphic-job-line:nth-child(5) {
    transform: rotate(144deg);
}

.graph-job[data-skills-total="10"] .graphic-job-line:nth-child(6) {
    transform: rotate(180deg);
}

.graph-job[data-skills-total="10"] .graphic-job-line:nth-child(7) {
    transform: rotate(216deg);
}

.graph-job[data-skills-total="10"] .graphic-job-line:nth-child(8) {
    transform: rotate(252deg);
}

.graph-job[data-skills-total="10"] .graphic-job-line:nth-child(9) {
    transform: rotate(288deg);
}

.graph-job[data-skills-total="10"] .graphic-job-line:nth-child(10) {
    transform: rotate(324deg);
}

.graphic-job-line.background {
    z-index: 1;
}

.graph-job svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

    .graph-job svg polygon {
        stroke-linejoin: round;
    }

.graph-job-polygon.goals {
    stroke-dasharray: 1;
}

.graph-job-polygon.reach {
    stroke-width: 1;
}

.graphic-job-line.value,
.graphic-job-descriptions {
    z-index: 3;
}

    .graphic-job-line.value:before,
    .graphic-job-line.value:after {
        content: '';
        display: block;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        position: absolute;
        transform: translate(-50%, -50%);
        border-width: 1px;
        border-style: solid;
        box-sizing: border-box;
    }

    .graphic-job-line.value:before {
        width: 8px;
        height: 8px;
    }

    .graphic-job-line.value:after {
        width: 10px;
        height: 10px;
        margin-bottom: -10px;
    }

    .graphic-job-line.value[data-percentage="0"]:after {
        bottom: 20%;
    }

    .graphic-job-line.value[data-percentage="1"]:after {
        bottom: 20.8%;
    }

    .graphic-job-line.value[data-percentage="2"]:after {
        bottom: 21.6%;
    }

    .graphic-job-line.value[data-percentage="3"]:after {
        bottom: 22.4%;
    }

    .graphic-job-line.value[data-percentage="4"]:after {
        bottom: 23.2%;
    }

    .graphic-job-line.value[data-percentage="5"]:after {
        bottom: 24%;
    }

    .graphic-job-line.value[data-percentage="6"]:after {
        bottom: 24.8%;
    }

    .graphic-job-line.value[data-percentage="7"]:after {
        bottom: 25.6%;
    }

    .graphic-job-line.value[data-percentage="8"]:after {
        bottom: 26.4%;
    }

    .graphic-job-line.value[data-percentage="9"]:after {
        bottom: 27.2%;
    }

    .graphic-job-line.value[data-percentage="10"]:after {
        bottom: 28%;
    }

    .graphic-job-line.value[data-percentage="11"]:after {
        bottom: 28.8%;
    }

    .graphic-job-line.value[data-percentage="12"]:after {
        bottom: 29.6%;
    }

    .graphic-job-line.value[data-percentage="13"]:after {
        bottom: 30.4%;
    }

    .graphic-job-line.value[data-percentage="14"]:after {
        bottom: 31.2%;
    }

    .graphic-job-line.value[data-percentage="15"]:after {
        bottom: 32%;
    }

    .graphic-job-line.value[data-percentage="16"]:after {
        bottom: 32.8%;
    }

    .graphic-job-line.value[data-percentage="17"]:after {
        bottom: 33.6%;
    }

    .graphic-job-line.value[data-percentage="18"]:after {
        bottom: 34.4%;
    }

    .graphic-job-line.value[data-percentage="19"]:after {
        bottom: 35.2%;
    }

    .graphic-job-line.value[data-percentage="20"]:after {
        bottom: 36%;
    }

    .graphic-job-line.value[data-percentage="21"]:after {
        bottom: 36.8%;
    }

    .graphic-job-line.value[data-percentage="22"]:after {
        bottom: 37.6%;
    }

    .graphic-job-line.value[data-percentage="23"]:after {
        bottom: 38.4%;
    }

    .graphic-job-line.value[data-percentage="24"]:after {
        bottom: 39.2%;
    }

    .graphic-job-line.value[data-percentage="25"]:after {
        bottom: 40%;
    }

    .graphic-job-line.value[data-percentage="26"]:after {
        bottom: 40.8%;
    }

    .graphic-job-line.value[data-percentage="27"]:after {
        bottom: 41.6%;
    }

    .graphic-job-line.value[data-percentage="28"]:after {
        bottom: 42.4%;
    }

    .graphic-job-line.value[data-percentage="29"]:after {
        bottom: 43.2%;
    }

    .graphic-job-line.value[data-percentage="30"]:after {
        bottom: 44%;
    }

    .graphic-job-line.value[data-percentage="31"]:after {
        bottom: 44.8%;
    }

    .graphic-job-line.value[data-percentage="32"]:after {
        bottom: 45.6%;
    }

    .graphic-job-line.value[data-percentage="33"]:after {
        bottom: 46.4%;
    }

    .graphic-job-line.value[data-percentage="34"]:after {
        bottom: 47.2%;
    }

    .graphic-job-line.value[data-percentage="35"]:after {
        bottom: 48%;
    }

    .graphic-job-line.value[data-percentage="36"]:after {
        bottom: 48.8%;
    }

    .graphic-job-line.value[data-percentage="37"]:after {
        bottom: 49.6%;
    }

    .graphic-job-line.value[data-percentage="38"]:after {
        bottom: 50.4%;
    }

    .graphic-job-line.value[data-percentage="39"]:after {
        bottom: 51.2%;
    }

    .graphic-job-line.value[data-percentage="40"]:after {
        bottom: 52%;
    }

    .graphic-job-line.value[data-percentage="41"]:after {
        bottom: 52.8%;
    }

    .graphic-job-line.value[data-percentage="42"]:after {
        bottom: 53.6%;
    }

    .graphic-job-line.value[data-percentage="43"]:after {
        bottom: 54.4%;
    }

    .graphic-job-line.value[data-percentage="44"]:after {
        bottom: 55.2%;
    }

    .graphic-job-line.value[data-percentage="45"]:after {
        bottom: 56%;
    }

    .graphic-job-line.value[data-percentage="46"]:after {
        bottom: 56.8%;
    }

    .graphic-job-line.value[data-percentage="47"]:after {
        bottom: 57.6%;
    }

    .graphic-job-line.value[data-percentage="48"]:after {
        bottom: 58.4%;
    }

    .graphic-job-line.value[data-percentage="49"]:after {
        bottom: 59.2%;
    }

    .graphic-job-line.value[data-percentage="50"]:after {
        bottom: 60%;
    }

    .graphic-job-line.value[data-percentage="51"]:after {
        bottom: 60.8%;
    }

    .graphic-job-line.value[data-percentage="52"]:after {
        bottom: 61.6%;
    }

    .graphic-job-line.value[data-percentage="53"]:after {
        bottom: 62.4%;
    }

    .graphic-job-line.value[data-percentage="54"]:after {
        bottom: 63.2%;
    }

    .graphic-job-line.value[data-percentage="55"]:after {
        bottom: 64%;
    }

    .graphic-job-line.value[data-percentage="56"]:after {
        bottom: 64.8%;
    }

    .graphic-job-line.value[data-percentage="57"]:after {
        bottom: 65.6%;
    }

    .graphic-job-line.value[data-percentage="58"]:after {
        bottom: 66.4%;
    }

    .graphic-job-line.value[data-percentage="59"]:after {
        bottom: 67.2%;
    }

    .graphic-job-line.value[data-percentage="60"]:after {
        bottom: 68%;
    }

    .graphic-job-line.value[data-percentage="61"]:after {
        bottom: 68.8%;
    }

    .graphic-job-line.value[data-percentage="62"]:after {
        bottom: 69.6%;
    }

    .graphic-job-line.value[data-percentage="63"]:after {
        bottom: 70.4%;
    }

    .graphic-job-line.value[data-percentage="64"]:after {
        bottom: 71.2%;
    }

    .graphic-job-line.value[data-percentage="65"]:after {
        bottom: 72%;
    }

    .graphic-job-line.value[data-percentage="66"]:after {
        bottom: 72.8%;
    }

    .graphic-job-line.value[data-percentage="67"]:after {
        bottom: 73.6%;
    }

    .graphic-job-line.value[data-percentage="68"]:after {
        bottom: 74.4%;
    }

    .graphic-job-line.value[data-percentage="69"]:after {
        bottom: 75.2%;
    }

    .graphic-job-line.value[data-percentage="70"]:after {
        bottom: 76%;
    }

    .graphic-job-line.value[data-percentage="71"]:after {
        bottom: 76.8%;
    }

    .graphic-job-line.value[data-percentage="72"]:after {
        bottom: 77.6%;
    }

    .graphic-job-line.value[data-percentage="73"]:after {
        bottom: 78.4%;
    }

    .graphic-job-line.value[data-percentage="74"]:after {
        bottom: 79.2%;
    }

    .graphic-job-line.value[data-percentage="75"]:after {
        bottom: 80%;
    }

    .graphic-job-line.value[data-percentage="76"]:after {
        bottom: 80.8%;
    }

    .graphic-job-line.value[data-percentage="77"]:after {
        bottom: 81.6%;
    }

    .graphic-job-line.value[data-percentage="78"]:after {
        bottom: 82.4%;
    }

    .graphic-job-line.value[data-percentage="79"]:after {
        bottom: 83.2%;
    }

    .graphic-job-line.value[data-percentage="80"]:after {
        bottom: 84%;
    }

    .graphic-job-line.value[data-percentage="81"]:after {
        bottom: 84.8%;
    }

    .graphic-job-line.value[data-percentage="82"]:after {
        bottom: 85.6%;
    }

    .graphic-job-line.value[data-percentage="83"]:after {
        bottom: 86.4%;
    }

    .graphic-job-line.value[data-percentage="84"]:after {
        bottom: 87.2%;
    }

    .graphic-job-line.value[data-percentage="85"]:after {
        bottom: 88%;
    }

    .graphic-job-line.value[data-percentage="86"]:after {
        bottom: 88.8%;
    }

    .graphic-job-line.value[data-percentage="87"]:after {
        bottom: 89.6%;
    }

    .graphic-job-line.value[data-percentage="88"]:after {
        bottom: 90.4%;
    }

    .graphic-job-line.value[data-percentage="89"]:after {
        bottom: 91.2%;
    }

    .graphic-job-line.value[data-percentage="90"]:after {
        bottom: 92%;
    }

    .graphic-job-line.value[data-percentage="91"]:after {
        bottom: 92.8%;
    }

    .graphic-job-line.value[data-percentage="92"]:after {
        bottom: 93.6%;
    }

    .graphic-job-line.value[data-percentage="93"]:after {
        bottom: 94.4%;
    }

    .graphic-job-line.value[data-percentage="94"]:after {
        bottom: 95.2%;
    }

    .graphic-job-line.value[data-percentage="95"]:after {
        bottom: 96%;
    }

    .graphic-job-line.value[data-percentage="96"]:after {
        bottom: 96.8%;
    }

    .graphic-job-line.value[data-percentage="97"]:after {
        bottom: 97.6%;
    }

    .graphic-job-line.value[data-percentage="98"]:after {
        bottom: 98.4%;
    }

    .graphic-job-line.value[data-percentage="99"]:after {
        bottom: 99.2%;
    }

    .graphic-job-line.value[data-percentage="100"]:after {
        bottom: 100%;
    }

.graph-job .graphic-job-description {
    display: block;
    position: absolute;
    font-family: Roboto, Myriad, Arial, Verdana, Sans-Serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    z-index: 1;
    text-align: center;
}

.graph-job[data-skills-total="3"] .graphic-job-description:nth-child(4),
.graph-job[data-skills-total="3"] .graphic-job-description:nth-child(5),
.graph-job[data-skills-total="3"] .graphic-job-description:nth-child(6),
.graph-job[data-skills-total="3"] .graphic-job-description:nth-child(7),
.graph-job[data-skills-total="3"] .graphic-job-description:nth-child(8),
.graph-job[data-skills-total="3"] .graphic-job-description:nth-child(9),
.graph-job[data-skills-total="3"] .graphic-job-description:nth-child(10),
.graph-job[data-skills-total="4"] .graphic-job-description:nth-child(5),
.graph-job[data-skills-total="4"] .graphic-job-description:nth-child(6),
.graph-job[data-skills-total="4"] .graphic-job-description:nth-child(7),
.graph-job[data-skills-total="4"] .graphic-job-description:nth-child(8),
.graph-job[data-skills-total="4"] .graphic-job-description:nth-child(9),
.graph-job[data-skills-total="4"] .graphic-job-description:nth-child(10),
.graph-job[data-skills-total="5"] .graphic-job-description:nth-child(6),
.graph-job[data-skills-total="5"] .graphic-job-description:nth-child(7),
.graph-job[data-skills-total="5"] .graphic-job-description:nth-child(8),
.graph-job[data-skills-total="5"] .graphic-job-description:nth-child(9),
.graph-job[data-skills-total="5"] .graphic-job-description:nth-child(10),
.graph-job[data-skills-total="6"] .graphic-job-description:nth-child(7),
.graph-job[data-skills-total="6"] .graphic-job-description:nth-child(8),
.graph-job[data-skills-total="6"] .graphic-job-description:nth-child(9),
.graph-job[data-skills-total="6"] .graphic-job-description:nth-child(10),
.graph-job[data-skills-total="7"] .graphic-job-description:nth-child(8),
.graph-job[data-skills-total="7"] .graphic-job-description:nth-child(9),
.graph-job[data-skills-total="7"] .graphic-job-description:nth-child(10),
.graph-job[data-skills-total="8"] .graphic-job-description:nth-child(9),
.graph-job[data-skills-total="8"] .graphic-job-description:nth-child(10),
.graph-job[data-skills-total="9"] .graphic-job-description:nth-child(10) {
    display: none;
}

.graph-job[data-skills-total="3"] .graphic-job-description:nth-child(1),
.graph-job[data-skills-total="4"] .graphic-job-description:nth-child(1),
.graph-job[data-skills-total="5"] .graphic-job-description:nth-child(1),
.graph-job[data-skills-total="6"] .graphic-job-description:nth-child(1),
.graph-job[data-skills-total="7"] .graphic-job-description:nth-child(1),
.graph-job[data-skills-total="8"] .graphic-job-description:nth-child(1),
.graph-job[data-skills-total="9"] .graphic-job-description:nth-child(1),
.graph-job[data-skills-total="10"] .graphic-job-description:nth-child(1) {
    bottom: calc(100% + 10px);
    left: 50%;
    width: 120px;
    transform: translate(-50%, 0);
}

.graph-job[data-skills-total="3"] .graphic-job-description:nth-child(2) {
    width: 120px;
    top: 78%;
    left: 95%;
    transform: translate(-30%, 0);
}

.graph-job[data-skills-total="3"] .graphic-job-description:nth-child(3) {
    width: 120px;
    top: 78%;
    right: 95%;
    transform: translate(30%, 0);
}

.graph-job[data-skills-total="4"] .graphic-job-description:nth-child(2) {
    width: 100px;
    top: 50%;
    left: calc(100% + 2px);
    transform: translate(0, -50%);
}

.graph-job[data-skills-total="4"] .graphic-job-description:nth-child(3) {
    width: 120px;
    top: calc(100% + 10px);
    left: 50%;
    transform: translate(-50%, 0);
}

.graph-job[data-skills-total="4"] .graphic-job-description:nth-child(4) {
    width: 100px;
    top: 50%;
    right: calc(100% + 2px);
    transform: translate(0, -50%);
}

.graph-job[data-skills-total="5"] .graphic-job-description:nth-child(2) {
    width: 100px;
    bottom: 66%;
    left: 100%;
    transform: translate(0, 40%);
}

.graph-job[data-skills-total="5"] .graphic-job-description:nth-child(3) {
    width: 120px;
    top: 94%;
    left: 75%;
}

.graph-job[data-skills-total="5"] .graphic-job-description:nth-child(4) {
    width: 120px;
    top: 94%;
    right: 75%;
}

.graph-job[data-skills-total="5"] .graphic-job-description:nth-child(5) {
    width: 100px;
    bottom: 66%;
    right: 100%;
    transform: translate(0, 40%);
}

.graph-job[data-skills-total="6"] .graphic-job-description:nth-child(2) {
    width: 100px;
    bottom: 78%;
    left: 92%;
}

.graph-job[data-skills-total="6"] .graphic-job-description:nth-child(3) {
    width: 100px;
    top: 78%;
    left: 92%;
}

.graph-job[data-skills-total="6"] .graphic-job-description:nth-child(4) {
    width: 120px;
    top: calc(100% + 10px);
    left: 50%;
    transform: translate(-50%, 0);
}

.graph-job[data-skills-total="6"] .graphic-job-description:nth-child(5) {
    width: 100px;
    top: 78%;
    right: 92%;
}

.graph-job[data-skills-total="6"] .graphic-job-description:nth-child(6) {
    width: 100px;
    bottom: 78%;
    right: 92%;
}

.graph-job[data-skills-total="7"] .graphic-job-description:nth-child(2) {
    width: 120px;
    bottom: 84%;
    left: 86%;
}

.graph-job[data-skills-total="7"] .graphic-job-description:nth-child(3) {
    width: 100px;
    bottom: 35%;
    left: calc(100% + 2px);
    transform: translate(0, 25%);
}

.graph-job[data-skills-total="7"] .graphic-job-description:nth-child(4) {
    width: 120px;
    top: 96%;
    left: 65%;
}

.graph-job[data-skills-total="7"] .graphic-job-description:nth-child(5) {
    width: 120px;
    top: 96%;
    right: 65%;
}

.graph-job[data-skills-total="7"] .graphic-job-description:nth-child(6) {
    width: 100px;
    bottom: 35%;
    right: calc(100% + 2px);
    transform: translate(0, 25%);
}

.graph-job[data-skills-total="7"] .graphic-job-description:nth-child(7) {
    width: 120px;
    bottom: 84%;
    right: 86%;
}

.graph-job[data-skills-total="8"] .graphic-job-description:nth-child(2) {
    width: 120px;
    bottom: 86%;
    left: 86%;
}

.graph-job[data-skills-total="8"] .graphic-job-description:nth-child(3) {
    width: 100px;
    top: 50%;
    left: calc(100% + 2px);
    transform: translate(0, -50%);
}

.graph-job[data-skills-total="8"] .graphic-job-description:nth-child(4) {
    width: 120px;
    top: 86%;
    left: 86%;
}

.graph-job[data-skills-total="8"] .graphic-job-description:nth-child(5) {
    width: 120px;
    top: calc(100% + 10px);
    left: 50%;
    transform: translate(-50%, 0);
}

.graph-job[data-skills-total="8"] .graphic-job-description:nth-child(6) {
    width: 120px;
    top: 86%;
    right: 86%;
}

.graph-job[data-skills-total="8"] .graphic-job-description:nth-child(7) {
    width: 100px;
    top: 50%;
    right: calc(100% + 2px);
    transform: translate(0, -50%);
}

.graph-job[data-skills-total="8"] .graphic-job-description:nth-child(8) {
    width: 120px;
    bottom: 86%;
    right: 86%;
}

.graph-job[data-skills-total="9"] .graphic-job-description:nth-child(2) {
    width: 120px;
    bottom: 92%;
    left: 80%;
}

.graph-job[data-skills-total="9"] .graphic-job-description:nth-child(3) {
    width: 100px;
    bottom: 58%;
    left: calc(100% + 2px);
    transform: translate(0, 30%);
}

.graph-job[data-skills-total="9"] .graphic-job-description:nth-child(4) {
    width: 100px;
    top: 75%;
    left: 98%;
    transform: translate(0, -45%);
}

.graph-job[data-skills-total="9"] .graphic-job-description:nth-child(5) {
    width: 120px;
    top: 100%;
    left: 70%;
    transform: translate(-25%, 0);
}

.graph-job[data-skills-total="9"] .graphic-job-description:nth-child(6) {
    width: 120px;
    top: 100%;
    right: 70%;
    transform: translate(25%, 0);
}

.graph-job[data-skills-total="9"] .graphic-job-description:nth-child(7) {
    width: 100px;
    top: 75%;
    right: 98%;
    transform: translate(0, -45%);
}

.graph-job[data-skills-total="9"] .graphic-job-description:nth-child(8) {
    width: 100px;
    bottom: 58%;
    right: calc(100% + 2px);
    transform: translate(0, 30%);
}

.graph-job[data-skills-total="9"] .graphic-job-description:nth-child(9) {
    width: 120px;
    bottom: 92%;
    right: 80%;
}

.graph-job[data-skills-total="10"] .graphic-job-description:nth-child(2) {
    width: 120px;
    bottom: 92%;
    left: 80%;
}

.graph-job[data-skills-total="10"] .graphic-job-description:nth-child(3) {
    width: 100px;
    bottom: 66%;
    left: calc(100% + 2px);
    transform: translate(0, 40%);
}

.graph-job[data-skills-total="10"] .graphic-job-description:nth-child(4) {
    width: 100px;
    top: 66%;
    left: calc(100% + 2px);
    transform: translate(0, -40%);
}

.graph-job[data-skills-total="10"] .graphic-job-description:nth-child(5) {
    width: 120px;
    top: 92%;
    left: 80%;
}

.graph-job[data-skills-total="10"] .graphic-job-description:nth-child(6) {
    top: calc(100% + 10px);
    left: 50%;
    width: 120px;
    transform: translate(-50%, 0);
}

.graph-job[data-skills-total="10"] .graphic-job-description:nth-child(7) {
    width: 120px;
    top: 92%;
    right: 80%;
}

.graph-job[data-skills-total="10"] .graphic-job-description:nth-child(8) {
    width: 100px;
    top: 66%;
    right: calc(100% + 2px);
    transform: translate(0, -40%);
}

.graph-job[data-skills-total="10"] .graphic-job-description:nth-child(9) {
    width: 100px;
    bottom: 66%;
    right: calc(100% + 2px);
    transform: translate(0, 40%);
}

.graph-job[data-skills-total="10"] .graphic-job-description:nth-child(10) {
    width: 120px;
    bottom: 92%;
    right: 80%;
}

/* Job gauge */

.gauge-job-horizontal {
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    overflow: hidden;
}

    .gauge-job-horizontal .gauge-display {
        display: block;
        height: 8px;
        border-radius: 10px;
        position: relative;
    }

/* Copied CSS from latest xLMS version *******************/

.nowrap {
    white-space: nowrap;
}

.col-container.column {
    flex-direction: column;
}

/*Adapted CSS from latest xLMS version *******************/

.catalog-page .selected-option {
    display: inline-block;
    border-radius: 10px;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    padding: 4px 8px;
    margin-right: 10px;
    margin-bottom: 10px;
    white-space: nowrap;
    border-width: 1px;
    border-style: solid;
    max-width: 265px;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .catalog-page .selected-option .delete-option {
        display: inline-block;
        position: static;
        pointer-events: auto;
        line-height: 16px;
        padding-left: 5px;
        cursor: pointer;
    }

/* Call To Action *******************/

.job-page .cta-contextual {
    display: inline-block;
    height: 42px;
    font-size: 16px;
    line-height: 42px;
    border-radius: 22px;
    padding-left: 15px;
    padding-right: 15px;
    border-width: 1px;
    border-style: solid;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    position: relative;
    background-color: transparent;
    outline: none;
    white-space: nowrap;
}

    .job-page .cta-contextual:hover {
        text-decoration: none;
    }

    .job-page .cta-contextual.dotted {
        border-style: dotted;
    }

    .job-page .cta-contextual i {
        display: inline-block;
        height: 42px;
        line-height: 42px;
    }

        .job-page .cta-contextual i:first-child {
            padding-right: 8px;
        }

        .job-page .cta-contextual i:last-child {
            padding-right: 0;
            padding-left: 8px;
        }

        .job-page .cta-contextual i:first-child:last-child {
            padding-right: 0;
            padding-left: 0;
        }

    .job-page .cta-contextual.multiline {
        display: inline-block;
        height: auto;
        line-height: 18px;
        padding-top: 10px;
        padding-bottom: 5px;
        white-space: normal;
    }

        .job-page .cta-contextual.multiline span span {
            display: block;
            font-weight: normal;
            font-size: 12px;
        }

/* Select *******************/
/*
.catalog-result-sorting-options .custom-select-container {
    display: inline-flex;
    flex-direction: column;
    min-width: 180px;
}

    .catalog-result-sorting-options .custom-select-container.large {
        max-width: 180px;
        min-width: 180px;
    }

    .catalog-result-sorting-options .custom-select-container.small {
        max-width: 120px;
        min-width: 120px;
    }

    .catalog-result-sorting-options .custom-select-container.full-width {
        width: 100%;
    }

    .catalog-result-sorting-options .custom-select-container label {
        position: relative;
    }

.catalog-result-sorting-options .custom-select {
    display: inline-block;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    height: 42px;
}

.catalog-result-sorting-options .above ~ .custom-select {
    margin-top: 5px;
}

.catalog-result-sorting-options .custom-select .select-list {
    position: absolute;
    width: 100%;
    top: 0;
    box-sizing: border-box;
    white-space: nowrap;
    font-size: 14px;
    list-style-type: none;
    height: 42px;
    padding: 5px 10px;
    line-height: 32px;
    box-sizing: border-box;
    border-style: solid;
    border-width: 1px;
    border-radius: 6px;
}

.catalog-result-sorting-options .custom-select i {
    display: block;
    position: absolute;
    right: 10px;
    top: 0;
    pointer-events: none;
    line-height: 42px;
}

.catalog-result-sorting-options .select-list .placeholder {
    display: block;
    cursor: pointer;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 32px;
    height: 32px;
    font-weight: 400;
}

.catalog-result-sorting-options .select-list > li:last-child {
    display: none;
}

.catalog-result-sorting-options .custom-select.open .select-list > li:last-child {
    display: flex;
    box-sizing: border-box;
    z-index: 5;
    overflow: visible;
    position: absolute;
    top: -1px;
    left: -1px;
    min-width: calc(100% + 2px);
    min-height: 42px;
    border-radius: 6px;
}

.catalog-result-sorting-options .select-list ul {
    list-style-type: none;
    width: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    max-height: 250px;
    border-style: solid;
    border-width: 1px;
    border-radius: 6px;
    box-sizing: border-box;
    overflow-x: visible;
    overflow-y: auto;
    white-space: nowrap;
    padding: 5px 10px;
    line-height: 32px;
}

    .catalog-result-sorting-options .select-list ul::-webkit-scrollbar-track {
        border-radius: 6px;
    }

    .catalog-result-sorting-options .select-list ul::-webkit-scrollbar {
        width: 8px;
        height: 8px;
    }

    .catalog-result-sorting-options .select-list ul::-webkit-scrollbar-thumb {
        border-radius: 6px;
    }

    .catalog-result-sorting-options .select-list ul li {
        position: relative;
        line-height: 32px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .catalog-result-sorting-options .select-list ul li:hover {
            cursor: pointer;
        }

@media (max-width: 768px) {

    .catalog-result-sorting-options .custom-select-container,
    .catalog-result-sorting-options .custom-select-container .custom-select {
        max-width: inherit;
    }
}*/

/* Radio / Checkbox *******************/

/*.catalog-page .input-option-container {
    display: inline-block;
    font-size: 14px;
}

    .catalog-page .input-option-container input[type=checkbox],
    .catalog-page .input-option-container input[type=radio] {
        display: none;
    }

.catalog-page input[type=checkbox] + span,
.catalog-page input[type=radio] + span {
    display: inline-flex;
    box-sizing: border-box;
    position: relative;
}

    .catalog-page input[type=checkbox] + span span:not(:empty),
    .catalog-page input[type=radio] + span span:not(:empty) {
        padding: 5px 15px 5px 25px;
    }

    .catalog-page input[type=checkbox] + span span:empty,
    .catalog-page input[type=radio] + span span:empty {
        display: inline-block;
        width: 16px;
    }

    .catalog-page input[type=checkbox] + span:before,
    .catalog-page input[type=radio] + span:before {
        content: '';
        display: block;
        width: 16px;
        height: 16px;
        box-sizing: border-box;
        position: absolute;
        left: 0;
        top: 50%;
        border-width: 1px;
        border-style: solid;
        margin-top: -8px;
        border-radius: 2px;
    }

    .catalog-page input[type=checkbox] + span i {
        display: none;
    }

.catalog-page input[type=checkbox]:checked + span i {
    content: '';
    width: 16px;
    height: 16px;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8px;
    border-radius: 50%;
    text-align: center;
    font-size: 10px;
    line-height: 16px;
}

.catalog-page input[type=checkbox]:checked + span .fa-check {
    display: block;
}

.catalog-page input[type=radio] + span:before {
    border-radius: 50%;
}

.catalog-page input[type=radio]:checked + span:after {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    box-sizing: border-box;
    position: absolute;
    left: 5px;
    top: 50%;
    margin-top: -3px;
    border-radius: 50%;
}

.catalog-page label input[type=checkbox] + span,
.catalog-page label input[type=radio] + span {
    cursor: pointer;
}

.catalog-page input[disabled],
.catalog-page input[disabled] + span,
.catalog-page input[disabled] + span i,
.catalog-page input[disabled] + span:before {
    cursor: default !important;
    pointer-events: none !important;
}

.catalog-page .input-option-container.inversed-checkbox input[type=checkbox] + span:before {
    left: inherit;
    right: 15px;
}

.catalog-page .input-option-container.inversed-checkbox input[type=checkbox] + span span:not(:empty) {
    padding: 5px 40px 5px 0px;
}

.catalog-page .input-option-container.inversed-checkbox input[type=checkbox]:checked + span i {
    left: inherit;
    right: 15px;
}

@media (max-width: 768px) {

    .catalog-page .col-12 .checkbox-container,
    .catalog-page .col-6 .checkbox-container {
        display: flex;
        flex-wrap: wrap;
    }

    .catalog-page .checkbox-container .input-option-container {
        width: 100%;
        box-sizing: border-box;
    }
}
*/
/* Badge *******************/

.catalog-main-search-container .badge-container {
    display: inline-block;
    position: relative;
    padding: 0;
    white-space: nowrap;
    font-size: 20px;
    text-decoration: none;
}

.catalog-main-search-container .badge {
    display: inline-block;
    min-width: 24px;
    height: 24px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    z-index: 0;
    position: relative;
    padding: 0 4px;
    text-align: center;
    border-width: 2px;
    border-style: solid;
    box-sizing: border-box;
    text-decoration: none;
}

.catalog-main-search-container .badge-container .badge {
    top: -10px;
    margin-left: -4px;
}

.competency-first-part-title {
    border-bottom: none !important;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

.resource-main-container #topNav,
.resource-main-container #bottomNav,
.resource-main-container #contentDiv {
    width: 100%;
}

.resource-main-container .resource-sidebar-gauge-value {
    transition: 500ms;
    transition-timing-function: linear;
}

.resource-sidebar-main-button {
    z-index: 5;
}

.resource-sidebar-header {
    min-height: 225px;
}

@media (max-width: 480px) {
    #topNav.no-nav {
        height: 85px;
    }
}

/********************************
    Ressources pédagogiques
*********************************/
body.learning-popup .main-container > .inner {
    padding: 0;
}

    body.learning-popup .main-container > .inner > .resource-main-container {
        position: relative;
    }


.resource-main-content h1 p {
    color: #FFFFFF;
}

.resource-module-image.large .resource-module-image-text {
    max-width: 888px;
    margin: 24px auto;
}

@media (max-width: 768px) {
    .resource-module-image.large .resource-module-image-text,
    .resource-module-image.standard .resource-module-image-text {
        margin: 24px;
    }
}

@media (max-width: 1080px) {
    .resource-module-image.large .resource-module-image-text,
    .resource-module-image.standard .resource-module-image-text {
        max-width: 100%;
        width: calc(100% - 144px);
        padding: 48px 0;
        margin: 0 96px;
    }
}

.resource-main-container #contentDiv {
    transition: min-height 1s;
}

.resource-main-container .audioplayer.skin-wave .volume_active {
    background-color: #7DB9DD;
}

.resource-main-container .audioplayer.skin-wave.button-aspect-noir .con-playpause {
    width: 60px;
    height: 60px;
}

.resource-main-container .player-but svg.svg-icon {
    width: 25px;
    height: 25px;
}

.resource-main-container .scrubbar {
    margin-top: -70px;
}

    .resource-main-container .scrubbar .total-time,
    .resource-main-container .scrubbar .curr-time {
        top: 47px !important;
    }

.resource-main-container .audioplayer.skin-wave-mode-small .ap-controls .scrubbar .scrub-bg,
.resource-main-container .audioplayer.skin-wave-mode-small .ap-controls .scrubbar .scrub-prog {
    height: 90px;
}

.resource-module-audio h1 {
    padding-bottom: 0px;
}

.resource-module-pdf {
    text-align: center;
}

    .resource-module-pdf .linkDownloadOnly {
        border: 2px solid #566074;
        border-radius: 10px;
        font-weight: bold;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 20px;
    }

    .resource-module-pdf .left-side {
        display: flex;
    }

    .resource-module-pdf .fileIcon {
        font-size: 40px;
        margin-right: 10px;
    }

    .resource-module-pdf .fileDownload {
        font-size: 30px;
    }

    .resource-module-pdf .text-container-download {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .resource-module-pdf .downloadFileSize {
        align-self: flex-start;
    }

    .resource-module-pdf .linkDownloadOnly > .fa {
        color: #566074;
    }

    .resource-module-pdf .linkDownloadOnly:hover {
        border: 2px solid #000000;
        color: #000000 !important;
    }

        .resource-module-pdf .linkDownloadOnly:hover > .fa {
            color: #1C3C78;
        }

        .resource-module-pdf .linkDownloadOnly:hover i {
            color: #000000 !important;
        }
/*
.flipcard-face-content {
    max-height:395px;
    overflow-x:auto;
}

.flipcard-face-content::-webkit-scrollbar {
    width: 6px; 
}

.flipcard-face-content::-webkit-scrollbar-track {
    background: transparent; 
}

.flipcard-face-content::-webkit-scrollbar-thumb {
    background-color: #e8edf2; 
    border-radius: 20px; 
    border: 0px solid #ffffff; 
}
*/

.videoFrame {
    min-height: 500px;
    border: none;
}

.resource-module-audio {
    min-height: 300px;
}

.job-skill-competency-title {
    max-width: 100px;
}

.cookie-form .cta-action {
    height: 36px;
    line-height: 36px;
}

.login-field-container label {
    margin-top: 5px;
}

#MobileApp__QRCode {
    margin-bottom: 10px;
}

#ContentPlaceHolder1_FrameMobileLink,
.notLogged-container {
    max-width: 485px;
}

.catalog-page .catalog-result-sorting-options .select-list ul {
    width: 185px;
}

.resource-module-accordion-icon {
    border: 1px solid black;
    border-radius: 50%;
    width: 25px;
    text-align: center;
    height: 23px;
}

.flipcard {
    font-size: 16px;
    line-height: 21px;
}

.resource-carousel-slide p {
    font-size: 16px;
    line-height: 21px;
}

@media (max-width: 1080px) {
    .resource-module-quiz {
        max-width: 600px;
        width: 100%;
        margin: 48px 96px;
    }
}

@media (max-width: 768px) {
    .resource-module-quiz {
        max-width: calc(100% - 48px);
        width: 100%;
        margin: 48px 24px;
    }
}

.resource-sidebar-header .resource-sidebar-button {
    z-index: 10;
}

.resource-module-pdf a.linkDownloadOnly + .resource-module-pdf-content {
    margin-top: 25px;
}

.resource-module-pdf .resource-module-pdf-content {
    margin-bottom: 25px;
    border: 1px solid #C1C1C1;
}

    .resource-module-pdf .resource-module-pdf-content iframe {
        padding-top: 0px;
    }

@media (max-width: 768px) {
    .resource-carousel-buttons {
        display: flex;
    }

    .resource-carousel-button.previous {
        left: 14px;
        z-index: 10;
        top: unset;
        bottom: -4px;
    }

    .resource-carousel-button.next {
        right: 14px;
        z-index: 10;
        top: unset;
        bottom: -4px;
    }
}

/*.cta-contextual .fa.fa-spin {
    height: 36px;
    line-height: 36px;
}*/

.resource-main-content .resource-module-text h1:before {
    display: inline-block;
    left: inherit;
}

.resource-main-content .resource-module-text ul {
    margin-inline-start: 40px;
}

#sticky-container.activePlus {
    position: fixed;
    top: -240px;
    z-index: 10;
}

#auth-code {
    display: flex;
    justify-content: center;
}

.auth-field {
    width: 60px !important;
    height: 90px !important;
    font-size: 40px !important;
    text-align: center;
    margin: 10px;
    border-radius: 5px;
    padding-left: 0px !important;
}

    .auth-field:focus {
        border-color: #1E90FF !important;
        outline: none;
        border: 1px solid;
    }

#auth-loader {
    display: none;
    width: 20px;
    height: 20px;
    border: 2px solid #ccc;
    border-top-color: #333;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin-left: 5px;
    margin-top: 30px;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

.auth-field[readonly] {
    opacity: 0.6;
}

.auth-field.auth-code-error {
    border: 1px solid red !important;
}

.auth-error {
    display: none;
    color: red;
    display: block;
    padding-left: 25%;
    font-size: 18px;
    padding-top: 10px;
}

.auth-field.auth-code-success {
    border: 1px solid #00FF00 !important;
    opacity: 1;
}

.check {
    color: green;
    font-size: 24px;
    margin-left: 5px;
    margin-top: 30px;
}

#auth-code-intro-message {
    padding-bottom: 20px;
}

.LblAuthCodeEnterCodeMsg {
    text-align: center;
    font-size: 28px;
    font-weight: bold;
}

.LblAuthCodeEnterCodeDetailsInfo {
    padding-top: 15px;
    font-size: 16px;
    padding-left: 15%;
}

.divAuthCodeSpace {
    padding-top: 15%;
}

.auth-code-buttons {
    justify-content: center;
    display: flex;
    gap: 2rem;
}

@media (max-width: 768px) {
    .header-row {
        position: initial;
    }

    header.with-help.with-lang .help {
        right: 90px;
        top: 15px;
    }
}

.catSelect ul ul:before {
    content: '';
    display: block;
    position: absolute;
    width: 1px;
    left: 13px;
    bottom: 13px;
    top: 0;
    background-color: #e4edf4;
    z-index: 1;
    margin-top: 20px;
}

.cat-selected-option {
    display: inline-block;
    border-radius: 8px;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    padding: 4px 8px;
    margin-right: 10px;
    margin-bottom: 10px;
    white-space: nowrap;
    border-width: 1px;
    border-style: solid;
    max-width: 265px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.chosen-categories {
    list-style: none;
    margin-left: 20px;
}

.cat-selected-option .delete-option {
    display: inline-block;
    position: static;
    pointer-events: auto;
    line-height: 16px;
    padding-left: 5px;
    cursor: pointer;
    color: #7DB9DD;
}

.category-container {
    padding-bottom: 10px;
    min-width: 300px;
}

.custom-select-container-category {
    width: 100%;
}

.custom-select-category {
    width: 100%;
    max-width: 300px;
    text-decoration: none;
    color: rgba(38, 41, 46, 0.75);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: rgba(125, 185, 221, 0.5);
}

    .custom-select-category i {
        font-size: inherit;
        padding-right: inherit;
    }

.category-tree {
    margin-left: 20px;
    border-style: solid;
    border-width: 1px;
    border-color: #7db9dd;
    padding-top: 0px;
    width: 400px;
}

.manager-filter-container {
    display: flex;
    flex-direction: column;
}

    .manager-filter-container .custom-select-container {
        margin-bottom: 10px;
    }

.manager-filter-header {
    width: 325px;
}

.category-container .managerspace-header {
    width: 100%;
    min-width: 200px;
}

.custom-select-category:hover {
    text-decoration: none;
}

.autoposition-gauge {
    display: block;
    height: 8px;
    border-radius: 10px;
    position: absolute;
    top: 0;
    left: 0;
}

    .autoposition-gauge .reach {
        display: none;
    }

.job-skill-details .autoposition-gauge:before,
.job-skill-details .autoposition-gauge .reach {
    position: absolute;
    right: 0;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 30px;
    width: 30px;
    height: 30px;
    top: 50%;
    transform: translate(50%, -50%);
    border-style: solid;
    border-radius: 50%;
    box-sizing: border-box;
}

.job-skill-details .autoposition-gauge:before {
    content: '';
    display: flex;
    border-width: 8px;
}

.course-comments-container {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 10;
    box-sizing: border-box;
    pointer-events: none;
}

    .course-comments-container.open {
        pointer-events: auto;
    }

.course-comments-content {
    position: absolute;
    padding: 24px;
    z-index: 1;
    width: 420px;
    max-width: 100%;
    box-sizing: border-box;
    top: 0;
    right: -420px;
    bottom: 0;
    transition: right 400ms;
}

.course-comments-container.open .course-comments-content {
    right: 0;
}

.custom-comments-container-background {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    opacity: 0;
    transition: opacity 400ms;
}

.course-comments-container.open .custom-comments-container-background {
    opacity: 0.4;
    pointer-events: auto;
}

.course-comments-container .close-btn {
    position: absolute;
    top: 24px;
    right: 24px;
    z-index: 1;
    display: block;
    width: 21px;
    height: 21px;
    overflow: hidden;
}

    .course-comments-container .close-btn::before,
    .course-comments-container .close-btn::after {
        content: '';
        display: block;
        position: absolute;
        width: 21px;
        height: 21px;
        box-sizing: border-box;
        transform: rotate(45deg);
    }

    .course-comments-container .close-btn::before {
        border-right-style: solid;
        border-right-width: 1px;
        right: 7px;
        bottom: 7px;
    }

    .course-comments-container .close-btn::after {
        border-bottom-style: solid;
        border-bottom-width: 1px;
        right: -7px;
        bottom: 7px;
    }

.course-comments-content h4 {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
}

.course-comments-content .course-comments-legend {
    font-size: 16px;
    line-height: 24px;
}

/* Start markdown textarea */

.markdown-textarea-container {
    border-style: solid;
    border-width: 1px;
    border-radius: 6px;
    padding: 12px 10px;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    flex-direction: column;
}

    .markdown-textarea-container .markdown-textarea-header,
    .markdown-textarea-container .markdown-textarea-validation {
        display: none;
    }

    .markdown-textarea-container.has-input .markdown-textarea-header,
    .markdown-textarea-container.has-input .markdown-textarea-validation,
    .markdown-textarea-container.force-open .markdown-textarea-header,
    .markdown-textarea-container.force-open .markdown-textarea-validation,
    .markdown-textarea-container.has-focus .markdown-textarea-header,
    .markdown-textarea-container.has-focus .markdown-textarea-validation {
        display: flex;
    }

    .markdown-textarea-container .markdown-textarea-header {
        height: 48px;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 10px;
    }

    .markdown-textarea-container .markdown-textarea-user-pic {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        text-decoration: none;
        width: 48px;
        height: 48px;
    }

    .markdown-textarea-container .markdown-textearea-options {
        display: flex;
        gap: 10px;
    }

    .markdown-textarea-container .markdown-textearea-option-group {
        display: flex;
        position: relative;
    }

        .markdown-textarea-container .markdown-textearea-option-group ~ .markdown-textearea-option-group:before {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            bottom: 0;
            width: 1px;
            left: -5px;
        }

    .markdown-textarea-container .markdown-textearea-option {
        width: 24px;
        height: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        text-decoration: none;
    }

        .markdown-textarea-container .markdown-textearea-option i {
            font-size: 14px;
            line-height: 20px;
            padding: 0;
        }

    .markdown-textarea-container textarea {
        outline: 0px solid transparent;
        border: none;
        resize: vertical;
        margin-bottom: 0;
    }

    .markdown-textarea-container .markdown-textarea-preview ul {
        list-style-position: inside;
    }

    .markdown-textarea-container .markdown-textarea-validation {
        padding-top: 10px;
        gap: 10px;
    }

        .markdown-textarea-container .markdown-textarea-validation .cta-contextual:before {
            border: none;
        }

        .markdown-textarea-container .markdown-textarea-validation .primary {
            pointer-events: none;
        }

    .markdown-textarea-container.has-input .markdown-textarea-validation .primary {
        pointer-events: auto;
    }

/* End markdown textarea */

.course-comments-content .course-comment-legend {
    display: block;
    margin-top: 12px;
    font-size: 14px;
    line-height: 20px;
}

.course-comments-content .course-comments-none {
    display: flex;
    height: 380px;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 26px;
    font-style: italic;
}

.course-comments-content .course-comments-filters {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .course-comments-content .course-comments-filters select {
        border: none;
        font-size: 14px;
        line-height: 20px;
        cursor: pointer;
    }

.course-comments-content .course-comment {
    list-style-type: none;
    padding-top: 12px;
    border-top-width: 1px;
    border-top-style: solid;
    display: flex;
    gap: 12px;
}

    .course-comments-content .course-comment ~ .course-comment {
        margin-top: 20px;
    }

.course-comments-content .course-comment-main-profile-col {
    width: 48px;
    min-width: 48px;
}

.course-comments-content .course-comment.deleted .course-comment-deleted-icon {
    width: 48px;
    height: 48px;
    min-width: 48px;
    max-width: 48px;
    max-height: 48px;
    font-size: 18px;
}

.course-comments-content .course-comment-main-col {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.course-comments-content .course-comment-header {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    position: relative;
}

    .course-comments-content .course-comment-header h5 {
        font-size: 16px;
        line-height: 24px;
        font-weight: bold;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .course-comments-content .course-comment-header i {
        font-size: 12px;
        line-height: 16px;
        white-space: nowrap;
    }

.modal {
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.4);
}

.modal-content {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 50%;
    position: relative;
}

    .modal-content h2 {
        font-size: 1.5em;
        margin-bottom: 20px;
    }

    .modal-content p {
        margin-bottom: 20px;
    }

    .modal-content .confirm-delete,
    .modal-content .cancel-delete {
        background-color: transparent;
        border: none;
        color: #333;
        text-align: right;
        text-decoration: none;
        display: inline-block;
        font-size: 1em;
        margin: 4px 2px;
        cursor: pointer;
        padding: 10px 20px;
    }

    .modal-content .confirm-delete {
        color: green;
    }

    .modal-content .cancel-delete {
        color: red;
    }

    .modal-content .close-button {
        position: absolute;
        top: 10px;
        right: 10px;
        background: none;
        border: none;
        font-size: 1.2em;
        cursor: pointer;
    }

.course-comments-content .course-comment-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.course-comments-content .course-comment.deleted .course-comment-content {
    padding-top: 12px;
}

.course-comments-content .course-comment-content p {
    font-size: 16px;
    line-height: 24px;
}

.course-comments-content .course-comment-actions {
    display: inline-flex;
    gap: 24px;
    margin-top: 6px;
    align-items: center;
}

.course-comments-content .course-comment-action-like,
.course-comments-content .course-comment-action-answer {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
}

    .course-comments-content .course-comment-action-like:hover span,
    .course-comments-content .course-comment-action-answer:hover span {
        text-decoration: underline;
    }

.course-comments-content .course-comment-actions i {
    padding: 0;
    font-size: 14px;
}

.course-comments-content .course-comment-action-answer i {
    transform: scaleX(-1);
}

.pic-24 {
    display: block;
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    max-height: 24px;
    border-radius: 50%;
}

.course-comments-content .course-comment-deleted-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.course-comments-content .course-comment-answer.deleted .course-comment-deleted-icon {
    width: 24px;
    height: 24px;
    min-width: 24px;
    max-width: 24px;
    max-height: 24px;
    font-size: 14px;
}

.course-comments-content .course-comment.deleted .course-comment-answer .course-comment-content {
    padding-top: 0;
}

.course-comments-content .course-comment-answer,
.course-comments-content .course-comment-more-answers {
    display: flex;
    align-items: flex-start;
    list-style-type: none;
    gap: 12px;
    padding-top: 12px;
    border-top-width: 1px;
    border-top-style: solid;
    margin-top: 12px;
}

.course-comments-content .course-comment-profile-col {
    width: 24px;
    min-width: 24px;
}

.course-comments-content .course-comment-answer .course-comment-content {
    min-height: 24px;
}

.course-comments-content .course-comment-more-answers a {
    text-decoration: none;
    display: flex;
    align-items: center;
}

    .course-comments-content .course-comment-more-answers a:hover span,
    .course-comments-content .course-comment-more-answers a:hover span {
        text-decoration: underline;
    }

    .course-comments-content .course-comment-more-answers a i {
        font-size: 12px;
    }

.course-comments-content .course-comment .markdown-textarea-container {
    margin-top: 10px;
    margin-left: -60px;
    width: calc(100% + 86px);
}

.course-comments-content .course-comment-options-col {
    width: 36px;
    min-width: 36px;
    position: relative;
}

.course-comments-content .course-comment-options-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 36px;
    height: 36px;
    min-width: 36px;
    border-radius: 50%;
    text-decoration: none;
}

    .course-comments-content .course-comment-options-icon i {
        padding: 0;
    }

section.contest-carousel .image-container {
    width: 296px;
    height: 222px;
}

section.contest-carousel .contest-preview-details {
    width: 57%;
}

section.contest-list .image-container {
    width: 96px;
    height: 72px;
}

section.contest-list .contest-preview-details {
    width: 57%;
}

.contest-page-container.colored-row-container .contest-preview-details h3 {
    height: 68px;
}

section.contest-slider .contest-preview-details h3 {
    height: 68px;
}

section.contest-slider a.contest-preview {
    height: 400px;
}

.contest-details-ranking-avatar {
    display: flex;
    width: 24px;
    min-width: 24px;
    max-width: 24px;
    height: 24px;
    align-items: center;
    justify-content: center;
    border-width: 1px;
    border-style: solid;
    font-size: 12px;
    line-height: 16px;
    border-radius: 50%;
    overflow: hidden;
}

.contest-details-goal-status-container {
    margin-left: auto;
}

.contest-users {
    padding: 20px !important;
    max-width: 1300px !important;
}

.job-page-button {
    position: sticky;
    bottom: 0;
}

.job-skill-status-gauge .autoposition:hover .job-skill-tooltip {
    display: block;
}

.job-skill-details .autoposition-gauge .autoposition {
    position: absolute;
    right: 0;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 30px;
    width: 30px;
    height: 30px;
    top: 50%;
    transform: translate(50%, -50%);
    border-style: solid;
    border-radius: 50%;
    box-sizing: border-box;
}

.autoposition .job-skill-tooltip {
    padding: 5px;
    overflow: hidden;
    width: auto;
}

 .line-graph-wrapper .graph-point-tooltip.tooltip-bottom:before { 
	content: ''; 
    display: block; 
    width: 0; 
    height: 0; 
    position: absolute; 
	top: 100%;
	left: 50%; 
    transform: translateX(-4px) translateY(-103px) rotate(180deg); 
 } 

.line-graph-wrapper .graph-point-tooltip.tooltip-bottom {
    color: #55646E;
    background-color: #ffffff;
    box-shadow: 0px -6px 18px rgba(29, 50, 67, 0.1);
}

.job-evaluation-levels {
    width: 49%;
}

.following-content.job-evaluation-levels {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 165px;
}

.job-eval-level-descriptions, .job-level-comment-container {
    margin-right: 20px;
}

#SetPassword {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    gap: 30px;
}

    #SetPassword input {
        margin-left: 15px
    }

    #SetPassword #errorDiv {
        color: red
    }

@media (max-width: 768px) {
    body.job-page .job-main-container > section.inner {
        min-height: 100vh;
    }

    body.job-page .graph-type-container {
        display: block;
        top: 5px;
        left: 50%;
        transform: translate(-50%, 0);
        z-index: 5;
    }

    body.job-page .job-main-banner-right {
        margin-top: 0px;
        max-width: 100vw;
        overflow-x: hidden;
    }

    body.job-page .graph-job-wrapper {
        margin-top: 20px;
        max-width: 100vw;
    }

        body.job-page .graph-job-wrapper > .graph-job-container {
            padding-left: 40px;
            padding-right: 40px;
        }

    body.job-page .graph-job {
        transform: translate(-20px, 0);
    }

    .graph-job .graphic-job-description {
        max-width: 30px;
    }

    .job-main-banner-gauges-cols {
        display: block;
        max-width: 100vw;
    }

        .job-main-banner-gauges-cols .odd {
            margin-top: 15px;
        }

        .job-main-banner-gauges-cols .pair {
            margin-top: 60px;
        }
}

.resource-main-container .resource-module-text ol {
    padding-left: 30px;
    font-size: 13px;
}

.managerYear {
    margin-left: 28.5%;
}

.managerYear-label {
    width: auto;
    padding-right: 10px;
    color: rgba(38, 41, 46, 1);
}

.managerYear .custom-select {
    background-color: #e4edf4;
    height: 34px;
    width: 200px;
}

    .managerYear .custom-select i {
        color: #2c5e87;
    }

    .managerYear .custom-select:not(.open) > ul {
        border-bottom-style: none;
    }

.managerYear .select-list .placeholder.selected {
    padding: 5px 42px 9px 9px;
    color: #000000;
    font-size: 14px;
}


.managerYear .custom-select .fa-chevron-down:before {
    font-size: 18px;
}

@media (max-width: 1080px) {
    .managerYear {
        margin-left: 0px;
    }
}

.supervisorYear {
    margin-right: 139px;
    justify-content: flex-end;
}

.supervisorYear-label {
    width: auto;
    padding-right: 10px;
    color: rgba(38, 41, 46, 1);
}

.supervisorYear .custom-select {
    background-color: #e4edf4;
    height: 34px;
    width: 211px;
}

    .supervisorYear .custom-select i {
        color: #2c5e87;
    }

    .supervisorYear .custom-select:not(.open) > ul {
        border-bottom-style: none;
    }

.supervisorYear .select-list .placeholder.selected {
    padding: 5px 42px 9px 9px;
    color: #000000;
    font-size: 14px;
}


.supervisorYear .custom-select .fa-chevron-down:before {
    font-size: 18px;
}

@media (max-width: 1080px) {
    .supervisorYear {
        justify-content: flex-start;
    }
}

.yearFilter .select-list {
    z-index: 100;
}

.inner-manager {
    padding-bottom: 10px !important;
}

.filter-manager {
    float: right;
    margin-top:12px;
}

.filter-year-manager {
    padding-top: 74px;
}

.filter-simple-year-manager {
    padding-top: 38px;
}

.large-interface {
    max-width: 1370px !important;
}

.xl-interface {
    max-width: 1480px !important;
}

.manager-interface {
    max-width: 1240px;
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;
}

.filter-manager-orderBy {
    padding-top: 25px;
}

.manager-sort .select-list {
    padding-left: 0px !important;
}

    .manager-sort .select-list ul {
        max-height: 275px !important;
        border-bottom-color: #2A5CB8 !important;
    }

.historized-training {
    background-color: #f0f0f0;
    filter: grayscale(1);
}

.managerSort {
    min-width: 300px !important;
    z-index: 90;
}

.dropdown-sort {
    padding-left: 0px !important;
}

.list-mode .preview.default-course-preview .relaunch-banner {
    left: -6px !important;
}

.manager-page input[type=checkbox] + span:before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 50%;
    border-width: 1px;
    border-style: solid;
    margin-top: -8px;
    border-radius: 2px;
    border-color: #B6BBC3;
    background-color: #ffffff;
}

.manager-page input[type=checkbox] + span {
    display: inline-flex;
    box-sizing: border-box;
    position: relative;
}

    .manager-page input[type=checkbox] + span span:not(:empty) {
        padding: 5px 15px 5px 25px !important;
    }

    .manager-page input[type=checkbox] + span span:empty {
        display: inline-block;
        width: 16px;
    }

    .manager-page input[type=checkbox] + span i {
        display: none;
    }

.manager-page input[type=checkbox]:checked + span i {
    content: '';
    width: 16px;
    height: 16px;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8px;
    border-radius: 50%;
    text-align: center;
    font-size: 10px;
    line-height: 16px;
}

.manager-page input[type=checkbox]:checked + span .fa-check {
    display: block;
}

.manager-page input[type=checkbox] + span:before {
    border-color: #B6BBC3;
    background-color: #ffffff;
}

.manager-page input[type=checkbox] + span:hover:before {
    border-color: #336FDE;
}

.manager-page input[type=checkbox]:checked + span:before {
    border-color: #2A5CB8;
    background-color: #2A5CB8;
}

.manager-page input[type=checkbox]:checked:hover + span:before {
    border-color: #336FDE;
    background-color: #336FDE;
}

.manager-page input[type=checkbox]:checked + span i {
    color: #ffffff;
}

.manager-page input[type=checkbox][disabled]:checked + span:before {
    border-color: #CFD2D7;
    background-color: #F3F4F5;
}

.manager-page input[type=checkbox][disabled]:checked + span i:before {
    color: #B6BBC3;
}

.manager-relaunch {
    padding-left: 20px;
}

.imgWaitManager {
    margin-left: auto;
}

.managerSpace-user {
    min-width: 200px;
    max-width: 200px;
}

.managerSpace-banner {
    max-width: 100px;
}

.managerSpace-tag {
    margin-top: 8px;
    margin-bottom: 3px;
    padding-right: 20px;
}

    .managerSpace-tag .course-preview-tag {
        height: 16px;
    }

.managerspace-header .select-list:hover .placeholder {
    border-color: transparent;
}

.trainingUser-filter .custom-select ul {
    z-index: 200;
}

.managerStatus .custom-select ul {
    z-index: 2000;
}

.carousel-manual {
    width: 85%;
}

@media (max-width: 768px) {
    body.hideMenu.job-page .job-main-container > section {
        background-color: #FFFFFF;
        color: #26292E;
    }

    body.hideMenu.job-page .job-main-container h1,
    body.hideMenu.job-page .job-main-container h2,
    body.hideMenu.job-page .job-main-container h3,
    body.hideMenu.job-page .job-main-container p,
    body.hideMenu.job-page .job-main-container a,
    body.hideMenu.job-page .job-main-container a i,
    body.hideMenu.job-page .job-main-container a:hover i {
        color: #26292E;
    }

    body.hideMenu.job-page .job-main-container input {
        border: 1px solid #26292E;
    }

    body.hideMenu.job-page .graph-type-container .select-list .placeholder,
    body.hideMenu.job-page .graph-type-container .custom-select.open .select-list .placeholder,
    body.hideMenu.job-page .graph-type-container .select-list:hover .placeholder {
        border-color: #26292E;
        color: #26292E;
    }

    body.hideMenu.job-page .graph-type-container .custom-select i {
        color: #26292E;
    }

    body.hideMenu.job-page .graph-job .graphic-job-description {
        color: #26292E;
    }

    body.hideMenu.job-page .graph-job-wrapper {
        background-color: #FFFFFF;
    }

    body.hideMenu.job-page .graph-job-polygon.reach {
        stroke: #84ADF9;
        fill: #ECF3FF4D;
    }
}

a.cta-action.right {
    float: right;
    margin-top: 45px;
}

.select-list .placeholder.selected {
    font-size: 14px;
}

body.competencies-page .job-skills-container section {
    max-width: 940px;
}

body.competencies-page .job-skill-actions {
    min-width: 40px;
}

body.competencies-page .job-skill-status-gauge-bg:hover .job-skill-tooltip {
    display: block;
}


body.competencies-page .job-skill-status-gauge-bg .goal {
    right: 15px;
    width: 0px;
    height: 0px;
    border-width: 0px;
}

.xs-interface {
    max-width: 800px !important;
}

body.competencies-page .competencies-container {
    max-width: 940px;
    margin: 0 auto;
}

body.competencies-page .job-skills-container .job-skills-content h3 {
    margin-bottom: 40px;
}

body.competencies-page .job-skill-status-gauge:hover .job-skill-tooltip {
    display: block;
}

body.competencies-page .job-skill-status-gauge-bg {
    margin-left: 0%;
}

.my-stakes-container .news-wall-row .placeholder {
    background-color: #f3f7fa;
    height: 100%;
    display: flex;
}

.colored-row-container .my-stakes-container .news-wall-row .placeholder {
    background-color: #ffffff;
}

.my-stakes-container .news-wall-row .placeholder > img {
    width: 31px;
    margin: auto auto;
}

#sticky-container .qualiopi2 {
    padding: 15px;
    border-radius: 12px;
}

#sticky-container .qualiopi1 {
    padding: 15px;
    border-radius: 12px;
}

@media (max-width: 1280px) and (min-width: 1081px) {
    .resource-main-container.has-sidebar .resource-module-quiz {
        min-width: 75%;
    }
}

.qualiopi1 ul {
    padding-left: 15px;
}

.qualiopi1 h4,
.qualiopi2 h4 {
    font-weight: 600;
}

.qualiopi1 h4,
.qualiopi1 h4 {
    margin-bottom: 10px;
    margin-top: 10px;
}

#sticky-container #ContentPlaceHolder1_DivAnnexDescription hr {
    margin: 0;
    height: 1px;
}

.widget0612-home-stats .gauge-value {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-width: 20px;
    width: 180px;
    height: 180px;
    box-sizing: border-box;
    border-color: transparent;
}

.passeport-formation-title {
    background-color: #FFFFFF;
}

body.TrainingPrerequisite .inner {
    padding-left: 50px;
    padding-right: 50px;
}

body.TrainingPrerequisite Li {
    list-style-type: circle;
}

body.TrainingPrerequisite ul {
    padding-left: 40px;
    padding-top: 5px;
}

body.TrainingPrerequisite span#MainContentPlaceHolder_LblPreqTxt1 {
    font-weight: 700;
    font-size: large;
}

body.TrainingPrerequisite div#MainContentPlaceHolder_LblPreqList {
    line-height: 25px;
}

.my-stakes-container .generic-wall-container .news-wall-col.ending .news-wall-row {
    border-radius: 0px;
}

.list-mode .preview.course-preview,
.list-mode .preview.default-course-preview .image-container img {
    border-radius: 0px;
}

.list-mode .preview.default-course-preview .image-container {
    width: 152px;
    min-width: 152px;
    margin: 0px;
}

.col-lesson-menu-container .col-lesson-menu-sidebar,
.col-lesson-catalogue-main-container .col-lesson-menu-sidebar {
    border-radius: 0px;
}


.generic-wall-container .sub-categories-col .news-wall-small-row:first-child {
    margin-top: 10px;
}

.generic-wall-container .sub-categories-col .news-wall-small-row {
    border-radius: 0px;
}

.line-graph-wrapper .line-graph-horizontal-background .value {
    font-size: 12px;
}

.line-graph-wrapper .line-graph-horizontal-background .value {
    transform: translate(-77px,-50%);
    width: 100px;
}

.widget-launchableCoursesDisplay .following-content.generic-wall-container .list-mode.news-wall.widget-placeholder {
    width: 720px;
}

    .widget-launchableCoursesDisplay .following-content.generic-wall-container .list-mode.news-wall.widget-placeholder .news-wall-row .placeholder {
        width: 720px;
        height: 120px;
    }

#login input[type="text"] {
    margin-bottom: 1.5rem;
}

#login input[type="password"] {
    margin-bottom: 1.5rem;
}

#login .cta-container {
    margin-top: 2.5rem;
}

h3.simplified i:before {
    color: #7db9dd;
    margin-right: 10px;
}

.descr-annexe-part-1 ul,
.descr-annexe-part-2 ul,
.descr-annexe-part-3 ul {
    padding-left: 20px;
}

.descr-annexe-part-3 {
    border-top: 10px solid #FFFFFF;
    margin-left: -20px;
    padding-left: 20px;
    margin-right: -20px;
    padding-right: 20px;
    margin-top: 20px;
    color: #FFFFFF;
    background-color: #346a98;
    margin-bottom: -20px;
    padding-bottom: 20px;
}

    .descr-annexe-part-3 h4.simplified {
        color: #FFFFFF;
    }

.moduleNotActived {
    padding: 50px;
}

span#ContentPlaceHolder1_CommentsIntroduction {
    font-style: italic;
    margin-top: 8px;
}

.home-community-no-messages2 p {
    font-size: 16px;
    line-height: 24px;
}

.fa.fa-paper-plane {
    color: #e30613;
}

.cta-contextual3 {
    color: #e30613;
    border: 0px !important;
    background-color: #ffffff;
}

.home-community-message-container {
    min-width: 350px;
}

.resource-module-audio .resource-module-audio-content .resource-module-accordion .resource-module-accordion-header h5 {
    font-size: 16px;
    font-weight: bold;
    font-family: "Open Sans",sans-serif;
    margin-top: 5px;
}

.resource-module-audio .resource-module-audio-content .resource-module-accordion.open:before {
    background-color: #ffffff;
}

.resource-module-audio .resource-module-audio-content .resource-module-accordion-header .fa.fa-chevron-down,
.resource-module-audio .resource-module-audio-content .resource-module-accordion-header .fa.fa-chevron-right {
    border: none;
    font-size: small
}

.resource-module-audio .resource-module-accordion-group {
    padding: 10px 0px 5px 40px;
}

.resource-module-audio .resource-module-accordion-content.audioTranscript p {
    font-size: smaller;
    font-family: "Open Sans",sans-serif;
    padding-left: 15px;
}

.resource-module-audio span.resource-module-accordion-icon.minus {
    border: none;
}

.resource-module-audio span.resource-module-accordion-icon.plus {
    height: 18px;
    width: 18px;
}

.resource-module-audio .open .resource-module-accordion-content.audioTranscript {
    display: block;
    height: auto;
    min-height: 70px;
    max-height: 500px;
}

.resource-module-audio .resource-module-audio-content .resource-module-accordion-header .fa {
    display: block;
    width: 20px;
    min-width: 20px;
    height: 20px;
    line-height: 20px;
    box-sizing: border-box;
    font-size: 12px;
    border-style: solid;
    border-width: 1px;
    border-radius: 50%;
    text-align: center;
}

.RadCalendar .rcTitlebar .rcPrev, .RadCalendar .rcTitlebar .rcNext, .RadCalendar .rcTitlebar .rcFastPrev, .RadCalendar .rcTitlebar .rcFastNext {
    text-indent: -2px !important;
}
/* BUTTONS REVIEW */
.cta-contextual,
input[type='submit'].cta-contextual {
    border-radius: 8px;
}

div#divImgUrgentTrainingChart,
div#divImgLateTrainingChart,
div #divLateTrainingsNoData {
    margin-bottom: 12px;
    margin-top: 4px;
}

    div#divImgUrgentTrainingChart Img,
    div#divImgLateTrainingChart Img,
    div#divLateTrainingsNoData Img {
        height: 132px;
    }

.right {
    text-align: right;
}

input[type="text"].box-input {
    font-size: 14px;
    line-height: 30px;
    padding: 18px 10px;
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    border-radius: 6px;
    outline: none;
    -webkit-box-shadow: none;
    margin-top: 10px;
    margin-bottom: 0;
    min-width: 280px;
}

.input-icon.box-input i {
    margin-bottom: 5px;
    margin-right: 5px;
}

body.userCompetencies .course-followup-title-container.title-container.col-container.middle.managerspace-items.filter-competencies {
    width: 100%;
}

body.userCompetencies section.inner.filter-competencies {
    display: flex;
    justify-content: right;
}

i.fa.icon-competencies {
    margin-left: 10px;
    font-size: 14px;
    margin-right: 0px;
}

body.userCompetencies .main-container .colored-row-container > section,
body.userCompetencies .main-container > .single-column .colored-row-container > section {
    max-width: 1255px;
    padding: 5px 30px 40px 30px;
}

body.userCompetencies .inline-flex {
    display: inline-flex;
}

body.userCompetencies .table-list .header {
    padding: 10px 20px 5px 20px;
}

body.userCompetencies span.link-init div {
    margin-top: 8px;
}

body.userCompetencies .table-list-col.icon-sort {
    justify-content: flex-end;
}

.divFilter {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: 70%;
}

.select-list ul li.multiple-select-option .data-text {
    text-overflow: ellipsis;
    overflow: hidden;
}

.RadWindow_Default td.rwWindowContent.rwExternalContent,
.front-popup {
    background-image: url(/_assets/_front/image/waiting.gif);
    background-repeat: no-repeat;
    background-position: center;
}




.preference-categories-page .categorie-to-choose:hover {
    cursor: pointer;
    background-color: #e4e4e4;
}

.preference-categories-page .categorie-to-choose, .preference-categories-widget .categorie-to-choose {
    display: inline-block;
    border-radius: 10px;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    padding: 4px 8px;
    margin-right: 10px;
    margin-bottom: 10px;
    white-space: nowrap;
    border: 1px solid #7DB9DD;
    color: #7DB9DD;
}

.categories-popup-preference, .categories-widget-preference {
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    margin-left: 20px;
}

.preference-categories-page .categorie-to-choose .selected-option, .preference-categories-widget .categorie-to-choose .selected-option {
    display: inline-block;
    position: static;
    pointer-events: auto;
    line-height: 16px;
    padding-left: 5px;
    cursor: pointer;
}


.preference-categories-page #divTextBeforeStart {
    padding-left: 25%;
    font-weight: bold;
    font-size: 18px;
    width: 100%;
}

.preference-categories-page #divTextSelectPreferencies {
    padding-left: 25%;
    font-size: 16px;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 20px;
}

.preference-categories-page #divAvailableCategories {
    margin-bottom: 25px;
}


.preference-categories-widget #div-preference-category-title {
    padding-left: 20px;
    padding-bottom: 20px;
    font-weight: bold;
    font-size: 18px;
}

.preference-categories-widget .choose-action {
    padding-left: 20px;
    margin-top: 25px;
}

.preference-categories-page {
    overflow: hidden;
}



.notification-flash {
    background-color: #ff5454;
    color: #ffffff;
    padding: 10px;
    margin-bottom: 5px;
    position: relative;
    font-weight: bold;
}

    .notification-flash > div {
        margin: 0 auto;
        text-align: center;
    }

.notification-close {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    cursor: pointer;
}

/* ========== HTML REPORT ========== */
body.front-popup-body.report .report-block {
    padding: 20px;
    border-radius: 20px;
}

.report .report-block + .report-block {
    margin-top: 30px;
}

body.report .report-block h3.simplified {
    margin-top: 20px;
    margin-bottom: 0px;
}

.report .data-container .data-name {
    padding-left: 50px;
    text-align: right;
    padding-right: 20px;
    width: auto;
    max-width: none;
}

.report .data-container .data-value {
    font-weight: bold;
}

.report .data-container + .data-container {
    padding-top: 10px;
}

.report .report-grid {
    width: 100%;
    border-spacing: 0px;
}

.report .image-container,
.report .sound-container {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

    .report .image-container img,
    .report .sound-container audio {
        max-width: 60%;
        margin: 0 auto;
    }

.report .report-grid thead tr th:first-child, .report .report-grid tbody tr td:first-child {
    width: 300px;
    text-align: right;
    padding-right: 20px;
}

.report .report-grid thead tr th,
.report .report-grid tbody tr td {
    padding-top: 5px;
    padding-bottom: 5px;
}

.report .report-block h2 {
    margin-top: 50px;
    border-top: 1px solid #f3f7fa;
    padding-top: 20px;
    margin-bottom: 20px;
}

    .report .report-block h2:first-of-type {
        margin-top: 0px;
        border-top: 0px solid #ffffff;
        padding-top: 0px;
    }

.report-block h3 + .answer,
.report-block h3 + .report-question-body,
.report-block h3 + .report-question-prompt {
    margin-top: 10px;
}

.report-block .answer,
.report-block .report-question-body,
.report-block .report-question-prompt,
.report-block .essay-answer {
    margin-left: 50px;
    margin-right: 50px;
    padding: 8px;
    font-size: 16px;
}

    .report-block .answer + .answer {
        margin-top: 5px;
    }

    .report-block .answer.selected {
        border-radius: 10px;
    }

    .report-block .answer.correct {
        font-weight: bold;
    }

.report-block .feedback {
    margin: 10px 50px 0px 50px;
    border: 2px solid #000000;
    border-radius: 10px;
    padding: 10px;
}

.report-block.questions {
    page-break-before: always;
}

    .report-block.questions div + h2.simplified {
        page-break-before: always;
    }

/* ========== END HTML REPORT ========== */



.cta-contextual.disabled,
input[type='submit'].cta-contextual.disabled {
    opacity: 1;
}

.cta-action.default > .fa {
    border-width: 1px;
    border-style: solid;
}

.cta-contextual {
    border-width: 1px;
}

.cta-action.small > .fa {
    border: none;
    box-shadow: none;
}

.cta-action.small .fa + span {
    margin-left: 0px;
}

.cta-action-vertical-group {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
}

    .cta-action-vertical-group > .cta-action {
        flex-grow: 1;
        flex-basis: 100%;
        margin: 2px;
    }

.cta-action-small-group {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

    .cta-action-small-group > .cta-action,
    .cta-action-small-group > .nav-container {
        flex-grow: 1;
        flex-basis: 50%;
    }

    .cta-action-small-group > .nav-container {
        position: relative;
    }

    .cta-action-small-group > .inner-nav-container .nav-submenu {
        top: 25px;
        left: 10px;
        padding: 5px;
    }

.cta-contextual .fa.fa-spin,
.cta-action .fa.fa-spin {
    padding-right: 0px;
}

    .cta-contextual .fa.fa-spin + span,
    .cta-contextual .fa.hidden + span {
        padding-left: 4px;
    }

button > .fa-spinner {
    font-size: 18px;
}

.settings > li .fa,
.settings li .fa {
    padding: 0px 2px;
}

div.custom-select-container.large {
    max-width: 250px;
    min-width: 250px;
}

div.custom-select-container div.custom-select {
    border-width: 1px;
    border-style: solid;
    border-radius: 8px;
}

    div.custom-select-container div.custom-select .select-list:hover .placeholder,
    div.custom-select-container div.custom-select ul.select-list,
    div.custom-select-container div.custom-select:not(.open) > ul.select-list {
        border: none;
    }

    div.custom-select-container div.custom-select .select-list .placeholder {
        padding: 0px;
    }

div.custom-select-container .custom-select i {
    line-height: 27px;
}

.col-lesson-menu-content div.custom-select-container.large div.custom-select {
    width: 100%;
}

div.custom-select-container div.custom-select .select-list > li:not(.placeholder) {
    margin-left: -25px;
}

div.custom-select-container div.custom-select .select-list ul {
    margin-top: 5px;
    margin-left: 5px;
}

    div.custom-select-container div.custom-select .select-list ul li {
        min-height: 30px;
        padding: 0px 20px;
    }

    div.custom-select-container div.custom-select .select-list ul li {
        padding-left: 20px;
    }

div.custom-select-container div.custom-select .select-list {
    padding-left: 20px !important;
    border-width: 0px !important;
}

div.form-select-container .custom-select {
    position: relative;
    width: 100%;
    height: 42px;
    max-width: 400px;
}

    div.form-select-container .custom-select .select-list {
        position: absolute;
        width: 100%;
        top: 0;
        white-space: nowrap;
        font-size: 14px;
        height: 42px;
        padding: 5px 10px;
        line-height: 32px;
    }

    div.form-select-container .custom-select i {
        line-height: 42px;
    }

div.form-select-container div.custom-select .select-list ul {
    margin-top: 12px;
}

ul.settings li {
    padding: 5px;
}

div.custom-select-container:not(.form-select-container) {
    padding: 5px;
}

input[type=checkbox] + span:before {
    border-radius: 4px;
}

input[type=radio]:checked + span:after {
    width: 14px;
    height: 14px;
    left: 5px;
    margin-top: -7px;
}

a.optional-action:hover {
    text-decoration: none;
}

.form-field-container .form-label {
    display: block;
    margin-bottom: 5px;
}

.form-field-container + .form-field-container {
    margin-top: 10px;
}

.form-field-container input[type="text"],
.form-field-container input[type="password"],
.form-field-container textarea {
    width: 100%;
    border-width: 1px;
    border-style: solid;
    border-radius: 8px;
    line-height: 30px;
    box-sizing: border-box;
    padding-left: 20px;
}

.form-field-container textarea {
    padding: 10px 20px;
}

.form-field-container input[type="text"],
.form-field-container input[type="password"] {
    height: 42px;
}

    .form-field-container input[type="text"].long,
    .form-field-container input[type="password"].long,
    .form-field-container textarea.long {
        max-width: 400px;
    }

        .form-field-container input[type="text"].long.has-field-icon,
        .form-field-container input[type="password"].long.has-field-icon {
            padding-right: 50px;
        }

.form-field-container input + .form-field-icon {
    display: inline-block;
    margin-left: -30px;
}

.form-field-container input[type="text"].date-picker + .form-field-icon {
    pointer-events: none;
    cursor: pointer;
}

/* search box */
.SearchBoxWidget h4.overlay {
    padding-top: 10px;
}

.multiple-select-container .select-list ul, .multiple-select-container .select-list ul.ulSearchAutoComplete {
    margin-top: 8px;
}

.multiple-select-container .select-list .placeholder {
    width: 100%;
    text-overflow: unset;
}

section.catalog-main-search-container.colored-row-container > section.catalog-main-search-content > section.inner:not(.colored-row-container) {
    padding-left: 0px;
}

.catalog-search.search-container .placeholder input {
    height: 30px;
    font-size: 14px;
}

.catalogue-search-container .multiple-select-container .custom-select > .select-list .placeholder {
    height: 36px;
}

.catalogue-search-container .fa-search {
    position: absolute !important;
    top: -19px;
    font-size: 14px;
    line-height: 30px;
    height: 30px;
}

.markdown-textarea-container .markdown-textarea-validation .cta-contextual.primary {
    pointer-events: auto;
}

.form-field-container + .form-field-container:has(.form-select-container) {
    margin-top: 10px;
}

.catalogue-requests-search-filters {
    min-width: 350px;
}

.reset-filters-container {
    display: inline-block;
    margin-top: 10px;
}

.catalogue-requests-search-container {
    align-items: flex-start;
}

section section.inner.catalog-main-search-buttons {
    padding-top: 0;
    text-align: right;
    margin-top: -15px !important;
    padding-bottom: 25px;
}

.colored-row-container > .inner > .table-list > .header {
    padding: 10px 0px;
}

    .colored-row-container > .inner > .table-list > .header.title-container {
        justify-content: space-between;
        margin-top: -30px;
    }

@media(max-width:768px) {
    .cta-action {
        margin: 2px;
        border-width: 1px;
        border-style: solid;
    }

        .cta-action:not(.small) {
            width: 100%;
        }

        .cta-action.default > .fa {
            border-width: 0px;
        }

    .cta-action.small,
    .cta-action.small:hover {
        box-shadow:none !important;
    }

    .default-course-preview .cta-action:not(.small) {
        width:auto;
        border-radius:50%;
    }
}

.custom-select-container .custom-select.open > ul.select-list > li:not(.placeholder) {
    z-index:55;
}

.custom-select-container-category > .custom-select-category {
    width: 100%;
    max-width: 300px;
    text-decoration: none;
    color: var(--closed-dropdown-font-color);
    border: 1px solid var(--closed-dropdown-color);
    padding-left: 20px !important;
    padding: 5px 10px;
    font-size: 14px;
    height: 42px;
    line-height: 32px;
    border-radius: 8px;
}

.custom-select-container-category > .custom-select-category > .fa{
    top:7px;
    right:0px;
}

.form-field-container .chosen-categories {
    margin-left:0px;
}

.custom-select-container-category.active .category-tree {
    margin-left: 0px;
}

.cat-selected-option {
    cursor:default;
}

.message-box-options li a {
    padding: 0;
}

.RadWindow .rwDialogPopup a.rwPopupButton {
    height: 36px;
    line-height: 36px;
    border-radius: 8px;
    border-width: 1px;
    cursor: pointer;
    margin-top: 20px;
    font-weight: 600;
    font-size: 14px;
}

.RadWindow .rwDialogPopup a.rwPopupButton span {
    display:inline-block;
    cursor:pointer;
    line-height: 36px;
    height: 36px;    
}

.cta-container-horizontal .cta-contextual + .cta-contextual {
    margin-left: 20px;
}

@media screen and (min-width: 1025px) and (max-width: 1299px) {
    body.userCompetencies .table-list .table-list-col {
        width: 100% !important;
        padding: 10px;
        border-bottom-width: 2px;
        border-bottom-style: solid;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1299px) {
    body.userCompetencies .table-list .header {
        display: none;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1299px) {
    body.userCompetencies .table-list li {
        width: 100%;
        padding: 0;
        flex-direction: column;
    }
}
 
span.resource-sidebar-chapter-title { 
    position: absolute; 
    top: 0; 
}

.report .data-container .gauge-bar-container {
    max-width: 100%;
    margin-left: 50px;
    margin-right: 50px;
    margin-bottom: 15px;
}

.report .data-container .gauge-bar-container .gauge-bar-background {
    width:100%;
    height:8px; 
    display:flex;
}

.report .data-container .gauge-bar-container .gauge-bar-background .graduation {
    display:inline-block;
    width: 20%;
    height: 8px;    
    border-left: 1px solid lightgray;
    box-sizing:border-box;
    background-color: var(--colored-raw-color);
}

.report .data-container .gauge-bar-container .gauge-bar-value {
    height:8px; 
    background-color:#72CECC;
    opacity:0.5;
    margin-top:-8px;
}

.timeline-table a > .fa {
    font-size: 14px;
    /*padding-right: 8px;*/
}

.warningMessage {
    border-radius: 5px;
    padding: 10px;
    border: 1px solid var(--incorrect-color);
    background-color: var(--colored-raw-color);
}

body#login .warningMessage {
    max-width:400px;
}

.warningMessage .fa {
    color: var(--incorrect-color);
    padding:10px 20px 10px 10px;
}
.paddingR5 {
    padding-right: 5px;
}

.form-field-container.textarea.counterOpinion textarea{
    margin-bottom: 5px;
}
body.userCompetencyHistory .line-graph-wrapper .line-graph-horizontal-background .value {
    transform: translate(-77px, 75%);
    width: 100px;
}

body.userCompetencyHistory .requirement-zone {
    width: 530px;
    background: #ebfcd0;
    position: absolute;
    left: -12%;
}

body.userCompetencyHistory .line-graph-references.block {
    display: flex;
    flex-direction: column;
}

body.userCompetencyHistory .requirement-zone-legend {
    width: 25px;
    height: 10px;
    background: #ebfcd0;
}

body.userCompetencyHistory .line-graph-wrapper .line-graph-horizontal-background .value.percent {
    transform: translate(+500px, -80%);
    width: 100px;
}

body.job-page .job-skills-content .job-skills-details-list .job-skill-details .job-skill-list li .avatar .avatar-img {
    border-radius: 50%;
}
body.job-page li .avatar{
	width: 100%;
}
body.job-page .job-skills-content .job-skills-details-list .job-skill-details .job-skill-list .popover div {
    font-size: 14px !important;
    line-height: 20px !important;
}
body.job-page .job-skills-content .job-skills-details-list .job-skill-details .job-skill-list {
    align-items: flex-start;
}
body.job-page .job-skills-content .job-skills-details-list .job-skill-details .job-skill-list .popover {
    position: absolute;
    top: 0;
    transform: translate(-50%, calc(-100% - 2px));
}