.oddevencolor:nth-child(odd) {
    background-color: rgba(236, 236, 236, .5);
}

.oddevencolor:hover {
    background-color: #EFE5C9;
}

.shoppingListQuantityInput input {
    border-color: #ECECEC;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.shoppingListQuantityInput input:hover {
    border-color: #7D813A;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(125,129,58,1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(125,129,58,1);
    box-shadow: 0px 0px 5px 0px rgba(125,129,58,1);
}

.shoppingListQuantityInput p {
    display: none;
}


#continueShoppingBtn:hover {
    background-color: #7D813A;
    border-color: #7D813A;
    color: #fff;
}

#continueShoppingBtn:hover img {
    filter: brightness(100);
}

#progressToOrderBtn:hover {
    background-color: #7D813A;
}


/* truck filling animation */
#animationForklift {
    bottom: 0;
}
#animationPallet {
    bottom: 25;
    left: 70;
}
#animationTruck {
    bottom: 0;
    right: 0;
}

@keyframes animForkliftForwards {
    0%   {left: 0;}
    35%  {left: 70;}
    65%  {left: 70;}
    100% {left: 0;}
}

@keyframes animPalletForwards {
    0%   {left: 70;}
    35%  {left: 140;}
    65%  {left: 140;}
    100% {left: 140;}
}

@keyframes animForkliftBackwards {
    0%   {left: 0;}
    35%  {left: 70;}
    65%  {left: 70;}
    100% {left: 0;}
}

@keyframes animPalletBackwards {
    0%   {left: 140;}
    35%  {left: 140;}
    65%  {left: 140;}
    100% {left: 70;}
}