body.modal-open {
  padding-right:0!important;
  overflow-y:scroll!important;
  /*position:fixed!important;*/
}
body.modal-open .col-xl-3{
	margin-right:0!important;
}
.slider-for {
  /* height: 400px; */
  /* margin-bottom: 20px; */
  /* overflow: hidden; */
  width: 100% !important;
  position: relative;
   z-index: 8;
}

/* .slider-for .slick-slide {
    width: 400px !important;
    /* height: 400px !important; 
  } */

.slider-for .mainImage {
  /* border: 1px solid var(--prodtile-border)!important; */
  /* padding: 10px; */
  height: 320px;
  display: flex;
  position: relative;
  z-index: 1;
}

.sticky-top {
  top: 0;
  z-index:998!important;
}

.pdp-middle-section {
 margin-left: 40px;
 margin-right:15px;
}

#stickyProductImage {
  z-index: 0;
  max-width: 320px;
  width: 100%;
}

#stickyProductImage ::ng-deep img,
#stickyProductImage ::ng-deep video {
  width: auto;
  /* min-height: 100%; */
}

#stickyProductImage .slider-for video {
  height: auto !important;
  width: auto !important;
  max-width: 320px;
  max-height: 300px;
  margin: auto;
  position: relative;
  z-index: 2;
}

#stickyProductImage .slider-nav img,
#stickyProductImage .slider-nav video {
  width: auto !important;
  max-width: 46px;
  max-height: 46px;
  margin: auto;
}

#stickyProductImage .slider-nav video,
#stickyProductImage .slider-nav iframe {
  pointer-events: none;
}

.slick-track {
  width: 100%;
}

.slider-nav {
  /* width: 300px; 
    height: 100%;*/
  margin: auto;
  left: 0px;
  width: 100%;
}

.slick-next {
  z-index: 9999;
}

::ng-deep .slick-prev:before,
::ng-deep .slick-next:before {
  color: black !important;
  z-index: 9999;
}

.slick-prev:before,
.slick-next:before {
  color: black !important;
  z-index: 9999;
}

/* .slider-nav .slick-list {
    /* left: -115px;
  } 
  /* Image Zoom */

.js-image-zoom__zoomed-image {
  right: inherit !important;
  transform: inherit !important;
  /* width: 100% !important; */
  height: 100% !important;
  left: auto !important;
  top: auto !important;
  z-index: 100;
  position: fixed !important;
  width: auto;
}

.js-image-zoom__zoomed-area {
  border: 1px solid white;
  opacity: 1 !important;
  background: #ffffff14 !important;
  box-shadow: 0px 0px 8px #0000001f !important;
  -webkit-box-shadow: 0px 0px 8px #000000ad !important;
}


.slick-next:before,
.slick-next:before,
.slick-slider .slick-next:before {
  left: 0;
  content: "\f054";
  font: 18px/1 FontAwesome;
}

.slick-prev,
.slick-next {
  z-index: 9 !important;
}

.slick-prev {
  left: -25px;
}

.slick-prev:before,
.slick-prev:before,
.slick-slider .slick-prev:before {
  right: 7px;
  content: "\f053";
  font: 18px/1 FontAwesome;
}


#zoomedImage {
  position: relative;
}

#zoom2 .slick-slide img {
  width: auto !important;
  height: auto !important;
  max-height: 350px !important;
  margin: auto;
  max-width: 500px !important;
}
#zoom2 .slick-slide video {
  width: auto !important;
  height: auto !important;
  max-height: 350px !important;
  margin: auto;
  max-width: 500px !important;
  margin-left:23px;
}

#zoom2 .slick-prev {
  left: 0;
}

#zoom2 .slick-next {
  right: 0;
}

#zoom2 .mainImage {
  max-width: 548px;
  margin: 0 2px;
}

#thumbImage {
  overflow: auto;
  height: 400px;
  overflow: hidden;
}

#thumbImage img {
  width: auto !important;
  max-width: 70px !important;
  max-height: 70px;
  height: auto !important;
  margin: auto;
}
#thumbImage video {
  width: auto !important;
  max-width: 70px !important;
  max-height: 70px;
  height: auto !important;
  margin: auto;
}

#thumbImage .slick-track {
  width: 260px !important;
  transform: none !important;
}

.slick-list.draggable {
  padding: 0 !important;
  margin: 0 !important;
}

#thumbImage .slick-list.draggable {
  padding: 0 !important;
}

#thumbImage .item.slick-slide {
  /* display: none; */
  visibility: visible !important;
  box-sizing: content-box;
  border: solid 1px var(--prodtile-border) !important;
  width: 80px !important;
  height: 80px !important;
  margin-bottom: 8px !important;
  margin-right: 8px !important;
  /* overflow: hidden!important; */
  display: inline-flex !important;
}

#thumbImage .item {
  width: 100px !important;
}

#thumbImage .item.slick-slide.slick-active {
  border: solid 1px transparent;
  margin-bottom: 5px;
  margin-right: 8px !important;
  display: block;
}

#thumbImage .item.slick-slide.slick-cloned {
  display: none !important;
}

#thumbImage .item.slick-slide.slick-current.slick-center {
  border: solid 1px #c1c1c1;
}

.zoomPopup {
  max-width: 900px;
}

.pdp-max-width-container {
  background-color: var(--grey-panel-bgColor);
}

.sufin-choice-pdp {
  float: right;
  right: 16%;
  z-index: 999;
  position: absolute;
  top: 1%;
}

.pdp-product-label {
  font-size: 18px;
  color: var(--top-nav-color);
  width: 90%;
  overflow: hidden;
  visibility: visible;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  font-weight:normal;
}

.pdp-instock {
  color: var(--green-text);
  font-size: 14px;
  height: 19px;
  text-transform: uppercase;
  font-weight:normal;
}

.pdp-copylink {
  font-size: 10px;
  height: 13px;
  color: var(--pdp-sponsored-text);
  cursor: pointer;
}

.first-td {
  padding: 8px 16px;
}

.second-td {
  padding: 8px;
}

.pdp-discount {
  font-size: 18px;
  height: 24px;
  color: var(--pdp-discount);
}

.pdp-price {
  font-size: 24px;
  height: 32px;
  color: var(--top-nav-color);
  margin-top: -7px;
}

.pdp-perqty {
  color: var(--compare-checkbox-border);
  font-size: 16px;
  height: 21px;
}

.pdp-original-price {
  text-decoration: line-through;
  font-size: 14px;
  color: var(--tile-content-color);
  margin-top: 3px;
  vertical-align: middle;
}

.pdp-price-gst {
  font-size: 12px;
  color: var(--tile-content-color);
}
.pdp-mb-price{
  margin-bottom: 5px;
}
.pdp-allinclusive {
  font-size: 12px;
  color: var(--text-muted-location-color);
  margin-top: 4px;
  vertical-align: middle;
}
.pdp-note{
  font-size: 12px;
  color: var(--step-text-color);
  line-height:19px!important;
}
.rfq-text{
	line-height:19px!important;
}
.pdp-offers-label {
  color: var(--top-nav-color);
  font-size: 14px;
  font-weight: 500;
}

.pdp-docs {
  font-weight: 600;
}

.pdp-flat-discount {
  color: var(--top-nav-color);
  font-size: 12px;
  margin-bottom: 4px;
}

.pdp-view-link {
  color: var(--product-tab-hover);
  font-size: 12px;
}
.indicators-wrapper p{
  margin-bottom:0;
}
.indicators-wrapper p:hover {
  color: var(--product-tab-hover);
  cursor: pointer;
}

.pdp-specification {
  color: var(--top-nav-color);
  font-size: 18px;
  font-weight: 600;
}

.pdp-spec-heading {
  font-size: 14px;
  color: var(--top-nav-color);
  font-weight: 500;
}

.pdp-spec-text {
  font-size: 14px;
  color: var(--top-nav-color);
}

.pdp-med-discount-text {
  font-weight: 500;
}

.pdp-select-btn {
  border: 1px solid var(--divider-color);
  border-radius: 7px;
  padding: 6px 16px 6px 16px;
  height: auto;
  font-size: 13px;
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 8px;
  cursor: pointer;
}

.pdp-select-active {
  border: 1px solid var(--primary-color);
  background: var(--pdp-active-btn);
}

.pdp-select-disabled {
  border: 1px solid var(--divider-color);
  background: var(--file-upload-table-th-bg);
  cursor: default;
}

.pdp-shipby {
  color: var(--step-text-color);
  line-height:19px!important;
}

.pdp-shipment {
  color: var(--top-nav-color);
  font-weight: 500;
   line-height:19px!important;
}

.pdp-estimated-date {
  margin-top: -2px;
  color: var(--top-nav-color);
  font-weight: 500;
   line-height:14px!important;
}

.pdp-estimated {
  color: var(--breadcrumb-text-color);
   line-height:14px!important;
}

.pdp-soldby {
  color: var(--step-text-color);
   line-height:19px!important;
}

.pdp-label-color {
  color: var(--label-color);
  font-weight: 500;
   line-height:17px!important;
}
.label-color {
   line-height:14px!important;
}

.pdp-qty-text {
  font-weight: 500;
  line-height:17px!important;
  
}

.pdp-outofstock {
  color: var(--pdp-discount);
  font-size: 14px;
  font-weight:normal;
}

.pe-pointer {
  cursor: pointer;
}

.pdp-btn-rfq,
.pdp-btn-rfq:hover {
  color: white;
  background-color: var(--buyer-primary-color);
  font-size: 14px;
  width: 342px;
}

.pdp-address-section {
  width: 321px;
  min-height: 233px;
  border: 1px solid var(--divider-color);
  padding: 16px;
  font-size: 14px;
  margin-bottom: 15px;
}

.pdp-address-title {
  color: var(--top-nav-color);
  font-weight: 500;
  font-size: 14px;
  word-break:break-word;
}

.pdp-buymore-table th {
  font-size: 12px;
  font-weight: 500;
  border-bottom-width:1px!important;
}

.pdp-buymore-table td {
  font-size: 13px;
}

.pdp-buymore-table th,
.pdp-buymore-table td {
  height: 36px;
  padding: 0px 8px;
  line-height:36px;
}

.pdp-save {
  color: var(--green-text);
}

.pdp-border-left {
  border-left: 4px solid var(--green-text) !important;
}
.pdp-border-left-td{
position: absolute;
width: 4px;
height: 36px;
left: 17px;
margin-top: 0;
}

.pdp-bg-blue {
  background: var(--pdp-active-btn);
}

.pdp-shipping-text {
  color: var(--text-muted-location-color);
  line-height:14px!important;
}

.pdp-rfq-label {
  font-size: 14px;
  font-weight: 600;
  color: var(--headings-txt-color);
  display: block;
}

.sufin-choice-badge img {
  vertical-align: initial;
}

.pdp-addtocart,
.pdp-addtocart:hover {
  color: white;
  background: var(--pdp-addtocart);
  border-radius: 4px;
  font-size: 14px;
  width: 167px;
  height: 36px;
}

.pdp-rfq-video {
  width: 264px;
  height: 164px;
  margin:15px auto;
}

.pdp-buynow,
.pdp-buynow:hover {
  color: white;
  background: var(--green-text);
  border-radius: 4px;
  font-size: 14px;
  width: 167px;
  height: 36px;
}

.pdp-btn-outline,
.pdp-btn-outline:hover {
  color: var(--primary-color);
  border: 1px solid var(--primary-color);
  width: 342px;
  height: 36px;
  font-size: 14px;
}

.pdp-negotiate-text {
  color: var(--step-text-color);
  line-height:15px!important;
}

.mainContent h2 {
  margin-bottom: 17px;
}

.mainContent .headerOne {
  font-size: 20px;
  color: var(--top-nav-color);
  height: 26px;
}

.mainContent h3 span {
  font-size: 20px;
  margin: 0px;
  display: inline-block;
}

.mainContent h3 span::after {
  content: " ";
  display: block;
  background: var(--primary-color);
  width: 7.125rem;
  height: 4px;
}

.pdp-viewmore {
  font-size: 14px;
  color: var(--buyer-primary-color);
}

.other-details .star-value {
  display: inline-block;
}

.pdp-need-help {
  width: 320px;
  height: 83px;
  border: 1px solid var(--divider-color);
}

.pdp-help-text {
  color: var(--step-text-color);
  font-size: 12px;
  line-height: 22px!important;
}

.pdp-help-number {
  font-size: 14px;
  color: var(--top-nav-color);
  font-weight: 600;
  line-height: 22px!important;
}

.pdp-moreinfo {
  font-weight: 500;
  
}
.qty-input{
  width:140px;
  border:1px solid var(--divider-color);
  border-radius:0.25rem;
  background-color: var(--breadcrumb-bg-color);
}
.qty-input .form-control{
  font-size: 14px;
}
.qty-input .input-group-text{
  padding: 0;
  
}
.check-pincode-btn,
.check-pincode-btn:hover {
  min-width: 75px;
  border-radius: 0px 5px 5px 0px !important;
  background-color: var(--primary-color);
  color: white;
  border: 2px solid var(--primary-color);
  font: 12px/15px Roboto;
  cursor: pointer;
  padding: 8px 10px;
}

.w-300 {
  width: 384px;
}
.indicators-wrapper a{
  color: var(--top-nav-color);
}
.pdp-pincode-title {
  font-weight: 500;
}

.pdp-modal-address-text {
  color: var(--tile-content-color);
  font-size: 14px;
  margin-bottom: 8px;
  word-break:break-word;

}
.pdp-modal-address{
  min-height: 80px;
  max-height: 340px;
  overflow: auto;
}
#pincodesection .modal-body{
	overflow:hidden;
	max-height:510px!important;
}

.pdp-add-select-btn,
.pdp-add-select-btn:hover {
  width: 118px;
  height: 36px;
  color: white;
  background-color: var(--buyer-primary-color);
  font-size: 14px;
}

.pdp-correction-msg {
  color: var(--error-msg-color);
  font-size: 12px;
}

.pdp-prodtile .ProdtileDiv {
  border: 1px solid var(--prodtile-border);
}

.pdp-inputbox {
  height: 31px;
  border-radius: 7px;
  margin-bottom: 10px;
}

.pdp-textarea {
  border-radius: 7px;
  margin-bottom: 10px;
  height: 48px;
  resize: none;
}

@media screen and (min-width: 992px) {
  .Prodtile_trendingProducts .col-lg {
    flex: 1;
    max-width: 20%;
    padding: 0;
  }
 
}
@media (max-width: 991.98px) {  
  .pdp-prodtile {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;

} 
.pdp-prodtile.grey-panel{
  background: white;
}
.pdp-prodtile .border{
  border: none!important;
}
#stickyProductImage{
  max-width: 100%;
}
.slider-for .mainImage{
  border: 1px solid var(--prodtile-border);
}
.sufin-choice-badge {
  top: 0 !important;
}
}
@media screen and (max-width: 320px) {
.indicators-wrapper a{
  color: var(--top-nav-color);
}
#stickyProductImage .slider-for img, #stickyProductImage .slider-for video{
  max-width: 250px;
  max-height: 230px;
}

}
@media only screen and (max-width: 320px) {
.pincodesection .form-control {
 font-size: 0.875rem!important; 
}
.pdp-pincode-title{
	font-size:0.875rem;
}
}
@media screen and (max-width: 767px) {
.pdp-help-number {
    font-size: 14px;
    color: var(--top-nav-color);
    font-weight: 600;
    line-height:21px!important;
 }
 .pdp-help-text {
   color: var(--step-text-color);
   font-size: 12px;
   line-height:20px!important;
 }
 .indicators-wrapper p {
    width: 80%;
    margin: auto;
}
	
.desc-2line{
	overflow: hidden;
    visibility: visible;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    font-weight: normal;
}
.pdp-max-width-container{
	margin-top: 94px;
}
#pincodesection .modal-content{
 border:none!important;
 border-top:0!important;
 }
.pdp-mb-price{
	margin-bottom:1px;
}
.w-300{
	width:auto!important;
}
#stickyProductImage {
    max-width: 100%;
}
#zoomedImage{
  display: none;
}
.js-image-zoom__zoomed-area{
  display: none !important;
} 


.pdp-rfq-video {
  width: auto;
  height: 164px;
  margin: 15px, auto;
}
  .pdp-prodtile {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
 
  }
  .pdp-prodtile .border{
    border: none!important;
  }
  .custom-pdp-tile .ProdtileDiv {
    border-radius: 0 !important;
    margin-top: -1px;
    margin-left: -1px;
    border-left: 1px solid var(--search-color);

  }

  .custom-pdp-tile:nth-child(2n) .ProdtileDiv {
    border-left: 0 !important;
  }

  .sticky-top {
    top: 0;
    position: relative;
    z-index: 1 !important;
  }

  .pdp-middle-section {
    padding: 0 16px 0px 16px;
    margin-left:15px;
  }

  .pdp-border-mobile {
    border: none !important;
  }

  .btn-mobile-block {
    width: 100%!important;
    margin-bottom: 15px;
  }

  .pdp-need-help {
    width: 100%;
  }

  .pdp-viewmore {
    white-space: nowrap;
  }

  .custom-pdp-tile {
    border-radius: none;
  }
.slider-for .mainImage{
border: 1px solid var(--prodtile-border);
}

.breadCrumbs .breadcrumb-item::after{
  margin:4px 6px 0 6px!important;
}
.breadCrumbs{
  width:100%!important;
}
.breadcrumb-item+.breadcrumb-item {
  padding-left: 0px!important;
  letter-spacing: 0.01rem;
  padding-right: 0px!important;
}
.breadcrumb{
  padding-right:0!important;
}
.breadCrumbs .breadcrumb-item+.breadcrumb-item::before, .breadCrumbs .breadcrumb-item:last-child::after {
 display:none;
}
.breadCrumbs .breadcrumb-item::after {
  content: "";
  width: 8px;
  height: 10px;
  background-image: url(/static/assets/images/Breadcrumb-Arrow.svg);
  background-repeat: no-repeat;
  background-size: 10px;
  margin-top: 4px;
  margin-right: 0.5rem;
  padding: 0px;
}
.popover{
  min-width: 280px;
  max-width:300px!important;
  min-height: 100px;
}
.popover-body{
	font-size:12px!important;
	letter-spacing:0px!important;
}
} 
@media (min-width:768px) and (max-width:991px) {
.pdp-max-width-container {
    margin-top: 105px;
}
}

@media (min-width:768px) and (max-width:1024px) {

  #zoom2 .slick-slide img {
    max-width: 320px !important;
  }

  .sticky-top {
    top: 0;
    position: relative;
  }

  .pdp-middle-section {
    padding: 0 16px 0px 16px;
    margin-left:15px
  }

  .pdp-border-mobile {
    border: none !important;
  }

  .btn-mobile-block {
    width: 100%;
    margin-bottom: 15px;
  }

  .pdp-need-help {
    width: 100%;
  }

  .pdp-viewmore {
    white-space: nowrap;
  }
}

@media screen and (orientation: landscape) {
  .modal-body {
    padding: 0 1rem;
    max-height: 64vh !important;
    overflow: auto;
  }
}

#thumbImage .slider-nav .slick-track {
  height: auto;
  transform: inherit !important;
  width: auto !important;
  margin: 0 !important;
  left: 0;
}

#stickyProductImage .slider-nav img,
#stickyProductImage .slider-nav video {
  width: auto !important;
  max-width: 46px;
  max-height: 46px;
  margin: auto;
}

.slider-nav {
  /* width: 300px; 
  height: 100%;*/
  margin: auto;
  left: 0px;
  width: 100%;
}

.slider-nav .slick-slide {
  visibility: visible !important;
}

.slider-nav .slick-slide {
  border: 1px solid var(--prodtile-border);
  margin: 5px 5px 0px 0px;
  height: 48px !important;
  width: 48px !important;
  display: flex;
  justify-content: center;
}

.slider-nav .slick-current.slick-active {
  border: 1px solid var(--step-text-color) !important;
}

.slider-nav .slick-current.slick-center {
  border: 1px solid var(--step-text-color) !important;
}

.slider-nav .slick-current {
  border: 1px solid var(--prodtile-border)
}

.imagesCmn {
  border: 1px solid var(--prodtile-border);
  margin: 5px 5px 0px 0px;
  height: 48px !important;
  width: 48px !important;
  display: flex;
  justify-content: center;
  float: left;
}

.active {
  border: 1px solid var(--step-text-color);
}

.sufin-choice-badge {
  position: absolute;
  top: 0 !important;
  left: 0;
  height: 24px;
  z-index: 9;
}

.hover-img {
  position: absolute;
  color: var(--step-text-color);
  text-align: center;
  bottom: 0;
  z-index: 2;
}

.error-msg {
	color: var(--error-msg-color);
	font-size: 11px;
	line-height: 14px;
	display: inline-block;
	margin-top: 7px;
}

@media only screen and (min-width: 1024px){
.view-more-tiles .col-lg {
    flex: 0 0 20%;
    max-width: 20%;
}
}

.carousel-indicators{
  position: relative;
  margin-top: 8px;
}
.carousel-indicators li {
  width:6px;
  height:6px;
  background: var(--divider-color);
  border: 0;
  border-radius: 90px;
  margin-right: 8px;
}
.carousel-indicators li.active {
  width:30px;
  height:6px;
  background: var(--primary-color);
  border: 0;
  border-radius: 8px;
 
}
.carousel-item.active{
  border:1px solid var(--input-border)!important;
}
.tax-text{
  color: var(--text-muted-location-color);
  line-height:14px!important;
}

.buymore-piece{
  font-size: 12px;
  color: var(--tile-content-color);
  font-weight: normal!important;
}

.pdp-viewmore-heading {
    font-size: 20px;
    letter-spacing: 0px;
    color: var(--headings-txt-color);
}

.pdp-addtocart-disabled {
	background-color: var(--border-color);
	border: 1px solid var(--border-color1);
	color: var(--tile-content-color);
	pointer-events: none;
}

.pdp-buynow-disabled {
  background-color: var(--border-color);
  border: 1px solid var(--border-color1);
  color: var(--tile-content-color);
  pointer-events: none;
}

.pdp-rfq-disabled {
  background-color: var(--border-color);
  border: 1px solid var(--border-color1);
  color: var(--tile-content-color);
  pointer-events: none;
}

.bg-grey {
    pointer-events: none;
    background-color: var(--breadcrumb-bg-color)!important;
    border: 1px solid var(--divider-color);
}

.copylink.bs-tooltip-bottom .arrow::before {
    bottom: 0;
    border-width: 0 0.4rem 0.4rem;
    border-bottom-color: var(--green-text) !important;
    left:44px;
}
.copylink.tooltip {
  left: -33px!important;
  z-index: 999!important;
}
.copylink.arrow{
  left:33px!important;
}
.cpylnk{
	position:relative;
	right:10px;
}
.copylink .tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: white;
  text-align: center;
  background-color: var(--green-text) !important;
  border-radius: 0.25rem;
}

.copylink.bs-tooltip-bottom .arrow::before {
   bottom: 0;
   border-width: 0 0.4rem 0.4rem;
   border-bottom-color: var(--green-text) !important;
   left:44px;
}

.copylink.tooltip {
 left: -40px!important;
 z-index: 999!important;
}

.copylink.arrow{
   left:35px!important;
}

.copylink .tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: white;
  text-align: center;
  background-color: var(--green-text) !important;
  border-radius: 0.25rem;
 }
 
.rating-bg {
    background: white;
    font-size: 10px;
    line-height: 10px;
    border-radius: 4px;
    padding: 2px 5px;
    color: var(--seller-primary-color);
    border: 1px solid var(--seller-primary-color);
    min-width: 35px;
    display: inline-block;
    font-weight: normal;
    vertical-align: middle;
    height: 15px;
    font-weight: 700;
}

.modal-content{
 border:none!important
 }
 
 @media (min-width:768px){
/* .popover{
  min-width: 280px;
  max-width:542px!important;
  min-height: 100px;
  max-height: 159px;
}
.popover{
	max-width:550px!important;
} */
.popover-body{
	font-size:12px!important;
	letter-spacing:0px!important;
}

}
.custom-pdp-tile a {
	text-decoration:none;
}
@media (min-width:1200px){
	.pdp-middle-section{
		min-width:480px;
	}
	.pdp-right-section{
		min-width:340px;
		max-width:375px;
	}
}

div.pdp-right-section div{
	line-height:1;
}
.modal-open .modal{
	overflow-y:hidden!important;
}

.page-content{
	flex:1 0 0;
	margin-top:94px !important;
	-webkit-box-flex:1 0 0 ;
}
#moreSellers{
	scroll-margin-top:100px;
}

.btn-ok, .btn-ok:hover {
    background-color: var(--primary-color);
    color: white;
    font-size: 14px;
    border-radius: 4px;
    width: 96px;
    height: 35px;
    text-align: center;
}

.pdp-offer-txt {
    font-size: 13px;
    line-height: 17px;
}
.pdp-free-shipping-txt {
    font-size: 13px;
    line-height: 17px;
    font-weight: 500;
}
.pdp-view-offer-link {
    font-size: 13px;
    line-height: 17px;
    color: var(--product-tab-hover);
    cursor: pointer;
}
.line-height-text{
	line-height: 17px;
}

.less-desc, .less-kf {
    overflow: hidden;
    visibility: visible;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    font-weight: normal;
}

.terms-n-condition-section li {
	display:flex;
}
.terms-n-condition-section li span:nth-child(2){
	 margin-left: 11px !important;
}
.terms-n-condition-section li span{
    display:block !important;
}

.pdp-btn-rfq.disabled, .pdp-addtocart.disabled, .pdp-buynow.disabled{
  color: white;
  background-color: var(--disabled-btn);
  font-size: 14px;
}

.custom-pdprfq .custom-control-label::before{
  top:-1px!important;
}
.custom-pdprfq .custom-control-label::after{
  top:-1px!important;
}
.font-10-pdp{
  font-size: 10px;
  color: var(--table-text-disabled-color);
}
.pdp-buymore-table .customRadioBTn{
	padding-top:3px!important;
}

table.rounded-corners {
  border-spacing: 0;
  border-collapse: separate;
  border-radius: 4px;
  border: 1px solid var(--tab-border-color);
  overflow: hidden;
  width: 100%;
 }
 table.rounded-corners thead tr th{
  border-bottom: 1px solid var(--tab-border-color);
  border-bottom-width: none;
  border-top:none;
  border-left:none;
  border-right:none;
  white-space: nowrap;
 }
 table.rounded-corners td{
  border:none;
 }
 /* Apply a border to the right of all but the last column */
 table.rounded-corners th:not(:last-child),
 table.rounded-corners td:not(:last-child) {
  border-right: 1px solid var(--tab-border-color);
 }
 
 /* Apply a border to the bottom of all but the last row */
 table.rounded-corners>thead>tr:not(:last-child)>th,
 table.rounded-corners>thead>tr:not(:last-child)>td,
 table.rounded-corners>tbody>tr:not(:last-child)>th,
 table.rounded-corners>tbody>tr:not(:last-child)>td,
 table.rounded-corners>tfoot>tr:not(:last-child)>th,
 table.rounded-corners>tfoot>tr:not(:last-child)>td,
 table.rounded-corners>tr:not(:last-child)>td,
 table.rounded-corners>tr:not(:last-child)>th,
 table.rounded-corners>thead:not(:last-child),
 table.rounded-corners>tbody:not(:last-child),
 table.rounded-corners>tfoot:not(:last-child) {
  border-bottom: 1px solid var(--tab-border-color);
 }
 
 .plp-bought-qty{
  font-size: 12px;
  font-weight: 400;
  background: var(--bought-qty-color);
  color: black;
  height: 14px;
  margin-bottom: 4px;
  min-width: 112px;
  height: 24px;
  padding: 4px 8px!important;
  border-radius: 4px;
}

.plp-bought-qty span{
  padding-left:6px
}

.pdp-total-price{
	font-weight: 400;
	font-size:14px;
	line-height: 16px !important;
	color: black;
}
.font-weight-500{
	font-weight: 500;
}

/*Start Products Recommended for you pop up css*/
.pdp-prodtile-recom{
  overflow:hidden ;
}
.pdp-prodtile-recom .ProdtileDiv {
  border: 1px solid var(--prodtile-border);
}
.Prodtile-title-recom{
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
}
.pdp-prodtile-recom .Prodtile-inr{
  font-size: 16px;
  line-height: 18px;
}
.pdp-prodtile-recom .pair-text{
  font-size: 14px;
    font-weight: 400;
    color: var(--headings-txt-colors);
}
.pdp-prodtile-recom .strike-amnt{
  text-decoration: line-through;
  font-size: 16px;
  display: inline-block;
  font-weight: 400;
  line-height: 19px;
  color: var(--step-text-color);
  margin-left:8px;
}
.pdp-prodtile-recom .secondary-amt{
  min-height: 23px;
    line-height: 21px;
    margin-bottom: 16px;
}
.pdp-prodtile-recom .percnt-off {
  position: relative;
  background: var(--percent-off-color);
  color: white;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.01em;
  font-weight: 500;
  padding: 3px 9px;
  border-radius: 0;
  vertical-align: middle;

}
.pdp-prodtile-recom .prodtile-packprice{
font-weight: 400;
font-size: 12px;
line-height: 14px;
color: var(--headings-txt-colors);
}
.pdp-prodtile-recom .valueunits{
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: var( --label-color);
}
.pdp-prodtile-recom .qty-input {
  width: 110px;
}
.pdp-prodtile-recom .Prodtile-tile-recommendation{
/*  
    flex: 1;
    max-width: 25%;
    padding: 0; */
}

.recom_tiles .slick-next, .featured_tiles .slick-next, .prodTransactions .slick-next {
  height: 45px;
  width: 45px;
  right: -1px;
  margin-top: -10px;
  background: white;
  color: var(--tile-title-color) !important;
  padding: 0;
  border-radius: 360px;
  z-index: 9;
  border: 1px solid var(--divider-color);
}
.recom_tiles .slick-prev, .featured_tiles .slick-prev, .prodTransactions .slick-prev {
  height: 45px;
  width: 45px;
  margin-top: -10px;
  left: 1px;
  background: white;
  color: var(--tile-title-color) !important;
  padding: 0;
  z-index: 9;
  border-radius: 360px;
  border: 1px solid var(--divider-color);
}
.recom_tiles .slick-arrow.slick-disabled, .featured_tiles .slick-arrow.slick-disabled, .prodTransactions .slick-arrow.slick-disabled {
  display: none !important;
}
.addtocartenginemodal .modal-body{
  max-height: initial!important;
}
.addtocartenginemodal .purchased-item-image {
  flex: 0 0 75px;
  max-width: 75px;
  max-height: 75px;
  position: relative;
  aspect-ratio: 1 / 1;
  border-radius: 4px;
  margin-right: 20px;
  background-color: white;
  overflow: hidden;
  border: 1px solid var(--divider-color);
}
.addtocartenginemodal .purchased-item-image img {
  height: auto;
  width: auto;
  max-height: 100%;
  max-width: 100%;
  z-index: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  pointer-events: none;
}
.addtocartenginemodal .enquiry-modal-title{
font-weight: 500;
font-size: 18px;
line-height: 21px;
padding:8px 0px;
}
.prodtile-sub-text{
  font-weight: 400;
  font-size: 13px;
  line-height: 15px;
  color: var(--para-text);
}
.prod-main-title{
font-weight: 500;
font-size: 18px;
line-height: 21px;
color: var(--tile-title-color) !important;
}
.recom-prod-title{
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
}
.addedto-cart-img{
  display: inline!important;
  padding-right:8px;
  vertical-align: sub;
}
.prod-tile-block .product-img {
  flex: 0 0 98px;
  max-width: 98px;
  max-height: 98px;
  position: relative;
  aspect-ratio: 1 / 1;
  border-radius: 4px;
  margin-right: 11px;
  background-color: white;
  overflow: hidden;
}
.prod-tile-block .product-img.borderedProdImg {
  border: 1px solid var(--divider-color);
}
.prod-tile-block .product-img img {
  height: auto;
  width: auto;
  max-height: 100%;
  max-width: 100%;
  z-index: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  pointer-events: none;
}

.prod-tile-block .product-title {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 3px;
    word-break: break-word;
    overflow: hidden;
    position: relative;
    max-height: 31px;
    visibility: visible;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    padding-right: 11px;
}
.prod-tile-block .pair-text {
  font-size: 11px;
  font-weight: 400;
}
.prod-tile-block .strike-amnt {
  text-decoration: line-through;
  font-size: 12px;
  display: inline-block;
  font-weight: 400;
  line-height: 14px;
  color: var(--step-text-color);
  margin-left: 8px;
}
.prod-tile-block .percnt-off {
  position: relative;
  background: var(--percent-off-color);
  color: white;
  font-size: 10px;
  line-height: 11px;
  letter-spacing: 0.01em;
  font-weight: 500;
  padding: 3px 9px;
  z-index: 999;
  border-radius: 4px;
  vertical-align: middle;
}
.pdp-prodtile-recom .prod-tile-block:last-child{
  border-bottom: none;
}
.pdp-prodtile-recom .Prodtile-img-wrap{
max-height: 180px;
}
.pdp-prodtile-recom .prod-tile-block{
  border-bottom: 1px solid var(--divider-color);
 }
 .pdp-addedcart-btn:hover{
  background-color: transparent!important;
  color: var(--primary-color)!important;
  -webkit-appearance: none!important;
 }
@media (min-width: 992px) {
  .addtocartenginemodal.modal-lg{
	  max-width: 950px;
	  /* max-height: 651px; */
  }
  .prod-tile-recom-desktop {
  	max-height:450px;
  	overflow: hidden;
  }
}
@media screen and (max-width: 991px) {
  .prodtile-sub-text{
    display: inline-block;
    margin-left:15px;
  }
  .addtocartenginemodal .modal-body {
    max-height: initial !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.addtocartenginemodal .enquiry-modal-title{
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  }
  .responsive-scroll{
    height: 90vh;
    overflow-y: auto;
    overflow-x: hidden;
  }
}

.custom-recom-tile{
  max-width: 233px !important;
}
.prod-tile-recom-desktop {
  opacity: 1;
  overflow: hidden;
}
.prod-tile-recom-responsive {
  opacity: 0;
  display: none;
}
/*end Products Recommended for you pop up css*/
/* seller response CSS*/

.seller-response-box {
  background-color: var(--seller-response-review-bg);
  border-radius: 4px;
  padding: 12px;
  margin-top: 12px;
  margin-bottom: 4px;
}

.seller-response-box .seller-response-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  margin-bottom: 8px;
}

.seller-response-box .seller-response-text.taken-down-text,
.taken-down-text{
  font-style: italic;
}

.seller-response-box .seller-name-text,
.seller-response-box .date-text {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.review-timestamp {
    font-size: 12px;
    line-height: 14px;
    color: var(--step-text-color);
}
.seller-response-box .date-text {
  color: var(--step-text-color);
  padding-left: 12px;
}

.review-section {
    margin-bottom: 16px;
}


.review-section, 
.review-rating-section{
  border-bottom: 1px solid var(--review-border-color);
  padding-bottom: 12px;
}

/* Start Infographics - Historical Trends  */
.price-trends-link {
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  color: var(--primary-color);
  cursor: pointer;
  min-width:138px
}

.slide-left {
  right: 0 !important;
}

.price-trends-backdrop {
  background: var(--suggestion-shadow-color);
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 1079;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: opacity .15s linear;
}

.price-trends-overlay {
  position: fixed;
  top: 0;
  right: -100%;
  z-index: 999999 !important;
  width: 373px;
  max-width: 100%;
  max-height: 100%;
  height: 100%;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  overflow: auto;
  background-color: white;
  box-shadow: 0px 3px 6px var(--footer-shadow);
}

.price-trends-content {
  position: relative;
  border: none;
  background-color: white;
  height: 100%;
}

.price-trends-header {
  display: flex;
  align-items: center;
  justify-content: start;
  padding: 24px 16px 24px 16px;
  background: white;
  border-bottom: 1px solid var(--sidebar-off-white-bg);
}

.price-trends-header h5 {
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  margin-bottom: 0px;
}

.price-trends-header .price-trends-close {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.price-trends-body {
  max-height: 73vh;
  overflow-y: auto;
  padding: 16px 14px;
}

.price-trends-body::-webkit-scrollbar {
  width: 6px;
}

.price-trends-body::-webkit-scrollbar-track {
  background: white;
}

.price-trends-body::-webkit-scrollbar-thumb {
  background-color: var(--tray-scrollbar-thumb-bg);
  border-radius: 6px;
}

.tmt-bars-label {
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;

}

.duration-sec span {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  color: var(--step-text-color)
}

.range-note-txt {
  padding: 9px 13px;
  background-color: var(--badge-bg-color);
  border: 1px solid var(--badge-border-color);
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  border-radius: 4px;
}

.next-step-text {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: var(--popuar-cities-color);
  padding-bottom: 7px;
  text-align: center;
}

.median-price-sec{
  width: 98px;
}

.median-price-text {
  font-size: 13px;
  font-weight: 500;
  line-height: 15px;
  text-align: center;
}

.median-price-box {
  background-color: #EFF8FF;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  min-width: 98px;
  max-width: 105px;
  padding: 5px 6px;
  border-radius: 2px;
  border: 1px solid var(--primary-color);
  color: var(--compare-checkbox-border);
  display: flex;
  align-items: center;
  white-space: nowrap;
  justify-content: center;
}

.median-info{
  line-height: 10px;
}

.slidecontainer {
  width: 100%;
}

.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 5px;
  background-image: linear-gradient(to right, var(--whatsapp-btn-color), var(--percent-off-color));
  outline: none;
  opacity: 1;
  -webkit-transition: .2s;
  transition: opacity .2s;
  border-radius: 4px;
}

.slider:hover {
  opacity: 1;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 21px;
  height: 21px;
  background: white;
  border: 1px solid var(--primary-color);
  cursor: pointer;
  border-radius: 50%;
}

.slider::-moz-range-thumb {
  width: 21px;
  height: 21px;
  background: white;
  border: 1px solid var(--primary-color);
  cursor: pointer;
  border-radius: 50%;
}

.price-txt{
font-size: 13px;
font-weight: 500;
line-height: 15px;

}

.price-label{
font-size: 12px;
font-weight: 500;
line-height: 14px;
color: var(--step-text-color);
}


.popover-median-price{
  z-index: 99999999 !important;
  max-width: 355px;
  padding: 8px 0px;
}

.popover-median-price .popover-header{
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 4px;
}
.popover-median-price .popover-body{
  padding-left: 8px;
  padding-right: 8px;
}

.request-quote-btn,
  .request-quote-btn:hover{
    font-size: 14px !important;
    line-height: 16px !important;
    background-color: var(--primary-color) !important;
    color: white !important;
  }

@media screen and (max-width:767px) {
  .price-trends-link {
      margin-top: 8px;
      margin-bottom: 16px;
  }
  .price-trends-overlay {
      width: 100%;
      -moz-transition: all 0s;
      -webkit-transition: all 0s;
      transition: all 0s;
  }

  .popover-median-price{
      z-index: 1081;
      max-width: 340px;
    }
}


/* End Infographics - Historical Trends  */