﻿/**********************************************************************************/
/*Global*/
/**********************************************************************************/
.od-request-info {background-color:#095edb;font-size:12px;color: #fff;padding: 5px 0;display: block;text-align: center;border-radius: 12px;width: 102px;margin: 12px auto 0;font-weight:normal}
.od-request-info:hover {color:#fff !important}
@media (min-width:768px) {
  .product-selectors .product-viewmode {display:inline-flex}
  .product-selectors .product-viewmode span {display: inline;font-size: 14px;align-content: center;padding: 0 0 0 14px}
}

.nopAccPlus-selected-tag span {display:inline-flex}

.master-column-wrapper.widder {
}
.master-column-wrapper.widder .side-2{display:none}
.master-column-wrapper.widder .center-2{width:100%}
.master-column-wrapper.widder .center-2{padding-left:0px}

/**********************************************************************************/
/*Product List View*/
/**********************************************************************************/

.od-detail__desc-container {}
.od-detail__desc-container .description {padding-left: 12.9%;margin: -60px 0 10px !important}

@media (min-width:1920px) {.od-detail__desc-container .description {padding-left: 12.2%}}
@media (min-width:1200px) and (max-width:1300px) {.od-detail__desc-container .description {padding-left:15.2%}}
@media (min-width:1301px) and (max-width:1620px) {.od-detail__desc-container .description {padding-left:13.6%}}

.od-detail__spec-container {margin-top: -20px}
.od-detail__spec-container.closed {display: none}
.product-list .od-detail__spec a{color:#095edb}
/*.product-list .product-sku a{color:#095edb}*/
.product-list .od-detail__spec.closed {display: none !important}
.product-list .od-detail__spec label {font-weight:500}
.product-list .item-box {min-height:100px}
.html-category-page .product-list .product-item .add-info,
.product-list .item-box .cell.expand,
.product-list .item-box .add-to-compare-list-button{display: none}
/*.product-list .product-item .description {display:none !important}*/
.product-list .product-title a {font-weight:600}
.product-list .product-item .picture{width:8%;padding:0px 8px 10px 0px;display:inline-table}
.product-list .item-box {border-width: 0 1px 1px;padding:12px 0 0 0}
@media (min-width:481px){
    .product-list .item-box {margin:0px !important}
}

.item-box a:hover {color: #c81432 !important}
.product-list .item-box:hover {background-color:#D7E1F1 !important}
.product-list .product-list__header {display:contents;border:1px solid #eee;display:flex;padding:5px 0px 0px}
.product-list .product-list__header .cell {width:15%;float:left;cursor:pointer;font-weight:bold;padding: 10px 0 15px;/* border-bottom: 1px solid #ccc; */display: flex;justify-content: center;align-items: center;}  
.product-list .product-list__header .cell.compare {width:7%}  
.product-list .product-list__header .cell.name {width:48%} 
.product-list .product-list__header .cell.name .name-compact {display:none} 
.product-list .product-item .cell.compare {width:7%}
.product-list .od_detal__addcart {margin-top:10px}
.product-list .item-box .product-title {min-height: initial;padding:0px}
.product-list .item-box .cell.expand{width:3%;padding: 10px 0px 0px !important;font-family: sans-serif;font-size: 18px;}
.product-list .item-box .cell.spec{width:15%}
.product-list .item-box .cell.price{width:15%;text-align:center}
.product-list .open-detail{display: block;padding:0px 10px 5px}
.product-list .item-box .add-to-compare-list-button {margin: 0px 5px;width:28px;height:22px}
.product-list .product-item .itemno {font-size:12px;line-height:24px}
.product-list .od-detail__spec {padding-left: 12.5%;font-size:13px;margin:36px 0 10px;text-align:left}
.product-list .od-detail__speclink {font-size:12px;color:#095edb;line-height:22px}
.product-list .item-box .description {position:initial;margin:0px;width:95%;line-height:24px;margin-top:20px;margin:-30px 0px 22px !important}
.product-list hr {margin:8px 0px 0px}

/* Desktop */
@media screen and (min-width: 768px) {
    .product-list .item-box .picture a{min-height:81px}
    .product-list .item-box .picture a:before{padding-top:0% !important}
    .product-list .od-detail__desc-container {margin-top: -50px}

    .product-list .item-box .cell.details {width:35% !important}
    .product-list .product-item .cell{padding: 10px 0px 0px}
    .product-list .item-box .picture {/*width:9%*/width:100px !important;border-right:0px}
    .product-list .item-box .picture + .details {width: 40% !important;padding-right: 20px}
    .product-list .item-box .product-item {display:flex}
}

@media (min-width:1920px) and (max-width:2040px) {
    .od-detail__spec-container {margin-top:-40px}
}

@media (min-width:1300px) and (max-width:1919px) {
   .product-list .od-detail__spec {padding-left: 14%;margin:0px 0 10px;}
}

/* No Mobile */
@media screen and (min-width: 481px) 
{
   .product-list .item-box .cell.spec label {display:none}
   .product-list .product-item .cell.buy {display: none}
   .product-list .item-box .cell.spec {order:3}
   .product-list .item-box .cell.price {order:2}
   .product-list .product-list__header .cell {order:100}
   .product-list .product-list__header .cell.compare {order:1;padding-left:8px}
   .product-list .product-list__header .cell.name {order:2}
   .product-list .product-list__header .cell.price {order:3}
   .product-list .item-box .cell.spec label{display:none}
}

/**********************************************************************************/
/*Product Grid View*/
/**********************************************************************************/
.product-grid .od-detail,
.product-grid .product-list__header,
.product-grid .product-item .cell.compare,
.product-grid .product-item .cell.spec,
.product-grid .product-item .cell.expand,
.product-grid .product-item .cell.buy,
.product-grid .product-item .cell.price,
.product-grid .product-item .od-detail__speclink,
.product-grid .product-item .itemno
{display: none}

/**********************************************************************************/
/*Product Compact View*/
/**********************************************************************************/

.od-detail {width:100%;display:flex}
.od-detail.closed {display:none !important}
.od-detail .od-detail__left{width: 12%;float:left;padding:0px 10px 10px}
.od-detail .od-detail__right{width:88%;float:left;padding: 0 20px 20px;text-align: left}
.od-detail .od-detail__seemore{color: #095edb;font-size: 13px;line-height:30px;display:block}
.od-detail .od-detail__pic {width: 109px;border: 1px solid #aaa;text-align: right;margin-left: 33px;}

.product-compact .product-item .picture,
.product-compact .product-item .description,
.product-compact .product-item .add-info,
.product-compact .product-item .itemno,
.product-compact .product-item .od-detail__speclink {display: none}

.product-compact .product-item .cell.details {display:block}
.product-compact .product-title a {font-weight:normal}
.product-compact .item-box {margin:0px !important;border-width: 0 1px 1px}
.product-compact .item-box:hover {background-color:#dae1ed !important}
.product-compact .product-list__header {display:contents;border:1px solid #eee;display:flex}
.product-compact .product-list__header .cell {width:18%;float:left;cursor:pointer;font-weight:bold;padding: 10px 0 15px;/* border-bottom: 1px solid #ccc; */display: flex;justify-content: center;align-items: center;}  
.product-compact .product-list__header .cell.compare {width:5%}  
.product-compact .product-list__header .cell.name {width:28%} 
.product-compact .product-list__header .cell.name .name-list {display:none} 
.product-compact .product-item .cell.compare {width:3%;padding-left:13px}
.product-compact .od_detal__addcart {margin-top:10px;float:left}

/*.product-compact .product-item .cell.details{width:40% !important}  
.product-compact .product-item .cell:first-child{width:40%} */
.product-compact {margin-bottom:20px}
.product-compact .item-box .product-title {min-height: initial}
.product-compact .item-box .cell.expand{width:3%;padding: 10px 0px 0px !important;font-family: sans-serif;font-size: 18px;}
.product-compact .item-box .cell.spec{width:15%}
.product-compact .item-box .cell.price{width:15%;text-align:center}
.product-compact .open-detail{display: block;padding:0px 10px 5px}
.product-compact .item-box .add-to-compare-list-button {margin: 0px 5px;width:28px;height:22px}
.product-compact .item-box .cell.price .od-request-info {display:none}

/* Sort */
.sort-indicator {margin-left: 5px;font-size: 0.8em}
.product-sorting {display:none !important}

/*Compare Menu*/
.od-compare{display:none}
.od-compare__records{display:inline-block;border: #aaa;color:#fff;margin-left:9px;font-size:12px}
.od-compare__close{font-weight:300;color:#10386b;font-size:13px;cursor:pointer;display:none}
.od-compare__openlist, .od-compare__continue {text-decoration:underline}
.od-searchmenu {display:none}
.od-searchmenu .tab {display: inline-block;user-select:none}
.od-searchmenu .tab .hidden {display: none !important}
.od-searchmenu .tab.hasitems {background-color:#10386b;color:#fff}
.od-searchmenu .tab.hasitems:hover, .od-searchmenu .tab.hasitems.active {color:#fff}
.compare-products-table td {padding:6px 8px !important}
.compare-products-table .picture {height:100px !important}
.od-compare__link {font-weight:normal;color:#095edb;display:block}
.compare-products-table .od-request-info {margin:5px 0;float:left}

/* Desktop */
@media screen and (min-width: 768px) {
    .product-compact .item-box .cell.details {width:37% !important}
    .product-compact .item-box:nth-child(odd) {background-color: #f4f3f1 }
    .product-compact .item-box:nth-child(even) {}
    .product-compact .product-item .cell{padding: 10px 0px 0px} 
    .product-compact .item-box .product-item {display:flex}
}

/* Mobile */
@media screen and (max-width: 480px) {
    .product-compact .product-title a {font-weight:600}
    .product-compact .item-box:nth-child(odd) {background-color: #f4f3f1 }
    .product-compact .item-box {width:100%;}
    .product-compact .item-box .product-item {padding:10px !important}
    .product-compact .open-detail {display:none}
    .product-compact .product-list__header {display: none}
    .product-compact .item-box .cell.details {width: 100% !important;text-align: left;padding-left:0px !important}
    .product-compact .item-box .cell.compare {text-align: right;width: 30px;float: right}
    .product-compact .item-box .cell.price {width:100%;text-align: right}
    .product-compact .product-item .cell.expand{display: none}
    .product-compact .item-box .details{border-top:none}
    .product-compact .item-box .cell.spec {width: 100%;text-align: left;margin-bottom:4px;display:flex}
    .product-compact .item-box .cell.spec label {font-weight: 500;padding-right: 7px;font-size: 14px;margin-top: -2px;}
    .admin-header-links {display:none !important}
    .product-compact .product-item .cell.buy {display:block}
    .product-compact .product-item .cell.buy button.product-box-add-to-cart-button {background: url(/Themes/LabCommerceConnect/Content/images/ico-cart-b.svg) no-repeat;background-size: 19px;background-repeat: no-repeat;background-color: transparent;width: 20px;height: 20px;float: right;text-indent: -400px;overflow:hidden;background-position-y:1px}
    .product-list .item-box .cell.spec label{font-weight:400}
    .product-list .item-box .cell.spec.empty{display:none}
}

/* No Mobile */
@media screen and (min-width: 481px) 
{
   .product-compact .product-title{ pointer-events: none } /*No Clicable For List*/
   .product-compact .item-box .cell.spec label {display:none}
   .product-compact .product-item .cell.buy {display: none}
   .nopAcc-plus-filter.nopAcc-plus-mobile {display:none}
}

@media screen and (min-width: 768px) {
    .product-compact .item-box .picture + .details {width:32% !important}
}


@media (min-width: 768px) and (max-width: 1024px) {
    .od-detail .od-detail__left {width:20%}
    .od-detail .od-detail__right {width:80%}
}

/*Category Submenu*/
.od-searchmenu {width:100%;margin: 10px 0 20px}
.od-searchmenu .tab {font-size: 13px;color: #0F2A45;border:1px solid #ececec;border-radius:4px;display:inline-block;padding:8px 20px;text-align:center;margin-right: 10px;margin-bottom:-2px;font-weight:500;min-width:130px}
.od-searchmenu .tab.active, 
.od-searchmenu .tab:hover {border: 1px solid #10386b;color: #10386b;text-decoration: none}
.od-searchmenu .number{border-radius:14px;background-color:#dadada;padding:3px 2px;text-align:center;display:inline-block;font-size:12px;font-weight:600;min-width:24px}

.product-list .item-box button.product-box-add-to-cart-button.basic {height:32px;margin-top:8px;background-size:19px;text-transform:none;border-radius:17px;background-image:none;padding:initial;min-width:115px}
/*.od-btn-addtocart {background: #c81432 url(../images/ico-cart-w.svg) no-repeat top 10px left 8px;padding-left: 30px;font-weight:bold;font-size:13px;width: 132px;height: 28px;margin-top: 8px;background-size:19px;text-transform:none;border-radius:15px;background-position:18px 5px;color:#fff}*/
.od-btn-addtocart {background-color: #c81432;font-weight:bold;font-size:13px;width: 115px;height: 28px;margin-top: 8px;background-size:19px;text-transform:none;border-radius:15px;background-position:18px 5px;color:#fff}
.od-btn-addtocart:hover {background-color: #9a0f26}

@media (min-width:1024px) and (max-width:1400px) {
    .od_pgfilter__results {padding:20px 0 6px 20px}
    .od_pgfilter__price {position:relative;margin-top:20px}
}

.od_pgfilter__from {display:block;font-weight:normal;font-size:12px;padding-top:6px}



input[type="checkbox"] {
    display: none;
}

/* Custom Checkbox */
.od-add-compare,
label.nopAcc-facet-filter.filter-item-name::before 
{width: 18px;height: 18px;border-radius: 25%;background-color:white;border:1px solid #10386b;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease}

.od-add-compare::after{content:"✔";font-size:16px;color:white;display:none}
input[type="checkbox"]:checked + .od-add-compare {background-color:#10386b}
input[type="checkbox"]:checked + .od-add-compare::after {display:block}
.nopAcc-filter .filter-block .filtersGroupPanel ul li.checked label::before {content:"✔";font-size:16px;background-color:#10386b;color:#fff}

/*compare table*/
.od-compare {max-height: 650px;overflow:auto;position: relative}
.od-compare td.caption {background-color:#f1f1f1 !important}
.od-compare td.caption.name {z-index:99999}
.od-compare td.empty {z-index:99999 !important}
.od-compare a.title {display: block;word-wrap: break-word;width:220px;word-wrap: break-word;overflow-wrap: break-word;white-space: normal;text-decoration: none;min-height: 47px}
.od-compare table {border-collapse: collapse;table-layout: fixed;width: auto !important}
.od-compare td {padding: 10px;border: 1px solid #ddd;text-align: left;white-space: nowrap;}
.od-compare tbody tr:nth-child(1) td {position: sticky;top:0;background-color:#f1f1f1;z-index:3}
.od-compare tbody tr:nth-child(2) td {position: sticky;top: 0px;background-color: #f1f1f1;z-index:3}
.od-compare tbody tr:nth-child(3) td {position: sticky;top: 110px;background-color: #f1f1f1;z-index: 3}
.od-compare td:nth-child(1) {position: sticky;left: 0;background-color: white;z-index: 2}
.od-compare tbody tr:nth-child(1) td:nth-child(1),
.od-comparetbody tr:nth-child(2) td:nth-child(1) {z-index: 4;background-color: #ccc}