/* Minification failed. Returning unminified contents.
(65,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(66,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(67,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
/* Wallet Center 錢包餘額 */
#app #WalletCenter-wallet-detail {
    box-shadow: none !important;
}

#app #WalletCenter-wallet-detail .v-card {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

#app #WalletCenter-wallet-detail .v-card__text {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

#app #WalletCenter-wallet-detail .v-card .v-data-table {
    border-radius: 6px !important;
}

/* Wallet Center Text Styles */
#app .walletcenter-wallet-text {
    color: #000000;
}

#app .walletcenter-balance-text {
    color: #000000;
}

/* Light Mode Overrides for Wallet Center */
.light-mode #app .walletcenter-wallet-text {
    color: #667B8B;
}

.light-mode #app .walletcenter-balance-text {
    color: #2CB986;
}

/* Wallet Components */
#app .wallet-refresh-icon {
    color: #0077FF;
}

/* Light Mode Overrides for Wallet Components */
.light-mode #app .right-box-transfer-back {
    color: #1D3F97;
    background: #A6CFFF;
    border-color: #1C55A9;
}

.light-mode #app .wallet-refresh-icon {
    color: #0A94D0;
}

#app .member-center-d .main-action {
    background: #FFF !important;
}

#app .member-center-d .main-action .main-link .action-link{
    color: #000000 !important;
}

:root {
    --member-center-transfer-icon: url("/CdnRedirect/Web.Mobile/_Common/2.0/images/color/gold/view/MemberCenter/icon_withdraw.png");
    --member-center-deposit-icon: url("/CdnRedirect/Web.Mobile/_Common/2.0/images/color/gold/view/MemberCenter/icon_deposit.png");
    --member-center-withdraw-icon: url("/CdnRedirect/Web.Mobile/_Common/2.0/images/color/gold/view/MemberCenter/icon_withdraw.png");
}

/* Manual Transfer Dialog */
/* Base Styles */
#app .v-dialog .v-card .v-card__text .container .manual-transfer-card {
    position: relative;
    height: 85px;
    border-radius: 6px;
    border: 0.8px solid #000000;
}

#app .v-dialog .v-card .v-card__text .container .manual-transfer-display-name {
    position: absolute;
    width: 42px;
    height: 10px;
    top: 20.1px;
    left: 18.5px;
    font-family: Inter;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    text-align: left;
    color: #000000;
}

#app .v-dialog .v-card .v-card__text .container .manual-transfer-display-name-center {
    position: absolute;
    width: 100px;
    height: 10px;
    top: 20.1px;
    font-family: Inter;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    text-align: center;
    color: #000000;
}

#app .v-dialog .v-card .v-card__text .container .manual-transfer-balance {
    position: absolute;
    width: 100px;
    height: 15.71px;
    top: 52.18px;
    font-family: Inter;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    text-align: center;
    color: #000000;
}

#app .v-dialog .v-card .v-card__text .container .manual-transfer-select-btn {
    position: absolute;
    width: 35px;
    height: 17px;
    top: 17.11px;
    left: 82.38px;
    border: 1px solid #0077FF;
    border-radius: 4px;
    font-family: Inter;
    font-size: 12px;
    font-weight: 700;
    line-height: 14.52px;
    text-align: center;
    color: #0077FF;
}

#app .v-dialog .v-card .v-card__text .container .manual-transfer-select-btn-icon {
    position: absolute;
    top: 15px;
    right: 10px;
    color: #000000;
    font-size: 25px;
}

/* Light Mode Overrides for Manual Transfer */
.light-mode #app .v-dialog .v-card .v-card__text .container .manual-transfer-card {
    background: #CCE3FF;
    border: 0.8px solid #FFF;
}

.light-mode #app .v-dialog .v-card .v-card__text .container .manual-transfer-display-name {
    color: #1D3F97;
}

.light-mode #app .v-dialog .v-card .v-card__text .container .manual-transfer-display-name-center {
    left: 17.5px;
    color: #1D3F97;
}

.light-mode #app .v-dialog .v-card .v-card__text .container .manual-transfer-balance {
    left: 17.5px;
    color: #1D3F97;
}

.light-mode #app .v-dialog .v-card .v-card__text .container .manual-transfer-select-btn {
    border: 1px solid #1C55A9;
    background: #A6CFFF;
    color: #1953A7;
}

.light-mode #app .v-dialog .v-card .v-card__text .container .manual-transfer-select-btn-icon {
    left: 100px;
    color: #1D3F97;
}

/* Transfer Components */
/* Transfer Switch Button Base Styles */
#app .v-dialog .v-card .v-card__text .container .transfer-switch-button {
    display: flex;
    width: 34px;
    height: 35px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    flex-shrink: 0;
    border: 1px solid #0077FF;
    border-radius: 6px;
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    color: #0077FF;
    margin: 10px;
}

/* Transfer Arrow Base Styles */
#app .v-dialog .v-card .v-card__text .container .transfer-arrow {
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    color: #0077FF;
    background-color: transparent;
    border: none;
}

/* Light Mode Overrides for Transfer Components */
.light-mode #app .v-dialog .v-card .v-card__text .container .transfer-switch-button {
    border: none;
    background: #AAC1E3;
    color: #667B8B;
}

.light-mode #app .v-dialog .v-card .v-card__text .container .transfer-arrow {
    color: #667B8B;
}

/*覆蓋scope*/
#app .v-btn.v-btn--has-bg.btn-blue {
    width: 64.5px;
    height: 43.5px;
    background: #FFFFFF !important;
    border-image-source: none !important;
    border: 1px solid #0077FF !important;
    font-family: Inter;
    font-size: 14px;
    font-weight: 700;
    line-height: 16.94px;
    text-align: center;
    color: #0077FF !important;
}

#app .v-card .v-card__text .container input {
    height: 44px;
    top: 26px;
    padding: 8px 16px 8px 16px;
    margin-right: 8px !important;
    gap: 4px;
    border-radius: 4px;
    border: 0.5px solid #000000 !important;
    background: #FFFFFF !important;
    box-shadow: none !important;
    color: #000000 !important;
    text-align: right;
}
/*social login dialog/.social-register-dialog-bg*/
.title-other-login {
    display: none;
}

.social-register-dialog-bg .form-wrap .v-input--checkbox label,
.social-register-dialog-bg .form-wrap .v-input--checkbox i {
    color: #000 !important;
}
    .social-register-dialog-bg .form-wrap .v-input--checkbox label a {
        color: #2084FE !important;
    }
.social-register-dialog-bg .form-wrap .get-otp-btn {
    margin: 0 !important;
    padding: 5px;
    position: absolute;
    top: 50%;
    right: 1%;
    transform: translateY(-50%);
    border-radius: 20px;
    text-align: center;
}
.social-register-dialog-bg .form-wrap .account-rule,
.social-register-dialog-bg .form-wrap .input-wrap.select .v-select__slot .v-select__selections {
    color: #000 !important;
}
.social-register-dialog-bg .form-wrap .input-wrap.select .v-select__slot {
    padding: 0 15% 0 10% !important;
}
.social-register-dialog-bg .form-wrap #submit {
    margin: 10px 0 !important;
}
.social-login-dialog .form-wrap .input-wrap .v-label.v-label--active,
.social-register-dialog-bg .form-wrap .input-wrap .v-label.v-label--active {
    color: #666 !important;
}
.social-login-dialog .form-wrap,
.social-register-dialog-bg .form-wrap {
    width: 100% !important;
}

    .social-login-dialog .form-wrap .input-wrap input,
    .social-login-dialog .form-wrap .input-wrap .v-label,
    .social-register-dialog-bg .form-wrap .input-wrap .v-label,
    .social-register-dialog-bg .form-wrap .input-wrap input {
        padding: 0 15% 0 10% !important;
        border: none !important;
        background: none !important;
        color: #000 !important;
        -webkit-text-fill-color: #000 !important;
    }
.social-register-dialog-bg .v-select.v-input--dense .v-select__selection--comma {
    margin: 0px 4px 3px 0 !important;
}
    .social-login-dialog .form-wrap .input-wrap .v-label,
    .social-register-dialog-bg .form-wrap .input-wrap .v-label {
        color: #5F5F5F !important;
        -webkit-text-fill-color: #5F5F5F !important;
    }
    .social-login-dialog .form-wrap .input-wrap .v-text-field__details,
    .social-register-dialog-bg .form-wrap .input-wrap .v-text-field__details {
        left: 35vw !important;
    }
.social-login-dialog .check_code,
.social-register-dialog-bg .check_code {
    margin-bottom: 30px;
}
.social-login-dialog input:-internal-autofill-selected,
.social-register-dialog-bg input:-internal-autofill-selected {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0), inset 0 0 0 100px rgba(248, 248, 248,1);
}
/* Select Wallet Dialog */
#app .v-dialog .v-card .v-card__text.wallet-select-card-text {
    max-height: 65vh;    
    overflow-y: auto;
}

/* Select Wallet Base Styles */
#app .v-dialog .v-card .v-card__text .container .row .col .select-wallet {
    width: 90px;
    height: 49.99px;
    border: 0.8px solid #0077FF;
    border-radius: 6px;
}

#app .v-dialog .v-card .v-card__text .container .row .col .select-wallet-display-name {
    width: 49px;
    height: 14px;
    font-family: Inter;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
    color: #0077FF;
}

#app .v-dialog .v-card .v-card__text .container .row .col .select-wallet-balance {
    width: 49px;
    height: 14px;
    font-family: Inter;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
    color: #0077FF;
}

#app .v-dialog .v-card .v-card__text .container .row .col .transfer-back-icon {
    color: #FF6B00 !important;
}

/* Light Mode Overrides for Select Wallet */
.light-mode #app .v-dialog .v-card .v-card__text .container .row .col .select-wallet {
    width: 103.43px;
    border: 0.8px solid #FFF;
    background: #CCE3FF;
}

.light-mode #app .v-dialog .v-card .v-card__text .container .row .col .select-wallet-display-name,
.light-mode #app .v-dialog .v-card .v-card__text .container .row .col .select-wallet-balance {
    color: #667B8B;
}
