.Template-Customize-Setting {background: #f0f3f3;padding: 0 0 10px;float: left;width: 100%;margin-top: 0;margin-bottom: 25px;}

.Template-Customize-Setting h3 {text-align: center;font-size: 16px;font-weight: bold;font-family: inherit !important;letter-spacing: 0.5px;padding: 12px 0;color: #fff;border-bottom: 1px solid #dee8e8;text-transform: capitalize;background: #17d3b3;display: flex;justify-content: center;align-items: center;margin: 0;}

.Template-Customize-Setting .customize_open_close {margin-left: 7px;}

.Template-Customize-Setting .customize_open_close .fa {font-weight: 600;cursor: pointer;}

.Template-Customize-Setting .customizer_innner_sections {float: left;width: 100%;margin: 0;padding: 10px;box-sizing: border-box;}

.Template-Customize-Setting .Template-Customize-element {display: inline-block;width: 100%;margin: 0;padding: 0;vertical-align: middle;position: relative;}

.Template-Customize-Setting .Template-Customize-element-btn ,
.draggableElement_wrapper .Template-Customize-element1 .template_style.element_btn 
{display: inline-block;background: #fff;color: #555;font-weight: bold;text-transform: capitalize;width: 100%;height: 40px;line-height: 40px;font-size: 14px;font-family: inherit !important;text-align: left;border: 1px solid #dee8e8;border-radius: 4px;letter-spacing: 0;padding: 0 8px;margin: 0;}

.Template-Customize-element-inner {padding: 10px 10px;margin: 0;display: inline-block;background: #fff;width: 100%;vertical-align: middle;}

.Template-Customize-Setting .Template-Customize-element .inner_template_style_box {margin: 0;padding: 0;width: 100%;}

.Template-Customize-Setting .Template-Customize-element .inner_template_style_box > h4 ,
.Template-Customize-Setting .Template-Customize-element .inner_template_style_box .d-flex > h4 {font-size: 13px;color: #000;text-transform: capitalize;font-weight: 500;font-family: inherit !important;letter-spacing: .5px;margin-bottom: 0px;}

.Template-Customize-Setting .Template-Customize-element .inner_template_style_box input, .Template-Customize-Setting .Template-Customize-element .inner_template_style_box select {height: 38px;font-size: 12px;background: #fff;border: 1px solid #ddd;padding: 0 10px;width: 100%;margin: 5px 0 0 0;}

.Template-Customize-Setting .Template-Customize-element .inner_template_style_box p {margin: 0;padding: 0;display: inline-block;width: 100%;vertical-align: middle;}

.Template-Customize-Setting .Template-Customize-element + .Template-Customize-element {margin-top: 15px;}

.Template-Customize-Setting .Template-Customize-element .inner_template_style_box + .inner_template_style_box {margin-top: 13px;}

.Template-Customize-Setting .Template-Customize-element .inner_template_style_box .input-group {display: flex;flex-wrap: nowrap;margin-top: 5px;}

.Template-Customize-Setting .Template-Customize-element .inner_template_style_box .input-group .input-group-addon i {height: 38px;width: 27px;margin-right: 0;border: 1px solid #c7c7c7;border-left: 1px solid #c7c7c7;display: inline-block;cursor: pointer;vertical-align: middle;}

.Template-Customize-Setting .Template-Customize-element .inner_template_style_box .input-group > input {margin: 0;border-radius: 0;}

.Template-Customize-Setting .Template-Customize-element-btn.draggableElement i.fa, 
.Template-Customize-Setting .Template-Customize-element-btn.draggableElement span.sub_heading ,
.Template-Customize-Setting .customizer_innner_sections.draggableElement_wrapper .Template-Customize-element1 .template_style.element_btn i.fa ,
.Template-Customize-Setting .customizer_innner_sections.draggableElement_wrapper .Template-Customize-element1 .template_style.element_btn span.sub_heading {font-size: 24px;margin: 0;color: #17d3b3;font-weight: 500;vertical-align: middle;width: 40px;display: inline-block;}

.Template-Customize-content {float: left;width: 100%;margin: 20px 0;padding: 0 25px 0 0;max-width: calc(100% - 300px);max-width: -webkit-calc(100% - 300px);max-width: -moz-calc(100% - 300px);max-width: -ms-calc(100% - 300px);}

.Template-Customize-setting-outer {float: right; width: 300px; margin: 0; padding: 0; max-width: 100%; /* position: relative; */ padding-left: 15px; position: -webkit-sticky; position: sticky; top: 10px;}

.Template-Customize-Setting .customizer_innner_sections.draggableElement_wrapper .Template-Customize-element1 + .Template-Customize-element1 {margin-top: 13px;}

.Template-Customize-Setting .slider.slider-horizontal {width: 100% !important;}

.Template-Customize-Setting .slider.slider-horizontal .slider-track {background: #478935;height: 2px;margin-top: -1px;}

.Template-Customize-Setting .slider.slider-horizontal .slider-selection {background: #478935;}

.Template-Customize-Setting .slider.slider-horizontal .slider-handle {position: absolute;top: 0px;margin-left: 0;width: 19px;height: 19px;background: #fff;background-image: none;border: 2px solid #478935;cursor: pointer;}



.course_template_inner {float: left;width: 100%;max-width: calc(100% - 300px);margin: 0;display: flex;/*background: #f6f6f6;*/padding: 15px;}
/*.dap_lesson_template_div .course_template_inner { flex-direction: row; flex-wrap: wrap; }*/

.course_template_outer {float: left;width: 100%;max-width: calc(100% - 300px);margin: 0;display: flex;/*background: #f6f6f6;*/padding: 0;}

.course_template_outer .course_template_inner {max-width: 100%;width: 1200px;}

.course_template_tabs .nav-tabs {border: none;margin: 0;padding: 0 1px;border-radius: 0;width: 100%;background: #f1f1f1;list-style: none;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 !important;}
body #course_template_outer_id .course_template_tabs .nav-tabs{ display: flex; }
.course_template_tabs .nav-tabs .nav-item .nav-link , #course_template_outer_id .course_template_tabs .nav-tabs .nav-item .nav-link {width: 100%;text-align: center;margin: 0;border: none;background: none;border-radius: 0;color: #333333;padding: 12px 25px;/*text-transform: uppercase;*/font-size: 14px;font-weight: bold;transition: .4s all;position: relative;font-family: inherit;min-width: 150px;display: inline-block;text-decoration: none;line-height: normal;}

.course_template_tabs .nav-tabs .nav-item .nav-link.active, .course_template_tabs .nav-tabs .nav-item .nav-link:hover,  #course_template_outer_id .course_template_tabs .nav-tabs .nav-item .nav-link.active,  #course_template_outer_id .course_template_tabs .nav-tabs .nav-item .nav-link:hover {color: #fff;background: #266ebc;z-index: 10;}
  
.course_template_inner .course_template_left {/*width: 33%;flex-basis: 33%;*/max-width: 33%; background: #f6f6f6; margin: 0; padding: 10px;}

.dap_lesson_template_div .course_template_inner .course_template-content { max-width: 66.66%; width: 66.66%;  }

.course_template_inner .course_template_shortcode, .course_template_inner .dap_course_template_drag_drop_item_with_shadow {background: inherit;display: inline-block;width: 100%;padding: 15px;box-shadow: 0 0 10px 0 #e0e0e0;border: 1px solid #f1f1f1;*/font-size: 14px;line-height: 1.4;color: #333;margin: 0 0 15px 0;border-radius: 6px;font-weight: normal;}

.course_template_inner .course_template-content {float: left;/*width: 67%;flex-basis: 67%;*/max-width: 100%; width: 100%; background: none;margin: 0;padding: 15px;}

.course_template_inner .course_template-content.course_template_left_sidebar_hide {width: 100%;flex-basis: 100%;max-width: 100%;padding: 0;}

.course_template-content .course_template-content_heading , #course_template_outer_id .course_template-content .course_template-content_heading{font-size: 26px;border: none;color: #127280;margin: 10px 0 10px 0;line-height: normal;font-weight: 600;padding: 0;display: inline-block;width: 100%;vertical-align: middle;}

.course_template_tabs .tab-content {display: inline-block;width: 100%;margin: 0;padding: 0;vertical-align: middle;}

.course_template_tabs .tab-content .tab-pane ,
#online_course_shortcodes .course_template_tabs .tab-content .tab-pane {background-color: inherit;padding: 20px;font-size: 14px;color: #555;line-height: 1.3;font-weight: normal;}

.course_template_tabs .tab-content h2, .course_template_tabs .tab-content h3, .course_template_tabs .tab-content h4 { text-align: left; font-size: 26px;display: inline-block;width: 100%;margin: 0 0 10px 0;padding: 0;line-height: 1.3;font-weight: 600;color: #333;}

.course_template_tabs .tab-content h3 {font-size: 20px;}

.course_template_tabs .tab-content h4 {font-size: 18px;}

.course_template_tabs .tab-content p {font-size: 13px;color: #555;line-height: 1.3;font-weight: normal; font-family: var(--all-text-font-family);}

.dap-video-container {overflow: hidden;position: relative;width:100%;}

.dap-video-container::after {padding-top: 56.25%;display: block;content: '';}

.dap-video-container iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.drag_drop_payment_form_outer  .ui_helper_my_custom_element{width:100% !important;height:auto !important;} 
.course_template_shortcode.dap_course_template_drag_drop_item.ui-sortable-handle { padding-right: 35px; }
.drag_drop_payment_form_outer  .dragdrop_bullet_points ul li {
     list-style: disc;
    margin: 5px 10px 10px;
    font-size: 14px;
    color: #333;
    font-weight: 300;
    font-family: inherit;
    line-height: 18px;
}

.course_template_inner  .dragdrop_bullet_points ul li {
    font-family: var(--all-text-font-family);
}

.drag_drop_payment_form_outer  .ui_helper_my_custom_element .hover_close_btn {
    position: absolute;
    right: 6px;
    top: 1px;
}  

.drag_drop_payment_form_outer  .ui_helper_my_custom_element{
    position:relative;
}

.drag_drop_payment_form_outer  .ui_helper_my_custom_element .editable{
    width: 100%;
    float: left;
}

#elementEditModal .modal-body button.close {
    position: absolute;
    right: 10px;
    top: 2px;
    color: #fff;
    opacity: 1;
    font-size: 30px;
}

#elementEditModal .wrapper_left_side_bar {
    margin-top: 0;
}


#elementEditModal .inner_template_style_box h4 {
    margin-bottom: 3px;
}
#elementEditModal  .modal.show .modal-dialog {
   margin-top:70px;
}

.drag_drop_payment_form_outer  .ui_helper_my_custom_element .dragdrop_divider_elements{
    margin-top: 10px;
}




.drag_drop_payment_form_outer  .ui_helper_my_custom_droppable_start_element .draggableElement:hover{border:none!improtant;background: none;} 

.element_customizer_wrapper .element_wrapper{display:none}


.drag_drop_payment_form_outer  .ui_helper_my_custom_element.dap_course_template_drag_drop_item:hover>.hover_close_btn { 
    display: block;
}
.drag_drop_payment_form_outer  .ui_helper_my_custom_element.dap_course_template_drag_drop_item .hover_close_btn{
    display: none;
}

.drag_drop_payment_form_outer  .dap_course_template_drag_drop_item.element_customizer_active .hover_close_btn {
    display: block;
}

.element_customize_open_close{
    display: inline-block;
    margin-left: 8px;
    cursor: pointer;
} 
.drag_drop_payment_form_outer  .dap_course_template_enable_drag_drop .hover_close_btn{z-index:1}



.drag_drop_payment_form_outer  .element_drop_here {
  
    border: 2px dotted #16d3b3 !important;
    width: 100% !important;
    float: left;
    text-align: left;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 17px;
    color: #ada0a0;
    padding: 20px;
    font-family: inherit;
}
.inner_section_side_bar {
    width: 100% !important;
    float: left !important;
}
.
 .element_customizer_wrapper_list.wrapper_left_side_bar .btn.template_style{background: #000;color: #fff;}
 .element_customizer_wrapper_list.wrapper_left_side_bar .inner_section_side_bar{background: #fff;}
 .element_customizer_wrapper_list.wrapper_left_side_bar .inner_section_side_bar .inner_template_style_box h4{color: #000;}
 
 .course_template_inner .ui_helper_my_custom_droppable_start_element {
    width:250px !important;
    height:auto !important;
    float: left;
    border: 0px dashed #cccc;
    background-color:#fff;
    cursor: pointer;
}
.drag_drop_payment_form_outer  .dap_course_template_drag_drop_item:hover {
    border: 3px dashed rgb(231, 231, 231);
}
div#myPreviewNewModal .dap_course_template_drag_drop_item:hover {
    border: 0;
}
#myPreviewNewModal .hover_close_btn{display:none;}


.drag_drop_payment_form_outer  .dap_course_template_drag_drop_item {
    float: left;
    width: 100%;
}

.wrapper_payment_option {margin: 0;}

#myPreviewNewModal .modal-body{pointer-events: none;}
#myPreviewNewModal .modal-body .dap_course_template_drag_drop_item.element_customizer_active{border:none}

.wrapper_left_side_bar.element_customizer_wrapper_list .btn.template_style, 
.wrapper_left_side_bar.element_customizer_wrapper_list .btn.template_style:focus, 
.wrapper_left_side_bar.element_customizer_wrapper_list .btn.template_style:hover {
    background: #000;
    opacity:1;
    color: #fff !important;
} 


/*******28-feb css**************/
.customize_heading {
    display: flex;
    justify-content: center;
}
.customize_open_close {
    margin-left: 7px;
}
.customize_open_close .fa {
    font-weight: 600;
    cursor: pointer;
}
.wrapper_left_side_bar {
    margin-top: 0;
    margin-bottom: 25px;
}
.temp_summary_outer {
    margin-top: 0;
}
.right_side_section.wrapper_left_side_bar:first-child {
    margin-top: 0;
}

.wrapper_frontend_pre_view{    
    float: left;
    width: 100%;
}

.drag_drop_payment_form_outer  .dap_course_template_drag_drop_item:hover{border:0;}
  


.drag_drop_payment_form_outer .dap_course_template_drag_drop_item:hover {
    background: #fff;
    
    box-shadow: 4px 4px 20px 4px rgba(0, 0, 0, 0.20);
}

.drag_drop_payment_form_outer .mce-edit-focus.active_edit, .drag_drop_payment_form_outer .mce-edit-focus, .drag_drop_payment_form_outer  .active_edit{
    border: 2px dotted #16d3b3 !important;
    
    outline: unset !important;
}
.drag_drop_payment_form_outer .ui_helper_my_custom_element .mce-edit-focus.active_edit, .drag_drop_payment_form_outer .ui_helper_my_custom_element .mce-edit-focus, .drag_drop_payment_form_outer .ui_helper_my_custom_element .active_edit{
    border:0px !important;
}
.drag_drop_payment_form_outer  .element_customizer_active{
border: 2px dotted #16d3b3 !important;
}




#checkout_mobile_wrapper_set .drag_drop_payment_form_outer  .dap_course_template_enable_drag_drop .ui_helper_my_custom_element {
   max-width: 345px !important;
   
}
#checkout_wrapper_set .drag_drop_payment_form_outer  .dap_course_template_enable_drag_drop .ui_helper_my_custom_element {
   max-width: 1360px !important;
   
}

.drag_drop_payment_form_outer .dap_course_template_enable_drag_drop .dap_course_template_drag_drop_item > *{
    pointer-events: auto;
}








.draggableElement_outer .draggableElement {height: 34px; transition: all ease 0.3s; display: flex; align-items: center; padding: 0 10px; border-radius: 6px; background: #fff; color: #555; font-weight: bold; text-transform: capitalize; width: 100%; line-height: 40px; font-size: 14px; font-family: inherit !important; text-align: left; border: 1px solid #dee8e8; letter-spacing: 0; margin: 0; line-height: 1; }

.draggableElement_outer .draggableElement i ,
.draggableElement_outer .draggableElement .sub_heading {font-size: 24px; margin-right: 14px; color: #17d3b3; font-weight: 500; }

.Template-Customize-Setting .draggableElement_wrapper .draggableElement_outer {margin-bottom: 10px;}

.dap_course_template_drag_drop_item.ui_helper_my_custom_element:not(.drag_drop_add_task_list_element_outer) {max-width: 1360px !important;}

.dap_course_template_drag_drop_item.ui_helper_my_custom_element {display: inline-block;width: 100% !important;height: auto !important;padding: 14px 10px;margin: 10px 0;background-color: inherit;}

.dap_course_template_drag_drop_item.ui_helper_my_custom_element {position: relative;}
 
.dap_course_template_drag_drop_item.ui_helper_my_custom_element:not(.drag_drop_add_task_list_element_outer):not([data-type="add_more_tick_text"]):hover ,
.course_template_inner .course_template_shortcode.dap_course_template_drag_drop_item:hover {background: inherit;box-shadow: 4px 4px 20px 4px rgb(0 0 0 / 20%);}

.dap_course_template_drag_drop_item.element_customizer_active {border: 2px dotted #16d3b3 !important;}

.dap_course_template_drag_drop_item.ui_helper_my_custom_element .hover_close_btn {display: none;position: absolute;right: 6px;top: 1px;z-index: 1;pointer-events: auto;}

.dap_course_template_drag_drop_item.ui_helper_my_custom_element:hover>.hover_close_btn {display: block;}

.dap_course_template_drag_drop_item.ui_helper_my_custom_element .dragdrop_image_elements img {display: inline-block;width: 100%;margin: 0;padding: 0;vertical-align: middle;}

.dap_course_template_drag_drop_item .testimonial_outer_section {display: flex;padding: 10px;}

.dap_course_template_drag_drop_item .testimonial_outer_section .client_image {flex-basis: 110px;max-width: 110px;min-width: 110px;width: 110px;}

.course_template_inner .element_drop_here {border: 2px dotted #16d3b3 !important; width: 100% !important; float: left; text-align: left; text-transform: uppercase; font-weight: 600; font-size: 17px; color: #555; padding: 20px; font-family: inherit;margin: 0 0 13px 0 }

.dap_course_template_drag_drop_item .testimonial_outer_section .client_image img {width: 100%;}

.dap_course_template_drag_drop_item .testimonial_outer_section .client_feed_bk {padding: 0 0 0 25px;}

.dragdrop_add_more_task_text .challageTaskItem {    
    padding: 10px 20px; 
}

.dragdrop_bullet_points ul li::before {content: ""; width: 6px; height: 6px; background: #333; border-radius: 100%; position: absolute; left: 0; top: 6px; z-index: 2; right: auto; bottom: auto; }

.dragdrop_bullet_points ul li {list-style: none; text-align: left; font-size: 14px; color: #333; font-weight: 300; font-family: inherit; line-height: 18px; border: none; margin: 0; padding: 0 0 0 18px; position: relative; }

.dragdrop_bullet_points ul li + li {margin-top: 15px;}

.dragdrop_bullet_points ul {width: 100%;float: left;margin: 0;padding: 0;list-style: none;}


ul.list-check-style {display: inline-block;width: 100%;margin: 0 0 20px 0;padding: 0;vertical-align: middle;}

ul.list-check-style {margin-bottom: 0;list-style: none;list-style: none;}

h3.list--heading {color: #464646;font-size: 22px;font-weight: 600;line-height: normal;margin: 0 0 10px 0;padding: 0;}

ul.list-check-style li ,
#wiz_content_tab .ui-sortable ul.list-check-style li,
#wiz_content_tab div .course_template_tabs .ai-generated-text-wrapper li,
#wiz_content_tab div .course_template_tabs div[data-type="text"] .dragdrop_text_elements li{font-size: 16px; padding-left: 26px; position: relative; margin: 8px 0; padding: 0 0 0 25px; border: none; list-style: none; }

ul.list-check-style li::before ,
#wiz_content_tab .ui-sortable ul.list-check-style li::before,
div .course_template_tabs div[data-type="text"] .dragdrop_text_elements ul li:before,
div .course_template_tabs .ai-generated-text-wrapper ul li:before{content: ''; width: 14px; height: 8px; position: absolute; top: 5px; left: 3px; border: 3px solid #e55b10; border-top: none; border-right: none; background: transparent; transform: rotate(-45deg); z-index: 2; }

div .course_template_tabs .ai-generated-text-wrapper ul li:before,
div .course_template_tabs div[data-type="text"] .dragdrop_text_elements ul li:before{ border-color: #000; }

div .course_template_tabs .ai-generated-text-wrapper li,
div .course_template_tabs div[data-type="text"] .dragdrop_text_elements li{ font-size:18px; }

ul.list-check-style li .dap_ct_remove_li_text, #wiz_content_tab .ui-sortable ul.list-check-style li .dap_ct_remove_li_text {cursor: pointer; position: absolute; right: -4px; top: -2px; color: #ff1616; font-size: 14px; width: auto; height: auto; z-index: 3; opacity: 0; visibility: hidden; display: none; }

ul.list-check-style li:hover .dap_ct_remove_li_text, #wiz_content_tab .ui-sortable ul.list-check-style li:hover .dap_ct_remove_li_text {opacity: 1; visibility: visible; display: inline-block; }


#wiz_content_tab div .course_template_tabs .ai-generated-text-wrapper ol li,
#wiz_content_tab div .course_template_tabs div[data-type="text"] .dragdrop_text_elements ol li{ list-style: decimal; padding-left: 0; }

#wiz_content_tab div .course_template_tabs .ai-generated-text-wrapper ol, 
#wiz_content_tab div .course_template_tabs div[data-type="text"] .dragdrop_text_elements ol { margin-left: 20px; }


.showin_backend .dap_ct_add_more_li_text, .showin_backend .dap_ct_add_more_task_left_side {background: #3cd59f; color: #fff; display: inline-block; width: auto; margin: 5px 0; padding: 5px 8px; font-size: 13px; font-weight: 600; border-radius: 4px; cursor: pointer; outline: none; box-shadow: none; float: right; }
 
.dragdrop_video_elements iframe {max-width: 100%;}

.dap_heading_new_line {
    width: 100%;
}

.dap_heading_new_line h3 {
    font-size: 18px;
    margin-bottom: -5px;
    border-bottom: 1px solid gainsboro;
    padding-bottom: 5px;
}

.global-setting-box-wrapper {
    display: flex;
    gap: 0 10px;
    align-items: center;
    margin-bottom: 10px;
}

.global-setting-box-wrapper > label {
    font-size: 18px;
    font-weight: 600;
}

.showHideLeftSidebaroptionsGlobalFonts a,
.customHeaderTempateCudtomiser a {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    font-family: inherit !important;
    letter-spacing: 0.5px;
    padding: 12px 0;
    color: #fff;
    border-bottom: 1px solid #dee8e8;
    text-transform: capitalize;
    background: #2196f3;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 5px 0 10px 0;
    text-decoration: none;
}

.customHeaderTempateCudtomiser a{
    background: #9c27b0;
    display: none;
}


.Template-Customize-Setting .wrapper_left_side_bar {background: #f0f3f3;float: left;width: 100%;margin-top: 0;margin: 0;padding: 0;}

.Template-Customize-Setting .wrapper_left_side_bar .customize_open_close {margin-left: 7px;}

.Template-Customize-Setting .wrapper_left_side_bar .customize_open_close .fa {font-weight: 600;cursor: pointer;}

.Template-Customize-Setting .wrapper_left_side_bar h3 {text-align: center;font-size: 16px;font-weight: bold;font-family: inherit !important;letter-spacing: 0.5px;padding: 12px 0;color: #fff;border-bottom: 1px solid #dee8e8;text-transform: capitalize;background: #17d3b3;display: flex;justify-content: center;align-items: center;margin: 0;}

.Template-Customize-Setting .wrapper_left_side_bar .inner_section_side_bar {padding: 1px 10px;margin-top: 10px;margin-bottom: 0px;}

.Template-Customize-Setting .wrapper_left_side_bar .inner_section_side_bar {width: 100% !important;float: left !important;}

.Template-Customize-Setting .wrapper_left_side_bar .btn.template_style {background: #010101;color: #fff;font-weight: bold;text-transform: capitalize;width: 100%;height: 40px;line-height: 40px;font-size: 14px;font-family: inherit !important;text-align: left;border: 1px solid #dee8e8;border-radius: 4px;letter-spacing: 0;padding: 0;margin: 0;}

.Template-Customize-Setting .wrapper_left_side_bar button.btn.template_style i {font-size: 15px;padding: 0 0 0 0;margin-right: 7px;}

.Template-Customize-Setting .wrapper_left_side_bar .inner_section_side_bar {padding: 5px 10px;margin: 0;display: block;background: #fff;}

.Template-Customize-Setting .wrapper_left_side_bar .inner_section_side_bar .inner_template_style_box {margin: 0;width: 100%;float: left;margin-bottom: 0;justify-content: space-between;align-items: center;display: block;position: relative;border-bottom: 1px solid #eee;padding: 6px 0;}

.Template-Customize-Setting .wrapper_left_side_bar .inner_template_style_box h4 {font-size: 13px;color: #000;text-transform: capitalize;font-weight: 600;font-family: inherit !important;letter-spacing: .5px;margin-bottom: 5px;}

.Template-Customize-Setting .wrapper_left_side_bar .inner_template_style_box p {margin: 0;}

.Template-Customize-Setting .wrapper_left_side_bar .inner_section_side_bar + .btn.template_style {margin-top: 10px;}

.Template-Customize-Setting .wrapper_left_side_bar .inner_section_side_bar .form-control {background: #fff;font-size: 13px;border: 1px solid #ddd;height: 40px;line-height: 40px;color: #77808c;font-weight: 600;width: 100%;max-width: 100%;}

.Template-Customize-Setting .wrapper_left_side_bar .inner_section_side_bar .input-append.color {max-width: 100%;width: 100%;}

.Template-Customize-Setting .wrapper_left_side_bar .inner_template_style_box input {height: 39px;font-size: 12px;background: #fff;padding-left: 5px;border: 1px solid #ddd;}

.Template-Customize-Setting .wrapper_left_side_bar span.input-group-addon, 
#customizer_button_outer .Template-Customize-Setting .wrapper_left_side_bar span.input-group-addon {
position: absolute;
right: 2px;
top: 50%;
transform: translateY(-50%);
width: 28px;
height: 34px;
background: #fff;
border: 1px solid #eee;
}

.Template-Customize-Setting .wrapper_left_side_bar span.input-group-addon i, 
#customizer_button_outer .Template-Customize-Setting .wrapper_left_side_bar span.input-group-addon i {width: 100%;height: 100%;}


#customizer_button_outer .course--accordion-outer .Template-Customize-Setting .wrapper_left_side_bar .inner_section_side_bar .form-control,
.Template-Customize-Setting .wrapper_left_side_bar .inner_section_side_bar .form-control{height: 38px; font-weight: 600; color: #5e5e5e; background: #f7f7f7; font-size: 14px; outline: none; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #ddd; padding: 0 8px; border-radius: 0px;}

#wiz_content_tab .ui-sortable .course_template_tabs .nav-tabs li.nav-item, .course_template_tabs .nav-tabs li.nav-item {width: auto; margin: 0; padding: 0; border: none; font-size: 14px; }

.course_template_tabs .nav-tabs .nav-item .nav-link .dap_ct_tab_delete_div {left: auto; font-size: 16px; color: #b5b5b5; width: 22px; height: 22px; background: #fff; text-align: center; line-height: 22px; border-radius: 50%; display: inline-block; position: absolute; right: 0; top: -12px; z-index: 9; cursor: pointer; border: 1px solid #b5b5b5; }

.course_template_tabs .nav-tabs .nav-item .nav-link .dap_ct_tab_delete_div .fa {font-size: 16px; line-height: 18px; }

.dap_course_template_drag_drop_item.ui-sortable-helper {max-width: 550px !important;}


.dragdrop_video_elements iframe {max-width: 100%;width: 100%;}

.Template-Customize-Setting .wrapper_left_side_bar .inner_section_side_bar .inner_template_style_box .slider {position: static; background: none; height: 18px !important; display: inline-block; vertical-align: middle; position: relative; }

.Template-Customize-Setting .wrapper_left_side_bar .inner_section_side_bar .slider.slider-horizontal .slider-track, 
#customizer_button_outer .Template-Customize-Setting .slider.slider-horizontal .slider-track {height: 2px;background: #478935;margin-top: -1px;width: 100%;top: 50%;left: 0;}

.Template-Customize-Setting .slider.slider-horizontal .slider-handle ,
#customizer_button_outer .Template-Customize-Setting .slider.slider-horizontal .slider-handle {top: 0;}

.Template-Customize-Setting .slider .tooltip.in,
#customizer_button_outer .Template-Customize-Setting .slider .tooltip.in {opacity: 1;}

.Template-Customize-Setting .slider .tooltip,
#customizer_button_outer .Template-Customize-Setting .slider .tooltip {font-size: 12px;margin-top: -20px !important;}

.Template-Customize-Setting .slider .tooltip .tooltip-inner {padding: 3px;margin-left: 10px;}


.dap_lesson_template_div .course_template_inner .course_template_left , 
.dap_lesson_template_div .course_template_inner .course_template-content .dap_course_template_header_div ,
.dap_lesson_template_div .course_template_inner .course_template-content .dap_course_template_footer_div ,
.dap_lesson_template_div .course_template_inner .course_template_left .left_side {position: relative; } 
.dap_lesson_template_div .course_template_inner .course_template_left .dap_lesson_resources_content_data .dap_course_lesson_template_enable_drag_drop {min-height:10px;} 

.dap_lesson_template_div .course_template_inner .course_template_left::after ,
.dap_lesson_template_div .course_template_inner .course_template-content .dap_course_template_header_div::after ,
.dap_lesson_template_div .course_template_inner .course_template-content .dap_course_template_footer_div::after ,
.dap_lesson_template_div .course_template_inner .course_template_left .left_side::after {content: "Not editable here. You can edit in the Course Template tab"; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border: 3px solid #ab2323; background-color: rgba(0,0,0,.7); text-align: center; color: #f3f3f3; font-weight: 600; letter-spacing: 2px; padding: 0 10px; font-size: 20px !important; line-height: normal; display: flex; align-items: center; justify-content: center; z-index: 99;}

.dap_lesson_template_div .course_template_inner .course_template_left::after ,
.dap_lesson_template_div .course_template_inner .course_template_left .left_side::after  {content: "Not editable here. This section can be edited in the Course Template."; background-color: rgba(0,0,0,1);}

.dap_lesson_template_div .course_template_inner .course_template_left::after ,
.dap_lesson_template_div .course_template_inner .course_template_left .left_side::after {padding: 2em 15px 0;font-size: 2em;}

.dap_lesson_template_div .course_template_inner .course_template_left .left_side {
    zoom: 0.8;
}

.challenge_lesson_template_tab_div .dap_lesson_template_div .course_template_inner .course_template_left .left_side::after {
    /*display: none;*/
    content:"Not editable here."
}

.dap_lesson_template_div .course_template_inner .course_template_left .left_side { height: 150px; padding: 10px!important; overflow-y: hidden; pointer-events: none;}
.dap_lesson_template_div .course_template_inner .course_template_left .left_side::after { background-color: rgba(0,0,0,1); padding: 10px!important; }
.overlay-message.dap_course_template_drag_drop_item:not(.course_template_tabs) .dap-builder-element-actions { top: -28px; }


.course_template_tabs .tab-content .dragdrop_add_more_task_text h3 { font-size: 19pt; line-height: 1.3; font-weight: 600; font-family: var(--all-text-font-family); }
.course_template_tabs .tab-content .dragdrop_add_more_task_text p { color: #696969; font-size: 13pt; line-height: 1.3; font-weight: 600; }

.dap_lesson_template_div .dap_course_lesson_template_customizer_outer .course_template_inner .course_template_left::after {visibility: hidden;display: none;opacity: 0;}

.card.content_builder_outer .dap_lesson_template_div .course_template_inner .course_template-content .dap_course_template_header_div {padding: 10px;}

.dap_lesson_template_div .course_template_inner .course_template-content .dap_course_template_header_div {margin-bottom: 10px;}


.dap_lesson_template_div .course_template_tabs .nav-tabs .nav-item .nav-link .dap_ct_tab_delete_div {display: none;visibility: hidden;opacity: 0;}

.course_template_inner .course_template_left .left_side::after {z-index: 999; }

.dap_course_template_drag_drop_item.ui_helper_my_custom_element .hover_close_btn {left: auto; font-size: 16px; color: #b5b5b5; width: 22px; height: 22px; background: #fff; text-align: center; line-height: 22px; border-radius: 50%; position: absolute; right: 0; top: -12px; z-index: 9; cursor: pointer; border: 1px solid #b5b5b5; }

.dap_course_template_drag_drop_item.ui_helper_my_custom_element .hover_close_btn .fa {font-size: 16px; line-height: 18px; }





.course_template_outer ul.Template-listing {padding: 10px 25px 30px;margin: 0;display: inline-block;width: 100%;vertical-align: middle;list-style: none;min-height: 300px;padding: 0;min-height: 10px;}

.course_template_outer ul.Template-listing li {float: left;padding: 0;width: 245px;margin: 10px 15px 10px 0;}

.course_template_outer ul.Template-listing li h4 {font-weight: 600;line-height: 1.4;font-size: 15px;color: #444;font-family: inherit;width: 100%;margin: 0 0 5px;display: inline-block;text-align: center;padding: 0;}

.course_template_outer ul.Template-listing li .templates_images {border: thin solid rgba(0, 0, 0, 0.1);height: 229px;position: relative;text-align: center;width: 100%;}

.course_template_outer ul.Template-listing li .temp_img {margin: auto;position: static;width: 100%;height: 100%;object-fit: fill;}

.course_template_outer ul.Template-listing li .templates_images .base-div {background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;height: 100%;position: absolute;top: 0;width: 100%;display: none;justify-content: center;align-items: center;padding: 25px;}

.course_template_outer ul.Template-listing li .templates_images:hover .base-div ,
.course_template_outer ul.Template-listing li .templates_images.active_template_cls .base-div {display: flex;}

.course_template_outer ul.Template-listing li .base-div label {color:#fff !important;border: none;box-shadow: none;font-weight: 600;background: #007bff;padding: 5px 12px;text-shadow: none;font-size: 14px;font-family: inherit;display: inline-block;float: none;height: auto;border-radius: 4px;}

.course_template_outer ul.Template-listing li .base-div label input {visibility: hidden;position: absolute;margin: 0;padding: 0;}


.ct-info-note-with-bar {padding: 15px 20px 15px; height: auto; line-height: normal; background-color: #ffffff; border-color: #43bbdf; float: none; text-align: left; border: 1px solid #ddd; font-size: 15px; font-weight: 600; border-radius: 4px; color: #444; box-shadow: 0 0 8px 0 #d0d0d0; border-left: 3px solid #17d3b3 !important; margin: 15px 0; display: inline-block; width: 100%; vertical-align: middle; }

.course_template_inner .course_template_shortcode h4 {font-size: 18px; line-height: 1.4; margin: 0 0 10px 0; }





.course_template_inner.sidebar--right .course_template_left {order: 2;}

.course_template_inner.sidebar--right .course_template-content{order: 1;padding-left: 15;padding-right: 15px;}


.course_template_inner {border: none;box-shadow: 0 0 10px 3px rgb(92 92 92 / 17%);padding:0;}

.course_template_inner .course_template_left {background: #fff;padding: 15px;}

/*.course_template_inner .course_template_shortcode {border: none;padding:0;border-radius:0;}*/

.course_template-content .course_template-content_heading {text-align: center;}



.dragdrop_video_elements iframe {    
    max-height: 100%;
   /* height:443px;
    height:410px;*/
} 
.Template-Customize-Setting-Horizontal-layout .inner_template_style_box.inner_template_style_box_full_width{
        width: 100% !important;
}
.element_videos .inner_template_style_box.inner_template_style_box_full_width textarea{ height: 70px !important;    line-height: 19px!important;    font-weight: normal!important;    font-size: 14px!important;    padding-top: 4px!important;}

.dragdrop_inner_section .dragdrop_add_button_anchor{max-width:100%; display: inline-block; position: relative;border-radius: 5px;background: #b45541;color: rgb(255, 255, 255);height: auto;padding: 9px 0px;text-transform: none;font-family: inherit;min-width: 90px;box-shadow: none;text-decoration: none;margin: 0;line-height: 40px;border: none;font-size: 18px;text-align: center;font-weight: 600;max-width: 100%;outline: none;text-decoration: none !important;width:200px;}
.dap_course_template_drag_drop_item.drag_drop_add_button_element_outer {text-align:center}


body #course_template_outer_id .dragdrop_inner_section strong ,  .course_template_inner  strong {
    font-weight: 700;
    font-family: var(--all-text-font-family);
}

.dap_wp_parent_page_setup_wrapper .url-example-text {display: inline-block;width: 100%;margin: 0 0 15px 0;padding: 15px 0 0 0;border: none;background: none;/*border-top: 1px solid #eee;*/}

.dap_wp_parent_page_setup_wrapper .url-example-text p {font-size: 12px;line-height: normal;color: #969696;margin: 0;padding: 0;}

.dap_wp_parent_page_setup_wrapper .parent_page_outer_yes .alert.created_lesson_msg_err {margin-top: 0 !important;}
.course_template_left .left_side .overlay-message::after{border: 0px solid #ab2323; background-color:transparent;}


/* Animation css */

.dap_trigger_automation_tab_notification_fields_outer .c_ta_animation_template_outer .imagePreview {min-width: 90px;max-width: 90px;width: 90px;margin: 0;padding-left: 10px;}

.dap_trigger_automation_tab_notification_fields_outer .c_ta_animation_template_outer .imagePreview img {margin: 0;width: 80px;height: 80px;padding: 0;}

.dap_trigger_automation_tab_notification_fields_outer .c_ta_audio_template_outer .audioPreview {width: 90px;height: auto;min-width: 90px;max-width: 90px;padding-left: 10px;}

.c_ta_audio_template_outer .audioPreview .dap_course_lesson_audio_play_pause {width: 100%; border: none; height: 32px; background: #215391; color: #fff; border-radius: 4px; font-size: 12px; font-weight: 600; }

.dap_lessons_drop_down_wrapper_div{    width: 100%;    float: right;}
.dap_lessons_drop_down_wrapper_div .dap_lessons_drop_down_wrapper{   width: 300px;    float: left;}
.dap_lessons_drop_down_wrapper_div .dap_cl_name_details{   width: 500px;    float: right;}

#settings_outer1 .mce-edit-focus {    outline: 1px dotted #333;    border-color: #66afe9 !important;    border-width: 2px !important;    outline: 0px;}

.not_has_course_lesson_builder .shortcodes_toggle.manage_course_toggle .edit_lesson, 
.not_has_course_lesson_builder .shortcodes_toggle.manage_course_toggle .move_lesson, 
.not_has_course_lesson_builder .shortcodes_toggle.manage_course_toggle .clone_lesson,
 .build_in_template_hide_option_class {display:none!important;}

 .not_has_course_lesson_builder .shortcodes_toggle.manage_course_toggle .shortcodes_toggle_info.move_lesson.show-bt-in-list {
    display: block!important;
}
 
/*#content_builder .add_other_content_message{margin-top: 10px;   color: #03a9f4;    background-color: #f9f9f9;    border-color: #03a9f4;    border-width: 3px;    font-weight: 600;    border-style: solid;   padding-left: 10px;}*/
#content_builder .add_other_content_message { margin-top: 10px; border-width: 3px; font-weight: 500; border-style: solid; padding-left: 10px; color: #856404; background-color: #fff3cd; border-color: #ffeeba; font-size: 15px; }

#wiz_content_tab span.records_file_resource6 {display: flex;align-items: center;}
#wiz_content_tab .records_file_resource a.update_lesson_name_btn,
#wiz_content_tab .records_file_resource a.preview-lesson-btn {background: transparent;color: #4890cf;margin-top: 0;height: 100%;padding: 0 5px;}
#customizer_button_outer #wiz_content_tab.product_details_container .update-btn i.fas.fa-sync,
#customizer_button_outer #wiz_content_tab.product_details_container .preview-lesson-btn i.fas.fa-eye {margin: 0;padding: 0;font-size: 20px;}
#customizer_button_outer #wiz_content_tab.product_details_container .preview-lesson-btn i.fas.fa-eye { color: #ffa500; font-size: 22px; padding-top: 3px; }
#wiz_content_tab .records_file_resource a.preview-lesson-btn { margin-left: 0; }



.sub_heading_below_input { font-size: 11px; color: #555; display: inline-block; width: 100%; margin: 7px 0 0 0; vertical-align: middle; font-weight: 400; line-height: 1.2; }


.dap_lessons_drop_down_wrapper_div {width: 100%;float: right;display: inline-flex;justify-content: space-between;flex-direction: row;flex-wrap: nowrap;} 

.dap_lessons_drop_down_wrapper_div .dap_lessons_drop_down_wrapper {float: left;width: 300px;max-width: 300px;min-width: 300px;}

.dap_lessons_drop_down_wrapper_div .dap_lessons_drop_down_wrapper .dropdown.dropdown-custom-style {max-width: 100%;min-width: 100%;width: 100%;}

.dap_lessons_drop_down_wrapper_div .dap_cl_name_details {width: auto;float: right;white-space: nowrap;}

.records_file_resource span {position: relative;}

.records_file_resource .dap_course_build_template_div .shortcodes_toggle {top: 100%;}
.content_builder_outer #content_builder .custom_accordion .sortableFileList1 {
    overflow: visible;
    max-height: none !important;
}
.records_file_resource7:not(.dap_course_build_template_div) .manage_course_toggle.shortcodes_toggle{    top: 100%;   margin-left: 10px;    background-color: #f9f9f9;    margin-top: 10px;    }

.dap_trigger_automation_tab_notification_fields_outer  .dap_return_to_btn{    background-color: #8e8f8f !important;    color: #fff;    margin: 0;    border-radius: 5px;    color: #fff;    height: 40px;    padding: 0 15px;    text-transform: none;    font-family: inherit;    min-width: 90px;    box-shadow: none;    margin-right: 10px;    text-decoration: none;    margin: 0;    line-height: 40px;    border: none;    font-size: 14px;    text-align: center;    font-weight: 600;    margin-bottom: 10px;    width: 120px;    cursor: pointer;    }

.tableAction .tableActionBtn {cursor: pointer;vertical-align: top;background: #2399ec;border: none;border-radius: 4px;margin: 0 2px;color: #fff;font-size: 14px;text-align: center;line-height: 28px;display: inline-flex;align-items: center;justify-content: center;min-width: 28px;max-width: 28px;width: 28px;height: 28px;}

.tableAction .tableActionBtn i {font-size: 16px;line-height: normal;margin: 0;}

.Trigger--table-style table td.tableAction, .tableAction {text-align: center;}

.tableAction .tableActionBtn.tableActionBtn-preview {background-color: #068606; }

.tableAction .tableActionBtn.tableActionBtn-Delete {background-color: #ab0404; }

.tableAction .tableActionBtn.tableActionBtn-Delete i.fa {color: #fff !important;}    
    
.dap_trigger_automation_lesson_task_outer #dap_course_lesson_task_create_step_1 .dct_editable{      background-color: #f9f9f9;  width: 100%;    min-height: 50px;    border: 1px solid #c0c0c0;}
.ta_tab_lesson_data_container.Trigger--table-style #ta_lesson_table {border-collapse: collapse;}

.ta_tab_lesson_data_container.Trigger--table-style #ta_lesson_table tr.tr_hide_at_lesson_form_wrapper {background-color: rgba(249,249,249,0.47);}

.ta_tab_lesson_data_container.Trigger--table-style #ta_lesson_table table.table {background: #fff;}

.ta_tab_lesson_data_container.Trigger--table-style #ta_lesson_table tr.tr_hide_at_lesson_form_wrapper .course--accordion-outer {background: none;}
.dap_trigger_automation_lesson_task_outer #dap_course_lesson_task_create_step_1 .dct_editable.lesson_task_completed_btn_text_html {background: #f7f7f7;font-size: 14px;border: 1px solid #ddd;height: 65px;padding: 8px;border-radius: 0px;}

#customizer_button_outer #dap_course_lesson_task_create_steps .inner_template_style_box .form-group .form-control, #customizer_button_outer #dap_course_lesson_task_create_steps .inner_template_style_box .form-control, #dap_course_lesson_task_create_steps .inner_template_style_box .form-control {height: 38px;min-height: 38px;}

.lesson_task_sub_heading {font-size: 16px;font-weight: 600;color: #f56640;margin: 0;border: none;text-align: left;}

.btn_show_lessond_task_section.btn_return_lessond_task_section{background-color: #8e8f8f !important;color: #fff;border: none;}


/* courses task section  start */

#dap_lesson_task_preview .modal-body {padding :0 20px 0 20px}

.add_tasks_in_a_lesson_btn_enable, .btn_show_lessond_task_section, .btn_show_lessond_task_section:hover{background-color: #02c7a6;color: #fff;border: none;}



.dap_trigger_automation_lesson_task_table_div .table tbody td, .dap_trigger_automation_lesson_task_table_div .table .checkbox-custom-style {vertical-align: middle; }

.table-responsive.task-table-outer {max-width: 800px;/*margin: 0 auto;*/}

.table-responsive.task-table-outer .table tbody tr:nth-child(2n) {background: #fcfcfc; }

.course_task_slider_options_wrapper .table-responsive.task-table-outer {max-width: 100%;}
.btn_task_return_design{background-color: #8e8f8f;color: #fff;border: none;}
.add_tasks_in_a_lesson_btn_enable, .add_tasks_in_a_lesson_btn_enable:hover {background: #b535e7; border: none; color: #fff; }
.course_task_template_html {display: inline-block;width: 100%;margin: 0;padding: 0;text-align: center;}

#course-task-template-outer {text-align: left;}
#dap_lesson_task_preview #course-task-template-outer{width:100% !important;}
#dap_lesson_task_preview #course-task-template-outer .ui-resizable-handle{display:none !important;}

#dap_lesson_added_task_list_table tbody{    float: none;}

.dap_course_task_top_button_wrapper {display: inline-block;width: 100%;margin: 8px 0 20px 0;padding: 0;vertical-align: middle;}

.dap_course_task_top_button_wrapper button.btn.custom_btn {display: inline-block;width: auto;margin: 0 20px 0 0 !important;padding: 0 15px;border: none;}

.dap_course_task_top_button_wrapper button.btn.custom_btn.dap_course_lesson_tasks_reorder_btn {background: #3f96f3; border: none; color: #fff; }

.dap_trigger_automation_lesson_task_outer button.btn.custom_btn.dap_course_task_examples_btn {background: #ffad2b;color: #fff;}


.table-responsive.task-table-outer .table tbody.ui-sortable:not(.ui-sortable-disabled) tr.ui-sortable-handle {cursor: grabbing;}

.table-responsive.task-table-outer .table tbody.ui-sortable:not(.ui-sortable-disabled) tr.ui-sortable-handle td:first-child::before {content: "\f047"; font-family: 'FontAwesome'; font-size: 18px; margin: 0 13px 0 0; color: #979797; }
/* courses task section  end */

/*  side popup start */
.Manage_Side_Popup.active_Side_Popup {
    right: 0;
    visibility: visible;
    opacity: 1;
    display:block !important;
}

.Manage_Side_Popup {
    width: 900px;
    max-width: 85%;
    border: none;
    position: fixed;
    top: 0;
    bottom: 0;
    background: #fff;
    height: 100vh;
    z-index: 1005;
    padding: 0;
    right: -110%;
    left: auto;
    visibility: visible;
    opacity: 0;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.Manage_Side_Popup.active_Side_Popup::before {
    position: fixed;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 99;
    background: #333;
    opacity: 0.5;
}
.Manage_Side_Popup-inner {
    position: relative;
    background: #fff;
    height: 100%;
    z-index: 99;
    box-shadow: 0px 0 10px 0px #33333373;
    padding: 0 0 30px 0;
    text-align: left;
    overflow: visible;
    font-family: inherit;
}
.Manage_Side_Popup .close_Side_Popup {
    position: absolute;
    right: 0;
    top: 0;
    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;
    box-shadow: none;
}
.Manage_Side_Popup .close_Side_Popup i.fa {
    vertical-align: middle;
    line-height: 32px;
}
.Manage_Side_Popup h2 { background-color: var(--dap-primary-bg-color) !important; color: var(--dap-primary-color)!important; }
.dap_sidebar_popup .close_Side_Popup { right: 10px; top: 12px; }

.Manage_Side_Popup  .Manage_Side_Popup_content {
    padding:0 15px !important;
}
.Manage_Side_Popup .Manage_Side_Popup-inner-1 {
    font-family: inherit;
    padding: 15px 20px;
    border: none;
    margin: 0;
    background: none;
    font-size: 22px;
    line-height: 1.4;
    color: #ffffff;
    background-color: #f56640;
    font-weight: 500;
    border-bottom: 1px solid #eee;
    position: relative;
}
.Manage_Side_Popup .Manage_Side_Popup_content {
    margin: 8px 0 0 0;
    padding: 0;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    line-height: 1.4;
    color: #212529;
    font-family: inherit;
    font-weight: normal;
    overflow-x: auto;
    height: 100%;
    max-height: calc(100% - 65px);
    max-height: -webkit-calc(100% - 65px);
    max-height: -moz-calc(100% - 65px);
    max-height: -ms-calc(100% - 65px);
}

.Manage_Side_Popup-inner-2 {
    font-size: 15px;
    color: #626c6c;
    margin: 0 0 15px 0;
    padding: 0;
}

.Manage_Side_Popup #dap_course_lesson_task_create_steps h2 {border: none; }
.Template-Customize-Setting{ padding-bottom: 60px; }

/*  side popup end */
 
.public_content_wrapper .course_label{width: 372px !important;    max-width: 372px !important;    flex-basis: 372px !important;}
.sub_heading_below_input.public_content_selected_no, .sub_heading_below_input.public_content_selected_yes{font-size:12px !important; }



#dap_course_lesson_task_create_step_2 .upload_photo_outer {border-color: #000; margin-top: 25px; box-shadow: 0 0 10px 0px rgb(64 64 64 / 40%); }

#dap_course_lesson_task_create_step_2 .Template-Customize-Setting .Template-Customize-element {border-bottom: 1px solid #e1e1e1;padding-bottom: 10px;}

.templateMediaBlock .templateMedia_upload {position: absolute; left: 0; right: 0; bottom: 0; text-align: center; justify-content: center; align-items: center; background-color: rgba(0,0,0,.6); color: #fff; z-index: 9999; display: none; visibility: hidden; opacity: 0; cursor: pointer; font-size: 40px; width: 90px; padding-top: 6px; } 

#dap_course_lesson_task_create_step_2 .templateMediaBlock:hover .templateMedia_upload{display: flex; visibility: visible; opacity: 1; }

.course_template-content .tab-content.dct_backend_show {
    /*height: auto;
    max-height: 600px;
    overflow: auto;*/
}
 
.dap_task_height_width_display {
    position: relative;
}

.dap_task_height_width_display_inn {
    position: absolute;
    z-index: 999;
    top: 0;
    background: #f1f1f1;
    color: #000;
    padding: 4px;
    font-size: 12px;
    font-weight: 600;
    display:flex;
} 
#dap_task_img_width{margin-right:5px;}
.course_template_outer_frotend .lessons_list_static {
    display:none;
}
.course_template_outer_frotend .course_template_inner {
      margin: 0 auto;
}
/* list task style start */

.dragdrop_add_more_task_text .challageTaskItem {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: row wrap;
    padding: 15px 20px;
    border-bottom: 1px solid #f0f3f3;
    position: relative;
}

.dragdrop_add_more_task_text .challageTaskItem .dap_ct_remove_task_list {position: absolute;right: 3px;top: 5px;z-index: 10;cursor: pointer;color: red;opacity: 0;}

.dragdrop_add_more_task_text .challageTaskItem:hover .dap_ct_remove_task_list {
    opacity: 1;
}

.dragdrop_add_more_task_text .challangeTaskNo {
    min-height: 20px;
    min-width: 20px;
    background: #16d3b3;
    font-size: 14px;
    color: #fff;
    padding: 0 !important;
    font-family: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    line-height: 14px;
}

.dragdrop_add_more_task_text .challageTaskSection .challageTaskItem .challageTaskItem_text {
    font-size: 16px;
    width: auto;
    margin-right: 15px;
    flex: 1;
}

.dragdrop_add_more_task_text .challageTaskSection {
    border: 1px solid #f0f3f3;
    border-bottom: none;
    margin-bottom: 15px;
}


.dragdrop_add_more_task_text .challageTaskItem {
    border-color: transparent;
}

.dragdrop_add_more_task_text .challageTaskSection {
    border-color: transparent;
}


.dap_challenge_checkbox-custom-style, .course_template_inner .dap_challenge_checkbox-custom-style {
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
    background: #fcfff4;
    box-shadow: none;
    display: inline-block;
    border: 1px solid #ababab;
    vertical-align: top;
    position: relative;
    margin-right: 10px;
}
.dap_lesson_template_div .checkbox_taskcls{pointer-events: none;}
.drag_drop_add_task_list_element_outer{ border: 3px solid #fceeff;}

.dap_challenge_checkbox-custom-style input[type="checkbox"] {
    width: 100%;
    height: 100%;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    box-shadow: none;
    right: 0;
    bottom: 0;
    background: none;
    margin: 0;
    opacity: 0;
    z-index: 6;
}

.dap_challenge_checkbox-custom-style input[type="checkbox"]:after {content: "";opacity: 0;display: block;left: 5px;top: 2px;position: absolute;width: 7px;height: 13px;border-top: 0;border-left: 0;}

.dap_challenge_checkbox-custom-style input[type="checkbox"]:checked:after {
    opacity: 1;
}

.dap_challenge_checkbox-custom-style .custom--checkbox {
    width: 100%;
    height: 100%;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    box-shadow: none;
    right: 0;
    bottom: 0;
    z-index: 2;
    background: none;
    margin: 0;
}

.dap_challenge_checkbox-custom-style .custom--checkbox:after {content: "\f00c";font-family: 'FontAwesome';font-size: 20px;position: absolute;left: 0;right: 0;bottom: 0;top: 0;padding-left: 1px;opacity: 0;line-height: 20px;color: #437bc1;}

.dap_challenge_checkbox-custom-style input[type="checkbox"]:checked + .custom--checkbox:after {
    opacity: 1;
}

/* list task style end */
/* share element style start */


.dragdrop_add_share.dragdrop_inner_section {
    display: flex;
    align-items: center;
    flex-flow: wrap;
    justify-content: center;
}
.dap_add_share_element_wrapper {
    display: inline-block;
    align-items: center;
    min-width: 200px;
    padding: 0;
}
.course_template_inner .dap_add_social_share_button_outer{
    text-align:center;
}
.course_template_inner .dap_add_share_element_inner_wrapper {
    padding: 12px 16px;
    display: flex;
    align-items: center;
    font-size: 18px;
    text-align: center;
    margin: 4px;
    cursor: pointer;
}
.dap_add_share_element_wrapper i{
    width: 16px;
    margin-right: 10px;
    transition: .4s all;
}
.dap_add_share_element_wrapper .dct_editable{
    width: calc(100% - 36px);
    transition: .4s all;
    white-space: nowrap;
}
.dap_fb_share_btn {
    border:1px solid #3569b4;
}
.dap_fb_share_btn .dct_editable {
    color:#3569b4;
}
.dap_fb_share_btn i {
    color:#3569b4;
}
.dap_tw_share_btn {
    border:1px solid #29ace0;
}
.dap_tw_share_btn .dct_editable {
    color:#29ace0;
}
.dap_tw_share_btn i{
    color:#29ace0;
}

.dap_in_share_btn {
    border:1px solid #0a66c2;
}
.dap_in_share_btn .dct_editable {
    color:#0a66c2;
}
.dap_in_share_btn i{
    color:#0a66c2;
}


.dap_fb_share_btn:hover  {
    background: #3569b4;
}
.dap_tw_share_btn:hover {
    background: #29ace0;
}
.dap_in_share_btn:hover {
    background: #0a66c2;
}
.dap_fb_share_btn:hover .dct_editable, .dap_tw_share_btn:hover .dct_editable, .dap_in_share_btn:hover .dct_editable, 
.dap_fb_share_btn:hover i, .dap_tw_share_btn:hover i , .dap_in_share_btn:hover i  {
    color:#fff
}
/* share eleemnt style end */


.course_template_tabs .tab-content  {    
    height: auto;
    overflow: scroll;
    max-height: 700px;
}
 /* .dap_sticky_enable{
    position: fixed;
    top: 5px;
    z-index: 999;
    right: 10%;
 }*/

.dap_lessons_drop_down_wrapper_div .btn_preview1 {
    font-size: 14px !important;
    font-weight: 700;
    background: #3f51b5;
    float: left;  
    margin-left: 20px;    cursor: pointer;
}
.dap_lessons_drop_down_wrapper_div .dap_lessons_drop_down_wrapper  {
    max-width: 450px;
    min-width: 450px;
    width: 450px !important;
}
.dap_lessons_drop_down_wrapper_div .dap_lessons_drop_down_wrapper .dropdown.dropdown-custom-style{
    float:left; 
    min-width: 300px;
    width: 300px ;
} 
 
 #customizer_button_outer .dap_ct_scroll .tool-tip .fa {
    margin: -5px 0; 
}

#customizer_button_outer .dap_ct_scroll .tool-tip .toll-tip-desc {
    width: 286px;
}

.dap_course_template_drag_drop_item .dragdrop_video_elements.dragdrop_inner_section.ui-resizable {
    pointer-events: auto;
    aspect-ratio: 16 / 9;
    top:0px !important;
    left:0px !important;
    max-width: 100%;
    display: inline-block;
    width: 1019px;
    height: auto !important; 

}
.dap_course_template_drag_drop_item .dragdrop_video_elements.dragdrop_inner_section .ui-resizable {
    position: relative;
    display: inline-block;
}

.dap_course_template_drag_drop_item.drag_drop_add_task_list_element_outer{display: flex; margin: 10px auto; max-width:1000px;}
.dap_course_template_drag_drop_item.drag_drop_add_task_list_element_outer{text-align:center}
.dap_course_template_drag_drop_item.drag_drop_add_task_list_element_outer .dragdrop_add_more_task_text{text-align:left; width:100%;}

.dap_course_template_drag_drop_item .dragdrop_video_elements.dragdrop_inner_section{border:0px solid #f9f9f9;}
.btn_save_timer{
    border-radius: 5px;
    background: #3b5998 !important;
    color: #fff;
    height: 32px;
    padding: 0 8px;
    text-transform: none;
    font-family: inherit;
    min-width: 40px;
    box-shadow: none;
    margin-right: 10px;
    text-decoration: none;
    margin: 0 auto;
    line-height: 32px;
    border: none;
    font-size: 13px;
    text-align: center;
    font-weight: 600;
    width: auto;
    display: inline-block;
    cursor: pointer;
}

.Template-Customize-Setting .wrapper_left_side_bar .inner_section_side_bar.element_add_timer.commonInnerOptions.drop_down_content {
    width: 100%;
}

.Template-Customize-Setting .wrapper_left_side_bar .inner_section_side_bar.element_add_timer .inner_template_style_box {
    width: 100%!important;
    border-bottom: 0;
}

.Template-Customize-Setting .wrapper_left_side_bar .inner_section_side_bar.element_add_timer .inner_template_style_box .course-timer-box {
    margin-bottom: 0;
}

.Template-Customize-Setting .wrapper_left_side_bar .inner_section_side_bar.element_add_timer .inner_template_style_box .course-timer-box a.refresh-icon {
    margin: 0;
}

.Template-Customize-Setting .wrapper_left_side_bar .inner_section_side_bar.element_add_timer .inner_template_style_box .course-timer-box select#timer_value_dropdown {
    padding: 5px;
    border-width: 2px;
    border-radius: 5px;
    width: 100%!important;
}

.Template-Customize-Setting .wrapper_left_side_bar .inner_section_side_bar.element_add_timer .inner_template_style_box .course-timer-box .course_right-content {
    width: 90%;
}

.Template-Customize-Setting .wrapper_left_side_bar .inner_section_side_bar.element_add_timer .inner_template_style_box .course-timer-box .btn_save_timer {
    text-align: center;
    margin: auto;
    margin-top: 7px;
    display: flex;
    justify-content: center;
    width: 100px;
}
.element_add_timer_wrapper button{ margin-bottom: 10px!important; }
#course--accordion .challengeTemplateCustomizerTopSection  .inner_template_style_box {     
    width: 24%; 
    margin-left: 1%;
    min-height: 76px;
}
#course--accordion .ct_coursetimer_shortcode_link {     
        position: absolute;
    right: 4px;
    bottom: 4px;
    font-size: 14px;
    line-height: normal;
    color: #00C;
    font-weight: 600;
}

.co_page_builder_cust_temp_outer .course_template_timer.hide_timer_frontend {
    position: relative;
}
.co_page_builder_cust_temp_outer .course_template_timer.hide_timer_frontend:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: var(--dap-light-yellow-color);
    border-radius: 5px;
}

/*New Tool Bar for customizer*/

.wp_template_msg_outer .global-Customizer-options {display: flex;align-items: center;padding: 0px;}
.wp_template_msg_outer .global-Customizer-options .global-Customizer-list {display: flex;flex-direction: row;flex-wrap: wrap;margin: 0;padding: 0;width: 100%;}
.wp_template_msg_outer .global-Customizer-options .global-Customizer-list .global-Customizer-item {display: flex;align-items: center;margin: 0;padding: 0; /*border-right: 1px solid #f1f1f1;*/ border-right: 3px solid #e8f2f3; width: auto;height: auto;min-height: 100%;position: relative;}
.wp_template_msg_outer .global-Customizer-item .global-ItemIcon {border-radius: 5px; width: 50px;height: 45px;text-align: center;line-height: normal;padding: 10px;display: grid;align-items: center;font-size: 24px;cursor: pointer; background: #9c27b0;}
.wp_template_msg_outer .global-Customizer-item .globalInnerOptions {position: absolute;top: 100%;width: 260px;background: #fff;border: 1px solid #eee;margin: 0;padding: 10px;left: 0;right: auto;bottom: auto;z-index: 9999;box-shadow: 0 0 4px #d4d4d4;}
.wp_template_msg_outer .global-Customizer-items-more.global-Customizer-item .globalInnerOptions {width: 470px;}
.wp_template_msg_outer .global-Customizer-item .globalInnerOptions:after, .wp_template_msg_outer .global-Customizer-item .globalInnerOptions:before {bottom: 100%;left: 22px;border: solid transparent;content: "";height: 0;width: 0;position: absolute;pointer-events: none;z-index: 9999;}
.wp_template_msg_outer .global-Customizer-item .globalInnerOptions:before {border-color: rgba(238, 238, 238, 0);border-bottom-color: #fff;border-width: 11px;margin-left: -11px;}
.wp_template_msg_outer .global-Customizer-items-more.global-Customizer-item .globalInnerOptions.twidth-wrapper > h2,
.wp_template_msg_outer .global-Customizer-items-more.global-Customizer-item .globalInnerOptions h2,
.wp_template_msg_outer .global-Customizer-items-more.global-Customizer-item .globalInnerOptions .Template-Customize-Setting .customizer_innner_sections .Template-Customize-element .Template-Customize-element-inner h2 {font-family: inherit;padding: 0;border: none;margin: 0 0 5px 0;background: none;font-size: 13px;line-height: 1.4;color: #f56640;background-color: transparent;font-weight: bold;border-bottom: 0;position: relative;}
.wp_template_msg_outer .global-Customizer-items-more.global-Customizer-item .globalInnerOptions.twidth-wrapper > h2,
.wp_template_msg_outer .global-Customizer-items-more.global-Customizer-item .globalInnerOptions h2 { font-size: 20px; margin-bottom: 11px; border-bottom: 1px solid gainsboro; padding-bottom: 5px; }
.wp_template_msg_outer .sqb_closed_global_customizer_opiton {width: 32px;height: 32px;line-height: 28px;text-align: center;padding: 0;border-radius: 100%;top: -15px;font-size: 14px;right: -15px;background-color: #fff;border: 2px solid #e23131;color: #e23131;position: absolute;}
.wp_template_msg_outer .sqb_closed_global_customizer_opiton i {display: inline-block;vertical-align: top;margin: 0;padding: 0;line-height: 28px;font-size: 16px;cursor: pointer;}
.wp_template_msg_outer .Template-Customize-Setting {background: #f0f3f3;padding: 0 0 10px;float: left;width: 100%;margin-top: 0;margin-bottom: 25px;}
.wp_template_msg_outer .global-Customizer-item .globalInnerOptions .Template-Customize-Setting {margin: 0;padding: 0;background: none;}
.wp_template_msg_outer .Template-Customize-Setting .customizer_innner_sections {float: left;width: 100%;margin: 0;padding: 10px;box-sizing: border-box;}
.wp_template_msg_outer .global-Customizer-item .globalInnerOptions .Template-Customize-Setting .customizer_innner_sections {margin: 0;padding: 0;}
.wp_template_msg_outer .Template-Customize-Setting .Template-Customize-element {display: inline-block;width: 100%;margin: 0;padding: 0;vertical-align: middle;}
.wp_template_msg_outer .global-Customizer-items-more.global-Customizer-item .globalInnerOptions .Template-Customize-Setting .customizer_innner_sections .Template-Customize-element .Template-Customize-element-inner {display: flex;flex-direction: row;flex-wrap: wrap;padding: 0;background: #fff;width: 100%;vertical-align: middle; align-items: center;}
.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 {background: #eee;padding: 5px 10px 0 5px; border-radius: 5px; position: relative; height: 45px;}
.wp_template_msg_outer .global-Customizer-items-more.global-Customizer-item .globalInnerOptions .Template-Customize-Setting .Template-Customize-element .inner_template_style_box {padding: 0;width: 50%;background: none;border: 2px solid #fff;margin: 0;}


.wp_template_msg_outer .courseheader-customizer .global-Customizer-items-more.global-Customizer-item .globalInnerOptions .Template-Customize-Setting .Template-Customize-element .inner_template_style_box .slider.slider-horizontal .slider-handle { top: 9px!important;}
.wp_template_msg_outer .courseheader-customizer .global-Customizer-items-more.global-Customizer-item .globalInnerOptions .Template-Customize-Setting .Template-Customize-element .inner_template_style_box .slider.slider-horizontal{ margin-top: 0!important; }
.wp_template_msg_outer .global-Customizer-items-more.global-Customizer-item .globalInnerOptions.twidth-wrapper { width: 400px; }

#customizer_button_outer .wp_template_msg_outer .form-control { min-height: unset; height: unset; line-height: 1; }
#customizer_button_outer .wp_template_msg_outer span.input-group-addon { height: 25px; }
#customizer_button_outer .wp_template_msg_outer .Template-Customize-Setting .Template-Customize-element .inner_template_style_box .input-group .input-group-addon i { height: 100%; }
#customizer_button_outer .wp_template_msg_outer .Template-Customize-Setting .slider.slider-horizontal { background: transparent; margin: 5px!important; }
.wp_template_msg_outer .global-Customizer-items-more.global-Customizer-item .globalInnerOptions .Template-Customize-Setting .Template-Customize-element .w100 .inner_template_style_box { width: 100%; }

.wp_template_msg_outer .global-Customizer-items-more.global-Customizer-item .globalInnerOptions .Template-Customize-Setting .Template-Customize-element .switch-center-align .inner_template_style_box .glb-inner_template{ padding-top: 8px; }
.wp_template_msg_outer .global-Customizer-items-more.global-Customizer-item .globalInnerOptions.box-width-medium{ width: 300px; z-index: 999999; }
.sqb_global_temp_title_enable_wrapper .inner_template_style_box .glb-inner_template > .d-flex { width: 100%; }
.wp_template_msg_outer .global-Customizer-items-more.global-Customizer-item .globalInnerOptions.box-width-lmedium{ width: 320px; }
#customizer_button_outer .wp_template_msg_outer .global-Customizer-items-more.global-Customizer-item .globalInnerOptions .tool-tip .fa{ background: transparent; }
.wp_template_msg_outer .global-Customizer-inner1 {border-radius: 8px; background: #e8f2f3; padding: 10px;}
.wp_template_msg_outer .global-Customizer-item .global-ItemIcon > i { color: #fff; }
.wp_template_main_wrapper .ct-info-note-with-bar{ align-items: center; }

.wp_template_msg_outer .add_tabs_cutomizer.challenge_hide_section { clear: both; padding: 10px 4px 0; }
.wp_template_msg_outer .add_tabs_cutomizer.challenge_hide_section .inner_template_style_box.add_tabs_cutomizer { background: transparent; color: #266ebc; width: auto; padding: 5px 8px; font-size: 13px; font-weight: 600; border-radius: 4px; cursor: pointer; outline: none; box-shadow: none; float: none; display: inline-block; margin-bottom: 10px; border: 1px solid #266ebc; text-align: center; width: 100%; }
.wp_template_msg_outer .add_tabs_cutomizer.challenge_hide_section .inner_template_style_box.challenge_hide_section h2 { font-size: 13px; border-bottom: 0; margin-bottom: 0; }
#customizer_button_outer .wp_template_msg_outer .add_tabs_cutomizer.challenge_hide_section .inner_template_style_box.challenge_hide_section span.input-group-addon i { height: 100%; width: 100%; border: 1px solid #ddd; }

.c-small-input  .Template-Customize-Setting .Template-Customize-element .inner_template_style_box .input-group { width: 95px; }
#course--accordion .square-switch_onoff.square-large-switch{ width: 80px; }

.dap_course_template_customizer_outer .course_template_outer .course_template-content .dap_course_template_header_div,
.dap_course_template_customizer_outer .course_template_outer .course_template-content .course_template_tabs,
.dap_course_template_customizer_outer .course_template_outer .course_template-content .dap_course_template_footer_div{ margin-left: auto; margin-right: auto; float: none; text-align: center; }


.dap_course_template_customizer_outer .course_template_outer .course_template-content.dap-content-align-left .dap_course_template_header_div,
.dap_course_template_customizer_outer .course_template_outer .course_template-content.dap-content-align-left .course_template_tabs,
.dap_course_template_customizer_outer .course_template_outer .course_template-content.dap-content-align-left .dap_course_template_footer_div{ margin-left: 0; margin-right: auto; float: none;  }

.dap_course_template_customizer_outer .course_template_outer .course_template-content.dap-content-align-right .dap_course_template_header_div,
.dap_course_template_customizer_outer .course_template_outer .course_template-content.dap-content-align-right .course_template_tabs,
.dap_course_template_customizer_outer .course_template_outer .course_template-content.dap-content-align-right .dap_course_template_footer_div{ margin-left: auto; margin-right: 0; float: none;  }

span.records_file_resource7 .editlesson_cls_outer {
    width: 33px;
    padding: 0;
    border: none;
    height: 30px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 7px;
    background: #efefef;
}

.prodcut_inner_outer.info-div {
    font-size: 16px;
    font-weight: 500;
}

.lesson_data_container .course-card-outer-gray .course-content-card {
    border-bottom: 0;
    padding-bottom: 0;
}

.lesson_data_container .course--accordion-outer .product_details_container .course-content-card.existing_lesson_outer {
    border-top: 0;
    margin-top: 0;
}

.hide_show_parent_page_btn.selected_product_module_list.selected_product_module_list_btn {
    padding: 0 0px;
    margin-bottom: 0;
}
.module_data_container .alert {
    margin-top: 10px;
}
.lesson_data_container:after {
    display: block;
    clear: both;
    content: "";
}
.wizard-content-card.removeborder.clearfix {
    padding: 0;
}

#wiz_content_tab .lesson_data_container .sortableFileList .ui-sortable li:last-child {
    border-bottom: none;
}

.alert.alert-success.mt-3.wp_parent_added_msg {
    display: none!important;
}

.records_file_resource2 i.fa.fa-pencil-square-o {
    display: none;
}

span.records_file_resource7 .editlesson_cls_outer:hover {
    background: #e3e3e3;
}

.records_file_resource4 .fa.fa-pencil-square-o { padding-left: 5px; }


.main-dap-builder-grid-column {
    min-height: 100px;
    width: 50%;
    height: auto!important;
}

.course--accordion-outer .main-dap-builder-grid-column{
  border: 2px dotted red;
}

.course--accordion-outer .main-dap-builder-grid-content-part {
    position: relative;
    height: 100%;
}

.main-dap-builder-grid-row {
    position: relative;
    z-index: 1;
}

.main-dap-builder-grid-row {
    display: flex;
    width: 100%;
    flex-direction: row;

}

.course--accordion-outer .main-dap-builder-grid-row {
    gap: 0 5px;
}
.main-dap-builder-grid-wrapper {
    width: 100%;
}

.main-dap-builder-grid-column .Template-Customize-Setting-Horizontal-layout .inner_template_style_box{
    width: 100%!important;
}
.Template-Customize-Setting {
    padding-top: 5px;
}


.dap-global-customizer-container {
  max-width: 700px;
  width: 100%;
}

.dap-global-customizer {
  margin-bottom: 10px;
}

.dap-global-customizer-head {
  background-color: #00bcd4;
  padding: 15px 10px;
  font-size: 22px;
  position: relative;
  cursor: pointer;
 }

 .dap-global-customizer-head::before,
 .dap-global-customizer-head::after {
  content: '';
  position: absolute;
  top: 50%;
  background-color: #fff;
  transition: all .3s;
 }

.global-customizer-input > label {
    margin-bottom: 0px;
}

 .dap-global-customizer-head::before {
  right: 30px;
  width: 3px;
  height: 20px;
  margin-top: -10px;
}

.dap-global-customizer-head::after {
  right: 21px;
  width: 20px;
  height: 3px;
  margin-top: -2px;
}

.dap-global-customizer-head p {
  color: #fff;
  font-weight: bold;
  margin-bottom: 0;
  font-size: 16px;
}

.dap-global-customizer-content {
  padding: 15px 10px;
  display: none;
}
        
.dap-global-customizer-head.dap-global-customizer-active::before {
    transform: rotate(90deg);
}


.customiser-option-set-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
}

.global-customizer-input {
    width: calc(50% - 10px);
}

.global-customizer-input select, .global-customizer-input input {
    width: 100%;
    padding: 10px;
    border-color: #d1d1d1!important;
    border-radius: 5px;
    border-width: 2px!important;
    box-shadow: none;
    background: #fff;
    outline: none;
    height: 40px!important;
    font-size: 15px;
    font-weight: 500;
    color: #000;
}

.global-customizer-input span.input-group-addon {
    border-radius: 0 5px 5px 0;
}

.global-customizer-input input.colorpicker-element {border-radius: 5px 0 0 5px;border-right: none;}

.global-customizer-input input:focus {
}

.global-customizer-input span.input-group-addon {
    background: transparent;
    width: 30px;
}

.global-customizer-input span.input-group-addon i {
    width: 100%;
    height: 100%;
    border-radius: 0 5px 5px 0;
    border: 2px solid #d1d1d1;
}

input#settingDapGlobalTheme,
input#settingCustomHeader {
    box-shadow: none;
    border: none;
    background: #2196f3;
    padding: 10px 50px;
    font-size: 18px;
    text-align: center;
    display: block;
    margin: 20px auto;
    border-radius: 5px;
}


.global-customizer-separator .alert.alert-warning { margin-bottom: 0; }

.dap-custom-modal { display: none; position: fixed; z-index: 9; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); }
.dap-custom-modal-content { background-color: #fefefe; margin: auto; padding: 0; border: 1px solid #888; width: 700px; position: relative; }
.dap-custom-modal-close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; }
.dap-custom-modal-close:hover, .dap-custom-modal-close:focus { color: #000; text-decoration: none; cursor: pointer; }

.dap-custom-modal-content .dap-custom-modal-content-box > img { max-width: 100%; }
.dap-custom-modal-content span.dap-custom-dap-custom-modal-close { position: absolute; right: 0; padding: 10px; top: 3px; font-size: 18px; cursor: pointer; }
.dap-custom-modal-header > h2 { font-size: 18px; font-weight: 600; padding: 10px; background: #ffc107; }
.dap-custom-modal-main-grid-box { display: flex; gap: 20px; }
.dap-custom-modal-content-box > h4 { background: #ededed; font-size: 16px; padding: 10px; margin-bottom: 0; }
.dap-custom-modal-main-content { padding: 20px; } .dap-custom-modal-content-box { box-shadow: 0px 0px 19px -10px rgb(0 0 0 / 75%); -webkit-box-shadow: 0px 0px 19px -10px rgb(0 0 0 / 75%); -moz-box-shadow: 0px 0px 19px -10px rgb(0 0 0 / 75%); cursor: pointer; position: relative; }
.dap-custom-modal-content-box:after { content: "Selected"; position: absolute; width: 100px; height: 30px; background: #2196f3; font-weight: 600; color: #fff; font-size: 16px; border-radius: 6px; top: 50%; left: 50%; transform: translate(-50%, -50%); display: none; align-items: center; justify-content: center; line-height: 1; font-family: inherit; }
.dap-custom-modal-content-box:before { position: absolute; top: 40px; left: 0; right: 0; bottom: 0; background: rgba(0,0,0, 0.4); display: none; content: ''; }
.dap-custom-modal-content-box.selected-wp-layout:before, .dap-custom-modal-content-box:hover:before{ display: flex;}
.dap-custom-modal-content-box.selected-wp-layout:after, .dap-custom-modal-content-box:hover:after{ display: flex;} .dap-custom-modal-content-box:hover:after{ content: 'Select';} .dap-custom-modal-content-box.selected-wp-layout:after{ content: 'Selected'; }
a.dap-custom-dap-modal-save-btn { background: #ffc107; padding: 10px; text-align: center; margin: 0 auto; display: block; width: 220px; font-weight: 500; color: #000; border-radius: 8px; font-size: 17px; line-height: 1; text-decoration: none; }
.dap-custom-modal-footer { padding: 20px; background: #f3f3f3; }
a.switch-course-layout-btn { padding: 10px 20px; background: #9c27b0; color: #fff; border-radius: 8px; line-height: 1; text-decoration: none; }
option.hide-wp-template-in-dropdown { display: none; }


.builder-selection-type {
    background: #f5f5f5;
    max-width: 520px;
    width: 50%;
    padding: 25px 25px;
    text-align: center;
    font-family: inherit;
    display: block;
    border-radius: 5px;
    position: relative;
}

.lesson-wp-builder-dap-builder {
    display: flex;
    gap: 20px 50px;
    background: #fff;
    max-width: 100%;
    padding: 30px;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
}

.builder-selection-type > img {
    max-width: 130px;
    margin-bottom: 20px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.builder-selection-type > h3 {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 600;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
}

a.btn-builder-selection {
    display: inline-block;
    width: auto;
    border: 1px solid #17a2b8;
    padding: 10px 10px 8px;
    margin: 0;
    vertical-align: middle;
    font-size: 14px;
    color: #ffffff;
    border-radius: 5px;
    line-height: normal;
    text-transform: uppercase;
    font-weight: 600;
    background: #4391a8;
    text-decoration: none;
}

a.btn-builder-selection i.fa {
    margin-right: 8px;
    margin: -2px 7px 0 0;
    display: inline-block;
    vertical-align: top;
    font-size: 22px;
}

div input.lesson-builder-type {
    position: absolute;
    z-index: 9999;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    opacity: 0;
}

.lesson-wp-builder-heading-part {
    width: 100%;
}

.lesson-wp-builder-heading-part > h3 {
    font-size: 23px;
    text-align: center;
    font-weight: 600;
    max-width: 790px;
    margin: auto;
    margin-bottom: 10px;
}

/*.default-inner-section-lesson-builder.own-builder-active .parent_page_outer.parent_page_outer_mod,
.default-inner-section-lesson-builder.own-builder-active .hide_show_parent_page_btn .button-lesson-parent-page{
    display:none!important;
}*/

.default-inner-section-lesson-builder.own-builder-active .selected_product_list.selected_product_module_list {
    display:block;
}

/*.default-inner-section-lesson-builder.own-builder-active .actionbar-before-lessons {
    justify-content: flex-end;
}*/

.dap-pages-listing{ display: none !important; }
.default-inner-section-lesson-builder.own-builder-active .dap-pages-listing{ display: flex !important; }
.default-inner-section-lesson-builder.own-builder-active .wp-pages-listing{ display: none !important; }


.modul_listing li .edit_lesson_in_wp a {
    color: #212529;
}

.default-inner-section-lesson-builder.own-builder-active .editlesson_cls.edit_lesson {
    display: none!important;
}

.records_file_resource .manage_course_toggle .shortcodes_toggle_info.editlesson_in_wp_cls { display: none; }
.default-inner-section-lesson-builder.own-builder-active .shortcodes_toggle_info.editlesson_in_wp_cls { display: block; }

.default-inner-section-lesson-builder.own-builder-active .existing_lesson_post_type_outer {
    display: block;
}

.default-inner-section-lesson-builder.own-builder-active span.existing-lesson-selection-msg {
    display: none;
}

span.existing-lesson-post-type-selection-msg {
    display: none;
}

.default-inner-section-lesson-builder.own-builder-active span.existing-lesson-post-type-selection-msg {
    display: block;
}

.dap_lesson_post_type_wrapper {
    display: none;
}

.default-inner-section-lesson-builder.own-builder-active .dap_lesson_all_page_wrapper {
    display: none!important;
}

span.lesson_post_type_slug {
    display: none;
}

.default-inner-section-lesson-builder.own-builder-active span.lesson_post_type_slug {
    display: block;
}


.default-inner-section-lesson-builder.own-builder-active .no-lesson-cpt-data-found .hideshow-lesson-box{ display: none; }

.default-inner-section-lesson-builder.own-builder-active .has_course_lesson_builder .records_file_resource4 icon.fa.fa-pencil-square-o {
    display: inline-block!important;
}

.default-inner-section-lesson-builder.own-builder-active .has_course_lesson_builder .records_file_resource4 i.fa.fa-pencil-square-o {
    display: none!important;
}

.alert-for-own-page-builder{ display: none; }
.default-inner-section-lesson-builder.own-builder-active .alert-for-own-page-builder{ display: block; }


.hover_close_btn .fa-close:before {
    content: "\f2ed";
    font-family: "Font Awesome 5 Free";
}


body #course_template_outer_id .course_template-content.dap-allow-inner-bg-box .course_template_tabs,
.course_template-content.dap-allow-inner-bg-box .course_template_tabs {
    padding: 20px 20px 15px;
    position: relative;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.05), 0 1px 3px 0 rgba(0, 0, 0, 0.15);
    gap: 20px;
    margin-bottom: 20px;
    background: #fff;
    border-radius: 10px;
}

.course_template-content.dap-allow-inner-bg-box .course_template_tabs .tab-content .tab-pane {
    padding: 0;
}

body #course_template_outer_id .course_template-content:not(.dap-allow-inner-bg-box) .course_template_tabs,
.course_template-content:not(.dap-allow-inner-bg-box) .course_template_tabs {
    border-radius: 0;
    background: transparent;
}

@media (max-width: 991px){
    .main-dap-builder-grid-row{ flex-direction: column; }
    .main-dap-builder-grid-row .main-dap-builder-grid-column{ width: 100%; }
}

@media (max-width: 767px){
    .course_template_tabs .nav-tabs{ justify-content: center; }
}

@media (max-width: 380px){
   .course_template_tabs .nav-tabs li.nav-item { width: 100%; }
}

@media (max-width: 1535px){
    .Template-Customize-Setting .wrapper_left_side_bar .inner_section_side_bar .inner_template_style_box .slider {
        zoom: 1.2;
    }
}