/*
 * /css/web/payment-links-chat.css
 */

@media screen and (max-width:767px){.payment-panel-wrapper.has-bg{content:"";display:block;background:var(--img-bg) no-repeat 50% center;background-size:cover;height:120px;margin:0 -15px 0 -15px}
}
@media screen and (max-width:1060px){#wrapper{width:90% !important}
.modal-dialog{width:75% !important;margin:auto !important}
}
.modal-content{background-color:whitesmoke !important}
.modal-body{padding-top:0 !important;padding-bottom:0 !important}
.btn-aed-pay{color:#fff !important;background-color:#25405d;border-color:#25405d}
.btn-aed-pay:hover{color:#fff !important;background-color:#2a2c2f;border-color:#030d1a}
.payment-method-icon{background-color:white;border:1px solid #bfbfbf;font-weight:900;font-size:20px;padding:0 7px}
.payment-method-icon i{transform:scalex(1.1)}
.a-aed-payment{color:#1085bb}
.img-url-hint{margin-bottom:10px;width:100%;border-top-right-radius:20px;border-top-left-radius:20px}
.merchant-logo{width:80px;height:80px;display:inline-block;margin:0;border:1px solid #ccc;background-color:#ecf0f1;line-height:1.42857143;border-radius:8px}
.chat-container{height:70vh;overflow-y:scroll;padding-right:16px;max-height:27rem;min-height:27rem;-ms-overflow-style:none;scrollbar-width:none}
.chat-container::-webkit-scrollbar{display:none}
#wrapper{width:60vw;margin:50px auto}
.chat ul{margin:0;padding:0;list-style:none}
.message-left .message-time{display:block;font-size:12px;text-align:left;padding-left:30px;padding-top:4px;color:#ccc;font-family:Courier}
.message-right .message-time{display:block;font-size:12px;text-align:right;padding-right:20px;padding-top:4px;color:#ccc;font-family:Courier}
.message-left{text-align:left;margin-bottom:16px}
.message-left .message-text{max-width:75%;display:inline-block;background:#fff;padding:14px;font-size:14px;color:#999;border-radius:30px;font-weight:100;line-height:1.5em}
.message-right{text-align:right;margin-bottom:2px}
.message-right .message-text{max-width:75%;line-height:1.5em;display:inline-block;background:#cefaca;padding:14px;font-size:14px;color:#252424;border-radius:30px;line-height:1.5em;font-weight:100;text-align:left}
.chat{position:relative;border-radius:30px;padding:20px}
.spinme-right{display:inline-block;padding:15px 20px;font-size:14px;border-radius:30px;line-height:1.25em;font-weight:100;opacity:.2}
.spinme-left{display:inline-block;padding:15px 20px;font-size:14px;color:#ccc;border-radius:30px;line-height:1.25em;font-weight:100;opacity:.2}
.spinner{margin:0;width:30px;text-align:center}
.spinner>div{width:10px;height:10px;border-radius:100%;display:inline-block;-webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both;animation:sk-bouncedelay 1.4s infinite ease-in-out both;background:rgba(0,0,0,1)}
.spinner .bounce1{-webkit-animation-delay:-0.32s;animation-delay:-0.32s}
.spinner .bounce2{-webkit-animation-delay:-0.16s;animation-delay:-0.16s}
@-webkit-keyframes sk-bouncedelay{0,80%,100%{-webkit-transform:scale(0)}
40%{-webkit-transform:scale(1.0)}
}
@keyframes sk-bouncedelay{0,80%,100%{-webkit-transform:scale(0);transform:scale(0)}
40%{-webkit-transform:scale(1.0);transform:scale(1.0)}
}