@import "variables";

.csb-orderlist {
    display: flex;
    flex-direction: column;
}

.cxs-grid-data-editing-record{
    box-shadow: inset 0 0 15px $ascentI-color;
    font-weight: bold;
}

.cxb-grid.cxm-orders {
    //margin: .2rem;

    .cxe-grid-group-footer.cxs-level-undefined{
        td{
            font-size: 110%;
            background-color: $base-grid-header-color;
        }
    }

    td.cxs-pad {
        padding: 5px 8px;
    }

    .cxe-grid-data:nth-child(even):not(.cxs-cursor){
        //background-color: lighten($base-grid-header-color, 5);
    }

    .cxe-grid-fixed-footer{
        background-color: $base-grid-header-color;
        .cxe-grid-group-footer{
            td{
                font-size: 105%;
            }
        }
    }

    .cxe-grid-col-header {
        color: $base-grid-header-font-color;
        background-color: $base-grid-header-color;
        padding: 7px;
        border-color: $base-grid-header-border-color;
        border-bottom-width: 2px;
        font-weight: bold;
        text-align: left !important;
        background-clip: initial;

        .cxe-grid-col-header-tool{
            top: 2px;
            .cxb-icon{
                color: $base-grid-header-border-color;
            }
        }

        &:hover{
            .cxe-grid-col-header-tool{
                .cxb-icon{
                    color: $base-grid-header-font-color;
                }
            }
        }

        &.cxs-grid-column-filtered{
            padding-top: 10px;
        }

        &.cxs-sortable {
            padding-right: 20px;
            padding-left: 8px !important;

            &:hover {
                background-color: darken($base-grid-header-color, 3) !important;
            }
        }

        &.cxs-tool{
            padding-top: 10px;
            padding-right: 25px;
        }

        //&.cxe-grid-column-sort{
        //
        //}

        & > .cxe-grid-column-sort-icon{
            //left: 0;
            display: none;
        }

        /*
        &:not(.cxe-grid-col-header-tool){
            .cxe-grid-column-sort-icon{
                right: 0;
                left: 0px;

            }
        }
        */

        &.cxs-sorted-asc,
        &.cxs-sorted-desc {
            //background-color: darken($base-grid-header-color, 5);
        }
    }

    & > th[colspan]:not([colspan = "1"]){
        background-color: darken($base-grid-header-color, 10);
        font-weight: bold;
        //font-size: 110%;
        text-align: center;
        border-bottom: 0;
    }
}

.cxe-grid-column-sort{
    position: absolute;
    bottom: 2px;
    right: 3px;
    font-size: 10px;
    //font-weight: normal;
    opacity: .8;
}

.cxe-grid-column-filtered{
    position: absolute;
    display: flex;
    top: 1px;
    right: 2px;
    left: 2px;
    background-color: darken($base-grid-header-color, 20);
    height: .5rem;
    align-items: center;
    padding: .2rem;
    border-radius: 2px;
    margin-bottom: 4px;

    .fa {
        color: white;
        font-size: .4rem;
    }
}