@charset "UTF-8";
/* Menu items */
.AllCategories {
  padding: 20px 15px 50px 15px;
  background-color: #fff;
  border: 1px solid #f5f5f5;
}
.AllCategories .description {
  font-family: Arial,Helvetica,sans-serif;
  color: #333;
  display: inline;
  float: right;
  margin-top: 3px;
  text-align: right;
}
.AllCategories .topRow {
  margin-left: -10px;
}
.AllCategories li {
  list-style: none;
}
.AllCategories .ViewAll {
  float: right;
  padding: 0;
}
.AllCategories .ViewAll .lnkViewAll {
  font-size: 13px;
}
.AllCategories .category-menu-item {
  border-radius: 4px 4px 0 0;
  padding-bottom: 11px;
}
.AllCategories .category-menu-btn {
  padding: 10px 0;
  border-bottom: 1px solid #e0e4e9;
}
.AllCategories .categoryLink {
  font-size: 17px;
  font-family: Arial,Helvetica,sans-serif;
  display: block;
  margin-left: 15px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  color: #0070bb;
  text-decoration: none;
}
.AllCategories .categoryLink:hover {
  color: #0070bb;
  text-decoration: underline;
}
.AllCategories .category-name {
  font-size: 17px;
  font-family: Arial,Helvetica,sans-serif;
  display: inline;
}

/* Destinct Elements */
#item-desc .row {
  padding-top:3px;
  padding-bottom:3px;
}

/* Bootstrap */
.bs-border-top {
  border-top:1px solid #d9d9d9;
}

/* Product card  */
@media(min-width:580px) {
  .col-sm-text-right {
    text-align:right;
  }
  .bs-vert-line-sm-up {
    border-left:1px solid var(--bs-border-color-translucent);
  }
  .itmp-card-imgs {
    position:relative;
    left:1px;
    padding-top:15px;
    padding-bottom:15px;
  }
  .itmp-card-desc {
    padding-top:15px;
    padding-bottom:15px;
  }
  .itmp-info-desc {
    height: 100px;
    overflow-x: hidden;
    white-space: pre-wrap;
  }
}
.responsive-desktop .col-sm-text-right {
  text-align:right;
}
.responsive-desktop .bs-vert-line-sm-up {
  border-left:1px solid var(--bs-border-color-translucent);
}
.responsive-desktop .itmp-card-imgs {
  position:relative;
  left:1px;
  padding-top:15px;
  padding-bottom:15px;
}
.responsive-desktop .itmp-card-desc {
  padding-top:15px;
  padding-bottom:15px;
}
.itmp-info-desc {
  max-height: 100px;
  height: 100px;
  overflow-x: hidden;
  white-space: pre-wrap;
}

.itmp-product-card {
  padding-top:0;
  padding-bottom:0;
}
.itmp-product-card .image-container a:hover {
  cursor:pointer;
}
.itmp-product-card .image-container .img-link {
  display:inline-block;
  position:relative;
  /*max-width:200px;*/
  margin-bottom:15px;
  padding:0;
}
.itmp-product-card .image-container .img-link .thumbImg {
  width:100%;
}
.itmp-product-card .image-container .img-link:hover .expandArrow {
  color:#333;
}
.itmp-product-card .image-container .img-link .expandArrow {
  position:absolute;
  top:0;
  right:0;
  color:#757575;
  font-size:large;
}
.itmp-product-card .image-container .img-link .expandArrow:hover {
  color:#333;
}
.itmp-product-card .image-container .imageThumbnails {
  width:180px;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  justify-content:space-between;
}
.itmp-product-card .image-container .imageThumbnails .thumbControls {
  height:auto;
  margin-bottom:15px;
  padding:0;
}
.itmp-product-card .image-container .imageThumbnails .thumbControls.defaultSpinThumbnail {
  pointer-events:auto;
  position:relative;
  display:inline-block;
}
.itmp-product-card .image-container .imageThumbnails .thumbControls.defaultSpinThumbnail::after {
  content:"360" "°";
  width:70px;
  height:70px;
  background:rgba(3,3,3,.72);
  position:absolute;
  top:0;
  left:0;
  font-size:15px;
  color:#fff;
  font-weight:bold;
  line-height:70px;
  text-align:center;
  cursor:pointer;
  pointer-events:none;
}
.itmp-product-card .image-container .imageThumbnails .thumbControls.defaultSpinThumbnail:hover::after {
  outline:1px solid #4c8bf5;
  outline:5px auto Highlight;
  outline:5px auto -webkit-focus-ring-color;
  outline-offset:3px;
  border:0;
}
.itmp-product-card .image-container .imageThumbnails .thumbControls.defaultSpinThumbnail:focus {
  outline:1px solid #4c8bf5;
  outline:5px auto Highlight;
  outline:5px auto -webkit-focus-ring-color;
  outline-offset:3px;
  border:0;
}
.itmp-product-card .image-container .imageThumbnails .thumbControls.defaultSpinThumbnail .img-thumbnail:hover {
  border:1px solid #333;
}
.itmp-product-card .image-container .imageThumbnails .thumbControls.plusMoreImagesText {
  width:70px;
}
.itmp-product-card .image-container .imageThumbnails .thumbControls .img-thumbnail {
  padding:0;
  margin:0;
  object-fit:cover;
  width:70px;
  height:70px;
  border-radius:0;
}
.itmp-product-card .image-container .imgRefLabel {
  text-align:center;
}

.lblItmInfo {
  display:inline-block;
  max-width:100%;
  margin-bottom:5px;
  font-weight:bold;
}

/* ITMP */
.card.itmp-section {
  margin-bottom:18px;
}
.itmp-section .itmp-product-comments-body {
  padding:15px;
}
.itmp-section .itmp-pre-overide {
  margin-bottom:9px;
  font-size:1rem;
}
.itmp-section .collapse.in {
  display:block;
}
.itmp-section .table.specs-table th {
  border-bottom:3px solid #d9d9d9!important;
}
.itmp-section .ic-no-image {
  width:150px;
}
.itmp-section .itmp-card-imgs,
.itmp-section .itmp-product-action-bar {
  padding-left:.5rem;
  padding-right:.5rem;
}
.itmp-section .itmp-product-card {
  padding:0;
  margin:0 1rem;
}
.itmp-section .itmp-product-card-header h1 {
  font-size:1.25rem;
  font-weight:700;
  margin-bottom:0;
}

/* Image Viewer  */
.zoomViewer {
  display: block;
  overflow: hidden;
  width: 100%;
  align-content: center;
  padding-bottom: 1.5rem;
}
.zoomViewer a figure img {
  width: 465px;
  height: 465px;
  object-fit: contain;
}

/* Documents  */
.itmp-item-documents-list ul {
  list-style: none;
  padding: 0;
  margin: 0, 0, 3px, 0;
}
.itmp-item-documents-list ul li {
  padding: 4px 0;
  border-bottom: 1px solid #d9d9d9;
}
.itmp-item-documents-list ul li a {
  padding: 0;
  text-decoration: none;
}
.itmp-item-documents-type {
  width: 50px;
  font-size: 24px;
  text-align: center;
}

/* Controls */
.itmp-controls {
  display: inline-grid;
}
.itmp-controls .form-control[type="file"]::file-selector-button {
  width: 120px;
}
.itmp-controls .itmp-controls-header {
  text-align: left;
  padding-left: 3px;
  border-bottom: 1px solid #d9d9d9;
  font-weight: bold;
  cursor: default;
}
.itmp-controls .itmp-controls-row {
  margin-top: 6px;
  justify-content: left;
  text-align: left;
  display: flex;
  overflow: auto;
}
.itmp-controls .itmp-controls-row .itmp-controls-label label {
  min-width: 110px;
}
.itmp-controls .itmp-controls-row .itmp-controls-contents {
  display: block;
  width: 100%;
}

/* Item Controls */
.itmCtrTitle {
  width: 100%;
  font-weight: bold;
  font-size: 18px;
}

.itmCtrlWishList {
  width: 181px;
}
.itmCtrlWishList .input-group {
  flex-wrap: nowrap;
}
.itmCtrlWishList .input-group div {
  width: 100%;
  cursor: default;
  font-weight: bold;
}
.item-wish .input-group .form-control {
  
}

/* Pillbox menu */
.pillBox {
  width:100%;
  padding-top:10px;
  display:grid;
  grid-template-columns: repeat(auto-fill,minmax(max(218px,calc(100% / 5 - 10px)),1fr));
  gap:10px; 
  grid-auto-rows:1fr;
}
.pillBox .pill {
  display:inline-block;
  min-width:218px;
  width:100%;
  background-color:rgba(var(--bs-body-color-rgb), 0.03);
}
.pillBox .pill .pillMvEl {
  position:absolute;
  border:1px solid black;
  border-radius:6px 0 6px 0;
  background-color:black;
  color:white;
  z-index:10;
  width:22px;
  text-align:center;
}
.pillBox > .pill > .pillDisabled {
  display:none;
}
.pillBox > .pill.disabled > .pillDisabled {
  display: block;
  position: absolute;
  color: var(--bs-light);
  z-index: 9;
  text-align: center;
  background-color: var(--bs-danger);
  border: 1px var(--bs-danger-border-subtle);
  border-radius: 6px 0 6px 0;
  padding: 3px 7px 3px 7px;
}
.pillBox .pill .pill-body {
  padding: 15px 15px 20px;
  min-width:218px;
  width:100%;
}
.pillBox .pill .pill-body .pill-image {
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  width:100%;
  aspect-ratio:325/325;
  position:relative;
  overflow:hidden;
  border-radius:calc(10px - 4px);
}
.pillBox .pill .pill-body .pill-image img {
  cursor:pointer;
  height:100%;
  width:100%;
  object-fit:contain;
}
.pillBox .pill .pill-body .pill-info {
  margin:10px 0 0;
}
.pillBox .pill .pill-body .pill-info .item-name {
  cursor:pointer;
  display:flex;
  min-width:100%;
  text-align:left;
}
.pillBox .pill .pill-body .pill-info .item-name .item-title {
  font-size:16px;
  line-height:1.2;
  margin-bottom:5px;
  word-wrap:break-word;
  transition:none;
  display:flex;
  overflow:hidden;
  text-overflow:ellipsis;
  word-break:break-word;
  hyphens:auto;
  height:calc(1 * 2.5em);
  font-weight:bold;
  color:var(--bs-body-color);
  text-decoration: none;
}
.pillBox .pill .pill-body .pill-info .item-name .item-title:hover {
  text-decoration:none;
}
.pillBox .pill .pill-body .pill-info .item-inf {
  color:var(--bs-secondary-color);
  font-size:12px;
  width:auto;
  padding: 0;

  white-space:nowrap;
  text-overflow:ellipsis;
  max-width:100%;
  overflow:hidden;
}
.pillBox .pill .pill-body .pill-info .item-inf1 {
  padding-right: 6px;
}
.pillBox .pill .pill-body .pill-info .item-wish {
  display: flex;
  align-items: center;
  width:auto;
  padding: 0;
  margin-top: 8px;
  max-width:100%;
}
.pillBox .pill .pill-body .pill-info .item-wish .wish-title {
  margin-inline-end:10px;
  font-weight: bold;
  font-size: 16px;
}
