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: 4.5rem;
}

#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 {
    position: absolute;
    right: -90px;
}

#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: grid;
    grid-template-columns: 33% 33% 33%;
}

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 60px;
}

@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;
}
.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 ;
}

/* 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.7;
    background-color: #ffffff;
    position: absolute;
    top: 0px;
    left: 50%;
    width: 50%;
    height: 100%;
    background-image: url(/_assets/_front/image/waiting.gif);
    background-position:center;
    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:420px;
    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:300px;
    margin-left:25px;
    margin-right:25px;
}

.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: 1650px) {
    .header-content .manager-logo-container {
        top: -10px;
        left: 0px;
    }
}

@media (max-width: 1024px) {
    .header-content .manager-logo-container {
        top: 25px;
        left: 50px;
    }
}

.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;
}

.feedbackActionUsers_widget {
    overflow:auto;
    margin-bottom:20px;
}
.feedbackActionUsers_widget .list-mode {
   margin-top: 20px;
}
.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 {
    position: absolute;
    width: 100%;
    bottom: 40px;
    z-index: 1;
    left: calc(41.66% + 150px);
}

.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 #412761;
    height: 280px;
    width: 373px;
}

.generic-news-carousel .generic-news-carousel-content-banner-image img {
    height: 100%;
    width: 100%;
}

*::-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: -65px;
}



.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;
}

.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;
}

.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;
}

.cta-contextual {
    padding-left: 20px;
    padding-right: 20px;
    font-weight: 600;
}

.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;
}

.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;
}

.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 {
    padding-left:0px;
}

.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: -1px;
}

.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;
  font-size: 40px !important;
  text-align: center;
  margin: 10px;
  border-radius: 5px;
}

.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 {
	padding-left: 25%;
}

@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: 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;
    border-color: #7DB9DD;
    color: #7DB9DD;
}

.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 {
    top: calc(100% + 12px);
	min-height: 50px;
}

.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;
}

.filter-year-manager {
    padding-top: 90px;
}

.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;
}