/* Universal */
.btn-sm:not(.spinnerBtn) {
  font-size: 0.75rem;
  padding: 0.5rem 1rem;
}
.Category .QuickOrderEntry{ display:none; }
.CategoryProductAddToCart .primary-btn{ font-size:1rem; }
.theme-primary{ background: var(--primary); color:#fff; }
.theme-secondary{ background:var(--secondary); }
.announcement-bar p{ margin:0; }
.toggle-layout-row .fas {
  margin-right: 10px;
  cursor:pointer;
}
.list-view,.table-view,.grid-view{
  transition-delay: 0.3s;
  transition:0.25s;
}
.LayoutLeftColumnInner > .Control{
  margin-bottom:var(--space-2); 
  margin-top:var(--space-3);
}
.LayoutLeftColumnInner > .Control:first-child{
  margin-top:0px; 
}
.toggle-layout-row .fas{ color:var(--primary);font-size: 20PX;
  opacity: 0.5;transition:0.2s; }
.toggle-layout-row .fas.active, .toggle-layout-row .fas:hover{ opacity:1; transition:0.2s; }
.CategoryBreadcrumb{ display:flex;justify-content:center;width:100%; }
.category-display-row{ padding:0; }
.category-display-row, .category-display-row li{ list-style:none; }
.category-display-row li{ display: flex;margin-bottom: var(--space-2); }
.productItem .list-view-selectors,
.productItem.grid-view .list-view-selectors,
.productItem.list-view .list-view-selectors{display:none; }
.productItem.table-view:not(.has-variant) .list-view-selectors{ display:block; }
.productItem.grid-view .quantity-holder, .productItem.list-view .quantity-holder{ display:none;visibility:hidden; }
/* Grid View */

/* List View */
.list-view{
}
.list-view .productItem-wrap{
  display:flex;
  flex-wrap: nowrap;
}
.list-view.category-product .thumbnail:not(.col-md-4){
  width:auto!important;
}
.list-view .productItem-wrap{ align-items:center; }
select[groupname="COLOR"]{ display:none; }
/* Table View */
.table-view{
  width:100%; 
  margin-bottom:var(--space-1)!important;
}
.table-view .mb-1, .table-view .mb-2, .table-view .mb-3{ margin-bottom:0px!important; }
.table-view .prodItemCapDets-addToCart{ margin-top:0px!important; }
.table-view .thumbnail{ display:none; }
.table-view .productItem-caption{ display:flex; justify-content: space-between; align-items:center; padding-top:var(--space-1)!important; padding-bottom:var(--space-1)!important; }
.table-view .all-likebtn, .table-view .Variant,
.table-view .CategoryProductAddToCart{ display:none; }
.table-view .productItem-wrap{ display:flex; align-items:center; }
.has-variant.table-view .productItem-caption{
  margin-left: 15% !important;
  padding-left: 0px!important;
}
.table-view .productItem-caption{
  width: 100%;
}
.table-view .list-view-selectors {
  width: 15%;
  padding-left: 10px;
  min-width: 130px;
}
@media only (min-width:1200px) and (max-width: 1400px) {
  .has-variant.table-view .productItem-caption{
    margin-left: 17% !important;
  } 
}
@media only screen and (max-width: 1200px) {
  .has-variant.table-view .productItem-caption{
    margin-left: 21% !important;
  } 
}
@media(min-width:991px){
  body.Category .LayoutMiddle{ padding-top:0px }
  .announcement-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .category-header{ height:90px!important; }
  .table-view .productItem-caption h4 {
    width: 40%;
  } 
  .table-view .productItem-caption h4 a{
    font-size:16px;
  }
}
@media(max-width:1199px){
  .table-view .prodItemCapDets-addToCart {
    max-width: 20%;
  } 
}
@media(max-width:991px){
  .LayoutLeftColumnInner > .Control{ display:none; } 
  .list-view .productItem-thumbnail, .list-view .productItem-caption{ max-width:auto!important;flex: 0 0 50%; }
  .table-view .in-stock-status{ display:none!important; }
  .table-view .productItem-caption-name {
    max-width: 40%;
  }
  .table-view .prodItemCapDets-addToCart {
    max-width: 30%;
  }
  .category-header {
    height: 120px!important;
  }
  h1.CategoryHeader-name{ padding-top:var(--space-2); }
  ul.category-display-row {
    overflow: auto;
    white-space: nowrap;
  }
}
@media(max-width:667px){
  .primary-btn{padding: 0.375rem 0.75rem!important;}
  .table-view .productItem-wrap{
    flex-wrap: wrap;
  }
  .table-view .productItem-caption{
    padding: 11px 15px 20px 11px!important;
    margin:0!important;
  }
  .has-variant.table-view .productItem-caption{ padding-left:11px!important; margin-left: 0 !important;}
  .table-view .list-view-selectors{ 
    order: 2;
    width: 100%;
    flex: 0 0 100%;
    padding: 11px 15px 20px 11px;
  }
  .table-view .productItem-caption{ flex:0 0 100%; }
}
@media(max-width:420px){
  .primary-btn {
    font-size: 0.75rem!important;
  }
}