/* Android app table design; font sizes remain in the website's custom.css. */
.liverates_sec > .container > .row {
    margin-right: 0;
    margin-left: 0;
}

.rate-page-intro a {
    color: #69161e;
    text-decoration: underline;
}

[data-rate-tabs] {
    --rate-maroon: #69161e;
    --rate-gold: #cb8e2a;
    --rate-band: #e8e7ea;
}

[data-rate-tabs] .rate-surface {
    margin-bottom: 15%;
    background: #fff;
    color: #000;
}

[data-rate-tabs] .rate-market-band {
    padding: 10px 2%;
    background: var(--rate-band);
}

[data-rate-tabs] .rate-market-band:empty {
    display: none;
}

[data-rate-tabs] .rate-market-cards {
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 2px 0;
}

[data-rate-tabs] .rate-market-cards td {
    padding: 0;
    vertical-align: top;
}

[data-rate-tabs] .rate-market-cards > tbody > tr > td {
    background: #fff;
}

[data-rate-tabs] .rate-market-card {
    width: 100%;
    height: 100%;
    background: #fff;
    text-align: center;
}

[data-rate-tabs] .rate-market-card .Gold_Silver_INR_Label {
    padding: 7px 2px;
    background: var(--rate-maroon);
    color: #fff;
    font-weight: 700;
    overflow-wrap: anywhere;
}

[data-rate-tabs] .rate-market-card .Gold_Silver_INR_Rates {
    padding: 7px 2px;
    color: #000;
    font-weight: 700;
    overflow-wrap: anywhere;
}

[data-rate-tabs] .rate-card-range {
    display: block;
    color: #000;
    font-weight: 500;
}

[data-rate-tabs] .rate-details {
    padding: 9px 2% 0;
}

[data-rate-tabs] .rate-columns {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    background: var(--rate-gold);
    color: #fff;
    text-align: center;
}

[data-rate-tabs] .rate-columns td {
    padding: 3px 5px;
}

[data-rate-tabs] .rate-columns td:first-child {
    padding-left: 10px;
    text-align: left;
}

[data-rate-tabs] .rate-columns-coins td {
    padding-top: 10px;
    padding-bottom: 10px;
}

[data-rate-tabs] .rate-product-row {
    width: 100%;
    table-layout: fixed;
    margin-top: 10px;
    border: 1px solid var(--rate-gold);
    border-radius: 3% / 18%;
    border-collapse: separate;
    border-spacing: 0;
    background: #fff;
    color: #000;
    line-height: 15px;
    text-align: center;
}

[data-rate-tabs] .rate-product-row td {
    padding-top: 8px;
    padding-bottom: 8px;
    vertical-align: middle;
}

[data-rate-tabs] .rate-product-row .buy_sell_label {
    text-align: left;
    overflow-wrap: anywhere;
}

[data-rate-tabs] .rate-product-row-coins .buy_sell_label {
    padding-top: 15px;
    padding-bottom: 15px;
    font-weight: 500;
}

[data-rate-tabs] .rate-product-row .Rates_BuySell_span,
[data-rate-tabs] .rate-product-row .HighLow_span {
    display: block;
    font-weight: 600;
}

[data-rate-tabs] .rate-product-row .HighLow_span {
    margin-top: 2px;
}

[data-rate-tabs] .rate-product-row [data-scrip-code] {
    cursor: pointer;
}

[data-rate-tabs] .rate-product-row:has(tr:hover),
[data-rate-tabs] .rate-product-row:has(tr:focus-visible) {
    border-color: var(--rate-maroon);
}

[data-rate-tabs] .rate-product-row tr:focus-visible {
    outline: 2px solid var(--rate-maroon);
    outline-offset: 3px;
}

[data-rate-tabs] .rate-empty {
    margin: 10px 0 0;
    padding: 18px 12px;
    color: #011d28;
    text-align: center;
}