/* _content/trader-vip.Mobile.SSR/Components/Componentize/SearchAccountComponent/SearchAccount.razor.rz.scp.css */
.search-account #searchaccount_dropdown_menu[b-7gmnqceeta] {
    z-index: 1001;
}

.search-account .empty-account[b-7gmnqceeta] {
    border: 1px solid #FF2844;
}

.dropdown-account[b-7gmnqceeta] {
    background: var(--base-backdrop-color);
    border-radius: 6px;
    width: 215px;
    height: 26px;
}
/* _content/trader-vip.Mobile.SSR/Components/Layout/MainLayout.razor.rz.scp.css */
.main-container[b-bs8nuvmtid] {
    border-radius: 10px;
    background-color: var(--base-background-color);
}

main[b-bs8nuvmtid] {
    flex: 1;
}

.body-background[b-bs8nuvmtid] {
    background: var(--base-backdrop-color);
}

html[b-bs8nuvmtid] {
    touch-action: none;
}

.main-layout[b-bs8nuvmtid] {
    width: auto;
    background-color: var(--base-background-color);
    position: relative;
    display: flex;
    flex-direction: column;
}

.success-background[b-bs8nuvmtid] {
    background: var(--secondary-up-color);
}

.danger-background[b-bs8nuvmtid] {
    background: var(--secondary-down-color);
}
/* _content/trader-vip.Mobile.SSR/Components/Layout/NavMenu.razor.rz.scp.css */
.nav-button[b-mdns75pncs] {
    background-color: var(--base-background-color);
    color: var(--base-font-color);
    border: none;
    /*border-radius: 5px;*/
}

    .nav-button:hover[b-mdns75pncs] {
        border-bottom: 1.5px solid var(--finance-color);
        color: var(--finance-color);
    }

.active[b-mdns75pncs] {
    border-bottom: 1.5px solid var(--finance-color);
    color: var(--finance-color);
}

.nav-button:active[b-mdns75pncs] {
    border-bottom: 1.5px solid var(--finance-color);
    color: var(--finance-color);
}

.back-button[b-mdns75pncs] {
    color: #4084eb;
}

.back-symbol[b-mdns75pncs] {
    font-size: 1.5em;
}

.sticky-top[b-mdns75pncs] {
    background: var(--base-background-color);
}
/* _content/trader-vip.Mobile.SSR/Components/Layout/RefreshPageView.razor.rz.scp.css */
#content[b-0yuuvtgbu4] {
    height: 8%;
    width: 15%;
    background-color: transparent;
    position: fixed;
    top: 0; /* Set the top property to 0 to position it at the very top */
    left: 50%; /* Set left to 50% to center it horizontally */
    transform: translateX(-50%); /* Use transform to center it exactly */
    z-index: 99999999999999;
}

.loader[b-0yuuvtgbu4] {
    margin: auto;
    width: 50px;
    height: 50px;
    border: 5px solid #f3f3f3;
    border-top: 5px solid #b3b2b1;
    border-radius: 50%;
    animation: spin-b-0yuuvtgbu4 1s linear infinite;
    display: none;
}

.refresh-container[b-0yuuvtgbu4] {
    margin-top: 0;
    padding: 15px; /* Padding set to 20 pixels */
    display: none; /* Initially hide the refresh container */
    background-color: #F9FAFB;
}

    .refresh-container.loading[b-0yuuvtgbu4] {
        display: block; /* Show the refresh container when loading */
    }

        .refresh-container.loading .loader[b-0yuuvtgbu4] {
            display: block; /* Show the loader when the loading class is present */
            padding: 5px;
        }


@keyframes spin-b-0yuuvtgbu4 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/* _content/trader-vip.Mobile.SSR/Components/Pages/OrderPageComponent/OrderDetails.razor.rz.scp.css */
.top-container[b-oo1iftbkvg] {
    box-shadow: -1px 1px 5px 0px rgba(199,193,193,0.75);
    -webkit-box-shadow: -1px 1px 5px 0px rgba(199,193,193,0.75);
    -moz-box-shadow: -1px 1px 5px 0px rgba(199,193,193,0.75);
    background: var(--base-background-color);
}

.orders-button[b-oo1iftbkvg] {
    border: none;
    background-color: var(--base-background-color);
}

.card-container[b-oo1iftbkvg] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 101px);
    background: var(--base-backdrop-color);
}

.card-body[b-oo1iftbkvg] {
    border-radius: 6px;
}

.card[b-oo1iftbkvg] {
    display: flex;
    justify-content: space-between;
    background-color: var(--base-background-color);
    flex-direction: column;
    overflow: hidden;
    border: none;
    cursor: pointer;
    overflow-y: scroll;
    height: calc(100vh - 190px);
}

.card[b-oo1iftbkvg]::-webkit-scrollbar {
    display: none;
}


.sticky-button[b-oo1iftbkvg] {
    position: -webkit-sticky;
    position: sticky;
    bottom: 5px;
    padding: 0;
    width: 100%;
}

.bottom-sheet[b-oo1iftbkvg] {
    position: fixed;
    bottom: -100%;
    left: 0;
    width: 100%;
    height: auto;
    background-color: var(--base-background-color);
    border-radius: 12px 12px 0 0;
    transition: bottom 0.3s ease-in-out;
    box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.2);
}

.tradepage-container-prompt[b-oo1iftbkvg] {
    width: 100%;
    position: absolute;
}

.prompt-popup[b-oo1iftbkvg] {
    position: absolute;
    bottom: 50%;
    width: 100%;
    width: 240px;
    background-color: var(--base-background-color);
    border-radius: 6px;
    box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.2);
}

.prompt-popup-container[b-oo1iftbkvg] {
    background: #00000080;
    z-index: 100 !important;
}

.open[b-oo1iftbkvg] {
    bottom: 6px;
}

.open-keyboard[b-oo1iftbkvg]{
    bottom: 230px;
}

.success[b-oo1iftbkvg] {
    background: var(--secondary-finance-color);
    background-image: url(/image/success-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    height: 40px;
    border-radius: 6px;
}

.failed[b-oo1iftbkvg] {
    background: var(--accent-shade);
    background-image: url(/image/failed-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    height: 40px;
    border-radius: 6px;
}

.input-modify[b-oo1iftbkvg] {
    background: var(--base-input-background-color);
    border-radius: 6px;
    border: none;
    height: 36px;
}

.button-default[b-oo1iftbkvg], .button-success[b-oo1iftbkvg], .button-danger[b-oo1iftbkvg], .button-finance[b-oo1iftbkvg], .button-accent[b-oo1iftbkvg] {
    height: 36px;
}
/* _content/trader-vip.Mobile.SSR/Components/Pages/OrderPageComponent/OrderPage.razor.rz.scp.css */
.orders-park-button[b-hzoqh3grlo] {
    background: var(--secondary-finance-color);
    color: var(--finance-color);
    border: none;
    border-radius: 6px;
    height: 28px;
}

.orders-park-button-default[b-hzoqh3grlo] {
    background: none;
    color: var(--base-font-color);
    border: none;
    border-radius: 6px;
    height: 28px;
}

.orders-scroll[b-hzoqh3grlo] {
    overflow-y: scroll;
}

.orders-scroll[b-hzoqh3grlo]::-webkit-scrollbar {
    display: none;
}

.success[b-hzoqh3grlo] {
    background: var(--secondary-finance-color);
    background-image: url(/image/search-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    height: 40px;
    border-radius: 6px;
}

.card[b-hzoqh3grlo] {
    border-radius: 6px;
}

.card-body[b-hzoqh3grlo]{
    padding: 0px 20px;
}

.lds-roller[b-hzoqh3grlo] {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.lds-roller div[b-hzoqh3grlo] {
    animation: lds-roller-b-hzoqh3grlo 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    transform-origin: 40px 40px;
}

.lds-roller div[b-hzoqh3grlo]:after {
    content: " ";
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--finance-color);
    margin: -4px 0 0 -4px;
}

.lds-roller div:nth-child(1)[b-hzoqh3grlo] {
    animation-delay: -0.036s;
}

.lds-roller div:nth-child(1)[b-hzoqh3grlo]:after {
    top: 63px;
    left: 63px;
}

.lds-roller div:nth-child(2)[b-hzoqh3grlo] {
    animation-delay: -0.072s;
}

.lds-roller div:nth-child(2)[b-hzoqh3grlo]:after {
    top: 68px;
    left: 56px;
}

.lds-roller div:nth-child(3)[b-hzoqh3grlo] {
    animation-delay: -0.108s;
}

.lds-roller div:nth-child(3)[b-hzoqh3grlo]:after {
    top: 71px;
    left: 48px;
}

.lds-roller div:nth-child(4)[b-hzoqh3grlo] {
    animation-delay: -0.144s;
}

.lds-roller div:nth-child(4)[b-hzoqh3grlo]:after {
    top: 72px;
    left: 40px;
}

.lds-roller div:nth-child(5)[b-hzoqh3grlo] {
    animation-delay: -0.18s;
}

.lds-roller div:nth-child(5)[b-hzoqh3grlo]:after {
    top: 71px;
    left: 32px;
}

.lds-roller div:nth-child(6)[b-hzoqh3grlo] {
    animation-delay: -0.216s;
}

.lds-roller div:nth-child(6)[b-hzoqh3grlo]:after {
    top: 68px;
    left: 24px;
}

.lds-roller div:nth-child(7)[b-hzoqh3grlo] {
    animation-delay: -0.252s;
}

.lds-roller div:nth-child(7)[b-hzoqh3grlo]:after {
    top: 63px;
    left: 17px;
}

.lds-roller div:nth-child(8)[b-hzoqh3grlo] {
    animation-delay: -0.288s;
}

.lds-roller div:nth-child(8)[b-hzoqh3grlo]:after {
    top: 56px;
    left: 12px;
}

@keyframes lds-roller-b-hzoqh3grlo {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/* _content/trader-vip.Mobile.SSR/Components/Pages/OrderPageComponent/ParkOrderDetails.razor.rz.scp.css */
.top-container[b-qei7c4gmui] {
    box-shadow: -1px 1px 5px 0px rgba(199,193,193,0.75);
    -webkit-box-shadow: -1px 1px 5px 0px rgba(199,193,193,0.75);
    -moz-box-shadow: -1px 1px 5px 0px rgba(199,193,193,0.75);
    background: var(--base-background-color);
}

.orders-button[b-qei7c4gmui] {
    border: none;
    background-color: var(--base-background-color);
}

.card-container[b-qei7c4gmui] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 101px);
    background: var(--base-backdrop-color);
}

.card-body[b-qei7c4gmui] {
    border-radius: 6px;
}

.card[b-qei7c4gmui] {
    display: flex;
    justify-content: space-between;
    background-color: var(--base-background-color);
    flex-direction: column;
    overflow: hidden;
    border: none;
    cursor: pointer;
    overflow-y: scroll;
    height: calc(100vh - 190px);
}

.card[b-qei7c4gmui]::-webkit-scrollbar {
    display: none;
}

.sticky-button[b-qei7c4gmui] {
    position: -webkit-sticky;
    position: sticky;
    bottom: 5px;
    padding: 0;
    width: 100%;
}

.bottom-sheet[b-qei7c4gmui] {
    position: fixed;
    bottom: -100%;
    left: 0;
    width: 100%;
    height: auto;
    background-color: var(--base-background-color);
    border-radius: 12px 12px 0 0;
    transition: bottom 0.3s ease-in-out;
    box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.2);
}

.tradepage-container-prompt[b-qei7c4gmui] {
    width: 100%;
    position: absolute;
}

.prompt-popup[b-qei7c4gmui] {
    position: absolute;
    bottom: 50%;
    width: 100%;
    width: 240px;
    background-color: var(--base-background-color);
    border-radius: 6px;
    box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.2);
}

.prompt-popup-container[b-qei7c4gmui] {
    background: #00000080;
    z-index: 100 !important;
}

.open[b-qei7c4gmui] {
    bottom: 6px;
}

.open-keyboard[b-qei7c4gmui] {
    bottom: 230px;
}

.success[b-qei7c4gmui] {
    background: var(--secondary-finance-color);
    background-image: url(/image/success-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    height: 40px;
    border-radius: 6px;
}

.failed[b-qei7c4gmui] {
    background: var(--accent-shade);
    background-image: url(/image/failed-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    height: 40px;
    border-radius: 6px;
}

.input-modify[b-qei7c4gmui] {
    background: var(--base-input-background-color);
    border-radius: 6px;
    border: none;
    height: 36px;
}

.button-default[b-qei7c4gmui], .button-success[b-qei7c4gmui], .button-danger[b-qei7c4gmui], .button-finance[b-qei7c4gmui], .button-accent[b-qei7c4gmui] {
    height: 36px;
}
/* _content/trader-vip.Mobile.SSR/Components/Pages/PortfolioPageComponent/PortfolioDetails.razor.rz.scp.css */
.top-container[b-xcjec7m3l2] {
    box-shadow: -1px 1px 5px 0px rgba(199,193,193,0.75);
    -webkit-box-shadow: -1px 1px 5px 0px rgba(199,193,193,0.75);
    -moz-box-shadow: -1px 1px 5px 0px rgba(199,193,193,0.75);
    background: var(--base-background-color);
}

.container[b-xcjec7m3l2] {
    background: var(--base-backdrop-color);
}

.portfolio-button[b-xcjec7m3l2] {
    border: none;
    background-color: var(--base-background-color);
}

.portfolio-scroll[b-xcjec7m3l2] {
    overflow-y: scroll;
    height: calc(100vh - 253px);
}


.portfolio-scroll[b-xcjec7m3l2]::-webkit-scrollbar {
    display: none;
}

.deposit-icon[b-xcjec7m3l2] {
    background-image: url(/image/deposit-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    height: 30px;
}

.withdraw-icon[b-xcjec7m3l2] {
    background-image: url(/image/withdraw-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    height: 30px;
}

.card[b-xcjec7m3l2] {
    border-radius: 6px;
}

.card-header[b-xcjec7m3l2] {
    border: none;
    background: var(--base-background-color);
}

.border-bottom-success[b-xcjec7m3l2] {
    border-bottom: 1px solid var(--secondary-up-color);
}

.border-bottom-danger[b-xcjec7m3l2] {
    border-bottom: 1px solid var(--secondary-down-color);
}

@keyframes placeholderGlow-b-xcjec7m3l2 {
    0% {
        background-position: 100% 0;
    }

    100% {
        background-position: -100% 0;
    }
}

.placeholder-glow[b-xcjec7m3l2]::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.8), transparent);
    background-size: 200% 100%;
    animation: placeholderGlow-b-xcjec7m3l2 1.5s linear infinite;
}
/* _content/trader-vip.Mobile.SSR/Components/Pages/PortfolioPageComponent/PortfolioPage.razor.rz.scp.css */
.card-container[b-u79rxvmoki] {
    display: flex;
    flex-direction: column;
}

.card-header[b-u79rxvmoki] {
    background-color: var(--secondary-finance-color);
    border: none;
    border-radius: 6px 6px 0 0 !important;
}

.card-body[b-u79rxvmoki] {
    border-radius: 0 0 6px 6px;
}

.card[b-u79rxvmoki] {
    display: flex;
    justify-content: space-between;
    background-color: var(--base-background-color);
    flex-direction: column;
    overflow: hidden;
    border: none;
    cursor: pointer;
}

.button-finance-purple[b-u79rxvmoki] {
    height: 36px;
}

@keyframes placeholderGlow-b-u79rxvmoki {
    0% {
        background-position: 100% 0;
    }

    100% {
        background-position: -100% 0;
    }
}

.placeholder-glow[b-u79rxvmoki]::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.8), transparent);
    background-size: 200% 100%;
    animation: placeholderGlow-b-u79rxvmoki 1.5s linear infinite;
}
/* _content/trader-vip.Mobile.SSR/Components/Pages/TradePageComponent/TradePage.razor.rz.scp.css */
.stock-info-shadow[b-31gm2phrgu] {
    box-shadow: -1px 1px 5px 0px rgba(199,193,193,0.75);
    -webkit-box-shadow: -1px 1px 5px 0px rgba(199,193,193,0.75);
    -moz-box-shadow: -1px 1px 5px 0px rgba(199,193,193,0.75);
    background: var(--base-background-color);
}

.tradepage-scroll[b-31gm2phrgu] {
    overflow-y: scroll;
    height: calc(100vh - 160px);
}

.tradepage-scroll[b-31gm2phrgu]::-webkit-scrollbar {
    display: none;
}

.chart-button[b-31gm2phrgu] {
    background: var(--secondary-finance-color);
    background-image: url(/image/bar-chart.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 36px;
    border-radius: 6px; 
}

.plus-button[b-31gm2phrgu] {
    background: var(--base-background-color);
    background-image: url(/image/plus-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    height: 24px;
    width: 26px;
    border-radius: 6px;
}

.minus-button[b-31gm2phrgu] {
    background: var(--base-background-color);
    background-image: url(/image/minus-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    height: 24px;
    width: 26px;
    border-radius: 6px;
}

.tradepage-container[b-31gm2phrgu] {
    box-shadow: -1px 1px 5px 0px rgba(199,193,193,0.75);
    -webkit-box-shadow: -1px 1px 5px 0px rgba(199,193,193,0.75);
    -moz-box-shadow: -1px 1px 5px 0px rgba(199,193,193,0.75);
    border-radius: 6px;
    background: var(--base-background-color);
}

.input-transparent[b-31gm2phrgu] {
    background: transparent;
    border: none;
    text-align: end;
}

.input-transparent:focus[b-31gm2phrgu] {
    border: none;
}

.sticky-button[b-31gm2phrgu] {
    position: -webkit-sticky;
    position: sticky;
    bottom: 5px;
    padding: 0;
    width: 100%;
}

.bottom-sheet[b-31gm2phrgu] {
    position: fixed;
    bottom: -100%;
    left: 0;
    width: 100%;
    height: auto;
    background-color: var(--base-background-color);
    border-radius: 12px 12px 0 0;
    transition: bottom 0.3s ease-in-out;
    box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.2);
}

.tradepage-container-prompt[b-31gm2phrgu] {
    width: 100%;
    position: absolute;
}

.prompt-popup[b-31gm2phrgu] {
    position: absolute;
    bottom: 40%;
    width: 100%;
    width: 240px;
    background-color: var(--base-background-color);
    border-radius: 6px;
    box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.2);
}

.prompt-popup-container[b-31gm2phrgu] {
    background: #00000080;
    z-index: 100 !important;
}

.open[b-31gm2phrgu] {
    bottom: 0;
}

.closed[b-31gm2phrgu] {
    bottom: -100%;
}

.success[b-31gm2phrgu] {
    background: var(--secondary-finance-color);
    background-image: url(/image/success-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    height: 40px;
    border-radius: 6px;
}

.failed[b-31gm2phrgu] {
    background: var(--accent-shade);
    background-image: url(/image/failed-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    height: 40px;
    border-radius: 6px;
}

.option[b-31gm2phrgu] {
    width: 310px;
    border-radius: 6px !important;
    position: absolute;
    top: 32px;
    background: var(--base-background-color);
    box-shadow: -1px 1px 5px 0px rgba(199,193,193,0.75);
    -webkit-box-shadow: -1px 1px 5px 0px rgba(199,193,193,0.75);
    -moz-box-shadow: -1px 1px 5px 0px rgba(199,193,193,0.75);
}