/************************************

        ARTICLE STYLES
        
************************************/
.tableWrapper {
        table {
            border-collapse: collapse;
            margin: 0;
            overflow: hidden;
            table-layout: fixed;
            width: 100%;
            border-style: hidden;
            td, th {
                border: 1px solid #ced4da;
                box-sizing: border-box;
                min-width: 1em;
                padding: 3px 5px;
                position: relative;
                vertical-align: top;
                > * {
                    margin-bottom: 0;
                }
            }

            th {
                background-color: #f1f3f5;
                font-weight: bold;
                text-align: left;
            }

            .selectedCell:after {
                background: rgba(214, 200, 255, 0.1);
                border: 1px solid #6E63FA;
                content: "";
                left: -1px;
                /* Adjusted to span the border */
                right: -1px;
                /* Adjusted to span the border */
                top: -1px;
                /* Adjusted to span the border */
                bottom: -1px;
                /* Adjusted to span the border */
                pointer-events: none;
                position: absolute;
            }

            .column-resize-handle {
                background-color: #6E63FA;
                bottom: -2px;
                position: absolute;
                right: -1px;
                pointer-events: none;
                top: 0;
                width: 2px;
            }

            p {
                margin: 0;
            }
        }
    }

    .tableWrapper {
        overflow-x: auto;
        border: 1px solid #ced4da;
        border-radius: 4px;
    }

    .resize-cursor {
        cursor: ew-resize;
        cursor: col-resize;
    }