/* Repairs for the existing Yashoda template and its original trading forms. */
.live-rates-table { width: 100%; table-layout: fixed; border-collapse: collapse; color: #24130c; }
.live-rates-table th { width: 28%; padding: 12px 4px; color: #fff8e9; background: #5d3406; text-align: center; font-size: 16px; font-weight: 700; }
.live-rates-table th:first-child { width: 44%; padding-left: 12px; text-align: left; }
table.live-rates-table > tbody > tr > td { padding: 12px 4px; border-bottom: 1px solid #b99d76; vertical-align: middle; font-size: 18px; }
.live-rates-table .live-rate-product { padding-left: 12px; text-align: left; overflow-wrap: anywhere; font-weight: 600; }
.live-rates-table .live-rate-quote { text-align: center; font-variant-numeric: tabular-nums; }
.live-rate-price { display: inline-block; padding: 3px 6px; white-space: nowrap; border-radius: 5px; }
.live-rate-price.rate-up { color: #fff; background: #126b32; }
.live-rate-price.rate-down { color: #fff; background: #ad1823; }
@media (max-width: 575px) {
    table.live-rates-table > tbody > tr > td { font-size: 16px; padding: 10px 2px; }
    .live-rates-table .live-rate-product { padding-left: 8px; }
    .live-rate-price { padding-inline: 3px; }
}
#header #mainNav { flex-wrap: wrap; }
#header #mainNav > li > a { padding-inline: 10px; }
#mainNav .dropdown:focus-within > .dropdown-menu { display: block; opacity: 1; visibility: visible; }
#mainNav a:focus-visible, .trading-page a:focus-visible, .trading-page button:focus-visible,
.trading-page input:focus-visible, .trading-page select:focus-visible {
    outline: 2px solid #5d3406 !important;
    outline-offset: 3px;
}
[data-rate-code] { cursor: pointer; }
[data-rate-code]:focus-visible { outline: 2px solid #5d3406; outline-offset: -2px; }
.trading-page .ui-page, .trading-page [data-role="page"] {
    position: relative !important;
    min-height: 0 !important;
    width: 100%;
    display: block;
    background: transparent;
}
.trading-page input, .trading-page select {
    font-size: 16px !important;
    min-height: 40px;
    max-width: 100%;
}
.trading-page .ui-content { overflow: visible; }
.trading-page #wrapper { position: relative; height: auto !important; overflow: auto; }
.trading-page #scroller { position: relative; width: 100%; }
.trading-page #ScripCode, .trading-page #ScripName, .trading-page #OrderNo,
.trading-page #price { width: 100% !important; min-width: 0; }
.trading-page [data-role="button"], .trading-page .trade-action {
    display: inline-block;
    padding: 10px 15px;
    margin: 8px 4px;
    min-height: 44px;
    border: 0;
    border-radius: 10px;
    font: inherit;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
}
.trading-page .trade-action.buy { color: #fff; background: #0000a8; }
.trading-page .trade-action.sell { color: #fff; background: #b00000; }
.trading-page button:disabled, .trading-page [aria-disabled="true"] { opacity: .55; cursor: wait; }
.trading-status { margin: 12px 0; padding: 10px; color: #3c1a11; background: #fff4db; font-size: 16px; line-height: 1.5; }
.trading-error { color: #8c1818; background: #fff0ed; }
.trading-page #gvData td { overflow-wrap: anywhere; }
.trading-page #gvData { font-size: 16px; color: #24130c; }
.trading-page #header #openaccountbtn, .trading-page #header #loginbtn { display: none !important; }
.trading-page #gvData button { min-height: 40px; }
.trading-page #gvData button { font: inherit; margin: 4px; padding: 6px 8px; }
.trading-page .order-list-title { margin: 0; font-size: 20px; line-height: 1.5; }
.trading-page table.order-list-table { width: 100%; table-layout: fixed; border-collapse: collapse; }
.order-list-table .order-product-column { width: 40%; }
.order-list-table .order-side-column { width: 12%; }
.order-list-table .order-quantity-column { width: 18%; }
.order-list-table .order-price-column { width: 30%; }
.trading-page table.order-list-table th,
.trading-page table.order-list-table td { padding: 12px 8px; vertical-align: middle; font-size: 16px; line-height: 1.5; }
.trading-page table.order-list-table th { color: #fff8e9; background: #5d3406; font-weight: 700; border: 0; }
.trading-page table.order-list-table td { color: #24130c; border-bottom: 1px solid #a98c63; vertical-align: top; }
.trading-page table.order-list-table .order-product { text-align: left; overflow-wrap: anywhere; }
.trading-page table.order-list-table .order-side { text-align: center; font-weight: 600; }
.trading-page table.order-list-table .order-quantity { text-align: center; font-variant-numeric: tabular-nums; white-space: nowrap; }
.trading-page table.order-list-table .order-price { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; overflow-wrap: normal; }
.trading-page .order-list-table .order-edit-action { margin: 8px 0 0; padding: 6px 8px; min-height: 44px; max-width: 100%; border: 1px solid #5d3406; border-radius: 4px; color: #3c1a11; background: #fff8e9; font-size: 14px; line-height: 1.4; white-space: normal; }
@media (max-width: 575px) {
    .order-list-table .order-product-column { width: 35%; }
    .order-list-table .order-quantity-column { width: 15%; }
    .order-list-table .order-price-column { width: 38%; }
    .trading-page table.order-list-table th,
    .trading-page table.order-list-table td { padding: 12px 4px; }
}
.trading-page #name, .trading-page #mobile, .trading-page #otp { color: #fff; }
.trading-page #name::placeholder, .trading-page #mobile::placeholder, .trading-page #otp::placeholder { color: #f5ded5; opacity: 1; }
.trading-page #MarketOrderWindowQuantity, .trading-page #PendingOrderWindowQuantity { margin: 16px 0; }
.trading-page .quote-stale { opacity: .5; }
.trade-confirmation { margin: 18px auto; padding: 16px; max-width: 38rem; border: 1px solid #5d3406; background: #fff8e9; color: #3c1a11; }
.trade-confirmation p { color: inherit; margin-bottom: 8px; }
@media (max-width: 991px) {
    #header #mainNav > li > a { min-height: 44px; }
    #mainNav .dropdown-menu { position: static; float: none; }
}

/* Consistent menu colors override both of the original theme skins. */
#header #mainNav > li > a {
    display: inline-flex;
    align-items: center;
    padding-inline: 8px;
    color: #3c1a11 !important;
    transition: color 160ms ease, background-color 160ms ease;
}
#header #mainNav > li:hover > a,
#header #mainNav > li:focus-within > a,
#header #mainNav > li > a:hover,
#header #mainNav > li > a:focus-visible,
#header #mainNav > li > a[aria-expanded="true"] {
    color: #fff8e9 !important;
    background-color: #5d3406 !important;
}
#header #mainNav .dropdown-menu {
    background-color: #fff8e9 !important;
    border-color: #5d3406 !important;
}
#header #mainNav .dropdown-menu li > a {
    display: flex;
    align-items: center;
    color: #3c1a11 !important;
    background-color: #fff8e9 !important;
    min-height: 42px;
    transition: color 160ms ease, background-color 160ms ease;
}
#header #mainNav .dropdown-menu li:hover > a,
#header #mainNav .dropdown-menu li:focus-within > a,
#header #mainNav .dropdown-menu li > a:hover,
#header #mainNav .dropdown-menu li > a:focus-visible,
#header #mainNav .dropdown-menu li > a:active {
    color: #fff8e9 !important;
    background-color: #5d3406 !important;
}
#header #mainNav .menu-link-icon {
    position: static;
    display: inline-block;
    flex: 0 0 15px;
    width: 15px;
    margin: 0 6px 0 0;
    color: inherit !important;
    font-size: 13px;
    line-height: 1;
    text-align: center;
    transform-origin: center;
    animation-duration: 4.5s;
    animation-delay: var(--menu-icon-delay, 0s);
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}
#header #mainNav .menu-icon-float { animation-name: menu-icon-float; }
#header #mainNav .menu-icon-pulse { animation-name: menu-icon-pulse; }
#header #mainNav .menu-icon-ring { animation-name: menu-icon-ring; }
#header #mainNav .menu-icon-slide { animation-name: menu-icon-slide; }
#header #mainNav .dropdown-menu .menu-link-icon { animation-play-state: paused; }
#header #mainNav .dropdown:hover > .dropdown-menu .menu-link-icon,
#header #mainNav .dropdown:focus-within > .dropdown-menu .menu-link-icon,
#header #mainNav a[aria-expanded="true"] + .dropdown-menu .menu-link-icon { animation-play-state: running; }
#header.menu-icons-paused #mainNav .menu-link-icon { animation-play-state: paused !important; }
@keyframes menu-icon-float {
    0%, 24%, 100% { transform: translateY(0); }
    12% { transform: translateY(-2px); }
}
@keyframes menu-icon-pulse {
    0%, 26%, 100% { transform: scale(1); }
    13% { transform: scale(1.13); }
}
@keyframes menu-icon-ring {
    0%, 28%, 100% { transform: rotate(0); }
    7%, 21% { transform: rotate(-12deg); }
    14% { transform: rotate(12deg); }
}
@keyframes menu-icon-slide {
    0%, 28%, 100% { transform: translateX(0); }
    9% { transform: translateX(2px); }
    19% { transform: translateX(-2px); }
}
@media (max-width: 991px) {
    #header #mainNav > li > a { display: flex; }
}
@media (prefers-reduced-motion: reduce) {
    #header #mainNav .menu-link-icon { animation: none !important; transform: none !important; }
    #header #mainNav a { transition: none !important; }
}