.woocommerce-page .cp-espago-form * {
box-sizing: border-box;
}
.woocommerce-page .cp-espago-form .credit-card {
box-sizing: border-box;
width: 100%;
border: 1px solid #ddd;
border-radius: 6px;
overflow: hidden;
background-color: #fff;
box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.1);
}
.woocommerce-page .cp-espago-form .form-header {
height: 60px;
padding: 20px 30px 0;
color: #fff;
border-bottom: 1px solid #e1e8ee;
background-color: #3d80e4;
}
.woocommerce-page .cp-espago-form .form-body {
padding: 30px 30px 20px;
display: grid;
}
.woocommerce-page .cp-espago-form input, .woocommerce-page .cp-espago-form select {
padding: 10px 20px;
}
.woocommerce-page .cp-espago-form .title {
font-size: 18px;
margin: 0;
color: #fff;
}
.woocommerce-page .cp-espago-form .card-number,
.woocommerce-page .cp-espago-form .cvv-input input,
.woocommerce-page .cp-espago-form .month select,
.woocommerce-page .cp-espago-form .year select {
font-size: 14px;
font-weight: 100;
line-height: 14px;
}
.woocommerce-page .cp-espago-form .card-number,
.woocommerce-page .cp-espago-form .month select,
.woocommerce-page .cp-espago-form .year select {
font-size: 14px;
font-weight: 100;
line-height: 14px;
}
.woocommerce-page .cp-espago-form .card-number,
.woocommerce-page .cp-espago-form .cvv-details,
.woocommerce-page .cp-espago-form .cvv-input input,
.woocommerce-page .cp-espago-form .month select,
.woocommerce-page .cp-espago-form .year select {
opacity: 0.7;
color: #000;
}
.woocommerce-page .cp-espago-form .card-number {
width: 100%;
padding-left: 20px;
border: 2px solid #e1e8ee;
border-radius: 6px;
}
.woocommerce-page .cp-espago-form .month select,
.woocommerce-page .cp-espago-form .year select {
width: calc(50% - 10px);
margin-top: 20px;
margin-bottom: 20px;
padding-left: 20px;
border: 2px solid #e1e8ee;
border-radius: 6px;
background: url(//fonia.app/wp-content/plugins/fonia-espago/assets/caret.png) no-repeat;
background-position: 85% 50%;
-moz-appearance: none;
-webkit-appearance: none;
}
.woocommerce-page .cp-espago-form .month select {
float: left;
}
.woocommerce-page .cp-espago-form .year select {
float: right;
}
.woocommerce-page .cp-espago-form .cvv-input input {
float: left;
width: 145px;
padding-left: 20px;
border: 2px solid #e1e8ee;
border-radius: 6px;
background: #fff;
}
.woocommerce-page .cp-espago-form .cvv-details {
font-size: 12px;
font-weight: 300;
line-height: 16px;
float: right;
margin-bottom: 20px;
}
.woocommerce-page .cp-espago-form .cvv-details p {
margin-top: 6px;
}.fluentform-widget-wrapper.hide-fluent-form-labels .ff-el-input--label{display:none!important}.fluentform-widget-wrapper.hide-error-message .ff-el-is-error .text-danger{display:none}.fluentform-widget-wrapper.fluentform-widget-align-left{margin:0 auto 0 0}.fluentform-widget-wrapper.fluentform-widget-align-center{float:none;margin:0 auto}.fluentform-widget-wrapper.fluentform-widget-align-right{margin:0 0 0 auto}.fluentform-widget-custom-radio-checkbox input[type=checkbox],.fluentform-widget-custom-radio-checkbox input[type=radio]{background:#ddd;height:15px;min-width:1px;outline:none;padding:3px;width:15px}.fluentform-widget-custom-radio-checkbox input[type=checkbox]:after,.fluentform-widget-custom-radio-checkbox input[type=radio]:after{border:0 solid transparent;content:"";display:block;height:100%;margin:0;padding:0;width:100%}.fluentform-widget-custom-radio-checkbox input[type=checkbox]:checked:after,.fluentform-widget-custom-radio-checkbox input[type=radio]:checked:after{background:#999;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:12px}.fluentform-widget-custom-radio-checkbox input[type=radio],.fluentform-widget-custom-radio-checkbox input[type=radio]:after{border-radius:50%}.fluentform-widget-wrapper .frm-fluent-form .ff-step-header{margin-bottom:0}.ff-el-progress-bar{align-items:center;display:flex;height:100%;justify-content:flex-end}.fluent-form-widget-step-header-yes .ff-step-header .ff-el-progress-status,.fluent-form-widget-step-progressbar-yes .ff-el-progress{display:block}.fluent-form-widget-step-header-yes .frm-fluent-form .ff-step-header,.fluent-form-widget-step-progressbar-yes .frm-fluent-form .ff-step-header{margin-bottom:20px}.fluentform-widget-section-break-content-left .ff-el-group.ff-el-section-break{text-align:left}.fluentform-widget-section-break-content-center .ff-el-group.ff-el-section-break{text-align:center}.fluentform-widget-section-break-content-right .ff-el-group.ff-el-section-break{text-align:right}.fluentform-widget-submit-button-full-width .ff-btn-submit{display:block;width:100%}.fluentform-widget-submit-button-center .ff-el-group .ff-btn-submit,.fluentform-widget-submit-button-center .ff-el-group.ff-text-left .ff-btn-submit,.fluentform-widget-submit-button-center .ff-el-group.ff-text-right .ff-btn-submit{align-items:center;display:flex;justify-content:center;margin:0 auto}.fluentform-widget-submit-button-right .ff-el-group .ff-btn-submit,.fluentform-widget-submit-button-right .ff-el-group.ff-text-left .ff-btn-submit,.fluentform-widget-submit-button-right .ff-el-group.ff-text-right .ff-btn-submit{float:right}.fluentform-widget-submit-button-left .ff-el-group .ff-btn-submit,.fluentform-widget-submit-button-left .ff-el-group.ff-text-left .ff-btn-submit,.fluentform-widget-submit-button-left .ff-el-group.ff-text-right .ff-btn-submit{float:left}.fluentform-widget-wrapper.hide-placeholder input::-webkit-input-placeholder,.fluentform-widget-wrapper.hide-placeholder textarea::-webkit-input-placeholder{opacity:0;visibility:hidden}.fluentform-widget-wrapper.hide-placeholder input:-moz-placeholder,.fluentform-widget-wrapper.hide-placeholder input::-moz-placeholder,.fluentform-widget-wrapper.hide-placeholder textarea:-moz-placeholder,.fluentform-widget-wrapper.hide-placeholder textarea::-moz-placeholder{opacity:0;visibility:hidden}.fluentform-widget-wrapper.hide-placeholder input:-ms-input-placeholder,.fluentform-widget-wrapper.hide-placeholder textarea:-ms-input-placeholder{opacity:0;visibility:hidden}.fluentform-widget-wrapper.hide-placeholder input::-ms-input-placeholder,.fluentform-widget-wrapper.hide-placeholder textarea::-ms-input-placeholder{opacity:0;visibility:hidden}.lity{z-index:9999!important}