@font-face {
    font-family: 'title';
    font-style: normal;
    font-weight: 400;
}

/*@font-face {
  font-family: "gilroy_light";
  src: url("../../web/fonts/gilroy-light.woff");
}
@font-face {
  font-family: "gilroy_bold";
  src: url("../../web/fonts/Gilroy-Bold.ttf");
}
*/
::-webkit-scrollbar {
    display: none;
    /* Chrome Safari */
}

a {
    color: unset;
    border: unset;
    margin: 0px;
    background-color: unset;
    cursor: pointer;
}

a:hover {
    text-decoration: none;
    color: unset;
    border: unset;
    background-color: unset;
}

.standard_link {
    color: var(--btn_txt_txt_activated) !important;
}

body,
html {
    background-color: var(--bg_general);
    padding: 0;
    margin: 0 auto;
    color: var(--txt_content);
    font-family: gilroy_light, Microsoft YaHei, sans-serif;
    font-size: 13px;
}

html {
    height: -webkit-fill-available;
    font-size: 100%;
}

body {
    min-height: 100vh;
    min-height: -webkit-fill-available;
    overflow-x: hidden;
    overflow-y: auto;
}

header {
    background-color: var(--bg_general);
    position: sticky;
    top: 0;
    z-index: 99;
}

header .cs_selector_btn,
header .norification_btn {}

.subpage_header .block_content {
    margin: 10px 16px;
    width: 24px;
    height: 24px;

}

.header .block_content img,
.subpage_header .block_content img {
    width: 24px;
}

.arrow_down_size {
    width: 10px !important;
    /* width: auto !important;*/
}

header .logo {

    height: 30px;
    width: auto !important;
}

input,
select,
a {
    cursor: pointer;
}

label {
    margin-bottom: 10px;
    display: block;
}

input,
select,
textarea {
    width: 100%;
    padding: 9px 15px;

    border: var(--textfield_borderthick_default) solid var(--textfield_border_default);
    background: var(--textfield_bg_default);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: var(--textfield_txt_placeholder);
    font-size: 13px;
    font-weight: var(--textfield_weight_input);
    line-height: 100%;
    border-radius: var(--textfield_radius);
    height: 37px;
    overflow: hidden;
    box-shadow: var(--textfield_innershadow_default);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.form_show input {
    padding: 9px 33px 9px 15px;
}

textarea {
    resize: none;
    height: 100px;
}

select {
    -webkit-appearance: none !important;
    background-image: var(--select_field_arrow);
    background-color: var(--textfield_bg_default);
    background-size: 24px 24px;
    background-position: 98% center;
    background-repeat: no-repeat;
    padding: 9px 15px;
    font-weight: normal;
}

input:focus,
select:focus,
textarea:focus {
    background-color: var(--textfield_bg_focus);
    outline: unset;
    border: var(--textfield_borderthick_focus) solid var(--textfield_border_focus) !important;
    box-shadow: var(--textfield_innershadow_focus);
}

input:-moz-read-only {
    background: var(--textfield_bg_filled);
    border: var(--textfield_borderthick_filled) solid var(--textfield_border_filled);
    color: var(--textfield_txt_placeholder);
    font-weight: var(--textfield_weight_filled);
    font-family: gilroy_bold;
    box-shadow: var(--textfield_innershadow_filled);
}

input:read-only {
    background: var(--textfield_bg_filled);
    border: var(--textfield_borderthick_filled) solid var(--textfield_border_filled);
    font-weight: var(--textfield_weight_filled);
    box-shadow: var(--textfield_innershadow_filled);
    color: var(--textfield_txt_filled);
    font-family: gilroy_bold;
}

input:read-only:focus {
    outline: unset;
    border: var(--textfield_borderthick_filled) solid var(--textfield_border_filled) !important;
}

input::-webkit-input-placeholder {
    line-height: normal !important;
    color: var(--textfield_txt_placeholder);
    font-weight: var(--textfield_weight_placeholder);
}

input::placeholder,
textarea::placeholder {
    line-height: normal !important;
    color: var(--textfield_txt_placeholder);
    font-weight: var(--textfield_weight_placeholder);
}

input:disabled,
input.disabled {
    background: var(--textfield_bg_disabled);
    color: var(--textfield_txt_disabled);
    font-weight: var(--textfield_weight_disabled);
    border: var(--textfield_borderthick_disabled) solid var(--textfield_border_disabled);
    box-shadow: var(--textfield_innershadow_disabled);
}

input.error {
    background: var(--textfield_bg_error);
    color: var(--textfield_txt_error);
    font-weight: var(--textfield_weight_error);
    border: var(--textfield_borderthick_error) solid var(--textfield_border_error);
    box-shadow: var(--textfield_innershadow_error);
}

input.error:focus {
    background: var(--textfield_bg_error_focus);
    border: var(--textfield_borderthick_error_focus) solid var(--textfield_border_error_focus);
    box-shadow: var(--textfield_innershadow_error_focus);
}

.arrow img {
    width: 24px;
}

.wallet_balance,
#deposit_transfer_amount,
#actual_amount,
.vendor_amount,
.all_wallet_balance,
.fee_detail_btn,
#pending_actual_amount,
#pending_receive_amount,
.deposit_amount,
.recommend_amount_area,
.promo_list>.block_content .price,
.mission_board,
.mypromo_list_item li .action_block .price {
    font-family: gilroy_bold;

}

.ui-loader,
.ui-page.ui-page-theme-a {
    display: none !important;
}

.ui-page {
    outline: none !important;

}

.ui-page,
.ui-panel,
.ui-panel-wrapper,
.ui-panel-dismiss {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-page.ui-page-theme-a.ui-page-active {
    display: block !important;
    min-height: auto !important;
}

.fade:not(.show) {
    opacity: 1 !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.modal-dialog {
    min-height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.modal-header .close {
    padding: 12px 5px;
    margin: -1rem -1rem -1rem auto;
}

.modal-header {
    border-bottom: 0;
    padding-bottom: 5px;
}

.modal-sm {
    width: 70%;
    margin: auto;
}

.checkbox_button,
.radio_button {
    display: inline-block;
    margin-right: 15px;
}

.btn.focus,
.btn:focus {
    outline: 0 !important;
    box-shadow: unset !important;
}

.btn_style {
    background-color: var(--btn_major_bg_enabled);
    border: 0px;
    color: var(--btn_major_txt_enabled);
    cursor: pointer;
    /* box-shadow: 0px 4px 15px rgba(237, 27, 52, 0.3); */
}

.btn_style:active {
    background-color: var(--btn_major_bg_enabled);
    color: white;
}

.turnover_progress_bg {
    position: relative;
    overflow: initial;
    border-radius: 28px;
    height: 18px;
    background-color: var(--bar_turnover_bg);
}

.turnover_progress_bg .masking {
    width: 100%;
    height: 100%;
    border-radius: 28px;
    overflow: hidden;
}

.turnover_progress_bg .start {
    position: absolute;
    color: var(--bar_turnover_label_current);
    bottom: -18px;
    font-size: 10px;
    top: -18px;
}

.turnover_progress_bg .end {
    position: absolute;
    color: var(--bar_turnover_label_target);
    bottom: -18px;
    font-size: 10px;
    top: -18px;
    right: 0;
}

.turnover_progress_bg .start .breaknum {
    color: var(--bar_turnover_value_current);
}

.turnover_progress_bg .end .breaknum {
    color: var(--bar_turnover_value_target);
}

.turnover_progress_bg .end span {
    color: #449add;
}

.progress {
    position: relative;
    overflow: initial;
    height: 10px;
    border-radius: 0;
    background-color: var(--bar_bg);
}

.progress.red,
.progress.green {
    background-color: var(--bar_bg);
    border-radius: 28px;
    height: 18px;
}

.progress.red .masking,
.progress.green .masking {
    width: 100%;
    height: 100%;
    border-radius: 28px;
    overflow: hidden;
}

.progress .start,
.progress .end {
    position: absolute;
    color: var(--txt_content);
    bottom: -18px;
    font-size: 10px;
}

.progress.red .start,
.progress.red .end {
    /* bottom: -20px; */
    top: -18px;
}

.progress .end {
    right: 0;
}

.progress .end span {
    color: #449add;
}

.progress-bar {
    background-color: var(--bar_progress_default);
    border-radius: 28px;
    height: 100%;
    position: relative;
}

.progress.full .progress-bar {
    background-color: var(--bar_progress_full);
}

.progress .reached {
    display: none;
}

.progress.full .reached {
    display: block;
    position: absolute;
    right: 4px;
    top: 2px;
    color: var(--bar_percentage_full);
    font-weight: 600;
    font-size: 10px;
}

.progress_with_text .breaknum {
    font-weight: bold;
    font-family: gilroy_bold;
    color: var(--bar_value_current);
    position: absolute;
    top: 25px;
    left: 14px;
}

.progress_with_text .end .breaknum {
    text-align: right;
    left: initial;
    right: 14px;
}

.progress_text_inside {
    height: 28px !important;
}

.percentage_num {
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    width: 100%;
    color: var(--bar_percentage_default);
    font-weight: bold;
    font-family: gilroy_bold;
}

.progress_num {
    position: absolute;
    width: 158px;
    left: calc(50% - 79px);
    z-index: 1;
    color: var(--bar_percentage_default);
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    top: 2px;
}

.progress_num.grey {
    color: var(--bar_value_current);
}

.progress_num.green {
    color: var(--bar_percentage_default);
}

/* .progress.red .progress-bar{
    background-color: var( --txt_content);
    border-radius: 28px;
}
.progress.green .progress-bar{
    background-color: #63b676;
    border-radius: 28px;
} */
.progress_with_text {
    margin-bottom: 0;
}

.progress_mb {
    margin-bottom: 23px;
}

.progress.red.progress_with_text,
.progress.green.progress_with_text {
    margin-bottom: 0;
}

.progress_level {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

.progress_level>div {
    height: 100%;
    width: 100%;
    border: 1px solid #ecf0f4;
    border-right: 0;
}

.progress_level>div:last-child {
    border-right: 1px solid #ecf0f4;
}

/* .button:hover{
    border: 1px solid #ecf0f4;
    color: var( --txt_content);
    background-color: var( --bg_general);
} */
.btn,
.button,
#btn-load-more {
    /* pointer-events: none; */
    width: 100%;
    font-size: 100%;
    white-space: nowrap;
    background: var(--btn_major_bg_enabled);
    border: var(--btn_major_borderthick_enabled) solid var(--btn_major_border_enabled);
    color: var(--btn_major_txt_enabled);
    cursor: pointer;
    font-weight: var(--btn_major_weight_enabled);
    border-radius: var(--btn_major_radius);
    /*padding: 7px;*/
    box-shadow: var(--btn_major_shadow_enabled), var(--btn_major_innershadow_enabled);
    text-align: var(--btn_major_align);
    outline: none !important;
    -webkit-box-shadow: var(--btn_major_shadow_enabled), var(--btn_major_innershadow_enabled);
    /* filter: drop-shadow(0px 4px 6px rgba(237, 27, 52, 0.3)); */
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.btn:hover,
.button:hover {
    background: var(--btn_major_bg_enabled);
    color: var(--btn_major_txt_enabled);
}

.btn:active,
.button:active,
.btn.active,
.button.active {
    background: var(--btn_major_bg_activated);
    border: var(--btn_major_borderthick_activated) solid none;
    color: var(--btn_major_txt_activated);
    font-weight: var(--btn_major_weight_activated);
    box-shadow: var(--btn_major_shadow_activated), var(--btn_major_innershadow_activated);
    pointer-events: all;
}

.button.disabled,
.button:disabled,
.btn.disabled,
.btn:disabled {
    background: var(--btn_major_bg_disabled);
    color: var(--btn_major_txt_disabled);
    font-weight: var(--btn_major_weight_disabled);
    box-shadow: var(--btn_major_shadow_disabled), var(--btn_major_innershadow_disabled);
    cursor: inherit;
    border: var(--btn_major_borderthick_disabled) solid var(--btn_major_border_disabled);
    -webkit-filter: none;
    filter: none;
    opacity: 1 !important;
    pointer-events: none !important;
}

.button_original,
.btn_original {
    height: 36px;
}

.btn.mini {
    font-size: 10px;
    padding: 5px 12px;
}

.button.copy_btn,
.btn.copy_btn {
    font-family: 'icomoon' !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.button.copy_btn:before,
.btn.copy_btn:before {
    content: "\e92c";
    margin-right: 5px;
}

.button.mini {
    padding: 2px 10px;
}

.btn.btn_trans_red,
.button.minor,
.button.copy_btn {
    /* background: var(--btn_minor_bg_enabled); */
    border: var(--btn_minor_borderthick_enabled) solid var(--btn_minor_border_enabled);
    border-radius: var(--btn_minor_radius);
    text-align: var(--btn_minor_align);
    /* color: var( --btn_minor_txt_enabled); */
    font-weight: var(--btn_minor_weight_enabled);
    box-shadow: var(--btn_minor_shadow_enabled), var(--btn_minor_innershadow_enabled);
}

#adv_filter_btn {
    background: var(--btn_minor_bg_enabled);
}

.btn.btn_trans_red:active,
.button.minor:active,
.button.copy_btn:active {
    background: var(--btn_minor_bg_activated);
    border: var(--btn_minor_borderthick_activated) solid var(--btn_minor_border_activated);
    color: var(--btn_minor_txt_activated);
    font-weight: var(--btn_minor_weight_activated);
    box-shadow: var(--btn_minor_shadow_activated), var(--btn_minor_innershadow_activated);
}

.btn.btn_trans_red:disabled,
.btn.btn_trans_red.disabled,
.button.minor:disabled,
.button.minor.disabled,
.button.copy_btn:disabled,
.button.copy_btn.disabled {
    background: var(--btn_minor_bg_disabled);
    border: var(--btn_minor_borderthick_disabled) solid var(--btn_minor_border_disabled);
    color: var(--btn_minor_txt_disabled);
    font-weight: var(--btn_minor_weight_disabled);
    box-shadow: var(--btn_minor_shadow_disabled), var(--btn_minor_innershadow_disabled);
}

.btn.btn_trans_white,
.btn.btn_trans_grey,
.btn.txt {
    border-radius: var(--btn_txt_radius);
    color: var(--btn_txt_txt_enbled);
    font-weight: var(--btn_txt_weight_enabled);
    text-align: var(--btn_txt_align);
    background: var(--btn_txt_bg_enabled);
    /* border:var(--btn_txt_borderthick_enabled) solid var(--btn_minor_border_enabled); */
    box-shadow: var(--btn_txt_shadow_enabled), var(--btn_txt_innershadow_enabled);
    text-align: center;
    width: auto;
}

.btn.btn_trans_white:active,
.btn.btn_trans_grey:active,
.btn.txt:active {
    background: var(--btn_txt_bg_activated);
    color: var(--btn_txt_txt_activated);
    border: var(--btn_txt_borderthick_activated) solid var(--btn_txt_border_activated);
    font-weight: var(--btn_txt_weight_activated);
    box-shadow: var(--btn_txt_shadow_activated), var(--btn_txt_innershadow_activated);
}

.btn.btn_trans_white:disabled,
.btn.btn_trans_white.disabled,
.btn.btn_trans_grey:disabled,
.btn.btn_trans_grey.disabled,
.btn.txt:disabled,
.btn.txt.disabled {
    background: var(--btn_txt_bg_disabled);
    color: var(--btn_txt_txt_disabled);
    border: var(--btn_txt_borderthick_disabled) solid var(--btn_txt_border_disabled);
    font-weight: var(--btn_txt_weight_disabled);
    box-shadow: var(--btn_txt_shadow_disabled), var(--btn_txt_innershadow_disabled);
}

.btn_trans_red.promohistorybtn {
    color: var(--btn_minor_txt_enabled);
    background: var(--btn_minor_bg_enabled);
}

button#close_history_applied {
    padding: 0;
}

.login_container .logo_area {
    margin-top: 17px;
    margin-bottom: 13px;
}

.login_container .header_logo {
    width: 37%;
    margin: 30px auto;
}

.login_container .header_logo img {
    width: 100%;
}

.login_container .sponsor_logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 85%;
    margin: auto;
}

.login_container .sponsor_logo .block_content {
    width: 100%;
    text-align: center;
    font-size: 8px;
    line-height: 10px;
    position: relative;
    color: var(--txt_label);
}

.login_container .sponsor_logo .block_content::after {
    content: "";
    border-right: 0.5px solid #CCCCCC;
    height: 32px;
    position: absolute;
    top: 12px;
    right: 0px;
}

.login_container .sponsor_logo .block_content:nth-last-child(1)::after {
    content: "";
    border: 0px solid #CCCCCC;
    height: 32px;
    position: absolute;

}

.login_container .sponsor_logo .block_content img {
    height: 32px;
    margin-bottom: 4px;
}

.sponsor_menu .sponsor_logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%;
    margin: auto;
}

.sponsor_container {
    transition: 1s all ease;
    opacity: 1;
    clip-path: circle(150% at 50vw 50vh);
    /* background: url("../templateimage/sponsor/bg_h5.jpg"); */
    background-size: 100%;
    background-color: var(--bg_general);
    background-repeat: no-repeat;
    padding-bottom: 10px;
}

.sponsor_container.loading_sponsor {
    clip-path: circle(0% at 50vw 50vh);
}

.sponsor_menu .sponsor_logo .block_content {
    width: 100%;
    text-align: center;
    font-size: 11px;
    line-height: 14px;
    position: relative;
    color: var(--txt_label);
}

.sponsor_menu .sponsor_logo .block_content.active {
    color: var(--txt_content);
}

.sponsor_menu .sponsor_logo .block_content::after {
    content: "";
    border-right: 0.5px solid #CCCCCC;
    height: 60px;
    position: absolute;
    top: 0px;
    right: 0px;
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg);
}

.sponsor_menu .sponsor_logo .block_content:nth-last-child(1)::after {
    content: "";
    border: 0px solid #CCCCCC;
    height: 32px;
    position: absolute;

}

.sponsor_menu .sponsor_logo .block_content img {
    height: 32px;
    margin-bottom: 4px;
}

.sponsor_menu .sponsor_logo .block_content .inactive_img,
.sponsor_menu .sponsor_logo .block_content.active .active_img {
    display: block;
}

.sponsor_menu .sponsor_logo .block_content.active .inactive_img,
.sponsor_menu .sponsor_logo .block_content .active_img {
    display: none;
}

.sponsor_video_html {
    height: calc(100vw / 1.8);
    display: none !important;
}

.sponsor_video_html.active {
    display: block !important;
}

.sponsor_video {
    margin-top: 10px;
    padding-left: 10px !important;
}

.sponsor_video_content {
    background: var(--bg_general);
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.12);
    border-radius: 8px;
}

.sponsor_video_content img {
    width: 100%;
    border-radius: 8px 8px 0;
}

.sponsor_video_title {
    padding: 5px 10px;
    height: 45px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.toggle_password {
    position: absolute;
    right: 0px;
    top: 0px;
    line-height: 36px;
    /* -webkit-transform: translateY(-50%); */
    -ms-transform: translateY(-50%);
    /* transform: translateY(-50%); */
    cursor: pointer;
    width: 44px;
    height: 36px;
    padding: 0px 12px;
    font-size: 20px;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.toggle_password::before {
    background: var(--password_peek) no-repeat center center;
    width: 16px;
    height: 16px;
    content: "";
    display: block;
    background-size: 100%;
}

.toggle_password.icon-eye_open::before {
    background: var(--password_peek_a) no-repeat center center;
    background-size: 100%;
}

.toggle_password_bankcard {
    right: 0px;
    top: 0px;
    line-height: 36px;
    -ms-transform: translateY(-50%);
    cursor: pointer;
    padding: 0px 6px;
    font-size: 20px;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.toggle_password_bankcard::before {
    background: var(--password_peek) no-repeat center center;
    width: 16px;
    height: 16px;
    content: "";
    display: block;
    background-size: 100%;
}

.toggle_password_bankcard.icon-eye_open::before {
    background: var(--password_peek_a) no-repeat center center;
    background-size: 100%;
}

.toggle_bank {
    /* -webkit-transform: translateY(-50%); */
    -ms-transform: translateY(-50%);
    /* transform: translateY(-50%); */
    cursor: pointer;
    width: 44px;
    height: 36px;
    padding: 0px 5px;
    font-size: 15px;
    z-index: 1;
}

.captcha_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 41px;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.captcha_container .icon-refresh_g {
    font-size: 16px;
}

.captcha_container button {
    margin: 0 !important;
}

.refresh_captcha {
    background-color: var(--txt_value);
    border-radius: 100%;
    min-width: 16px !important;
    height: 16px;
    font-size: 8px;
    padding: 0;
    -webkit-transform: rotate(-47deg);
    -ms-transform: rotate(-47deg);
    transform: rotate(-47deg);
}

.remember_pw_section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-top: 8px;
}

.remember_pw_section>div {
    width: 100%;
}

.remember_pw_section>div:last-child {
    text-align: right;
    color: var(--btn_major_txt_enabled);
}

.remember_pw_section .checkbox {
    align-items: center;
}

.remember_pw_section .checkbox label {
    margin-bottom: 0px;
}

.login_area,
.register_area {
    /* transition: all .5s cubic-bezier(0.175, 0.785, 0.32, 1.175); */
    -webkit-transition: all .3s cubic-bezier(0.175, 0.185, 0.32, 0.875);
    -o-transition: all .3s cubic-bezier(0.175, 0.185, 0.32, 0.875);
    transition: all .3s cubic-bezier(0.175, 0.185, 0.32, 0.875);
}

.login_area {
    /*background: var(--login_area_ribbon);*/
    background-repeat: no-repeat;
    background-position: left top;
}

.register_area {
    /*background: var(--register_area_ribbon);*/
    background-repeat: no-repeat;
    background-position: left top;
}

.login_area .title,
.register_area .title {
    font-weight: 600;
    text-align: center;
    font-size: 17px;
    margin-bottom: 16px;
    position: relative;
    z-index: 1;
}

.login_area .title {
    color: var(--auth_login_title_active);
}

.register_area .title {
    color: var(--auth_reg_title_active);
}

.login_area .cancel .btn_auth {
    font-weight: 600;
    font-size: 13px;
    position: absolute;
    right: 0px;
    top: inherit;
}

.register_area .cancel .btn_auth {
    font-weight: 600;
    font-size: 13px;
    position: absolute;
    right: 0px;
    top: inherit;
}

.login_area .textbox_content,
.register_area .textbox_content,
#forgotpassword_popup .textbox_content {
    margin-bottom: 16px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.login_area .btn,
.register_area .btn,
#forgotpassword_popup .btn {
    margin: 15px 0 10px 0;
}

.login_area .back,
.register_area .back,
#forgotpassword_popup .back {
    text-align: center;
    margin-bottom: 20px;
}

.login_area .back,
.register_area .back,
#forgotpassword_popup .back a {
    color: var(--btn_major_txt_enabled) !important;
}

.register_area {
    /*position: absolute;
     top: 86%; 
    left: 0;
    right: 0;*/
    -webkit-transform: translateX(120%) translateY(0%);
    -ms-transform: translateX(120%) translateY(0%);
    transform: translateX(120%) translateY(0%);
}

.register_area.active {
    /* top: 32%; */
    -webkit-transform: translateX(0%) translateY(0%);
    -ms-transform: translateX(0%) translateY(0%);
    transform: translateX(0%) translateY(0%);
}

.register_area .textbox_content {
    visibility: hidden;
    opacity: 0;
}

.register_area.active .textbox_content {
    visibility: visible;
    opacity: 1;
}

.login_area.deactive {
    /* transform: translateY(-18%) scale(0.75); */
    -webkit-transform: translateX(120%);
    -ms-transform: translateX(120%);
    transform: translateX(120%);
    opacity: 0.5;
}

.login_area.deactive .textbox_content,
.login_area.deactive .remember_pw_section {
    visibility: hidden;
    opacity: 0;
}

.register_area .renewCaptcha,
.login_area .renewCaptcha,
#forgot_form .renewCaptcha {
    max-height: 41px;
    border-radius: 8px;

}

.register_area form>.btn.btn-primary {
    margin: 0;
}

.forgotpassword_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.forgotpassword_info>div:first-child {
    margin-right: 10px;
}

.bankcards_list li {
    /* border-radius: 16px;
     -webkit-box-shadow: 0px -2px 15px rgba(0, 0, 0, 0.1);
            box-shadow: 0px -2px 15px rgba(0, 0, 0, 0.1); */
    padding: 16px 32px;
    background: var(--card_bg);
    width: 90%;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
}

.big_card_container {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
}

.card_container {
    border-radius: 16px;
    /* -webkit-box-shadow: 0px -2px 15px rgba(0, 0, 0, 0.1);
            box-shadow: 0px -2px 15px rgba(0, 0, 0, 0.1); */
    padding: 16px 32px;
    background: var(--card_bg);
    width: 90%;
    margin: auto;
}

#current_turnover_details .card_container {
    background: var(--card_turnover_bg);
    border: var(--card_turnover_borderthick) solid var(--card_turnover_border);
    border-radius: var(--card_turnover_radius);
    box-shadow: var(--card_turnover_shadow);
}

.card_container.login_area,
.card_container.register_area {
    padding: 17px 24px 22px;
}

.card_container.login_area {
    background: var(--auth_login_bg_active);
    border-radius: var(--auth_login_radius);
}

.card_container.register_area {
    background: var(--auth_reg_bg_active);
    border-radius: var(--auth_reg_radius);
}

.card_container.mini {
    border-radius: 4px;
    padding: 8px 12px;
    width: 100%;
}

.card_container.standard {
    border-radius: 16px;
    padding: 16px;
    width: 100%;
}

.swal2-popup.swal2-toast {
    -webkit-box-shadow: 0 0px 15px rgba(0, 0, 0, .1) !important;
    box-shadow: 0 0px 15px rgba(0, 0, 0, .1) !important;
}

.swal2-popup.swal2-toast .swal2-title {
    font-size: 14px !important;
    margin: 0 !important;
    text-align: left !important;
}

.swal2-container.swal2-top-end.swal2-backdrop-show {
    left: 0 !important;
    right: 0 !important;
    top: 50% !important;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 90%;
    margin: auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.swal2-popup.swal2-toast .swal2-success {
    height: 23px !important;
}

.swal2-container.swal2-top-end.swal2-backdrop-show .swal2-close {
    display: none !important;
}

.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
    width: 20px !important;
    height: 20px !important;
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
    top: 10px !important;
    left: 0px !important;
    width: 11px !important;
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {
    top: 8px !important;
    right: 11px !important;
    width: 16px !important;
}

.header,
.subpage_header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 0px 0px;
    height: 44px;
    align-items: center;
    border-bottom: 1px solid var(--appbar_border);
    border-width: var(--appbar_borderthick);
    background: var(--bg_general);
    box-shadow: var(--appbar_shadow);
    color: var(--txt_title);
    position: relative;
    z-index: 1;
}

.header .block_content,
.subpage_header .block_content {
    text-align: center;
    width: 100%;
    min-height: 24px;
}

header .subpage_backurl {}

.header .block_content:first-child,
.subpage_header .block_content:first-child,
.header .menu_notification {
    text-align: left;
    width: auto;
    margin: 10px 16px;
    width: 24px;
    height: 24px;
}

.page_header_title {
    color: var(--appbar_tab1_txt);
}

.header .block_content:last-child,
.subpage_header .block_content:last-child {
    text-align: right;
    width: auto;
    margin: 10px 16px;
    width: 24px;
    height: 24px;
}

.header .block_content .title,
.subpage_header .block_content .title {
    font-weight: bold;
    font-family: gilroy_bold;
    font-size: 14px;
    align-items: center;
    justify-content: center;
    display: flex;
}

.header .block_content a {

    display: block;

}

.header .block_content a[class^="icon"]:before,
.subpage_header .block_content a[class^="icon"]:before {
    color: var(--txt_label);
    font-size: 16px;
}

.subpage_header .block_content a[class^="icon"] {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    display: block;
    line-height: 22px;
    position: absolute;
    left: inherit;
    top: inherit;
}

.main_area {
    height: calc(100vh - 130px);
    overflow-y: auto;
    /* overflow-x: hidden;
    max-height: calc(100vh - 58px - 50px);
    max-height: -webkit-fill-available; */
}

.login_container.main_area {
    margin-bottom: 0;
    max-height: initial;
    overflow: hidden;
    min-height: 620px;
    position: relative;
    height: 100vh;
    background: var(--login_container_bg);
    background-color: var(--auth_login_bg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    overflow-y: auto;
}

.subpage.main_area {
    margin-bottom: 0px;

    background: var(--bg_general);
}

/*.main_area .layout{
    padding: 0 5%;
    height: 100%;
}*/
footer {
    position: fixed;
    bottom: 0;
    min-height: 55px;
    z-index: 99;
    width: 100%;
}

.footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding-bottom: env(safe-area-inset-bottom);
    min-height: 55px;
    width: 100%;
    background-color: var(--tabbar_bg);
    z-index: 99;
}

.footer svg {
    width: 24px;
    height: auto;
}

.footer svg path {
    /*fill:var(--txt_content);*/
}

.footer::after {
    content: "";
    -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.12);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    z-index: 1;

    pointer-events: none;
}

.footer .block_content {
    width: 100%;
    text-align: center;





}

.footer .block_content img {
    width: 32px;
}

.footer .block_content a {
    display: flex;

    color: var(--tabbar_txt_enabled);
    font-size: 10px;
    height: 100%;
    flex-direction: column;
    justify-content: space-around;
}

.footer svg {
    width: 24px;
    height: auto;
}

.footer .block_content a.active img {}

/*.footer svg path{
    fill:var(--txt_content);
}*/
.footer .block_content a.login_nav {
    background: var(--txt_content);
    border-radius: 8px;
    color: white;
}

.footer .block_content a.login_nav img {

    height: 30px;
}

.footer .block_content a.login_nav>div {
    margin: -7px 0 0 0;
}

.footer .block_content a div[class^="icon"] {
    margin-bottom: 3px;
}

.footer .block_content a div[class^="icon"]:before {
    color: var(--txt_label);
}

.footer .block_content a.active,
.footer .block_content a.active div[class^="icon"]:before {
    color: var(--tabbar_txt_activated);
    background-image: -o-linear-gradient(var(--tabbar_line), var(--tabbar_line)), -o-linear-gradient(transparent, transparent);
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--tabbar_line)), to(var(--tabbar_line))), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));
    background-image: linear-gradient(var(--tabbar_line), var(--tabbar_line)), linear-gradient(transparent, transparent);
    background-repeat: no-repeat;
    background-size: 40px 2px, calc(100% - 4px) 100%;
    background-position: center top, 4px 0;
}

hr {
    border: 0;
    border-top: 0.5px solid var(--line_general);
    margin-bottom: 16px;
    margin-top: 0;
    padding: 0;
    width: 100%;
}

.modal-backdrop {
    display: none !important;
}

.modal {
    opacity: 0;
    -webkit-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear;
}

.modal.show {
    background-color: rgba(0, 0, 0, .7) !important;
    opacity: 1;
}

.modal .modal-dialog {
    opacity: 0;
    -webkit-transition: all .3s linear !important;
    -o-transition: all .3s linear !important;
    transition: all .3s linear !important;
}

.modal.show .modal-dialog {
    opacity: 1;
}

.modal_bottom {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .4);
    -webkit-transform: translate(-100vw);
    -ms-transform: translate(-100vw);
    transform: translate(-100vw);
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
    opacity: 0;
    pointer-events: none;
    z-index: 999;
}

.modal_bottom.active {
    opacity: 1;
    pointer-events: all;
}

.modal_bottom.delay {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
}

.modal_bottom .modal_dialog {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--bg_general);
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.modal_bottom.active .modal_dialog {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    border-radius: 16px 16px 0 0;
    /* background: var(--login_area_ribbon);*/
    background-repeat: no-repeat;
    background-position: left top;
}

.modal_bottom.active.no_ribbon .modal_dialog {
    background-image: unset;
}

#forgotpassword_popup .modal_dialog {
    /*background: var(--register_area_ribbon);
    background-repeat: no-repeat;
    background-position: left top;*/
}

.modal_bottom .modal_dialog .modal_content {
    padding: 20px 24px;
    /* min-height: 50vh;
    max-height: 90vh;
    overflow-y: auto;*/
}

.modal_bottom .modal_dialog .modal_content .modal_body {
    max-height: 65vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.modal_bottom .modal_dialog .modal_content .modal_header {
    margin: 0 0 15px 0;
    font-size: 24px;
    font-weight: 600;
    color: var(--txt_card_title);
}

.modal_bottom .modal_dialog .modal_content .modal_header .modal_dismiss,
.modal_dismiss {
    position: relative;
    padding-bottom: 16px;
    display: none;
}

.modal_bottom .modal_dialog .modal_content .modal_header .modal_dismiss:after,
.modal_dismiss:after {
    content: "";

    background: var(--popup_remark);

    border-radius: 2px;
    height: 4px;
    width: 47px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
}

.rotate_popup,
.copy_popout {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99999;
    display: none;
}

.rotate_popup>div,
.copy_popout>div {
    position: fixed;
    width: 264px;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: auto;
    text-align: center;
    padding: 31px 52px;
    color: var(--txt_content);

    /*background: rgba(0, 0, 0, 0.6);*/
    background: var(--popup_bg);
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
    border-radius: 16px;
}

.rotate_popup>div>div:first-child {
    background: var(--popup_rotate_icon);
    background-repeat: no-repeat;
    background-position: center center;
    width: 72px;
    height: 72px;
    margin: auto;
    -webkit-animation-name: mobile-rotate;
    animation-name: mobile-rotate;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes mobile-rotate {
    0% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    60% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes mobile-rotate {
    0% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    60% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

.rotate_popup>div>div:last-child {
    margin-top: 16px;
}

.rotate_popup .price {
    font-size: 17px;
    font-family: gilroy_bold;
}

.rotate_popup .price b {
    font-size: 17px;

}

.loading-scroll {
    overflow: hidden;
}

.loading_popup {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99999;
    display: none;
}

.loading_popup>div {
    position: fixed;
    width: 175px;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: auto;
    text-align: center;
    padding: 31px 52px;
    color: var(--txt_content);

    background: rgba(0, 0, 0, 0.6);
    border-radius: 16px;
}

.loading_popup>div>div:first-child {
    background: url("../style/loading_large.png");
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
    margin: auto;
}

.loading_popup>div>div:last-child {
    margin-top: 16px;
    color: #FFFFFF;
}

#index_banner {
    filter: drop-shadow(var(--banner_shadow));
    padding: 0px;
    margin: 0px var(--banner_padding);
    margin-top: var(--banner_padding_top);
    border-radius: var(--banner_radius);
    margin-bottom: 0px;
    background: var(--banner_bg);
    min-height: 133.33px;

}

#index_banner img {
    width: 100%;
    min-height: 100px;
    border-radius: var(--banner_radius);

}

#index_banner .swiper-pagination {
    text-align: var(--dots_align);
    top: var(--dots_top);
    bottom: var(--dots_bottom) !important;
    left: var(--dots_left);
    right: var(--dots_right);

}

#index_banner.swiper-container-horizontal>.swiper-pagination-bullets {}

#index_banner.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    -webkit-transition: all .15s ease;
    -o-transition: all .15s ease;
    transition: all .15s ease;
    /*border:1px var(--dots_border) solid;
    border-width: var(--dots_borderthick);*/
    border: var(--dots_borderthick) solid var(--dots_border);
    background: var(--dots_enabled);
    opacity: 1;
    height: var(--dots_height_enabled);
    width: var(--dots_length_enabled);
    border-radius: var(--dots_radius_enabled);
    margin: 0px;
    margin-right: var(--dots_spacing);
}

#index_banner.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--dots_activated) !important;
    height: var(--dots_height_activated);
    width: var(--dots_length_activated);
    border-radius: var(--dots_radius_activated);
}

.swiper-pagination-bullets .swiper-pagination-bullet {
    -webkit-transition: all .15s ease;
    -o-transition: all .15s ease;
    transition: all .15s ease;
    border: var(--dots_general_borderthick_enabled) solid var(--dots_general_border_enabled);
    background: var(--dots_enabled);
    opacity: 1;
    height: var(--dots_general_height_enabled);
    width: var(--dots_general_length_enabled);
    border-radius: var(--dots_general_radius_enabled);
    margin: 0px;
    margin-right: var(--dots_general_spacing);
}

.swiper-pagination-bullets .swiper-pagination-bullet-active {
    opacity: 1;
    border: var(--dots_general_borderthick_activated) solid var(--dots_general_border_activated);
    background: var(--dots_general_activated) !important;
    height: var(--dots_general_height_activated);
    width: var(--dots_general_length_activated);
    border-radius: var(--dots_general_radius_activated);

}

#index_banner.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:last-child,
.swiper-pagination-bullets .swiper-pagination-bullet:last-child {
    margin-right: 0px;
}

.myvip_swiper .swiper-pagination-bullets .swiper-pagination-bullet {
    -webkit-transition: all .15s ease;
    -o-transition: all .15s ease;
    transition: all .15s ease;
    border: var(--dots_vip_borderthick_enabled) solid var(--dots_vip_border_enabled);
    background: var(--dots_vip_enabled);
    opacity: 1;
    height: var(--dots_vip_height_enabled);
    width: var(--dots_vip_length_enabled);
    border-radius: var(--dots_vip_radius_enabled);
    margin: 0px;
    margin-right: var(--dots_vip_spacing);
}

.myvip_swiper .swiper-pagination-bullets .swiper-pagination-bullet-active {
    opacity: 1;
    border: var(--dots_vip_borderthick_activated) solid var(--dots_vip_border_activated);
    background: var(--dots_vip_activated) !important;
    height: var(--dots_vip_height_activated);
    width: var(--dots_vip_length_activated);
    border-radius: var(--dots_vip_radius_activated);

}

.announcement_div {
    margin: 0px var(--marquee_margin);
    margin-top: var(--marquee_margin_top);
    margin-bottom: 0px var(--marquee_margin_bottom);
    padding-left: var(--marquee_padding_left);
    padding-right: var(--marquee_padding_right);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    color: var(--marquee_txt);
}

.index_announcement_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    border-radius: 8px;

    height: 32px;
    overflow: hidden;
    position: relative;
    background: var(--landing_marquee_bg) no-repeat center center;
    background-size: 100% 100%;
}

.index_announcement_area .title {
    padding: 0px 15px;
    white-space: nowrap;
    border-radius: 8px 0 0 8px;
    font-weight: bold;
    font-family: gilroy_bold;
    position: relative;
}

.midbtn_url {
    display: flex;
    align-items: center;
    width: 150px;
    text-align: right;
    white-space: nowrap;
    color: var(--marquee_url);
}

.marquee_title_img {
    position: absolute;
    width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.marquee_item>div {
    line-height: 30px;
    height: 30px;
    position: static;
    width: auto;
    display: inline;
    /* width: calc(100% - 86px);
    position: absolute; */
    top: 0px;
    padding: 0px 10px;
    /*overflow:hidden;*/
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-transition: 2s -webkit-transform ease;
    transition: 2s -webkit-transform ease;
    -o-transition: 2s transform ease;
    transition: 2s transform ease;
    transition: 2s transform ease, 2s -webkit-transform ease;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.marquee_url_icon {
    height: 32px;
    width: auto;
}

.marquee_item>div.active {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: 2s -webkit-transform ease;
    transition: 2s -webkit-transform ease;
    -o-transition: 2s transform ease;
    transition: 2s transform ease;
    transition: 2s transform ease, 2s -webkit-transform ease;
    opacity: 1;

}

.marquee_item>div.actived {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
    -webkit-transition: 2s -webkit-transform ease;
    transition: 2s -webkit-transform ease;
    -o-transition: 2s transform ease;
    transition: 2s transform ease;
    transition: 2s transform ease, 2s -webkit-transform ease;
    opacity: 1;
}

.index_announcement_area marquee {
    padding: 0px 10px 0px 0;
    width: 100vw;
    display: flex;
    align-items: center;

}

.index_announcement_area marquee span {
    padding-left: 4px;
    color: var(--marquee_padding_right);
}

#notice_load_popup .modal-dialog {
    width: 85%;
    margin: auto;
}

.index_notice_popup {
    margin-bottom: 15px;
}

.index_hot_match_detail {
    text-align: center;
    margin-bottom: 5px
}

.index_hot_match_detail>span {
    color: var(--txt_label);
    font-size: 12px;
}

.index_hot_match_pic {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.index_hot_match_pic>div {
    width: 100%;
    text-align: center;
}

.index_hot_match_pic>div>img {
    margin-bottom: 5px;
    height: 40px;
}

.index_hot_match_pic>div .icon-VS {
    display: block;
    margin-top: 12px;
}


.index_game_area .swiper-slide .card_container {
    text-align: center;
    padding: 15px 5px 15px 5px;
    color: transparent;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    position: relative;

    background-color: transparent;
    -webkit-transition: -webkit-box-shadow .5s ease;
    transition: -webkit-box-shadow .5s ease;
    -o-transition: box-shadow .5s ease;
    transition: box-shadow .5s ease;
    transition: box-shadow .5s ease, -webkit-box-shadow .5s ease;
}

.index_game_area .swiper-slide .card_container:after {
    content: "";
    display: block;
    border-right: 0.4px solid #9FA4AB;
    height: 12px;
    position: absolute;
    right: -5px;
    top: calc(50% - 12px/2);
}

.index_game_area .swiper-slide.active .card_container:after,
.index_game_area .swiper-slide:last-child .card_container:after {
    display: none;
}

.index_game_area .swiper-slide {
    width: 63px;
    height: 55px;
}

.index_game_area .swiper-slide.active .card_container {
    border-radius: 16px;
    padding: 5px;
    color: var(--txt_content);
    -webkit-box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
    margin: auto;
    width: 55px;
    font-size: 10px;
    background-color: var(--bg_general);
}

.index_game_area .index_gametext {
    display: none;
}

.index_game_area .swiper-slide.active .index_gametext {
    display: block;
}

.index_game_area .index_gameicon {
    width: 25px;
    height: 25px;
    margin: 0 auto;
    -webkit-transition: all .15s ease;
    -o-transition: all .15s ease;
    transition: all .15s ease;
    background-position: center center !important;
}

.index_game_area .swiper-slide.active .index_gameicon {
    width: 34px;
    height: 30px;
    background-position: center center;
}

.index_game_area .index_gameicon.sports {
    background: var(--landing_category_sports_icon);
    background-repeat: no-repeat;
}

.index_game_area .index_gameicon.live {
    background: var(--landing_category_live_icon);
    background-repeat: no-repeat;
}

.index_game_area .index_gameicon.lottery {
    background: var(--landing_category_lottery_icon);
    background-repeat: no-repeat;
}

.index_game_area .index_gameicon.slots {
    background: var(--landing_category_slots_icon);
    background-repeat: no-repeat;
}

.index_game_area .index_gameicon.fish {
    background: var(--landing_category_fish_icon);
    background-repeat: no-repeat;
}

.index_game_area .index_gameicon.poker {
    background: var(--landing_category_poker_icon);
    background-repeat: no-repeat;
}

.index_game_area .index_gameicon.esports {
    background: var(--landing_category_esports_icon);
    background-repeat: no-repeat;
}

.index_game_area .swiper-slide.active .index_gameicon.sports {
    background: var(--landing_category_sports_active_icon);
    background-repeat: no-repeat;
}

.index_game_area .swiper-slide.active .index_gameicon.live {
    background: var(--landing_category_live_active_icon);
    background-repeat: no-repeat;
}

.index_game_area .swiper-slide.active .index_gameicon.lottery {
    background: var(--landing_category_lottery_active_icon);
    background-repeat: no-repeat;
}

.index_game_area .swiper-slide.active .index_gameicon.slots {
    background: var(--landing_category_slots_active_icon);
    background-repeat: no-repeat;
}

.index_game_area .swiper-slide.active .index_gameicon.fish {
    background: var(--landing_category_fish_active_icon);
    background-repeat: no-repeat;
}

.index_game_area .swiper-slide.active .index_gameicon.poker {
    background: var(--landing_category_poker_active_icon);
    background-repeat: no-repeat;
}

.index_game_area .swiper-slide.active .index_gameicon.esports {
    background: var(--landing_category_esports_active_icon);
    background-repeat: no-repeat;
}

.index_container .index_games_list:not(:first-child) {
    display: none;
}

.index_games_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.index_games_list>.block_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.index_games_list>.block_row.one {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.index_games_list>.block_row.one>.block_content {
    margin-bottom: 8px;
}

.index_games_list>.block_row>.block_content {
    width: 100%;
}

.index_games_list>.block_row.two>.block_content {
    width: calc((100% - (8px * 1)) / 2);
    margin-right: 8px;
    margin-bottom: 8px;
}

.index_games_list>.block_row.two>.block_content:nth-child(2n) {
    margin-right: 0;
}

.index_games_list>.block_row>.block_content img {
    width: 100%;
    border-radius: 16px;
}

.index_games_list>.block_row>.block_content:last-child {
    margin-right: 0;
}

.index_games_list>.block_row>.block_content .vgc_name {
    position: absolute;
    bottom: 5px;
    left: 5px;
    color: var(--txt_content);
    font-size: 12px;
}

.index_games_list>.block_row>.block_content .gc_icon {
    position: absolute;
    width: 20px;
    top: 5px;
    left: 5px;
}

.slot_game_area,
.fish_game_area {
    margin: 5px 0;
    padding: 0 0 8px !important;
    overflow: visible !important;
    height: 35px;
}

.slot_game_area .swiper-slide .card_container,
.fish_game_area .swiper-slide .card_container {
    text-align: center;
    border-radius: var(--tab_game_radius);
    padding: 5px;
    color: var(--tab_game_txt_inactive);
    border: var(--tab_game_borderthick_inactive) solid var(--tab_game_border_inactive);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: var(--tab_game_bg_inactive);
    box-shadow: unset;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.slot_game_area .swiper-slide,
.fish_game_area .swiper-slide {
    /*min-width: 70px;*/
    min-height: 30px;
}

.slot_game_area .swiper-slide.active .card_container,
.fish_game_area .swiper-slide.active .card_container {
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.12);
}

.slot_game_area .swiper-slide.active .card_container,
.fish_game_area .swiper-slide.active .card_container {
    color: var(--tab_game_txt_active);
    margin: 0px auto;
    background: var(--tab_game_bg_active);
    -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.12);
    border: var(--tab_game_border_active);
    /*width: 63px;*/
}

.slot_games_list,
.fish_games_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.slot_games_list>.block_row,
.fish_games_list>.block_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.slot_games_list>.block_row>.block_content,
.fish_games_list>.block_row>.block_content {
    width: calc((100% - (10px * 2)) / 3);
    margin-right: 10px;
    margin-bottom: 16px;
}

.slot_games_list>.block_row>.block_content img,
.fish_games_list>.block_row>.block_content img {
    width: 100%;
    /*border-radius: 0 0 0 8px;*/
}

.slot_games_list>.block_row>.block_content img.slot_game,
.fish_games_list>.block_row>.block_content img.fish_game {
    border-radius: 8px;
}

.slot_games_list>.block_row>.block_content .position-relative,
.fish_games_list>.block_row>.block_content .position-relative {
    /*background: var(--content_loading_bg);*/
    background: var(--tile_slotslist_bg);
    background-repeat: no-repeat;
    background-position: center center;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: var(--tile_radius);
}

.slot_games_list>.block_row>.block_content .position-relative>.game_list_icon,
.fish_games_list>.block_row>.block_content .position-relative>.game_list_icon {
    background-size: auto 100% !important;
    /* padding-bottom: 100%;*/
    width: 100%;
}

.slot_games_list>.block_row>.block_content .position-relative img.slot_game,
.fish_games_list>.block_row>.block_content .position-relative img.slot_game {
    height: 100%;
    width: auto;
}

.slot_games_list>.block_row>.block_content:last-child,
.fish_games_list>.block_row>.block_content:last-child {
    margin-right: 0;
}

.slot_games_list>.block_row>.block_content .vgc_name,
.fish_games_list>.block_row>.block_content .vgc_name {
    color: var(--txt_content);
    text-align: center;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.slot_games_list>.block_row>.block_content .hot_icon,
.fish_games_list>.block_row>.block_content .hot_icon {
    position: absolute;
    width: 28px;
    top: 2%;
    right: 2%;
}

.slot_games_list>.block_row>.block_content .favorite_icon,
.fish_games_list>.block_row>.block_content .favorite_icon {
    position: absolute;
    width: 36px;
    top: 0;
    left: 0;
}

.player_profile .vip_icon {
    width: 36px;
    padding: 8px;
    background: var(--profile_header_iconbg);
    border-radius: 99rem;
}

.player_profile,
.player_profiledetails {}

.player_profile .detail_area {
    margin-top: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 15px;
}

.player_profiledetails {
    text-align: center;
}

.player_profiledetails .detail_area {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.loading {
    background: var(--content_loading_bg);
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 40px;
}

.detail_area .layout {
    background-color: var(--bg_general);
}

.detail_area .img_block {
    width: 45%;
    height: 76px;
    position: relative;
}

.player_profiledetails .img_block {
    width: 76px;
}

.detail_area .img_block img {
    width: 75px;
    height: 75px;
    position: absolute;
    z-index: 1;
    left: 0px;
    top: 0px;
}

.detail_area .name_block {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: space-between;
    margin: 5px 8px;
}

.detail_area .name_block svg {
    margin-right: 10px;
    width: 18px;
    height: auto;
}

.detail_area .name_block svg path {}

.player_profiledetails .detail_area .name_block {
    width: auto;
}

.detail_area .name_block .fullname {
    max-width: 130px;
    display: inline-block;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 5px;
    color: var(--txt_username);
}

.player_profiledetails .name_block .fullname {
    font-size: 17px;
    font-weight: var(--midbtn_txt_username_weight);
    line-height: 30px;
    max-width: 190px;
}

.detail_area .name_block div:first-child a {
    font-weight: bold;
    font-family: gilroy_bold;
    font-size: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.progress-ring {
    position: absolute;
    left: 0;
    top: 0;
}

.player_profile .progress-ring__circle {
    stroke: var(--bar_progress_full);
}

.player_profile .progress_bg {
    stroke: var(--bar_bg);
}

.player_profile .vip_icon_area {
    position: relative;
    margin: 0 auto;
    width: fit-content;
    width: 44px;
    height: 44px;
    padding: 8px;
    background-color: var(--circle_profile_vip);
    border-radius: 99rem;
}

.progress-ring__circle {
    -webkit-transition: 0.35s stroke-dashoffset;
    -o-transition: 0.35s stroke-dashoffset;
    transition: 0.35s stroke-dashoffset;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.player_profile .detail_area .name_block div:last-child {
    color: var(--txt_balance);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.player_profile .detail_area .name_block .safety_img {
    width: 16px;
}

.player_profile .detail_area .name_block .balance_img {
    width: 30px;
    padding-right: 5px;
}

.detail_area .vip_block {
    font-size: 10px;
    width: 30%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.detail_area .vip_block .vip_details_link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 5px;
}

.detail_area .vip_block .vip_content {
    text-align: center;
    font-weight: 600;
    margin-top: 5px;
    color: var(--txt_vip);
}

.player_profile .security_area,
.player_profiledetails .security_area {
    padding: 5px;
    border: 1px solid #ecf0f4;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

#add_new_bankcard .tips_block,
.tips_block {
    padding: 10px 0;
    text-align: left;
    color: var(--txt_remark);
    font-size: 10px;
}

.tips_block_mainpage {
    padding: 10px 5% !important;
}

.player_profiledetails_form .tips_block {
    padding: 10px 0;
    text-align: left;
    color: var(--txt_card_remark);
    font-size: 10px;
}

.shortcut_management,
.pshortcut_management {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 10px;
}

.shortcut_label {
    color: var(--txt_card_label);
}

.shortcut_management>div {
    width: 100%;
    margin-right: 20px;
    text-align: center;
}

.pshortcut_management>div {
    width: 100%;
    margin-right: 20px;
}

.pshortcut_management b {
    color: var(--txt_card_title);
    font-size: 13px;
}

.shortcut_management>div:first-child,
.pshortcut_management>div:first-child {
    text-align: left;
}

.pshortcut_management>div:first-child {
    width: 20%;
    white-space: nowrap;
}

.shortcut_management>div:last-child,
.pshortcut_management>div:last-child {
    margin-right: 0;
}

.pshortcut {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    color: var(--txt_card_subtitle);
    font-size: 13px;
}

.pshortcut .icon_circle_card {
    margin: 0 10px 0 0;
    border-radius: unset;
    background: unset;
}

.pshortcut .unset {
    color: var(--txt_unset);
    font-size: 8px;
    font-weight: normal;
}

.security_area .button_block {
    margin-left: 20px;
}

.security_container {
    padding-bottom: 20px;
    border-bottom: 1px solid #ecf0f4;
}

.player_account_management {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 10px 0;
    padding-bottom: 16px !important;
    padding-top: 16px !important;
    background-color: var(--card_profile_bg);
}

.player_account_management>a {
    width: 100%;
    text-align: center;
    font-size: 12px;
    display: block;
    color: var(--txt_profile_label);
}

.player_account_management>a>div[class^="icon"]:before {
    font-size: 23px;
    line-height: 30px;
}

.icon_circle_card {
    background: var(--circle_method);
    width: 56px;
    min-width: 56px;
    height: 56px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 8px auto 8px;
    border-radius: var(--promo_cat_radius);
}

.icon_circle_card.circle_mission_daily {
    background: var(--circle_mission_daily);
    border: unset;
    width: 56px;
    min-width: 56px;
    height: 56px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0px auto 8px;
    border-radius: 50%;
}

.icon_circle_card.circle_mission_weekly {
    background: var(--circle_mission_weekly);
    border: unset;
    width: 56px;
    min-width: 56px;
    height: 56px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0px auto 8px;
    border-radius: 50%;
}

.circle_box_promo_all {
    background: var(--circle_box_promo_all) !important;
    border-radius: 50%;
}

.mypromo_progress.active .icon_circle_card {
    background: var(--circle_box_promo_my) !important;
    border-radius: 50%;
}

.mypromo_finished .icon_circle_card {
    background: var(--circle_box_promo_my_done) !important;
    border-radius: 50%;
}

.player_account_management .icon_circle_card {
    background: unset;
    border-radius: unset;

}

.icon_circle_card img {
    width: 100%;
}

.reddot {
    position: relative;
}

.reddot:before {
    content: "";
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background-color: var(--tag_fail_bg);
}

.icon_circle_card.forty_four {
    width: 44px;
    min-width: 44px;
    height: 44px;
}

.icon_circle_card.forty_four img {
    width: 28px;
}

.icon_circle_card.done img {
    width: 100%;
}

.player_info_action,
.action_tab {
    /*background-color: var(--card_profile_bg);*/
}

.player_info_action>.block_content,
.action_tab>.block_content {
    /*background-color: var(--card_profile_bg);*/
    padding: 15px 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    border-top: 0.5px solid var(--line_profile);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.player_info_action>.block_content.logout {
    background-color: var(--bg_general);
    color: var(--txt_content);
}

.action_tab>.block_content.space {
    margin-bottom: 20px;
}

.player_info_action>.block_content>div.icon {
    margin-right: 10px;

}

.player_info_action>.block_content img {
    width: 24px
}

.player_info_action>.block_content>div.icon svg path {
    /* fill:var( --txt_label);*/
}


.player_info_action>.block_content>div[class^="icon"]:before {
    font-size: 18px;
    line-height: 22px;
    color: var(--txt_label);
}

.player_info_action>.block_content>div[class^="icon"]:last-child:before,
.action_tab>.block_content>div[class^="icon"]:last-child:before {
    color: var(--txt_label);
}

.player_info_action>.block_content.logout div[class^="icon"]:before {
    color: var(--txt_content);
}

.player_info_action>.block_content>.title,
.action_tab>.block_content .title {
    width: 100%;
}

.player_info_action>.block_content>.title {
    color: var(--txt_profile_title);
}

.player_profiledetails_form {
    border-radius: 0px 0px 16px 16px;
    padding: 16px 32px;
    padding-bottom: 10px !important;
    background: var(--card_safety_bg);
    /*margin: 0 5%;*/
    border: var(--card_safety_border);
}

/* .fullpage_white{
   
}
.fullpage_white.mainpage{   
    height: 100%;
 overflow-y: auto;
    overflow-x:hidden;
    
} */
.player_profiledetails_form form,
.form form {
    padding-top: 10px;
}

.player_profiledetails_form .textbox_content,
.form .textbox_content {
    margin-bottom: 15px;
    background: var(--card_safety_bg);
    border-color: var(--card_safety_border);
}

.textbox_content {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    position: relative;
}

.textbox_content input:disabled {
    background-color: var(--textfield_bg_disabled);
    color: var(--textfield_txt_disabled);
}

.textbox_content .input_title_static {
    display: none;
}

.textbox_content .input_title,
.textbox_content .input_title_static {
    position: absolute;
    color: var(--txt_label);
    font-size: 16px;
    top: 5px;
    left: 20px;
    opacity: 0;
    -webkit-transition: .2s all ease;
    -o-transition: .2s all ease;
    transition: .2s all ease;
    display: none;
}

.file_upload {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.file_upload>div:first-child {
    margin-right: 5px;
    white-space: nowrap;
    color: var(--txt_label);
}

.textbox_content input:focus~.input_title,
.textbox_content input:not(:placeholder-shown)~.input_title,
.textbox_content input:not(:placeholder-shown)~.input_title_static,
.textbox_content textarea:focus~.input_title,
.textbox_content textarea:not(:placeholder-shown)~.input_title,
.textbox_content textarea:not(:placeholder-shown)~.input_title_static {
    top: -10px;
    left: 10px;
    padding: 0px 3px;
    font-size: 13px;
    background: white;
    opacity: 1;
}

.textbox_content input:not(:placeholder-shown)~.input_title_static,
.textbox_content textarea:not(:placeholder-shown)~.input_title_static {
    /* display: block; */
}

.textbox_content input:focus::-webkit-input-placeholder,
.textbox_content textarea:focus::-webkit-input-placeholder {
    -webkit-transition: .3s all ease;
    transition: .3s all ease;
    opacity: 0;
}

.textbox_content input:focus::-moz-placeholder,
.textbox_content textarea:focus::-moz-placeholder {
    -moz-transition: .3s all ease;
    transition: .3s all ease;
    opacity: 0;
}

.textbox_content input:focus:-ms-input-placeholder,
.textbox_content textarea:focus:-ms-input-placeholder {
    -ms-transition: .3s all ease;
    transition: .3s all ease;
    opacity: 0;
}

.textbox_content input:focus::-ms-input-placeholder,
.textbox_content textarea:focus::-ms-input-placeholder {
    -ms-transition: .3s all ease;
    transition: .3s all ease;
    opacity: 0;
}

.textbox_content input:focus::placeholder,
.textbox_content textarea:focus::placeholder {
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    opacity: 0;
}

.textbox_content textarea:focus {
    border: 1px solid var(--textfield_border_focused);
    outline: none;
}

.textbox_content .error_msg {
    font-size: 12px;
    color: var(--textfield_txt_errormsg);
    font-weight: var(--textfield_weight_errormsg);
}

.textbox_content .unset_msg {
    font-size: 12px;
    color: var(--txt_unset);
    font-weight: var(--textfield_weight_errormsg);
}

.textbox_content[class*="icon-"],
.textbox_content[class*="ico-"],
div[class*="ico-"] {
    position: relative;
}

.textbox_content[class*="icon-"] input,
.textbox_content[class*="ico-"] input,
.textbox_content[class*="icon-"] select,
.textbox_content[class*="ico-"] select {
    padding-left: 30px;
}

.textbox_content[class*="icon-"]:before,
.textbox_content[class*="ico-"]:before {
    color: var(--txt_label);
    position: absolute;
    left: 9px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
}

.form .textbox_content.nospace {
    margin-bottom: 0;
}

.text_btn_side {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.text_btn_side>input,
.text_btn_side .textbox_content,
.text_btn_side>select {
    width: 60%;
}

.text_btn_side>button {
    width: 40%;
}

.text_btn_side .textbox_content {
    margin: 0;
}

.password_secure_level_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-top: 2px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.password_secure_level {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    border: 1px solid #ecf0f4;
    border-radius: 25px;
    padding: 2px;
    margin-right: 10px;
}

.password_secure_level>div {
    width: 100%;
    border-radius: 25px;
    height: 6px;
    margin-right: 5px;
    background-color: #ecf0f4;
}

.level_low .password_secure_level>div:first-child {
    background-color: var(--txt_content);
}

.level_medium .password_secure_level>div:nth-child(-n+2) {
    background-color: #edaf1b;
}

.level_high .password_secure_level>div:nth-child(-n+3) {
    background-color: #3dba6f;
}

.default.password_secure_level_container>span:after {
    content: '弱';
    visibility: hidden;
}

.level_low>span:after {
    content: '弱';
}

.level_medium>span:after {
    content: '中';
}

.level_high>span:after {
    content: '强';
}

.password_secure_level>div:last-child {
    margin-right: 0;
}

.password_secure_level_container>span {
    color: var(--txt_label);
    font-size: 12px;
}

.card_management {
    margin-bottom: 96px !important;
    padding: 0 5%;
}

.bankcards_list li {
    padding: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
    width: 100%;
}

.bankcards_list li>div:first-child,
.add_bankcard>div:first-child {
    width: 30%;
    margin-right: 15px;
}

.bankcards_list li>div img,
.add_bankcard>div img {
    width: 100%;
}

.bankcards_list li>div:nth-child(2),
.add_bankcard>div:nth-child(2) {
    display: flex;
    width: 70%;
    margin-right: 10px;
    font-size: 13px;
    letter-spacing: -0.8px;
    font-weight: bold;
    font-family: gilroy_bold;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.bank_card_default {
    color: var(--bankcard_none);
}

.bank_inner_detail {
    width: 100%;
}

.bankcards_list .toggle_bank {
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center;
}

.add_bankcard>div:nth-child(2),
.bankcards_list li .bank_name {
    font-weight: normal;
    font-size: 13px;
}

.bankcards_list li .bank_name {
    margin-bottom: 8px;
    color: var(--bankcard_name);
}

.bankcards_list li>div:last-child,
.add_bankcard>div:last-child {
    width: 10%;
    margin-right: 0;
    text-align: right;
}

.icon-heart_shape.active:before {
    content: '\e920' !important;
    color: var(--txt_content);
}

.add_bankcard {
    padding: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
    width: 100%;
}

.bankcards_add_form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.bankcards_add_form .btn_major {
    width: 100%;
    display: flex;
    justify-content: center;
}

.bankcards_add_form .block_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-bottom: 15px;
    color: var(--txt_label);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.bankcards_add_form .block_content>div {
    width: 100%;
    text-align: center;
}

.bankcards_add_form .block_content .text {
    text-align: left;
}

.bankcards_add_form .block_content .name {
    color: var(--txt_label);
    text-align: right;
}

.bankcards_add_form .textbox_content {
    width: 100%;
    margin-bottom: 0;
    /*border-radius: 8px;*/
    overflow: hidden;
}

.type_menu_bg {
    pointer-events: none
}

.select2-container--default .select2-selection--multiple {
    background-color: var(--textfield_bg_default) !important;
    border: 1px solid var(--textfield_border_default) !important;
    border-radius: var(--textfield_radius) !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    display: block !important;
}

.wallet_record_filter_block .select2-container--default .select2-selection--multiple {
    background-color: transparent !important;
    border: 0 !important;
}

.select2-container--default .select2-results>.select2-results__options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.select2-results__option {
    /* width: calc(25% - 10px); */
    text-align: center;
    margin: 10px 5px;
    font-size: 11px;
}

.select2-results__option.select2-results__message {
    width: 100%;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: inherit !important;
    color: inherit !important;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: var(--bg_general) !important;
    border-radius: 4px;
    color: var(--txt_content) !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--bg_general) !important;
    color: var(--txt_content) !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    display: none !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    border: 0 !important;
    font-size: 10px;
    padding: 5px 5px !important;
    /* width: 20%; */
    text-align: center;
}

.select2-container .select2-search--inline .select2-search__field {
    margin-top: 0 !important;
    padding: 10px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    font-size: 20px !important;
    line-height: 30px;
    margin-top: 0 !important;
}

.select2-dropdown {
    -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, .1) !important;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, .1) !important;
    border: none !important;
    background: var(--card_bg) !important;
}

.select2-container.select2-container--default.select2-container--below .select2-selection--multiple {
    max-height: 36px;
    overflow: hidden;
}

.select2-container.select2-container--default.select2-container--below.select2-container--open .select2-selection--multiple {
    max-height: initial;
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: initial !important;
}

.select2-container.select2-container--default.select2-container--below {
    position: relative;
    z-index: 2;
}

.select2-container.select2-container--default.select2-container--below.dotdotdot:after {
    content: '…';
    display: block;
    position: absolute;
    right: 11%;
    top: 50%;
    line-height: 0;
}

.select2-container.select2-container--default.select2-container--below.select2-container--open.dotdotdot:after {
    content: '';
}

.progress.circle {
    width: 80px;
    height: 80px;
    line-height: 80px;
    background: none;
    margin: 0 auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
}

.progress.circle:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 4px solid rgba(255, 255, 255, .3);
    position: absolute;
    top: 0;
    left: 0;
}

.progress.circle>span {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1;
}

.progress.circle .progress-left {
    left: 0;
}

.progress.circle .progress-bar {
    width: 100%;
    height: 100%;
    background: none;
    border-width: 4px;
    border-style: solid;
    position: absolute;
    top: 0;
}

.progress.circle .progress-left .progress-bar {
    left: 100%;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    border-left: 0;
    -webkit-transform-origin: center left;
    -ms-transform-origin: center left;
    transform-origin: center left;
}

.progress.circle .progress-right {
    right: 0;
}

.progress.circle .progress-right .progress-bar {
    left: -100%;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    border-right: 0;
    -webkit-transform-origin: center right;
    -ms-transform-origin: center right;
    transform-origin: center right;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    /* animation: loading-1 .3s linear forwards .3s; */
}

.progress.circle .progress-value {
    width: 90%;
    height: 90%;
    border-radius: 50%;
    background: transparent;
    font-size: 16px;
    line-height: 71px;
    text-align: center;
    position: absolute;
    top: 5%;
    left: 5%;
    color: var(--txt_content);
}

.progress.circle .progress-bar {
    border-color: var(--bar_bg);
}

.progress.circle .progress-left .progress-bar {
    -webkit-transition: all .3s linear .3s;
    -o-transition: all .3s linear .3s;
    transition: all .3s linear .3s;
}

/* @keyframes loading-1{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}
@keyframes loading-2{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(144deg);
        transform: rotate(144deg);
    }
}
@keyframes loading-3{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}
@keyframes loading-4{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(36deg);
        transform: rotate(36deg);
    }
}
@keyframes loading-5{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(126deg);
        transform: rotate(126deg);
    }
} */
.switch_button {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 25px;
    border-radius: 34px;
}

.switch_button input,
.switch_button_text input {
    opacity: 0;
    width: 0;
    height: 0;
}

.switch_button_slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--switch_inactive);
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    border-radius: 34px;
}

.switch_button_slider:before {
    position: absolute;
    content: "";
    height: 17px;
    width: 17px;
    left: 4px;
    bottom: 4px;
    background-color: var(--switch_thumb);
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    border-radius: 50%;
}

.switch_button input:checked+.switch_button_slider {
    background-color: var(--switch_active);
}

.switch_button input:focus+.switch_button_slider {
    -webkit-box-shadow: 0 0 1px rgb(1, 255, 35);
    box-shadow: 0 0 1px rgb(1, 255, 35);
}

.switch_button input:checked+.switch_button_slider:before {
    -webkit-transform: translateX(14px);
    -ms-transform: translateX(14px);
    transform: translateX(14px);
}

.switch_button_text {
    display: inline-block;
    position: relative;
    width: 179px;
    height: 34px;
    border-radius: 34px;
}

.switch_button_slider_text {
    background-color: var(--switch_inactive);
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    -webkit-transition: -webkit-transform 400ms ease, color 400ms ease;
    -webkit-transition: color 400ms ease, -webkit-transform 400ms ease;
    transition: color 400ms ease, -webkit-transform 400ms ease;
    -o-transition: transform 400ms ease, color 400ms ease;
    transition: transform 400ms ease, color 400ms ease;
    transition: transform 400ms ease, color 400ms ease, -webkit-transform 400ms ease;
    border-radius: 34px;
    cursor: pointer;
}

.switch_button_slider_text:before {
    content: "";
    background-color: var(--switch_thumb);
    position: absolute;
    left: 4px;
    bottom: 4px;
    width: 88.67px;
    height: 26px;
    -webkit-transition: -webkit-transform 400ms ease, color 400ms ease;
    -webkit-transition: color 400ms ease, -webkit-transform 400ms ease;
    transition: color 400ms ease, -webkit-transform 400ms ease;
    -o-transition: transform 400ms ease, color 400ms ease;
    transition: transform 400ms ease, color 400ms ease;
    transition: transform 400ms ease, color 400ms ease, -webkit-transform 400ms ease;
    border-radius: 34px;
}

.switch_button_text input:checked+.switch_button_slider_text {
    background-color: var(--switch_active);
}

.switch_button_text input:checked+.switch_button_slider_text:before {
    width: 78.22px;
    -webkit-transform: translateX(92.67px);
    -ms-transform: translateX(92.67px);
    transform: translateX(92.67px);
}

.switch_button_slider_text>span {
    color: var(--txt_content);
    padding: 9px 17px;
    border-radius: 34px;
    -webkit-transition: -webkit-transform 400ms ease, color 400ms ease;
    -webkit-transition: color 400ms ease, -webkit-transform 400ms ease;
    transition: color 400ms ease, -webkit-transform 400ms ease;
    -o-transition: transform 400ms ease, color 400ms ease;
    transition: transform 400ms ease, color 400ms ease;
    transition: transform 400ms ease, color 400ms ease, -webkit-transform 400ms ease;
    z-index: 2;
}

.switch_button_text input:not(:checked)+.switch_button_slider_text>span:first-of-type,
.switch_button_text input:checked+.switch_button_slider_text>span:last-of-type {
    color: #141040;
}

.switch_button_text_info {
    margin-left: 17px;
}

.switch_button_text_info>span:first-of-type {
    display: none;
}

.switch_button_text_info.active>span:first-of-type {
    display: inline-block;
}

.switch_button_text_info.active>span:last-of-type {
    display: none;
}

.switch_button.small {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 15px;
    border-radius: 34px;
}

.switch_button.small .switch_button_slider:before {
    height: 9px;
    width: 9px;
    left: 3px;
    bottom: 3px;
}

.mypromo_vip_level_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    color: var(--treasure_header_txt);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mypromo_vip_level {
    position: relative;
    width: 76px;
    height: 76px;
    min-width: 76px;
}

.mypromo_vip_level svg circle.circle_bg {
    stroke: var(--bar_bg);
}

.mypromo_vip_level svg circle.progress-ring__circle {
    stroke: var(--bar_progress_full);
}

.mypromo_vip_level svg circle {
    fill: var(--circle_box_vip);
}

.mypromo_vip_level img {
    width: 35px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.mypromo_vip_display {
    font-weight: bold;
    font-family: gilroy_bold;
    /*margin-bottom: 16px;*/
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 70px;
    color: var(--txt_box_vip);
}

.mypromo_vip_text {
    width: 60%;
}

.btn.vip_claim_btn,
.btn.rebate_payout_btn,
.btn.promo_claim_btn,
.btn.mini {
    font-size: 10px;
    border-radius: var(--btn_my_pwd_radius);
    font-weight: normal;
    width: auto;
}

.mypromo_vip_keep .title,
.info_board .vip_level_up {
    color: var(--txt_label);
    font-size: 13px;
    font-weight: bold;
    font-family: gilroy_bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px;
}

.mypromo_vip_keep_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 10px 0;
}

.mypromo_vip_keep .datetime {
    font-size: 11px;
    color: var(--txt_label);
}

.mypromo_vip_keep .datetime span {
    color: var(--txt_label);
}

.mypromo_vip_keep_list .block_content {
    font-size: 11px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    color: var(--txt_label);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 10px;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.mypromo_vip_keep_list .block_content:first-child {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.mypromo_vip_keep_list .block_content:last-child {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-right: 0;
}

.mypromo_vip_bg {
    background: var(--treasure_header_bg);
    background-size: 100% 100%;
    /*background: linear-gradient(180deg, #262B2C 0%, #1C1F21 100%);
    border-radius: 12px 12px 0px 0px;*/
}

.mypromo_vip_container {
    /*background: linear-gradient(180deg, #262B2C 0%, #1C1F21 100%);*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px 2.5% 0px;
}

/*.mypromo_vip_container > .block_content:first-child{
    width: 100%;
    margin-right: 8px;
}*/
.mypromo_vip_container>.block_content {
    width: 100%;
    margin-right: 8px;
}

.mypromo_vip_container>.block_content:last-child {
    width: 100%;
}

.mypromo_vip_container>.block_content .divider {
    border-right: 1px solid var(--line_box);
    margin-left: 8px;
    height: 50px;
}

.mypromo_vip_container .btn_trans_white {
    font-size: 10px;
    font-weight: normal;
    color: var(--btn_out_small_special_txt_enabled);
    border: 0.5px solid var(--btn_out_small_special_border_enabled);
    border-radius: 8px;
    width: 100%;
}

.mypromo_vip_container>.block_content .title,
.mypromo_vip_container>.block_content .action {
    color: var(--txt_content);
    text-align: center;
    margin: 10px 0
}

.mypromo_vip_container>.block_content .content {
    color: var(--txt_content);
    text-align: center;
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.mypromo_vip_container>.block_content .content>.date {
    font-size: 11px;
}

.mypromo_vip_container>.block_content .content>.price {
    font-size: 16px;
    font-weight: bold;
    font-family: gilroy_bold;
}

.mypromo_mission {
    overflow-x: hidden;
    -webkit-transform: translateY(-38px);
    -ms-transform: translateY(-38px);
    transform: translateY(-38px);
    margin-bottom: -50px;
    padding: 0 5%;
}

.mypromo_mission .swiper-container {
    overflow: inherit;
}

.mypromo_mission img {
    width: 100%;
}

.mypromo_mission .swiper-slide>a {
    display: block;
    position: relative;
}

.mypromo_mission .swiper-slide>a>span {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: var(--txt_event);
    font-weight: 600;
    display: block;
    width: 50%;
    text-align: center;
}

.mypromo_mission_notification {
    margin: 10px 0;
    color: var(--txt_signin_label);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.mypromo_mission_notification .title {
    color: var(--txt_signin_days);
}

.mypromo_mission_notification .title span {
    color: var(--txt_value_special);
}

.mypromo_mission_attendance {
    margin-top: 40px;
    margin-bottom: 20px;
}

.mission_signin_resignin {
    margin: 0 10% !important;
}

.mission_signin_sidebyside {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.mission_signin_sidebyside .title {
    font-weight: 600;
    color: var(--txt_title);
}

.mission_signin_sidebyside .data {
    font-weight: 600;
    font-size: 10px;
    color: var(--txt_subtitle);
}

.mission_signin_sidebyside span {
    color: var(--txt_value_special);
}

.clean_all_mission {
    color: var(--txt_mission_title);
}

.mypromo_mission_attendance ul,
.vip_mission_list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: relative;
}

.vip_mission_list {
    margin: 48px 0 16px;
}

.mypromo_mission_attendance ul li,
.vip_mission_list li {
    width: 100%;
    margin-right: 15px;
    text-align: center;
    font-size: 12px;
    color: var(--txt_signin_label);
    font-weight: var(--select_achieved_weight);
    position: relative;
}

.mypromo_mission_attendance ul li.active,
.vip_mission_list li.active {
    color: var(--txt_signin_today);
    font-weight: var(--select_achieved_weight_activated);
}

.vip_mission_list li {
    color: var(--txt_content);
    margin-right: 20px;
}

.mypromo_mission_attendance ul li:after,
.vip_mission_list li:after {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: -35px;
    /* content: '\e91e';
    font-size: 30px; */
    width: 30px;
    height: 30px;
    right: 0;
    background: var(--tick_check);
    background-repeat: no-repeat;
    background-position: center center;
    margin: auto;
    background-size: 100%;
}

.vip_mission_list li:after {
    margin: auto;
}

.mypromo_mission_attendance ul li.active:after,
.vip_mission_list li.active:after {
    background: var(--tick_check_active);
    background-repeat: no-repeat;
    background-position: center center;
    width: 30px;
    height: 30px;
    background-size: 100%;
}

.mypromo_mission_attendance ul li:last-child,
.vip_mission_list li:last-child {
    margin-right: 0;
}

.turnover_reward_container,
.turnover_given_time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    color: var(--treasure_header_txt);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 12px;
}

.turnover_reward_container div:first-child {
    color: var(--txt_box_rebate);
}

.turnover_reward_container div:last-child {
    font-weight: bold;
    font-family: gilroy_bold;
    color: var(--txt_box_rebate_amount);
}

.turnover_given_time {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-size: 10px;
    color: var(--txt_box_rebate_time);
    margin-top: 5px;
}

.turnover_label {
    color: var(--txt_turnover_label);
}

.turnover_content {
    color: var(--txt_turnover_content);
}

.turnover_value {
    color: var(--txt_turnover_value);
}

.turnover_value_special {
    color: var(--txt_turnover_value_special);
}

.icon-check-circle:before {
    font-size: 20px;
    color: #63b676;
}

.icon-check-circle.disable:before {
    color: var(--txt_label);
}

.rebate_reward {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.rebate_reward .title {
    color: var(--txt_label);
    font-size: 12px;
}

.rebate_reward .term_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 5px;
}

.rebate_reward .term_block span {
    font-size: 13px;
}

.mypromo_list_tab,
.sub_list_tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
    padding-bottom: 10px;
    padding: 0 5%;
}

.mypromo_list_tab {
    border-bottom: 1px solid #ecf0f4;
}

.mypromo_list_tab .block_content,
.sub_list_tab .block_content {
    width: 100%;
    text-align: center;
    display: block;
    color: var(--tab_txt_inactive);
    position: relative;
    border: var(--tab_borderthick_inactive) solid var(--tab_border_inactive);
    background: var(--tab_bg_inactive);

    border-radius: var(--tab_radius);
    padding: 9px 0;
    margin-right: 5px;
}

.sub_list_tab .block_content.history_day_filter {
    padding: 0;
    background: none;
}

.mypromo_list_tab .block_content:last-child,
.sub_list_tab .block_content:last-child {
    margin-right: 0;
}

.mypromo_list_tab .block_content.active,
.sub_list_tab .block_content.active {
    background: var(--tab_bg_active);
    border: var(--tab_borderthick_active) solid var(--tab_border_active);
    color: var(--tab_txt_active);
    -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.12);
}

.mypromo_list_tab .block_content:first-child .selected,
.sub_list_tab .block_content:first-child .selected {
    width: 100%;
    position: absolute;
    bottom: -5px;
    left: 0%;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    pointer-events: none;
}

.mypromo_list_tab .block_content:first-child .selected:after,
.sub_list_tab .block_content:first-child .selected:after {
    content: '';
    display: block;
    width: 30px;
    margin: auto;
    border-bottom: 2px solid var(--txt_content);
}

.mypromo_list_content {
    padding: 10px 0;
}

.mypromo_list_content>.block_content {
    display: none;
}

.mypromo_list_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    min-height: 45px;
    /*padding-bottom: calc(env(safe-area-inset-bottom) +40px) !important;*/
}

.allpromoList {
    padding: 0 5% !important;
}

.mypromo_list_item,
.mypromo_list_item li,
.table_listing,
.table_listing li {
    margin: 0;
    padding: 0;
    padding-bottom: env(safe-area-inset-bottom);
    list-style: none;
}

.table_listing .info_tag,
.table_listing .success,
.table_listing .fail,
.table_listing .process,
.table_listing .disable_tag,
.table_listing .recommended_tag,
.table_listing .black_tag {
    margin-right: 4px;
    margin-top: 0;
}

.mypromo_list_item li {
    /*margin-bottom: 16px;*/
    width: calc((100% - (8px * 2)) / 3);
    margin-right: 8px;
    padding: 10px 0px;
    display: inline-grid;
}

.mypromo_list_item.horizontal li {
    width: 100%;
    margin-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 0.5px solid var(--border_general);
    justify-content: center;
    align-items: center;
}

.mypromo_list_item li:nth-child(3n) {
    margin-right: 0;
}

.mypromo_list_item.horizontal li:first-child {
    border-top: 0.5px solid var(--border_general);
}

.mypromo_list_item.horizontal li:last-child {
    border: 0px;
    margin-bottom: 0;
}

.mypromo_list_item.horizontal li .btn.btn_trans_red:disabled {
    background: var(--btn_major_bg_disabled);
    color: var(--btn_major_txt_disabled);
    border: 1px solid var(--btn_con_general_border_disabled);
}

.mypromo_list_item li .title {
    color: var(--txt_content);
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    text-align: center;
    /*height: 40px;*/
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.mypromo_list_item.horizontal li .title {
    /*height: initial;*/
    color: var(--txt_card_title);
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    text-align: left;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}

.mypromo_list_item.horizontal li .title .word {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /*height: 40px;*/
    color: var(--txt_card_subtitle);
}

.mypromo_list_item.horizontal li .title .word.mission {
    color: var(--txt_card_title);
}

.mypromo_list_item.horizontal li .title .value.mission {
    color: var(--txt_time);
}

.mypromo_list_item.horizontal li .title .value_special.mission {
    color: var(--txt_value_special);
}

.mypromo_list_item.horizontal li>div {
    margin-right: 8px;
    margin-left: 0;
    margin-bottom: 0;
}

.mypromo_list_item.horizontal li>div:last-child {
    margin-right: 0;
    margin-left: 5px;
    /*min-width: 64px;*/
}

.mypromo_list_item li .title .progress {
    width: 100%;
    margin-top: 5px;
}

.mypromo_list_item li .title .terms {
    font-weight: normal;
    font-size: 9px;
    color: var(--txt_card_subtitle);
    margin-top: 10px;
}

.mypromo_list_item li .title .terms .done {
    color: var(--txt_card_value_special);
}

.mypromo_list_item li .title .promo_txt {
    color: var(--txt_card_promo);
}

.mypromo_list_item li .action_block {
    white-space: nowrap;
    text-align: center;
}

.mypromo_list_item li .action_block.apply_btn_action {
    align-items: end;
    display: flex;
}

.mypromo_list_item li .action_block .price {
    font-size: 17px;
    font-weight: bold;
    font-family: gilroy_bold;
    margin-bottom: 4px;
    color: var(--txt_card_value);
}

.mypromo_list_item li .action_block .price.mission {
    color: var(--txt_card_value) !important;
}

.mypromo_list_item li .action_block .button {
    margin: auto;
    width: initial;
    padding: 3px 12px;
    /*color: var(--txt_content);
    border: 0.5px solid var(--txt_content);*/
    border-radius: 16px;
    margin-bottom: 0px;
}

.mypromo_list_item li .action_block>div:last-child {
    font-size: 10px;
    color: var(--tag_processing_txt);
}

.mypromo_filter_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%;
}

.mypromo_filter_block>.block_content {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    margin-right: 10px;
    width: 50%;
}

.mypromo_filter_block>.block_content:nth-child(2) {
    width: 34%;
}

.mypromo_filter_block>.block_content:last-child {
    width: 16%;
}

.mypromo_filter_block>.block_content:last-child {
    margin-right: 0;
}

.mypromo_filter_block.bet_history>.block_content {
    width: 44%;
}

.mypromo_filter_block.bet_history>.block_content:nth-child(2) {
    width: 24%;
}

.mypromo_filter_block.bet_history>.block_content:nth-child(3),
.mypromo_filter_block.bet_history>.block_content:nth-child(4) {
    width: 16%;
}

.bet_history #adv_filter_btn {
    border: var(--btn_minor_borderthick_enabled) solid var(--btn_minor_border_enabled);
    background-color: var(--btn_minor_bg_enabled);
    color: var(--btn_minor_txt_enabled);
}

.mypromo_accordion,
.mypromo_accordion>li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mypromo_accordion>li>.content_block {
    display: none;
}

.mypromo_accordion>li>a,
.table_header_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 2.5%;
    margin: 0 -2.5% 10px;
    font-weight: bold;
    font-family: gilroy_bold;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#data_display,
.data_vendor {
    border-radius: var(--card_radius);
    overflow: hidden;
    box-shadow: var(--card_shadow);
    -webkit-box-shadow: var(--card_shadow);
    box-shadow: var(--card_shadow);
    margin-bottom: 7px;
    background: var(--card_bg);
    border: var(--card_borderthick) solid var(--card_border);
}

#data_display .bet_history_table {
    background: var(--bet_bg) !important;
}

.deposit_container {
    margin-bottom: 0px !important;
    border-top-left-radius: var(--card_box_radius);
    border-top-right-radius: var(--card_box_radius);
    background: var(--card_box_bg);
    border: var(--card_box_borderthick) solid var(--card_box_border);
    box-shadow: var(--card_box_shadow);
}

.deposit_container.layout.wallet_withdrawl_layout {
    margin-bottom: 4px !important;
}

.deposit_container.collapse_tab:first-child {
    /*border-radius: 8px 8px 0 0;*/
    border-top-left-radius: var(--card_radius) !important;
    border-top-right-radius: var(--card_radius) !important;
}

.data_vendor,
.mission_board {
    padding: 20px 16px;
    background: var(--mission_signin_bg);
    /* background: var(--vendor_tab_bg);*/
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: var(--txt_signin_title);
    font-weight: 600;
}

.data_vendor {
    background: var(--bg_record_filtered);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.mission_board {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 7px 0px;
    overflow: hidden;
}

.mission_board.signin {
    background: var(--mission_signin_bg);
    background-size: 100% 100%;
    /*padding: 15px 23px;*/
    background-repeat: no-repeat;
}

.mission_board.daily {
    background: var(--mission_daily_bg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.mission_board .signin_reward {
    color: var(--txt_signin_reward);
    /*width: 50%;*/
    text-align: end;
    word-break: break-all;
    font-size: 17px;
    display: flex;
}

.signin_title {
    width: 50%;
}

.signin_reward .btn_signin,
.mission_reward .btn_mission {
    margin-left: 5px;
    white-space: normal;
    width: auto;
}

.mission_board .mission_reward {
    color: var(--txt_mission_reward);
    /*width: 50%;*/
    text-align: end;
    word-break: break-all;
    font-size: 17px;
    display: flex;
}

/* .mission_board .btn{
    background:var(--btn_minor_bg_enabled);
    color:var(--btn_minor_txt_enabled);
}
.mission_board .btn:disabled{
    background:var(--btn_minor_border_disabled);
    color:var(--btn_minor_txt_disabled);
} */
.signin_txt_content_day {
    color: var(--txt_signin_days);
}

#signin_day {
    font-weight: bold;
    font-family: gilroy_bold;
    color: var(--txt_value_special);
}

.deposit_container.layout {
    /*padding: 0px 5%;*/
    background: var(--card_bg);
    box-shadow: 0px -2px 15px rgba(0, 0, 0, 0.1);
}

.deposit_container.cs_guide_container.layout {
    background: none;
}

.offline_layout,
.wallet_online_layout,
.wallet-container {
    min-height: calc(100vh - 44px - 8px);
}

.table_header_title {
    background: var(--wallet_table_header_bg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: var(--txt_tableheader);
    padding: 7px 16px;
    margin: 0;
    /*font-weight: bold;*/
}

.deposit_header.tableheader_bg {
    background: var(--wallet_table_header_bg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: var(--txt_tableheader);
    padding: 7px 16px;
    margin: 0;
    /*font-weight: bold;*/
}

.deposit_header span {
    font-size: 17px;
    font-weight: bold;
    color: var(--txt_tableheader_value);
}

.table_header_title.bet_history {
    background: var(--bg_record_general);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.table_header_title img,
.deposit_header img {
    width: 16px;
}

.table_header_title.active {
    background: var(--wallet_table_header_bg_general) center center no-repeat;
    background-size: 100% 100%;
    border-radius: 8px 8px 0 0;
    position: relative;
    height: 36px;
}

.table_header_title:after {
    position: absolute;
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    /*background: var(--collapse_header_arrow) no-repeat center center;*/
    background-size: 100%;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.table_header_title .expendable {
    color: var(--txt_tableheader);
}

.table_header_title.active .expendable {
    color: var(--txt_tableheader_general);
}

.copy_btn {
    width: 14px;
    z-index: 10;
}

.deposit_qr {
    text-align: center;
}

.deposit_qr img {
    max-width: 115px;
}

.table_header_title.bet_history {
    padding: 15px;
}

.mypromo_accordion>li>a:after {
    content: '\ea43';
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.mypromo_accordion>li.active>a:after,
.trans_details.active:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

/* #promo_onekey_pick{
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}
#promo_onekey_pick.active{
    opacity: 1;
    visibility: visible;
} */
.info_board .vip_level_up {
    margin-bottom: 10px;
}

.mypromo_filter_container,
.mypromo_quickkey {
    display: none;
}

.mypromo_filter_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.mypromo_filter_content>div {
    width: 100%;
    margin-right: 8px;
}

.mypromo_filter_content>div:last-child {
    width: 20%;
    margin-right: 0px;
}

.mypromo_finished {
    margin-bottom: 130px !important;
}

.wallet_history_tab,
.promo_history_tab {
    margin: 5px 0 13px;
}

.wallet_expandable_tab_container {
    position: relative;
    padding-right: 10px !important;
}

.wallet_expandable_tab_container.withdrawal {
    min-height: 52px;
}

.wallet_expandable_tab_container .arrow img {
    width: 24px;
}

.wallet_expandable_tab {
    overflow: hidden;
    padding-right: 10px !important;
    background: var(--wallet_expandable_tab_more);
    background-repeat: no-repeat;
    background-position: center right;
    position: absolute;
    background-size: contain;
    /* background-size: 100% 100%; */
    /* height: calc(100% - 15px); */
    right: 0;
    top: 0;
    width: 0px;
    height: 100%;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

#data_display .wallet_expandable_tab {
    /*height: calc(100% - 15px);
    top: 15px;*/
}

.wallet_expandable_tab.active {
    background: var(--wallet_expandable_tab_more_active) var(--card_records_details_bg);
    background-repeat: no-repeat;
    background-size: contain !important;
    border: var(--card_records_details_borderthick) solid var(--card_records_details_border);
    /* background-size: 100% 100%; */
    background-position: center left;
    padding-right: 0px !important;
    padding-left: 17px !important;
    background-size: unset;
    -webkit-box-shadow: var(--card_records_details_shadow);
    box-shadow: var(--card_records_details_shadow);
    border-radius: var(--card_records_details_radius);
    padding: 5px 10px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 230px !important;
}

.wallet_expandable_tab.plus {
    background: var(--wallet_expandable_tab_link);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: contain;
}

.wallet_expandable_tab.plus.disable {
    background: var(--wallet_expandable_tab_link_disabled);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: contain;
}

.wallet_expandable_tab table {
    width: 100%;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

.wallet_expandable_tab table td {
    padding: 3px 5px;
}

.wallet_expandable_tab.active table {
    opacity: 1;
    margin-left: 8px;
}

.wallet_expandable_tab.disable {
    background: var(--wallet_expandable_tab_more_disabled);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: contain;
}

.date_time_id {
    display: flex;
    justify-content: space-between;
}

.table_listing>li:before {
    content: "";
    position: absolute;
    left: 37px;
    height: 94px;
    width: 80%;
}

.table_listing>li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding-bottom: 7px;
    margin-bottom: 7px;
    margin: 0 18px 7px;
    border-bottom: 1px solid var(--line_record);
}

.table_listing>li:first-child {
    margin-top: 14px;
}

.table_listing>li:last-child {
    margin-bottom: 10px;
}

.table_listing>li>.block_content {
    width: 100%;
    font-size: 13px;
}

.table_listing>li>.block_content .date {
    /* font-size: 20px;
    font-weight: bold;
    font-family: gilroy_bold;*/
    color: var(--txt_record_date);
    margin-right: 5px;
}

.table_listing>li>.block_content .time {
    color: var(--txt_record_time);
}

.table_listing>li>.block_content .trans_id {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 5px;
    max-width: 210px;
    width: 100%;
    float: right;
}

.table_listing>li>.block_content .trans_id div:first-child {
    white-space: nowrap;
    overflow: hidden !important;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 90%;
    text-align: right;
    font-weight: bold;
    font-family: gilroy_bold;
    font-size: 10px;
    line-height: 12px;
    color: var(--txt_card_content);
}

.table_listing>li>.block_content .trans_id .button {
    font-size: 10px;
}

.table_listing>li>.block_content>table {
    width: 100%;
    table-layout: fixed;
    word-break: break-all;
}

.table_listing>li>.block_content>table>tbody>tr>td {
    padding: 3px;
    color: var(--txt_record_label);
    font-size: 9.5px;
}

.table_listing>li>.block_content>table>tbody>tr.expandable>td {
    padding: 0;
}

.table_listing>li>.block_content>table>tbody>tr>td:first-child {
    padding-left: 0;
}

.table_listing>li>.block_content>table>tbody>tr>td.money,
.table_listing>li>.block_content>table>tbody>tr>td.remark,
.hide_content>.block_content .money {
    color: var(--txt_label);
    text-align: right;
}

.table_listing>li>.block_content .hide_content {
    display: none;
    border: 1px solid var(--txt_label);
    padding: 3px;
}

.table_listing>li>.block_content .hide_content>.block_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 3px;
}

.table_listing>li>.block_content .hide_content>.block_content:last-child {
    padding-bottom: 0;
}

.table_listing>li>.block_content>table>tbody>tr>td.money,
.hide_content>.block_content .money {
    white-space: nowrap;
}

.table_listing>li>.block_content>table>tbody>tr>td.data {
    color: var(--txt_record_value);
}

.table_listing>li>.block_content>table>tbody>tr>td .trans_type {
    color: var(--txt_record_opt);
}

.table_listing>li>.block_content>table>tbody>tr>td.data.win {
    color: var(--txt_record_value_win);
}

.table_listing>li>.block_content>table>tbody>tr>td.data.loss {
    color: var(--txt_record_value_lose);
}

.text-norwrap {
    white-space: nowrap;
}

.table_listing>li>.block_content>table>tbody>tr>td.wrap {
    -ms-word-break: break-all;
    word-break: break-all;
    white-space: pre-wrap;
}

.trans_details {
    white-space: nowrap;
    color: var(--txt_content);
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.trans_details:after {
    content: '\ea43';
    font-size: 10px !important;
    margin-left: 1px;
    display: inline-block;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;

}

.info_tag,
.success,
.fail,
.process,
.disable_tag,
.recommended_tag,
.black_tag {
    /*background-color: var(--tag_info_bg);*/
    padding: 2px 8px;
    text-align: center;
    /*border: 1px solid var(--tag_info_border);*/
    /*color: var(--tag_info_txt);*/
    min-width: 36px;
    /* height: 18px; */
    white-space: nowrap;
    display: inline-block;
    border-radius: 25px;
    margin-top: 8px;
    line-height: 14px;
}

.info_tag {
    background-color: var(--tag_info_bg);
    border: 1px solid var(--tag_info_border);
    color: var(--tag_info_txt);
}

.status_tag.success {
    background-color: var(--tag_success_bg);
    border: 1px solid var(--tag_success_border);
    color: var(--tag_success_txt);
}

.status_tag.fail {
    background-color: var(--tag_fail_bg);
    border: 1px solid var(--tag_fail_border);
    color: var(--tag_fail_txt);
}

.status_tag.process {
    background-color: var(--tag_processing_bg);
    border: 1px solid var(--tag_processing_border);
    color: var(--tag_processing_txt);
}

.disable_tag {
    background-color: var(--bg_general);
    border: 1px solid var(--tag_recommend_border);
    color: var(--txt_label);
}

.recommended_tag {
    background: var(--tag_recommend_bg);
    border: 1px solid var(--tag_recommend_border);
    color: var(--tag_recommend_txt);
    font-size: 10px;
}

.black_tag {
    background: var(--tag_vip_bg);
    border: 1px solid var(--tag_vip_border);
    color: var(--tag_vip_txt);
    font-size: 10px;
}

.datetime_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    /*-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 20% !important;
    border-right: 0.5px solid var(--line_record);
    padding-right: 5px;
    margin-right: 5px;*/
}

/*.data_content{
    width: 80% !important;
}*/
.table_listing>li>.block_content>table .standard_link {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.table_listing>li>.block_content>table .standard_link:after {
    font-size: 9px;
    content: '\ea43';
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    display: inline-block;
    margin-left: 3px;
}

.wallet_record_filter_container {
    display: none;
}

.wallet_record_filter_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-bottom: 10px;
}

.wallet_record_filter_block div {
    width: 100%;
    margin-right: 10px;
    border: 1px solid var(--textfield_border_filled);
    background-color: var(--textfield_bg_filled);
    color: var(--textfield_txt_filled);
    font-size: 13px;
    line-height: 100%;
    border-radius: 8px;
    height: 37px;
    overflow: hidden;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.wallet_record_filter_block div:last-child {
    margin-right: 0;
}

.select2-container .select2-search--inline {
    width: 100%;
}

.select2-container.select2-container--default.select2-container--below .select2-search--inline {
    visibility: hidden;
}

.select2-container.select2-container--default.select2-container--below .select2-selection__rendered li:first-child {
    visibility: initial;
}

.table_header_caption {
    font-size: 10px;
    font-weight: normal;
    color: var(--txt_record_general_label);
}

.txt_record_general_title {
    color: var(--txt_record_general_title);
}

.betrecord_single .record_title {
    color: var(--txt_record_single_title);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 0;
}

.betrecord_multiple .record_title {
    color: var(--txt_record_filtered_title);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 0;
}

.txt_record_vendor {
    color: var(--bet_title);
}

.betrecord_single .record_label {
    color: var(--txt_record_single_label);
}

.betrecord_multiple .record_label {
    color: var(--txt_record_filtered_label);
}

.bet_history_table {
    width: calc(100% - 30px);
    margin: auto;
}

.bet_history_table td {
    padding: 3px;
    font-size: 10px;
    color: var(--txt_label);
}

.bet_history_table td.money,
.table_header_caption.money {
    text-align: right;
    white-space: nowrap;
    color: var(--txt_record_general_value);
}

.bet_history_table td.money {
    color: var(--txt_record_value);
}

.table_header_caption.money,
.table_header_caption.win,
.table_header_caption.loss {
    font-weight: bold;
    font-family: gilroy_bold;
}

.table_header_caption.win {
    color: var(--txt_record_general_value_win);
}

.table_header_caption.loss {
    color: var(--txt_record_general_value_lose);
}

.betrecord_single .table_header_caption .record_value_w_l,
.betrecord_single .table_header_caption .record_value,
.betrecord_single .table_header_caption.money.record_value {
    color: var(--txt_record_single_value);
}

.betrecord_single .table_header_caption.win.record_value_w_l {
    color: var(--txt_record_single_value_win);
}

.betrecord_single .table_header_caption.loss.record_value_w_l {
    color: var(--txt_record_single_value_lose);
}

.betrecord_multiple .table_header_caption .record_value_w_l,
.betrecord_multiple .table_header_caption .record_value,
.betrecord_multiple .table_header_caption.money.record_value {
    color: var(--txt_record_filtered_value);
}

.betrecord_multiple .table_header_caption.win.record_value_w_l {
    color: var(--txt_record_filtered_value_win);
}

.betrecord_multiple .table_header_caption.loss.record_value_w_l {
    color: var(--txt_record_filtered_value_lose);
}

.bet_history_table td.money.win {
    color: var(--txt_record_value_win);
}

.bet_history_table td.money.loss {
    color: var(--txt_record_value_lose);
}

.txt_record_label {
    color: var(--txt_record_label) !important;
}

.txt_record_single_value {
    color: var(--txt_record_single_value);
}

.txt_record_opt {
    color: var(--txt_record_opt);
}

.bet_history_table td.money,
.bet_history_table td.data {
    color: var(--txt_content);
}

.bet_history_table td.win {
    color: var(--txt_record_value_win);
}

.bet_history_table td.loss {
    color: var(--txt_record_value_lose);
}

.bet_history_icon_div {
    margin-right: 5px;
    padding: 5px;
    background: var(--circle_vendor_bg) !important;
    width: 50px;
    min-width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
}

.bet_history_table td img {
    width: 100%;
    /*background: var(--bg_general);*/
    border-radius: 50%;
    /*margin-right: 10px;*/
}

.bet_history_table>thead,
.bet_history_table>tbody {
    border-bottom: 0.5px solid var(--bet_line) !important;
}

.bet_history_table>tbody>tr:first-child>td:nth-child(2),
.bet_history_table>tbody>tr:first-child>td:nth-child(3) {
    padding-top: 18px;
}

.bet_history_table>tbody>tr:nth-child(2)>td:nth-child(2) {
    padding-bottom: 18px;
}

.bet_history_table>thead>tr:first-child>td:nth-child(2),
.bet_history_table>thead>tr:first-child>td:nth-child(3),
.bet_history_table>tbody>tr:first-child>td:nth-child(2),
.bet_history_table>tbody>tr:first-child>td:nth-child(3) {
    vertical-align: bottom;
}

.bet_history_table>thead>tr:last-child>td,
.bet_history_table>tbody>tr:last-child>td {
    vertical-align: top;
}

.bet_history_table>thead>tr:first-child>td:first-child,
.bet_history_table>tbody>tr:first-child>td:first-child {
    padding: 8px 3px;
}

.bet_history_table>tbody>tr:first-child>td:first-child>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--txt_content);
}

.bet_history_table>thead>tr:first-child>td:first-child {
    height: 50px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding-top: 0;
}

.bet_history_table>tbody:last-child {
    border-bottom: 0;
}

.announce_list {
    overflow-x: hidden;
}

.announce_list,
.announce_list li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.announce_list li {
    padding: 15px;
    border-bottom: 0.5px solid var(--line_general);
    position: relative;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.announce_list li:last-child {
    border-bottom: 0;
}

/* .announce_list li.unread:after{
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var( --txt_content);
    position: absolute;
    left: 5px;
    top: calc(50% - 5px);
} */
.announce_list li>.collapse {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.announce_list li>.collapse_a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.announce_list li>.collapse>.block_content:first-child {
    margin-right: 8px;
}

.announce_list li>.collapse>.block_content:first-child .thumb {
    border-radius: 100%;
    overflow: hidden;
    width: 36px;
    height: 36px;
    border: 1px solid var(--avatar_border_read);
}

.announce_list li.unread>.collapse>.block_content:first-child .thumb {
    /*border: 1px solid var(--color5);*/
    border: 1px solid var(--avatar_border_unread);
}

.announce_list.announcement li>.collapse>.block_content:nth-child(1) {
    width: 100%;
    margin-right: 8px;
}

.announce_list.announcement li>.collapse>.block_content:nth-child(2) {
    margin-left: auto;
    margin-right: 8px;
}

.announce_list li>.collapse>.block_content:nth-child(2) {
    width: 100%;
    margin-right: 8px;
}

.announce_list li>.collapse>.block_content:last-child {
    width: auto;
}

.announcement.announce_list li>.collapse>.block_content:last-child {
    margin-right: 0;
}

.collapse .arrow_right {
    text-align: center;
    margin: auto;
}

.announce_list li .block_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    font-size: 13px;
}

.announce_list li.unread .block_content .title,
.announcement.announce_list li .block_content .title {
    font-weight: bold;
    font-family: gilroy_bold;
}

.announce_list li.unread .block_content .title {
    color: var(--txt_title_unread);
}

.announce_list li .block_content .title {
    color: var(--txt_title);
}

.announce_list li .block_content.collapse_msg {
    display: none;
    color: var(--txt_label);
}

.announce_list li .block_content.incollapse_msg {
    color: var(--txt_label);
    margin-top: 8px;
}

.announce_list li .block_content.incollapse_msg div:first-child {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 100%;
    margin-right: 8px;
}

.announce_list li .block_content.collapse_msg .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.announce_list li .block_content.collapse_msg .content>div:first-child {
    width: 36px;
    margin-right: 8px;
}

.announce_list li .block_content.collapse_msg .content>div:last-child {
    width: 100%;
    /* border-top: 0.5px solid var(--bg_general);
    margin-top: 8px;
    padding-top: 8px; */
}

.announce_list li .block_content.collapse_msg .content>div:last-child .time {
    font-size: 10px;
    text-align: right;
}

.announce_list li .block_content.collapse_msg .button {
    width: 100%;
    margin-top: 10px;
}

.announce_list li .block_content>.type,
.announce_list li .block_content>.date {
    width: 100%;
    font-size: 10px;
    white-space: nowrap;
    text-align: right;
}

.announce_list li .block_content>.date {
    color: var(--txt_label);
}

.announce_list li.unread .block_content>.date {
    color: var(--txt_content);
}

.announce_list li .block_content>.type {
    color: var(--txt_time);
}

.announce_list li.unread .block_content>.type {
    color: var(--txt_time_unread);
}

/*.announce_list li.unread .collapse > .block_content img{
    border: 1px solid var( --txt_content);
}*/
.announce_list li .block_content>.date {
    text-align: right;
}

.announce_edit {
    position: absolute;
    display: flex;
    align-items: center;
    right: 0px;
    top: 0px;
    z-index: 99;
    padding: 10px 16px;
    font-size: 10px;
    /*background: var(--tabbar_bg) !important;
    border: 0.5px solid var(--btn_msg_edit_border_enabled) !important;*/
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 16px;
    width: fit-content;
    height: 100%;
    color: var(--btn_msg_edit_txt_enabled);
}

/*.show .announce_edit {
    position: initial;
}*/

.announce_cancel {
    display: flex;
    align-items: center;
    left: 10px;
    top: 12px !important;
    display: none;
    z-index: 99;
    padding: 3px 10px;
    font-size: 10px;
    /*background:var(--bg_general) !important;
    border: 0.5px solid var(--btn_msg_exit_border_enabled) !important;*/
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 8px;
    width: fit-content !important;
    color: var(--btn_msg_exit_txt_enabled);
}

.announce_top_area {
    position: absolute;
    top: 6px;
    right: 3.9%;
    /*width: 30%;*/
    z-index: 99;
    height: 30px;
}

.announce_top_area.d-none {
    display: none !important;
}

/*.announce_top_area.show{
   right:0;
}*/

.announce_list li.select_checkbox {
    position: relative;
    padding: 15px 15px 15px 35px;
}

.announce_list li.select_checkbox:before {
    content: ' ';
    margin-top: -6px;
    margin-left: -6px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    /*border: solid 0.7px var(--txt_label);
    background-color: var( --bg_general);*/
    background: var(--tick_radio) no-repeat center center;
    background-size: 100% 100%;
    display: block;
    position: absolute;
    top: calc(50% - 7px);
    left: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-animation: checkboxFadeIn .2s ease;
    animation: checkboxFadeIn .2s ease;
}

@-webkit-keyframes checkboxFadeIn {
    from {
        left: -100%;
    }

    to {
        left: 5px;
    }
}

@keyframes checkboxFadeIn {
    from {
        left: -100%;
    }

    to {
        left: 5px;
    }
}

.announce_list li.select_checkbox.unread:after {
    display: none;
}

.announce_list li.select_checkbox.active:after {
    content: "";
    width: 7px;
    height: 13px;
    /*border: solid var(--select_notshow);
    background: none;*/
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: -3px;
    margin-left: 3px;
    border-radius: unset;

    text-align: center;
    text-shadow: 1px 1px #B0BED9, -1px -1px #B0BED9, 1px -1px #B0BED9, -1px 1px #B0BED9;
    display: block;
    position: absolute;
    top: calc(50% - 7px);
    left: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.announce_list li.select_checkbox.active:before {
    /*background-color: var(--select_achieved_activated);
    border: solid 0.7px var(--select_achieved_activated);*/
    background: var(--tick_radio_active) no-repeat center center;
    background-size: 100% 100%;
}

.announce_list li.swipe_delete {
    -webkit-transform: translateX(-80px);
    -ms-transform: translateX(-80px);
    transform: translateX(-80px);
}

.announce_list li .delete_btn {
    position: absolute;
    right: calc(-80px + 2.5%);
    top: 0;
    width: calc(80px - 2.5%);
    height: 100%;
    background-color: #AA0B25;
    color: var(--txt_content);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.announce_action {
    /*margin-bottom: 60px;*/
    width: 100%;
    display: none;
}

.announce_action>.d-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 16px;
}

.announce_action .block_content {
    width: 100%;
    /* text-align: center;
    padding: 20px 0;
    border-right: 1px solid #f1f4fd;
    border-top: 1px solid #f1f4fd; */
    color: var(--txt_content);
}

.announce_action>.d-flex #setDelete {
    margin-left: 8px;
}

.announce_action .block_content:last-child {
    border-right: 0;
}

.announcement_details_container .datetime {
    text-align: right;
}

.announcement_details_container .datetime,
.announcement_details_container .content {
    color: var(--txt_label);
}

.announcement_details_container .title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 16px;
}

.no_data {
    height: 50vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;

    background: var(--bg_general);
    position: fixed;
    top: initial;
    left: 0;
    right: 0;
}

.no_data img {
    margin-bottom: 30px;
}

.lds-ring {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
}

.lds-ring div {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    margin: 3px 1px;
    border: 4px solid var(--appbar_safety_bg);
    border-radius: 50%;
    -webkit-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: var(--appbar_safety_bg) transparent transparent transparent;
}

.lds-ring.large {
    display: inline-block;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    width: 100px;
    height: 100px;
}

.lds-ring.large div {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 100px;
    height: 100px;
    margin: 3px 1px;
    border: 10px solid var(--txt_content);
    border-radius: 50%;
    -webkit-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: var(--txt_content) transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
    -webkit-animation-delay: -0.45s;
    animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
    -webkit-animation-delay: -0.15s;
    animation-delay: -0.15s;
}

@-webkit-keyframes lds-ring {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes lds-ring {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.promo_category_menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    font-size: 10px;
    line-height: 14px;
    position: relative;
    padding: 8px 0px;
    -webkit-box-shadow: var(--promo_shadow);
    box-shadow: var(--promo_shadow);
    overflow-y: hidden;
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    background: var(--promo_bg);
    border-bottom: var(--promo_borderthick) solid var(--promo_border);
}

.promo_category_menu .swiper-slide.actived {
    color: var(--promo_cat_txt_activated);
}

.promo_category_menu>div:first-child {
    width: 20%;
    text-align: center;
}

.promo_category_menu>div:last-child {
    width: 80%;
}

.promo_category_items .swiper-slide {
    text-align: center;
    width: 25%;
    color: var(--promo_cat_txt_enabled);
}

.promo_category_menu .swiper-slide .icon_circle_card img:last-child,
.promo_category_menu .swiper-slide.actived .icon_circle_card img:first-child {
    display: none;
}

.promo_category_menu .swiper-slide.actived .icon_circle_card img:last-child {
    display: block;
}

.promo_category_menu .swiper-slide.actived .icon_circle_card {
    background: var(--promo_cat_bg_activated);
    border: var(--promo_cat_borderthick_activated) solid var(--promo_cat_border_activated);

}

.promo_category_items.swiperable:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    border-left: 0.5px solid var(--bg_general);
    -webkit-box-shadow: 0px 5px 14px rgba(0, 0, 0, .9);
    box-shadow: 0px 5px 14px rgba(0, 0, 0, .9);
    z-index: 0;
}

.promo_category_items .icon_circle_card {
    background: var(--promo_cat_bg_enabled);
    border: var(--promo_cat_borderthick_enabled) solid var(--promo_cat_border_enabled);
}

.promo_container {
    overflow-x: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: relative;
    height: 100%;
    background: var(--bg_promo);
    background-attachment: fixed;
}

.promo_list {
    padding-top: 25px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    /*max-height: calc(100vh - 195px);*/
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1);
}

.promo_container.active .promo_list {
    -webkit-transform: translateX(35%);
    -ms-transform: translateX(35%);
    transform: translateX(35%);
}

.promo_container.active .promo_category_list {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}

.promo_list>.block_content>.card_container {
    background-color: var(--card_promo_bg);
    border: var(--card_promo_borderthick) solid var(--card_promo_border);
    border-radius: var(--card_promo_radius);
    box-shadow: var(--card_promo_shadow);
    /*border-radius: 16px;*/
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: relative;
    margin: 15% auto 20%;

}

.promo_list>.block_content>.card_container>.left_block {
    width: 25%;
    margin: 10px 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;

    border-right: 0.5px solid var(--line_general);
}

.promo_list>.block_content>.card_container>.right_block {
    width: 75%;

}

.promo_list>.block_content>.card_container>.right_block .title_container {
    position: relative;

}

.promo_list>.block_content>.card_container>.right_block .icon-arrow {
    position: absolute;
    right: 5px;
    top: 14px;
}

.promo_list>.block_content>.card_container>.right_block .icon-arrow::before {
    color: var(--txt_label);
}

.promo_list>.block_content .type {
    font-size: 10px;
    line-height: 14px;
    color: var(--txt_promo_cat);
    position: absolute;
    top: -39px;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.promo_list>.block_content .type label {
    margin-bottom: 0;
}

.promo_list>.block_content .type svg {
    margin-right: 5px;
    width: 28px;
}

.promo_list>.block_content .img_block img {
    border-radius: 8px;
    margin: auto;
    width: 90%;
    margin-top: -20%;

}

.promo_list>.block_content .img_block {
    position: relative;
    text-align: center;
}

.promo_list>.block_content .price_block {
    -ms-grid-column-align: center;
    justify-self: center;
    margin: auto;
}

.promo_list>.block_content .can_get {
    font-size: 10px;
    color: var(--txt_promo_label);
    text-align: center;
}

.promo_list>.block_content .price {
    font-size: 15px;
    font-weight: bold;
    font-family: gilroy_bold;
    color: var(--txt_promo_value);
    text-align: center;
}

.promo_list>.block_content .detail_block {
    padding: 12px 12px 10px;
    display: flex;
}

.promo_content {
    width: -webkit-fill-available;
}

.promo_list>.block_content .title_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.promo_list>.block_content .hot_promo {
    font-size: 10px;
    color: var(--txt_label);
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 4px;
    background: var(--promo_tag_bg);
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    align-items: center;
    background-size: 100% 100%;
    width: 43px;
    height: 20px;
    justify-content: space-evenly;
}

.promo_list>.block_content .hot_promo svg {
    width: 14px;
    height: 14px;
}

.promo_list>.block_content .hot_promo img {
    width: 14px;
    height: 14px;
}

.promo_list>.block_content .title {
    font-weight: bold;
    font-family: gilroy_bold;
    margin-bottom: 8px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-family: gilroy_bold;
    width: 70%;
    color: var(--txt_card_title);
}

.promo_list>.block_content .date {
    font-size: 10px;
    color: var(--txt_promo_time);
    width: 100%;
}

.promo_category_list>.block_content {
    padding: 15px;
    display: block;
    -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
    width: 80%;
    margin: 15px auto;
    text-align: center;
    border-radius: 6px;
    background-color: var(--bg_general);
}

.promo_category_list>.block_content [class^="icon"] {
    font-size: 25px;
    color: var(--txt_label);
    margin-bottom: 5px;
}

.promo_category_list>.block_content .title {
    color: var(--txt_label);
}

.promo_category_list>.block_content.active {
    background-color: var(--txt_content);
}

.promo_category_list>.block_content.active [class^="icon"],
.promo_category_list>.block_content.active .title {
    color: var(--txt_content);
}

.promo_detail_page .promo_detail_content {
    margin-bottom: 80px;
    color: var(--txt_content);
}

.promo_detail_page .promo_detail_content .title,
.promo_detail_page .promo_detail_content .content {
    padding: 0 5%;
}

.promo_detail_banner img {
    width: 100%;
    -webkit-filter: drop-shadow(0px 4px 6px rgba(237, 27, 52, 0.3));
    filter: drop-shadow(0px 4px 6px rgba(237, 27, 52, 0.3));
}

.promo_detail_content .promo_subject {
    font-size: 24px;
    font-weight: 600;
}

.promo_detail_content {
    /*margin: 16px 0;*/
}

.promo_detail_content .title {
    color: var(--txt_label);
    font-size: 13px;
    margin-bottom: 8px;
}

.promo_detail_status_history_list,
.promo_detail_status_history_list li {
    padding: 0;
    margin: 0;
    list-style: none;
}

.promo_detail_status_history_list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    border-bottom: 0.5px solid var(--border_general);
    margin-bottom: 8px;
    padding-bottom: 8px;
}

.promo_detail_status_history_list li>div {
    margin-right: 15px;
    /*width: 100%;*/
}

.promo_detail_status_history_list li>div:last-child {
    margin-right: 0;
    text-align: right;
}

.status_btn {
    width: 30%;
}

.status_content {
    width: 70%;
}

.promo_detail_status_history {
    border-radius: 9px;
    font-size: 10px;
    font-weight: 600;
    display: inline-block;
    white-space: nowrap;
}

.promo_detail_status.in_progress,
.promo_detail_status_history.success,
.promo_detail_status.success {
    background-color: var(--tag_success_bg);
    color: var(--tag_success_txt);
}

.promo_detail_status_history.in_progress {
    background-color: var(--tag_processing_bg);
    color: var(--tag_processing_txt);
}

.promo_detail_status.over {
    background-color: var(--tag_info_bg);
    color: var(--tag_info_txt);
}

.promo_detail_appy {
    position: fixed;
    bottom: 0px;
    left: 0;
    right: 0;
    padding: 20px 30px;
    background-color: var(--card_bg);
    border-radius: 16px 16px 0 0;
    -webkit-box-shadow: var(--card_shadow);
    box-shadow: var(--card_shadow);
    padding-bottom: calc(env(safe-area-inset-bottom) + 15px);
    z-index: 5;
    /*width: 70%;
    margin-bottom: 0 auto;*/
}

.promo_detail_appy img {
    width: 36px;
}

.promo_detail_appy img {
    width: 36px;
}

.promo_detail_appy button:first-child {
    width: 100%;
    text-align: center;
    border: none;
}

.promo_detail_appy button:nth-child(2) {
    width: fit-content;
}

.promo_detail_applied>.title {
    font-size: 15px;
    font-weight: bold;
    font-family: gilroy_bold;
    text-align: center;
    margin-bottom: 15px;
}

.promo_detail_applied>.block_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 20px 0;
}

.promo_detail_applied>.block_content>.applied_status,
.promo_detail_applied>.block_content>.applied_action {
    width: auto;
}

.promo_detail_applied>.block_content>.applied_detail {
    font-size: 12px;
    width: 100%;
}

.promo_detail_applied>.block_content>.applied_detail .applied_date {
    font-size: 10px;
    color: var(--txt_label);
}

.promo_detail_applied>.block_content>div {
    margin-right: 10px;
}

.promo_detail_applied>.block_content>div:last-child {
    margin-right: 0;
}

.promo_resutl_step {
    margin-bottom: 15px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.text_space_limited {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.promo_detail_status_history_list .text_space_limited {
    max-width: 200px;
    color: var(--txt_card_content);
}

.applied_datetime {
    font-size: 10px;
    color: var(--txt_card_time);
}

.wallet .channel_items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.wallet .channel_items .block_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    /*border-top: 0.5px solid var(--line_general);
    padding: 8px 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;*/
}

.wallet .channel_items .block_content.channel_item>div:last-child {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 0.5px solid var(--line_general);
}

.wallet .channel_items .block_content:last-child>div:nth-child(2),
.wallet .channel_items .block_content.channel_item:last-child>div:last-child {
    border-bottom: 0.5px solid var(--line_general);
}

.wallet .channel_items .block_content>div:nth-child(2) {
    width: 100%;
    text-align: left;
    color: var(--txt_title);
    padding: 16px 0;
    border-top: 0.5px solid var(--line_general);
}

.wallet .channel_items .block_content>div .promo_deposit {
    color: var(--txt_promo_deposit);
    font-size: 10px;
    margin-top: 8px;
}

.wallet .channel_items .block_content>div:nth-last-child(1) img {
    width: 24px;
}

.wallet .channel_items .block_content .icon_circle_card {
    border-radius: 100%;
}

.wallet .channel_items .block_content .icon_circle_card img {
    max-width: 32px;
}

.wallet .channel_items .recommended_tag {
    margin-left: 4px;
    margin-top: 0;
}

.mission_big_gift {
    /* background: var(--treasure_mission_bg); */
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 100% 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 2.5%;
    color: var(--txt_content);
    margin-bottom: 15px;
}

.mission_big_gift img {
    width: 100%;
}

.mission_big_gift .button {
    border-radius: 25px;
    border: none;
    background-color: #3dba6f;
    color: var(--txt_content);
    float: right;
}

.mission_big_gift .button:disabled {
    background-color: var(--bg_general);
    opacity: 0.8;
}

.mission_big_gift .title,
.mission_signin_get_price .title {
    width: 40%;
}

.mission_big_gift .price,
.mission_big_gift .action,
.mission_signin_get_price .price,
.mission_signin_get_price .action {
    width: 25%;
    text-align: right;
    margin-right: 5px;
    display: inline;
    font-size: 17px;
    font-family: gilroy_bold;
}

.alert_msg .price {
    font-size: 17px;
    font-family: gilroy_bold;
}

.alert_msg b {
    font-family: gilroy_bold;
}

.mission_signin_get_price .action {
    width: 40%;
}

.mission_big_gift .action,
.mission_signin_get_price .action {
    margin-right: 0;
}

.mission_signin_task {
    font-weight: bold;
    font-family: gilroy_bold;
    margin-top: 25px;
}

.mission_signin_task_list {
    padding: 15px 0;
    overflow: hidden;
    margin-bottom: 16px;
}

.mission_signin_task_list .swiper-container {
    overflow: inherit;
}

.mission_signin_task_list .swiper-container .card_container {
    border-radius: var(--card_day_radius);
    width: 100%;
    padding: 20px 25px;
    height: 100%;
    background: var(--card_day_bg);
    border: var(--card_day_borderthick) solid var(--card_day_border);
    box-shadow: var(--card_day_shadow);
}

.mission_signin_task_list .num_day {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 13px;
    margin-bottom: 15px;
}

.mission_signin_task_list .num_day b {
    color: var(--txt_card_subtitle);
    font-family: gilroy_bold;
}

.mission_signin_task_list .num_day .txt_status {
    color: var(--txt_card_warning);
    font-size: 10px;
}

.mission_signin_task_list .num_day .txt_status.success {
    color: var(--txt_card_success);
}

.mission_signin_task_list .task_title,
.mission_signin_redo .task_title {
    color: var(--txt_label);
    font-size: 12px;
}

.mission_signin_get_price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 400;
    font-family: gilroy_bold;
    justify-content: space-between;
}

.mission_signin_get_price .title {
    color: var(--txt_card_content);
}

.mission_signin_get_price .price {
    color: var(--txt_card_value);
}

/* .mission_signin_task_list .swiper-pagination-bullet-active, .swiper-pagination-bullet-active{
    background-color: var(--txt_value) !important;
} */
.mission_signin_redo {
    margin: 20px 0;
}

.redo_condition {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
}

.redo_condition>.block_content {
    font-size: 13px;
}

.redo_condition>.block_content .small {
    color: var(--txt_label);
}

.mission_listing>.block_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px solid #ecf0f4;
}

.mission_listing>.block_content .title {
    width: 60%;
    margin-right: 5px;
}

.mission_listing>.block_content .title .task_title {
    font-size: 13px;
    margin-bottom: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.mission_listing>.block_content .title .task_title .daily,
.mission_listing>.block_content .title .task_title .weekly {
    color: #fd9b17;
    border: 1.5px solid #fd9b17;
    border-radius: 3px;
    padding: 1px 7px;
    font-size: 10px;
    font-weight: bold;
    font-family: gilroy_bold;
    margin-left: 5px;
}

.mission_listing>.block_content .title .task_title .weekly {
    color: #16a3ff;
    border: 1.5px solid #16a3ff;
}

.mission_listing>.block_content .price {
    margin-right: 5px;
    text-align: center;
}

.mission_listing>.block_content .action .button {
    float: right;
}

.mission_listing>.block_content .price,
.mission_listing>.block_content .action {
    width: 20%;
}

.datatable {
    width: 100%;
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid var(--txt_label);
    border-radius: 6px;
}

.datatable table {
    width: 100%;
}

.datatable thead tr td {
    padding: 10px;
    color: var(--txt_label);
    font-size: 13px;
}

.datatable tbody tr td {
    padding: 10px;
    background-color: #f1f4fd;
    font-size: 13px;
}

.datatable tbody tr:nth-child(even) td {
    background-color: #f5f7fe;
}

.datatable td.right {
    text-align: right;
}

.datatable td.center {
    text-align: center;
}

.sponsor_menu {
    overflow-x: hidden;
    padding: 10px 0;
}

.sponsor_menu .swiper-container {
    overflow: inherit;
}

.sponsor_menu a {
    display: block;
    padding: 10px;
    text-align: center;
    /*border: var(--infotab_borderthick) solid var(--infotab_border);*/
    background: var(--tab_inactive_bg);
    color: var(--tab_inactive_txt);
    border-radius: 9px;
    font-size: 11px;
}

.sponsor_menu a.active .title {
    font-weight: 600;
}

.sponsor_menu a.active {
    color: var(--infotab_txt_active) !important;
    /*border: var(--infotab_borderthick_active) solid var( --infotab_border_active);*/
    background-color: var(--infotab_bg_active);
}

.sponsor_banner {
    margin: 20px 0;
}

.sponsor_banner img,
.sponsor_content button,
.sponsor_image img,
.sponsor_loop_slider img {
    width: 100%;
    color: var(--txt_label);
}

.sponsor_content button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 15px;
}

.sponsor_content button img {
    width: 20px;
    margin-right: 5px;
}

.sponsor_content h4 {
    margin: 5% 10%;
    text-align: center;
    font-weight: bold;
    font-family: gilroy_bold;
}

.sponsor_content p {
    padding: 0 10%;
    text-align: justify;
}

.sponsor_loop_slider {
    width: 100%;
    margin: 0 auto;
}

.sponsor_image,
.sponsor_loop_slider {
    margin-bottom: 15px;
}

.login_require_bg {
    position: relative;
    width: 100%;
    height: calc(100vh - 58px - 50px);
    /*  background: var(--login_require_bg);*/
    background-size: 100% auto;
    background-position: 0 0;
}

.login_require_img {

    width: 100%;
    margin: 0px auto 0px;

}

.login_require_img img {
    width: 100%;
}

.login_require {

    width: 100%;
}

.login_require_btn {
    margin: auto;
    width: 70%;
}

.login_require_btn .btn_major {
    width: 100%;
    display: flex;
    justify-content: center;
}

.login_require_text {
    margin-top: 15px;
    text-align: center;
    color: var(--auth_login_title);
}

.login_require_text a {
    color: var(--auth_login_title);
}

.faq_container,
.contactus_layout {
    padding: 0px 5%;
}

.faq_container>.deposit_container {
    margin-bottom: 0 !important;
}

.faq_container>.title {
    font-weight: bold;
    font-family: gilroy_bold;
    text-align: center;
    background-color: #fafbff;
    padding: 10px 0;
}

.faq_container>.block_content {
    background-color: var(--bg_general);
    /*border-bottom:  0.5px solid var(--line_general);*/
}

.faq_container>.block_content.last {
    border-bottom: 0px;


}

.faq_container>.block_content>.question {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    margin: 15px 0px;
}

.faq_container>.block_content>.question div:first-child {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    width: 24px;
    height: 14px;
    background: var(--arrow_right_adjusted);
    background-size: 100%;
    background-repeat: no-repeat;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-position: center;
}

.faq_container>.block_content>.answer {
    /*margin: 15px 20px;*/
    display: none;
    color: var(--txt_content);
    padding-left: 10px;
}

.faq_container>.block_content>.answer .answer_title {
    font-weight: 600;
    margin-bottom: 3px;
    /*font-size: 17px;*/
}

.faq_container>.block_content div[class^="icon"],
.contactus_layout>.block_content div[class^="icon"] {
    display: inline;
    margin-right: 5px !important;

}

.faq_container>.block_content div[class^="icon"]:before {
    color: var(--txt_label);
    font-size: 18px;
}

.faq_container>.block_content>.question .title {
    font-weight: bold;
    font-family: gilroy_bold;
    width: 100%;
    color: var(--txt_title);
    padding-left: 10px;
}

.faq_container>.block_content.active>.question div:first-child {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    width: 24px;
    height: 14px;
    background: var(--collapse_header_arrow_down);
    background-size: 100%;
    background-repeat: no-repeat;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-position: center;
}

.faq_container>.block_content>.answer .deposit_pg_flex {
    display: flex;
    flex-flow: wrap;
}

.faq_container>.block_content>.answer .pg_type,
.faq_container>.block_content>.answer .mpg_type {
    display: flex;
    background: var(--bg_general);
    border: 0.5px solid var(--bg_general);
    box-sizing: border-box;
    border-radius: 8px;
    padding: 5px;
    min-width: 70px;
    margin: 0 5px 10px;
    align-items: center;
}

.faq_container>.block_content>.answer .pg_type .pg_icon {
    width: 24px;
    margin-right: 6px;
}

.faq_container>.block_content>.answer .pg_type .pg_icon img {

    width: 100%;
}

.faq_container>.block_content>.answer .mpg_type .pg_icon {
    width: 24px;
    margin-right: 6px;
}

.faq_container>.block_content>.answer .mpg_type .pg_icon img {

    width: 100%;
}

.faq_container>.block_content>.answer .deposit_content,
.faq_container>.block_content>.answer .mdeposit_content {
    display: none;
}

.faq_container>.block_content>.answer .deposit_content.active,
.faq_container>.block_content>.answer .mdeposit_content.active {
    display: block;
}

.faq_container>.block_content>.answer .pg_type.active,
.faq_container>.block_content>.answer .pg_type:hover,
.faq_container>.block_content>.answer .mpg_type.active,
.faq_container>.block_content>.answer .mpg_type:hover {
    color: var(--txt_content);
    border: 0.5px solid var(--txt_content);
}

.faq_container>.block_content>.answer .pg_type>.pg_icon .blue,
.faq_container>.block_content>.answer .pg_type.active>.pg_icon .red,
.pg_type:hover>.pg_icon .red,
.faq_container>.block_content>.answer .mpg_type>.pg_icon .blue,
.faq_container>.block_content>.answer .mpg_type.active>.pg_icon .red,
.mpg_type:hover>.pg_icon .red {
    display: block;
}

.faq_container>.block_content>.answer .pg_type>.pg_icon .red,
.faq_container>.block_content>.answer .pg_type.active>.pg_icon .blue,
.pg_type:hover>.pg_icon .blue,
.faq_container>.block_content>.answer .mpg_type>.pg_icon .red,
.faq_container>.block_content>.answer .mpg_type.active>.pg_icon .blue,
.mpg_type:hover>.pg_icon .blue {
    display: none;
}

.faq_container>.block_content>.answer .swiper-slide img {
    width: 80%;
    border-radius: 16px;
    margin: 0 auto;
    display: block;
}

.faq_container>.block_content>.answer .answer_content {
    margin: 0px 20px;
    text-align: justify;
    margin-bottom: 16px;
}

.faq_container>.block_content>.answer .answer_slider,
.faq_container>.block_content>.answer .answer_slider_thumb {
    margin-bottom: 10px;
}

.faq_container>.block_content>.answer .answer_slider_thumb .swiper-slide {
    opacity: 0.7;
}

.faq_container>.block_content>.answer .answer_slider_thumb .swiper-slide.swiper-slide-thumb-active {
    opacity: 1;
}

.faq_container>.block_content>.answer .answer_slider_thumb .swiper-slide.swiper-slide-thumb-active .answer_thumb {
    border: var(--txt_content) 1px solid;
}

.faq_container>.block_content>.answer .answer_thumb {
    background-position: center center;
    border-radius: 8px;
    background-repeat: no-repeat;
    background-size: cover;
    height: 60px;
    width: 60px;

}

.faq_container>.block_content>.answer .swiper-button-prev {
    background: var(--faq_swiper_prev_btn);
    background-position: center center;
    background-repeat: no-repeat;
    width: 36px;
    height: 72px;
    left: 0;
    border: 0 !important;
    outline: none !important;
}

.faq_container>.block_content>.answer .swiper-button-next {
    background: var(--faq_swiper_prev_btn) no-repeat center center;
    transform: rotate(180deg);
    width: 36px;
    height: 72px;
    right: 0;
    border: 0 !important;
    outline: none !important;
}

.contactus_layout>.block_content>.contact_box div:first-child img {
    width: 24px;
}

.contactus_layout>.block_content>.contact_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    margin: 15px 0px;
}

.contactus_layout>.block_content>.contact_box .title {
    font-weight: bold;
    font-family: gilroy_bold;
    width: 100%;
    color: var(--txt_title);
    padding-left: 10px;
}

.pa .contact_container {
    padding: 0;
}

.about_container,
.terms_container,
.responible_container,
.privacy_container {
    padding: 0 5%;
}

.about_container .logo {
    width: 40%;
    margin: 40px auto;
}

.about_container img,
.about_container .image {
    width: 100%;
}

.about_container .title,
.about_container .image,
.terms_container .title,
.privacy_container .title,
.responible_container .title {
    font-weight: bold;
    font-family: gilroy_bold;
    margin-bottom: 15px;
}

.about_container p,
.terms_container p,
.privacy_container p,
.responible_container p {
    color: var(--txt_content);
}

.terms_container,
.privacy_container,
.responible_container {
    margin-top: 15px;
}

.terms_container ol,
.privacy_container ol,
.about_container ol,
.responible_container ol,
.terms_container ul,
.privacy_container ul,
.about_container ul,
.responible_container ul {
    padding-left: 20px;
}

.terms_container ol li,
.privacy_container ol li,
.about_container ol li,
.responible_container ol li {
    list-style: decimal;
    color: var(--txt_content);
    margin-bottom: 5px;
}

.terms_container ul li,
.privacy_container ul li,
.about_container ul li,
.responible_container ul li {
    list-style: disc;
    color: var(--txt_label);
    margin-bottom: 5px;
}

.feedback_cs_btn {
    position: fixed;
    right: 2.5%;
    top: 15px;
}

#current_turnover.modal_bottom .modal_dialog .modal_content {
    padding: 15px 0;
}

#current_turnover .progress_details {
    margin: 26px 15px 16px;
}

.turnover_info_title {
    text-align: center;
    font-size: 13px;
    margin-bottom: 10px;
    margin-top: 20px;
}

.turnover_table {
    width: 100%;
}

.turnover_table tr {
    vertical-align: top;
}

.turnover_table tr td:first-child {
    padding: 5px 0;
    color: var(--txt_label);
    width: 30%;
}

.turnover_table tr td:last-child {
    padding: 5px;
    color: var(--txt_content);
    text-align: right;
    font-weight: bold;
    font-family: gilroy_bold;
}

#current_turnover_details {
    margin: 10px -15px;
}

#current_turnover_details .swiper-wrapper {
    margin-top: 10px;
}

#current_turnover .progress-bar {
    background-color: var(--bar_turnover_progress);
}

.turnover_progress_bg {
    background: var(--bar_turnover_bg);
}

.setting_items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 17px;
}

.setting_items>div:last-child {
    color: var(--txt_setting_value);
    /* color: var(--txt_index);*/
}

.logout_btn {
    position: fixed;
    bottom: 64px;
    left: 0;
    right: 0;
    margin: auto;
    width: 66%;
}

.myvip_content {
    background: #8F7844;
    -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.12);
    border-radius: 16px 16px 0px 0px;
    padding: 16px;
    color: var(--txt_content);
}

.myvip_content>.block_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 8px;
}

.myvip_level {
    font-family: gilroy_bold;
    font-weight: bold;
    font-size: 24px;
}

.myvip_desc {
    font-size: 10px;
}

.myvip_desc.grey {
    color: var(--popup_remark);
}

.myvip_gift {
    color: var(--txt_warning);
    font-weight: bold;
    font-size: 17px;
    font-family: gilroy_bold;
}

.myvip_mission {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.myvip_mission>.block_content {
    position: relative;
    padding: 0 0 0 34px;
    font-size: 10px;
    width: 100%;
    margin-right: 8px;
}

.myvip_mission>.block_content:last-child {
    margin-right: 0;
}

.myvip_mission>.block_content>.price,
.myvip_mission_title {
    font-weight: 600;
}

.myvip_mission>.block_content:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    right: 0;
    background: var(--tick_check) no-repeat center center;
}

.myvip_mission>.block_content.complete:before {
    background: var(--tick_check_active) no-repeat center center;
}

.myvip_mission_title {
    /*text-align: center;*/
    margin-bottom: 8px;
}

.myvip_mission_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.myvip_mission_list>div:first-child {
    white-space: nowrap;
    margin-right: 8px;
}

.myvip_mission_list .progress .start,
.myvip_mission_list .progress .end,
.myvip_mission_list .progress .complete {
    color: var(--bar_value_current) !important;
}

.myvip_desc img.arrow {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-left: 8px;
}

.myvip_bottom_container {
    padding-top: 16px;
    background: var(--bg_general);
    -webkit-box-shadow: 0px -4px 15px rgba(0, 0, 0, 0.12);
    box-shadow: 0px -4px 15px rgba(0, 0, 0, 0.12);
}

.myvip_bottom_content {
    padding: 24px 16px;
}

.myvip_gift_list,
.myvip_limitation_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 16px;
}

.myvip_gift_list .icon_circle_card {
    background-color: var(--promo_cat_bg_enabled);
    /* border: var(--promo_cat_borderthick_enabled) solid var(--promo_cat_border_enabled);*/
    margin: 0 8px 0 0;
}

.myvip_gift_list>.block_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 16px;
    width: 100%;
    margin-bottom: 16px;
}

.myvip_gift_list>.block_content:last-child {
    margin-right: 0;
}

.myvip_gift_desc {
    width: 100%;
    font-family: gilroy_bold;
}

.myvip_gift_desc>div:last-child {
    text-align: right;
    font-weight: 300;
    font-family: gilroy_bold;
    font-size: 17px;
}

.myvip_get_gift_requirement {
    color: var(--txt_label);
    font-size: 10px;
    text-align: right;
    width: 100%;
}

.myvip_limitation_list>.block_content {
    width: 100%;
    margin-bottom: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 28px;
}

.myvip_limitation_list>.block_content:last-child {
    margin-right: 0;
}

.myvip_limitation_list>.block_content>div:first-child {
    margin-right: 5px;
}

.myvip_limitation_list>.block_content .title {
    font-size: 10px;
    margin: 4px 0;
    color: var(--txt_vip_benefit_label);
}

.myvip_limitation_list>.block_content .data {
    font-weight: 600;
    color: var(--txt_vip_benefit_value);
}


.myvip_limitation_list>.block_content>.title img {
    margin-right: 4px
}

.vipdetail_listing_container {
    -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.12);
}

.vipdetail_listing.card_container {
    position: relative;

}

.vipdetail_listing.swiper-container {
    /*overflow: visible;*/
}

.vipdetail_listing .swiper-slide {
    margin-top: 12px;
    margin-bottom: 12px;
}

.vipdetail_listing .icon_circle_card,
.vipdetail_gift_name .icon_circle_card {
    width: 44px;
    height: 44px;
    min-width: 44px;
}

.vipdetail_listing .icon_circle_card {
    margin: 0 8px 0 0;
    /*background-color: var(--promo_cat_bg_enabled);
    border: var(--promo_cat_borderthick_enabled) solid var(--promo_cat_border_enabled);*/
}

.vipdetail_listing .swiper-slide.active .icon_circle_card {
    background-color: var(--promo_cat_bg_enabled);
    border: var(--promo_cat_borderthick_enabled) solid var(--promo_cat_border_enabled);
}

.vipdetail_listing .swiper-slide.active .icon_circle_card .inactive_img,
.vipdetail_listing .swiper-slide .icon_circle_card .active_img {
    display: none;
}

.vipdetail_listing .swiper-slide.active .icon_circle_card .active_img,
.vipdetail_listing .swiper-slide .icon_circle_card .inactive_img {
    display: block;
}

.vipdetail_listing_name {
    font-size: 10px;
    text-align: center;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.vipdetail_listing .swiper-slide.active .vipdetail_listing_name {
    color: var(--txt_content);
}

.vipdetail_content {
    padding: 16px;
}

.vipdetail_content>.block_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.vipdetail_level,
.vipetail_gift {
    font-weight: bold;
    font-family: gilroy_bold;
    font-size: 24px;
}

.vipdetail_limitation_icon {
    width: 44px;
    height: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 8px;
}

.vipdetail_limitation_title {
    font-size: 10px;
    line-height: 14px;
    color: var(--txt_vip_title);
}

.vipdetail_limitation_data {
    font-weight: 600 !important;
    font-size: 13px !important;
    color: var(--txt_vip_value) !important;
}

.vipdetail_desc {
    font-weight: bold;
    font-family: gilroy_bold;
}

.vipetail_gift {
    color: var(--txt_content);
}

.vipdetail_tbl {
    font-family: gilroy_bold;
    width: 100%;
}

.vipdetail_tbl thead td {
    color: var(--txt_label);
    font-weight: 600;
    text-align: center;
}

.vipdetail_tbl tbody td {
    color: var(--txt_value);
    font-weight: 600;
    text-align: center;
    padding: 8px 0;
}

.vipdetail_tbl tbody td:first-child {
    color: var(--txt_label);
    font-size: 10px;
    text-align: left;
}

.vipdetail_level_left_target,
.vipdetail_level_right_target {
    height: 28px;
    background-color: var(--bg_general);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.vipdetail_level_left_target {
    border-radius: 28px 0px 0px 28px;
}

.vipdetail_level_right_target {
    background-color: var(--bg_general);
    border-radius: 0px 28px 28px 0px;
}

.vipdetail_gift_tbl {
    width: 100%;
    font-family: gilroy_bold;
}

.vipdetail_gift_tbl td>div {

    font-family: gilroy_light;
}

.vipdetail_gift_tbl thead td {
    font-size: 10px;
    text-align: right;
    color: var(--txt_vip_all_promo_label);
}

.vipdetail_gift_tbl tbody td {
    font-weight: bold;
    font-family: gilroy_bold;
    font-size: 17px;
    line-height: 19px;
    text-align: right;
    padding: 8px 0;
    color: var(--txt_vip_value);
}

.vipdetail_gift_tbl tbody td:first-child {
    font-weight: normal;
    font-size: 13px;
    text-align: left;
}

.vipdetail_gift_name .icon_circle_card {
    margin: 0 8px 0 0;
    border-radius: 99rem;
    /*background: var(--promo_cat_bg_enabled);
    border: var(--promo_cat_borderthick_enabled) solid var(--promo_cat_border_enabled);*/
}

.vipdetail_gift_name {
    color: var(--txt_vip_title);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.vipdetail_gift_tbl tbody td:first-child>div>div>div,
.vipdetail_gift_tbl tbody td:nth-child(2)>div,
.vipdetail_gift_tbl tbody td:last-child>div {
    color: var(--txt_label);
    font-size: 10px;
    font-weight: normal;
}

.vipdetail_rules {
    font-size: 10px;
    margin-bottom: 16px;
    color: var(--txt_content);
}

.vipdetail_rules>.block_content>div,
.vipdetail_rules>.block_content .black_tag {
    width: 100%;
    margin-top: 0px;
}

.vipdetail_rules>.block_content>div:first-child {
    margin-right: 8px;
    width: fit-content;
}

.vipdetail_rules_desc {
    /*background: linear-gradient(133.75deg, #F1D9BF 9.38%, #D9C0A5 32.65%, #BD9774 82.32%);*/
    background: var(--bg_vip_tnc);
    font-size: 10px;
    color: var(--txt_vip_tnc);
    padding: 16px;
}

.vipdetail_rules_desc ol,
.vipdetail_rules_desc ol li {
    list-style: decimal;
    margin: 0 0 8px 8px;
    padding: 0;
}

.appdownload_container {
    /* background: url("../templateimage/appdownload/background.jpg") no-repeat top right #aa0c25; */
    text-align: center;
}

.appdownload_logo {
    padding: 54px 0 30px 0;
}

.appdownload_logo img {
    width: 120px;
}

.appdownload_supply_icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin: 0 auto 20px auto;
    width: 280px;
}

.appdownload_supply_icon>.block_content {
    font-size: 8px;
    color: rgba(255, 255, 255, 0.7);
    position: relative;
}

.appdownload_supply_icon>.block_content:not(:last-child):after {
    position: absolute;
    right: -11px;
    top: 10px;
    content: "";
    display: block;
    height: 32px;
    border-right: 0.5px solid #CCCCCC;
}

.appdownload_desc {
    color: var(--txt_content);
    font-size: 11px;
    margin-bottom: 18px;
    max-width: 80%;
    margin-right: auto;
    margin-left: auto;
}

.appdownload_btn {
    background: var(--bg_general);
    border-radius: 8px;
    font-weight: 600;
    text-align: center;
    color: var(--txt_content);
    display: block;
    padding: 9px 10px;
    max-width: 80%;
    margin: auto;
}

.appdownload_arrow_down {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 16px;
    height: 16px;
    margin: auto;
}

.appdownload_guide_text {
    font-weight: 600;
    text-align: center;
    color: var(--txt_content);
    margin-bottom: 16px;
}

.affiliate_container {
    /* background: url("../templateimage/affiliate/background.png") no-repeat right top #384357; */
    min-height: 829px;
    width: 100%;
    overflow: hidden;
}

.affiliate_content {
    position: relative;
}

.affiliate_sponsor_player {
    position: absolute;
    right: -35%;
    top: 92px;
    width: 100%;
}

.affiliate_sponsor_player img {
    width: 100%;
}

.affiliate_ronnie_signature {
    position: absolute;
    width: 100px;
    left: 15%;
    top: 197px;
}

.affiliate_ronnie_signature img {
    width: 100%;
}

.affiliate_title {
    position: absolute;
    left: 7%;
    top: 355px;
}

.affiliate_title .title {
    font-weight: 600;
    font-size: 46px;
    color: #FCEC98;
}

.affiliate_title .desc {
    font-weight: 600;
    font-size: 20px;
    color: var(--txt_content);
    margin-bottom: 20px;
}

.affiliate_title .btn_block .btn {
    padding: 9px 0;
    text-align: center;
    width: 100%;
}

.affiliate_static_container {
    background-color: #384357;
    padding-top: 30px;
}

.affiliate_items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.affiliate_items>.block_content {
    width: 100%;
    text-align: center;
    color: var(--txt_content);
    margin-bottom: 38px;
}

.affiliate_items>.block_content .title {
    font-weight: 600;
    margin: 8px 0;
}

.affiliate_divider {
    margin: 12px 5% 50px;
    border-bottom: 0.5px solid #808080;
}

.affiliate_contact_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 70px;
    padding: 16px;
}

.affiliate_contact_list>.block_content {
    width: 100%;
    text-align: center;
    font-weight: 600;
    color: var(--txt_content);
}

.affiliate_contact_list>.block_content>div:last-child {
    color: #FCEC98;
}

.affiliate_supply_icon {

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin: 0 auto;
    width: 90%;
    padding-bottom: 32px;
}

.affiliate_supply_icon>.block_content {
    font-size: 8px;
    width: 100%;
    color: rgba(255, 255, 255, 0.7);
    position: relative;
    text-align: center;
    margin-bottom: auto;
}

.affiliate_supply_icon>.block_content:not(:last-child):after {
    position: absolute;
    right: 0px;
    top: 10px;
    content: "";
    display: block;
    height: 32px;
    border-right: 0.5px solid #CCCCCC;
}

.affiliate_supply_icon>.block_content .affiliate_ronnie,
.affiliate_supply_icon>.block_content .affiliate_LCFC,
.affiliate_supply_icon>.block_content .affiliate_snooker,
.affiliate_supply_icon>.block_content .affiliate_derby {
    /* background: url("../templateimage/ronnie.png") no-repeat center center; */
    width: 48px;
    height: 35px;
    background-size: 100% auto;
    margin: 0 auto 4px;
}

.affiliate_supply_icon>.block_content .affiliate_LCFC {
    /* background: url("../templateimage/LCFC.png") no-repeat center center; */
    background-size: 100% auto;
    width: 32px;
}

.affiliate_supply_icon>.block_content .affiliate_snooker {
    /* background: url("../templateimage/snooker.png") no-repeat center center; */
    background-size: 100% auto;
    width: 32px;
}

.affiliate_supply_icon>.block_content .affiliate_derby {
    /* background: url("../templateimage/derby.png") no-repeat center center; */
    background-size: 100% auto;
    width: 32px;
}

@media only screen and (max-width: 374px) {
    .affiliate_ronnie_signature {
        left: 8%;
        width: 100px;
    }

    .affiliate_ronnie_signature img {
        width: 100%;
    }

    .affiliate_title {
        left: 4%;
    }

    .affiliate_title .title {
        font-size: 40px;
    }

    .affiliate_title .desc {
        font-size: 17px;
    }
}

.mypromo_progress .deposit_header:first-child {
    /*border-radius: 8px 8px 0px 0px !important;*/
    border-top-left-radius: var(--card_radius) !important;
    border-top-right-radius: var(--card_radius) !important;
    background: var(--wallet_table_header_bg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.deposit_container.collapse_tab:nth-child(2) .collapse_header {
    border-radius: 0px !important;
    /*background: var(--wallet_table_header_bg_active);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;*/
}

.collapse_tab .collapse_header {
    position: relative;
    height: 36px;
    -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.12);
}

.collapse_tab .collapse_header:after {
    position: absolute;
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background: var(--collapse_header_arrow_down) no-repeat center center;
    background-size: 100%;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.collapse_tab.active .collapse_header:after {
    position: absolute;
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background: var(--collapse_header_arrow_up) no-repeat center center;
    background-size: 100%;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
    /*-webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);*/
}

.mypromo_progress .deposit_header,
.mypromo_finished .deposit_header {
    background: var(--wallet_table_header_bg) !important;
    color: var(--txt_tableheader);
}

.mypromo_progress.active .deposit_header,
.mypromo_finished.active .deposit_header {
    background: var(--wallet_table_header_bg_active) !important;
    color: var(--txt_tableheader_active);
}

.alert_msg {
    position: fixed;
    top: -100vh;
    bottom: 0;
    background-color: rgba(0, 0, 0, .3);
    width: 100%;
    height: 100%;
    z-index: 9999;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
    overflow-y: auto;
    overflow-x: hidden;
}

.alert_icon {}

.alert_msg_pos {
    width: 100%;
    /*margin: -30px 0 20px 0;*/
    -webkit-transition: margin .3s cubic-bezier(0.175, 0.785, 0.32, 1.175);
    -o-transition: margin .3s cubic-bezier(0.175, 0.785, 0.32, 1.175);
    transition: margin .3s cubic-bezier(0.175, 0.785, 0.32, 1.175);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: relative;
}

/*.alert_msg.active .alert_msg_pos{
    margin-top: 20px !important;
}*/
.alert_msg.delay {
    top: 0;
}

.alert_msg.active {
    opacity: 1;
    pointer-events: all;
}

.alert_msg_dialog {
    -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.12);
    max-width: 311px;
    margin: 0px auto;
    /* left: 0;
    right: 0;
    position: absolute;
    top: 30%;
    transform: translateY(-50%);
    transition: top .3s cubic-bezier(0.175, 0.785, 0.32, 1.175); */
    width: 90%;
    border-radius: var(--popup_general_radius);
    overflow: hidden;
    border: var(--popup_general_borderthick) solid var(--popup_general_border);
}

.alert_msg_header {
    background: #000;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 21px;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    color: var(--popup_general_title);
    font-size: 24px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.alert_msg_header img {
    width: 56px;
    height: 56px;
}

.alert_msg_body {
    padding: 16px;
    background: var(--popup_special_bg);
    background-size: 100% 100%;
}

.alert_msg_body .msg_show {
    color: var(--popup_content);
}

.alert_msg_body .form_show form input,
.alert_msg_body .form_show form select,
.alert_msg_body .form_show form textarea {
    margin-bottom: 10px;
}

.alert_msg_body .form_show form .textbox_content input,
.alert_msg_body .form_show form .textbox_content select,
.alert_msg_body .form_show form .textbox_content textarea {
    margin-bottom: 0;
}

.alert_msg_body .confirm_btn,
.alert_msg_body .cs_btn {
    margin-top: 16px;
}

.alert_msg_body .cancel_btn {
    margin-top: 16px;
    text-align: center;
    color: var(--btn_major_txt_enabled);
}

.alert_msg_body .cancel_btn a {
    color: var(--btn_major_txt_enabled);

}

.ico-date:before {
    display: block;
    content: '';
    background: var(--icon_calendar);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    margin: auto;
    background-position: center;
    background-size: 100%;
}

.ico-search:before {
    display: block;
    content: '';
    background: var(--icon_search);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    margin: auto;
    background-position: center;
    background-size: 100%;
}

.ico-promo:before {
    display: block;
    content: '';
    background: var(--icon_all_promo);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    margin: auto;
    background-position: center;
    background-size: 100%;
}

.ico-filter:before {
    display: block;
    content: '';
    background: var(--icon_filter);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    margin: auto;
    background-position: center;
    background-size: 100%;
}

.ico-filter.active:before {
    background: var(--icon_filter_active);
    background-size: 100%;
}

.ico-heart:before {
    display: block;
    content: '';
    background: var(--icon_mainbankcard);
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    margin: auto;
    background-position: center;
    background-size: 100%;
}

.ico-heart.active:before {
    background: var(--icon_mainbankcard_active);
    background-size: 100%;
}

.ico-alert-success:before,
.ico-alert-warning:before,
.ico-alert-error:before,
.ico-alert-process:before,
.ico-alert-info:before {
    display: block;
    content: '';
    background: url("../style/popup_success.png");
    background-repeat: no-repeat;
    width: 56px;
    height: 56px;
    margin: auto;
    background-position: center;
    background-size: 100%;
}

.ico-alert-warning:before,
.ico-alert-info:before {
    background: var(--icon_alert_popup_warning);
    background-size: 100%;
}

.ico-alert-error:before {
    background:url("../style/popup_fail.png");
    background-size: 100%;
}

.ico-alert-process:before {
    background: var(--icon_alert_popup_neutral);
    background-size: 100%;
}

.ico-bin:before {
    display: block;
    content: '';
    background: var(--icon_bin);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    margin: auto;
    background-position: center;
    background-size: 100%;
}

/* .ico-pay_gongsi:before, .ico-pay_wechatpay:before, .ico-pay_jdpay:before, .ico-pay_unionpay:before, .ico-pay_qq:before, .ico-pay_online:before, .ico-pay_alipay:before{
    display: block;
    content: '';
    background: var(--icon_pay_gongsi_b);
    background-repeat: no-repeat;
    background-position: center;
    width: 32px;
    height: 32px;
    margin: auto;
}
.ico-pay_wechatpay:before{
    background: var(--icon_pay_wechatpay_b);
}
.ico-pay_jdpay:before{
    background: var(--icon_pay_jdpay_b);
}
.ico-pay_unionpay:before{
    background: var(--icon_pay_unionpay_b);
}
.ico-pay_qq:before{
    background: var(--icon_pay_qq_b);
}
.ico-pay_online:before{
    background: var(--icon_pay_online_b);
}
.ico-pay_alipay:before{
    background: var(--icon_pay_alipay_b);
} */

.ico-pay_gongsi.recommended:before {
    background: var(--icon_pay_gongsi_r);
    background-size: 100%;
}

.ico-pay_wechatpay.recommended:before {
    background: var(--icon_pay_wechatpay_r);
    background-size: 100%;
}

.ico-pay_jdpay.recommended:before {
    background: var(--icon_pay_jdpay_r);
    background-size: 100%;
}

.ico-pay_unionpay.recommended:before {
    background: var(--icon_pay_unionpay_r);
    background-size: 100%;
}

.ico-pay_qq.recommended:before {
    background: var(--icon_pay_qq_r);
    background-size: 100%;
}

.ico-pay_online.recommended:before {
    background: var(--icon_pay_online_r);
    background-size: 100%;
}

.ico-pay_alipay.recommended:before {
    background: var(--icon_pay_alipay_r);
    background-size: 100%;
}

.mnv_container {
    width: 40%;
    margin-left: 8px;
}

.alert_msg_table {
    width: 100%;
}

.alert_msg_table .space_bottom {
    padding-bottom: 16px;
}

.alert_msg_table .space_bottom_half {
    padding-bottom: 8px;
}

.alert_msg_table .btn {
    font-size: 10px;
    color: var(--btn_major_txt_enabled);
    margin-left: 16px;
}

.alert_msg_table .btn.disabled {
    color: var(--btn_major_txt_disabled);
}

.info_board .progress,
.alert_msg_table .progress {
    background: var(--bar_bg);
    height: 18px;
    border-radius: 28px;
}

.info_board .progress.pgreen .progress-bar,
.alert_msg_table .progress.pgreen .progress-bar {
    background: var(--bar_progress_full);
}

.info_board .progress.pred .progress-bar,
.alert_msg_table .progress.pred .progress-bar {
    background: var(--bar_progress_default);
}

.info_board .progress .complete,
.alert_msg_table .progress .complete {
    position: absolute;
    color: var(--bar_txt_success);
    bottom: -19px;
    font-size: 10px;
    left: 0;
    right: 0;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.info_board .progress.complete .progress-bar,
.alert_msg_table .progress.complete .progress-bar {
    background-color: var(--bar_progress_full);
}

.info_board .progress .complete:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: var(--tick_check_active) no-repeat center center;
    background-size: 100% 100%;
    margin-right: 4px;
}

.alert_msg_table span {
    font-size: 10px;
    margin-right: 8px;
    color: var(--txt_label);
}

.alert_msg_sidebyside {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 8px;
    padding: 0 23px;
}

.alert_msg_sidebyside .title {
    color: var(--txt_label);
    font-size: 10px;
}

.alert_msg_sidebyside .data {
    font-size: 10px;
}

.copied {
    -webkit-filter: sepia(100%) saturate(300%) brightness(70%) hue-rotate(180deg);
    filter: sepia(100%) saturate(300%) brightness(70%) hue-rotate(180deg);
}

/* register login hint */
.input_title.reglog {
    top: 100% !important;
    font-size: 11px !important;
}

.textbox_content.reglog {
    margin-bottom: 20px !important;


}

.sports_btn_div {
    position: absolute;
    bottom: 5%;
    width: 80%;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

/*a.sports_btn{
    width: 95%;
    margin-right: 5px;
}
a.sports_btn >div{
    display: inline-block;
    padding: 5px 36px;    
    color: white;
    width: 100%;
    border: 0.5px solid white;
    text-align: center;
    border-radius: 8px;
    font-weight: bold;
    font-family: gilroy_bold;
}*/
.mainpage.promo_page {
    overflow-y: hidden;
}

.promo_list .card_container,
.bankcards_list li {
    /*width: 90%;*/
}

.announcement_img img {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    margin-right: 3px;
}

.announcement_img.active img {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.mypromo_list_container .type_menu_area {
    padding: 10px 5%;
}

.maintenance {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--tile_scrim);
    /*color:var(--txt_content);*/
    /*-webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);*/
    text-align: center;
}

.maintenance>div {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: center;
}

.maintenance img {
    height: auto !important;
    width: 24px !important;
    margin-right: 4px;
    border-radius: 0 !important;
}

@media only screen and (max-width: 350px) {
    .maintenance img {
        width: 20px !important;
    }
}

.maintenance span {
    position: relative;
    color: var(--txt_maintenance);
    opacity: 1 !important;
}

.select2-container--default {

    width: 100%;
    /* padding: 9px 15px; */

    font-size: 13px;
    line-height: 100%;
    border-radius: 8px;
    height: 37px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

}

.select2-container--default .select2-selection--single {
    height: 37px !important;
    border: var(--textfield_borderthick_filled) solid var(--textfield_border_filled) !important;
    border-radius: 8px !important;
    background: var(--textfield_bg_default) !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 37px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 37px !important;
    padding-left: 15px !important;
    color: var(--textfield_txt_placeholder) !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered input {
    padding: 0px 30px !important;
}

.wallet_record_filter_block .select2-container--default .select2-selection--multiple .select2-selection__rendered input {
    width: 100% !important;
    /*background: transparent !important;*/
    box-shadow: none;
    border: 0 !important;
    -webkit-appearance: none !important;
    background-image: var(--select_field_arrow);
    background-color: var(--textfield_bg_default);
    background-size: 24px 24px;
    background-position: 98% center;
    background-repeat: no-repeat;
    padding: 9px 30px 9px 15px;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    padding-left: 0px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0 0 0 3px !important;
    height: 100%;
}

.pending_transaction_commit {
    padding-bottom: 16px;
}

.promo_claim_all_div {
    position: fixed;
    bottom: 5px;
    z-index: 1;
    width: 100%;
    left: 0;
    padding-bottom: env(safe-area-inset-bottom);
}

.promo_claim_all_container {
    width: 70%;
    margin: 0 auto;
}

.promo_claim_all_container button {
    -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2);
}

.textbox_content.deposit_amount {
    flex-wrap: wrap;

}

.textbox_content.deposit_amount .error_msg {
    font-size: 10px;
}

.textbox_content.error input {
    border: 0.5px solid var(--tag_fail_bg);

}

#goTop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    width: 50px;
    font-size: 18px;
    border: none;
    outline: none;

    color: white;
    cursor: pointer;

}

#goTop img {
    width: 100%;
}

.promo_arrow {
    right: 0px;
    top: 0px;
    width: 24px;
    align-items: flex-start;
    justify-content: center;
    display: flex;
}

.promo_arrow img {
    width: 100%;
}

.app_download_area {
    background-color: var(--appdl_browser_bg);
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
    background-size: 100% auto;
    display: flex;
    color: var(--appdl_browser_txt);
    font-size: 13px;
    line-height: 18px;
    align-items: center;
    padding: 0px 15px;
    height: 80px;
}

.app_download_area .cross img {
    width: 16px;
    /*filter: brightness(0.5);*/
}

.app_download_area>div:nth-last-child(1) {
    margin-left: auto;


}

.app_download_area>div button {
    height: 38px;
    width: 100px;
    font-weight: 600;
    font-size: 12px;
}

.app_download_area>div {}

.app_download_area span {
    color: var(--txt_index);
}

.app_download_area .app_icon {
    margin: 15px;
    width: 50px;
}

.verification_tab.green {
    background: var(--tag_success_bg);
}

.verification_tab {
    background: var(--tag_processing_bg);
    color: white;
    line-height: 14px;
    padding: 8px 14px;
    border-radius: 18px;
}

#index_banner .fallback {
    background-color: transparent;
}

#promo_list .fallback {
    background-color: transparent;
}

.fallback {
    background: var(--img_fallback);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
}

.fallback.middle {
    background-size: 30%;
}

.fallback.large {
    background-size: 235px;

}

.index_sticky_area {}

.announcement_div {}

.index_game_area {
    padding-top: 8px;
    padding-bottom: 8px;
    /*top:158px;*/
    /*margin-bottom: 10px;*/
}

.game_menu {
    height: calc((((100vw - 100px - 32px) * (1202 / 828))) - 8px);
    float: left;
    top: 158px;
    min-height: 286px;
    width: var(--cat_width);
    padding-left: var(--cat_padding);
    position: sticky;
    flex-direction: column;
    display: flex;

}

.game_menu_item img {
    width: 24px;
    height: auto;
    margin-right: 4px;
    transform: scale(1);
    transition: .25s all ease;

}

.game_menu_item svg path {}

.game_menu_item {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    background: var(--cat_enabled_bg);
    color: var(--cat_txt_enabled);
    margin-bottom: 4px;
    border-radius: 10px;
    transform: 2s all ease;
    height: calc(100% / 7);
    padding-left: var(--cat_margin_left);
    padding-right: var(--cat_margin_right);
    margin: 0px;
    background-size: 100% 100%;
    /*min-height: 44px;*/
    /*width: var(--cat_width);*/
}

.game_menu_item.active {
    color: var(--cat_txt_activated);
    background:#fff;
    background-size: 100% 100%;
}


.game_menu_item.active img {
    transform: scale(1.15);
    transform: .25s all ease;
}

.game_menu_item.active svg path {}

.game_menu_item.active svg defs linearGradient stop {

    stop-color: #BD9774;

}

.game_menu_item.active svg defs linearGradient stop:nth-child(2) {

    stop-color: #F1D9BF;

}

.game_list {
    /*max-height: calc( ((( 100vw - 94px - 32px ) * ( 1202 / 828 )) ) - 8px);*/
    margin-left: auto;
    /*max-width: calc(100% - 94px );*/
    width: calc(100% - 116px);
    min-height: 286px;
    padding: 0px 16px 0px 4px;
}

.game_item {
    margin-bottom: 8px;
    width: 100%;
    /*box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    border-radius: 1rem;
    color:var(--txt_content);*/
    overflow: hidden;
    font-weight: 600;
    background: var(--tile_bg);
    box-shadow: var(--tile_shadow);
    border-radius: var(--tile_radius);
    border: var(--tile_borderthick) solid var(--tile_border);
}

.game_item a {
    display: block;
    height: 100%;
    width: 100%;
}

.game_item img {
    width: 100%;
}

.game_type img {
    display: none;
    width: auto;
    height: 30px;

    margin-right: 4px;
}

.index_game_area {
    opacity: 0;
}

@keyframes index_a {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.index_game_area.active {
    animation: index_a .5s ease;
    animation-fill-mode: forwards;
}

@keyframes game_a {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

.game_list_item {
    /*max-height: calc( ((( 100vw - 94px - 32px ) * ( 1202 / 828 )) ) - 8px);*/
    opacity: 0;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
    display: none;
    /*min-height:286px;*/
    padding: 0px 2%;
    overflow-y: auto;
}

.game_list_item::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}

.game_list_item.active {
    opacity: 1;
    display: block;


}

.game_list_item .game_item {
    opacity: 0;
    display: block;
    margin-bottom: 10px;


}

.game_list_item.active .game_item {


    animation: game_a 1s ease;
    animation-fill-mode: forwards;

}

.game_list_item.active .game_item:nth-child(1) {
    animation-delay: .1s
}

.game_list_item.active .game_item:nth-child(2) {
    animation-delay: .2s
}

.game_list_item.active .game_item:nth-child(3) {
    animation-delay: .3s
}

.game_list_item.active .game_item:nth-child(4) {
    animation-delay: .4s
}

.game_list_item.active .game_item:nth-child(5) {
    animation-delay: .5s
}

.game_list_item.active .game_item:nth-child(6) {
    animation-delay: .6s
}

.game_list_item.active .game_item:nth-child(7) {
    animation-delay: .7s
}

.game_list_item.active .game_item:nth-child(8) {
    animation-delay: .8s
}

.game_list_item.active .game_item:nth-child(9) {
    animation-delay: .9s
}

.game_list_item.active .game_item:nth-child(10) {
    animation-delay: 1s
}


.game_list_item[data-varCount="1"] .game_item {
    /* height: calc( ((( 100vw - 100px - 32px ) * ( 1202 / 828 )) ) - 8px);*/
    /*height: 100%;*/
    height: calc(100% / 2 - 8px);

}

.game_list_item[data-varCount="2"] .game_item {
    height: calc(100% / 2 - 8px);
    /* height: calc( ((( 100vw - 100px - 32px ) * ( 1202 / 828 )) / 2) - 8px);*/
}

.game_list_item[data-varCount="3"] .game_item {
    height: calc(100% / 3 - 8px);
    /*height: calc( ((( 100vw - 100px - 32px ) * ( 1202 / 828 )) / 3) - 8px);*/
}

.game_list_item[data-varCount="4"] .game_item {
    /*height: calc( (( 100vw - 100px - 32px ) * ( 1202 / 828 )) / 2 - 8px);*/
    width: calc(50% - 4px);
    margin-right: 8px;
    height: calc(100% / 2 - 8px);
}

.game_list_item[data-varCount="4"]>div {
    display: flex;

    flex-wrap: wrap;
}

.game_list_item[data-varCount="4"] .game_item:nth-child(2n),
.game_list_item[data-varCount="5"] .game_item:nth-child(2n),
.game_list_item[data-varCount="6"] .game_item:nth-child(2n),
.game_list_item[data-varCount="7"] .game_item:nth-child(2n) {
    margin-right: 0px;
}

.game_list_item[data-varCount="5"] .game_item {
    /*  height: calc( ((( 100vw - 100px - 32px ) * ( 1202 / 828 )) / 3) - 8px);*/
    height: calc(100% / 2.5 - 8px);
    width: calc(50% - 4px);
    margin-right: 8px;
}

.game_list_item[data-varCount="5"]>div {
    display: flex;

    flex-wrap: wrap;
}

.game_list_item[data-varCount="6"] .game_item {
    /*height: calc( ((( 100vw - 100px - 32px ) * ( 1202 / 828 )) / 3) - 8px);*/
    width: calc(50% - 4px);
    margin-right: 8px;
    height: calc(100% / 2.5 - 8px);
}

.game_list_item[data-varCount="6"]>div {
    display: flex;

    flex-wrap: wrap;
}

.game_list_item[data-varCount="7"] .game_item {
    /* height: calc( ((( 100vw - 100px - 32px ) * ( 1202 / 828 )) / 3) - 8px);*/
    width: calc(50% - 4px);
    margin-right: 8px;
    height: calc(100% / 2.5 - 8px);
}

.game_list_item>div {
    display: flex;
    height: 100%;
    align-items: flex-start;
    padding-bottom: 10px;
    flex-wrap: wrap;
    min-height: 286px;
}

.game_list_item .game_item:nth-last-child(1) {}

.game_list_item[data-varCount="7"]>div:after,
.game_list_item[data-varCount="6"]>div:after,
.game_list_item[data-varCount="5"]>div:after {
    height: 8px;
    content: "";
    width: 100%;

}

@media only screen and (max-width: 350px) {
    .game_menu svg {
        width: 22px;
        height: 22px;
    }

    .game_menu {
        font-size: 11px;
    }
}

.index_sub_profile {
    display: flex;
    height: 60px;
    width: 100%;
    background: var(--mid_btn_auth_bg);
    background-size: calc(100% - 46px - 46px) 100%;
    background-position: top center;
    background-repeat: no-repeat;
    /*margin-bottom: 8px;*/
    z-index: 5;


}

.index_sub_profile_left {
    background: var(--mid_btn_auth_bg_left);
    background-size: auto 100%;
    background-position: top left;
    background-repeat: no-repeat;
}

.index_sub_profile_right {
    background: var(--mid_btn_auth_bg_right);
    background-size: auto 100%;
    background-position: top right;
    background-repeat: no-repeat;
}

.index_sub_profile .left {
    margin-right: 4px;
    height: 100%;

    border-radius: 8px 0px 0px 8px;
}

.index_sub_profile .right {
    width: calc(100%);
    margin-right: var(--midbtn_padding_right);
    border-radius: 0px 8px 8px 0px;
}

.index_sub_profile .left .before_login {

    border-radius: 0px 10px 10px 0px;
    height: 100%;
    align-items: center;
    display: flex;
    width: calc(112px + var(--midbtn_padding_left_auth));
    line-height: 16px;
    flex-direction: column;
    justify-content: center;
    font-weight: 600;
    display: none;
    padding-left: var(--midbtn_padding_left_auth);

}

.index_sub_profile .left .before_login.active {
    display: flex;
}

.index_sub_profile .left .before_login div {
    position: relative;
    align-self: flex-start;
    background:url(../style/midbtn_auth_bg.png);

    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;

    text-align: center;
    color: var(--midbtn_txt_slash);

    background-position: center;
    background-size: 100% 100%;
    width: 100%;


}

.index_sub_profile .left .before_login .login_text {
    color: var(--midbtn_txt_login);
}

.index_sub_profile .left .before_login .register_text {
    color: var(--midbtn_txt_reg);
}

.index_sub_profile .left .before_login .slash_text {
    color: var(--midbtn_txt_slash);
}

.index_sub_profile .left .before_login a {
    position: absolute;
    width: 50%;
    height: 100%;

}

.index_sub_profile .left .before_login a:nth-child(1) {
    left: 0px;
    top: 0px;

}

.index_sub_profile .left .before_login a:nth-child(2) {
    right: 0px;
    top: 0px;

}

.index_sub_profile .left .before_login span {
    color: var(--txt_label);
}

.index_sub_profile .left .after_login {
    height: 100%;
    align-items: center;
    display: flex;
    width: 144px;
    line-height: 16px;
    flex-direction: column;
    justify-content: center;
    display: none;
    margin-left: var(--midbtn_padding_left_auth);
}

.index_sub_profile .left .after_login>div:nth-child(1) {
    color: var(--midbtn_txt_username);
}

.index_sub_profile .left .after_login>div {
    justify-content: flex-start;
    display: flex;
    width: 100%;
}

.index_sub_profile .left .after_login.active {
    display: flex;
}

.index_sub_profile .left .after_login .vip_icon {
    width: 21px;
    height: 21px;
    margin-left: 4px;
}

.index_sub_profile .left .after_login .vip_icon img {
    width: 100%;
    height: 100%;
}

.index_sub_profile .left .after_login .username {
    text-overflow: ellipsis;
    display: flex;
    flex-direction: column;
    width: 100%;
    font-size: 13px;
    color: var(--midbtn_txt_username);
    font-weight: var(--midbtn_txt_username_weight);
    justify-content: center;
}

/*.index_sub_profile .left .after_login div{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}*/
.index_sub_profile .left .after_login span {
    color: var(--midbtn_txt_balance);
    font-weight: var(--midbtn_txt_balance_weight);
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    /*flex: 2;
    padding-top: 5px;*/
    font-size: 15px;
}

.index_sub_profile .right .item svg {
    width: 32px;
    height: auto;
}

.index_sub_profile .right .item img {
    width: 32px;
    filter: drop-shadow(0px 1px 2px rgba(50, 91, 253, 0.15));

}

.index_sub_profile .right .item {
    display: flex;
    justify-content: space-around;
    height: 100%;
    align-items: center;

}

.index_sub_profile .right .item div {
    color: var(--midbtn_txt_activated);
    text-align: center;
    width: 32px;
    margin: 0px 4px;
    line-height: 18px;
}

.index_sub_profile .right .item .disable_midbtn {
    color: var(--midbtn_txt_enabled);
}

.game_item.other {
    display: flex;
    align-items: center;
    box-shadow: unset;
    filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.2));
    color: var(--txt_moregames);
    background: var(--tile_bg_moregames);
    border: var(--tile_borderthick) solid var(--tile_border_moregames);
}

.game_item.comingsoon img,
.game_item.other img {
    width: 32px;
}

.game_item.comingsoon svg,
.game_item.other svg {
    margin-bottom: 7px;
}

.game_item.comingsoon div,
.game_item.other div {
    width: 100%;
    text-align: center;
}

.game_item.comingsoon {
    display: flex;
    align-items: center;
    box-shadow: unset;
    filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.2));
    color: var(--txt_comingsoon);
    background: var(--tile_bg_comingsoon);
    border: var(--tile_borderthick) solid var(--tile_border_comingsoon);
}

.game_item .game_type {
    position: absolute;
    left: 0%;
    bottom: 0px;
    padding: 0px 5px;
    display: flex;
    justify-content: center;
    min-height: 30px;
    background: var(--vendortab_bg);
    background-size: 100%;
    background-position: bottom;
    background-repeat: no-repeat;
    align-items: center;
    color: var(--txt_tiles_vendor);
    font-size: 12px;
    padding-bottom: 0px !important;
}

.category_list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 8px;
    padding: 0 5%;
}

.category_item {
    position: relative;
    width: calc(33% - 8px);
    margin-right: 12px;
    margin-bottom: 12px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    border-radius: var(--tile_radius);
    overflow-y: hidden;
    font-weight: 600;
    color: var(--txt_content);
    height: 13vh;

}

.category_item:nth-child(3n) {
    margin-right: 0;
}

.category_item img {
    width: 100%;
}

.category_item a {
    display: block;
    height: 100%;
    width: 100%;
}

.category_item .category_type {
    position: absolute;
    left: 0%;
    bottom: -1px;
    height: 32px;
    display: flex;
    color: var(--txt_vendor_name);
    width: 100%;
    background: var(--vendortab_bg);
    border-radius: 4px;
    align-items: center;
    justify-content: center;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.type_items {
    display: flex;
    align-items: center;
    justify-content: center;
}

.category_item .category_type .type_items img {
    margin-right: 4px;
    height: auto;
    width: 24px;
    display: none;
}

.wallet-container .withdrawal_scrollable_container .btn_trans_red {
    background-color: var(--btn_minor_bg_enabled);
    border: var(--btn_minor_borderthick_enabled) solid var(--btn_minor_border_enabled);
    color: var(--btn_minor_txt_enabled);
}

.transfer_btn_section .btn_trans_red {
    background-color: var(--btn_minor_bg_enabled);
    border: var(--btn_minor_borderthick_enabled) solid var(--btn_minor_border_enabled);
    color: var(--btn_minor_txt_enabled);
}

.promo_category_items {
    background: linear-gradient(90deg, rgba(196, 196, 196, 0.15) 0%, rgba(196, 196, 196, 0) 100%);
    background-size: 0px 0px;
    background-repeat: no-repeat;
}

.promo_category_items .swiper-wrapper {
    overflow-x: scroll;

}

.promo_category_items .promo_category_items_name {
    width: 44px;
    margin: auto;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-wrap: break-word;
}

.applied_history_btn,
.close_history_applied {
    width: 45px;
}

.applied_history_btn img,
.close_history_applied img {
    width: 36px;
}

.cs_selector {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    display: none;
}

.cs_selector>div {
    position: fixed;
    bottom: 8px;
    width: 100%;
    padding: 0px 16px;
}

.cs_selector>div>div {
    background: var(--popup_bg);
    color: var(--popup_content);
    border-radius: 12px;
    font-size: 13px;
    width: 100%;
    margin-bottom: 8px;
}

.cs_selector>div>div>div {
    padding: 13px;
    text-align: center;
    border-bottom: 1px solid var(--popup_line);
}

.cs_selector>div>div>div:nth-last-child(1) {
    border-bottom: 0px;
}

.collapse_tab {
    margin-bottom: 5px;
}

.table_header_title img {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.table_header_title.active img {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.appbar_tab1 {
    background: var(--appbar_tab1_bg);
    color: var(--appbar_tab1_txt);
}

.appbar_tab2 {
    background: var(--appbar_tab2_bg);
    color: var(--appbar_tab2_txt);
}

.appbar_tab3 {
    background: var(--appbar_tab3_bg);
    color: var(--appbar_tab3_txt);
}

.appbar_tab4 {
    background: var(--appbar_tab4_bg);
    color: var(--appbar_tab4_txt);
}

.appbar_tab5 {
    background: var(--appbar_tab5_bg);
    color: var(--appbar_tab5_txt);
}

.appbar_game {
    background: var(--appbar_game_bg);
    color: var(--appbar_game_txt);
}

.appbar_slot {
    background: var(--appbar_slot_bg);
    color: var(--appbar_slot_txt);
}

.appbar_promo {
    background: var(--appbar_promo_bg);
    color: var(--appbar_promo_txt);
}

.appbar_event_signin {
    background: var(--appbar_event_signin_bg);
    color: var(--appbar_event_signin_txt);
}

.appbar_event_mission {
    background: var(--appbar_event_mission_bg);
    color: var(--appbar_event_mission_txt);
}

.appbar_safety {
    background: var(--appbar_safety_bg);
    color: var(--appbar_safety_txt);
}

.appbar_record {
    background: var(--appbar_record_bg);
    color: var(--appbar_record_txt);
}

.appbar_vip {
    background: var(--appbar_vip_bg);
    color: var(--appbar_vip_txt);
}

.settings .card_container {
    background: var(--card_setting_bg);
    border: var(--card_setting_borderthick) solid var(--card_setting_border);
    border-radius: var(--card_setting_radius);
    box-shadow: var(--card_setting_shadow);
}

.player_profile_bottom_card {
    background: var(--card_profile_bg);
    border: var(--card_profile_borderthick) solid var(--card_profile_border);
    border-radius: var(--card_profile_radius);
}

.feedback_card.deposit_container.layout {
    background: var(--card_form_bg);
    border: var(--card_form_borderthick) solid var(--card_form_border);
    border-radius: var(--card_form_radius);
    box-shadow: var(--card_form_shadow);
    padding: 0 5%;
}

.channel_item_area {
    background: var(--bg_general);
    padding: 10px 5% 0;
}

.btn_apply.disabled,
btn_apply:disabled {
    background: var(--btn_apply_bg_disabled);
    border: var(--btn_apply_borderthick_disabled) solid var(--btn_apply_border_disabled);
    color: var(--btn_apply_txt_disabled);
    font-weight: var(--btn_apply_weight_disabled);
    border-radius: var(--btn_apply_radius);
    box-shadow: var(--btn_apply_shadow_disabled), var(--btn_apply_innershadow_disabled);
    text-align: var(--btn_apply_align);
    -webkit-box-shadow: var(--btn_apply_shadow_disabled), var(--btn_apply_innershadow_disabled);
    /* filter: drop-shadow(0px 4px 6px rgba(237, 27, 52, 0.3)); */
}

.btn_apply:active,
.btn_apply.active {
    background: var(--btn_apply_bg_activated);
    border: var(--btn_apply_borderthick_activated) solid var(--btn_apply_border_activated);
    color: var(--btn_apply_txt_activated);
    font-weight: var(--btn_apply_weight_activated);
    box-shadow: var(--btn_apply_shadow_activated), var(--btn_major_innershadow_activated);

}


.bank_number_color {
    color: var(--bankcard_account);
}


.btn_medium {
    display: flex;
    width: 100% !important;
}

.btn_medium button {
    width: 66% !important;
    margin: auto;
    height: 36px;
    border-radius: var(--btn_major_radius);
}


.vip_claim {
    margin-top: 5px;
    float: right;
}

.btn.vip_claim_btn,
.btn.rebate_payout_btn {
    border-radius: 12px;
    padding: 5px 12px 5px 12px;
}

.selection_bg {
    background: var(--textfield_bg_default);
    border-radius: var(--textfield_radius);
}

.btn_center {
    width: 66%;
    margin: 0 auto;
}

.border_change {
    border: 2px solid var(--tag_info_border) !important;
}

#collapse_wallets {
    margin: 15px 0px;
}

.vendor_balance_amount {
    padding-bottom: 4px;
}

.btn_more {
    pointer-events: none;
    white-space: nowrap;
    background: var(--btn_more_bg_enabled);
    border: var(--btn_more_borderthick_enabled) solid var(--btn_more_border_enabled);
    color: var(--btn_more_txt_enabled);
    cursor: pointer;
    font-weight: var(--btn_more_weight_enabled);
    border-radius: var(--btn_more_radius);
    box-shadow: var(--btn_more_shadow_enabled), var(--btn_more_innershadow_enabled);
    text-align: var(--btn_more_align);
    outline: none !important;
    -webkit-box-shadow: var(--btn_more_shadow_enabled), var(--btn_more_innershadow_enabled);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.btn_more:active,
.btn_more.active {
    background: var(--btn_more_bg_activated);
    border: var(--btn_more_borderthick_activated) solid var(--btn_more_border_activated);
    color: var(--btn_more_txt_activated);
    font-weight: var(--btn_more_weight_activated);
    box-shadow: var(--btn_more_shadow_activated), var(--btn_more_innershadow_activated);
    pointer-events: all;
}

.btn_more.disabled,
.btn_more:disabled {
    background: var(--btn_more_bg_disabled);
    color: var(--btn_more_txt_disabled);
    font-weight: var(--btn_more_weight_disabled);
    box-shadow: var(--btn_more_shadow_disabled), var(--btn_more_innershadow_disabled);
    cursor: inherit;
    border: var(--btn_more_borderthick_disabled) solid var(--btn_more_border_disabled);
    -webkit-filter: none;
    filter: none;
    opacity: 1 !important;
    pointer-events: none !important;
}

.btn_retrieve {
    pointer-events: none;
    white-space: nowrap;
    background: var(--btn_retrieve_bg_enabled) !important;
    border: var(--btn_retrieve_borderthick_enabled) solid var(--btn_retrieve_border_enabled) !important;
    color: var(--btn_retrieve_txt_enabled) !important;
    cursor: pointer;
    font-weight: var(--btn_retrieve_weight_enabled) !important;
    border-radius: var(--btn_retrieve_radius) !important;
    box-shadow: var(--btn_retrieve_shadow_enabled), var(--btn_retrieve_innershadow_enabled) !important;
    text-align: var(--btn_retrieve_align) !important;
    outline: none !important;
    -webkit-box-shadow: var(--btn_retrieve_shadow_enabled), var(--btn_retrieve_innershadow_enabled) !important;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.btn_retrieve:active,
.btn_retrieve.active {
    background: var(--btn_retrieve_bg_activated) !important;
    border: var(--btn_retrieve_borderthick_activated) solid var(--btn_retrieve_border_activated) !important;
    color: var(--btn_retrieve_txt_activated) !important;
    font-weight: var(--btn_retrieve_weight_activated) !important;
    box-shadow: var(--btn_retrieve_shadow_activated), var(--btn_retrieve_innershadow_activated) !important;
    pointer-events: all;
    border-radius: var(--btn_retrieve_radius) !important;
    text-align: var(--btn_retrieve_align) !important;
    font-size: 13px;
}

.btn_retrieve.disabled,
.btn_retrieve:disabled {
    background: var(--btn_retrieve_bg_disabled) !important;
    color: var(--btn_retrieve_txt_disabled) !important;
    font-weight: var(--btn_retrieve_weight_disabled) !important;
    box-shadow: var(--btn_retrieve_shadow_disabled), var(--btn_retrieve_innershadow_disabled) !important;
    cursor: inherit;
    border: var(--btn_retrieve_borderthick_disabled) solid var(--btn_retrieve_border_disabled) !important;
    -webkit-filter: none;
    filter: none;
    opacity: 1 !important;
    pointer-events: none !important;
}

.btn_return {
    pointer-events: none;
    white-space: nowrap;
    background: var(--btn_return_bg_enabled) !important;
    border: var(--btn_return_borderthick_enabled) solid var(--btn_return_border_enabled) !important;
    color: var(--btn_return_txt_enabled) !important;
    cursor: pointer;
    font-weight: var(--btn_return_weight_enabled) !important;
    border-radius: var(--btn_return_radius) !important;
    box-shadow: var(--btn_return_shadow_enabled), var(--btn_return_innershadow_enabled) !important;
    text-align: var(--btn_return_align) !important;
    outline: none !important;
    -webkit-box-shadow: var(--btn_return_shadow_enabled), var(--btn_return_innershadow_enabled) !important;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.btn_return:active,
.btn_return.active {
    background: var(--btn_return_bg_activated) !important;
    border: var(--btn_return_borderthick_activated) solid var(--btn_return_border_activated) !important;
    color: var(--btn_return_txt_activated) !important;
    font-weight: var(--btn_return_weight_activated) !important;
    box-shadow: var(--btn_return_shadow_activated), var(--btn_return_innershadow_activated) !important;
    pointer-events: all;
}

.btn_return.disabled,
.btn_return:disabled {
    background: var(--btn_return_bg_disabled) !important;
    color: var(--btn_return_txt_disabled) !important;
    font-weight: var(--btn_return_weight_disabled) !important;
    box-shadow: var(--btn_return_shadow_disabled), var(--btn_return_innershadow_disabled) !important;
    cursor: inherit;
    border: var(--btn_return_borderthick_disabled) solid var(--btn_return_border_disabled) !important;
    -webkit-filter: none;
    filter: none;
    opacity: 1 !important;
    pointer-events: none !important;
}

.btn_major {
    pointer-events: none;
    white-space: nowrap;
    background: var(--btn_major_bg_enabled) !important;
    border: var(--btn_major_borderthick_enabled) solid var(--btn_major_border_enabled) !important;
    color: var(--btn_major_txt_enabled) !important;
    cursor: pointer;
    font-weight: var(--btn_major_weight_enabled) !important;
    border-radius: var(--btn_major_radius) !important;
    box-shadow: var(--btn_major_shadow_enabled), var(---btn_major_innershadow_enabled) !important;
    text-align: var(--btn_major_align) !important;
    outline: none !important;
    -webkit-box-shadow: var(--btn_major_shadow_enabled), var(--btn_major_innershadow_enabled) !important;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    padding: 9px 15px;
}

.btn_major:active,
.btn_major.active {
    background: var(--btn_major_bg_activated) !important;
    border: var(--btn_major_borderthick_activated) solid var(--btn_major_border_activated) !important;
    color: var(--btn_major_txt_activated) !important;
    font-weight: var(--btn_major_weight_activated) !important;
    box-shadow: var(--btn_major_shadow_activated), var(--btn_major_innershadow_activated) !important;
    pointer-events: all;
}

.btn_major.disabled,
.btn_major:disabled {
    background: var(--btn_major_bg_disabled) !important;
    color: var(--btn_major_txt_disabled) !important;
    font-weight: var(--btn_major_weight_disabled) !important;
    box-shadow: var(--btn_major_shadow_disabled), var(--btn_major_innershadow_disabled) !important;
    cursor: inherit;
    border: var(--btn_major_borderthick_disabled) solid var(--btn_major_border_disabled) !important;
    -webkit-filter: none;
    filter: none;
    opacity: 1 !important;
    pointer-events: none !important;
}

.btn_minor {
    pointer-events: none;
    white-space: nowrap;
    background: var(--btn_minor_bg_enabled) !important;
    border: var(--btn_minor_borderthick_enabled) solid var(--btn_minor_border_enabled) !important;
    color: var(--btn_minor_txt_enabled) !important;
    cursor: pointer;
    font-weight: var(--btn_minor_weight_enabled) !important;
    border-radius: var(--btn_minor_radius) !important;
    box-shadow: var(--btn_minor_shadow_enabled), var(---btn_minor_innershadow_enabled) !important;
    text-align: var(--btn_minor_align) !important;
    outline: none !important;
    -webkit-box-shadow: var(--btn_minor_shadow_enabled), var(--btn_minor_innershadow_enabled) !important;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.btn_minor:active,
.btn_minor.active {
    background: var(--btn_minor_bg_activated) !important;
    border: var(--btn_minor_borderthick_activated) solid var(--btn_minor_border_activated) !important;
    color: var(--btn_minor_txt_activated) !important;
    font-weight: var(--btn_minor_weight_activated) !important;
    box-shadow: var(--btn_minor_shadow_activated), var(--btn_minor_innershadow_activated) !important;
    pointer-events: all;
}

.btn_minor.disabled,
.btn_minor:disabled {
    background: var(--btn_minor_bg_disabled) !important;
    color: var(--btn_minor_txt_disabled) !important;
    font-weight: var(--btn_minor_weight_disabled) !important;
    box-shadow: var(--btn_minor_shadow_disabled), var(--btn_minor_innershadow_disabled) !important;
    cursor: inherit;
    border: var(--btn_minor_borderthick_disabled) solid var(--btn_minor_border_disabled) !important;
    -webkit-filter: none;
    filter: none;
    opacity: 1 !important;
    pointer-events: none !important;
}

.logout_btn .btn.btn_minor:active {
    background: var(--btn_major_bg_activated) !important;
    border: var(--btn_major_borderthick_activated) solid none !important;
    color: var(--btn_major_txt_activated) !important;
    font-weight: var(--btn_major_weight_activated) !important;
    box-shadow: var(--btn_major_shadow_activated), var(--btn_major_innershadow_activated) !important;
    pointer-events: all;
}

.btn_bankcard {
    pointer-events: none;
    white-space: nowrap;
    background: var(--btn_bankcard_bg_enabled) !important;
    border: var(--btn_bankcard_borderthick_enabled) solid var(--btn_bankcard_border_enabled) !important;
    color: var(--btn_bankcard_txt_enabled) !important;
    cursor: pointer;
    font-weight: var(--btn_bankcard_weight_enabled) !important;
    border-radius: var(--btn_bankcard_radius) !important;
    box-shadow: var(--btn_bankcard_shadow_enabled), var(--btn_bankcard_innershadow_enabled) !important;
    text-align: var(--btn_bankcard_align) !important;
    outline: none !important;
    -webkit-box-shadow: var(--btn_bankcard_shadow_enabled), var(--btn_bankcard_innershadow_enabled) !important;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.btn_bankcard:active,
.btn_bankcard.active {
    background: var(--btn_bankcard_bg_activated) !important;
    border: var(--btn_bankcard_borderthick_activated) solid var(--btn_bankcard_border_activated) !important;
    color: var(--btn_bankcard_txt_activated) !important;
    font-weight: var(--btn_bankcard_weight_activated) !important;
    box-shadow: var(--btn_bankcard_shadow_activated), var(--btn_bankcard_innershadow_activated) !important;
    pointer-events: all;
    padding: 8px 12px;
}

.btn_bankcard.disabled,
.btn_bankcard:disabled {
    background: var(--btn_bankcard_bg_disabled) !important;
    color: var(--btn_bankcard_txt_disabled) !important;
    font-weight: var(--btn_bankcard_weight_disabled) !important;
    box-shadow: var(--btn_bankcard_shadow_disabled), var(--btn_bankcard_innershadow_disabled) !important;
    cursor: inherit;
    border: var(--btn_bankcard_borderthick_disabled) solid var(--btn_bankcard_border_disabled) !important;
    -webkit-filter: none;
    filter: none;
    opacity: 1 !important;
    pointer-events: none !important;
}

.btn_manage {
    pointer-events: none;
    white-space: nowrap;
    background: var(--btn_manage_bg_enabled) !important;
    border: var(--btn_manage_borderthick_enabled) solid var(--btn_manage_border_enabled) !important;
    color: var(--btn_manage_txt_enabled) !important;
    cursor: pointer;
    font-weight: var(--btn_manage_weight_enabled) !important;
    border-radius: var(--btn_manage_radius) !important;
    box-shadow: var(--btn_manage_shadow_enabled), var(--btn_manage_innershadow_enabled) !important;
    text-align: var(--btn_manage_align) !important;
    outline: none !important;
    -webkit-box-shadow: var(--btn_manage_shadow_enabled), var(--btn_manage_innershadow_enabled) !important;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.btn_manage:active,
.btn_manage.active {
    background: var(--btn_manage_bg_activated) !important;
    border: var(--btn_manage_borderthick_activated) solid var(--btn_manage_border_activated) !important;
    color: var(--btn_manage_txt_activated) !important;
    font-weight: var(--btn_manage_weight_activated) !important;
    box-shadow: var(--btn_manage_shadow_activated), var(--btn_manage_innershadow_activated) !important;
    pointer-events: all;
}

.btn_manage.disabled,
.btn_manage:disabled {
    background: var(--btn_manage_bg_disabled) !important;
    color: var(--btn_manage_txt_disabled) !important;
    font-weight: var(--btn_manage_weight_disabled) !important;
    box-shadow: var(--btn_manage_shadow_disabled), var(--btn_manage_innershadow_disabled) !important;
    cursor: inherit;
    border: var(--btn_manage_borderthick_disabled) solid var(--btn_manage_border_disabled) !important;
    -webkit-filter: none;
    filter: none;
    opacity: 1 !important;
    pointer-events: none !important;
}

.btn_turnover {
    pointer-events: none;
    white-space: nowrap;
    background: var(--btn_turnover_bg_enabled);
    border: var(--btn_turnover_borderthick_enabled) solid var(--btn_turnover_border_enabled);
    color: var(--btn_turnover_txt_enabled);
    cursor: pointer;
    font-weight: var(--btn_turnover_weight_enabled);
    border-radius: var(--btn_turnover_radius) !important;
    box-shadow: var(--btn_turnover_shadow_enabled), var(--btn_turnover_innershadow_enabled);
    text-align: var(--btn_turnover_align) !important;
    outline: none !important;
    -webkit-box-shadow: var(--btn_turnover_shadow_enabled), var(--btn_turnover_innershadow_enabled);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.btn_turnover:active,
.btn_turnover.active {
    background: var(--btn_turnover_bg_activated);
    border: var(--btn_turnover_borderthick_activated) solid var(--btn_turnover_border_activated);
    color: var(--btn_turnover_txt_activated);
    font-weight: var(--btn_turnover_weight_activated);
    box-shadow: var(--btn_turnover_shadow_activated), var(--btn_turnover_innershadow_activated);
    pointer-events: all;
}

.btn_turnover.disabled,
.btn_turnover:disabled {
    background: var(--btn_turnover_bg_disabled);
    color: var(--btn_turnover_txt_disabled);
    font-weight: var(--btn_turnover_weight_disabled) !important;
    box-shadow: var(--btn_turnover_shadow_disabled), var(--btn_turnover_innershadow_disabled) !important;
    cursor: inherit;
    border: var(--btn_turnover_borderthick_disabled) solid var(--btn_turnover_border_disabled) !important;
    -webkit-filter: none;
    filter: none;
    opacity: 1 !important;
    pointer-events: none !important;
}

.btn_box_redeem {
    pointer-events: none;
    white-space: nowrap;
    background: var(--btn_box_redeem_bg_enabled) !important;
    border: var(--btn_box_redeem_borderthick_enabled) solid var(--btn_box_redeem_border_enabled) !important;
    color: var(--btn_box_redeem_txt_enabled) !important;
    cursor: pointer;
    font-weight: var(--btn_box_redeem_weight_enabled) !important;
    border-radius: var(--btn_box_redeem_radius) !important;
    box-shadow: var(--btn_box_redeem_shadow_enabled), var(--btn_box_redeem_innershadow_enabled) !important;
    text-align: var(--btn_box_redeem_align) !important;
    outline: none !important;
    -webkit-box-shadow: var(--btn_box_redeem_shadow_enabled), var(--btn_box_redeem_innershadow_enabled) !important;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.btn_box_redeem:active,
.btn_box_redeem.active {
    background: var(--btn_box_redeem_bg_activated) !important;
    border: var(--btn_box_redeem_borderthick_activated) solid var(--btn_box_redeem_border_activated) !important;
    color: var(--btn_box_redeem_txt_activated) !important;
    font-weight: var(--btn_box_redeem_weight_activated) !important;
    box-shadow: var(--btn_box_redeem_shadow_activated), var(--btn_box_redeem_innershadow_activated) !important;
    pointer-events: all;
}

.btn_box_redeem.disabled,
.btn_box_redeem:disabled {
    background: var(--btn_box_redeem_bg_disabled) !important;
    color: var(--btn_box_redeem_txt_disabled) !important;
    font-weight: var(--btn_box_redeem_weight_disabled) !important;
    box-shadow: var(--btn_box_redeem_shadow_disabled), var(--btn_box_redeem_innershadow_disabled) !important;
    cursor: inherit;
    border: var(--btn_box_redeem_borderthick_disabled) solid var(--btn_box_redeem_border_disabled) !important;
    -webkit-filter: none;
    filter: none;
    opacity: 1 !important;
    pointer-events: none !important;
}

.btn_apply {
    pointer-events: none;
    white-space: nowrap;
    background: var(--btn_apply_bg_enabled);
    border: var(--btn_apply_borderthick_enabled) solid var(--btn_apply_border_enabled);
    color: var(--btn_apply_txt_enabled);
    cursor: pointer;
    font-weight: var(--btn_apply_weight_enabled);
    border-radius: var(--btn_apply_radius) !important;
    box-shadow: var(--btn_apply_shadow_enabled), var(--btn_apply_innershadow_enabled);
    text-align: var(--btn_apply_align) !important;
    outline: none !important;
    -webkit-box-shadow: var(--btn_apply_shadow_enabled), var(--btn_apply_innershadow_enabled);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.btn_apply:active,
.btn_apply.active {
    background: var(--btn_apply_bg_activated);
    border: var(--btn_apply_borderthick_activated) solid var(--btn_apply_border_activated);
    color: var(--btn_apply_txt_activated);
    font-weight: var(--btn_apply_weight_activated);
    box-shadow: var(--btn_apply_shadow_activated), var(--btn_apply_innershadow_activated);
    pointer-events: all;
}

.btn_apply.disabled,
.btn_apply:disabled {
    background: var(--btn_apply_bg_disabled);
    color: var(--btn_apply_txt_disabled);
    font-weight: var(--btn_apply_weight_disabled);
    box-shadow: var(--btn_apply_shadow_disabled), var(--btn_apply_innershadow_disabled);
    cursor: inherit;
    border: var(--btn_apply_borderthick_disabled) solid var(--btn_apply_border_disabled);
    -webkit-filter: none;
    filter: none;
    opacity: 1 !important;
    pointer-events: none !important;
}

.btn_promorec {
    pointer-events: none;
    white-space: nowrap;
    background: var(--btn_promorec_bg_enabled) !important;
    border: var(--btn_promorec_borderthick_enabled) solid var(--btn_promorec_border_enabled) !important;
    color: var(--btn_promorec_txt_enabled) !important;
    cursor: pointer;
    font-weight: var(--btn_promorec_weight_enabled) !important;
    border-radius: var(--btn_promorec_radius) !important;
    box-shadow: var(--btn_promorec_shadow_enabled), var(--btn_promorec_innershadow_disabled) !important;
    text-align: var(--btn_promorec_align) !important;
    outline: none !important;
    -webkit-box-shadow: var(--btn_promorec_shadow_enabled), var(--btn_promorec_innershadow_disabled) !important;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.btn_promorec:active,
.btn_promorec.active {
    background: var(--btn_promorec_bg_activated) !important;
    border: var(--btn_promorec_borderthick_activated) solid var(--btn_promorec_border_activated) !important;
    color: var(--btn_promorec_txt_activated) !important;
    font-weight: var(--btn_promorec_weight_activated) !important;
    box-shadow: var(--btn_promorec_shadow_activated), var(--btn_promorec_innershadow_disabled) !important;
    pointer-events: all;
}

.btn_promorec.disabled,
.btn_promorec:disabled {
    background: var(--btn_promorec_bg_disabled) !important;
    color: var(--btn_promorec_txt_disabled) !important;
    font-weight: var(--btn_promorec_weight_disabled) !important;
    box-shadow: var(--btn_promorec_shadow_disabled), var(--btn_promorec_innershadow_disabled) !important;
    cursor: inherit;
    border: var(--btn_promorec_borderthick_disabled) solid var(--btn_promorec_border_disabled) !important;
    -webkit-filter: none;
    filter: none;
    opacity: 1 !important;
    pointer-events: none !important;
}

.btn_redeem {
    pointer-events: none;
    white-space: nowrap;
    background: var(--btn_redeem_bg_enabled) !important;
    border: var(--btn_redeem_borderthick_enabled) solid var(--btn_redeem_border_enabled) !important;
    color: var(--btn_redeem_txt_enabled) !important;
    cursor: pointer;
    font-weight: var(--btn_redeem_weight_enabled) !important;
    border-radius: var(--btn_redeem_radius) !important;
    box-shadow: var(--btn_redeem_shadow_enabled), var(--btn_redeem_innershadow_enabled) !important;
    text-align: var(--btn_redeem_align) !important;
    outline: none !important;
    -webkit-box-shadow: var(--btn_redeem_shadow_enabled), var(--btn_redeem_innershadow_enabled) !important;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.btn_redeem:active,
.btn_redeem.active {
    background: var(--btn_redeem_bg_activated) !important;
    border: var(--btn_redeem_borderthick_activated) solid var(--btn_redeem_border_activated) !important;
    color: var(--btn_redeem_txt_activated) !important;
    font-weight: var(--btn_redeem_weight_activated) !important;
    box-shadow: var(--btn_redeem_shadow_activated), var(--btn_redeem_innershadow_activated) !important;
    pointer-events: all;
}

.btn_redeem.disabled,
.btn_redeem:disabled {
    background: var(--btn_redeem_bg_disabled) !important;
    color: var(--btn_redeem_txt_disabled) !important;
    font-weight: var(--btn_redeem_weight_disabled) !important;
    box-shadow: var(--btn_redeem_shadow_disabled), var(--btn_redeem_innershadow_disabled) !important;
    cursor: inherit;
    border: var(--btn_redeem_borderthick_disabled) solid var(--btn_redeem_border_disabled) !important;
    -webkit-filter: none;
    filter: none;
    opacity: 1 !important;
    pointer-events: none !important;
    padding: 5px 12px;
    width: inherit;
    height: 24px;
    line-height: 1;
}

.btn_box_allvip {
    pointer-events: none;
    white-space: nowrap;
    background: var(--btn_box_allvip_bg_enabled) !important;
    border: var(--btn_box_allvip_borderthick_enabled) solid var(--btn_box_allvip_border_enabled) !important;
    color: var(--btn_box_allvip_txt_activated) !important;
    cursor: pointer;
    font-weight: var(--btn_box_allvip_weight_activated) !important;
    border-radius: var(--btn_box_allvip_radius) !important;
    box-shadow: var(--btn_box_allvip_shadow_activated), var(--btn_box_allvip_innershadow_activated) !important;
    text-align: var(--btn_box_allvip_align) !important;
    outline: none !important;
    -webkit-box-shadow: var(--btn_box_allvip_shadow_activated), var(--btn_box_allvip_innershadow_activated) !important;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.btn_box_allvip:active,
.btn_box_allvip.active {
    background: var(--btn_box_allvip_bg_activated) !important;
    border: var(--btn_box_allvip_borderthick_activated) solid var(--btn_box_allvip_border_activated) !important;
    color: var(--btn_box_allvip_txt_activated) !important;
    font-weight: var(--btn_box_allvip_weight_activated) !important;
    box-shadow: var(--btn_box_allvip_shadow_activated), var(--btn_box_allvip_innershadow_activated) !important;
    pointer-events: all;
}

.btn_box_allvip.disabled,
.btn_box_allvip:disabled {
    background: var(--btn_box_allvip_bg_disabled) !important;
    color: var(--btn_box_allvip_txt_disabled) !important;
    font-weight: var(--btn_box_allvip_weight_disabled) !important;
    box-shadow: var(--btn_box_allvip_shadow_disabled), var(--btn_box_allvip_innershadow_disabled) !important;
    cursor: inherit;
    border: var(--btn_box_allvip_borderthick_disabled) solid var(--btn_box_allvip_border_disabled) !important;
    -webkit-filter: none;
    filter: none;
    opacity: 1 !important;
    pointer-events: none !important;
}

.btn_signin {
    pointer-events: none;
    white-space: nowrap;
    background: var(--btn_signin_bg_enabled);
    border: var(--btn_signin_borderthick_enabled) solid var(--btn_signin_border_enabled);
    color: var(--btn_signin_txt_enabled);
    cursor: pointer;
    font-weight: var(--btn_signin_weight_enabled);
    border-radius: var(--btn_signin_radius) !important;
    box-shadow: var(--btn_signin_shadow_enabled), var(--btn_signin_innershadow_enabled);
    text-align: var(--btn_signin_align) !important;
    outline: none !important;
    -webkit-box-shadow: var(--btn_signin_shadow_enabled), var(--btn_signin_innershadow_enabled);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.btn_signin:active,
.btn_signin.active {
    background: var(--btn_signin_bg_activated);
    border: var(--btn_signin_borderthick_activated) solid var(--btn_signin_border_activated);
    color: var(--btn_signin_txt_activated);
    font-weight: var(--btn_signin_weight_activated);
    box-shadow: var(--btn_signin_shadow_activated), var(--btn_signin_innershadow_activated);
    pointer-events: all;
}

.btn_signin.disabled,
.btn_signin:disabled {
    background: var(--btn_signin_bg_disabled);
    color: var(--btn_signin_txt_disabled);
    font-weight: var(--btn_signin_weight_disabled);
    box-shadow: var(--btn_signin_shadow_disabled), var(--btn_signin_innershadow_disabled);
    cursor: inherit;
    border: var(--btn_signin_borderthick_disabled) solid var(--btn_signin_border_disabled);
    -webkit-filter: none;
    filter: none;
    opacity: 1 !important;
    pointer-events: none !important;
}

.btn_mission {
    pointer-events: none;
    white-space: nowrap;
    background: var(--btn_mission_bg_enabled);
    border: var(--btn_mission_borderthick_enabled) solid var(--btn_mission_border_enabled);
    color: var(--btn_mission_txt_enabled);
    cursor: pointer;
    font-weight: var(--btn_mission_weight_enabled);
    border-radius: var(--btn_mission_radius) !important;
    box-shadow: var(--btn_mission_shadow_enabled), var(--btn_mission_innershadow_enabled);
    text-align: var(--btn_mission_align) !important;
    outline: none !important;
    -webkit-box-shadow: var(--btn_mission_shadow_enabled), var(--btn_mission_innershadow_enabled);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.btn_mission:active,
.btn_mission.active {
    background: var(--btn_mission_bg_activated);
    border: var(--btn_mission_borderthick_activated) solid var(--btn_mission_border_activated);
    color: var(--btn_mission_txt_activated);
    font-weight: var(--btn_mission_weight_activated);
    box-shadow: var(--btn_mission_shadow_activated), var(--btn_mission_innershadow_activated);
    pointer-events: all;
}

.btn_mission.disabled,
.btn_mission:disabled {
    background: var(--btn_mission_bg_disabled);
    color: var(--btn_mission_txt_disabled);
    font-weight: var(--btn_mission_weight_disabled);
    box-shadow: var(--btn_mission_shadow_disabled), var(--btn_mission_innershadow_disabled);
    cursor: inherit;
    border: var(--btn_mission_borderthick_disabled) solid var(--btn_mission_border_disabled);
    -webkit-filter: none;
    filter: none;
    opacity: 1 !important;
    pointer-events: none !important;
}

.btn_vip_allvip {
    pointer-events: none;
    white-space: nowrap;
    background: var(--btn_vip_allvip_bg_enabled) !important;
    border: var(--btn_vip_allvip_borderthick_enabled) solid var(--btn_vip_allvip_border_enabled) !important;
    color: var(--btn_vip_allvip_txt_enabled) !important;
    cursor: pointer;
    font-weight: var(--btn_vip_allvip_weight_enabled) !important;
    border-radius: var(--btn_vip_allvip_radius) !important;
    box-shadow: var(--btn_vip_allvip_shadow_enabled), var(--btn_vip_allvip_innershadow_enabled) !important;
    text-align: var(--btn_vip_allvip_align) !important;
    outline: none !important;
    -webkit-box-shadow: var(--btn_vip_allvip_shadow_enabled), var(--btn_vip_allvip_innershadow_enabled) !important;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.btn_vip_allvip:active,
.btn_vip_allvip.active {
    background: var(--btn_vip_allvip_bg_activated) !important;
    border: var(--btn_vip_allvip_borderthick_activated) solid var(--btn_vip_allvip_border_activated) !important;
    color: var(--btn_vip_allvip_txt_activated) !important;
    font-weight: var(--btn_vip_allvip_weight_activated) !important;
    box-shadow: var(--btn_vip_allvip_shadow_activated), var(--btn_vip_allvip_innershadow_activated) !important;
    pointer-events: all;
}

.btn_vip_allvip.disabled,
.btn_vip_allvip:disabled {
    background: var(--btn_vip_allvip_bg_disabled) !important;
    color: var(--btn_vip_allvip_txt_disabled) !important;
    font-weight: var(--btn_vip_allvip_weight_disabled) !important;
    box-shadow: var(--btn_vip_allvip_shadow_disabled), var(--btn_vip_allvip_innershadow_disabled) !important;
    cursor: inherit;
    border: var(--btn_vip_allvip_borderthick_disabled) solid var(--btn_vip_allvip_border_disabled) !important;
    -webkit-filter: none;
    filter: none;
    opacity: 1 !important;
    pointer-events: none !important;
}

.btn_cs {
    pointer-events: none;
    white-space: nowrap;
    background: var(--btn_cs_bg_enabled);
    border: var(--btn_cs_borderthick_enabled) solid var(--btn_cs_border_enabled);
    color: var(--btn_cs_txt_enabled);
    cursor: pointer;
    font-weight: var(--btn_cs_weight_enabled);
    border-radius: var(--btn_cs_radius);
    box-shadow: var(--btn_cs_shadow_enabled), var(--btn_cs_innershadow_enabled);
    text-align: var(--btn_cs_align);
    outline: none !important;
    -webkit-box-shadow: var(--btn_cs_shadow_enabled), var(--btn_cs_innershadow_enabled);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    font-size: 10px;
    padding: 5px 12px;
}

.btn_cs:active,
.btn_cs.active {
    background: var(--btn_cs_bg_activated);
    border: var(--btn_cs_borderthick_activated) solid var(--btn_cs_border_activated);
    color: var(--btn_cs_txt_activated);
    font-weight: var(--btn_cs_weight_activated);
    box-shadow: var(--btn_cs_shadow_activated), var(--btn_cs_innershadow_activated);
    pointer-events: all;
}

.btn_cs.disabled,
.btn_cs:disabled {
    background: var(--btn_cs_bg_disabled);
    color: var(--btn_cs_txt_disabled);
    font-weight: var(--btn_cs_weight_disabled);
    box-shadow: var(--btn_cs_shadow_disabled), var(--btn_cs_innershadow_disabled);
    cursor: inherit;
    border: var(--btn_cs_borderthick_disabled) solid var(--btn_cs_border_disabled);
    -webkit-filter: none;
    filter: none;
    opacity: 1 !important;
    pointer-events: none !important;
}

.btn_my_allvip {
    pointer-events: none;
    white-space: nowrap;
    background: var(--btn_my_allvip_bg_enabled);
    border: var(--btn_my_allvip_borderthick_enabled) solid var(--btn_my_allvip_border_enabled);
    color: var(--btn_my_allvip_txt_enabled);
    cursor: pointer;
    font-weight: var(--btn_my_allvip_weight_enabled);
    border-radius: var(--btn_my_allvip_radius);
    box-shadow: var(--btn_my_allvip_shadow_enabled), var(--btn_my_allvip_innershadow_enabled);
    text-align: var(--btn_my_allvip_align);
    outline: none !important;
    -webkit-box-shadow: var(--btn_my_allvip_shadow_enabled), var(--btn_my_allvip_innershadow_enabled);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.btn_my_allvip:active,
.btn_my_allvip.active {
    background: var(--btn_my_allvip_bg_activated);
    border: var(--btn_my_allvip_borderthick_activated) solid var(--btn_my_allvip_border_activated);
    color: var(--btn_my_allvip_txt_activated);
    font-weight: var(--btn_my_allvip_weight_activated);
    box-shadow: var(--btn_my_allvip_shadow_activated), var(--btn_my_allvip_innershadow_activated);
    pointer-events: all;
}

.btn_my_allvip.disabled,
.btn_my_allvip:disabled {
    background: var(--btn_my_allvip_bg_disabled);
    color: var(--btn_my_allvip_txt_disabled);
    font-weight: var(--btn_my_allvip_weight_disabled);
    box-shadow: var(--btn_my_allvip_shadow_disabled), var(--btn_my_allvip_innershadow_disabled);
    cursor: inherit;
    border: var(--btn_my_allvip_borderthick_disabled) solid var(--btn_my_allvip_border_disabled);
    -webkit-filter: none;
    filter: none;
    opacity: 1 !important;
    pointer-events: none !important;
}

.btn_my_pwd {
    pointer-events: none;
    white-space: nowrap;
    background: var(--btn_my_pwd_bg_enabled);
    border: var(--btn_my_pwd_borderthick_enabled) solid var(--btn_my_pwd_border_enabled);
    color: var(--btn_my_pwd_txt_enabled);
    cursor: pointer;
    font-weight: var(--btn_my_pwd_weight_enabled);
    border-radius: var(--btn_my_pwd_radius);
    box-shadow: var(--btn_my_pwd_shadow_enabled), var(--btn_my_pwd_innershadow_enabled);
    text-align: var(--btn_my_pwd_align);
    outline: none !important;
    -webkit-box-shadow: var(--btn_my_pwd_shadow_enabled), var(--btn_my_pwd_innershadow_enabled);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.btn_my_pwd:active,
.btn_my_pwd.active {
    background: var(--btn_my_pwd_bg_activated);
    border: var(--btn_my_pwd_borderthick_activated) solid var(--btn_my_pwd_border_activated);
    color: var(--btn_my_pwd_txt_activated);
    font-weight: var(--btn_my_pwd_weight_activated);
    box-shadow: var(--btn_my_pwd_shadow_activated), var(--btn_my_pwd_innershadow_activated);
    pointer-events: all;
}

.btn_my_pwd.disabled,
.btn_my_pwd:disabled {
    background: var(--btn_my_pwd_bg_disabled);
    color: var(--btn_my_pwd_txt_disabled);
    font-weight: var(--btn_my_pwd_weight_disabled);
    box-shadow: var(--btn_my_pwd_shadow_disabled), var(--btn_my_pwd_innershadow_disabled);
    cursor: inherit;
    border: var(--btn_my_pwd_borderthick_disabled) solid var(--btn_my_pwd_border_disabled);
    -webkit-filter: none;
    filter: none;
    opacity: 1 !important;
    pointer-events: none !important;
}

.btn_msg_edit {
    pointer-events: none;
    white-space: nowrap;
    background: var(--btn_msg_edit_bg_enabled);
    border: var(--btn_msg_edit_borderthick_enabled) solid var(--btn_msg_edit_border_enabled);
    color: var(--btn_msg_edit_txt_enabled);
    cursor: pointer;
    font-weight: var(--btn_msg_edit_weight_enabled);
    border-radius: var(--btn_msg_edit_radius);
    box-shadow: var(--btn_msg_edit_shadow_enabled), var(--btn_msg_edit_innershadow_enabled);
    text-align: var(--btn_msg_edit_align);
    outline: none !important;
    -webkit-box-shadow: var(--btn_msg_edit_shadow_enabled), var(--btn_msg_edit_innershadow_enabled);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.btn_msg_edit:active,
.btn_msg_edit.active {
    background: var(--btn_msg_edit_bg_activated);
    border: var(--btn_msg_edit_borderthick_activated) solid var(--btn_msg_edit_border_activated);
    color: var(--btn_msg_edit_txt_activated);
    font-weight: var(--btn_msg_edit_weight_activated);
    box-shadow: var(--btn_msg_edit_shadow_activated), var(--btn_msg_edit_innershadow_activated);
    pointer-events: all;
}

.btn_msg_edit.disabled,
.btn_msg_edit:disabled {
    background: var(--btn_msg_edit_bg_disabled);
    color: var(--btn_msg_edit_txt_disabled);
    font-weight: var(--btn_msg_edit_weight_disabled);
    box-shadow: var(--btn_msg_edit_shadow_disabled), var(--btn_msg_edit_innershadow_disabled);
    cursor: inherit;
    border: var(--btn_msg_edit_borderthick_disabled) solid var(--btn_msg_edit_border_disabled);
    -webkit-filter: none;
    filter: none;
    opacity: 1 !important;
    pointer-events: none !important;
}

.btn_msg_exit {
    pointer-events: none;
    white-space: nowrap;
    background: var(--btn_msg_exit_bg_enabled);
    border: var(--btn_msg_exit_borderthick_enabled) solid var(--btn_msg_exit_border_enabled);
    color: var(--btn_msg_exit_txt_enabled);
    cursor: pointer;
    font-weight: var(--btn_msg_exit_weight_enabled);
    border-radius: var(--btn_msg_exit_radius);
    box-shadow: var(--btn_msg_exit_shadow_enabled), var(--btn_msg_exit_innershadow_enabled);
    text-align: var(--btn_msg_exit_align);
    outline: none !important;
    -webkit-box-shadow: var(--btn_msg_exit_shadow_enabled), var(--btn_msg_exit_innershadow_enabled);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    position: fixed;
    top: 10px;
    left: 5%;
    height: 24px;
    width: 40px;
    justify-content: space-around;
}

.btn_msg_exit:active,
.btn_msg_exit.active {
    background: var(--btn_msg_exit_bg_activated);
    border: var(--btn_msg_exit_borderthick_enabled) solid var(--btn_msg_exit_border_activated);
    color: var(--btn_msg_exit_txt_activated);
    font-weight: var(--btn_msg_exit_weight_activated);
    box-shadow: var(--btn_msg_exit_shadow_activated), var(--btn_msg_exit_innershadow_activated);
    pointer-events: all;
}

.btn_msg_exit.disabled,
.btn_msg_exit:disabled {
    background: var(--btn_msg_exit_bg_disabled);
    color: var(--btn_msg_exit_txt_disabled);
    font-weight: var(--btn_msg_exit_weight_disabled);
    box-shadow: var(--btn_msg_exit_shadow_disabled), var(--btn_msg_exit_innershadow_disabled);
    cursor: inherit;
    border: var(--btn_msg_exit_borderthick_disabled) solid var(--btn_msg_exit_border_disabled);
    -webkit-filter: none;
    filter: none;
    opacity: 1 !important;
    pointer-events: none !important;
}

.btn_msg_all {
    pointer-events: none;
    white-space: nowrap;
    background: var(--btn_msg_all_bg_enabled);
    border: var(--btn_msg_all_borderthick_enabled) solid var(--btn_msg_all_border_enabled);
    color: var(--btn_msg_all_txt_enabled);
    cursor: pointer;
    font-weight: var(--btn_msg_all_weight_enabled);
    border-radius: var(--btn_msg_all_radius);
    box-shadow: var(--btn_msg_all_shadow_enabled), var(--btn_msg_all_innershadow_enabled);
    text-align: var(--btn_msg_all_align);
    outline: none !important;
    -webkit-box-shadow: var(--btn_msg_all_shadow_enabled), var(--btn_msg_all_innershadow_enabled);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    position: fixed;
    top: 10px;
    right: 5%;
    height: 24px;
    width: 40px;
    justify-content: space-around;
}

.btn_msg_all:active,
.btn_msg_all.active {
    background: var(--btn_msg_all_bg_activated);
    border: var(--btn_msg_all_borderthick_activated) solid var(--btn_msg_all_border_activated);
    color: var(--btn_msg_all_txt_activated);
    font-weight: var(--btn_msg_all_weight_activated);
    box-shadow: var(--btn_msg_all_shadow_activated), var(--btn_msg_all_innershadow_activated);
    pointer-events: all;
}

.btn_msg_all.disabled,
.btn_msg_all:disabled {
    background: var(--btn_msg_all_bg_disabled);
    color: var(--btn_msg_all_txt_disabled);
    font-weight: var(--btn_msg_all_weight_disabled);
    box-shadow: var(--btn_msg_all_shadow_disabled), var(--btn_msg_all_innershadow_disabled);
    cursor: inherit;
    border: var(--btn_msg_all_borderthick_disabled) solid var(--btn_msg_all_border_disabled);
    -webkit-filter: none;
    filter: none;
    opacity: 1 !important;
    pointer-events: none !important;
}

.btn_msg_read {
    pointer-events: none;
    white-space: nowrap;
    background: var(--btn_msg_read_bg_enabled);
    border: var(--btn_msg_read_borderthick_enabled) solid var(--btn_msg_read_border_enabled);
    color: var(--btn_msg_read_txt_activated);
    cursor: pointer;
    font-weight: var(--btn_msg_read_weight_activated);
    border-radius: var(--btn_msg_read_radius);
    box-shadow: var(--btn_msg_read_shadow_enabled), var(--btn_msg_read_innershadow_enabled);
    text-align: var(--btn_msg_read_align);
    outline: none !important;
    -webkit-box-shadow: var(--btn_msg_read_shadow_enabled), var(--btn_msg_read_innershadow_enabled);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.btn_msg_read:active,
.btn_msg_read.active {
    background: var(--btn_msg_read_bg_activated);
    border: var(--btn_msg_read_borderthick_activated) solid var(--btn_msg_read_border_activated);
    color: var(--btn_msg_read_txt_activated);
    font-weight: var(--btn_msg_read_weight_activated);
    box-shadow: var(--btn_msg_read_shadow_activated), var(--btn_msg_read_innershadow_activated);
    pointer-events: all;
}

.btn_msg_read.disabled,
.btn_msg_read:disabled {
    background: var(--btn_msg_read_bg_disabled);
    color: var(--btn_msg_read_txt_disabled);
    font-weight: var(--btn_msg_read_weight_disabled);
    box-shadow: var(--btn_msg_read_shadow_disabled), var(--btn_msg_read_innershadow_disabled);
    cursor: inherit;
    border: var(--btn_msg_read_borderthick_disabled) solid var(--btn_msg_read_border_disabled);
    -webkit-filter: none;
    filter: none;
    opacity: 1 !important;
    pointer-events: none !important;
}

.btn_msg_del {
    pointer-events: none;
    white-space: nowrap;
    background: var(--btn_msg_del_bg_enabled);
    border: var(--btn_msg_del_borderthick_enabled) solid var(--btn_msg_del_border_enabled);
    color: var(--btn_msg_del_txt_enabled) !important;
    cursor: pointer;
    font-weight: var(--btn_msg_del_weight_enabled);
    border-radius: var(--btn_msg_del_radius);
    box-shadow: var(--btn_msg_del_shadow_enabled), var(--btn_msg_del_innershadow_enabled);
    text-align: var(--btn_msg_del_align);
    outline: none !important;
    -webkit-box-shadow: var(--btn_msg_del_shadow_enabled), var(--btn_msg_del_innershadow_enabled);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.btn_msg_del:active,
.btn_msg_del.active {
    background: var(--btn_msg_del_bg_activated);
    border: var(--btn_msg_del_borderthick_activated) solid var(--btn_msg_del_border_activated);
    color: var(--btn_msg_del_txt_activated) !important;
    font-weight: var(--btn_msg_del_weight_activated);
    box-shadow: var(--btn_msg_del_shadow_activated), var(--btn_msg_del_innershadow_activated);
    pointer-events: all;
}

.btn_msg_del.disabled,
.btn_msg_del:disabled {
    background: var(--btn_msg_del_bg_disabled);
    color: var(--btn_msg_del_txt_disabled);
    font-weight: var(--btn_msg_del_weight_disabled);
    box-shadow: var(--btn_msg_del_shadow_disabled), var(--btn_msg_del_innershadow_disabled);
    cursor: inherit;
    border: var(--btn_msg_del_borderthick_disabled) solid var(--btn_msg_del_border_disabled);
    -webkit-filter: none;
    filter: none;
    opacity: 1 !important;
    pointer-events: none !important;
}

.appdl_browser_btn {
    background: var(--appdl_browser_btn_bg);
    border: var(--appdl_browser_btn_borderthick) solid var(--appdl_browser_btn_border);
    color: var(--appdl_browser_btn_txt);
    border-radius: var(--appdl_browser_btn_radius);
    box-shadow: var(--appdl_browser_btn_shadow), var(--appdl_browser_btn_innershadow);
    -webkit-box-shadow: var(--appdl_browser_btn_shadow), var(--appdl_browser_btn_innershadow);
}

.btn_auth {
    background: var(--btn_auth_bg);
    border: var(--btn_auth_borderthick) solid var(--btn_auth_border);
    color: var(--btn_auth_txt);
    border-radius: var(--btn_auth_radius);
    text-align: var(--btn_auth_align);
    font-weight: var(--btn_auth_weight) !important;
    box-shadow: var(--btn_auth_shadow), var(--btn_auth_innershadow) !important;
    -webkit-box-shadow: var(--btn_auth_shadow), var(--btn_auth_innershadow);
    outline: none !important;
}

.deposit_eligible_container {
    position: relative;
}

.deposit_eligible_container .layout {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 5%;
}

.deposit_eligible_header {
    text-align: center;
    padding: 10px 10%;
    color: var(--txt_content);
}

.deposit_eligible_header img {
    width: 56px;
    padding-bottom: 15px;
}

.hotgame_area {
    display: none !important;
}

.login_profile_container {
    display: none;
    height: 0;
    margin: unset;
    padding: unset;
}

.btn_filter {
    background: transparent !important;
    border: none !important;
    color: unset !important;
    font-weight: unset !important;
    padding: 0 !important;
}

.btn_filter.ico-filter:before {
    display: block;
    content: '';
    background: var(--icon_filter);
    background-repeat: no-repeat;
    width: 36px;
    height: 36px;
    margin: auto;
    background-position: center;
    background-size: 100%;
}

.btn_filter.ico-filter.show:before {
    background: var(--icon_filter_active);
    background-size: 100%;
}

.btn_filter.ico-filter.applied:before {
    background: var(--icon_filter_applied);
    background-size: 100%;
}

/*
.infotab a.active {
    background: var(--infotab_bg_active);
    border-bottom: var(--infotab_borderthick) solid var(--infotab_border);
    border-radius: var(--infotab_indicator_radius);
}

.infotab a {
    border: unset;
    color: var(--infotab_txt);
} 

.infotab_bg {
    background : var(--infotab_bg);
}

.info_tab {
    display: flex;
    text-align: center;
    justify-content: center;
    width: 33.333% !important;
}

.info_tab.active {
    background: var(--infotab_bg_active);
    border-radius: var(--infotab_indicator_radius);
}

.info_tab_active {
    background: var(--infotab_bg_active) !important;
}

.info_tab_bg {
    background: var(--infotab_bg) !important;
}

.cs_type_menu {
    display: flex;
    width: 100%;
    background-color: var(--infotab_bg)!important;
    box-shadow: none !important;
    border-bottom: var(--infotab_borderthick) solid var(--infotab_border)!important;
    border-radius: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
}
.cs_type_menu_item.active{
    color:var(--infotab_txt_active)!important;
    display: flex;
    text-align: center;
    justify-content: center;
    width: 100%;

    &.swiper-slide-active{
    transform: scale(1);
    background: #fc0
  }
}

.cs_type_menu_item.active:before {
    width: var(--infotab_indicator_length);
    border-bottom: var(--infotab_indicator_height) solid var(--infotab_indicator);
    position: absolute;
    z-index: 2;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 20%;
    bottom: -27px;
}
.cs_type_menu_item.active + .cs_type_menu_item:before {
    border-left: 0px !important;
    bottom: 0;  
}
.cs_type_menu_item{
    color:var(--infotab_txt)!important;
    font-weight: 300 !important;
    position: relative;
}
.cs_type_menu_item:before{
    content: "";
    position: absolute;
    border-left: 0 !important;
}
.cs_type_menu_bg {
    background: var(--infotab_bg)!important;
    box-shadow: none!important;
    border: 0!important;
    border-radius: 0!important;
}

#cs-container {
    padding: 10px 0 !important;
}
*/

.cs_type_menu {
    display: flex;
    width: 100%;
    /*background-color: var(--infotab_bg_active)!important;*/
    box-shadow: none !important;
    /*border-bottom: var(--infotab_borderthick) solid var(--infotab_border)!important;*/
    border-radius: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
}

.cs_type_menu_item.active:before {
    position: absolute;
    z-index: 2;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cs_type_menu_item.active+.cs_type_menu_item:before {
    border-left: 0px !important;
    bottom: 0;
}

.cs_type_menu_item {
    color: var(--infotab_txt) !important;
    font-weight: 300 !important;
    position: relative;
}

.cs_type_menu_item:before {
    content: "";
    position: absolute;
    border-left: 0 !important;
}

.cs_type_menu_bg {
    /*background: var(--infotab_bg_active)!important;*/
    box-shadow: none !important;
    border: 0 !important;
    border-radius: 0 !important;
}

.cs_type_menu_area.swiper-container {
    position: relative;
    width: 100vw;
    border-bottom: var(--infotab_borderthick) solid var(--infotab_border) !important;
    margin-bottom: 10px;
    background: var(--infotab_bg);
}

.cs_type_menu_area.swiper-container>.swiper-slide__content {
    position: absolute;
    top: 0;
}

.cs_type_menu_item.swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 200ms linear;
    font-size: 13px;
    background: var(--infotab_bg);
    /*border-bottom: var(--infotab_indicator_height) solid transparent;*/
}

.cs_type_menu_item.swiper-slide.swiper-slide-active {
    color: var(--infotab_txt_active) !important;
    width: var(--infotab_indicator_length);
    /*border-bottom: var(--infotab_indicator_height) solid var(--infotab_indicator);*/
    background-image: linear-gradient(var(--infotab_indicator), var(--infotab_indicator)), linear-gradient(transparent, transparent);
    background-repeat: no-repeat;
    background-size: 65px 2px, calc(100% - 4px) 100%;
    background-position: center bottom, 4px 0;
    transform: none;
    transition: none;
    background-color: var(--infotab_bg_active);
}

/*.cs_type_menu_item.swiper-slide.swiper-slide-active:after {
    content: "";
    position: absolute;
    border-left: 0 !important;
    border-bottom: var(--infotab_indicator_height) solid var(--infotab_indicator);
}
*/

.cs_header {
    line-height: 10px !important;
    background: var(--form_bg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: var(--form_txt);
    border-radius: var(--card_radius);
}

.about_menu {
    background: unset !important;
    color: var(--infotab_txt);
}

.about_menu a {
    background: unset !important;
}

.about_menu a.active {
    /*border-bottom: var(--infotab_indicator_height) solid var(--infotab_indicator);*/
    border-radius: unset;
}

.about_item.swiper-slide-active {
    /*border-bottom: var(--infotab_indicator_height) solid var(--infotab_indicator) !important;*/
    background-image: linear-gradient(var(--infotab_indicator), var(--infotab_indicator)), linear-gradient(transparent, transparent);
    background-repeat: no-repeat;
    background-size: 75px 2px, calc(100% - 4px) 100%;
    background-position: center bottom, 4px 0;
    transform: none;
    transition: none;
}

/*.about_item.swiper-slide {
    border-bottom: var(--infotab_indicator_height) solid transparent;
}*/

.about_item {
    color: unset;
    width: unset;
    border: unset;
    /*min-height: 53px;*/
}

.aboutus_layout {
    border-bottom: var(--infotab_borderthick) solid var(--infotab_border) !important;
    background: var(--infotab_bg);
}

.infotab_bg {
    border-bottom: unset;
}

.feedback_name {
    color: var(--textfield_txt_filled);
}

.feedback_text {
    font-weight: bold;
    background: var(--form_bg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: var(--form_txt);
    padding: 15px 15px;
    margin: 0;
    border-radius: var(--card_radius);
}

#feedback_form .btn_major {
    width: 80%;
    margin: auto;
    display: flex;
    justify-content: center;
}

.contact_text {
    color: var(--txt_contact_label) !important;
    background: var(--infotab_bg);
    border-radius: var(--card_radius);
    border-color: var(--border_general);
    padding: 12px 15px;
}

.contact_style {
    border: none !important;
}

.contact_value {
    float: right;
    color: var(--txt_contact_value);
}

.history_day_filter {
    border: none !important;
    background: transparent;
    padding-right: 10px;
    margin-bottom: 0;
}

.history_day_filter label {
    margin-bottom: 0 !important;
}

.history_day_filter select {
    background: transparent !important;
    color: var(--tab_txt_filter);
    border: none !important;
    width: fit-content;
    direction: rtl;
    box-shadow: none;
    font-weight: 600;
}

.history_day_filter label[class*="icon-"]:after,
.history_day_filter label[class*="ico-"]:after {
    color: var(--txt_label);
    position: absolute;
    right: 0px;
    padding-left: 5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
}

.history_day_filter label:after {
    display: block;
    content: '';
    background: var(--icon_arrow_date);
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    margin-right: 5px;
    background-position: center;
    background-size: 100%;
}

.history_day_filter label:focus {
    border: none !important;
    color: var(--tab_txt_filter);

}

.history_day_filter select:focus {
    color: var(--tab_txt_filter);
}

.wallet_withdrawl_layout .deposit_header {
    border-top-left-radius: var(--card_radius);
    border-top-right-radius: var(--card_radius);
}

.transfer_container .deposit_header {
    border-top-left-radius: var(--card_radius);
    border-top-right-radius: var(--card_radius);
}

.bet_history .btn_filter {
    margin-right: 10px;
}

.bet_history .btn_filter.ico-filter:before {
    padding: 0px;
    margin: unset;
}

.pl-search.ico-search:before {
    margin-left: 8px;
}

.pl-search .select2-container--default .select2-selection--multiple .select2-selection__rendered input {
    padding: 0px 30px 0px 35px !important;
}

#withdrawal_without_card_password .withdrawal_decscription_title {
    display: flex;
    justify-content: space-between;
}

#withdrawal_without_card_password .withdrawal {
    margin-top: 19px;
}

#withdrawal_without_card_password .withdrawal div:first-child {
    display: flex;
    justify-content: space-around;
}

#withdrawal_without_card_password .pshortcut {
    flex-direction: column;
}

#withdrawal_without_card_password .pshortcut .icon_circle_card {
    margin: 0px auto 8px !important;
}

#withdrawal_without_card_password .txt_title {
    color: var(--txt_title);
    font-size: 13px;
    font-weight: 600;
}

#withdrawal_without_card_password .txt_label {
    color: var(--txt_label);
    font-size: 13px;
}

#withdrawal_without_card_password .txt_unset {
    color: var(--txt_unset);
    font-size: 10px;
}

.vip_listing .swiper-wrapper {
    padding-top: 30px;
}

.channel_info {
    width: 100%;
}

.payment_arrow_icon img {
    width: 24px;
}

.bet_history .btn_filter.applied:before {
    background: var(--icon_filter_applied);
    background-size: 100%;
}

.bank_account_number {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 0.5px solid var(--bankcard_line);
    box-sizing: border-box;
    border-radius: 4px;
    padding: 5px 4px 5px 8px;
}

.bank_account_number .toggle_bank {
    width: auto !important;
    height: auto !important;
}

.data_remark {
    /*position:absolute;*/
    width: 30%;
}

.remark_details {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 4px;
    color: var(--txt_record_content);
}

.remark_details2 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.input_arrow {
    position: absolute;
    right: 0px;
    top: 0px;
    line-height: 36px;
    cursor: pointer;
    width: 44px;
    height: 36px;
    padding: 0px 12px;
    font-size: 20px;
    z-index: 1;
}

.btn_smaller {
    width: 80% !important;
    display: block;
    margin: 0 auto;
}

.game_detail_layout {
    overflow: scroll;
}

.game_detail_layout .table-bordered {
    color: var(--txt_content);
}

.icon_circle_card.reddot.set_withdrawal_pin {
    background: none;
}

.guide_list {
    border-bottom: 0.5px solid var(--line_general);
}

/*game special page css*/
.game_special_page_container {
    display: grid;
    flex-wrap: wrap;
    margin-top: 12px;
    grid-template-columns: repeat(auto-fill, calc(88px - 1%));
    grid-gap: 18px;
    justify-content: space-between;
}

.game_special_page_container>.block_content {
    width: 88px;
    margin-right: 10%;
}

.game_special_page_container>.block_content:nth-child(3n) {
    margin-right: 0;
}

.game_special_page_container img {
    width: 88px;
    height: 88px;
    background-color: #eee;
}

.game_special_page_container .thumb {
    background: var(--tile_slotslist_bg);
}

.game_special_page_container .title {
    margin-top: 5px;
    font-weight: 600;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    color: var(--txt_title);
}

.contact_box {
    border: 1px solid var(--border_general);
    border-radius: var(--card_radius);
}

.modal-open .vip_dropdown_part .modal {
    top: 44px !important;
}

.vip_dropdown_part .modal-dialog {
    margin: 0;
}

.mycustom-file-input {
    color: transparent !important;
    border: var(--btn_minor_borderthick_enabled) solid var(--btn_minor_txt_enabled) !important;
}

.mycustom-file-input_bg {
    background: var(--btn_major_bg_activated) !important;
}

.mycustom-file-input:hover::before {
    color: #FFFFFF;
}

.mycustom-file-input {
    color: transparent !important;
    border: var(--btn_minor_borderthick_enabled) solid var(--btn_minor_txt_enabled) !important;
}

.mycustom-file-input::-webkit-file-upload-button {
    visibility: hidden;
}

.mycustom-file-input::before {
    content: '';
    font-size: 100%;
    white-space: nowrap;
    background-color: var(--btn_con_general_bg_enabled);
    border: 0px;
    color: var(--btn_minor_txt_enabled);
    cursor: pointer;
    font-weight: 600;
    border-radius: 8px;
    /*padding: 11px;
    top: 9px;*/
    left: 0;
    width: 100%;
    position: absolute;
    text-align: center;
    outline: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

/*.mycustom-file-input_bg {
background :linear-gradient(180deg, #C6A7A4 0%, #6B6576 100%);
}*/
.mycustom-file-input:hover::before {
    /*border-color: black;*/
    color: var(--btn_minor_txt_enabled);
}

.mycustom-file-input:target::before {
    /*border-color: black;*/
    color: var(--btn_major_txt_activated);
}

.mycustom-file-input:focus::before {
    /*border-color: black;*/
    color: var(--btn_major_txt_activated);
}

.mycustom-file-input:active::before {
    /*background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);*/
    color: var(--btn_major_txt_activated);
}

.preview_image {
    display: flex;
}

.preview_image_title {
    width: 70%;
    /*transform: translate(60%, 35%);*/
    padding-top: 22px;
    padding-right: 8px;
    text-align: right;
    color: var(--txt_card_upload);
}

.preview_image_content {
    width: 76px;
    height: 76px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    border-radius: 8px;
}

.preview_delete_img {
    padding-top: 22px;
    padding-left: 4px;
}

.preview_delete_img img {
    width: 16px;
    height: 16px;
}

.receipt_hints {
    color: var(--txt_card_content);
    font-size: 10px;
    text-align: center;
    margin-bottom: 4px;
}

.receipt_details,
#confirmPending {
    margin-bottom: 8px;
}

.mypromo_mission_bg {
    background: var(--bg_box);
    background-attachment: fixed;
    min-height: 100%;
}

#cancelPending {
    padding: 9px 15px;
}

.player_profile.layout,
.player_info_action.layout {
    padding: 0 5%;
    height: unset !important;
}

.homepage_bottom {
    background: var(--bg_homepage_bottom);
    background-attachment: fixed;
    min-height: 100%;
}

.tooltips_container {
    display: flex;
    align-items: center;
    width: 24px;
}

.wallet_lock {
    position: absolute;
    right: 5%;
    top: 0;
}

.wallet_lock_tooltip {
    visibility: visible;
    opacity: 1;
    width: 80px;
    background-color: rgba(68, 76, 100, 0.7);
    color: #FFFFFF;
    font-size: 10px;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -60px;
}

.wallet_lock_tooltip::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 75%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: rgba(68, 76, 100, 0.7) transparent transparent transparent;
}

.wallet_lock:hover .wallet_lock_tooltip {
    /*visibility: visible !important;
  opacity: 1 !important;*/
    /*animation-fill-mode: unset;*/
}

.wallet_lock_tooltip {
    -moz-animation: cssAnimation 0s ease-in 3s forwards;
    /*/ Firefox /*/
    -webkit-animation: cssAnimation 0s ease-in 3s forwards;
    /*/ Safari and Chrome /*/
    -o-animation: cssAnimation 0s ease-in 3s forwards;
    /*/ Opera /*/
    animation: cssAnimation 0s ease-in 3s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.amount_linked {
    display: flex;
    justify-content: center;
}

.wallet_link {
    position: absolute;
}

.linked_tooltip {
    visibility: visible;
    opacity: 1;
    width: 80px;
    background-color: rgba(68, 76, 100, 0.7);
    color: #FFFFFF;
    font-size: 10px;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    margin-left: -60px;
}

.linked_tooltip::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 75%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: rgba(68, 76, 100, 0.7) transparent transparent transparent;
}

.linked_tooltip {
    -moz-animation: cssAnimation 0s ease-in 3s forwards;
    /*/ Firefox /*/
    -webkit-animation: cssAnimation 0s ease-in 3s forwards;
    /*/ Safari and Chrome /*/
    -o-animation: cssAnimation 0s ease-in 3s forwards;
    /*/ Opera /*/
    animation: cssAnimation 0s ease-in 3s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@keyframes cssAnimation {
    to {
        width: 0;
        height: 0;
        overflow: hidden;
    }
}

@-webkit-keyframes cssAnimation {
    to {
        width: 0;
        height: 0;
        visibility: hidden;
    }
}

.record_wallet_details {
    position: relative;
}

.bet_time_tab {
    margin: 5px 0 13px !important;
    /* padding:unset;*/
}

.bet_time_tab .block_content {
    width: 100%;
    text-align: center;
    display: block;
    color: var(--tab_time_txt_inactive);
    position: relative;
    border: var(--tab_time_borderthick_inactive) solid var(--tab_time_border_inactive);
    background: var(--tab_time_bg_inactive);
    border-radius: var(--tab_time_radius);
    padding: 7px 0;
    margin-right: 5px;
}

.bet_time_tab .block_content.active {
    background: var(--tab_time_bg_active);
    border: var(--tab_time_borderthick_active) solid var(--tab_time_border_active);
    color: var(--tab_time_txt_active);
}

.bet_time_tab .block_content.disabled,
.bet_time_tab .block_content:disabled {
    background: var(--tab_time_bg_disabled);
    border: var(--tab_time_borderthick_disabled) solid var(--tab_time_border_disabled);
    color: var(--tab_time_txt_disabled);
}

.date_filter_block {
    display: none;
}

.vendor_category_selection {
    position: absolute;
    background: var(--bg_general);
    top: 0;
    left: 0;
    z-index: 100;
    width: 100vw;
    height: 100vh;
    visibility: hidden;
    transition: 0.5s all ease;
    overflow-y: hidden;
}

.vendor_category_selection.active,
.game_category_selection.active {
    visibility: visible;
}

.game_category_selection {
    position: absolute;
    background: var(--bg_general);
    top: 0;
    left: 0;
    z-index: 100;
    width: 100vw;
    height: 100vh;
    visibility: hidden;
    transition: 0.5s all ease;
    overflow-y: hidden;
}

.vendor_list_arr,
.vendor_list_arr2 {
    display: flex;
    flex-wrap: wrap;
    align-content: baseline;
    position: relative;
    padding: 24px;
    height: 400px;
    overflow-y: scroll;
}

.game_list_arr {
    position: relative;
    padding: 24px;
    height: 400px;
    overflow-y: scroll;
}

.vendortag,
.vendortag2 {
    padding: 8px 12px;
    margin-bottom: 8px;
    height: fit-content;
    border: var(--tab_game_borderthick_inactive) solid var(--tab_game_border_inactive);
    border-radius: var(--tab_game_radius);
    margin-right: 8px;
    background: var(--tab_game_bg_inactive);
    color: var(--tab_game_txt_inactive);
}

.vendortag.active,
.tab_gamefilter.active,
.vendortag2.active,
.tab_gamefilter2.active {
    color: var(--tab_game_txt_active);
    background: var(--tab_game_bg_active);
    border: var(--tab_game_borderthick_active) solid var(--tab_game_border_active);
}

.checkvendorinput,
.checkgameinput {
    padding: 20px;
}

.vendor_button {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 24px;
}

.vendor_button button {
    width: 80%;
}

.game_list_arr .options_show {
    display: block;
}

.game_list_arr .option_title {
    margin-bottom: 5px;
    font-weight: bold;
}

.game_list_arr .content_block {
    display: flex;
    white-space: nowrap;
    flex-wrap: wrap;
}

.game_list_arr .tab_gamefilter,
.game_list_arr .tab_gamefilter2 {
    padding: 10px;
    margin-right: 8px;
    margin-bottom: 8px;
    border: var(--tab_game_borderthick_inactive) solid var(--tab_game_border_inactive);
    border-radius: var(--tab_game_radius);
    background: var(--tab_game_bg_inactive);
    color: var(--tab_game_txt_inactive);
}

.game_list_arr .tab_gamefilter.active,
.game_list_arr .tab_gamefilter2.active {
    color: var(--tab_game_txt_active);
    background: var(--tab_game_bg_active);
    border: var(--tab_game_borderthick_active) solid var(--tab_game_border_active);
}

.historybtn_container {
    justify-content: space-around;
    padding-top: 10px;
}

.promo_history_modal {
    background: var(--card_bg) !important;
    border: var(--card_borderthick) solid var(--card_border) !important;
    border-top-left-radius: var(--card_radius) !important;
    border-top-right-radius: var(--card_radius) !important;
    box-shadow: var(--card_shadow) !important;
}



.deposit_title {
    color: var(--txt_tableheader_general);
}

.payment_dialog {
    background: var(--card_bg) !important;
    border: var(--card_borderthick) solid var(--card_border);
    border-radius: var(--card_radius);
    box-shadow: var(--card_shadow);
}

.thumb img {
    width: 36px;
}

.displayed_username input {
    box-shadow: unset !important;
}

.vip_dropdown_part .modal-dialog {
    margin: 0;
}

.modal-open .vip_dropdown_part .modal {
    top: 44px !important;
}

.mission_signin_task_list .swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: unset !important;
}

.line_slotlist {
    border-top: 0.5px solid var(--line_slotlist) !important;
}

.bankcard_bg {
    background: var(--bankcard_bg_default) !important;
    background-size: 100% 100% !important;
}

.bankcard_bg_added {
    background: var(--bankcard_bg_added) !important;
    background-size: 100% 100% !important;
}

.addbankcard_apply {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px 5%;
}

.addbankcard_apply .btn_major {
    width: 66%;
    margin: auto;
    display: flex;
    justify-content: center;
}

.thumb_img {
    display: block;
    height: 100%;
    width: 100%;
}

.progressbar_ongoing {
    background: var(--bar_progress_default) !important;
}

.progressbar_success {
    background: var(--bar_progress_full) !important;
}

.progressbar_claimed {
    background: var(--bar_progress_claimed) !important;
}

.progressbar_ongoing~.progress_num,
.progressbar_ongoing~.percentage_num {
    color: var(--bar_percentage_default) !important;
}

.progressbar_success~.progress_num,
.progressbar_success~.percentage_num {
    color: var(--bar_percentage_full) !important;
}

.progressbar_claimed~.progress_num,
.progressbar_claimed~.percentage_num {
    color: var(--bar_percentage_claimed) !important;
}

.mypromo_list_item li .action_block .process,
.mypromo_list_item li .action_block .success,
.mypromo_list_item li .action_block .fail {
    margin-top: unset !important;
}

.contact_cs_login {
    margin-top: 15px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.contact_cs_login img {
    width: 24px;
    margin-right: 8px;
}

.contact_cs_login a {
    font-weight: 600;
    color: var(--btn_cs_login);
}

.myvip_mission_list .claim_btn {
    font-size: 10px;
}

#subpage_vip_part .layout,
.layout.slot_game_subpage,
.layout.treasure_mission {
    padding: 0 5%;
}

#all_wallets .show_more_height {
    height: 100px;
    overflow: hidden;
}

#transfer_wallet .show_more_height {
    height: 90px;
    overflow: hidden;
}

#all_wallets .show_more,
#transfer_wallet .show_more {
    font-size: 13px;
    padding-top: 5px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--btn_text);
}

.show_more:after {
    position: relative;
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background: var(--collapse_header_arrow_down) no-repeat center center;
    background-size: 100%;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.show_more.active:after {
    position: relative;
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background: var(--collapse_header_arrow_up) no-repeat center center;
    background-size: 100%;
}

#transfer_wallet .show_more.show_more_option {
    display: none;
}

#transfer_wallet .show_more_height.none {
    height: unset;
    overflow: unset;
}

.rolldate-container header {
    color: var(--popup_subtitle);
    background: var(--popup_bg);
    border-bottom: 1px solid var(--popup_line) !important;
}

.rolldate-container .rolldate-panel {
    background: var(--popup_bg) !important;
}

.rolldate-container .rolldate-btn,
.rolldate-container .rolldate-confirm {
    color: var(--btn_txt_txt_activated) !important;
}

.rolldate-container .rolldate-wrapper li {
    color: var(--popup_content);
}

.rolldate-container .mask-top {
    border-bottom: 1px solid var(--popup_line) !important;
}

.rolldate-container .mask-bottom {
    border-top: 1px solid var(--popup_line) !important;
}

.rolldate-container .rolldate-dim {
    background: linear-gradient(180deg, rgba(3, 36, 48, 0.7) 0%, rgba(3, 36, 48, 0.3) 100%) !important;
}

.deposit_body.pending input:read-only {
    background: var(--textfield_bg_disabled);
    border: var(--textfield_borderthick_disabled) solid var(--textfield_border_disabled);
    font-weight: var(--textfield_weight_disabled);
    box-shadow: var(--textfield_innershadow_disabled);
    color: var(--textfield_txt_disabled);
    font-family: gilroy_bold;
}