/* width */
::-webkit-scrollbar {
  height: 5px;
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.navbar{background-color: #FFF}

.store-product img{ max-height: 100px; max-width: 100px}

.pac-container {z-index: 10000};

.fix-rigth{
    position: fixed; 
    right: 0px; 
    top: 0px; 
    z-index: 1000; 
    margin-top: 56px;
    height: calc(100% - 56px)
}

#pedido {background-color: white}
#misPedidos {background-color: white}
#btnPedido {height: 40px; width: 40px; background-repeat: no-repeat; background-size: 100%}
#btnPedido div {margin-left: 50%; margin-top: 50%; background-repeat: no-repeat; width: 25px; height: 25px; color: #FFF}

/*#btnMisPedido {height: 40px; width: 40px; background-repeat: no-repeat; background-size: 100%}*/

.imgProducto {max-height: 100%; max-width: 100%}

.t1 {    
    font-size: 2em;
    color: #000;
    width: 100%;
    align-items: center;
    font-weight: 700;
    font-weight: 300;
}

/* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky {
    position: fixed;
    top: 65px;
    left: 0px;
    width: 100%;
    z-index: 50;
    background-color: white;
}

#pedido {position: fixed; width: 320px; max-width: 100%; top: 0px; right: -550px; height: calc(100% - 61px); z-index: 1030}

#productoModal .modal-body > div {overflow: hidden; flex-direction: column;}

/*lg-size*/
@media screen and (min-width : 992px) {
    .bg-pedido{min-width: 350px} /*corre los elementos cuando para mostrar el pedido*/
    .sticky {padding-right: 350px}
    #pedido{right: 0px; height: 100%; width: 350px; }
    #productoModal .modal-body > div{overflow: auto; flex-direction: row; }

}

@media screen and (min-width : 1200px) {
    .bg-pedido{min-width: 450px} /*corre los elementos cuando para mostrar el pedido*/
    .sticky {padding-right: 450px}
    #pedido{right: 0px; height: 100%; width: 450px; height: calc(100% - 61px);} 

}