html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.container {
    max-width: 1350px;
}

.pricing-header {
    max-width: 700px;
}

.card-deck .card {
    min-width: 220px;
}

.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media (min-width: 768px) {
    .bd-placeholder-img-lg {
        font-size: 3.5rem;
    }
}

.form-signin {
    width: 100%;
    max-width: 330px;
    padding: 15px;
    margin: auto;
}

.form-signin .checkbox {
    font-weight: 400;
}

.form-signin .form-control {
    position: relative;
    box-sizing: border-box;
    height: auto;
    padding: 10px;
    font-size: 16px;
}

.form-signin .form-control:focus {
    z-index: 2;
}

.form-signin .first-input {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.form-signin .last-input {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*---*/
.comm-status {
    width: 15px;
    height: 15px;
    display: inline-block;
}

.status-v-1:before {
    content: "\f00c";
}

.status-v-0:before {
    content: "\f057";
}

.status-v--1:before {
    content: "\f1f8";
}

.color-ok, .clipboard-ed, .mer-profile-avatar .online, .status-v-1 {
    color: #0aaf60;
}

/*orderList begin*/
.pay-settle-span, .pay-refund-span, .pay-declined-span {
    border-radius: 5px;
    padding: 4px 10px;
    display: table;
}

.orderList .pay-status-span,.tradeList .pay-status-span {
    border-radius: 5px;
    padding: 3px 8px;
    border: 1px solid #fff;
}

.orderList .paid, .tradeList .paid {
    color: #05ccbf;
    font-weight: 700;
    background-color: #e0f6f6;
}

.orderList .failed,.tradeList .failed, .refund-1, .declined-1 {
    color: #670d2e;
    background-color: #f8f1ff;
}

.declined-1 {
    font-weight: bold;
    background-color: #d7afff;
}

.orderList .pending, .tradeList .pending {
    color: #ffc112;
    background-color: #fff5d9;
}

.orderList .canceled,.tradeList .canceled {
    color: #172474;
    background-color: #f5f8fe;
}
.orderList .partial_paid,.tradeList .partial_paid{
    color: #3580BB;
    background-color: #f5f8fe;
}

.orderList .matchWord, .matchWord {
    background-color: #40B7B7;
}

.orderList .matchRiskWorld, .matchRiskWorld {
    background-color: #f9ecda;
    padding: 1px 4px;
    border-radius: 3px;
}

.orderList td, .table th {
    vertical-align: middle;
    border-top: 1px solid #cbd2e5;
}

.orderList tbody {
    background-color: #fff;
    border-bottom: 1px solid #cbd2e5;
}

.orderList thead th {
    background-color: #f5f6fa;
}

.pay-time {
    color: #6f7ca1;
}

.card-brand-span {
    width: 33px;
    height: 15px;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    background-size: 23px;
}

.brand-visa {
    background-image: url("img/card/visa.svg");
}

.brand-mastercard {
    background-image: url("img/card/mastercard.svg");
}

.brand-jcb {
    background-image: url("img/card/jcb.svg");
}

.brand-ae {
    background-image: url("img/card/ae.svg");
}

.brand-dc {
    background-image: url("img/card/dc.svg");
}

.brand-DClub {
    background-image: url("img/card/DClub.svg");
}

.brand-apple-pay {
    background-image: url("img/card/apple-pay.svg");
}

.brand-google-pay {
    background-image: url("img/card/google-pay.svg");
}

.orderList tr {
    /*color: #38446c;*/
    color: #3c4257;
    position: relative;
}

.orderList .amount-td {
    font-weight: bold;
    text-align: right;
}

.orderList .clipboard-btn {
    margin-right: 3px;
}

.clipboard-btn em {
    position: absolute;
    top: -30px;
    background: #59b969;
    padding: 6px 10px;
    border-radius: 3px;
    left: -26px;
    width: 85px;
    text-align: center;
    color: #fff;
    display: none;
}

.clipboard-ed em:before {
    content: "复制成功";
}

.clipboard-btn {
    cursor: pointer;
    position: relative;
}

.clipboard-ed em {
    display: inline-block;
}

.color-ok, .clipboard-ed, .mer-profile-avatar .online, .status-v-1 {
    color: #0aaf60;
}

.color-red, .status-v-0 {
    color: #ff939e;
}

.color-logo-blue {
    color: #003088;
}

.color-link {
    color: #5275fb;
}

.text-yellow {
    color: #e2bf10;
}

.orderList .cell-down-icon i.fas {
    padding: 5px 8px;
    background-color: #e0e4f3;
    border-radius: 3px;
    color: #8492be;
}

.orderList .cell-down-icon i.fas:before {
    content: "\f107";
}

.orderList .on-viewed .cell-down-icon i.fas {
    color: #fff;
    background-color: #819bfe;
}

.orderList .on-viewed .cell-down-icon i.fas:before {
    content: "\f106";
}

.orderList .on-viewed, .table-hover tbody tr.on-viewed:hover, .on-viewed .pay-time {
    background-color: #6485fe;
    color: #fff;
}

.table-hover tbody tr:hover {
    background-color: #f5f6fa;
}

.orderList .cell-view, .table-hover tbody tr.cell-view:hover {
    background-color: #fff;
}

.orderList .cell-view td {
    padding: 0;
    border: none;
}

.orderList .cell-view .row {
    margin: 0;
}

.orderList .cell-detail-link {
    color: #303778;
}

.orderList .cell-detail-link:hover {
    color: #5c6cff;
}

.orderList .cell-detail-link:active {
    color: #0014de;
}

.orderList .cell-detail-link:hover {
    text-decoration: underline;
}

.orderList .cell-detail-link i {
    padding-left: 3px;
}

/*orderList -end*/
.kbHelp {
    border-bottom: 2px dotted rgb(78, 80, 82);
    cursor: help;
    color: rgb(78, 80, 82);
    border-top-color: rgb(78, 80, 82);
    border-right-color: rgb(78, 80, 82);
    border-left-color: rgb(78, 80, 82);
    font-size: 10px;
    text-transform: uppercase;
}

.envTest-wrap {
    position: relative;
    z-index: 9999;
}

.envTest-Bar {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 6;
    border-top: 2px solid #ffdb00;
    text-align: left;
    line-height: 0;
    pointer-events: none;
}

.envTest-Bar-content {
    position: relative;
    box-sizing: border-box;
    display: inline-block;
    height: 16px;
    padding: 2px;
    margin-left: 10px;
    background-color: #ffdb00;
    color: #666;
    font-size: 14px;
    line-height: 10px;
    font-weight: 700;
}

.testColor {
    background-color: #ffdb00;
    color: #666;
    font-size: 14px;
    padding: 3px 7px;
    border-radius: 3px;
}

.text-blue {
    color: #007bff
}

.text-indigo {
    color: #6610f2
}

.text-purple {
    color: #6f42c1
}

.text-pink {
    color: #e83e8c
}

.text-red {
    color: #dc3545
}

.text-orange {
    color: #fd7e14
}

.text-yellow {
    color: #ffc107
}

.text-green {
    color: #28a745
}

.text-teal {
    color: #20c997
}

.text-cyan {
    color: #17a2b8
}

.text-white {
    color: #fff
}

.text-gray {
    color: #6c757d
}

.text-gray-dark {
    color: #343a40
}
.cur-pointer{
    cursor: pointer;
}
.wpy-dialog{
    border-radius: 6px;
}
.wpy-dialog .el-dialog__title{
    font-size: 15px;
}
.wpy-dialog .el-dialog__body{
    padding: 20px 20px 10px 20px;
    background-color: #f7f7f7;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.bg-body .el-dialog__body, .bg-body .el-card__body{
    padding: 0;
}
.wpy-dialog .el-dialog__header{
    background-color: #ffffff;
    padding: 12px 20px 12px 20px;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}
.wpy-dialog .el-dialog__footer{
    background-color: #ffffff;
    padding: 12px 20px 12px 20px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}
.mini-dialog{
    width: 320px;
}
.sm-dialog{
    width: 410px;
}
.md-dialog{
    width: 510px;
}
.chart-200h{
    height: 200px;
    width: 100%;
}
.chart-300h{
    height: 300px;
    width: 100%;
}
.chart-400h{
    height: 400px;
    width: 100%;
}
.chart-600h{
    height: 600px;
    width: 100%;
}
.chart-800h{
    height: 800px;
    width: 100%;
}

.inputHaveVal input {
    color: #003088;
    font-weight: bold;
    border-color: #1455cb;
}

.font-size10{
    font-size: 10px !important;
}
.pay-method{
    width: 35px;
    height: 10px;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.method-card{
    background-image: url("img/payment_method/card.svg")
}
.method-alfamart{
    background-image: url("img/payment_method/alfamart.svg")
}
.method-bancomat_pay{
    background-image: url("img/payment_method/bancomat_pay.svg")
}
.method-bancontact{
    background-image: url("img/payment_method/bancontact.svg")
}
.method-giropay{
    background-image: url("img/payment_method/giropay.svg")
}
.method-grabpay_my{
    background-image: url("img/payment_method/grabpay_my.svg")
}
.method-grabpay_sg{
    background-image: url("img/payment_method/grabpay_sg.svg")
}
.method-konbini{
    background-image: url("img/payment_method/konbini.svg")
}
.method-safety_pay{
    background-image: url("img/payment_method/safety_pay.svg")
}

.method-pay_safe_cash{
    background-image: url("img/payment_method/pay_safe_cash.svg")
}

.method-pay_safe_card{
    background-image: url("img/payment_method/pay_safe_card.svg")
}

.method-trustly{
    background-image: url("img/payment_method/trustly.svg")
}

.method-payconiq{
    background-image: url("img/payment_method/payconiq.svg")
}

.method-pay_u{
    background-image: url("img/payment_method/pay_u.svg")
}

.method-blik{
    background-image: url("img/payment_method/blik.svg")
}
.method-przelewy24{
    background-image: url("img/payment_method/przelewy24.svg")
}

.method-pay_by_bank_app{
    background-image: url("img/payment_method/pay_by_bank_app.svg")
}

.method-zip{
    background-image: url("img/payment_method/zip.svg")
}

.method-go_pay{
    background-image: url("img/payment_method/go_pay.svg")
}

.method-indonesia_banks{
    background-image: url("img/payment_method/indonesia_banks.svg")
}

.method-ovo{
    background-image: url("img/payment_method/ovo.svg")
}
.method-doku{
    background-image: url("img/payment_method/doku.svg")
}

.method-boost{
    background-image: url("img/payment_method/boost.svg")
}

.method-touch_n_go{
    background-image: url("img/payment_method/touch_n_go.svg")
}

.method-pay_easy{
    background-image: url("img/payment_method/pay_easy.svg")
}

.method-afterpay{
    background-image: url("img/payment_method/afterpay.svg")
}
.method-klarna{
    background-image: url("img/payment_method/klarna.svg")
}
.method-alipay{
    background-image: url("img/payment_method/alipay.svg")
}
.method-wechat_pay{
    background-image: url("img/payment_method/wechat_pay.svg")
}
.method-wdd{
    background-image: url("img/payment_method/wdd.svg")
}