body {
    background-color: #000000 !important;
}
body.body-loading {
    z-index: 1625;
}
body.body-loading .loading-background {
    display: block;
    width: 100%;
    height: 100%;
    background: #000000;
    z-index: 1625;
    position: absolute;
    top: 0;
    opacity: 0.5;
}

div.alert-info {
    text-align: center;
}

div.alert-info button.close {
    width: auto;
    background: transparent;
    border: 1px solid;
    color: red;
    border-radius: 100%;
    font-size: 20px;
    line-height: 21px;
}

.customer-info:after {
    content: ':';
}

.templateHidden, .tab-hidden {
    display: none !important;
}

.mission-completed {
    cursor: default;
    color: #959ca2;
}

.page-for-guides .list-guide .list-guides ul li {
    height: inherit;
}

.page-for-guides .list-guide .list-guides ul li .guide-list {
    min-height: 140px;
    position: relative;
}

.page-for-guides .list-guide .list-guides ul li .guide-list a .content {
    position: absolute;
    width: 100%;
    bottom: 0;
    height: inherit;
}

.page-for-guides .list-guide .view-list-guide .list-tab li a,
.page-notice .list-notification .list-tabs li a,
.page-notice .list-notification .list-tabs li a,
.page-setting .setting .view-list-setting ul li a,
.page-setting-two-factor .list-btn-factor ul li a {
    /*background: linear-gradient(90deg, #15829D, #1C669E, #224E9F);*/
    color: #9A9AA1;
    position: relative;
    z-index: 1;
}

.page-for-guides .list-guide .view-list-guide .list-tab li a:before,
.page-notice .list-notification .list-tabs li a:before,
.page-notice .list-notification .list-tabs li a:before,
.page-setting .setting .view-list-setting ul li a:before,
.page-setting-two-factor .list-btn-factor ul li a:before {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    content: "";
    z-index: -1;
    background: rgba(0, 0, 0, 0.25);
}

.page-for-guides .list-guide .view-list-guide .list-tab li.active a:before,
.page-notice .list-notification .list-tabs li.active a:before,
.page-setting .setting .view-list-setting ul li.active a:before,
.page-setting-two-factor .list-btn-factor ul li.active a:before {
    display: none;
}

.page-for-guides .list-guide .view-list-guide .list-tab li.active a,
.page-notice .list-notification .list-tabs li.active a,
.page-setting .setting .view-list-setting ul li.active a,
.page-setting-two-factor .list-btn-factor ul li.active a {
    background: linear-gradient(90deg, #1ce6f8, #2aa8fa, #3c6ffc);
    color: #fff;
}

.guide-detail-page .guide-detail .guide-content .content .video .content-video,
.guide-detail-page .guide-detail .guide-content .content .video .content-video iframe {
    width: 100%;
    padding: 0px;
    border: none;
}

.page-for-guides .list-guides ul li {
    cursor: pointer;
}

.page-ranking p.numerical:after,
.page-ranking-reward p.numerical:after {
    content: '.';
}

.page-ranking p.price:before,
.page-ranking-reward p.price:before {
    content: '$';
}

.page-invite .content-invite .link-invite .content-link input {
    border: 1px solid #707070;
    float: left;
    width: calc(68% - 10px);
    margin-right: 2%;
    padding: 5px;
    overflow: hidden;
    background: transparent;
    color: #fff;
    /*height: 20px;*/
}

.page-tree-infinity .title-tree div {
    float: left;
    width: 100%;
}

.page-tree-infinity li.account div.icon_img {
    cursor: pointer;
}

#my_volume:before {
    content: '$';
}

.navbar {
    z-index: 3;
}

.page-event .event-detail .event-content .images .img-one .image,
.page-event .event-detail .event-content .images .img-two .image,
.page-event-list .list .list-event div.item-inner div {
    position: relative;
    overflow: hidden;
    height: 60px;
    vertical-align: middle;
}

.page-event .event-detail .event-content .images .img-one .image img,
.page-event .event-detail .event-content .images .img-two .image img,
.page-event-list .list .list-event div.item-inner div a img {
    width: 100%;
    max-width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    background-color: white;
}

.list-notification .list-notifications ul li .content h4 {
    margin-top: 15px;
}

.list-notification .list-notifications ul li .content p.date {
    margin-bottom: 5px;
}

.page-event .event-detail .event-content .images .img-two .image {
    height: 160px;
}

#listRanks,
#list_events {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.onClick {
    transform: scale(1.02);
}

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

/*#qrCode {*/
/*    max-width: 100%;*/
/*}*/

.tp_value:before {
    content: '-';
}

.tp_value:after {
    content: 'BTC';
}

#btc_histories tr td,
#list_histories_usd tr td {
    text-align: left;
}

.husd_usd:before {
    content: '$';
}

.page-shop .price-content:before {
    content: '＄';
}

.modal-noti .modal-content {
    box-shadow: none;
    border-radius: 0;
}

.modal-noti .modal-dialog .btn {
    border: 0px;
    background: transparent;
}

.btn-cancel {
    color: red;
}

.btn-ok {
    color: #337ab7;
}

.modal-noti {
    top: 50%;
}

.modal-noti .btn {
    font-size: 28px
}

.modal-noti .modal-content {
    font-size: 32px
}

.disabled-btn {
    background-color: #D8D8D8 !important;
}

#list-country {
    background-color: transparent;
    height: 80px;
    width: 100%;
}

#list-country option {
    color: #333;
}

.my-page-withdrawal .setting .content-setting input {
    border: 2px solid #333;
}

#token-input-withdrawal {
    display: block;
    width: 100%;
    height: 75px;
    border: 2px solid #000;
}

.content-home .invite .rank.invite-detail {
    justify-content: flex-start;
}

.content-home .invite .guide {
    z-index: 11;
}

a#go-to-user-tree.disabled-btn,
a#btn-buy-plan.disabled-btn {
    color: #333333;
    font-weight: bold;
}

#btn_send_token {
    position: absolute;
    width: 200px;
    right: 25px;
    top: 83px;
    background: #F5A623;
    color: #fff;
    border-radius: 15px;
    padding: 12px 10px;
    border: 0;
}

.withdrawal#btn_send_token {
    top: 61px;
}

.view-main .page-content .content-home .infor-item .date-time {
    top: 130px;
}

.list-guide .guide-view a#guide-btn-complete {
    padding: 0px;
}

.list-guide .guide-view a#guide-btn-complete.disabled {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
}

.list-guide .guide-view a.guide-btn-complete.disabled:after {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.4);
    content: '';
}

.list-guide .guide-view a.guide-btn-complete.disabled {
    padding: 0px;
}

.ccn-shop .page-content .shop-list ul#list-shops span.price-content {
    font-weight: 900;
    font-size: 60px;
    padding-right: 10px;
}

.ccn-shop .page-content .shop-list ul li .blog-list {
    border: 10px solid;
    border-color: #ffffff;
    border-image-slice: 1;
    display: block;
    min-height: 130px;
}

.ccn-shop .page-content .shop-list ul#list-shops li {
    margin-bottom: 50px;
}

#app .list-lang-setting ul li a {
    padding-top: 40px;
    padding-bottom: 40px;
}

#app .list-lang-setting ul li:nth-child(1) {
    border-top: 2px solid #fff;
}

#app .list-lang-setting ul li.checked::after {
    top: 40px;
}

#app .navbar .navbar-inner .right {
    width: auto;
}

#app .list.list-mission .list-event ul li .item-inner .text {
    height: 300px;
}

.support-email {
    text-decoration-line: underline;
}

#app ul.list-account-user li.first-li .list-user .account .icon_img {
    height: 265px;
}

#app ul.list-account-user li.first-li .list-user .account .icon_img img {
    max-width: 200px;
    height: 200px;
    border-radius: 50%;
}

body::-webkit-scrollbar {
    width: 0px;
}

body::-webkit-scrollbar {
    display: none;
}

.page-content .content-home .infor-item .date-time {
    font-family: 'Times New Roman';
    font-weight: bold;
    font-size: 45px
}

.toast-style {
    opacity: 1 !important;
    background-color: #707070;
}

.swal-text, .swal-button {
    font-size: 32px;
}

.cursor-pointer {
    cursor: pointer;
}

.percent:after {
    content: '%';
}

.btc-after:after {
    content: 'BTC';
}

.atom-after:after {
    content: 'ATOM';
}

.dot-after:after {
    content: 'DOT';
}

.usd-after:after {
    content: 'USD';
}
.modal-open{
    position: fixed;
    background: #000;
}
.modal-header {
    min-height: 55px;
}
.modal-header button.close {
    opacity: 1;
    font-size: 35px;
}
.modal-open .page-content{
    z-index: 0;
}
.modal-noti{
    top:40%;
}

.page-coin-address #sendToken #btn_send_token {
    right: 0px;
    top: 99px;
}
.my-page-withdrawal #send_receive .modal#modal-token .modal-dialog .modal-content button#time_countdown_button,
.my-page-withdrawal #send_receive .modal#modal-token .modal-dialog .modal-content button#resend-token-btn {
    top: 112px;
}
.my-page-withdrawal #modal-token-withdrawal .modal-dialog .modal-content label,
.receive-send #modal-token .modal-dialog .modal-content label,
#modal-auth-token .modal-dialog .modal-content label {
    min-height: 110px;
}
#modal-token-withdrawal button#time_countdown_button_withdrawal,
.receive-send #modal-token .modal-dialog .modal-content button#time_countdown_button,
.page-coin-address #sendToken .modal-dialog .modal-content button#time_countdown_button {
    display: none;
    position: absolute;
    width: 100px;
    border-radius: 15px;
    right: 0px;
    top: 110px;
    background: #F5A623;
    color: #fff;
    padding: 12px 10px;
    border: 0;
    font-size: 32px!important;
}
.page-coin-address #sendToken .modal-dialog .modal-content button#time_countdown_button {
    right: 0px;
    border-radius: 0;
    width: 240px;
    height: 80px;
    top: 99px;
}
#modal-token-withdrawal button#btn_send_token_withdrawal,
.receive-send #modal-token .modal-dialog .modal-content button#btn_send_token {
    top: 120px;
    right: 2px;
    padding: 12px 10px 13px!important;
    border-radius: 10px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
#modal-token-withdrawal button#time_countdown_button_withdrawal,
.receive-send #modal-token .modal-dialog .modal-content button#time_countdown_button{
    top: 120px;
    right: 2px;
    padding: 12px 10px 13px!important;
    border-radius: 10px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    width: 240px;
}
#modal-token-withdrawal button#time_countdown_button_withdrawal {
    top: 112px;
}
#modal-auth-token .modal-dialog .modal-content button#time_countdown_button{
    border-radius: 0px;
    width: 240px;
    right: 2px;
    top: 112px;
    padding: 10px !important;
    position: absolute;
    background: #F5A623;
    border: 0;
    height: 84px;
}
#modal-auth-token #btn_send_token {
    right: 3px;
    border-radius: 0;
    top: 112px;
    height: 84px;
}
.my-page-withdrawal .modal .modal-dialog .modal-content button#time_countdown_button_withdrawal{
    padding: 10px!important;
    border-radius: 0;
    width: 240px;
    height: 66px;
    right: 2px;
    top: 112px;
}
.my-page-withdrawal #modal-token-withdrawal .modal-dialog .modal-content button#btn_send_token_withdrawal {
    top: 112px;
    right: 2px;
    border-radius: 0;
    padding: 13px 10px 12px!important;
}
#toast-container.toast-top-full-width div.toast-error-token.toast-error {
    opacity: 1 !important;
    font-size: 40px;
}
#error-password-purchase-wrong,
#error-token-purchase-wrong,
#error-password-withdraw-wrong,
#error-token-withdraw-wrong,
#error-password-transfer-wrong,
#error-token-transfer-wrong,
#error-token-wrong {
    color: #d70b0b;
    font-size: 32px;
    margin-top: 10px;
}
#sendToken button.btn-update-coin-address,
#inputPassword button.btn-update-coin-address {
    border: 1px solid #333;
}

#_modal_lbl_password,
#_modal_lbl_send_token {
    padding-bottom: 20px;
    min-height: 110px;
    color: #000;
    font-size: 32px;
    font-family: 'HiraginoSans-W3';
}
#_modal_password input#_modal_ipt_transfer_code {
    color: #000;
}
#_modal_password .modal-dialog,
#_modal_token .modal-dialog {
    position: fixed;
    width: 100%;
    top: auto;
    left: auto;
    bottom: 0;
    margin: 0;
}
#_modal_token .modal-dialog .modal-content button,
#_modal_password .modal-dialog .modal-content button {
    font-size: 32px!important;
    width: 100%;
    padding: 15px 12px;
    color: #000;
}
#_modal_token .modal-dialog .modal-content button,
#_modal_password .modal-dialog .modal-content button {
    font-size: 32px!important;
    width: 100%;
    padding: 15px 12px;
    color: #000;
}
#_modal_token .modal-dialog .modal-content button#_modal_btn_send_token,
#_modal_token .modal-dialog .modal-content button#_modal_time_countdown_button {
    width: 260px;
    border-radius: 0px;
    height: 80px;
    display: none;
    position: absolute;
    right: 0px;
    top: 133px;
    background: #F5A623;
    color: #fff;
    padding: 12px 10px;
    border: 0;
    font-size: 32px!important;
}
#_modal_token .modal-dialog .modal-content button.close,
#_modal_password .modal-dialog .modal-content button.close {
    font-size: 50px!important;
    text-align: left;
    padding-left: 0px;
}
#_modal_token .modal-dialog input#_modal_ipt_transfer_code {
    height: 80px;
    width: 100%;
    background: transparent;
    padding-left: 10px;
    color: #333333;
    font-family: ts-unused;
}
#_modal_token .modal-dialog input#_modal_ipt_transfer_code.init {
    opacity: 0.6;
}
#_modal_token button._modal-btn-confirm,
#_modal_password button._modal-btn-confirm {
    border: 1px solid #000;
}
#_modal_password p#_modal_ipt_error,
#_modal_token p#_modal_ipt_error {
    margin-top: 10px;
    color: #c30707;
}
#_modal_password, #_modal_token, ._modal_two_factor {
    background: rgba(0,0,0,0.9);
}