.data-action-block{
    height: 32px;   /* Needed to add placeholder space when btns are hidden */
    padding-top: 4px;
}
.data-action-block .data-action-btns{
    display: flex;
    flex-direction: row-reverse;
}
.data-action-block .table-btns{
    margin-top: -25px;
    display: inline-block;
}
.data-action-block .table-btns button.md-button{
    min-width: 28px;
    margin-right: 0px;
}
.data-action-block .table-btns button.md-button i{
    font-size: 1.5em;
}
.table-filter-wrapper {
    margin-left: 17px;
}
.table-filter-wrapper input{
    border-radius: 5px;
    margin-top: 6px;
    padding-left: 4px;
}
.grid-table-ctrl{
    margin-bottom: 6px;
    display: inline-block;
}

.grid-table-ctrl-child{
    display: inline;
}

/* to wrap long columns in ag-grid table */
.ag-cell.grid-cell-wrap{
    white-space: pre-wrap;
}

md-dialog.grid-options-popup{
    width: 40%;
    min-width: 300px;
    max-width: 500px;
}

.hide-header-text .ag-header-cell-text {
    display: none;
}

.ag-theme-balham.ag-basic {
    width: 100%;
    height: 500px;
}
.in-cell-editor{
    margin-left: 10px;
    cursor: pointer;
}
.ag-cell .in-cell-float-editor{
    float: right;
    cursor: pointer;
    line-height: 26px;  /* same as that of ag-grid's ag-theme-balham */
}
.grid-autorefresh{
    display: inline;
    position: absolute;
    z-index: 1;
}
.grid-autorefresh > .grid-ar-checkbox-wrapper{
    display: inline-block;
    margin-bottom: 8px;
}
.grid-autorefresh > .grid-ar-dropdown-wrapper{
    display: inline-block;
    margin-top: -6px;
}
.grid-autorefresh > .grid-ar-dropdown-wrapper > md-input-container{
    margin: 0px 0px 0px 10px;
}
.comma-separated-row .comma-separated-record::after{
    content: ', ';
}
.comma-separated-row .comma-separated-record:last-child::after{
    content: '';
}