.revenue-particulars-wrapper, .revenue-figure-wrapper {
    padding: 20px 5px 20px 0px;
}

.revenue-figure-wrapper {
    position: relative;
}

.graph-card-container .chart-summary {
    display: flex;
}

.wisdm-ld-reports-upgrade-to-pro-front {
    background: linear-gradient(0deg, #E5E5E5, #E5E5E5), #FFFFFF;
    border-radius: 4px 0px 0px 4px;
}

.lr-top-tiles{
    max-width: 1440px;
    margin: auto;
}
.wisdm-reports{
    display: flex;
    flex-wrap: wrap;
    max-width: 1440px;
    margin: auto;
}
.wisdm-reports > div{
    width: calc(50% - 50px);
    margin: 25px !important;
}
.wisdm-reports > div > div, .wisdm-reports > div > div > div, .graph-card-container{
    height: 100%;
}
.wisdm-reports > .wp-block-wisdm-learndash-reports-quiz-reports{
    width: 100%;
    min-height: 790px;
}
.wisdm-reports > .wp-block-wisdm-learndash-reports-course-list {
    width: 100%;
}
.wisdm-reports > .wp-block-wisdm-learndash-reports-report-filters{
    width: 100%;
    margin-top: 50px;
}

.lr-top-tiles .lr-tiles-container{
    margin: 0 25px !important;
}
.wisdm-learndash-reports-date-filters {
    margin: 25px;
    margin-top: 0;
}

.wrld-mw-1400{
    max-width: 1400px !important;
}

.lr-top-tiles .block-editor-block-list__block.lr-tiles-container{
    max-width: 100%;
}

.block-editor-block-list__block.wrld-mw-1400 {
    #csr, #lsr{
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

.wrld-xl{
    .lr-tiles-container > .wp-block-column{
        margin-right: 25px !important;
    }
    .total-courses-container .total-courses-details, .total-learners-container .total-learners-details, .pending-assignments-container .pending-assignments-details, .total-revenue-earned-container .total-revenue-earned-details{
        padding-left: 15px;
    }
    .lr-tiles-container{
        > .wp-block-column{
            &:nth-last-child(1){
                margin-right: 0 !important;
            }
        }
        > .wp-block-column[aria-label="Block: Column (4 of 4)"]{
            margin-right: 0 !important;
        }
    }
}

.wrld-lg{
    .lr-tiles-container{
        > .wp-block-column{
            flex-basis: 50% !important;
            max-width: calc(50% - 23px) !important;
            margin-top: 20px !important;
            &:nth-child(even){
                margin-right: 0 !important;
            }
        }
        > .wp-block-column[aria-label="Block: Column (2 of 4)"], > .wp-block-column[aria-label="Block: Column (4 of 4)"]{
            margin-right: 0 !important;
        }
    }

    .graph-card-container .chart-summary{
        flex-direction: column;
    }
    .chart-summary .revenue-figure-wrapper{
        padding-right: 0px;
        margin-right: 0px;
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #E5E5E5;
        border-right: none;
        min-width: auto;
    }

    .wisdm-learndash-reports-course-completion-rate,
    .wisdm-learndash-reports-quiz-completion-rate-per-course,
    .wisdm-learndash-reports-learner-pass-fail-rate-per-course{
        .wisdm-ld-reports-upgrade-to-pro-front{
           .revenue-particulars-wrapper{
                padding-left: 20px;
                padding-top: 10px;
           } 
        }   
    }
    .wisdm-learndash-reports-course-completion-rate .chart-summary .revenue-figure-wrapper, .wisdm-learndash-reports-quiz-completion-rate-per-course .chart-summary .revenue-figure-wrapper, .wisdm-learndash-reports-learner-pass-fail-rate-per-course .chart-summary .revenue-figure-wrapper{
        padding-bottom: 10px;
    }
    .chart-summary .revenue-particulars-wrapper {
        padding-top: 10px;
    }
}


.wrld-m{
    .lr-tiles-container{
        > .wp-block-column{
            flex-basis: 50% !important;
            max-width: calc(50% - 23px) !important;
            margin-top: 20px !important;
            &:nth-child(even){
                margin-right: 0 !important;
            }
        }
        > .wp-block-column[aria-label="Block: Column (2 of 4)"], > .wp-block-column[aria-label="Block: Column (4 of 4)"]{
            margin-right: 0 !important;
        }
    }
    .wisdm-reports > div{
        width: calc(100% - 50px);
    }
    
    .wisdm-learndash-reports-report-filters{ 
        flex-wrap: wrap;
        > .selector{
            min-width: 200px;
            margin-top: 15px;
            width: calc(50% - 20px);
            flex: auto;

        } 
        > .lr-apply{
            margin-left: auto; 
            margin-right: 20px;
            margin-top: 20px; 
            flex: 0 0 150px;
            min-width: auto;
        } 
        .selector-label{
            margin-bottom: 5px;
        }
        .course-report-by{
            margin-bottom: 0;
        } 
        label.lsr{
            margin-right: 0;
        }
    }
    .wisdm-learndash-reports-report-filters .upgrade-message-container .upgrade-message-wrap,
    .wisdm-learndash-reports-report-filters .upgrade-message-container .upgrade-message-wrap button{
        height: auto;
    }
    .wisdm-learndash-reports-report-filters .upgrade-message-container .upgrade-message-wrap{
        padding-top: 10px;
        padding-bottom: 10px;
        flex-wrap: wrap;
        justify-content: center;
        text-align: left;
        line-height: 25px;
    }
    .learner-specific-course-reports{
        margin-top: 15px !important;
    }
}

.wrld-s{
    .lr-tiles-container{
        > .wp-block-column{
            flex-basis: 50% !important;
            max-width: calc(50% - 23px) !important;
            margin-top: 20px !important;
            margin-right: 45px !important;
            &:nth-child(even){
                margin-right: 0 !important;
            }
        }
        > .wp-block-column[aria-label="Block: Column (2 of 4)"], > .wp-block-column[aria-label="Block: Column (4 of 4)"]{
            margin-right: 0 !important;
        }
    }
    .wisdm-reports > div{
        width: calc(100% - 50px);
    }
    .graph-card-container .chart-summary{
        flex-direction: column;
    }
    .chart-summary .revenue-figure-wrapper{
        padding-right: 0px;
        margin-right: 0px;
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #E5E5E5;
        border-right: none;
        min-width: auto;
    }
    .wisdm-ld-reports-title{
        display: none;
    }
    .wisdm-learndash-reports-date-filters-container {
        justify-content: flex-end;
        margin-right: 25px;
    }
    .wisdm-learndash-reports-course-completion-rate,
    .wisdm-learndash-reports-quiz-completion-rate-per-course,
    .wisdm-learndash-reports-learner-pass-fail-rate-per-course{
        .wisdm-ld-reports-upgrade-to-pro-front{
           .revenue-particulars-wrapper{
                padding-left: 20px;
                padding-top: 10px;
           } 
        }   
    }
    .wisdm-learndash-reports-course-completion-rate .chart-summary .revenue-figure-wrapper, .wisdm-learndash-reports-quiz-completion-rate-per-course .chart-summary .revenue-figure-wrapper, .wisdm-learndash-reports-learner-pass-fail-rate-per-course .chart-summary .revenue-figure-wrapper{
        padding-bottom: 10px;
    }

    .wisdm-learndash-reports-report-filters{ 
        flex-wrap: wrap;
        > .selector{
            min-width: 200px;
            margin-top: 15px;

        } 
        > .lr-apply{
            margin-left: auto; 
            margin-right: 20px;
            margin-top: 20px; 
        } 
        .selector-label{
            margin-bottom: 5px;
        }
        .course-report-by{
            margin-bottom: 0;
        } 
        label.lsr{
            margin-right: 0;
        }
    }
    .wisdm-learndash-reports-report-filters .upgrade-message-container .upgrade-message-wrap,
    .wisdm-learndash-reports-report-filters .upgrade-message-container .upgrade-message-wrap button{
        height: auto;
    }
    .wisdm-learndash-reports-report-filters .upgrade-message-container .upgrade-message-wrap{
        padding-top: 10px;
        padding-bottom: 10px;
        flex-wrap: wrap;
        justify-content: center;
        text-align: left;
        line-height: 25px;
    }
    .wisdm-learndash-reports-report-filters .upgrade-message-container .upgrade-message-wrap .upgrade_button{
        margin-top: 5px;
    } 
    .custom-filters .help-section, .quiz-report-filters-wrapper .quiz-eporting-filter-section.default-filters{
        margin-left: 0;
    }
    .quiz-reporting-custom-filters{
        margin-left: 0;
    }
    .quiz-eporting-filter-section > .quiz-reporting-custom-filters{
        margin-right: 0;
    }
    .filter-button-container{
        padding-right: 0;
    }
    .filter-button-container button.button-quiz-preview{
        margin-right: 0;
    }
}

.wrld-xs{
    .lr-tiles-container{
        > .wp-block-column{
            flex-basis: 100% !important;
            max-width: calc(100%) !important;
            margin-top: 20px !important;
            margin-right: 0 !important;
        }

    }
    .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:only-child){
        flex-basis: 100% !important;
    }
    .wisdm-reports > div{
        width: calc(100% - 50px);
    }
    .graph-card-container .chart-summary{
        flex-direction: column;
    }
    .chart-summary .revenue-figure-wrapper{
        padding-right: 0px;
        margin-right: 0px;
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #E5E5E5;
        border-right: none;
        min-width: auto;
    }
    .wisdm-ld-reports-title{
        display: none;
    }
    .wisdm-learndash-reports-date-filters-container {
        justify-content: flex-end;
        margin-right: 25px;
    }

    .wisdm-learndash-reports-course-completion-rate,
    .wisdm-learndash-reports-quiz-completion-rate-per-course,
    .wisdm-learndash-reports-learner-pass-fail-rate-per-course{
        .wisdm-ld-reports-upgrade-to-pro-front{
           .revenue-particulars-wrapper{
                padding-left: 20px;
                padding-top: 10px;
           } 
        }   
    }

    .course-list-table-header{
        .chart-title{
            display: none;
        }
    }

    .wisdm-learndash-reports-chart-block .react-tabs__tab-list .react-tabs__tab--disabled{
        padding: 7px 11px;
        .dashicons-lock{
            width: 15px;
            height: 15px;
        }
    }

    .wisdm-learndash-reports-chart-block .react-tabs__tab-list li{
        padding: 9px 11px;
    }

    .wisdm-learndash-reports-course-completion-rate .chart-summary .revenue-figure-wrapper, .wisdm-learndash-reports-quiz-completion-rate-per-course .chart-summary .revenue-figure-wrapper, .wisdm-learndash-reports-learner-pass-fail-rate-per-course .chart-summary .revenue-figure-wrapper{
        padding-bottom: 10px;
    }

    .wisdm-learndash-reports-report-filters{ 
        flex-wrap: wrap;
        > .selector{
            flex: 0 0 100%; 
            margin-top: 15px;
            margin-right: 0;
        } 
        > .lr-apply{
            margin-left: auto; 
            margin-right: 0; 
            margin-top: 20px; 
        }

        .selector-label{
            margin-bottom: 5px;
        } 
        .course-report-by{
            margin-bottom: 0;
            flex-wrap: wrap;
            > label{
                width: calc(100% - 40px);
                margin-bottom: 20px;
                margin-right: 0;
            }
            > input{
                margin-bottom: 20px;
            }
        } 
    }
    .wisdm-learndash-reports-report-filters .upgrade-message-container .upgrade-message-wrap,
    .wisdm-learndash-reports-report-filters .upgrade-message-container .upgrade-message-wrap button{
        height: auto;
    }
    .wisdm-learndash-reports-report-filters .upgrade-message-container .upgrade-message-wrap{
        padding-top: 10px;
        padding-bottom: 10px;
        flex-wrap: wrap;
        justify-content: center;
        text-align: left;
        line-height: 25px;
    }
    .wisdm-learndash-reports-report-filters .upgrade-message-container .upgrade-message-wrap .upgrade_button{
        margin-top: 5px;
    } 
    .custom-filters .help-section, .quiz-report-filters-wrapper .quiz-eporting-filter-section.default-filters{
        margin-left: 0;
        flex-wrap: wrap;
    }

    .quiz-eporting-filter-section.default-filters .selector.search-input{
        flex: 0 0 100%;
    }
    .quiz-report-filters-wrapper .quiz-eporting-filter-section.default-filters > .selector .apply-filters button{
        margin-left: 0;
        margin-top: 10px;
    }
    .quiz-reporting-custom-filters{
        margin-left: 0;
    }
    .quiz-eporting-filter-section > .quiz-reporting-custom-filters{
        margin-right: 0;
    }
    .filter-button-container{
        flex-wrap: wrap;
        padding: 0;
    }
    .filter-button-container button{
        padding: 10px 20px;
        width: 100%;
        flex: 0 0 100%;
        margin: 0;
        margin-bottom: 10px;
    }
    .filter-button-container button.button-quiz-preview{
        margin-right: 0;
    }
    .quiz-report-filters-wrapper .quiz-report-types{
        flex-wrap: wrap;
    } 

    .wisdm-learndash-reports-report-filters-for-users.learner-specific-course-reports{
        flex-wrap: wrap;
    } 

    .wisdm-learndash-reports-report-filters-for-users.learner-specific-course-reports .lr-learner{
        flex: 0 0 100%;
    }

    .wisdm-learndash-reports-report-filters-for-users.learner-specific-course-reports .lr-learner + .selector{
        margin-left: 0;
        margin-top: 10px;
    }

    .wisdm-learndash-reports-chart-block .react-tabs__tab{
        min-width: 120px;
    }

    .quiz-report-types >label{
        width: calc(100% - 40px);
        margin-bottom: 20px;
        margin-right: 0;
    }
    .quiz-report-types >input{
        margin-bottom: 20px;
    }

    .quiz-eporting-filter-section > .quiz-reporting-custom-filters{
        flex-wrap: wrap;
    }

    .quiz-eporting-filter-section > .quiz-reporting-custom-filters > .selector{
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    
}