/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Dec 29, 2020, 8:28:53 PM
    Author     : LOYNSS
*/

.common-pop-over .ok-ui-pop{vertical-align:bottom}
.common-pop-over .ok-ui-pop-over-title-icon{
    display:none
}.common-pop-over .ok-ui-pop-over-noTitle{
    padding-right:12px
}.common-pop-over .ok-ui-pop-over-noTitle .ok-ui-pop-over-tip{
    margin-left:0
}.common-pop-over .ok-ui-pop-placement{
    border-bottom:0
}.common-pop-over .ok-ui-pop-over{
    min-width:auto;
    width:auto;
    -webkit-box-shadow:0 0 20px -10px #205fec;
    box-shadow:0 0 20px -10px #205fec
}
.common-pop-over .ok-ui-pop-blue{
    background:#fff
}
.common-pop-over .ok-ui-pop-over-tip{
    font-size:12px;
    font-weight:700;
    color:#1f2236;
    white-space:nowrap;
}
.common-pop-over-right .ok-ui-pop-blue.ok-ui-pop-over-top{
    right:-10px;
    left:auto;
    -webkit-transform:translateX(100%);
    transform:translateX(100%);
    bottom:auto;
    top:0;
}.common-pop-over-right .ok-ui-pop-blue.ok-ui-pop-over-top .ok-ui-pop-over-trangle{
    top:2px;
    left:5px;
    -webkit-transform-origin:top left;
    transform-origin:top left;
    z-index:-1
}.common-pop-over-left .ok-ui-pop-blue.ok-ui-pop-over-top{
    left:-10px;
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%);
    bottom:auto;
    top:0
}.common-pop-over-left .ok-ui-pop-blue.ok-ui-pop-over-top .ok-ui-pop-over-trangle{
    top:2px;
    left:5px;
    -webkit-transform-origin:top left;
    transform-origin:top left;
    z-index:-1
}.icon-container{
    display:inline-block
}.icon-container>.icon{
    font-size:16px;
    color:#98abcc;
    display:inline-block;
    vertical-align:bottom
}.icon-container>svg{
    display:inline-block;
    vertical-align:middle;
    width:18px;
    height:18px
}.icon-container .icon-Pay_BankCard1{
    color:#e99a13
}.icon-container .icon-Pay_Alipay1{
    color:#007bff
}.icon-container .icon-Pay_Wechat1{
    color:#22ac38
}.payment-img{
    height:16px;
    vertical-align:bottom;
    margin-right:8px
}.payment-img-big{
    height:20px
}.img-visa{
    background-position:-1px 0
}.img-master-card{
    background-position:-38px 0
}.img-apple-pay{
    background-position:-75px 0
}.img-bank-transfer{
    background-position:-112px 0
}.img-card-credit{
    background-position:-149px 0
}.img-blue-shyft{
    background-position:-186px 0
}.img-pay-id{
    background-position:-223px 0
}.img-b-pay{
    background-position:-260px 0
}.img-interac{
    background-position:-297px 0
}.img-flex-epin{
    background-position:-334px 0
}.img-go-jek{
    background-position:-371px 0
}.img-pay-now{
    background-position:-408px 0
}.img-pol-i{
    background-position:-445px 0
}.img-prompt-pay{
    background-position:-482px 0
}.img-upi{
    background-position:-519px 0
}.img-card-debit{
    background-position:-556px 0
}.img-viettel-pay{
    background-position:-593px 0
}.img-ideal{
    background-position:-630px 0
}.img-instapay{
    background-position:-667px 0
}.img-sepa{
    background-position:-704px 0
}
body .payment-select-wrap{
    position:relative;
    display:flex;
}.payment-select-option-cont,body .payment-select-wrap{
    left:-1px;
    right:0;
    width: 100%;
}
.payment-select-option-cont .payment-option,
body.payment-select-wrap .payment-option{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    white-space:nowrap
}
.payment-select-option-cont .icon-container,body .payment-select-wrap .icon-container{
    margin-right:8px
}
.payment-select-option-cont .name,body .payment-select-wrap .name{
    color:rgba(0,0,0,.85)
}.payment-select-option-cont .name.account-name,body .payment-select-wrap .name.account-name{
    width:90px
}.payment-select-option-cont .base-price,body .payment-select-wrap .base-price{
    border:thin solid #3075ee;
    color:#3075ee;
    line-height:14px;
    -webkit-transform-origin:left center;
    transform-origin:left center;
    margin-left:12px;white-space:nowrap
}.payment-select-option-cont .account,body .payment-select-wrap .account{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    text-align:center;
    font-size:12px;
    color:#7b8293
}.payment-select-option-cont .account-bank,body .payment-select-wrap .account-bank{
    max-width:70px;
    display:inline-block;
    text-overflow:ellipsis;
    margin-right:4px;
    overflow:hidden
}