@import "../../../variables";

.cxb-reports{
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 40%;
    min-width: 40%;
    padding-right: .4rem;
    overflow: hidden;
}

.cxs-reports-collapsed{
    width: auto;
    min-width: auto;
}

.cxe-reports-nav{
    width: 40%;
    min-width: 40%;
}

.cxb-grid.cxm-reportnav{
    height: 100%;
    td{
        border-top: none;
    }
}

.cxb-reportFilter{
    padding-left: .4rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;

    .cxb-reportFilter-title{
        padding: .3rem 1rem;
        background-color: $ascentII-color-light;
        //font-weight: bold;
        font-size: 15px;
    }

    .cxb-heading{
        padding-top: 5px;
    }

    .cxb-lookupfield{
        width: 100%;
    }

    .cxb-reportFilter-form{
        display: flex;
        flex-direction: column;
        overflow: auto;
        padding: .4rem .2rem 0.4rem .2rem;

        & > .cxb-section:not(:last-child){
            margin-bottom: .6rem;
        }
    }
}

.cxb-section.cxm-report{
    .cxe-section-header{
        padding: 0;
        cursor: pointer;
        &:hover{
            background: darken($base-back-color, 5);
        }
    }
}

.cxb-generatedReports{
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.cxe-generatedReports-form{
    display: flex;
    width: 100%;
    height: 100%;
    padding: .5rem .5rem 0 .5rem;
    overflow: hidden;
}

.cxe-generatedReports-aside{
    display: flex;
    flex-direction: column;
    padding-right: .5rem;
    width: 13rem;
    min-width: 13rem;
}

.cxe-generatedReports-listHeader{
    padding: .5rem .3rem;
    background: $base-back-color;
}