.wallet-heading {
    color: #9FACB7;
}
.wallet-heading .wallet-heading-step {
    display: inline-block;
    padding: 10px;
    border: 2px solid;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 20px;
    margin-right: 10px;
    border-color: #CED8E1;
}
.table-wrapper, .payment-method-wrapper {
    border: 1px solid #e9e9e9;
    border-radius: 4px;
    overflow: hidden;
}
.table {
    width: 100%;
    border-collapse: collapse;
}
.table tr td,
.table tr th {
    text-align: left;
    padding: 10px 20px;
    vertical-align: middle;
    border-bottom: 1px solid #e9e9e9;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}
.table tr:last-child td {
    border-bottom: none;
}
.table-credits {
    font-size: 19px;
}
.table-credits tr:hover td,
.table-credits tr.active td {
    background-color: #E7F2FA;
    cursor: pointer;
}
.table-credits input[type="radio"] {
    cursor: pointer;
}
/* 
.credit {
    width: 46px;
    height: 46px;
    border-radius: 100%;
    border: 3px solid #f3dd62;
    position: relative;
    text-align: center;
    font-size: 19px;
    line-height: 14px;
    font-weight: bold;
    text-shadow: 0px 1px 0px #ffffff;
    padding-top: 9px;
    display: inline-block;
    vertical-align: middle;
    
}
.credit-gold {
    background: #fcf2b7;
    background: -moz-linear-gradient(top, #fcf2b7 0%, #fae678 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcf2b7), color-stop(100%,#fae678));
    background: -webkit-linear-gradient(top, #fcf2b7 0%,#fae678 100%);
    background: -o-linear-gradient(top, #fcf2b7 0%,#fae678 100%);
    background: -ms-linear-gradient(top, #fcf2b7 0%,#fae678 100%);
    background: linear-gradient(to bottom, #fcf2b7 0%,#fae678 100%);
    box-shadow: #b5a341 0 1px 0px, rgba(0,0,0,.3) 0 1px 1px inset;
    color: #978109;
} */
.credit small {
    font-size: 10px;
    display: block;
}
.credit-silver {
    background: #f2f2f2;
    background: -moz-linear-gradient(top, #f2f2f2 0%, #e7e7e6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#e7e7e6));
    background: -webkit-linear-gradient(top, #f2f2f2 0%,#e7e7e6 100%);
    background: -o-linear-gradient(top, #f2f2f2 0%,#e7e7e6 100%);
    background: -ms-linear-gradient(top, #f2f2f2 0%,#e7e7e6 100%);
    background: linear-gradient(to bottom, #f2f2f2 0%,#e7e7e6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e7e7e6',GradientType=0 );
    color: #83827e;
    border-color: #ebebeb;
    box-shadow: #b1afa4 0 1px 0px, rgba(0,0,0,.3) 0 1px 1px inset;
    margin-right: 10px
}
.credit-plus {
    vertical-align: middle;
    display: inline-block;
    margin: 10px;
    font-weight: bold;
    color: #9FACB7;
}
.text-right {
    text-align: right;
}
.table-credits-heading {
    font-size: 16px;
    position: relative;
    padding: 10px 0px;
}
.table-credits-heading::after {
    content: '';
    position: absolute;
    bottom: -20px;
    left: 1px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #fff transparent transparent transparent;
    z-index: 3;
}
.table-credits-heading::before {
    content: '';
    position: absolute;
    bottom: -21px;
    left: 0px;
    width: 0;
    height: 0;
    z-index: 2;
    border-style: solid;
    border-width: 11px 11px 0 11px;
    border-color: #cecece transparent transparent transparent;
}
.sprite {
    background-image: url(../images/payment-sprite.png);
    background-repeat: no-repeat;
    display: block;
    margin: 0 auto 15px auto;
}

.sprite-bank {
    width: 187px;
    height: 80px;
    background-position: -1px -1px;
}

.sprite-card {
    width: 187px;
    height: 80px;
    background-position: -1px -83px;
}

.sprite-mypos {
    width: 187px;
    height: 80px;
    background-position: -1px -83px;
}

.sprite-e-pay {
    width: 187px;
    height: 80px;
    background-position: -1px -165px;
}

.sprite-easy-pay {
    width: 187px;
    height: 80px;
    background-position: -190px -1px;
}

.sprite-ekont {
    width: 187px;
    height: 80px;
    background-position: -190px -83px;
}

.sprite-paypal {
    width: 187px;
    height: 80px;
    background-position: -190px -165px;
}
.payment-method-wrapper {
    padding: 15px;
    display: block;
    margin-bottom: 15px;
}
.payment-method-wrapper h4 {
    margin: 0 -15px;
    padding: 15px 0 0 0;
    border-top: 1px solid #E9E9E9;
}
.payment-method-wrapper.text-center.active {
    box-shadow: 0 0 0px 3px #4b98d0;
    -webkit-box-shadow: 0 0 0px 3px #4b98d0;
    border-color: #4b98d0;
}
.promo-code-wrapper {
    margin-bottom: 15px;
    padding: 18px 20px;
    border: 2px solid #CED8E1;
    border-radius: 4px;
    background: #FBFCFD;
}
.promo-code-wrapper label {
    display: block;
    margin-bottom: 8px;
    color: #566875;
    font-size: 16px;
    font-weight: bold;
}
.promo-code-row {
    display: flex;
    align-items: stretch;
    gap: 12px;
}
.promo-code-field {
    flex: 1 1 75%;
    max-width: 540px;
}
.promo-code-field input {
    width: 100%;
    height: 46px;
    padding: 0 14px;
    border: 2px solid #9FACB7;
    border-radius: 4px;
    color: #566875;
    font-size: 18px;
    line-height: 46px;
    box-sizing: border-box;
}
.promo-code-field input:focus {
    border-color: #4b98d0;
    outline: none;
}
.promo-code-action {
    flex: 0 0 auto;
}
.applyPromoCode {
    min-height: 46px;
    padding: 11px 18px;
    font-size: 18px;
    line-height: 24px;
}
@media (max-width: 640px) {
    .promo-code-row {
        display: block;
    }
    .promo-code-field {
        max-width: none;
    }
    .promo-code-action {
        margin-top: 10px;
    }
    .applyPromoCode {
        width: 100%;
    }
}