.bold{
	font-weight: bold;
}
.fixed-top{
	background-color: #fff !important;
	height: 80px;
}
.form-control{
	margin-bottom:3px;
}
.hidden{
	display: none !important;
}
body{
	background: #f5f5f5;
}
main{
	margin-bottom: 76px;
}
.footer{
	position: fixed;
    width: 100%;
    bottom: 0;
    background: white;
}
#payment_instructions{
	display: none;
}
#payment_card, #payment_details, #payment_instructions, #payment_product{
	position: relative;
	background-color: white;
	padding:1em;
	border-radius:5px;
	-webkit-box-shadow: 0px 5px 5px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 5px 5px 1px rgba(0,0,0,0.2);
	box-shadow: 0px 5px 5px 1px rgba(0,0,0,0.2);
}
#payment_details .btn{
	width: 100%;
}
#payment_product img{
	max-width: 300px;
}
#merchant_logo{
	max-width: 250px;
	max-height: 50px;
}
#payment_instructions{
	background-color: #ffffff;
	padding:1em;
	border-radius:5px;
}

.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

@media (min-width: 768px) {
.bd-placeholder-img-lg {
  font-size: 3.5rem;
}
}

@media (max-width: 768px) {
	#payment_card, #payment_details {
	  margin-top: 1em;
	}
	#payment_merchant .col-md-6{
		text-align: center !important;
	}
	.jp-card-container{
		transform: scale(1) !important;
	}
	#payment_footer > div span{
		display: block;
		text-align: center;
	}
}

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

.pointer{
	cursor: pointer;
}

main > .container {
padding: 90px 15px 20px 15px;
}

.fa-info-circle{
	cursor: pointer;
}

.footer > .container {
padding-right: 15px;
padding-left: 15px;
}

input.parsley-success,
select.parsley-success,
textarea.parsley-success {
  color: #468847;
  background-color: #DFF0D8;
  border: 1px solid #D6E9C6;
}

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
  color: #B94A48;
  background-color: #F2DEDE;
  border: 1px solid #EED3D7;
}

.parsley-errors-list {
  margin: 2px 0 3px;
  padding: 0;
  list-style-type: none;
  font-size: 0.9em;
  line-height: 0.9em;
  opacity: 0;
  color: #B94A48;

  transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
}

.parsley-errors-list.filled {
  opacity: 1;
}

.preloader {
    width: 100%;
    height: 100%;
    top: 0;
    position: fixed;
    z-index: 99999;
    background: #fff
}

.preloader > div {
    position: absolute;
    top: calc(50% - 1.5rem);
    left: calc(50% - 1.5rem)
}

.preloader .spinner-border {
    width: 3rem;
    height: 3rem;
}

.jp-card.jp-card-visa.jp-card-identified .jp-card-front:before, .jp-card.jp-card-visa.jp-card-identified .jp-card-back:before {
    background-color: darkred !important;
}

.word-break {
  word-break: break-all;
}

.wrap-text {
  overflow-wrap: break-word;
  word-wrap: break-word; /* Para compatibilidad IE */
  white-space: normal;
}