.allHtml{color:#000;background-color:#FFF;}
 h1{font-size:2.2rem;}
 h2{font-size:1.7rem;}
 h3{font-size:1.35rem;}
 h4{font-size:1.1rem;}
 .navbar-bg{background-color:#400080;}
 .navbar-link{color:#FFF !important;}
 .navbar-link:hover{color:#000 !important;}
 a:hover{color:#0056B3;text-decoration:underline;}

.app-margins { 
    padding-top: 1rem !important;
}

.quantity-unit-placeholder {
    align-items: center !important;
    display: flex !important;
    padding-left: 0.25rem !important;
    padding-right: 0.5rem !important;
    min-width: 36px;
}

 .picture-box {
     max-width: 100%;
     height:150px;
     overflow: hidden;
     background-color:#fff;
    position: relative; 
 } 

  .picture-box-detail {
     width: 40%;
     overflow: hidden;
     background-color:#fff;
     position: relative; 
 }

 .product-picture {
     max-width: 100%;
     max-height: 100%;
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     margin: auto;
 }

  .product-picture-detail {
     max-width: 100%;
     max-height: 100%;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     margin: auto;
 }

#overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5);
  z-index: 1000;
}


#overlay-text{
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 50px;
  color: white;
  transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
}
 .product-box {
     border: 1px solid #eee;
     background-color:#fff;
     margin: 0 0 20px 0;
    padding:10px;
 }

  .product-box:hover {
    background-color: initial;
    box-shadow: 0 0 10px lightgray;
 }

 .product-title {
    overflow: hidden;
    text-overflow: ellipsis;
 }

 .product-title-big{
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 10px;
 }
 
 .product-details {
     width:40%;
 }

 .product-price {
     color: #74bfaa;
     font-weight: bold;
     padding-bottom: 10px;
 }

 .bigger-text {
     font-size: 2rem;
 }

 .order-quantity {
     width: 50px;
     height: auto !important;
 }

 .shop-top-menu {
     height: 50px;
     margin: 10px;
 }

 .title {
     background-color: #eee;
     color: #333;
 }

 .shop-block {
    border: 1px solid #eee;
    background-color:#fff;   
 }

 .list {
     list-style: none;
 }

 .list a {
     color: #333;
 }

 .full-hr {
    max-width:90%
}

.quantity-select {
    width: 70px;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}
.quantity-select-padding  {
    padding: 0.375rem 1.75rem 0.375rem 0.5rem;
}

.shop-row {
    margin-left: 0px;
    margin-right: 0px;
}

.w-400 {
    width:400px;
}

.div-vertical-center {
  display: flex;
  justify-content: center;
  align-items: center; 
}

 .card-columns {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
     }

     .shop-side {
         display: none;
     }

     .card-bottom {
         margin-bottom:20px;
     }

 @media all and (min-width:1200px) {

    .shop-container {
        max-width:650px;
    }

    .shop-side {
        display: inherit;
        width: 300px;
       float: left;
    }

    .shop-main {
        margin-left: 350px;
    }

    .card-columns {
       -webkit-column-count: 2;
       -moz-column-count: 2;
       column-count: 2;
    }

}

.productCircleBottom{
     display: none;
}

  @media all and (max-width:700px) {

    .productCircle {
       display: none;
    }

    .productCircleBottom{
        display: initial;
    }

     .order-quantity {
     width: 50px;
     height: 33px;
 }
 }

 @media all and (min-width:1200px) {
    .shop-container {
        max-width:900px;
    }

     .card-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
     }
}

table.tafe-table {
    width: 100%;
}

table.tafe-table tr td {
    padding: 10px 10px;
}

table.tafe-table tr:nth-of-type(2n) td {
    background: hsla(0,0%,50.2%,.07058823529411765);
}
h2.text-blue {
    color: #48c0ff;
}