.cxb-historyForm {
    display: flex;
    flex-direction: row;
    overflow: hidden;

    .cxe-historyForm-parentArea{
        display: flex;
        flex-direction: column;
    }

    .cxe-historyForm-histories{
        display: flex;
        flex-direction: column;
        flex: 1;
        overflow: hidden;
        padding-left: .4rem;
    }

    .cxe-historyForm-historyArea{
        display: flex;
        flex-direction: row;
        overflow: hidden;
        padding: .2rem;
        height: 100%;
        //padding-left: .4rem;
    }

    .cxe-historyForm-periods {
        display: flex;
        flex-direction: column;
        height: 100%;
        //overflow: hidden;
        width: 13rem;
        min-width: 13rem;
    }

    .cxe-historyForm-form {
        display: flex;
        flex-direction: column;
        overflow: hidden;
        //height: 100%;
        //box-shadow: 1px 0 10px 1px inset lightgrey;
        padding-left: .2rem;
    }
}

.cxb-list.cxm-historyPeriods{
    height: 100%;
    border: 1px solid $base-border-color;
    overflow: auto;

    & > .cxe-list-item.cxs-pad{
        padding: 10px 5px;
    }
}