.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;
}.wcs-recurring-totals-panel{position:relative;padding:1em 0 0}.wcs-recurring-totals-panel::after{border-style:solid;border-width:1px 0;bottom:0;content:"";display:block;left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:0}.wcs-recurring-totals-panel+.wcs-recurring-totals-panel::after{border-top-width:0}.wcs-recurring-totals-panel .wc-block-components-panel .wc-block-components-totals-item{padding-left:0;padding-right:0}.wcs-recurring-totals-panel .wc-block-components-totals-item__label::first-letter{text-transform:capitalize}.wcs-recurring-totals-panel .wcs-recurring-totals-panel__title .wc-block-components-totals-item__label{font-weight:700}.wcs-recurring-totals-panel__title{margin:0}.wcs-recurring-totals-panel__details .wc-block-components-panel__button,.wcs-recurring-totals-panel__details .wc-block-components-panel__button:hover,.wcs-recurring-totals-panel__details .wc-block-components-panel__button:focus{font-size:.875em}.wcs-recurring-totals-panel__details .wc-block-components-panel__content>.wc-block-components-totals-item:first-child{margin-top:0}.wcs-recurring-totals-panel__details .wc-block-components-panel__content>.wc-block-components-totals-item:last-child{margin-bottom:0}.wcs-recurring-totals-panel__details .wcs-recurring-totals-panel__details-total .wc-block-components-totals-item__label{font-weight:700}.wcs-recurring-totals__subscription-length{float:right}