/* GP WebPay payment module CSS **************************** */
/* PrestaShop 1.6.x */

/* START > MODULE CUSTOM ICONS FORMATING */

/* Here you can modify design and size of the icons 
 * displayed in custom hook {hook h='displaygpwebpayicons'} 
 */

.gpwebpay-custom {
  margin: 20px 0; 
  text-align: center;
}

.gpwebpay-logos-custom img {
  max-width: 50px;
  border-radius: 4px;
  text-align: center;
}

/* END > MODULE CUSTOM ICONS FORMATING */


p.payment_module a.gpwebpay {
  background: url("../img/gpwebpay-64.svg") no-repeat scroll 15px 12px #fbfbfb;
  background-size: 64px 64px;
  letter-spacing: -0.5px;
}
p.payment_module a.gpwebpay: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;
}

p.payment_module a.ecardvub, 
p.payment_module a.ecardvub:hover, 
p.payment_module a.ecardvub:active, 
p.payment_module a.ecardvub:visited, 
p.payment_module a.ecardvub:focus {
    text-decoration:none;
}
p.payment_module a.ecardvub:hover {
  background-color: #f6f6f6;
}
.cards_block { display:block; margin: 8px 0 0 0;}

ul.currency_list { margin-left: 20px; list-style-type: circle; }

/* Payments icons on Product detail page */
.box-security { text-align: center; }
.box-security img { margin-bottom: 10px; }

/* Payments icons on Left / Right column */
.payment_logo_block { display:block; text-align:center; }
.payment_logo_block img { margin: 6px 0; }

a.tb_link { color:#008000}
.tb_debug {color:#cc0000}

ol.ec_orderlist li { margin-left: 30px; list-style-type: decimal; }

img.gpwebpay-logo {
  float: right;
}
img.gpwebpay-loading-icon {
	display: block;
	width: 100px;
	margin: 10px auto;
}
.gpwebpay-text-center {
  text-align: center;
}
button.gpwebpay-center-button {
  display: block; 
  margin: 0 auto!important;
}
.gpwebpay-btn-indent {
  padding: 20px 0;
}
hr.gpwebpay-divider {
  color: #d6d4d4;
  background-color: #d6d4d4;
  height: 1px;
  border-width: 0;
}
/* Debug & Testing mode */
.debug-area-gpwebpay {
  border-color: #cc0000
}
.debug-area-gpwebpay h3,
p.gpwebpay-red-text {
  color: #cc0000;
}
.gpwebpay-red-background {
  background-color: #ffeaea;
}
.debug-list-gpwebpay dl {
  display: flex;
  flex-wrap: wrap;
}
.debug-list-gpwebpay dl dt, .debug-list-gpwebpay dl dd {
  -moz-box-flex: 0;
  background: #ebebeb none repeat scroll 0 0;
  margin: 0.125rem;
  padding: 0.625rem;
}
.debug-list-gpwebpay dl dt {
  flex: 0 0 20%;
}
.debug-list-gpwebpay dl dd {
  flex: 0 0 78%;
}
.gpwebpay-notification .alert {
  font-weight: bold;
  font-size: 110%;
}
#module-gpwebpay-notification a.btn {
  margin: 7px;
}

/* Icons */
.gpwebpay-logos img, 
.gpwebpay-logos-execution img,
.gpwebpay-logos-80 img,
.gpwebpay-logos-60 img,
.gpwebpay-logos-custom img {
	margin: 0 12px 12px 0;
	background-color: #fff;
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	box-shadow: 0px 1px 1.19px 0.81px rgba(0, 0, 0, 0.22);
}
.gpwebpay-logos img {
	max-width: 130px;
	border-radius: 6px;
}
.gpwebpay-logos-execution img {
	max-width: 90px;
	border-radius: 6px;
}
.gpwebpay-logos-80 img {
	max-width: 80px;
	border-radius: 4px;
}
.gpwebpay-logos-60 img {
	max-width: 60px;
	border-radius: 3px;
}
.gpwebpay-last { 
  margin-bottom: 25px; 
}
.gpwebpay-top-ident { 
  margin-top: 15px; 
}
#order-opc #center_column .gpwebpay-banks_block,
#order #center_column .gpwebpay-banks_block { 
  display:block; 
  margin-top: 12px; 
}
#order-opc #center_column .gpwebpay-notes_block,
#order #center_column .gpwebpay-notes_block { 
  display:block; 
  margin-top: 9px; 
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
  color: #606060;
}
#order-opc #center_column .gpwebpay-banks_block img,
#order #center_column .gpwebpay-banks_block img {
	margin: 0 12px 12px 0;
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	max-width: 80px;
	border-radius: 3px;
	box-shadow: 0px 1px 1.19px 0.81px rgba(0, 0, 0, 0.22);
}
/* EOF */