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

.manage_porduct_shortcode *{
      box-sizing: border-box !important;
}

#lesson_container_id  a {
    outline: none !important;
    text-decoration: none !important;
}
#courtse_outlineid * {
    text-transform: initial;
    font-family: var(--all-text-font-family);
    text-align: left;
}

.next_btn_cont{
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: 16px;
    box-shadow: 0 0px 0 0 currentColor!important;
    box-shadow: none !important;
    outline:none;
     text-align:left;
}
.lesson_container p , .co_container p {
    padding: 0 !important;
    margin: 0 !important;
    font-weight: normal;
    font-style: normal;
    font-family: var(--all-text-font-family);
    line-height: normal !important;
    font-size: 16px;
    text-align:left;
}

.manage_porduct_shortcode .in {
  float: left;
    width: 100%;
}

#outline_continer .custom_body_part .cardbody_text .lesson_container {
    display: block!important;
}
 
.courselesson_container .accordion>.card{overflow:hidden}
.courselesson_container .accordion>.card:not(:first-of-type) 
.courselesson_container .card-header:first-child{border-radius:0}
.courselesson_container .accordion>.card:not(:first-of-type):not(:last-of-type){border-bottom:0;border-radius:0}
.courselesson_container .accordion>.card:first-of-type{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}
.courselesson_container .accordion>.card:last-of-type{border-top-left-radius:0;border-top-right-radius:0}
.courselesson_container .accordion>.card .card-header{margin-bottom:-1px}


.courselesson_container_outer #outline_continer .lesson_data .enable_lessclass{ 
      color: #0073aa;
         cursor: pointer;
}
.courselesson_container_outer #outline_continer .lesson_data .disable_lessclass  { 
      color: #111;
          cursor: default;
}

.courselesson_container_outer #outline_continer .lesson_data a{
    font-size: inherit;
}

#dap_member_content_frontend_shortcode .dap_member_content_table table table thead{  
    display: block!important;
    background: #fff;
   }
  #table#reportTable75 thead th{
        width: 0px;
        color: #000;
        border: 0;
    }
.lesson_container_outer .lesson_container , .lesson_container_outer .co_container{
    border: 2px solid #6bbe6e;
    border-radius: 5px;
    font-size: 16px;
    padding: 6px 10px;
    margin-top: 13px;
    float: left;
    width: 100%;
    box-sizing: border-box;
}


.courselesson_container_outer #outline_continer a {
 
    text-transform: initial;
}
.custom_body_part {
    padding: 2px 20px 15px;
}
.card-body.custom_body_part:first-child {
    margin-top: 10px;
}

.thrv-page-section .tve-page-section-in{
clear:both
}
#courtse_outlineid .dap_course_wrapper i {
    text-transform: initial;
    font-family: FontAwesome;
    text-align: center;
}
 
 .lesson_data a{
  text-align:left;
  }
.card.module_data .card-header a{
 text-align:left;float: left;
    width: 100%;
}

#start_button_link , .courselesson_container_outer #start_button_link{
 text-align:center;
}

.nextbutton_notshowmsg_container{
    border:2px solid #ff2c2c;
    border-radius: 5px;
    font-size: 16px;
    padding: 8px 10px;
    margin-top: 13px;
    float: left;
    width: 100%;
    line-height: normal;
    font-family: "Open Sans";
    box-sizing: border-box!important;
}
#courtse_outlineid *{box-sizing: border-box;}

#lesson_container_id{margin-bottom:0px;}


.nextlesson_btn{
display: flex;
text-decoration:none;
}

#outline_continer .lesson_data ul {
    margin-left: 0!important;
}
#outline_continer .lesson_data ul li  {
    list-style: none!important;
    margin-left: 0;
    padding-bottom: 0;
    padding: 0;
}
#outline_continer #start_button_link *{
    text-align: center;
}
#outline_continer  .collapse{
    display: none !important;
}
 
#outline_continer  .collapse.in.show1 {
    display: block !important;
} 
 
.manage_porduct_shortcode {
    margin: 5px auto;
 }
     /***New CSS***/    
 .card-body.custom_body_part:first-child {  
    margin-top: 1px;    
}   
 .custom_body_part {    
    padding: 0; 
}    

.lesson_container_outer #gtx-trans{ display:none}


 #courtse_outlineid .custom_accordion .card, #courtse_outlineid .card-body.custom_body_part {
margin-top: 0;
}
 
.lesson_container_outer .lesson_container, .lesson_container, .lesson_container_outer .co_container {
    width: auto;
    max-width: 100%;
    float: none;
    clear: both;
    margin: 0 auto;
    text-align: center;
    display: inline-block;
    min-width: 406px;
} 
.co_container {
    
    margin-top: 10px !important;
}
.module_data .lesson_container{
width:  100%;
}

.dap_course_progress_bar_wrapper{
    float: left;
    width: 100%;
    max-width: 100% !important;
    clear: both;
    float: none;
    display: inline-block;
    vertical-align: middle;
}

#outline_continer .custom_body_part .cardbody_text {justify-content: space-between; flex-wrap: nowrap; } 

#outline_continer .custom_body_part .cardbody_text .lesson_container {width: 100%; min-width: 10px; margin-left: 0; padding-right: 10px; }

.course_rule_con_container  {        
    width: auto;
    max-width: 100%;
    float: none;
    clear: both;
    margin: 0px auto;
    text-align: center;
    min-width: 400px;
    display: table;
}
.course_rule_con_container > div{
        border: 2px solid #6bbe6e;
        border-radius: 5px;
        float: left;
        width: 100%;
        box-sizing: border-box;
        padding: 10px 18px!important;
        font-size: 16px;
        line-height: normal;
        max-width: 100%;
        float: none;
        text-align: center;
        width: auto;
        clear: both;         
        margin: 0 auto !important;
        font-weight: normal;
        font-style: normal;
        font-family: var(--all-text-font-family)!important;
        line-height: normal !important;
        font-size: 16px;
        text-align: center;
}
.course_rule_con_container *{
        font-family: var(--all-text-font-family);
        text-align: center;
}

.ponits_msg_container, .animation_container{         
    width: auto;
    max-width: 100%;
    float: none;
    clear: both;
    margin: 0px auto;
    text-align: center;
    min-width: 400px;
    display: block;
    padding-bottom: 10px;
}

.animation_container {
    padding-top: 20px;
    padding-bottom: 20px;
    height: 700px;
    width: 100%; display: flex;
}
.animation_container img {
   
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    width: auto;
    height: auto;
    object-fit: contain;
    box-shadow: 0 0px 0px #ddd;
    display: flex;
    align-items: center;    width: 800px;
    height: 500px;
    
}
.ponits_msg_container > div{
        border: 2px solid #e1e1e1;
        border-left: 4px solid #35b0ec;
        border-radius: 3px;
        float: left;
        width: 100%;
        box-sizing: border-box;
        padding: 10px 18px;
        font-size: 16px;
        line-height: normal;
        max-width: 100%;
        float: none;
        text-align: center;
        width: auto;
        clear: both;         
        margin: 0 auto !important;
        font-weight: normal;
        font-style: normal;
        font-family: var(--all-text-font-family);
        line-height: normal !important;
        font-size: 16px;
        text-align: left;
}

/*course outline*/
.course_outline_inner_wrapper .card-header .module_name ,
#outline_continer .course_outline_inner_wrapper .module_data h5.module_name{
    max-width: calc(100% - 70px);
    max-width: -webkit-calc(100% - 70px);
    max-width: -moz-calc(100% - 70px);
    max-width: -ms-calc(100% - 70px);
}

.course_outline_inner_wrapper .card-header .float-right,
#outline_continer .course_outline_inner_wrapper .module_data .float-right {
    width: 70px;
    max-width: 70px;
}
#outline_continer .custom_accordion .drop_arrow {
    padding: 18px 10px !important;
}



.courselesson_container  .course_outline_inner_wrapper {
    border: 1px solid #ddd;
    margin-bottom: 11px;
    margin: 12px;
}
.courselesson_container .accordion>.card .card-header {
      border-top: 0px solid #ddd;  
}
.courselesson_container .custom_body_part .cardbody_text:last-child {
    border-bottom: 0px solid #ddd;
}
#outline_continer .manage_porduct_shortcode.dap_course_wrapper{
    margin: 5px auto 0;
}


  #outline_continer .module_data h5.module_name {
    font-weight: bold;
}
.dripped_days_cls{
    width: 200px;
    display: inline;
}
.dripped_days_cls > div{
   float: right;
   font-size: 14px;
   font-weight: 600;
}
.nextlesson_available_msg_div {
    border: 2px solid #ef2727;
    border-radius: 3px;
    padding: 7px!important;
    font-size: 15px;
    font-weight: 600;
    margin: 10px auto!important;
    width: auto;
    max-width: max-content;
    text-align: center;
}

#course_template_outer_id .nextlesson_available_msg_div h1, 
#course_template_outer_id .nextlesson_available_msg_div strong,
#course_template_outer_id .nextlesson_available_msg_div span {
    line-height: 1!important;
    font-size: unset;
}


.courselesson_container .dap_course_wrapper_outer::before,
.courselesson_container .dap_course_wrapper_outer::after {
    content: " ";
    display: table;
    clear: both;
}

/****Task HTML*******/
.task_container{
    float: left;
    width: 100%;
    padding-bottom: 20px !important;
} 
.task_container .task_divs {
    float: left;
    width: 100%;
    padding: 6px 12px;
    margin: 7px 0;
   /* box-shadow: 0 0 4px 1px #e1e1e1;
    
    background: #e5ffe6;
    display: flex;*/
}
.taskname_div{
    float:left;
    width:100%;
}
.taskbutton_div , body .course_template_inner .taskbutton_div{
   /* float: right;
    width: auto;
    display: inline-block;
    border-radius: 5px;
    background: #44bcd5;
    color: #fff;
    height: auto;
    padding: 7px 10px;
    font-family: DM Sans,sans-serif;
    min-width: auto;
    box-shadow: none;
    margin: 0;
    text-decoration: none;
    line-height: normal;
    border: none;
    text-align: center;
    text-transform: initial;
    font-size: 13px;
    font-weight: 600;
    width: auto;
    max-width: 100%;
    cursor: pointer;*/
}

body .course_template_inner .taskbutton_div *{ 
   /* color: inherit;  
    padding:0;
    font-family: inherit;   
    margin: 0;
    line-height: inherit;
    border: none;
    text-align: center;
    font-size: inherit;
    font-weight: inherit;*/
}

body .course_template_inner .taskname_div {
   /* line-height: 27px;
    font-size: 15px;
    font-weight: 600;
    margin: 0;
    padding: 0;
    font-family: 'DM Sans',sans-serif;*/
}

.complete_task_div{padding:0; /* pointer-events: none;*/ }
.complete_task_div.adding_img img{height: 32px !important;}

 body .course_template_inner  .task_display_msg_div_inner ,  body .task_display_msg_div_inner {
    border: 2px solid #066976;
    font-size: 15px;
    font-weight: 700;
    margin: 5px 0 ;
    padding: 7px;
    font-family: var(--all-text-font-family);
    border-radius: 3px;
    float: left;
    width: 100%;
}
body .course_template_inner .task_display_msg_div_inner *, body  .task_display_msg_div_inner *{
color: inherit;  
    padding:0;
    font-family: inherit;   
    margin: 0;
    line-height: inherit;
    border: none;
    text-align: center;
    font-size: inherit;
    font-weight: inherit;
}

body .lesson_container_outer .free_resource_msg{
    border: 2px solid #066976;
    font-size: 15px;
    font-weight: 700;
    margin: 5px 0 ;
    padding: 7px;
    font-family: var(--all-text-font-family);
    border-radius: 3px;
    float: left;
    width: 100%;
}
 body .lesson_container_outer .free_resource_msg *{
    color: inherit;  
    padding:0;
    font-family: inherit;   
    margin: 0;
    line-height: inherit;
    border: none; 
    font-size: inherit;
    font-weight: inherit;
}
 body  .free_resource_msg a {
    color:blue;
}
 
body .course_template_inner .task_completed_msg_inner , body .task_completed_msg_inner {
    float: none;
    width: auto;
    font-size: 17px;
    font-weight: bold;
    color:#333;
}
body .course_template_inner .task_completed_msg_inner *, body .task_completed_msg_inner *{
    float: none;
    width: auto;
    font-size: inherit;
    font-weight: inherit;
    color:inherit;
}
body .lesson_container_outer  .required_error_msg{
    border: 2px solid #f44336;
    font-size: 15px;
    font-weight: 700;
    margin: 5px 0 ;
    padding: 7px;
    font-family: var(--all-text-font-family);
    border-radius: 3px;
    float: none;
    width: 100%;
}
body .lesson_container_outer  .required_error_msg *{
    color: inherit;  
    padding:0;
    font-family: inherit;   
    margin: 0;
    line-height: inherit;
    border: none; 
    font-size: inherit;
    font-weight: inherit;
}

.challenge_template_outer_div .course-template-block {   
    width: 100%;   max-width: 100%;
    height: 100%;
}
.challenge_template_outer_div .course_template_left {   
    height: 100%;
}
.course_template_outer_frotend .lessons_list_static {
    display:none;
}


body .co_outline_lesson .custom_body_part .cardbody_text {
        border: 1px solid #ddd !important;
        margin-bottom:10px;background: #f9f9f9;
} 
body .co_outline_lesson .custom_body_part .cardbody_text:first-child {        
        margin-top:7px;
} 

body .co_outline_lesson .courselesson_container .course_outline_inner_wrapper {
    border: 0px solid #ddd;   
}

body .challageTaskSection{
   margin: 0 !important;
}
.dragdrop_add_more_task_text .challangeTaskNo {    
    padding: 2px 7px;    
}
.dragdrop_add_more_task_text .challageTaskSection {
    border: 0px solid #f0f3f3;   
}
.dragdrop_add_more_task_text .challageTaskItem {
    border: 1px solid #f0f3f3;
    margin-bottom: 7px !important;
}
.dragdrop_add_more_task_text .challageTaskItem:first-child {        
        margin-top:7px !important;
} 

.course_template_inner.challenge_template_outer_div .course_template_left {
    padding: 20px 15px 15px;
}
.course_template_left .dap_course_template_drag_drop_item.ui_helper_my_custom_element {    
    padding: 0;
    display: block;
    
}
.course_template_inner .course_template-content {    
    height: 100%;
}

body #course_template_outer_id .course_template_inner .lessons_list_dynamic_frontend a:focus {
    outline: none;
    text-decoration: none; 
    background: inherit;
}
.dragdrop_add_more_task_text .challageTaskItem {    
    padding: 10px 20px; 
}
.courselesson_container .dap_course_wrapper_outer {   
    position: relative;
    z-index: 1;
}

.manage_porduct_shortcode_wrapper.dap_course_wrapper_outer { margin-left: auto; margin-right: auto; }

.thrv_wrapper {   
    clear: both;
}
.challageTaskItem_text div{
    float: left;
    width: auto;
    
}
.completed_task_icon{
   float: left;
    width: auto;
    padding: 0px 10px;
    font-size: 30px !important;
    font-weight: normal !important;
    margin: -5px 0;  color: #44bcd5;
}
.completed_task_icon::before{
       color: inherit;
}
.dap_challenge_checkbox-custom-style .custom--checkbox {
   color: #44bcd5;
}
.dap_challenge_checkbox-custom-style .custom--checkbox:after {
    color: inherit;
}
#outline_continer .custom_body_part .cardbody_text .lesson_container {   
    word-wrap: break-word;
}

.dap_button_hide > div:first-child {
    display: none;
}
#course_template_outer_id .dap_button_hide > div:first-child {
    display: block;
}

#outline_continer .btndisable { pointer-events: none; }

#outline_continer .cardbody_text .btn_template_start #start_button_link {
    font-size: 12px;
}

.courselesson_container_outer #outline_continer .lesson_data .enable_lessclass {
    font-size: 14px;
    line-height: 23px;
}

a.cancel-animation-popup { position: absolute; z-index: 99999; top: 5px; right: 15px; font-size: 30px; color: #4f4040; font-weight: 300; }

/*XP point*/


.dap-ponits-msg-container-xp-active .dap-xp-sticky {position: fixed;transform: translateY(100%);transition: transform .7s;bottom: 0;left: 0;right: 0;z-index: 1001;}
.dap-ponits-msg-container-xp-active .dap-xp-sticky.dap-xp-sticky-active {transform: translateY(0);transition: transform .7s;z-index: 9999999;}
.dap-ponits-msg-container-xp-active .dap-xp-sticky .dap-xp-holder {position: relative;background: #fff;transition: .2s linear;transform: translateY(0);z-index: 9;}
.dap-ponits-msg-container-xp-active .dap-xp-sticky.dap-xp-sticky-active .dap-xp-holder {-webkit-animation-name: bounceInUp;animation-name: bounceInUp;-webkit-animation-duration: .7s;animation-duration: .7s;-webkit-animation-fill-mode: both;animation-fill-mode: both; box-shadow: 0 -1px 5px rgb(103 107 171 / 20%);}
.dap-ponits-msg-container-xp-active .dap-xp-sticky button.dap-xp-sticky-opener {width: 40px;height: 30px;background: #fff;border-radius: 12px 12px 0 0;display: flex;align-items: center;justify-content: center;box-shadow: 0 -5px 5px rgb(103 107 171 / 20%);position: absolute;margin: 0 auto;top: -29px;z-index: 1;border: none;outline: none;left: auto;right: 0;transition: .2s linear;}
.dap-ponits-msg-container-xp-active .dap-xp-sticky i {width: 25px;height: 25px;display: flex; align-items: center; flex-direction: column; justify-content: center; font-weight: 800;vertical-align: middle;color: #000;}
.dap-xp-sticky-active i {transform: rotate(180deg);}
body .dap-xp-content-wrapper {opacity: 0;visibility: hidden; transition: .2s linear; padding: 20px 20px 20px 20px;max-width: 1024px;display: flex;margin-left: auto;margin-right: auto;width: 100%;justify-content: center;}
body .dap-xp-sticky-active .dap-xp-content-wrapper {opacity: 1;visibility: visible;}
.dap-xp-content-row {max-width: 476px;align-items: center;margin-right: 72px;display: flex;}
body .dap-xp-sticky h2.dap-text-xp-heading {text-transform: uppercase; font-weight: 600; font-size: 20px; display: flex; align-items: center; gap: 20px; border-bottom: 1px solid gainsboro; margin-bottom: 15px; padding-bottom: 5px;}
.dap-xp-list-point-wrapper {position: relative;}
body .dap-xp-point-heading p {letter-spacing: .05em;line-height: 1rem;text-transform: uppercase;font-weight: 600;}
.dap-xp-point-content {display: flex;gap: 40px;align-items: flex-start;}
.dap-xp-point-content div {max-width: 160px;}
.dap-xp-point-number {justify-content: flex-start;display: flex;align-items: flex-start;margin-bottom: 1px;}
body .dap-xp-point-number span {color: #0d9488;font-size: 50px;line-height: 1;letter-spacing: -.038em;}
body .dap-xp {max-width: 160px;color: #fff;font-size: 13px;font-weight: 600;line-height: 17px;background: #1d8679;border-radius: 21px;padding: 2px 8px;margin-top: 9px;margin-left: 3px;line-height: 1;padding-top: 5px;}
body .dap-xp p {line-height: 1;}
body .dap-xp-content-row {max-width: 100%; margin-right: 0;}
body .dap-xp-point-heading {margin-bottom: 5px;}




/* bottom services */
#user-notes-popup .dap-bottom-popup-services .dap-user-notes-wrapper { right: 16px; bottom: 16px; position: fixed; z-index: 9999; max-width: 600px; }
#user-notes-popup a.dap-open-bottom-services { z-index: 99; background-color: #129bf4; color: #fff; line-height: 55px; margin-top: 10px; border: none; cursor: pointer; font-size: 23px; width: 55px; height: 55px; text-align: center; box-shadow: 2px 2px 8px -3px #000; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; display: inline-block; right: 0; position: relative; float: right; }
#user-notes-popup .dap-bottom-popup-services textarea#noteinput { font-family: var(--all-text-font-family); resize: none; width: 100%!important; height: 350px!important; padding: 20px; border: none; background-color: white; font-size: 1.2em; transition: .3s all; font-weight: 600; box-sizing: border-box; outline: none; }
#user-notes-popup .dap-bottom-popup-services .user-notes-header { border-bottom: 1px solid var(--color-border); display: flex; grid-template-columns: auto auto auto; justify-content: space-between; padding: 10px; align-items: center; flex-direction: row; }
#user-notes-popup .dap-bottom-popup-services .user-notes-header h3{ font-family: var(--all-text-font-family); }
#user-notes-popup .dap-bottom-popup-services .dap-user-notes-wrapper { display: none; transition: .3s all; background: #eee; border-radius: 8px; box-shadow: 0 5px 20px rgb(0 0 0 / 10%); }
#user-notes-popup .dap-bottom-popup-services.dap-bottom-active .dap-user-notes-wrapper { transition: .3s all; display: block; }
#user-notes-popup .dap-bottom-popup-services .user-notes-header h3 { font-weight: 600; margin-bottom: 0; font-size: 22px; padding-bottom: 0; }
#user-notes-popup .dap-bottom-popup-services button, #user-notes-popup .dap-bottom-popup-services  button:hover { border-radius: 10px; background: transparent; font-size: 30px; padding: 0; color: #555; }
#user-notes-popup .dap-bottom-popup-services  .btn-save { width: 50px; height: 40px; position: relative; background: transparent; background-size: 300% 100%; background-position: left bottom; border-radius: 2px; border: 0; cursor: pointer; outline: 0; transition: all 0.2s ease-out; box-shadow: none!important; }
#user-notes-popup .dap-bottom-popup-services .btn-save.loading-animation { animation-name: loading-animation-keyframes; animation-duration: 1.5s; animation-timing-function: ease; animation-iteration-count: infinite; animation-fill-mode: both; transition: all 0.1s ease; }
#user-notes-popup .dap-bottom-popup-services .btn-save.loading-done .txt { opacity: 0; font-size: 0; transition: all 0.2s; }
#user-notes-popup .dap-bottom-popup-services .btn-save.loading-done .icon { opacity: 1; transform: scale(1.2); transition: all 0.2s ease-out; }
#user-notes-popup .dap-bottom-popup-services .txt, #user-notes-popup  .dap-bottom-popup-services  .icon { position: absolute; top: 0; left: 0; width: 100%; height: 40px; display: flex; justify-content: center; align-items: center; z-index: 9; color: #555; font-size: 32px; transition: all 0.2s ease-out; }
#user-notes-popup .dap-bottom-popup-services .icon { opacity: 0; transform: scale(0.2); transition: all 0.2 ease-out; }
#user-notes-popup .dap-bottom-popup-services .btn-save.loading-animation i { opacity: 0.5; }
#user-notes-popup .user-notes-header.dap-notes-footer { justify-content: center; }
#user-notes-popup .user-notes-header .dap-bottom-buttons i.fa.fa-times { font-size: 25px; }

#user-notes-popup a.dap-open-bottom-services { position: fixed; margin-top: 0; }


a[data-daptooltip] { position: relative; }
a[data-daptooltip]::before, a[data-daptooltip]::after { position: absolute; display: none; opacity: 0.85; transition: all 0.3s ease-in-out; }
a[data-daptooltip]::before { content: attr(data-daptooltip); background: #000; color: #fff; font-size: 13px; padding: 7px 11px; border-radius: 5px; white-space: nowrap; text-decoration: none; }
a[data-daptooltip]::after { width: 0; height: 0; border: 6px solid transparent; content: ""; }
a[data-daptooltip]:hover::before,
a[data-daptooltip]:hover::after { display: block; }
a.data-daptooltip-hide[data-daptooltip]::before,
a.data-daptooltip-hide[data-daptooltip]::after { display: none !important; }
a.dap-open-bottom-services[data-daptooltip][data-placement="left"]::before { top: 11px; }
.btn-save a[data-daptooltip][data-placement="left"]::before { top: 6px; }
a[data-daptooltip][data-placement="left"]::before { top: -7px; right: 100%; line-height: normal; margin-right: 10px; }
a[data-daptooltip][data-placement="left"]::after { border-left-color: #000; border-right: none; top: 50%; right: 100%; margin-top: -6px; margin-right: 4px; }
a[data-daptooltip][data-placement="right"]::before { top: -7px; left: 100%; line-height: normal; margin-left: 10px; }
a[data-daptooltip][data-placement="right"]::after { border-right-color: #000; border-left: none; top: 50%; left: 100%; margin-top: -6px; margin-left: 4px; }
a[data-daptooltip][data-placement="top"]::before { bottom: 100%; left: 0; margin-bottom: 10px; }
a[data-daptooltip][data-placement="top"]::after { border-top-color: #000; border-bottom: none; bottom: 100%; left: 10px; margin-bottom: 4px; }
a[data-daptooltip][data-placement="bottom"]::before { top: 100%; left: 0; margin-top: 10px; }
a[data-daptooltip][data-placement="bottom"]::after { border-bottom-color: #000; border-top: none; top: 100%; left: 10px; margin-top: 4px; }



#user-notes-popup a.dap-chat-button-wrapper { margin-right: 80px!important; }

.course_template_outer #wrapper {
    background: transparent!important;
}

@keyframes loading-animation-keyframes {
  0% {
    background-position: 100% 0%;
  }
  50% {
    background-position: 50% 0%;
  }
  100% {
    background-position: 0% 0%;
  }
}

.btn-save:focus {
    background: transparent!important;
}

.cardbody_text.dripday_disable_link .enable_lessclass { pointer-events: none; color: #302b2b!Important; }


@media (max-width: 678px) {
    .course_template_inner.challenge_template_outer_div .course_template_left { width: 100%;max-width: 100% !important; }
    .challenge_template_outer_div .course-template-block {height: auto;}
    .challenge_template_outer_div .course_template_left {height: auto;}
}

@media (max-width: 575px) {
 
.lesson_container_outer#lesson_container_id .lesson_container {min-width:100%;}
.animation_container { height: 100%;max-height: 300px;  width: 100%;}
.dap-bottom-popup-services{ right: 10px; left: 10px; }

}

@media (max-width: 480px) {

.pagination_all_div .buttondata_outer.multiple_ques_true {text-align: center; }
.pagination_all_div .buttondata_outer.multiple_ques_true .retake_button {float: none !important; margin-bottom: 15px !important; }
.pagination_all_div .buttondata_outer.multiple_ques_true .dap_see_details_btn {float: none !important; }

}

@media (min-width: 768px) {
    .sfsi_shortcode_container {     min-height: 85px;       margin-top: 0% !important;  }
}

@media (min-width: 769px) {
   /* #user-notes-popup a.dap-open-bottom-services { margin-right: 0!important; margin-bottom: 0!important;}*/
}

@media (max-width: 768px) {
    #user-notes-popup .dap-bottom-popup-services .dap-user-notes-wrapper {
        right: 10px!important;
       /* bottom: 10px!important;*/
       left: 10px;
    }

    /* #user-notes-popup a.dap-open-bottom-services{ right: -10px;  }*/
   /*  #user-notes-popup .dap-bottom-popup-services .dap-user-notes-wrapper { margin-bottom: -10px; }*/
}