/* V3 */
form {
	background-color: white;
}

.credit-card-style-step1 {
	padding-left: 30px;
}

p {
	font-size:   18px;
	font-family: 'Roboto';
}

.credit-card-container {
	position: relative;
}

.credit-card-description {
	position:    absolute;
	left:        12px;
	font-family: 'Roboto';
	top:         3px;
	color:       #bec6d2;
	font-size:   12px;
}

.credit-card-container input {
	font-family: 'Roboto';
	height:      40px;
	width:       100%;
	font-size:   16px !important;
	text-align:  center;
	padding:     10px 0 0 10px;
}

.credit-card-container input.is-error {
	border: 1px solid #FF4C4C;
}

.ccv-text-alignement {
	text-align: left !important;
}

.col-md-6 {
	width:       50%;
	padding-top: 8px;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color: #bec6d2;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #bec6d2;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #bec6d2;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #bec6d2;
}

::-ms-input-placeholder { /* Microsoft Edge */
	color: #bec6d2;
}

.credit-card-icon {
	position: absolute;
	right:    10px;
	bottom:   8px;
}

.ccv-expiration {
	width:         50%;
	padding-top:   10px;
	padding-right: 2px;
	display:       block;
}

.ccv-expiration-elem {
	width:   47%;
	display: block;
	float:   left;
}

.spacer {
	width:   6%;
	float:   left;
	display: block;
	height:  50px;
}

@media all and (max-width: 520px) {
	.ccv-expiration {
		width: 90%;
	}

	.col-md-6 {
		width: 90%;
	}

	.ccv-expiration-elem {
		padding-top: 10px;
		display:     table-row;
		width:       100%;
	}

	.spacer {
		width:   0;
		float:   left;
		display: block;
		height:  0;
	}

	.ccv-text-alignement {
		text-align: center !important;
	}
}

/* Fonts */
/* latin-ext */
@font-face {
	font-family:   'Roboto';
	font-style:    normal;
	font-weight:   400;
	src:           local('Roboto'), local('Roboto-Regular'), url(/font/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
	unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
	font-family:   'Roboto';
	font-style:    normal;
	font-weight:   400;
	src:           local('Roboto'), local('Roboto-Regular'), url(/font/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}