/*New Payment Flow Nov 2024 - Pranita Jadhav 29-11-2024*/
.pay-process-wrapper{background: #fffdf1;margin-top: 40px;padding: 50px 30px 30px 30px;}
.pay-process-instructn, .pay-form-sec{background: #fff;text-align: center;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;padding: 12px;border-radius: 5px;}
.pay-process-instructn ul{padding-inline-start: 25px;text-align: left;}
.pay-process-instructn ul li{margin-bottom:10px;list-style-type: disc;}
.pay-process-heading{margin: 0 0 10px 0 !important;font-size: 24px;font-weight: 600;}
.pay-process-subeading{font-size: 17px !important;}
.pay-process-img, .pay-process-man-img{width: auto;height: 425px;}
.pay-process-amount{font-size: 90px;margin: 35px 0;}
.pay-process-whitebox{background: #fff;text-align: center;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;padding: 40px 20px;border-radius: 5px;width: 90%;margin: auto;}
.pay-process-whitebox button{border: none;color: #fff;padding: 7px 15px;font-size: 19px;border-radius: 25px;margin-top: 10px;width: 190px;}
.pay-process-whitebox button:hover{transition: all 0.5s;transform: scale(1.1);}
.pay-process-paybyrefund button{background: #fdae00;}
.pay-process-paybycard button{background: #007bff;}
.pay-process-whitebox span{font-size: 18px;font-weight: 600;}
.pay-process-or{font-size: 20px; margin: 25px 0;}
.pay-process-wrapper .row {display: flex;flex-wrap: wrap;}
.pay-process-wrapper .row.payment-details-checkbox .chkbox.posRel .form-group{margin-bottom: 0;}
.pay-process-instructn, .pay-form-sec{flex-grow: 1;}
.pay-process-img-sec {display: flex;justify-content: center;align-items: center;}
.pay-process-instructn:before{content:""; width:105px; height:80px; position:absolute; left: -65px;top: 23px; background: url(../images/arrow-right-yellow.png) no-repeat 0 0;filter: drop-shadow(1px 3px 2px #c7c7c7);}
.pay-process-wrapper #braintree-payment-form .new-success-btn button{margin-top: 0 !important;}
.pay-form-sec .trans-form{padding-top: 15px;}
#braintree-payment-form .new-input .formBg .form-control[readonly]{background: #efefef !important;}
#additional-pay-popup .tax-declaratn-checkbox2 .chkbox-label, #additional-pay-popup .tax-declaratn-checkbox1 .chkbox-label{width: auto !important;padding-right: 0 !important;}
#additional-pay-popup .tax-declaratn-checkbox2 .chkbox.posRel .help-block, #additional-pay-popup .tax-declaratn-checkbox1 .chkbox.posRel .help-block{position: static;    margin-bottom: 0;width: auto;}
#additional-pay-popup .tax-declaratn-checkbox2 .chkbox.posRel, #additional-pay-popup .tax-declaratn-checkbox1 .chkbox.posRel{width: auto; margin-left: 20px;}
#additional-pay-popup .tax-declaratn-checkbox2 .chkbox.posRel input, .pay-process-img-sec .tax-declaratn-checkbox1 .chkbox.posRel input{position: static ! important;}
#additional-pay-popup .checkbox-row.tax-declaratn-checkbox2 .chkbox-label label, #additional-pay-popup .checkbox-row.tax-declaratn-checkbox1 .chkbox-label label{font-size:17px;}
.pay-process-img-sec .tax-declaratn-checkbox2 .chkbox-label, .pay-process-img-sec .tax-declaratn-checkbox1 .chkbox-label{width: auto !important;padding-right: 0 !important;}
.pay-process-img-sec .tax-declaratn-checkbox2 .chkbox.posRel .help-block, .pay-process-img-sec .tax-declaratn-checkbox1 .chkbox.posRel .help-block{position: static;    margin-bottom: 0;width: auto;}
.pay-process-img-sec .tax-declaratn-checkbox2 .chkbox.posRel, .pay-process-img-sec .tax-declaratn-checkbox1 .chkbox.posRel{width: auto; margin-left: 20px;}
.pay-process-img-sec .tax-declaratn-checkbox2 .chkbox.posRel input, .pay-process-img-sec .tax-declaratn-checkbox1 .chkbox.posRel input{position: static ! important;}
.pay-process-img-sec .checkbox-row.tax-declaratn-checkbox2, .pay-process-img-sec .checkbox-row.tax-declaratn-checkbox1{justify-content: flex-start;}
.payment-details .tax-declaratn-checkbox2 .chkbox-label, .payment-details .tax-declaratn-checkbox1 .chkbox-label{width: auto !important;padding-right: 0 !important;}
.payment-details .tax-declaratn-checkbox2 .chkbox.posRel .help-block, .payment-details.tax-declaratn-checkbox1 .chkbox.posRel .help-block{position: static;    margin-bottom: 0;width: auto;}
.payment-details .tax-declaratn-checkbox2 .chkbox.posRel, .payment-details .tax-declaratn-checkbox1 .chkbox.posRel{width: auto; margin-left: 20px;}
.payment-details .tax-declaratn-checkbox2 .chkbox.posRel input, .payment-details .tax-declaratn-checkbox1 .chkbox.posRel input{position: static ! important;}
.payment-details .checkbox-row.tax-declaratn-checkbox2, .payment-details .checkbox-row.tax-declaratn-checkbox1{justify-content: flex-start;}
.payment-details .checkbox-row.tax-declaratn-checkbox2, .payment-details .checkbox-row.tax-declaratn-checkbox1{margin: 0 auto 10px auto !important;}
.payment-details .checkbox-row.tax-declaratn-checkbox2, .payment-details .checkbox-row.tax-declaratn-checkbox1{}
.payment-details .checkbox-row.tax-declaratn-checkbox2 .chkbox-label label, .payment-details .checkbox-row.tax-declaratn-checkbox1 .chkbox-label label{font-size:17px;}
#pay-form-section .pay-process-beaware-p ul li{font-size: 16px !important;font-weight: 500;}
#pay-form-section .pay-process-beaware-p p{font-size: 16px !important;font-weight: 500;}
.pay-process-img-sec #fee-from-refund-declaration .checkbox-row.tax-declaratn-checkbox2, .pay-process-img-sec #fee-from-refund-declaration .checkbox-row.tax-declaratn-checkbox1{margin: 10px auto !important;display: flex;}
.pay-process-img-sec .checkbox-row.tax-declaratn-checkbox2 .chkbox-label label, .pay-process-img-sec .checkbox-row.tax-declaratn-checkbox1 .chkbox-label label{font-size:17px;}
#pay-form-section .pay-process-beaware-p p.font-17{font-size: 18px !important;}
#pay-form-section  .pay-process-beaware-p .pay-beaware-sbuheading{margin-bottom: 35px;padding-left: 60px; font-size: 18px !important;}
.pay-process-beaware-p .child-image img{height: auto;width: 48px;position: absolute; left: 10px;top: -11px;}
.pay-process-beaware .btn.new-success-btn{height: auto !important;}
#fee-from-refund-declaration .btn.new-success-btn{background: linear-gradient(0deg, #00c317, #06ff22) !important; white-space: normal;margin-right: 0 !important; margin-left: 0;color:#000;}
.pay-refund-accept-btn:before{content: none !important;}
#fee-from-refund-declaration .pay-refund-accept-btn{ background: none;}
.pay-process-refund .declaration-cls{word-break: break-all;}
.pay-process-expire .help-block{    padding-left: 20px;}
.pay-card-img img{width: 110px; height: 40px;}
.pay-card-img .btree img{width: 100px; height: 32px;}
.pay-process-btn .new-cancel-btn, .pay-process-btn .new-success-btn{min-width: 115px;max-width: 115px;}
.pay-process-btn .new-cancel-btn a, .payment-details .pay-process-btn .new-success-btn button{ margin-top: 0 !important;min-width: auto !important;max-width: auto !important;}
#additional-pay-popup .modal-dialog{width: 910px;}
#additional-pay-popup .modal-body .pay-subheading{padding-bottom: 10px;}
#additional-pay-popup .modal-body{padding: 5px 15px 0 15px;}
#additional-pay-popup .payment-details-checkbox .chkbox .form-group{margin-bottom: 0;}
#additional-pay-popup .box-section{float:left; width: 100%;}
.trans-form{padding: 0 15px;}
.card-details-sec{width:100%;}
.card-details-sec .accepted-cards h3{font-size: 15px;}
.pay-process-beaware .new-rethink-btn{background: linear-gradient(0deg, #007bff, #61adff) !important;color: #fff; border: none;padding: 10px !important;font-size: 16px !important;margin-right: 5px !important; margin-left:5px !important; height: auto !important;}
.pay-process-beaware .new-rethink-btn:hover{background: linear-gradient(0deg, #007bff, #61adff) !important;color: #fff; border: none;}
.pay-process-beaware .new-success-btn{background: linear-gradient(0deg, #00c317, #06ff22) !important; border-top: none !important;color: #000; padding: 10px !important;border-top: none;margin-right: 5px !important; margin-left:5px !important;font-size: 16px !important;}
.pay-process-beaware .new-success-btn:hover{background: linear-gradient(0deg, #00c317, #06ff22) !important;color: #000;}
.pay-process-beaware .new-success-btn button{ color: #000 !important;margin-top: 0 !important;}
#additional-pay-popup .checkbox-row.tax-dec-checkbox-row{justify-content: flex-start;align-items: flex-start;}
#additional-pay-popup .checkbox-row.tax-dec-checkbox-row .form-group {margin-bottom: 0;}
#additional-pay-popup #fee-from-refund-declaration{position: relative;}
#additional-pay-popup #fee-from-refund-declaration .print-disp .list-inline{position: absolute;right: 15px;top: -20px;}
#additional-pay-popup .new-btn a, .new-success-btn button{margin-top: 0;}
#additional-pay-popup .declaration .declaration-cls{height: calc(100vh - 350px);overflow-y: auto;}
/*New Payment Flow Nov 2024 ends*/
.pay-notification h4{background: #09841826;padding: 10px 5px;color: #098418;font-weight: 600;}
@media (max-width:1700px){
    .pay-refund-accept-btn, .pay-refund-accept-btn .btn{height: 60px !important;}
    .pay-refund-back-btn{margin-top: 10px;}
    .pay-card-img img {width: 90px;height: 33px;}
    .pay-card-img .btree img {width: 90px;height: 27px;}
    #additional-pay-popup .pay-refund-accept-btn, .pay-refund-accept-btn .btn{height: 50px !important;}
}
@media (max-width:1580px){
    .new-font-15{font-size: 15px;}
    .pay-process-btn .mr-20{margin-right: 0 !important; margin-bottom:10px !important;}
    .be-aware-header img{width: 45px;}
    .be-aware-header .triangle-img{margin-right: 15px;}
    .be-aware-header .triangle-img-2{margin-left: 15px;}
}
@media (max-width:1480px){
    .pay-process-expire-mm, .pay-process-info{padding-right: 5px !important;}
    .pay-process-expire-yy, .pay-process-amt{padding-left: 5px !important;}
    .pay-process-info a img{width: 25px !important;}
    .pay-process-whitebox button{font-size: 16px;width: 150px;}
    .pay-process-instructn, .pay-form-sec{padding:10px;}
    .pay-process-instructn ul {padding-inline-start: 20px;}
}
@media (max-width:1450px){
    .pay-process-info a img{width: 25px !important;}
    .pay-process-whitebox button{font-size: 16px;width: 150px;}
    .pay-process-instructn, .pay-form-sec{padding:10px;}
    .pay-process-instructn ul {padding-inline-start: 20px;}
    .pay-process-card-img .justify-center{display: block;text-align: center;}
    .pay-process-btn .new-cancel-btn a, .pay-process-btn .new-success-btn button {min-width: 70px !important;}
    .pay-process-btn .new-cancel-btn, .pay-process-btn .new-success-btn {min-width: 95px;max-width: 95px;}
    #additional-pay-popup .pay-process-card-img .justify-center {display: flex;}
}
@media (max-width:1410px){
    .pay-process-beaware-p .btn.new-rethink-btn, .btn.new-success-btn{font-size: 15px !important;}
}
@media (max-width: 1300px){
    .be-aware-header img {width: 30px;}
    #additional-pay-popup .modal-dialog{width: 780px;}
    #additional-pay-popup .payment-details .checkbox-row.tax-declaratn-checkbox2, #additional-pay-popup .payment-details .checkbox-row.tax-declaratn-checkbox1 {margin: 0 auto 0px !important;}
    
    
    
        .pay-process-wrapper .box-section .box-section-txt {
        width: max-content;
                padding: 4px 6px;        margin-top: -33px;
    }
}
@media (max-width:1199px){
    .pay-process-whitebox button{font-size: 19px;width: 190px;}
    .pay-process-img-sec{margin-top: 40px;}
    .pay-process-expire{flex-direction: row;}
    .pay-process-card-img .justify-center {flex-direction: row;}
    .pay-process-amount {font-size: 60px;}
    .pay-process-whitebox {padding: 20px 20px;}
    .pay-process-btn{flex-direction: row; align-items: center;}
    .pay-process-btn .mr-20{margin-right: 20px !important; margin-bottom: 0px !important;}
    .pay-process-instructn ul li{font-size: 15px;}
    .pay-process-instructn, .trans_details{padding: 15px;}
    .pay-refund-accept-btn, .pay-refund-accept-btn .btn{height: 50px !important;}
    .pay-refund-back-btn {margin-top: 0px;}
    .list-inline li.pay-refund-print{width: auto;}
    .pay-process-wrapper .pay-process-img-sec{    padding-left: 15px !important;}
}
@media (max-width:996px){
    .pay-process-instructn:before{content: none;}
    #pay-form-section .pay-process-beaware-p .pay-beaware-sbuheading {padding-left: 0;}
    #additional-pay-popup .modal-dialog{width: 700px;}
}
@media (max-width:767px){
    .pay-process-wrapper{margin-top: 70px;}
    .card-details-sec{padding-bottom: 15px;}
    #additional-pay-popup .modal-dialog {width: 85%;margin: 20px auto;}
    #additional-pay-popup .checkbox-row.tax-dec-checkbox-row{display: flex;}
    #additional-pay-popup #fee-from-refund-declaration .declaration{margin-top: 10px;}
    #additional-pay-popup .pay-refund-btn{display: flex;flex-direction: column;align-items: center;}
    #additional-pay-popup .pay-refund-btn .new-cancel-btn{margin-top: 5px;}
    #additional-pay-popup .pay-refund-btn .btncontinue{margin-bottom: 5px;}
}
@media (max-width:480px){
    .refund-page .pay-process-refund .declaration-cls p {font-size: 14px;}
    .pay-refund-accept-btn, .pay-refund-accept-btn .btn{height: auto !important;}
    .pay-refund-btn{display: flex; flex-direction: column; align-items: center;}
    #fee-from-refund-declaration .pay-refund-accept-btn .btn {margin-bottom: 0;}
    #additional-pay-popup .pay-process-card-img .justify-center {display: block; text-align: center;}
    #additional-pay-popup .pay-refund-btn .backbtnright{margin-top: 10px;}
    
        .container-fluid .pay-process-wrapper  header {
        margin-top: 0 !important;
    }
}