/* ------------------------------------------------------------------------- */
/* G-Mart CSS */
/* ------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------- */
/* variables */
/* ------------------------------------------------------------------------- */
/* gray palette (when referring specifically to grays): */
/*   verylight / veryfaint (whitesmoke #f5f5f5) */
/*   faint slightly more visible as background (#f0f0f0)
/*   lighter (#e6e6e6) */
/*   light (gainsboro #dcdcdc) */
/*   light2 (lightgray #d3d3d3) */
/*   light3 (silver #c0c0c0) */
/*   medium (darkgray #a9a9a9) */
/* NAV_HELP */
/* NAV_MAIN */
/* NAV_UNSELECTED */
/* COLOR_REQUIRED */
/* hyperlink-ish blue */
/* other colors: */
/*   highlight subtle/pleasant green: palegreen (alt: lightgreen or lighter #ccf7cc) */
/*   warning subtle/pleasant yellow: lemonchiffon (alt: lightyellow) */
/*   error subtle/pleasant red: darksalmon (alt: indianred, lightcoral, salmon) */
/* ------------------------------------------------------------------------- */
/* measurements */
/* ------------------------------------------------------------------------- */
/* this is for avoiding too much whitespace with subscription columns */
.maxwidth-subscription-full {
  max-width: 30em; }

/* ------------------------------------------------------------------------- */
/* mobile / desktop definition */
/* ------------------------------------------------------------------------- */
/* nominally 1024 but allow a few extra for window border */
/* ------------------------------------------------------------------------- */
/* page header */
/* ------------------------------------------------------------------------- */
body {
  font-family: sans-serif;
  background-color: white;
  /* prevent crazy font size adjustments on iPhone landscape */
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none; }

/* ------------------------------------------------------------------------- */
/* generic mobile-aware */
/* ------------------------------------------------------------------------- */
/* NOTE: better to explicitly clear this float rather than overflow auto */
.twocolumn-column {
  float: left;
  width: 50%; }
  @media (max-width: 479px) {
    .twocolumn-column {
      width: 100%; } }

/* inline/none options opposite for desktop/mobile */
.mobile-display-none {
  display: inline; }
  @media (max-width: 479px) {
    .mobile-display-none {
      display: none; } }

.mobile-display-inline {
  display: none; }
  @media (max-width: 479px) {
    .mobile-display-inline {
      display: inline; } }

.desktop-display-none {
  display: inline; }
  @media (min-width: 1000px) {
    .desktop-display-none {
      display: none; } }

.desktop-display-inline {
  display: none; }
  @media (min-width: 1000px) {
    .desktop-display-inline {
      display: inline; } }

/* table-cell/none options opposite for desktop/mobile */
.mobile-display-table-cell {
  display: table-cell; }
  @media (min-width: 480px) {
    .mobile-display-table-cell {
      display: none; } }

.nomobile-display-table-cell {
  display: table-cell; }
  @media (max-width: 479px) {
    .nomobile-display-table-cell {
      display: none; } }

/* text sizes (some adjusted for mobile) */
.text-size-xxsmall {
  font-size: xx-small; }

.text-size-xsmall {
  font-size: x-small; }
  @media (max-width: 479px) {
    .text-size-xsmall {
      font-size: xx-small; } }

.text-size-xsmall-nomobile {
  font-size: x-small; }

.text-size-small, .navpromo-text, .navcart-text, .navsub-text, .navbutton-info, .navbutton-blue-brand, .navbutton-red-logo, .navbutton-tabunselected, .navtab-rounded, .home-preorder-cell {
  font-size: small; }
  @media (max-width: 479px) {
    .text-size-small, .navpromo-text, .navcart-text, .navsub-text, .navbutton-info, .navbutton-blue-brand, .navbutton-red-logo, .navbutton-tabunselected, .navtab-rounded, .home-preorder-cell {
      font-size: x-small; } }

.text-size-small-nomobile {
  font-size: small; }

.text-size-medium, .h2-list-none-medium, .navpromo-text-black, .navpromo-text-black-red {
  font-size: medium; }
  @media (max-width: 479px) {
    .text-size-medium, .h2-list-none-medium, .navpromo-text-black, .navpromo-text-black-red {
      font-size: small; } }

/* NOTE: default font-size is medium! (no mobile adjustment) */
.text-size-medium-nomobile, .h1-inline-medium-nomobile {
  font-size: medium; }

/* want this to be large even on mobile! */
.text-size-large, .h1-inline-large {
  font-size: large; }

.text-size-large-mobile, .h1-list-large, .h2-list-large {
  font-size: large; }
  @media (max-width: 479px) {
    .text-size-large-mobile, .h1-list-large, .h2-list-large {
      font-size: medium; } }

.text-size-xlarge {
  font-size: x-large; }

.text-size-xxlarge {
  font-size: xx-large; }

.image-size-mobile-half {
  width: 300px;
  height: auto; }
  @media (max-width: 479px) {
    .image-size-mobile-half {
      width: 150px; } }

.text-weight-normal {
  font-weight: normal; }

.text-weight-bold {
  font-weight: bold; }

.text-weight-bolder {
  font-weight: bolder; }

/* ------------------------------------------------------------------------- */
/* generic */
/* ------------------------------------------------------------------------- */
.div-inline-block {
  display: inline-block; }

/* inline/none(hidden) options same for desktop/mobile */
.display-none {
  display: none; }

.display-inline {
  display: inline; }

.text-strike {
  text-decoration: line-through; }

.text-grayed {
  color: darkgray; }

.text-lightgrayed {
  color: silver; }

/* highlight multiple copies (invoice schema) */
.text-multiple {
  color: aqua;
  font-weight: bold; }

/* highlight perfect condition (invoice schema) */
.text-condition-perfect {
  color: green;
  font-weight: bold; }

/* highlight perfect condition (invoice schema) */
.text-condition-reading {
  color: red;
  font-weight: bold; }

.text-rotate-90 {
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  white-space: nowrap; }

/* this is faking a hanging indent after a known BR */
.padding-left-1em {
  padding-left: 1em; }

/* this is faking a BIG hanging indent after a known BR */
.padding-left-6em {
  padding-left: 6em; }

.h1-inline-inherit {
  display: inline;
  /* default block */
  font-size: inherit;
  /* default 2em */
  font-weight: inherit;
  /* default bold */ }

.h1-inline-medium-nomobile {
  display: inline;
  /* default block */
  /*margin-top: 0em;/* default usually 0.67em */
  /*margin-bottom: 0em;/* default usually 0.67em */ }

.h1-inline-large {
  display: inline;
  /* default block */
  /*margin-top: 0em;/* default usually 0.67em */
  /*margin-bottom: 0em;/* default usually 0.67em */ }

.h1-list-large {
  margin-bottom: 0.25em; }

.h2-list-large {
  margin-bottom: 0.25em; }

.h2-list-none-medium {
  margin-top: 0em;
  /* default usually 0.67em */
  margin-bottom: 0em;
  /* default usually 0.67em */ }

.h3-adjusted-down-compact {
  display: block;
  font-size: 1.17em;
  margin-top: 1em;
  margin-bottom: 0.25em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold; }

.ul-compact {
  margin-top: 0em;
  /* default usually 1em */
  margin-bottom: 0em;
  /* default usually 1em */
  padding-left: 1.1em;
  /* default usually 40px */ }

.ul-none {
  margin-top: 0em;
  /* default usually 1em */
  margin-bottom: 0em;
  /* default usually 1em */
  padding-left: 0em;
  /* default usually 40px */
  list-style: none; }

.table-collapse {
  border-collapse: collapse; }

/* give onclick elements the hyperlink cursor */
.onclick-cursor {
  cursor: pointer; }

.image-float-left {
  float: left;
  margin-right: 2px; }

.width-50-percent {
  width: 50%; }

.width-100-percent {
  width: 100%; }

/* ------------------------------------------------------------------------- */
/* colored hyperlink */
/* ------------------------------------------------------------------------- */
.link-black, .navcart-text, .navsub-text a, .navbutton-info > a, .hometd-new-arrivals-text > a, .hometd-spotlight-text > a, .expandable-link {
  color: black; }

.link-black:link, .navcart-text:link, .navsub-text a:link, .navbutton-info > a:link, .hometd-new-arrivals-text > a:link, .hometd-spotlight-text > a:link, .expandable-link:link {
  color: black; }

.link-black:visited, .navcart-text:visited, .navsub-text a:visited, .navbutton-info > a:visited, .hometd-new-arrivals-text > a:visited, .hometd-spotlight-text > a:visited, .expandable-link:visited {
  color: black; }

.link-white, .navbutton-blue-brand > a, .navbutton-red-logo > a, .navbutton-tabunselected > a, .navtab-rounded > a, .navribbon-td > a, .navribbon-td-black > a, .hometd-plaincenter-text > a, .hometd-plainleft-text > a, .hometd-sale-text > a, .hometd-sale2-text > a, .hometd-blackfriday-text > a, .hometd-fcbd-text > a, .hometd-christmas-text > a, .home-section-content a {
  color: white; }

.link-white:link, .navbutton-blue-brand > a:link, .navbutton-red-logo > a:link, .navbutton-tabunselected > a:link, .navtab-rounded > a:link, .navribbon-td > a:link, .navribbon-td-black > a:link, .hometd-plaincenter-text > a:link, .hometd-plainleft-text > a:link, .hometd-sale-text > a:link, .hometd-sale2-text > a:link, .hometd-blackfriday-text > a:link, .hometd-fcbd-text > a:link, .hometd-christmas-text > a:link, .home-section-content a:link {
  color: white; }

.link-white:visited, .navbutton-blue-brand > a:visited, .navbutton-red-logo > a:visited, .navbutton-tabunselected > a:visited, .navtab-rounded > a:visited, .navribbon-td > a:visited, .navribbon-td-black > a:visited, .hometd-plaincenter-text > a:visited, .hometd-plainleft-text > a:visited, .hometd-sale-text > a:visited, .hometd-sale2-text > a:visited, .hometd-blackfriday-text > a:visited, .hometd-fcbd-text > a:visited, .hometd-christmas-text > a:visited, .home-section-content a:visited {
  color: white; }

.link-red, .hometd-cybermonday-text > a {
  color: red; }

.link-red:link, .hometd-cybermonday-text > a:link {
  color: red; }

.link-red:visited, .hometd-cybermonday-text > a:visited {
  color: red; }

.link-color-actiontext {
  color: #0000ee; }

.link-color-actiontext:link {
  color: #0000ee; }

.link-color-actiontext:visited {
  color: #0000ee; }

.link-actiontext, .actiontext a, .actiontext-price a, .actiontext-discount a, .actiontext-submit a, .actiontext-submit-ok a, .actiontext-submit-warning a, .actiontext-submit-error a, .actiontext-soldout a, .actiontext-inactive a, .actiontext-small a, .actiontext-submit-small a, .actiontext-submit-ok-small a, .actiontext-submit-warning-small a, .actiontext-submit-error-small a {
  color: #0000ee;
  text-decoration: none; }

.link-actiontext:link, .actiontext a:link, .actiontext-price a:link, .actiontext-discount a:link, .actiontext-submit a:link, .actiontext-submit-ok a:link, .actiontext-submit-warning a:link, .actiontext-submit-error a:link, .actiontext-soldout a:link, .actiontext-inactive a:link, .actiontext-small a:link, .actiontext-submit-small a:link, .actiontext-submit-ok-small a:link, .actiontext-submit-warning-small a:link, .actiontext-submit-error-small a:link {
  color: #0000ee; }

.link-actiontext:visited, .actiontext a:visited, .actiontext-price a:visited, .actiontext-discount a:visited, .actiontext-submit a:visited, .actiontext-submit-ok a:visited, .actiontext-submit-warning a:visited, .actiontext-submit-error a:visited, .actiontext-soldout a:visited, .actiontext-inactive a:visited, .actiontext-small a:visited, .actiontext-submit-small a:visited, .actiontext-submit-ok-small a:visited, .actiontext-submit-warning-small a:visited, .actiontext-submit-error-small a:visited {
  color: #0000ee; }

.link-none, .actiontext-required a, .actiontext-soldout a, .actiontext-soldout-small a, .actiontext-inactive a, .actiontext-inactive-small a {
  color: inherit;
  text-decoration: none; }

.link-none:link, .actiontext-required a:link, .actiontext-soldout a:link, .actiontext-soldout-small a:link, .actiontext-inactive a:link, .actiontext-inactive-small a:link, .link-none:visited, .actiontext-required a:visited, .actiontext-soldout a:visited, .actiontext-soldout-small a:visited, .actiontext-inactive a:visited, .actiontext-inactive-small a:visited {
  color: inherit; }

/* ------------------------------------------------------------------------- */
/* text highlights */
/* ------------------------------------------------------------------------- */
.highlight-text-gray {
  background-color: gray; }

/* this is a substantial gray to attract attention */
.highlight-text-gray-medium {
  color: black;
  background-color: darkgray; }

.highlight-text-gray-light3 {
  background-color: silver; }

.highlight-text-gray-light2 {
  background-color: lightgray; }

.highlight-text-gray-light {
  background-color: gainsboro; }

.highlight-text-gray-faint {
  background-color: #f0f0f0; }

.highlight-text-gray-veryfaint {
  background-color: whitesmoke; }

.highlight-text-white {
  background-color: white; }

.highlight-text-product-source-unknown {
  background-color: yellow;
  color: red; }

.highlight-text-product-source-unspecified {
  background-color: yellow; }

.highlight-text-product-source-none {
  background-color: silver; }

.highlight-text-product-source-primary {
  background-color: lime; }

.highlight-text-product-source-complex {
  /* background-color: aqua;*/
  background-color: #7df9ff;
  /* Electric Blue */ }

.highlight-text-product-source-stock-unknown {
  /* background-color: #ccf7cc;*/
  /* light green */ }

.highlight-text-comic-map-complex {
  /* background-color: aqua;*/
  background-color: #7df9ff;
  /* Electric Blue */ }

/* for admin display */
.highlight-text-inventory-quantity-cart {
  color: black;
  font-weight: bold;
  background-color: lemonchiffon;
  border: 1px solid black; }

/* for admin display */
.highlight-text-inventory-quantity-soldout {
  color: black;
  font-weight: bold;
  background-color: silver; }

/* for admin display */
.highlight-text-inventory-quantity-black {
  color: white;
  font-weight: bold;
  background-color: black; }

/* for admin display */
.highlight-text-inventory-quantity-red {
  color: maroon;
  font-weight: bold; }

/* for admin display */
.highlight-text-inventory-quantity-yellow {
  color: olive;
  font-weight: bold; }

/* for admin display */
.highlight-text-inventory-quantity-green {
  color: green;
  font-weight: bold; }

/* for admin display */
.highlight-text-inventory-quantity-sale {
  color: fuchsia;
  font-weight: bold;
  background-color: aqua; }

/* for admin display */
.highlight-text-inventory-reorder {
  color: black;
  font-weight: bold;
  background-color: fuchsia; }

/* for promo display */
.highlight-text-promo {
  /* color: maroon; */
  color: DarkOrange;
  font-weight: 900;
  /* more than bold 700 */ }

/* for a warning with reverse color */
.highlight-text-warning-reverse {
  color: yellow;
  font-weight: bold;
  background-color: black; }

/* ------------------------------------------------------------------------- */
/* backgrounds */
/* ------------------------------------------------------------------------- */
/* highlights the one that was linked to get here */
.background-highlight-linked {
  background-color: palegreen; }

/* visual highlight to show pattern (like alternating lines) */
.background-highlight-pattern-subtle-1 {
  background-color: gainsboro; }

/* visual highlight to show pattern (like slightly different columns) */
.background-highlight-pattern-moresubtle-1 {
  background-color: #f0f0f0; }

/* visual highlight to show pattern (like alternating lines) */
.background-highlight-pattern-verysubtle-1 {
  background-color: whitesmoke; }

/* visual highlight to show error (vs white background) (alt: IndianRed, LightCoral, Salmon) */
.background-highlight-pattern-error-2 {
  background-color: DarkSalmon; }

/* visual highlight to show warning (vs white background) (alt: LightYellow) */
.background-highlight-pattern-warning-2 {
  background-color: LemonChiffon; }

/* visual highlight to show OK (vs white background) (alt: LightGreen) */
.background-highlight-pattern-ok-2 {
  background-color: PaleGreen; }

/* substantial gray to attract attention */
.background-highlight-gray-medium {
  background-color: darkgray; }

.background-highlight-total {
  background-color: palegreen; }

.background-highlight-subtotal {
  background-color: aqua; }

.background-highlight-difference {
  background-color: lightcoral; }

.background-highlight-online {
  /* background-color: $color-blue-brand; */
  background-color: lightskyblue; }

.background-highlight-chicago {
  /* background-color: $color-chicago-blue; */
  background-color: #CCFFFF; }

.background-highlight-champaign {
  /* background-color: $color-illini-orange; */
  background-color: moccasin; }

.background-highlight-release-highlight {
  background-color: #ccffff; }

/* ------------------------------------------------------------------------- */
/* actiontext means click to do something ( mix of hyperlink and button) */
/* ------------------------------------------------------------------------- */
/* actiontext is a mix of hyperlink and button - do something */
.actiontext, .actiontext-price, .actiontext-discount, .actiontext-submit, .actiontext-submit-ok, .actiontext-submit-warning, .actiontext-submit-error, .actiontext-soldout, .actiontext-inactive {
  border: 1px solid darkslategray;
  border-radius: 5px;
  color: #0000ee;
  background-color: white;
  padding-left: 1px;
  padding-right: 1px; }

/* small version of actiontext mix of hyperlink and button */
.actiontext-small, .actiontext-submit-small, .actiontext-submit-ok-small, .actiontext-submit-warning-small, .actiontext-submit-error-small {
  border: 1px solid darkgray;
  border-radius: 3px;
  color: #0000ee;
  background-color: white;
  padding-left: 1px;
  padding-right: 1px; }

/* price version of actiontext has extra padding for image */
.actiontext-price {
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 0px;
  /* this especially for image */ }
  @media (max-width: 479px) {
    .actiontext-price {
      padding-top: 2px;
      /* this especially for image */ } }

/* discount version of actiontext has extra padding for image */
.actiontext-discount {
  padding-bottom: 1px;
  /* this especially for image */ }

/* actiontext version for required action */
.actiontext-required {
  border: 1px solid black;
  border-radius: 5px;
  color: black;
  background-color: lightcoral;
  padding-left: 1px;
  padding-right: 1px; }

/* actiontext-submit looks like a light submit button (light gray background) */
.actiontext-submit, .actiontext-submit-ok, .actiontext-submit-warning, .actiontext-submit-error {
  background-color: #f0f0f0; }

.actiontext-submit-small, .actiontext-submit-ok-small, .actiontext-submit-warning-small, .actiontext-submit-error-small {
  background-color: #f0f0f0; }

/* actiontext-submit variations with a bit of gray-ish color */
.actiontext-submit-ok {
  background-color: #c0f0c0; }

.actiontext-submit-ok-small {
  background-color: #c0f0c0; }

.actiontext-submit-warning {
  background-color: #fffff0; }

.actiontext-submit-warning-small {
  background-color: #fffff0; }

.actiontext-submit-error {
  background-color: #f0c0c0; }

.actiontext-submit-error-small {
  background-color: #f0c0c0; }

/* actiontext-soldout looks like sold out (black border white background) */
.actiontext-soldout {
  border: 1px solid black;
  color: black;
  background-color: white; }

.actiontext-soldout-small {
  border: 1px solid black;
  color: black;
  background-color: white; }

/* actiontext-inactive looks grayed-out (silver text/border white background) */
.actiontext-inactive {
  border: 1px solid silver;
  color: silver;
  background-color: white; }

.actiontext-inactive-small {
  border: 1px solid silver;
  color: silver;
  background-color: white; }

/* ------------------------------------------------------------------------- */
/* misc table styles */
/* ------------------------------------------------------------------------- */
.td-nopadding {
  padding: 0px 0px 0px 0px; }

.td-noverticalpadding {
  padding: 0px 2px 0px 2px; }

.td-nobottompadding {
  padding: 2px 2px 0px 2px; }

.td-noborder {
  border-style: none; }

.td-whiteborder {
  border: 1px solid white; }

.td-verylightborder {
  border: 1px solid whitesmoke; }

.td-faintlightborder {
  border: 1px solid #f0f0f0; }

.td-faintborder {
  border: 1px solid gainsboro; }

.td-lightborder, .storeadmin10-th, .storeadmin10-td {
  border: 1px solid silver; }

.td-lightborder-top {
  border-top: 1px solid silver; }

.td-lightborder-double-top {
  border-top: 3px double silver; }

.td-lightborder-bottom {
  border-bottom: 1px solid silver; }

.td-lightborder-double-bottom {
  border-bottom: 3px double silver; }

.td-nopadding-lightborder {
  padding: 0px 0px 0px 0px;
  border: 1px solid silver; }

.td-noverticalpadding-verylightborder {
  padding: 0px 2px 0px 2px;
  border: 1px solid whitesmoke; }

.td-darkborder-right {
  border-right: 1px solid black; }

/* ------------------------------------------------------------------------- */
/* common table case wanting faint border everywhere */
/* ------------------------------------------------------------------------- */
.table-collapse-faint {
  border-collapse: collapse;
  border: 1px solid gainsboro; }

.table-collapse-faint tr td {
  border: 1px solid gainsboro; }

/* ------------------------------------------------------------------------- */
/* special case: table (all TD) where want faint inner lines but no border */
/* (this is optionally useful when putting a table inside a table cell) */
/* ------------------------------------------------------------------------- */
.table-td-only-inner-light-outer-none {
  border-collapse: collapse; }

.table-td-only-inner-light-outer-none td {
  border: 1px solid silver;
  padding-left: 3px;
  padding-right: 3px; }

.table-td-only-inner-light-outer-none tr:first-child td {
  border-top: 0; }

.table-td-only-inner-light-outer-none tr:last-child td {
  border-bottom: 0; }

.table-td-only-inner-light-outer-none tr td:first-child {
  border-left: 0; }

.table-td-only-inner-light-outer-none tr td:last-child {
  border-right: 0; }

/* version where the inner lines only show on nomobile */
.table-td-only-inner-light-outer-none-nomobile {
  border-collapse: collapse; }

@media (min-width: 480px) {
  .table-td-only-inner-light-outer-none-nomobile td {
    border: 1px solid silver;
    padding-left: 3px;
    padding-right: 3px; } }

.table-td-only-inner-light-outer-none-nomobile tr:first-child td {
  border-top: 0; }

.table-td-only-inner-light-outer-none-nomobile tr:last-child td {
  border-bottom: 0; }

.table-td-only-inner-light-outer-none-nomobile tr td:first-child {
  border-left: 0; }

.table-td-only-inner-light-outer-none-nomobile tr td:last-child {
  border-right: 0; }

/* ------------------------------------------------------------------------- */
/* horizontal scrollable table (only if needed) */
/* ------------------------------------------------------------------------- */
.table-scroll-horizontal {
  overflow-x: auto; }

/* ------------------------------------------------------------------------- */
/* vertical scrollable table (sticky header at top) */
/* ------------------------------------------------------------------------- */
.table-scroll-vertical-80-percent, .table-scroll-vertical-80-percent-horizontal-first-column {
  /* need a specific height to get it to scroll, units of viewport height  */
  height: 70vh;
  overflow: auto;
  /* there is some nonsense with scrolling where lines disappear and this looks better */
  border: 1px solid silver; }

.table-scroll-vertical-80-percent table, .table-scroll-vertical-80-percent-horizontal-first-column table {
  /* table must fill full DIV width so scrollbar appears in the right spot */
  /* NOTE: small side effect table fills entire width even if not needed */
  width: 100%;
  /* border-collapse avoids a slight move of header row when scroll starts */
  border-collapse: collapse; }

/* because sticky on th must apply styles on th rather than thead */
.table-scroll-vertical-80-percent thead, .table-scroll-vertical-80-percent-horizontal-first-column thead {
  position: sticky;
  top: 0;
  z-index: 1;
  background: white; }
  .table-scroll-vertical-80-percent thead th, .table-scroll-vertical-80-percent-horizontal-first-column thead th, .table-scroll-vertical-80-percent thead td, .table-scroll-vertical-80-percent-horizontal-first-column thead td {
    /* NOTE: might try to make this black, but nonsense with scrolling where lines disappear and looks better to keep all silver */
    border: 1px solid silver;
    /* Mozilla hack required because of border-collapse and background? */
    box-shadow: 0px 0px 0 1px silver;
    /* worse Firefox hack required because of border-collapse and background? */
    /* padding: 1px; */
    /* background-clip: padding-box; */ }

.table-scroll-vertical-80-percent tbody th, .table-scroll-vertical-80-percent-horizontal-first-column tbody th, .table-scroll-vertical-80-percent tbody td, .table-scroll-vertical-80-percent-horizontal-first-column tbody td {
  border: 1px solid silver; }

/* ------------------------------------------------------------------------- */
/* vertical/horizontal scrollable table (sticky top / first column) */
/* ------------------------------------------------------------------------- */
.table-scroll-vertical-80-percent-horizontal-first-column thead th:first-child {
  position: sticky;
  left: 0;
  z-index: 2; }

/* use the following to manually identify the first column (TH or TD) */
/* NOTE: normally want to set a background, but sometimes already have one! */
.td-scroll-horizontal-sticky, .td-scroll-horizontal-sticky-background {
  position: sticky;
  left: 0; }

/* this version has a white background */
.td-scroll-horizontal-sticky-background {
  background: white;
  /* Firefox hack required because of border-collapse and background? */
  /* box-shadow: 0px 0px 0 1px silver; */
  /* better Firefox hack required because of border-collapse and background? */
  padding: 1px;
  background-clip: padding-box; }

/* ------------------------------------------------------------------------- */
/* table of stacked rectangles, left/right together */
/* ------------------------------------------------------------------------- */
.td-padding-lightborder-nomiddle-left {
  padding: 2px;
  border-top: 1px solid silver;
  border-bottom: 1px solid silver;
  border-left: 1px solid silver; }

.td-padding-lightborder-nomiddle-right {
  padding: 2px;
  border-top: 1px solid silver;
  border-right: 1px solid silver;
  border-bottom: 1px solid silver; }

/* ------------------------------------------------------------------------- */
/* table done in the style of an traditional invoice */
/* ------------------------------------------------------------------------- */
.invoicebasic-tr-section {
  background-color: silver; }

.invoicebasic-td-section {
  padding: 0px 2px 0px 2px;
  border: 1px solid white; }

.invoicebasic-td-subcategory {
  padding: 0px; }

.invoicebasic-td-item {
  padding: 0px 2px 0px 2px;
  /*border: 1px solid whitesmoke;*/
  border: 1px solid #e6e6e6; }

.invoicebasic-td-item-darker {
  padding: 0px 2px 0px 2px;
  /* can fiddle with this, OK to have lighter/darker */
  border: 1px solid gainsboro; }

.invoicebasic-td-total {
  padding: 0px 2px 0px 2px;
  border: 1px solid whitesmoke;
  border-top: 3px double black; }

/* ------------------------------------------------------------------------- */
/* bubbles for highlighting/organizing content */
/* ------------------------------------------------------------------------- */
/* these bubble spaces are intended to float (multiple columns) */
.div-bubbles-space {
  padding: 3px; }

.div-bubbles-space-compact {
  padding: 1px; }

/* these bubble spaces are intended to NOT float (page width) */
.div-bubbles-space-clear {
  padding: 3px;
  clear: both; }

.div-bubbles-space-compact-clear {
  padding: 1px;
  clear: both; }

/* these are bubble content */
.div-bubble-test {
  background-color: lightgray;
  border-radius: 10px;
  padding: 5px; }

.div-bubble-test-compact {
  background-color: lightgray;
  border-radius: 6px;
  padding: 2px; }

.div-bubble-info {
  background-color: gainsboro;
  border-radius: 10px;
  padding: 5px; }

.div-bubble-faq {
  background-color: gainsboro;
  border-radius: 10px;
  padding: 5px; }

.div-bubble-faq-compact {
  background-color: gainsboro;
  border-radius: 5px;
  padding: 3px; }

.div-bubble-subcenter {
  background-color: powderblue;
  border-radius: 10px;
  padding: 5px; }

/* just carries the hint of shape */
.div-bubble-veryfaint-compact {
  background-color: whitesmoke;
  /*background-color: lightgray;*/
  border: 1px solid gainsboro;
  border-radius: 6px;
  padding: 2px; }

.div-bubble-highlight-compact {
  background-color: palegreen;
  border: 1px solid gainsboro;
  border-radius: 6px;
  padding: 2px; }

.div-bubble-quantity-compact {
  /*background-color: aliceblue;*/
  background-color: lightcyan;
  border: 1px solid gainsboro;
  border-radius: 6px;
  padding: 2px; }

/* bubbles as inline-block */
.div-bubblesblock-space {
  padding: 3px;
  display: inline-block; }

.div-bubblesblock-space-medium {
  padding: 2px;
  display: inline-block; }

.div-bubblesblock-space-compact {
  padding: 1px;
  display: inline-block; }

.div-bubblesblock-middle-space {
  padding: 3px;
  display: inline-block;
  vertical-align: middle;
  /* avoid baseline alignment */ }

.div-bubblesblock-middle-space-compact {
  padding: 1px;
  display: inline-block;
  vertical-align: middle;
  /* avoid baseline alignment */ }

.div-bubbleblock-regular, .div-bubbleblock-info {
  border-radius: 10px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  display: inline-block; }

.div-bubbleblock-compact, .div-bubbleblock-info-compact, .div-bubbleblock-highlight-quantity-compact, .div-bubbleblock-warning-quantity-compact, .div-bubbleblock-soldout-compact, .div-bubbleblock-inventorysale-compact, .div-bubbleblock-inventoryclearance-compact, .div-bubbleblock-inventorypink-compact, .div-bubbleblock-inventoryorange-compact, .div-bubbleblock-inventoryyellow-compact, .div-bubbleblock-inventorygreen-compact, .div-bubbleblock-inventoryblue-compact, .div-bubbleblock-inventorypurple-compact, .div-bubbleblock-inventorybrown-compact, .div-bubbleblock-inventorygray-compact, .div-bubbleblock-inventoryblack-compact {
  border-radius: 5px;
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 1px;
  padding-bottom: 1px;
  display: inline-block; }

.div-bubbleblock-verycompact, .actiontext-soldout-small, .actiontext-inactive-small, .div-bubbleblock-sale-verycompact, .div-bubbleblock-sale-black-verycompact {
  border-radius: 3px;
  padding-left: 1px;
  padding-right: 1px;
  padding-top: 0px;
  padding-bottom: 0px;
  display: inline-block; }

.div-bubbleblock-info {
  background-color: gainsboro; }

.div-bubbleblock-info-compact {
  background-color: gainsboro; }

.div-bubbleblock-sale-verycompact {
  background-color: #ffff66;
  color: #ff3333;
  border: 1px solid gainsboro;
  line-height: 1.0em;
  /* adjust line-height because go inside actiontext */ }
  @media (max-width: 479px) {
    .div-bubbleblock-sale-verycompact {
      line-height: 0.9em; } }

.div-bubbleblock-sale-black-verycompact {
  background-color: black;
  color: #ff3333;
  line-height: 1.0em;
  /* adjust line-height because go inside actiontext */ }
  @media (max-width: 479px) {
    .div-bubbleblock-sale-black-verycompact {
      line-height: 0.9em; } }

.div-bubbleblock-highlight-quantity-compact {
  background-color: palegreen;
  border: 1px solid black; }

.div-bubbleblock-warning-quantity-compact {
  background-color: lemonchiffon;
  border: 1px solid black; }

.div-bubbleblock-soldout-compact {
  background-color: white;
  border: 1px solid black; }

.div-bubbleblock-inventorysale-compact {
  background-color: white;
  color: #ff3333;
  border: 2px solid #ff3333; }

.div-bubbleblock-inventoryclearance-compact {
  background-color: white;
  color: fuchsia;
  border: 2px solid aqua; }

.div-bubbleblock-inventorypink-compact {
  background-color: white;
  color: fuchsia;
  /* hotpink OK, pink too pale, deeppink too red */
  border: 2px solid fuchsia; }

.div-bubbleblock-inventoryorange-compact {
  background-color: white;
  color: darkorange;
  /* orange OK but pale */
  border: 2px solid darkorange; }

.div-bubbleblock-inventoryyellow-compact {
  background-color: white;
  color: gold;
  /* yellow illegible */
  border: 2px solid gold; }

.div-bubbleblock-inventorygreen-compact {
  background-color: white;
  color: limegreen;
  /* chartreuse bit pale, springgreen off color, green too dark */
  border: 2px solid limegreen; }

.div-bubbleblock-inventoryblue-compact {
  background-color: white;
  color: deepskyblue;
  border: 2px solid deepskyblue; }

.div-bubbleblock-inventorypurple-compact {
  background-color: white;
  color: blueviolet;
  border: 2px solid blueviolet; }

.div-bubbleblock-inventorybrown-compact {
  background-color: white;
  color: sienna;
  border: 2px solid sienna; }

.div-bubbleblock-inventorygray-compact {
  background-color: white;
  color: gray;
  border: 2px solid gray; }

.div-bubbleblock-inventoryblack-compact {
  background-color: white;
  color: black;
  border: 2px solid black; }

/* ------------------------------------------------------------------------- */
/* dropdown menu */
/* based on:
/* https://twincl.com/css-html/*6bh/pure-css-onclick-menu
/* (iOS fix to https://koen.kivits.com/articles/pure-css-menu)
/* TRICKS:
/* * visibility transition to process clicks after focus lost
/*   * BUT opacity to become immediately transparent
/* STRUCTURE:
/*   .menu-dropdown > span = header
/*   .menu-dropdown > div = hack for closing tap in iOS Safari (when span focus)
/* ------------------------------------------------------------------------- */
/* NOTE: this dropdown has problems inside overflow due to hidden ul. */
/* Therefore stay away from overflow style! */
.menu-dropdown {
  position: relative; }

/* make header not selectable */
.menu-dropdown > span {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/* hack for closing tap in iOS Safari */
.menu-dropdown > div {
  background-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none; }

/* pointer for header to indicate clickable */
.menu-dropdown > span,
.menu-dropdown > div {
  cursor: pointer;
  outline: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

/* open the menu when the header gets focus */
.menu-dropdown > span:focus ~ ul {
  /* hover supports IE9 */
  /* display: block; */
  /* use visibility to address click focus issue */
  visibility: visible;
  opacity: 1; }

.menu-dropdown > span:focus ~ div {
  /* hack for closing tap in iOS Safari */
  display: block; }

.menu-dropdown > ul {
  /* display: none; */
  /* use visibility to address click focus issue */
  position: absolute;
  /* right: 0; */
  /* trick for having menu expand off to left not to right */
  z-index: 1;
  visibility: hidden;
  transition: visibility 0.5s;
  /* give 0.5s for browser to trigger click event */
  opacity: 0;
  /* disappear immediately after loses focus due to click */ }

.menu-dropdown > ul {
  list-style-type: none;
  padding: 0;
  margin-top: 2px;
  text-align: left; }

.menu-dropdown li {
  border: 1px solid #bbb;
  box-shadow: 2px 2px 5px #ccc;
  padding: 0.2em 0.4em 0;
  height: 1.5em;
  background: #fffffb;
  white-space: nowrap;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.menu-dropdown li:not(:first-child) {
  border-top: none; }

.menu-dropdown li:hover {
  /* background: #f8f8f4; */
  background: lightgray; }

.menu-dropdown li a {
  text-decoration: none;
  /* color: #555; */
  color: black; }

/* ------------------------------------------------------------------------- */
/* popup window */
/* ------------------------------------------------------------------------- */
.popup-window-80 {
  height: 80%;
  width: 80%;
  position: fixed;
  top: 10%;
  left: 10%;
  background: ghostwhite;
  border: 2px solid black;
  z-index: 5;
  overflow-y: auto;
  display: none; }

.popup-window-50 {
  height: 50%;
  width: 50%;
  position: fixed;
  top: 25%;
  left: 25%;
  background: ghostwhite;
  border: 2px solid black;
  z-index: 5;
  overflow-y: auto;
  display: none; }

.popup-window-50-top-left {
  height: 50%;
  width: 50%;
  position: fixed;
  top: 10%;
  left: 10%;
  background: ghostwhite;
  border: 2px solid black;
  z-index: 5;
  overflow-y: auto;
  display: none; }

/* ------------------------------------------------------------------------- */
/* navigation and content */
/* ------------------------------------------------------------------------- */
a.navlink:link {
  color: white; }

a.navlink:visited {
  color: white; }

.navtable-main {
  width: 100%;
  border-collapse: collapse;
  /* border-spacing: 0px; */
  margin-bottom: -1px;
  /* addresses stupid bug in IE, space with table below */ }

.navlogo-image {
  height: 90px;
  width: auto; }
  @media (max-width: 479px) {
    .navlogo-image {
      height: 75px; } }

.navlogo-space {
  padding-right: 3px;
  padding-bottom: 3px; }

.navnotice-update-bubble {
  background-color: #ff3333;
  border: 2px solid black;
  border-radius: 10px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  display: inline-block;
  color: white; }

.navpromo-bubble, .navpromo-bubble-black {
  background-color: #ffff99;
  /* HIGHLIGHT_YELLOW */
  border: 1px solid gainsboro;
  border-radius: 10px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  display: inline-block; }

.navpromo-text {
  color: black; }

.navpromo-text-highlight {
  color: #ff3333; }

/* black versions for sales */
.navpromo-bubble-black {
  background-color: black; }

.navpromo-text-black {
  color: white; }

.navpromo-text-black-red {
  color: red; }

.navcart-empty-bubble {
  background-color: gainsboro;
  border-radius: 10px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  display: inline-block; }

.navcart-full-bubble {
  background-color: lightcoral;
  border: 1px solid gainsboro;
  border-radius: 10px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  display: inline-block; }

.navsub-full-bubble {
  background-color: lightcyan;
  /* matches color for quantity in sub/pre */
  border: 1px solid gainsboro;
  border-radius: 10px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  display: inline-block; }

.navbutton-info {
  background-color: gainsboro;
  color: black;
  border-radius: 10px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  display: inline-block; }

.navbutton-blue-brand {
  background-color: #005fb2;
  color: white;
  border-radius: 10px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  display: inline-block; }

.navbutton-red-logo {
  background-color: #ff3333;
  color: white;
  border-radius: 10px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  display: inline-block; }

.navbutton-tabunselected {
  background-color: #00a0c4;
  color: white;
  border-radius: 10px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  display: inline-block; }

.navtab-rounded {
  color: white;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 3px;
  padding-bottom: 5px; }

.navribbon-table {
  width: 100%;
  border-collapse: collapse;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  margin-bottom: -1px;
  /* addresses stupid bug in IE, space with table below */ }

.navribbon-td, .navribbon-td-black {
  color: white;
  background-color: #005fb2;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px; }

.navribbon-td-black {
  background-color: black; }

/* designed to go right below navribbon-table */
.navribbon-info {
  background-color: gainsboro;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px; }

.content-box {
  border-left: 1px solid silver;
  border-right: 1px solid silver;
  border-bottom: 1px solid silver;
  padding: 2px; }
  @media (max-width: 479px) {
    .content-box {
      padding: 1px; } }

/* ------------------------------------------------------------------------- */
/* home page */
/* ------------------------------------------------------------------------- */
.hometd-plaincenter-text, .hometd-plainleft-text {
  color: white;
  background-color: #005fb2;
  text-align: center;
  vertical-align: middle;
  padding: 1px; }

.hometd-plainleft-text {
  text-align: left; }

.hometd-sale-sale, .hometd-sale-sale-left, .hometd-sale-sale-right {
  background-color: #ffff66;
  color: #ff3333;
  text-align: center;
  vertical-align: middle;
  padding: 1px; }

.hometd-sale-sale-left {
  border-left: 1px solid gainsboro; }

.hometd-sale-sale-right {
  border-right: 1px solid gainsboro; }

.hometd-sale-text {
  color: white;
  background-color: rosybrown;
  text-align: center;
  vertical-align: middle;
  padding: 1px; }

.hometd-sale2-sale, .hometd-sale2-sale-left, .hometd-sale2-sale-right {
  background-color: #ffff66;
  color: #ff3333;
  text-align: center;
  vertical-align: middle;
  padding: 1px; }

.hometd-sale2-sale-left {
  border-left: 1px solid gainsboro; }

.hometd-sale2-sale-right {
  border-right: 1px solid gainsboro; }

.hometd-sale2-text {
  color: white;
  background-color: steelblue;
  text-align: center;
  vertical-align: middle;
  padding: 1px; }

.hometd-blackfriday-left {
  background-color: black;
  text-align: center;
  vertical-align: middle;
  padding: 1px; }
  @media (max-width: 479px) {
    .hometd-blackfriday-left {
      vertical-align: bottom; } }

.hometd-blackfriday-right {
  background-color: black;
  text-align: center;
  vertical-align: bottom;
  padding: 1px; }

.hometd-blackfriday-text {
  color: white;
  background-color: black;
  text-align: center;
  vertical-align: middle;
  padding: 1px; }
  @media (max-width: 479px) {
    .hometd-blackfriday-text {
      font-size: small; } }

.hometd-cybermonday-text {
  color: red;
  background-color: black;
  text-align: center;
  vertical-align: middle;
  padding: 1px; }
  @media (max-width: 479px) {
    .hometd-cybermonday-text {
      font-size: small; } }

.hometd-fcbd-image {
  background-color: #005fb2;
  text-align: center;
  vertical-align: middle;
  padding: 1px; }

.hometd-fcbd-text {
  color: white;
  background-color: #005fb2;
  text-align: center;
  vertical-align: middle;
  padding: 1px; }

.hometd-christmas-image {
  background-color: #e7474e;
  /* red that complements green */
  text-align: center;
  vertical-align: middle;
  width: 32px;
  padding: 1px; }

.hometd-christmas-image-white {
  background-color: white;
  text-align: center;
  vertical-align: middle;
  width: 32px;
  padding: 1px; }

.hometd-christmas-text {
  color: white;
  background-color: #009933;
  /* Christmas green */
  text-align: center;
  vertical-align: middle;
  padding: 1px; }
  @media (max-width: 479px) {
    .hometd-christmas-text {
      font-size: small; } }

.hometd-new-arrivals-image {
  background-color: silver;
  text-align: left;
  vertical-align: middle;
  padding: 1px; }

.hometd-new-arrivals-text {
  color: black;
  background-color: silver;
  text-align: left;
  vertical-align: middle;
  padding: 1px; }
  @media (max-width: 479px) {
    .hometd-new-arrivals-text {
      font-size: small; } }

.hometd-spotlight-image-left {
  background-color: silver;
  text-align: left;
  vertical-align: middle;
  padding: 1px; }

.hometd-spotlight-image-right {
  background-color: silver;
  text-align: right;
  vertical-align: middle;
  padding: 1px; }

.hometd-spotlight-text {
  color: black;
  background-color: silver;
  text-align: left;
  vertical-align: middle;
  padding: 1px; }
  @media (max-width: 479px) {
    .hometd-spotlight-text {
      font-size: small; } }

.home-section, .home-section-black {
  width: 100%;
  background-color: #005fb2; }

.home-section-black {
  background-color: black; }

.home-section-content {
  color: white;
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 1px;
  padding-bottom: 1px; }

.homebutton-sale {
  background-color: #ffff66;
  color: #ff3333;
  border-radius: 10px;
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 1px;
  padding-bottom: 1px;
  display: inline-block; }

.homebutton-sale-compact {
  background-color: #ffff66;
  color: #ff3333;
  border: 1px solid gainsboro;
  border-radius: 5px;
  padding-left: 1px;
  padding-right: 1px;
  vertical-align: middle;
  display: inline-block; }

.home-preorder-table {
  width: 100%;
  border-collapse: collapse; }

.home-preorder-cell {
  border-left: 1px solid silver;
  border-right: 1px solid silver;
  border-bottom: 1px solid silver;
  padding: 2px;
  vertical-align: top; }
  @media (max-width: 479px) {
    .home-preorder-cell {
      padding: 1px; } }

.home-preorder-cell-minwidth_4 {
  /* min-width: 18vw;*/
  /* lots of play */
  min-width: 23vw;
  /* almost no play */ }

.home-preorder-cell-minwidth_2 {
  /* min-width: 43vw;*/
  /* lots of play */
  min-width: 47vw;
  /* almost no play */ }

.home-preorder-image-even {
  float: left;
  margin-left: 0px;
  /* force image flush on left */
  margin-right: 2px;
  /* separate text from image */ }
  @media (max-width: 479px) {
    .home-preorder-image-even {
      margin-right: 1px;
      /* separate text from image */ } }

.home-preorder-image-odd {
  float: right;
  margin-right: 0px;
  /* force image flush on right */
  margin-left: 2px;
  /* separate text from image */ }
  @media (max-width: 479px) {
    .home-preorder-image-odd {
      margin-left: 1px;
      /* separate text from image */ } }

.home-preorder-cell-empty {
  /*display: table-cell;*/
  padding: 0px; }

.home-preorder-cell-empty-right {
  border-right: 1px solid gainsboro;
  /*display: table-cell;*/
  padding: 0px; }

/* ------------------------------------------------------------------------- */
/* membership page */
/* ------------------------------------------------------------------------- */
.membership-border-top {
  border-top-style: solid; }

.membership-border-bottom {
  border-bottom-style: solid; }

.membership-sub-header, .membership-sub-header-top {
  border-style: none none none solid; }

.membership-padding-left-extra, .membership-sub-content, .membership-sub-content-top {
  padding-left: 7px;
  /* extra padding to show the required color */ }

.membership-sub-content, .membership-sub-content-top {
  border-style: none solid none none; }

.membership-sub-header-top {
  border-style: solid none none solid; }

.membership-sub-content-top {
  border-style: solid solid none none; }

/* ------------------------------------------------------------------------- */
/* buy button */
/* ------------------------------------------------------------------------- */
.submit-buy {
  color: white;
  /* NAV_TEXT */
  background-color: #ff3333; }

/* ------------------------------------------------------------------------- */
/* store_admin */
/* ------------------------------------------------------------------------- */
.navtable-storeadmin {
  width: 100%;
  border-collapse: collapse;
  /* border-spacing: 0px; */
  table-layout: fixed; }

.navlogo-storeadmin-td {
  padding-right: 3px;
  padding-bottom: 3px;
  /* keep not much bigger than the logo */
  width: 80px; }

.navtable-storeadmin-location-big {
  font-size: x-large;
  font-weight: bolder;
  /*font-variant: small-caps;*/
  letter-spacing: 0.5em;
  /*font-stretch: expanded;*/ }

.navtable-storeadmin-location-small {
  font-size: small; }

.navtable-storeadmin-location-gmart {
  color: white;
  background-color: #005fb2; }

.navtable-storeadmin-spacer-gmart-blue {
  width: 10%;
  background-color: #005fb2; }

.navtable-storeadmin-spacer-gmart-red {
  width: 10%;
  background-color: #ff3333; }

.navtable-storeadmin-location-chicago {
  color: white;
  background-color: skyblue; }

.navtable-storeadmin-spacer-chicago-blue {
  width: 10%;
  background-color: skyblue; }

.navtable-storeadmin-spacer-chicago-red {
  width: 10%;
  background-color: #ff3333; }

.navtable-storeadmin-location-champaign {
  color: #E84A27;
  background-color: #13294b; }

.navtable-storeadmin-spacer-champaign-blue {
  width: 10%;
  background-color: #13294b; }

.navtable-storeadmin-spacer-champaign-orange {
  width: 10%;
  background-color: #E84A27; }

/* ------------------------------------------------------------------------- */
/* store_admin.10 */
/* ------------------------------------------------------------------------- */
.storeadmin10-table {
  width: 100%;
  border-collapse: collapse;
  /* border-spacing: 0px; */ }

.storeadmin10-th {
  text-align: center;
  vertical-align: middle;
  padding: 5px 5px 5px 5px;
  font-weight: bold; }

.storeadmin10-td {
  text-align: center;
  vertical-align: middle;
  padding: 4px 5px 6px 5px; }

.storeadmin10-buttontext {
  background-color: silver;
  border-radius: 5px;
  padding: 1px 5px 3px 5px; }

/* ------------------------------------------------------------------------- */
/* expandable images */
/* ------------------------------------------------------------------------- */
.expandable-img {
  cursor: pointer;
  transition: 0.3s; }

.expandable-img:hover {
  opacity: 0.7; }

.expandable-link {
  cursor: pointer; }

.img-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.9); }

.modal-content {
  margin: auto;
  display: block; }

.modal-content {
  animation-name: zoom;
  animation-duration: 0.3s; }

@keyframes zoom {
  from {
    transform: scale(0.8); }
  to {
    transform: scale(1); } }
/* ------------------------------------------------------------------------- */
/* collapsible lists */
/* ------------------------------------------------------------------------- */
.collapsible {
  background: gainsboro;
  transition: 0.3s; }

.collapsible:hover {
  cursor: pointer;
  background: silver; }

.collapsible:hover .collapsible-content:hover {
  cursor: auto; }

.collapsible:before {
  content: "\02795";
  font-size: 13px;
  color: black;
  float: right;
  margin-left: 5px; }

.collapsible-active:before {
  content: "\2796"; }

.collapsible-content {
  display: none;
  background: white; }

/*# sourceMappingURL=g-mart.css.map */