#modalPickAPayment.modal { padding: 0 !important; }
#modalPickAPayment.modal .hidden-fields { display: none; }
#modalPickAPayment.modal .modal-dialog { max-width: 930px; width: 100%; }
#modalPickAPayment.modal .modal-header { background: #000; }
#modalPickAPayment.modal .modal-body { padding: 15px !important; }
#modalPickAPayment.modal .modal-header .modal-title { color: #fff; }
#modalPickAPayment.modal .modal-header button.close { color: #fff; opacity: 1; font-size: 30px; }
#modalPickAPayment.modal .pick-a-payment-row { display: flex; justify-content: space-between; gap: 1%; margin: 15px 0; }
#modalPickAPayment.modal .pick-a-payment-group { width: 100%; }
#modalPickAPayment.modal .pick-a-payment-group > .pick-a-payment-label { display: block; vertical-align: middle; }
#modalPickAPayment.modal .pick-a-payment-group > input { display: block; width: 100%; vertical-align: middle; font-size: 16px; padding: 10px 0px; }
#modalPickAPayment.modal .pap-required { color: red; }
#modalPickAPayment.modal .output-container span { vertical-align: middle; margin-right: 5px; margin-left: 5px; font-size: 18px; display: inline !important; }
#modalPickAPayment.modal .output-container output { vertical-align: middle; display: inline-block; padding-top: 0; font-size: 18px; }

#modalPickAPayment.modal .pickformtabs { display: flex; justify-content: space-around; margin-bottom: 45px; padding-left: 0; }
#modalPickAPayment.modal .pickformtabs>li { width: 100%; }
#modalPickAPayment.modal .pickformtabs>li>a { text-decoration: none; border-radius: 0; font-size: 20px; padding: 20px 18px; transition: all 0.2s; background: #ccc; height: 100%; }
#modalPickAPayment.modal .pickformtabs>li>a:hover { opacity: 0.8; }
#modalPickAPayment.modal .pickformtabs>li.active>a { background-color: #ed2024 !important; text-decoration: none; }
#modalPickAPayment.modal .pickformtabs>li>a>span { display: block; }

#modalPickAPayment.modal .next-prev-row { text-align: center; margin-top: 20px; }
#modalPickAPayment.modal .next-prev-row a { text-decoration: none !important; display: inline-block; background: #000; color: #fff; padding: 10px 20px; cursor: pointer; margin: 0px 5px; }

.step2permonth-container { text-align: center; font-size: 24px !important; margin-bottom: 30px !important; }
.step2permonth-container span { display: inline !important; }

#modalPickAPayment.modal .step3info { text-align: center; }
#modalPickAPayment.modal .step3info span { display: inline !important; }
#modalPickAPayment.modal .submitbtn { margin-top: 30px; text-align: center; }
#modalPickAPayment.modal .submitbtn > button { border-radius: 0 !important; border: 0 !important; background-color: #008000; padding: 22px 25px; transition: all 0.2s; white-space: normal; line-height: 110%; }
#modalPickAPayment.modal .submitbtn > button:hover { opacity: 0.7; }
#modalPickAPayment.modal .toptxt { display: block; font-size: 30px; font-weight: bold; }
#modalPickAPayment.modal .bottxt { display: block; font-weight: bold; font-size: 16px; margin-top: 15px; }

#modalPickAPayment.modal .vinfo-container { padding: 15px 0px; display: flex; }
#modalPickAPayment.modal .vinfo-imgcol { margin-right: 20px; }
#modalPickAPayment.modal .vinfo-imgcol img { width: 200px; height: auto; object-fit: cover;  }
#modalPickAPayment.modal .vinfo-vname { font-size: 20px; font-weight: bold; color: #000; }
#modalPickAPayment.modal .vinfo-vvin { font-size: 14px; font-weight: bold; color: #727272; }
#modalPickAPayment.modal .vinfo-vvin span { display: inline !important; }
#modalPickAPayment.modal .vinfo-vdesc { margin-top: 10px; font-size: 14px; color: #464646; }

@media only screen and (max-width: 767px) {
    #modalPickAPayment.modal .modal-dialog { width: auto; }
    #modalPickAPayment.modal .pick-a-payment-row { display: block; margin: 0; }
    #modalPickAPayment.modal .pick-a-payment-group { margin: 15px 0; }
    #modalPickAPayment.modal .pickformtabs>li>a span { font-size: 14px; }
    #modalPickAPayment.modal .vinfo-imgcol { display: none; }
}