html{
  min-height: 100%;
  -webkit-text-size-adjust: none;
  touch-action: pan-y, pan-x;
}

body{
  background: linear-gradient(221.63deg, #FE3E0C 0%, #FE3C10 27.95%, #FE086A 85.19%);
  color: #793B2C;
}

.main-content{
  background-image: url("../img/bg-union.png");
  min-height: 90vh;
}

/* .main-content::after{
  content: "";
  background-image: url("../img/bg-union.png");
  opacity: 0.1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   
  min-height: 100%;
} */

.input-signin, .input-signin:hover {
  background-color: transparent;
  border-radius: 0;
  border-top:none;
  border-left:none;
  border-right:none;
  border-color: #fff;
  color:#fff;
}

.input-signin:hover,.input-signin:focus {
  background-color: transparent;
  border-radius: 0;
  border-top:none;
  border-left:none;
  border-right:none;
  border-color: rgba(255, 255, 255, 0.5);
  color:#fff;
  box-shadow : none !important;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color:#fff !important;
  opacity: 1 !important; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:#fff !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color:#fff !important;
}

.btn-group-lg > .btn, .btn-lg {
  font-size: 1rem;
  padding: .8rem 1rem;
}

.btn-warning{
  background: linear-gradient(175.99deg, #FFDC5E -28.78%, #FFCE00 13.19%, #FFBD00 64.25%, #E2B103 113.55%, #D89A01 147.89%, #DDAD03 176.06%, #FFBD00 210.4%, #FFCE00 232.7%, #FFDC5E 264.69%);
  font-style: normal;
  font-weight: bold;
  color: #793B2C;
}

h1{
  font-family: 'Rubik', sans-serif;
  font-size: 2.25rem;
}

.badge{
  font-family: 'Rubik', sans-serif;
}

.bg-light{
  color:#793B2C;
}

.text-gold{
  color:#f6b901;
}

.bg-yellow{
  background-color:  #fff5cc;
}

.card.bg-yellow{
  border-bottom: solid 5px #fcbc00 !important;
  border-radius:10px
}
.list-group-item{
  color: #793B2C;
}

.fw-medium{
  font-weight: 600;
}

.lb-point{
  color: #793B2C;
  font-size: 1.25rem;
  font-weight: 600;
}


.main-menu{
  padding-top:15px;
  padding-left:25px;
  padding-right:25px;
  position: fixed;
  height: 65px;
  bottom: 0;
  width: 450px;
  background-color: #fff;
  transition: 0.5s;
  left: 50%;
  transform: translate(-50%, 0%);
  margin: 0 auto;
  color:#fff;
  font-size: 18px;
  z-index: 10000;
}

.main-menu-active{
  
}

.main-menu-inactive img{
  filter: opacity(50%);
}

a{
  text-decoration: none;
}


#point-total{
  background-image: url('../img/point.svg');
  background-repeat: no-repeat;
  background-position: right 5px center; 
}

#credit-total{
  background-image: url('../img/heart.png');
  background-repeat: no-repeat;
  background-position: right 5px center; 
}

@media only screen and (min-width: 768px) {
  .main-content{
    min-height: 100vh;
  }
}