.hover_close_btn, .dct_backend_show, .dap_ct_tab_delete_div{
display:none !important;
}
.dap_course_template_drag_drop_item.ui_helper_my_custom_element:hover, .course_template_inner .course_template_shortcode.dap_course_template_drag_drop_item:hover {
    background: inherit;
    box-shadow: none;
}
.dap_course_template_drag_drop_item.ui_helper_my_custom_element:hover>.hover_close_btn , .draggableElement_wrapper_course_template , .dap_ct_lesson_template_edit_link, .dap_cource_template_backend_show, .dap_backend_show.ct_coursetimer_shortcode_link{
    display:none;
}
.course_template_inner .course_template_shortcode {
     box-shadow: none;
}
.dct_backend_hide{
 display:block;
}

.course_template_inner {    
    max-width: 100% !important; display:flex;    margin: 0 auto;   width: 1200px;box-shadow:rgb(206 206 206) 0px 0px 5px 0px;   
}
.course_template_tabs .nav-tabs .nav-item .nav-link.active, .course_template_tabs .nav-tabs .nav-item .nav-link:hover {
   
    float: left;
}

.course_template_inner .cl_tabs_cont, .showin_backend{display:none}
.course_template_inner .cl_tab1{display:block}
.dap_ct_remove_li_text{
    display:none !important;
}
.cl_tabs_cont h3{
    margin:0;padding:0;
}
.course_template_inner .course_template_shortcode {
    border: 0px solid #f1f1f1!important;
}
/**************badge popup starts*********************/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap');

.badges-popup-outer {position: fixed; left: 0; top: 0; bottom: 0; right: 0; width: 100%; display: flex; justify-content: flex-end; align-content: end; background-color: rgba(0,0,0,.6); z-index: 9999; margin: 0; padding: 5% 0 0 0; font-family: 'DM Sans', sans-serif; font-size: 16px; color: #333; line-height: 1.2; font-weight: normal; align-items: flex-end; }

.badges-popup-outer .badges-popup-inner {max-width:380px; background: #fff; padding:30px 20px; box-sizing: border-box; position: relative;margin-right: 30px;border-radius: 7px; }

.badges-popup-outer .badges-popup-close {position: absolute; right: -14px; top: -18px; width: 34px; height: 34px; background: #fff; text-align: center; color: #989898; font-size: 24px; line-height: 32px; margin: 0; padding: 0; border: none; border-radius: 100%; z-index: 66; outline: none; text-decoration: none; box-shadow: 0 0 4px 0 #7d7d7d; font-weight: 600; }

.badges-popup-outer .badges-popup-close:hover {color: #fff;background-color: #333;}

.badges-popup-inner .badges-popup-body {display: flex; flex-wrap: wrap; margin: 0; padding: 0; width: 100%; clear: both; }

.badges-popup-body .badges-popup-media {max-width: 100px;width: 100px;flex-basis: 100px;}

.badges-popup-body .badges-popup-content {width: 100%;max-width: calc(100% - 100px);padding: 0 0 0 20px;margin: 0;}

.badges-popup-content h3, .badges-popup-content p {margin: 0;padding: 0;width: 100%;display: inline-block;vertical-align: middle;line-height: 1.2;font-size: 16px;font-weight: normal;}

.badges-popup-content h3 {font-size: 22px;font-weight: 600;margin-bottom: 13px;}

.badges-popup-outer {display: none;visibility: hidden;opacity: 0;}

.badges-popup-outer.badges-popup-active {display: flex;visibility: visible;opacity: 1;}
/**************badge popup ends*********************/


body #course_template_outer_id .course_template_inner * {
    box-sizing: border-box;    
    
}
.course_template_inner .fluid-width-video-wrapper {
    padding-top: 0!important; position: unset;
}
body .course_template_inner p , body .course_template_inner div, body .course_template_inner span{
     line-height: 20px;
    font-size: 15px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    font-family: 'DM Sans',sans-serif;
}

    
#course_template_outer_id{
    width: 100%;
    float: none;
    max-width: 100%;
}
#course_template_outer_id h2:before {   
    display:none;
}
#course_template_outer_id  strong , #course_template_outer_id  strong *{
    font-size: inherit;
    font-family: inherit;
    font-weight: 700;
}
 body #course_template_outer_id .cl_tabs_cont h1, body #course_template_outer_id .cl_tabs_cont h2, body #course_template_outer_id .cl_tabs_cont h3, body #course_template_outer_id .cl_tabs_cont h4, body  #course_template_outer_id .cl_tabs_cont h5, body #course_template_outer_id .cl_tabs_cont h6{  
    margin: 0;
    padding: 0;
    line-height: normal;
    margin-bottom:4px;
    font-family: 'DM Sans',sans-serif;
 } 
 body #course_template_outer_id  h1, body #course_template_outer_id h2, body #course_template_outer_id h3, body #course_template_outer_id  h4, body  #course_template_outer_id  h5, body #course_template_outer_id h6{  
        display: inline-block;
    width: 100%;
    
    line-height: 1.3;
    font-weight: 600;
    color: #333;
 } 
body #course_template_outer_id .cl_tabs_cont h1{        
    font-size: 35px;
}
 body #course_template_outer_id .cl_tabs_cont h2{        
    font-size: 30px;
}
body  #course_template_outer_id .cl_tabs_cont h3{        
    font-size: 24px; 
} 

body #course_template_outer_id .cl_tabs_cont h4{        
    font-size: 19px;
}
body  #course_template_outer_id .cl_tabs_cont h5{        
    font-size: 18px;
}
body  #course_template_outer_id .cl_tabs_cont h6{        
    font-size: 17px;
}
.dragdrop_bullet_points ul li {     
    font-weight: 400;
}
body  #course_template_outer_id .cl_tabs_cont .dragdrop_add_more_task_text h3{        
    font-size: 18px;
    font-weight: 600;
} 
#course_template_outer_id .nav-link div{
    position: relative;
    font-weight: bold;
    line-height: 20px;
    font-size: 14px;
}
#course_template_outer_id .dap_btn_container *{
    font-weight: 600;
    font-size: 16px;
}
#outline_continer h3.course_name {
    padding-left:5px;
}
#outline_continer #start_button_link, #outline_continer #start_button_link div {
    font-size: 12px;
    white-space: nowrap;
    padding: 2px 0;
}
.course_template_left  #outline_continer h3.course_name {
    line-height: normal;    
    margin: 0;
    padding: 10px;
}
.course_template_left  #outline_continer h3.course_name {
    line-height: normal;
    padding-left: 5px;
    text-align: center;
    font-size: 15px;
    margin: 0;
    padding: 10px;
}
.ponits_msg_container , .animation_container  {
    padding: 10px 0 !important;
}
.ponits_msg_container .dct_editable  {
    padding: 10px;
}
.lesson_container_outer .lesson_container   {
    padding: 10px;
}
.course_template_left .custom_body_part .cardbody_text .lesson_data  a *{
    font-weight: 700; 
    font-size: 13px;
}
.course_template_left #pb_customize_template .complete_percent {
    font-size: 12px;     
}
.course_template_left #pb_customize_template .course_name_text {      
    font-size: 15px;    
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
}
.certificate_container{  text-align:center; } 
.course_template_left  a#start_button_link, .course_template_left  a#start_button_link * {
    font-size: 12px;
    font-weight: 700;
}


.course_template_outer .dragdrop_video_elements  {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
.course_template_outer .dragdrop_video_elements.ui-resizable {
  
  padding-top: 0%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}


.course_template_outer .dragdrop_video_elements iframe{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
}

.markas_completed_btn img, .next_btn_cont img{
     text-align: center;
    display: inline-block;
}

.fl-content-full .dragdrop_video_elements .fluid-width-video-wrapper{
    padding-top: 56.25%!important;
}
.fl-content-full .dragdrop_video_elements{
    padding-top: 0 !important;
}
body #course_template_outer_id .dragdrop_inner_section *{
font-size:inherit;
font-weight:inherit;
}


body .course_template_inner span.vjs-icon-placeholder {
    line-height: 28px;
}
body .course_template_inner .vjs-progress-control.vjs-control div{
    line-height: normal;
}

.dap_course_tempate_resources_wrapper .course_template_shortcode .dap_course_template_drag_drop_item_with_shadow{margin: 0;}

.course_template_inner .course_template_left .dap_course_tempate_resources_wrapper  h3{margin: 5px 0 10px 0;padding-bottom:15px;    }

.dap_course_tempate_resources_wrapper {   background-color: inherit;}

.dap_course_tempate_resources_wrapper.dap_course_template_drag_drop_item.ui_helper_my_custom_element{   background-color: inherit;}


.course_template_inner .course_template_left .dap_course_tempate_resources_wrapper {    padding: 15px;    margin: 0;}

.challenge_template_outer_div .course_template_left .dap_course_tempate_resources_wrapper .sideBar {margin: 10px 0;}

.course_template_inner .course_template_left .dap_course_tempate_resources_wrapper .dap_course_template_drag_drop_item.ui_helper_my_custom_element {
    /*margin: 0;*/
    padding: 0;
}

.course_template_inner .course_template_left .dap_course_tempate_resources_wrapper .dap_course_template_drag_drop_item.ui_helper_my_custom_element + .dap_course_template_drag_drop_item.ui_helper_my_custom_element {
    margin-top: 0px;
}

.course_template_inner .course_template_left .dap_course_tempate_resources_wrapper .dap_course_template_drag_drop_item.ui_helper_my_custom_element.dap_course_template_drag_drop_item_with_shadow {
    padding: 15px;
}
.course_template_inner ul.list-check-style {padding:0px;padding-bottom: 10px;}
.course_template_inner .course_template_shortcode, .course_template_inner .dap_course_template_drag_drop_item_with_shadow {padding:10px}


.dap_course_template_drag_drop_item .mce-preview-object.mce-object-iframe, .dap_course_template_drag_drop_item .mce-preview-object.mce-object-iframe iframe {
    width: 100%; 
}
.course_template_left.ui-sortable .sideBar li.challenge_lesson_tab_li {
    
    margin: 0;
}
body .course_template_inner .dragdrop_inner_section.dragdrop_heading_elements div > div {
    line-height: 25px;
}

body .course_template_inner .dragdrop_add_more_tick_text ul li {
    line-height: normal;
    padding-bottom: 0;
    margin-bottom: 0px;
}
.course_template_inner .course_template_left .dragdrop_add_more_tick_text h3 {
    margin: 5px 0 10px 0;
    padding-bottom: 0;
}
.sideBar{
display:none;
}
.sideBar.dap_course_template_drag_drop_item{
display:block;
}
.dap_course_template_drag_drop_item.ui_helper_my_custom_element { padding: 8px 10px;  }



#course_template_outer_id .dap_loader_gif_img {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
}

#course_template_outer_id .dap_button_hide > div:first-child{
    opacity: 0;
    color: transparent;
}

#course_template_outer_id .drag_drop_add_task_list_element_outer {padding: 10px;}
#course_template_outer_id .drag_drop_add_task_list_element_outer .dragdrop_add_more_task_text h3 {margin-top:2px;}



body #course_template_outer_id  .tab-content_frontend  h1 , body #course_template_outer_id  .tab-content_frontend   h2 , body #course_template_outer_id  .tab-content_frontend  h3 , body #course_template_outer_id  .tab-content_frontend   h4 , body #course_template_outer_id  .tab-content_frontend  h5, body #course_template_outer_id  .tab-content_frontend   h6 {    
    margin: 0 0 10px 0;
    padding: 0;
    line-height: 1.3;
    font-weight: 600;
    color: #333;
}
.course_template_timer.hide_timer_frontend { display: none!important; }

html{
    --dap_screen_res: calc(100vw - 17px);
}

.Template-Customize-Setting .Template-Customize-element .inner_template_style_box select.glb-content-alignment {min-height: 35px!important;margin: 0;}
.wp_template_msg_outer .global-Customizer-items-more.global-Customizer-item .globalInnerOptions .Template-Customize-Setting .Template-Customize-element .inner_template_style_box .glb-inner_template.dap-pr-5{ padding-right: 5px; }
.dap_builder_full_width #course_template_outer_id{  margin-left: calc((var(--dap_screen_res) - 100%) / -2); max-width: var(--dap_screen_res); width: var(--dap_screen_res);}
.dap_builder_full_width #course_template_outer_id .course_template_inner{ width: 1200px; }
.dap-show-header-footer .dap_builder_full_width {padding-top: 40px;padding-bottom: 40px;}
body.admin-bar .dap-hide-header-footer .course_template_inner {min-height: 100vh; padding-top: 32px;}
.dap-full-width-template .course_template_inner { width: 100%!important; }

#course_template_outer_id .course_template_inner .course_template-content .dap_course_template_header_div,
#course_template_outer_id .course_template_inner .course_template-content .course_template_tabs,
#course_template_outer_id .course_template_inner .course_template-content .dap_course_template_footer_div {margin-left: auto;margin-right: auto; text-align: left;}

#course_template_outer_id .course_template_inner .course_template-content.dap-content-align-left .dap_course_template_header_div,
#course_template_outer_id .course_template_inner .course_template-content.dap-content-align-left .course_template_tabs,
#course_template_outer_id .course_template_inner .course_template-content.dap-content-align-left .dap_course_template_footer_div {margin-left: 0;margin-right: auto;}

#course_template_outer_id .course_template_inner .course_template-content.dap-content-align-right .dap_course_template_header_div,
#course_template_outer_id .course_template_inner .course_template-content.dap-content-align-right .course_template_tabs,
#course_template_outer_id .course_template_inner .course_template-content.dap-content-align-right .dap_course_template_footer_div {margin-left: auto;margin-right: 0;}

#course_template_outer_id  .player-middle-bottom span {font-size: 10px!important; line-height: 1;}
#course_template_outer_id .player-middle-top span {font-size: 18px!important; line-height: 1;}

#course_template_outer_id  .player-bottom span {font-size: 10px!important; line-height: 1;}
#course_template_outer_id input[type="range"].player-song-slider{ margin-top: 2px !important; }

.challenge_template_outer_div .course-template-block { max-width: 100% !important; display: flex; }

/**MEDIA**/
@media (min-width: 1200px) {
    .dap_builder_full_width #course_template_outer_id .course_template_inner .course_template_left{ /*width: 400px; flex-basis: 400px; max-width: 400px;*/  max-width: 400px;}
    .dap_builder_full_width #course_template_outer_id .course_template_inner .course_template-content{ max-width: 100%; /*width: calc(100% - 400px); flex-basis: calc(100% - 400px); max-width: calc(100% - 400px); */}
    .dap-hide-header-footer .course_template_inner {min-height: 100vh;}
}

@media (max-width: 768px) {
     
    .course_template_outer .course_template_inner {
        max-width: 100%;
        width: 100%;
        display: inline-block;
    }
    .course_template_outer .course_template_inner.sidebar--right {
        display: flex;
        flex-direction: column;
        gap: 30px 0;
    }
    .course_template_inner .course_template_left {     
        width: 100%;
        flex-basis: 100%;
        max-width: 100%!important; 
    }
    .course_template_inner .course_template-content {     
        width: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }
    .course_template_inner.challenge_template_outer_div .course_template_left{
        width: 100%!important;
        flex-basis: 100%!important;
        max-width: 100%!important;
    }
    .course_template_inner .dap_course_wrapper_outer {
        width: 100%  !important;
    }
    .course_template_inner .course_template_left {     
        height: auto;
        overflow: none;
        max-height: 100%;
    }
    .course_template_inner .course_template_left {     
        height: auto;
        overflow: none;
        max-height: 100%;
    }
    .course_template_tabs .tab-content, .course_template-content .tab-content_frontend {
        height: auto;
        overflow: none;
        max-height: 100%;
    }
    .course_template_inner .course_template-content{ height: auto!important; }
    .challenge_template_outer_div .course-template-block { flex-direction: row; flex-wrap: wrap;}
}
 
@media (min-width: 768px) {
    .sfsi_shortcode_container {
        min-height: 85px;
        margin-top: 0% !important;
    }
}

@media only screen and (max-width: 450px){
    #course_template_outer_id div.player div.player-bottom span.player-audio-duration,
    #course_template_outer_id div.player div.player-bottom span.player-current-time{  width: 14%;  }
    #course_template_outer_id input[type=range].player-song-slider { width: 60% !important; }
    #course_template_outer_id input[type="range"].player-song-slider{ margin-top: 3px !important; }
    #course_template_outer_id .player-bottom span { font-size: 10px!important; line-height: 1;}
}
@media (max-width: 360px){
    .courselesson_container_outer #outline_continer .lesson_data .enable_lessclass > div{
    font-size: 12px;
    line-height: 1;
    }

    body #course_template_outer_id .course_template_inner .course_template_left {
        padding: 0;
    }