﻿@keyframes blinkingText{0%{     background: yellow;    }49%{    background: transparent; }60%{    background: yellow; }99%{    background:transparent;  }100%{   background: yellow;    }}
.payment{padding:0}
.payment h1.title{background:#026a40;color:#fff;font-size:1.0em;padding:10px 10px;text-transform: uppercase; font-weight: 500; margin: 0 -15px;}
.payment .description p{font-weight:400}
.payment img.pay-logo{display:inline-block;width:60px}
.payment i.fa-landmark{color:#007bff;font-size:20px;font-weight:700;margin:0 15px}
.payment .pay-item fa{float:right}
.payment .warning{background:#ffc107;border-radius:5px}
.payment .warning p{margin:0;padding:0}
.payment .row{margin:0;padding:0}
.payment .row>div{margin:0;padding:0}
.payment .payment-item{background:#eee;border-radius:5px 5px 0 0;margin-top:10px;padding:5px}
.payment .payment-item h3{cursor:pointer;display:inline-block;font-size:13px;font-weight:700;line-height:30px;margin:0;padding:5px;text-transform:uppercase}
.payment .payment-item .fa{float:right;line-height:30px;padding:5px 10px}
.payment .payment-item.active{border-radius:5px;margin-bottom:0}
.payment-detail{border:1px solid #e3e3e3;border-radius:0 0 5px 5px;border-top:0;padding:10px}
.payment-bank .bank-item,.payoo-item,.vnpay-item{border:1px solid #dedede;cursor:pointer;height:44px;line-height:44px;margin:5px;padding:0 10px}
.payoo-item img{left:50%;max-height:20px;max-width:80%;position:absolute;top:50%;transform:translate(-50%,-50%)}
.payment-bank img{max-height:24px}
.vnpay-item{position:relative}
.vnpay-item img{max-height:24px}
.vnpay-item .fas{font-size:24px;color:green;top:-8px;right:-8px;position:absolute;display:none;background:#fff;border-radius:50%}
.vnpay-item.active .fas{display:inherit}
.bank-item .fas{bottom:-23px;display:none;left:40%;position:absolute}
.bank-item.active .fas{ display: inherit; margin-bottom: -1px;}
.bank-item.active,.vnpay-item.active{background:#ff0;border:1px solid #d4d4d4}
.bank-detail{border:1px solid #d4d4d4;border-radius:5px;border-top:2px solid #ff5722;display:none;line-height:28px;margin:5px 3px!important;padding: 8px !important;position: relative;}
.payment-detail-at-home .row{line-height:34px;margin:5px 0}
.payment-detail-at-home input[type=text],.payment-detail-at-home select{height:34px;line-height:34px;width:100%}
input.error,input.error:focus,select.error{border-color:#dc3545}
label.error{color:#dc3545;font-size:13px;margin:0;padding:0}
.price{color:#dc3545}
.div-order-info{background:#eee}
.div-order-info .row{line-height:24px}
.div-order-info h3{background:#ff5722;color:#fff;font-size:1.0em;margin:0;padding:10px 0;text-align:center;text-transform: uppercase; font-weight: 500;}
.div-order-info .row{margin:4px 10px}
.pax-warning{ margin: 0 0 10px; background: #FFF;}
.pax-warning .title{background:#eee;font-weight:500;padding:5px;text-align: left; padding-top: 15px;font-size: 0.9em;}
.pax-warning .content{line-height:20px;padding:10px;}
.pax-warning-content p{margin:0 0 5px;padding:0;text-align:justify}
.payment-description{line-height:20px;margin:0 0 10px!important}
.payment-description p{margin:0;padding:0}
.payment .fee{color:#dc3545!important;font-weight:600}
.payment .btn-primary{background-color: #ff5722;border-color: #ff5722;}
.error-message{ color: red;padding: 0 5px;line-height: 38px;margin-top: .5rem !important;display: block;animation: blinkingText 1.2s infinite;font-size: 14px; font-weight: bold;}