.badgeos-spinner{display:block;margin:4px auto;width:20px;height:20px;background:url(//www.clicktolearn2012.com/wp-content/plugins/badgeos/images/spinner.gif)}.badge-title{display:inline-block;margin-top:0}.achievement-wrap{clear:both;padding:0 0 20px;margin:0 0 20px;border-bottom:1px dotted #aaa;overflow:hidden}.achievement-wrap{padding:20px 0;margin:20px 0;border-top:1px dotted #aaa}.achievement-wrap .badgeos-item-image{margin:0 15px 15px 0;opacity:1}.user-has-earned .achievement-wrap .badgeos-item-image{opacity:1}.badgeos-item-points{font-weight:700}.badgeos-required-achievements{clear:both}.badgeos-required-achievements .user-has-earned{text-decoration:line-through}.badgeos-required-achievements .user-has-earned:hover{text-decoration:none}.filterableitems_container{margin-right:-30px !important;}
#title .pagetitle{padding-top:30px;}
.logged-out .smallimg{ grid-template-columns:1fr; -ms-grid-columns:1fr;} 
.smallimg{
display:-ms-grid !important;
display:grid !important;
grid-template-columns:20px 1fr;
-ms-grid-columns:20px 1fr;
} .archive.directory #buddypress .item-list-tabs { display: none;} #bp-upload-ui .moxie-shim.moxie-shim-html5{z-index:999;}  span.text-options {display: none;}
.input-options.datebox-selects label{display:none;}
.field_error input{border-color:#F16645!important;}
.field_error .message.error{text-align:left;display:inline;position:relative;padding-right: 60px;}
.field_error .message.error:after{content:"\e036";font-family:fonticon;position:absolute;right:10px;top:10px;color:rgba(0,0,0,0.25);font-size:11px;}
.field_error .message.error:hover:after{color:#fff;}  #courselist{
margin:30px 0;
}
.show_hint{
position:absolute;
top:30px;
right:30px;
}
.question.fillblank p{display:inline;margin:0;}
.vibe_fillblank{
min-width: 180px;
position: relative;
display: inline-block;
padding: 12px 5px 10px;
}.vibe_fillblank:after{
content:'';display:block;width:100%;height:2px;background:#444;
position:absolute;left:0;bottom:-2px;
}span.vibe_fillblank:focus{outline:none;}
.hint{display: none;font-size:13px;}
.show_explaination,
.show_hint span{
font-family: 'fonticon';
font-size:32px;line-height: 32px;
color:#bbb;cursor: pointer;
}
.show_explaination{font-size:12px;line-height: 1;margin-left:5px;}
.show_hint.active span{font-size:24px;line-height: 32px;}
.show_explaination:before{
content:"\e05d";
}	
.content .matchgrid_options li{
list-style:none;
position: relative;
}
.matchgrid_options li{
border:1px solid rgba(0,0,0,0.08);
padding:15px; font-size:13px;
border-radius:2px;
}
.matchgrid_options li.ui-draggable-dragging{
position: relative;
top:0;
left:0;
}
.explaination{
display: none;
padding:10px; 
margin:20px 0 -12px;
border:1px solid rgba(0,0,0,0.08);
border-radius:2px;
font-size:13px;
background: #f6f6f6;
}
.explaination strong {
color: #4A4848 ;
font-size: 15px;
margin: 10px 0px;
display: block;
}
.explaination span {
float: none;
padding: 0;
margin: 0;
}
.course_details li i.i_course_time{    
font-size: 12px;
line-height: 16px;
}
.widget .course_details>ul>li:first-child i.i_course_time {display:block;}
.show_hint span:before{
content: "[";
}
.show_explaination.active:before{
content: "\e092";
}
.show_hint.active span:before{
content: "\e036";
}
.submissions.show .course_students,
.submissions.show .quiz_students,
.submissions.show .assignment_students{
display: block;
}
.assignment_students .assignment_content{padding-top:30px;}
.submissions .tab-pane .quiz_students>li>.q+strong{
color:#222;
padding:5px;
border-radius:2px;
border:1px solid #f0c36d;
background-color: #f9edbe;
}
.unit_prevnext .col-md-6{text-align: center;}
.unit_prevnext .col-md-6+.col-md-3{text-align: right;}
.unit_line a.unit,
.unit_line a.quiz,
.unit_line a.quiz{cursor:pointer;}
.course_curriculum strong span{
color:#bbb;float:right;
}
h4.minmax{
font-size: 12px;
font-weight: 600;
border-bottom: 5px solid rgba(0,0,0,0.08);
padding: 8px 0;
}
h4.minmax i{color:#bbb;float:right;font-size:16px;}
#courselist li .course_desc{
padding:10px 30px;
}
.single .unit_prevnext{opacity: 0;} .unit_prevnext{
padding: 15px;
height: 55px;
border: 2px solid #3f4c4f;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
background: #313b3d;
margin: 20px -20px -20px;
font-size: 12px;
text-transform: uppercase;
}
#next_unit{float:right;}
#next_unit:after,#next_quiz:after {
content: "\e0f6";
font-family: 'fonticon';
float: right;
margin-left: 5px;
margin-top: 1px;
}
#prev_unit:after,#prev_quiz:after {
content: "\e172";
font-family: 'fonticon';
float: left;
margin-right: 5px;
margin-top: 1px;
}
.unit_prevnext a{
color:#FFF;
font-weight:600;
}
@media(max-width:768px){
.unit_prevnext{display:grid;grid-template-columns:1fr 1fr 1fr;}
#next_unit > span,#prev_unit>span,
#next_quiz > span,#prev_quiz>span{
display:none;
}
}
@media(max-width:460px){
.question .match_playground .droppable{
padding:1rem;
}
.quiz_questions_content .question span.question_hint_content{
left:0 !important;
}
.course_content_panel .unit_wrap .unit_prevnext{
top: 30px;
bottom: auto !important;
left: auto !important;
right: 30px;
width: 142px !important;
border:1px solid rgba(0,0,0,0.05);
background: rgba(0,0,0,0.8);
border-radius: 5px;
padding:0;
}
.course_content_panel .unit_wrap a:after{
width: 42px;
padding: 8px 0;
}
a#mark-complete{
display:block;
width:42px;
}
a#mark-complete>span {
display: none;
}
a#mark-complete:after{
content:"\f192";
display:block;
font-family:fontawesome;
}
a#mark-complete.disabled:after{
content:"";
padding:0;
}
a#mark-complete.disabled{
line-height: 3;
}
} #item-admins .instructor_course{
clear:both;
display: inline-block;
width:100%;
padding-top: 10px;
padding-bottom:10px;
border-bottom:1px solid rgba(255,255,255,0.2);
}
.single-course #item-admins .instructor_course:first-child{padding-top:0;}
.single-course #item-admins .instructor_course:last-child{
border:none; padding-bottom:0;
}
div#unit_content .page_title .instructor img {
width: 32px;
border-radius: 50%;
}
.course_desc + ul{
max-width: 200px;
position: absolute;
right: 0;
top: 0;
background:rgba(0,0,0,0.08);
height:100%;
}
#item-meta .star-rating{
max-width:none;
width:auto;
float:left;
}
.course_timeline li:first-child a{
margin-top:15px;
display: inline-block;
}
#courselist li .course_desc + ul > li{
margin:0;
padding:8px 16px;
background:rgba(0,0,0,0.08);
border-bottom:1px solid #DDD;
}
#courselist li .course_desc + ul > li:hover{
background:#DDD;
}
#courselist li .course_desc + ul > li i{
font-size:16px;
margin-right:10px;
float:left;
}
.curriculum_check li{
padding:6px 0;
position: relative;
padding-left:50px;
}
.curriculum_check li span{
display: block;
position: absolute;
right:0;
top:12px;
}
.curriculum_check li span:after{
font-family: 'fontawesome';
content: "\f10c";
font-size: 20px;
color: #EEE;
}
.curriculum_check li span:hover:after{
content: "\f058";
cursor:pointer;
}
.curriculum_check li span.done:after{
content: "\f058";
color: #70c989;
}
.curriculum_check li strong{
float:right;
text-transform: uppercase;
}
.course_students.loading{opacity: 0.2;}
.course_students .curriculum_check li {
padding:15px 30px 15px 0;
}
.quiz_result h3.heading{line-height: 1.5;}
.check_user_quiz_results{cursor:pointer;}
#courselist li .course_desc + ul > li span{
font-size:11px;
text-transform: uppercase;
font-weight:600;
}
.show_side{margin-top: 15px;display: none;}
.course_stats_user{
display: inline-block;
padding:20px 0;
width:100%;
}
.course_grade li{
padding: 8px 0;
border-bottom: 1px dotted rgba(0,0,0,0.08);
}
#average,#pass,#badge,
.course_quiz{
width: 33%;
float: left;
margin:30px 0;
text-align: center;
}
@media (max-width:540px){
#average, #pass, #badge, .course_quiz{
width:100%;
text-align:center;clear:both;
}
#average span, #pass span, #badge span, .course_quiz span{
display:block;
}
}
.begin_quiz,
.submit_quiz{
cursor:pointer;
}
.course_quiz h5{
text-align: center;
color:#bbb;
font-size:12px;
font-weight:600;
text-transform: uppercase;
}
#average canvas,#pass canvas,#badge canvas,.course_quiz canvas{
margin:10px 0;
}
.badge-popup{
text-align: center;
padding: 30px;
display: inline-block;
border-radius: 2px;
background: #FFF;
}
.course_grade li strong{
color:#222;
float:right;
}
.course_grade li strong span{color:#bbb;}
h4.students_course{
margin: 0 -20px 10px;
padding: 10px 20px;
background: rgba(0,0,0,0.08);
}
h4.students_course strong{
float: right;
padding: 5px 5px;
background: #78c8ce;
color: #FFF;
line-height: 1;
border-radius: 50%;
}
.calculate_panel{
clear:both;
margin: 0 -20px;
padding: 10px 20px;
background: rgba(0,0,0,0.08);
text-align: right;
}
.calculate_panel strong{float:left;text-transform: uppercase;font-size:12px;margin-top:8px;}
.calculate_panel i{font-size:24px;margin-left:10px;color:#78c8ce;}
.complete_course{
text-align: center;
display: block;
width:100%;
}
.complete_course canvas{display: inline-block;}
.course_stats_user h6{
padding: 10px 20px;
margin: 10px -20px !important;
background: rgba(0,0,0,0.08);
}
.course_stats_user h6 span{float:right;font-weight:600;}
.in_details{
display: none;
font-size:11px;
margin:20px 0;
text-transform: uppercase;
font-weight:600;
}
.in_details strong{float:right;}
#userstats{
margin:30px 0;
display: inline-block;
width:100%;
}
#userstats li{
clear:both;
display: inline-block;
width:100%;
padding:10px 0 15px 0;
border-bottom:1px solid rgba(0,0,0,0.08);
}
#userstats li .ajax-certificate{
float:right;
line-height: 0;
font-size:36px;
color:#666;
margin-right:20px;
}
#userstats li .ajax-badge{
display: inline-block;
float:right;
}
#userstats li .ajax-badge img{border-radius:50%;border:1px solid rgba(0,0,0,0.08);}
#userstats h4{margin:0;font-size:16px;width:50%;font-weight:600;display: inline-block;float:left;}
#userstats h4 span,
#userstats h4 + span{color:#bbb;font-size:11px;font-weight:600;}
#userstats li img{
width: 48px;
float: left;
margin-right: 20px;
border-radius: 2px;
}
#userstats li strong{
float:right;
font-size:12px;
font-weight:600;
margin:10px 30px 0 0;
}
.pricing_course {
position:relative;
cursor:pointer;
min-width:120px;
}
.pricing_course .drop {
display:none;
position:absolute;
overflow:auto;
top:20px;
left:0;
z-index:99;
width:100%;
text-align: center;
border-radius: 4px;
}
.pricing_course .drop label {
display:block;
cursor:pointer;
padding: 12px 0;
background: #fafafa;
border: 1px solid rgba(0,0,0,0.08);
margin:0;
}
.pricing_course .drop label+label{border-top:none;} .price span.subs{
font-size: 11px;
text-transform: uppercase;
font-weight: 600;
color:#70c989;
} .course-list1{
margin-left: 60px;
display: block;
font-size: 11px;
text-transform: uppercase;
color: #666;
}
.course-list1 .course-star-rating{display:block;    margin-top: 2px;}
.course-list1 .course-star-rating+strong{
float: left;margin-top: 2px;
}
div.course_reviews .modern-star-rating strong.course-star-rating small:before {
font-size: 22px;
}
.author .instructor_stats .star-rating .bp_blank_stars:before{color:#000;font-size:25px;}
.author .instructor_stats .star-rating .bp_filled_stars:before{color:#000;font-size:25px;}
.bp_blank_stars {
position: relative;
display: inline-block;
color: #FFCB10;
overflow: hidden;}
.bp_filled_stars {
position: absolute;
top: 0;
color: #FFCB10;
overflow: hidden;
float: left;
left: 0;
}
.bp_blank_stars:before {
font-weight: 200;
content:"\f006\f006\f006\f006\f006";
font-family:fontawesome;
font-size:15px;
}
.bp_filled_stars:before{
font-weight: 200;
content:"\f005\f005\f005\f005\f005";
font-family:fontawesome;
font-size:15px;
}
.course-list1 h6{
font-size: 1rem;
text-transform: none;
}
.course-list1 .students{
clear: left;
} h5.credits strong{
clear:both;display: inline-block;
}
.showhide_indetails,
.retake_submit{
float: right;
color: #bbb;
font-size: 24px;
margin-top:10px;
margin-right:10px;
}
.widget.pricing #retake_course_submit_form{text-align:center;}
.widget.pricing a.link.retake_submit.tip {float:none;}
.widget.pricing a.link.retake_submit.tip i:before{
margin-right:5px;
}
.widget_course_list a:hover img{
border-color:#78c8c9;
}
.widget_course_list li h6{
margin:0;
font-size:14px;
}
.widget_course_list li img{
float:left;
max-width:48px;
border:2px solid rgba(0,0,0,0.08);
margin-right:10px;
border-radius:2px;
}
.widget_course_list li h6 span{
display: block;
font-size:11px;
color:#bbb;
font-weight:600;
text-transform: uppercase;
}
.course_instructor_widget img{
max-width: 48px;
border-radius: 50%;
float: left;
margin: 0 15px 15px 0;
}
.course_instructor_widget .instructor_course{clear:both;}
.course_instructor_widget h5{
margin:10px 0;
padding:10px 0;
border-bottom:3px solid rgba(0,0,0,0.08);
font-size: 14px;
font-weight: 600;
}
.course_instructor_widget .tip{
float: right;
font-size: 24px;
color: #bbb;
}
.instructor_line{
clear:both;
display: inline-block;
width:100%;
margin:20px 0;
border-bottom:5px solid rgba(0,0,0,0.08);
}
.instructor_line h3 a{
float: right;
font-size:13px;
color:#bbb;
text-transform: uppercase;
font-weight:600;
}
.instructor_line:hover a{color:#78c8c9;}
.instructor_line h3 i{
font-size:16px;
margin-left:10px;
}
#question.quiz_submitted_fade{
opacity:0.2;
}
#total_marks > strong > span{
min-width: 20px;
background: #fafafa;
display: inline-block;
min-height: 20px;
padding: 2px 5px;
}
#set_quiz_marks{float:right;width: 120px;margin: 0 10px;} .question_content{
position: relative;
margin-top:15px;
padding:15px 30px 10px 0;
border-top: 1px solid rgba(0,0,0,0.08);
}
.main_unit_content ul.question_options{
list-style:none !important;
margin-left:0 !important;
}
.question_options .checkbox>input[type=checkbox]:checked+label:after{line-height:1.4;}
.main_unit_content ul.check_options li {
float: left;
margin-right: 10px;
font-size: 11px;
text-transform: uppercase;
}
ul.check_options {
list-style: none !important;
margin-left: 0 !important;
display: inline-block;
width: 100%;
padding: 15px 0 0;
}
.main_unit_content ul.check_options li a{
cursor: pointer;
}
.white-popup {
position: relative;
background: #FFF;
padding: 20px;
width:auto;
max-width: 500px;
margin: 20px auto;
} .main_unit_content a.show_hint{right:0;}
#ajaxloader.disabled{display: none;}
#ajaxloader{
position: absolute !important;
top:50%;
left:50%;
display: inline-block;
border-radius: 50%;
transform: translateZ(0);
color: rgba(0,0,0,0.2);
margin-left:-3rem !important;
font-size:5rem;
width: 1em;
height: 1em;
margin: -30px auto;
-webkit-animation: load6 1s linear infinite;
-moz-animation: load6 1s linear infinite;
-o-animation: load6 1s linear infinite;
animation: load6 1s linear infinite;
}
.course_bulk_actions{
position: relative;
}
.course_bulk_actions strong{float:left;}
.course_bulk_actions ul{
display: inline-block;
float: right;
}
.course_bulk_actions ul li{float:left;}
.bulk_message,
.bulk_add_students,
.bulk_change_status,
.bulk_assign_students,
.bulk_extend_subscription_students{
margin:24px 0 0;
border-top:5px solid rgba(0,0,0,0.08);
padding-top:10px;
display: none;
}
.bulk_message .button,
.bulk_add_students .button,
.bulk_assign_students .button,
.bulk_change_status .button,
.bulk_extend_subscription_students .button{
margin:10px 0;
}
.mfp-content .heading .small_link,
.mfp-content .item-list-tabs{
display: none;
}
.mfp-content .user_quiz_result,
.mfp-content .quiz_result{
padding: 15px;
background:#fff;
}
.user_quiz_result button.mfp-close {top: 30px;}
.mfp-content .unit_content {
padding: 30px !important;
}
.bulk_add_students .select2.select2-container{
width:100% !important;
color: #444;
}
#student_usernames{width:100%;} .stat_num strong{
clear:both;
display: block;
font-size:24px;
line-height: 24px;
padding:5px 0;
border-bottom:1px solid rgba(0,0,0,0.08);
}
.stat_num strong span{float:right;} .course_filters{
padding:20px;
background:#FFF;
border-radius:2px;
}
.course_filters .checkbox,.course_filters .radio{margin:3px 0;display:inline-block;}
.course_filters .checkbox label:before,
.course_filters .radio label:before{float:left;}
.course_filters .checkbox label:after{    left: 3px;top: -1px;}
.course_filters h4{
padding-bottom:8px;font-weight: 600;
margin-bottom:8px;margin-top:0;
border-bottom:2px solid rgba(0,0,0,0.08);
font-size:16px;text-transform:uppercase;
}
.course_filters ul+h4{margin-top:10px;}
.widget .course_filters ul.date_filter li{
padding:0;
}
.widget .course_filters ul.date_filter li input[type="text"]{
margin:0;
}
.widget .course_filters ul.date_filter li input[type="text"]:first-child{
margin-bottom:5px;
}
.widget .course_filters ul li
.widget .course_filters ul li input{float:right;}
#submit_filters,.course_filters label{cursor: pointer;font-weight:400;}
.sub_categories{display:none;}
.category_filter li > .sub_categories{
padding-left: 10px;
border-left: 2px solid rgba(0,0,0,0.08);
}
.category_filter>li>span{
float:right;
}
.category_filter>li>span:before{
content: "\e05d";
font-family: 'fonticon';
font-size: 8px;
margin: 0 5px;
color: #bbb;
}
.category_filter>li>span.active:before{
content: "\e092";
}
#active_filters{
margin-bottom: 10px;
display: inline-block;
width:100%;
}
#active_filters li:first-child{margin-left:20px;padding-top:6px;}
#active_filters li.all-filter-clear{
float:right;cursor: pointer;
padding:8px 20px 0 15px;
font-size:12px;
font-weight:400;
}
#active_filters li{
float: left;
color: rgba(0,0,0,0.6);
margin-right: 10px;
position: relative;margin-bottom: 10px;
}
#active_filters li span{
font-weight:600;
font-size: 11px;
padding: 8px 25px 8px 10px;
border: 1px solid rgba(0,0,0,0.08);
background: rgba(255,255,255,0.8);
border-radius: 2px;
position: relative;
color: rgba(0,0,0,0.6);
cursor:pointer;
text-transform: uppercase;
display: inline-block;
}
#active_filters li span:after {
content: "\e1bf";
font-family: 'fonticon';
position: absolute;
right: 5px;
top:8px;
font-size: 11px;
color: rgba(0,0,0,0.3);
}
#active_filters li.all-filter-clear:before{
content: "\e1bf";
font-family: 'fonticon';
position: absolute;
left: 0px;
top:9px;
font-size: 11px;
color: rgba(0,0,0,0.3);
} #applications ul li{
display:inline-block;
width:100%;
padding:8px 0;
border-bottom:1px dotted #EEE;
}
#applications ul li img{
border-radius:50%;
}
#applications ul li span.approve,
#applications ul li span.reject{
float:right;
margin-left:10px;
font-size:11px;
color:#bbb;cursor:pointer;
text-transform: uppercase;
text-align: center;
}
#applications ul li span.approve:before,
#applications ul li span.reject:before{
display:block;
font-size:24px;
color:#bbb;
content:"\f10c";
line-height: 1;
font-family:'fontawesome';
}
#applications ul li span.approve.loading:before,
#applications ul li span.reject.loading:before{content:"\f110"}
#applications ul li span.approve.active,
#applications ul li span.approve:hover{color:#70c989;}
#applications ul li span.approve:hover:before,
#applications ul li span.approve.active:before{
content:"\f05d";
color:#70c989;
}
#applications ul li span.reject.active,
#applications ul li span.reject:hover{color:#fa7252;}
#applications ul li span.reject:hover:before,
#applications ul li span.reject.active:before{
content:"\f05c";
color:#fa7252;
} .enable_comments .main_unit_content{
padding-right: 30px;
}
.enable_comments .main_unit_content.stop_notes{
padding-right:0;
}
.main_unit_content p{position: relative;}
.unit_content p span.side_comment{
position: absolute;
top: 0;
right: -30px;
padding: 3px 6px;
background: rgba(0,0,0,0.08);
border-radius:2px;
font-size: 12px;
line-height: 1;
cursor: pointer;
}
.unit_content p span.side_comment:after {
content: '';
border: 6px solid;
border-color: rgba(0,0,0,0.08)transparent transparent rgba(0,0,0,0.08);
position: absolute;
top: 15px;
right: 0px;
}
.unit_content p span.side_comment:hover,
.unit_content p span.side_comment.active{
background-color:#78c8c9;
color:#FFF;
}
.heading a.post-edit-link, .heading .vc_inline-link {
font-size: 11px;
color: #bbb;
font-weight: 600;
margin-left: 5px;
}
.unit_wrap{
overflow:hidden;
}
.unit_content p span.side_comment:hover:after,
.unit_content p span.side_comment.active:after{
border-color: #78c8c9 transparent transparent #78c8c9;
}
.instructor_reply_unit_comment.call{opacity: 0.4;}
.unit_content{overflow:hidden;}
.unit_content,
.main_unit_content{
height: auto;
display:inline-block;
width: 100%;
}
.unit_wrap{
position: relative;
}
.main_unit_content{
z-index:99;
width: 100%;
height: auto;
display:inline-block;
}
.main_unit_content {
position: relative;
left: 0;
width: 100%;
display:block;
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
}
.main_unit_content::after{
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
content: '';
opacity: 0;
over-y:hidden;
-webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}
.open .main_unit_content::after {
width: 100%;
height:100%;
opacity: 1;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
} .open .main_unit_content {
-webkit-transform: translate3d(-240px, 0, 0);
transform: translate3d(-240px, 0, 0);
}
.side_comments {
z-index: 1;
}
.side_comments{
position: absolute;
top: 80px;
right: 10px;
font-size:12px;
z-index: 100;
visibility: hidden;
width: 220px;
height: auto;
opacity: 0.1;
background:transparent;
-webkit-transition: all 0.5s;
transition: all 0.5s;
-webkit-transform: translate3d(240px, 0, 0);
transform: translate3d(240px, 0, 0);
}
.unit_content.open ~ .side_comments{
visibility: visible ;
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
overflow-y:auto;
overflow-x: hidden;
opacity: 1;
-webkit-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
.side_comments.scroll{
overflow-y:scroll !important;
max-height:100%;
}
.side_comments::after {
display: none;
}
.side_comments,
.side_comments p,.side_comments a.comment_author{
font-size:13px;
}
.side_comments >ul{position: relative;}
.side_comments >ul>li{
padding:10px 0;
display: inline-block; width:100%;
border-bottom:1px solid rgba(0,0,0,0.08);
}
#all_comments_link{
font-size: 11px;
border-bottom: 1px solid rgba(0,0,0,0.08);
width: 100%;
display: block;
text-align: right;
}
.side_comments ul.actions{
display:inline-block;
padding:0;
width:100%;
margin:0 0 0 42px;
}
.side_comments ul.actions li{
float:left; 
margin-right:10px;
}
#notes_discussions .actions a,
.side_comments a{color:#bbb;}
#notes_discussions .actions a:hover,
#notes_discussions .actions a.reply_unit_comment.meta_info,
.side_comments ul.actions li a:hover,
.side_comments a.reply_unit_comment.meta_info{color:#78c8c9;}
.side_comments .add-comment{
color: #B3B3B1;
font-size: 14px;
line-height: 22px;
font-weight: 300;
padding: 0px 8px;
letter-spacing: 0.05em;
text-decoration: none;
padding-top: 10px;
display: inline-block;
cursor:pointer;
}
.side_comments .add-comment.deactive{display: none;}
.side_comments .comment-form {
display: none;
}
.side_comments .comment-form.active{display: block;}
.side_comments .add-comment:before{
content: "+";
border: 2px solid #DEDEDC;
border-radius: 100px;
width: 23px;
height: 23px;
color: #DEDEDC;
display: block;
text-align: center;
font-size: 16px;
font-weight: 400;
line-height: 18px;
float: left;
margin-right: 15px;
letter-spacing: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.side_comments li img,
.comment-form img{
max-width: 32px;
border-radius: 50%;
margin: 10px 10px 10px 0;
float: left;
}
.side_comments .unit_comment_content,
.side_comments .comment-form article.live-edit{
margin-left:42px;
}
.new_side_comment p{margin:0;}
.side_comments li a,
.comment-form span{text-transform:uppercase;font-weight:600;}
.side_comments li a.unit_comment_author,
.comment-form span{
padding-top: 10px;
font-size:11px;
display: inline-block;
}
.new_side_comment > ul{
padding-left:10px;
list-style: disc outside none;
} .unit_content ol.commentlist li>ul.children,
.unit_content ol.commentlist li+ul.children  {
margin-left: 64px;
}
.main_unit_content ol {
list-style: decimal !important;
padding-left: 20px; } .quiz_title {
padding-bottom:10px;
border-bottom:1px solid rgba(0,0,0,0.08);
margin-bottom:20px;
}
.quiz_title .quiz_meta{
max-width: 72px;
float: right;
}
.quiz_title .quiz_meta .progress{
clear: both;
display: none;
margin: 0;
width: 72px;
padding: 0;
}
.quiz_title .quiz_meta.show_progress .progress{display: inline-block;}
.quiz_title .progress .bar{
padding:2px;
}
.inquiz_timer{
width: 72px;
position: relative;
float:right;
}
.inquiz_timer:after{
content:'';
background:transparent;
position: absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index: 99;
}
.quiz_meta i{
font-size: 11px;
text-align: center;
width: 72px;
display: none;
}
.quiz_meta.show_progress i{
display: block;
}
.inquiz_timer span.countdown {
top: 26px;color:#444;
font-size: 16px;
text-align: center;
}
.inquiz_timeline{
display: inline-block;
float: right;
}
.inquiz_timeline ul li{float:left;}
.quiz_title .inquiz_timeline ul{width:auto;}
.in_question{
margin-top:30px;
border-top:5px solid rgba(0,0,0,0.08);
}
.main_unit_content>.in_question::nth-child(1){
margin:0;border:none;
}
.in_question .question{
position: relative;
padding:30px 0 10px;
}
.in_question .question_options{
margin-left:0 !important;
list-style:none !important;
}
.question_options .radio>label:before{
float:left;
margin-top:2px;
}
.question_options .checkbox>label:before{
float:left;
margin-top:2px;
}
.question_options .checkbox>label:after{
top:1px;
}
.in_question .question.fillblank p{
display: inline;
line-height: 0;
}
.in_question .question.fillblank article.live-edit{
min-width: 160px;
border-bottom: 1px solid;
line-height: 1.5em;
display: inline-block;
}
.in_question .marks{float:right;margin-top:20px;}
.in_question .show_hint{
top:50px; right:0;z-index: 99;
}
.question_options.match li{
list-style:none;
position: relative;
}
.question .matchgrid_options ul{
list-style:none !important;
margin:0 !important;
}
.question_options.match li{
clear: both;
display: inline-block;
background:#FFF;
border: 1px solid rgba(0,0,0,0.08);
margin: 15px;
padding: 5px 15px 5px 35px;
position: relative;
border-radius: 2px;
}
.question_options.match li label>span {
color: #bbb;
font-family: 'fonticon';
font-size: 16px;
position: absolute;
left: 10px;
top: 5px;
}
.question_options.match li label>span:before {
content: "\e0e0";
}
.question_options.sort li{
padding:5px 10px;
border:1px solid rgba(0,0,0,0.08);
cursor: move;
}
.matchgrid_options li.ui-draggable-dragging{
position: relative;
top:0;
left:0;
}
.in_quiz .pagination{
border-top: 1px solid rgba(0,0,0,0.08);
border-radius: 0;
padding: 20px 0 0;margin-bottom:0;
display: inline-block;
width:100%;
}
.in_quiz .pagination label{float:right;}
.in_quiz .pagination ul li{float:left;}
.in_quiz .pagination ul li a{cursor:pointer;}
.in_quiz .pagination ul{
float:right;
display: inline-block;
list-style:none !important;
} .course_instructor_widget .instructor_meta{display:none !important;}
.single_text{
display: inline-block;
width: 100%;
margin-bottom: 40px;
}
#retakes9999{display:none;} h3.assignment_heading{
clear:both;
padding:10px 0;
font-size:16px;
display:inline-block;
width:100%; 
}
h3.assignment_heading.heading>strong{
display:inline-block;
font-size:12px;
}
h3.assignment_heading.heading>strong>span{float:left;margin-left:10px;}  .course_review{
background: rgba(0,0,0,0.05);
padding: 20px;
border-radius: 2px;	
}
.course_review h4,
.list_course_review h4{
font-size:20px;
font-weight:600;
margin-top:0;
}
.course_review h5{
font-size:16px;
margin-bottom: 0;
}
.course_review h5 span{
display: block;
font-size:14px;
}
.course_review .review_author{
display: inline-block;
width: 100%;
padding: 10px 0 0;
}
.flexslider .slides .review_author img,
.widget_reviews_list li .course_review img,
.widget_reviews_list li img{
max-width:48px;
margin:10px 5px 0 0 ;
float:left;
border-radius:50%;
}
.list_course_review{
margin-left:60px;
}  .ui-datepicker {
height: auto;
margin: 5px auto 0;
border: 2px solid #444;
font-size: 11px;
border-radius: 2px;
background: #FFF; }
.ui-datepicker a {
text-decoration: none; } .ui-datepicker table {
width: 100%; }
.ui-datepicker-header {
background: #444;
color: #e0e0e0;
font-weight: bold;
line-height: 30px;
border-width: 1px 0 0 0;
border-style: solid;
border-color: #111; }
.ui-datepicker-title {
text-align: center;
font-weight: 600;
font-size: 12px;
color: #FFF; }
.ui-datepicker-prev, .ui-datepicker-next {
display: inline-block;
width: 30px;
height: 30px;
text-align: center;
cursor: pointer;
background-repeat: no-repeat;
line-height: 600%;
overflow: hidden;
font-family: 'dashicons';
position: relative; }
.ui-datepicker-prev {
float: left;
background-position: center -30px; }
.ui-datepicker-prev:before {
content: "\f341";
color: #FFF;
font-size: 20px;
position: absolute;
margin-top: -20px;
left: 0; }
.ui-datepicker-next {
float: right;
background-position: center 0px; }
.ui-datepicker-next:before {
content: "\f345";
color: #FFF;
font-size: 20px;
position: absolute;
margin-top: -20px;
right: 0; }
.ui-datepicker thead {
background-color: rgba(0,0,0,0.08);
border-bottom: 1px solid rgba(0,0,0,0.08); }
.ui-datepicker th {
text-transform: uppercase;
font-size: 11px;
text-align: center;
padding: 5px 0;
color: #444; }
.ui-datepicker tbody td {
padding: 0; }
.ui-datepicker tbody td:last-child {
border-right: 0px; }
.ui-datepicker tbody tr {
border-bottom: 1px solid rgba(0,0,0,0.08); }
.ui-datepicker tbody tr:last-child {
border-bottom: 0px; }
.ui-datepicker td span, .ui-datepicker td a {
display: inline-block;
font-weight: bold;
text-align: center;
width: 28px;
height: 28px;
line-height: 28px;
color: #666666; }
.ui-datepicker-calendar .ui-state-default {
border-right: 1px solid rgba(0,0,0,0.08);
font-weight: 400; }
.ui-datepicker-calendar .ui-state-hover {
background: #f7f7f7; }
.ui-datepicker-calendar .ui-state-active {
background: #70C989;
color: #FFF;
font-weight: 600;
position: relative; }
.ui-datepicker-unselectable .ui-state-default {
background: #f4f4f4;
color: #b4b3b3; }
.ui-datepicker-calendar td:first-child .ui-state-active {
width: 29px;
margin-left: 0; }
.ui-datepicker-calendar td:last-child .ui-state-active {
width: 29px;
margin-right: 0; }
.ui-datepicker-calendar tr:last-child .ui-state-active {
height: 29px;
margin-bottom: 0; } #buddypress .course_essentials .instructor_course img{height:auto;}
.wp-playlist-tracks+.wp-playlist-tracks{display:none;}
@media(max-width:992px){
.unit_prevnext{height:auto !important;}
.unit_prevnext .col-md-6,
.unit_prevnext .col-md-3,
.unit_prevnext .col-md-6+.col-md-3{
text-align: center;
padding:5px 0;
}
#next_unit{float:none !important;}
}
@media(max-width:768px){
section#certificate.certificate_generated{
width:90%;
}
}
@media print{
a[href]:after {
content: none !important;
}
.quiz_result a{display:none !important;}
}
.action .batch_course img{
width:48px;
height:48px;
overflow:hidden;
display:block;
float:left;
margin:6px 3px;
border-radius:2px;
}
.mfp-content .back_to_course{display:none;}
@media print{
.certificate_print i{display:none;}
}
#fullbody_mask{
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
display:block;
z-index:9999;
} .unit-comment-body.unapproved{padding: 15px;background: rgba(0,0,0,0.05);}
#question.correct,#question.incorrect,.in_question.correct,.in_question.incorrect{min-height: 180px;position: relative;overflow: hidden;}
.quiz_bar{z-index:99;}
.check_question_answer+.quiz_bar{position:relative !important;display:inline-block;}
.check_question_answer{position:relative;cursor:pointer;}
.quiz_timeline li.incorrect span{background:#ef614d !important;color:#fff;}
.quiz_timeline li.incorrect>span:before{content:"\e036" !important;font-family: fonticon;color: #FFF;font-size: 10px;line-height: 1;position: absolute;top: 2px;left: 2px;}
.quiz_timeline li.correct span{background:#75b733 !important;color:#fff;}
.question_wrapper span:before{font-family: fonticon;top:18px;left:18px;content: "\e038";color: #FFF;font-size: 30px;line-height: 1;position: absolute;}
.question_wrapper .incorrect>span:before{content: "\e036";}
.question_wrapper .incorrect>span{background:#ef614d;}
.question_wrapper .correct,.question_wrapper .incorrect{display:inline-block;margin-top:15px;padding:10px;}
.question_wrapper span{position:relative;width:64px;height:64px;float:left;border-radius:50%;background:#75b733;display:block;padding:30px;transform: scale(15);transition: all 200ms ease-in-out;}
.question_wrapper .correct>span:before{font-family: fonticon;top:18px;left:18px;content: "\e038";color: #FFF;font-size: 30px;line-height: 1;position: absolute;}
.question_wrapper strong{font-size:48px;line-height:64px;margin:0 10px;font-weight:600;color:#75b733;}
.question_wrapper .incorrect>strong{color:#ef614d;}
.question_wrapper.loaded .correct>span,.question_wrapper.loaded .incorrect>span{transform: scale(1);}
.question_wrapper .result{transition:all 200ms ease-in;}
#question.check_answer_loaded+.question_wrapper.loaded .result,
.in_question.check_answer_loaded .question_wrapper.loaded .result{
transform:translateX(40%);
}
#question.check_answer_loaded+.question_wrapper.loaded .result>div,
.in_question.check_answer_loaded .question_wrapper.loaded .result>div{background: rgba(255,255,255,0.8); border-radius: 5px;}
.checked_answer{ margin-bottom:20px;padding: 12px 24px;color:rgba(0,0,0,0.8);border: 1px solid #f0c36d;background-color: #f9edbe;border-radius: 2px;}
.checked_answer.correct{background:#d8eec2;border-color:#75b733;} .submit_inquiz+.save_quiz_progress{margin-left: 10px;padding-left: 10px;border-left:2px solid;}
.save_quiz_progress{cursor:pointer;}
.save_quiz_progress.loading,.submit_quiz_progress{background:none;border:none;}
.save_quiz_progress,.submit_quiz_progress{position:relative;display:inline-block;max-width:300px;margin: 0 auto;}
.submit_quiz_progress{display:block;}
.submit_quiz_progress .save_progress_wrap{position: absolute;width: 120px;bottom: -90px;left: 50%;margin-left: -28px;}
.save_quiz_progress.disabled,.save_quiz_progress.loading,.submit_quiz_progress{cursor:default;}
.save_quiz_progress .save_progress_label{position:relative;display:block;}
.save_quiz_progress .save_progress_label::before,.save_quiz_progress .save_progress_label::after{position: absolute;
right: -15px;font-family:'fontawesome';opacity: 0;transition: opacity 0.3s 0.3s;}
.save_quiz_progress .save_progress_label::before {content: "\f00c";}
.save_quiz_progress.done .save_progress_label::before{opacity:1;}
.save_quiz_progress.loading .save_progress_wrap,.submit_quiz_progress .save_progress_wrap{display: block;-webkit-transition: -webkit-transform 0.2s;transition: transform 0.2s;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transform: rotateX(90deg) translateZ(10px);transform: rotateX(90deg) translateZ(10px);}
.save_quiz_progress .save_progress_bar,
.submit_quiz_progress .save_progress_bar {
position: absolute;border-radius: 10px;
top: 100%;left: 0;width: 100%;
height: 20px;    background: rgba(0,0,0,0.1);
-webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.submit_quiz_progress .save_progress_inner,
.save_quiz_progress .save_progress_inner{position: absolute;background:#009dd8;left: 0;top: 0;width: 0;height: 100%;border-radius: 10px;-webkit-transition: width 0.3s, opacity 0.3s;transition: width 0.3s, opacity 0.3s;}  .tour-backdrop {background-color: rgba(0, 0, 0, 0.3);}
.tour-step-backdrop{
padding:15px !important;
background:#FFF;
color:#000 !important;
z-index:9999 !important;
border-radius:5px
}
.popover .closepop:before {
content: "\f00d";
font-family: FontAwesome;
color:#FFF;
}
.popover .closepop{
cursor:pointer;
opacity:1;
text-shadow: inherit;
right: 5px;
font-size: 15px;
font-weight: 100;
position:absolute;
top: 5px;
}
.disable_wplms_tour_popup .popover{
display:none !important;
} 
.disable_wplms_tour_popup div[class^=tour]{
display:none !important;
} 
.generate_course_tour{
margin: 24px 0 0;
border-top: 5px solid rgba(0,0,0,0.08);
padding-top: 10px;
display: none;
}
.mejs-fullscreen .course_content_panel .unit_wrap .unit_prevnext,
.mejs-fullscreen #hideshow_course_pursue_panel {z-index:1 !important;}
.page-template-start .data_stats[data-type="quiz"]{top:100px;}
.single-course .certificate_generated .extra_buttons {display:inline-block !important;}
.quiz_remarks_in_result {
padding: 20px;
margin: 20px 0;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 5px;
}
#message-thread .message-content iframe.wp-embedded-content {position:relative !important;}
a#load_more_cpt_user_results.loading:before {
content: '...';
} .c6 .course_header5_sideblock div#item-header-avatar img{width:100%}
.c7 .course_header5_sideblock div#item-header-avatar img{width:100%}
.instructor_course { 
display: -ms-grid !important;
-ms-grid-columns: 32px 1fr; 
}
.instructor_course ul.instructor_meta {
display: grid;
grid-template-columns: 1fr 1fr;
}
.block.course8 .block_content .block_title {
border-bottom: none!important;
}
.block.course8 .more {
text-align: center;
position: relative;
z-index: 2;
}
.block.course8 .more_btn{
color: rgb(255, 255, 255); border-radius: 20px;
padding: 5px 10px;
}
.block.course8 .more:after {
content: '';
position: absolute;
left: 0;
top: 50%;
width: 100%;
height: 1px;
background: rgba(0, 0, 0, 0.4);
z-index: -1;
}
.block.course8 .block_content .cat_btn{
position: relative;font-size:12px;
padding: 5px 10px 5px 25px; border-radius: 18px;
color: rgb(255, 255, 255);
margin: 0 2px 0 0;
}
.block.course8 .block_content .cat_btn:before {
content:"\f02b";font-family:'fontawesome';
position:absolute;
left:10px;top:4px;
}
.blog_card.block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 256px;
border-radius: 8px;
-webkit-box-shadow: 0 7px 31px 0 rgba(0,0,0,.12);
box-shadow: 0 7px 31px 0 rgba(0,0,0,.12);
background-color: #fff;
}
.blog_card .block_media{
width:35%;
}
.blog_card .block_media img{
height:100%;
object-fit:cover;
}
.blog_card .block_content{
padding:30px 42px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
position: relative;
width:65%;
}
.blog_card .block_title a{
font-size: 20px;
font-weight: 600;
color: #5a5a5a;
text-decoration: none;
text-transform: capitalize;
}
.blog_card .block_desc{
margin-top: 12px;
font-size: 16px;
color: #475465;
line-height: 1.5;
}
.member_block5{
position: relative;
-webkit-box-orient: vertical;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 6px;
width: 240px!important;
height: 140px;
padding: 15px;
margin-right: 54px;
margin-top: 60px;
margin-bottom: 12px;
background-color: #fff;
-webkit-box-shadow: 2px 4px 8px 0 rgba(46,61,73,.11);
box-shadow: 2px 4px 8px 0 rgba(46,61,73,.11);
}
.member_block5 .member_avatar{
position: relative;
left: 50%;
transform: translate(-50%,0);
background-color: #fff;
border-radius: 50%;
overflow: hidden;
width: 75px;
height: 75px;
margin-top: -48px;
margin-bottom: 12px;
}
.member_block5 .member_avatar img{
border-radius: 50%;
width: 100%;
}
.member_block5 .member_info{
text-align: center;
}
.member_block5 .member_info a{
font-size: 14px;
color: #101010;
font-weight: 400;
margin-bottom: 12px;
text-decoration: none;
text-align: center;
text-transform: capitalize;
}
.member_block5 .member_info ul.socialicons {
float: none;
}
#title.light a.link.retake_submit.tip i{
color: #444444 !important;
display:inline-block;
}
#title.light a.link.retake_submit.tip {
color: #444444 !important;
}  .course_curriculum tr.course_section.sub_section {
margin-left:30px;
width: calc(100% - 30px) !important;
display: table;
}
.rtl .course_curriculum tr.course_section.sub_section {
margin-right:30px;
margin-left:0;
}
.course_curriculum tr.course_lesson.sub_unit {
width: calc(100% - 30px) !important;
border: none;
box-shadow: 0 0 1px;
transform: translate(30px) scale(0.97,1);
transform-origin: left;
}
.rtl .course_curriculum tr.course_lesson.sub_unit {
transform: translate(-30px) scale(0.97,1);
transform-origin: right;
}
.course_curriculum.accordion .course_section.sub_section.sub_show>td:after{
content:"\f068";
}
.course_curriculum.accordion .course_section.sub_section>td:after{
content:"\f067";
} .course_curriculum.accordion tr.course_section.sub_section {
display: none;
}
.course_curriculum.accordion tr.course_section.sub_section.show {
display: table;
}
.course_curriculum:not(.accordion) tr.course_section.sub_section td{
padding-left: 30px;
width:auto;
}
.rtl .course_curriculum:not(.accordion) tr.course_section.sub_section td{
padding-left: 0;
padding-right: 30px;
width:auto;
}
.course_curriculum:not(.accordion) tr.course_section.sub_section {
display: table-row;
} .course_timeline li.section.sub_section,.course_timeline li.unit_line.sub_unit {
margin-left: 30px;
width: calc(100% - 30px) !important;
}
.rtl .course_timeline li.section.sub_section,.rtl .course_timeline li.unit_line.sub_unit {
margin-left: 0px;
margin-right: 0px;
width: calc(100% - 30px) !important;
}
.course_timeline.accordion li.section.sub_section {
display: none;
}
.course_timeline.accordion li.section.sub_section.show {
display: initial;
}
.course_timeline.accordion .section.sub_section.sub_show:after{
content:"\f068";
}
.course_timeline.accordion .section.sub_section:after{
content:"\f067";
}
.quiztimer{
color:#ffffff;
display: grid;
justify-items: center;
align-items: center;
}
.quiztimer .timer_amount,.quiztimer .timer_unit{
color:#ffffff;
line-height: 1em;
}
.quiztimer .timer_amount {
font-size: 1em;
}
.quiztimer .timer_unit{
font-size: 0.3em;
}
.quiztimer .timer_amount span{
margin:0 5px;
}
.timer_amount,.timer_unit{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(50px,1fr));
-ms-grid-columns:repeat(auto-fit,minmax(50px,1fr));
display: -ms-grid;
justify-items: center;
}
.timer_amount span:nth-child(n+4), .timer_unit span:nth-child(n+4){
display:none;
}
.fillblank_area {
clear: none;
display: inline-block;
}
span.select_question_content {
display: inline-block;
}
.question_content select{margin:0 5px;} .droppable > div {
border: 1px solid rgba(0,0,0,0.08);
padding: 1rem;
}
.droppable.active{
overflow-y:scroll;
}
.question .droppable,.match_options {
touch-action: none;
}
.droppable > div+div {
border-top: none;
}
.droppable .dragging{
border: 1px solid #f5d01a;
box-shadow: 0 0 6px #efc600;
}
.quiz_questions_content .question .marks {
float:right;
margin-top:30px;
}
.question .question_option p {
display: inline-block;
}
.match_playground {
display: grid;
grid-template-columns: 1fr 1fr;
justify-content:center;
align-items:stretch;
grid-gap: 1rem;
margin: 1rem 0;
}
.match_playground .droppable{
border:1px solid rgba(0,0,0,0.2);
}
.match_playground .match_options .match_option {
border: 1px solid rgba(0,0,0,0.08);
padding: 2rem;
}
.quiz_questions_content .question_content {
padding-top: 1rem;
}
.match_playground .droppable > div{
border-top:1px solid rgba(0,0,0,.1)
}
.match_playground .match_option{
background:rgba(185, 185, 185, 0.1);
}
.match_playground .match_options .match_option .children > div {
border: 1px solid rgba(0,0,0,0.08);
padding: 1rem;
background:#fff;
}
.quiz_questions_content .question {position:relative;}
.question_wrapper.loaded .result {
transform: translateX(40%);
}
.quiz_questions_content .question .question_hint {
float: right;
cursor: pointer;
z-index: 99;
position: relative;
margin-top: 22px;
margin-right: 5px;
}
.quiz_questions_content .question span.question_hint:before{
content: "\f29c";
font-family:fontawesome;
font-size:22px;
}
.quiz_questions_content .question span.question_hint.show:before{
content: "\f05c";
}
.quiz_questions_content .question:first-child .question_content{
border-top:none;
}
.quiz_questions_content .question span.question_hint_content {
position: absolute;
bottom: 0;
left: 30px;
padding: 1.5rem;
border-radius: 3px;
box-shadow: 1px 5px 20px rgba(0,0,0,0.3);
z-index: 101;
transform:scale(0);
transition:0.2s all;
}
.quiz_questions_content .question span.question_hint_content.show{
transform:scale(1);
}
div.sort_options {
touch-action: none;
}
.fillblank_area input{border:none;border-bottom:2px solid rgba(0,0,0,0.2)}
.quiz_questions_content.col-md-9 .quiz_bar {
display: block;
margin: 30px 0;
position: relative;
}
.single-quiz #wplms-quiz .question {
padding:30px
}
.single-quiz .question .question_content:first-child{
border-top:none;
}
.quiz_questions li > strong{
display:block;
margin:5px 0;
}
.quiz_questions_content{
margin-bottom:30px;
}      .filterableitems_container{margin-right:-30px !important;}
#title .pagetitle{padding-top:30px;}
.logged-out .smallimg{ grid-template-columns:1fr; -ms-grid-columns:1fr;} 
.smallimg{
display:-ms-grid !important;
display:grid !important;
grid-template-columns:20px 1fr;
-ms-grid-columns:20px 1fr;
} .archive.directory #buddypress .item-list-tabs { display: none;} #bp-upload-ui .moxie-shim.moxie-shim-html5{z-index:999;}  span.text-options {display: none;}
.input-options.datebox-selects label{display:none;}
.field_error input{border-color:#F16645!important;}
.field_error .message.error{text-align:left;display:inline;position:relative;padding-right: 60px;}
.field_error .message.error:after{content:"\e036";font-family:fonticon;position:absolute;right:10px;top:10px;color:rgba(0,0,0,0.25);font-size:11px;}
.field_error .message.error:hover:after{color:#fff;}  #courselist{
margin:30px 0;
}
.show_hint{
position:absolute;
top:30px;
right:30px;
}
.question.fillblank p{display:inline;margin:0;}
.vibe_fillblank{
min-width: 180px;
position: relative;
display: inline-block;
padding: 12px 5px 10px;
}.vibe_fillblank:after{
content:'';display:block;width:100%;height:2px;background:#444;
position:absolute;left:0;bottom:-2px;
}span.vibe_fillblank:focus{outline:none;}
.hint{display: none;font-size:13px;}
.show_explaination,
.show_hint span{
font-family: 'fonticon';
font-size:32px;line-height: 32px;
color:#bbb;cursor: pointer;
}
.show_explaination{font-size:12px;line-height: 1;margin-left:5px;}
.show_hint.active span{font-size:24px;line-height: 32px;}
.show_explaination:before{
content:"\e05d";
}	
.content .matchgrid_options li{
list-style:none;
position: relative;
}
.matchgrid_options li{
border:1px solid rgba(0,0,0,0.08);
padding:15px; font-size:13px;
border-radius:2px;
}
.matchgrid_options li.ui-draggable-dragging{
position: relative;
top:0;
left:0;
}
.explaination{
display: none;
padding:10px; 
margin:20px 0 -12px;
border:1px solid rgba(0,0,0,0.08);
border-radius:2px;
font-size:13px;
background: #f6f6f6;
}
.explaination strong {
color: #4A4848 ;
font-size: 15px;
margin: 10px 0px;
display: block;
}
.explaination span {
float: none;
padding: 0;
margin: 0;
}
.course_details li i.i_course_time{    
font-size: 12px;
line-height: 16px;
}
.widget .course_details>ul>li:first-child i.i_course_time {display:block;}
.show_hint span:before{
content: "[";
}
.show_explaination.active:before{
content: "\e092";
}
.show_hint.active span:before{
content: "\e036";
}
.submissions.show .course_students,
.submissions.show .quiz_students,
.submissions.show .assignment_students{
display: block;
}
.assignment_students .assignment_content{padding-top:30px;}
.submissions .tab-pane .quiz_students>li>.q+strong{
color:#222;
padding:5px;
border-radius:2px;
border:1px solid #f0c36d;
background-color: #f9edbe;
}
.unit_prevnext .col-md-6{text-align: center;}
.unit_prevnext .col-md-6+.col-md-3{text-align: right;}
.unit_line a.unit,
.unit_line a.quiz,
.unit_line a.quiz{cursor:pointer;}
.course_curriculum strong span{
color:#bbb;float:right;
}
h4.minmax{
font-size: 12px;
font-weight: 600;
border-bottom: 5px solid rgba(0,0,0,0.08);
padding: 8px 0;
}
h4.minmax i{color:#bbb;float:right;font-size:16px;}
#courselist li .course_desc{
padding:10px 30px;
}
.single .unit_prevnext{opacity: 0;} .unit_prevnext{
padding: 15px;
height: 55px;
border: 2px solid #3f4c4f;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
background: #313b3d;
margin: 20px -20px -20px;
font-size: 12px;
text-transform: uppercase;
}
#next_unit{float:right;}
#next_unit:after,#next_quiz:after {
content: "\e0f6";
font-family: 'fonticon';
float: right;
margin-left: 5px;
margin-top: 1px;
}
#prev_unit:after,#prev_quiz:after {
content: "\e172";
font-family: 'fonticon';
float: left;
margin-right: 5px;
margin-top: 1px;
}
.unit_prevnext a{
color:#FFF;
font-weight:600;
}
@media(max-width:768px){
.unit_prevnext{display:grid;grid-template-columns:1fr 1fr 1fr;}
#next_unit > span,#prev_unit>span,
#next_quiz > span,#prev_quiz>span{
display:none;
}
.question .question_wrapper.loaded .result{
transform: translateX(35%);
}
}
@media(max-width:460px){
.course_content_panel .unit_wrap .unit_prevnext{
top: 30px;
bottom: auto !important;
left: auto !important;
right: 30px;
width: 142px !important;
border:1px solid rgba(0,0,0,0.05);
background: rgba(0,0,0,0.8);
padding:0;
}
.course_content_panel .unit_wrap a:after{
width: 42px;
padding: 8px 0;
}
a#mark-complete{
display:block;
width:42px;
}
a#mark-complete>span {
display: none;
}
a#mark-complete:after{
content:"\f192";
display:block;
font-family:fontawesome;
}
a#mark-complete.disabled:after{
content:"";
padding:0;
}
a#mark-complete.disabled{
line-height: 3;
}
} #item-admins .instructor_course{
clear:both;
display: inline-block;
width:100%;
padding-top: 10px;
padding-bottom:10px;
border-bottom:1px solid rgba(255,255,255,0.2);
}
.single-course #item-admins .instructor_course:first-child{padding-top:0;}
.single-course #item-admins .instructor_course:last-child{
border:none; padding-bottom:0;
}
div#unit_content .page_title .instructor img {
width: 32px;
border-radius: 50%;
}
.course_desc + ul{
max-width: 200px;
position: absolute;
right: 0;
top: 0;
background:rgba(0,0,0,0.08);
height:100%;
}
#item-meta .star-rating{
max-width:none;
width:auto;
float:left;
}
.course_timeline li:first-child a{
margin-top:15px;
display: inline-block;
}
#courselist li .course_desc + ul > li{
margin:0;
padding:8px 16px;
background:rgba(0,0,0,0.08);
border-bottom:1px solid #DDD;
}
#courselist li .course_desc + ul > li:hover{
background:#DDD;
}
#courselist li .course_desc + ul > li i{
font-size:16px;
margin-right:10px;
float:left;
}
.curriculum_check li{
padding:6px 0;
position: relative;
padding-left:50px;
}
.curriculum_check li span{
display: block;
position: absolute;
right:0;
top:12px;
}
.curriculum_check li span:after{
font-family: 'fontawesome';
content: "\f10c";
font-size: 20px;
color: #EEE;
}
.curriculum_check li span:hover:after{
content: "\f058";
cursor:pointer;
}
.curriculum_check li span.done:after{
content: "\f058";
color: #70c989;
}
.curriculum_check li strong{
float:right;
text-transform: uppercase;
}
.course_students.loading{opacity: 0.2;}
.course_students .curriculum_check li {
padding:15px 30px 15px 0;
}
.quiz_result h3.heading{line-height: 1.5;}
.check_user_quiz_results{cursor:pointer;}
#courselist li .course_desc + ul > li span{
font-size:11px;
text-transform: uppercase;
font-weight:600;
}
.show_side{margin-top: 15px;display: none;}
.course_stats_user{
display: inline-block;
padding:20px 0;
width:100%;
}
.course_grade li{
padding: 8px 0;
border-bottom: 1px dotted rgba(0,0,0,0.08);
}
#average,#pass,#badge,
.course_quiz{
width: 33%;
float: left;
margin:30px 0;
text-align: center;
}
@media (max-width:540px){
#average, #pass, #badge, .course_quiz{
width:100%;
text-align:center;clear:both;
}
#average span, #pass span, #badge span, .course_quiz span{
display:block;
}
}
.begin_quiz,
.submit_quiz{
cursor:pointer;
}
.course_quiz h5{
text-align: center;
color:#bbb;
font-size:12px;
font-weight:600;
text-transform: uppercase;
}
#average canvas,#pass canvas,#badge canvas,.course_quiz canvas{
margin:10px 0;
}
.badge-popup{
text-align: center;
padding: 30px;
display: inline-block;
border-radius: 2px;
background: #FFF;
}
.course_grade li strong{
color:#222;
float:right;
}
.course_grade li strong span{color:#bbb;}
h4.students_course{
margin: 0 -20px 10px;
padding: 10px 20px;
background: rgba(0,0,0,0.08);
}
h4.students_course strong{
float: right;
padding: 5px 5px;
background: #78c8ce;
color: #FFF;
line-height: 1;
border-radius: 50%;
}
.calculate_panel{
clear:both;
margin: 0 -20px;
padding: 10px 20px;
background: rgba(0,0,0,0.08);
text-align: right;
}
.calculate_panel strong{float:left;text-transform: uppercase;font-size:12px;margin-top:8px;}
.calculate_panel i{font-size:24px;margin-left:10px;color:#78c8ce;}
.complete_course{
text-align: center;
display: block;
width:100%;
}
.complete_course canvas{display: inline-block;}
.course_stats_user h6{
padding: 10px 20px;
margin: 10px -20px !important;
background: rgba(0,0,0,0.08);
}
.course_stats_user h6 span{float:right;font-weight:600;}
.in_details{
display: none;
font-size:11px;
margin:20px 0;
text-transform: uppercase;
font-weight:600;
}
.in_details strong{float:right;}
#userstats{
margin:30px 0;
display: inline-block;
width:100%;
}
#userstats li{
clear:both;
display: inline-block;
width:100%;
padding:10px 0 15px 0;
border-bottom:1px solid rgba(0,0,0,0.08);
}
#userstats li .ajax-certificate{
float:right;
line-height: 0;
font-size:36px;
color:#666;
margin-right:20px;
}
#userstats li .ajax-badge{
display: inline-block;
float:right;
}
#userstats li .ajax-badge img{border-radius:50%;border:1px solid rgba(0,0,0,0.08);}
#userstats h4{margin:0;font-size:16px;width:50%;font-weight:600;display: inline-block;float:left;}
#userstats h4 span,
#userstats h4 + span{color:#bbb;font-size:11px;font-weight:600;}
#userstats li img{
width: 48px;
float: left;
margin-right: 20px;
border-radius: 2px;
}
#userstats li strong{
float:right;
font-size:12px;
font-weight:600;
margin:10px 30px 0 0;
}
.pricing_course {
position:relative;
cursor:pointer;
min-width:120px;
}
.pricing_course .drop {
display:none;
position:absolute;
overflow:auto;
top:20px;
left:0;
z-index:99;
width:100%;
text-align: center;
border-radius: 4px;
}
.pricing_course .drop label {
display:block;
cursor:pointer;
padding: 12px 0;
background: #fafafa;
border: 1px solid rgba(0,0,0,0.08);
margin:0;
}
.pricing_course .drop label+label{border-top:none;} .price span.subs{
font-size: 11px;
text-transform: uppercase;
font-weight: 600;
color:#70c989;
} .course-list1{
margin-left: 60px;
display: block;
font-size: 11px;
text-transform: uppercase;
color: #666;
}
.course-list1 .course-star-rating{display:block;    margin-top: 2px;}
.course-list1 .course-star-rating+strong{
float: left;margin-top: 2px;
}
div.course_reviews .modern-star-rating strong.course-star-rating small:before {
font-size: 22px;
}
.author .instructor_stats .star-rating .bp_blank_stars:before{color:#000;font-size:25px;}
.author .instructor_stats .star-rating .bp_filled_stars:before{color:#000;font-size:25px;}
.bp_blank_stars {
position: relative;
display: inline-block;
color: #FFCB10;
overflow: hidden;}
.bp_filled_stars {
position: absolute;
top: 0;
color: #FFCB10;
overflow: hidden;
float: left;
left: 0;
}
.bp_blank_stars:before {
font-weight: 200;
content:"\f006\f006\f006\f006\f006";
font-family:fontawesome;
font-size:15px;
}
.bp_filled_stars:before{
font-weight: 200;
content:"\f005\f005\f005\f005\f005";
font-family:fontawesome;
font-size:15px;
}
.course-list1 h6{
font-size: 1rem;
text-transform: none;
}
.course-list1 .students{
clear: left;
} h5.credits strong{
clear:both;display: inline-block;
}
.showhide_indetails,
.retake_submit{
float: right;
color: #bbb;
font-size: 24px;
margin-top:10px;
margin-right:10px;
}
.widget.pricing #retake_course_submit_form{text-align:center;}
.widget.pricing a.link.retake_submit.tip {float:none;}
.widget.pricing a.link.retake_submit.tip i:before{
margin-right:5px;
}
.widget_course_list a:hover img{
border-color:#78c8c9;
}
.widget_course_list li h6{
margin:0;
font-size:14px;
}
.widget_course_list li img{
float:left;
max-width:48px;
border:2px solid rgba(0,0,0,0.08);
margin-right:10px;
border-radius:2px;
}
.widget_course_list li h6 span{
display: block;
font-size:11px;
color:#bbb;
font-weight:600;
text-transform: uppercase;
}
.course_instructor_widget img{
max-width: 48px;
border-radius: 50%;
float: left;
margin: 0 15px 15px 0;
}
.course_instructor_widget .instructor_course{clear:both;}
.course_instructor_widget h5{
margin:10px 0;
padding:10px 0;
border-bottom:3px solid rgba(0,0,0,0.08);
font-size: 14px;
font-weight: 600;
}
.course_instructor_widget .tip{
float: right;
font-size: 24px;
color: #bbb;
}
.instructor_line{
clear:both;
display: inline-block;
width:100%;
margin:20px 0;
border-bottom:5px solid rgba(0,0,0,0.08);
}
.instructor_line h3 a{
float: right;
font-size:13px;
color:#bbb;
text-transform: uppercase;
font-weight:600;
}
.instructor_line:hover a{color:#78c8c9;}
.instructor_line h3 i{
font-size:16px;
margin-left:10px;
}
#question.quiz_submitted_fade{
opacity:0.2;
}
#total_marks > strong > span{
min-width: 20px;
background: #fafafa;
display: inline-block;
min-height: 20px;
padding: 2px 5px;
}
#set_quiz_marks{float:right;width: 120px;margin: 0 10px;} .question_content{
position: relative;
margin-top:15px;
padding:15px 30px 10px 0;
border-top: 1px solid rgba(0,0,0,0.08);
}
.main_unit_content ul.question_options{
list-style:none !important;
margin-left:0 !important;
}
.question_options .checkbox>input[type=checkbox]:checked+label:after{line-height:1.4;}
.main_unit_content ul.check_options li {
float: left;
margin-right: 10px;
font-size: 11px;
text-transform: uppercase;
}
ul.check_options {
list-style: none !important;
margin-left: 0 !important;
display: inline-block;
width: 100%;
padding: 15px 0 0;
}
.main_unit_content ul.check_options li a{
cursor: pointer;
}
.white-popup {
position: relative;
background: #FFF;
padding: 20px;
width:auto;
max-width: 500px;
margin: 20px auto;
} .main_unit_content a.show_hint{right:0;}
#ajaxloader.disabled{display: none;}
#ajaxloader{
position: absolute !important;
top:50%;
left:50%;
display: inline-block;
border-radius: 50%;
transform: translateZ(0);
color: rgba(0,0,0,0.2);
margin-left:-3rem !important;
font-size:5rem;
width: 1em;
height: 1em;
margin: -30px auto;
-webkit-animation: load6 1s linear infinite;
-moz-animation: load6 1s linear infinite;
-o-animation: load6 1s linear infinite;
animation: load6 1s linear infinite;
}
.course_bulk_actions{
position: relative;
}
.course_bulk_actions strong{float:left;}
.course_bulk_actions ul{
display: inline-block;
float: right;
}
.course_bulk_actions ul li{float:left;}
.bulk_message,
.bulk_add_students,
.bulk_change_status,
.bulk_assign_students,
.bulk_extend_subscription_students{
margin:24px 0 0;
border-top:5px solid rgba(0,0,0,0.08);
padding-top:10px;
display: none;
}
.bulk_message .button,
.bulk_add_students .button,
.bulk_assign_students .button,
.bulk_change_status .button,
.bulk_extend_subscription_students .button{
margin:10px 0;
}
.mfp-content .heading .small_link,
.mfp-content .item-list-tabs{
display: none;
}
.mfp-content .user_quiz_result,
.mfp-content .quiz_result{
padding: 15px;
background:#fff;
}
.user_quiz_result button.mfp-close {top: 30px;}
.mfp-content .unit_content {
padding: 30px !important;
}
.bulk_add_students .select2.select2-container{
width:100% !important;
color: #444;
}
#student_usernames{width:100%;} .stat_num strong{
clear:both;
display: block;
font-size:24px;
line-height: 24px;
padding:5px 0;
border-bottom:1px solid rgba(0,0,0,0.08);
}
.stat_num strong span{float:right;} .course_filters{
padding:20px;
background:#FFF;
border-radius:2px;
}
.course_filters .checkbox,.course_filters .radio{margin:3px 0;display:inline-block;}
.course_filters .checkbox label:before,
.course_filters .radio label:before{float:left;}
.course_filters .checkbox label:after{    left: 3px;top: -1px;}
.course_filters h4{
padding-bottom:8px;font-weight: 600;
margin-bottom:8px;margin-top:0;
border-bottom:2px solid rgba(0,0,0,0.08);
font-size:16px;text-transform:uppercase;
}
.course_filters ul+h4{margin-top:10px;}
.widget .course_filters ul.date_filter li{
padding:0;
}
.widget .course_filters ul.date_filter li input[type="text"]{
margin:0;
}
.widget .course_filters ul.date_filter li input[type="text"]:first-child{
margin-bottom:5px;
}
.widget .course_filters ul li
.widget .course_filters ul li input{float:right;}
#submit_filters,.course_filters label{cursor: pointer;font-weight:400;}
.sub_categories{display:none;}
.category_filter li > .sub_categories{
padding-left: 10px;
border-left: 2px solid rgba(0,0,0,0.08);
}
.category_filter>li>span{
float:right;
}
.category_filter>li>span:before{
content: "\e05d";
font-family: 'fonticon';
font-size: 8px;
margin: 0 5px;
color: #bbb;
}
.category_filter>li>span.active:before{
content: "\e092";
}
#active_filters{
margin-bottom: 10px;
display: inline-block;
width:100%;
}
#active_filters li:first-child{margin-left:20px;padding-top:6px;}
#active_filters li.all-filter-clear{
float:right;cursor: pointer;
padding:8px 20px 0 15px;
font-size:12px;
font-weight:400;
}
#active_filters li{
float: left;
color: rgba(0,0,0,0.6);
margin-right: 10px;
position: relative;margin-bottom: 10px;
}
#active_filters li span{
font-weight:600;
font-size: 11px;
padding: 8px 25px 8px 10px;
border: 1px solid rgba(0,0,0,0.08);
background: rgba(255,255,255,0.8);
border-radius: 2px;
position: relative;
color: rgba(0,0,0,0.6);
cursor:pointer;
text-transform: uppercase;
display: inline-block;
}
#active_filters li span:after {
content: "\e1bf";
font-family: 'fonticon';
position: absolute;
right: 5px;
top:8px;
font-size: 11px;
color: rgba(0,0,0,0.3);
}
#active_filters li.all-filter-clear:before{
content: "\e1bf";
font-family: 'fonticon';
position: absolute;
left: 0px;
top:9px;
font-size: 11px;
color: rgba(0,0,0,0.3);
} #applications ul li{
display:inline-block;
width:100%;
padding:8px 0;
border-bottom:1px dotted #EEE;
}
#applications ul li img{
border-radius:50%;
}
#applications ul li span.approve,
#applications ul li span.reject{
float:right;
margin-left:10px;
font-size:11px;
color:#bbb;cursor:pointer;
text-transform: uppercase;
text-align: center;
}
#applications ul li span.approve:before,
#applications ul li span.reject:before{
display:block;
font-size:24px;
color:#bbb;
content:"\f10c";
line-height: 1;
font-family:'fontawesome';
}
#applications ul li span.approve.loading:before,
#applications ul li span.reject.loading:before{content:"\f110"}
#applications ul li span.approve.active,
#applications ul li span.approve:hover{color:#70c989;}
#applications ul li span.approve:hover:before,
#applications ul li span.approve.active:before{
content:"\f05d";
color:#70c989;
}
#applications ul li span.reject.active,
#applications ul li span.reject:hover{color:#fa7252;}
#applications ul li span.reject:hover:before,
#applications ul li span.reject.active:before{
content:"\f05c";
color:#fa7252;
} .enable_comments .main_unit_content{
padding-right: 30px;
}
.enable_comments .main_unit_content.stop_notes{
padding-right:0;
}
.main_unit_content p{position: relative;}
.unit_content p span.side_comment{
position: absolute;
top: 0;
right: -30px;
padding: 3px 6px;
background: rgba(0,0,0,0.08);
border-radius:2px;
font-size: 12px;
line-height: 1;
cursor: pointer;
}
.unit_content p span.side_comment:after {
content: '';
border: 6px solid;
border-color: rgba(0,0,0,0.08)transparent transparent rgba(0,0,0,0.08);
position: absolute;
top: 15px;
right: 0px;
}
.unit_content p span.side_comment:hover,
.unit_content p span.side_comment.active{
background-color:#78c8c9;
color:#FFF;
}
.heading a.post-edit-link, .heading .vc_inline-link {
font-size: 11px;
color: #bbb;
font-weight: 600;
margin-left: 5px;
}
.unit_wrap{
overflow:hidden;
}
.unit_content p span.side_comment:hover:after,
.unit_content p span.side_comment.active:after{
border-color: #78c8c9 transparent transparent #78c8c9;
}
.instructor_reply_unit_comment.call{opacity: 0.4;}
.unit_content{overflow:hidden;}
.unit_content,
.main_unit_content{
height: auto;
display:inline-block;
width: 100%;
}
.unit_wrap{
position: relative;
}
.main_unit_content{
z-index:99;
width: 100%;
height: auto;
display:inline-block;
}
.main_unit_content {
position: relative;
left: 0;
width: 100%;
display:block;
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
}
.main_unit_content::after{
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
content: '';
opacity: 0;
over-y:hidden;
-webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}
.open .main_unit_content::after {
width: 100%;
height:100%;
opacity: 1;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
} .open .main_unit_content {
-webkit-transform: translate3d(-240px, 0, 0);
transform: translate3d(-240px, 0, 0);
}
.side_comments {
z-index: 1;
}
.side_comments{
position: absolute;
top: 80px;
right: 10px;
font-size:12px;
z-index: 100;
visibility: hidden;
width: 220px;
height: auto;
opacity: 0.1;
background:transparent;
-webkit-transition: all 0.5s;
transition: all 0.5s;
-webkit-transform: translate3d(240px, 0, 0);
transform: translate3d(240px, 0, 0);
}
.unit_content.open ~ .side_comments{
visibility: visible ;
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
overflow-y:auto;
overflow-x: hidden;
opacity: 1;
-webkit-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
.side_comments.scroll{
overflow-y:scroll !important;
max-height:100%;
}
.side_comments::after {
display: none;
}
.side_comments,
.side_comments p,.side_comments a.comment_author{
font-size:13px;
}
.side_comments >ul{position: relative;}
.side_comments >ul>li{
padding:10px 0;
display: inline-block; width:100%;
border-bottom:1px solid rgba(0,0,0,0.08);
}
#all_comments_link{
font-size: 11px;
border-bottom: 1px solid rgba(0,0,0,0.08);
width: 100%;
display: block;
text-align: right;
}
.side_comments ul.actions{
display:inline-block;
padding:0;
width:100%;
margin:0 0 0 42px;
}
.side_comments ul.actions li{
float:left; 
margin-right:10px;
}
#notes_discussions .actions a,
.side_comments a{color:#bbb;}
#notes_discussions .actions a:hover,
#notes_discussions .actions a.reply_unit_comment.meta_info,
.side_comments ul.actions li a:hover,
.side_comments a.reply_unit_comment.meta_info{color:#78c8c9;}
.side_comments .add-comment{
color: #B3B3B1;
font-size: 14px;
line-height: 22px;
font-weight: 300;
padding: 0px 8px;
letter-spacing: 0.05em;
text-decoration: none;
padding-top: 10px;
display: inline-block;
cursor:pointer;
}
.side_comments .add-comment.deactive{display: none;}
.side_comments .comment-form {
display: none;
}
.side_comments .comment-form.active{display: block;}
.side_comments .add-comment:before{
content: "+";
border: 2px solid #DEDEDC;
border-radius: 100px;
width: 23px;
height: 23px;
color: #DEDEDC;
display: block;
text-align: center;
font-size: 16px;
font-weight: 400;
line-height: 18px;
float: left;
margin-right: 15px;
letter-spacing: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.side_comments li img,
.comment-form img{
max-width: 32px;
border-radius: 50%;
margin: 10px 10px 10px 0;
float: left;
}
.side_comments .unit_comment_content,
.side_comments .comment-form article.live-edit{
margin-left:42px;
}
.new_side_comment p{margin:0;}
.side_comments li a,
.comment-form span{text-transform:uppercase;font-weight:600;}
.side_comments li a.unit_comment_author,
.comment-form span{
padding-top: 10px;
font-size:11px;
display: inline-block;
}
.new_side_comment > ul{
padding-left:10px;
list-style: disc outside none;
} .unit_content ol.commentlist li>ul.children,
.unit_content ol.commentlist li+ul.children  {
margin-left: 64px;
}
.main_unit_content ol {
list-style: decimal !important;
padding-left: 20px; } .quiz_title {
padding-bottom:10px;
border-bottom:1px solid rgba(0,0,0,0.08);
margin-bottom:20px;
}
.quiz_title .quiz_meta{
max-width: 72px;
float: right;
}
.quiz_title .quiz_meta .progress{
clear: both;
display: none;
margin: 0;
width: 72px;
padding: 0;
}
.quiz_title .quiz_meta.show_progress .progress{display: inline-block;}
.quiz_title .progress .bar{
padding:2px;
}
.inquiz_timer{
width: 72px;
position: relative;
float:right;
}
.inquiz_timer:after{
content:'';
background:transparent;
position: absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index: 99;
}
.quiz_meta i{
font-size: 11px;
text-align: center;
width: 72px;
display: none;
}
.quiz_meta.show_progress i{
display: block;
}
.inquiz_timer span.countdown {
top: 26px;color:#444;
font-size: 16px;
text-align: center;
}
.inquiz_timeline{
display: inline-block;
float: right;
}
.inquiz_timeline ul li{float:left;}
.quiz_title .inquiz_timeline ul{width:auto;}
.in_question{
margin-top:30px;
border-top:5px solid rgba(0,0,0,0.08);
}
.main_unit_content>.in_question::nth-child(1){
margin:0;border:none;
}
.in_question .question{
position: relative;
padding:30px 0 10px;
}
.in_question .question_options{
margin-left:0 !important;
list-style:none !important;
}
.question_options .radio>label:before{
float:left;
margin-top:2px;
}
.question_options .checkbox>label:before{
float:left;
margin-top:2px;
}
.question_options .checkbox>label:after{
top:1px;
}
.in_question .question.fillblank p{
display: inline;
line-height: 0;
}
.in_question .question.fillblank article.live-edit{
min-width: 160px;
border-bottom: 1px solid;
line-height: 1.5em;
display: inline-block;
}
.in_question .marks{float:right;margin-top:20px;}
.in_question .show_hint{
top:50px; right:0;z-index: 99;
}
.question_options.match li{
list-style:none;
position: relative;
}
.question .matchgrid_options ul{
list-style:none !important;
margin:0 !important;
}
.question_options.match li{
clear: both;
display: inline-block;
background:#FFF;
border: 1px solid rgba(0,0,0,0.08);
margin: 15px;
padding: 5px 15px 5px 35px;
position: relative;
border-radius: 2px;
}
.question_options.match li label>span {
color: #bbb;
font-family: 'fonticon';
font-size: 16px;
position: absolute;
left: 10px;
top: 5px;
}
.question_options.match li label>span:before {
content: "\e0e0";
}
.question_options.sort li{
padding:5px 10px;
border:1px solid rgba(0,0,0,0.08);
cursor: move;
}
.matchgrid_options li.ui-draggable-dragging{
position: relative;
top:0;
left:0;
}
.in_quiz .pagination{
border-top: 1px solid rgba(0,0,0,0.08);
border-radius: 0;
padding: 20px 0 0;margin-bottom:0;
display: inline-block;
width:100%;
}
.in_quiz .pagination label{float:right;}
.in_quiz .pagination ul li{float:left;}
.in_quiz .pagination ul li a{cursor:pointer;}
.in_quiz .pagination ul{
float:right;
display: inline-block;
list-style:none !important;
} .course_instructor_widget .instructor_meta{display:none !important;}
.single_text{
display: inline-block;
width: 100%;
margin-bottom: 40px;
}
#retakes9999{display:none;} h3.assignment_heading{
clear:both;
padding:10px 0;
font-size:16px;
display:inline-block;
width:100%; 
}
h3.assignment_heading.heading>strong{
display:inline-block;
font-size:12px;
}
h3.assignment_heading.heading>strong>span{float:left;margin-left:10px;}  .course_review{
background: rgba(0,0,0,0.05);
padding: 20px;
border-radius: 2px;	
}
.course_review h4,
.list_course_review h4{
font-size:20px;
font-weight:600;
margin-top:0;
}
.course_review h5{
font-size:16px;
margin-bottom: 0;
}
.course_review h5 span{
display: block;
font-size:14px;
}
.course_review .review_author{
display: inline-block;
width: 100%;
padding: 10px 0 0;
}
.flexslider .slides .review_author img,
.widget_reviews_list li .course_review img,
.widget_reviews_list li img{
max-width:48px;
margin:10px 5px 0 0 ;
float:left;
border-radius:50%;
}
.list_course_review{
margin-left:60px;
}  .ui-datepicker {
height: auto;
margin: 5px auto 0;
border: 2px solid #444;
font-size: 11px;
border-radius: 2px;
background: #FFF; }
.ui-datepicker a {
text-decoration: none; } .ui-datepicker table {
width: 100%; }
.ui-datepicker-header {
background: #444;
color: #e0e0e0;
font-weight: bold;
line-height: 30px;
border-width: 1px 0 0 0;
border-style: solid;
border-color: #111; }
.ui-datepicker-title {
text-align: center;
font-weight: 600;
font-size: 12px;
color: #FFF; }
.ui-datepicker-prev, .ui-datepicker-next {
display: inline-block;
width: 30px;
height: 30px;
text-align: center;
cursor: pointer;
background-repeat: no-repeat;
line-height: 600%;
overflow: hidden;
font-family: 'dashicons';
position: relative; }
.ui-datepicker-prev {
float: left;
background-position: center -30px; }
.ui-datepicker-prev:before {
content: "\f341";
color: #FFF;
font-size: 20px;
position: absolute;
margin-top: -20px;
left: 0; }
.ui-datepicker-next {
float: right;
background-position: center 0px; }
.ui-datepicker-next:before {
content: "\f345";
color: #FFF;
font-size: 20px;
position: absolute;
margin-top: -20px;
right: 0; }
.ui-datepicker thead {
background-color: rgba(0,0,0,0.08);
border-bottom: 1px solid rgba(0,0,0,0.08); }
.ui-datepicker th {
text-transform: uppercase;
font-size: 11px;
text-align: center;
padding: 5px 0;
color: #444; }
.ui-datepicker tbody td {
padding: 0; }
.ui-datepicker tbody td:last-child {
border-right: 0px; }
.ui-datepicker tbody tr {
border-bottom: 1px solid rgba(0,0,0,0.08); }
.ui-datepicker tbody tr:last-child {
border-bottom: 0px; }
.ui-datepicker td span, .ui-datepicker td a {
display: inline-block;
font-weight: bold;
text-align: center;
width: 28px;
height: 28px;
line-height: 28px;
color: #666666; }
.ui-datepicker-calendar .ui-state-default {
border-right: 1px solid rgba(0,0,0,0.08);
font-weight: 400; }
.ui-datepicker-calendar .ui-state-hover {
background: #f7f7f7; }
.ui-datepicker-calendar .ui-state-active {
background: #70C989;
color: #FFF;
font-weight: 600;
position: relative; }
.ui-datepicker-unselectable .ui-state-default {
background: #f4f4f4;
color: #b4b3b3; }
.ui-datepicker-calendar td:first-child .ui-state-active {
width: 29px;
margin-left: 0; }
.ui-datepicker-calendar td:last-child .ui-state-active {
width: 29px;
margin-right: 0; }
.ui-datepicker-calendar tr:last-child .ui-state-active {
height: 29px;
margin-bottom: 0; } #buddypress .course_essentials .instructor_course img{height:auto;}
.wp-playlist-tracks+.wp-playlist-tracks{display:none;}
@media(max-width:992px){
.unit_prevnext{height:auto !important;}
.unit_prevnext .col-md-6,
.unit_prevnext .col-md-3,
.unit_prevnext .col-md-6+.col-md-3{
text-align: center;
padding:5px 0;
}
#next_unit{float:none !important;}
}
@media(max-width:768px){
section#certificate.certificate_generated{
width:90%;
}
}
@media print{
a[href]:after {
content: none !important;
}
.quiz_result a{display:none !important;}
}
.action .batch_course img{
width:48px;
height:48px;
overflow:hidden;
display:block;
float:left;
margin:6px 3px;
border-radius:2px;
}
.mfp-content .back_to_course{display:none;}
@media print{
.certificate_print i{display:none;}
}
#fullbody_mask{
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
display:block;
z-index:9999;
} .unit-comment-body.unapproved{padding: 15px;background: rgba(0,0,0,0.05);}
#question.correct,#question.incorrect,.in_question.correct,.in_question.incorrect{min-height: 180px;position: relative;overflow: hidden;}
.quiz_bar{z-index:99;}
.check_question_answer+.quiz_bar{position:relative !important;display:inline-block;}
.check_question_answer{position:relative;cursor:pointer;}
.quiz_timeline li.incorrect span{background:#ef614d !important;color:#fff;}
.quiz_timeline li.incorrect>span:before{content:"\e036" !important;font-family: fonticon;color: #FFF;font-size: 10px;line-height: 1;position: absolute;top: 2px;left: 2px;}
.quiz_timeline li.correct span{background:#75b733 !important;color:#fff;}
.question_wrapper{    min-height: 100px;position: absolute;overflow:hidden;left: 0;top: 0;width: 100%;height: 100%;z-index: 99;text-align:center;transition:all 200ms ease-in;}
.question_wrapper span:before{font-family: fonticon;top:18px;left:18px;content: "\e038";color: #FFF;font-size: 30px;line-height: 1;position: absolute;}
.question_wrapper .incorrect>span:before{content: "\e036";}
.question_wrapper .incorrect>span{background:#ef614d;}
.question_wrapper .correct,.question_wrapper .incorrect{display:inline-block;margin-top:15px;padding:10px;}
.question_wrapper span{position:relative;width:64px;height:64px;float:left;border-radius:50%;background:#75b733;display:block;padding:30px;transform: scale(15);transition: all 200ms ease-in-out;}
.question_wrapper .correct>span:before{font-family: fonticon;top:18px;left:18px;content: "\e038";color: #FFF;font-size: 30px;line-height: 1;position: absolute;}
.question_wrapper strong{font-size:48px;line-height:64px;margin:0 10px;font-weight:600;color:#75b733;}
.question_wrapper .incorrect>strong{color:#ef614d;}
.question_wrapper.loaded .correct>span,.question_wrapper.loaded .incorrect>span{transform: scale(1);}
.question_wrapper .result{transition:all 200ms ease-in;}
#question.check_answer_loaded+.question_wrapper.loaded .result,
.in_question.check_answer_loaded .question_wrapper.loaded .result{
transform:translateX(40%);
}
#question.check_answer_loaded+.question_wrapper.loaded .result>div,
.in_question.check_answer_loaded .question_wrapper.loaded .result>div{background: rgba(255,255,255,0.8); border-radius: 5px;}
.checked_answer{ margin-bottom:20px;padding: 12px 24px;color:rgba(0,0,0,0.8);border: 1px solid #f0c36d;background-color: #f9edbe;border-radius: 2px;}
.checked_answer.correct{background:#d8eec2;border-color:#75b733;} .submit_inquiz+.save_quiz_progress{margin-left: 10px;padding-left: 10px;border-left:2px solid;}
.save_quiz_progress{cursor:pointer;}
.save_quiz_progress.loading,.submit_quiz_progress{background:none;border:none;}
.save_quiz_progress,.submit_quiz_progress{position:relative;display:inline-block;max-width:300px;margin: 0 auto;}
.submit_quiz_progress{display:block;}
.submit_quiz_progress .save_progress_wrap{position: absolute;width: 120px;bottom: -90px;left: 50%;margin-left: -28px;}
.save_quiz_progress.disabled,.save_quiz_progress.loading,.submit_quiz_progress{cursor:default;}
.save_quiz_progress .save_progress_label{position:relative;display:block;}
.save_quiz_progress .save_progress_label::before,.save_quiz_progress .save_progress_label::after{position: absolute;
right: -15px;font-family:'fontawesome';opacity: 0;transition: opacity 0.3s 0.3s;}
.save_quiz_progress .save_progress_label::before {content: "\f00c";}
.save_quiz_progress.done .save_progress_label::before{opacity:1;}
.save_quiz_progress.loading .save_progress_wrap,.submit_quiz_progress .save_progress_wrap{display: block;-webkit-transition: -webkit-transform 0.2s;transition: transform 0.2s;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transform: rotateX(90deg) translateZ(10px);transform: rotateX(90deg) translateZ(10px);}
.save_quiz_progress .save_progress_bar,
.submit_quiz_progress .save_progress_bar {
position: absolute;border-radius: 10px;
top: 100%;left: 0;width: 100%;
height: 20px;    background: rgba(0,0,0,0.1);
-webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.submit_quiz_progress .save_progress_inner,
.save_quiz_progress .save_progress_inner{position: absolute;background:#009dd8;left: 0;top: 0;width: 0;height: 100%;border-radius: 10px;-webkit-transition: width 0.3s, opacity 0.3s;transition: width 0.3s, opacity 0.3s;}  .tour-backdrop {background-color: rgba(0, 0, 0, 0.3);}
.tour-step-backdrop{
padding:15px !important;
background:#FFF;
color:#000 !important;
z-index:9999 !important;
border-radius:5px
}
.popover .closepop:before {
content: "\f00d";
font-family: FontAwesome;
color:#FFF;
}
.popover .closepop{
cursor:pointer;
opacity:1;
text-shadow: inherit;
right: 5px;
font-size: 15px;
font-weight: 100;
position:absolute;
top: 5px;
}
.disable_wplms_tour_popup .popover{
display:none !important;
} 
.disable_wplms_tour_popup div[class^=tour]{
display:none !important;
} 
.generate_course_tour{
margin: 24px 0 0;
border-top: 5px solid rgba(0,0,0,0.08);
padding-top: 10px;
display: none;
}
.mejs-fullscreen .course_content_panel .unit_wrap .unit_prevnext,
.mejs-fullscreen #hideshow_course_pursue_panel {z-index:1 !important;}
.single-course .certificate_generated .extra_buttons {display:inline-block !important;}
.quiz_remarks_in_result {
padding: 20px;
margin: 20px 0;
border: 1px solid rgba(0,0,0,0.1);
border-radius: 5px;
}
#message-thread .message-content iframe.wp-embedded-content {position:relative !important;}
a#load_more_cpt_user_results.loading:before {
content: '...';
}
a.course_video_popup {
position: relative;
}
a.course_video_popup span.icon_wrapper:before,a.course_video_popup:hover span.icon_wrapper:before {
content: "\f04b";
font-family:fontawesome;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
font-size:55px;
text-shadow: 1px 5px rgba(0, 0, 0, 0.2);
color:#fff;
font-weight:100;
}
ul#userstats .course_avatar a.course_video_popup{display:none;} .c6 .course_header5_sideblock div#item-header-avatar img{width:100%}
.c7 .course_header5_sideblock div#item-header-avatar img{width:100%}
.instructor_course { 
display: -ms-grid !important;
-ms-grid-columns: 32px 1fr; 
}
.instructor_course ul.instructor_meta {
display: grid;
grid-template-columns: 1fr 1fr;
}
.block.course8 .block_content .block_title {
border-bottom: none!important;
}
.block.course8 .more {
text-align: center;
position: relative;
z-index: 2;
}
.block.course8 .more_btn{
color: rgb(255, 255, 255); border-radius: 20px;
padding: 5px 10px;
}
.block.course8 .more:after {
content: '';
position: absolute;
left: 0;
top: 50%;
width: 100%;
height: 1px;
background: rgba(0, 0, 0, 0.4);
z-index: -1;
}
.block.course8 .block_content .cat_btn{
position: relative;font-size:12px;
padding: 5px 10px 5px 25px; border-radius: 18px;
color: rgb(255, 255, 255);
margin: 0 2px 0 0;
}
.block.course8 .block_content .cat_btn:before {
content:"\f02b";font-family:'fontawesome';
position:absolute;
left:10px;top:4px;
}
.blog_card.block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 256px;
border-radius: 8px;
-webkit-box-shadow: 0 7px 31px 0 rgba(0,0,0,.12);
box-shadow: 0 7px 31px 0 rgba(0,0,0,.12);
background-color: #fff;
}
.blog_card .block_media{
width:35%;
}
.blog_card .block_media img{
height:100%;
object-fit:cover;
}
.blog_card .block_content{
padding:30px 42px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
position: relative;
width:65%;
}
.blog_card .block_title a{
font-size: 20px;
font-weight: 600;
color: #5a5a5a;
text-decoration: none;
text-transform: capitalize;
}
.blog_card .block_desc{
margin-top: 12px;
font-size: 16px;
color: #475465;
line-height: 1.5;
}
.member_block5{
position: relative;
-webkit-box-orient: vertical;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 6px;
width: 240px!important;
height: 140px;
padding: 15px;
margin-right: 54px;
margin-top: 60px;
margin-bottom: 12px;
background-color: #fff;
-webkit-box-shadow: 2px 4px 8px 0 rgba(46,61,73,.11);
box-shadow: 2px 4px 8px 0 rgba(46,61,73,.11);
}
.member_block5 .member_avatar{
position: relative;
left: 50%;
transform: translate(-50%,0);
background-color: #fff;
border-radius: 50%;
overflow: hidden;
width: 75px;
height: 75px;
margin-top: -48px;
margin-bottom: 12px;
}
.member_block5 .member_avatar img{
border-radius: 50%;
width: 100%;
}
.member_block5 .member_info{
text-align: center;
}
.member_block5 .member_info a{
font-size: 14px;
color: #101010;
font-weight: 400;
margin-bottom: 12px;
text-decoration: none;
text-align: center;
text-transform: capitalize;
}
.member_block5 .member_info ul.socialicons {
float: none;
}
#title.light a.link.retake_submit.tip i{
color: #444444 !important;
display:inline-block;
}
#title.light a.link.retake_submit.tip {
color: #444444 !important;
}  .course_curriculum tr.course_section.sub_section {
margin-left:30px;
width: calc(100% - 30px) !important;
display: table;
}
.rtl .course_curriculum tr.course_section.sub_section {
margin-right:30px;
margin-left:0;
}
.course_curriculum tr.course_lesson.sub_unit {
width: calc(100% - 30px) !important;
border: none;
box-shadow: 0 0 1px;
transform: translate(30px) scale(0.97,1);
transform-origin: left;
}
.rtl .course_curriculum tr.course_lesson.sub_unit {
transform: translate(-30px) scale(0.97,1);
transform-origin: right;
}
.course_curriculum.accordion .course_section.sub_section.sub_show>td:after{
content:"\f068";
}
.course_curriculum.accordion .course_section.sub_section>td:after{
content:"\f067";
} .course_curriculum.accordion tr.course_section.sub_section {
display: none;
}
.course_curriculum.accordion tr.course_section.sub_section.show {
display: table;
}
.course_curriculum:not(.accordion) tr.course_section.sub_section td{
padding-left: 30px;
width:auto;
}
.rtl .course_curriculum:not(.accordion) tr.course_section.sub_section td{
padding-left: 0;
padding-right: 30px;
width:auto;
}
.course_curriculum:not(.accordion) tr.course_section.sub_section {
display: table-row;
} .course_timeline li.section.sub_section,.course_timeline li.unit_line.sub_unit {
margin-left: 30px;
width: calc(100% - 30px) !important;
}
.rtl .course_timeline li.section.sub_section,.rtl .course_timeline li.unit_line.sub_unit {
margin-left: 0px;
margin-right: 0px;
width: calc(100% - 30px) !important;
}
.course_timeline.accordion li.section.sub_section {
display: none;
}
.course_timeline.accordion li.section.sub_section.show {
display: initial;
}
.course_timeline.accordion .section.sub_section.sub_show:after{
content:"\f068";
}
.course_timeline.accordion .section.sub_section:after{
content:"\f067";
}
.quiztimer{
color:#ffffff;
display: grid;
justify-items: center;
align-items: center;
}
.quiztimer .timer_amount,.quiztimer .timer_unit{
color:#ffffff;
line-height: 1em;
}
.quiztimer .timer_amount {
font-size: 1em;
}
.quiztimer .timer_unit{
font-size: 0.3em;
}
.quiztimer .timer_amount span{
margin:0 5px;
}
.timer_amount,.timer_unit{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(50px,1fr));
-ms-grid-columns:repeat(auto-fit,minmax(50px,1fr));
display: -ms-grid;
justify-items: center;
}
.timer_amount span:nth-child(n+4), .timer_unit span:nth-child(n+4){
display:none;
}
.fillblank_area {
clear: none;
display: inline-block;
}
span.select_question_content {
display: inline-block;
}
.question_content select{margin:0 5px;} .droppable > div {
border: 1px solid rgba(0,0,0,0.08);
padding: 1rem;
}
.droppable.active{
overflow-y:scroll;
}
.question .droppable,.match_options {
touch-action: none;
}
.droppable > div+div {
border-top: none;
}
.droppable .dragging{
border: 1px solid #f5d01a;
box-shadow: 0 0 6px #efc600;
}
.quiz_questions_content .question .marks {
float:right;
margin-top:30px;
}
.question .question_option p {
display: inline-block;
}
.match_playground {
display: grid;
grid-template-columns: 1fr 1fr;
justify-content:center;
align-items:stretch;
grid-gap: 1rem;
margin: 1rem 0;
}
.match_playground .droppable{
border:1px solid rgba(0,0,0,0.2);
}
.match_playground .match_options .match_option {
border: 1px solid rgba(0,0,0,0.08);
padding: 2rem;
}
.match_playground .droppable {
display: grid;
grid-template-columns: 1fr;
grid-gap: 10px;
padding: 30px;
justify-content: center;
align-items: center;
}
.quiz_questions_content .question_content {
padding-top: 1rem;
}
.match_playground .droppable > div{
border-top:1px solid rgba(0,0,0,.1)
}
.match_playground .match_option{
background:rgba(185, 185, 185, 0.1);
}
.match_playground .match_options .match_option .children > div {
border: 1px solid rgba(0,0,0,0.08);
padding: 1rem;
background:#fff;
}
.quiz_questions_content.col-md-9 .question {position:relative;}
.question_wrapper.loaded .result {
transform: translateX(40%);
}
.quiz_questions_content .question .question_hint {
float: right;
cursor: pointer;
z-index: 99;
position: relative;
margin-top: 22px;
margin-right: 5px;
}
.quiz_questions_content .question span.question_hint:before{
content: "\f29c";
font-family:fontawesome;
font-size:22px;
}
.quiz_questions_content .question span.question_hint.show:before{
content: "\f05c";
}
.quiz_questions_content .question:first-child .question_content{
border-top:none;
}
.quiz_questions_content .question span.question_hint_content {
position: absolute;
bottom: 0;
left: 30px;
padding: 1.5rem;
border-radius: 3px;
box-shadow: 1px 5px 20px rgba(0,0,0,0.3);
z-index: 101;
transform:scale(0);
transition:0.2s all;
}
.quiz_questions_content .question span.question_hint_content.show{
transform:scale(1);
}
div.sort_options {
touch-action: none;
}
.fillblank_area input{border:none;border-bottom:2px solid rgba(0,0,0,0.2)}
.quiz_questions_content.col-md-9 .quiz_bar {
display: block;
margin: 30px 0;
position: relative;
}
.single-quiz .question .question_content:first-child{
border-top:none;
}
.quiz_questions li > strong{
display:block;
margin:5px 0;
}
.quiz_questions_content{
margin-bottom:30px;
} .react_quiz .c100.big {
font-size: 5em;
}
.react_quiz .inquiz_timer{
display:none;
}
.react_quiz .incoursequiz_details .quiztimer span.timer_unit {
display: none;
}
.react_quiz .incoursequiz_details .quiztimer .c100:after{
background: #ffffff;
}
.react_quiz .incoursequiz_details .quiztimer span{
color:#000;
}
.react_quiz .incoursequiz_details .quiztimer .timer_amount{
grid-template-columns:repeat(auto-fit,minmax(15px,1fr));   
}
.question_correct {
border: 2px solid rgba(0, 128, 0, 0.5) !important;
padding: 5px;
border-radius: 5px;
}
.question_incorrect {
border: 2px solid rgba(255, 0, 0, 0.5) !important;
padding: 5px;
border-radius: 5px;
}
.question_option .radio>input[type=radio]+label,
.question_option .checkbox>input[type=radio]+label{
display:flex;
align-items:center;
}
.react_quiz div#unit.quiz_title h1{
width: 50%;
overflow:hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.react_quiz div#unit.quiz_title h5{
width: 50%;
font-size:14px;
overflow:hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.incoursequiz_details {
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
width: 100%;
padding: 1rem 0;
align-items: center;
transition: 0.5s all;
margin: 1rem 0;
}
.incoursequiz_details.fixed { background: #ffffff; } .dark .incoursequiz_details.fixed {background:transparent;}
div#wplms_quiz .loading_quiz.disabled{
display:none;
}
div#wplms_quiz .loading_quiz{
position:fixed !important;
width:100%;
height:100%;
left:0;
top:0;
z-index:9999;
}
@media(min-width:1024px){
.course_content_panel_content .incoursequiz_details.fixed {
position: fixed;
top: 0;
width: calc(80% - 360px);
padding: 15px;
z-index: 9999;
}
.course_pursue_panel_hide .course_content_panel_content .incoursequiz_details.fixed{
width:80%;
}
}
.quiz_questions_content .quiz_pagination ul{list-style:none;}
.quiz_questions_content .quiz_pagination ul{
display:flex;
flex-direction:row-reverse;
align-items:center;
justify-content:flex-start;
margin-top:30px;
}
.quiz_questions_content .quiz_pagination ul li a{
padding:2px 5px;
border:1px solid rgba(90, 90, 90, 0.2);
margin:10px;
background:rgba(0, 0, 0, 0.43);
color:#fff;
text-shadow:1px 1px rgba(0,0,0,0.1);
font-size:1.2em;
}
.incousre_quiz_button {
display: flex;
flex-direction: row-reverse;
max-width: calc(100% - 70px);
}
.incousre_quiz_button a{
text-align: center;
}
#wplms_quiz .button{
cursor:pointer;
}
.confirmpopup_wrapper {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba(0,0,0,0.5);
z-index: 99999;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
padding-top: 10vh;
}
.confirmpopup_wrapper  .confirmpopup_content {
padding:15px;
background:#fff;
border-radius:5px;
min-width:50%;
}
span.question_stats_content_heading {
margin-bottom: 1rem;
display: inline-block;
}
.question_stats_content {
display: grid;
grid-template-columns: repeat(auto-fit,minmax(120px,1fr));
grid-gap: 10px;
align-items: start;
}
.question_stats_content span{
margin:5px;
}
.question_stats_content .checked_answer{
margin-bottom:0;
text-align: center;
}
.quiz_stats_chart {
display:flex;
flex-direction:row;
flex-wrap: wrap;
}
.quiz_stats_chart .quiz_stats_chart_pie {
width:340px;
}
.quiz_stats_chart .question_stats_content_wrapper {
width:calc(100% - 340px);
}
@media(max-width:768px){
.quiz_stats_chart .quiz_stats_chart_pie {
width:100%;
margin-bottom:30px;
}
.quiz_stats_chart .question_stats_content_wrapper {
width:100%;
}
}.mejs-offscreen{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal}.mejs-container{background:#000;font-family:Helvetica,Arial,serif;position:relative;text-align:left;text-indent:0;vertical-align:top}.mejs-container,.mejs-container *{box-sizing:border-box}.mejs-container video::-webkit-media-controls,.mejs-container video::-webkit-media-controls-panel,.mejs-container video::-webkit-media-controls-panel-container,.mejs-container video::-webkit-media-controls-start-playback-button{-webkit-appearance:none;display:none!important}.mejs-fill-container,.mejs-fill-container .mejs-container{height:100%;width:100%}.mejs-fill-container{background:transparent;margin:0 auto;overflow:hidden;position:relative}.mejs-container:focus{outline:none}.mejs-iframe-overlay{height:100%;position:absolute;width:100%}.mejs-embed,.mejs-embed body{background:#000;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.mejs-fullscreen{overflow:hidden!important}.mejs-container-fullscreen{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1000}.mejs-container-fullscreen .mejs-mediaelement,.mejs-container-fullscreen video{height:100%!important;width:100%!important}.mejs-background,.mejs-mediaelement{left:0;position:absolute;top:0}.mejs-mediaelement{height:100%;width:100%;z-index:0}.mejs-poster{background-position:50% 50%;background-repeat:no-repeat;background-size:cover;left:0;position:absolute;top:0;z-index:1}:root .mejs-poster-img{display:none}.mejs-poster-img{border:0;padding:0}.mejs-overlay{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;left:0;position:absolute;top:0}.mejs-layer{z-index:1}.mejs-overlay-play{cursor:pointer}.mejs-overlay-button{background:url(//www.clicktolearn2012.com/wp-includes/js/mediaelement/mejs-controls.svg) no-repeat;background-position:0 -39px;height:80px;width:80px}.mejs-overlay:hover>.mejs-overlay-button{background-position:-80px -39px}.mejs-overlay-loading{height:80px;width:80px}.mejs-overlay-loading-bg-img{-webkit-animation:a 1s linear infinite;animation:a 1s linear infinite;background:transparent url(//www.clicktolearn2012.com/wp-includes/js/mediaelement/mejs-controls.svg) -160px -40px no-repeat;display:block;height:80px;width:80px;z-index:1}@-webkit-keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.mejs-controls{bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:40px;left:0;list-style-type:none;margin:0;padding:0 10px;position:absolute;width:100%;z-index:3}.mejs-controls:not([style*="display: none"]){background:rgba(255,0,0,.7);background:-webkit-linear-gradient(transparent,rgba(0,0,0,.35));background:linear-gradient(transparent,rgba(0,0,0,.35))}.mejs-button,.mejs-time,.mejs-time-rail{font-size:10px;height:40px;line-height:10px;margin:0;width:32px}.mejs-button>button{background:transparent url(//www.clicktolearn2012.com/wp-includes/js/mediaelement/mejs-controls.svg);border:0;cursor:pointer;display:block;font-size:0;height:20px;line-height:0;margin:10px 6px;overflow:hidden;padding:0;position:absolute;text-decoration:none;width:20px}.mejs-button>button:focus{outline:1px dotted #999}.mejs-container-keyboard-inactive [role=slider],.mejs-container-keyboard-inactive [role=slider]:focus,.mejs-container-keyboard-inactive a,.mejs-container-keyboard-inactive a:focus,.mejs-container-keyboard-inactive button,.mejs-container-keyboard-inactive button:focus{outline:0}.mejs-time{box-sizing:content-box;color:#fff;font-size:11px;font-weight:700;height:24px;overflow:hidden;padding:16px 6px 0;text-align:center;width:auto}.mejs-play>button{background-position:0 0}.mejs-pause>button{background-position:-20px 0}.mejs-replay>button{background-position:-160px 0}.mejs-time-rail{direction:ltr;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;height:40px;margin:0 10px;padding-top:10px;position:relative}.mejs-time-buffering,.mejs-time-current,.mejs-time-float,.mejs-time-float-corner,.mejs-time-float-current,.mejs-time-hovered,.mejs-time-loaded,.mejs-time-marker,.mejs-time-total{border-radius:2px;cursor:pointer;display:block;height:10px;position:absolute}.mejs-time-total{background:hsla(0,0%,100%,.3);margin:5px 0 0;width:100%}.mejs-time-buffering{-webkit-animation:b 2s linear infinite;animation:b 2s linear infinite;background:-webkit-linear-gradient(135deg,hsla(0,0%,100%,.4) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.4) 75%,transparent 0,transparent);background:linear-gradient(-45deg,hsla(0,0%,100%,.4) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.4) 75%,transparent 0,transparent);background-size:15px 15px;width:100%}@-webkit-keyframes b{0%{background-position:0 0}to{background-position:30px 0}}@keyframes b{0%{background-position:0 0}to{background-position:30px 0}}.mejs-time-loaded{background:hsla(0,0%,100%,.3)}.mejs-time-current,.mejs-time-handle-content{background:hsla(0,0%,100%,.9)}.mejs-time-hovered{background:hsla(0,0%,100%,.5);z-index:10}.mejs-time-hovered.negative{background:rgba(0,0,0,.2)}.mejs-time-buffering,.mejs-time-current,.mejs-time-hovered,.mejs-time-loaded{left:0;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transition:all .15s ease-in;transition:all .15s ease-in;width:100%}.mejs-time-buffering{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}.mejs-time-hovered{-webkit-transition:height .1s cubic-bezier(.44,0,1,1);transition:height .1s cubic-bezier(.44,0,1,1)}.mejs-time-hovered.no-hover{-webkit-transform:scaleX(0)!important;-ms-transform:scaleX(0)!important;transform:scaleX(0)!important}.mejs-time-handle,.mejs-time-handle-content{border:4px solid transparent;cursor:pointer;left:0;position:absolute;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);z-index:11}.mejs-time-handle-content{border:4px solid hsla(0,0%,100%,.9);border-radius:50%;height:10px;left:-7px;top:-4px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);width:10px}.mejs-time-rail .mejs-time-handle-content:active,.mejs-time-rail .mejs-time-handle-content:focus,.mejs-time-rail:hover .mejs-time-handle-content{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.mejs-time-float{background:#eee;border:1px solid #333;bottom:100%;color:#111;display:none;height:17px;margin-bottom:9px;position:absolute;text-align:center;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:36px}.mejs-time-float-current{display:block;left:0;margin:2px;text-align:center;width:30px}.mejs-time-float-corner{border:5px solid #eee;border-color:#eee transparent transparent;border-radius:0;display:block;height:0;left:50%;line-height:0;position:absolute;top:100%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:0}.mejs-long-video .mejs-time-float{margin-left:-23px;width:64px}.mejs-long-video .mejs-time-float-current{width:60px}.mejs-broadcast{color:#fff;height:10px;position:absolute;top:15px;width:100%}.mejs-fullscreen-button>button{background-position:-80px 0}.mejs-unfullscreen>button{background-position:-100px 0}.mejs-mute>button{background-position:-60px 0}.mejs-unmute>button{background-position:-40px 0}.mejs-volume-button{position:relative}.mejs-volume-button>.mejs-volume-slider{-webkit-backface-visibility:hidden;background:rgba(50,50,50,.7);border-radius:0;bottom:100%;display:none;height:115px;left:50%;margin:0;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:25px;z-index:1}.mejs-volume-button:hover{border-radius:0 0 4px 4px}.mejs-volume-total{background:hsla(0,0%,100%,.5);height:100px;left:50%;margin:0;position:absolute;top:8px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:2px}.mejs-volume-current{left:0;margin:0;width:100%}.mejs-volume-current,.mejs-volume-handle{background:hsla(0,0%,100%,.9);position:absolute}.mejs-volume-handle{border-radius:1px;cursor:ns-resize;height:6px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:16px}.mejs-horizontal-volume-slider{display:block;height:36px;position:relative;vertical-align:middle;width:56px}.mejs-horizontal-volume-total{background:rgba(50,50,50,.8);height:8px;top:16px;width:50px}.mejs-horizontal-volume-current,.mejs-horizontal-volume-total{border-radius:2px;font-size:1px;left:0;margin:0;padding:0;position:absolute}.mejs-horizontal-volume-current{background:hsla(0,0%,100%,.8);height:100%;top:0;width:100%}.mejs-horizontal-volume-handle{display:none}.mejs-captions-button,.mejs-chapters-button{position:relative}.mejs-captions-button>button{background-position:-140px 0}.mejs-chapters-button>button{background-position:-180px 0}.mejs-captions-button>.mejs-captions-selector,.mejs-chapters-button>.mejs-chapters-selector{background:rgba(50,50,50,.7);border:1px solid transparent;border-radius:0;bottom:100%;margin-right:-43px;overflow:hidden;padding:0;position:absolute;right:50%;visibility:visible;width:86px}.mejs-chapters-button>.mejs-chapters-selector{margin-right:-55px;width:110px}.mejs-captions-selector-list,.mejs-chapters-selector-list{list-style-type:none!important;margin:0;overflow:hidden;padding:0}.mejs-captions-selector-list-item,.mejs-chapters-selector-list-item{color:#fff;cursor:pointer;display:block;list-style-type:none!important;margin:0 0 6px;overflow:hidden;padding:0}.mejs-captions-selector-list-item:hover,.mejs-chapters-selector-list-item:hover{background-color:#c8c8c8!important;background-color:hsla(0,0%,100%,.4)!important}.mejs-captions-selector-input,.mejs-chapters-selector-input{clear:both;float:left;left:-1000px;margin:3px 3px 0 5px;position:absolute}.mejs-captions-selector-label,.mejs-chapters-selector-label{cursor:pointer;float:left;font-size:10px;line-height:15px;padding:4px 10px 0;width:100%}.mejs-captions-selected,.mejs-chapters-selected{color:#21f8f8}.mejs-captions-translations{font-size:10px;margin:0 0 5px}.mejs-captions-layer{bottom:0;color:#fff;font-size:16px;left:0;line-height:20px;position:absolute;text-align:center}.mejs-captions-layer a{color:#fff;text-decoration:underline}.mejs-captions-layer[lang=ar]{font-size:20px;font-weight:400}.mejs-captions-position{bottom:15px;left:0;position:absolute;width:100%}.mejs-captions-position-hover{bottom:35px}.mejs-captions-text,.mejs-captions-text *{background:hsla(0,0%,8%,.5);box-shadow:5px 0 0 hsla(0,0%,8%,.5),-5px 0 0 hsla(0,0%,8%,.5);padding:0;white-space:pre-wrap}.mejs-container.mejs-hide-cues video::-webkit-media-text-track-container{display:none}.mejs-overlay-error{position:relative}.mejs-overlay-error>img{left:0;max-width:100%;position:absolute;top:0;z-index:-1}.mejs-cannotplay,.mejs-cannotplay a{color:#fff;font-size:.8em}.mejs-cannotplay{position:relative}.mejs-cannotplay a,.mejs-cannotplay p{display:inline-block;padding:0 15px;width:100%}.mejs-container{clear:both;max-width:100%}.mejs-container *{font-family:Helvetica,Arial}.mejs-container,.mejs-container .mejs-controls,.mejs-embed,.mejs-embed body{background:#222}.mejs-time{font-weight:400;word-wrap:normal}.mejs-controls a.mejs-horizontal-volume-slider{display:table}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,.mejs-controls .mejs-time-rail .mejs-time-loaded{background:#fff}.mejs-controls .mejs-time-rail .mejs-time-current{background:#0073aa}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,.mejs-controls .mejs-time-rail .mejs-time-total{background:rgba(255,255,255,.33)}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,.mejs-controls .mejs-time-rail span{border-radius:0}.mejs-overlay-loading{background:0 0}.mejs-controls button:hover{border:none;-webkit-box-shadow:none;box-shadow:none}.me-cannotplay{width:auto!important}.media-embed-details .wp-audio-shortcode{display:inline-block;max-width:400px}.audio-details .embed-media-settings{overflow:visible}.media-embed-details .embed-media-settings .setting span:not(.button-group){max-width:400px;width:auto}.media-embed-details .embed-media-settings .checkbox-setting span{display:inline-block}.media-embed-details .embed-media-settings{padding-top:0;top:28px}.media-embed-details .instructions{padding:16px 0;max-width:600px}.media-embed-details .setting .remove-setting,.media-embed-details .setting p{color:#a00;font-size:10px;text-transform:uppercase}.media-embed-details .setting .remove-setting{padding:5px 0}.media-embed-details .setting a:hover{color:#dc3232}.media-embed-details .embed-media-settings .checkbox-setting{float:none;margin:0 0 10px}.wp-video{max-width:100%;height:auto}.wp_attachment_holder .wp-audio-shortcode,.wp_attachment_holder .wp-video{margin-top:18px}.wp-video-shortcode video,video.wp-video-shortcode{max-width:100%;display:inline-block}.video-details .wp-video-holder{width:100%;max-width:640px}.wp-playlist{border:1px solid #ccc;padding:10px;margin:12px 0 18px;font-size:14px;line-height:1.5}.wp-admin .wp-playlist{margin:0 0 18px}.wp-playlist video{display:inline-block;max-width:100%}.wp-playlist audio{display:none;max-width:100%;width:400px}.wp-playlist .mejs-container{margin:0;max-width:100%}.wp-playlist .mejs-controls .mejs-button button{outline:0}.wp-playlist-light{background:#fff;color:#000}.wp-playlist-dark{color:#fff;background:#000}.wp-playlist-caption{display:block;max-width:88%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.5}.wp-playlist-item .wp-playlist-caption{text-decoration:none;color:#000;max-width:-webkit-calc(100% - 40px);max-width:calc(100% - 40px)}.wp-playlist-item-meta{display:block;font-size:14px;line-height:1.5}.wp-playlist-item-title{font-size:14px;line-height:1.5}.wp-playlist-item-album{font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-playlist-item-artist{font-size:12px;text-transform:uppercase}.wp-playlist-item-length{position:absolute;right:3px;top:0;font-size:14px;line-height:1.5}.rtl .wp-playlist-item-length{left:3px;right:auto}.wp-playlist-tracks{margin-top:10px}.wp-playlist-item{position:relative;cursor:pointer;padding:0 3px;border-bottom:1px solid #ccc}.wp-playlist-item:last-child{border-bottom:0}.wp-playlist-light .wp-playlist-caption{color:#333}.wp-playlist-dark .wp-playlist-caption{color:#ddd}.wp-playlist-playing{font-weight:700;background:#f7f7f7}.wp-playlist-light .wp-playlist-playing{background:#fff;color:#000}.wp-playlist-dark .wp-playlist-playing{background:#000;color:#fff}.wp-playlist-current-item{overflow:hidden;margin-bottom:10px;height:60px}.wp-playlist .wp-playlist-current-item img{float:left;max-width:60px;height:auto;margin-right:10px;padding:0;border:0}.rtl .wp-playlist .wp-playlist-current-item img{float:right;margin-left:10px;margin-right:0}.wp-playlist-current-item .wp-playlist-item-artist,.wp-playlist-current-item .wp-playlist-item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-audio-playlist .me-cannotplay span{padding:5px 15px}.block_media img{width:100%;}
#basic-details-section h4:after{content:'';}
.security-question-section input[type="number"]{border:1px solid #DDD;}
.security-question-section+.submit{clear:both;}
.content ul.question_options {
clear: both;
display: inline-block;
width: 100%;
list-style:none;
}
.block.courseitem span.amount{font-size:16px !important;}
.live-edit-sidebar,.live-edit-sidebar + .text-options{display: none;}