html { font-size: 14px;}
html, body, #root, .root, .v-root { height:100%;}
[role=button] {  cursor: pointer;}
.btn.focus, .btn:focus { box-shadow: none;  }
.form-control:focus { border-color: #ced4da; box-shadow: none}
.panel-shadow { box-shadow:  0px 0px 30px 0px rgba(0, 0, 0, 0.05);}
.panel-shadow-2 {
    box-shadow:0px 0px 10px 0px rgba(81,81,81,0.25);
    border-radius: 6px;
    overflow: hidden;
}

*::-moz-selection { background: #f27023; color: #fff; text-shadow: none; }
::-moz-selection { background: #f27023; color: #fff; text-shadow: none; }
::selection { background: #f27023; color: #fff; text-shadow: none; }
a:focus, a:hover { color: #f27023; }

#nprogress .bar {
    background: #f27023 !important;
}
#nprogress .spinner-icon {
    border-top-color: #f27023 !important;
    border-left-color: #f27023 !important;
}

.hint--lines:after {
    white-space: normal !important;
    width: 300px !important;
}

.modal-title { font-size: 20px;}

.no-bd-radius {
    border-radius: 0 !important;
}

.top-z-index {
    z-index: 99999 !important;
}

.swal2-container {
    z-index: 99999 !important;
}

.text-break {
  word-break: break-all;
  word-wrap:break-word;
  white-space: pre-line;
}

.dropdown-item:not(.active):focus, 
.dropdown-item:not(.active):hover {
  background-color: #f2f5f9;
}

[v-cloak] {
    display: none;
}

.form-check-input {
    margin-top: .38rem;
}

.form-control:disabled, .form-control[readonly] {
    background-color: #f9f9f9;
}

.dropdown-item.disabled,
.btn-primary.disabled, 
.btn-primary:disabled {
    pointer-events: none;
    cursor: not-allowed;
}

.dropdown-menu,
.dropdown-item {
    font-size: 0.85rem;
}

.dropdown-toggle::after {
    border-top-color : #f27023;
}

.btn-group-xs>.btn, .btn-xs{
    padding: .15rem .5rem;
    font-size: 12px;
    line-height: 1.2;
    border-radius: .1rem;
}
.flex-grow-0,
.flex-grow-1 {
    position: relative;
}
.fix-flex-1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media (min-width: 576px){
  .container { max-width: none !important;}
}
@media (min-width: 768px){
  .container { max-width: none !important;}
}
@media (min-width: 992px){
  .container { max-width: none !important;}
}
@media (min-width: 1200px){
  .container { max-width: 1300px !important; }
}
.min-w-50 { min-width: 50px;}
.min-w-80 { min-width: 80px;}
.min-w-100 { min-width: 100px;}
.min-w-120 { min-width: 120px;}
.min-w-150 { min-width: 150px;}
.min-w-180 { min-width: 180px;}
.min-w-200 { min-width: 200px;}
.min-w-250 { min-width: 250px;}
.min-w-300 { min-width: 300px;}
.min-w-500 { min-width: 500px;}
.min-w-750 { min-width: 750px;}
.min-w-800 { min-width: 800px;}
.min-w-1000 { min-width: 1000px;}
.min-w-1200 { min-width: 1200px;}

.min-h-50 { min-height: 50px;}
.min-h-80 { min-height: 80px;}
.min-h-100 { min-height: 100px;}
.min-h-120 { min-height: 120px;}
.min-h-150 { min-height: 150px;}
.min-h-180 { min-height: 180px;}
.min-h-200 { min-height: 200px;}
.min-h-250 { min-height: 250px;}
.min-h-300 { min-height: 300px;}
.min-h-500 { min-height: 500px;}
.min-h-750 { min-height: 750px;}
.min-h-800 { min-height: 800px;}
.min-h-1000 { min-height: 1000px;}
.min-h-1200 { min-height: 1200px;}

.max-w-50 { max-width: 50px;}
.max-w-80 { max-width: 80px;}
.max-w-100 { max-width: 100px;}
.max-w-120 { max-width: 120px;}
.max-w-150 { max-width: 150px;}
.max-w-180 { max-width: 180px;}
.max-w-200 { max-width: 200px;}
.max-w-250 { max-width: 250px;}
.max-w-300 { max-width: 300px;}
.max-w-500 { max-width: 500px;}
.max-w-750 { max-width: 750px;}
.max-w-800 { max-width: 800px;}
.max-w-1000 { max-width: 1000px;}
.max-w-1200 { max-width: 1200px;}

.max-h-50 { max-height: 50px;}
.max-h-80 { max-height: 80px;}
.max-h-100 { max-height: 100px;}
.max-h-120 { max-height: 120px;}
.max-h-150 { max-height: 150px;}
.max-h-180 { max-height: 180px;}
.max-h-200 { max-height: 200px;}
.max-h-250 { max-height: 250px;}
.max-h-300 { max-height: 300px;}
.max-h-500 { max-height: 500px;}
.max-h-750 { max-height: 750px;}
.max-h-800 { max-height: 800px;}
.max-h-1000 { max-height: 1000px;}
.max-h-1200 { max-height: 1200px;}

.iq-auto-scroll { overflow: auto;}
.iq-auto-scroll > div { min-width: 600px;}
/*----------------------------------------------------------------------
                        Buttons
-----------------------------------------------------------------------*/
.button, .button.white:hover, .button.white:focus { background: #f27023; }
.button:hover, .button:focus {
    color: #ffffff;
    background: #f78a4a;
}
.btn-group-lg>.btn, .btn-lg {
  padding: 10px 20px;
  font-weight: 700;
  font-size: 1.15rem;
}
.btn-gold {
    color: #333;
    background-color: #fee5ba;
    border-color: #fee5ba;
}
.btn-gold:hover,
.btn-gold:focus {
    color: #333;
    background-color: #ffeccc;
    border-color: #ffeccc;
}
.btn-outline-gold {
    color: #fee5ba;
    background-color: transparent;
    border-color: #fee5ba;
}
.btn-outline-gold:hover,
.btn-outline-gold:focus {
    color: #333;
    background-color: #fee5ba;
    border-color: #fee5ba;
}

.btn-orange {
    color: #fff;
    background-color: #FF6122;
    border-color: #FF6122;
}
.btn-orange:hover,
.btn-orange:focus {
    color: #fff;
    background-color: #ff7b47;
    border-color: #ff7b47;
}
.btn-outline-orange {
    color: #FF6122;
    background-color: transparent;
    border-color: #FF6122;
}
.btn-outline-orange:hover,
.btn-outline-orange:focus {
    color: #fff;
    background-color: #FF6122;
    border-color: #FF6122;
}

.btn-outline-orange-d {
  color: #000;
  background-color: transparent;
  border-color: #c1c1c1;
}
.btn-outline-orange-d.active,
.btn-outline-orange-d:hover,
.btn-outline-orange-d:focus {
  color: #f27023;
  background-color: transparent;
  border-color: #f27023;
}
/*---------------------------------------------------------------------
                           Section Title
-----------------------------------------------------------------------*/
.heading-title .title:before, .heading-left .title:before { background: transparent; }

/*---------------------------------------------------------------------
                            Text Color
-----------------------------------------------------------------------*/
.iq-font-yellow, .iq-team1 .team-blog .team-social ul li a:hover, ul li:after, .iq-news-box .news-title a:hover h5, header.transparent .menu li a:hover, header.transparent .menu li:hover>a, header.transparent .menu li a.active, .topbar .topbar-right li a:hover, .iq-login .modal-footer .iq-media-blog li a, .iq-register .modal-footer .iq-media-blog li a, .iq-features1:hover h5, .iq-features1:hover h6, .iq-footer .footer-menu li a:hover, .iq-footer .iq-copyright a, .iq-footer .iq-contact .blog i, .menu li a:hover, .menu li:hover>a, .menu li a.active, .iq-pricing .icon, .iq-testimonial2 .feedback ul li, .iq-footer-2 .footer-menu li a:hover, .iq-footer-2 .iq-contact .blog i, .iq-footer-2 .post-blog a:hover, .iq-footer-3 .iq-contact .blog i, .iq-footer-3 .iq-copyright a, .iq-footer-3 .footer-menu li a:hover, .button.dark.white:hover, .button.dark.white:focus, header.simpal-transparent .menu li a:hover, header.simpal-transparent .menu li:hover>a, header.simpal-transparent .menu li a.active, .iq-feature7 .iq-icon i, .counter-info .iq-video, .iq-footer-4 .post-blog a:hover, .iq-footer-4 .iq-contact .blog i, .iq-feature4 .Work-icon i, .iq-footer-4 .footer-menu li a:hover, .iq-breadcrumb .breadcrumb li, .iq-breadcrumb .breadcrumb li a:hover, .iq-event .tab-content ul li i, .iq-clients .iq-clients-blog ul li a:hover, .iq-blog-detail a:hover, .iq-blog-detail .blog-title a:hover h5, .iq-sidebar-widget .iq-widget-search i, .iq-sidebar-widget .iq-recent-post .media-body span .fa, .iq-sidebar-widget .iq-recent-post .media-body > a:hover, .iq-tags li a:hover, .iq-widget-archives li a:hover, .iq-widget-menu ul li a span:hover, .iq-post-info .shop-price strong, .iq-page-shop .nav-tabs li a.active, .iq-page-shop .nav-tabs li a:hover, .tab-pane .media-body .rating-star ul li a i, .iq-list li i, .pdt-image .pdt-icon a:hover{ color: #f27023; }

/*---------------------------------------------------------------------
                          Background Color
-----------------------------------------------------------------------*/
.info-share li a:hover, .iq-features1 .iq-blog .step, .yellow-bg, .iq-news-box .iq-news-image .news-date, header.transparent .menu ul li a:hover, header.transparent .menu ul li:hover>a, .iq-login .modal-footer .iq-media-blog li a:hover, .iq-register .modal-footer .iq-media-blog li a:hover, .iq-footer .iq-media-blog li a:hover, #back-to-top .top:hover, .menu ul li a:hover, .menu ul li:hover>a, .iq-feature4 .Work-icon .step, .iq-pricing:after, .iq-footer-2 .iq-media-blog li a:hover, header.simpal-yellow .topbar, .iq-feature7 .feature-content .tag, .owl-carousel.owl-theme .owl-dots .owl-dot.active span, .iq-footer-3 .iq-media-blog li a:hover, header.simpal-transparent .menu ul li a:hover, header.simpal-transparent .menu ul li:hover>a, .button.dark:hover, .button.dark:focus, .iq-feature6:before, .iq-faqs .card-header a, .iq-faqs .card-header a:hover, .iq-faqs .card-header a, .iq-faqs .card-header a:hover, .iq-footer-4 .iq-media-blog li a:hover, .banner-form .form-icon, .pricing-small h3:before, .iq-footer-5 .iq-media-blog li a:hover, .iq-tab .nav-pills .nav-link.active, .iq-tab .nav-pills .show>.nav-link, .iq-timeline .year, .iq-timeline .timeline-icon:before, .iq-event .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, .iq-team2 .iq-media-blog li a:hover, .iq-buy .nav-pills .nav-link.active, .iq-buy .nav-pills .show>.nav-link, .page-item:hover .page-link, .page-item.active .page-link, .pdt-image .pdt-icon li a { background: #f27023; }

.iq-tab .nav-pills .nav-link.active:before { background-color: #f78a4a !important;}
/*--------------------------------------------------------------------
                       Background Gradient
---------------------------------------------------------------------*/

/*---- yellow Overlay ----*/
.iq-over-yellow-10:before { background: rgba(0,123,255, 0.1); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.iq-over-yellow-20:before { background: rgba(0,123,255, 0.2); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.iq-over-yellow-30:before { background: rgba(0,123,255, 0.3); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.iq-over-yellow-40:before { background: rgba(0,123,255, 0.4); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.iq-over-yellow-50:before { background: rgba(0,123,255, 0.5); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.iq-over-yellow-60:before { background: rgba(0,123,255, 0.6); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.iq-over-yellow-70:before { background: rgba(0,123,255, 0.7); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.iq-over-yellow-80:before { background: rgba(0,123,255, 0.8); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.iq-over-yellow-90:before { background: rgba(0,123,255, 0.9); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.iq-over-yellow-95:before { background: rgba(0,123,255, 0.95); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

/*---------------------------------------------------------------------
                      		 Boder Color
---------------------------------------------------------------------*/
.info-share li a:hover, .iq-testimonial .owl-carousel.owl-theme .owl-dots .owl-dot.active span, .iq-login .modal-footer .iq-media-blog li a:hover, .iq-login .modal-footer .iq-media-blog li a, .iq-register .modal-footer .iq-media-blog li a, .iq-register .modal-footer .iq-media-blog li a:hover, .iq-footer .iq-media-blog li a:hover, .iq-footer-2 .iq-media-blog li a:hover, .iq-team2 .team-blog:hover, .iq-footer-3 .iq-media-blog li a:hover, .iq-footer-4 .iq-media-blog li a:hover, .iq-footer-5 .iq-media-blog li a:hover, .iq-footer-2 .iq-media-blog li a:hover, .iq-event .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, .iq-pricing-2:hover, .page-item:hover .page-link, .page-item.active .page-link, .iq-tags li a:hover { border-color: #f27023;}

/*---------------------------------------------------------------------
                          border and bg
-----------------------------------------------------------------------*/
.price-silder .price-title{background: linear-gradient(270deg, rgba(0,123,255,0) 0%, rgb(0,123,255) 51%, rgb(0,123,255) 100%);}
.iq-timeline .year:before {border-right: 18px solid #f27023;}
.iq-timeline .timeline:nth-child(2n) .year:before{border-left: 18px solid #f27023;}
.iq-page-shop .nav-tabs li a.active, .iq-page-shop .nav-tabs li a:hover{border-bottom: 3px solid #f27023;}

@media(max-width:767px) {
    header.transparent .responsive-menu:hover,
    header.simpal-transparent .responsive-menu:hover { color: #f27023;}
    .menu li a:hover, .menu li:hover>a, .menu li a.active { background-color: #f27023; color: #fff; }
}

/*---------------------------------------------------------------------
                          sort list
-----------------------------------------------------------------------*/
.v-sort-v2 {
    display: inline-block;
    padding: 0px 10px 0px 0;
    position: relative;
    line-height: 16px;
    cursor: pointer;
}
.v-sort-v2:after, .v-sort-v2:before {
    content: "";
    position: absolute;
    right: 0;
    height: 4px;
    width: 4px;
    border-right: 1px solid #727888;
    border-bottom: 1px solid #727888;
}
.v-sort-v2:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    bottom: 5px
}
.v-sort-v2:before {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    top: 4px
}
.v-sort-v2.down:after {
    border-right: 1px solid #f27023;
    border-bottom: 1px solid #f27023
}

.v-sort-v2.up:before {
    border-right: 1px solid #f27023;
    border-bottom: 1px solid #f27023
}


.v-sort {
    display: inline-block;
    padding: 0px 10px 0px 0;
    position: relative;
    line-height: 16px;
    cursor: pointer;
    user-select: none;
}

.v-sort:after,.v-sort:before {
    content: "";
    position: absolute;
    right: 0;
    height: 0;
    width: 0;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.v-sort:after {
    bottom: 4px;
    border-top: 4px solid #727888
}

.v-sort:before {
    top: 2px;
    border-bottom: 4px solid #727888
}

.v-sort.down:after {
    border-top: 4px solid #f27023
}

.v-sort.up:before {
    border-bottom: 4px solid #f27023
}
/*---------------------------------------------------------------------
                          trade color
-----------------------------------------------------------------------*/
.v-last-trade, .v-depth, .rate-block, .down-color, .up-color, .lever-block  {
  font-family: Arial, Helvetica, sans-serif;
}
.body .bookmark:hover, .body .bookmark.active {
    color: #f27023 !important;
}
.head .config:hover, .head .config.active {
    color :#f27023 !important;
}

.down-color { color: #27af87 !important;}
.up-color { color: #e05a5a !important;}
.rate-block {
    padding: 1px 3px;
    line-height: 1.4;
    display: inline-block;
    min-width: 50px;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    border-radius: 2px;
 }
.rate-block.down-color { background-color: #e1f7ef !important; color: #27af87 !important; }
.rate-block.up-color { background-color: #fadfde !important; color: #e05a5a !important; }
.rate-block.dark.down-color { background-color: #27af87 !important; color: #fff !important; }
.rate-block.dark.up-color { background-color: #e05a5a !important; color: #fff !important; }

.lever-block {
    padding: 0px 3px;
    font-size: 12px;
    border-radius: 2px;
    line-height: 1;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    background: rgba(233,28,65,.1);
    border: 1px solid rgba(233,28,65,.2);
    color: #e05a5a !important;
    white-space: nowrap;
    margin: 0;
}
.lever-block.md {
    padding: 3px 8px;
    font-size: 12px;
    border-radius: 2px;
}

 .v-form-trade.sell .form-control:focus {
    border-color : #27af87 !important;
}
 .v-form-trade.buy .form-control:focus {
    border-color : #e05a5a !important;
}
.v-form-trade .label-price {
    display: none;
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    bottom: -14px;
    height: 14px;
    line-height: 14px;
    text-align: right;
    font-size: 12px;
    padding-right: .75rem;
    color: #fff;
    z-index: 100;
    transition: all .15s ease-in-out;
}
.v-form-trade .form-control:focus + .label-price {
    display: block;
}
.v-form-trade.sell .label-price {
  background-color : #27af87 !important; 
}
.v-form-trade.buy .label-price {
  background-color : #e05a5a !important; 
}
/* 颜色反转 */

.color-reverse .up-color { color: #27af87 !important;}
.color-reverse .down-color { color: #e05a5a !important;}
.color-reverse .rate-block {
    padding: 1px 3px;
    line-height: 1.4;
    display: inline-block;
    min-width: 50px;
    font-size: 12px;
    text-align: center;
}
.color-reverse .rate-block.up-color { background-color: #e1f7ef !important; color: #27af87 !important; }
.color-reverse .rate-block.down-color { background-color: #fadfde !important; color: #e05a5a !important; }
.color-reverse .rate-block.dark.up-color { background-color: #27af87 !important; color: #fff !important; }
.color-reverse .rate-block.dark.down-color { background-color: #e05a5a !important; color: #fff !important; }

.color-reverse .v-form-trade.buy .form-control:focus {
    border-color : #27af87 !important;
}
.color-reverse .v-form-trade.sell .form-control:focus {
    border-color : #e05a5a !important;
}
.color-reverse .v-form-trade.sell .label-price {
  background-color : #e05a5a !important; 
}
.color-reverse .v-form-trade.buy .label-price {
  background-color : #27af87 !important; 
}

.color-reverse .v-form-trade .btn-danger,
.color-reverse .v-form-trade .btn-danger.disabled,
.color-reverse .v-form-trade .btn-danger:disabled {
    border-color : #27af87 !important;
    background-color: #27af87;
}
.color-reverse .v-form-trade .btn-danger:hover,
.color-reverse .v-form-trade .btn-danger:focus {
    border-color : #1e7e34 !important;
    background-color: #218838;
    box-shadow: none !important;
}

.color-reverse .v-form-trade .btn-success,
.color-reverse .v-form-trade .btn-success.disabled,
.color-reverse .v-form-trade .btn-success:disabled {
    border-color : #e05a5a !important;
    background-color: #e05a5a;
}
.color-reverse .v-form-trade .btn-success:hover,
.color-reverse .v-form-trade .btn-success:focus {
    border-color : #bd2130 !important;
    background-color: #c82333;
    box-shadow: none !important;
}

.ti-status {
  z-index: 1;
  width: 150px;
  height: 80px;
  background: #ddd;
  /* box-shadow: 0 0 10px rgba(0,0,0,0.2); */
  position: absolute;
  top: -20px;
  right: -55px;
  font-weight: 600;
  text-align: center;
  line-height: 115px;
  font-size: 16px;
  color: #fff;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.ti-status.resver {
  right: auto;
  left: -55px;
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.zt1.ti-status{background:#00ad82;background: rgba(0, 173, 130,0.9);}
.zt2.ti-status{background:#f38100;background: rgba(243, 129, 0,0.9);}
.zt3.ti-status{background:#F44336;background: rgba(244, 67, 54,0.9);}
.zt4.ti-status{background:#9e52d8;background: rgba(158, 82, 216,0.9);}
.zt5.ti-status{background:#2697f3;background: rgba(38, 151, 243,0.9);}
.zt6.ti-status{background:#aaa;background: rgba(200, 200, 200,0.9);}

/*---------------------------------------------------------------------
                          nav-tabs-v1
-----------------------------------------------------------------------*/
.nav-tabs.nav-tabs-v1 {
    display: block;
    border-bottom: 1px solid #f0f0f0;
}
.nav-tabs.nav-tabs-v1 .nav-item {
    margin-bottom: 0;
    display: inline-block;
}
.nav-tabs.nav-tabs-v1 .nav-link, .nav-tabs.nav-tabs-v1 .nav-link:hover, .nav-tabs.nav-tabs-v1 .nav-link.active {
    border: none;
    background-color: transparent;
}
.nav-tabs.nav-tabs-v1 .nav-link {
    height: 35px;
    line-height: 35px;
    padding: 0px 15px;
    font-size: 12px;
    font-weight: 700;
    transition: none;
    color: #2b2b2b;
    border-bottom: 2px solid transparent;
}
.nav-tabs.nav-tabs-v1 .nav-link.active {
    color: #2b2b2b;
    border-bottom: 2px solid #f27023;
}
[lang=cn] .nav-tabs.nav-tabs-v1 .nav-link,
[lang=hk] .nav-tabs.nav-tabs-v1 .nav-link {
    font-size: 14px;
    font-weight: bold;
    height: 44px;
    line-height: 44px;
}

.nav-tabs.nav-tabs-v1.lg .nav-link {
    height: 44px;
    line-height: 44px;
}

.dark-theme .nav-tabs.nav-tabs-v1{
    border-bottom: none;
}
.dark-theme .nav-tabs.nav-tabs-v1 .nav-link{
    color : #999;
}
.dark-theme .nav-tabs.nav-tabs-v1 .nav-link.active{
    color : #f27023;
}

/*---------------------------------------------------------------------
                          nav-tabs-v2
-----------------------------------------------------------------------*/
.nav-tabs.nav-tabs-v2 {
    display: block;
    border-bottom: 1px solid #f0f0f0;
}
.nav-tabs.nav-tabs-v2 .nav-item {
    margin-bottom: 0;
    display: inline-block;
}
.nav-tabs.nav-tabs-v2 .nav-link, .nav-tabs.nav-tabs-v2 .nav-link:hover, .nav-tabs.nav-tabs-v2 .nav-link.active {
    border: none;
    background-color: transparent;
}
.nav-tabs.nav-tabs-v2 .nav-link {
    height: 35px;
    line-height: 35px;
    padding: 0px 15px;
    font-size: 12px;
    font-weight: 400;
    transition: none;
    color: #2b2b2b;
    border-bottom: 2px solid transparent;
}
.nav-tabs.nav-tabs-v2 .nav-link.active {
    color: #2b2b2b;
    border-bottom: 2px solid #f27023;
}

.dark-theme .nav-tabs.nav-tabs-v2{
    border-bottom: none;
}
.dark-theme .nav-tabs.nav-tabs-v2 .nav-link{
    color : #999;
}
.dark-theme .nav-tabs.nav-tabs-v2 .nav-link.active{
    color : #f27023;
}
/*---------------------------------------------------------------------
                          nav-tabs-v3
-----------------------------------------------------------------------*/
.nav-tabs.nav-tabs-v3 {
    display: block;
    border-bottom: 1px solid #f0f0f0;
}
.nav-tabs.nav-tabs-v3 .nav-item {
    margin-bottom: 0;
    display: inline-block;
    padding: 15px 0px 15px 15px;
}
.nav-tabs.nav-tabs-v3 .nav-link {
    height: 36px;
    line-height: 36px;
    padding: 0px 25px;
    font-size: 14px;
    transition: none;
    color: #2b2b2b;
    border-bottom: none;
    display: inline-block;
    border-radius: 5px;
    background-color: #eee;
}
.nav-tabs.nav-tabs-v3 .nav-link:hover {
    border-bottom: none;
    background-color: #eee;
}
.nav-tabs.nav-tabs-v3 .nav-link.active,
.nav-tabs.nav-tabs-v3 .nav-link.active:hover {
    color: #fff;
    background-color: #f27023;
    border-bottom: none;
}

.dark-theme .nav-tabs.nav-tabs-v3{
    border-bottom: none;
}
.dark-theme .nav-tabs.nav-tabs-v3 .nav-link{
    color : #999;
}
.dark-theme .nav-tabs.nav-tabs-v3 .nav-link.active{
    color : #f27023;
}
/*---------------------------------------------------------------------
                          nav-tabs-v4
-----------------------------------------------------------------------*/
.nav-tabs.nav-tabs-v4 {
    display: block;
    border-bottom: none;
}
.nav-tabs.nav-tabs-v4 .nav-item {
    margin-bottom: 0;
    display: inline-block;
}
.nav-tabs.nav-tabs-v4 .nav-link, .nav-tabs.nav-tabs-v4 .nav-link:hover, .nav-tabs.nav-tabs-v4 .nav-link.active {
    border: none;
    background-color: transparent;
}
.nav-tabs.nav-tabs-v4 .nav-link {
    cursor: pointer;
    height: 35px;
    line-height: 35px;
    padding: 0px 0px;
    margin-right: 15px;
    font-size: 16px;
    font-weight: 400;
    transition: none;
    color: #2b2b2b;
    border-bottom: 3px solid transparent;
}
.nav-tabs.nav-tabs-v4 .nav-link.active {
    color: #2b2b2b;
    border-bottom: 3px solid #f27023;
}

.dark-theme .nav-tabs.nav-tabs-v4{
    border-bottom: none;
}
.dark-theme .nav-tabs.nav-tabs-v4 .nav-link{
    color : #999;
}
.dark-theme .nav-tabs.nav-tabs-v4 .nav-link.active{
    color : #f27023;
}
/*---------------------------------------------------------------------
                          nav-tabs-v5
-----------------------------------------------------------------------*/
.nav-tabs.nav-tabs-v5 {
  display: block;
  border-bottom: 1px solid #f0f0f0;
  padding-top: 5px;
  position: relative;
}
.nav-tabs.nav-tabs-v5 .nav-item {
  margin-bottom: 0;
  display: inline-block;
  padding: 0px 0px 5px 5px;
}
.nav-tabs.nav-tabs-v5 .nav-link {
  line-height: 20px;
  padding: 0px 5px;
  min-width: 50px;
  font-size: 12px;
  transition: none;
  text-align: center;
  color: #2b2b2b;
  border-bottom: none;
  display: block;
  border-radius: 0px;
  background-color: #eee;
  border: none !important;
}
.nav-tabs.nav-tabs-v5 .nav-link:hover {
  border-bottom: none;
  background-color: #eee;
}
.nav-tabs.nav-tabs-v5 .nav-link.active,
.nav-tabs.nav-tabs-v5 .nav-link.active:hover {
  color: #fff;
  background-color: #f27023;
  border-bottom: none;
}
.nav-tabs.nav-tabs-v5.lg .nav-link {
  line-height: 30px;
  padding: 0px 10px;
  min-width: 65px;
  font-size: 14px;
  margin-bottom: 5px;
}

.dark-theme .nav-tabs.nav-tabs-v5 {
  padding-top: 3px;
}
.dark-theme .nav-tabs.nav-tabs-v5{
  border-bottom: none;
}
.dark-theme .nav-tabs.nav-tabs-v5 .nav-link{
  color : #999;
  background-color: #19202E;
}
.dark-theme .nav-tabs.nav-tabs-v5 .nav-link.active{
  color : #fff;
  background-color: #f27023;
}
/*---------------------------------------------------------------------
                          Flag Icon
-----------------------------------------------------------------------*/
.flag {
    background: url(/src/images/flag/flag.png) no-repeat;
    width: 25px;
    height: 17px;
    display: inline-block;
    margin-left: 15px;
    border-radius: 3px;
    cursor: pointer;
}
.flag:first-child {
    margin-left: 0px;
}
.flag.cn {
    background-position: 0 -3px
}

.flag.hk {
    background-position: 0 -29px
}

.flag.en {
    background-position: 0 -54px
}

.flag.ar {
    background-position: 0 -318px
}

.flag.ja {
    background-position: 0 -349px
}

.flag.ko {
    background-position: 0 -408px
}

.flag.th {
    background-position: 0 -377px
}

.icon-vip {
    vertical-align: middle;
    width: 17px;
    height: 17px;
    display: inline-block;
    margin-right: 5px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWbvuWxgl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMTggMTgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE4IDE4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2Rpc3BsYXk6bm9uZTt9Cgkuc3Qxe2Rpc3BsYXk6aW5saW5lO2ZpbGw6I0ZGQkYzNDt9Cgkuc3Qye2Rpc3BsYXk6aW5saW5lO2ZpbGw6I0ZGQ0I1QTt9Cgkuc3Qze2Rpc3BsYXk6aW5saW5lO2ZpbGw6I0ZGQUEzQzt9Cgkuc3Q0e2Rpc3BsYXk6aW5saW5lO2ZpbGw6I0ZGQzY0QTt9Cgkuc3Q1e2Rpc3BsYXk6aW5saW5lO2ZpbGw6I0ZGRkZGRjt9Cgkuc3Q2e2Rpc3BsYXk6aW5saW5lO2ZpbGw6I0ZGQkEwMDt9Cgkuc3Q3e2Rpc3BsYXk6aW5saW5lO2ZpbGw6I0ZGN0UwMDt9Cgkuc3Q4e2Rpc3BsYXk6aW5saW5lO2ZpbGw6I0Y0OTAwMDt9Cgkuc3Q5e2Rpc3BsYXk6aW5saW5lO2ZpbGw6I0U2NEMxMzt9Cgkuc3QxMHtkaXNwbGF5OmlubGluZTtmaWxsOiNGODkwOTA7fQoJLnN0MTF7ZGlzcGxheTppbmxpbmU7ZmlsbDojRjI1NTU1O30KCS5zdDEye2Rpc3BsYXk6aW5saW5lO2ZpbGw6I0U1MzUzNTt9Cgkuc3QxM3tkaXNwbGF5OmlubGluZTtmaWxsOiNCNTBCMEI7fQoJLnN0MTR7ZmlsbDojRkZCRjM0O30KCS5zdDE1e2ZpbGw6I0ZGQ0I1QTt9Cgkuc3QxNntmaWxsOiNGRkFBM0M7fQoJLnN0MTd7ZmlsbDojRkZDNjRBO30KCS5zdDE4e2ZpbGw6I0Y3NkIxQzt9Cgkuc3QxOXtkaXNwbGF5OmlubGluZTtmaWxsOiNGRkUwNUM7fQoJLnN0MjB7ZGlzcGxheTpub25lO2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU+CjxnIGNsYXNzPSJzdDAiPgoJPHBvbHlnb24gY2xhc3M9InN0MSIgcG9pbnRzPSIyMS43LDIuNyAyNi45LDIuNyAyMy4xLDYuNCAJIi8+Cgk8cG9seWdvbiBjbGFzcz0ic3QyIiBwb2ludHM9IjE5LDYuNCAyMS43LDIuNyAyMy4xLDYuNCAJIi8+Cgk8cG9seWdvbiBjbGFzcz0ic3QzIiBwb2ludHM9IjI2LjksMTUuMyAyMy4xLDYuNCAxOSw2LjQgCSIvPgoJPHBvbHlnb24gY2xhc3M9InN0MiIgcG9pbnRzPSIzMC43LDYuNCAyNi45LDIuNyAyMy4xLDYuNCAJIi8+Cgk8cG9seWdvbiBjbGFzcz0ic3Q0IiBwb2ludHM9IjI2LjksMTUuMyAzMC43LDYuNCAyMy4xLDYuNCAJIi8+Cgk8cG9seWdvbiBjbGFzcz0ic3QxIiBwb2ludHM9IjI2LjksMi43IDMyLjMsMi43IDMwLjcsNi40IAkiLz4KCTxwb2x5Z29uIGNsYXNzPSJzdDMiIHBvaW50cz0iMzUsNi40IDMwLjcsNi40IDI2LjksMTUuMyAJIi8+Cgk8cG9seWdvbiBjbGFzcz0ic3QyIiBwb2ludHM9IjMyLjMsMi43IDM1LDYuNCAzMC43LDYuNCAJIi8+Cgk8cGF0aCBjbGFzcz0ic3Q1IiBkPSJNMjkuMSw2LjRDMjkuMSw2LjQsMjkuMSw2LjQsMjkuMSw2LjRsLTIuMiwzLjRoLTEuMWwtMC40LTMuMWMwLTAuMSwwLTAuMi0wLjEtMC4zYzAsMC0wLjEtMC4xLTAuMi0wLjFsMC0wLjEKCQloMWMwLjEsMCwwLjIsMCwwLjIsMC4xYzAuMSwwLjEsMC4xLDAuMiwwLjEsMC4zbDAuMiwyLjFsMS4xLTJWNi41YzAsMCwwLTAuMS0wLjEtMC4xYzAsMC0wLjEsMC0wLjItMC4xbDAtMC4xaDEuMgoJCWMwLjEsMCwwLjEsMCwwLjIsMEMyOSw2LjIsMjkuMSw2LjMsMjkuMSw2LjRDMjkuMSw2LjMsMjkuMSw2LjQsMjkuMSw2LjRMMjkuMSw2LjR6Ii8+CjwvZz4KPGcgY2xhc3M9InN0MCI+Cgk8cG9seWdvbiBjbGFzcz0ic3Q2IiBwb2ludHM9IjEsNi4xIDQuNiwxMC4zIDksMy4yIDksMTQuOCAzLjMsMTQuOCAJIi8+Cgk8cG9seWdvbiBjbGFzcz0ic3Q3IiBwb2ludHM9IjEsNi4xIDUuOCw4LjQgNC42LDEwLjMgCSIvPgoJPHBvbHlsaW5lIGNsYXNzPSJzdDgiIHBvaW50cz0iOSwzLjIgMTMuNSwxMC4yIDE3LDYuMSAxNC42LDE0LjggOSwxNC44IAkiLz4KCTxwb2x5Z29uIGNsYXNzPSJzdDkiIHBvaW50cz0iMTcsNiAxMi4zLDguMyAxMy41LDEwLjIgCSIvPgoJPHBvbHlnb24gY2xhc3M9InN0MTAiIHBvaW50cz0iOSw4LjEgNy4zLDEwLjYgOSwxMC42IAkiLz4KCTxwb2x5Z29uIGNsYXNzPSJzdDExIiBwb2ludHM9IjksMTMuMSA3LjMsMTAuNiA5LDEwLjYgCSIvPgoJPHBvbHlnb24gY2xhc3M9InN0MTIiIHBvaW50cz0iOSw4LjEgMTAuNywxMC42IDksMTAuNiAJIi8+Cgk8cG9seWdvbiBjbGFzcz0ic3QxMyIgcG9pbnRzPSI5LDEzLjEgMTAuNywxMC42IDksMTAuNiAJIi8+CjwvZz4KPGc+Cgk8cG9seWdvbiBjbGFzcz0ic3QxNCIgcG9pbnRzPSIzLDEuOSA4LjgsMS45IDQuNSw2LjEgCSIvPgoJPHBvbHlnb24gY2xhc3M9InN0MTUiIHBvaW50cz0iLTAuMSw2LjEgMywxLjkgNC41LDYuMSAJIi8+Cgk8cG9seWdvbiBjbGFzcz0ic3QxNiIgcG9pbnRzPSI4LjgsMTYuMiA0LjUsNi4xIC0wLjEsNi4xIAkiLz4KCTxwb2x5Z29uIGNsYXNzPSJzdDE1IiBwb2ludHM9IjEzLjEsNi4xIDguOCwxLjkgNC41LDYuMSAJIi8+Cgk8cG9seWdvbiBjbGFzcz0ic3QxNyIgcG9pbnRzPSI4LjgsMTYuMiAxMy4xLDYuMSA0LjUsNi4xIAkiLz4KCTxwb2x5Z29uIGNsYXNzPSJzdDE0IiBwb2ludHM9IjguOCwxLjkgMTUsMS45IDEzLjEsNi4xIAkiLz4KCTxwb2x5Z29uIGNsYXNzPSJzdDE2IiBwb2ludHM9IjE3LjksNi4xIDEzLjEsNi4xIDguOCwxNi4yIAkiLz4KCTxwb2x5Z29uIGNsYXNzPSJzdDE1IiBwb2ludHM9IjE1LDEuOSAxNy45LDYuMSAxMy4xLDYuMSAJIi8+Cgk8cGF0aCBjbGFzcz0ic3QxOCIgZD0iTTEyLjEsNS40YzAsMC4xLDAsMC4xLTAuMSwwLjFsLTMuNCw1LjJINi45TDYuMyw1LjhjMC0wLjItMC4xLTAuMy0wLjItMC40QzYuMSw1LjQsNiw1LjMsNS45LDUuM2wwLjEtMC4yCgkJaDEuNmMwLjIsMCwwLjMsMC4xLDAuNCwwLjFDOCw1LjMsOCw1LjQsOC4xLDUuNmwwLjMsMy4zbDEuOC0zLjJWNS41YzAtMC4xLTAuMS0wLjItMC4xLTAuMkMxMCw1LjMsOS45LDUuMyw5LjgsNS4zbDAuMS0wLjJoMS45CgkJYzAuMSwwLDAuMiwwLDAuMywwLjFjMC4xLDAuMSwwLjEsMC4xLDAuMSwwLjJDMTIuMiw1LjMsMTIuMiw1LjQsMTIuMSw1LjRMMTIuMSw1LjR6Ii8+CjwvZz4KPGcgY2xhc3M9InN0MCI+Cgk8cG9seWdvbiBjbGFzcz0ic3Q2IiBwb2ludHM9IjAsNS40IDQsMTAuNyA5LDEuOCA5LDE2LjIgMy42LDE2LjIgCSIvPgoJPHBvbHlnb24gY2xhc3M9InN0NyIgcG9pbnRzPSIwLDUuNCA1LjQsOC4yIDQsMTAuNiAJIi8+Cgk8cG9seWxpbmUgY2xhc3M9InN0OCIgcG9pbnRzPSI5LDEuOCAxNC4xLDEwLjUgMTgsNS40IDE0LjMsMTYuMiA5LDE2LjIgCSIvPgoJPHBvbHlnb24gY2xhc3M9InN0OSIgcG9pbnRzPSIxOCw1LjMgMTIuNyw4LjEgMTQuMSwxMC41IAkiLz4KCTxwb2x5Z29uIGNsYXNzPSJzdDEwIiBwb2ludHM9IjksNi45IDYuNiwxMC43IDksMTAuNyAJIi8+Cgk8cG9seWdvbiBjbGFzcz0ic3QxMSIgcG9pbnRzPSI5LDE0LjUgNi42LDEwLjcgOSwxMC43IAkiLz4KCTxwb2x5Z29uIGNsYXNzPSJzdDEyIiBwb2ludHM9IjksNi45IDExLjQsMTAuNyA5LDEwLjcgCSIvPgoJPHBvbHlnb24gY2xhc3M9InN0MTMiIHBvaW50cz0iOSwxNC41IDExLjQsMTAuNyA5LDEwLjcgCSIvPgo8L2c+CjxnIGNsYXNzPSJzdDAiPgoJPHBvbHlnb24gY2xhc3M9InN0MiIgcG9pbnRzPSIwLDUuNyA0LDEwLjUgOSwyLjUgOSwxNS41IDMuNiwxNS41IAkiLz4KCTxwb2x5Z29uIGNsYXNzPSJzdDE5IiBwb2ludHM9IjAsNS43IDUuNCw4LjMgNCwxMC41IAkiLz4KCTxwb2x5bGluZSBjbGFzcz0ic3QzIiBwb2ludHM9IjksMi41IDE0LjEsMTAuNCAxOCw1LjcgMTQuMywxNS41IDksMTUuNSAJIi8+Cgk8cG9seWdvbiBjbGFzcz0ic3QyIiBwb2ludHM9IjE4LDUuNyAxMi43LDguMiAxNC4xLDEwLjQgCSIvPgoJPHBvbHlnb24gY2xhc3M9InN0MTIiIHBvaW50cz0iOSw3LjEgNi42LDEwLjUgOSwxMC41IAkiLz4KCTxwb2x5Z29uIGNsYXNzPSJzdDEzIiBwb2ludHM9IjksMTQgNi42LDEwLjUgOSwxMC41IAkiLz4KCTxwb2x5Z29uIGNsYXNzPSJzdDEzIiBwb2ludHM9IjksNy4xIDExLjQsMTAuNSA5LDEwLjUgCSIvPgoJPHBvbHlnb24gY2xhc3M9InN0MTIiIHBvaW50cz0iOSwxNCAxMS40LDEwLjUgOSwxMC41IAkiLz4KPC9nPgo8ZyBjbGFzcz0ic3QwIj4KCTxwb2x5Z29uIGNsYXNzPSJzdDIiIHBvaW50cz0iLTIxLDUuNyAtMTcsMTAuNSAtMTIsMi41IC0xMiwxNS41IC0xNy40LDE1LjUgCSIvPgoJPHBvbHlnb24gY2xhc3M9InN0MTkiIHBvaW50cz0iLTIxLDUuNyAtMTUuNiw4LjMgLTE3LDEwLjUgCSIvPgoJPHBvbHlsaW5lIGNsYXNzPSJzdDMiIHBvaW50cz0iLTEyLDIuNSAtNi45LDEwLjQgLTMsNS43IC02LjcsMTUuNSAtMTIsMTUuNSAJIi8+Cgk8cG9seWdvbiBjbGFzcz0ic3QyIiBwb2ludHM9Ii0zLDUuNyAtOC4zLDguMiAtNi45LDEwLjQgCSIvPgoJPHBvbHlnb24gY2xhc3M9InN0MTIiIHBvaW50cz0iLTEyLDcuMSAtMTQuNCwxMC41IC0xMiwxMC41IAkiLz4KCTxwb2x5Z29uIGNsYXNzPSJzdDEzIiBwb2ludHM9Ii0xMiwxNCAtMTQuNCwxMC41IC0xMiwxMC41IAkiLz4KCTxwb2x5Z29uIGNsYXNzPSJzdDEzIiBwb2ludHM9Ii0xMiw3LjEgLTkuNiwxMC41IC0xMiwxMC41IAkiLz4KCTxwb2x5Z29uIGNsYXNzPSJzdDEyIiBwb2ludHM9Ii0xMiwxNCAtOS42LDEwLjUgLTEyLDEwLjUgCSIvPgo8L2c+CjxwYXRoIGNsYXNzPSJzdDIwIiBkPSJNMTIuMSw5LjRjMCwwLjEsMCwwLjEtMC4xLDAuMWwtMy40LDUuMkg2LjlMNi4zLDkuOGMwLTAuMi0wLjEtMC4zLTAuMi0wLjRDNi4xLDkuNCw2LDkuMyw1LjksOS4zbDAuMS0wLjJoMS42CgljMC4yLDAsMC4zLDAuMSwwLjQsMC4xQzgsOS4zLDgsOS40LDguMSw5LjZsMC4zLDMuM2wxLjgtMy4yVjkuNWMwLTAuMS0wLjEtMC4yLTAuMS0wLjJDMTAsOS4zLDkuOSw5LjMsOS44LDkuM2wwLjEtMC4yaDEuOQoJYzAuMSwwLDAuMiwwLDAuMywwLjFjMC4xLDAuMSwwLjEsMC4xLDAuMSwwLjJDMTIuMiw5LjMsMTIuMiw5LjQsMTIuMSw5LjRMMTIuMSw5LjR6Ii8+Cjwvc3ZnPgo=) no-repeat 50% 50%;
}
.icon-vip.unvip {
    filter: grayscale(100%);
    filter: 'gray';
}

.icon-pay {
    width: 30px;
    height: 20px;
    display: inline-block;
    background-size: auto 100%;
    background-position: center center;
    background-repeat: no-repeat;
    vertical-align: middle;
    position: relative;
    top:-2px;
}
.icon-pay.unionpay { background-image: url(/src/images/payment/ico-pay-unionpay.png) }
.icon-pay.alipay { background-image: url(/src/images/payment/ico-pay-alipay.png) }
.icon-pay.weixin { background-image: url(/src/images/payment/ico-pay-weixin.png) }
.icon-pay.zhuanshukuai { background-image: url(/src/images/payment/ico-pay-zhuanshukuai.png) }
.icon-pay.paypal { background-image: url(/src/images/payment/ico-pay-paypal.png) }
.icon-pay.xilianhuikuan { background-image: url(/src/images/payment/ico-pay-xilianhuikuan.png) }
.icon-pay.swift { background-image: url(/src/images/payment/ico-pay-swift.png) }
.icon-pay.paynow { background-image: url(/src/images/payment/ico-pay-paynow.png) }
.icon-pay.paytm { background-image: url(/src/images/payment/ico-pay-paytm.png) }
.icon-pay.qiwi { background-image: url(/src/images/payment/ico-pay-qiwi.png) }
.icon-pay.e-transfer { background-image: url(/src/images/payment/ico-pay-e-transfer.png) }
.icon-pay.imps { background-image: url(/src/images/payment/ico-pay-imps.png) }
.icon-pay.upi { background-image: url(/src/images/payment/ico-pay-upi.png) }
.icon-pay.neteller { background-image: url(/src/images/payment/ico-pay-neteller.png) }
.icon-pay.yandex { background-image: url(/src/images/payment/ico-pay-yandex.png) }
.icon-pay.advcash { background-image: url(/src/images/payment/ico-pay-advcash.png) }
.icon-pay.global-bank { background-image: url(/src/images/payment/ico-pay-global-bank.png) }
/*---------------------------------------------------------------------
                       user-content
-----------------------------------------------------------------------*/

.user-content {
    height: calc(100vh - 70px);
    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;
    position: relative;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('/src/images/bg/bg-wava.png');
    clear: both;
}
.user-content .modal-dialog {
    margin: auto !important;
}


/* Styled scrollbars */

.iScrollHorizontalScrollbar {
    position: absolute;
    z-index: 9999;
    height: 16px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    overflow: hidden;
}

.iScrollHorizontalScrollbar.iScrollBothScrollbars {
    right: 12px;
}

.iScrollVerticalScrollbar {
    position: absolute;
    z-index: 9999;
    width: 5px;
    bottom: 2px;
    top: 2px;
    right: 2px;
    overflow: hidden;
}
.iScrollVerticalScrollbar.iScrollBothScrollbars {
    bottom: 2px;
}

.iScrollIndicator {
    position: absolute;
    background: #cc3f6e;
    border-width: 0px;
    border-style: solid;
    border-color: #EB97B4 #7C2845 #7C2845 #EB97B4;
    border-radius: 20px;
}

.iScrollHorizontalScrollbar .iScrollIndicator {
    height: 100%;
    background-color: #615e5e;
    /*background: -moz-linear-gradient(left,  #cc3f6e 0%, #93004e 100%);
    background: -webkit-linear-gradient(left,  #cc3f6e 0%,#93004e 100%);
    background: -o-linear-gradient(left,  #cc3f6e 0%,#93004e 100%);
    background: -ms-linear-gradient(left,  #cc3f6e 0%,#93004e 100%);
    background: linear-gradient(to right,  #cc3f6e 0%,#93004e 100%);*/
}

.iScrollVerticalScrollbar .iScrollIndicator {
    width: 100%;
    background-color: #b8bec9;
    /*background: -moz-linear-gradient(top, #cc3f6e 0%, #93004e 100%);
    background: -webkit-linear-gradient(top,  #cc3f6e 0%,#93004e 100%);
    background: -o-linear-gradient(top, #cc3f6e 0%,#93004e 100%);
    background: -ms-linear-gradient(top, #cc3f6e 0%,#93004e 100%);
    background: linear-gradient(to bottom,  #cc3f6e 0%,#93004e 100%);*/
}

.dark-theme .iScrollVerticalScrollbar .iScrollIndicator {
    width: 100%;
    background-color: #666;
}

.form-check input:focus { outline: none !important;}

.form-custom.form-control {
    border: 1px solid #ECEEF6;
    border-radius: 0;
    height: 45px !important;
    box-shadow: none;
}
.modal-content {
    border : 1px solid #eee;
}

.iq-table {
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
}
.iq-tabCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}


.title .row {
    line-height: 44px;
}
.title img {
    height: 24px;
    width: auto;
    margin-left: 15px;
    margin-right: 5px;
    vertical-align: text-bottom;
}
.title h2 {
    display: inline-block;
    font-size: 24px;
    margin: 0;
    padding: 0;
    line-height: 1;
    vertical-align: middle;
}

.vf-check {
    text-align: left;
}
.vf-check li {
    text-align: center;
    min-width: 100px;
    display: inline-block;
    border:1px solid #ddd;
    margin-right: 10px;
    padding: 0px 15px;
    cursor: pointer;
    height: 34px;
    line-height: 34px;
    position: relative;
    user-select: none;
    /* text-transform: uppercase; */
}
.vf-check li:last-child {
    margin-right: 0;
}
.vf-check li:hover {
    background-color: #fdf7f3;
}
.vf-check li.active {
    border: 1px solid #f27023;
    color:#f27023;
    background-color: #fdf7f3;
}
.vf-check li.active:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
}
/*Triangle Bottom Right*/
.vf-check li.active:after,
.vf-check li.active-br:after {
    top:auto;
    left: auto;
    bottom: 0;
    right: 0;
    border-bottom: 10px solid #f27023;
    border-left: 10px solid transparent;
}
/*Triangle Top Left*/
.vf-check li.active-tl:after {
    top:0;
    left: 0;
    bottom: auto;
    right: auto;
    border-top: 10px solid #f27023;
    border-right: 10px solid transparent;
}
/*Triangle Top right*/
.vf-check li.active-tr:after {
    top:0;
    left: auto;
    bottom: auto;
    right: 0;
    border-top: 10px solid #f27023;
    border-left: 10px solid transparent;
}
/*Triangle Bottom Left*/
.vf-check li.active-bl:after {
    top:auto;
    left: 0;
    bottom: 0;
    right: auto;
    border-bottom: 10px solid #f27023;
    border-right: 10px solid transparent;
}
.vf-check li.disabled {
    opacity: 0.6;
    cursor: not-allowed;
    pointer-events: none;
}

.permission-text {
    width: 100%;
    padding: 12px 16px;
    background-color: #f2f3f8;
    margin-bottom: 15px;
}

.permission-text .permission-title {
    font-size: 12px;
    font-weight: 600;
    color: rgba(0,0,0,.85);
    margin-bottom: 8px;
    line-height: 18px
}

.permission-text .permission-title .icon-verificationlevel-style {
    color: #f27023;
    font-size: 12px;
    margin-right: 4px
}

.permission-text .permission-tips {
    font-size: 12px;
    margin-top: 4px;
    color: rgba(0,0,0,.65);
    line-height: 18px;
    margin-bottom: 0px;
}

.permission-text .permission-tips .icon-check-style {
    color: #f27023;
    font-size: 12px;
    margin-right: 4px
}

.permission-text .permission-myequity {
    color: #f27023;
    font-size: 12px;
    float: right;
    margin-top: -66px;
    cursor: pointer
}

.permission-text .permission-myequity .icon-after-style {
    font-size: 10px;
    font-weight: 500
}
/*---------------------------------------------------------------------
                       mining-content
-----------------------------------------------------------------------*/
.v-mining {
    background-color: #050931;
    background-position: center top;
    background-repeat: no-repeat;
}
.v-mining.light {
  background-color: #fff;
}

.mining-head {
    text-align: left;
    padding: 150px 0 50px 0px;
    background-position: center top;
    background-repeat: no-repeat;
    margin-bottom: 0px;
}

.mining-title {
    padding: 0px 0px 15px 0px;
    /* border-bottom: 1px solid rgba(255,255,255,0.06); */
    text-align: center;
    margin-bottom: 30px
}
.mining-title h3 {
    margin: 0;
    font-size: 24px;
    line-height: 1.2;
    color: #fff;
}
.mining-title p {
    margin: 0;
    font-size: 12px;
    line-height: 1.5;
    color: #74726f;
}

.mining-body {
    padding-bottom: 30px;
}

.mining-head h3 ,
.mining-head p {
    color: #fff;
    line-height: 1.5;
    text-align: center;
}
.mining-head .m-btn {
    padding: 10px 0 50px;
    text-align: center
}
.mining-head .m-btn .btn {
    min-width: 120px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
    border: 1px solid #fee5ba;
    color: #fee5ba;
    border-radius: 16px;
}
.m-btn .btn + .btn {
    margin-left: 15px;
}
.mining-head .m-btn .btn:hover,
.mining-head .m-btn .btn:focus {
    border: 1px solid #fee5ba;
    background-color: #fee5ba;
    color: #333;
}

.btn-miner {
    display: inline-block;
    background-image: url(/src/images/miner/btn.png);
    background-position: center;
    background-repeat: no-repeat;
    font-size: 18px;
    color:#fff;
    text-decoration: none;
    background-size: 100% auto;
    padding: 0px 30px;
    height: 60px;
    line-height: 60px;
    min-width: 200px;
    text-align: center;
    cursor: pointer;
    user-select: none;
    transition: all 0.2s ease-in-out 0s;
}
.btn-miner:hover {
    background-image: url(/src/images/miner/btn-on.png);
}

.btn-miner + .btn-miner {
    margin-left: 15px;
}

.mining-progress {
    width: 100%;
    margin: 15px auto;
    position: relative;
}
.m-progress-text {
    text-align: left;
    padding: 15px 0 0;
}
.m-progress-text p {
    line-height: 1.5;
    font-size: 12px;
    color: #fff;
}
.m-progress-text span {
    color: #fff;
}
.m-progress-bar {
    position: relative;
    width: 100%;
    margin: 0 auto;
    height: 18px;
    border-radius: 9px;
    background-color: #101552;
    border: 1px solid #101552;
}
.m-progress-bar .done {
    z-index: 10;
    position: absolute;
    top: 0px;
    left: 0px;
    min-width: 40px;
    height: 16px;
    border-radius: 8px;
    /* border: 2px solid #fff; */
    background-image: linear-gradient(to right,#f88d36, rgb(226, 33, 33));
    transition: all 0.2s ease-in-out 0s;
}
.m-progress-bar .icon {
    display: none;
    z-index: 11;
    position: absolute;
    top: -24px;
    left: 0;
    margin-left: -15px;
    width: 60px;
    height: 50px;
    background-image: url(/src/images/miner/pic_car.png);
    background-size: auto 100%;
    background-repeat: no-repeat;
    transition: all 0.2s ease-in-out 0s;
}

.v-mining .nav-tabs{
    padding: 0px 0 30px 0;
    text-align: center;
}
.v-mining .nav-tabs.nav-tabs-v2 .nav-link {
    color: #1C64BE;
    font-size: 18px;
}
.v-mining .nav-tabs.nav-tabs-v2 .nav-link.active {
    color: #fff;
    border-bottom: 0px;
    font-size: 18px;
}
.v-mining .nav-tabs.nav-tabs-v2 {
    border-bottom: 0px;
}

.mining-record .head .row {
    background-color: #131A6A;
    line-height: 36px;
    text-align: center;
    color: #fff;
}
.mining-record .body .row {
    color :#999;
    line-height: 27px;
    padding: 10px 0;
    text-align: center;
}
.mining-record .body .row:nth-child(2n) {
    background-color: #091348;
}
.mining-record .body .row:hover {
    background-color: #122158;
}

.mining-record.light .head .row {
    background-color: #f5f5f5;
    color: #2b2b2b;
}
.mining-record.light .body .row {
    color :#666;
}
.mining-record.light .body .row:nth-child(2n) {
    background-color: #f8f9fa;
}
.mining-record.light .body .row:hover {
    background-color: #f4f5f8;
}

.mining-block {
    position: relative;
    min-height: 200px;
    padding: 30px 30px;
    background-color: #0A0E3D;
    border-radius: 6px;
    margin-bottom: 15px;
    padding-top: 50px;
    background-image: url('/src/images/miner/tab-topbk.png');
    background-position: center top;
    background-repeat: no-repeat;
}
.mining-block.no-bg {
  background-image: none;
}
.mining-block.light {
  background-image: none;
  background-color: #fff;
  box-shadow:0px 0px 10px 0px rgba(81,81,81,0.25);
}
@media (max-width:768px) {
    .mining-block {
        padding: 15px 15px;
        background-size: 90% auto;
    }
    .btn-miner + .btn-miner {
        margin-left: 0px;
    }
}

.mining-bar {
    position: relative;
    /* background-color: rgba(255,255,255,0.06) */
}
.mining-bar .show-more {
    text-align: center;
    width: 30px;
    height: 20px;
    position: absolute;
    left: 50%;
    bottom: -20px;
    color: #999;
    cursor: pointer;
    font-size: 24px;
    margin-left: -15px;
}
.mining-bar .show-more:hover {
    color: #f27023;
}
.mining-bar .item {
    /* border-left: 1px solid rgba(255,255,255,0.06); */
    padding: 25px 0 25px;
    text-align: center;
    height: 100%;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s ease-in-out 0s;
}
.mining-bar .item:hover {
    background-image: linear-gradient(#0A0E3D, #131F60);
}
.mining-bar .item img {
    height: 54px;
    width: auto;
    margin: 10px auto 30px;
}
.mining-bar .item h4 {
    margin: 0;
    font-size: 12px;
    color: #74B4FF;
    line-height: 1.2;
}
.mining-bar .item h5 {
    margin: 0;
    padding-top: 10px;
    font-size: 24px;
    color: #fff;
    line-height: 1.2;
}
.mining-bar .item p {
    text-transform: uppercase;
    margin: 0;
    font-size: 12px;
    color: #fff;
    line-height: 1.5;
}
.mining-bar .item > div {
    padding-top: 10px;
}


/*---------------------------------------------------------------------
                       hash-content
-----------------------------------------------------------------------*/

.inner-shadow {
  box-shadow:inset 0px 0px 35px 0px rgba(0,115,255,0.5);
  border-radius:6px;
}

.hash-panel {
  padding: 15px;
  text-align: center;
  font-size: 14px;
  position: relative;
  line-height: 1.2;
  margin-bottom: 15px;
}

.hash-panel h5 {
  font-size: 20px;
  color: #fff;
  margin: 0 auto;
  line-height: 1;
  padding-top: 5px;
}

.hash-panel p {
  margin-bottom: 0;
}
.hash-panel a {
  position: absolute;
  right: 15px;
  top: 15px;
  color: #F59523;
}

.hash-list {
  text-align: left;
  margin-bottom: 15px;
}

.hash-list ul {
  background-color: #1639AE;
  padding: 15px;
}

.hash-list li {
  background-color: #1D44C6;
  padding: 10px 15px;
  line-height: 30px;
  font-size: 16px;
  margin-bottom: 10px;
  text-align: left;
}
.hash-list li:last-child {
  margin-bottom: 0;;
}
.hash-list li .tip {
  display: inline-block;
  height: 30px;
  width: 30px;
  line-height: 30px;
  border-radius: 50%;
  text-align: center;
  margin-right: 5px;
  font-size: 14px;
  font-weight: bold;
  vertical-align: middle;
  background-color:#f9a02f;
}
.hash-list img {
  width: 30px;
  height: auto;
  margin-right: 5px;
}