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


.pointer {
    cursor: pointer;
}

.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%;
}
.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:inline-block; margin-top: 26px; margin-left: 15px;}
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 {
    font-weight:bold;
    text-align:center;
    font-size:24px;
}

.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;}
.educationalRessourceBody .educationalRessourceContainer .zone .questionZone {padding-left:80px;padding-right:80px;}
.educationalRessourceBody .educationalRessourceContainer .zone .questionZone .questionAnswerList {list-style-type: none; padding: 0;}
.educationalRessourceBody .educationalRessourceContainer .zone .questionZone .questionAnswerList .questionAnswer {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:#e8edf2;border-left-color:#346a98;border-radius:10px;}
.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.goodAnswer label,
.educationalRessourceBody .educationalRessourceContainer .zone .questionZone .questionAnswerList .questionAnswer.goodAnswer .answerIcon{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;}

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

.videoZone{position: relative;padding-bottom: 56.25%; }  
.videoZone iframe{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;
        /*padding-left: 118px;
        padding-right: 118px;
        padding-top: 53px;*/
        padding-left: 42%;
        padding-right: 42%;
        padding-top: 25%;
        /*padding-bottom: 54px;*/
        padding-bottom: 35px;
    }
    .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;
}

/************************ 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;
}
.divZonesParts {
 /*    background-color: #F5F5F5;
    border: 1px solid #DCDCDC;
    padding-bottom: 10px;
    margin-bottom: 10px; */
}

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

.divCreateZones {
    /* margin-left: 8px;
    margin-right: 16px; */
}

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: none;
}

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

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

    .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 .downloadFileName {
    display: inline-block;
    margin-top: 26px;
    margin-left: 0px;
}

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 */

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

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

#divProfil .select-list .placeholder.selected {
    font-size: 16px;
}

#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 input[type="password"].input-password {
    max-width: 200px;
    border: none;
}

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

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

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

/* 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;
}

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


/* 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;
}

.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: 100%;
    background-color: #eee;
    margin: 0;
    left: 0;
    bottom: 0;
    padding: 10px;
    z-index: 9999;
    text-align: center;
}

.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-3 {
    width: 20%;
}
.popup .cookie-form .col-container > div {
    padding-right:3px !important;
    padding-left:3px !important;
}

.popup .cookie-form .cookie-choice {
    background-color: #eee;
    height: 30px;
    padding-top: 15px;
    border-radius: 20px;
}

.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-next-btn {
    height: 60px;
    top: 174px;
    padding-left: 0px;
    border-radius: 50px;
    width: 60px;
    right: -21px;
}

.my-stakes-container .generic-wall-container .news-wall-previous-btn {
    height: 60px;
    top: 174px;
    padding-left: 0px;
    border-radius: 50px;
    width: 60px;
    left: -19px;
    display: block;
}

.my-stakes-container .generic-wall-container .news-wall-previous-btn i {
    padding-top: 6px;
    padding-left: 6px;
}

.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 .col-5.generic-news-carousel-content-banner-image {
    border: 1px solid #412761;
}

*::-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: 100%;
}

.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 {
    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: 138px;
	max-height: 130px;
	margin-right: 10px;
	
}

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

/**************************************************/
/* Print */ 
/**************************************************/

@media print {
	
	#cookieChoiceInfo {
		display: none !important;
	}
	.passeport-formation-footer {
		display: block;
	}
	/*.passeport-formation-footer:after {
		content: counter(page);
		counter-increment: page;
	}*/
	.passeport-formation-actions,
	.passeport-formation-header .img-container {
		display: none;
	}
	.passeport-formation-header .img-container-print {
		display: inline;
	}
	
	.login-content {
		width: 100% !important;
		margin: 0 !important;
		padding: 2rem !important;
	}
	.login-background {
		width: 0 !important;
	}
	#divLangChoice {
		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;
}

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