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

.cxs-documentstatus-active{
    .cxe-textfield-input {
        font-weight: bold;
        color: $base-blue-color;
    }
}

.cxs-documentstatus-draft{
    .cxe-textfield-input {
        font-weight: bold;
        color: $base-green-color;
    }
}

.cxs-documentstatus-retired{
    .cxe-textfield-input {
        font-weight: bold;
        color: $base-green-color;
    }
}

.cxm-dsActive {
    .cxe-textfield-input {
        font-weight: bold;
        color: $base-green-color;
    }
}
.cxb-flexbox.cxm-ledgerToolbar{
    //padding: .5rem;
    padding: 0.2rem .5rem;
    margin-bottom: .3rem;
    width: 100%;
    height: 70px;
    min-height: 70px;
    box-shadow: 0 1px 2px 0 $base-border-color;
    flex-wrap: wrap;
    background-color: $base-back-color;
    overflow-x: auto;
    overflow-y: hidden;
}

.cxm-dsRetired {
    .cxe-textfield-input {
        font-weight: bold;
        color: $base-red-color;
    }
}

.cxb-journalPageToolbarFields{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 5px;
}

.cxe-journalPageToolbarFieldsLayout{

    .cxe-labelstoplayout-label,
    .cxe-labelstoplayout-field{

    }

    .cxe-labelstoplayout-label{
        vertical-align: middle;
        padding-top:0;
    }

    .cxb-textfield{
        width: 90px;
    }

    .cxb-label{
        text-align: center;
        width: 100%;
        background: $ascentII-color-light;
        //box-shadow: 0 1px 2px 0 $base-border-color;
        padding: 0.2rem;
        font-weight: bold;
        border-width: 0;
        //color: $ascentII-color-dark;
    }
    .cxe-textfield-input{
        text-align: center;
        box-shadow: 0 1px 2px 1px $base-border-color;
        border-width: 0;
    }
}

.cxb-button.cxm-journalPageButton{
    height: auto;
    width: 60px;
    border-radius: 5px;

    &:not(:disabled){
        .fa{
            opacity: .85;
        }

        &:hover{
            font-weight: bold;
            .fa{
                opacity: 1;
            }
            background-color: transparent;
            box-shadow: 0px 0px 2px 1px $base-border-color;
        }
    }

    .fa{
        font-size: 24px;
        padding-bottom: 1px;
    }

    &:disabled{
        color: $base-font-color;
        opacity: .4;
    }
}

.cxb-button.cxm-ledgerList{
    color: $base-font-color-light;
    //background-color: white;
    width: auto;

    .fa{
        font-size: initial;
    }
}