.payment-dropdown-wrapper {

  width: 100%;
  position: relative;
}

.payment-dropdown-trigger {

  width: 100%;
  background-color: #fff;
  border:1px solid #e5e5e5;
  border-radius:16px;
  padding: 16px 16px 12px 16px;
  text-align: left;
  font-family: Lato, sans-serif;
  font-size: 15px;
  color: #000;
}


.payment-dropdown-wrapper i {
	display: inline-block;
	width: 16px;
	text-align: center;
	margin-right: 8px;
}

.payment-dropdown-menu {
  width: 100%;
  display:none;
  z-index: 1000;
  position: absolute;
  left: 0;
  top: 52px;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
}

.payment-dropdown-menu.show {
  display:block;
}

.payment-dropdown-item {

  width: 100%;
  height: 50px;
  line-height: 25px;
  border: 0;
  padding: 0 20px;
  cursor: pointer;
  transition:0.2s ease-in;
  background-color:#fff;
  font-family: Lato, sans-serif;
  font-size: 15px;
  color: #5a616c;
  text-align: left;

}

.payment-dropdown-item:hover {
  background-color:#e5e5e5;
}

.payment-dropdown-item:not(:last-child){
  border-bottom: 1px solid #e5e5e5;
}

#paymentPanel table.list-no-mobile th { text-transform: uppercase; }
#paymentPanel table.list-no-mobile td.text-right { white-space: nowrap; }

.card-pay {
	width: 100%;
	height: 300px;
	border: solid 1px var(--grey_2);
}
.card-pay .icon-container {
	width: 100%;
	height: 186px;
	position: relative;
	background-color: var(--grey_background);
	padding-top: 64px;
	
}
.card-pay .icon-container .default-check {
	position: absolute;
	top: 16px;
	left: 16px;
}
.card-pay .icon-container .default-check span {
	display:none;
}
.card-pay .icon-container .options {
	position: absolute;
	top: 16px;
	right: 16px;
}
.card-pay .icon-container img.icon {
	display: block;
	margin: auto;
}
.card-pay .textos {
	padding: 16px;
	
}
.card-pay.active {
	border: solid 3px #000;
}
.card-pay.active .icon-container .default-check span {
	display: inline;
}
.card-pay.new {
	border: dashed 2px #999999;
	border-radius: 16px;
}
.card-pay.new:hover {
	background-color: var(--grey_background);
}
.card-pay.new .icon-container{
	background: transparent;
}
.card-pay.new a img.icon {
	opacity: 1;
}
.card-pay.new .textos {
	text-align: center;
	padding-top: 48px;
}

.processing-overlay {
	position: absolute;
	left:0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.9);
	text-align: center;
	padding: 50px;
	display: none;
	z-index: 999999;
}
.processing-overlay img {
	display: block;
	margin: auto;
}

#paymentPanel {
	position: relative;
}

#card-errors { color: #FF4E3F; }

.input-button-group {
	display: inline-flex;
}
.input-button-group > * {
	border-radius: 0;
}
.input-button-group > :first-child {
	border-radius: 16px 0 0 16px;
}
.input-button-group > :last-child {
	border-radius: 0 16px 16px 0;
}

#transferInfo p {
	font-size: 17px;
	line-height: 22px;
}
#paymentPanel .error {
    color: #FD0330;
    font-weight: 500;
    font-size: 12px;
    line-height: 24px;
    display: flex;
    gap: 9px;
}