forked from paymentez/paymentez.js
-
Notifications
You must be signed in to change notification settings - Fork 0
/
paymentez.min.css
1 lines (1 loc) · 5.87 KB
/
paymentez.min.css
1
.paymentez-form input.card-number{padding-right:48px}.paymentez-form .card-number-wrapper .card-type-icon{height:21px;width:32px;position:absolute;display:block;right:8px;top:7px;pointer-events:none;opacity:0}.paymentez-form .card-number-wrapper .show{opacity:1}.paymentez-form .card-number-wrapper .card-type-icon.visa{background:url(ic_visa.svg)}.paymentez-form .card-number-wrapper .card-type-icon.master-card{background:url(ic_mastercard.svg)}.paymentez-form .card-number-wrapper .card-type-icon.american-express{background:url(ic_amex.svg)}.paymentez-form .card-number-wrapper .card-type-icon.credisensa{background:url(ic_credisensa.png)}.paymentez-form .card-number-wrapper .card-type-icon.discover{background:url(ic_discover.svg)}.paymentez-form .card-number-wrapper .card-type-icon.diners{background:url(ic_diners.svg)}.paymentez-form .card-number-wrapper .card-type-icon.jcb{background:url(ic_jcb.svg)}.paymentez-form .cellphone-container{width:50%;float:right}.paymentez-form .cellphone-wrapper{box-sizing:border-box;margin-left:5px}.paymentez-form .cellphone-wrapper .cellphone{display:block;width:100%}.paymentez-form .cvc-container{width:50%;float:right}.paymentez-form .cvc-wrapper{box-sizing:border-box;margin-left:5px}.paymentez-form .cvc-wrapper .cvc{display:block;width:100%}.paymentez_dialog_error,.paymentez_dialog_info,.paymentez_dialog_success,.paymentez_dialog_warning{margin:10px 0;padding:6px;font-size:14px}.paymentez_dialog_info{color:#00529B;background-color:#BDE5F8}.paymentez_dialog_success{color:#4F8A10;background-color:#DFF2BF}.paymentez_dialog_warning{color:#9F6000;background-color:#FEEFB3}.paymentez_dialog_error{color:#D8000C;background-color:#FFD2D2}.paymentez_dialog_error i,.paymentez_dialog_info i,.paymentez_dialog_success i,.paymentez_dialog_warning i{margin:2px;font-size:1em;vertical-align:middle}.paymentez-form .email-container{width:50%;float:left}.paymentez-form .email-wrapper{box-sizing:border-box;margin-right:5px}.paymentez-form .email-wrapper .email{display:block;width:100%}.paymentez-form .expiry-container{width:50%;float:left}.paymentez-form .expiry-wrapper{box-sizing:border-box;margin-right:5px}.paymentez-form .expiry-wrapper .expiry{display:block;width:100%}.paymentez-form .expiry-wrapper .expiry-month{border-top-right-radius:0;border-bottom-right-radius:0;padding-left:30px}.paymentez-form .expiry-wrapper .expiry-year{border-top-left-radius:0;border-bottom-left-radius:0;border-left:0}.paymentez-form .expiry-wrapper .expiry-month,.paymentez-form .expiry-wrapper .expiry-year{display:inline-block}.paymentez-form .expiry-wrapper .expiry{padding-left:38px}.paymentez-form .icon{position:absolute;display:block;width:24px;height:17px;left:8px;top:10px;pointer-events:none}.paymentez-form .icon.right{right:8px;left:auto}.paymentez-form .icon.popup{cursor:pointer;pointer-events:auto}.paymentez-form .icon .svg{fill:#888}.paymentez-form .icon.popup .svg{fill:#aaa!important}.paymentez-form .card-number-wrapper,.paymentez-form .cvc-wrapper,.paymentez-form .email-container,.paymentez-form .installments-wrapper,.paymentez-form .name-wrapper{margin-bottom:10px}.paymentez-form .card-number-wrapper,.paymentez-form .cellphone-wrapper,.paymentez-form .cvc-wrapper,.paymentez-form .email-wrapper,.paymentez-form .expiry-wrapper,.paymentez-form .installments-wrapper,.paymentez-form .name-wrapper{-webkit-box-shadow:0 1px 0 rgba(255,255,255,.7),inset 0 1px 0 rgba(255,255,255,.7);-moz-box-shadow:0 1px 0 rgba(255,255,255,.7),inset 0 1px 0 rgba(255,255,255,.7);-ms-box-shadow:0 1px 0 rgba(255,255,255,.7),inset 0 1px 0 rgba(255,255,255,.7);-o-box-shadow:0 1px 0 rgba(255,255,255,.7),inset 0 1px 0 rgba(255,255,255,.7);box-shadow:0 1px 0 rgba(255,255,255,.7),inset 0 1px 0 rgba(255,255,255,.7);position:relative}.paymentez-form .card-number-wrapper,.paymentez-form .cellphone-container,.paymentez-form .cvc-container,.paymentez-form .email-container,.paymentez-form .expiry-container,.paymentez-form .installments-wrapper,.paymentez-form .name-wrapper{display:inline-block}.paymentez-form::after{content:' ';display:table;clear:both}.paymentez-form input,.paymentez-form select{color:#676767;font-size:15px;font-weight:300;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;height:36px;border:1px solid #d9d9d9;border-radius:4px;box-shadow:none;background-color:#FDFDFD;box-sizing:border-box;padding:0;-webkit-transition:border-color .15s linear,box-shadow .15s linear;-moz-transition:border-color .15s linear,box-shadow .15s linear;-ms-transition:border-color .15s linear,box-shadow .15s linear;-o-transition:border-color .15s linear,box-shadow .15s linear;transition:border-color .15s linear,box-shadow .15s linear}.paymentez-form select{-moz-appearance:none;-webkit-appearance:none;text-indent:.01px;padding-right:5px;text-overflow:'';width:100%}.paymentez-form input[disabled],.paymentez-form select[disabled]{background-color:#eee;color:#555}.paymentez-form select option[hidden]{color:#ABA9A9}.paymentez-form input:focus,.paymentez-form select:focus{background-color:#fff;outline:0;border-color:#66afe9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.paymentez-form input[readonly=readonly]:not([disabled]),.paymentez-form input[readonly]:not([disabled]){background-color:#fff;cursor:pointer}.paymentez-form .has-error input,.paymentez-form .has-error input:focus,.paymentez-form .has-error select,.paymentez-form .has-error select:focus{border-color:#F64B2F;box-shadow:none}.paymentez-form .card-number-wrapper,.paymentez-form .installments-wrapper,.paymentez-form .name-wrapper{width:100%}.paymentez-form input.card-number,.paymentez-form input.cellphone,.paymentez-form input.cvc,.paymentez-form input.email,.paymentez-form input.name{padding-left:38px;padding-right:5px;width:100%}.paymentez-form.dark .icon .svg{fill:rgba(28,66,3,.26)}.paymentez-form input,.paymentez-form select,.paymentez-form.rebus{font-family:Nunito,sans-serif}