.loyalty-header{  
  position: relative;
  overflow: hidden;
  z-index: 500;
  color: #FFF;
  /*padding: 10px;*/
  /*padding: 13px 25px;*/
  margin: 0;
  margin: 0;
  padding: 0;
  font-size: 1.45rem;
  background: #FFF;
  background: #184b7d;
  border-bottom: 1px solid #184b7d;
}

.loyalty-header img{
  /*width: 130px;*/
  width: 290px;
  padding: 0;
  padding: 4px  70px;
  margin-left: 26px;

  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#184b7d+0,184b7d+20,ffffff+20,ffffff+21,ffffff+80,184b7d+80,ffffff+80,184b7d+80,184b7d+100 */
  background: #184b7d; /* Old browsers */
  background: -moz-linear-gradient(-45deg,  #184b7d 0%, #184b7d 20%, #ffffff 20%, #ffffff 21%, #ffffff 80%, #184b7d 80%, #ffffff 80%, #184b7d 80%, #184b7d 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  #184b7d 0%,#184b7d 20%,#ffffff 20%,#ffffff 21%,#ffffff 80%,#184b7d 80%,#ffffff 80%,#184b7d 80%,#184b7d 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  #184b7d 0%,#184b7d 20%,#ffffff 20%,#ffffff 21%,#ffffff 80%,#184b7d 80%,#ffffff 80%,#184b7d 80%,#184b7d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#184b7d', endColorstr='#184b7d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#184b7d+0,184b7d+20,ffffff+20,ffffff+21,ffffff+80,184b7d+80,ffffff+80,184b7d+80,184b7d+100 */
  /*background: #184b7d;*/
  /*background: -moz-linear-gradient(45deg,  #184b7d 0%, #184b7d 20%, #ffffff 20%, #ffffff 21%, #ffffff 80%, #184b7d 80%, #ffffff 80%, #184b7d 80%, #184b7d 100%);*/
  /*background: -webkit-linear-gradient(45deg,  #184b7d 0%,#184b7d 20%,#ffffff 20%,#ffffff 21%,#ffffff 80%,#184b7d 80%,#ffffff 80%,#184b7d 80%,#184b7d 100%);*/
  /*background: linear-gradient(45deg,  #184b7d 0%,#184b7d 20%,#ffffff 20%,#ffffff 21%,#ffffff 80%,#184b7d 80%,#ffffff 80%,#184b7d 80%,#184b7d 100%);*/
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#184b7d', endColorstr='#184b7d',GradientType=1 );*/

}

.loyalty-centered-title{
  padding: 0.75rem;
  border-bottom: 1px solid #6e6464;
  margin-bottom: 20px;
}
.loyalty-centered-title h1,
.loyalty-centered-title h2,
.loyalty-centered-title h3,
.loyalty-centered-title h4{
  text-align: center;
  display: table;
  margin:  auto;
}

.loyalty-info-box{
  background: #f0e7d9;
  /*margin-top: 10px;*/
  border: 1px solid #cbc5b9;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
}

.member-card-charge{
  background: #f1debd;
  padding: 5px;
  border: 1px solid #c5c5c5;
  border-radius: 3px;
  padding: 0.55rem 0.8rem;
}

.filters-wrapper{
  background: #f0e7d9;
  margin-top: 10px;
  border: 1px solid #cbc5b9;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
}

.filters-wrapper .header{
  width: 100%;
  padding: 10px;
  text-align: center;
  background: #FFF;
}

.filters-wrapper .inner{
  padding: 0.5rem 0.5rem;
}


.pagination{
  background: #cfd2d4;
  padding: 0.2rem 0.5rem;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
}

.btn-loyalty, .btn-loyalty:hover{
  background: #184b7d;
  background: #2e5d8a;
  color: #FFF;
}

.loyalty-title-h3{
  font-size: 1.56rem;
}

.loyalty-member-cards-edit{
  background: #FFF;
  border: 1px solid #cacaca;
  border-radius: 6px;
  padding: 10px;
  margin: 10px 0;
}

.member-card-wrapper{
  /*background: #FFF;*/
  /*width: 50%;*/
  /*margin: 0.75rem auto;*/
  /*padding: 0.95rem;*/
  /*border-radius: 9px;*/
  /*border: 1px solid #939393;*/
  padding: 35px;
  border: 1px solid #c0c0c0;
  background: #021424;
  border-radius: 20px;
  color: #FFF;
}

.member-card-wrapper .entry{
  border-bottom: 1px dotted #40464b;
  padding: 10px;
}

.member-card-edit-entry{
  background: #FFF;
  border-radius: 4px;
}

.loyalty-container{
  font-size: 0.85rem;
}

.transactions-member-card{
  background: #bccee0;
  background: #919fae;
  padding: 7px;
  border-radius: 3px;
}

.amount-input{
  background: #305273;
  background: #535e69;
  color: #FFF;
  padding: 5px 0;
  text-align: center;
}

.amount-input label{
  text-align: center;
  border-bottom: 2px solid #f1b141;
}

.amount-input .amoun-input-wrapper{
  background: #f1b141;
  padding: 5px;
  display: table;
  margin: 0 auto;
  border-radius: 4px;
  color: #000;
}

.amount-input input, .amount-input input:focus{
  width: 50%;
  width: 100px;
  margin: 0 auto;
  color: #000;
  text-align: right;
  display: inline;
  background: none;
  border: none;
  border-bottom: 2px dashed #000;
  box-shadow: none;
  font-weight: 600;
}

.loyalty-academy-profit-total{
  background: #f1b141;
  color: #000;
  padding: 5px 10px;
  display: table;
  margin: 10px 0;
}

.member-cards .credit{
  background: #2b5074;
  padding: 0.25rem 0.5rem;
  color: #EEE;
  border-radius: 5px;
  font-size: 0.8rem;
}

.member-cards .uuid{
  display: table;
  width: 288px;
}

.member-cards .academy-name{
  opacity: 0.6;
  font-size: 0.7rem;
}

.member-cards .free{
  opacity: 0.5;
}

.member-card{
  background: #FFF;
  margin: 10px 0;
  padding: 13px;
  border: 1px solid #c4c4c4;
  border-radius: 3px;

  display: flex;
  align-items: center;
  justify-content: space-between;
}

.loyalty-account-view{
  background: #0080bc;
  color: #FFF;
  font-size: 0.7rem;
  padding: 0.3rem 0.5rem;
  border-radius: 3px;
}

.loyalty-loading{
  background: #DDD;
  padding: 10px;
  text-align: center;
  margin-bottom: 1rem;
}

#qr-scanner-wrapper{
  margin: 0.7rem auto;
}

#qr-scanner-wrapper #qr-scanner-video{
  width: 100%;height: 250px;background: #222;padding: 10px;
}

.btn-qr-scanner{
  background: #e0ad97;
  background: #b597e0;
  border: none;
}

#search-results{
  margin-top: 10px;
}

#search-results .member-entry{
  background: #c2c8cf;
  color: #000;
  padding: 10px;
  border-radius: 4px;
  margin-bottom: 10px;
  cursor: hand;
  cursor: pointer;
}

#search-results .member-entry:hover{
  background: #184b7d;
  color: #FFF;
}

#search-results .results-prompt{
  font-size: 1.2rem;
}

.sportspad-loyalty-info{
  font-size: 0.9rem;
  background: #f1debd;
  border: 1px solid #cbc7c0;
  color: #544935;
  border-radius: 4px;
  padding: 1rem 2rem;
  margin-bottom: 1rem;
  text-align: center;
}