#dap_member_page_wrapper .mutliSelect ul.form-control, #dap_member_page_wrapper .mutliSelect select {
    height: auto;
}
/*
.checkbox-custom-style {
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
    position: relative;
    margin: 0 5px 0 0;
    background: #fcfff4;
    box-shadow: none;
    display: inline-block;
    border: 1px solid #ababab;
    vertical-align: top;
}

.checkbox-custom-style .custom--checkbox, .checkbox-custom-style input[type=checkbox].custom-checkbox-input {
    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;
}

input[type=checkbox]:checked::before {
    content: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%231e8cbe%27%2F%3E%3C%2Fsvg%3E);
    margin: -.1875rem 0 0 -.25rem;
    height: 1.3125rem;
    width: 1.3125rem;
}
*/


.Engagement--title {
    font-family: 'DM Sans',sans-serif;
    padding: 20px 0;
    border: none;
    margin: 0!important;
    background: none;
    font-size: 24px;
    line-height: 1.4;
    color: #171717;
    background-color: transparent;
    font-weight: 600;
    border-bottom: 1px solid #eee;
    position: relative;
}

.Engagement--title i.fa {
    width: 50px;
    height: 50px;
    display: inline-block;
    background: #ebfef9;
    border-radius: 5px;
    text-align: center;
    line-height: 50px;
    color: #3fc7a6;
    margin: 0 13px 0 0;
    font-size: 26px;
}

.Engagement--title::after {
    content: "";
    position: absolute;
    left: 0;
    top: auto;
    bottom: -1px;
    width: 60px;
    height: 5px;
    background: #3fc7a6;
    z-index: 2;
}


.Engagement-card_box {display: inline-block; width: 100%; margin: 0 0 30px 0; padding: 25px; border: none; box-shadow: 0 0 8px 0 #ddd; vertical-align: middle; }

.Engagement-card_box > h3 {color: #0f2e47; font-size: 17px; font-family: 'DM Sans',sans-serif!important; font-weight: 600; /*text-transform: capitalize;*/ margin: 0 0 13px 0; padding: 0; line-height: 1.5; }

.Engagement-card_box .Engagement-input-outer {display: inline-block; width: 100%; margin: 0; padding: 0; vertical-align: middle; }

.Engagement-card_box label {padding: 0 15px;font-size: 17px;float: left;margin: 0;color: #000;font-weight: 500;}

.Engagement-card_box label[class*="col-"] {display: flex;align-items: center;}

.Engagement-card_box input.form-control , .Engagement-card_box select.form-control {display: block; width: 100%; height: 46px !important; line-height: 44px; padding: 0 10px; font-size: 14px; max-width: 550px; box-shadow: none; border-radius: 0; }

.Engagement-card_box .Engagement-input-outer ul#select_lesson_id {max-width: 550px;    border-color: #7e8993; }

#settings_dap_course_integration_tab #Quiz-reportsTab.nav-tabs, #student_shortcode_tab #Quiz-reportsTab.nav-tabs {margin-top: 20px;}

.dap_see_details_template_html_preview_outer{margin: 10px 0 25px 0;  text-align: center;}

.Manage_leads--Quiz table.dataTable#dap_manage_course_table td hr, table.dataTable#stb_manage_student_shortode td hr {margin: 6px 0; }

.Engagement-card_box .shortcode_display {font-size: 15px; font-weight: 500; color: #000; } 

.Engagement-card_box .copy-btn {padding: 6px 8px; margin: 0 0 0 15px; border-radius: 4px; cursor: pointer; transition: all ease 0.3s; background: #00a0d2!important; color: #FFF !important; width: auto; display: inline-block; white-space: nowrap; min-width: auto; font-size: 16px; }

.Engagement--sub-title {font-family: 'DM Sans',sans-serif; padding: 10px 0; border: none; margin: 0 0 15px 0; background: none; font-size: 20px; line-height: 1.4; color: #f56640; background-color: transparent; font-weight: bold; border-bottom: 1px solid #eee; position: relative; }


.Engagement-card_box .selected_product_show {border: 1px solid #c7d1db; padding: 15px; border-left: 3px solid #11bbe6; margin: 0;border-radius: 4px; width: 100%; float: left;background: #fff;} 

.Engagement-card_box .selected_product_show h5{font-size:18px; line-height:normal; } 

.Engagement-card_box .selected_product_show span {font-size: 14px; color: #000; }

.Engagement-card_box .dropdown_prod .mutliSelect ul.form-control , .dropdown_prod .mutliSelect ul.form-control {max-height: 205px !important;padding: 6px 10px;margin: 0;overflow-y: auto;} 

.Engagement-card_box .prodselect .dropdown_prod {margin: 0; padding: 0; }

.Engagement-card_box .form-control , #dap_member_page_wrapper .Engagement-card_box .form-control{border-radius: 0; box-shadow: none; min-height: 44px; padding: 9px 13px; border: #c7d1db solid thin; height: 44px; font-size: 16px; width: 100% !important; font-weight: normal;line-height: normal;}

.Engagement-card_box .selected_product_show ul {height: 168px !important; overflow-y: auto; }
.Engagement-card_box .dap_products_list_outer_ul {height:308px !important;    overflow-y: scroll; }
.Engagement-card_box .cs_dap_select_products_list {  border: 1px solid #c7d1db; padding: 15px;  border-left: 3px solid #11bbe6;  margin: 0;  border-radius: 4px;  width: 100%;    float: left; background: #fff;}

.Engagement-card_box {font-family: 'DM Sans',sans-serif;}

.dap_member_setting_outer {background: #fff;}

/* Checkbox Design */  

.checkbox-custom-style {width: 20px;height: 20px;min-width: 20px;min-height: 20px;position: relative;margin: 0 5px 0 0;background: #fcfff4;box-shadow: none;display: inline-block;border: 1px solid #ababab;vertical-align: top;}

.checkbox-custom-style .custom--checkbox , .checkbox-custom-style input[type=checkbox].custom-checkbox-input {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;}

.checkbox-custom-style .custom--checkbox::after {content: '';width: 12px;height: 7px;position: absolute;top: 4px;left: 3px;border: 3px solid #437bc1;border-top: none;border-right: none;background: transparent;opacity: 0;transform: rotate(-45deg);}

.checkbox-custom-style input[type=checkbox].custom-checkbox-input {opacity: 0;z-index: 6;}

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

/* end Checkbox Design */

#dap_member_page_wrapper  .Engagement-input-outer select.form-control{   border-color: #7e8993 !important; width: 150px !important; }
#dap_member_page_wrapper  .dap_m_e_row_no{ -ms-flex: 0 0 265px;flex: 0 0 265px;max-width: 265px;}





/* Customizer template css */

.Template-Customize-content {float: right;   text-align: center; width: 100%; margin: 0; padding: 0px; max-width: calc(100% - 350px); max-width: -webkit-calc(100% - 350px); max-width: -moz-calc(100% - 350px); max-width: -ms-calc(100% - 350px); } 

.Template-Customize-setting-outer {float: left; width: 350px; margin: 0; background-color: #f9f9f9;
    padding: 25px; max-width: 100%; } 

.Template-Customize-content-inner {background: #fff; border: 1px solid #e8ebee; padding: 0 0; display: inline-block; vertical-align: middle; margin: 0 0 25px; max-width: 100%;    width: 100%;}

.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: 'DM Sans',sans-serif !important;letter-spacing: 0.5px;padding: 12px 0;color: #fff;border-bottom: 1px solid #dee8e8;text-transform: capitalize;background: #191b1b;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;}

.Template-Customize-Setting .Template-Customize-element-btn ,
.Template-Customize-Setting .customizer_innner_sections.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: 'DM Sans',sans-serif !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: 'DM Sans',sans-serif !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: 100%; width: 100%; margin-right: 0; border: none; border-left: none; 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-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: 5px;margin-left: 0;width: 19px;height: 19px;background: #fff;background-image: none;border: 2px solid #478935;cursor: pointer;}

.Template-Customize-Setting .Template-Customize-element .inner_template_style_box .input-group .input-group-addon {margin: 0; padding: 0; height: auto; }

.modal_popup_cont .modal-body input.form-control, .modal_popup_cont .modal-body select {border-radius: 0; height: 42px; border: 1px solid #e4e4e4; }

#dap_member_preview .Template-Customize-Setting .customizer_innner_sections .Template-Customize-element.Template-Customize-element_full_width{width:100%; max-width:100%;}

.dmg_custom_checkbox_toggle{align-items: center;display: flex;align-items: center;}

#dap_member_login_preview_wrapper_modal .dme_backend_hide {display:none;}

#dap_member_login_preview_wrapper_modal .modal-dialog {width: 100%;max-width: 1280px;}

#dap_member_login_preview_wrapper_modal .modal-dialog .dap_member_engagement-sidebar {word-break: break-word;}

.Template-Customize-Setting  .tooltip.in {opacity: 1!important;}

.dap_member_customize_template_div {margin-top: 0px;}

.sign_up_for_upsell_wrapper.course_not_signed_up_for_upsell_section{border-bottom: 1px solid #eee;}


.dap_member_setting_outer .tab-content.dap_member_content {padding-bottom: 0; } 

.DAP_CME_actions {display: inline-block; margin: 0 -24px; padding: 20px 25px; background: #eee; width: calc(100% + 48px); }

.DAP_CME_actions .theme-btn.prev_cme_btn {background: #4c4c4c;color: #fff; border: none; -webkit-appearance: inherit;}

.DAP_CME_actions .theme-btn.next_cme_btn {background: #6f80b9;color: #fff; border: none; -webkit-appearance: inherit;}

.DAP_CME_actions .theme-btn:hover {opacity: 0.8;}

.dap_member_engagement_template_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: #7b7b7b;
padding: 20px;
font-family: 'Open Sans', sans-serif;
margin: 10px 0;
}

#dap_member_general .Engagement-card_box label {
    padding: 0 0 0 15px;
    flex: 0 0 auto;
    max-width: 100%;
    width: auto;
    color: #0f2e47;
    font-size: 17px;
    font-family: 'DM Sans',sans-serif!important;
    font-weight: 600;
}

.dap_member_login_details{
    border-left-color: #00a0d2;
}
 
 
#dap_member_details .dap_member_fb_login_details  {
     border-left-color: #00a0d2;
         width: 100%;
 }
 #dap_member_details  .dap_error_div {
    background: #ffe5ee;
    width: 100% !important;
    max-width: 1068px;
    border: none;
    border-left: 5px solid;
    color: red;
    font-size: 16px;
    font-weight: 600;
 }
#dap_member_details  .copy-btn {
    padding: 7px 20px;    
    background: #00a0d2!important;
    color: #FFF !important;
    font-size: 15px;
}
.shortcode_details_outer span {
    font-size: 16px;
}
.shortcode_details_outer #dynamic_copyable_text_login {
    font-weight: 600;
}
.shortcode_details_outer #dynamic_copyable_text_login {
    color: #0f2e47;
    font-size: 17px;
    font-family: 'DM Sans',sans-serif!important;
    font-weight: 600;
}

.modal_popup_cont .modal-body .form-group {
margin: 15px 0;
}
.modal_popup_cont .modal-footer {justify-content: center;}
.modal_popup_cont .modal-footer .btn {padding: 0 25px;min-width: 200px;line-height: normal;height: 46px;font-size: 18px;font-weight: 600;width: auto;}
.modal_popup_cont .Engagement--sub-title {
    padding: 6px 14px;
}
 .ui-sortable.cs_products_template_enable_drag_drop li {
   float: left;
    width: 98%;
    margin: 3px 0px;
    border: 2px dashed #cccc;
    box-shadow: 0px 1px 3px #00000014;
    cursor: pointer;
    padding: 4px 10px;
    font-size: 14px;
}
.dap_member_temp_new_section {
    position: relative;
}
.hover_close_btn {
       z-index: 1;
    position: absolute;
    right: 4px;
    top: 10px;
    color: #ff1616;
    font-size: 16px;
    cursor:pointer;
}
.dap_member_temp_new_section .completed-courses-list .completed-course-block {
    width: 100%;    
}

.Template-Customize-Setting .Add-generic-messages-btn, .Template-Customize-Setting .Add-quiz-shortcode-btn {font-size: 13px; border: none; height: auto; width: auto; line-height: 18px; text-align: center; color: #fff; cursor: pointer; padding: 8px; background: #ff634d; border-radius: 4px; font-weight: 600; margin: 5px auto 15px; display: table; }
.dap-customizer-on-top .Template-Customize-Setting .Add-quiz-shortcode-btn,
.dap-customizer-on-top .Template-Customize-Setting .Add-generic-messages-btn{ background: #8bc34a; }
.dm_prerequisite_error_msg_div {margin-top: 12px;    border: 1px solid #bfbfbfdd;    padding: 4px;}


.dm_prerequisite_popup_div  {
    position: relative;
    margin-top: 12px;
    border: 1px solid #bfbfbfdd;
    padding: 6px;
    font-size: 14px;
}
.select_option_width_yes_no{ max-width: 77px !important;}
.dap_engagement_search_p_name{    max-width:100% !important;}
/*.dap_member_setting_outer .tab-content.dap_member_content {
    background: #f7f7f7;
}*/
ul.custom_tabbar .nav-item.show .nav-link, ul.custom_tabbar .nav-link.active {
    background-color: #009688;
     
}





/* dap--Dashboard-accordion css */

.dap--Dashboard-accordion-outer {background: none;padding: 0;margin: 0;width: 100%;max-width: 100%;clear: both;display: inline-block;}

.dap--Dashboard-accordion-outer .card {width: 100%;margin: 0;max-width: 100%;padding: 0;background: #eeeeee;border: none;border-radius: 0;box-shadow: none;text-align: left;display: inline-flex;width: 100%;font-family: 'Open Sans', sans-serif;outline: none;}

.dap--Dashboard-accordion-outer .card .card-header {padding: 0;border: none;margin: 0;background: none;color: #444;font-size: 16px;line-height: normal;}

.dap--Dashboard-accordion-outer .card .card-header .card-link {padding: 13px 15px;border: none;margin: 0;display: flex;justify-content: space-between;align-items: center;background: none;color: #444;}

.dap--Dashboard-accordion-outer .card .card-header .card-link {box-shadow: none;position: relative;z-index: 1;border: 2px solid #5181aa;}

.dap--Dashboard-accordion-outer .card .card-header .card-link.collapsed {box-shadow: 0 0 0 0 transparent; box-shadow: none;border:none;}

.dap--Dashboard-accordion-outer .card .card-header h2 {margin: 0; font-size: 15px; padding: 0; color: #444; font-weight: 700;}

.dap--Dashboard-accordion-outer .card .card-header .step-count {display: inline-block; width: 32px; height: 32px; background: #fff; border-radius: 100%; text-align: center; line-height: 28px; color: #53cc17; font-size: 15px; vertical-align: middle; margin: 0 8px 0 0; font-weight: 600; border: 2px solid #53cc17; }

.dap--Dashboard-accordion-outer .card .card-header .step-count.active { background: #53cc16;   color: #ffffff;   }

.dap--Dashboard-accordion-outer .selectproduct-accordion-header-right {display: flex; align-items: center; flex-wrap: nowrap;font-size: 18px;}

.dap--Dashboard-accordion-outer .card .collapse , .dap--Dashboard-accordion-outer .card .collapsing {background: #fff; }

.dap--Dashboard-accordion-outer .collapsed .selectproduct-accordion-header-right i.fa.fa-minus::before {content: "\f067";}


.dap--Dashboard-accordion-outer .green_tick {background: none; border-radius: 50%; font-size: 24px; color: #8e8f8f; width: auto; height: auto; margin: -3px 0 0 6px; float: none; text-align: center; line-height: normal; vertical-align: middle; display: none; visibility: hidden; opacity: 0; }

.dap--Dashboard-accordion-outer .green_tick.green_tick-active {visibility: visible;display: inline-block;opacity: 1}

.dap--Dashboard-accordion-outer .card + .card {margin-top: 16px;}


.dap--Dashboard-accordion-outer .card-body {padding: 0; margin: 0; }

.dap--Dashboard-accordion-outer .card-body .Engagement-card_box {padding: 25px; border: none; box-shadow: none; margin: 0; }

.dap--Dashboard-actions {background-color: #ecf0f1; margin: 0 auto; width: 100%; display: flex; padding: 20px 15px; border: none; font-family: 'DM Sans',sans-serif; box-sizing: border-box; justify-content: space-between; }

.dap--Dashboard-actions .dap-Dashboard--btn {border-radius: 5px;background: #3b5998 !important;color: #fff;height: 40px;padding: 0 15px;text-transform: none;font-family: 'DM Sans',sans-serif;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;}

.dap--Dashboard-actions .dap-Dashboard--btn.dap--Dashboard-prev-btn {background-color: #676767 !important;color: #fff;}
.dap--Dashboard-actions .dap-Dashboard--btn.dap--Dashboard-save-btn {background-color: #02c7a6 !important;color: #fff;}
.dap--Dashboard-actions .dap-Dashboard--btn.dap--Dashboard-next-btn {background-color: #045391 !important;color: #fff;}

.dap--Dashboard-actions .dap-Dashboard--btn:hover {opacity: 0.8 !important;text-decoration: none;}
.height_width_display{
    position: relative;    width: 100%;
}
.height_width_display_inn{
    position: absolute;
    z-index: 999;
    top: -6px;
    background: #f1f1f1;
    color: #000;
    padding: 4px;
    font-size: 12px;
    font-weight: 600;
    left: 9px;
    border: 1px solid #e1e1e1;
}
.Template-Customize-Setting  .customizer_innner_sections h2{
    font-size: 16px;
    font-weight: bold;
    font-family: 'DM Sans',sans-serif !important;
    letter-spacing: 0.5px;
    padding: 12px 0;
    color: #ff5722;     
    text-transform: capitalize;    
    margin: 0; width: 100%;
}
.Template-Customize-setting-outer.sticky_cls {   
    position: fixed;
    top: 32px;
    z-index: 999;
}
.Template-Customize-Setting .customizer_innner_sections {    
    max-height: 270px;
    overflow-y: scroll;
}
.Template-Customize-Setting  .tool-tip .toll-tip-desc {    
    top: 26px;
    left: -185px;    
    width: 320px;
}
.Template-Customize-Setting  .tool-tip .toll-tip-desc::before {
    border-left: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid rgba(206, 115, 115, 0);
    border-top: auto;
    border-bottom: 10px solid #58666e;
    content: '';
    right: 97px;
    position: absolute;
    top: -20px;left: auto;
}
.Template-Customize-Setting  .tool-tip .toll-tip-desc p {
    color: #333;
    font-size: 13px;
    margin: 0;
    padding: 0;
}  
ul.custom_tabbar li .nav-link.active span {
    background: #3fc7a6;
    color: #fff;
}
.card-body .Engagement-card_box .mp-sub-heading {padding-bottom:    11px}
.card-body .Engagement-card_box .mp-sub-heading .fa{display:none}

.dap-card-outer-gray_1  .Template-Customize-Setting{    margin-bottom: 0;padding-bottom: 20px;}
.dap-card-outer-gray_1{
margin-top:30px; 
}