table {
    /* background-color: black; */
    /* color: Gainsboro; */
    color: rgb(166, 166, 166);
    width: 100%;
    font-family: monospace;
    font-size: 14px;
    border-collapse: collapse;
}

/* Fixed width for first column (column 0) */
table td:first-child,
table th:first-child {
    width: 80px;
    /* adjust as needed */
    max-width: 75px;
    overflow: hidden;
    /* prevent overflow text */
    text-overflow: ellipsis;
    /* show ... for overflow */
    white-space: nowrap;
    /* keep text in one line */
}

table td:nth-child(4),
table td:nth-child(7) {
    color: #cccccc;
}

/* Target the 5th <td> and <th> in each row */
table th:nth-child(11),
table td:nth-child(11) {
    width: 40px;
    /* default width */
    max-width: 35px;
    /* maximum width */
    overflow: hidden;
    /* hide overflow text */
    text-overflow: ellipsis;
    /* optional: show "..." when text is cut */
    white-space: nowrap;
    /* prevent text from wrapping */
}


table tr:nth-child(even) {
    background-color: #000;
}

table tr:nth-child(odd) {
    background-color: #111;
}

th,
td {
    /* border: 1px solid black; */
    /* border-top: 0.1px solid #333;
    border-bottom: 0.1px solid #333; */

    /* border-left: none; */
    /* border-right: none; */
    font-size: 16px;
    padding: 3px 2px;
    text-align: center;
    /* border: 1px solid #333; */
    /* subtle dark border */
    position: relative;
    /* enable stacking context */
}

th {
    background-color: rgb(70, 130, 180);
    color: rgb(38, 38, 38);
    /* color: whitesmoke; */
    /* color: rgb(198, 219, 235); */
    white-space: nowrap;
    /* keep text in one line */
    overflow: hidden;
    /* hide overflow */
    text-overflow: ellipsis;
    /* show "..." for overflow */
    max-width: 60px;
    /* adjust based on your column */
    font-size: 12px;
    padding: 6px 2px;
    border: 0.2px solid #c8dbea;
}

td.name {
    text-align: left;
    /* color: rgb(74, 134, 232); */
    color: #0087cb;
    /* color: rgb(107, 172, 233); */
}

/* tr[data-swtype="PUT"] td.name { */
tr[data-swtype="PUT"] td:first-child {
    text-align: left;
    /* color: rgb(247, 59, 59); */
    color: #dd6841;
}

/* 
tr[data-issuer="Maybank"] td:first-child {
    background-color: #1a1f00;
}

tr[data-issuer="KENANGA"] td:first-child {
    background-color: #032200;
} */


/* .parent-table tbody tr:hover td {
    box-shadow:
        inset 0 0.75px 0 yellow,
        inset 0 -0.75px 0 yellow;
    cursor: pointer;
} */

/* tr.selected {
      background-color: #cce5ff;
    } */
tr.selected td {
    /* border-top: 2px solid lightyellow; */
    /* border-bottom: 2px solid lightyellow; */
    /* outline: 1px solid orange; */
    /* outline-offset: -1px; */
    box-shadow:
        inset 0 0.75px 0 rgb(255, 255, 0, 0.8),
        /* top line */
        inset 0 -0.75px 0 rgb(255, 255, 0, 0.8);
    /* bottom line */

}


/* tr {
    position: relative;
} */
/* 
tr:hover::after {
    content: attr(data-tooltip);
    position: absolute;
    left: 0;
    top: -25px;
    background: #b11919;
    color: #fff;
    padding: 3px 6px;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
} */