.shadow {
    -webkit-box-shadow: 0px 0px 2px 4px rgba(203,171,127,1);
    -moz-box-shadow: 0px 0px 2px 4px rgba(203,171,127,1);
    box-shadow: 0px 0px 2px 4px rgba(203,171,127,1);
    background-color: #dcd2c9;
}

thead th {
  background-color: #f6f4ee;
}

* {
  scrollbar-width: thin;
  scrollbar-color: #dcd2c9 #cbab7f;
}

/* Works on Chrome/Edge/Safari */
*::-webkit-scrollbar {
  width: 12px;
}
*::-webkit-scrollbar-track {
  background: #cbab7f;
}
*::-webkit-scrollbar-thumb {
  background-color: #dcd2c9;
  border-radius: 20px;
  border: 2px solid #cbab7f;
}

.btn-group-toggle {
  display: flex;
  flex: 1;
    /* min-width: 120px;
    max-width: 120px; */
}

.img-selector input{
    margin:0;padding:0;
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
}

.drinkcard-img, .img-selector input:active  +.drinkcard-img{opacity: .9;}
.drinkcard-img, .img-selector input:checked +.drinkcard-img{
    -webkit-filter: none;
       -moz-filter: none;
            filter: none;
}

.drinkcard-img{
    cursor:pointer;
    background-size:contain;
    background-repeat:no-repeat;
    display:inline-block;
    width:100px;
    /* height:50px; */
    -webkit-transition: all 100ms ease-in;
       -moz-transition: all 100ms ease-in;
            transition: all 100ms ease-in;
    -webkit-filter: brightness(1.8) grayscale(1) opacity(.7);
       -moz-filter: brightness(1.8) grayscale(1) opacity(.7);
            filter: brightness(1.8) grayscale(1) opacity(.7);
}

.drinkcard-img:hover{
    -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
       -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
            filter: brightness(1.2) grayscale(.5) opacity(.9);
}