.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;
}