.container {
  width: auto;
  max-width: 780px;
  padding: 0 15px;
}

.footer {
  background-color: #f5f5f5;
}

.head {
  text-align: center;
}

.head .logo{
  margin:25px 0;
}

.nav-link a{
    color: #FFF;
    text-decoration: none;
    background-color: transparent;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  color: #fff;
  background-color: #3f55a3;
}

.card-deck .card{
  margin-bottom: 15px;
}

.row_products.row {
  display: flex;
  flex-wrap: wrap;
}

.row_products.row > div[class*='col-'] {
 display: flex;
}

.cardex{
  width:100%;
  border:1px solid #ddd;
  margin:10px;
  border-radius: 10px;
  padding:10px;
}

.product-link{
  color:#333;

}

.product-link:hover{
  text-decoration: none;
}

.item-buy-alert{
  position: fixed;
  bottom: 0;
  /* left: 45%; */
  width: 100%;
}

.item-buy-alert .alert{
  max-width: 550px;
  margin: 0 auto;
  margin-bottom: 10px;
}

.product-click{
  cursor: pointer;
}

#productDescription{
  color:#888888;
  font-size:12px;
}

.first-letter {
  text-transform:capitalize;
}

.label-table-cart{
  background: #3f55a3;
  color: #FFF;
  padding: 5px 10px;
  font-weight: bold;
}

#qrCodeWrapper{
  padding:20px;
}

.input-qty {
  width: 70px;
}