/* payments */

.payment_module .ogone{
	position: relative;
}
.payment_module .ogone:after{
	display: block;
		content: "\f054";
		position: absolute;
		right: 15px;
		margin-top: -11px;
		top: 50%;
		font-family: "FontAwesome";
		font-size: 25px;
		height: 22px;
		width: 14px;
		color: #777;
}
.payment_module .ogone img{
	position: absolute;
	left: 15px;
	top: 13px;
	max-width: 64px;
}

.payment_module .ogone{
	position: relative;
}
.payment_module .ogone.alias{
	padding: 19px 40px 15px 99px;
}
.payment_module .ogone:after{
	display: block;
		content: "\f054";
		position: absolute;
		right: 15px;
		margin-top: -11px;
		top: 50%;
		font-family: "FontAwesome";
		font-size: 25px;
		height: 22px;
		width: 14px;
		color: #777;
}
.payment_module .ogone img{
	position: absolute;
	left: 15px;
	top: 13px;
	max-width: 64px;
}
}
.payment_module .ogone .card-item{
	position: relative;
	display: inline-block;
	padding: 8px 15px 8px 50px;
	border-radius: 5px;
	border-width: 0 2px 2px 0;
	border-style: solid;
	border-color: transparent #D2D2D2 #A5A5A5 transparent;
	background: rgb(239,239,239); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(250,250,250,1) 0%, rgba(239,239,239,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(250,250,250,1) 0%,rgba(239,239,239,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(250,250,250,1) 0%,rgba(239,239,239,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}
.payment_module .ogone .card-item img{
	position: absolute;
	width: auto;
	height: 18px;
	left: 5px;
	top: 50%;
	margin-top: -9px;
}
.payment_module .ogone .card-item .left-card{
	float: left;
	margin-left: 10px;
	margin-right: 30px;
}
.payment_module .ogone .card-item .right-card{
	float: left;
	margin-left: 10px;
}
.payment_module .ogone .card-item .card-number{
	display: block;
	line-height: 16px;
	font-size: 12px;
	font-weight: normal;
	text-shadow: 1px 1px 0 #F9F9F9;
}
.payment_module .ogone .card-item .card-name{
	display: block;
	line-height: 16px;
	font-size: 10px;
		text-transform: uppercase;
		font-weight: bold;
		letter-spacing: 0.2px;
		color: #000;
		vertical-align: middle;
		text-shadow: 1px 1px 0 #F9F9F9;
}
.payment_module .ogone .card-item .card-date{
	display: block;
	line-height: 16px;
	font-size: 12px;
	font-weight: normal;
	text-shadow: 1px 1px 0 #F9F9F9;
}
.payment_module .ogone .card-item .card-expiration{
	display: block;
	line-height: 16px;
	font-size: 10px;
		text-transform: uppercase;
		font-weight: bold;
		letter-spacing: 0.2px;
		color: #000;
		vertical-align: middle;
		text-shadow: 1px 1px 0 #F9F9F9;
}


/* aliases */

.cards-title{
	font-size: 14px;
	color: #333;
	text-transform: uppercase;
	position: relative;
	padding-bottom: 5px;
}
.new-card-title{
	margin-top: 30px;
	font-size: 14px;
	color: #333;
	text-transform: uppercase;
	position: relative;
	padding-bottom: 5px;
}
.cards-title:before, .new-card-title:before{
		content: "";
		display: block;
		width: 150px;
		height: 2px;
		position: absolute;
		left: 0;
		bottom: 0;
		background: #1cbfdb;
}
.ogone-aliases .card .inner-card{
	width: 100%;
	max-width: 270px;
	position: relative;
	height: 170px;
	padding: 50px 15px 15px 15px;
	margin: 10px auto !important;
	border-radius: 8px;
	border-width: 0 2px 2px 0;
	border-style: solid;
	border-color: transparent #D2D2D2 #A5A5A5 transparent;
	background: rgb(239,239,239); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(247,247,247,1) 0%, rgba(239,239,239,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(239,239,239,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(247,247,247,1) 0%,rgba(239,239,239,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
	transition: all 0.3s;
}
.ogone-aliases .card .inner-card:hover{
	box-shadow: 2px 2px 10px #ddd;
}
.ogone-aliases .ogone-alias-cardno{
	font-size: 12px;
	color: #aaa;
	border-bottom: 1px dotted #808080;
	text-shadow: 1px 1px 0 #F9F9F9;
}
.ogone-aliases .ogone-alias-cn{
	float: left;
	width: 54%;
	margin-top: 15px;
	font-size: 10px;
	text-transform: uppercase;
	color: #aaa;
	border-bottom: 1px dotted #808080;
	text-shadow: 1px 1px 0 #F9F9F9;
}
.ogone-aliases .ogone-alias-ed{
	float: right;
	width: 40%;
	margin-top: 15px;
	font-size: 12px;
	color: #aaa;
	border-bottom: 1px dotted #808080;
	text-shadow: 1px 1px 0 #F9F9F9;
}
.ogone-aliases .card-info-title{
	display: block;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: 600;
	color: #333;
}
.ogone-aliases .ogone-alias-delete{
	float: right;
}
.ogone-aliases .ogone-alias-delete i{
	transition: all 0.3s;
}
.ogone-aliases .ogone-alias-delete:hover i{
	color: #C12828;
}
.card .inner-card .picto-card{
	position: absolute;
	top: 10px;
	right: 6px;
	width: 50px;
	height: auto;
	border-radius: 3px;
}
.card .inner-card .ogone-alias-delete{
	position: absolute;
	top: 10px;
	left: 12px;
	font-size: 16px;
}

.payment_module .ogone{
	position: relative;
}
.payment_module .ogone.alias{
	padding: 19px 40px 15px 99px;
}
.payment_module .ogone:after{
	display: block;
		content: "\f054";
		position: absolute;
		right: 15px;
		margin-top: -11px;
		top: 50%;
		font-family: "FontAwesome";
		font-size: 25px;
		height: 22px;
		width: 14px;
		color: #777;
}
.payment_module .ogone img{
	position: absolute;
	left: 15px;
	top: 13px;
	max-width: 64px;
}

.payment_module .ogone .card-item{
	position: relative;
	display: inline-block;
	padding: 8px 15px 8px 50px;
	border-radius: 5px;
	border-width: 0 2px 2px 0;
	border-style: solid;
	border-color: transparent #D2D2D2 #A5A5A5 transparent;
	background: rgb(239,239,239); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(250,250,250,1) 0%, rgba(239,239,239,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(250,250,250,1) 0%,rgba(239,239,239,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(250,250,250,1) 0%,rgba(239,239,239,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}
.payment_module .ogone .card-item img{
	position: absolute;
	width: auto;
	height: 18px;
	left: 5px;
	top: 50%;
	margin-top: -9px;
}
.payment_module .ogone .card-item .left-card{
	float: left;
	margin-left: 10px;
	margin-right: 30px;
}
.payment_module .ogone .card-item .right-card{
	float: left;
	margin-left: 10px;
}
.payment_module .ogone .card-item .card-number{
	display: block;
	line-height: 16px;
	font-size: 12px;
	font-weight: normal;
	text-shadow: 1px 1px 0 #F9F9F9;
}
.payment_module .ogone .card-item .card-name{
	display: block;
	line-height: 16px;
	font-size: 10px;
		text-transform: uppercase;
		font-weight: bold;
		letter-spacing: 0.2px;
		color: #000;
		vertical-align: middle;
		text-shadow: 1px 1px 0 #F9F9F9;
}
.payment_module .ogone .card-item .card-date{
	display: block;
	line-height: 16px;
	font-size: 12px;
	font-weight: normal;
	text-shadow: 1px 1px 0 #F9F9F9;
}
.payment_module .ogone .card-item .card-expiration{
	display: block;
	line-height: 16px;
	font-size: 10px;
		text-transform: uppercase;
		font-weight: bold;
		letter-spacing: 0.2px;
		color: #000;
		vertical-align: middle;
		text-shadow: 1px 1px 0 #F9F9F9;
}
.payment_module .ogone{
	position: relative;
}
.payment_module .ogone:after{
	display: block;
		content: "\f054";
		position: absolute;
		right: 15px;
		margin-top: -11px;
		top: 50%;
		font-family: "FontAwesome";
		font-size: 25px;
		height: 22px;
		width: 14px;
		color: #777;
}
.payment_module .ogone img{
	position: absolute;
	left: 15px;
	top: 13px;
}