.tdLabelPayment {padding-top:4px; vertical-align:top; width:90px;}
.lblOrder {padding-top:15px;}
.divPaymentOuter {border-top:1px solid #e0e0e0;}
.divPaymentInfo {color:#575757; font-family: 'Cairo', Arial; padding-top:30px; margin-top:30px; line-height: 30px; border-top:solid 1px #ddd;}
.divNotes {padding-bottom:40px; padding-top:20px; width:690px; margin:auto;}
.divBtnCenter {text-align:center; padding-top:0px;}
.divPaymentNotes {padding-bottom:20px;}
.divSplitterPayment {margin:10px 0px; border-bottom:solid 1px #e0e0e0;}
.tblBankDetails td{padding-left:30px;}

.bank {
    display: flex;
    align-items: center;
    font-family: 'Roboto', Arial;
    font-weight: 700;
    margin: 30px 0px;
}

    .bank > div {
        margin: auto;
    }

        .bank > div > div > span:first-child {
            display: inline-block;
            width: 100px;
        }

        .bank > div > div:not(:last-child) {
            margin-bottom: 10px;
        }

.bank-in-form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 30px;
    margin-top: 30px;
    border-top: solid 1px #ddd;
}

    .bank-in-form h3 {
        margin-bottom: 15px;
    }

a.btn.upload {
    width: 180px;
    height: 45px;
    color: #fff;
}

#payment-method-option {
    padding: 0;
    border: none;
    background: none;
}

    #payment-method-option > ul.ui-tabs-nav {
        display: flex;
        padding: 0;
        background: none;
        border: none;
        border-radius: 0;
    }
    #payment-method-option > .ui-tabs-nav li {
        width: 100%;
        height: 122px;
        margin: 0;
        padding-bottom: 0;
        border: none;
        background: none;
        font-weight: 400;
        border: solid 4px #e5e5e5 !important;
        border-radius: 10px;
    }

        #payment-method-option > .ui-tabs-nav li:hover {
            border: solid 2px #ddd !important;
            border-radius: 10px;
        }

        #payment-method-option > .ui-tabs-nav li:first-child {
            background-color: #fff;
            background: url(../img/usr/icon-banktransfer.png) no-repeat center top 40px;
            margin-right: 1em;
        }

        #payment-method-option > .ui-tabs-nav li:hover, #payment-method-option > .ui-tabs-nav li.ui-state-active {
            background-color: #fff;
            background-position-y: -100px;
            border: solid 4px #ed1c24 !important;
        }

        #payment-method-option > .ui-tabs-nav li a {
            width: 100%;
            height: 100%;
            text-align: center;
            color: #222;
            font-size: 18px;
            font-weight: 700;
            font-family: Roboto, Arial;
            box-sizing: border-box;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            #payment-method-option > .ui-tabs-nav li a:hover, #payment-method-option > .ui-tabs-nav li.ui-state-active a {
                color: #222;
                font-family: Roboto, Arial;
                font-weight: 700;
                font-size: 18px;
            }

            #payment-method-option > .ui-tabs-nav li a i {
                color: #222;
                font-size: 48px;
                margin-right: 15px;
            }

    #payment-method-option > .ui-tabs-panel > * {
        animation: fade 1s;
    }

    #payment-method-option > div {
        border: solid 2px #ddd;
        border-radius: 10px;
        margin-top: 2em;
        padding: 3em;
    }

        #payment-method-option > div > table.list-payment {
            margin-top: 2em;
        }

            #payment-method-option > div > table.list-payment tr {
                display: flex;
            }

            #payment-method-option > div > table.list-payment td {
                display: flex;
                align-items: center;
            }

            #payment-method-option > div > table.list-payment input[type=radio] {
                margin: 1em;
                margin-left: 0;
            }

                #payment-method-option > div > table.list-payment input[type=radio] + label {
                    margin-right: 4em;
                }
#payment-method-option > div > table.list-payment input[type=radio] + label img {
    width: 70%;
    height: auto; max-height:100px;
}


@keyframes fade {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}