/* --- Role Permissions table fix --- */
.permissions-wrap {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

.table.permissions {
    table-layout: fixed;
    min-width: 1200px; /* adjust if more columns */
    white-space: nowrap;
}

    .table.permissions th,
    .table.permissions td {
        vertical-align: middle;
        padding: .5rem .75rem;
    }

        .table.permissions th.sticky-col,
        .table.permissions td.sticky-col {
            position: sticky;
            left: 0;
            z-index: 2;
            background: #fff;
            box-shadow: 2px 0 0 rgba(0,0,0,.03);
        }

    .table.permissions thead th {
        position: sticky;
        top: 0;
        z-index: 3;
        background: #f8f9fc;
        border-bottom: 2px solid #e3e6f0;
    }

    .table.permissions input[type="checkbox"] {
        position: static !important;
        transform: none !important;
        margin: 0;
    }

    .table.permissions td.perm-cell {
        text-align: center;
        width: 56px;
    }