/* New fonts and color scheme changes */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@500;600&family=Poppins:wght@600;700&display=swap');

body {
    background: #fff !important;
}

.page-template-template-learn,
.sfwd-courses-template-default,
.sfwd-topic-template-default,
.tax-ld_course_category,
.page-template-default {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #000;
}



.page-template-template-learn h1,
.sfwd-courses-template-default h1,
.sfwd-topic-template-default h1,
.tax-ld_course_category h1,
.page-template-default h1,
.entry-header,
h1.page-title {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 37px;
    color: #000;
}


.page-template-template-learn h2,
.sfwd-courses-template-default h2,
.sfwd-topic-template-default h2,
.tax-ld_course_category h2,
.page-template-default h2 {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    /*font-size: 50px;*/
    /*line-height: 55px;*/
    font-size: 30px;
    line-height: 35px;
    color: #000;
}

.page-template-template-learn h3,
.sfwd-courses-template-default h3,
.sfwd-topic-template-default h3,
.tax-ld_course_category h3,
.page-template-default h3 {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 30px;
    line-height: 35px;
    color: #000;
}

.learndash-wrapper .ld-expand-button:hover {
    opacity: 1 !important;
    background: #244BD0 !important;
}

.site-top-footer-inner-wrap {
    display: none !important;
}

.site-footer-row-container-inner {
    border-top: 0 !important;
}






@media (max-width: 1200px) {

    .page-template-template-learn h2,
    .sfwd-courses-template-default h2,
    .sfwd-topic-template-default h2,
    .tax-ld_course_category h2,
    .page-template-default h2 {

        font-size: 40px;
        line-height: 45px;

    }

    .page-template-template-learn h3,
    .sfwd-courses-template-default h3,
    .sfwd-topic-template-default h3,
    .tax-ld_course_category h3,
    .page-template-default h3 {

        font-size: 25px;
        line-height: 30px;

    }


}

@media (max-width: 768px) {

    .page-template-template-learn h2,
    .sfwd-courses-template-default h2,
    .sfwd-topic-template-default h2,
    .tax-ld_course_category h2,
    .page-template-default h2 {

        font-size: 30px;
        line-height: 35px;

    }

    .page-template-template-learn h3,
    .sfwd-courses-template-default h3,
    .sfwd-topic-template-default h3,
    .tax-ld_course_category h3,
    .page-template-default h4 {

        font-size: 20px;
        line-height: 25px;

    }

    .wisdm-learndash-reports-date-filters-container {
        flex-wrap: wrap;
        justify-content: center;
    }

    .wisdm-ld-reports-date-range-picker {
        flex-wrap: wrap;
        justify-content: center;
    }

    .wisdm-ld-reports-date-range-picker #js-daterangepicker-predefined {
        margin: 0 auto;
    }

    .wisdm-ld-reports-date-range-picker .date-filter-label {
        margin: 10px 0;
    }

    .table-pagination button {
        padding: 5px;
    }

    .table-chart-container .table-pagination {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .wisdm-learndash-reports-chart-block .table-chart-container {
        padding: 20px 0;
    }

    .table-chart-container .table-pagination span {
        font-size: 12px;
    }

    .apexcharts-legend {
        top: 0 !important;
        right: 0 !important;
    }



    .course-list-table-header .course-list-table-download-options {
        display: flex;
        align-items: center;
    }



    .course-list-table-download-options>span {
        margin: 5px;
    }

    .wrld-xs .wisdm-learndash-reports-date-filters-container {
        margin-right: 0;
    }

    .wisdm-learndash-reports-chart-block .react-tabs__tab-list {
        left: 0;
    }





}

@media (max-width: 575px) {
    .entry-content-wrap {
        padding: 0 !important;
    }

    .wisdm-learndash-reports-chart-block .graph-card-container {
        padding: 15px;
    }

    .apexcharts-legend-text {
        font-size: 10px;
    }

    .time-spent-on-a-course div {
        margin: 0 auto;

    }

    .time-spent-on-a-course svg.apexcharts-svg {
        transform: scale(1.1);
    }

    .time-spent-on-a-course foreignObject {
        display: none;
    }


    .time-spent-on-a-course>div {
        padding: 30px 0;
    }


}

@media (max-width: 400px) {
    .time-spent-on-a-course svg.apexcharts-svg {
        transform: scale(1.3);
    }
}



/* Learn - plan view page */
.two-col-outer {
    display: flex;
    padding: 50px 0;
}

.two-col-outer h2 {
    text-transform: uppercase;
    margin-bottom: 20px;
}

.main-col {
    width: 80%;
    padding-right: 40px;
}

.aside-col {
    width: 20%;
}

/*.campaign-block {*/
/*    padding-left: 20px;*/
/*}*/

.campaign-block h6 {
    font-size: 14px;
    line-height: 16px;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.campaign-block label {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    line-height: 14px;
    font-weight: 600;
    color: #000;
    text-transform: uppercase;
}

.quiz-link {
    display: block;
    border: 1px solid #000;
    padding: 10px 15px;
    color: #000;
    text-transform: capitalize;
    font-weight: 700;
    margin-bottom: 50px;
    text-decoration: none;
}

.search-field {
    position: relative;
    margin-bottom: 20px;
}

.search-field input {
    width: 100%;
    padding-right: 60px;
}

.search-field button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    background: none;
    color: #000;
}

.search-field button:hover,
.search-field button:active,
.search-field button:focus {
    background: none;
    box-shadow: none;
    color: #000;

}


.sfwd-courses-archive .sfwd-courses .entry-content-wrap {
    padding: 20px;
}

.sfwd-courses-archive .sfwd-courses {
    border: 1px solid #D9D9D9;
}

.sfwd-courses .entry-header h2 {
    font-size: 20px;
    line-height: 22px;
    font-weight: 700;
    text-transform: capitalize;
}

.sfwd-courses .entry-header h2 a:hover {
    text-decoration: none;
    color: #3A74F6;
}

/* Learn - topic view page */

.main-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 20px 0;
    border-bottom: 1px solid #000;
    margin-bottom: 40px;
}

.main-title a {
    font-size: 14px;
    line-height: 16px;
    color: #000;
    text-decoration: none;
}

.main-title a:hover {
    color: #3A74F6;

}

.main-outer {
    padding: 50px 0;
}

.accordian .card {
    margin-bottom: 15px;
    border: 2px solid #e2e7ed;
    border-radius: 6px;
    background: #fff;
}

.accordian .card-header {
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 0;
    background: none;
}


.accordian .card-header .btn-left {
    position: relative;
    padding-left: 40px;
}



.accordian .card-header .btn-left:before {
    content: '';
    border-radius: 100%;
    height: 26px;
    width: 26px;
    background-color: #fff;
    border: 4px solid #e2e7ed;
    position: absolute;
    left: 0;
    top: 0;
}

.accordian .card-header .btn {
    padding: 0;
    font-weight: 700;
    text-transform: capitalize;
    text-decoration: none;
    position: relative;
    color: #3A74F6;
}

.accordian .card-header .btn:hover,
.accordian .card-header .btn:active,
.accordian .card-header .btn:focus {
    background: none;
    box-shadow: none;

}

.accordian .card-header .btn-left h6 {
    color: #9B9B9B;
    text-transform: capitalize;
}

.accordian .card-header .btn-left a {
    color: #000;
    text-transform: capitalize;
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
    text-decoration: none;
}

.accordian .card-header .btn-left a:hover {
    color: #3A74F6;
}

.accordian .card-header .btn:before {
    content: '\f0ab';
    font-family: 'FontAwesome';

}

.accordian .card-header .btn.collapsed:before {
    content: '\f0aa';
    font-family: 'FontAwesome';
}

.accordian .card-header .btn.collapsed:before {
    -ms-transform: rotate(180deg);
    /* IE 9 */
    transform: rotate(180deg);
}

.accordian .card-header .btn:after {
    content: 'Collapse';


}

.accordian .card-header .btn.collapsed:after {
    content: 'Expand';

}

.accordian .card-body {
    padding: 0;
}


.lesson-header {
    background: #3A74F6;
    padding: 20px 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
}

.lesson-header h6 {
    display: inline-block;
    text-transform: capitalize;
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    position: relative;

}

.lesson-header h6:before {
    content: '\f0f6';
    font-family: 'FontAwesome';
    padding-right: 10px;

}

.lesson-header span {
    position: relative;

}

.lesson-header span:before {
    content: '|';
    padding-right: 5px;

}


.lesson-body {
    padding: 0 60px;

}

.lesson-body ul {
    margin: 0;
}

.lesson-body ul li {
    display: block;

    border-bottom: 1px solid #e2e7ed;
}

.lesson-body ul li:last-child {

    border-bottom: 0;
}


.lesson-body ul li a {
    display: block;
    color: #000;
    text-transform: capitalize;
    padding: 20px 40px;
    position: relative;
    text-decoration: none;
}

.lesson-body ul li a:hover {
    color: #3A74F6;
}


.lesson-body ul li a:before {
    content: '';
    border-radius: 100%;
    height: 26px;
    width: 26px;
    background-color: #fff;
    border: 4px solid #e2e7ed;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.accordian .card-body {
    position: relative;
}

.accordian .card-body:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    top: -8px;
    left: 66px;
    background: #fff;
    transform: rotate(-45deg);
    z-index: 9;
    left: 64px;
}



/* Resources page */
.resources-list .card {
    margin-bottom: 20px;
    border-radius: 0;
}

.resources-list .card-header {
    border-bottom: 0;
    border-radius: 0;
    padding: 0;
}

.resources-list .card-header .btn {
    font-family: 'Poppins', sans-serif;
    padding: 0;
    text-decoration: none;
    background: #3a74f6;
    color: #fff;
    font-weight: 700;
    display: block;
    width: 100%;
    text-align: left;
    position: relative;
    padding: 12px 20px;
    border-radius: 0;
    white-space: normal;
    padding-right: 35px;
}

.resources-list .card-header .btn:after {
    content: '\f0d8';
    font-family: 'FontAwesome';
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.resources-list .card-header .btn.collapsed:after {
    content: '\f0d7';
    font-family: 'FontAwesome';
}


.resources-list .card-header .btn.collapsed {
    background: #f1f1f1;
    color: #000;

}

.resources-list .card-body p {
    font-family: 'Inter', sans-serif;
}

.resources-list .card-body ul {
    margin: 0;
    padding: 0;

}

.resources-list .card-body ul li {
    display: block;

}

.resources-list .card-body ul li a {
    color: #1019FF;
    text-decoration: underline;

}

.resources-list .card-body ul li a:hover {
    color: #3A74F6;
}

/* Learn - content page */
.leasson-sidebar {
    border-top: 1px solid #e2e7ed;
    border-right: 1px solid #e2e7ed;
    height: 100%;
}

.leasson-sidebar .card {
    margin-bottom: 0;
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid #e2e7ed;
}

.leasson-sidebar .card-header {
    border-radius: 0;
    padding: 0;
    display: block;
}

.leasson-sidebar .card-body {
    background: #e2e7ed;
    padding: 15px;
    padding-left: 30px;
}

.leasson-sidebar .card-header .btn-left {
    padding-left: 20px;
}


.leasson-sidebar .card-header .btn-left:before {
    content: '';
    border-radius: 100%;
    height: 18px;
    width: 18px;
    background-color: #fff;
    border: 2px solid #3A74F6;
    position: absolute;
    left: -5px;
    top: 0;
}


.leasson-sidebar .card-header .btn:before,
.leasson-sidebar .card-header .btn:after {
    display: none;
}

.leasson-sidebar .card-header .btn {
    display: block;
    width: 100%;
    padding: 15px;
    text-align: left;
}

.leasson-sidebar .card-header .btn h6:before {
    content: '\f0ab';
    font-family: 'FontAwesome';
    margin-right: 5px;

}

.leasson-sidebar .card-header .btn.collapsed h6:before {
    content: '\f0aa';
    font-family: 'FontAwesome';
}

.leasson-sidebar .card-header .btn.collapsed h5 {
    color: #8f9193;
}

.leasson-sidebar .card-header .btn h5 {
    color: #3A74F6;
    font-size: 16px;
    line-height: 18px;
}

.leasson-sidebar .card-header .btn h6 {
    color: #3A74F6;
    font-size: 14px;
    line-height: 16px;
}

.leasson-sidebar .card-body ul {
    margin: 0;
}

.leasson-sidebar .card-body ul li {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 5px;
}

.leasson-sidebar .card-body ul li:last-child {

    margin-bottom: 0;
}


.leasson-sidebar .card-body ul li:before {
    content: '';
    border-radius: 100%;
    height: 18px;
    width: 18px;
    background-color: #fff;
    border: 2px solid #3A74F6;
    position: absolute;
    left: 0;
    top: 5px;
}

.leasson-sidebar .card-body ul li a {
    color: #000;
    font-size: 12px;
    line-height: 14px;
}

.leasson-sidebar .card-body ul li a:hover {
    color: #3A74F6;
    text-decoration: none;
}


.leasson-sidebar .accordian .card-body:before {
    content: "";
    left: 30px;
}

.leasson-sidebar .lesson-title {
    background: #3A74F6;
    padding: 15px;
}


.leasson-sidebar .lesson-title h4 {
    color: #fff;
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 0;
    position: relative;
}

.leasson-sidebar .lesson-title h4:before {
    content: '\f0f6 ';
    font-family: 'FontAwesome';
    margin-right: 5px;
}

.loop-entry .entry-content-wrap {
    padding: 20px !important;
}

.post-archive .sfwd-courses {
    border: 1px solid #D9D9D9;
}

/* New feedback changes 13-10-22 */
.resources-list .card-header .btn {
    white-space: normal;
    padding-right: 35px;
}

.sfwd-lessons-template-default .site-header,
.sfwd-topic-template-default .site-header {
    padding-top: 50px;
}

.sfwd-lessons-template-default .lms-lesson-title,
.sfwd-topic-template-default .lms-lesson-title {
    padding-top: 15px;
}


.course-list-table-container .course-list-table tr .table-groups {
    min-width: auto;
}

.sfwd-courses-template-default .learndash-wrapper .ld-progress .ld-progress-heading .ld-progress-stats .ld-progress-percentage {
    margin-bottom: 0;
}

.graph-card-container {
    min-height: auto;
}

.wisdm-reports>.wp-block-wisdm-learndash-reports-report-filters {
    margin-bottom: 0 !important;
}

.wp-block-wisdm-learndash-reports-revenue-from-courses,
.wp-block-wisdm-learndash-reports-quiz-completion-rate-per-course,
.wp-block-wisdm-learndash-reports-quiz-completion-time-per-course {
    display: none !important;
}


.page-template-default .entry-content-wrap {
    padding: 0 !important;
}

.qre-reports-content .results-section #qre_summarized_data_wrapper table.dataTable.row-border tbody td {
    padding: 10px;
}

.learndash-wrapper .ld-tabs .ld-tabs-content .ld-tab-content.ld-visible {
    padding: 0;
}

.css-tlfecz-indicatorContainer,
.css-tlfecz-indicatorContainer {
    color: #999 !important;
}

.owner-resource button {
    color: #fff !important;
}

.resources-list .card {
    -webkit-box-shadow: 0 1px 4px 2px #E0E0E0;
    box-shadow: 0 1px 4px 2px #E0E0E0;
}

@media (max-width: 650px) {
    .sfwd-courses-template-default .learndash-wrapper .ld-progress .ld-progress-heading .ld-progress-stats .ld-progress-percentage {
        margin-bottom: 10px;
    }

    .qre-reports-content .results-section #qre_summarized_data_wrapper table.dataTable thead th,
    .qre-reports-content .results-section #qre_summarized_data_wrapper table.dataTable thead td {
        display: table-cell !important;
    }

    .qre-reports-content .results-section #qre_summarized_data_wrapper table.dataTable.row-border tbody th,
    .qre-reports-content .results-section #qre_summarized_data_wrapper table.dataTable.row-border tbody td {
        display: table-cell !important;
    }

    .qre-reports-content .results-section #qre_summarized_data_wrapper {
        overflow: scroll;
        width: 100%;
        padding-top: 15px;
    }

    .sfwd-lessons-template-default .lms-lesson-title,
    .sfwd-topic-template-default .lms-lesson-title {
        padding-top: 0;
    }


    .sfwd-lessons-template-default .site-header,
    .sfwd-topic-template-default .site-header {
        padding-top: 0;
    }


}

/* New feedback changes 14-10-22 */
.course-list-table th.table-category,
.course-list-table th.table-avg_score,
.course-list-table th.table-quizzes,
.course-list-table th.table-quiz_time,
.course-list-table th.table-groups,
.course-list-table th.table-instructors {
    display: none;
}

.course-list-table td.table-category,
.course-list-table td.table-avg_score,
.course-list-table td.table-quizzes,
.course-list-table td.table-quiz_time,
.course-list-table td.table-groups,
.course-list-table td.table-instructors {
    display: none;
}

.learndash-wrapper .ld-tabs .ld-tabs-navigation {
    margin-bottom: 20px;
}

.sfwd-lessons-template-default h2 {
    display: none;
}

/* new changes 18-10-22 */
.wp-block-wisdm-learndash-reports-course-list {
    order: 2;
}

/* Owner/group leader dashboard styles starts */
.group-owner-dashboard th {
    background: #444444;
    color: white;
}

.group-owner-dashboard th,
.group-owner-dashboard td {
    border-color: #4444444a;
    ;
}

.group-owner-dashboard td {
    color: black;
    font-family: "Inter", sans-serif;
    font-weight: 300;
}

.group-owner-dashboard .page-item.active .page-link {
    background-color: #3a74f6;
    border-color: #3a74f6;
}

.group-owner-dashboard .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

.group-owner-dashboard .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.group-owner-dashboard .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.group-owner-dashboard .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.group-owner-dashboard input:checked+.slider {
    background-color: #3a74f6;
}

.group-owner-dashboard input:focus+.slider {
    box-shadow: 0 0 1px #3a74f6;
}

.group-owner-dashboard input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.group-owner-dashboard .slider.round {
    border-radius: 34px;
}

.group-owner-dashboard .slider.round:before {
    border-radius: 50%;
}

.lms-unauthorized {
    margin: 50px;
    text-align: center;
    padding: 50px;
    font-size: xx-large;
    background-color: #ffbfbf;
    color: #676161;
}

div#report-table_wrapper {
    width: 100%;
}

.group-owner-dashboard h3 {
    margin-top: 24px;
}

.group-owner-dashboard {
    font-size: 14px;
}

.group-owner-dashboard .report-filters {
    margin-top: 30px;
}


.group-owner-dashboard .report-filters select {
    font-size: 14px;
}

.group-owner-dashboard .report-filters select+select {
    margin-left: 10px;
}

.group-owner-dashboard div#report-table_length {
    float: left;
}

.group-owner-dashboard .dt-buttons {
    text-align: end;
    margin-bottom: 24px;
}

.group-owner-dashboard .two-col-outer {
    padding-top: 0;
}

.group-owner-dashboard div#report-table_filter label {

    float: right;
}

.group-owner-dashboard select,
.group-owner-dashboard ul.pagination {
    font-family: 'Inter';
}

.group-owner-dashboard .dataTables_info {
    float: left;
    font-family: 'Inter';
    padding: 3px !important;
}

.group-owner-dashboard {
    margin-bottom: 40px !important;
}

.group-owner-dashboard .dataTables_length {
    font-family: 'Inter';
    float: left;
}

div#report-table_filter {
    font-family: 'Inter';
}

/* Owner/group leader dashboard styles ends */
.menu-for-login-user {
    display: none;
}