/* Add here all your CSS customizations */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
@font-face {
    font-family: 'Segoe UI';
    src: url('../segoe/SEGOEUI.TTF');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Segoe UI light';
    src: url('../segoe/SEGOEUIL.TTF');
    font-weight: normal;
    font-style: normal;
}@font-face {
    font-family: 'Segoe UI bold';
    src: url('../segoe/segoeuib-1.ttf');
    font-weight: bold;
}
strong, b{
    font-family: 'DM Sans', 'Segoe UI bold', "Open Sans", Arial, sans-serif;
    font-weight:bold;
}
body {
    font-family: 'DM Sans', 'Segoe UI', "Open Sans", Arial, sans-serif;
}
.light {
    font-family: 'DM Sans', 'Segoe UI light', "Open Sans", Arial, sans-serif !important;
}
.dimmed{
    color: #465162!important;
}
/*ul.nav-main li .nav-children li a{*/
/*box-sizing:border-box;*/
/*}*/
/*ul.nav-main li .nav-children li a:hover{*/
/*border-left: 2px solid #437DFF;*/
/*}*/
.main-sidebar ul.nav-main li a:hover{
    color:#437DFF!important;
}
.fullwidth-img{
    width:100%
}
.blue{
    color:#0E0E11!important;
}
.img-circle{
    border-radius: 100%;
    -moz-border-radius:100%;
    -ms-border-radius:100%;
}
.secondary-color{
    color:#ffad00!important;
}
.secondary-background{
    background:#ffad00!important;
    border-color: #ffad00 !important;
}
.tertiary-color{
    color:#2BAAB1!important;
}
.tertiary-background{
    background:#2BAAB1!important;
    border-color: #2BAAB1 !important;
}
.quartenary-color{
    color:#734ba9 !important;
}
.quartenary-background{
    background:#734ba9 !important;
    border-color: #734ba9 !important;
}
.five-color{
    color:#CA38FF !important;
}
.five-color-background {
    background:#e36159 !important;
    border-color: #e36159 !important;
}
.btn-file-custom {
    position: relative;
    overflow: hidden;
}
.btn-file-custom input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.icon-secondary{
    width: 80px;
    height: 80px;
    line-height: 80px!important;
    background: #ffad00;
    color: white;
    border-radius: 200px;
    margin-top: 20px;
}
.icon-tertiary{
    width: 80px;
    height: 80px;
    line-height: 80px!important;
    background: #2BAAB1;
    color: white;
    border-radius: 200px;
    margin-top: 20px;
}
.icon-quartenary{
    width: 80px;
    height: 80px;
    line-height: 80px!important;
    background: #734ba9;
    color: white;
    border-radius: 200px;
    margin-top: 20px;
}
.icon-five{
    width: 80px;
    height: 80px;
    line-height: 80px!important;
    background: #e36159;
    color: white;
    border-radius: 200px;
    margin-top: 20px;
}

.no-margin{
    margin:0!important;
}
.no-decoration li{
    list-style-type:none;
}
.bold{
    font-family: 'DM Sans', 'Segoe UI bold', "Open Sans", Arial, sans-serif;
    font-weight:bold;
}
.inline{
    display:inline-block;
}
.white{
    color:white!important;
}
.lighter{
    font-weight: lighter;
}
.uppercase{
    text-transform:uppercase;
}
.center-align{
    text-align:center;
}
.center-align-block{
    margin:0 auto;
}
.upload-image-icon {
    font-size: 28px;
    margin-top: 8px;
    /*padding: 16px 40% 16px 40%;*/
    border-radius: 3px;
    /*color: #437DFF;*/
    color:white;
}
.canvasUploadBtn-css {
    /*background:#5bc0de;*/
    background:#437DFF;
    font-size: 28px;
    width: 100%;
    margin: 0 auto;
    /*box-shadow: rgba(0, 0, 0, 0.298039) 0px 2px 2px 0px;*/
}
.canvasUploadBtn-css:hover {
    background: #0099e6;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
}
.remove-block-controls{
    position: absolute;
    top: -12px;
    left: 10px;
    background: #437DFF;
    width: 20px;
    height: 20px;
    border-radius: 50px;
    color: white;
    margin-left: 0px;
    display:none;
    z-index:1;
    box-shadow: rgba(0, 0, 0, 0.298039) 0px 2px 2px 0px;
}
.remove-block-controls i{
    margin-left: 5px;
    position: relative;
    top: -1px;
}
.remove-block-controls span{
    position: relative;
    top: -1px;
    margin-left: 5px;
}
.activeDroppable{
    background: grey;
}
.hoverDroppable{
    background: black;

}
.user-info i{
    padding-top: 10px;
    width: 40px;
    height: 40px;
    text-align: center;
    background: #f6f6f6;
    border-radius: 1000px;
    font-size: 20px;

}
.user-details-additional-info .fa-user-custom{
    background: white;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50%;
}
.user-details-additional-info1 .fa-user-custom{
    background: #f6f6f6;
    border:2px solid #f6f6f6;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.user-details-additional-info1 .fa-user-custom:hover{
    background: #437DFF;
    color: white!important;
    border-width: 6px;
    line-height: 54px;
    opacity: 1;
}

.user-info span , .user-info a{
    color:white;
}
.user-label label{
    margin-top: 7px;
    font-weight: bold;
}
.userbox .profile-picture img {
    width: 35px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    color: transparent;
}
.round-image-container{
    width:270px;
    height:335px;
    overflow:hidden;
    background: #FFFFFF;
    border-radius: 14px;
}
.round-image-container img{
    width: 100%;
    object-fit: none;
}
.thumb-info .thumb-info-title {
    background: rgba(36, 27, 28, 0.6);
}
.media-gallery .mg-files .thumbnail .mg-title {
    width: 100%;
    white-space: normal;
    overflow: hidden !important;
    text-overflow: initial;
    height: 4rem;
    font-size:1.5rem;
}

.panel-heading-icon {
    margin: 0 auto;
    font-size: 42px;
    font-size: 4.2rem;
    width: 50px;
    height: 50px;
    line-height: 42px;
    text-align: center;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 55px;
    border-radius: 55px;
}
.nav-expanded a, .nav-parent a:hover{
    color:#437DFF!important;
}
.multiple-multiple-choice-draggable-area{
    background-color: white;
    border: 1px solid #FFF;
    display: block;
    /*text-align: center;*/
    border: 1px dotted #9BD7F5!important;
}
ul.widget-todo-list li {
    border-bottom: 1px dotted #ddd;
    padding: 15px 15px 15px 15px;
}
.panel-group {
    margin-bottom:0px;
}
.panel-group .panel-accordion .panel-heading a {
    background: #F7F7F7;
    border-radius: 0;
}
.label-primary[href]:hover, .label-primary[href]:focus {
    background-color: #F8F8F8;
    border: 1px solid #3A6DFF;
    border-radius: 100px;
    /* padding: 8px; */
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    color: #0E0E11;
}
.label-primary {
    background-color: #F8F8F8;
    border: 1px solid #3A6DFF;
    border-radius: 100px;
    /* padding: 8px; */
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    color: #0E0E11;
}
.branch-number-js:hover, .branch-number-js:focus{
    background-color: #3071a9;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.remove-branch-js{
    background-color:#437DFF;
    color:white
}
.remove-branch-js:hover{
    color:white;
    cursor:pointer;
}
.inner-toolbar > ul > button {
    border-right: 1px solid #121418;
}
html.sidebar-right-opened .inner-wrapper {
    margin-left: 0px;
}
.sidebar-right , html.fixed.sidebar-right-opened .page-header , html.fixed.sidebar-right-opened .inner-toolbar{
    transition: margin-right .2s ease;
    background:rgba(0, 0, 0, .9);
}
html.fixed .inner-menu{
    transition: left .3s ease!important;
}
html.fixed.inner-menu-opened .inner-body, html.scroll.inner-menu-opened .inner-body, html.boxed.inner-menu-opened .inner-body {
    transition: margin-right .3s ease;
}
html.fixed.inner-menu-opened .inner-menu {
    left: 0!important;
}


html.fixed .inner-menu, html.scroll .inner-menu, html.boxed .inner-menu {
    display: block!important;
    left: -300px!important;
}
/* preview styles */

.preview .show-grid-block{
    border:none;
}
.preview html.fixed .inner-body {
    /*margin-top: -242px;*/
}
.inner-menu-opened #expanded-pptpdf-submenu{
    left: 280px!important;
}

/* FIX EXPANDED MENU BIG SCREENS */

/*Resolution gt 1366 - Show Inner Menu */
@media only screen and (min-width: 1366px) {
    html.fixed .inner-menu,
    html.scroll .inner-menu,
    html.boxed .inner-menu {
        display: none;
    }

    html.fixed .inner-menu-toggle,
    html.scroll .inner-menu-toggle,
    html.boxed .inner-menu-toggle {
        display: block;
    }

    html.fixed .inner-body,
    html.scroll .inner-body,
    html.boxed .inner-body {
        margin-left: 0;
    }

    html.fixed .content-with-menu-has-toolbar .inner-toolbar,
    html.scroll .content-with-menu-has-toolbar .inner-toolbar,
    html.boxed .content-with-menu-has-toolbar .inner-toolbar {
        padding-left: 140px;
    }

    html.fixed.inner-menu-opened .inner-menu,
    html.scroll.inner-menu-opened .inner-menu,
    html.boxed.inner-menu-opened .inner-menu {
        display: block;
    }

    html.fixed.inner-menu-opened .inner-menu-toggle,
    html.scroll.inner-menu-opened .inner-menu-toggle,
    html.boxed.inner-menu-opened .inner-menu-toggle {
        display: none;
    }

    html.fixed.inner-menu-opened .inner-body,
    html.scroll.inner-menu-opened .inner-body,
    html.boxed.inner-menu-opened .inner-body {
        margin-right: -300px;
    }

    html.fixed.inner-menu-opened .content-with-menu-has-toolbar .inner-toolbar,
    html.scroll.inner-menu-opened .content-with-menu-has-toolbar .inner-toolbar,
    html.boxed.inner-menu-opened .content-with-menu-has-toolbar .inner-toolbar {
        padding-left: 0;
    }

    html.fixed.inner-menu-opened .inner-body {
        margin-left: 300px;
    }

    html.scroll .content-with-menu:before,
    html.boxed .content-with-menu:before {
        display: none;
    }

    html.scroll.inner-menu-opened:before,
    html.boxed.inner-menu-opened:before {
        display: block;
    }
    html.fixed .inner-menu-toggle-inside{
        display:block;
    }
    html.fixed.inner-menu-opened .inner-menu{
        left:0;
    }
    html.fixed .content-with-menu .inner-toolbar{
        left:0!important;
    }
}
.toggle-user-rights{
    display:inline;
}
.toggle-user-rights-mobile,
.logout-other-user-mobile-li{
    display:none!important;
}
@media all and (max-width: 1400px) and (min-width: 0px) {
    .mobile-device .hide-me-when-on-mobile{
        display:none;
    }
    .mobile-device .toggle-user-rights, .mobile-device  .logout-other-user{

        display:none;
    }
    .mobile-device .toggle-user-rights-mobile,.mobile-device  .logout-other-user-mobile{
        display:block!important;
    }
    .mobile-device .logout-other-user-mobile-li{
        display:flex!important;
    }
    .mobile-device .puzzle-display .t , .mobile-device .right-puzzle-data .puzzle-display .r{
        display: none;
    }
    
    .mobile-device .left-puzzle-data .puzzle-display.puzzle-start-connect .r {
        background: lightblue;
    }
    
    .mobile-device .left-puzzle-data .puzzle-display.puzzle-connected .r {
        background: lightcoral;
    } 
    
    .mobile-device .left-puzzle-data .puzzle-display .r {
        display: block;
    }
    
    .mobile-device .left-puzzle-data .puzzle-display .l {
        display: none;
    }
    
    .mobile-device .puzzle-other {
        opacity: 0.7;
    }

}

@media only screen and (min-width: 768px){
    html.fixed.sidebar-right-opened.inner-menu-opened .inner-menu-toggle, html.fixed.sidebar-right-opened.inner-menu-opened .inner-toolbar {
        left:0px
    }
    .hide-me-when-on-desktop{
        display:none;
    }
}


@media all and (max-width: 1400px) and (min-width: 700px) {
    .mobile-device .preview-html .right-wrapper .breadcrumbs{
        display:none!important;
    }

}


/* FRONT */

/*.custom-border-form .form-group {
    border-left: 3px solid #437DFF;
    border-radius: 4px;
}*/
.bxslider > li {
    float: left;
    listStyle: none;
    position: relative;
}

.preview-html .remove-block-controls{
    display:none !important;
}

.alert-warning {
    color: white;
    margin-top: 20px;
    background-color: #437DFF;
    border-color: #437DFF;
}

.panel-sign{
    padding-top:52px;
}

.dropzone .tools {
    z-index: 980!important;
}

.page-header {
    z-index: 991;
}
.content-player .page-header, .demo-player .page-header {
    z-index: 991!important;
}
blockquote:before , blockquote:after{
    content:none!important;
}
.public-preview-upload-image{
    max-width:300px;
    margin-bottom:10px;
    margin-right:5px;
    clear:both;
    border-radius:6px;
    border:1px solid #ccc;
    display: none;
    max-height: 300px;
}
.media-gallery .mg-files .thumbnail .thumb-preview {
    position: relative;
    z-index: 2;
    height: 15em;
    overflow: hidden;
}
.media-gallery .mg-files .thumbnail .thumb-preview img{
    border-radius:2px;
}
.sidebar-public .nav-parent li a {
    color:#abb4be!important;
}
.sidebar-public .nav-parent li a:hover , .sidebar-public .nav-parent:active  {
    color:#437DFF!important;
}
.sidebar-public .nav-children {
    color:#abb4be!important;
}
.sidebar-public .nav-children li a:hover , .sidebar-public .nav-children li a:active  {
    color:#437DFF!important;
}
.content-description-subtitle{
    display: block;
    width: 100%;
    height: 3.5em;
    /*background:#eee;*/
    border-radius:4px;
    overflow-wrap: break-word;
}

.mg-title-custom{
    margin: 13px 0 2px;
    padding-bottom: 2px;
    display: inline-block;
    font-size: 18px;
    font-size: 1.8rem;
}
.new-content-icon-placeholder i{
    display:block;
    text-align:center;
    color:#437DFF;
    line-height: 5em;
}
.new-content-overlay{
    visibility: visible!important;
    background:none!important;
    border:1px dashed #437DFF;
    border-radius:4px;
}
#content_requirements_ul , #content_goals_ul , #target_audience_ul{
    padding-left: 0;
    list-style-type: none;
}
#content_requirements_ul input , #content_goals_ul input , #target_audience_ul input{
    width:90%;
    margin-right:2%;
    float:left;
}
#content_requirements_ul button , #content_goals_ul button , #target_audience_ul button{
    width: 8%;
    min-height:34px;
}
.form-control {
    border-radius: 2px;
    transition: unset;
}
.form-control-custom{
    display: inline;
    width: auto;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 18px;
    /* color: #555; */
    background-color: #fff;
    background-image: none;
    /* border: 1px solid #ccc; */
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.dl-horizontal dt {
    text-align: left;
}
.Italic{
    font-style: italic;
}

/* users */
.advanced-filtering-tag{
    color:#33353f;
}
.advanced-filtering-column{
    padding-right:40px;
}

/* advanced filtering tabs */


.filtering-ul , .filtering-ul li ul{
    list-style-type:none;
    background:white;
    padding-left:0;
    clear: both;


}
.filtering-ul li{
    margin: 5px 0;
    padding: 6px 10px;
    color: #333;
    text-decoration: none;
    font-weight: 600;
    border: 1px solid #CCC;
    background: #F6F6F6;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display:block;
}

.filtering-ul input{
    margin-right: 5px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.filteringul li ul li{
    background:white;
}
.filtering-ul li:hover{
    color:#437DFF;
    cursor:pointer;
}

/* learner */

#usersManageTable{
    width:100%!important;
}

.fc-event {
    background: #437DFF;
    border-color: #437DFF;
    border-radius: 4px;
    color: white;
}
.Italic{
    font-style: italic !important;
}
.widget-summary .summary .title , .widget-summary.widget-summary-sm .summary .title {
    /* For Firefox */
    word-break: initial;
    word-wrap: break-word;

    /* For Chrome and IE */
    word-wrap: break-word;
}
/* notifications */
#createNotifications .tabs{
    margin-bottom:0;
}
#createNotifications .nav-tabs{
    border-bottom:none;
}
#createNotifications .tab-content{
    border-radius:4px;
}
.z-index-over-modal {
    z-index: 10010;
}
.modal-header-custom{
    color:white;
    background:#437DFF;
}
.modal-header-info {
    color:white;
    background: #5bc0de;
}
.modal-header-warning {
    color:white;
    background: #d2322d;
}
.modal-block-custom {
    text-align: left;
    /* notifications view fits */
    max-width: 675px;
    margin: 40px auto;
    position: relative;
}
.ui-pnotify .ui-pnotify-shadow{
    min-height: 16px;
    background: rgba(0,136,204,.9);
    color: white;
    box-shadow: none;
    overflow-wrap: break-word;
    border:none;
    border-radius:8px;

}
.ui-pnotify-sticker{
    display:none;
    visibility:hidden!important;
}
.notification-danger .ui-pnotify-shadow{
    min-height: 16px;
    background: rgba(210, 50, 45, .9);
    color: white;
    box-shadow: none;
    overflow-wrap: break-word;
    border:none;
    border-radius:8px;

}
.select2-dropdown-open [class^=select2-choice] {
    z-index: 4555555!important;
}
.glyphicon{
    display:none;
}
.ui-pnotify-icon, .ui-pnotify-icon span {
    display: block;
    float: left;
    margin-right: .2em;
    font-size: 40px;
    margin-top: 0px;
}
.cert-active-li{
    background: #437DFF;
}


/* custom datatables */
div.dataTables_filter label {
    float: left;
}
div.dataTables_length label {
    float: right;
    text-align: left;
}

/* assessments */


.assessment-divider {
    display: block;
    width: 100%;
    background: #437DFF;
    border-radius: 4px;
    color: white;
    padding: 5px;
    margin: 20px 0;
}
.assessment-divider h5{
    margin:0;
}
.assessment-specific-panel{
    border:none!important;
    margin-bottom:0!important;
    border-radius: 4px;
    background:white;
}

.assessment-specific-panel blockquote {
    border-left: 0px solid #eee;
}

.panel-assessments .panel-actions a{
    width:110px;
    cursor:pointer;
}

.panel-actions-custom{
    float: right;
}
.inlineEditor-js h2:hover{
    /*margin:-1px;*/
}
.inlineEditor-js h2{
    font-family: "Open Sans", Helvetica, Arial, Verdana, sans-serif;
    padding: 10px;
    margin: 0;
    /*color:#33353f;*/
    border:1px solid transparent;
    font-size:48px;
    font-size:3rem;
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    overflow-wrap: break-word;
}

/* courses */
.mg-end-date{
    /*background: #f6f6f6;*/
    line-height: normal;
}
.mg-end-date hr{
    margin:0;
}
.wizard-progress .steps-progress {
    margin-left: 10%;
    margin-right: 10%;
}
.wizard-progress.wizard-progress-lg {
    margin: 0 0 0;
}
.course-description-icon{
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px!important;
    background: #f6f6f6;
    color: #437DFF;
    border-radius: 100%;
}
.course-detail-user-img{
    width:150px;
    border-radius:4px;
    margin-bottom:10px;
}
.course-certified-ribbon-parent{
    position: relative;
    overflow: hidden;
}
.course-certified-ribbon{
    position: absolute;
    display: inline-block;
    left: -37px;
    text-align: center;
    text-transform: uppercase;
    top: 18px;
    background: #d2322d;
    width: 130px;
    padding: 3px 10px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    color: white;
    font-weight: bold;
    font-size: 10px;
    z-index: 100;
}
.course-status{
    text-align:center;
    text-transform:uppercase;
    font-weight:bold;
}
@media only screen and (min-width: 768px){
    html.fixed .content-with-menu-has-toolbar .inner-body {
        border-top-width: 130px;
    }

    .player-inner-body{
        padding:50px 0 80px 40px;
    }
}
@media only screen and (max-width: 767px)
{
    .mobile-device .inner-body {
        padding: 10px 15px 0;
    }
    .logo{
        max-width: 75%;
        height: auto;
    }
    .logo img{
        max-width: 100%;
        /*height: auto;*/
    }
}

/* content */
@media (min-width: 700px){
    .content-player .inner-body, .demo-player .inner-body, .demo-player .inner-body, .demo-player .inner-body{
            /*margin-top: -190px!important;*/
    }
    .content-player.sidebar-right-opened .inner-body, .demo-player.sidebar-right-opened .inner-body{
        margin-right:310px;
    }
}
@media (min-width: 1400px){
    .media-gallery .col-lg-custom-4 {
        width: 25%;
    }
}

ul.nav-main li .nav-children li.nav-active > a {
    color: #437DFF!important;
}
.ui-slider-width {
    min-width: 200px;
    width: 20%;
}

/* course new */

.course-dropdown ul{
    background: rgba(255,255,255,.9);
    border-radius: 4px;
    padding: 9px;
    position: absolute;
    width: 360px;
    /*width:350px;*/
    right: -8px;
    top: -10px;
    border: 1px solid lightgrey;
}
.course-search label {
    float: none!important;
    width:100%!important;
}
.course-divider{
    display:block;
    width:100%;
    background: #f6f6f6;
    border-radius:4px;
    color:#437DFF;
    padding:5px;
    margin:20px 0;
}
.course-divider h5{
    margin:0;
    text-transform: uppercase;
    font-weight:bold;
}
.course-stats-container{
    border-radius:4px;
    margin-bottom:0!important;
    height: 95px;
}
.course-stats-container:hover{
    transition: background-color 0.5s ease;
    background-color:white!important;
}
.course-stats-container h1{
    margin-top: 0;
    height: 85px;
}
.multiselect-container.dropdown-menu{
    overflow-y: auto;
    height: 300px;
}
.select2-drop-active {
    z-index: 10000000;
}
.course-create-modal .form-group{
    border-radius: 4px;
    background: #f6f6f6;
    padding: 20px;
    text-align: center;
    border:2px solid #f6f6f6;
}
.trigger-ecourse:hover , .trigger-classical:hover , .trigger-blended:hover{
    cursor:pointer;
    background:white!important;
    border:2px solid #f6f6f6;
}
.error-header .logo img{
    width:100%!important;
    height:auto!important;
}
label.error {
    position: absolute;
    left: 50px;
    z-index: 100;
    top: 4px;
}
.datepicker.dropdown-menu {
    z-index: 10010000!important;
}
.well {
    min-height: 20px;
    margin-bottom: 20px;
    background-color: #f6f6f6;
    border: 0px solid #e3e3e3;
    border-radius: 4px;
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, .05);
}
.checkbox-course input[type="checkbox"]:checked + label:after {
    position: absolute;
    display: inline-block;
    font-family: 'FontAwesome';
    content: '\F00C';
    top: 50%;
    left: 0px;
    margin-top: -5px;
    font-size: 11px;
    line-height: 1;
    width: 16px;
    height: 16px;
    color: white;
}
.course-number-attempts input{
    width:90%;
    display:block;
    margin:0 auto;
    text-align:center;
}
.course-number-attempts label{
    display:block;
    text-align:center!important;
    text-transform:uppercase;
}
#tableSort{
    height:30px!important;
}
.course-sorting #tableSort{
    height:30px!important;
    width: 80%;
}
.course-prerequisite-container .btn-group , .course-prerequisite-container .btn-group button{
    display:block;
    width:100%;
}
.course-title-custom{
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}
/* modal */
.modal-open .modal {
    z-index: 10000000;
}
.modal-body .tabs{
    /*margin-bottom: 0;*/
}
.content-body{
    padding:16px;
}
.content-player .content-body, .demo-player .content-body{
    padding:10px;
}



.content-player .page-header, .demo-player .page-header{
    box-shadow:none;
}
.content-player .page-header h2, .demo-player .page-header h2{
    border-bottom:0px;
}


.content-player .mainarea .demo-player .mainarea{
    max-width: 1366px;
    margin: 0 auto;
}
/* courses reporting dashboard custom timeline */
.courses-columns{
    width:70%;
    height:200px;
    position:fixed;
    padding-left:0;
}
.courses-list li{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.courses-list li:hover{
    background:white;
}
.courses-columns li:first-child{
    border:0;
}
.courses-columns li{
    width:10%;
    list-style-type:none;
    /*height:100%;*/
    display:inline;
    float:left;
    border-left:2px dotted #F6F6F6;
    position:relative;
    height: 244px;
    padding-top: 0 !important;
    margin-top: -18px !important;
}

.courses-columns li div{
    position:absolute;
    bottom:-20px;
    left:-7px;
}
/**/

.dotdotdot{
    overflow-wrap: break-word;
}
.body-sign .panel-sign .panel-body {
    background: rgba(255,255,255,.95)!important;
}

/* reporting */

.rep-dash-cont-1 , .rep-dash-cont-2{
    border:2px solid #f6f6f6;
    border-radius:4px;
    background:#f6f6f6;
}
.rep-dash-cont-1:hover , .rep-dash-cont-2:hover{
    border:2px solid #437DFF;
}
.rep-dash-cont-1{
    height:200px;
    padding-top: 45px;
}
.rep-dash-cont-2{
    height:92px;
}
.rep-course-container{
    border:2px solid #f6f6f6;
    background: #f6f6f6;
    border-radius:4px;
    padding:20px;
    position:relative;
    max-height:250px;
    overflow-y:scroll;
}
.courses-timeline{
    background:white;
    min-height:200px;
    border-radius:4px;
    position:relative;
}
.courses-timeline li{
    padding:5px 5px 5px 10px;
}
.courses-columns li{
    padding: 0!important;
}
.courses-list li{
    padding:5px;
    border-radius:4px;
}
.inner-timline{
    border-radius:4px;
    display:none;
    background:#437DFF;
    height:22px;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 8px;
    left: 100%;
    margin-top: -7px;
    margin-left: 0px;
    /* -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px; */
    box-shadow: 0px 0px 24px 0px #00000014;
    border-top-left-radius: 0px;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 0px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: "\e936";
    float: right;
    /* width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc; */
    /* margin-top: 3px; */
    margin-right: 0px;
    /* width: 10px;
    height: 10px;
    border: solid black;
    border-width: 0 2px 2px 0;
    transform: rotate(-45deg); */
    font-family: "iconsax" !important;
    align-self: center;
    height: 20px;
    font-size: 20px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

/* messages timeline */
.received-message {
    border-color: #ed9c28!important;
    color: #ed9c28!important;
}


.timeline .tm-body:after {
    left: 170px;
}
.timeline .tm-items > li {
    padding: 0px 0 0 220px;
}
.timeline .tm-items > li .tm-icon {
    left: 170px;
}

/*.circular-bar canvas{
    width: 200px;
    height: 200px;
}*/
.learner-dashboard-circular-bar canvas{
    width:100px;
    height:100px;
}
.learner-dashboard-circular-bar{
    margin-top:0;
    margin-bottom:0;
}
.learner-dashboard-circular-bar label{
    font-weight: bold;
    top: 40%;
    left: 12%;
}
.learner-last-course-no{
    text-align: center;
    padding: 4.7em;
}

/* ecommerce */

.content-details-video-icon{
    position: absolute;
    padding-top: 28%;
    text-align: center;
    width: 100%;
}
.content-details-video-icon i{
    color: rgba(0, 204, 8, 0.84);
    font-size:12rem;
}
.content-details-video-icon i:hover{

    color: rgba(0, 136, 204, .9);
}
.panel-group .panel-accordion .panel-heading a {
    border-radius: 2px!important;
}
.panel-group .panel {
    border-radius: 2px!important;
}
.ecommerce-nav{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    background: unset !important;
    width: 100%;
    padding: 0px !important;
}
.ecommerce-nav ul{
    text-decoration: none;
    text-align:right;
    font-size: 0px;
}
.ecommerce-nav li{
    display:inline-block;
    font-size: 16px;
    line-height: 20px;
    margin-left: 8px;
}
.ecommerce-nav li a:hover{
    color: #0E0E11 !important;
    font-weight: 400;
	/* text-shadow: 0 0 1px black; */
}
.ecommerce-nav-fixed{
    position: fixed;
    top: 60px;
    z-index: 10000;
    box-shadow: none !important;
}
.catalogue-item .thumbnail:hover{
    box-shadow: 0px 0px 8px 1px #0000000A !important;
    transition: none;
    border: unset !important;
    outline: 5px solid #F8F8F8;
}
.catalogue-item .mg-title:hover{
    text-decoration: underline;
}
.media-gallery .mg-files .thumbnail{
    border-radius:2px;
}
.media-gallery .mg-files .thumbnail .thumb-preview .mg-thumb-options .mg-toolbar {
    background-color: rgba(0, 136, 204, .7);
}
.media-gallery .mg-files .thumbnail .thumb-preview .mg-thumb-options .mg-zoom {
    background-color: transparent;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
}
.media-gallery .mg-files .thumbnail .thumb-preview .mg-thumb-options .mg-zoom:hover {
    background-color: #3A6DFF !important;
}
.media-gallery .mg-files .thumbnail .thumb-preview .mg-thumb-options .mg-zoom-left {
    background-color: transparent;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
}
.media-gallery .mg-files .thumbnail .thumb-preview .mg-thumb-options .mg-zoom-left:hover {
    background-color: rgba(0, 136, 204,.7);
}
.pricing-table h3 span{
    /*width:150px!important;
    height:150px!important;*/
}
.content-detail-enrolled-students, .content-detail-star-rating-2{
    /*background: #f6f6f6;*/
    padding: 5px;
    border-radius: 4px;
}

.catalogue-head-image-container{
    background: url('../images/shutterstock_knowledge.jpg');
    background-size:cover;
    border-radius:2px;
}
.private-catalogue-head-image-container{
    background: url('../images/shutterstock_knowledge.jpg');
    background-size:cover;
    border-radius:2px;
    padding: 0 0 20px 30px;
    background-position:0px -220px;
    height:200px;
}
.catalogue-head-text{
    background-color: rgba(0, 136, 204,.5);
    padding: 90px 50px 50px 50px;
    margin: 60px;
    text-align: center;
    color: white;
    border-radius:4px;
}

.content-detail-checkout{
    background:#f6f6f6;
    border-radius:4px;
    text-align:center;
    padding:20px;
}

.catalogue-item .mg-title{
    width: 100%;
    white-space: normal;
    overflow: hidden !important;
    text-overflow: initial;
    margin: 13px 0 2px;
    padding-bottom: 2px;
    display: inline-block;
    font-size: 1.45rem;
    font-weight:600 !important;
    height: 5rem;
    color:#777 !important;


}
.content-store-headline{
    background: #437DFF;
    padding: 10px;
    color: white;
    text-transform: uppercase;
    border-radius: 4px;
}
.catalogue-divider{
    background: white;
    padding: 5px;
    border-radius: 4px;
}
.header-item-open-overlay{
    display: none;
    background: rgba(0,0,0,.2);
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 60px;
}
.catalogue-sidebar-container{
    background: rgba(255,255,255,.5);
    border-radius: 4px;
}
.margin-list-bullets{
    margin-top:2px;
}
.notifications .notification-menu {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.width-30 {
    width: 30px;
}
.width-120 {
    width:120px;
}

/* content player */
.player-right-sidebar .tab-content {
    border-radius: 0 0 4px 4px;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
    background: none!important;
    border: 0px solid #eeeeee;
    border-top: 0;
    padding: 0 0 0 0!important;
}
.player-right-sidebar ul{
    padding:0px;
}
.player-right-sidebar .first-stage{
    background:#FFFFFF;
    padding:24px;
    color:#0E0E11;
    border-radius:16px;
    list-style-type: none;
    margin:16px 0 0 0;
    cursor:pointer;
    /* border-top: 3px solid white; */
    overflow-wrap: break-word;
}
.player-right-sidebar .second-stage{
    padding: 10px 10px 10px 30px;
    border-left: 3px solid #437DFF;
    border-radius: 4px;
    overflow-wrap: break-word;
    margin: 10px 0;
    background: rgba(255,255,255,.1);
}
.following-comment{
    color:white;
    font-style:italic;
    font-weight:bold;
}
.upvote:hover{
    color:#47a447;
}
.downvote:hover{
    color:#d2322d;
}
.follow-comment:hover{
    color:#437DFF;
}
.reply-to-message:hover{
    text-decoration:underline;
}
.notifications .notification-menu .content {
    padding: 0px !important;
    height: 400px !important;
    overflow: auto !important;
    padding-top: 24px;
}

.notification-menu a {
    display: initial!important;
}
.player-right-sidebar .nav-tabs li a, .player-right-sidebar .nav-tabs li a:hover {
    background: none;
    border-bottom: none;
    border-left: none;
    border-right: none;
    border-top: none;
}

.player-right-sidebar .nav-tabs li.active a, .player-right-sidebar .nav-tabs li.active a:hover, .player-right-sidebar .nav-tabs li.active a:focus {
    background: #F8F8F8;
    /* border-left-color: transparent;
    border-right-color: transparent;
    border-top: none;
    border-bottom: 3px solid #437DFF; */
    border: none;
    color: #0E0E11;
    border-radius: 16px 16px 0px 0px;
}
.player-right-sidebar .nav-tabs li {
    width:25%;
}

.maxZindex {
    z-index: 999999999999;
}

@media (min-width: 700px){
    .mobile-device .content-player.sidebar-right-opened .preview-nav-container, .mobile-device .demo-player.sidebar-right-opened .preview-nav-container {
        left:0;
        width: calc(100% - 260px);
    }
    .mobile-device .content-player .inner-body, .mobile-device .demo-player .inner-body {
        padding-top: 10px;
    }

}

.fa-chevron-up:before {
    content: "\f077"!important;
}
/* .table-hover td:hover{
    background: #437DFF!important;
}
.table-hover tr:hover{
    background: #437DFF!important;
}
.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
    background-color: #437DFF;
}
.table-hover td:hover .btn{
    color:#333!important;
}
.table-hover tr:hover .btn{
    color:#333!important;
}
.table-hover td:hover h2 , .table-hover td:hover h3 , .table-hover td:hover h4 , .table-hover td:hover p{
    color:white!important;
}
.table-hover td:hover a{
    color:white!important;
}
.table-hover tr:hover h2{
    color:white!important;
}
.table-hover tr:hover a{
    color:white!important;
}
.table-hover td:hover .fa-calendar{
    color:white!important;
}
.table-hover tr:hover .fa-calendar{
    color:white!important;
} */
.fc-view-container *, .fc-view-container *:before, .fc-view-container *:after {
    font-size: 13px;
}
/* nested sortable */

.placeholder {
    outline: 1px dashed #437DFF;
    min-height:54px;
    /*-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: -1px;*/
}

.mjs-nestedSortable-error {
    background: #fbe3e4;
    border-color: transparent;
}


.locations-main-ul li {
    margin: 5px 0 0 0;
    padding: 0;
}


.disclose {
    cursor: pointer;
    width: 10px;
    display: none;
}

.locations-main-ul li.mjs-nestedSortable-collapsed > ul {
    display: none;
}

.locations-main-ul li.mjs-nestedSortable-branch > div > .disclose {
    display: inline-block;
}

.locations-main-ul li.mjs-nestedSortable-collapsed > div > .expand-icon .fa:before {
    content: "\f078";
}

.locations-main-ul li.mjs-nestedSortable-expanded > div > .expand-icon .fa:before {
    content: "\f077";
}


/* locations */

.locations-main-ul , .locations-main-ul li ul{
    list-style-type:none;
    background:white;
    padding-left:0;
    clear: both;


}
.locations-main-ul li{
    margin: 5px 0;
    padding: 6px 10px;
    color: #333;
    text-decoration: none;
    font-weight: 600;
    border: 1px solid #CCC;
    background: #F6F6F6;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display:block;

}
.locations-main-ul li ul li .expand-icon{
    /*display:none;*/

}

.locations-main-ul li ul li , .locations-main-ul li ul li ul li ul li{
    background:white;
    /*display:none;*/
}
.locations-main-ul li ul li ul li{
    background:#F6F6F6;
    /*display:none;*/
}
.locations-main-ul li:hover{
    color:#437DFF;
    cursor:pointer;
}
.locations-main-ul .editable-input{
    line-height: 38px;
    margin-left: 10px;
}

.locations-main-ul input{
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.locations-main-ul .editable-input button{
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #333;
    background-color: #fff;
    margin-right:5px;
}

img.open-modal {
    /*max-width: 800px !important;*/
}
/* .preview-nav-container .prev-step-js:hover{
    background: rgba(0, 136, 204, 1);
    color:white;
}
.preview-nav-container .next-step-js:hover{
    background: rgba(0, 136, 204, 1);
    color:white;
} */
.pllll{
    height: 1px !important;
    border:none !important;
    visibility: hidden;
    padding:0!important;
}
.content-overview-small .text-muted{
    font-size:10px;
}
.bg-success {
    background: none!important;
    color: #437DFF!important;
}

.content-player #sidebar-right, .demo-player #sidebar-right{
    z-index:99 !important;
}
.content-player .inner-wrapper, .demo-player .inner-wrapper{
    padding-top:0px;
}

@media only screen and (max-width: 1400px) and (min-width: 768px) {
    .mobile-device .mg-main {
        margin-top: -100px !important;
    }
    .mobile-device .content-player.sidebar-right-opened .inner-body, .mobile-device .demo-player.sidebar-right-opened .inner-body{
        margin-right:285px;

    }
    .mobile-device .content-player .page-header .right-wrapper, .mobile-device .demo-player .page-header .right-wrapper{
        padding-right:20px
    }
    .mobile-device .content-player.sidebar-right-opened .page-header .right-wrapper, .mobile-device .demo-player.sidebar-right-opened .page-header .right-wrapper{
        margin-right: 300px;
    }
    .mobile-device .course-stats-container{
        width:100%;
    }
    .mobile-device #datatable-tabletools-course .col-md-1{
        margin: 15px 0 5px 0px;
        float: right;
    }
    .mobile-device .form-inline .form-control {
        max-width: 100%;
    }
    .mobile-device .page-header {
        margin: -10px -10px 10px -10px;
        position: relative;
    }
    .mobile-device .mainarea {
        padding-top: 20px; 
    }
    .mobile-device.sidebar-right-opened .page-header {
		left: 0;
		margin-right: 300px;
	}
    .mobile-device .content-player .page-header, .mobile-device .demo-player .page-header{
        margin: -10px -10px 10px -10px;
    }
    .mobile-device .content-player.sidebar-right-opened .inner-body, .mobile-device .demo-player.sidebar-right-opened .inner-body{
        margin-right:300px;

    }

}
@media only screen and (max-width: 1400px) and (min-width: 768px) {
    .mobile-device .content-player.sidebar-right-opened .page-header h2, .mobile-device .demo-player.sidebar-right-opened .page-header h2{
        width:360px;
    }
}


.fc-state-default {
    background-color: white!important;
    background-image: none!important;
    background-repeat: repeat-x;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #333;
    text-shadow: none!important;
    box-shadow: none!important;
}
.fc-state-hover, .fc-state-down, .fc-state-active, .fc-state-disabled {
    color: #333333!important;
    background-color: #e6e6e6!important;
}
:focus {
    outline: 0!important;
}
.fc-event {
    margin-top: 0px!important;
}
.fc-day-grid-event > .fc-content {
    white-space: normal!important;
    overflow: hidden;
}
.fc-toolbar h2{
    color: #33353f;
    font-size: 20px;
    line-height: 20px;
    padding: 0;
    text-transform: none;
}

/* organization*/

.org-per-col{
    min-height:380px;
    text-align: center;
}
.org-per-col .btn-primary{
    /*margin-top: -215px;*/
}
.org-per-col .content-box{
    /*position: absolute;
    top: 25px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: white;*/
}
.show_user_details_modal,
.remove-cart-item{
    cursor: pointer;
}
.progress .progress-bar-success {
    background-color: #2baab1!important;
    color:white!important;
}
.progress .progress-bar-warning {
    background-color: #e36159!important;
    color:white!important;
}

.custom-hr{
    margin: 0 16px 10px 16px;
    height: 1px;
    border: none;
    border-radius: 71.5px;
    opacity: 20%;
    border-bottom: 1px solid #B7B7B8;
    background-image: none;
}
.cart-header-icon {
    background: #437DFF!important;
}
.cart-header-icon i{
    color: white!important;
}
.catalogue-img-container{
    height: 10em!important;
    overflow: hidden;
    border-radius: 2px;
}
.mg-files-catalogue{
    padding-bottom:0!important;
}

.video-data video{
    max-width:100%;
}
.jp-flat-video video{
    max-width:100%;
}

.fill-in-blank-text {
    line-height:45px;
}

.preview-html .fa-caret-down,
.at-bb .fa-caret-down{
    display:none;
}

.playCourseButtonDisabled {
    opacity: 0.65!important;
}
.assessmentCourseButtonDisabled {
    opacity: 0.65!important;
}
#revision_table_wrapper{
    overflow-x: scroll;
}
.dataTables_wrapper .dataTables_length .select2-container {
    margin-right: 0;
}
.underline{
    text-decoration: underline;
}
.nounderline{
    text-decoration: initial!important;
}
.assessment-specific-panel .image-controls{
    display:none !important;
}

.select2-drop-active {
    z-index: 10000000!important;
}

.thumb-image img{
    transform: translateY(-12%);
}

.catalogue-item .thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 0px !important;
    line-height: 1.42857143;
    background-color: #fafafa;
    /* border-bottom: 5px solid transparent; */
    border: none !important;
    outline: none;
    transition: none !important;
    box-shadow: none !important;
}

.mg-description {
    font-size: 12px;
    color: #0E0E11;
    font-family: "DM Sans", sans-serif;
}

body .mg-group .btn-primary {
    background-color: transparent;
    border: none;
}

body .mg-group .btn-primary:hover {
    border: none;
    background-color: rgba(0, 0, 0, .4);
}

.mfp-content .panel .panel-body {
    background: rgba(0,0,0,.7);
}

.catalogue-item  .content-description-subtitle {
    display: none;
}

#organizations .dataTables_filter,
#settings .dataTables_filter {
    padding: 0 0 28px 0;
}

#intercom-container .intercom-launcher-frame {left:20px !important;}
#intercom-container .intercom-launcher-discovery-frame {left:20px !important;}

.extra-page-bottom-margin{
    margin-bottom: 80px;
}

.question-invalid-ribbon{
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    background: #d2322d;
    width: 100px;
    padding: 3px 10px;
    color: white;
    font-weight: bold;
    font-size: 10px;
    z-index: 100;
}

.dashed-square {
    border:2px dashed #437DFF;
    color:#437DFF; 
    text-transform:uppercase;
    border-radius:4px;
    padding-bottom:15px;
    width:50%;
}

.small-text {
    font-size: 11px !important;
}

.tree_item_style{
    margin: 5px 0;
    padding: 6px 0px;
    color: #333;
    text-decoration: none;
    font-weight: 600;
    border: 1px solid #CCC;
    background: #F6F6F6;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display:block;

}

.editPuzzle{
    margin-top:5px;
}

.editablePuzzle {
    float: left;
    width: 90%;
    background-color: rgba(0,0,0,0);
    border: none;
    box-shadow: none;
}

.table-hover > tbody > tr:hover > td .editablePuzzle {
    color:white !important;
}

.table-hover > tbody > tr:hover > td .editablePuzzle:focus {
    color: #555 !important;
}

.editablePuzzle:focus{
  padding: 6px 12px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.editPuzzle.editing i:before {
    content: "\f00c";
}

.greyedout{
    color:#868688;
}

.greyedout:hover{
     color:#868688;
}

#courseHeaderTitle {
    max-width:600px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    display:inline-block;
}

@media (max-width:1200px) {
    #courseHeaderTitle {
        display:none;
    } 
}

.reporting-stats .blury {
    -webkit-filter: blur(10px);
    filter: blur(10px);
}

.reporting-stats .overlay {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 100;
    font-size: 16px;
}

.reporting-stats .overlay-background {
    position: absolute;
    z-index: 99;;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    filter: blur(10px);
}

.reporting-stats #loader {
    display: none;
    font-size: 35px;
    margin-top: 130px;
}

.reporting-stats .overlay-text {
    margin-top: 100px;
}

.reporting-stats .reportingAll {
    width: 240px;
}

.blur-medium{
    -webkit-filter: blur(5px);
    filter: blur(5px);
}

.load-data{
    position: absolute;
    z-index: 1;
    padding: 15px;
    text-align: center;
    color:#777;
    width: 100%;
    margin-left: -12px;;
}

.load-placeholder-text{
    font-size: 12px;
}

.player-right-sidebar .nav-tabs li a {
    color: #0E0E11;
}

@media only screen and (max-width: 991px)
{
    .multiple-choice-display img {
        width: 100% !important;
        float: none !important;
    }
}
/*
.isotope-item.catalogue-item .mg-description > p,
.ecommerce-main-panel .cd-price.light,
.ecommerce-main-panel .row-eq-height .col-sm-3 .panel .panel-special .text-muted,
.ecommerce-main-panel .row-eq-height .col-sm-3 .panel .panel-special form,
.ecommerce-main-panel .row-eq-height .col-sm-3 .panel .panel-special .loginFirstBtn.btn-primary {
    display: none;
}
.ecommerce-main-panel .row-eq-height .col-sm-3 .panel .panel-special #formFullAccess {
    display: block !important;
}
 */

/* videojs */
/* Show the controls (hidden at the start by default) */
.video-js .vjs-control-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
/* rounded play button */
.video-js .vjs-big-play-button {
    height: 2.3em;
    width: 2.3em;
    border-radius: 50%;
    line-height: 2.3em;
}
.video-js .vjs-control-bar .vjs-current-time,
.video-js .vjs-control-bar .vjs-duration,
.video-js .vjs-control-bar .vjs-time-divider
{
    display: flex;
}
.video-js .vjs-control-bar .vjs-remaining-time {
    display: none;
}
.video-js.vjs-big-play-centered {
    height: 100% !important;
}
/* end of videojs */
/* statement modal */
#modalStatement .statementContainer {
    border: 1px solid gray;
    padding: 10px;
}
#modalStatement .controls {
    margin-top: 10px;
    text-align: right;
}
/* endof statement modal*/
/* course certificate template */
.createNewTemplate {
    text-align: center;
    width: 100%;
    margin-top: 1em;
}
/* end of course certificate template*/
/* multicourse detail */
.ecommerce-main-panel .modulesRow {
    display: flex;
    flex-direction: row;
    justify-content: start;
    flex-wrap: wrap;
}
.ecommerce-main-panel .modulesRow .catalogue-item {
    max-width: 350px;
}
/* end of multicourse detail */
/* reporting table - courses */
#usercourseReporting tr.hover,
#courseReporting tr.hover {
    background-color: #437DFF;
    color: white;
}

#usercourseReporting td:hover table,
#courseReporting td:hover table {
    background-color: white;
    color: #777;
}

#usercourseReporting td:hover table tr td a:not(.btn),
#courseReporting td:hover table tr td a:not(.btn) {
    color: #437DFF !important;
}

#usercourseReporting tr.hover td a:not(.btn),
#usercourseReporting td:hover table tr:hover td a:not(.btn),
#courseReporting tr.hover td a:not(.btn),
#courseReporting td:hover table tr:hover td a:not(.btn) {
    color: white !important;
}

#usercourseReporting tr:not(.shown) td button.btn.btnShowChild .icon-class:before,
#courseReporting tr:not(.shown) td button.btn.btnShowChild .icon-class:before {
    content: '\f067';
}

#usercourseReporting tr.shown td button.btn.btnShowChild .icon-class:before,
#courseReporting tr.shown td button.btn.btnShowChild .icon-class:before {
    content: '\f068';
}
#usercourseReporting tr td button,
#courseReporting tr td button {
    /* border: none;
    padding: 0;
    background: none; */
}
/* end of reporting table - courses*/
/* multicourse card */
.multicourse-buttons {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

.multicourse-buttons div {
    height: 100%;
}

.multicourse-buttons div:first-child {
    padding-right: .2em;
}

.multicourse-buttons div:last-child {
    padding-left: .2em;
}
/* end of multicourse card */
.mcChildTable, .liveSessionTable {
    box-shadow: 0px 11px 16px 0px #727272;
}