#glLine {
    width: 100%;
    overflow-x: auto;
    padding: 0;
}

    /* grid scroll area */
    #glLine .k-grid-content {
        overflow-y: auto;
        overflow-x: auto;
        max-height: calc(100vh - 260px);
        width: 100%;
        max-width: 100%;
    }

    /* responsive table */
    #glLine table {
        width: 100%;
        min-width: 700px;
        table-layout: fixed;
    }

    /* tbody */
    #glLine tbody {
        color: #6a6e71;
        font-family: sans-serif;
        border: none;
    }

        #glLine tbody td {
            border-width: 0;
            word-break: break-word;
        }

    /* header */
    #glLine thead th {
        padding: 5px !important;
        font-weight: bold;
        white-space: nowrap;
    }

    /* amount column */
    #glLine thead .amt-col,
    #glLine tbody .amt-col {
        text-align: right;
        padding-right: 10px !important;
    }

    /* footer */
    #glLine .k-grid-footer table {
        table-layout: fixed;
        width: 100%;
    }

    #glLine .k-grid-footer td,
    #glLine .diff-row td,
    #glLine .net-bal-row td {
        font-weight: bold;
        color: black;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    /* footer colors */
    #glLine .k-grid-footer td {
        background-color: #f0f4c3 !important;
    }

    #glLine .diff-row td {
        background-color: #ffd699 !important;
    }

    #glLine .net-bal-row td {
        background-color: #c8e6c9 !important;
    }

    /* responsive widths */
    #glLine colgroup col:nth-child(1),
    #glLine colgroup col:nth-child(3) {
        width: 35% !important;
    }

    #glLine colgroup col:nth-child(2),
    #glLine colgroup col:nth-child(4) {
        width: 15% !important;
    }

    /* divider */
    #glLine thead th:nth-child(2),
    #glLine tbody td:nth-child(2),
    #glLine .k-grid-footer td:nth-child(2),
    #glLine .diff-row td:nth-child(2) {
        border-right: 2px solid #999 !important;
    }

    /* sticky H rows */
    #glLine tr.h-row-header {
        position: sticky;
        z-index: 2;
    }

        #glLine tr.h-row-header td {
            position: sticky;
            background-color: #d4e6df !important;
            z-index: 2;
            font-weight: bold;
            cursor: pointer;
            padding-top: 8px !important;
            padding-bottom: 8px !important;
        }

/* text alignment */
.h-right-text {
    text-align: right;
}

.h-grid-comn-hdr {
    text-align: center !important;
}

/* row styles */
.h-grid-col.h-grid-levelD {
    color: black;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
}

.h-grid-col.h-grid-levelL {
    padding-left: 25px;
    padding-right: 5px;
    color: #6a6e71;
}

/* expand icon */
.expand-icon {
    display: inline-block;
    margin-right: 5px;
    font-size: 10px;
    color: #555;
    transition: transform 0.2s;
}

/* fieldset */
.fieldset-border {
    border: solid 1px #c2c2c2;
    padding: 0 10px 6px;
    margin-bottom: 5px;
    margin-top: 10px !important;
}


@media (max-width: 768px) {

    #glLine .k-grid-content {
        max-height: calc(100vh - 180px);
    }

    #glLine table {
        min-width: 600px;
    }

    #glLine thead th,
    #glLine tbody td {
        font-size: 12px;
        padding: 4px !important;
    }

    .h-grid-col.h-grid-levelL {
        padding-left: 15px;
    }
}