/*solution designer\views\learningpath\addlearningpath.html CSS*/
    /*<!-- Dont move this code needed for uploaded file preview-->*/
.learningpath-tab .thumb-image {
    width: 200px;
    height: 100px;
    position: relative;
    padding: 0;
    border: 1px solid #ccc;
}

.lp-add-img input[type="file"]:invalid > .error {
    color: red !important;
}
.lp-add-img .cropArea {
    height: 16em;
    padding: 0 15px;
}
.lp-add-img .cropArea canvas {
    width: auto;
}
.learningpath-tab .form-group .switch label[for="cmn-toggle-1"] {
    width: 40px !important;
}
.enrolluser_list {
    position: absolute;
    top: 100%;
    width: 97%;
    max-height: 12em;
    overflow-y: auto;
    z-index: 10;
    /*background-color: transparent;*/
}
/*createCourse.html CSS*/
#createcourseicon .enrolluser_list {
    position: absolute;
    top: 100%;
    width: 97%;
    max-height: 12em;
    overflow-y: auto;
    z-index: 1;
    background-color: transparent;
}
#createcourseicon .enrolluser_listhover {
    border: 1px solid #ccc;
    border-bottom: none;
    background-color: #ebeced;
}
#createcourseicon .enrolluser_listhover, #createcourseicon .enrolluser_listhover:hover {
    padding: 5px 0;
}
#createcourseicon .enrolluser_listhover:last-child {
    border-bottom: 1px solid #ccc;
}
#createcourseicon .media-right.del-course {
    width: 8% !important;
}
#createcourseicon select.form-control {
    border-color: #ccc !important;
    border: 1px solid #ccc !important;
}
#createcourseicon .C_in_MLP .media-heading > span {
    line-height: 1.1;
}
/*createParameters.html CSS*/
#createparameters .tab-content .img-sec img {
    height: 135px;
}
#createparameters .detail-sec {
    padding: 5px 15px;
}
#createparameters label.label.label-info {
    width: 135px;
    min-height: 20px;
    display: table-cell;
    padding: 5px;
    vertical-align: middle;
}
/*.dataTables_length#EditBP_length, .dataTables_filter#EditBP_filter, .dataTables_info#EditBP_info, .dataTables_paginate#EditBP_paginate {
    display: none !important;
}*/
.quizeval {
    height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}
/*preview.html CSS*/
.create-lp-preview .media img.img-responsive {
    height: 140px;
}
.create-lp-preview .topic {
    display: block !important;
}
#previewdiv.new-learningpath .tab-content .media-right .label {
    display: block;
    text-transform: capitalize;
}
.create-lp-preview .center-block span.label {
    margin:5px;
    padding: 4px !important;
}
/* approval.html CSS*/
#approvaldiv #displaysearchcontent {
    width: 94.4%;
}
/*App\Solution Designer\Views\LearningPath\Learningpathlistview.html CSS*/
.commentsModal .course-comments {
    max-height: 500px;
    overflow-y: auto;
}
.commentsModal .chats li.me .message .chat-arrow {
    top: 30% !important;
}
.commentsModal ul.chats li.you .message .chat-arrow {
    top: 30% !important;
}
/*notenrolled.html CSS*/
.enrol-box {
    height:200px;
}
.connectedSortable {
    width: 100%;
}
.enroll #attemptBody {
    min-height: calc(100vh - 468px);
}
.enroll .listofassigned {
    min-height: calc(100vh - 302px);
    max-height: 54vh;
    overflow-y: auto;
}
.enroll .enrolluser_list {
    max-height: calc(100vh - 41em);
    width: 100%;
}
/*enroluser.html CSS*/
.viewassignedusers .panel-body {
    padding: 15px 6px;
}
.viewassignedusers .media-body {
    display: block;
    width: 100%;
}
.viewassignedusers .media-body.detail-sec .list-inline li {
    padding: 0 0 0 5px;
}
.viewassignedusers .detail-sec li.e-mail {
    overflow: hidden;
    width: 75%;
    vertical-align: text-top;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/*.viewassignedusers .detail-sec li.e-mail:hover {
    overflow: visible;
    position: absolute;
    width: auto;
    white-space: normal;
    background: #ffffff;
    z-index: 1050;
}*/
.viewassignedusers .media-body.detail-sec .progress {
    width: 86%;
}
.viewassignedusers .ReportGroupImg {
    width: 90px;
    border-radius: 65%;
    height: 90px;
    padding: 5px;
}
.ui-datepicker {
    z-index: 1051 !important;
}
/*App\Solution Designer\Views\LearningPath\GroupLPCompliance.html CSS*/
.enrollusers_list .panel.panel-default .panel-heading {
    padding: 0;
}
.enrollusers_list .sec-img img {
    width: 50px;
    height: 50px;
}
.enrollusers_list .media-body .status-values {
    height: auto;
    max-height: none;
}
.enrollusers_list .media .con-asst {
    width: 124px;
    position: relative;
}
.enrollusers_list .media .con-asst.time {
    width: 90px;
}
.enrollusers_list .media .con-asst.end-date {
    width:114px;
}
.enrollusers_list .media .con-asst:after {
    content: ":";
    position: absolute;
    right: 0;
}
.enrollusers_list .media .con-asst.time:after {
    right: 4px;
}
.right-sec.dropdown-menu {
    position: relative !important;
    max-width: 100%;
    width: 100% !important;
}
.Filter-section {
    display: block;
    text-decoration: none;
    position: relative;
    padding: 10px 15px;
    font-size:14px;
    background-color: #d6d6d6;
}
/*App\Solution Designer\Views\LearningPath\ListOfGroupLPCompliance.html CSS*/
.enrollusers_list .dl-horizontal dt {
    position: relative;
}
.enrollusers_list .dl-horizontal dt:after {
    content: ":";
    position: absolute;
    right: 0;
}
@media (max-width: 767px) {
    .enrollusers_list .dl-horizontal dt {
        width: 112px;
        float: left;
    }
    .enrollusers_list .dl-horizontal dd {
        margin-left: 112px;
    }
}