/* Live Rates table extracted from pargoapp/www/index.html and custom.css. */
.live-rates-page #my-tab {
    --app-rate-gold: #b38d58;
    --app-rate-gold-soft: #f2e9da;
    --app-rate-slate: #2f3f55;
    --app-rate-label: #d5d7da;
    --app-rate-text: #111820;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    color: var(--app-rate-text);
    font-family: var(--pargo-font-ui, "Roboto", "Segoe UI", Arial, sans-serif);
}

.live-rates-page #my-tab *,
.live-rates-page #my-tab *::before,
.live-rates-page #my-tab *::after {
    box-sizing: border-box;
}

.live-rates-page #my-tab .rg-rate-section,
.live-rates-page #my-tab .Trending_Table_Root,
.live-rates-page #my-tab .Trending_Table_Child1,
.live-rates-page #my-tab .Trending_Table_Child2,
.live-rates-page #my-tab #gvData_top3,
.live-rates-page #my-tab #gvData,
.live-rates-page #my-tab #gvData_bottom2 {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.live-rates-page #my-tab .Trending_Table_Root {
    border-collapse: collapse !important;
    table-layout: fixed;
}

/* App top boxes. */
.live-rates-page #my-tab #gvData_top3 .table1001,
.live-rates-page #my-tab #gvData_bottom2 .table1001 {
    width: 100% !important;
    table-layout: fixed !important;
    border-collapse: separate !important;
    border-spacing: 5px 0 !important;
}

.live-rates-page #my-tab #gvData_top3 .table1001 > tbody > tr > td {
    width: 33.333% !important;
    padding: 0 !important;
    vertical-align: top !important;
}

.live-rates-page #my-tab #gvData_bottom2 .table1001 > tbody > tr > td {
    width: 50% !important;
    padding: 0 !important;
    vertical-align: top !important;
}

.live-rates-page #my-tab table.goldd {
    width: 100% !important;
    min-height: 94px;
    overflow: hidden;
    table-layout: fixed !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background: #ffffff !important;
    border: 0 !important;
    border-radius: 10px !important;
    box-shadow: rgba(99, 99, 99, 0.2) 0 2px 8px 0 !important;
}

.live-rates-page #my-tab table.goldd td {
    padding: 3px 4px !important;
    background: transparent;
    border: 0 !important;
    color: var(--app-rate-text) !important;
    text-align: center !important;
}

.live-rates-page #my-tab table.goldd tr:first-child td,
.live-rates-page #my-tab .top3-heading {
    height: 30px !important;
    padding: 4px 5px !important;
    background: var(--app-rate-gold) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    text-align: center !important;
}

.live-rates-page #my-tab .top3-label {
    display: block;
    width: 100%;
    overflow: hidden;
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.live-rates-page #my-tab span.top5span,
.live-rates-page #my-tab span.top3span {
    display: inline-block !important;
    padding: 4px 2px !important;
    color: var(--app-rate-text) !important;
    background: transparent !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 1.1 !important;
    font-variant-numeric: tabular-nums;
}

.live-rates-page #my-tab .top3-range,
.live-rates-page #my-tab .top3-hl-high,
.live-rates-page #my-tab .top3-hl-low {
    color: #333a43 !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
}

/* App product rows. */
.live-rates-page #my-tab #gvData table.tt_33 {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 5px 0 !important;
}

.live-rates-page #my-tab #gvData table.res_mob_font_width {
    width: 100% !important;
    margin: 0 0 10px !important;
    overflow: hidden;
    table-layout: fixed !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background: #ffffff !important;
    border: 0 !important;
    border-radius: 10px !important;
    box-shadow: rgba(99, 99, 99, 0.2) 0 2px 8px 0 !important;
}

.live-rates-page #my-tab #gvData table.res_mob_font_width > tbody > tr > td {
    height: 54px !important;
    padding: 4px 5px !important;
    vertical-align: middle !important;
    background: #ffffff !important;
    border: 0 !important;
    color: var(--app-rate-text) !important;
    text-align: center !important;
}

.live-rates-page #my-tab #gvData table.res_mob_font_width > tbody > tr > td:first-child,
.live-rates-page #my-tab #gvData .scriptname_bg {
    width: 44% !important;
    padding: 5px 7px !important;
    background: var(--app-rate-gold-soft) !important;
    border-radius: 5px 0 0 5px !important;
    text-align: left !important;
    vertical-align: middle !important;
}

.live-rates-page #my-tab #gvData table.res_mob_font_width > tbody > tr > td:nth-child(2),
.live-rates-page #my-tab #gvData table.res_mob_font_width > tbody > tr > td:nth-child(3) {
    width: 28% !important;
}

.live-rates-page #my-tab #gvData .heading {
    display: block;
    width: 100%;
    min-height: 26px;
    margin: 0 0 3px !important;
    padding: 3px 6px !important;
    overflow: hidden;
    background: var(--app-rate-slate) !important;
    border-radius: 5px !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    letter-spacing: 0.01em;
    text-align: center !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.live-rates-page #my-tab #gvData .heading span {
    color: #ffffff !important;
    font-size: inherit !important;
    font-weight: inherit !important;
}

.live-rates-page #my-tab #gvData span.buy_sell_label,
.live-rates-page #my-tab #gvData .buy_sell_label {
    display: block !important;
    width: 100%;
    margin: 0 0 3px !important;
    padding: 2px 3px !important;
    background: var(--app-rate-label) !important;
    color: #111111 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    opacity: 1 !important;
}

.live-rates-page #my-tab #gvData span.top55span,
.live-rates-page #my-tab #gvData span.rate-value {
    display: inline-block !important;
    min-width: 0;
    padding: 2px !important;
    background: transparent !important;
    color: var(--app-rate-text) !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 1.05 !important;
    font-variant-numeric: tabular-nums;
}

.live-rates-page #my-tab #gvData span.sell,
.live-rates-page #my-tab #gvData span.bloc_GS,
.live-rates-page #my-tab #gvData span.bloc_GS1 {
    color: #111111 !important;
    font-size: 10px !important;
    font-weight: 500 !important;
}

.live-rates-page #my-tab #gvData .scrip-row-icon,
.live-rates-page #my-tab #gvData .boxImg,
.live-rates-page #my-tab #gvData .boxImg1 {
    max-width: 28px;
    max-height: 28px;
    object-fit: contain;
}

@media (max-width: 575.98px) {
    .live-rates-page .div-spott {
        padding-right: 6px !important;
        padding-left: 6px !important;
    }

    .live-rates-page #my-tab #gvData_top3 .table1001,
    .live-rates-page #my-tab #gvData_bottom2 .table1001,
    .live-rates-page #my-tab #gvData table.tt_33 {
        border-spacing: 3px 0 !important;
    }

    .live-rates-page #my-tab table.goldd tr:first-child td,
    .live-rates-page #my-tab .top3-heading {
        font-size: 12px !important;
    }

    .live-rates-page #my-tab span.top5span,
    .live-rates-page #my-tab span.top3span,
    .live-rates-page #my-tab #gvData span.top55span,
    .live-rates-page #my-tab #gvData span.rate-value {
        font-size: 18px !important;
    }

    .live-rates-page #my-tab #gvData .heading {
        font-size: 13px !important;
    }

    .live-rates-page #my-tab #gvData span.buy_sell_label,
    .live-rates-page #my-tab #gvData .buy_sell_label {
        font-size: 11px !important;
    }
}