/* 
 Theme Name:   Divi Child Theme
 Theme URI:    
 Description:  
 Author:       meyerson.joel
 Author URI:   
 Template:     Divi
 Version:      1.0

 /* == Add your own styles below this line ==
--------------------------------------------*/
.course-page .progress-bar-main {border-radius: 20px;float: left;width: 100%;padding: 0px 10px 0px 30px;margin-top: -12px;}
.course-page .progress-bar-inner {    float: left; width: 100%;}
.course-page .progress-bar-backarea { float: left; width: 100%; border-radius: 99px;max-width: 65%;}
.course-page .red-progress-bar-area {  background: #FF706F; height: 8px; float: left; border-radius: 99px; }
.course-page .yellow-progress-bar-area {  background: #fac146; height: 8px; float: left; border-radius: 99px; }
.course-page .green-progress-bar-area {  background: #69b064; height: 8px; float: left; border-radius: 99px; }
.course-page .blank-progress-bar-area {  background: linear-gradient(rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.02) 100%);height: 8px;float: left;border-radius: 99px;box-shadow: rgba(0, 0, 0, 0.07) 0px 2px 6px inset;}
.course-page .no__attempts {margin: 0px;background: none;color: #333;padding: 0px;}
.course-page .no__attempts ul li:first-child::after{content:'';}
@media (min-width:0px) and (max-width:767px) {	
	.et_pb_row.tests-row .et_pb_column {
    margin-bottom: 20px;
}
	label.dropdown {
    display: block;
}
	.dd-button {
    max-width: 100% !important;
    min-width: 100% !important;
}
	.et_pb_row.tests-row a.hover-transform {
    max-width: 100% !important;
}
	body .et_pb_row.tests-row {
    padding: 30px 25px 10px 25px !important;
}
}