/* PROD0000262-Evalon Payment Gateway Integration -START */
.modal-dialog.popupMini{max-width:320px !important;}
.pageWrap.payment-DetailsWrap .form-control{border:1px solid #c1c1c1;}
.pageWrap.payment-DetailsWrap{padding: 38px 35%;margin-bottom:80px;border:1px solid #c1c1c1;border-top:none;}
.pageWrap.payment-DetailsWrap label{margin-bottom:4px;}
.pageWrap.payment-DetailsWrap .checkbox label, .payment-Summary .checkbox label, .paymentsummary1 .checkbox label{text-indent:28px;font-weight:bold;padding-bottom:12px;line-height:26px;}
.company-paymentType label{font-size:20px;line-height:22px;}
.company-paymentType, .company-paymentType .btns{display:flex;margin-left:auto;margin-right:auto;}
.company-paymentType-wrap{background-color:#FCFCFC;box-shadow:0 3px 6px #e7dfdf;padding:34px 0;border-top:1px solid #ebebeb;}
.payment-DetailsWrap h3{font-weight:bold;color:#695B5E;font-size:20px;margin-bottom:18px;}
.payment-DetailsWrap .checkbox, .payment-Summary .checkbox, .paymentpopup-content .checkbox{border:1px solid #c1c1c1;border-radius:12px;padding:12px;}
.payment-DetailsWrap .totalPayment p, .payment-Summary .totalPayment p, .paymentpopup-content .totalPayment p, .paypopup-content .totalPayment p{text-align:right;font-weight:bold;font-size:20px; color:#695B5E;}
.payment-DetailsWrap .totalPayment span{font-size:30px; padding-left:12px;}
.payment-col img{width:36px;}
.payment-col {padding:25px 15px;}
.payment-Summary .payment-col, .paypopup-content .payment-col{border-top:2px dashed #c1c1c1;}
.payment-DetailsWrap .btns, .payment-Summary .btns, .paymentpopup-content .btns, .paypopup-content .btns{display:flex;margin-left:auto;margin-right:auto;}
.payment-DetailsWrap .btns button, .payment-Summary .btns button, .paymentpopup-content .btns button, .paypopup-content .btns button{width:105px;}
.LastPaid .due-btn{border: 1px solid #C1C1C1;color: #695B5E;background: #ffffff;border-radius: 25px;font-size:16px !important;}
.netBanking{margin-top:25px;margin-bottom:15px;}
.modal-dialog.payment-Summary-Wrap, .modal-dialog.paymentpopup-wrap, .modal-dialog.paypopup-wrap, .modal-dialog.payment-Summary-Wrap{max-width:550px !important;}
.payment-Summary, .paymentpopup-content, .paypopup-content {padding:0 20px;}
.payment-Summary .payment-wrap{margin-top:10px;}
.payment-Summary .checkbox, .PaymentMethod p, .LastPaid p, .MaxPayAmt p, .paymentsummary1 .checkbox{font-size:15px;}
.LastPaid p{padding-top:7px;}
.LastPaid {border-top:1px solid #c1c1c1;padding-top:20px;}
.PaymentMethod h3{font-size:18px;font-weight:bold;padding:5px 0;}
.payment-Summary .totalPayment p span, .paymentpopup-content .totalPayment p span, .paypopup-content .totalPayment p span, .PaymentSentNotification .totalPayment{font-weight:bold;font-size:26px;}
.payment-Summary .totalPayment p, .payment-Summary .totalPayment p span span, .paymentpopup-content .totalPayment p, .paymentpopup-content .totalPayment p span span, .paypopup-content .totalPayment p, .paypopup-content .totalPayment p span span{font-weight:normal;font-size:16px;}
.payment-Summary .totalPayment p span span, .paymentpopup-content .totalPayment p span span, .paypopup-content .totalPayment p span span{padding-left:12px;padding-right:5px;}
.StatusCicon{background-color: #06B57A;width: 10px;height: 10px;display: inline-block;border-radius: 50%;margin-right: 6px;}
.icon-dollar{margin-top:-3px;margin-right:5px;}
.bankLogo{background: url(../images/elavon-payments/bank-logo.svg) no-repeat;background-size:20px;background-position-x:98%; background-position-y:9px;}
.icon-creditCard{background: url(../images/elavon-payments/bank-logo.svg) no-repeat;background-size:20px;background-position-x:98%; background-position-y:9px;}
.btn.AddCCbtn, .btn.AddCCbtn:hover{background:#2a4e7d !important; color:#ffffff; font-size:16px !important;}
.payNotification{background-color:#eff5fd;border-radius:5px;margin:0;padding-top:12px;margin-bottom:20px;box-shadow:0 3px 6px #e7dfdf;}
.payNotification .icon-dollar{margin-top:4px;}
.MaxPayAmt{}
.paypopup-content .netBanking-wrap p.cardPrimary{position: absolute;right: 33px;top: -10px; background-color: #eff5fd;padding: 2px 14px;font-size: 12px;border-radius: 25px; border: 1px solid #2a4e7d;}/*payment screen css end*/
.icon-Clogo{width:150px;margin-bottom:15px;}
.PaymentSentNotification .totalPayment p span{color:#00c6ff;padding-left:8px;}
.PaymentSuccessWrap button.close{opacity:unset;}
.PaymentSuccessWrap.modal-dialog .modal-header{padding: 0;margin-top: -10px;}
.icon-success, .icon-error{width: 100px;padding-top: 36px;padding-bottom: 20px;}
.PaymentStatusLogo h2 {font-weight: bold;padding: 0 20%;text-transform:uppercase;font-size:28px;}
.PaymentSuccess{ border-radius:20px;}
.PaymentStatusLogo{background-color:#e9f8ff;border-top-left-radius:20px;border-top-right-radius:20px;margin-top: 10px;}
.PaymentStatusLogoFailure{background-color:#fee3e3;}
.PaymentSuccessWrap .modal-content{border-radius: 20px;}
.btn.TryAgain{background-color:#f3aaaa;font-size:16px !important; color:#ffffff;text-transform:uppercase;}
.PaymentSuccessWrap .Close-Btn {
    background-color: #ffffff;
    border-radius: 50%;
    padding: 7px;
    height: 24px;
    display: flex;
    width: 24px;
    margin-top: -4px;
    line-height: 11px;
    position: absolute;
    right: 3px;
    color: #8d8d8d;
    font-size: 24px;
    box-shadow: 0px 1px 4px #818181;
    font-weight: normal;
	cursor: pointer;
}
.PaymentSentNotification {height: 162px;text-align: center;}
.PaymentAutoSuccessPopup, .PaymentAutoSuccessSave {text-align: center;}
.PaymentSentNotification h5 {padding: 34px 5px;font-size: 14px;padding-bottom: 14px;}
.PaymentAutoSuccessPopup h5, .PaymentAutoSuccessSave h5{padding: 34px 5px;font-size: 18px;padding-bottom: 14px;}
.PayFromDetails-wrap{ border: 1px solid #ced4da;border-radius: 10px;padding: 10px;height: 110px;margin-bottom: 10px;}		
.PayFromDetails-wrap p{margin-bottom: 6px;}
.PayFromDetails-wrap .icon-creditCard-wrap, .PayFromDetails-wrap .icon-BankLogo{padding-top: 28px;padding-left: 10px;}
.PayFromDetails-wrap .icon-BankLogo{width:46px;padding-top: 23px;}
.netBanking-wrap{margin-top:30px;}
.paymentpopup-content .payment-col{padding-bottom:0;border-bottom:1px dashed #c1c1c1;margin-bottom:20px;width:440px;}
.paypopup-content .netBanking-wrap{margin-bottom:12px;}
.paymentsummary1 .CCardBlock{margin-bottom:22px;}
.paymentsummary1 .payment-col{padding:25px 0;}
.icon-Add{width:30px;padding-right:10px;filter:brightness(10);}
.modal-dialog.payment-Summary-Wrap{margin: 0 auto;}
.creditcardSection.selected,.achTypeSection.selected{border: 2px solid #2a4e7d;}
.creditcardachSection.selected{border: 2px solid #2a4e7d;}
.payment-icon-trash{width:17px;padding-top:46px;}
.modal .popupMedium .modal-body{padding:0;}
.modal-dialog.popupMedium{max-width: 550px !important;}

.AddCCbtn-wrap .dropdown-toggle::after{display:none;}
.AddCCbtn-wrap .dropdown-menu{padding: 0;}
.AddCCbtn-wrap .dropdown-item{padding: 4px 20px;}
.AddCCbtn-wrap .dropdown-menu{padding: 0;border-radius: 4px;width: auto;min-width: 120px;}/*width: 120px;*/
.AddCCbtn-wrap .dropdown-menu a:focus, .AddCCbtn-wrap .dropdown-menu a:hover{background: #f3804e;}


.pageWrap.SavedPayment-DetailsWrap .form-control{border:1px solid #c1c1c1;}
.pageWrap.SavedPayment-DetailsWrap{padding:38px 25%;}
.pageWrap.SavedPayment-DetailsWrap label{margin-bottom:4px;}
.pageWrap.SavedPayment-DetailsWrap .checkbox label, .payment-Summary .checkbox label, .paymentsummary1 .checkbox label{text-indent:28px;font-weight:bold;padding-bottom:12px;line-height:26px;}
.SavedPayment-DetailsWrap h3{font-weight:bold;color:#695B5E;font-size:20px;margin-bottom:18px;}
.SavedPayment-DetailsWrap .checkbox, .payment-Summary .checkbox, .paymentpopup-content .checkbox{border:1px solid #c1c1c1;border-radius:12px;padding:12px;}
.SavedPayment-DetailsWrap .totalPayment p, .payment-Summary .totalPayment p, .paymentpopup-content .totalPayment p, .paypopup-content .totalPayment p{text-align:right;font-weight:bold;font-size:20px; color:#695B5E;}
.SavedPayment-DetailsWrap .totalPayment span{font-size:30px; padding-left:12px;}
.SavedPayment-DetailsWrap .btns, .payment-Summary .btns, .paymentpopup-content .btns, .paypopup-content .btns{display:flex;margin-left:auto;margin-right:auto;}
.SavedPayment-DetailsWrap .btns button, .payment-Summary .btns button, .paymentpopup-content .btns button, .paypopup-content .btns button{width:105px;}
.SavedPayment-LastPaid{padding-top: 20px;}
.paymentpopup-content .savedpayment-col {padding: 25px 15px;border-bottom: 1px dashed #c1c1c1;margin-bottom: 20px;/* width: 510px; */}
.SavedPaymentList.selected{border: 2px solid #2a4e7d !important;}
.autopayment-cardlist.selected{border: 2px solid #2a4e7d !important;}
.creditbookAddNew_card.selected{border: 2px solid #2a4e7d !important;}
.payment-DetailsWrap.hidden{display:none;}
.star {color: #EC0032;}
.SavedPayment-DetailsWrap button.close {font-size: 16px;right: 20px;top:5px;position: relative;}
.payment-Summary .form-control{ color:#495057;}
button.close a {color: #484848;}
p.btn.disabled.due-btn {border: 1px solid #C1C1C1;color: #695B5E;background: #ffffff;border-radius: 25px;font-size: 16px !important;}
span.dollar {position: relative;top: -40px;font-size: 26px;left: 5px;}
.summary-dollor{font-size:26px!important;}
.form-control.addrLine{ text-indent:5px;}
.totalPayment p span ins {text-decoration: none;}
.form-control.DueAmountSection{font-size:26px;}
.modal .modal-footer {justify-content: center;}
.icon-trashl {width: 24px;padding-top: 42px;}
.autoMaxAmount{text-indent: 5px;font-size:26px!important;}
.errortext{color: #ff0000;}
#initialflow-remember{margin-bottom:10px;}
.AutoPaymentDetailsSection .form-control {color: #495057;}
 .AutoPaymentDetailsSection .checkbox {border: 1px solid #c1c1c1;border-radius: 12px;padding: 12px;}
 .AutoPaymentDetailsSection .checkbox label {
    text-indent: 28px;
    font-weight: bold;
    padding-bottom: 12px;
    line-height: 26px;
}
.validationTitle{font-size:18px;}
.noServicefee{border-top:unset!important;}
.achFormBtn{margin-top:20px;}
.servicefeeCls td{font-size:14px!important;text-transform:none!important;}
.summary-dollor-total{padding-right:0px!important;}
.summary-dollor-amount{margin-left:-4px;}
/* PROD0000262-Evalon Payment Gateway Integration -END */

@media only screen and (max-width:1440px) {
.pageWrap.SavedPayment-DetailsWrap, .pageWrap.payment-DetailsWrap{ padding: 38px 20%;}
	.totalPayment{ position:relative; right:6%;}

	
}



@media(max-width:380px) {
.dontshownotifications {top: -64px !important;}
}

@media(max-width:414px) {
.pageWrap.payment-DetailsWrap {padding: 38px 0%;}
.payment-col {padding: 25px 0px;}
.payment-col .totalPayment, .savedpayment-col .totalPayment{margin-top: -41px;}
.pageWrap.SavedPayment-DetailsWrap{ padding: 38px 0%;}
.payment-Summary, .paymentpopup-content, .paypopup-content { padding: 0 10px;}
.paymentpopup-content .container {padding-left: 5px;padding-right: 5px;}
.PayFromDetails-wrap{ width: 240px;}
.CCardBlock .card-holder{position: relative;top: -96px;left: 67%;}
.CCardBlock .delete-holder{position: relative;top: -156px;left: 80%;}
.netBanking-wrap .card-holder{position: relative;top: -96px;left: 67%;}
.netBanking-wrap .delete-holder{position: relative;top: -156px;left: 80%;}
.CCardBlock, .netBanking-wrap{ height:120px;}
.AddCCbtn-wrap{ margin-bottom:16px;}
.SavedPayment-LastPaid  .text-right{text-align: left !important;}
.SavedPayment-LastPaid .due-btn{ margin-left:-15px;}
.SavedPayment-DetailsWrap button.close {font-size: 16px;left: -30px;top:5px;}
.SavedPayment-DetailsWrap h3 {font-size: 14px;display:inline-block;/* float: left; */}
	
}