/* ======================
   UTILITIES
====================== */
.btn{
  display:inline-block;
  background:#ff3d00;
  color:#fff;
  padding:8px 14px;
  border-radius:10px;
  font-size:14px;
}

.badge{
  display:inline-block;
  padding:4px 8px;
  border-radius:8px;
  font-size:12px;
}

.badge.active{background:#c8f7c5}
.badge.used{background:#ddd}
.badge.refunded{background:#ffe0b2}

.bottom-nav {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 56px;
  background: #111;
  color: #fff;
  display: flex;
  justify-content: space-around;
  align-items: center;
  z-index: 999;
}

.bottom-nav div {
  text-align: center;
  font-size: 12px;
}

.bottom-nav i {
  display: block;
  font-size: 18px;
}