table.neo-grid {
    .neo-grid-fixed-header {
        position: fixed;
        z-index: 3;
    }

    th {
        position: relative;

        &.column-sortable {
            cursor: pointer;
        }

        &.column-is-sorted {
            padding-right: 22px;
        }

        .column-sort-icon {
            position: absolute;
            margin-top: 4px;
            right: 5px;
        }
    }

    tr.neo-item-deleting {
        td {
            text-decoration: line-through;
            opacity: 0.5;

            .form-control {
                text-decoration: line-through;
            }
        }
    }

    .number-col {
        text-align: right;
    }
    .date-col {
        text-align: center;

        input {
            text-align: center; 
        }
    }
    .boolean-col {
        text-align: center;

        .form-check {
            display: inline-block;
        }
    }

    .col-align-left {
        text-align: left; 
        input {
            text-align: left; 
        }
    }
    .col-align-center {
        text-align: center; 
        input {
            text-align: center; 
        }
    }
    .col-align-right {
        text-align: right; 
        input {
            text-align: right; 
        }
    }

    .neo-grid-button-column {
        width: 1px;
        white-space: nowrap;

        > .btn + .btn {
            margin-left: 0.5rem;
        }
        > .btn-group + .btn {
            margin-left: 0.5rem;
        }
        > .btn + .btn-group {
            margin-left: 0.5rem;
        }
    }
    td.neo-grid-button-column {
        text-align: right;
    }

    .neo-grid-expand-column {
        width: 1px;
        white-space: nowrap;
    }

    td.neo-child-row-cell {

        div.neo-child-row-container {
            transition: max-height 0.3s ease;
        }
    }

    td.truncate-text {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

div.data-scroller {
    position: relative;
    
    &.scroll {
        padding-right: 17px;
    }

    .scroller {
        position: absolute;
        overflow-x: hidden;
        overflow-y: scroll;
        width: 17px;
        height: 100%;
        right: 0;
        top: 0;
    }
}