:root {
    --bg-yellow1: #171e26;
}

.wrap {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.text-base {
    line-height: 1.0rem !important;
}

.txt-suc {
    color: #56a100;
}

.hr1 {
    margin-top: 0px;
    margin-bottom: 0px;
    background: #626262;
}

.h3p {
    color: var(--cl-yellow1);
    padding-bottom: 5px;
    padding-top: 5px;
    font-size: 0.9rem;
}

.h3p i {
    margin-right: 8px;
}

.bg-disable {
    background: #313131;
}

.bg-disable i,
.bg-disable h3 {
    color: #5e5c5c;
}

/* +++++++++++++++++++++++++++++++++++++++++++++ */

.ul-dw {
    display: flex;
    list-style: none;
}

.ul-dw li i {
    margin-right: 5px;
    color: #999999;
}

.ul-dw li {
    padding: 5px;
    border: 1px solid #c9c9c9;
    min-width: 150px;
    text-align: center;
    color: #999999;
}

.ul-dw li.ac {
    background: #2cd7a2;
    border: 1px solid #2cd7a2;
    color: #191828;
}

.ul-dw li.ac i {
    color: #191828;
}

/*================info box=====================*/
.info-box {
    display: flex;
    justify-content: center;
}

.info-box .i-b50 {
    width: 50%;
    min-height: 150px;
    margin: 3px;
    padding: 10px;
    border-radius: 3px;
    background: linear-gradient(to bottom, #17302f, #16302f, #16252c) !important;
    font-size: 12px;
}

.info-box .dtxt {
    line-height: 25px
}

.info-box .dtxttitle {
    line-height: 25px;
    font-size: 13px;
}

.info-box .dtxtpass {
    line-height: 25px;
    text-align: right;
    cursor: pointer;
    color: #e5f32a;
}

.info-box .txt-show {
    float: right;
    color: #4fc5a5;
}

.info-box .dtxchangepass {
    display: none;
    background: rgb(255 255 255 / 8%);
    padding: 10px;
    border-radius: 3px;
    margin-top: 5px;
}

.title_w {
    color: #e5f32a;
    line-height: 30px;
    font-size: 14px;
}

.boxinp {
    display: flex;
    background: var(--main-bg2);
    border-radius: 3px;
}

.boxinp i {
    width: 40px;
    height: 30px;
    text-align: center;
    line-height: 25px;
    margin: 5px;
    color: var(--cl-white);
}

.boxinp input {
    border: 0px !important;
    padding: 0px 10px 0px 55px !important;
    height: 40px !important;
    color: var(--cl-white) !important;
    font-size: 14px;
    margin-left: 0px;
}

.boxinp input:focus {
    box-shadow: none !important;
}

/*=========== deposit 1=================*/
.main-title {
    padding-left: 5px;
    margin-bottom: 5px;
}

.deposit-box {
    display: flex;
    justify-content: center;
}

.deposit-box .d-cash {
    width: 250px;
    height: 120px;
    margin: 10px;
    text-align: center;
    border-radius: 5px;
    background: linear-gradient(to bottom, #17302f, #16302f, #16252c) !important;
    color: #2cd7a2;
    cursor: pointer;
}

.deposit-box .d-cash i.itop {
    position: absolute;
    margin-top: -8px;
    margin-left: 37px;
    color: #f4f918;
}

.deposit-box .d-cash i.icash {
    font-size: 35px;
}

.deposit-box .d-cash .d-icon {
    margin-top: 35px;
    margin-bottom: 5px;
    position: relative;
}

/*## disable*/
.deposit-box .disable {
    background: #404040 !important;
    color: #686868 !important;
    cursor: no-drop !important;
}

.deposit-box .disable i {
    color: #686868 !important;
}

/*==========deposit 2 ================*/
.deposit1-box {
    display: flex;
    justify-content: center;
}

.deposit1-box .d-cash {
    width: 50%;
    min-height: 150px;
    margin: 3px;
    padding: 15px;
    border-radius: 3px;
    background: linear-gradient(to bottom, #17302f, #16302f, #16252c) !important;
    font-size: 12px;
}

.deposit1-box .d-cash .txt-war-deposit {
    color: #e5f32a;
}

.deposit1-box .w-cash .dtxt {
    line-height: 25px
}

.info-credit {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 10px 0px 15px;
    text-align: left;
    font-size: 12px;
}

.info-credit .block1 {
    width: 20%;
    min-width: 100px;
    text-align: center;
}

.info-credit .block1 i {
    font-size: 30px;
    margin-top: 5px;
}

.info-credit .block2 {
    width: 70%;
    border: 0 solid #fff;
}

.info-credit .block2 .-txt {
    color: #eee;
    font-weight: 500;
}

.info-credit .block2 .-credit {
    color: #ffcb00;
    font-size: 15px;
}

/*==========deposit 3 ================*/
.bt-coppy {
    background: #e2cb44 !important;
    color: #000;
    padding: 2px 8px 2px 8px;
    border-radius: 3px;
}

.drow-waitde {
    font-size: 1.2rem;
    text-align: center;
    margin-top: 10px;
}

.drow-amount {
    font-size: 2.1rem;
    text-align: center;
    color: #f2fa64;
}

.drow-timedown {
    font-size: 1.2rem;
    text-align: center;
    line-height: 35px;
}

.drow-pclick {
    text-align: center;
    line-height: 40px;
    margin-top: 5px;
}

.lbtime {
    color: #e5f32a;
    font-size: 2.5rem;
}

.drow-txwar {
    font-size: 0.8rem;
    margin-top: 10px;
    color: #a3a3a3;
}

.drow-bxwar {
    background: rgba(240, 178, 45, .25);
    color: #f0b22d;
    border: 1px solid #f0b22d;
    border-radius: 3px;
    padding: 5px;
    font-size: 0.8rem;
    margin-top: 5px;
}

.bt-depositok {
    background: #2cd7a2;
    font-size: 13px;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
    border-radius: 3px;
    margin-top: 10px;
    color: #000;
}

.bt-depositcancel {
    background: #939393;
    font-size: 13px;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
    border-radius: 3px;
    margin-top: 10px;
    color: #000;
}

/*===========================*/
.withdraw-box {
    display: flex;
    justify-content: center;
}

.withdraw-box .w-cash {
    width: 50%;
    min-height: 150px;
    margin: 3px;
    padding: 15px;
    border-radius: 3px;
    background: linear-gradient(to bottom, #17302f, #16302f, #16252c) !important;
    font-size: 12px;
}

.withdraw-box .w-cash .dtxt {
    line-height: 22px
}

.withdraw-box .w-cash .sp-title {
    font-size: 13px;
    line-height: 35px;
}

.withdraw-box .w-cash .sp-war {
    font-size: 13px;
    color: #e5f32a;
    line-height: 45px;
}

.withdraw-box .w-cash .w-count {
    margin-top: 10px;
}

.withdraw-box .w-cash .txt-numcount {
    float: right;
    color: #4fc5a5;
}

/*==========================*/
.info-usebank {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 10px 0px 15px;
    text-align: left;
}

.info-usebank .block1 {
    width: 20%;
    min-width: 100px;
    text-align: center;
    padding-top: 5px;
}

.info-usebank .block1 .-bank {
    width: 60px;
    height: 60px;
    border: 1px solid #fff;
    border-radius: 50%;
    overflow: hidden;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.info-usebank .block2 {
    width: 70%;
    border: 0 solid #fff;
}

.info-usebank .block2 .-name {
    color: var(--cl-gray);
    font-weight: 500;
}

.info-usebank .block2 .-bank {
    color: #ffcb00;
    font-size: 15px;
}

.info-usebank .block2 .-war {
    margin-top: 5px;
}

.info-usebank .block2 .-coppy {
    margin-top: 5px;
}

.info-divpro {
    border: 1px solid #313848;
    padding: 5px;
    border-radius: 5px;
    min-height: 50px;
}

.alerts-border {
    border: 1px #a10000 solid;
    box-shadow: 0 0 5px #eb7474;
    animation: blink 1.5s;
    animation-iteration-count: 10;
}

@keyframes blink {
    50% {
        border-color: #313848;
        box-shadow: 0 0 5px #313848;
    }
}

/*====================*/
.inp-money {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 15px 0px 15px;
    text-align: left;
    font-size: 12px;
}

.inp-money .block1 {
    width: 20%;
    min-width: 100px;
    text-align: center;
    padding-top: 10px;
}

.inp-money .block2 {
    width: 70%;
    border: 0 solid #fff;
}


.boxinp {
    display: flex;
    background: var(--main-bg2);
    border-radius: 3px;
}

.txt-minmax {
    font-size: 11px;
    color: var(--cl-gray);
}

.bt-withdraw {
    background: #2cd7a2;
    font-size: 13px;
    font-weight: bold;
    line-height: 35px;
    text-align: center;
    border-radius: 3px;
    margin-top: 15px;
    color: #000;
}

.app__body.deposite .app-deposite__section-filter .app__button-filter a.active {
    color: var(--cl-yelow);
}

/*--------------------------------*/
.d-chkbank {
    margin-top: 15px;
    margin-bottom: 10px;
}

.bankname {
    font-size: 18px;
    margin-bottom: 10px;
}

.bookname {
    text-align: left;
    margin: 0px;
    font-size: 20px;
}

.x-line-2 {
    width: 100%;
    text-align: center;
    left: 0;
    right: 0;
    height: 2px;
    margin: 10px auto 0;
    background: linear-gradient(90deg, #303030, #626262, #626262, #2a2a2a);
}

.bank-input input:focus+.placeholder-text .text,
:not(input[value=""])+.placeholder-text .text {
    font-size: 12px;
    color: white;
    transform: translate(0, -128%);
}

.bank-input .text {
    font-size: 16px;
    background-color: transparent;
    transform: translate(0);
    color: white;
    transition: transform 0.10s ease-out, font-size 0.10s ease-out;
}

.disableddiv {
    pointer-events: none;
    opacity: 0.4;
}

.btn-submit,
.btn-cancel {
    font-size: 14px !important;
}

/*++++++++++++main deposit crypto++++++++++++++++++++++*/
.flex-container {
    padding: 0;
    margin: 0;
    list-style: none;
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
}

.coin-item {
    width: 100%;
    background: #1c1c1c;
    padding: 10px;
    border-radius: 5px;
    cursor: pointer;
    position: relative;
}

.coin-item:hover {
    color: #000;
    background: #9f8f35;
}

.coin-item:hover .tx-exch {
    color: #000;
}

.icon-crypto {
    padding-right: 10px;
    padding-top: 3px;
    padding-left: 5px;
}

.icon-crypto img {
    height: 40px;
}

.tx-network {
    font-size: 0.9rem;
    line-height: 25px;
}

.tx-exch {
    font-size: 10px;
    line-height: 20px;
    color: #00bd62;
}

/*++++++++++++++++ wait deposit cry++++++++++++++++++++++*/
.ht3 {
    font-size: 1.5rem;
    border-bottom: 1px solid #444;
    margin-bottom: 10px;
}

.box__titwar {
    color: #AFAFAF;
    font-size: 0.8rem;
}

.box__qr {
    width: 100%;
}

.img_qrcode {}

.img_qrcode img {
    display: initial !important;
    background: #fff;
    padding: 5px;
}

.tit_reqr {
    font-size: 0.9rem;
}

#spAddress {
    display: none;
}

.div_network {
    word-break: break-all;
    text-align: left;
    background: var(--main-bg2);
    padding: 5px;
    border-radius: 5px;
    max-width: 500px;
    margin: auto;
    margin-top: 10px;
    font-size: 0.8rem;
    color: #AFAFAF;
}

.div_address {
    word-break: break-all;
    text-align: left;
    background: var(--main-bg2);
    padding: 5px;
    border-radius: 5px;
    max-width: 500px;
    margin: auto;
    margin-top: 10px;
    font-size: 0.8rem;
    color: var(--cl-gray);
}

.i_coppy_addr {
    float: right;
    margin: 3px;
    cursor: pointer;
}

#spCoinId {
    color: #fff;
}

.div_memo {
    display: none;
}

.icon-crypto {
    padding-right: 10px;
    padding-top: 3px;
}

.icon-crypto img {
    height: 35px;
}

.tx-network {
    font-size: 12px;
    line-height: 20px;
}

.tx-exch {
    font-size: 10px;
    line-height: 20px;
    color: #00bd62;
}

/*-------------------------------*/
.lbtime2 {
    color: var(--cl-yellow1);
}

.box__ex {
    text-align: center;
    background: rgb(246 78 96 / 7%);
    font-size: 1.2rem;
    color: #F64E60 !important;
    padding-top: 5px;
    padding-bottom: 5px;
}

.drow-pclick2 {
    text-align: center;
    font-size: 0.9rem;
    color: #bbb;
}

/*+++++++++++ language ++++++++++++++++*/
.box-language {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    border: 0;
    padding: 0px 0;
}

.box-language .active {
    color: #000;
    background: #eedb51;
}

.box-language-list {
    width: 100%;
    padding: 5px;
    padding-left: 10px;
    cursor: pointer;
    text-align: center;
    font-size: 0.8rem;
    display: flex;
    justify-content: flex-start;
    background: var(--main-bg1);
    border: 1px solid var(--main-bg);
    margin-bottom: 5px;
    border-radius: 5px;
}

.box-language-list img {
    width: 30px;
    height: 20px;
    margin-right: 10px;
}

.box-language-list .div-lang {
    margin-top: 0px;
}

@media (max-width: 768px) {
    .box-language-list {
        width: 100%;
    }
}

/*+++++++++++++list cash++++++++++++++++++++*/
.box-info {
    font-size: 0.8rem;
}

.-bonus {
    width: 15% !important;
}

.-status {
    width: 35% !important;
}

.sp-green {
    color: #2cd7a2;
}

.sp-red {
    color: #ff4e4e;
}

.sp-yellow {
    color: #ffd337;
}

.-info-flex .-block-w {
    width: 100%;
}

.-info-flex .-block2.-full {
    width: 100%;
    max-height: 390px;
    overflow: auto;
}

.-info-flex .-block2 .-t-log-flex.-header {
    border-radius: 5px;
    background-color: #dfba36;
    color: #000;
}

.-info-flex .-block2 .-t-log-flex {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
}

.-info-flex .-block2 .-t-log-flex .-block3 {
    width: 25%;
    padding: 8px 0px;
}

.v-application .text-left {
    text-align: left !important;
}

.v-application .text-center {
    text-align: center !important;
}

.-info-flex .-block2 .-t-log-flex .-block3.-inner {
    font-size: 0.8rem;
}

.-info-flex .-block2 .-t-log-flex .-block3.-date {
    font-size: 0.7rem;
}

.spbookno {
    font-size: 0.7rem;
    color: var(--cl-gray);
    display: block;
}

.spdatetime {
    font-size: 0.7rem;
    color: var(--cl-gray);
    display: block;
}

.ishowdetail {
    font-size: 0.7rem;
    cursor: pointer;
    color: #cfa559;
}

.-d-showdetail {
    display: none;
    padding: 5px;
    border-radius: 3px;
    background: rgb(104 104 104 / 33%);
    font-size: 10px;
    margin-top: -5px;
}

/*++++++++++++++ list statment ++++++++++++++++++*/

.dstatment .box-info {
    padding-top: 0px;
    margin-bottom: 0px;
    font-size: 0.7rem;
}

.dstatment .hrenline {
    border-bottom: 1px solid #323342;
    margin-top: 2px;
    margin-bottom: 2px;
}

.dstatment .-info-flex {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
}

.dstatment .-info-flex {
    padding: 8px 5px 8px;
}

.dstatment .blocktitle {
    background: #dfba36;
    border-radius: 5px;
    color: #000;
}

.dstatment .-info-flex .-block1 {
    width: 24%;
    text-align: center;
}

.dstatment .-info-flex .-block2 {
    width: 17%;
    text-align: center;
}

.dstatment .-info-flex .-block3 {
    width: 22%;
    text-align: center;
}

.dstatment .-info-flex .-block4 {
    width: 15%;
    text-align: center;
}

.dstatment .-info-flex .-block5 {
    width: 15%;
    text-align: center;
}

.dstatment .-info-flex .-block6 {
    width: 7%;
    text-align: center;
}

.dstatment .-info-flex .-block6 i {
    font-size: 18px;
    height: auto;
    vertical-align: middle;
    cursor: pointer;
    color: #cfa559;
}

/*==============================*/
.box-detailwl {
    display: none;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    background: rgb(255 255 255 / 8%);
    padding: 5px;
    border-radius: 5px;
    font-size: 0.7rem;
}

.row-wltype {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
    padding: 3px;
}

.header-wl {
    background-color: rgb(38 38 38 / 75%);
    border-radius: 5px;
    padding: 5px;
}

.row-wltype .center {
    text-align: center;
}

.row-wltype .right {
    text-align: right;
    padding-right: 10px;
}

.row-wltype div {
    padding: 1px 5px;
}

.row-wltype .block1 {
    width: 20%;
}

.row-wltype .block2 {
    width: 10%;
}

.row-wltype .block2 i {
    color: #d2bf4b;
    cursor: pointer;
}

/*==============================*/
.b__dt {
    width: 99%;
    margin: auto;
    margin-top: 5px;
    display: none;
}

.box-detailbytype {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    background: #2c303b;
    padding: 5px;
    font-size: 0.7rem;
    color: #858898;
    border-radius: 5px;
}

.row-dttype {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
    padding: 3px;
}

.header-dt {
    color: #2dd7a2;
    padding: 5px;
}

.row-dttype .center {
    text-align: center;
}

.row-dttype .right {
    text-align: right;
    padding-right: 10px;
}

.row-dttype div {
    padding: 1px 5px;
}

.row-dttype .block1 {
    width: 20%;
    padding-left: 2%;
}

.row-dttype .block2 {
    width: 10%;
}

/*+++++++++++++++main info ++++++++++++++++++++++*/
.popup-box {
    height: auto !important;
}

@media (max-width: 768px) {
    .v-tab {
        min-width: auto;
        padding: 0 10px;
    }

    .v-tab span {
        display: none;
    }

    .v-tab i {
        margin-right: 0px;
    }

    .v-window__container .-info-flex {
        padding: 0 10px 10px;
        font-size: 13px;
    }

    .-info-flex .-block1 {
        width: 20%;
    }

    .-info-flex .-block1 i {
        width: 50px !important;
        height: 50px !important;
        font-size: 30px !important;
    }

    .-info-flex .-block1 .-bank,
    .-info-flex .-block1 .-ufa {
        width: 50px !important;
        height: 50px !important;
        margin-top: 10px !important;
    }

    .fa-layer-group {
        margin-top: 10px !important;
    }

    .box-detailwl {
        margin-left: 5px !important;
        margin-right: 5px !important;
    }

    .dstatment .-info-flex .-block6 i {
        font-size: 14px !important;
    }

    .txt-qrcode {
        width: 100% !important;
    }
}


/*++++++++++++++ pro file ++++++++++++++++++++++*/
.box__info {
    font-size: 0.9rem;
}

.btn_submit {
    width: 100%;
    height: 35px !important;
    font-size: 14px !important;
    border-radius: 5px !important;
    font-weight: bold;
    color: #000;
    letter-spacing: 1px;
    background-color: #f0cd41 !important;
    text-align: center;
}

.btn_cancel {
    width: 100%;
    height: 35px !important;
    font-size: 14px !important;
    border-radius: 5px !important;
    font-weight: bold;
    color: #000;
    letter-spacing: 1px;
    background-color: #757575 !important;
    text-align: center;
    margin-top: 5px;
}

.bt-changepass {
    background: #dfba36 !important;
    padding: 2px 8px 2px 8px;
    border-radius: 5px;
    color: #000;
}

/*-----------------------------------*/
.dtxtpass {
    background: #dfba36 !important;
    padding: 2px 8px 2px 8px;
    border-radius: 5px;
    color: #000;
    margin-top: 5px;
}

.dtxchangepass {
    display: none;
    background: rgb(var(--cl-white) / 8%);
    padding: 10px;
    border-radius: 3px;
    margin-top: 5px;
}

.dtxchangepass .Icon-inside {
    width: 100%;
}

.dtxchangepass .Icon-inside input {
    padding: 10px 15px 10px 60px !important;
    font-size: 0.9rem !important;
}

.dtxchangepass .Icon-inside i {
    --tw-text-opacity: 1;
    position: absolute;
    top: 9px;
    font-size: 0.8rem;
    line-height: 1rem;
    color: rgb(var(--cl-white) / var(--tw-text-opacity));
    left: 20px;
}

.dtxchangepass .Icon-inside a {
    position: absolute;
    right: 55px;
}

.dtxchangepass input::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: var(--cl-gray) !important;
    opacity: 1;
    /* Firefox */
}

.dtxchangepass input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: var(--cl-gray) !important;
}

.dtxchangepass input::-ms-input-placeholder {
    /* Microsoft Edge */
    color: var(--cl-gray) !important;
}

/*++++++++++++++main withdraw cry +++++++++++++++++++*/

/*----------css qr -------------*/
.model_qr {
    position: fixed;
    width: 100%;
    height: 100vh;
    background: #262b2f;
    z-index: 99;
    display: none;
    top: 0px;
    left: 0px;
}

#qr-reader {
    border: 0px !important;
    margin: auto;
    height: 50vh;
    top: 10%;
}

#qr-reader__scan_region img {
    display: none;
}

#qr-reader img {
    display: none;
}

#qr-reader button {
    border-radius: 5px;
    background: linear-gradient(to right, #d2af23, #ca9f45, #dbb30c);
    padding: 5px;
    color: #000;
    width: 75%;
    line-height: 6vh;
    font-size: 1.2rem;
    margin-top: 20px;
    margin-left: -8px;
}

#qr-reader__header_message {
    border-top: none !important;
    font-size: 1rem !important;
}

#qr-reader__camera_selection {
    padding: 10px;
    min-width: 230px;
    display: block;
    margin: auto;
}

#qr-reader select {
    border-radius: 5px;
    background: #fcd535;
    border: 1px solid #fcd535;
    color: #000;
    padding: 5px;
    padding-right: 20px;
    margin-top: 5px;
    height: 40px;
    min-width: 160px;
    text-align: center;
    text-align-last: center;
    font: initial;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
}

#qr-reader select {
    background-image:
        linear-gradient(45deg, transparent 50%, #222222 50%),
        linear-gradient(135deg, #222222 50%, transparent 50%),
        radial-gradient(#f7e8a8 70%, transparent 72%);
    background-position:
        calc(100% - 20px) calc(1em + 2px),
        calc(100% - 15px) calc(1em + 2px),
        calc(100% - .5em) .5em;
    background-size:
        5px 5px,
        5px 5px,
        1.5em 1.5em;
    background-repeat: no-repeat;
}

#qr-reader select:focus {
    background-image:
        linear-gradient(45deg, black 50%, transparent 50%),
        linear-gradient(135deg, transparent 50%, black 50%),
        radial-gradient(#f7e8a8 70%, transparent 72%);
    background-position:
        calc(100% - 15px) 1em,
        calc(100% - 20px) 1em,
        calc(100% - .5em) .5em;
    background-size:
        5px 5px,
        5px 5px,
        1.5em 1.5em;
    background-repeat: no-repeat;
    /*border-color: green;*/
    outline: 0;
}


#qr-reader__header_message {
    color: #fff !important;
}


#qr-reader a {
    color: #fcd535;
    line-height: 20px;
}

#qr-reader #qr-reader__dashboard_section_fsr {
    padding: 10px;
}

#qr-reader #qr-reader__dashboard_section_fsr input {
    margin: auto;
    border: 1px dashed #757575;
    padding: 5px;
    border-radius: 5px;
}

#qr-reader #qr-reader__dashboard_section_fsr span {
    display: none;
}

#qr-reader input[type=file]::file-selector-button {
    border: 2px solid #fcd535;
    padding: .2em .4em;
    border-radius: .2em;
    background-color: #fcd535;
    transition: 1s;
}

#qr-reader input[type=file]::file-selector-button:hover {
    background-color: #fcd535;
    border: 2px solid #fcd535;
}

.close_modelqr {
    padding: 0;
    background-color: transparent;
    border: 0;
    float: right;
    font-size: 25px;
    margin-right: 20px;
    margin-top: 10px;
}

#qr-reader__dashboard_section_swaplink {
    display: inline-block;
    border-radius: 5px;
    background: linear-gradient(to right, #2a772d, #4caf50, #3eba43);
    color: #000 !important;
    width: 75%;
    font-size: 1.2rem;
    margin: 20px;
    padding: 5px;
    line-height: 6vh !important;
    text-decoration: none !important;
}

@media (max-width: 768px) {
    .model_qr {
        top: 0px;
        padding-bottom: 50px;
    }

    #qr-reader {
        width: 80% !important;
    }
}

/*-----------------*/


.hr__ {
    height: 1px;
    background: linear-gradient(to right, #2d2e3b, #837524, #2d2e3b);
    margin-top: 1px;
    margin-bottom: 5px;
}

.flex-container {
    padding: 0;
    margin: 0;
    list-style: none;
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
}

.coin-item {
    width: 100%;
    background: var(--main-bg2);
    padding: 10px;
    border-radius: 5px;
    cursor: pointer;
    position: relative;
}

.coin-item:hover {
    color: #000;
    background: #9f8f35;
}

.coin-item:hover .tx-exch {
    color: #000;
}

.icon-crypto {
    padding-right: 10px;
    padding-top: 3px;
    padding-left: 5px;
}

.icon-crypto img {
    height: 40px;
}

.tx-network {
    font-size: 0.9rem;
    line-height: 25px;
}

.tx-exch {
    font-size: 11px;
    line-height: 20px;
    color: #00bd62;
}

.txt-small {
    font-size: 0.9rem;
    color: #bdbdbd;
}

.box_input {
    display: none;
}

/*------------------------*/
.winput input {
    background-color: var(--main-bg2);
    border-radius: 0.375rem;
    box-sizing: border-box;
    font-size: 1rem;
    line-height: 1rem;
    padding: 10px 60px 10px 10px;
    width: 100%;
}

.dimg_qr {
    position: absolute;
    float: right;
    right: 2px;
    margin-top: -41px;
    width: 40px;
    line-height: 47px;
    height: 40px;
    text-align: center;
    cursor: pointer;
}

.dimg_qr:active i {
    color: red !important;
}

.dpaste {
    position: absolute;
    float: right;
    right: 40px;
    font-size: 20px;
    width: 40px;
    height: 40px;
    margin-top: -42px;
    text-align: center;
    line-height: 43px;
    cursor: pointer;
}

.dpaste:active i {
    color: red !important;
}

.inpmax {
    position: absolute;
    float: right;
    right: 10px;
    margin-top: -33px;
    font-size: 0.85rem;
    cursor: pointer;
    background: #f1c524;
    color: #000;
    border-radius: 5px;
    padding: 0px 5px 0px 5px;
}

/*+++++++++++++++ wait withdraw +++++++++++++++++++++++*/

#divMainDetail {
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}

/*==============================*/
.info-box {
    display: flex;
    justify-content: center;
}

.info-box .i-b100 {
    width: 100%;
    min-height: 150px;
    margin: 3px;
    padding: 5px;
    border-radius: 3px;
    background: linear-gradient(to bottom, #17302f, #16302f, #16252c);
    font-size: 12px;
    text-align: center;
}

.drow-wicon {
    font-size: 3.5rem;
    line-height: 50px;
    margin: 10px;
    text-align: center;
}

.drow-wstatus {
    font-size: 1.9rem;
    line-height: 50px;
    color: #e2cb44;
    text-align: center;
}

.drow-wstatus1 {
    font-size: 1.2rem;
    line-height: 40px;
    color: #e2cb44;
}

.drow-wacc {
    font-size: 0.9rem;
    line-height: 30px;
}

.drow-wbank {
    font-size: 0.9rem;
    line-height: 30px;
}

.drow-wamount {
    font-size: 1.5rem;
    line-height: 40px;
}

.drow-wtime {
    font-size: 0.8rem;
    line-height: 25px;
}

/*++++++++++++++close +++++++++++++++++*/
.msg {
    background: #e91e63;
    color: #FFFFFF;
    padding: 8px 15px;
    margin-bottom: 8px;
    display: none;
    border-radius: 10px;
}

.ti__head {
    font-size: 1.3rem;
    color: #fff;
}

.box__mfoot {
    text-align: center;
    color: #eee;
    margin-top: -20px;
    background: #1f2b38;
    border-radius: 5px;
    padding: 10px;
}

.box__back {
    text-align: center;
    color: #eee;
    margin-top: 20px;
    cursor: pointer;
}

/*+++++++++++++main invite++++++++++++++*/
.box-qrcode {
    display: flex;
    font-size: 0.9rem;
    flex-direction: column;
    text-align: center;
}

.box-qrcode-create {
    padding: 10px;
    background: #fff;
    border-radius: 5px;
    margin: auto;
}

.box-qrcode-detail {
    padding-left: 15px;
}

.txt-qrcode {
    margin-top: 10px;
    margin-bottom: 10px;
}

.btcopy-qrcode {
    width: 120px;
    height: 30px !important;
    border-radius: 5px !important;
    color: #000;
    letter-spacing: 1px;
    background-color: #f0cd41 !important;
    text-align: center;
}

.row-condi {
    font-size: 0.9rem;
    color: #b5b5b5;
}

/*## mobile*/
@media (max-width: 768px) {}

/*++++++++++++++ friend list+++++++++++++++++++++*/
.box-frindlist {
    font-size: 0.8rem;
}

.row-flist {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
    border-radius: 5px;
    padding: 5px;
}

.header-fl {
    background-color: #dfba36;
    color: #000;
}

.row-flist .center {
    text-align: center;
}

.row-flist .right {
    text-align: right;
    padding-right: 10px;
}

.row-flist div {
    padding: 1px 5px;
}

.row-flist .block1 {
    width: 15%;
}

.row-flist .block2 {
    width: 40%;
}

.row-flist .block3 {
    width: 45%;
}

.row-flist .block4 {
    width: 20%;
}

.row-flist .block-nodata {
    width: 100%;
}

.txt-y {
    color: #2cd7a2;
}

.txt-r {
    color: red;
}

/*-------------------------------*/
.btstatemnt {
    position: absolute;
    right: 20px;
    font-size: 0.8rem;
    padding: 0px 10px 0px 10px;
    border-radius: 5px;
    background: #dfba36;
    color: #000;
    margin-top: 5px;
}

.btsearch {
    font-size: 0.8rem;
    padding: 0px 10px 0px 10px;
    border-radius: 5px;
    background: var(--main-bg2);
    color: var(--cl-white);
}

.btac {
    background: #dfba36;
    color: #000;
}

.div-friends {
    display: none;
    margin-top: 20px;
}

.box-friends {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    background: rgb(255 255 255 / 8%);
    padding: 5px;
    border-radius: 5px;
    font-size: 0.8rem;
}

.header-wl {
    background-color: var(--main-bg2);
    border-radius: 5px;
    padding: 5px;
}

.box-friends .row-flist .block1 {
    width: 30%;
}

.box-friends .row-flist .block2 {
    width: 20%;
}

.box-friends .row-flist .block3 {
    width: 25%;
}

.box-friends .row-flist .block4 {
    width: 25%;
}

.footer-wl {
    border-top: 1px solid #545454;
    border-radius: 0px;
}

.bstatus {
    font-size: 0.7rem;
    color: var(--cl-gray);
    display: block;
}

.spcom {
    font-size: 0.7rem;
    color: var(--cl-gray);
    display: block;
}

.dcomentcom {
    border-top: 1px solid #545454;
    padding: 5px;
    color: #ffc107;
}

.ddates {
    display: inline;
    float: right;
}

.row-totel {
    font-size: 10px;
    color: #e9d205;
    padding: 5px;
    width: 100%;
    margin-top: 5px;
}

.footer-fl {
    border-top: 1px solid #444444;
}

.d-beforeafter {
    font-size: 0.7rem;
    padding: 5px;
    float: right;
    color: #c7c7c7;
}

.d-beforeafter span {
    cursor: pointer;
}

/*+++++++++++++++con list++++++++++++++++++++++*/
.row-flist .center {
    text-align: center;
}

.row-flist .left {
    text-align: left;
}

.row-flist .right {
    text-align: right;
}

.box-com {
    background: var(--main-bg2);
    padding: 5px;
    border-radius: 5px;
    font-size: 0.8rem;
}

.box-com .row-flist {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
    border-radius: 3px;
}

.box-com .header-fl {
    background-color: #dfba36;
    color: #000;
    margin-bottom: 5px;
}

.box-com .row-flist .block1 {
    width: 35%;
    padding: 5px 0px;
}

.box-com .row-flist .blockcom {
    width: 25%;
    padding: 5px;
}

.box-com .row-flist .block3 {
    width: 90px;
    padding: 5px 0px;
}

.box-com .row-flist .block4 {
    width: 20%;
    padding: 5px 0px;
}

.row-btcondi {
    cursor: pointer;
    font-size: 10px;
    color: #e9d205;
    padding: 5px;
    width: 100px;
    border-radius: 5px;
    margin-top: 5px;
}

.row-condi {
    font-size: 0.8rem;
    color: var(--cl-white);
    padding: 5px;
    border-radius: 5px;
    background: rgb(148 148 148 / 8%);
    /*display:none;*/
}

.btn-rec {
    padding-left: 0px;
    padding-right: 0px;
    min-width: 60px;
    border-radius: 5px;
    color: #000;
    background: rgb(252, 213, 53);
    font-size: 0.8rem;
}

/*===========================*/
.boxc-frindlist {
    border-radius: 3px;
    font-size: 0.8rem;
}

.boxc-frindlist .row-flist {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
    border-radius: 3px;
    padding: 0px;
}

.boxc-frindlist .header-fl {
    background-color: #dfba36;
    color: #000;
    margin-bottom: 5px;
}

.boxc-frindlist .row-flist div {
    padding: 1px 5px;
}

.boxc-frindlist .row-flist .block1 {
    width: 35%;
    padding: 5px 0px;
}

.boxc-frindlist .row-flist .blockcom {
    width: 25%;
    padding: 5px;
}

.boxc-frindlist .row-flist .block3 {
    width: 80px;
    padding: 5px 0px;
}

.boxc-frindlist .row-flist .block4 {
    width: 20%;
    padding: 5px 0px;
}

.boxc-frindlist .row-flist .block-nodata {
    width: 100%;
}

#cashDetail .md\:flex-row {
    flex-direction: column !important;
}