/* Header */
#course_selector_header { margin-top: 5px; }
#course_selector_header > a:hover { text-decoration: none; color: #fff; }
#course_selector_header div.stepTitle { color: #333!important;text-decoration: none; background-color: white; padding: 0 10px; border-radius: 5px; margin-right: 5px; margin-top: 5px; box-shadow: 0 1px 2px rgba(0,0,0,0.15); height: 50px; border: 1px solid #ccc; float: left; padding: 2px 10px 2px 10px; }
#course_selector_header div.stepTitle:not(.currentStep):hover { color: #fff; background-color: #333!important; }
#course_selector_header div.currentStep { color: white!important; background-color: #333!important; }
#course_selector_header div.stepTitle:not(.currentStep):not(.disabled) {border:1px solid #dcdcdc!important;}
#course_selector_header div.stepTitle:not(.currentStep):not(.disabled):hover {color: white!important;background-color: #cee8e3;border:1px solid #cee8e3;}
#course_selector_header div.stepTitle.disabled:hover {color: #333!important;background-color: #eee!important;}
/* Body / Current Step */
#course_selector_body { padding: 0px; padding-top:10px; }
#course_selector_current_step_body > a:hover { text-decoration: none; }
.commerceProductsOrderBox a div.item {
color: white !important;
background-color:/*#4c4d4f*/ #ED0972!important;
border-radius: 5px !important;
font-size: 15pt!important;
font-family:bpreplaybolditalics,arial!important;
font-weight: normal!important;
line-height:100%!important;}
#course_selector_body div.commerceProductsOrderBox > a:hover { color: #fff; text-decoration: none; }
#course_selector_body div.item:first-child { border-top: 2px solid black!important;}
#course_selector_body div.item { color: #333!important; text-decoration: none; background-color: rgba(0, 0, 0, 0)!important; padding: 25px 10px; border-radius:0; /*border-radius: 5px;*/ margin-right: 5px; box-shadow: none; /*box-shadow: 0 1px 2px rgba(0,0,0,0.15);*/ margin: 0px; /*padding-left:0;*/ border:0; border-top: 1px solid #eae9e9!important; }
#course_selector_body div.item:last-child { border-bottom: 1px solid #eae9e9!important; }
#course_selector_body div.item:not(.noCourses):not(.noHighlight):hover { cursor: pointer; color: #333!important;/* color: #fff;*/ background-color: /*#4c4d4f*/ rgba(233, 246, 243, 1)!important ; }
#course_selector_body div.item:not(.noCourses):not(.noHighlight):hover .coursesCount { color:red; }
#course_selector_body div.item:not(.noCourses):not(.noHighlight):hover a { color: /*#fff #ff3399*/ #e21837; text-decoration: underline; }
#course_selector_body div.item.noCourses { background-color: rgba(0, 0, 0, 0.08)!important; }
#course_selector_body div.item div.itemBody.hasPicture { margin-left: 2%;box-sizing: border-box; }
#course_selector_body div.item div.itemBody div.coursesCount { float: right; color: #e21837!important;font-size: 15px!important;}
#course_selector_body div.item.noCourses div.coursesCount { color: #e21837!important; }
#course_selector_body div.item div.itemPicture
{
float: left;
background-position-x: 50%;
background-size: [? \Components\Settings\ConfigurationItems::getValue('\Components\AF\Courses\CollectiveCourses', 'course_selector_image_width') ?]px auto;
background-repeat: no-repeat;
border-radius: 75px;
max-width: 150px;
box-sizing: border-box;
width: [? \Components\Settings\ConfigurationItems::getValue('\Components\AF\Courses\CollectiveCourses', 'course_selector_image_width') ?]px;
height: [? \Components\Settings\ConfigurationItems::getValue('\Components\AF\Courses\CollectiveCourses', 'course_selector_image_height') ?]px;
}
/* Selection / Previous Step */
#previous_step_description { padding: 0px; padding-top: 10px; border:0; border-top: 2px solid black!important; }
#course_selector_current_step_body { margin-top: 20px; padding: 0px; }
/* Schedules Step */
ul.coursesList { padding-left: 0px; display: none; list-style-type: none; }
ul.coursesList li { margin: 0px; }
ul.coursesList li > a:hover { text-decoration: none; }
ul.coursesList div.placesLeft { float: right; color: #ff0099; }
ul.coursesList div.item:not(.noCourses):not(.noHighlight):hover div.placesLeft { color: #fff; }
#course_selector_body ul.coursesList div.item { border: 1px solid #dfdfdf; box-shadow: none; }
#schedules_list div.item { cursor: pointer; }
/* Overrides */
#course_selector h1 {font-size:35px;font-family:'Source Sans Pro', sans-serif!important;font-style: italic;margin:20px 0;text-transform:none;/* font-size: 15pt; font-family:bpreplaybolditalics,arial; font-weight: normal; line-height:100%;*/ }
#course_description_table { box-shadow:0 0 0 0!important;}
#course_selector h2 { font-family: "loveloblack"; font-size: 28px;line-height:32px; margin-bottom:10px;font-style: normal;}
#course_selector_current_step_body {font-size: 20px!important;}
#required_material_container > div {margin: 20px 0 0 0!important;padding: 25px!important;}
.marginTop10 { margin-top: 30px!important;}
/* Break points screen */
@media screen and (max-width: 767px){
#course_selector_current_step_body {font-size: 15px!important;}
#course_selector h2 {font-size: 19px!important;line-height: 24px!important;}
}
@media screen and (max-width:992px){
.#course_selector_body div.item div.itemPicture{
width: 75px;
}
}
/* Header */
#course_selector_header { margin-top: 5px; }
#course_selector_header > a:hover { text-decoration: none; color: #fff; }
#course_selector_header div.stepTitle { color: #333!important;text-decoration: none; background-color: white; padding: 0 10px; border-radius: 5px; margin-right: 5px; margin-top: 5px; box-shadow: 0 1px 2px rgba(0,0,0,0.15); height: 50px; border: 1px solid #ccc; float: left; padding: 2px 10px 2px 10px; }
#course_selector_header div.stepTitle:not(.currentStep):hover { color: #fff; background-color: #333!important; }
#course_selector_header div.currentStep { color: white!important; background-color: #333!important; }
#course_selector_header div.stepTitle:not(.currentStep):not(.disabled) {border:1px solid #dcdcdc!important;}
#course_selector_header div.stepTitle:not(.currentStep):not(.disabled):hover {color: white!important;background-color: #cee8e3;border:1px solid #cee8e3;}
#course_selector_header div.stepTitle.disabled:hover {color: #333!important;background-color: #eee!important;}
/* Body / Current Step */
#course_selector_body { padding: 0px; padding-top:10px; }
#course_selector_current_step_body > a:hover { text-decoration: none; }
.commerceProductsOrderBox a div.item {
color: white !important;
background-color:/*#4c4d4f*/ #ED0972!important;
border-radius: 5px !important;
font-size: 15pt!important;
font-family:bpreplaybolditalics,arial!important;
font-weight: normal!important;
line-height:100%!important;}
#course_selector_body div.commerceProductsOrderBox > a:hover { color: #fff; text-decoration: none; }
#course_selector_body div.item:first-child { border-top: 2px solid black!important;}
#course_selector_body div.item { color: #333!important; text-decoration: none; background-color: rgba(0, 0, 0, 0)!important; padding: 25px 10px; border-radius:0; /*border-radius: 5px;*/ margin-right: 5px; box-shadow: none; /*box-shadow: 0 1px 2px rgba(0,0,0,0.15);*/ margin: 0px; /*padding-left:0;*/ border:0; border-top: 1px solid #eae9e9!important; }
#course_selector_body div.item:last-child { border-bottom: 1px solid #eae9e9!important; }
#course_selector_body div.item:not(.noCourses):not(.noHighlight):hover { cursor: pointer; color: #333!important;/* color: #fff;*/ background-color: /*#4c4d4f*/ rgba(233, 246, 243, 1)!important ; }
#course_selector_body div.item:not(.noCourses):not(.noHighlight):hover .coursesCount { color:red; }
#course_selector_body div.item:not(.noCourses):not(.noHighlight):hover a { color: /*#fff #ff3399*/ #e21837; text-decoration: underline; }
#course_selector_body div.item.noCourses { background-color: rgba(0, 0, 0, 0.08)!important; }
#course_selector_body div.item div.itemBody.hasPicture { margin-left: 2%;box-sizing: border-box; }
#course_selector_body div.item div.itemBody div.coursesCount { float: right; color: #e21837!important;font-size: 15px!important;}
#course_selector_body div.item.noCourses div.coursesCount { color: #e21837!important; }
#course_selector_body div.item div.itemPicture
{
float: left;
background-position-x: 50%;
background-size: [? \Components\Settings\ConfigurationItems::getValue('\Components\AF\Courses\CollectiveCourses', 'course_selector_image_width') ?]px auto;
background-repeat: no-repeat;
border-radius: 75px;
max-width: 150px;
box-sizing: border-box;
width: [? \Components\Settings\ConfigurationItems::getValue('\Components\AF\Courses\CollectiveCourses', 'course_selector_image_width') ?]px;
height: [? \Components\Settings\ConfigurationItems::getValue('\Components\AF\Courses\CollectiveCourses', 'course_selector_image_height') ?]px;
}
/* Selection / Previous Step */
#previous_step_description { padding: 0px; padding-top: 10px; border:0; border-top: 2px solid black!important; }
#course_selector_current_step_body { margin-top: 20px; padding: 0px; }
/* Schedules Step */
ul.coursesList { padding-left: 0px; display: none; list-style-type: none; }
ul.coursesList li { margin: 0px; }
ul.coursesList li > a:hover { text-decoration: none; }
ul.coursesList div.placesLeft { float: right; color: #ff0099; }
ul.coursesList div.item:not(.noCourses):not(.noHighlight):hover div.placesLeft { color: #fff; }
#course_selector_body ul.coursesList div.item { border: 1px solid #dfdfdf; box-shadow: none; }
#schedules_list div.item { cursor: pointer; }
/* Overrides */
#course_selector h1 {font-size:35px;font-family:'Source Sans Pro', sans-serif!important;font-style: italic;margin:20px 0;text-transform:none;/* font-size: 15pt; font-family:bpreplaybolditalics,arial; font-weight: normal; line-height:100%;*/ }
#course_description_table { box-shadow:0 0 0 0!important;}
#course_selector h2 { font-family: "loveloblack"; font-size: 28px;line-height:32px; margin-bottom:10px;font-style: normal;}
#course_selector_current_step_body {font-size: 20px!important;}
#required_material_container > div {margin: 20px 0 0 0!important;padding: 25px!important;}
.marginTop10 { margin-top: 30px!important;}
/* Break points screen */
@media screen and (max-width: 767px){
#course_selector_current_step_body {font-size: 15px!important;}
#course_selector h2 {font-size: 19px!important;line-height: 24px!important;}
}
@media screen and (max-width:992px){
.#course_selector_body div.item div.itemPicture{
width: 75px;
}
}