#VA-panel .VA-LEVEL{ display: flow-root; }

#VA-panel .col-xs-12{ padding: 0 !important; }

#VA-panel BUTTON{ border: none; }

#VA-panel [class*="VA-col-"]{ float: left; margin: 6px 8px 6px 0px; } /* QTY -> min-width: 55px; */
#VA-panel [class*="VA-col-"][VA-uiid="0"]{ min-width: 55px; } /* Auto, NOT uiid CSS color btn */

#VA-panel [class*="VA-col-"] > a{ width: 100%; display: block; }

#VA-panel [class*="VA-col-"] > INPUT,
#VA-panel [class*="VA-col-"] > a > IMG,
#VA-panel [class*="VA-col-"] > a > BUTTOn{ display: block; width: 100%; min-width: auto; background: none;  }
#VA-panel [class*="VA-col-"] > a > BUTTOn:focus{ outline: none; box-shadow: none; background: none; }

#VA-panel [class*="VA-col-"][VA-uiid="2"]{ border-radius: 50%; } /* rounded, uiid CSS color btn */
#VA-panel [class*="VA-col-"][VA-uiid="1"] > a > BUTTOn,
#VA-panel [class*="VA-col-"][VA-uiid="2"] > a > BUTTOn{ padding: 100% 0 0 0; border: 0; } /* uiid CSS color btn */

#VA-panel [class*="VA-col-"][VA-uiid="2"] > a > BUTTOn{ border-radius: 50%; }

#VA-panel [class*="VA-col-"].SELECTED{ border: 1px solid #000; filter: drop-shadow(3px 3px 3px #ccc); background: rgba(255, 255, 255, .65); } /* outline: 1px double #000; outline-offset: 3px; */
#VA-panel [class*="VA-col-"].SELECTED.EMBEDDED{background: #fff;}
#VA-panel [class*="VA-col-"].SELECTED.DISABLED{ border: 1px solid #bbb; }
#VA-panel [class*="VA-col-"]:not([INPUT-type="BUTTON"]):not(.EMBEDDED):not(.narrow).SELECTED{ padding: 6px; }

#VA-panel [class*="VA-col-"]:not(.EMBEDDED).narrow.SELECTED{ padding: 2px; }

#VA-panel [class*="VA-col-"][INPUT-type="BUTTON"]:not(.DISABLED) > a > BUTTON:hover{ text-decoration: underline; }
/* #VA-panel [class*="VA-col-"]:not(.EMBEDDED)[INPUT-type="BUTTON"].SELECTED{ border-color: #000; } */
#VA-panel [class*="VA-col-"]:not(.EMBEDDED)[INPUT-type="BUTTON"].SELECTED > a > BUTTON{ border: none; }

#VA-panel [class*="VA-col-"]:not(.SELECTED){ border: 1px solid #ddd; } /* .EMBEDDED */
#VA-panel [class*="VA-col-"].EMBEDDED.DISABLED{ border: 1px solid #ccc; }

#VA-panel [class*="VA-col-"].EMBEDDED > a > BUTTON,
#VA-panel [class*="VA-col-"].EMBEDDED > INPUT{ border: none; border-radius: 0; }

#VA-panel [class*="VA-col-"]:not([INPUT-type="BUTTON"]):not(.SELECTED):not(.DISABLED):not(.EMBEDDED):hover{ border: 1px solid #555; padding: 4px; }
#VA-panel [class*="VA-col-"][INPUT-type="BUTTON"]:not(.SELECTED):not(.DISABLED):not(.EMBEDDED):hover{ border-color: #555; }

#VA-panel [class*="VA-col-"]:not(.SELECTED):not(.DISABLED):not(.EMBEDDED).narrow:hover{ padding: 2px; }
#VA-panel [class*="VA-col-"]:not(.SELECTED):not(.DISABLED).EMBEDDED:hover{ border-color: #555; } /* outline: 1px solid #bbb; outline-offset: -1px; */

#VA-panel [class*="VA-col-"].SELECTED > a,
#VA-panel [class*="VA-col-"].SELECTED > a > BUTTON{ cursor: default; }

#VA-panel [class*="VA-col-"].DISABLED > a,
#VA-panel [class*="VA-col-"].DISABLED > a > BUTTON{ cursor: not-allowed; }

#VA-panel [class*="VA-col-"].DISABLED > a > IMG,
#VA-panel [class*="VA-col-"].DISABLED > a > BUTTON{ opacity: .35; }

#VA-panel [class*="VA-col-"].DISABLED,
#VA-panel [class*="VA-col-"].no-thread,
#VA-panel [class*="VA-col-"].VA-thread-DISABLED{ display: none; }

#VA-panel .VA-col-1{ width: 100%; margin: 0; }
#VA-panel .VA-col-2{ width: calc( 100% / 2 - 8px ); }
#VA-panel .VA-col-3{ width: calc( 100% / 3 - 8px ); }
#VA-panel .VA-col-4{ width: calc( 100% / 4 - 8px ); }
#VA-panel .VA-col-5{ width: calc( 100% / 5 - 8px ); }
#VA-panel .VA-col-6{ width: calc( 100% / 6 - 8px  ); }
#VA-panel .VA-col-7{ width: calc( 100% / 7 - 8px  ); }
#VA-panel .VA-col-8{ width: calc( 100% / 8 - 8px  ); }
#VA-panel .VA-col-9{ width: calc( 100% / 9 - 8px  ); }
#VA-panel .VA-col-10{ width: calc( 100% / 10 - 8px  ); }
#VA-panel .VA-col-11{ width: calc( 100% / 11 - 8px  ); }
#VA-panel .VA-col-12{ width: calc( 100% / 12 - 8px  ); }
#VA-panel .VA-col-13{ width: calc( 100% / 13 - 8px  ); }
#VA-panel .VA-col-14{ width: calc( 100% / 14 - 8px  ); }
#VA-panel .VA-col-15{ width: calc( 100% / 15 - 8px  ); }

#VA-panel .VA-embedQTY{ font-weight: bold; }

INPUT[name="qty"]:not([EMBEDDED="1"]){ width: 100px; }

#VA-panel p.VA-embedQTY{ display: none; }