#wdm-edwiserreports {
    &[data-editing="1"] {
        #learnerblock {
            .graph-header-background {
                display: none;
            }
        }
    }
    &[data-editing="0"] {
        #learnerblock {
            background: white;
            border-radius: 0.25rem;
            background: transparent;
            box-shadow: none;
            border: none;
            .panel-header {
                display: none !important;
            }
            .panel {
                background: transparent;
                padding: 0 !important;
            }
            .learner-graphs {
                .graph-container {
                    box-shadow: 0 7px 14px 0 rgba(59, 65, 94, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07);
                    background: white;
                    border-radius: .25rem;
                    height: 100%;
                }
                >div {
                    margin-bottom: 2rem;
                }
            }
        }
        [data-block="learnerblock"] {
            padding: 0 !important;
            margin: -1.5rem 0 0 0!important;
        }
    }
    @media (min-width: 992px) {
        .col-lg-4,
        .col-lg-6 {
            #learnerblock {
                [class*="-graphs"] {
                    .col-md-6 {
                        width: 100%;
                        flex: 0 0 100%;
                        max-width: 100%;
                    }
                }
            }
        }
    }
    @media (max-width: 992px) {
        #learnerblock {
            [class*="-graphs"] {
                .col-md-6 {
                    width: 100%;
                    flex: 0 0 100%;
                    max-width: 100%;
                }
            }
        }
    }
    #learnerblock {
        .graph-header {
            position: relative;
            .graph-header-background {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                opacity: 0.15;
            }
        }
        .timespentonlms,
        .courseprogress {
            .apexcharts-tooltip {
                max-width: 300px;
                white-space: normal;
            }
        }
        .learner-graphs {
            .graph {
                min-height: 370px;
            }
        }
        #learner-calendar {
            color: #76838f;
            &::after {
                color: #76838f;
            }
        }
    }
}