: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 #eaeaea;
    padding: 5px;
    border-radius: 5px;
    min-height: 50px;
}
.alerts-border {
    border: 1px #ea0000 solid;
    box-shadow: 0 0 10px #eb7474;
    animation: blink 1.5s;
    animation-iteration-count: 10;
}
@keyframes blink { 50% { border-color:#eaeaea; box-shadow: 0 0 5px #eaeaea; }  }

/*====================*/
.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:#e2cb44;}

.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:5%;}
.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: 0rem 1.5rem 1.5rem 1.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:#b5b5b5;
    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%;}