/*payment gateways*/
.payment-block{display:block;border:1px solid #D9EEFF;margin:15px 0;padding:10px}
.payment-gateways{margin-bottom:30px}
.gateways-list{margin:10px 0;zoom:1;display:block;position:relative}
.gateways-list textarea{height:70px}
.gateways-list table td img{display:block;margin:0 auto}
.gateways-list table{margin:10px 0}
.gateways-list table td{padding:4px;vertical-align:top}
.gateways-list table td .submit{padding-left:107px;padding-top:7px}
.gateway-row{background:#fafbfc;border:1px solid #eaeff0;margin:0;padding:5px 10px;position:relative}
.gateway-row h3{padding-left:45px;padding-top:8px;padding-bottom: 8px; margin:0; font-size: 20px;}
.send-row h3{width:auto}
.gateway-row .checkbox{padding-top:8px}
.payment-gateways .accordion-switch{background:none repeat scroll 0 0 #eee;color:#555;display:block;font-size:24px;font-weight:700;height:100%;left:0;line-height:34px;position:absolute;text-align:center;top:0;width:45px;z-index:10}
.checkbox input{height:14px}
.checkbox input,.checkbox label{float:left}
.gateway-details{padding: 20px;
    padding: 20px 10px 20px 20px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    overflow: auto;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-inline-end: 10px;
}
.gateway-details::-webkit-scrollbar-track {
    background-color: #E4EBF2;
    border-radius: 2px;
    width: 8px;
}

.gateway-details::-webkit-scrollbar {
    width: 8px;
}

.gateway-details::-webkit-scrollbar-thumb {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 5px 8px #0000000D;
    border: 1px solid #E4EBF2;
    border-radius: 2px;
    width: 8px;
}
    
.modal-logo {
    width: auto;
    max-width: 200px;
    height: auto;
    min-height: 60px;
    max-height: 60px;
}
.payment_modal-head {
    padding-bottom: 35px;
    position: relative;
}
.snippet-trigger {
    display: none;
}
.snippet-trigger,.snippet-trigger:hover,.snippet-trigger:active,.snippet-trigger:focus {
    color: #1877F2;
    cursor: pointer;
}
.payment_modal-snippet {
    position: relative;
    padding: 30px;
    padding-inline-end: 70px;
    background: #FFFFFF;
    color: #202124;
    z-index: 99;
    margin: 0 -10px 15px -20px;
    overflow: hidden;
    flex-shrink: 0;
    border-top: 1px solid #E4EBF2;
    border-bottom: 1px solid #E4EBF2;
}
.payment_modal-snippet:before {
    content: "\f05a";
    position: absolute;
    right: -12px;
    top: -5px;
    color: #1877F2;
    font-size: 170px;
    line-height: 147px;
    opacity: 0.05;
    display: inline-block;
    font-family: FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);

}
.rtl .payment_modal-snippet:before {
    left: -12px;
    right: unset;
}
.payment_modal-snippet h3 { margin-bottom:8px; }
.payment_modal-snippet ol,.payment_modal-snippet ul { list-style:decimal; margin:7px 0 0 0; padding-inline-start:25px; }
.payment_modal-snippet ul { list-style-type:disc;}
.payment_modal-snippet ol a,.payment_modal-snippet ul a,.payment_modal-snippet p a {
	text-decoration:underline;
	color:#1877F2;
}
.payment_modal-snippet li { position:relative;  margin-bottom:4px; }
.payment_modal-snippet li span.number { position:absolute; left:0; top:0; background:url(images/numbers.gif) no-repeat; height:22px; width:21px; text-align:center; color:#fff; font-size:14px; font-weight:700; line-height:22px; }
.payment_modal-snippet li h4 { font-size: 14px; font-weight: 100; padding-bottom:0 }
.payment_modal-snippet li h4 a { font-weight:700; text-decoration:underline }
.payment_modal-snippet li p { color:#787878; padding-top: 8px; }
.payment_modal-close {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 30px;
    height: 30px;
    display: block;
    line-height: 30px;
    color:#1877F2;
    cursor: pointer;
    z-index: 9;
}
.rtl .payment_modal-close {
    right: unset;
    left: 30px;
}
.modal-trigger {
    cursor: pointer;
}
.modal-trigger i {
    font-size: 24px;
    margin-inline-end: 8px;
    line-height: 22px;
}
.modal-trigger:hover {
    color: #1877F2;
}
.payment_modal-title h4 {
    font-size: 16px;
    font-weight: bold;
    color: #1877F2;
}
.payment-card {
    border: 1px solid #E4EBF2;
    max-height: 152px;
}
.payment-card--content {
    border-bottom: 1px solid #E4EBF2; 
    min-height: 95px;   
    padding: 0 20px;
}
.payment-card--content p {
    line-height: 20px;
}
.payment-card-footer {
    padding: 15px 20px;
    background-color: #F6F9FC;
}
.panel .panel-heading {
    line-height: 18px;
}
.modal-title-container {
    text-transform: capitalize;
}
.modal-title-container img {
    margin-right: 15px;
}
.rtl .modal-title-container img {
    margin-right: 0;
    margin-left: 15px;
}