@import url(https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=Noto+Sans+KR&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Jua&display=swap);

.level {
/ / flex-shrink: 0;
/ / width: 50 px;
/ / font-weight: bold;
/ / text-align: center;
/ / padding: 4 px 8 px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 3px
}

.col-auto1[data-v-5d5a6c52] {
    margin: 0 3px
}

@media (max-width: 480px) {
    .app-user .logo-panel[data-v-5d5a6c52] {
        width: 150px
    }
}

.header-right[data-v-5d5a6c52] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px;
    margin-left: auto;
    padding-left: 50px
}

.sidebar-menu[data-v-5d5a6c52] {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto
}

.logo[data-v-5d5a6c52] {
    width: 160px
}

.web-header-menu .container[data-v-5d5a6c52] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 14px 0;
    z-index: 999
}

.shadow[data-v-5d5a6c52] {
    -webkit-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.web-header-menu[data-v-5d5a6c52] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background: #131232;
    -webkit-box-shadow: 0 3px 10.7px 0 rgba(65, 65, 65, .25);
    box-shadow: 0 3px 10.7px 0 rgba(65, 65, 65, .25);
    -webkit-transition: all .5sease 0s;
    transition: all .5sease 0s
}

.slide-fade-enter-active[data-v-5d5a6c52], .slide-fade-leave-active[data-v-5d5a6c52] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slide-fade-enter[data-v-5d5a6c52], .slide-fade-leave-to[data-v-5d5a6c52] {
    opacity: 0;
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px)
}

.after-login[data-v-5d5a6c52] {
    position: relative;
    color: #fff;
    font-size: 14px
}

.after-login.active[data-v-5d5a6c52] {
    display: block
}

.after-login button[data-v-5d5a6c52] {
    width: 100px;
    height: 35px;
    margin-left: 5px
}

.after-login .nav-btn[data-v-5d5a6c52] {
    width: auto;
    height: 35px;
    font-size: 12px;
    margin: 0 3px;
    color: #fff;
    -webkit-box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .1), 0 1px 2px #000;
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .1), 0 1px 2px #000;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .75);
    padding: 0 20px
}

.after-login .nav-btn i[data-v-5d5a6c52] {
    font-size: 14px;
    color: #a0d0ff
}

.after-login .nav-btn .symbol[data-v-5d5a6c52] {
    color: #d29eff
}

.after-login .active .nav-btn[data-v-5d5a6c52]:before {
    opacity: 1
}

.after-login .message-btn .count[data-v-5d5a6c52] {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #ff744a;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff744a), to(#b92b00));
    background-image: linear-gradient(#ff744a, #b92b00);
    color: #fff;
    font-size: 8px;
    position: absolute;
    right: -8px;
    top: -2px;
    text-shadow: none
}

.header-container[data-v-5d5a6c52] {
    display: -webkit-box;
    display: -ms-flexbox;
    margin-left: 30px;
    margin-right: 70px;
    text-align: center;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 14px 0
}

.header-button[data-v-5d5a6c52] {
    border: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 50px;
    padding: 11px 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 10px;
    background: #5148b7;
    color: #fff;;
    font-size: 15px;
    font-weight: 700;
    line-height: normal
}

.header-button[data-v-5d5a6c52], .money-box[data-v-5d5a6c52] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 10px;
    font-style: normal
}

.money-box[data-v-5d5a6c52] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 191px;
    height: 40px;
    line-height: 40px;
    border-radius: 10px;
    background: #282648;
    padding: 0 23px;
    padding-top: 5px;
    color: #fc0;
    font-size: 20px;
    font-weight: 800;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    white-space: nowrap
}

.menu-item[data-v-5d5a6c52] {
    min-width: 200px;
    height: 40px;
    text-align: left;
    border-radius: 6px;
    background: #242051;
    padding-left: 15px;
    padding-right: 15px;
    cursor: pointer
}

.menu-item .side-bar-link[data-v-5d5a6c52], .menu-item[data-v-5d5a6c52] {
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    text-align: center;;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.menu-item .side-bar-link[data-v-5d5a6c52] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header-box[data-v-5d5a6c52] {
    width: 80%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 16px 0;
    gap: 8px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    stroke-width: 3px;
    height: auto;
    stroke: hsla(0, 0%, 62%, .2);
    border-bottom: 2px solid hsla(0, 0%, 62%, .3)
}

.header-box[data-v-5d5a6c52], .side-bar-left[data-v-5d5a6c52] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.side-bar-left[data-v-5d5a6c52] {
    gap: 12px
}

@media screen and (max-width: 1700px) {
    .header-container[data-v-5d5a6c52] {
        margin-right: 0
    }
}

@media screen and (max-width: 950px) {
    .money-box[data-v-5d5a6c52] {
        display: none
    }
}

@media screen and (max-width: 550px) {
    .pc-logo[data-v-5d5a6c52] {
        display: none
    }
}

@media screen and (max-width: 501px) {
    .header-container[data-v-5d5a6c52] {
        margin-left: 10px
    }

    .pc-header-right[data-v-5d5a6c52] {
        display: none
    }

    .web-header-menu[data-v-5d5a6c52] {
        background: #060607
    }

    .header-right[data-v-5d5a6c52] {
        padding: 0
    }

    .header-button[data-v-5d5a6c52] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 72px;
        height: 30px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 4px;
        border: none
    }

    .login[data-v-5d5a6c52] {
        border-radius: 6px;
        color: #cbcbcb;
        font-size: 11px;
        font-style: normal;
        font-weight: 600;
        line-height: 18px;
        letter-spacing: -.5px
    }

    .money-box[data-v-5d5a6c52] {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        height: 29px;
        width: 110px;
        min-width: 0;
        font-size: 13px;
        font-weight: 600
    }

    .access[data-v-5d5a6c52] {
        border-radius: 6px;
        color: #000;
        font-size: 11px;
        font-style: normal;
        font-weight: 600;
        line-height: 18px;
        letter-spacing: -.5px
    }

    .container[data-v-5d5a6c52] {
        margin-top: 10px;
        margin-bottom: 10px
    }
}

@media screen and (max-width: 373px) {
    .money-box[data-v-5d5a6c52] {
        width: 100px;
        padding-left: 10px
    }

    .point-button[data-v-5d5a6c52] {
        display: none
    }
}

@media screen and (max-width: 343px) {
    .mobile-logo[data-v-5d5a6c52] {
        display: none
    }
}

.user-balance[data-v-8812e046] {
    padding: 0 20px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 60px;
    background: -webkit-gradient(linear, left top, left bottom, from(#2b3343), to(#181d27));
    background: linear-gradient(#2b3343, #181d27);
    border-top: 1px solid #404040;
    color: #fff
}

.balance-button-container__rank[data-v-8812e046] {
    margin: 0;
    font-size: 12px;
    color: #45a8ff;
    padding-left: 5px;
    position: relative;
    bottom: 4px
}

.user-balance h3[data-v-8812e046] {
    display: inline-block;
    vertical-align: baseline;
    font-size: 15px;
    margin: 0;
    color: #fff;
    font-weight: 800
}

.player-balance[data-v-8812e046] {
    background-color: #000;
    border: 1px solid #404040;
    border-radius: 0;
    padding: 9px 10px;
    height: 35px;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.player-balance span[data-v-8812e046] {
    font-size: 14px;
    margin-right: 10px;
    margin-top: 1px
}

.player-balance > p[data-v-8812e046] {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 14px;
    margin: 0;
    font-weight: 700
}

.transaction-menu[data-v-8812e046] {
    padding: 25px 0 20px;
    border-top: 1px solid #3a3a3a;
    list-style: none;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #171717;
    background: #2a1d5e;
    background: -webkit-gradient(linear, left top, left bottom, from(#1d1d1d), to(#000));
    background: linear-gradient(180deg, #1d1d1d 0, #000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2a1d5e", endColorstr="#140746", GradientType=0)
}

.transaction-menu__item[data-v-8812e046] {
    width: calc(25% - 35px);
    padding: 0;
    margin: 0;
    text-align: center;
    position: relative
}

.transaction-menu__item > h3[data-v-8812e046] {
    font-size: 13px;
    font-weight: 700;
    margin: 10px 0 0;
    color: #fff
}

.transaction-menu__item .badge[data-v-8812e046] {
    position: absolute;
    border-radius: 100%;
    background: #f43939;
    top: -5px;
    right: -5px;
    height: 22px;
    width: 22px;
    line-height: 20px;
    padding: 0;
    font-size: 10px
}

.badge[data-v-8812e046] {
    background: #f43939 !important;
    min-width: 22px;
    min-height: 22px;
    line-height: 22px;
    padding: 0;
    font-weight: 700;
    color: #fff
}

.main-balance__logged-out[data-v-8812e046] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 10px;
    height: 60px;
    background-color: #1d1d1d
}

.main-balance__logged-out button[data-v-8812e046] {
    height: 34px;
    width: calc(50% - 5px);
    margin-right: 5px;
    font-size: 13px;
    border-radius: 0
}

.icon.icon-live {
    mask-image: url(../img/live-icon.31a8b846.svg);
    -webkitmask-image: url(../img/live-icon.31a8b846.svg)
}

.icon.icon-other {
    mask-image: url(../img/other-icon.353f7ad6.svg);
    -webkitmask-image: url(../img/other-icon.353f7ad6.svg)
}

.icon.icon-deposit {
    mask-image: url(../img/deposit-icon.4389682a.svg);
    -webkitmask-image: url(../img/deposit-icon.4389682a.svg)
}

.icon.icon-withdraw {
    mask-image: url(../img/withdraw-icon.ddd6355a.svg);
    -webkitmask-image: url(../img/withdraw-icon.ddd6355a.svg)
}

.icon.icon-transfer {
    mask-image: url(../img/money-transfer-icon.8e5cb709.svg);
    -webkitmask-image: url(../img/money-transfer-icon.8e5cb709.svg)
}

.icon.icon-message {
    mask-image: url(../img/dm-icon.a35d54c5.svg);
    -webkitmask-image: url(../img/dm-icon.a35d54c5.svg)
}

.icon.icon-notice {
    mask-image: url(../img/notice-icon.0f098aa7.svg);
    -webkitmask-image: url(../img/notice-icon.0f098aa7.svg)
}

.icon.icon-promotion {
    mask-image: url(../img/promo-icon.e0a28ef4.svg);
    -webkitmask-image: url(../img/promo-icon.e0a28ef4.svg)
}

.icon.icon-liveshow {
    mask-image: url(../img/live-chat-icon.6c1eac1d.svg);
    -webkitmask-image: url(../img/live-chat-icon.6c1eac1d.svg)
}

.icon.icon-logout {
    mask-image: url(../img/logout-icon.5174f6c8.svg);
    -webkitmask-image: url(../img/logout-icon.5174f6c8.svg)
}

.icon.icon-slot {
    mask-image: url(../img/slot-icon.65a125a3.svg);
    -webkitmask-image: url(../img/slot-icon.65a125a3.svg)
}

.icon.icon-sports {
    mask-image: url(../img/sports-icon.71ee05d5.svg);
    -webkitmask-image: url(../img/sports-icon.71ee05d5.svg)
}

.icon.icon-faq {
    mask-image: url(../img/faq-icon.6ee93619.svg);
    -webkitmask-image: url(../img/faq-icon.6ee93619.svg)
}

.icon.icon-comp {
    mask-image: url(../img/comp-icon.235d261d.svg);
    -webkitmask-image: url(../img/comp-icon.235d261d.svg)
}

.dark #sidebar-backdrop {
    width: 70%;
    background: #111
}

.dark #sidebar-backdrop .b-sidebar-body {
    background: #111
}

.dark #sidebar-backdrop #sidebar-backdrop-content {
    background: #111;
    color: #fff
}

.dark #sidebar-backdrop .icon {
    background-color: #fff
}

#sidebar-backdrop-content {
    font-weight: 700
}

#sidebar-backdrop-content li {
    display: flex;
    position: relative;
    justify-content: start;
    align-items: center;
    gap: 10px;
    padding: 20px 20px;
    width: 100%;
    font-size: 1.2em
}

#sidebar-backdrop-content li .icon {
    margin: 0;
    width: 30px;
    display: inline-block;
    color: #fff !important
}

.nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nav .home-header {
    position: relative;
    background-image: url(../img/light.897f2319.png);
    background-size: cover;
    cursor: pointer
}

.nav .home-header img {
    width: 100%
}

.main-nav.scrolled {
    background: -webkit-gradient(linear, left top, left bottom, from(#2b3343), to(#181d27));
    background: linear-gradient(#2b3343, #181d27);
    -webkit-transition: background-color .5s linear;
    transition: background-color .5s linear
}

.main-nav {
    padding: 10px 20px;
    position: fixed;
    top: 0;
    left: 0;
    height: 70px;
    width: 100%;
    z-index: 100
}

.main-nav__list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.main-nav__list__item {
    display: inline-block;
    vertical-align: middle
}

.main-nav__list__item > i {
    font-size: 20px
}

.text-primary {
    color: #fff !important
}

.main-nav__list__item__logo {
    height: 50px
}

.main-banner__img {
    width: 100%;
    height: 200px
}

.main-login-box {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    background-color: #000
}

.main-login-box button {
    width: 100%
}

.main-banner {
    position: relative;
    background: #000
}

.announcement-wrapper {
    margin-top: 5px;
    background-color: #1d1d1d;
    padding: 0 10px;
    height: 42px;
    line-height: 1;
    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
}

.announcement__btn {
    background-color: #bb3636;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    font-weight: 700;
    border: none;
    border-radius: 3px;
    width: 66px;
    padding: 0 12px;
    height: 20px;
    white-space: nowrap
}

.announcement__date, .announcement__subject {
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    line-height: 1;
    font-weight: 700
}

.announcement__subject {
    color: #fff;
    margin-right: 10px
}

.announcement__date {
    color: #999
}

.marquee-child span {
    margin-right: 10px;
    font-size: 14px;
    left: 14px;
    top: 0
}

.announcement, .marquee-child span {
    display: inline-block;
    vertical-align: middle
}

.announcement {
    line-height: 1;
    padding: 0 10px !important
}

.main-banner__text {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0
}

.side-nav__list {
    text-align: center;
    padding: 0;
    margin: 0;
    list-style-type: none;
    border-right: 2px solid #000
}

.side-nav__list__item {
    padding: 15px 0;
    font-size: 13px;
    color: #999;
    font-weight: 700;
    position: relative
}

.icon {
    display: block;
    margin: 0 auto;
    height: 30px;
    width: 30px
}

.side-nav__list__item > .icon {
    margin-bottom: 5px
}

.btn_tp {
    min-width: 106px;
    height: 46px;
    line-height: 42px;
    padding: 0 20px;
    margin: 0 0 0 6px;
    border-radius: var(--radius);
    -webkit-box-shadow: 1px 1px 1px #000;
    box-shadow: 1px 1px 1px #000;
    font-size: 16px;
    font-weight: 500;
    text-shadow: 1px 1px 1px #000;
    letter-spacing: -1px
}

.btn_tp:before {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.button_login {
    border-top: 1px solid #5e55cb;
    border-left: 1px solid #5e55cb;
    border-bottom: 1px solid #2d2864;
    background: #46409a;
    color: #eee
}

.footer[data-v-866a7e70] {
    width: 100%;
    min-width: 1250px;
    padding: 30px 0;
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footer-rule-container[data-v-866a7e70] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: clamp(40px, 11vw, 120px);
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 clamp(56px, 5%, 100px);
    margin-top: 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    min-width: 1150px;
    position: relative;
    padding-bottom: 81px
}

.footer-rule-container[data-v-866a7e70]:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #555
}

.footer-rule-container .footer-rule-box-right[data-v-866a7e70], .footer-rule-container .footer-rule-box[data-v-866a7e70] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 21px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.footer-rule-container .footer-rule-box-right[data-v-866a7e70] {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.footer-rule-container .footer-rule-svg-box[data-v-866a7e70] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 25px
}

.footer-rule-container .footer-rule-main[data-v-866a7e70] {
    white-space: nowrap;
    color: #fff;;
    font-size: clamp(14px, 1.4vw, 20px);
    font-style: normal;
    font-weight: 700;
    line-height: normal
}

.footer-rule-container .footer-rule-surve[data-v-866a7e70] {
    color: #fff;;
    font-size: clamp(12px, 1.2vw, 15px);
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.footer-page[data-v-866a7e70] {
    background: url(../img/footer.8a72c289.png) 50% no-repeat;
    height: 240px;
    background-size: cover
}

.footer-container[data-v-866a7e70] {
    line-height: 95px;
    padding-left: 160px;
    width: 100%;
    text-align: center
}

.sub-footer[data-v-866a7e70] {
    width: 100%
}

.footer__links[data-v-866a7e70] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    list-style: none
}

.footer__links li[data-v-866a7e70] {
    cursor: pointer
}

.footer__links__item[data-v-866a7e70] {
    position: relative;
    text-align: center;
    width: 25%
}

.footer__links__item svg[data-v-866a7e70] {
    width: 30px;
    margin: 0 auto 10px;
    height: 26px;
    fill: #fff
}

.footer__links__item__title[data-v-866a7e70] {
    color: #bdbcbf;
    font-size: 14px;
    font-weight: 700;
    margin: 0
}

.tel[data-v-866a7e70] {
    width: 200px;
    cursor: pointer
}

.images[data-v-866a7e70] {
    margin-left: 340px
}

.cs-btn[data-v-866a7e70] {
    border: 1px solid #343434;
    padding: 10px;
    gap: 8px;
    background: #262626;
    border-radius: 5px;
    width: 100px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    margin: 0 auto
}

.footer-sub-text[data-v-866a7e70] {
    color: #fff;
    font-family: NanumSquare Neo OTF;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal
}

@media screen and (max-width: 580px) {
    .footer-template[data-v-866a7e70] {
        background-color: #131232
    }

    .footer[data-v-866a7e70] {
        min-width: 100% !important
    }

    .footer .sub-footer[data-v-866a7e70], .footer[data-v-866a7e70] {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .images[data-v-866a7e70] {
        margin-left: 0;
        margin-bottom: 100px
    }

    .tel[data-v-866a7e70] {
        width: 120px
    }

    .footer-container > div[data-v-866a7e70] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer-rule-container[data-v-866a7e70] {
        padding-top: 30px;
        padding-bottom: 30px;
        display: grid;
        grid-template-columns:1fr 1fr;
        grid-template-rows:auto auto;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        min-width: 0
    }

    .footer-rule-container .footer-rule-box[data-v-866a7e70] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
        gap: 21px;
        min-width: 0
    }

    .footer-rule-container .footer-rule-main[data-v-866a7e70] {
        white-space: nowrap;
        color: #fff;;
        font-size: 20px;
        font-weight: 800
    }

    .footer-rule-container .footer-rule-surve[data-v-866a7e70] {
        color: #fff;;
        font-size: 15px;
        font-weight: 400
    }
}

.language-selector select[data-v-08b91e1c] {
    padding: 4px 12px;
    background: #0b1d33;
    border: 1px solid #0a0917;
    color: #fff
}

.language-selector option[data-v-08b91e1c] {
    background: #0b1d33;
    color: #fff
}

.side-bar-title[data-v-2c7b197a] {
    margin-left: 10px;
    max-width: 120px;
    word-break: break-word;
    text-align: justify
}

.menu-bar[data-v-2c7b197a] {
    margin-top: 5px !important;
    padding: 0 5px !important
}

.menu-bar .menu-bar-item-group[data-v-2c7b197a] {
    border: 1px solid #ddd;
    border-radius: 12px
}

.menu-bar li[data-v-2c7b197a] {
    list-style: none !important;
    margin: 10px 0 !important;
    text-align: center !important
}

.header-box[data-v-2c7b197a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 16px 0;
    gap: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    stroke-width: 3px;
    height: auto;
    stroke: hsla(0, 0%, 62%, .2)
}

.pc-side-bar[data-v-2c7b197a] {
    width: 269px;
    margin-top: 90px;
    height: 100%;
    position: relative;
    left: 0;
    background-color: #131232;
    z-index: 0;
    padding-left: 20px;
    padding-right: 20px;
    overflow: scroll;
    scrollbar-width: none
}

.pc-side-bar[data-v-2c7b197a]::-webkit-scrollbar-thumb {
    background: #2d2f6a;
    border-radius: 20px
}

.p-header[data-v-2c7b197a] {
    width: 100%;
    height: 160px;
    background: #fff !important;
    position: fixed;
    z-index: 999
}

.side-bar-link[data-v-2c7b197a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    text-align: center
}

.side-bar-icon[data-v-2c7b197a] {
    margin-left: auto;
    width: 10px !important;
    height: 17px !important
}

.header-container[data-v-2c7b197a] {
    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;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 10px;
    margin: 0 auto 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 10px
}

.header-container > div[data-v-2c7b197a] {
    width: 100%;
    min-width: 290px;
    max-width: 290px
}

.menu-item-imgs[data-v-2c7b197a] {
    display: none
}

.menu-item[data-v-2c7b197a] {
    width: 225px;
    height: 53px;
    text-align: left;
    border-radius: 14px;
    background: #242051;
    padding-left: 15px;
    padding-right: 15px;
    cursor: pointer
}

.menu-item .side-bar-link[data-v-2c7b197a], .menu-item[data-v-2c7b197a] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal
}

.menu-item .side-bar-link[data-v-2c7b197a] {
    width: 100%;
    text-align: center;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    height: 30px
}

.menu-item .side-bar-link svg[data-v-2c7b197a] {
    width: 40px;
    margin-top: 4px
}

.menu-item .side-bar-link img[data-v-2c7b197a] {
    margin-right: 5px;
    width: 30px
}

.menu-item .menu-item-icon-turn[data-v-2c7b197a], .menu-item .side-bar-link img[data-v-2c7b197a] {
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.menu-item:hover .side-bar-link[data-v-2c7b197a] {
    font-weight: 700;
    text-decoration: none
}

.menu-item:hover .side-bar-link .menu-item-icons[data-v-2c7b197a] {
    display: none
}

.menu-item:hover .side-bar-link .menu-item-imgs[data-v-2c7b197a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
}

.menu-item:hover .side-bar-link .menu-item-icon-turn[data-v-2c7b197a] {
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg)
}

.menu-item:hover .side-bar-link img[data-v-2c7b197a] {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

@media screen and (max-width: 800px) {
    .pc-side-bar[data-v-2c7b197a] {
        display: none !important
    }

    .p-header[data-v-2c7b197a] {
        min-width: 100%
    }

    .only-swd[data-v-2c7b197a] {
        display: table-cell !important
    }

    .full-wd[data-v-2c7b197a] {
        display: none !important
    }
}

.app-user .close[data-v-3fac4342] {
    position: absolute;
    right: 20px
}

.app-user .btn-login[data-v-3fac4342] {
    cursor: pointer;
    margin-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 56px;
    padding: 20px 34px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    border-radius: 100px;
    border: 1.5px solid var(--Stroke-Blue, #8cceff);
    background: var(--Button-Blue, linear-gradient(0deg, rgba(15, 18, 47, .05) 45.61%, rgba(15, 18, 47, 0) 49.61%), linear-gradient(180deg, #7dc5ff, #23a2ff))
}

.app-user .btn-login span[data-v-3fac4342] {
    color: var(--Text-White, #fff);
    text-align: center;
    text-shadow: 0 4px 10px rgba(0, 0, 0, .15);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.app-user .btn-login[data-v-3fac4342]:hover {
    opacity: .7
}

.app-user .login-container[data-v-3fac4342] {
    margin-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 56px;
    padding: 16px 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    border-radius: 100px;
    border: 1px solid #2e4274;
    background: var(--Button-Gray, #0a1634)
}

.app-user .login-container input[data-v-3fac4342] {
    background: none;
    color: #fff;
    width: 100%;
    border: none
}

.app-user .login-container input[data-v-3fac4342]:focus {
    outline: none;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.app-user .modalForm[data-v-3fac4342] {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.app-user .login-welcome1[data-v-3fac4342] {
    color: #fff;
    font-size: 20px;
    font-weight: 700
}

.app-user .login-welcome1[data-v-3fac4342], .app-user .login-welcome2[data-v-3fac4342] {
    text-align: center;
    font-style: normal;
    line-height: normal
}

.app-user .login-welcome2[data-v-3fac4342] {
    color: var(--Text-Gray-Dark, #4d5b87);
    font-size: 14px;
    font-weight: 600
}

.app-user .top-text[data-v-3fac4342] {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 12px
}

.app-user .modal-header[data-v-3fac4342] {
    position: relative;
    background: #151515;
    color: #fff;
    font-weight: 600;
    border-top: 5px solid #86e100;
    border-bottom: none;
    z-index: 10
}

.app-user .modal-footer[data-v-3fac4342] {
    width: 100%;
    border: none;
    margin: 5px auto 20px
}

.app-user .modal-body[data-v-3fac4342] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 24px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(2.64%, #0d092e), color-stop(106.48%, #5224f5));
    background: linear-gradient(180deg, #0d092e 2.64%, #5224f5 106.48%);
    -webkit-box-shadow: 0 0 50px 0 #45ffe6;
    box-shadow: 0 0 50px 0 #45ffe6;
    padding: 0;
    overflow: hidden
}

.app-user .modal-left[data-v-3fac4342] {
    position: relative;
    width: 50%;
    overflow: hidden
}

.app-user .modal-left img[data-v-3fac4342] {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block
}

.app-user .modal-left .overlay[data-v-3fac4342] {
    position: absolute;
    bottom: 40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #fff;
    width: 100%
}

.app-user .modal-left .overlay .logo[data-v-3fac4342] {
    max-width: 80px;
    margin-bottom: 5px
}

.app-user .modal-left .overlay span[data-v-3fac4342] {
    color: var(--Text-White, #fff);;
    font-size: 22px;
    font-style: normal;
    font-weight: 800;
    line-height: normal
}

.app-user .modal-right[data-v-3fac4342] {
    width: 50%;
    padding: 20px
}

.login-modal-main[data-v-3fac4342] {
    width: 100%
}

.b-modal-content[data-v-3fac4342] {
    padding: 15px 10px !important
}

.login-container[data-v-3fac4342] {
    padding: 10px 30px
}

.permission-message[data-v-3fac4342] {
    color: #8abdff;
    font-size: 16px;
    text-align: center
}

.login-form[data-v-3fac4342] {
    margin-top: 20px
}

.login-button[data-v-3fac4342] {
    margin-top: 10px;
    padding: 6px 12px;
    font-size: 14px;
    width: 100%
}

.join-message[data-v-3fac4342] {
    color: #fff;
    cursor: pointer;
    margin-top: 10px;
    text-align: center;
    font-size: 14px
}

.join-message .btn-text[data-v-3fac4342] {
    color: #8abdff
}

.join-message:hover .text[data-v-3fac4342] {
    color: #fff2dd
}

.form-control[data-v-3fac4342] {
    margin-bottom: 10px;
    background: #302e36;
    border: 1px solid #585858;
    border-radius: 0;
    padding-left: 10px;
    color: #fff;
    font-size: 15px
}

.form-control[data-v-3fac4342]:focus {
    outline: none;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .08), 0 0 8px rgba(102, 175, 233, .6) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .08), 0 0 8px rgba(102, 175, 233, .6) !important
}

@media screen and (max-width: 468px) {
    .modal-body .b-modal-header[data-v-3fac4342] {
        padding: 0 10px !important;
        border-bottom: none !important
    }

    .login-container[data-v-3fac4342] {
        height: 40px !important
    }

    .app-user .modal-right[data-v-3fac4342] {
        width: 100%;
        padding: 10px
    }
}

.no-spinners[data-v-3fac4342] {
    -moz-appearance: textfield
}

.no-spinners[data-v-3fac4342]::-webkit-inner-spin-button, .no-spinners[data-v-3fac4342]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.template-button[data-v-3a622fe6] {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .5s;
    color: #fff;
    border-radius: 10px;
    background: #231f48;
    width: 126px;
    height: 36px;
    margin-left: .625rem;
    font-weight: 700;
    border: none
}

.alert-danger[data-v-27fe8742] {
    background-color: hsla(0, 0%, 100%, .1);
    color: #8abdff;
    border: 0;
    font-weight: 500;
    font-size: 15px;
    line-height: 1.8;
    padding: 10px;
    border-radius: 4px
}

.input-group[data-v-27fe8742] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
    padding-bottom: 15px
}

.input-group .label[data-v-27fe8742] {
    width: 150px;
    text-align: left;
    padding: 10px 0;
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px
}

.input-group .input[data-v-27fe8742] {
    width: 100%;
    max-width: 380px;
    position: relative
}

.input-group .input .form-control[data-v-27fe8742]:focus {
    outline: none;
    background: #231f48;
    border: 1px solid #585858;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .08), 0 0 8px rgba(102, 175, 233, .6) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .08), 0 0 8px rgba(102, 175, 233, .6) !important
}

.input-group .input input[data-v-27fe8742] {
    background: #231f48;
    border: 1px solid #585858;
    color: #fff;
    font-size: 14px;
    border-radius: 1px
}

.input-group .message[data-v-27fe8742] {
    color: #999;
    font-size: 14px;
    padding-top: 8px
}

.input-group .required[data-v-27fe8742] {
    color: #99211f
}

.input-group .login-button[data-v-27fe8742] {
    font-size: 14px;
    padding: 0 4px;
    height: calc(1.5em + .75rem + 2px);
    position: absolute;
    top: 0;
    right: 0
}

.input-group .exchange-password[data-v-27fe8742] {
    padding-right: 120px
}

.input-group .wallet-button[data-v-27fe8742] {
    background: #1e75a2;
    width: unset;
    margin-top: unset;
    border-radius: 0;
    border: none;
    padding: 0 12.4px;
    color: #fff;
    height: 34px;
    line-height: 34px;
    font-size: 12px;
    margin-right: 5px
}

@media screen and (max-width: 468px) {
    .input-group .wallet-button[data-v-27fe8742] {
        padding: 0 9px
    }
}

.input-group .wallet-button.clear[data-v-27fe8742] {
    background: hsla(0, 0%, 100%, .05);
    border: 1px solid hsla(0, 0%, 100%, .1)
}

.input-group .wallet-button[data-v-27fe8742]:active, .input-group .wallet-button[data-v-27fe8742]:focus, .input-group .wallet-button[data-v-27fe8742]:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#efd48c), to(#ddad2d));
    background: linear-gradient(180deg, #efd48c 0, #ddad2d);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#efd48c", endColorstr="#ddad2d", GradientType=0);
    color: #fff
}

@media screen and (max-width: 468px) {
    .input-group[data-v-27fe8742] {
        padding: 0 9px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.charge-button[data-v-27fe8742] {
    width: 100% !important;
    max-width: 420px !important;
    font-size: 15px;
    font-weight: 600;
    margin-top: 10px
}

.error-message[data-v-27fe8742] {
    color: #cd5c5c;
    font-size: 14px;
    margin-top: 5px
}

.gold[data-v-27fe8742] {
    color: #8abdff !important
}

.alert-danger[data-v-5f8e9dc8] {
    background-color: hsla(0, 0%, 100%, .1);
    color: #8abdff;
    border: 0;
    font-weight: 500;
    font-size: 15px;
    line-height: 1.8;
    padding: 10px;
    border-radius: 4px
}

.input-group[data-v-5f8e9dc8] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .2)
}

.input-group .label[data-v-5f8e9dc8] {
    font-size: 13px;
    font-weight: 700;
    color: #8abdff;
    width: 150px;
    text-align: left;
    padding: 10px 0
}

.input-group .input[data-v-5f8e9dc8] {
    width: 100%;
    max-width: 380px;
    position: relative
}

.input-group .input .form-control[data-v-5f8e9dc8]:focus {
    outline: none;
    background-color: hsla(0, 0%, 100%, .05);
    border: 1px solid #585858;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .08), 0 0 8px rgba(102, 175, 233, .6) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .08), 0 0 8px rgba(102, 175, 233, .6) !important
}

.input-group .input input[data-v-5f8e9dc8] {
    background-color: hsla(0, 0%, 100%, .05);
    border: 1px solid #585858;
    color: #fff;
    font-size: 14px;
    border-radius: 1px
}

.input-group .message[data-v-5f8e9dc8] {
    color: #999;
    font-size: 14px;
    padding-top: 8px
}

.input-group .required[data-v-5f8e9dc8] {
    color: #99211f
}

.input-group .login-button[data-v-5f8e9dc8] {
    font-size: 14px;
    height: calc(1.5em + .75rem + 2px);
    position: absolute;
    top: 0;
    right: 0
}

.input-group .exchange-password[data-v-5f8e9dc8] {
    padding-right: 120px
}

.input-group .wallet-button[data-v-5f8e9dc8] {
    background: #1e75a2;
    width: unset;
    margin-top: unset;
    border-radius: 0;
    border: none;
    padding: 0 12.4px;
    color: #fff;
    height: 34px;
    line-height: 34px;
    font-size: 12px;
    margin-right: 5px
}

@media screen and (max-width: 468px) {
    .input-group .wallet-button[data-v-5f8e9dc8] {
        padding: 0 9px
    }
}

.input-group .wallet-button.clear[data-v-5f8e9dc8] {
    background: hsla(0, 0%, 100%, .05);
    border: 1px solid hsla(0, 0%, 100%, .1)
}

.input-group .wallet-button[data-v-5f8e9dc8]:active, .input-group .wallet-button[data-v-5f8e9dc8]:focus, .input-group .wallet-button[data-v-5f8e9dc8]:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#efd48c), to(#ddad2d));
    background: linear-gradient(180deg, #efd48c 0, #ddad2d);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#efd48c", endColorstr="#ddad2d", GradientType=0);
    color: #fff
}

@media screen and (max-width: 468px) {
    .input-group[data-v-5f8e9dc8] {
        padding: 0 9px
    }
}

.charge-button[data-v-5f8e9dc8] {
    width: 100% !important;
    max-width: 420px !important;
    font-size: 15px;
    font-weight: 600;
    margin-top: 10px
}

.error-message[data-v-5f8e9dc8] {
    color: #cd5c5c;
    font-size: 14px;
    margin-top: 5px
}

.gold[data-v-5f8e9dc8] {
    color: #8abdff !important
}

.page-link[data-v-20e40bd0]:hover, .selected-page[data-v-20e40bd0] {
    background: -webkit-gradient(linear, left top, left bottom, from(#2e4ab1), to(#3e4147));
    background: linear-gradient(180deg, #2e4ab1 0, #3e4147);
    color: #fff !important;
    font-weight: 600;
    border-color: hsla(0, 0%, 100%, .2)
}

.page-link[data-v-20e40bd0] {
    border-radius: 12px !important;
    padding: 4px 10px !important;
    font-size: 14px;
    background-color: #141315;
    border-color: hsla(0, 0%, 100%, .2);
    color: #999
}

.form-control[data-v-31a5c683] {
    font-size: 14px;
    padding: .375rem .5rem;
    width: 130px
}

.form-control[data-v-31a5c683], .form-control[data-v-31a5c683]:focus {
    border: 1px solid #585858;
    background-color: hsla(0, 0%, 100%, .05);
    color: #fff
}

.login-button[data-v-31a5c683] {
    font-size: 14px
}

[data-v-31a5c683]::-webkit-calendar-picker-indicator {
    -webkit-filter: invert(1);
    filter: invert(1)
}

@media (max-width: 500px) {
    .search-date[data-v-31a5c683] {
        width: 110px;
        font-size: 12px
    }

    .date-search-button[data-v-31a5c683] {
        width: 50px !important
    }
}

.alert-danger[data-v-02a0614a] {
    background-color: hsla(0, 0%, 100%, .1);
    color: #8abdff;
    border: 0;
    font-weight: 500;
    font-size: 15px;
    line-height: 1.8;
    padding: 10px;
    border-radius: 4px
}

.input-group[data-v-02a0614a] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .2)
}

.input-group .label[data-v-02a0614a] {
    font-size: 13px;
    font-weight: 700;
    color: #8abdff;
    width: 150px;
    text-align: left;
    padding: 10px 0
}

.input-group .input[data-v-02a0614a] {
    width: 100%;
    max-width: 380px;
    position: relative
}

.input-group .input .form-control[data-v-02a0614a]:focus {
    outline: none;
    background-color: hsla(0, 0%, 100%, .05);
    border: 1px solid #585858;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .08), 0 0 8px rgba(102, 175, 233, .6) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .08), 0 0 8px rgba(102, 175, 233, .6) !important
}

.input-group .input input[data-v-02a0614a] {
    background-color: hsla(0, 0%, 100%, .05);
    border: 1px solid #585858;
    color: #fff;
    font-size: 14px;
    border-radius: 1px
}

.input-group .user-point[data-v-02a0614a] {
    color: #8abdff;
    font-size: 14px;
    padding-top: 8px
}

.input-group .required[data-v-02a0614a] {
    color: #99211f
}

.input-group .login-button[data-v-02a0614a] {
    font-size: 14px;
    height: calc(1.5em + .75rem + 2px);
    position: absolute;
    top: 0;
    right: 0
}

.input-group .currency[data-v-02a0614a] {
    padding-right: 86px !important
}

.input-group .wallet-button[data-v-02a0614a] {
    background: #1e75a2;
    width: unset;
    margin-top: unset;
    border-radius: 0;
    border: none;
    padding: 0 12.4px;
    color: #fff;
    height: 34px;
    line-height: 34px;
    font-size: 12px;
    margin-right: 5px
}

@media screen and (max-width: 468px) {
    .input-group .wallet-button[data-v-02a0614a] {
        padding: 0 9px
    }
}

.input-group .wallet-button.clear[data-v-02a0614a] {
    background: hsla(0, 0%, 100%, .05);
    border: 1px solid hsla(0, 0%, 100%, .1)
}

.input-group .wallet-button[data-v-02a0614a]:active, .input-group .wallet-button[data-v-02a0614a]:focus, .input-group .wallet-button[data-v-02a0614a]:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#efd48c), to(#ddad2d));
    background: linear-gradient(180deg, #efd48c 0, #ddad2d);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#efd48c", endColorstr="#ddad2d", GradientType=0);
    color: #fff
}

@media screen and (max-width: 500px) {
    .bs-table thead th[data-v-02a0614a] {
        height: 31px;
        border-radius: 0
    }

    .input-group[data-v-02a0614a] {
        padding: 0 9px
    }
}

.charge-button[data-v-02a0614a] {
    width: 100% !important;
    max-width: 420px !important;
    font-size: 15px;
    font-weight: 600;
    margin-top: 10px
}

.error-message[data-v-02a0614a] {
    color: #cd5c5c;
    font-size: 14px;
    margin-top: 5px
}

.gold[data-v-02a0614a] {
    color: #8abdff !important
}

.inner[data-v-0cd98084] {
    background: #1a1a1a;
    -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .7), 1px 1px 0 hsla(0, 0%, 100%, .05);
    box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .7), 1px 1px 0 hsla(0, 0%, 100%, .05);
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden
}

.inner[data-v-0cd98084]:last-child {
    margin-bottom: 0
}

.inner .line01[data-v-0cd98084] {
    background: #131313
}

.inner .line01[data-v-0cd98084], .inner .line02[data-v-0cd98084] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 40px;
    padding: 0 15px;
    font-size: 14px
}

.inner .gameNum[data-v-0cd98084] {
    color: #ffc000
}

.inner .value[data-v-0cd98084] {
    color: #388bd7
}

.inner .line02 .value[data-v-0cd98084] {
    font-weight: 500;
    color: #388bd7
}

.inner .state .st01[data-v-0cd98084] {
    color: #87ceeb;
    width: 80px;
    height: 30px;
    display: inline-block;
    text-align: center;
    line-height: 2.2;
    border-radius: 3px;
    margin-left: 5px
}

.inner .state .st01[data-v-0cd98084]:before {
    content: "\C9C4\D589\C911"
}

.inner .state .st02[data-v-0cd98084] {
    background: #9e9e9e;
    width: 80px;
    height: 30px;
    display: inline-block;
    text-align: center;
    line-height: 2.2;
    border-radius: 3px;
    margin-left: 5px
}

.inner .state .st02[data-v-0cd98084]:before {
    content: "\B9C8\AC10"
}

.inner .state .st03[data-v-0cd98084] {
    color: #f44336;
    width: 80px;
    height: 30px;
    display: inline-block;
    text-align: center;
    line-height: 2.2;
    border-radius: 3px;
    margin-left: 5px
}

.inner .state .st03[data-v-0cd98084]:before {
    content: "\BBF8\B2F9\CCA8"
}

.inner .state .st04[data-v-0cd98084] {
    color: #29c88f;
    width: 80px;
    height: 30px;
    display: inline-block;
    text-align: center;
    line-height: 2.2;
    border-radius: 3px;
    margin-left: 5px
}

.inner .state .st04[data-v-0cd98084]:before {
    content: "\B2F9\CCA8"
}

.inner .state .st05[data-v-0cd98084] {
    background: #9c27b0;
    width: 80px;
    height: 30px;
    display: inline-block;
    text-align: center;
    line-height: 2.2;
    border-radius: 3px;
    margin-left: 5px;
    cursor: pointer
}

.inner .state .st05[data-v-0cd98084]:before {
    content: "\CDE8\C18C\D558\AE30"
}

.inner .state .st06[data-v-0cd98084] {
    color: #f44336;
    width: 80px;
    height: 30px;
    display: inline-block;
    text-align: center;
    line-height: 2.2;
    border-radius: 3px;
    margin-left: 5px
}

.inner .state .st06[data-v-0cd98084]:before {
    content: "\BC30\D305\CDE8\C18C"
}

@media screen and (max-width: 468px) {
    .inner .line01[data-v-0cd98084], .inner .line02[data-v-0cd98084] {
        font-size: 12px
    }
}

table[data-v-87de8bde] {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%
}

table td[data-v-87de8bde] {
    padding: 2px 2px;
    font-size: 10pt;
    position: relative
}

table tr[data-v-87de8bde]:hover {
    background: #191919
}

table th[data-v-87de8bde] {
    font-weight: 600;
    font-size: 10pt
}

table td[data-v-87de8bde], table th[data-v-87de8bde] {
    border: 1px solid #191919
}

table th[data-v-87de8bde] {
    background-color: #191919
}

table[data-v-7d99a7da] {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%
}

table td[data-v-7d99a7da] {
    padding: 2px 2px;
    font-size: 10pt;
    position: relative
}

table tr[data-v-7d99a7da]:hover {
    background: #191919
}

table th[data-v-7d99a7da] {
    font-weight: 600;
    font-size: 10pt
}

table td[data-v-7d99a7da], table th[data-v-7d99a7da] {
    border: 1px solid #191919
}

table th[data-v-7d99a7da] {
    background-color: #191919
}

table[data-v-cce1f712] {
    color: #fff
}

table th[data-v-cce1f712] {
    font-size: 10pt;
    font-weight: 500
}

table tr[data-v-cce1f712] {
    font-size: 11pt
}

@media screen and (max-width: 468px) {
    tr td[data-v-cce1f712] {
        font-size: 9pt;
        min-width: 120px;
        width: auto
    }
}

.alert-danger[data-v-7d177410] {
    background-color: hsla(0, 0%, 100%, .1);
    color: #8abdff;
    border: 0;
    font-weight: 500;
    font-size: 15px;
    line-height: 1.8;
    padding: 10px;
    border-radius: 4px
}

.form-container .form-group .infos .btn-grp button[data-v-7d177410] {
    width: 13%;
    height: 35px;
    float: left;
    margin: 0 2px;
    border-radius: 10px;
    background: #231f48;
    border: none;
    color: #fff;
    font-size: 12px;
    -webkit-transition: .3s;
    transition: .3s;
    padding: 0;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.point-label[data-v-7d177410] {
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    margin-top: 10px
}

.point-label-box[data-v-7d177410] {
    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;
    width: 100%;
    border-radius: 10px;
    background: #231f48;
    height: 109px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-bottom: 10px
}

.input-group[data-v-7d177410] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .2)
}

.input-group .label[data-v-7d177410] {
    font-size: 13px;
    font-weight: 700;
    color: #8abdff;
    width: 150px;
    text-align: left;
    padding: 10px 0
}

.input-group .input[data-v-7d177410] {
    width: 100%;
    max-width: 400px;
    position: relative
}

.input-group .input .form-control[data-v-7d177410]:focus {
    outline: none;
    background-color: hsla(0, 0%, 100%, .05);
    border: 1px solid #585858;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .08), 0 0 8px rgba(102, 175, 233, .6) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .08), 0 0 8px rgba(102, 175, 233, .6) !important
}

.input-group .input input[data-v-7d177410] {
    background-color: hsla(0, 0%, 100%, .05);
    border: 1px solid #585858;
    color: #fff;
    font-size: 14px;
    border-radius: 1px
}

.input-group .user-point[data-v-7d177410] {
    color: #8abdff;
    font-size: 14px;
    padding-top: 8px
}

.input-group .required[data-v-7d177410] {
    color: #99211f
}

.input-group .login-button[data-v-7d177410] {
    font-size: 14px;
    height: calc(1.5em + .75rem + 2px);
    position: absolute;
    top: 0;
    right: 0
}

.input-group .currency[data-v-7d177410] {
    padding-right: 86px !important
}

.input-group .wallet-button[data-v-7d177410] {
    background: #1e75a2;
    width: unset;
    margin-top: unset;
    border-radius: 0;
    border: none;
    padding: 0 12.4px;
    color: #fff;
    height: 34px;
    line-height: 34px;
    font-size: 12px;
    margin-right: 5px
}

@media screen and (max-width: 468px) {
    .input-group .wallet-button[data-v-7d177410] {
        padding: 0 9px
    }
}

.input-group .wallet-button.clear[data-v-7d177410] {
    background: hsla(0, 0%, 100%, .05);
    border: 1px solid hsla(0, 0%, 100%, .1)
}

.input-group .wallet-button[data-v-7d177410]:active, .input-group .wallet-button[data-v-7d177410]:focus, .input-group .wallet-button[data-v-7d177410]:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#efd48c), to(#ddad2d));
    background: linear-gradient(180deg, #efd48c 0, #ddad2d);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#efd48c", endColorstr="#ddad2d", GradientType=0);
    color: #fff
}

@media screen and (max-width: 468px) {
    .point-label[data-v-7d177410] {
        font-size: 15px
    }

    .form-btn[data-v-7d177410] {
        width: 100%
    }

    .input-group[data-v-7d177410] {
        padding: 0 9px
    }
}

.charge-button[data-v-7d177410] {
    width: 100% !important;
    max-width: 420px !important;
    font-size: 15px;
    font-weight: 600;
    margin-top: 10px
}

.error-message[data-v-7d177410] {
    color: #cd5c5c;
    font-size: 14px;
    margin-top: 5px
}

.gold[data-v-7d177410] {
    color: #8abdff !important
}

.link-button[data-v-7d177410] {
    color: #007bff;
    cursor: pointer;
    text-decoration: underline
}

.input-group[data-v-c771a672] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .2)
}

.input-group .label[data-v-c771a672] {
    font-size: 13px;
    font-weight: 700;
    color: #8abdff;
    width: 150px;
    text-align: left;
    padding: 10px 0
}

.input-group .input[data-v-c771a672] {
    width: 100%;
    max-width: 380px;
    position: relative
}

.input-group .input .form-control[data-v-c771a672]:focus {
    outline: none;
    background-color: hsla(0, 0%, 100%, .05);
    border: 1px solid #585858;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .08), 0 0 8px rgba(102, 175, 233, .6) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .08), 0 0 8px rgba(102, 175, 233, .6) !important
}

.input-group .input input[data-v-c771a672] {
    background-color: hsla(0, 0%, 100%, .05);
    border: 1px solid #585858;
    color: #fff;
    font-size: 14px;
    border-radius: 1px
}

.input-group .message[data-v-c771a672] {
    color: #999;
    font-size: 14px;
    padding-top: 8px
}

.input-group .required[data-v-c771a672] {
    color: #99211f
}

.input-group .login-button[data-v-c771a672] {
    font-size: 14px;
    height: calc(1.5em + .75rem + 2px);
    position: absolute;
    top: 0;
    right: 0
}

.input-group .exchange-password[data-v-c771a672] {
    padding-right: 120px
}

.input-group .wallet-button[data-v-c771a672] {
    background: #1e75a2;
    width: unset;
    margin-top: unset;
    border-radius: 0;
    border: none;
    padding: 0 12.4px;
    color: #fff;
    height: 34px;
    line-height: 34px;
    font-size: 12px;
    margin-right: 5px
}

@media screen and (max-width: 468px) {
    .input-group .wallet-button[data-v-c771a672] {
        padding: 0 9px
    }
}

.input-group .wallet-button.clear[data-v-c771a672] {
    background: hsla(0, 0%, 100%, .05);
    border: 1px solid hsla(0, 0%, 100%, .1)
}

.input-group .wallet-button[data-v-c771a672]:active, .input-group .wallet-button[data-v-c771a672]:focus, .input-group .wallet-button[data-v-c771a672]:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#efd48c), to(#ddad2d));
    background: linear-gradient(180deg, #efd48c 0, #ddad2d);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#efd48c", endColorstr="#ddad2d", GradientType=0);
    color: #fff
}

@media screen and (max-width: 468px) {
    .input-group[data-v-c771a672] {
        padding: 0 9px
    }
}

.charge-button[data-v-c771a672] {
    width: 100% !important;
    max-width: 420px !important;
    font-size: 15px;
    font-weight: 600;
    margin-top: 10px
}

.error-message[data-v-c771a672] {
    color: #cd5c5c;
    font-size: 14px;
    margin-top: 5px
}

.gold[data-v-c771a672] {
    color: #8abdff !important
}

.activeCharge {
    border-bottom: 5px solid #4032e1 !important
}

.activeWith {
    border-bottom: 5px solid #e1327b !important
}

.activeHistory {
    border-bottom: 5px solid #ff7d21 !important
}

.activePoint {
    border-bottom: 5px solid #01a254 !important
}

.menu-ul {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2f2b60), to(#151531));
    background: linear-gradient(180deg, #2f2b60, #151531);
    -webkit-box-shadow: inset 0 -2px 0 0 #e5dada;
    box-shadow: inset 0 -2px 0 0 hsla(0, 0%, 100%, .2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: 0;
    margin-bottom: 0;
    padding: 0;
    border-bottom-color: hsla(0, 0%, 100%, .1);
    height: 50px
}

.menu-ul li {
    line-height: 50px;
    cursor: pointer;
    z-index: 2;
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
    color: #fff;
    font-size: 14px;
    width: 20%;
    text-align: center
}

.menu-ul .active {
    color: #8abdff;
    border-bottom: 2px solid #b0b1ba
}

.deposit.button-active {
    color: #fff;
    background: #4032e1
}

.withdraw.button-active {
    color: #fff;
    background: #e1327b
}

.history.button-active {
    color: #fff;
    background: #ff7d21
}

.point.button-active {
    color: #fff;
    background: #01a254
}

.menu-content {
    padding: 15px
}

.inventory-template {
    min-height: 90vh;
    background: #0f1025;
    border-radius: 20px;
    background: #100d28;
    -webkit-box-shadow: 0 0 10px 10px rgba(0, 127, 255, .25);
    box-shadow: 0 0 10px 10px rgba(0, 127, 255, .25)
}

.inventory-template .width200 {
    width: 180px
}

.inventory-template .width100 {
    width: 100px
}

@media screen and (max-width: 500px) {
    .inventory-template .modal-menu {
        width: 100%;
        gap: 0
    }

    .inventory-template .modal-menu i {
        display: none
    }

    .inventory-template .modal-menu button {
        background: none;
        border-radius: 0
    }

    .inventory-template .deposit.button-active {
        background: none;
        border-bottom: 5px solid #4032e1
    }

    .inventory-template .withdraw.button-active {
        background: none;
        border-bottom: 5px solid #e1327b
    }

    .inventory-template .history.button-active {
        background: none;
        border-bottom: 5px solid #ff7d21
    }

    .inventory-template .point.button-active {
        background: none;
        border-bottom: 5px solid #01a254
    }

    .inventory-template .menu-content {
        padding: 0
    }

    .inventory-template .width200 {
        width: 110px
    }
}

.inventory-template .table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

.inventory-template .table tr {
    font-size: 13px;
    font-weight: 500;
    color: #fff
}

.inventory-template .table thead > tr > th {
    background-color: #5e5e5e;
    padding: 5px;
    text-align: center;
    border-top: 1px solid #333;
    border-bottom: none;
    line-height: 1.42857143;
    vertical-align: top;
    font-weight: 600
}

.inventory-template .table .board-subject:hover {
    text-decoration: underline;
    color: #8abdff
}

.inventory-template .table .board-selected {
    color: #8abdff
}

.board-selected-content[data-v-15b20120] {
    display: table-row !important
}

.noticeview-content[data-v-15b20120] {
    display: none
}

.comunity-template .panel[data-v-15b20120] {
    margin-bottom: 0
}

.board-selected-content[data-v-15b20120], .board-selected[data-v-15b20120] {
    background-color: #16181d
}

.comunity-template .panel[data-v-15b20120] {
    text-align: left
}

.new-badge[data-v-15b20120] {
    color: #fff;
    font-size: 10px;
    background: #ff4500;
    padding: 3px;
    border-radius: 4px;
    margin-left: 5px
}

.board-selected-content[data-v-288da737] {
    display: table-row !important
}

.noticeview-content[data-v-288da737] {
    display: none
}

.comunity-template .panel[data-v-288da737] {
    margin-bottom: 0
}

.board-selected-content[data-v-288da737], .board-selected[data-v-288da737] {
    background-color: #16181d
}

.comunity-template .panel[data-v-288da737] {
    text-align: left
}

.content[data-v-288da737] img {
    width: 100%
}

.board-selected-content[data-v-dec54b14] {
    display: table-row !important
}

.noticeview-content[data-v-dec54b14] {
    display: none
}

.comunity-template .panel[data-v-dec54b14] {
    margin-bottom: 0
}

.board-selected-content[data-v-dec54b14], .board-selected[data-v-dec54b14] {
    background-color: #16181d
}

.comunity-template .panel[data-v-dec54b14] {
    text-align: left
}

.board-selected-content[data-v-3fdd06d4] {
    display: table-row !important
}

.noticeview-content[data-v-3fdd06d4] {
    display: none
}

.comunity-template .panel[data-v-3fdd06d4] {
    margin-bottom: 0
}

.board-selected-content[data-v-3fdd06d4], .board-selected[data-v-3fdd06d4] {
    background-color: #16181d
}

.comunity-template .panel[data-v-3fdd06d4] {
    text-align: left
}

.comment-body[data-v-1f88c3d3] {
    padding: 16px
}

.comment-body .comment-input[data-v-1f88c3d3] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.comment-body .comment-input textarea[data-v-1f88c3d3] {
    width: 100%;
    background: #222;
    color: #fff
}

.comment-body .comment-input button[data-v-1f88c3d3] {
    width: 60px;
    background: #444;
    font-weight: 700;
    border: 1px solid #8abdff;
    color: #8abdff
}

.comment-body .comment-list[data-v-1f88c3d3] {
    margin-top: 12px
}

.comment-body .comment-container[data-v-1f88c3d3] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 4px;
    border-bottom: 1px solid #ccc;
    gap: 8px;
    font-size: .8em
}

.comment-body .comment-container .comment-content[data-v-1f88c3d3] {
    width: 100%
}

.comment-body .comment-container .comment-user[data-v-1f88c3d3] {
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content
}

.comment-body .comment-container .comment-created-at[data-v-1f88c3d3] {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.activeMenu {
    border-bottom: 5px solid #a400df !important
}

.activeNotice {
    border-bottom: 5px solid #0076e4 !important
}

.activeMessage {
    border-bottom: 5px solid #d89300 !important
}

@media (max-width: 600px) {
    .modal-header .title-panel .title {
        font-size: 20px;
        width: 250px;
        height: 100%
    }
}

.title-panel {
    padding-top: 5px;
    text-align: center
}

table th, td {
    border-top: 0 !important
}

.comunity-template {
    min-height: 90vh;
    background: #0f1025
}

.comunity-template .menu-ul {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2f2b60), to(#151531));
    background: linear-gradient(180deg, #2f2b60, #151531);
    -webkit-box-shadow: inset 0 -2px 0 0 #e5dada;
    box-shadow: inset 0 -2px 0 0 hsla(0, 0%, 100%, .2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: 0;
    margin-bottom: 0;
    padding: 0;
    border-bottom-color: hsla(0, 0%, 100%, .1);
    height: 50px
}

.comunity-template .menu-ul li {
    line-height: 50px;
    cursor: pointer;
    z-index: 2;
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
    color: #fff;
    font-size: 14px;
    width: 20%;
    text-align: center
}

.comunity-template .menu-ul .active {
    color: #8abdff;
    border-bottom: 2px solid #b0b1ba
}

.comunity-template .menu-content {
    padding: 15px
}

.comunity-template .width200 {
    width: 180px
}

.comunity-template .width100 {
    width: 100px
}

@media screen and (max-width: 468px) {
    .comunity-template .menu-content {
        padding: 0
    }

    .comunity-template .width200 {
        width: 110px
    }
}

.comunity-template .table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

.comunity-template .table tr {
    font-size: 13px;
    font-weight: 500;
    color: #fff
}

.comunity-template .table thead > tr > th {
    padding: 5px;
    text-align: center;
    border-bottom: none;
    line-height: 1.42857143;
    vertical-align: top;
    font-weight: 600
}

.comunity-template .table .board-subject:hover {
    text-decoration: underline;
    color: #8abdff
}

.comunity-template .table .board-selected {
    color: #8abdff
}

.comunity-template .login-button {
    font-size: 14px
}

.comunity-template .delete-button {
    background: #f44336 !important;
    color: #fff !important
}

.comunity-template .panel {
    border: 1px solid hsla(0, 0%, 100%, .2);
    color: #fff;
    border-radius: 4px;
    margin-bottom: 20px
}

.comunity-template .panel .panel-heading {
    border-bottom: 1px solid hsla(0, 0%, 100%, .2);
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    padding: 10px 15px;
    position: relative;
    border: 1px solid hsla(0, 0%, 100%, .2);
    background-color: #1d1d1d;
    color: #fff
}

.comunity-template .panel .panel-heading h5 {
    font-size: 15px;
    margin-bottom: 0
}

@media screen and (max-width: 468px) {
    .comunity-template .panel .panel-heading h5 {
        width: 200px
    }
}

.comunity-template .panel .panel-heading .date {
    text-align: right;
    color: #fff;
    font-weight: 400;
    font-size: 12px;
    right: 10px;
    top: 12px;
    position: absolute
}

.comunity-template .panel .panel-body {
    background: hsla(0, 0%, 100%, .05);
    padding: 10px 15px;
    font-size: 13px
}

.mobile-subject {
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.form-container[data-v-d3df5f5e] {
    padding: 0 30px
}

.profile-template .user-balance[data-v-d3df5f5e] {
    padding: 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 60px;
    background: #1d1d1d;
    border-top: 1px solid #404040
}

.profile-template .balance-button-container__rank[data-v-d3df5f5e], .profile-template .user-balance > div > h3[data-v-d3df5f5e] {
    display: inline-block;
    vertical-align: baseline
}

.profile-template .player-balance > p[data-v-d3df5f5e], .profile-template .user-balance > div > h3[data-v-d3df5f5e] {
    font-size: 14px;
    margin: 0
}

.profile-template .wallet__nav[data-v-d3df5f5e] {
    padding: 18px 20px
}

.profile-template .wallet__nav__list[data-v-d3df5f5e] {
    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
}

.profile-template .list-unstyled[data-v-d3df5f5e] {
    padding-left: 0;
    list-style: none
}

.profile-template .wallet__nav__list__item[data-v-d3df5f5e] {
    width: calc(50% - 1px);
    border: 1px solid #414141;
    color: #45a8ff;
    font-weight: 700;
    font-size: 12px;
    height: 44px;
    line-height: 44px;
    margin: 1px 0;
    text-align: left;
    padding-left: 20px;
    background-color: #171717;
    background: #5127ab;
    background: -webkit-gradient(linear, left top, left bottom, from(#1d1d1d), to(#1d1d1d));
    background: linear-gradient(180deg, #1d1d1d 0, #1d1d1d);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5127ab", endColorstr="#291d5d", GradientType=0)
}

table[data-v-b557c20a] {
    width: 100%
}

.date[data-v-b557c20a] {
    color: #fff
}

.date[data-v-b557c20a], .folder-type[data-v-b557c20a] {
    font-size: 14px;
    font-weight: 600;
    padding-right: 15px;
    text-align: right;
    width: 160px
}

.folder-type[data-v-b557c20a] {
    color: #999
}

.folder[data-v-b557c20a] {
    background: #141414;
    -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .7), 1px 1px 0 hsla(0, 0%, 100%, .05);
    box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .7), 1px 1px 0 hsla(0, 0%, 100%, .05);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 8px !important;
    height: 30px;
    position: relative;
    font-size: 12px;
    font-weight: 700
}

.folder .left[data-v-b557c20a] {
    text-align: left
}

.folder .right[data-v-b557c20a] {
    text-align: right
}

.home .left[data-v-b557c20a] {
    width: calc(100% - 60px);
    text-align: left
}

.home .right[data-v-b557c20a] {
    text-align: right;
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right
}

.away .left[data-v-b557c20a], .home .right[data-v-b557c20a] {
    width: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.away .left[data-v-b557c20a] {
    text-align: left;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left
}

.away .right[data-v-b557c20a] {
    width: calc(100% - 60px)
}

.on-betting[data-v-b557c20a] {
    color: #fff !important
}

.on-betting[data-v-b557c20a]:hover, .selected[data-v-b557c20a] {
    background: #ffc000 !important;
    color: #000 !important
}

.on-betting:hover button[data-v-b557c20a], .selected button[data-v-b557c20a] {
    color: #000 !important
}

.away[data-v-b557c20a], .home[data-v-b557c20a] {
    width: 25%
}

.draw[data-v-b557c20a] {
    width: 100px;
    color: #999
}

.draw button[data-v-b557c20a] {
    width: 100%;
    height: 100%;
    background: none;
    outline: none;
    border: none;
    color: #fff;
    font-weight: 700
}

td.game-info[data-v-b557c20a] {
    padding: 10px 15px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    font-weight: 700
}

td.game-info ul[data-v-b557c20a] {
    display: table;
    width: 100%;
    font-size: 14px;
    margin-bottom: 0
}

td.game-info ul li[data-v-b557c20a] {
    display: table-cell
}

td.game-info li.home[data-v-b557c20a] {
    padding-right: 15px;
    width: 45%;
    text-align: right
}

td.game-info li.away[data-v-b557c20a] {
    padding-left: 15px;
    width: 45%;
    text-align: left
}

.tx_yell[data-v-b557c20a] {
    color: #ffce00
}

.tx_white[data-v-b557c20a] {
    color: #fff
}

.tx_org[data-v-b557c20a] {
    color: #ff6c00
}

.win-result[data-v-b557c20a] {
    color: #3190fd
}

.lose-result[data-v-b557c20a] {
    color: #fc3636
}

.inprocess-result[data-v-b557c20a] {
    color: #ffc356
}

.draw-result[data-v-b557c20a] {
    color: #ff6c00
}

.betting-head[data-v-b557c20a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #141414;
    padding: 8px 15px;
    font-size: 14px
}

.betting-info[data-v-b557c20a] {
    background-color: #333;
    font-size: 14px
}

.betting-info td[data-v-b557c20a] {
    padding: 5px
}

.betting-info .li-title[data-v-b557c20a] {
    display: inline-block;
    margin-right: 5px
}

.betting-folder-info[data-v-b557c20a] {
    font-size: 14px;
    background: #141414;
    -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .7), 1px 1px 0 hsla(0, 0%, 100%, .05);
    box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .7), 1px 1px 0 hsla(0, 0%, 100%, .05)
}

.betting-folder-info td[data-v-b557c20a] {
    padding: 10px 0
}

@media screen and (max-width: 468px) {
    .away[data-v-b557c20a], .home[data-v-b557c20a] {
        width: 30%
    }

    .betting-head[data-v-b557c20a], .betting-info[data-v-b557c20a] {
        font-size: 13px
    }

    .betting-info .li-title[data-v-b557c20a] {
        display: block
    }

    .betting-folder-info[data-v-b557c20a] {
        font-size: 13px
    }

    .home .left[data-v-b557c20a] {
        width: calc(100% - 30px);
        text-align: left
    }

    .home .right[data-v-b557c20a] {
        width: 30px
    }

    .away .left[data-v-b557c20a] {
        width: 30px;
        text-align: left
    }

    .away .right[data-v-b557c20a] {
        width: calc(100% - 30px)
    }
}

.a-betting[data-v-b557c20a]:hover {
    background: #111;
    border-radius: 8px
}

.search-pannel[data-v-47eef4be] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 468px) {
    .search-pannel[data-v-47eef4be] {
        display: block
    }
}

.form-control[data-v-47eef4be] {
    margin-bottom: 10px;
    background-color: hsla(0, 0%, 100%, .05) !important;
    border: 1px solid #585858;
    border-radius: 4px;
    color: #fff;
    font-size: 15px;
    height: 35px;
    width: 130px;
    margin-bottom: 0
}

.form-control[data-v-47eef4be]:focus {
    outline: none;
    background-color: hsla(0, 0%, 100%, .05);
    border: 1px solid #585858;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .08), 0 0 8px rgba(102, 175, 233, .6) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .08), 0 0 8px rgba(102, 175, 233, .6) !important
}

.betting-history-template[data-v-47eef4be] {
    min-height: 90vh;
    background: #0f1025
}

.betting-history-template .rbox01[data-v-47eef4be] {
    -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .7), 1px 1px 0 hsla(0, 0%, 100%, .05);
    box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .7), 1px 1px 0 hsla(0, 0%, 100%, .05);
    border-radius: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden
}

.betting-history-template .betList[data-v-47eef4be] {
    padding: 6px;
    color: #fff
}

.betting-history-template .betList .paging[data-v-47eef4be], .betting-history-template .betList .paging a[data-v-47eef4be] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.betting-history-template .betList .paging a[data-v-47eef4be] {
    color: #979797;
    font-size: 12px;
    background: #131313;
    width: 35px;
    height: 30px;
    margin: 0 2px;
    -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .7), 1px 1px 0 hsla(0, 0%, 100%, .05);
    box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .7), 1px 1px 0 hsla(0, 0%, 100%, .05);
    border-radius: 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.betting-history-template .betList .paging a[data-v-47eef4be]:hover {
    color: #fff
}

.betting-history-template .betList .paging a.on[data-v-47eef4be] {
    color: #fff;
    background: #d9bb65
}

.betting-history-template .blur[data-v-47eef4be] {
    opacity: .25
}

table[data-v-26b31d5e] {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%
}

table td[data-v-26b31d5e] {
    padding: 2px 2px;
    font-size: 10pt;
    position: relative
}

table tr[data-v-26b31d5e]:hover {
    background: #191919
}

table th[data-v-26b31d5e] {
    font-weight: 600;
    font-size: 10pt
}

table td[data-v-26b31d5e], table th[data-v-26b31d5e] {
    border: 1px solid #191919;
    color: #fff
}

table th[data-v-26b31d5e] {
    background-color: #191919
}

.date[data-v-26b31d5e] {
    color: #fff
}

.date[data-v-26b31d5e], .folder-type[data-v-26b31d5e] {
    font-size: 14px;
    font-weight: 600;
    padding-right: 15px;
    text-align: right;
    width: 160px
}

.folder-type[data-v-26b31d5e] {
    color: #999
}

.folder[data-v-26b31d5e] {
    background: #141414;
    -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .7), 1px 1px 0 hsla(0, 0%, 100%, .05);
    box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .7), 1px 1px 0 hsla(0, 0%, 100%, .05);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 8px !important;
    height: 30px;
    position: relative;
    font-size: 12px;
    font-weight: 700
}

.folder .left[data-v-26b31d5e] {
    text-align: left
}

.folder .right[data-v-26b31d5e] {
    text-align: right
}

.home .left[data-v-26b31d5e] {
    width: calc(100% - 60px);
    text-align: left
}

.home .right[data-v-26b31d5e] {
    text-align: right;
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right
}

.away .left[data-v-26b31d5e], .home .right[data-v-26b31d5e] {
    width: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.away .left[data-v-26b31d5e] {
    text-align: left;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left
}

.away .right[data-v-26b31d5e] {
    width: calc(100% - 60px)
}

.on-betting[data-v-26b31d5e] {
    color: #fff !important
}

.on-betting[data-v-26b31d5e]:hover, .selected[data-v-26b31d5e] {
    background: #ffc000 !important;
    color: #000 !important
}

.on-betting:hover button[data-v-26b31d5e], .selected button[data-v-26b31d5e] {
    color: #000 !important
}

.away[data-v-26b31d5e], .home[data-v-26b31d5e] {
    width: 25%
}

.draw[data-v-26b31d5e] {
    width: 100px;
    color: #999
}

.draw button[data-v-26b31d5e] {
    width: 100%;
    height: 100%;
    background: none;
    outline: none;
    border: none;
    color: #fff;
    font-weight: 700
}

td.game-info[data-v-26b31d5e] {
    padding: 10px 15px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    font-weight: 700
}

td.game-info ul[data-v-26b31d5e] {
    display: table;
    width: 100%;
    font-size: 14px;
    margin-bottom: 0
}

td.game-info ul li[data-v-26b31d5e] {
    display: table-cell
}

td.game-info li.home[data-v-26b31d5e] {
    padding-right: 15px;
    width: 45%;
    text-align: right
}

td.game-info li.away[data-v-26b31d5e] {
    padding-left: 15px;
    width: 45%;
    text-align: left
}

.tx_yell[data-v-26b31d5e] {
    color: #ffce00
}

.tx_white[data-v-26b31d5e] {
    color: #fff
}

.tx_org[data-v-26b31d5e] {
    color: #ff6c00
}

.win-result[data-v-26b31d5e] {
    color: #3190fd
}

.lose-result[data-v-26b31d5e] {
    color: #fc3636
}

.inprocess-result[data-v-26b31d5e] {
    color: #ffc356
}

.draw-result[data-v-26b31d5e] {
    color: #ff6c00
}

.betting-head[data-v-26b31d5e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #000;
    padding: 8px 15px;
    font-size: 14px
}

.betting-info[data-v-26b31d5e] {
    background-color: #333;
    font-size: 14px
}

.betting-info td[data-v-26b31d5e] {
    padding: 5px
}

.betting-info .li-title[data-v-26b31d5e] {
    display: inline-block;
    margin-right: 5px
}

.betting-folder-info[data-v-26b31d5e] {
    font-size: 14px;
    background: #141414;
    -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .7), 1px 1px 0 hsla(0, 0%, 100%, .05);
    box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .7), 1px 1px 0 hsla(0, 0%, 100%, .05)
}

.betting-folder-info td[data-v-26b31d5e] {
    padding: 10px 0
}

@media screen and (max-width: 468px) {
    .away[data-v-26b31d5e], .home[data-v-26b31d5e] {
        width: 30%
    }

    .betting-head[data-v-26b31d5e], .betting-info[data-v-26b31d5e] {
        font-size: 13px
    }

    .betting-info .li-title[data-v-26b31d5e] {
        display: block
    }

    .betting-folder-info[data-v-26b31d5e] {
        font-size: 13px
    }

    .home .left[data-v-26b31d5e] {
        width: calc(100% - 30px);
        text-align: left
    }

    .home .right[data-v-26b31d5e] {
        width: 30px
    }

    .away .left[data-v-26b31d5e] {
        width: 30px;
        text-align: left
    }

    .away .right[data-v-26b31d5e] {
        width: calc(100% - 30px)
    }
}

.a-betting[data-v-26b31d5e]:hover {
    background: #111;
    border-radius: 8px
}

.search-pannel[data-v-ba73ec8c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 468px) {
    .search-pannel[data-v-ba73ec8c] {
        display: block
    }
}

.form-control[data-v-ba73ec8c] {
    margin-bottom: 10px;
    background-color: hsla(0, 0%, 100%, .05) !important;
    border: 1px solid #585858;
    border-radius: 4px;
    color: #fff;
    font-size: 15px;
    height: 35px;
    width: 130px;
    margin-bottom: 0
}

.form-control[data-v-ba73ec8c]:focus {
    outline: none;
    background-color: hsla(0, 0%, 100%, .05);
    border: 1px solid #585858;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .08), 0 0 8px rgba(102, 175, 233, .6) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .08), 0 0 8px rgba(102, 175, 233, .6) !important
}

.betting-history-template .rbox01[data-v-ba73ec8c] {
    -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .7), 1px 1px 0 hsla(0, 0%, 100%, .05);
    box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .7), 1px 1px 0 hsla(0, 0%, 100%, .05);
    border-radius: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden
}

.betting-history-template .betList[data-v-ba73ec8c] {
    padding: 6px;
    color: #fff
}

.betting-history-template .betList .paging[data-v-ba73ec8c], .betting-history-template .betList .paging a[data-v-ba73ec8c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.betting-history-template .betList .paging a[data-v-ba73ec8c] {
    color: #979797;
    font-size: 12px;
    background: #131313;
    width: 35px;
    height: 30px;
    margin: 0 2px;
    -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .7), 1px 1px 0 hsla(0, 0%, 100%, .05);
    box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .7), 1px 1px 0 hsla(0, 0%, 100%, .05);
    border-radius: 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.betting-history-template .betList .paging a[data-v-ba73ec8c]:hover {
    color: #fff
}

.betting-history-template .betList .paging a.on[data-v-ba73ec8c] {
    color: #fff;
    background: #d9bb65
}

.betting-history-template .blur[data-v-ba73ec8c] {
    opacity: .25
}

table[data-v-ba73ec8c] {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%
}

table td[data-v-ba73ec8c] {
    padding: 2px 2px;
    font-size: 10pt;
    position: relative
}

table tr[data-v-ba73ec8c]:hover {
    background: #191919
}

table th[data-v-ba73ec8c] {
    font-weight: 600;
    font-size: 10pt
}

table td[data-v-ba73ec8c], table th[data-v-ba73ec8c] {
    border: 1px solid #191919
}

table th[data-v-ba73ec8c] {
    background-color: #191919
}

.search-pannel[data-v-5347cc43] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 468px) {
    .search-pannel[data-v-5347cc43] {
        display: block
    }
}

.form-control[data-v-5347cc43] {
    margin-bottom: 10px;
    background-color: hsla(0, 0%, 100%, .05) !important;
    border: 1px solid #585858;
    border-radius: 4px;
    color: #fff;
    font-size: 15px;
    height: 35px;
    width: 130px;
    margin-bottom: 0
}

.form-control[data-v-5347cc43]:focus {
    outline: none;
    background-color: hsla(0, 0%, 100%, .05);
    border: 1px solid #585858;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .08), 0 0 8px rgba(102, 175, 233, .6) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .08), 0 0 8px rgba(102, 175, 233, .6) !important
}

.betting-history-template[data-v-5347cc43] {
    min-height: 90vh;
    background: #0f1025
}

.betting-history-template .rbox01[data-v-5347cc43] {
    -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .7), 1px 1px 0 hsla(0, 0%, 100%, .05);
    box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .7), 1px 1px 0 hsla(0, 0%, 100%, .05);
    border-radius: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden
}

.betting-history-template .betList[data-v-5347cc43] {
    padding: 6px;
    color: #fff
}

.betting-history-template .betList .paging[data-v-5347cc43], .betting-history-template .betList .paging a[data-v-5347cc43] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.betting-history-template .betList .paging a[data-v-5347cc43] {
    color: #979797;
    font-size: 12px;
    background: #131313;
    width: 35px;
    height: 30px;
    margin: 0 2px;
    -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .7), 1px 1px 0 hsla(0, 0%, 100%, .05);
    box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .7), 1px 1px 0 hsla(0, 0%, 100%, .05);
    border-radius: 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.betting-history-template .betList .paging a[data-v-5347cc43]:hover {
    color: #fff
}

.betting-history-template .betList .paging a.on[data-v-5347cc43] {
    color: #fff;
    background: #d9bb65
}

.betting-history-template .blur[data-v-5347cc43] {
    opacity: .25
}

.menu-ul[data-v-5347cc43] {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2f2b60), to(#151531));
    background: linear-gradient(180deg, #2f2b60, #151531);
    -webkit-box-shadow: inset 0 -2px 0 0 #e5dada;
    box-shadow: inset 0 -2px 0 0 hsla(0, 0%, 100%, .2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: 0;
    margin-bottom: 0;
    padding: 0;
    border-bottom-color: hsla(0, 0%, 100%, .1);
    height: 50px
}

.menu-ul li[data-v-5347cc43] {
    line-height: 50px;
    cursor: pointer;
    z-index: 2;
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
    color: #fff;
    font-size: 14px;
    width: 50%;
    text-align: center
}

.menu-ul .active[data-v-5347cc43] {
    color: #8abdff;
    border-bottom: 2px solid #c6d2e1
}

@media screen and (max-width: 468px) {
    .menu-ul[data-v-5347cc43] {
        border: none
    }
}

.ql-container.ql-snow, .ql-toolbar.ql-snow {
    border: 1px solid #585858 !important
}

.ql-editor {
    color: #fff
}

.ql-editor, .quillWrapper .ql-snow.ql-toolbar {
    background: hsla(0, 0%, 100%, .05)
}

.menu-content[data-v-0dab8c32] {
    padding: 15px
}

.input-group[data-v-0dab8c32] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .2)
}

.input-group .label[data-v-0dab8c32] {
    font-size: 13px;
    font-weight: 700;
    color: #8abdff;
    text-align: left;
    padding: 10px 0
}

.input-group .input[data-v-0dab8c32] {
    width: 100%;
    position: relative
}

.input-group .input .form-control[data-v-0dab8c32]:focus {
    outline: none;
    background-color: hsla(0, 0%, 100%, .05);
    border: 1px solid #585858;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .08), 0 0 8px rgba(102, 175, 233, .6) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .08), 0 0 8px rgba(102, 175, 233, .6) !important
}

.input-group .input input[data-v-0dab8c32] {
    background-color: hsla(0, 0%, 100%, .05);
    border: 1px solid #585858;
    color: #fff;
    font-size: 14px;
    border-radius: 1px
}

.input-group .message[data-v-0dab8c32] {
    color: #999;
    font-size: 14px;
    padding-top: 8px
}

.input-group .required[data-v-0dab8c32] {
    color: #99211f
}

.input-group .exchange-password[data-v-0dab8c32] {
    padding-right: 120px
}

.input-group .wallet-button[data-v-0dab8c32] {
    background: #1e75a2;
    width: unset;
    margin-top: unset;
    border-radius: 0;
    border: none;
    padding: 0 12.4px;
    color: #fff;
    height: 34px;
    line-height: 34px;
    font-size: 12px;
    margin-right: 5px
}

@media screen and (max-width: 468px) {
    .input-group .wallet-button[data-v-0dab8c32] {
        padding: 0 9px
    }
}

.input-group .wallet-button.clear[data-v-0dab8c32] {
    background: hsla(0, 0%, 100%, .05);
    border: 1px solid hsla(0, 0%, 100%, .1)
}

.input-group .wallet-button[data-v-0dab8c32]:active, .input-group .wallet-button[data-v-0dab8c32]:focus, .input-group .wallet-button[data-v-0dab8c32]:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#efd48c), to(#ddad2d));
    background: linear-gradient(180deg, #efd48c 0, #ddad2d);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#efd48c", endColorstr="#ddad2d", GradientType=0);
    color: #fff
}

@media screen and (max-width: 468px) {
    .input-group[data-v-0dab8c32] {
        padding: 0 9px
    }
}

.charge-button[data-v-0dab8c32] {
    width: 100% !important;
    max-width: 420px !important;
    font-size: 15px;
    font-weight: 600;
    margin-top: 10px
}

.error-message[data-v-0dab8c32] {
    color: #cd5c5c;
    font-size: 14px;
    margin-top: 5px
}

.gold[data-v-0dab8c32] {
    color: #8abdff !important
}

@media screen and (max-width: 468px) {
    .menu-content[data-v-0dab8c32] {
        padding: 0
    }
}

.menu-content[data-v-05864e46] {
    padding: 15px
}

.input-group[data-v-05864e46] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .2)
}

.input-group .label[data-v-05864e46] {
    font-size: 13px;
    font-weight: 700;
    color: #8abdff;
    text-align: left;
    padding: 10px 0
}

.input-group .input[data-v-05864e46] {
    width: 100%;
    position: relative
}

.input-group .input .form-control[data-v-05864e46]:focus {
    outline: none;
    background-color: hsla(0, 0%, 100%, .05);
    border: 1px solid #585858;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .08), 0 0 8px rgba(102, 175, 233, .6) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .08), 0 0 8px rgba(102, 175, 233, .6) !important
}

.input-group .input input[data-v-05864e46] {
    background-color: hsla(0, 0%, 100%, .05);
    border: 1px solid #585858;
    color: #fff;
    font-size: 14px;
    border-radius: 1px
}

.input-group .message[data-v-05864e46] {
    color: #999;
    font-size: 14px;
    padding-top: 8px
}

.input-group .required[data-v-05864e46] {
    color: #99211f
}

.input-group .exchange-password[data-v-05864e46] {
    padding-right: 120px
}

.input-group .wallet-button[data-v-05864e46] {
    background: #679ca7;
    width: unset;
    margin-top: unset;
    border-radius: 0;
    border: none;
    padding: 0 12.4px;
    color: #fff;
    height: 34px;
    line-height: 34px;
    font-size: 12px;
    margin-right: 5px
}

@media screen and (max-width: 468px) {
    .input-group .wallet-button[data-v-05864e46] {
        padding: 0 9px
    }
}

.input-group .wallet-button.clear[data-v-05864e46] {
    background: hsla(0, 0%, 100%, .05);
    border: 1px solid hsla(0, 0%, 100%, .1)
}

.input-group .wallet-button[data-v-05864e46]:active, .input-group .wallet-button[data-v-05864e46]:focus, .input-group .wallet-button[data-v-05864e46]:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#efd48c), to(#ddad2d));
    background: linear-gradient(180deg, #efd48c 0, #ddad2d);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#efd48c", endColorstr="#ddad2d", GradientType=0);
    color: #fff
}

@media screen and (max-width: 468px) {
    .input-group[data-v-05864e46] {
        padding: 0 9px
    }
}

.charge-button[data-v-05864e46] {
    width: 100% !important;
    max-width: 420px !important;
    font-size: 15px;
    font-weight: 600;
    margin-top: 10px
}

.error-message[data-v-05864e46] {
    color: #cd5c5c;
    font-size: 14px;
    margin-top: 5px
}

.gold[data-v-05864e46] {
    color: #8abdff !important
}

@media screen and (max-width: 468px) {
    .menu-content[data-v-05864e46] {
        padding: 0
    }
}

.reply-noti[data-v-6b990a2c] {
    text-align: center;
    color: #8abdff;
    font-weight: 600;
    cursor: pointer;
    padding: 15px
}

.reply-noti[data-v-6b990a2c]:hover {
    text-decoration: underline
}

.alert-danger[data-v-bc88ae30] {
    background-color: hsla(0, 0%, 100%, .1);
    color: #8abdff;
    border: 0;
    font-weight: 500;
    font-size: 15px;
    line-height: 1.8;
    padding: 10px;
    border-radius: 4px
}

.input-group[data-v-bc88ae30] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .2)
}

.input-group .label[data-v-bc88ae30] {
    font-size: 13px;
    font-weight: 700;
    color: #8abdff;
    width: 150px;
    text-align: left;
    padding: 10px 0
}

.input-group .input[data-v-bc88ae30] {
    width: 100%;
    max-width: 380px;
    position: relative
}

.input-group .input .form-control[data-v-bc88ae30]:focus {
    outline: none;
    background-color: hsla(0, 0%, 100%, .05);
    border: 1px solid #585858;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .08), 0 0 8px rgba(102, 175, 233, .6) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .08), 0 0 8px rgba(102, 175, 233, .6) !important
}

.input-group .input input[data-v-bc88ae30] {
    background-color: hsla(0, 0%, 100%, .05);
    border: 1px solid #585858;
    color: #fff;
    font-size: 14px;
    border-radius: 1px
}

.input-group .user-point[data-v-bc88ae30] {
    color: #8abdff;
    font-size: 14px;
    padding-top: 8px
}

.input-group .required[data-v-bc88ae30] {
    color: #99211f
}

.input-group .login-button[data-v-bc88ae30] {
    font-size: 14px;
    height: calc(1.5em + .75rem + 2px);
    position: absolute;
    padding: 0 20px;
    top: 0;
    right: 0
}

.input-group .currency[data-v-bc88ae30] {
    padding-right: 136px !important
}

.input-group .wallet-button[data-v-bc88ae30] {
    background: #1e75a2;
    width: unset;
    margin-top: unset;
    border-radius: 0;
    border: none;
    padding: 0 12.4px;
    color: #fff;
    height: 34px;
    line-height: 34px;
    font-size: 12px;
    margin-right: 5px
}

@media screen and (max-width: 468px) {
    .input-group .wallet-button[data-v-bc88ae30] {
        padding: 0 9px
    }
}

.input-group .wallet-button.clear[data-v-bc88ae30] {
    background: hsla(0, 0%, 100%, .05);
    border: 1px solid hsla(0, 0%, 100%, .1)
}

.input-group .wallet-button[data-v-bc88ae30]:active, .input-group .wallet-button[data-v-bc88ae30]:focus, .input-group .wallet-button[data-v-bc88ae30]:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#efd48c), to(#ddad2d));
    background: linear-gradient(180deg, #efd48c 0, #ddad2d);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#efd48c", endColorstr="#ddad2d", GradientType=0);
    color: #fff
}

@media screen and (max-width: 468px) {
    .input-group[data-v-bc88ae30] {
        padding: 0 9px
    }
}

.charge-button[data-v-bc88ae30] {
    width: 100% !important;
    max-width: 420px !important;
    font-size: 15px;
    font-weight: 600;
    margin-top: 10px
}

.error-message[data-v-bc88ae30] {
    color: #cd5c5c;
    font-size: 14px;
    margin-top: 5px
}

.gold[data-v-bc88ae30] {
    color: #8abdff !important
}

.link-button[data-v-bc88ae30] {
    color: #007bff;
    cursor: pointer;
    text-decoration: underline
}

.menu-ul[data-v-ac3b1082] {
    background: transparent;
    -webkit-box-shadow: inset 0 -2px 0 0 #e5dada;
    box-shadow: inset 0 -2px 0 0 hsla(0, 0%, 100%, .2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: 0;
    margin-bottom: 0;
    padding: 0;
    border-bottom-color: hsla(0, 0%, 100%, .1);
    height: 50px
}

.menu-ul li[data-v-ac3b1082] {
    line-height: 50px;
    cursor: pointer;
    z-index: 2;
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
    color: #fff;
    font-size: 14px;
    width: 50%;
    text-align: center
}

.menu-ul .active[data-v-ac3b1082] {
    color: #8abdff;
    border-bottom: 2px solid #8abdff
}

@media screen and (max-width: 468px) {
    .menu-ul[data-v-ac3b1082] {
        border: none
    }
}

.menu-content[data-v-ac3b1082] {
    padding: 15px
}

.inventory-template .width200[data-v-ac3b1082] {
    width: 180px
}

.inventory-template .width100[data-v-ac3b1082] {
    width: 100px
}

@media screen and (max-width: 468px) {
    .inventory-template .menu-content[data-v-ac3b1082] {
        padding: 0
    }

    .inventory-template .width200[data-v-ac3b1082] {
        width: 110px
    }
}

.inventory-template .table[data-v-ac3b1082] {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

.inventory-template .table tr[data-v-ac3b1082] {
    font-size: 13px;
    font-weight: 500;
    color: #fff
}

.inventory-template .table thead > tr > th[data-v-ac3b1082] {
    background-color: #5e5e5e;
    padding: 5px;
    text-align: center;
    border-top: 1px solid #333;
    border-bottom: none;
    line-height: 1.42857143;
    vertical-align: top;
    font-weight: 600
}

.inventory-template .table .board-subject[data-v-ac3b1082]:hover {
    text-decoration: underline;
    color: #8abdff
}

.inventory-template .table .board-selected[data-v-ac3b1082] {
    color: #8abdff
}

.b-modal-content[data-v-6a3293b3] {
    padding: 15px 10px !important
}

.permission-message[data-v-6a3293b3] {
    color: #8abdff;
    font-size: 16px;
    text-align: center
}

.minigame-container[data-v-6a3293b3] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.minigame-container .minigame-item[data-v-6a3293b3] {
    width: 25%;
    max-width: 25%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 6px
}

.minigame-container .minigame-item .game[data-v-6a3293b3] {
    text-align: center;
    color: #fff;
    font-size: 11pt;
    cursor: pointer
}

.minigame-container .minigame-item .game[data-v-6a3293b3]:hover {
    color: #8abdff
}

@media screen and (max-width: 468px) {
    .modal-body .b-modal-header[data-v-6a3293b3] {
        padding: 0 10px !important;
        border-bottom: none !important
    }
}

.login-form[data-v-2937cb64] {
    padding: 30px;
    width: 100%
}

.login-form .login-top[data-v-2937cb64] {
    color: #ddd;
    text-align: right;
    cursor: pointer
}

.login-form .login-top strong[data-v-2937cb64] {
    padding-bottom: 4px
}

.login-form .login-input-box[data-v-2937cb64] {
    color: #ddd
}

.login-form .login-input-box .login-button-box[data-v-2937cb64] {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 6px
}

.login-form .login-input-box input[data-v-2937cb64] {
    width: 100%;
    padding: 0 10px;
    height: 40px;
    line-height: 42px;
    border: none;
    color: #ddd;
    background: #211532 !important;
    font-size: 15px;
    text-align: center;
    border: 1px solid #4b4b4b;
    font-weight: 700;
    margin-bottom: 30px
}

.login-form .login-input-box input[data-v-2937cb64]::-webkit-input-placeholder {
    color: #666
}

.login-form .login-input-box input[data-v-2937cb64]::-moz-placeholder {
    color: #666
}

.login-form .login-input-box input[data-v-2937cb64]:-ms-input-placeholder {
    color: #666
}

.login-form .login-input-box input[data-v-2937cb64]::-ms-input-placeholder {
    color: #666
}

.login-form .login-input-box input[data-v-2937cb64]::placeholder {
    color: #666
}

.login-form .login-input-box .sign-up[data-v-2937cb64] {
    background-color: #211532;
    border: 1px solid #f56406;
    color: #f56406
}

.login-button[data-v-2937cb64] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 56px;
    padding: 20px 34px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 20px;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8205), to(#fad637)) !important;
    background: linear-gradient(180deg, #ff8205, #fad637) !important
}

.login-button[data-v-2937cb64]:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.login-input[data-v-2937cb64] {
    border-radius: 10px;
    border: 1px solid #717171 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 56px !important;
    padding: 16px 20px !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    background: #100d28
}

.login-wrapper[data-v-2937cb64] {
    border-radius: 24px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(2.64%, #0d092e), color-stop(106.48%, #5224f5));
    background: linear-gradient(180deg, #0d092e 2.64%, #5224f5 106.48%);
    -webkit-box-shadow: 0 0 50px 0 #5545ff;
    box-shadow: 0 0 50px 0 #5545ff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-size: cover;
    width: 100%
}

@media screen and (max-width: 468px) {
    .login-form[data-v-2937cb64] {
        width: 100%
    }

    .login-input[data-v-2937cb64] {
        height: 40px !important
    }
}

.popup-background {
    top: 0;
    left: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(17, 17, 17, .4392156863);
    z-index: 999
}

.popups {
    position: absolute;
    z-index: 999999;
    width: 100%;
    text-align: center;
    top: 100px
}

.popup-container {
    max-width: 380px;
    width: 100%;
    max-height: 700px;
    overflow-y: scroll;
    display: inline-block;
    margin-left: 20px;
    position: relative;
    background: #111
}

.popup-container::-webkit-scrollbar {
    width: 7px;
    background-color: #111
}

.popup-container::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background-color: #535353
}

.popup-content {
    background: #111;
    color: #fff
}

.popup-content img {
    width: 100%
}

.close-button {
    width: 100%;
    border: 0;
    background: #2e2e2e;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    padding: 10px 12px
}

.close-button:hover {
    background: #111
}

.popup-bottom {
    position: sticky;
    bottom: 0
}

@media screen and (max-width: 468px) {
    .popup-container {
        margin-left: 0;
        left: 0;
        position: fixed;
        max-width: 100%;
        max-height: 100%;
        display: flex;
        flex-direction: column
    }

    .popups {
        top: 80px
    }
}

@media (max-width: 500px) {
    .form-container, .terms-use {
        padding: 0 10px
    }

    .modal-footer .form-footer button {
        max-width: none !important
    }

    .bs-table tr td a {
        max-width: 180px !important
    }

    .bs-table tr .title-td {
        max-width: 180px;
        padding: 0 0 0 5px
    }

    .bs-table tr .count-td {
        width: auto
    }

    .bs-table tr .date-td {
        width: auto;
        font-size: 12px
    }

    .bs-table tr .nav-td {
        width: auto;
        padding: 0 4px
    }

    .bs-table tr .count-tag {
        width: 20px;
        height: 20px;
        margin: 0 0 0 5px
    }
}

* {
    font-family: Noto Sans KR, sans-serif
}

.app-router-view {
    min-height: 100vh;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
    background-color: #131232
}

.app-user .modal-body {
    padding: 0
}

.modal-overlay {
    z-index: 999
}

.modal-overlay, .newmodal-overlay {
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    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
}

.newmodal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 8
}

.modal-fade-enter-active, .modal-fade-leave-active {
    -webkit-transition: opacity .5s ease, -webkit-transform .5s ease;
    transition: opacity .5s ease, -webkit-transform .5s ease;
    transition: opacity .5s ease, transform .5s ease;
    transition: opacity .5s ease, transform .5s ease, -webkit-transform .5s ease
}

.modal-fade-enter, .modal-fade-leave-to {
    opacity: 0;
    -webkit-transform: scale(.7);
    transform: scale(.7)
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10005;
    background: #000;
    display: none;
    opacity: .8
}

.preloader-gif {
    width: 64px;
    height: 64px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -64px 0 0 -32px;
    background: url(/assets/common/images/preloader.gif) 50% no-repeat;
    opacity: .5
}

.sidebar-left {
    width: 260px;
    height: 100vh;
    top: -10px;
    left: -100%;
    background: #131232;
    border-right: 1px solid #222e41;
    margin: 0 !important;
    padding: 100px 0 40px;
    display: block;
    overflow-y: auto;
    position: fixed;
    -webkit-transition: .5s;
    transition: .5s;
    z-index: 98
}

.sidebar-left.active {
    left: 0
}

.sidebar-left::-webkit-scrollbar {
    width: 0;
    background: transparent
}

.sidebar-left::-webkit-scrollbar-thumb {
    background: transparent
}

.main-menu {
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.main-menu .bs-ul {
    width: 100%;
    display: block
}

.main-menu ul {
    height: auto
}

.main-menu .bs-ul li {
    padding-right: 0;
    display: block;
    list-style: none !important
}

.main-menu .bs-ul li a {
    max-width: 100%;
    height: 50px;
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
    padding: 0 15px;
    margin: 0 0 4px;
    text-decoration: none !important
}

.main-menu .bs-ul li a:before {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-top: 1px solid #3b5c2e;
    border-bottom: 1px solid #3b5c2e;
    background-color: #1d381a;
    -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(#000), to(transparent));
    -webkit-mask-image: linear-gradient(90deg, #000, transparent);
    mask-image: -webkit-gradient(linear, left top, right top, from(#000), to(transparent));
    mask-image: linear-gradient(90deg, #000, transparent);
    opacity: 1;
    border-radius: 0
}

.main-menu .bs-ul li a:after {
    display: none
}

.sidebar-right {
    width: 280px;
    height: 100%;
    min-height: 1000px;
    top: 70px;
    right: -100%;
    left: auto;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    border-radius: 0;
    opacity: 1;
    background-color: #03070e;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#03070e), to(#07152c));
    background-image: linear-gradient(#03070e, #07152c);
    border: none;
    border-left: 1px solid #222e41;
    margin: 0 !important;
    padding: 10px 0 100px;
    pointer-events: auto;
    display: block;
    overflow-y: auto;
    position: fixed;
    -webkit-transition: .5s;
    transition: .5s;
    z-index: 98
}

.sidebar-right.active {
    right: 0
}

.sidebar-right::-webkit-scrollbar {
    width: 0;
    background: transparent
}

.sidebar-right::-webkit-scrollbar-thumb {
    background: transparent
}

.after-login .account-info .row {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    position: relative;
    z-index: 1;
    min-height: 50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.table-layout-fixed {
    table-layout: fixed
}

.after-login .account-info .row:before {
    content: "";
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    border-top: 1px solid #2e425c;
    border-bottom: 1px solid #2e425c;
    background-color: #1a2538;
    -webkit-mask-image: -webkit-gradient(linear, right top, left top, from(#000), to(transparent));
    -webkit-mask-image: linear-gradient(270deg, #000, transparent);
    mask-image: -webkit-gradient(linear, right top, left top, from(#000), to(transparent));
    mask-image: linear-gradient(270deg, #000, transparent)
}

.after-login .drop-down .message-btn i {
    color: rgba(0, 0, 0, .75);
    text-shadow: 0 1px 0 hsla(0, 0%, 100%, .15)
}

@media (max-width: 1200px)and (max-width: 600px) {
    .modal-header .title-panel .title {
        font-size: 20px;
        width: 250px !important;
        height: 100%
    }
}

body {
    overflow-y: scroll !important;
    background-color: #100d28 !important;
    overflow-x: hidden;
    max-width: 100%
}

input:-webkit-autofill, input:-webkit-autofill:active, input:-webkit-autofill:focus, input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px #0f0f0f inset !important;
    -webkit-text-fill-color: #fff
}

button, select {
    color: #fff
}

button {
    word-break: keep-all;
    cursor: pointer
}

li, ol, ul {
    list-style: none
}

.d-pointer {
    pointer-events: none !important
}

.font-12 {
    font-size: 12px
}

.w-10 {
    width: 10%
}

.w-20 {
    width: 20%
}

.w-33 {
    width: 33%
}

.w-65 {
    width: 65%
}

.txt-left {
    text-align: left
}

.txt-center {
    text-align: center
}

.txt-right {
    text-align: right
}

.mb-10 {
    margin-bottom: 50px
}

.mt-10 {
    margin-top: 50px !important
}

.fa, .far, .fas {
    width: 25px !important
}

.c-pointer {
    cursor: pointer
}

.web-shadow {
    border-radius: 10px;
    border: 1px solid #f4e3c0;
    -webkit-box-shadow: 2px 4px 5px 1px #ffe9a5, inset 0 0 6px 1px rgba(243, 232, 232, .75);
    box-shadow: 2px 4px 5px 1px #ffe9a5, inset 0 0 6px 1px rgba(243, 232, 232, .75)
}

.md-icon {
    width: 50px
}

.lg-icon {
    width: 80px
}

button:focus, input:focus {
    outline: none !important
}

select:focus {
    outline: none
}

.text-yellow {
    color: #d8981e
}

.text-dark-yellow {
    color: #a9781c
}

.text-lemon {
    color: #f1eb14
}

.text-red {
    color: #dd0d0d
}

ul.no-style {
    list-style: none !important
}

.container:after {
    content: "";
    display: block;
    clear: both
}

.logo {
    width: 160px
}

.logo img {
    width: 100%
}

.sidebar-menu {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto
}

.sidebar-menu::-webkit-scrollbar {
    display: none
}

.sidebar-menu .active {
    color: #d8981e
}

.side-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    margin: 0
}

.sidebar__header {
    display: none;
    height: 50px;
    background-color: #1f1f1f;
    width: 100%;
    cursor: pointer
}

.sidebar-box {
    display: none;
    width: calc(100% - 2rem);
    background: #1f1f1f;
    border-radius: 10px;
    position: relative;
    color: #fff;
    font-size: 12px
}

.sidebar-box .userImage {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 0
}

.sidebar-box table td {
    padding: 15px 5px;
    cursor: pointer;
    font-size: 12px;
    color: #fff
}

.sidebar-box table tr {
    border-bottom: 1px solid #333
}

.sidebar-box table tr:last-child {
    border-bottom: none
}

.side-menu li {
    margin: 5px;
    cursor: pointer;
    border: 1px solid #325005;
    padding: 5px 10px;
    border-radius: 5px;
    background: #24330e;
    color: #fff;
    font-size: .77rem
}

.header-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px
}

.menu-button.active {
    width: 100%;
    padding: 20px 10px;
    border-radius: 3px;
    border: none;
    background-size: 100% 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    font-size: 20px
}

.login_info {
    color: #86e100;
    font-size: 14px
}

.login_info > p {
    display: inline-block;
    margin: 0;
    margin-left: 10px
}

.login_info span {
    color: #fff
}

.logout-btn {
    border-radius: 100px;
    background: transparent;
    padding: 5px 20px;
    border: 2px solid #86e100;
    color: #fff;
    font-size: 12px
}

.logout-btn:hover {
    background: #86e100;
    color: #000
}

.small_btn {
    font-size: 12px;
    background: transparent;
    border: 1px solid #86e100;
    border-radius: 2px;
    color: #fff;
    padding: 2px 4px
}

.tac {
    text-align: center
}

.text-red {
    color: #dc3545
}

.web-btn {
    padding: 4px;
    border-radius: 4px;
    font-weight: 600;
    border: none;
    font-size: 14px;
    font-weight: 900;
    word-break: keep-all
}

.web-frm {
    border-radius: 100px;
    background: transparent;
    padding: 5px 20px;
    border: 2px solid #86e100;
    color: #fff;
    font-size: 12px
}

.bg-gradient-warning {
    background-image: -webkit-gradient(linear, left top, right top, from(#d4931b), color-stop(51%, #ffc837), to(#d4931b));
    background-image: linear-gradient(90deg, #d4931b 0, #ffc837 51%, #d4931b);
    -webkit-transition: .5s;
    transition: .5s;
    background-size: 200% auto
}

.bg-gradient-warning:hover {
    background-position: 100%;
    color: #fff;
    text-decoration: none
}

.home-banner {
    position: relative;
    width: 90%;
    margin-top: 110px;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.home-banner .banner-overlay {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff
}

.home-banner .banner-overlay h2 {
    font-size: 50px;
    font-weight: 900;
    margin: 0
}

.home-banner .banner-overlay h3 {
    font-size: 30px;
    font-weight: 900;
    margin: 0
}

.home-banner .banner-overlay label {
    display: block;
    margin: 0;
    line-height: 1.2;
    font-size: 26px
}

.web-home .home-first-block {
    position: relative;
    z-index: 20
}

.web-home label {
    font-weight: 600
}

.mobile-menu {
    width: 100%;
    border-top: 1px solid #222;
    display: none;
    margin-top: 15px;
    margin-bottom: 15px
}

.mobile-menu ul {
    list-style: none;
    padding: 0;
    color: #86e100
}

.mobile-menu .button-top, .mobile-menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mobile-menu .button-top {
    width: 112px;
    height: 38px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 10px;
    border: 2px solid #505050;
    background: #161616;
    color: #fff;
    text-align: center;;
    font-size: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.mobile-menu .button-top img {
    width: 15px;
    margin-right: 5px
}

.mobile-menu ul li {
    width: 100%;
    text-align: center;
    padding: 10px 5px;
    font-size: 12px
}

.animated-tabs {
    -webkit-animation: showTabs 1s ease-in;
    animation: showTabs 1s ease-in;
    position: relative
}

@-webkit-keyframes showTabs {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes showTabs {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.partnership-text {
    margin-top: 70px
}

.app__category {
    width: 80%;
    height: 71px;
    max-width: 1250px;
    border-radius: 30px;
    border: 5px solid #04ff9f;
    background: #0f0f0f;
    background: #1f1f1f;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px
}

.app__category ul {
    list-style: none;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.app__category ul li {
    width: 150px;
    text-align: center;
    height: 100%;
    padding-bottom: 10px;
    cursor: pointer;
    color: #fff;
    border-top: 5px solid transparent
}

.app__category ul li.active {
    border-top: 5px solid #86e100;
    color: #86e100
}

.app__category ul li.active .off {
    display: none
}

.tabs__card {
    width: 14.2%;
    float: left;
    z-index: 20
}

.inner__card {
    height: 270px;
    width: 100%;
    position: relative;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
    z-index: 20
}

.card__content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 20;
    width: 100%;
    padding-right: 16px
}

.card__content .gameICON {
    width: 100%;
    margin-bottom: 10px
}

.tabs__card:hover .gameICON {
    outline: 6px solid #8537fa;
    outline-offset: -6px;
    border-radius: 12px
}

.card__content p {
    color: #86e100;
    margin: 0;
    font-size: 14px;
    margin-top: 5px
}

.deco {
    height: 90px;
    width: 90px;
    position: relative;
    background: #0f0f0f;
    bottom: -80px;
    left: 28%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 0;
    text-align: center
}

.deco-img {
    margin: auto;
    width: 35px;
    position: absolute;
    left: 42%;
    top: 13%;
    z-index: 6;
    -webkit-transform: rotate(313deg) translate(-50%, -50%);
    transform: rotate(313deg) translate(-50%, -50%)
}

.app__info {
    border: 1px solid #86e100;
    width: 100%;
    min-height: 174px;
    background-position: 50%;
    background-size: cover;
    padding: 20px;
    color: #fff
}

.app__info .ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.app__info table {
    width: 100%;
    table-layout: fixed;
    line-height: 1.5
}

.app__info table td {
    color: #fff;
    font-size: 13px
}

.app__info .text-badge {
    color: #86e100;
    text-align: right
}

.info__header {
    border: 3px solid #86e100;
    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;
    height: 50px;
    line-height: 1.2
}

.info__header h2 {
    font-size: 20px;
    color: #ccc;
    font-weight: 900;
    margin: 0
}

.game__frame {
    width: 100%;
    min-height: 1000px
}

.web-box {
    width: 100%;
    max-width: 1300px;
    border-radius: 3px;
    background: #fff;
    padding: 10px 50px;
    border-top: 5px solid #f4e3c0;
    margin: auto;
    overflow: hidden
}

.web-box .inner-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.left-card-content {
    width: 50%
}

.web-box ul {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 0
}

.web-box ul li {
    text-align: center;
    font-weight: 600;
    padding: 10px;
    color: #a9781c;
    width: 100%
}

.web-box ul li img {
    display: block;
    width: 80px;
    margin: auto
}

.mobile_nav_list {
    display: none
}

.web-box .description h3 {
    font-family: Black Han Sans, sans-serif;
    font-size: 30px;
    margin-top: 20px
}

.banner-figure {
    position: absolute;
    right: 0;
    top: 50%;
    width: 45%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.tabs-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    list-style: none
}

.tabs-menu li {
    width: 100%
}

.menu-button {
    width: 100%;
    padding: 20px 10px;
    border-radius: 3px;
    border: none;
    background-size: 100% 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    font-size: 20px;
    font-weight: 600;
    color: #000
}

.d-1 {
    font-size: 50px;
    font-weight: 400;
    font-style: italic;
    line-height: 50px;
    font-weight: 600
}

.d-1, .d-2 {
    color: #fe9c26
}

.d-3 {
    list-style: none;
    text-align: left
}

.d-3 li {
    padding: 5px;
    color: #777
}

.min-h-300 {
    height: 400px
}

.game-start-btn {
    width: 100%;
    padding: 10px;
    font-size: 30px;
    background: linear-gradient(130deg, #ff2f72, #fe70bc 96%, #fe70bc);
    font-weight: 600;
    border-radius: 10px;
    color: #fff;
    position: relative;
    overflow: hidden;
    cursor: pointer
}

.btn-overlay {
    position: absolute;
    width: 120%;
    background-color: #fff;
    height: 300px;
    left: -35px;
    bottom: -152px;
    -webkit-transform: scale(0);
    transform: scale(0);
    border-radius: 117%;
    -webkit-transition: .2s linear;
    transition: .2s linear;
    z-index: 40
}

.game-start-btn:hover {
    color: #fe70bc
}

.game-start-btn:hover .btn-overlay {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.game-start-btn span {
    position: relative;
    z-index: 50
}

.web-overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, .8);
    z-index: 1800
}

.modalForm {
    position: relative;
    z-index: 10
}

.modalForm label {
    color: #f1f1f1;
    margin-bottom: .5rem
}

.close-modal {
    background-color: transparent;
    border: none;
    position: absolute;
    right: 15px;
    top: 15px
}

.close-modal img {
    width: 20px
}

.input-holder {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #131313
}

.input-holder > * {
    background-color: transparent;
    border: none;
    padding: 12px
}

.input-holder input {
    color: #fff;
    width: 100%
}

.input-holder select {
    padding: 2px 12px;
    color: #fff;
    background-color: #131313
}

.input-icon {
    color: #86e100
}

.input_wrap {
    position: relative
}

.input_wrap_50 {
    display: inline-block;
    width: 49%
}

.input_wrap_40 {
    display: inline-block;
    width: 40%
}

.input_wrap_10 {
    display: inline-block;
    width: 10%;
    color: #fff;
    text-align: center
}

.btn_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 0 10px
}

.btn_primary_line {
    background-color: transparent;
    color: #fff
}

.btn_primary_fill, .btn_primary_line {
    border: 2px solid #86e100;
    border-radius: 6px;
    padding: 8px 16px;
    min-width: 150px
}

.btn_primary_fill {
    background-color: #86e100;
    color: #000
}

.btn_primary_fill_alt {
    background-color: #5e9e00;
    border: 2px solid #5e9e00;
    border-radius: 6px;
    color: #fff;
    padding: 8px 16px
}

.btn_gray_fill {
    background-color: #ccc;
    border: 2px solid #ccc;
    color: #000;
    border-radius: 4px
}

.btn_dark_fill {
    background-color: #333;
    border: 2px solid #333;
    color: #fff;
    border-radius: 4px
}

.btn_cyan_fill {
    background-color: #17a2b8;
    border: 2px solid #17a2b8;
    color: #fff;
    border-radius: 4px;
    min-width: 150px
}

.text-green {
    color: #86e100 !important
}

.text-white {
    color: #fff !important
}

.modal-header .close {
    margin: 0;
    padding: .75rem
}

.modal-header .close i, .modal-header .close span {
    color: #86e100;
    opacity: 1
}

.modal_pagination ul {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 20px;
    padding: 0
}

.modal_pagination ul li {
    padding: 4px 0;
    margin: 0 2px !important;
    color: #fff;
    background: transparent;
    width: 26px;
    text-align: center;
    border-radius: 5px;
    cursor: pointer
}

.modal_pagination ul li.active, .modal_pagination ul li:hover {
    background: #5e9e00;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.date-discription {
    padding: 12px 0 0;
    color: #fff;
    font-size: 14px
}

.my-page-header {
    padding: 10px
}

.my-page-header h2 {
    font-weight: 900;
    font-size: 20px
}

.my-page-header img {
    width: 30px;
    position: relative;
    top: -3px;
    margin-right: 10px
}

.my-page-content {
    position: relative;
    z-index: 20
}

.my-page-table {
    width: 100%
}

.my-page-table td {
    padding: 10px;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    border-bottom: 1px solid #4c6922;
    height: 65px
}

.my-page-table td input {
    width: 100%;
    height: 100%;
    padding: 10px;
    border-radius: 5px;
    border: 2px solid #86e100;
    background: transparent;
    color: #fff
}

.my-page-table td input::-webkit-input-placeholder {
    color: #fff
}

.my-page-table td input::-moz-placeholder {
    color: #fff
}

.my-page-table td input:-ms-input-placeholder {
    color: #fff
}

.my-page-table td input::-ms-input-placeholder {
    color: #fff
}

.my-page-table td input::placeholder {
    color: #fff
}

.submit-changes {
    width: 200px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #4b4b4b;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: auto;
    color: #fff;
    cursor: pointer;
    border-radius: 5px;
    position: relative;
    overflow: hidden
}

.submit-changes span {
    position: absolute;
    z-index: 30;
    font-weight: 600;
    -webkit-transition: all .7s;
    transition: all .7s
}

.submit-changes:hover span {
    color: #000
}

.submit-changes:hover .submit-overlay {
    left: 0
}

.submit-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #86e100;
    left: -100%;
    -webkit-transition: all .5s;
    transition: all .5s
}

.my-page-table label {
    position: relative;
    padding-left: 30px;
    margin-right: 10px
}

.my-page-table .radio-btn {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    cursor: pointer
}

.my-page-table .phone-text {
    width: 50px;
    border: 2px solid #ccc;
    height: 30px;
    text-align: center;
    padding-top: 5px;
    padding-top: 16px;
    position: relative;
    bottom: -5px;
    cursor: default
}

.my-page-table small {
    z-index: 20;
    color: #888
}

.phoneInput {
    width: 70px !important;
    border: 2px solid #ccc;
    height: 100%;
    padding: 0;
    border-radius: 5px;
    border: 2px solid #86e100;
    background: transparent;
    color: #fff
}

.phoneInput option {
    background: #000
}

.my-page-table select {
    border: 2px solid #ccc;
    height: 100%;
    padding: 4px;
    border-radius: 5px;
    border: 2px solid #86e100;
    background: transparent;
    color: #fff;
    width: 100%
}

.my-page-table select option {
    background: #000
}

.service-btns button {
    padding: 5px;
    color: #fff;
    background: #5e9e00;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
    padding: 10px;
    border: none
}

.write-table-input {
    border: 2px solid #ccc;
    height: 100%;
    padding: 0;
    border-radius: 5px;
    border: 2px solid #86e100;
    background: transparent;
    color: #fff;
    width: 100%;
    padding: 10px
}

.popLogPic {
    margin-top: -50px
}

.section-overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, .8);
    z-index: 1800
}

.withposit-button-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.withposit-button-holder button {
    padding: 5px 10px;
    margin-right: 5px
}

.mobile-announcement-holder {
    height: 6%;
    width: 100%;
    position: relative;
    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
}

.mobile-announcement-holder .speaker-icon {
    width: 15%;
    text-align: center;
    font-weight: 900;
    color: #e9b451;
    font-size: 25px;
    padding: 5px
}

.mobile-announcement-holder .message-section {
    position: relative;
    overflow-x: hidden;
    height: 100%
}

.mobile-announcement-holder .message-section .track {
    position: absolute;
    white-space: nowrap;
    will-change: transform;
    -webkit-animation: marquee 10s linear infinite;
    animation: marquee 10s linear infinite;
    font-weight: 600;
    font-size: 14px;
    height: 100%
}

.mobile-announcement-holder .message-section .track .content {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.m-categories-slide-content::-webkit-scrollbar {
    display: none !important
}

.m-categories-slide-content {
    width: 100%;
    height: 100%;
    overflow-y: scroll
}

.m-categories-slide-content ul {
    padding: 0;
    list-style: none;
    margin: 0
}

.mobile-bottom-menu {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 90px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-top-left-radius: 45px;
    border-top-right-radius: 45px;
    -webkit-box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
    z-index: 500
}

.mobile-bottom-menu ul {
    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;
    list-style: none;
    padding: 0;
    margin: 0;
    height: 100%
}

.mobile-bottom-menu li {
    cursor: pointer
}

.bot-main-btn {
    background: #a9781c;
    border-radius: 100%;
    padding: 20px;
    position: absolute;
    color: #fff;
    font-size: 22px
}

.mobile-bottom-menu ul li {
    padding: 10px 10px;
    font-weight: 600;
    width: 100%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    font-size: 10px;
    white-space: nowrap
}

.mobile-bottom-menu ul li i {
    display: block;
    margin: auto;
    margin-bottom: 5px;
    font-size: 20px
}

.mobile-logo {
    max-width: 50%;
    width: 120px
}

.mobile-sidebar-btn {
    background-color: transparent;
    border: none;
    color: #86e100;
    font-weight: 600;
    font-size: 25px
}

.mobile-cat-tabs {
    padding: 10px;
    padding-top: 9px;
    text-align: center;
    font-size: 12px;
    padding-bottom: 60px;
    display: none
}

.mobile-popup-overlay {
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .8);
    z-index: 500;
    width: 100%;
    height: 100vh;
    display: none
}

.mobile-sidebar {
    width: 250px;
    height: 100vh;
    background: #fff;
    position: fixed;
    left: -100%;
    top: 0;
    z-index: 600;
    -webkit-transition: all .5s;
    transition: all .5s;
    padding-bottom: 20%;
    overflow-y: scroll
}

.mobile-sidebar::-webkit-scrollbar {
    display: none
}

.mobile-sidebar ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.mobile-sidebar ul li {
    padding: 10px;
    font-weight: 600;
    margin-bottom: 5px;
    border: 1px solid #ccc;
    cursor: pointer;
    font-size: 12px
}

.section-service-overlay {
    width: 100%;
    height: 100vh;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .5)
}

.section-service-overlay, .service-overlay {
    position: fixed;
    z-index: 8000;
    pointer-events: auto
}

.service-overlay {
    width: 1000px;
    max-width: 95%;
    min-height: 300px;
    background: #fff;
    border-radius: 5px;
    border: 3px solid #d4931b;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 10px
}

.service-overlay .service-header {
    background: #d4931b;
    padding: 8px;
    color: #fff;
    font-weight: 600;
    border-radius: 3px
}

.custom-table {
    width: 100%;
    text-align: center;
    color: #fff
}

.custom-table th {
    background-color: #5e9e00
}

.custom-table tbody tr:hover td {
    background-color: #34382f
}

.custom-table td {
    border-bottom: 1px solid #333;
    cursor: pointer
}

.custom-table td, .custom-table th {
    font-size: 12px;
    padding: 10px;
    font-weight: 400
}

.section-view-overlay {
    width: 100%;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 6000;
    display: none
}

.service-view {
    width: 1000px;
    max-width: 95%;
    min-height: 300px;
    background: #fff;
    border-radius: 5px;
    border: 3px solid #d4931b;
    position: fixed;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 10px;
    z-index: 7000;
    display: none
}

.service-view .service-header {
    background: #d4931b;
    padding: 8px;
    color: #fff;
    font-weight: 600;
    border-radius: 3px
}

.content-holder-data {
    width: 100%;
    padding: 10px;
    text-align: left
}

.content-holder-data.answer {
    background-color: #0c0c0c;
    font-size: 12px;
    color: #fff
}

.section-write-overlay {
    width: 100%;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 6000;
    display: none
}

.section-write {
    width: 720px;
    max-width: 95%;
    min-height: 100px;
    max-height: 90vh;
    background: #242424;
    border-radius: 5px;
    position: fixed;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 8000;
    overflow-y: hidden;
    display: none;
    pointer-events: auto
}

.section-write .section-header {
    background: #d4931b;
    padding: 8px;
    color: #fff;
    font-weight: 600;
    border-radius: 3px
}

.section-write input.form-control, .section-write textarea.form-control {
    background-color: #1f1f1f;
    color: #fff;
    border: none
}

.note-overlay {
    width: 100%;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 6000;
    display: none
}

.note-section {
    width: 1000px;
    max-width: 95%;
    min-height: 100px;
    background: #fff;
    border-radius: 5px;
    border: 3px solid #d4931b;
    position: fixed;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 10px;
    z-index: 8000
}

.note-section .note-header {
    background: #d4931b;
    padding: 8px;
    color: #fff;
    font-weight: 600;
    border-radius: 3px
}

.modal-overlay {
    width: 100%;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 6000;
    display: none
}

.web-modal {
    width: 720px;
    max-width: 95%;
    min-height: 100px;
    max-height: 90vh;
    background: #242424;
    border-radius: 5px;
    position: fixed;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 8000;
    overflow-y: scroll;
    pointer-events: auto
}

.web-modal::-webkit-scrollbar {
    display: none
}

.modal-header {
    position: relative;
    padding: 8px;
    color: #fff;
    font-weight: 600;
    border-top: 5px solid #86e100;
    border-bottom: none;
    z-index: 10
}

.web-modal .tabs-option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 5px
}

.web-modal .tabs-option button {
    width: 100%;
    background-color: #24330e;
    border: 1px solid #24330e;
    padding: 10px;
    font-size: 14px
}

.web-modal .tabs-option button.active {
    background-color: #5a9700;
    border: 1px solid #86e100;
    color: #fff
}

.web-modal-table {
    width: 100%;
    margin-top: 10px
}

.web-modal-table tr {
    border-top: 1px solid #ddd
}

.web-modal-table th {
    width: 25%;
    padding: 10px
}

.web-modal-table td {
    width: 75%;
    padding: 10px
}

.web-modal-table td.d-flex {
    display: -webkit-box;
    display: -ms-flexbox
}

.web-modal-table td input, button, select {
    padding: 5px
}

.web-modal-table td input, select {
    border: 1px solid #ccc;
    border-radius: 3px
}

.web-modal-table td button {
    background: #d4931b;
    border: 1px solid #d4931b;
    border-radius: 3px;
    font-weight: 600
}

.modal-message label {
    font-size: 12px;
    text-align: center;
    margin: 0;
    font-weight: 600;
    display: block;
    word-break: keep-all
}

.web-modal-table td .money-option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.web-modal-table td .money-option button {
    background: #117cce;
    border: 1px solid transparent;
    color: #fff;
    width: 100%;
    margin-right: 10px
}

.bg_baccarat h2, .bg_blackjack h2, .bg_roullete h2, .bg_slot h2 {
    background-position: 100%;
    background-size: auto 150%;
    background-repeat: no-repeat;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px
}

.bg-header {
    height: 150px;
    background: #0f151a;
    color: #fff
}

.web-modal .instruction::-webkit-scrollbar {
    display: none
}

.web-modal .instruction label {
    font-size: 15px;
    font-weight: 600
}

.web-modal ul li {
    list-style: none;
    margin: 0;
    font-weight: 600;
    font-size: 12px
}

.img-holder {
    background: #333;
    color: #fff
}

.img-holder p {
    font-weight: 600;
    font-size: 12px;
    margin-top: 20px
}

.img-holder img {
    width: 300px;
    max-width: 80%
}

.custom-text {
    background: #333;
    color: #fff;
    padding: 10px
}

.custom-text p {
    font-size: 14px;
    font-weight: 600;
    margin: 0
}

.note-content {
    height: 0;
    overflow-y: hidden
}

.button-badge {
    min-width: 100px;
    margin-top: 0 !important
}

.button-badge span {
    display: block;
    text-align: left;
    font-size: 12px
}

.button-badge .money {
    font-weight: 900;
    color: #333
}

.mobile-left-closer .active {
    background: #fac403
}

.mobile-bottom-menu, .mobile-sidebar-btn {
    display: none
}

#alertArea {
    text-align: center;
    margin-bottom: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    z-index: 9000;
    width: calc(100% - 250px);
    margin-left: auto;
    display: none
}

.side-logo {
    position: absolute;
    bottom: 0;
    left: 0
}

.customer-content {
    display: none
}

.copyright-text {
    background-color: #333;
    color: #6c6c6c;
    padding: 20px 0;
    border-top: 2px solid #86e100
}

.partnership-text {
    width: 100%;
    background: #0f0f0f;
    color: #fff;
    position: relative;
    z-index: 20;
    margin-top: 10px
}

.cel_section {
    width: 50%;
    float: left;
    padding: 0 10px;
    margin-bottom: 10px
}

.cel_section:after {
    content: "";
    display: block;
    clear: both
}

.popup_wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: rgba(0, 0, 0, .3)
}

.popup_content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 360px
}

.popup_content img {
    max-width: 100%
}

.popup_button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #3a3a3a
}

.popup_button a {
    display: block;
    padding: 8px;
    color: #fff;
    font-size: 14px;
    text-decoration: none
}

@media (max-width: 1700px) {
    .home-banner {
        width: 100% !important
    }
}

@media (max-width: 1400px) {
    .tabs__card {
        width: 20% !important
    }
}

@media (max-width: 1080px) {
    .tabs__card {
        width: 25% !important
    }
}

@media (max-width: 992px) {
    #alertArea {
        width: 100%
    }

    .logo img {
        width: 120px
    }

    .pc-contents, .web-header-menu .container.login_info {
        display: none
    }

    .mobile_nav_list {
        display: block
    }

    .side-menu {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        background-color: #1f1f1f;
        padding: 10px;
        margin: 1rem 1rem 0;
        border-radius: 10px
    }

    .side-menu li {
        background: transparent;
        border: none;
        border-bottom: 1px solid #333;
        border-radius: 0;
        margin: 0;
        padding: 10px;
        font-size: 12px;
        color: #86e100
    }

    .mobile_nav_none {
        display: none
    }

    .sidebar-menu {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 300px;
        height: 100vh;
        background-color: #0f0f0f
    }

    .sidebar__header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .sidebar-box {
        display: block
    }

    .web-home {
        padding-left: 0
    }

    .mobile-bottom-menu, .mobile-sidebar-btn {
        display: block
    }

    .header-right {
        font-size: 12px
    }

    .cel_section {
        float: none;
        width: 100%;
        margin: 0;
        padding: 0
    }

    .home-banner .banner-overlay h2 {
        font-size: 50px
    }

    .home-banner .banner-overlay h3, .home-banner .banner-overlay label {
        font-size: 14px;
        font-weight: 400
    }

    .home-first-block {
        height: 59%;
        position: relative;
        padding-bottom: 60px;
        margin-top: 0 !important
    }

    .home-first-block::-webkit-scrollbar {
        display: none !important
    }

    .game__frame {
        height: 760px
    }

    .tabs-menu {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .tabs-menu button {
        width: 100%
    }

    .tabs-menu button label {
        margin: 0;
        display: block;
        font-size: 12px
    }

    .home-first-block .inner-wrapper {
        margin: 0 0 0 0;
        padding: 0 0 0 0
    }

    .home-first-block .inner-wrapper .web-box {
        padding: 0 0 60px 0;
        font-size: 12px
    }

    .menu-button, .menu-button.active {
        font-size: 12px;
        padding: 20px 4px
    }

    .web-home h2 {
        font-size: 30px
    }

    .left-card-content {
        position: relative;
        height: 100%
    }

    .left-card-content ul {
        position: relative;
        overflow: hidden
    }

    .left-card-content ul:after {
        content: "";
        width: 100%;
        height: 100%;
        background: transparent;
        position: absolute;
        left: 0
    }

    .left-card-content .game-start-btn {
        font-size: 20px;
        z-index: 90
    }

    .left-card-content::-webkit-scrollbar {
        display: none !important
    }

    .left-card-content h2 {
        font-size: 30px;
        font-family: Black Han Sans, sans-serif
    }

    .left-card-content ul {
        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
    }

    .left-card-content ul li {
        width: 100%;
        text-align: center;
        font-weight: 600
    }

    .left-card-content ul img {
        display: block;
        max-width: 80%;
        width: 50px;
        margin: auto
    }

    .banner-figure {
        position: absolute;
        opacity: .5;
        bottom: 0;
        width: 70%;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .left-card-content {
        width: 60%
    }

    .side-logo {
        margin-top: 10rem
    }

    .logout-btn i {
        font-size: 22px
    }

    .web-btn.bg-gradient-warning {
        font-size: 12px;
        white-space: nowrap
    }

    .sign_in_link {
        word-break: keep-all
    }

    .web-modal-table th label {
        font-size: 12px;
        letter-spacing: -1px;
        margin-bottom: 0;
        word-break: keep-all;
        -ms-word-break: keep-all;
        white-space: nowrap
    }

    .web-modal-table td .money-option {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .web-modal-table td .money-option button {
        margin-right: 2px;
        margin-bottom: 2px;
        -webkit-box-flex: 32%;
        -ms-flex: 32%;
        flex: 32%
    }

    .custom-table td {
        padding: 10px 0
    }

    .web-box ul li {
        padding: 4px
    }

    .app__category {
        display: none
    }

    .mobile-menu {
        display: block
    }

    .tabs__card {
        width: 33.33% !important;
        padding: 4px
    }
}

@media (max-width: 800px) {
    .tabs__card {
        width: 33% !important;
        margin-bottom: 25px;
        margin-top: 20px
    }
}

@media (max-width: 580px) {
    .tabs__card {
        width: 33% !important
    }

    .inner__card {
        height: 160px
    }
}

@media (max-width: 500px) {
    .clearfix {
        margin: 0 auto
    }

    .modal-content {
        width: 95% !important
    }

    .home-banner {
        margin-top: 60px
    }

    .modal-body {
        padding: 0 5px !important
    }

    .card__content {
        padding: 0
    }
}

@media (max-width: 450px) {
    .tabs__card {
        width: 33.3% !important
    }

    .inner__card {
        height: 140px
    }
}

@media (max-width: 420px) {
    .d-flex.mob-d-flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%
    }

    .mob-d-flex .input-group-append.btn-flex {
        margin-left: 0 !important;
        margin-top: .25rem
    }

    .mob-d-flex .input-group-append.btn-flex button {
        width: 100%
    }

    .mobile-menu .button-top {
        padding: 5px
    }

    .home-banner .banner-overlay h2 {
        font-size: 32px
    }

    .custom-table th {
        padding: 10px 0
    }

    .overflow_table {
        width: 100%;
        overflow-y: auto
    }

    .overflow_table table {
        width: 480px
    }

    .game__frame {
        height: 600px
    }
}

@media (max-width: 400px) {
    .inner__card {
        height: 110px
    }
}

input[type=number]::-webkit-inner-spin-button, s input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

@-webkit-keyframes marquee {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@keyframes marquee {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.loding_wrap {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .35);
    position: fixed;
    z-index: 9999
}

.loding_wrap, .loding_wrap img {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.loding_wrap img {
    width: 70px;
    position: absolute
}

.loding_circle {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -40px;
    margin-top: -40px;
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border-right: 4px solid transparent;
    border-top: 4px solid #22ff32;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.pagination-wrap ul {
    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;
    font-size: 14px
}

.pagination-wrap ul li:before {
    content: none
}

.pagination-wrap ul li a {
    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;
    width: 30px;
    height: 30px;
    margin: 2px;
    color: #333;
    border-radius: 4px
}

.pagination-wrap ul li a i {
    text-align: center
}

.pagination-wrap ul li.active a, .pagination-wrap ul li a:hover {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    background-color: #754300;
    color: #fff
}

.certy__timer {
    position: absolute;
    top: 50%;
    right: 100px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 14px;
    color: #117cce;
    font-family: Roboto;
    z-index: 4
}

.input-group-append.btn-flex {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.input-radio {
    background: #131313;
    padding: 12px
}

.input-radio label {
    margin-bottom: 0
}

.input-radio label + input {
    margin-left: 30px
}

.w-a, .w-b, .w-ba {
    position: relative;
    z-index: 1
}

.w-a:after, .w-b:before, .w-ba:after, .w-ba:before {
    content: "";
    position: absolute;
    pointer-events: none;
    z-index: -1
}

.dflex-ac-jc {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -ms-flex-line-pack: center !important;
    align-content: center !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.dflex-ac-js {
    -ms-flex-align: center;
    -ms-flex-line-pack: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.dflex-ac-je, .dflex-ac-js {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    align-items: center;
    align-content: center
}

.dflex-ac-je {
    -ms-flex-align: center;
    -ms-flex-line-pack: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.dflex-ae-jc {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.dflex-ae-jc, .dflex-as-jc {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.dflex-as-jc {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.dflex-acs-jc {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.bs-ul {
    margin-bottom: 0;
    display: table;
    padding: 0
}

.bs-ul, .bs-ul li {
    list-style: none;
    width: auto
}

.bs-ul li {
    height: auto;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    position: relative
}

.modal-backdrop {
    background-color: #000
}

.modal-backdrop.show {
    opacity: .5
}

.modal {
    padding: 0 !important;
    overflow-y: auto
}

.modal::-webkit-scrollbar {
    width: 0
}

.modal::-webkit-scrollbar, .modal::-webkit-scrollbar-thumb {
    background-color: transparent
}

.modal ::-webkit-scrollbar {
    width: 10px;
    background: #000;
    border-radius: 5px
}

.modal ::-webkit-scrollbar-thumb {
    background: -webkit-gradient(linear, left top, left bottom, from(#7ac8ff), to(#0079ce));
    background: linear-gradient(#7ac8ff, #0079ce);
    border: 2px solid #000;
    border-radius: 5px
}

.modal-dialog {
    max-width: 800px;
    width: 100% !important;
    padding: 0 !important
}

.modal-dialog.size-md {
    max-width: 1024px
}

.modal-content {
    width: auto;
    overflow: visible;
    background-color: #03070e;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#03070e), to(#07152c));
    background-image: linear-gradient(#03070e, #07152c);
    border-radius: 18px;
    -webkit-box-shadow: 0 5px 8px #000, 0 2px 5px #000, inset 0 0 1px 1px rgba(0, 0, 0, .5);
    box-shadow: 0 5px 8px #000, 0 2px 5px #000, inset 0 0 1px 1px rgba(0, 0, 0, .5)
}

.modal-content:before {
    width: 100%;
    height: 2px;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(64, 122, 195, 0)), color-stop(#407ac3), to(rgba(64, 122, 195, 0)));
    background-image: linear-gradient(90deg, rgba(64, 122, 195, 0), #407ac3, rgba(64, 122, 195, 0));
    left: 0;
    top: -2px;
    z-index: 2
}

.modal-content:after {
    width: 100%;
    height: 100%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAByCAYAAACSo7vmAAAAaElEQVQokWPIaNmlxsDAwAAmGBj+///PwARiQIjM1t0ILrXVqRCpTpFIdfJEqpOBqMto2QVRi6QYRZ0UkerEiVQnDGKoEFbHD2LIE1bHBWJIElbHBmIIYVWHopgFxOMmrI6JgYGBgRUAVVhTlqcnM4AAAAAASUVORK5CYII=);
    background-repeat: repeat-x;
    left: 0;
    top: 63px
}

.modal-close-btn {
    width: 31px;
    height: 31px;
    background-color: transparent;
    border: none;
    position: absolute;
    right: 15px;
    z-index: 99
}

.modal-close-btn:after, .modal-close-btn:before {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-transition: .3s;
    transition: .3s;
    background-size: 100% 100%
}

.modal-close-btn:hover:after, .modal-close-btn:hover:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.modal-close-btn:before {
    background-image: url(data:image/png;base64,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)
}

.modal-close-btn:after {
    background-image: url(data:image/png;base64,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);
    opacity: 0
}

.modal-close-btn:hover:before {
    opacity: 0
}

.modal-close-btn:hover:after {
    background-image: url(data:image/png;base64,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);
    opacity: 1
}

.modal-headerbg {
    width: 104%;
    height: 136%;
    border-radius: 18px 18px 2px 2px;
    padding-left: 10px;
    position: absolute
}

.modal-header {
    width: calc(100% + 4px);
    height: 55px;
    border-radius: 20px 20px 0 0;
    background: #231f48;
    border: none;
    border-radius: 18px 18px 2px 2px;
    margin: -2px -2px 10px
}

.modal-header:before {
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#0e1c30), to(#08111f));
    background-image: linear-gradient(#0e1c30, #08111f);
    border-radius: 18px 18px 2px 2px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .5);
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .5)
}

.modal-header .title-panel {
    width: 100%;
    height: 100%;
    max-width: 300px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#172f50), to(#0d1d31));
    background-image: linear-gradient(#172f50, #0d1d31);
    -webkit-filter: drop-shadow(0 1px 1px #000);
    filter: drop-shadow(0 1px 1px rgb(0, 0, 0))
}

.modal-header .title-panel:after, .modal-header .title-panel:before {
    width: 41px;
    height: 100%;
    top: 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAA3CAYAAACRvGMdAAADTElEQVRogc2Z60tVQRDAf7o3r29vZl4rH2EPLUzNIAr62uf8R4u+RR/qQ0WFiSZJhlBaKZE9kdJ8bsxtDlzcm3rO2T36gwHZOeeecWd3Zna2qjg02gkMAjeBUaAHqOIQYRo7+leBReAFcBuYBc4BrYfFTNPY0bcNrAO/gW/ADPBA/74K5Jy3Mjey2L9zbA1YAqaAt8DFg57VSkYKFlgBpoH3wADQ7jyVEaah2Lfbl7Z1Nj+q6486T2TAXkZGhr4DaoFhoN55IjCmof38fr4ghk4AI8BZec95IiDVMX5a1uhdYM7RhDfSEkPugJ0AuxHzvVQSZybRWDqtYSozctbauN96qTt+MKv0GXcmhce6idYdTSBy/9ZKLJaBV4Dk/Hw2Rsa2sYTk989AwdEEIMlMCpPAUy3rJMgHJW4IimQJ7DOwvyrovEsu/uYuIW+9Bn4CbYfV3Wh1JIWyVPZBXW7q2844g/tkVaui60BjSCOTxMmIDS2MJQsFJWeTu1tYAN4Ap0NWRqa+rdcZjMGaxkopiBtCGZnG3WhqfAR8dTQeyZEwBpUh9aVIf6iCI2kwLxcJ6A/Bfq+g81NPukOxZdvCfQsLoXKOD3cLssPngSFH4wEf7hbZBDsG9kcFXWoxda09vv5hCUc3gBOOJiU+1mQkUxbmKoynFl/uFlkDOxmifDN1rd0+PbMFXAFOOZoUpM04OxnXOtMrvkJQxJoaueKzZ2RqW7ucwZQc0caWN5f7djd6Jh/X9ekF3+5Gz+Uz6vImR5sAnyGoXGbBzlOaAUcXPwTlC97XJDqLcoNxyUfFnua0uBuf9Pwjxtbs8tyBGomefRZ9tGJMbaHTGfSEnCK7NBylugsytQWvGawcMXJTD2mprldCxMlypMNxTxsJiTH5lpMhjfyj61J2em/SSTH5cO6O+KJH3+GkzS2TLwSdyYhZzT7XNLfHIisj5bJqTLscl+MaavIt3o8k/2NLu8M5vVnbd5APvXF2Ip24J3pVPaBLYM/NZGqym8mIbb2wkrR5TPvu1bu1aLJ0dzlb2kN6rh3jInBcDXWMNfnmAzEyQnrucpMh90ISqmRGZXajNFoyuKqpSzbbwbH8QQp5aO4eEQPFmFsaUyXvXwDyfwGRZuc/jWxnEwAAAABJRU5ErkJggg==);
    background-size: 41px 100%
}

.modal-header .title-panel:before {
    left: -41px
}

.modal-header .title-panel:after {
    right: -41px;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.modal-header .title-panel .bullets {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.modal-header .title-panel .bullets:after, .modal-header .title-panel .bullets:before {
    width: 12px;
    height: 11px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    background-size: 100% 100%;
    -webkit-filter: drop-shadow(0 0 10px #2972df) drop-shadow(0 0 10px #2972df) drop-shadow(0 0 10px #2972df);
    filter: drop-shadow(0 0 10px rgb(41, 114, 223)) drop-shadow(0 0 10px rgb(41, 114, 223)) drop-shadow(0 0 10px rgb(41, 114, 223))
}

.modal-header .title-panel .bullets:before {
    left: -60px
}

.modal-header .title-panel .bullets:after {
    right: -60px
}

.modal-header .title-panel .title {
    font-size: 28px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: -webkit-linear-gradient(#f8f8fd, #f8f8fd, #384968);
    background-size: 100% 100%;
    position: relative;
    color: #fff;
    font-family: noto-sans-black;
    white-space: nowrap;
    width: 400px;
    height: 100%
}

.modal-header .title-panel .title:before {
    content: attr(data-text);
    display: inline-block;
    background: 0 0;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    text-shadow: 0 2px 0 #030813, 0 -2px 0 #030813, 2px 0 0 #030813, -2px 0 0 #030813, -2px 2px 0 #030813, 2px 2px 0 #030813, 2px -2px 0 #030813, -2px -2px 0 #030813, 0 3px 0 #8b99b0, 0 -3px 0 #8b99b0, 3px 0 0 #8b99b0, -3px 0 0 #8b99b0, -3px 3px 0 #8b99b0, 3px 3px 0 #8b99b0, 3px -3px 0 #8b99b0, -3px -3px 0 #8b99b0;
    z-index: -1
}

.modal-header .title-panel .title:after {
    content: "";
    width: 150px;
    height: 53px;
    background-size: 100% 100%;
    position: absolute;
    left: -78px;
    top: -10px;
    opacity: .5;
    -webkit-animation: titleGlare 1s ease infinite;
    animation: titleGlare 1s ease infinite
}

@-webkit-keyframes titleGlare {
    0% {
        opacity: .5
    }
    50% {
        opacity: .75
    }
    to {
        opacity: .5
    }
}

@keyframes titleGlare {
    0% {
        opacity: .5
    }
    50% {
        opacity: .75
    }
    to {
        opacity: .5
    }
}

.modal-menu {
    width: 100%;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 0 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px
}

.modal-menu button {
    width: 150px;
    height: 50px;
    margin: 0 2px;
    border: none;
    border-radius: 10px;
    background: #231f48;
    color: #828fac;
    font-size: 14px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .7)
}

.modal-menu button i {
    margin-right: 5px;
    font-size: 16px
}

.modal-menu button.active i {
    color: #c38eff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .75), 0 0 10px #8e34ff
}

.modal-menu button.active, .modal-menu button:hover {
    color: #fff
}

.modal-menu button.active:before, .modal-menu button:hover:before {
    border-top-color: #285c9a;
    border-bottom-color: #285c9a;
    background-color: #122e4e
}

.modal-body {
    width: 100% !important;
    margin: 0 auto
}

.terms-use {
    width: 100%;
    height: auto;
    margin: 0 0 10px
}

.terms-use .text-container {
    width: 100%;
    height: 100px;
    background: #231f48;
    padding: 5px 8px;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.terms-use .text-container .scroll-panel {
    width: 100%;
    height: 100%;
    float: left;
    overflow-y: scroll;
    text-align: left;
    padding: 10px;
    color: hsla(0, 0%, 100%, .5)
}

.terms-use .text-container .scroll-panel p {
    margin: 0
}

.terms-use .text-container .scroll-panel .title {
    color: #fffc32;
    font-size: 18px;
    margin: 0 0 15px
}

.terms-use .question {
    width: 100%;
    height: auto;
    text-align: left;
    margin: 10px 0;
    font-size: 12px
}

.terms-use .question .ques-txt {
    color: #bbb;
    margin-right: 10px
}

.terms-use .question input {
    position: relative;
    top: 2px
}

.modal-banner {
    height: 80px;
    border-radius: 10px;
    background-color: #1f375b;
    background-position: 100%;
    margin-bottom: 30px;
    padding: 0 15px;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .75)
}

.modal-banner, .modal-banner:before {
    width: 100%;
    background-repeat: no-repeat
}

.modal-banner:before {
    height: 97px;
    left: 10px;
    bottom: 0;
    background-position: 100% 100%
}

.modal-banner .info-icon {
    color: #c38eff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .75), 0 0 10px #8e34ff;
    margin-right: 5px
}

.modal-banner .ask-link {
    color: #8bff8b;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .75);
    margin-left: 10px
}

.modal-banner .ask-link:hover {
    color: #ffeb43
}

.modal-banner .ask-link i {
    margin-left: 5px
}

.form-container .form-label {
    width: 100%;
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 0 10px;
    padding: 0 10px
}

.form-container .form-label .labels {
    width: auto;
    min-width: 160px;
    height: auto;
    color: #bbb;
    font-size: 14px;
    display: inline-block;
    text-align: left;
    margin: 0;
    text-shadow: 0 1px 0 #000
}

.form-container .form-label .amount {
    color: #fff;
    font-size: 20px;
    margin-left: 5px;
    text-shadow: 0 1px 0 #000
}

.form-container .form-label .amount .symbol {
    color: #ffec5b
}

.transferModal .form-container .form-group.w-btn button {
    width: 140px;
    height: 43px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 5px
}

.form-container {
    width: 100%;
    display: inline-block;
    position: relative;
    z-index: 2
}

.form-container .form-group {
    width: 100%;
    display: inline-block;
    margin: 0 0 15px
}

.form-container .form-group:last-child {
    margin: 0 0
}

.form-container .labels {
    text-align: left;
    margin: 0 0 8px;
    color: #fff;
    font-size: 14px;
    text-shadow: 0 1px 0 #000;
    position: relative;
    padding: 0 0 0 5px
}

.form-container .form-group .input-container, .form-container .infos, .form-container .labels {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.form-container .form-group .input-container {
    float: left;
    position: relative;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.transferModal .form-container .w-btn .input-container {
    width: calc(100% - 145px)
}

.form-container .form-group input {
    width: 100%;
    height: 45px;
    float: left;
    color: #fff;
    background-color: #231f48;
    border: none;
    border-radius: 5px;
    -webkit-transition: .3s;
    transition: .3s;
    padding: 0 15px
}

.customerModal .form-container .form-group input {
    height: 70px;
    font-size: 18px
}

.form-container .w-icon input {
    padding: 0 0 0 50px
}

.form-container .form-group input:-moz-read-only {
    color: #7cb6ff;
    text-shadow: 0 1px 0 #000
}

.form-container .form-group input:read-only {
    color: #7cb6ff;
    text-shadow: 0 1px 0 #000
}

.form-container .form-group input::-webkit-input-placeholder {
    color: hsla(0, 0%, 100%, .5)
}

.form-container .form-group .input-container .icon-panel {
    min-width: 50px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    color: #c38eff
}

.form-container .form-group .select-input {
    width: 100%;
    height: 45px;
    float: left;
    color: #fff;
    background-color: hsla(0, 0%, 100%, .02);
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 8px;
    -webkit-transition: .3s;
    transition: .3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.form-container .cdb-form .select-input {
    margin: 0 2px
}

.form-container .cdb-form .select-input:first-child {
    margin-left: 0
}

.form-container .cdb-form .select-input:last-child {
    margin-right: 0
}

.form-container .cdb-form .select-input.year {
    max-width: 145px
}

.form-container .cdb-form .select-input.date-month {
    max-width: 95px
}

.form-container .form-group .select-input select {
    width: 100%;
    height: 100%;
    border: none;
    color: hsla(0, 0%, 100%, .5);
    background-color: transparent;
    -webkit-appearance: none;
    padding: 0 15px;
    cursor: pointer
}

.form-container .form-group select option {
    background-color: #1f0a0a;
    color: #fff
}

.form-container .form-group .select-input i {
    font-size: 18px;
    position: absolute;
    right: 15px
}

.form-container .form-group .checkbox-input {
    white-space: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-left: 10px
}

.form-container .form-group .checkbox-input input {
    margin-right: 5px;
    cursor: pointer
}

.form-container .form-group textarea {
    width: 100%;
    height: 200px;
    float: left;
    color: #fff;
    background-color: hsla(0, 0%, 100%, .05);
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 8px;
    -webkit-transition: .3s;
    transition: .3s;
    padding: 20px 18px;
    resize: none
}

.form-container .form-group textarea::-webkit-input-placeholder {
    color: hsla(0, 0%, 100%, .5)
}

.form-container .form-group .form-btn {
    width: 120px;
    height: 44px;
    border: none;
    float: right;
    padding: 0;
    margin: 0;
    white-space: nowrap;
    position: relative;
    z-index: 1;
    overflow: hidden;
    -webkit-transition: .3s;
    transition: .3s;
    margin: 0 0 0 5px;
    border-radius: 8px;
    color: #fff;
    text-shadow: 0 1px 0 #000
}

.btn-grp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.btn-grp button {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0
}

.form-container .form-group .infos .btn-grp {
    width: 100%;
    float: left
}

.form-container .form-group .infos .btn-grp button {
    width: 16.66%;
    width: calc(16.66% - 4px);
    height: 35px;
    float: left;
    margin: 0 2px;
    border-radius: 10px;
    background: #231f48;
    border: none;
    color: #fff;
    font-size: 12px;
    -webkit-transition: .3s;
    transition: .3s;
    padding: 0;
    position: relative;
    z-index: 1;
    overflow: hidden;
    outline: none
}

.form-container .form-group .infos .btn-grp button:hover {
    background-color: #38485d
}

.form-container .form-group .infos .btn-grp button:first-child {
    margin-left: 0;
    width: calc(11.66% - 2px)
}

.form-container .form-group .infos .btn-grp button:last-child {
    width: calc(16.66% - 2px);
    margin-right: 0;
    background-color: #c54040
}

.form-container .form-group .infos .btn-grp button:last-child:hover {
    background-color: #e30404
}

.modal-footer {
    width: 100%;
    border: none;
    margin: 20px auto 30px
}

.modal-footer .form-footer {
    width: calc(100% + 8px);
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 0 -4px
}

.modal-footer .form-footer button {
    width: 100%;
    max-width: 160px;
    height: 50px;
    border-radius: 10px;
    border: none;
    margin: 0 5px;
    color: #fff;
    position: relative
}

.modal-footer .form-footer button .btn-panel {
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    border-radius: 3px;
    background-color: #0f2f66;
    overflow: hidden;
    -webkit-transition: .3s;
    transition: .3s
}

.modal-footer .form-footer button:hover .btn-panel {
    background-color: #1d51aa
}

.modal-footer .form-footer .cancel-btn:hover .btn-panel {
    background-color: #2d3e58
}

.modal-footer .form-footer button .btn-panel:before {
    width: 50%;
    height: 100%;
    border-radius: 50%;
    left: 0;
    right: 0;
    bottom: -100%;
    margin: 0 auto;
    -webkit-box-shadow: 0 0 30px #43c7fe;
    box-shadow: 0 0 30px #43c7fe
}

.modal-footer .form-footer button .btn-inner {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    border-radius: 10px
}

.modal-footer .form-footer button .btn-inner:after, .modal-footer .form-footer button .btn-inner:before {
    width: 100%;
    height: 1px;
    left: 0;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(55, 116, 214, 0)), color-stop(#3774d6), to(rgba(55, 116, 214, 0)));
    background-image: linear-gradient(90deg, rgba(55, 116, 214, 0), #3774d6, rgba(55, 116, 214, 0))
}

.modal-footer .form-footer button .btn-inner:before {
    top: 0
}

.modal-footer .form-footer button .btn-inner:after {
    bottom: 0
}

.modal-footer .form-footer .cancel-btn {
    background-image: -webkit-gradient(linear, left top, right top, from(#305897), color-stop(#65baf2), to(#305897));
    background-image: linear-gradient(90deg, #305897, #65baf2, #305897)
}

.modal-footer .form-footer .cancel-btn .btn-panel {
    background-color: #111f36
}

.modal-footer .form-footer .cancel-btn .btn-panel:before {
    content: "";
    -webkit-box-shadow: 0 0 30px #345a9b;
    box-shadow: 0 0 30px #345a9b
}

.modal-footer .form-footer .cancel-btn .btn-inner:after, .modal-footer .form-footer .cancel-btn .btn-inner:before {
    content: "";
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(49, 76, 118, 0)), color-stop(#314c76), to(rgba(49, 76, 118, 0)));
    background-image: linear-gradient(90deg, rgba(49, 76, 118, 0), #314c76, rgba(49, 76, 118, 0))
}

.pagination {
    margin: -15px 0 0
}

.pagination li {
    float: left
}

.pagination > li > a {
    width: 28px;
    height: 28px;
    color: #fff;
    text-decoration: none;
    border: 1px solid #305897;
    background-color: #111f36;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .5), inset 0 -1px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .5), inset 0 -1px 0 rgba(0, 0, 0, .5);
    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: 0 2px;
    border-radius: 3px;
    position: relative;
    z-index: 1;
    -webkit-transition: .3s;
    transition: .3s;
    overflow: hidden
}

.pagination > li > a:after, .pagination > li > a:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0
}

.pagination > li > a:before {
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 2px;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, hsla(0, 0%, 100%, .1)), color-stop(50%, hsla(0, 0%, 100%, .1)), color-stop(51%, hsla(0, 0%, 100%, 0)), to(hsla(0, 0%, 100%, 0)));
    background-image: linear-gradient(hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, .1) 50%, hsla(0, 0%, 100%, 0) 51%, hsla(0, 0%, 100%, 0))
}

.pagination > li > a:after {
    width: 60%;
    height: 100%;
    border-radius: 50%;
    margin: 0 auto;
    top: 100%;
    -webkit-box-shadow: 0 0 15px #345a9b, 0 0 15px #345a9b;
    box-shadow: 0 0 15px #345a9b, 0 0 15px #345a9b
}

.pagination .turn-pg a {
    font-size: 12px;
    margin: 0 13px;
    background-color: #1f4670
}

.pagination .turn-pg a:hover {
    background-color: #2f66a1
}

.pagination > li > a:hover {
    background-color: #1f4670
}

.pagination .active {
    border-color: #2a88ff
}

.pagination .active, .pagination .active:hover {
    background-color: #0f2f66
}

.bs-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 4px
}

.bs-table.with-depth {
    border-spacing: 0 2px
}

.bs-table thead th {
    height: 50px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    background: #231f48
}

.bs-table thead th:first-child {
    border-radius: 5px 0 0 5px
}

.bs-table thead th:last-child {
    border-radius: 0 5px 5px 0
}

.with-depth thead th {
    border-radius: 5px !important
}

.bs-table tr {
    cursor: pointer
}

.bs-table tr td {
    height: 50px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    padding: 1px;
    -webkit-transition: .3s;
    transition: .3s;
    background-color: hsla(0, 0%, 100%, .05);
    border-top: 1px solid hsla(0, 0%, 100%, .1);
    border-bottom: 1px solid hsla(0, 0%, 100%, .1)
}

.bs-table tr td:first-child {
    border-radius: 5px 0 0 5px;
    border-left: 1px solid hsla(0, 0%, 100%, .1)
}

.bs-table tr td:last-child {
    border-radius: 0 5px 5px 0;
    border-right: 1px solid hsla(0, 0%, 100%, .1)
}

.bs-table tr:hover td {
    background-color: hsla(0, 0%, 100%, .1)
}

.bs-table tr td a {
    color: #fff;
    font-size: 12px;
    -webkit-transition: .3s;
    transition: .3s;
    display: inline-block;
    vertical-align: middle;
    max-width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none
}

.bs-table tr.active .title-td, .bs-table tr.active td a, .bs-table tr td a:hover {
    color: #fff469
}

.bs-table tr .count-td {
    width: 60px
}

.bs-table tr .count-tag {
    width: 22px;
    height: 22px;
    border-radius: 4px;
    padding: 1px 0;
    position: relative;
    z-index: 1;
    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: 0 auto;
    color: #fff;
    font-family: noto-sans-bold;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .75);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#c38fff), to(#7135b7));
    background-image: linear-gradient(#c38fff, #7135b7);
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 1px 0 rgba(0, 0, 0, .5)
}

.bs-table tr .title-td {
    text-align: left;
    padding-left: 15px;
    max-width: 590px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.bs-table tr .date-td {
    width: 20%;
    color: #ccc
}

.bs-table tr .nav-td {
    width: 40px
}

.bs-table tr td .delete-btn {
    background-color: transparent;
    border: none;
    color: #ccc;
    font-size: 14px;
    -webkit-transition: .3s;
    transition: .3s
}

.bs-table tr td .delete-btn:hover {
    color: #ff9200
}

.bs-table tr td .nav-btn {
    background-color: transparent;
    border: none;
    position: relative
}

.bs-table tr td .nav-btn i {
    position: relative;
    color: #fff;
    font-size: 10px;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.bs-table tr td .nav-btn:hover i {
    color: #ffca5f
}

.bs-table tr.active td .nav-btn i {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    top: 5px
}

.bs-table tr td .plus-btn {
    width: 16px;
    height: 16px;
    background-color: var(--yellow);
    border: none;
    border-radius: 50%;
    color: rgba(0, 0, 0, .75);
    font-size: 12px;
    padding: 0 0 0;
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.bs-table tr td .plus-btn:hover {
    background-color: #ff9200
}

.bs-table tr td .plus-btn:after, .bs-table tr td .plus-btn:before {
    content: "";
    width: 2px;
    height: 50%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    background-color: rgba(0, 0, 0, .75);
    -webkit-transition: .3s;
    transition: .3s
}

.bs-table tr td .plus-btn:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.bs-table tr.active td .plus-btn:before {
    height: 0
}

.bs-table tr td .plus-btn:hover:after, .bs-table tr td .plus-btn:hover:before {
    background-color: #fff
}

.new-icon {
    min-width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: top;
    color: #fff;
    font-size: 10px;
    border-radius: 3px;
    background-color: #ff7444;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff7444), to(#942900));
    background-image: linear-gradient(#ff7444, #942900);
    line-height: 14px;
    text-align: center;
    margin-left: 3px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .25);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .25);
    position: relative;
    top: 3px
}

.with-depth tr:nth-last-child(2) td:first-child {
    border-radius: 0 0 0 10px
}

.with-depth tr:nth-last-child(2) td:last-child {
    border-radius: 0 0 10px 0
}

.with-depth .message-content {
    display: none;
    height: 200px;
    margin: 2px 0 5px
}

.with-depth tr.depth-click {
    cursor: pointer
}

.with-depth tr.dropdown {
    background-color: transparent
}

.with-depth tr.dropdown td {
    padding: 0;
    height: auto;
    -webkit-box-shadow: none;
    box-shadow: none
}

.with-depth tr.dropdown:hover td, .with-depth tr.dropdown td {
    background-color: transparent;
    border: none
}

.message-content {
    width: 100%;
    height: 400px;
    background-color: rgba(0, 0, 0, .5);
    border: 1px solid #182336;
    margin: 5px 0 0;
    padding: 10px;
    border-radius: 5px
}

.message-content .inner-container {
    width: 100%;
    height: 100%;
    float: left;
    color: #fff;
    white-space: pre-wrap;
    text-align: left;
    overflow-y: scroll;
    padding: 5px 10px
}

.form-title {
    width: 100%;
    padding: 10px 0;
    color: #fff;
    font-size: 18px;
    text-shadow: 0 1px 2px #000, 0 0 10px hsla(0, 0%, 100%, .5)
}

.form-title:before {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-top: 2px solid #285c9a;
    border-bottom: 2px solid #285c9a;
    background-color: #122e4e;
    -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#000), to(transparent));
    -webkit-mask-image: linear-gradient(90deg, transparent, #000, transparent);
    mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#000), to(transparent));
    mask-image: linear-gradient(90deg, transparent, #000, transparent);
    -webkit-box-shadow: 0 1px 2px #000;
    box-shadow: 0 1px 2px #000;
    -webkit-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 468px) {
    .head-menu, .pc {
        display: none !important
    }

    #agent-pc-header {
        margin-left: 0 !important;
        width: 100% !important
    }

    #agent-router-view {
        padding-left: 0 !important
    }

    .mobile-head-menu {
        display: flex
    }

    .mobile-head-menu div {
        display: inline-block
    }

    .mobile-head-menu .left {
        width: 40px
    }

    .mobile-head-menu .center {
        width: calc(100% - 80px);
        padding-top: 3px;
        text-align: center;
        font-weight: 700;
        font-size: 18px;
        color: #fff
    }

    .mobile-head-menu .right {
        width: 40px
    }
}

.pc-side-bar ul {
    margin-top: 40px;
    margin-left: 0;
    padding-left: 0;
    padding: 10px
}

.pc-side-bar ul li {
    list-style: none;
    padding: 15px 0;
    font-size: 14px;
    color: hsla(0, 0%, 100%, .7);
    position: relative;
    padding: 10px 20px;
    margin-bottom: 2px
}

.pc-side-bar ul .active, .pc-side-bar ul li:hover {
    background-color: hsla(0, 0%, 100%, .1);
    cursor: pointer;
    border-radius: 4px;
    font-weight: 600 !important;
    color: #fff !important
}

.pc-side-bar .b-sidebar {
    width: 280px !important;
    height: 100vh
}

.pc-side-bar .b-sidebar-body {
    background-color: #444054;
    color: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#261959", endColorstr="#130645", GradientType=1)
}

.sub-li {
    padding-left: 40px !important;
    font-size: 13px !important;
    font-weight: 400 !important
}

.group-li {
    font-weight: 700;
    font-size: .8rem !important;
    cursor: default !important
}

.group-li:hover {
    background-color: transparent !important
}

.transition {
    background-color: transparent;
    outline: none;
    border: none
}

.menu-bar {
    margin-top: 5px !important;
    padding: 0 5px !important
}

.menu-bar li {
    padding: 10px !important;
    text-align: center !important
}

.menu-bar li svg {
    color: #fff !important
}

.st0 {
    fill: #1f1f1a
}

.st1 {
    fill: #ffe450
}

.pe-icon {
    color: hsla(0, 0%, 100%, .7450980392);
    font-size: 18px;
    font-weight: 700;
    margin-right: 13px;
    margin-top: -4px !important
}

.table-container[data-v-7798f5f3] {
    display: inline-flex;
    width: 100%;
    max-width: 800px;
    float: right;
    margin: 10px 0;
    overflow-x: auto;
    transition: opacity .5s ease-in-out, transform .5s ease-in-out
}

table[data-v-7798f5f3] {
    width: 100%;
    border-collapse: collapse
}

td[data-v-7798f5f3], th[data-v-7798f5f3] {
    padding: 10px;
    text-align: center;
    border: 1px solid #e0e0e0;
    font-size: 13px;
    font-weight: 300;
    color: #67757c
}

.cell[data-v-7798f5f3], th[data-v-7798f5f3] {
    background-color: #f5f5f5
}

.cell.blue[data-v-7798f5f3] {
    background-color: #d3f0ff
}

.cell.red[data-v-7798f5f3] {
    background-color: #ffd3d3
}

.cell.yellow[data-v-7798f5f3] {
    background-color: #fffbe4
}

.cell.purple[data-v-7798f5f3] {
    background-color: #e9e1f6
}

.cell.skyblue[data-v-7798f5f3] {
    background-color: #dcf8fe
}

.cell.pink[data-v-7798f5f3] {
    background-color: #ffe6e2
}

.fade-enter-active[data-v-7798f5f3], .fade-leave-active[data-v-7798f5f3] {
    transition: opacity .5s ease-in-out, transform .5s ease-in-out
}

.fade-enter[data-v-7798f5f3], .fade-leave-to[data-v-7798f5f3] {
    opacity: 0;
    transform: translateY(-20px)
}

[data-v-49720d92] ::-webkit-scrollbar {
    width: 6px;
    height: 6px
}

[data-v-49720d92] ::-webkit-scrollbar-thumb {
    background: hsla(0, 0%, 80%, .2549019608);
    border-radius: 200px
}

.head-menu[data-v-49720d92] {
    display: flex;
    justify-content: space-between
}

.head-menu ul[data-v-49720d92] {
    list-style: none;
    margin-left: 0;
    padding-left: 0
}

.head-menu ul li[data-v-49720d92] {
    color: #eaeded;
    font-size: 14px;
    display: inline-block;
    cursor: pointer;
    margin-right: 8px
}

.my-info h6[data-v-49720d92] {
    margin-top: 16px
}

.my-info h6[data-v-49720d92]:first-child {
    margin-top: 0
}

.data-form[data-v-49720d92] {
    position: relative;
    width: 100%;
    color: #fff;
    font-size: 13px;
    margin-bottom: 5px
}

.data-form .data[data-v-49720d92] {
    position: absolute;
    right: 0;
    top: 0
}

.side-menu ul[data-v-49720d92] {
    padding: 0;
    margin: 0
}

.side-menu ul li[data-v-49720d92] {
    list-style: none;
    border-bottom: 1px solid #777;
    transition: .6;
    color: #fff;
    background: #1a242d;
    font-weight: 400 !important;
    font-size: 14px;
    cursor: pointer
}

.side-menu ul .menu[data-v-49720d92] {
    padding: 15px 20px 15px
}

.side-menu ul .menu[data-v-49720d92]:hover {
    background: #333;
    cursor: pointer;
    transition: .6
}

.side-menu ul .child-menu[data-v-49720d92] {
    padding-left: 40px
}

.notice-menu[data-v-49720d92] {
    position: absolute;
    right: 10px;
    top: 8px
}

.notice-menu .m-notice-menu[data-v-49720d92] {
    display: none;
    background: none;
    border: none;
    outline: none
}

.notice-menu ul[data-v-49720d92] {
    list-style: none;
    margin: 0;
    padding: 0
}

.notice-menu ul li[data-v-49720d92] {
    display: inline-block;
    padding: 0 5px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    color: #fff
}

.notice-menu ul li a[data-v-49720d92] {
    color: #7fc4f5
}

.notice-menu ul li[data-v-49720d92]:hover {
    color: #f90
}

.notice-menu ul .number-count[data-v-49720d92] {
    color: #fff
}

ul[data-v-49720d92] {
    margin-bottom: 0
}

.btn[data-v-49720d92] {
    font-size: 13px
}

.mobile-head-menu {
    display: none
}

.menu-close {
    overflow: hidden;
    max-height: 0;
    transition: all .5s
}

.menu-open {
    max-height: 500px
}

@media screen and (max-width: 468px) {
    .head-menu, .pc {
        display: none !important
    }

    #agent-pc-header {
        margin-left: 0 !important;
        width: 100% !important
    }

    #agent-router-view {
        padding-left: 0 !important
    }

    .mobile-head-menu {
        display: flex
    }

    .mobile-head-menu div {
        display: inline-block
    }

    .mobile-head-menu .left {
        width: 40px
    }

    .mobile-head-menu .center {
        width: calc(100% - 80px);
        padding-top: 3px;
        text-align: center;
        font-weight: 700;
        font-size: 18px;
        color: #fff
    }

    .mobile-head-menu .right {
        width: 40px
    }

    .overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .5);
        z-index: 998
    }
}

.pc-side-bar-b ul {
    margin-top: 50px;
    margin-left: 0;
    padding-left: 0;
    padding: 10px 0
}

.pc-side-bar-b ul li {
    list-style: none;
    padding: 25px 0;
    font-size: 14px;
    color: hsla(0, 0%, 100%, .7);
    position: relative;
    padding: 10px 20px;
    margin-bottom: 0
}

.pc-side-bar-b ul .active, .pc-side-bar-b ul li:hover {
    cursor: pointer;
    border-radius: 4px;
    font-weight: 600 !important;
    color: #fff !important
}

.pc-side-bar-b .sub-li {
    padding-left: 40px !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    background-color: #27272a
}

.pc-side-bar-b .group-li {
    font-weight: 700;
    font-size: .8rem !important;
    cursor: default !important;
    padding: 18px 20px !important
}

.pc-side-bar-b .group-li div {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.pc-side-bar-b .group-li:hover {
    background-color: transparent !important
}

.pc-side-bar-b .transition {
    background-color: transparent;
    outline: none;
    border: none
}

.pc-side-bar-b .menu-bar {
    margin-top: 5px !important;
    padding: 0 5px !important
}

.pc-side-bar-b .menu-bar li {
    padding: 10px !important;
    text-align: center !important
}

.pc-side-bar-b .menu-bar li svg {
    color: #fff !important
}

.pc-side-bar-b .st0 {
    fill: #1f1f1a
}

.pc-side-bar-b .st1 {
    fill: #ffe450
}

.pc-side-bar-b .pe-icon {
    color: hsla(0, 0%, 100%, .7450980392);
    font-size: 18px;
    font-weight: 700;
    margin-right: 0 !important;
    margin-top: -4px !important
}

.pc-side-bar-b .b-sidebar {
    width: 280px !important;
    height: 100vh
}

.pc-side-bar-b .b-sidebar-body {
    background-color: #323237;
    color: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#261959", endColorstr="#130645", GradientType=1)
}

.active a {
    color: #fff !important
}

.help-desk {
    font-size: 13px;
    font-weight: 700;
    position: absolute;
    bottom: 0;
    padding: 20px;
    cursor: pointer;
    background-color: #232f3e;
    width: 238px
}

[data-v-0e07e890] ::-webkit-scrollbar {
    width: 6px;
    height: 6px
}

[data-v-0e07e890] ::-webkit-scrollbar-thumb {
    background: hsla(0, 0%, 80%, .2549019608);
    border-radius: 200px
}

.head-menu[data-v-0e07e890] {
    display: flex;
    justify-content: space-between
}

.head-menu ul[data-v-0e07e890] {
    list-style: none;
    margin-left: 0;
    padding-left: 0
}

.head-menu ul li[data-v-0e07e890] {
    color: #f8ef43;
    font-size: 14px;
    display: inline-block;
    cursor: pointer;
    margin-right: 8px
}

.my-info h6[data-v-0e07e890] {
    margin-top: 16px
}

.my-info h6[data-v-0e07e890]:first-child {
    margin-top: 0
}

.data-form[data-v-0e07e890] {
    position: relative;
    width: 100%;
    color: #fff;
    font-size: 13px;
    margin-bottom: 5px
}

.data-form .data[data-v-0e07e890] {
    position: absolute;
    right: 0;
    top: 0
}

.side-menu ul[data-v-0e07e890] {
    padding: 0;
    margin: 0
}

.side-menu ul li[data-v-0e07e890] {
    list-style: none;
    border-bottom: 1px solid #777;
    transition: .6;
    color: #fff;
    background: #1a242d;
    font-weight: 400 !important;
    font-size: 14px;
    cursor: pointer
}

.side-menu ul .menu[data-v-0e07e890] {
    padding: 15px 20px 15px
}

.side-menu ul .menu[data-v-0e07e890]:hover {
    background: #333;
    cursor: pointer;
    transition: .6
}

.side-menu ul .child-menu[data-v-0e07e890] {
    padding-left: 40px
}

.notice-menu[data-v-0e07e890] {
    position: absolute;
    right: 10px;
    top: 8px
}

.notice-menu .m-notice-menu[data-v-0e07e890] {
    display: none;
    background: none;
    border: none;
    outline: none
}

.notice-menu ul[data-v-0e07e890] {
    list-style: none;
    margin: 0;
    padding: 0
}

.notice-menu ul li[data-v-0e07e890] {
    display: inline-block;
    padding: 0 5px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    color: #fff
}

.notice-menu ul li a[data-v-0e07e890] {
    color: #7fc4f5
}

.notice-menu ul li[data-v-0e07e890]:hover {
    color: #f90
}

.notice-menu ul .number-count[data-v-0e07e890] {
    color: #fff
}

ul[data-v-0e07e890] {
    margin-bottom: 0
}

.btn[data-v-0e07e890] {
    font-size: 13px
}

.wallet-button[data-v-920bcef8] {
    background: #6495ed;
    border-radius: 4px;
    width: unset;
    margin-top: unset;
    border: none;
    padding: 0 12.4px;
    color: #fff;
    height: 34px;
    line-height: 34px;
    font-size: 12px;
    margin-right: 5px
}

.wallet-button.clear[data-v-920bcef8] {
    background: tomato;
    border: 1px solid hsla(0, 0%, 100%, .1)
}

.btn[data-v-920bcef8] {
    padding: 5px 8px;
    font-size: 14px;
    line-height: normal
}

.page-link[data-v-2c225057]:hover, .selected-page[data-v-2c225057] {
    background: #007bff !important;
    color: #fff !important;
    font-weight: 600;
    border-color: hsla(0, 0%, 100%, .2)
}

.page-link[data-v-2c225057] {
    padding: 6px 12px !important;
    font-size: 14px;
    border-radius: 4px !important;
    background-color: #eee;
    border-color: hsla(0, 0%, 100%, .2);
    color: #333
}

@media screen and (max-width: 468px) {
    .page-link[data-v-2c225057] {
        padding: 4px 8px !important
    }
}

.input-group[data-v-3ef2760c] {
    width: 100%;
    display: flex;
    padding-bottom: 8px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .2)
}

.input-group .label[data-v-3ef2760c] {
    font-size: 14px;
    font-weight: 700;
    color: #333;
    width: 150px;
    text-align: left;
    padding: 5px 0
}

.input-group .input[data-v-3ef2760c] {
    width: 100%;
    position: relative
}

.input-group .input .form-control[data-v-3ef2760c]:focus {
    outline: none;
    background-color: hsla(0, 0%, 100%, .05)
}

.input-group .input input[data-v-3ef2760c] {
    background-color: hsla(0, 0%, 100%, .05);
    color: #000;
    font-size: 14px;
    border-radius: 1px
}

.input-group .message[data-v-3ef2760c] {
    color: #000;
    font-size: 14px
}

.input-group .required[data-v-3ef2760c] {
    color: #99211f
}

.input-group .login-button[data-v-3ef2760c] {
    font-size: 14px;
    height: calc(1.5em + .75rem + 2px);
    position: absolute;
    top: 0;
    right: 0
}

.input-group .exchange-password[data-v-3ef2760c] {
    padding-right: 120px
}

.input-group .wallet-button[data-v-3ef2760c] {
    background: #6495ed;
    border-radius: 4px;
    width: unset;
    margin-top: unset;
    border: none;
    padding: 0 12.4px;
    color: #fff;
    height: 34px;
    line-height: 34px;
    font-size: 12px;
    margin-right: 5px
}

@media screen and (max-width: 468px) {
    .input-group .wallet-button[data-v-3ef2760c] {
        padding: 0 9px
    }
}

.input-group .wallet-button.clear[data-v-3ef2760c] {
    background: tomato;
    border: 1px solid hsla(0, 0%, 100%, .1)
}

.input-group .wallet-button[data-v-3ef2760c]:active, .input-group .wallet-button[data-v-3ef2760c]:focus, .input-group .wallet-button[data-v-3ef2760c]:hover {
    background: -moz-linear-gradient(top, #efd48c 0, #ddad2d 100%);
    background: -webkit-linear-gradient(top, #efd48c, #ddad2d);
    background: linear-gradient(180deg, #efd48c 0, #ddad2d);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#efd48c", endColorstr="#ddad2d", GradientType=0);
    color: #fff
}

@media screen and (max-width: 468px) {
    .input-group[data-v-3ef2760c] {
        padding: 0 9px
    }
}

.charge-button[data-v-3ef2760c] {
    width: 100% !important;
    max-width: 420px !important;
    font-size: 15px;
    font-weight: 600;
    margin-top: 10px
}

.error-message[data-v-3ef2760c] {
    color: #cd5c5c;
    font-size: 14px;
    margin-top: 5px
}

.gold[data-v-3ef2760c] {
    color: #ffc527 !important
}

.alert-danger[data-v-3ef2760c] {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    font-size: 10pt;
    padding: 10px;
    border-radius: 9px
}

.input-group[data-v-7c1874cd] {
    width: 100%;
    display: flex;
    padding-bottom: 15px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .2)
}

.input-group .label[data-v-7c1874cd] {
    font-size: 14px;
    font-weight: 700;
    color: #333;
    width: 150px;
    text-align: left;
    padding: 5px 0
}

.input-group .input[data-v-7c1874cd] {
    width: 100%;
    position: relative
}

.input-group .input .form-control[data-v-7c1874cd]:focus {
    outline: none;
    background-color: hsla(0, 0%, 100%, .05)
}

.input-group .input input[data-v-7c1874cd] {
    background-color: hsla(0, 0%, 100%, .05);
    color: #000;
    font-size: 14px;
    border-radius: 1px
}

.input-group .message[data-v-7c1874cd] {
    color: #000;
    font-size: 14px
}

.input-group .required[data-v-7c1874cd] {
    color: #99211f
}

.input-group .login-button[data-v-7c1874cd] {
    font-size: 14px;
    height: calc(1.5em + .75rem + 2px);
    position: absolute;
    top: 0;
    right: 0
}

.input-group .exchange-password[data-v-7c1874cd] {
    padding-right: 120px
}

.input-group .wallet-button[data-v-7c1874cd] {
    background: #6495ed;
    border-radius: 4px;
    width: unset;
    margin-top: unset;
    border: none;
    padding: 0 12.4px;
    color: #fff;
    height: 34px;
    line-height: 34px;
    font-size: 12px;
    margin-right: 5px
}

@media screen and (max-width: 468px) {
    .input-group .wallet-button[data-v-7c1874cd] {
        padding: 0 9px
    }
}

.input-group .wallet-button.clear[data-v-7c1874cd] {
    background: tomato;
    border: 1px solid hsla(0, 0%, 100%, .1)
}

.input-group .wallet-button[data-v-7c1874cd]:active, .input-group .wallet-button[data-v-7c1874cd]:focus, .input-group .wallet-button[data-v-7c1874cd]:hover {
    background: -moz-linear-gradient(top, #efd48c 0, #ddad2d 100%);
    background: -webkit-linear-gradient(top, #efd48c, #ddad2d);
    background: linear-gradient(180deg, #efd48c 0, #ddad2d);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#efd48c", endColorstr="#ddad2d", GradientType=0);
    color: #fff
}

@media screen and (max-width: 468px) {
    .input-group[data-v-7c1874cd] {
        padding: 0 9px
    }
}

.charge-button[data-v-7c1874cd] {
    width: 100% !important;
    max-width: 420px !important;
    font-size: 15px;
    font-weight: 600;
    margin-top: 10px
}

.error-message[data-v-7c1874cd] {
    color: #cd5c5c;
    font-size: 14px;
    margin-top: 5px
}

.gold[data-v-7c1874cd] {
    color: #ffc527 !important
}

.alert-danger[data-v-7c1874cd] {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    font-size: 10pt;
    padding: 10px;
    border-radius: 9px
}

.input-group[data-v-f3a13eea] {
    width: 100%;
    display: flex;
    padding-bottom: 15px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .2)
}

.input-group .label[data-v-f3a13eea] {
    font-size: 14px;
    font-weight: 700;
    color: #333;
    width: 150px;
    text-align: left;
    padding: 5px 0
}

.input-group .input[data-v-f3a13eea] {
    width: 100%;
    position: relative
}

.input-group .input .form-control[data-v-f3a13eea]:focus {
    outline: none;
    background-color: hsla(0, 0%, 100%, .05)
}

.input-group .input input[data-v-f3a13eea] {
    background-color: hsla(0, 0%, 100%, .05);
    color: #000;
    font-size: 14px;
    border-radius: 1px
}

.input-group .message[data-v-f3a13eea] {
    color: #000;
    font-size: 14px
}

.input-group .required[data-v-f3a13eea] {
    color: #99211f
}

.input-group .login-button[data-v-f3a13eea] {
    font-size: 14px;
    height: calc(1.5em + .75rem + 2px);
    position: absolute;
    top: 0;
    right: 0
}

.input-group .exchange-password[data-v-f3a13eea] {
    padding-right: 120px
}

.input-group .wallet-button[data-v-f3a13eea] {
    background: #6495ed;
    border-radius: 4px;
    width: unset;
    margin-top: unset;
    border: none;
    padding: 0 12.4px;
    color: #fff;
    height: 34px;
    line-height: 34px;
    font-size: 12px;
    margin-right: 5px
}

@media screen and (max-width: 468px) {
    .input-group .wallet-button[data-v-f3a13eea] {
        padding: 0 9px
    }
}

.input-group .wallet-button.clear[data-v-f3a13eea] {
    background: tomato;
    border: 1px solid hsla(0, 0%, 100%, .1)
}

.input-group .wallet-button[data-v-f3a13eea]:active, .input-group .wallet-button[data-v-f3a13eea]:focus, .input-group .wallet-button[data-v-f3a13eea]:hover {
    background: -moz-linear-gradient(top, #efd48c 0, #ddad2d 100%);
    background: -webkit-linear-gradient(top, #efd48c, #ddad2d);
    background: linear-gradient(180deg, #efd48c 0, #ddad2d);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#efd48c", endColorstr="#ddad2d", GradientType=0);
    color: #fff
}

@media screen and (max-width: 468px) {
    .input-group[data-v-f3a13eea] {
        padding: 0 9px
    }
}

.charge-button[data-v-f3a13eea] {
    width: 100% !important;
    max-width: 420px !important;
    font-size: 15px;
    font-weight: 600;
    margin-top: 10px
}

.error-message[data-v-f3a13eea] {
    color: #cd5c5c;
    font-size: 14px;
    margin-top: 5px
}

.gold[data-v-f3a13eea] {
    color: #ffc527 !important
}

.alert-danger[data-v-f3a13eea] {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    font-size: 10pt;
    padding: 10px;
    border-radius: 9px
}

.wallet-button[data-v-5efcd723] {
    background: #6495ed;
    border-radius: 4px;
    width: unset;
    margin-top: unset;
    border: none;
    padding: 0 12.4px;
    color: #fff;
    height: 30px;
    line-height: 34px;
    font-size: 12px !important;
    margin-right: 5px
}

.wallet-button.clear[data-v-5efcd723] {
    background: tomato;
    border: 1px solid hsla(0, 0%, 100%, .1)
}

.btn[data-v-5efcd723] {
    padding: 5px 8px;
    font-size: 14px;
    line-height: normal
}

.input-group[data-v-66e541c6] {
    width: 100%;
    display: flex;
    padding-bottom: 15px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .2)
}

.input-group .label[data-v-66e541c6] {
    font-size: 14px;
    font-weight: 700;
    color: #333;
    width: 150px;
    text-align: left;
    padding: 5px 0
}

.input-group .input[data-v-66e541c6] {
    width: 100%;
    position: relative
}

.input-group .input .form-control[data-v-66e541c6]:focus {
    outline: none;
    background-color: hsla(0, 0%, 100%, .05)
}

.input-group .input input[data-v-66e541c6] {
    background-color: hsla(0, 0%, 100%, .05);
    color: #000;
    font-size: 14px;
    border-radius: 1px
}

.input-group .message[data-v-66e541c6] {
    color: #000;
    font-size: 14px
}

.input-group .required[data-v-66e541c6] {
    color: #99211f
}

.input-group .login-button[data-v-66e541c6] {
    font-size: 14px;
    height: calc(1.5em + .75rem + 2px);
    position: absolute;
    top: 0;
    right: 0
}

.input-group .exchange-password[data-v-66e541c6] {
    padding-right: 120px
}

.input-group .wallet-button[data-v-66e541c6] {
    background: #6495ed;
    border-radius: 4px;
    width: unset;
    margin-top: unset;
    border: none;
    padding: 0 12.4px;
    color: #fff;
    height: 34px;
    line-height: 34px;
    font-size: 12px;
    margin-right: 5px
}

@media screen and (max-width: 468px) {
    .input-group .wallet-button[data-v-66e541c6] {
        padding: 0 9px
    }
}

.input-group .wallet-button.clear[data-v-66e541c6] {
    background: tomato;
    border: 1px solid hsla(0, 0%, 100%, .1)
}

.input-group .wallet-button[data-v-66e541c6]:active, .input-group .wallet-button[data-v-66e541c6]:focus, .input-group .wallet-button[data-v-66e541c6]:hover {
    background: -moz-linear-gradient(top, #efd48c 0, #ddad2d 100%);
    background: -webkit-linear-gradient(top, #efd48c, #ddad2d);
    background: linear-gradient(180deg, #efd48c 0, #ddad2d);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#efd48c", endColorstr="#ddad2d", GradientType=0);
    color: #fff
}

@media screen and (max-width: 468px) {
    .input-group[data-v-66e541c6] {
        padding: 0 9px
    }
}

.charge-button[data-v-66e541c6] {
    width: 100% !important;
    max-width: 420px !important;
    font-size: 15px;
    font-weight: 600;
    margin-top: 10px
}

.error-message[data-v-66e541c6] {
    color: #cd5c5c;
    font-size: 14px;
    margin-top: 5px
}

.gold[data-v-66e541c6] {
    color: #ffc527 !important
}

.alert-danger[data-v-66e541c6] {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    font-size: 10pt;
    padding: 10px;
    border-radius: 9px
}

.panel[data-v-66e541c6] {
    border: 1px solid hsla(0, 0%, 100%, .2);
    color: #333;
    border-radius: 4px;
    margin-bottom: 20px
}

.panel .panel-heading[data-v-66e541c6] {
    border-bottom: 1px solid hsla(0, 0%, 100%, .2);
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    padding: 10px 15px;
    position: relative;
    border: 1px solid hsla(0, 0%, 100%, .2);
    background-color: #ececec;
    color: #333
}

.panel .panel-heading h5[data-v-66e541c6] {
    font-size: 15px;
    margin-bottom: 0
}

@media screen and (max-width: 468px) {
    .panel .panel-heading h5[data-v-66e541c6] {
        width: 200px
    }
}

.panel .panel-heading .date[data-v-66e541c6] {
    text-align: right;
    color: #333;
    font-weight: 400;
    font-size: 12px;
    right: 10px;
    top: 12px;
    position: absolute
}

.panel .panel-body[data-v-66e541c6] {
    background: hsla(0, 0%, 100%, .05);
    padding: 10px 15px;
    border: 1px solid #ddd;
    font-size: 13px
}

.input-group[data-v-168aba9d] {
    width: 100%;
    display: flex;
    padding-bottom: 8px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .2)
}

.input-group .label[data-v-168aba9d] {
    font-size: 14px;
    font-weight: 700;
    color: #333;
    width: 150px;
    text-align: left;
    padding: 5px 0
}

.input-group .input[data-v-168aba9d] {
    width: 100%;
    position: relative
}

.input-group .input .form-control[data-v-168aba9d]:focus {
    outline: none;
    background-color: hsla(0, 0%, 100%, .05)
}

.input-group .input input[data-v-168aba9d] {
    background-color: hsla(0, 0%, 100%, .05);
    color: #000;
    font-size: 14px;
    border-radius: 1px
}

.input-group .message[data-v-168aba9d] {
    color: #000;
    font-size: 14px
}

.input-group .required[data-v-168aba9d] {
    color: #99211f
}

.input-group .login-button[data-v-168aba9d] {
    font-size: 14px;
    height: calc(1.5em + .75rem + 2px);
    position: absolute;
    top: 0;
    right: 0
}

.input-group .exchange-password[data-v-168aba9d] {
    padding-right: 120px
}

.input-group .wallet-button[data-v-168aba9d] {
    background: #6495ed;
    border-radius: 4px;
    width: unset;
    margin-top: unset;
    border: none;
    padding: 0 12.4px;
    color: #fff;
    height: 34px;
    line-height: 34px;
    font-size: 12px;
    margin-right: 5px
}

@media screen and (max-width: 468px) {
    .input-group .wallet-button[data-v-168aba9d] {
        padding: 0 9px
    }
}

.input-group .wallet-button.clear[data-v-168aba9d] {
    background: tomato;
    border: 1px solid hsla(0, 0%, 100%, .1)
}

.input-group .wallet-button[data-v-168aba9d]:active, .input-group .wallet-button[data-v-168aba9d]:focus, .input-group .wallet-button[data-v-168aba9d]:hover {
    background: -moz-linear-gradient(top, #efd48c 0, #ddad2d 100%);
    background: -webkit-linear-gradient(top, #efd48c, #ddad2d);
    background: linear-gradient(180deg, #efd48c 0, #ddad2d);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#efd48c", endColorstr="#ddad2d", GradientType=0);
    color: #fff
}

@media screen and (max-width: 468px) {
    .input-group[data-v-168aba9d] {
        padding: 0 9px
    }
}

.charge-button[data-v-168aba9d] {
    width: 100% !important;
    max-width: 420px !important;
    font-size: 15px;
    font-weight: 600;
    margin-top: 10px
}

.error-message[data-v-168aba9d] {
    color: #cd5c5c;
    font-size: 14px;
    margin-top: 5px
}

.gold[data-v-168aba9d] {
    color: #ffc527 !important
}

.alert-danger[data-v-168aba9d] {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    font-size: 10pt;
    padding: 10px;
    border-radius: 9px
}

.loading[data-v-5e1ca8a1] {
    background: rgba(0, 0, 0, .3);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 2;
    right: 0
}

.join_frame[data-v-bf9db366] {
    min-height: 480px
}

.join_frame .title[data-v-bf9db366] {
    text-align: center;
    padding-bottom: 5px;
    margin-bottom: 14px;
    border-bottom: 1px solid #ddd;
    color: #333
}

.join_frame table[data-v-bf9db366] {
    width: 100%
}

.join_frame table tr[data-v-bf9db366] {
    width: 100%;
    border-bottom: 1px solid #ddd
}

.join_frame table th[data-v-bf9db366] {
    width: 40%;
    font-size: 13px;
    font-weight: 400;
    height: 50px;
    text-align: center
}

.join_frame table td[data-v-bf9db366] {
    padding: 0 12px
}

.join-input[data-v-bf9db366] {
    width: 100%;
    height: 36px;
    line-height: 42px;
    font-size: 13px;
    vertical-align: middle;
    outline: none
}

.join-btn-frame[data-v-bf9db366] {
    margin-top: 12px
}

.input-frame[data-v-bf9db366] {
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.login-input[data-v-bf9db366] {
    width: 100%;
    border: none;
    background-color: transparent;
    font-size: 15px;
    font-weight: 500;
    vertical-align: middle;
    outline: none
}

.login-button[data-v-bf9db366] {
    display: block;
    cursor: pointer;
    background: #303c67;
    color: #fff;
    font-size: 13px;
    width: 100%;
    border: none;
    height: 40px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    transition: .3s;
    -webkit-transition: .3s
}

.link-frame[data-v-bf9db366] {
    padding-top: 15px;
    margin: 0
}

.join-link[data-v-bf9db366] {
    text-decoration: none;
    color: #aaa;
    cursor: pointer
}

.button-text[data-v-bf9db366] {
    padding: 14px 0 16px 0
}

.input-group[data-v-2d9ae00e] {
    width: 100%;
    display: flex;
    border-bottom: 1px solid hsla(0, 0%, 100%, .2)
}

.input-group .label[data-v-2d9ae00e] {
    font-size: 13px;
    font-weight: 700;
    color: #000;
    text-align: left;
    padding: 10px 0
}

.input-group .input[data-v-2d9ae00e] {
    width: 100%;
    position: relative
}

.input-group .input .form-control[data-v-2d9ae00e]:focus {
    outline: none;
    background-color: hsla(0, 0%, 100%, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .08), 0 0 8px rgba(102, 175, 233, .6) !important
}

.input-group .input input[data-v-2d9ae00e] {
    background-color: hsla(0, 0%, 100%, .05);
    font-size: 14px;
    border-radius: 1px
}

.input-group .message[data-v-2d9ae00e] {
    color: #999;
    font-size: 14px;
    padding-top: 8px
}

.input-group .required[data-v-2d9ae00e] {
    color: #99211f
}

.input-group .exchange-password[data-v-2d9ae00e] {
    padding-right: 120px
}

.input-group .wallet-button[data-v-2d9ae00e] {
    background: #99211f;
    width: unset;
    margin-top: unset;
    border-radius: 0;
    border: none;
    padding: 0 12.4px;
    color: #fff;
    height: 34px;
    line-height: 34px;
    font-size: 12px;
    margin-right: 5px
}

@media screen and (max-width: 468px) {
    .input-group .wallet-button[data-v-2d9ae00e] {
        padding: 0 9px
    }
}

.input-group .wallet-button.clear[data-v-2d9ae00e] {
    background: hsla(0, 0%, 100%, .05);
    border: 1px solid hsla(0, 0%, 100%, .1)
}

.input-group .wallet-button[data-v-2d9ae00e]:active, .input-group .wallet-button[data-v-2d9ae00e]:focus, .input-group .wallet-button[data-v-2d9ae00e]:hover {
    background: -moz-linear-gradient(top, #efd48c 0, #ddad2d 100%);
    background: -webkit-linear-gradient(top, #efd48c, #ddad2d);
    background: linear-gradient(180deg, #efd48c 0, #ddad2d);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#efd48c", endColorstr="#ddad2d", GradientType=0);
    color: #fff
}

@media screen and (max-width: 468px) {
    .input-group[data-v-2d9ae00e] {
        padding: 0 9px
    }
}

.charge-button[data-v-2d9ae00e] {
    width: 100% !important;
    max-width: 420px !important;
    font-size: 15px;
    font-weight: 600;
    margin-top: 10px
}

.error-message[data-v-2d9ae00e] {
    color: #cd5c5c;
    font-size: 14px;
    margin-top: 5px
}

.gold[data-v-2d9ae00e] {
    color: #ffc527 !important
}

@media screen and (max-width: 468px) {
    .menu-content[data-v-2d9ae00e] {
        padding: 0
    }
}

.reply-noti[data-v-12d5bdac] {
    text-align: center;
    color: #8abdff;
    font-weight: 600;
    cursor: pointer;
    padding: 15px
}

.reply-noti[data-v-12d5bdac]:hover {
    text-decoration: underline
}

.alert-default[data-v-199c2902] {
    color: #fff;
    background-color: #333;
    border-color: none;
    font-weight: 400
}

.error[data-v-199c2902] {
    color: #fff;
    background-color: #eb5757;
    border-color: none;
    font-weight: 400
}

.wallet-button[data-v-5c203dcc] {
    background: #6495ed;
    border-radius: 4px;
    width: unset;
    margin-top: unset;
    border: none;
    padding: 0 12.4px;
    color: #fff;
    height: 30px;
    line-height: 34px;
    font-size: 12px !important;
    margin-right: 5px
}

.wallet-button.clear[data-v-5c203dcc] {
    background: tomato;
    border: 1px solid hsla(0, 0%, 100%, .1)
}

.btn[data-v-5c203dcc] {
    padding: 5px 8px;
    font-size: 14px;
    line-height: normal
}

.app-agent {
    .mbg {
        background-color: hsla(0, 0%, 100%, .45) !important
    }

    .modal-body {
        background: #fff;
        border: none
    }

    .table {
        td {
            border-top: 1px solid #333 !important;
            background: #fff !important;
            color: #000 !important;
            padding: .7rem !important
        }
    }
}

.app-agent {
    .user-parent-form-group {
        .col {
            display: flex !important
        }
    }

    background-color: #f1f4f6 !important;

    .page-wrapper {
        margin: 0 auto;
        padding: 30px 0;
        color: #fff !important
    }

    .card, .page-wrapper {
        background-color: #fff
    }

    .card {
        box-shadow: 0 .46875rem 2.1875rem rgba(4, 9, 20, .03), 0 .9375rem 1.40625rem rgba(4, 9, 20, .03), 0 .25rem .53125rem rgba(4, 9, 20, .05), 0 .125rem .1875rem rgba(4, 9, 20, .03);
        border-radius: .25rem;

        .card-header {
            margin-bottom: 10px;
            padding: 10px 1.25rem;
            background-color: transparent
        }

        .card-footer {
            padding: 1.25rem;
            background-color: transparent;
            font-size: 14px;
            color: #495057
        }

        .card-body {
            padding: 1.25rem
        }

        .dark-table {
            margin-bottom: 0;
            border: none !important;

            th {
                background-color: #212529 !important;
                border-color: #32383e !important;
                color: #fff !important
            }

            td {
                padding: .55rem !important;
                vertical-align: middle !important;
                background: #fff !important;
                color: #000 !important
            }

            tr:nth-child(2n) {
                td {
                    background: #efefef !important
                }
            }

            tr {
                background-color: rgba(0, 0, 0, .03) !important
            }
        }

        .trans-table {
            margin-bottom: 0;
            border: none !important;

            th {
                background-color: #fff !important;
                border-left: none !important;
                border-right: none !important;
                border-top: 1px solid #e9ecef !important;
                border-bottom: 2px solid #e9ecef !important;
                padding: .55rem !important;
                font-size: 14px !important;
                font-weight: 700 !important;
                color: #495057 !important
            }

            td {
                border-left: none !important;
                border-right: none !important;
                padding: .55rem !important;
                vertical-align: middle !important
            }

            tr:nth-child(2n) {
                background-color: rgba(0, 0, 0, .03)
            }
        }
    }

    .board-header {
        background: hsla(0, 0%, 100%, .45) !important;
        border-radius: 4px;
        display: table;
        width: 100%;
        height: 46px;
        padding: 30px;
        margin-bottom: 20px;

        .icon-box {
            display: table-cell;
            width: 60px;
            height: 60px;
            text-align: center;
            vertical-align: middle;
            background: #fff;
            box-shadow: 0 .46875rem 2.1875rem rgba(4, 9, 20, .03), 0 .9375rem 1.40625rem rgba(4, 9, 20, .03), 0 .25rem .53125rem rgba(4, 9, 20, .05), 0 .125rem .1875rem rgba(4, 9, 20, .03);
            border-radius: .25rem;

            svg {
                color: #d57eeb
            }
        }

        .title {
            font-weight: 500;
            font-size: 20px;
            color: #495057
        }

        .title, .title-text {
            display: table-cell;
            vertical-align: middle
        }

        .title-text {
            height: 60px;
            padding-left: 30px;

            .sub-text {
                font-size: 14px;
                font-weight: 400;
                color: #495057
            }
        }
    }

    .board-subject {
        cursor: pointer;
        color: #3f6ad8
    }

    .text-slice {
        display: inline-block;
        width: 200px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .nav-tabs {
        border-bottom: 0 !important;

        .nav-link {
            font-size: 14px;
            cursor: pointer
        }

        .nav-link.active, .nav-link:hover {
            background: #3f6ad8 !important;
            border-radius: .25rem !important;
            color: #fff !important;
            box-shadow: 0 14px 26px -12px hsla(0, 0%, 66.3%, .42), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px hsla(0, 0%, 66.3%, .2);
            border-color: #dee2e6 #dee2e6 #fff;
            border-bottom: none
        }
    }

    .board-page {
        margin-top: 20px;
        padding: 0 30px
    }

    .mt0 {
        margin-top: 0 !important
    }

    .simple-tree {
        width: 22%
    }

    @media screen and (max-width: 468px) {
        .simple-tree {
            width: 100%
        }

        .board-page {
            padding: 0 15px;
            flex-direction: column
        }

        .card {
            width: 100%;
            overflow-x: scroll
        }

        .mobile-flex-direction-column {
            flex-direction: column
        }

        .mobile-min-width {
            min-width: 1200px
        }
    }

    .modal-dialog {
        min-width: max-content !important
    }
}

#agent-router-view {
    padding-left: 280px;
    padding-top: 140px;

    .agent-router-contents {
        min-height: 100vh
    }

    table {
        font-family: arial, sans-serif;
        border-collapse: collapse;
        width: 100%;
        border: 1px solid #ddd;

        td {
            padding: 5px;
            font-size: 10pt;
            position: relative;
            vertical-align: middle !important
        }

        tr:hover {
            background: #eee
        }

        th {
            font-weight: 600;
            font-size: 10pt
        }

        td, th {
            border: 1px solid #e0e0e0 !important
        }

        th {
            align-content: center
        }

        th, tr:nth-child(2n) {
            background-color: #fafafa
        }
    }
}

.agent-modal {
    .modal-body {
        background-color: #fff
    }

    .ql-editor, .ql-snow {
        border: 1px solid #ced4da !important
    }

    .ql-editor {
        color: #000 !important
    }

    .ql-editor, .ql-toolbar {
        background-color: #fff !important
    }
}

@media screen and (max-width: 768px) {
    .modal-dialog {
        width: 100%;
        min-width: auto !important
    }
}

.agent_darkmode {
    .board-header {
        background-color: transparent !important
    }
}

.swal2-success-fix {
    z-index: 0 !important
}

.fw-600 {
    font-weight: 600
}

.agent_darkmode {
    background: #1b2125 !important;
    color: #d9d9d9 !important
}

.agent_darkmode button, .agent_darkmode div, .agent_darkmode h1, .agent_darkmode h2, .agent_darkmode h3, .agent_darkmode h4, .agent_darkmode h5, .agent_darkmode h6, .agent_darkmode input, .agent_darkmode li, .agent_darkmode p, .agent_darkmode select {
    background-color: #1b2125 !important;
    color: #aaaeb3 !important
}

.agent_darkmode .sub-li:hover, .agent_darkmode button:hover {
    opacity: .5
}

.agent_darkmode .active, .agent_darkmode .active div, .agent_darkmode .active h4, .agent_darkmode .active li, .agent_darkmode .bold, .agent_darkmode .bold div, .agent_darkmode .bold h4, .agent_darkmode .bold li {
    background-color: #1b2125 !important
}

.agent_darkmode .font-indianred, .agent_darkmode .red {
    color: red !important
}

.agent_darkmode .blue, .agent_darkmode .blue *, .agent_darkmode .font-skyblue, .agent_darkmode .font-skyblue *, .agent_darkmode .link-button, .agent_darkmode .link-button * {
    color: #2e76fc !important
}

.agent_darkmode .chart .apexcharts-xaxis *, .agent_darkmode .chart .apexcharts-yaxis * {
    fill: #aaaeb3 !important
}

.agent_darkmode .table-row-highlight {
    background: #090c0f !important
}

.agent_darkmode .l-header {
    background: #21292e
}

.agent_darkmode .l-header .h-f {
    border-color: #090c0f
}

.agent_darkmode .l-header .h-th {
    background: #111e25
}

.agent_darkmode table {
    color: grey !important
}

.agent_darkmode table tr:hover {
    background: rgba(51, 34, 17, .1333333333);
    background-color: none !important
}

.agent_darkmode table th {
    background-color: #111e25 !important;
    border-color: #433e3e !important
}

.agent_darkmode table td {
    border-color: #32383e !important;
    color: #d9d9d9 !important
}

.agent_darkmode table tr:hover, .agent_darkmode table tr:nth-child(2n) {
    background: #1b2125 !important
}

.agent_darkmode .btn-success {
    color: #fff !important;
    background-color: #3ac47d !important;
    border-color: #3ac47d !important
}

.agent_darkmode .custom-select, .agent_darkmode .form-control, .agent_darkmode .join-input, .agent_darkmode .search-input {
    background-color: #111e25 !important;
    border: 0 !important
}

.agent_darkmode .btn-info, .agent_darkmode .btn-info *, .agent_darkmode .btn-primary, .agent_darkmode .btn-primary *, .agent_darkmode .btn-secondary, .agent_darkmode .btn-secondary * {
    color: #fff !important
}

.agent_darkmode .selected-page {
    background: #090c0f !important;
    border: none !important
}

.agent_darkmode .nav-item .nav-link:hover, .agent_darkmode .nav-tabs {
    border-color: #090c0f !important
}

.agent_darkmode .nav-item .active {
    background-color: #090c0f !important;
    border: none !important
}

.agent_darkmode .badge-info, .agent_darkmode .badge-primary, .agent_darkmode .badge-success, .agent_darkmode .badge-warning {
    color: #000 !important
}

.agent_darkmode .modal-body {
    background: #000 !important;
    border: 1px solid #111e25 !important
}

.agent_darkmode .a-betting .selected * {
    color: #141414 !important
}

.agent_darkmode .a-betting .betting-head {
    background: #222 !important
}

.agent_darkmode .a-betting .betting-folder-info {
    background: #333 !important
}

.agent_darkmode .a-betting .betting-info {
    background: #444 !important
}

.agent_darkmode ::-webkit-scrollbar {
    width: 10px;
    height: 7px
}

.agent_darkmode ::-webkit-scrollbar-track {
    background: #21292e
}

.agent_darkmode ::-webkit-scrollbar-thumb {
    background: #4a5666;
    border-radius: 10px
}

.agent_darkmode ::-webkit-scrollbar-thumb:hover {
    background: #55555f
}

.user-modal .modal-body {
    border-radius: 0 !important;
    border-radius: 18px !important
}

.user-modal .modal-body .b-modal-header {
    position: relative;
    padding: 10px 10px !important;
    border-bottom: 1px solid #292d31 !important;
    text-align: center
}

.user-modal .modal-body .b-modal-header img {
    width: 130px
}

.user-modal .modal-body .b-modal-mobile-header {
    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;
    height: 50px;
    background: #0f1025;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin: 0
}

.user-modal .modal-body .b-modal-content {
    padding: 0
}

.user-modal .modal-close-button {
    background: none;
    position: absolute;
    right: 0;
    top: 8px
}

.user-modal .modal-close-button, .user-modal .modal-close-button:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none
}

.join-button, .login-button {
    color: #fff !important;
    border: 1px solid #6f6f6f !important;
    border-top: 1px solid #5e55cb;
    border-left: 1px solid #5e55cb;
    border-bottom: 1px solid #2d2864;
    background: #46409a;
    cursor: pointer;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.login-button:hover {
    border: 1px solid #404040 !important;
    background: #000 !important
}

.login-button:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.button-disabled:hover {
    border: 1px solid #6f6f6f !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#454545)) !important;
    background: linear-gradient(180deg, #000 0, #454545) !important;
    cursor: not-allowed
}

.pc {
    display: block
}

@media only screen and (min-width: 1200px) {
    .mobile {
        display: none;
        width: 100%
    }
}