/* Sticky for the Call and Put header row */
.option-chain-header {
    position: sticky;
    top: -1px;
    /* Adjust this based on the height of your already sticky top bar */
    background-color: #ffffff;
    z-index: 1;
}

/* Sticky for the Strike column */
.strike-column {
    position: sticky;
    left: 0;
    background-color: #ffffff;
    z-index: 9;
}

/* Sticky for the OI column headers */
.oi-header {
    position: sticky;
    top: -1px;
    /* Same offset as header */
    background-color: #ffffff;
    z-index: 10;
}

/* If you want individual sticky cells like for CALLS and PUTS columns */
.calls-header,
.puts-header {
    position: sticky;
    top: 60px;
    background-color: #d4f0d4;
    /* or the color you want */
    z-index: 10;
}

.spot-chip {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    background-color: rgb(220, 38, 38);
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.125rem 0.5rem;
    border-radius: 9999px;
    border: 1px solid rgb(187 247 208);
    white-space: nowrap;
}

.ltpData {
    margin-top: 10px;
}

.option-chain-container>table tbody tr:hover {
    background: #F0F0F2
}

.option-chain-container>table tbody tr:hover td {
    color: #000000
}

.w-full {
    width: 100%;
}