/*Responsive credit card on payment fields*/ .payment-form-table td + td {padding-left: 0;} .form-address-table { width: 100%; max-width: 100% !important; } .payment-form-table, .payment-form-table .form-textbox{ max-width:none; } .payment-form-table td:last-child .form-sub-label-container { margin: 0; white-space: normal; } .payment-form-table td .form-sub-label-container { width: 100%; } .payment-form-table .form-textbox, .payment-form-table .form-dropdown { width : 100%; } .payment-form-table tbody > tr:first-child + tr td:first-child span { margin : 0; padding-right : 10px; box-sizing: border-box; -webkit-box-sizing:border-box; } .payment-form-table tbody > tr:first-child + tr td:first-child + td span { margin : 0; padding-left : 10px; box-sizing: border-box; -webkit-box-sizing:border-box; } .payment-form-table tbody > tr:first-child + tr +tr td:first-child span.form-sub-label-container, .payment-form-table tbody > tr:first-child + tr +tr+tr td:first-child span.form-sub-label-container { margin : 0; padding-right : 10px; width: 100% !important; box-sizing: border-box; -webkit-box-sizing:border-box; } .payment-form-table tbody > tr:first-child + tr +tr td:first-child span + span.form-sub-label-container, .payment-form-table tbody > tr:first-child + tr +tr+tr td:first-child span + span.form-sub-label-container{ margin : 0; padding-top: 0 !important; padding-right : 0; padding-left : 10px; width: 50% !important; box-sizing: border-box; -webkit-box-sizing:border-box; } .cc_ccv { width : 100% !important; } /*Credit card fix billing- city state, country */ .payment-form-table td[width="50%"]>span:first-child { box-sizing: border-box; padding-right: 10px; } .payment-form-table td[width="50%"] + td >span:first-child { box-sizing: border-box; padding-left: 10px; } .payment-form-table td[width="50%"] + td[width="50%"] >span:first-child { box-sizing: border-box; padding-right: 0; } .hover-product-item:hover { color: inherit; } .form-product-item .form-dropdown { height: auto !important; } /*WorldPay US Fix*/ [data-type="control_worldpayus"] td:last-child .form-sub-label-container { margin-left: 0; } [data-type="control_worldpayus"] td .form-sub-label-container { width: 100%; } /*Fix for braintree cc styling*/ [data-type="control_braintree"] .form-sub-label-container { width: 100% !important; padding: 4px; box-sizing: border-box; } [data-type="control_braintree"] .form-textbox{ width: 100%; } .braintree-hosted-fields { width: 100% !important; box-sizing: border-box; min-height: 28px; } /*fix chargify expand*/ [data-type="control_chargify"] .payment-form-table td[width="50%"]>span:first-child { padding-right: 0; } [data-type="control_chargify"] .payment-form-table tr+tr td[width="50%"]:first-child>span:first-child { padding-right: 10px; } /*square payment symmetric*/ .square-hosted-fields { width: 100%; height: 30px; padding: 4px 2px; box-sizing: border-box; }