.wspc_course_plugin .wspc_flex {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin-left: -0.5em;
    margin-right: -0.5em;
}

.wspc_course_plugin .wspc_stretch {
    align-items: stretch;
}

.wspc_course_plugin .wspc_subscription_flex {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin-left: -0.5em;
    margin-right: -0.5em;
}

.wspc_course_plugin .wspc_subscription_module {
    margin-left: 0.5em;
    margin-right: 0.5em;
}
.wspc_course_plugin .wspc_affiliate_report {
    display: flex;
    justify-content: flex-end;    
    flex-wrap: wrap;
    padding: 0.8em;    
}

.wspc_course_plugin #wspc_affiliate_report_content {
    min-height: 200px;
}

.wspc_course_plugin #wspc_affiliate_report_content .wspc_loading_container {
    text-align: center;
}

.wspc_course_plugin #wspc_affiliate_report_content .wspc_loading {
    margin: 2em 0;
}

.wspc_course_plugin #wspc_affiliate_report_content_inner {
    padding: 1em 0;
}

.wspc_course_plugin .wspc_affiliate_report_title {
    font-size: 1.5em;
    padding: 0.5em 0;
    margin: 0;
}

.wspc_course_plugin .wspc_affiliate_report_header {
    padding: 1em 0;
}

.wspc_course_plugin .wspc_affinity_report_row {
    display: flex;
}

.wspc_course_plugin .wspc_affinity_report_row .wspc_affinity_report_col:first-child {
    flex-grow: 1;
}

.wspc_course_plugin .wspc_affinity_report hr {
    color: #FFF;
    margin: 0;
}

.wspc_course_plugin .wspc_affiliate_report_conversions,
.wspc_course_plugin .wspc_affiliate_report_cancellations,
.wspc_course_plugin .wspc_affiliate_report_total {
    padding: 1em;
    margin-bottom: 0.5em;
}

.wspc_course_plugin .wspc_affiliate_report .wspc_affiliate_report_campaign { 
    flex-grow: 1;
    display: flex;
}

.wspc_course_plugin .wspc_affiliate_report .wspc_affiliate_report_filter {
    display: flex;    
    justify-content: flex-end;
    padding: 2px;
}

.wspc_course_plugin .wspc_affiliate_report .wspc_affiliate_report_filter label {
    margin-right: 10px;
}

.wspc_course_plugin .wspc_affiliate_report .wspc_affiliate_report_filter input, 
.wspc_course_plugin .wspc_affiliate_report .wspc_affiliate_report_campaign select,
.wspc_course_plugin .wspc_affiliate_report .wspc_affiliate_report_filter label {
    padding: 5px 8px;
    margin: 0;
}

.wspc_course_plugin .wspc_affiliate_report .wspc_affiliate_report_campaign select {
    height: 39px;
}

.wspc_course_plugin .wspc_affiliate_report .wspc_affiliate_report_campaign label {
    padding-top: 8px;
    padding-right: 10px;
}

.wspc_course_plugin .wspc_affiliate_report > button  {
    padding: 12px 12px 12px 25px;
    margin: 0;
}

.wspc_course_plugin .wspc_affiliate_report > button::before {
    top: 50%;
    margin-top: -7px;

}

.wspc_course_plugin .wspc_affiliate_report > label > span {
    line-height: 1.5rem;
    vertical-align: baseline;
}

.wspc_course_plugin .wspc_subscription {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    padding: 2em;
    margin-bottom: 1em;
}

.wspc_course_plugin .wspc_subscription .wspc_status {
   padding: 0.5em 1em;
}

.wspc_course_plugin .wspc_course_title {
    font-size: 1.2em;
    font-weight: bold;
}

.wspc_course_plugin .wspc_flex_module {
    padding: 0 0.5em 1em 0.5em;

}

.wspc_course_plugin .wspc_course_content span,
.wspc_course_plugin .wspc_module_content span,
.wspc_course_plugin .wspc_pending_module span,
.wspc_course_plugin .wspc_active_module span,
.wspc_course_plugin .wspc_locked_module span,
.wspc_course_plugin .wspc_module_content .wspc_download {
    display: block;
    font-size: 0.8em;
}

.wspc_course_plugin .wspc_testmode_info {
    margin: 1em 0 2em 0;
    padding: 1em;
}

.wspc_course_plugin .wspc_testmode_info .dashicons {
    font-size: 2em;
    width: 1em;
    height: 1em;
}

.wspc_course_plugin .wspc_pending_module .dashicons {
    font-size: 2em;
    width: 1em;
    height: 1em;
}

.wspc_course_plugin .wspc_active_module .dashicons {
    font-size: 2em;
    width: 1em;
    height: 1em;
}


.wspc_course_plugin .wspc_locked_module .dashicons {
    font-size: 2em;
    width: 1em;
    height: 1em;
}

.wspc_course_plugin .wspc_module_content .wspc_download .dashicons {
    display: inline-block;
    font-size: 1.4em;
}

.wspc_course_plugin .wspc_dashboard_courses .wspc_course,
.wspc_course_plugin .wspc_module {
    overflow: hidden;
    padding: 1em;
    width: 250px;
    height: 100%;
}

.wspc_course_plugin .wspc_module_title {
    line-height: 1.2;
    margin-bottom: 1em;
}

.wspc_course_plugin #wspc_dashboard_content {
    padding-top: 2em;
}

.wspc_course_plugin .wspc_order .wspc_order_table {
    display: flex;
    justify-content: space-between;
}

.wspc_course_plugin .wspc_form_bg_grey {
    border: 1px solid #eaeaea;
    background-color: #fafafa;
    padding: 0.5em;
}

.wspc_course_plugin .wspc_form_border {
    border: 1px solid #eaeaea;
    padding: 0.5em;
    margin-top: 0.5em;
    display: inline-block;
}

.wspc_course_plugin .wspc_title {
    display: block;
    background-color: #fafafa;
}

.wspc_course_plugin .wspc_submit {
    margin-top: 1em;
}

.wspc_course_plugin .wspc_right {
    text-align: right;
}

.wspc_course_plugin .wspc_devider {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    height: 1px;
    width: 100%;
    background-color:#eaeaea;
}

.wspc_course_plugin #wspc_feedback {
    color: green;
}

.wspc_course_plugin .wspc_error {
    color: red;
    display: block;
}

.wspc_course_plugin .wspc_inline_error {
    color: red;
    display: inline-block;
}

.wspc_course_plugin .wspc_reset .wspc_feedback {
    display: inline-block;
}

.wspc_course_plugin .wspc_reset .wspc_loading {
    height: 40px;
    width: 40px;
}

.wspc_course_plugin .wspc_testmode_control {
    position: relative;
}

.wspc_course_plugin .wspc_testmode_control .wspc_feedback {
    margin-top: 0.5em;
    display: block;
    min-height: 2em;
}

.wspc_course_plugin .wspc_testmode_control .wspc_loading {
    position: absolute;
    bottom: -2px; 
    left: -8px;
    width:30px;
    height: 30px;
}

.wspc_course_plugin .wspc_testmode select {
    font-size: 1em;
    padding: 0.55em 0.1em 0.55em 0.8em;
}

.wspc_course_plugin .wspc_testmode select,
.wspc_course_plugin .wspc_button_reset,
.wspc_course_plugin .wspc_button_testbooking {
    width: 100%;
    cursor: pointer;
}

.wspc_course_plugin .wspc_error .dashicons,
.wspc_course_plugin .wspc_download .dashicons,
.wspc_course_plugin .wspc_questionnaire_finished .dashicons {
    margin-top: 0.2em;
}

.wspc_course_plugin .wspc_download {
    padding: 0.2em 0.5em;
    display: inline-block;
    cursor: pointer;
    margin: 0.2em;
}

.wspc_course_plugin .wspc_downloads {
    margin: 0 -0.2em;
    margin-bottom: 2em;
}

.wspc_course_plugin .wspc_headline {
    display: block;
    font-size: 1.6em;
    margin-bottom: 0px;
    display: block;
    line-height: 1.6em;
}
.wspc_course_plugin .wspc_subheadline {
    display: block;
    font-size: 1.2em;
    display: block;
    line-height: 1.2em;
    padding-top: 1em;
    padding-bottom: 0.5em;
}
.wspc_course_plugin .wspc_contraindication_list {
    margin-bottom: 1.5em;
}

.wspc_course_plugin #wspc_login,
.wspc_course_plugin #wspc_booking {
    margin-left: auto;
    margin-right: auto;
}

.wspc_course_plugin .wspc_button.wspc_button_small {
    padding: 0.4em 0.5em 0.4em 1.7em;
    position: relative;
    margin-left: 1em;
}

.wspc_course_plugin #wspc_get_login:before {
    font-family: 'dashicons';
    position: absolute;
    top: 0.4em;
    left: 0.4em;
    font-size: inherit;
    content: "\f160";
}

.wspc_course_plugin #wspc_login_form .wspc_error {
    color: red;
    padding-left: 1em;
    display: block;
}

.wspc_course_plugin .wspc_form_select {
    width: 100%;
}

.wspc_course_plugin .wspc_button:before,
.wspc_course_plugin .wspc_button_reset:before,
.wspc_course_plugin .wspc_button_testbooking:before {
    font-family: 'dashicons';
    content: "\f345";
    position: absolute;
    top: 1.2em;
    left: 0.8em;
    font-size: inherit;
}

.wspc_course_plugin .wspc_button_reset:before,
.wspc_course_plugin .wspc_button_testbooking:before {
    top: 0.3em;
}

.wspc_course_plugin .wspc_back > .wspc_button:before {
    content: "\f341";  
}

.wspc_course_plugin .wspc_booking_button.wspc_button:before {
    position: relative;
    top: 0.2em;
    left: 0;
}

.wspc_course_plugin .wspc_booking_button.wspc_booking_button {
    width: 100%;
    text-align: center;
}

.wspc_course_plugin .wspc_back {
    margin-bottom: 1em;
}

.wspc_course_plugin .wspc_button {
    padding: 1.2em 1em 1.2em 2em;
    position: relative;
    display: inline-block;
    margin-top: 1em;
}

.wspc_course_plugin .wspc_course_content .wspc_button_reset,
.wspc_course_plugin .wspc_course_content .wspc_button_testbooking {
    padding: 0.3em 1em 0.3em 2em;
    position: relative;
    display: inline-block;
    margin-top: 1em;
}

.wspc_course_plugin .wspc_submit {
    margin-top: 0;
}

.wspc_course_plugin .wspc-container {
    width: 100%;
}

.wspc_course_plugin .wspc-container > .wspc_inner {
    margin-left: auto;
    margin-right: auto;
}

.wspc_course_plugin #wspc_confirm_content {
    border-width: 1px;
    border-style: solid;
    border-color: inherit;
    padding: 1em 2em;

}

.wspc_course_plugin #wspc_confirm_content label {
    display: block;
}

.wspc_course_plugin .wspc_confirm_button {
    position: relative;
}

.wspc_course_plugin .wspc_loading {
    width: 50px;
    height: 50px;
    display: none;
}

.wspc_course_plugin #wspc_confirm_content .wspc_loading {
    position: absolute;
    right: 0px;
    top: 0px;
    transform: translate(100%, -25%);
}

.wspc_course_plugin #wspc_dashboard_content > .wspc_loading {
    display: block;
    display: none;
    margin: 1em auto;
}

.wspc_course_plugin .wspc_dashboard_tabs {
    display: flex;
    flex-wrap: wrap;
}


.wspc_course_plugin .wspc_dashboard_tabs > div {
    text-align: left;
    padding: 5px 10px;
    cursor: pointer;
}

.wspc_course_plugin .wspc_dashboard_tabs > div > span {
    position: relative;
    margin-left: 2em;
    line-height: 2.5em;
}

.wspc_course_plugin .wspc_dashboard_tabs > div > span:before {
    font-family: 'dashicons';
    position: absolute;
    top: -0.45em;
    left: -1.2em;
    font-size: 1.5em;
}

.wspc_course_plugin #wspc_dashboard_courses span:before {
    content: "\f118";    
}

.wspc_course_plugin #wspc_dashboard_user span:before {
    content: "\f110";  
}

.wspc_course_plugin #wspc_dashboard_support span:before {
    content: "\f468";  
}

.wspc_course_plugin #wspc_dashboard_subscriptions span:before {
    content: "\f546";   
}

.wspc_course_plugin #wspc_dashboard_logout span:before {
    content: "\f528";
}

.wspc_course_plugin .wspc_input input {
    width: 100%;
}

.wspc_course_plugin #wspc_support_form .wspc_select select {
    width: 100%;
}



.wspc_course_plugin .wspc_checkbox input,
.wspc_course_plugin .wspc_radio input,
.wspc_course_plugin .wspc_select select {
    margin-right: 0.5em;
}



.wspc_course_plugin .wspc_checkbox_container,
.wspc_course_plugin .wspc_radio_container {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.wspc_course_plugin .wspc_row {
    margin-bottom: 0.5em;
    display: flex;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px;
}

.wspc_course_plugin .wspc_row > div {
    padding-left: 5px;
    padding-right: 5px;
}

.wspc_course_plugin .wspc_col_1 {
    flex: 0 0 8.333334%;
    max-width: 8.333334%;
}

.wspc_course_plugin .wspc_col_2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.wspc_course_plugin .wspc_col_3 {
    flex: 0 0 25%;
    max-width: 25%
}

.wspc_course_plugin .wspc_col_4 {
    flex: 0 0 33.333334%;
    max-width: 33.333334%
}

.wspc_course_plugin .wspc_col_5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}

.wspc_course_plugin .wspc_col_6 {
    flex: 0 0 50%;
    max-width: 50%
}

.wspc_course_plugin .wspc_col_7 {
    flex: 0 0 58.333334%;
    max-width: 58.333334%
}

.wspc_course_plugin .wspc_col_8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}

.wspc_course_plugin .wspc_col_9 {
    flex: 0 0 75%;
    max-width: 75%;
}

.wspc_course_plugin .wspc_col_10 {
    flex: 0 0 83.333334%;
    max-width: 83.333334%
}

.wspc_course_plugin .wspc_col_11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}

.wspc_course_plugin .wspc_col_12 {
    flex: 0 0 100%;
    max-width: 100%;
}
.wspc_course_plugin .wspc_course_thumbnail,
.wspc_course_plugin .wspc_module_thumbnail {
    height: 6em;
    margin-bottom: 1em;
}

.wspc_course_plugin .wspc_course_thumbnail img,
.wspc_course_plugin .wspc_module_thumbnail img,
.wspc_course_plugin .wspc_dashboard_course_icon {
    object-fit: cover;
    width:100%;
    height: 6em;
    max-width: 250px;
}

.wspc_course_plugin .wspc_module_number > span,
.wspc_course_plugin .wspc_module_icon > span {
    line-height: 90px;
    font-size: 3em;
}

.wspc_course_plugin .wspc_module_number,
.wspc_course_plugin .wspc_module_icon {
    text-align: center;
    font-size: 1em;
    height: 100%;
    
}

.wspc_course_plugin .wspc_module_finished {
    position: relative;
    margin-top: 0.5em;
}

.wspc_course_plugin .wspc_next_module_at {
    position: relative;
    margin-top: 0.8em;
}

.wspc_course_plugin .wspc_pending_module {
    position: relative;
    margin-top: 0.8em;
}

.wspc_course_plugin .wspc_active_module {
    position: relative;
    margin-top: 0.8em;
}

.wspc_course_plugin .wspc_locked_module {
    position: relative;
    margin-top: 0.8em;
}

.wspc_course_plugin .wspc_info_module {
    position: relative;
    margin-top: 0.8em;
}

.wspc_course_plugin .wspc_module_finished > .wspc_module_finished_text,
.wspc_course_plugin .wspc_pending_module > .wspc_pending_module_text,
.wspc_course_plugin .wspc_active_module > .wspc_active_module_text,
.wspc_course_plugin .wspc_locked_module > .wspc_locked_module_text,
.wspc_course_plugin .wspc_info_module > .wspc_info_module_text,
.wspc_course_plugin .wspc_next_module_at > .wspc_next_module_at_text {
    padding-left: 3em;
    line-height: 1.2em;
}

.wspc_course_plugin .wspc_module_finished > .dashicons {
    position: absolute;
    left:-0.2em;
    top: -0.3em;
    font-size: 3em;
}

.wspc_course_plugin .wspc_next_module_at > .dashicons {
    position: absolute;
    left:-0.1em;
    top: -0.3em;
    font-size: 2em;
}

.wspc_course_plugin .wspc_pending_module > .dashicons {
    position: absolute;
    left:-0.2em;
    top: -0.3em;
    font-size: 2em;
}

.wspc_course_plugin .wspc_active_module > .dashicons {
    position: absolute;
    left: 0em;
    top: -0.3em;
    font-size: 2em;
}

.wspc_course_plugin .wspc_locked_module > .dashicons {
    position: absolute;
    left:-0.2em;
    top: -0.3em;
    font-size: 2em;
}

.wspc_course_plugin .wspc_info_module > .dashicons {
    position: absolute;
    left:0em;
    top: -0.2em;
    font-size: 2em;
}

.wspc_course_plugin .wspc_greyscale img {
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
    filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
    opacity: 0.3;
}

.wspc_course_plugin .wspc_greyscale.wspc_bg1,
.wspc_course_plugin .wspc_greyscale.wspc_color1,
.wspc_course_plugin .wspc_greyscale .wspc_bg1,
.wspc_course_plugin .wspc_greyscale .wspc_color1,
.wspc_course_plugin .wspc_greyscale.wspc_bg1:hover,
.wspc_course_plugin .wspc_greyscale.wspc_color1:hover,
.wspc_course_plugin .wspc_greyscale .wspc_bg1:hover,
.wspc_course_plugin .wspc_greyscale .wspc_color1:hover {
    background-color: #eee;
    color: #bbb;
}

.wspc_course_plugin .wspc_greyscale.wspc_bg2,
.wspc_course_plugin .wspc_greyscale.wspc_color2,
.wspc_course_plugin .wspc_greyscale .wspc_bg2,
.wspc_course_plugin .wspc_greyscale .wspc_color2,
.wspc_course_plugin .wspc_greyscale.wspc_bg2:hover
.wspc_course_plugin .wspc_greyscale.wspc_color2:hover,
.wspc_course_plugin .wspc_greyscale .wspc_bg2:hover,
.wspc_course_plugin .wspc_greyscale .wspc_color2:hover {
    background-color: #e5e5e5;
    color: #bbb;
}

.wspc_course_plugin .wspc_greyscale .wspc_border {
    border: 2px solid #ccc; 
}

.wspc_course_plugin .wspc_question_meta,
.wspc_course_plugin .wspc_questionnaire_finished {
    padding: 0.5em 1em 1em 1em;
    margin-bottom: 1em;
}

.wspc_course_plugin .wspc_question_number {
    font-size: 2em;
    font-weight: bold;
    padding-right: 0.5em;
}

.wspc_course_plugin .wspc_paypal_logo {
    width: 100px;
    height: 26px;
}

.wspc_course_plugin .wspc_klarna_logo {
    height: 26px;
    width: 64px;
}

.wspc_course_plugin .wspc_question_checkbox input {
    padding-right: 0.5em;
}

.wspc_course_plugin .wspc_groupon_container {
    margin-top: 25px;
}

.wspc_course_plugin .wspc_groupon_container #wspc_groupon {
    margin-top: 5px;
}

/**
.wspc_course_plugin .mejs-time-rail,
.wspc_course_plugin video::-webkit-media-controls-timeline {
    display: none;
}


.wspc_course_plugin.wspc_course_plugin_testmode .mejs-time-rail,
.wspc_course_plugin.wspc_course_plugin_testmode video::-webkit-media-controls-timeline {
    display: inline;
}
**/

.wspc_course_plugin.wspc_course_plugin_testmode .mejs-time-rail,
.wspc_course_plugin.wspc_course_plugin_testmode video::-webkit-media-controls-timeline {
    display: none;
}

.wspc_course_plugin .wspc_password_reset_link {
    text-align: right;
    vertical-align: top;
}

.wspc_course_plugin input,
.wspc_course_plugin select,
.wspc_course_plugin textarea {
    color: #666;
    background-color: #fafafa;
    border: 1px solif #eaeaea;
    border-radius: 2px;
}

.wspc_course_plugin .wspc_video_placeholder,
.wspc_course_plugin .wspc_questionnaire_placeholder {
    position: relative;
    width: 100%;
    height: 100%;
}

.wspc_course_plugin .wspc_video_placeholder:before {
    content: "";
    position: relative;
    display: block;
    height: 100%;
    width:100%;  
    padding-bottom: 56%;
    background-color: rgb(0,0,0,0.7);
}

.wspc_course_plugin .wspc_questionnaire_placeholder:before {
    content: "";
    position: relative;
    display: block;
    height: 100%;
    width:100%;     
}

.wspc_course_plugin .wspc_video_placeholder .wspc_video_placeholder_overlay {
    position: absolute;
    top: 50%;
    left:50%;
    transform: translate(-50%, -50%);
    width: 80%;
    color: #FFF;
    text-align: center;
    font-size: 1.2em;
    line-height: 1.2;
}

.wspc_course_plugin video {
  width: 100%;
  height: auto;
}

.wspc_course_plugin .wspc_questionnaire_placeholder .wspc_questionnaire_placeholder_overlay {
    position: absolute;
    top: 50%;
    left:50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;    
    padding-top: 1em;
    text-align: center;
    color: #333;
    font-size: 1.2em;
    line-height: 1.2;

}

.wspc_course_plugin .wspc_questionnaire_placeholder .wspc_questionnaire_placeholder_text {
    background-color: rgb(0,0,0,0.1);
    filter: blur(6px);
    opacity: 0.8;
}

.wspc_course_plugin .wspc_questionnaire_placeholder .wspc_questionnaire_placeholder_text input,
.wspc_course_plugin .wspc_questionnaire_placeholder .wspc_questionnaire_placeholder_text select,
.wspc_course_plugin .wspc_questionnaire_placeholder .wspc_questionnaire_placeholder_text label,
.wspc_course_plugin .wspc_questionnaire_placeholder .wspc_questionnaire_placeholder_text button {
    pointer-events: none;
}

.wspc_course_plugin .wspc_video_placeholder .wspc_video_placeholder_overlay .dashicons,
.wspc_course_plugin .wspc_questionnaire_placeholder .wspc_questionnaire_placeholder_overlay .dashicons {
    display: inline-block;
    width: 1.2em;
    height: 1.2em;;
    line-height: 1.2;
    font-size: 2em;
    text-align: center;;

} 

/*
.wspc_course_plugin #wspc_login:before {
    font-family: 'dashicons';
    position: absolute;
    top: 0.4em;
    left: 0.4em;
    font-size: inherit;
    content: "\f160";
}
*/

.wspc_grey_box {
    border: 1px solid #eaeaea;
    background-color: #fafafa;
    padding: 0.5em;
    display: inline-block;
    margin-bottom: 1.6em;
}

.wspc_course_plugin form .wspc_insurance select,
.wspc_course_plugin form #wspc_insurance_container input {
    width: 100%;
}


@media only screen and (max-width: 800px) 
{
    .wspc_course_plugin .wspc_affiliate_report .wspc_affiliate_report_campaign,
    .wspc_course_plugin .wspc_affiliate_report {
        display: block;
    }
    
    .wspc_course_plugin .wspc_affinity_report_row,
    .wspc_course_plugin .wspc_affiliate_report .wspc_affiliate_report_filter,
    .wspc_course_plugin .wspc_affiliate_report .wspc_affiliate_report_filter_container {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        width: 100%;
    }
}