*{
  user-select:none;
}
.quantity-btn .input-group-prepend,
.quantity-btn .input-group-append{
  cursor:pointer;
}
.toast{
  width: 80vw !important;
  left: 50% !important;
  transform: translate(-50%) !important;
  padding:10px;
}
.toast.show{
  bottom:120px!important;
  z-index:10000;
}
#content{
  position:relative;
  max-width:500px;
  margin:0 auto;
  box-shadow:0px 0px 25px #e1e1e1;
  min-height:100vh;
  border:1px solid #e1e1e1;
}
.border-dashed{
  border:1px dashed #e1e1e1;
}
.text-decoration-line-through{
  text-decoration:line-through;
}
#bottom_nav{
  max-width:500px;
  box-shadow: 0px 0px 4px 1px #33333321;
  margin:0 auto;
}
#bottom_nav .icon.center-float{
  cursor:pointer;
  position:absolute;
  left:50%;
  top:0%;
  width:70px;
  height:70px;
  transform:translate(-50%,-50%);
  background-color:#70c5c0;
  color:white !important;
}
#bottom_nav .icon.center-float i{
  position: absolute;
  font-size:30px;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
#bottom_nav .icon.center-float:hover{
  background-color:#66afab;
}
#bottom_nav .icon.center-float:hover i{
  color:white !important;
}
#bottom_nav .icon{
  color:#999 !important;
  cursor:pointer;
  transition:all 0.25s;
}
#bottom_nav .icon a{
  width:100%;
  height:100%;
  color:#999 !important;
  cursor:pointer;
  transition:all 0.25s;
}
#bottom_nav .icon:hover,
#bottom_nav .icon.active,
#bottom_nav .icon:hover a,
#bottom_nav .icon.active a{
  color:#333 !important;
}
#bottom_nav .icon i{
  font-size:22px;
}
#bottom_nav .icon .label{
  font-size:14px;
}
@media (min-width: 576px) {
  #check_in_modal .modal-dialog { max-width: none; }
}
#check_in_modal .modal-dialog{
  width: 100%;
  min-height: 100vh;
  height: auto;
  padding: 0;
}
#check_in_modal .modal-content{
  min-height: 100vh;
  height: auto;
}
.sticky-bottom{
  position:sticky;
  bottom:0px;
}
#login_form_wrapper .avatar{
  padding:0px;
}
#login_logo{
  border-radius:100%;
}
.small-notification-box{
  background-color:#ff1818!important;
}