/*******************************************************************************
* COPYRIGHT (C) 726 TECHNOLOGY INC, 2017 - 2023            ALL RIGHTS RESERVED *
*******************************************************************************/
/* DIV ITEMS CSS */
.DivItemWrapper { color: #fff; display: flex; align-items: center; margin: 2vh 0;
                  justify-content: space-between; box-sizing: border-box;
                  background-color: #3338; padding: 1vh 1vw; font-size: 1.5vh; }
@media screen and (min-width: 1100px) and (orientation: landscape) {
    .DivItemWrapper { font-size: 2vh; }
}  
.DivItemWrapper.bordered { border: calc(0.25vh + 0.25vw) solid #5552; }
.DivItemWrapper.clickable:hover { cursor: pointer; background-color: #5558; }
.DivItemWrapper.full { width: 100%; }
@media screen and (orientation: landscape) {
    .DivItemWrapper.full { width: 90%; }
}  
.DivItemImgBox { width: 25%; }
.DivItemImage { width: 100%; height: auto; }
.DivItemImage.clickable:hover { cursor: pointer; opacity: 1.0; }
.DivItemImage.clickable.disabled { opacity: 0.5; }
.DivItemImage.clickable.disabled:hover { cursor: default; }
.DivItemImage.clickable.tmpdisabled { opacity: 0.5; }
.DivItemImage.clickable.tmpdisabled:hover { cursor: default; }
.DivItemBtnBox { width: 10%; display: flex; flex-direction: column; margin-right: 2vw; }
.DivItemText { width: 47%; text-align: left; padding: 0 4vw; }
.DivItemPrice { width: 18%; text-align: right; font-family: monospace; }
.DivItemPriceAmount { font-family: sans-serif; font-weight: bold;
                       font-size: 2.5vh; letter-spacing: 2px; 
                       text-shadow: #0000007f 0.5vh 0.5vh; 
                       animation: color-change 10s infinite; }
.DivItemQtyInput { width: 30%; min-width: 25px; background-color: #fff; }
@media screen and (min-width: 1100px) and (orientation: landscape) {
    .DivItemQtyInput { min-width: 40px; }
}  
.DivItemQtyInput.positive { background-color: #afa; }
@keyframes color-change {
  0% { color: white; }
  12% { color: azure; }
  24% { color: lightskyblue; }
  36% { color: azure; }
  48% { color: white; }
  60% { color: azure; }
  72% { color: lightskyblue; }
  84% { color: azure; }
  96% { color: white; }
}