.manage_porduct_shortcode *{
    padding:0px;
    margin:0px;
       
}
#courtse_outlineid * {
  text-transform: initial;    font-family: var(--all-text-font-family);;
}
.manage_porduct_shortcode .dap_member_tiny_editor{
line-height:1
}

.dap_course_wrapper_outer {
    width: 750px;
    margin: auto;
    float: none;
    max-width: 100%;  
}  

.manage_porduct_shortcode {
    font-size: 15px;
    max-width: 100%;
    box-shadow: #e9e9e9 0px 0px 3px 1px;
    border:1px solid #dcdcdc;    
    width:100%;
    margin:16px auto;
    background-color:#ffffff;    
    border-style: solid;
    border-width: 1px;
    border-color: #dcdcdc;
    box-shadow: 0px 0px 7px 1px #dcdcdc;
    font-family: var(--all-text-font-family);
}
 .manage_porduct_shortcode.dap_course_wrapper{
    float: left;
    width: 100%;
 }
 
 
.heading_shortcode_template {
    font-size: 15px;
    width:100%; 
    background-color:#44bcd5;    
    font-family: var(--all-text-font-family);
}
  
.co_template1 .heading_shortcode_template{
background:#44bcd5;
}
.co_template2 .heading_shortcode_template{
background:#fff;
} 
.course_desc{
 text-align: left;
 color:#fff;
}
 
.heading_shortcode_template{
    padding: 10px 15px;
}

#dap_customize_template .custom_body_part .cardbody_text:last-child {
    border-bottom: 0px solid #ddd;
}
#outline_continer .course_name.dap_member_tiny_editor {
    font-size: 20px;
    letter-spacing: normal;
    line-height: normal;
    color: #000;
    font-weight: 700;
    font-family: var(--all-text-font-family);
     text-transform: initial; 
}
#dap_customize_template  .heading_shortcode_template .course_name , .heading_shortcode_template .course_name , #outline_continer .course_name.dap_member_tiny_editor{
    font-size: 18px;
    text-align: left;
    letter-spacing: normal;
    line-height: normal;
    color:#fff;
    font-weight: 700;
    padding: 4px 0 10px;
    margin: 0;
}


#dap_customize_template .heading_shortcode_template .course_name *, .heading_shortcode_template .course_name *{
    font-size: inherit;
    text-align: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    color: inherit;
    font-weight: inherit;
    padding: 0px;
    margin: 0;
}
.heading_shortcode_template div.dap_member_tiny_editor  {
    font-size: 14px;
    font-weight: 400;
    padding: 0;
    margin: 0;
        color: #000;
}

.course_desc{
display:none;
}
.courselesson_container_outer{
    max-width: 100%;
}
#dap_customize_template  .co_template1  .heading_shortcode_template .course_name , .co_template1  .heading_shortcode_template .course_name , #outline_continer .co_template1  .course_name.dap_member_tiny_editor, #dap_customize_template  .co_template1  .heading_shortcode_template .course_desc , .co_template1  .heading_shortcode_template .course_desc , #outline_continer .co_template1  .course_desc.dap_member_tiny_editor{
    
    color:#fff;
    
}
#dap_customize_template  .co_template2  .heading_shortcode_template .course_name , .co_template2  .heading_shortcode_template .course_name , #outline_continer .co_template2  .course_name.dap_member_tiny_editor ,#dap_customize_template  .co_template2  .heading_shortcode_template .course_desc , .co_template2  .heading_shortcode_template .course_desc , #outline_continer .co_template2  .course_desc.dap_member_tiny_editor {
    
    color:#000;
    
}

/*----- Accordion Css -----*/
.custom_accordion .card{
    padding: 0px;
    border: none;
   /* border-top: 1px solid #ddd;*/
    margin-top: -2px;
    border-radius: 0px;
} 
.custom_accordion .card .card-header {    
    background-color: inherit;
    padding: 0px 0 0 5px;
    background: #f6f6f6;
} 
.custom_accordion .card .card-header h5 {    
     color: #333;
    font-size: 14px;
    float: left;
    padding: 16px;
    font-weight: 600;
}

#outline_continer h5 , #outline_continer .module_data h5.module_name {
   color: #333;
    font-size: 14px;
    letter-spacing: normal;
    line-height: normal;
    font-family: var(--all-text-font-family);
     text-transform: initial; 
    font-weight: 600; 
        margin: 0;
    padding: 14px;
}
 
.custom_accordion .card .card-header span { 
    color:#444;
    padding: 0px 0 0 5px;
    font-size: 14px;
}
.custom_accordion .drop_arrow {
    padding: 18px;
    font-size: 14px;
}
[data-toggle="collapse"] .drop_arrow:before {  
  content: "\f077";
}

[data-toggle="collapse"].collapsed .drop_arrow:before {
  content: "\f078";
}
/*----- Accordion Body Css -----*/
.custom_body_part {
       padding: 20px 20px 28px;
}
.custom_body_part .cardbody_text{
    border:1px solid #ddd;
    padding: 5px 12px;
    margin: 0;
    background: inherit;
    border-bottom:none; 
    color:#444;
    display: flex;
    width: 100%;
    align-items: center;
}
.custom_body_part .cardbody_text:last-child{
    border-bottom:1px solid #ddd;
}
.custom_body_part .cardbody_text p {
    color: #333;
    margin-bottom: 0px;
    font-size: 14px;
    width: calc(100% - 55px);
    margin-right: 10px;
}
.custom_body_part .cardbody_text .lesson_data {
    color: #333;
    margin-bottom: 0px;
    font-size: 14px;
    width: calc(100% - 55px);
    margin-right: 10px;
 
    margin: 0;
    padding: 3px 0;
}
.cardbody_text .btn_template_start {
    background: #00bcd4;
    color: #fff;
    padding: 0 8px;
    font-size: 12px;
    border: none;
    line-height: 24px !important;
    width: 55px;
    border-radius: 2px;
    text-align: center;
}
#outline_continer .cardbody_text .btn_template_start#start_button_link {
    background: #44bcd5;
    padding: 0 8px;
    font-size: 12px;
    border: none;
    line-height: 24px !important;
    width: 55px;
    border-radius: 2px;
    text-align: center;
}

#outline_continer .cardbody_text .btn_template_start #start_button_link {
  color: #fff;
} 

.custom_body_part .cardbody_text P i.green_tick, i.green_tick  {
    background: #00bcd4;
    border-radius: 50%;
    font-size: 14px;
    color: #fff;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    margin-right: 7px;
    float: left;
}
i.grey_tick{
    background: #ccc;
    color: #333;
}
.custom_body_part .cardbody_text .fa-trash{
    font-size:14px;
    margin-top: 5px;
    cursor: pointer;
}

.cardbody_text div.dap_member_tiny_editor{
float:left
}
  .module_data_desc{
    padding: 0px 6px 14px;
    line-height: 1;
        font-size: 14px;
}
 .module_data   i.green_tick  {
    margin-top: 17px;
}
.module_data .lesson_container i.green_tick {
    margin-top: 3px;
}
.lesson_container{
    float:left;
    width:100%
}
#shortcode_display{
    font-weight: 600;
    float: left;
    padding:0 3px;
    color: #00ade1;
    font-size: 17px;
}


/********Frontend**********/
.btn_template_start a{color: inherit; box-shadow: none !important;  box-shadow: none !important; }
.manage_porduct_shortcode_wrapper a, .manage_porduct_shortcode_wrapper a,   .manage_porduct_shortcode_wrapper a:hover  {
    box-shadow: 0 0px 0 0 currentColor;
}
.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
}
#outline_continer .float-right{
    float: right!important;
}
.custom_accordion .card .card-header {    
    width: 100%;
    float: left;
}
.module_data_desc{
    padding: 11px 0;
    float: left;
    width: 100%;
}
.custom_accordion .card .card-header h5 {
    margin: 0;
        padding: 14px
}
#outline_continer .dap_member_tiny_editor{
    line-height: normal;
}
#outline_continer .custom_body_part .cardbody_text P i.green_tick, #outline_continer i.green_tick {
    background: #d4d4d4 !important;
    color: #fff;
}
#outline_continer .btndisable{
    background: #d4d4d4 !important;
}

#lesson_container_id {
    font-family: var(--all-text-font-family);
}


#lesson_container_id .next_btn_outer {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: 16px;
}
#lesson_container_id .next_btn_outer .next_btn {  
    background: #21c3c5;
    color: #fff;
    padding: 10px 14px;
    border-radius: 3px;
    display: inline-block;
    font-size: 1em;
    line-height: 1em;
    text-decoration: none;
    text-align: center;
    font-weight: 600;
}  
#outline_continer .custom_body_part .cardbody_text .checked_tick,  #outline_continer i.checked_tick {
    background: #44bcd5;  
    color: #fff;
  }
#outline_continer .checked_tick_outer .green_tick,  #outline_continer .checked_tick_outer i.green_tick {
    background: #18cba3 ;  
    color: #fff ;  
  }
  
.courselesson_container_outer  #outline_continer a {
    text-decoration: none!important; 
    outline: none!important; 
    
}
.courselesson_container_outer  #outline_continer .lesson_data a {
    text-decoration: none!important; 
    color: #18cba3;
}

 /***New CSS***/  
.custom_body_part {
    padding: 0;
}
.module_data_desc {
    padding: 12px 18px;
}
.custom_body_part .cardbody_text {
    border: 0px solid #ddd;
    padding: 10px 12px;     
    border-top: 1px solid #ddd;
}
.cardbody_text .btn_template_start {     
    font-weight: 700;
}
.custom_body_part .cardbody_text .lesson_data {
   
    font-weight: 600;
}

.cardbody_text .btn_template_start {
    line-height: 25px !important;
    border-radius: 4px;

}
#outline_continer h5 {
    font-weight: 700;
        font-size: 16px;
}
.courselesson_container .accordion>.card .card-header {
    border-top: 1px solid #ddd;
}
 .courselesson_container .accordion:nth-child(1)>.card .card-header {
    border-top: 0px solid #ddd;
}
.nopadding{
padding:0 !important;
}

 
/******Template2******/
.co_template2 .course_outline_inner_wrapper  .card-header .float-right .drop_arrow , #outlinestep4 .co_template2 .card-header .float-right .drop_arrow{display: none;}

 .co_template2 .course_outline_inner_wrapper  .card-header .float-right, 
#outline_continer   .co_template2   .course_outline_inner_wrapper .module_data .float-right , #outlinestep4 .co_template2 .card-header .float-right {width: 40px;max-width: 40px;}

.co_template2 .course_outline_inner_wrapper  .card-header .float-right i.green_tick , #outlinestep4 .co_template2 .card-header .float-right i.green_tick {margin-top: 15px;}

#outline_continer.courselesson_container .co_template2  .accordion.custom_accordion>.card .card-header , #outlinestep4 .co_template2  .card-header {padding-left: 0; }

#outline_continer.courselesson_container .co_template2  .accordion.custom_accordion>.card .card-header a , #outlinestep4 .co_template2  .card-header a{position: relative;padding-left: 40px;}

#outlinestep4 .co_template2  .card-header a {display: inline-block;width: 100%;vertical-align: middle;}

#outline_continer.courselesson_container .co_template2  .accordion.custom_accordion>.card .card-header a::before  , #outlinestep4 .co_template2   .card-header a::before{-webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; content: ""; display: block; top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); position: absolute; width: 2px; background-color: #000000; left: 15px; height: 16px; } 

#outline_continer.courselesson_container .co_template2 .accordion.custom_accordion>.card .card-header a:not(.collapsed):before  , #outlinestep4 .co_template2  .card-header a:not(.collapsed):before {left: 20px; height: 16px; -webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg ); -o-transform: translateX(-50%) translateY(-50%) rotate(-90deg); transform: translateX(-50%) translateY(-50%) rotate(-90deg ); }

#outline_continer.courselesson_container .co_template2 .accordion.custom_accordion>.card .card-header a:after , #outlinestep4 .co_template2  .card-header a:after {content: ""; display: block; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg ); -o-transform: translateX(-50%) translateY(-50%) rotate(-90deg); transform: translateX(-50%) translateY(-50%) rotate(-90deg ); position: absolute; width: 2px; background-color: #000000; left: 16px; height: 18px; }

#outline_continer.courselesson_container .co_template2 .accordion.custom_accordion>.card .card-header , #outlinestep4 .co_template2 .card-header {padding-left: 0; color: #333; border-radius: 8px; -webkit-box-shadow: unset; box-shadow: unset; height: -webkit-max-content; height: -moz-max-content; height: max-content; padding: 0; background-color: #fff; font-weight: 700; border: none; }

.courselesson_container .co_template2 .course_outline_inner_wrapper {border: none;}

.co_template2 .course_outline_inner_wrapper .card-header .module_name, 
#outline_continer .co_template2 .course_outline_inner_wrapper .module_data h5.module_name {padding-left: 0;}

.co_template2 .custom_body_part .cardbody_text , #outlinestep4 .co_template2 .cardbody_text {border: none; border-left: 2px solid #333; position: relative; padding-left: 30px; } 

.co_template2 .custom_body_part .cardbody_text::after , #outlinestep4 .co_template2 .cardbody_text::after{content: ""; left: 0; top: 50%; height: 2px; width: 20px; background: #333; position: absolute; z-index: 1; bottom: auto; right: auto; }

.co_template2 .heading_shortcode_template .course_name{padding: 0}

.co_template2 .heading_shortcode_template{padding: 13px 16px  }

.co_template2 .manage_porduct_shortcode.dap_course_wrapper {padding: 0 0 10px;}

.co_template2 .manage_porduct_shortcode .collapse {padding: 10px 0 10px 13px;}



#outlinestep4 .co_template2  .heading_shortcode_template div.dap_member_tiny_editor {     
    padding: 12px 12px 8px; 
}

#outlinestep4 .co_template2 .heading_shortcode_template {
    padding: 13px 16px 16px !important
}

#outlinestep4 .co_template2 .custom_accordion .card {
    padding: 0 22px 20px;
    box-shadow: none;
    background: none;
}

#outlinestep4 .co_template2 .custom_accordion .card .custom_body_part {
padding-left: 10px;
}

.co_template2 .heading_shortcode_template {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #fff;
}

#outline_continer .co_template2 .heading_shortcode_template .course_name.dap_member_tiny_editor{
    color: #fff;
}
 

/*V2 Design*/
#course_template_outer_id .courselesson_container_outer #outline_continer .course_outline_inner_wrapper {
    margin: 0;
}

#course_template_outer_id .courselesson_container_outer #outline_continer .custom_accordion .card .card-header {
    padding: 0;
}

#course_template_outer_id #outline_continer .module_data h5.module_name {
    padding: 0;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    width: 100%;
    max-width: calc(100% - 45px)!important;
}

#course_template_outer_id .courselesson_container_outer #outline_continer .module_data i.green_tick {
    margin: 0;
}

#course_template_outer_id .courselesson_container_outer #outline_continer .custom_accordion .drop_arrow {
    padding: 0!important;
    width: 14px;
}

#course_template_outer_id .courselesson_container_outer #outline_continer .lesson_data a,
#course_template_outer_id .courselesson_container_outer #outline_continer .card-header a{
    display: flex;
    padding: 10px 10px;
    gap: 0 5px;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    background-color: inherit;
}


#course_template_outer_id .course_template_inner .course_template_shortcode {
    padding: 0;
}

#course_template_outer_id .courselesson_container_outer #outline_continer  .course_name.dap_member_tiny_editor {
    padding: 10px;
    font-size: 16px;
}

#course_template_outer_id .courselesson_container_outer #outline_continer .checked_tick_outer i {
    width: 20px;
}

#course_template_outer_id .courselesson_container_outer #outline_continer .custom_body_part .cardbody_text .lesson_container {
    display: flex!important;
    flex-direction: row;
    align-items: center;
    gap: 0 10px;
}

#course_template_outer_id .courselesson_container_outer #outline_continer .custom_body_part .cardbody_text .lesson_data {
    width: calc(100% - 30px);
}

#course_template_outer_id .courselesson_container_outer #outline_continer .lesson_data .enable_lessclass > div {
    padding: 0;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    display: block;
}
#course_template_outer_id .courselesson_container_outer #outline_continer a.disable_lessclass > div {
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    display: block;
}


#course_template_outer_id .courselesson_container_outer #outline_continer .lesson_data .enable_lessclass {
    padding: 0;
}

#course_template_outer_id .courselesson_container_outer #outline_continer .custom_accordion .float-right .drop_arrow {
    padding: 0 !important;
}

#course_template_outer_id .courselesson_container_outer #outline_continer .course_outline_inner_wrapper .module_data .float-right {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    width: 40px!important;
}
#course_template_outer_id .courselesson_container_outer #outline_continer .co_template2 .heading_shortcode_template {
    padding: 0;
}
#course_template_outer_id .courselesson_container_outer #outline_continer .co_template2 .custom_body_part .cardbody_text{
    padding-top: 5px; padding-bottom: 5px;
}
#course_template_outer_id .courselesson_container_outer #outline_continer .co_template2 .manage_porduct_shortcode.dap_course_wrapper{
    padding-bottom: 0;
}
#course_template_outer_id .courselesson_container_outer #outline_continer.courselesson_container .co_template2 .accordion.custom_accordion>.card .card-header{
    border-radius: 8px;
}

#course_template_outer_id .courselesson_container_outer #outline_continer .co_template2 .course_outline_inner_wrapper .module_data .float-right {
    width: 20px;
    max-width: 20px;
}

#course_template_outer_id .courselesson_container_outer #outline_continer .co_template2 .course_outline_inner_wrapper .card-header .module_name {
    max-width: calc(100% - 20px)!important;
    padding-left: 22px;
}
#course_template_outer_id .courselesson_container_outer #outline_continer.courselesson_container .co_template2 .accordion.custom_accordion>.card .card-header a:after,
#course_template_outer_id .courselesson_container_outer #outline_continer.courselesson_container .co_template2 .accordion.custom_accordion>.card .card-header a::before{
    top: calc(50% + 2px);
}

#course_template_outer_id .courselesson_container_outer #outline_continer .co_template2 .course_outline_inner_wrapper {
    margin: 8px 5px;
}

#course_template_outer_id .courselesson_container_outer #outline_continer .lesson_data a.disable_lessclass {
    padding: 0;
}

#course_template_outer_id .co_outline_lesson .card-body.custom_body_part {
    padding: 0 10px;
}

 /***Media***/  
  
@media only screen and (max-width: 991px) {

.dap_course_wrapper_outer {width: 95% !important;}

}

@media only screen and (max-width: 576px) {
    .custom_accordion .card .card-header h5 {
        font-size: 10px;
        padding: 9px 0px;
        width: 70%;
    }
    .custom_accordion .card .card-header span {
        font-size: 10px;
    }
    .custom_accordion .drop_arrow {
        padding: 10px;
        font-size: 10px;
    }
    .custom_body_part {
        padding: 7px;
    }
    .custom_body_part .cardbody_text{
        padding: 7px;
    }
    .custom_body_part .cardbody_text P{
        font-size: 10px;
    }

    .courselesson_container_outer .course_outline_inner_wrapper .lesson_container
    {min-width: 100px;}

}