.tj-stock-overlay{
  position:fixed; inset:0;
  opacity:0; pointer-events:none;
  transition:opacity .25s ease;
}

.tj-stock-sidebar{
  position:fixed; top:0; right:0; height:100vh;
  width:min(420px, 92vw);
  transform:translateX(105%);
  transition:transform .25s ease;
  overflow:auto;
  box-shadow:-10px 0 30px rgba(0,0,0,.15);
  z-index:999999999999;
  background:#fff;
  border-radius: 10px 0 0 10px;
}

.tj-stock-sidebar__header{
  display:flex; align-items:center; justify-content:space-between;
  padding:14px 16px; border-bottom:1px solid rgba(0,0,0,.08);
  padding-right: 5px;
}

/* .tj-stock-sidebar__content{ padding:16px; }
 */
.tj-stock-close{
  background:transparent; border:0; cursor:pointer;
  padding: unset;
}
.tj-stock-close:hover{
    background: unset;
}

body.tj-stock-open .tj-stock-overlay{
  opacity:1; pointer-events:auto;
  background:rgba(0,0,0,.35);
  z-index:999998;
}
body.tj-stock-open .tj-stock-sidebar{ transform:translateX(0); }

.tj-stock-table{ width:100%; border-collapse:collapse; }
.tj-stock-table td{ padding:10px 15px; border-bottom:1px solid rgba(0,0,0,.08); }
.tj-stock-table td:last-child{ text-align:right; font-weight:600; }

.tj-stock-table tbody tr:nth-child(odd) td  { background: #fff !important; }
.tj-stock-table tbody tr:nth-child(even) td { background: #f5f5f5 !important; }


.tj-muted{ color: var(--primary); padding: 10px; font-size: 17px;}
.tj-name, .tj-qty{ font-weight:700; color: var(--secondary);}
.tj-addr { font-size:12px; opacity:.75; margin-top:2px; }
.button.tj-open-stock{
    background: var(--primary);
    color:#fff;
    display: block;
    padding: 10px 15px;
    border-radius: var(--border-radius);
    font-size: 15px;
    margin-top: 15px;
    transition: all ease-in-out 300ms;
}
.button.tj-open-stock svg{
    margin-left: 10px;
}
.button.tj-open-stock:hover{
    opacity: 0.9;
}
.tj-title{
    font-size: 25px;
    color: var(--secondary);
}
/* @media (max-height: 950px) {
    .tj-stock-table td{ padding:5px 15px;  }
    .tj-title{ font-size: 20px; }
}

 */