.custom-table .percentage-change-redcolor {
    color: var(--color-error);
}

.custom-table .percentage-change-greencolor {
    color: var(--color-success);
}

.custom-table .cust-row-td-greencolor {
    color: var(--color-success);
}

.custom-table .cust-row-td-redcolor {
    color: var(--color-error);
}

table {
    border-collapse: separate;
    text-indent: initial;
    border-spacing: 2px;
    width: 100%;
}

td {
    display: table-cell;
    vertical-align: inherit;
    unicode-bidi: isolate;
}

.custom-table {
    max-height: 250px;
    height: auto;
    overflow-y: scroll;
}

.mtop10 {
    margin-top: 40px;
}

.custom-table .optiontable {
    border-collapse: collapse;
}

.optiontable .option-table {
    width: 100%;
}

.text-align-center {
    text-align: center;
}

.table,
th,
td {
    border: 1px solid var(--color-gray-15);
    border-collapse: collapse;
}

.custom-table .cust-rowspan .text-align-center {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: var(--color-dark-gray-1);
    text-transform: capitalize;
}

.custom-table .cust-rowspan .text-align-center:first-child {
    border-top: 1px solid var(--light-cool-gray);
    border-bottom: 1px solid var(--light-cool-gray);
    border-left: 1px solid var(--light-cool-gray);
    background: var(--color-off-white);
}

.custom-table td {
    color: var(--color-dark-gray-6);
    background-color: var(--color-light-gray-5);
    border-bottom: 2px solid var(--color-white);
}

.custom-table td,
th {
    text-align: center;
    padding: 8px 5px;
    font-size: 13px;
    font-weight: 400;
}

.cust-first-titlerow td {
    width: 10%;
}

.custom-table .optiontable td,
th {
    padding: 8px 5px;
    font-size: 13px;
}

.custom-table .th-light-bg {
    border-top: 1px solid var(--light-cool-gray);
    border-bottom: 1px solid var(--light-cool-gray);
    background: var(--color-soft-off-white);
}

.custom-table .cust-first-titlerow td {
    background-color: var(--color-off-white);
}

.cust-first-titlerow td.td-dark-bgfirstrow {
    width: 16%;
}

td.tablerecord-odd {
    width: 10%;
}

td.tablerecord-even {
    width: 10%;
}

.custom-table .td-dark-bg {
    background: var(--color-light-gray-7);
    width: 16%;
}

.options-derivative-overview .common-scroll-v::-webkit-scrollbar {
    width: 8px;
}

.options-derivative-overview .common-scroll-v::-webkit-scrollbar-thumb {
    border-radius: 5px;
}

.options-derivative-overview .data-box{
    margin-top: 24px;
}

.options-derivative-overview-title {
    text-align: center;
}

@media (width <= 768px) {
    .option-derivative-desk {
        display: none;
    }

    .custom-table {
        max-height: 250px;
        height: auto;
        overflow-y: scroll;
    }
}

@media (width > 768px) {
    .option-derivative-mob {
        display: none;
    }
}