#dap_dashboard_frontend_wrapper .dashboad_courses_number_progress_section_wrapper .dme_backend_show{display:none}

#dap_dashboard_frontend_wrapper{    width: 100%;    max-width: 100%;}
#dap_dashboard_frontend_wrapper .dap_customizer_style_btn { display:none}
#dap_dashboard_frontend_wrapper a { text-decoration:none}
#dap_dashboard_frontend_wrapper .slider-arrows::after,#dap_dashboard_frontend_wrapper .slider-arrows::before{content:'';}

#dap_dashboard_frontend_wrapper #notloggedin_outer{font-size: 17px;}#notloggedin_outer  a {font-weight: 600;color: #333;font-size: 15px;} #notloggedin_outer .not_logged { color: #2196F3 !important;;font-weight: 600; text-decoration: underline; }

#dap_dashboard_frontend_wrapper .dashboad_profile_section_wrapper .dme_backend_show {display:none}
#dap_dashboard_frontend_wrapper .dashboad_badges_section_wrapper  .dme_backend_show {display:none}
#dap_dashboard_frontend_wrapper .dashboad_points_section_wrapper   .dme_backend_show  {display:none}
#dap_dashboard_frontend_wrapper .dashboad_time_spend_chart_section_wrapper   .dme_backend_show  {display:none}
#dap_dashboard_frontend_wrapper #selectedActivity.dme_backend_show , #dap_dashboard_frontend_wrapper .started-playing.dme_backend_show {display:none}

 .dap_all_badges li {    
    width: 100%;
}
.dap_dashboard_frontend_wrapper .badge_name , .dap_dashboard_frontend_wrapper .badge_description {
	display:none
}
.dap_dashboard_frontend_wrapper #course-dashboard-temp2 .dap_all_badges li .badge_id_list_section {
    width: 30%;    border-radius: 8px;    float: left;    margin: 8px 4px !important;    padding: 0;
}
#course-dashboard-temp2 .course-dashboard-temp2-right .engagement-badges-list .dap_all_badges li {
    margin: 0 !important;
}
.dap_dashboard_frontend_wrapper #course-dashboard-temp2 .badge_box {
    width: 100% !important;    height: 80px;    border-radius: 8px;
 }
.dap_dashboard_frontend_wrapper  #course-dashboard-temp2 img {
    object-fit: cover;    border-radius: 8px; 
}
.dap_dashboard_frontend_wrapper  #course-dashboard-temp2 .template-locked::after {
  border-radius: 8px;
}

.dap_member_temp_all_certificates_section .dme_backend_show{
	display:none !important;
	
}


.cd-popover {z-index: 1060; padding: 1px; font-style: normal; line-height: 1.428571429; line-break: auto; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; font-size: 14px; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,0.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgb(0 0 0 / 20%); box-shadow: 0 5px 10px rgb(0 0 0 / 20%); color: rgba(0,0,0,0.7); font-weight: 400; text-align: center; position: absolute; left: 50%;  bottom: 100%; top: auto; width: 300px; max-width: 300px; transform: translateX(-50%); margin: 0 0 15px 0;display: none; visibility: hidden; opacity: 0;}
.dashboad_badges_section_wrapper .cd-popover {
top: -60px; bottom: auto;
}

.dashboad_badges_section_wrapper #achievement_level_wrapper .cd-popover {
    top: -130px;
}

.cd-popover.cd-popover-show {display: block; visibility: visible; opacity: 1; }

.cd-popover>.arrow {border-bottom-width: 0; position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 11px; border-top-color: rgba(0,0,0,0.25); padding: 0; display: inline-block; top: 100%; bottom: auto; left: 0; right: 0; margin: 0 auto; }

.cd-popover>.arrow:after {position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 10px; bottom: 1px; margin-left: -10px; content: " "; border-top-color: #fff; border-bottom-width: 0; }

  #course-dashboard-temp2 .cd-popover .cd-popover-title,  .cd-popover .cd-popover-title {background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; margin: 0; text-transform: uppercase; padding: 0 5px; padding-top: 7px; padding-bottom: 7px; font-size: 16px; font-weight: bold; color:#333;}

.cd-popover .cd-popover-content {padding: 9px 14px; font-size: 14px; line-height: normal;color:#333; }
 #course-dashboard-temp2 .cd-popover .cd-popover-content p{color: #333;    font-size: 14px;    text-align: center; font-weight: normal;}

 .dap_all_badges  li .badge_id_list_section {position: relative;}
 

.dap_all_badges .badge_id_list_section:hover .cd-popover {display: block; visibility: visible; opacity: 1; }
#table-scroll thead th:hover .cd-popover {display: block; visibility: visible; opacity: 1; }
#table-scroll  .cd-popover .cd-popover-content {
    padding: 9px 14px;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
}
.dap_member_temp_all_certificates_section  .progress-bar-outer{
	 box-shadow:none;
}
.dap_member_temp_all_certificates_section .progress-bar-outer .completed-course-block {
    padding: 0px;
    border-radius: 5px;
    box-shadow: rgb(0 0 0 / 20%) 0px 0px 5px 0px;
    background: inherit;
    margin: 10px 0 10px;
    float: left;
    width: 100%;
    display: flex;
}
.completed-course-block-left{
	float:left;width:30%;    background: #fff;
}

.completed-course-block-right{
	float:left;width:70%;  position: relative;  background: #f9f9f9;
}
.dap_member_temp_all_certificates_section .progress-bar-value {
    font-size: 15px;
    font-weight: bold;
    margin: 11px 2px 10px;
    padding: 0px;
    line-height: 1.1;
    text-align: left;height: 79px;
}

.download_certificate_button {  
    position: absolute !important;
    bottom: 13px;
    width: 166px !important;
	max-width:100%;
    left: 0;
    right: 0;	 
    border: 0px solid rgb(3, 169, 244);    
    padding: 15px 15px !important;  
    color: #fff;
    background: #1fb141;
    padding: 0;
    border-radius: 6px; 
}

.engagement-point-block h4{
	    margin: 0!important;  
		font-weight: 600;
    padding: 0!important;  
}
.dap_dashboard_frontend_wrapper #course-dashboard-temp2 .my-dash-info-media figure  {
    margin: 0;    width: inherit;
    min-width: inherit;
    max-width: inherit;
    height: inherit;
    margin: 0;
}
.dap_dashboard_frontend_wrapper #course-dashboard-temp2 img {
    border-radius: 50%;
}
#overall-progress-block.dashboad_courses_number_progress_section_wrapper   .progress-fact {
    width: 50%;
	float:left;
}
#overall-progress-block .progress-fact h2 {
    font-size: 24px;
  
}
.dap_member-info-img.dap_member-info-img {
	position:relative
}
.dap_all_badges {
    
    margin: 0px 0px 17px !important;
}
.dap_recent_activity.dap_engagement_ul{
	min-height: 121px;
}

.course_dropdown{
    float: right;
    width: 60%;
}
.dashboad_time_spend_chart_section_wrapper  .course_section_heading {
    float: left;
    width: 40%;
}
/******remove later******/
#current-progress-block .temp2-section-inner{
	   /* min-height: 385px;*/
}
#select_course_activity  {
    margin: 0;
    height: auto;
}
/******Table ******/
.time-on-site-canvas-container{
	position:relative;
}
.table-scroll {/*position:relative;*/ width:100%; max-width: 100%; margin:auto; overflow:hidden; border:none; } 

.CA-table-wrap {width:100%; overflow:auto; } 

.table-scroll table.CA-main-table {width:100%; margin:auto; border-collapse:collapse; border-spacing:0; font-family: arial; } 

.table-scroll table.CA-main-table th, .table-scroll table.CA-main-table td {padding: 8px 14px; background: #fff; white-space: nowrap; vertical-align: top; border: 1px solid #f7f7f7; font-size: 12px; font-weight: normal; text-align: center;line-height:normal; } 

.table-scroll table.CA-main-table thead tr th {padding: 12px 20px; background: #e7e7e7; font-size: 14px; font-weight: 600; color: #333; letter-spacing: 0; } 

.table-scroll table.CA-main-table thead tr th:first-child {border: none; background: none; } 

.table-scroll table.CA-main-table tbody th.CA-fixed-side {background: #e7e7e7; color: #333; font-size: 14px; border: 1px solid #eee; font-weight: 600;text-align: left;width:120px; } 

/*.table-scroll table.CA-main-table thead tr th:nth-child(3n+3) {background-color: #1e6b91;} 
.table-scroll table.CA-main-table thead tr th:nth-child(3n+4) {background-color: #be0904;}*/ 

.table-scroll table.CA-main-table tbody th, 
.table-scroll table.CA-main-table tbody td {padding: 11px 14px; font-size: 16px; color: #0fb37c; } 

table.CA-main-table.clone {position:absolute; top:0; left:0; pointer-events:none; } 

table.CA-main-table.clone th, table.CA-main-table.clone td {visibility:hidden } 

table.CA-main-table.clone td, table.CA-main-table.clone th {border-color:transparent }

table.CA-main-table.clone tbody th {visibility:visible; } 

table.CA-main-table.clone .fixed-side {border:1px solid #000; background:#eee; visibility:visible; } 

table.CA-main-table.clone thead, table.CA-main-table.clone tfoot{background:transparent;}
.table-scroll table.CA-main-table {background: #fff;border: none;}

.table-scroll table.CA-main-table thead {background: none;}

.table-scroll table.CA-main-table.clone {background: none;border: none;}

/*******progress bar cicle******/
.progress-circle-outer {
	text-align: center;
    display: inline-block;
}
.progress-circle {
   font-size: 20px;
   margin: 13px 0 0 0;
   position: relative; /* so that children can be absolutely positioned */
   padding: 0;
   width: 240px;
   height: 240px;
   background-color: #e8e8e8; 
   border-radius: 50%;
   line-height: 240px;
   display: inline-block;
}

.progress-circle:after{
    border: none;
    position: absolute;
    top: 25px;
    left: 25px;
    text-align: center;
    display: block;
    border-radius: 50%;
    width:190px;
    height: 190px;
    background-color: white;
    content: " ";
}
/* Text inside the control */
.progress-circle span {
    position: absolute;
    line-height: normal;
    width: 240px;
    text-align: center;
    display: block;
    color: #03a9f4;
    z-index: 2;
	top: 102px;
}
.completed_small_text{
	font-size:14px;
}
#course-dashboard-temp2 .dashboad_points_section_wrapper .list-wrapper {
    padding-bottom: 82px;
}
.left-half-clipper { 
   /* a round circle */
   border-radius: 50%;
   width: 240px;
   height: 240px;
   position: absolute; /* needed for clipping */
   clip: rect(0, 240px, 240px, 120px); /* clips the whole left half*/ 
}
/* when p>50, don't clip left half*/
.progress-circle.over50 .left-half-clipper {
   clip: rect(auto,auto,auto,auto);
}
.value-bar {
   /*This is an overlayed square, that is made round with the border radius,
   then it is cut to display only the left half, then rotated clockwise
   to escape the outer clipping path.*/ 
   position: absolute; /*needed for clipping*/
   clip: rect(0, 120px, 240px, 0);
   width: 240px;
   height: 240px;
   border-radius: 50%;
   border: 30px solid #03a9f4; /*The border is 0.35 but making it larger removes visual artifacts */
   /*background-color: #4D642D;*/ /* for debug */
   box-sizing: border-box;
  
}
/* Progress bar filling the whole right half for values above 50% */
.progress-circle.over50 .first50-bar {
   /*Progress bar for the first 50%, filling the whole right half*/
position: absolute;
clip: rect(0, 240px, 240px, 120px);
background-color: #03a9f4;
border-radius: 50%;
width: 240px;
height: 240px;
}
.progress-circle:not(.over50) .first50-bar{ display: none; }


/* Progress bar rotation position */
.progress-circle.p0 .value-bar { display: none; }
.progress-circle.p1 .value-bar { transform: rotate(4deg); }
.progress-circle.p2 .value-bar { transform: rotate(7deg); }
.progress-circle.p3 .value-bar { transform: rotate(11deg); }
.progress-circle.p4 .value-bar { transform: rotate(14deg); }
.progress-circle.p5 .value-bar { transform: rotate(18deg); }
.progress-circle.p6 .value-bar { transform: rotate(22deg); }
.progress-circle.p7 .value-bar { transform: rotate(25deg); }
.progress-circle.p8 .value-bar { transform: rotate(29deg); }
.progress-circle.p9 .value-bar { transform: rotate(32deg); }
.progress-circle.p10 .value-bar { transform: rotate(36deg); }
.progress-circle.p11 .value-bar { transform: rotate(40deg); }
.progress-circle.p12 .value-bar { transform: rotate(43deg); }
.progress-circle.p13 .value-bar { transform: rotate(47deg); }
.progress-circle.p14 .value-bar { transform: rotate(50deg); }
.progress-circle.p15 .value-bar { transform: rotate(54deg); }
.progress-circle.p16 .value-bar { transform: rotate(58deg); }
.progress-circle.p17 .value-bar { transform: rotate(61deg); }
.progress-circle.p18 .value-bar { transform: rotate(65deg); }
.progress-circle.p19 .value-bar { transform: rotate(68deg); }
.progress-circle.p20 .value-bar { transform: rotate(72deg); }
.progress-circle.p21 .value-bar { transform: rotate(76deg); }
.progress-circle.p22 .value-bar { transform: rotate(79deg); }
.progress-circle.p23 .value-bar { transform: rotate(83deg); }
.progress-circle.p24 .value-bar { transform: rotate(86deg); }
.progress-circle.p25 .value-bar { transform: rotate(90deg); }
.progress-circle.p26 .value-bar { transform: rotate(94deg); }
.progress-circle.p27 .value-bar { transform: rotate(97deg); }
.progress-circle.p28 .value-bar { transform: rotate(101deg); }
.progress-circle.p29 .value-bar { transform: rotate(104deg); }
.progress-circle.p30 .value-bar { transform: rotate(108deg); }
.progress-circle.p31 .value-bar { transform: rotate(112deg); }
.progress-circle.p32 .value-bar { transform: rotate(115deg); }
.progress-circle.p33 .value-bar { transform: rotate(119deg); }
.progress-circle.p34 .value-bar { transform: rotate(122deg); }
.progress-circle.p35 .value-bar { transform: rotate(126deg); }
.progress-circle.p36 .value-bar { transform: rotate(130deg); }
.progress-circle.p37 .value-bar { transform: rotate(133deg); }
.progress-circle.p38 .value-bar { transform: rotate(137deg); }
.progress-circle.p39 .value-bar { transform: rotate(140deg); }
.progress-circle.p40 .value-bar { transform: rotate(144deg); }
.progress-circle.p41 .value-bar { transform: rotate(148deg); }
.progress-circle.p42 .value-bar { transform: rotate(151deg); }
.progress-circle.p43 .value-bar { transform: rotate(155deg); }
.progress-circle.p44 .value-bar { transform: rotate(158deg); }
.progress-circle.p45 .value-bar { transform: rotate(162deg); }
.progress-circle.p46 .value-bar { transform: rotate(166deg); }
.progress-circle.p47 .value-bar { transform: rotate(169deg); }
.progress-circle.p48 .value-bar { transform: rotate(173deg); }
.progress-circle.p49 .value-bar { transform: rotate(176deg); }
.progress-circle.p50 .value-bar { transform: rotate(180deg); }
.progress-circle.p51 .value-bar { transform: rotate(184deg); }
.progress-circle.p52 .value-bar { transform: rotate(187deg); }
.progress-circle.p53 .value-bar { transform: rotate(191deg); }
.progress-circle.p54 .value-bar { transform: rotate(194deg); }
.progress-circle.p55 .value-bar { transform: rotate(198deg); }
.progress-circle.p56 .value-bar { transform: rotate(202deg); }
.progress-circle.p57 .value-bar { transform: rotate(205deg); }
.progress-circle.p58 .value-bar { transform: rotate(209deg); }
.progress-circle.p59 .value-bar { transform: rotate(212deg); }
.progress-circle.p60 .value-bar { transform: rotate(216deg); }
.progress-circle.p61 .value-bar { transform: rotate(220deg); }
.progress-circle.p62 .value-bar { transform: rotate(223deg); }
.progress-circle.p63 .value-bar { transform: rotate(227deg); }
.progress-circle.p64 .value-bar { transform: rotate(230deg); }
.progress-circle.p65 .value-bar { transform: rotate(234deg); }
.progress-circle.p66 .value-bar { transform: rotate(238deg); }
.progress-circle.p67 .value-bar { transform: rotate(241deg); }
.progress-circle.p68 .value-bar { transform: rotate(245deg); }
.progress-circle.p69 .value-bar { transform: rotate(248deg); }
.progress-circle.p70 .value-bar { transform: rotate(252deg); }
.progress-circle.p71 .value-bar { transform: rotate(256deg); }
.progress-circle.p72 .value-bar { transform: rotate(259deg); }
.progress-circle.p73 .value-bar { transform: rotate(263deg); }
.progress-circle.p74 .value-bar { transform: rotate(266deg); }
.progress-circle.p75 .value-bar { transform: rotate(270deg); }
.progress-circle.p76 .value-bar { transform: rotate(274deg); }
.progress-circle.p77 .value-bar { transform: rotate(277deg); }
.progress-circle.p78 .value-bar { transform: rotate(281deg); }
.progress-circle.p79 .value-bar { transform: rotate(284deg); }
.progress-circle.p80 .value-bar { transform: rotate(288deg); }
.progress-circle.p81 .value-bar { transform: rotate(292deg); }
.progress-circle.p82 .value-bar { transform: rotate(295deg); }
.progress-circle.p83 .value-bar { transform: rotate(299deg); }
.progress-circle.p84 .value-bar { transform: rotate(302deg); }
.progress-circle.p85 .value-bar { transform: rotate(306deg); }
.progress-circle.p86 .value-bar { transform: rotate(310deg); }
.progress-circle.p87 .value-bar { transform: rotate(313deg); }
.progress-circle.p88 .value-bar { transform: rotate(317deg); }
.progress-circle.p89 .value-bar { transform: rotate(320deg); }
.progress-circle.p90 .value-bar { transform: rotate(324deg); }
.progress-circle.p91 .value-bar { transform: rotate(328deg); }
.progress-circle.p92 .value-bar { transform: rotate(331deg); }
.progress-circle.p93 .value-bar { transform: rotate(335deg); }
.progress-circle.p94 .value-bar { transform: rotate(338deg); }
.progress-circle.p95 .value-bar { transform: rotate(342deg); }
.progress-circle.p96 .value-bar { transform: rotate(346deg); }
.progress-circle.p97 .value-bar { transform: rotate(349deg); }
.progress-circle.p98 .value-bar { transform: rotate(353deg); }
.progress-circle.p99 .value-bar { transform: rotate(356deg); }
.progress-circle.p100 .value-bar { transform: rotate(360deg); }

/****owl-carosel**/

.owl-nav button{position: absolute;
    top: 50%;
    z-index: 2;
    left: -13px;
    right: auto;
    width: 30px;
    height: 30px;
    background-color: rgba(0,0,0,.4);
    display: inline-block;
    border: 1px solid transparent;
    border-radius: 100%;
    color: #fff;
    font-size: 36px;
    font-family: 'DM Sans',sans-serif;
    line-height: 28px;
    margin: 0;
    outline: none;
    box-shadow: 0 0 4px 3px #adadad;
	
}
#dap_dashboard_frontend_wrapper .owl-nav button {position: absolute;
    top: 50%;
    z-index: 2;
    left: -13px;
    right: auto;
    width: 30px;
    height: 30px;
    background-color: rgba(0,0,0,.4);
    display: inline-block;
    border: 1px solid transparent;
    border-radius: 100%;
    color: #fff;
    font-size: 36px;
    font-family: 'DM Sans',sans-serif;
    line-height: 28px;
    margin: 0;
    outline: none;
    box-shadow: 0 0 4px 3px #adadad;	
}

#dap_dashboard_frontend_wrapper .owl-nav .owl-next {
    left: auto;
    right: -13px;
}

#dap_dashboard_frontend_wrapper  .owl-nav button span
 {
    font-size: 36px;
    line-height: 26px;
    width: 100%;
    height: 100%;
    display: inline-block;
    padding: 0;
    vertical-align: top;
}
 
#selectedActivity select , #select_course_progress, #select_course_activity{
  font-weight: 600;
  outline:none;
}           
#selectedActivity select:focus ,   #select_course_progress:focus, #select_course_activity:focus,
#selectedActivity select:active ,   #select_course_progress:active, #select_course_activity:active
{
    border-color: #66afe9 !important;
    border-width: 2px !important;
}

.dap_dashboard_loader_outer {
    position: static;
    z-index: 9999;
    background-color: transparent;
    width: 100%;
    height: 150px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.dap_dashboard_loader_outer_innner {
    width: 45px;
    height: 45px;
    display: inline-block;
    padding: 0px;
    border-radius: 100%;
    border: 5px solid;
    border-top-color: rgba(246, 36, 89, 1);
    border-bottom-color: rgb(109 109 109 / 30%);
    border-left-color: rgba(246, 36, 89, 1);
    border-right-color: rgb(109 109 109 / 30%);
    -webkit-animation: loader4 1s ease-in-out infinite;
    animation: loader4 1s ease-in-out infinite;
}

 #overall-progress-block .temp2-section-inner{
height:100% !important;
}
#selectedActivity .dap_dashboard_loader_outer{
display:none;
}
.dashboad_badges_section_wrapper .achievement-text {
    display: none;
}
#course-dashboard-temp2  .engagement-badges-list .dap_all_badges {   
    padding: 2px;
}
.badge-image-and-count{
	height: 100%;
}
.badge-image-and-count .badge_image{
height:100% !important;
}
#course-dashboard-temp2  .dap_all_badges , #course-dashboard-temp2 .owl-carousel{
    display: block;
}

#course-dashboard-temp2  ul li::marker  {

}
 
#course-dashboard-temp2 ul.dap_recent_activity.dap_engagement_ul li{
	margin: 0 !important;
    padding:0 !important;    
}
 #course-dashboard-temp2 ul.dap_recent_activity.dap_engagement_ul li div{
    width: auto;
    width: 100%;
    display: inline;
}
.engagement-sidebar-heading, #course-dashboard-temp2 .engagement-sidebar-heading {
    font-weight: bold;
}
 #course-dashboard-temp2 .engagement-point-block h4{
    color: #333;
    font-weight: bold;
    font-size: 20px;
 }

#course-dashboard-temp2 .dashboad_points_section_wrapper .list-wrapper{
	padding-bottom: 10px !important;
}
.dap_recent_activity.dap_engagement_ul {
    min-height: 121px;
    height: auto;
    max-height: 212px;
    overflow-y: scroll;
}

.dashboad_certificates_section_wrapper .completed-course-block-right .dap_btn_container.download_certificate_button.mce-content-body * {
    font-size: 13px;
    line-height: 1;
}

@keyframes loader4 {
   from {transform: rotate(0deg);}
   to {transform: rotate(360deg);}
}
@-webkit-keyframes loader4 {
   from {-webkit-transform: rotate(0deg);}
   to {-webkit-transform: rotate(360deg);}
}


@media (max-width: 767px) {
	#course-dashboard-temp2 .dashboad_points_section_wrapper .list-wrapper {
		padding-bottom: 0 !important;
	}
}