.diamondHeader { margin-bottom: 40px;}
.diamondHeader ul { border: 1px solid #ddd; padding: 0;  display: flex; justify-content: center !important;}
.diamondHeader ul li {list-style: none; width: 33.333%; text-align: center;  position: relative; border-left: 1px solid #ddd;}
.diamondHeader ul li .chooseBlock { padding: 20px;}
.diamondHeader .align-items-center { align-items: center !important;}
.diamondHeader .justify-content-between { justify-content: space-between !important;}
.diamondHeader  .d-flex { display: flex !important;}

.diamondHeader ul li .numerBlock .numnerValue { border: 1px solid #808080; color: #808080; width: 40px;height: 40px;text-align: center; display: inline-block;font-size: 18px;
  border-radius: 100%; line-height: 40px; margin-right: 10px;}.diamondHeader ul li .textTitle { color: #999999; font-size: 18px; text-align: left;}  
.diamondHeader ul li.active .textTitle, .diamondHeader ul li.active .textTitle a { color: #000;}
.diamondHeader ul li.active .textTitle, .diamondHeader ul li.active .textTitle a { color: #000;}
.diamondHeader ul li .icon {width: 45px; height: 45px; display: inline-block;  position: relative;}
.diamondHeader ul li .tickIcon { position: absolute;  left: 16px;  z-index: 1;  top: 26%;}
.diamondHeader ul li .icon img { max-width: 100%;}
.diamondHeader ul li.active .chooseBlock { background: #f2f2f2;}
.diamondHeader ul li:first-child, .diamondHeader ul li.actiive { border-left: none;}
.ringChangeBlock.ringSizeBlock .form-control{border-radius:0;}
.diamondHeader ul li .chooseBlock .hoverData {position: absolute; width: 100%; top: 100%;  background: #f9f9f9;  z-index: 999;  left: 0;  display: none;  padding: 15px 10px;  text-align: left;  border-top: 1px solid #ddd;}
.diamondHeader .justify-content-end {  justify-content: flex-end !important;}
.diamondHeader ul li .chooseBlock:hover .hoverData { display: block;}
.diamondHeader .data { font-size: 14px; color: #000;  margin-top: 4px;}
.diamondHeader ul li .chooseBlock .hoverData .data { margin-bottom: 10px;}
.diamondHeader ul li .botBtn {  color: #999;  font-size: 12px;  justify-content: center !important;}
.diamondHeader ul li .chooseBlock .hoverData .btn {  background: #000;  padding: 5px 15px;  text-decoration: none;  border-radius: 0;  color: #fff;}
.diamondHeader ul li .chooseBlock .hoverData .btn:hover {  background: #222; color: #fff;}
.diamondHeader ul li .chooseBlock .hoverData .btn + .btn { margin-left: 8px;}
@media(max-width:980px){
.diamondHeader ul li .leftblock.leftBlockArrow::before { content: "\f107";  font-family: FontAwesome;  position: absolute;  left: -19px;  top: 0px;  color: #000;
  font-size: 16px;  transition: all .3s linear;}
.diamondHeader ul li.selected .leftblock.leftBlockArrow:before { transform: rotate(180deg);}
.diamondHeader ul li, .diamondHeader ul li .chooseBlock {  position: static;}
.diamondHeader ul li .chooseBlock .hoverData {  border: 1px solid #ddd;}
.diamondHeader ul li.selected .hoverData {display: block;}
.diamondHeader ul li .numerBlock .numnerValue, .diamondHeader ul li .icon img { display: none;}
.diamondHeader ul li .icon img.tickIcon {    display: block;}
.diamondHeader ul li .icon img.tickIcon {    width: 18px;    height: 18px;}
.diamondHeader ul li .icon {height: auto;  position: absolute;  right: -5px;  top: 1px;}
.diamondHeader ul li .leftblock.leftBlockArrow {  position: relative;}
.diamondHeader ul {  position: relative;}
.diamondHeader ul li .numerBlock { flex-wrap: wrap;  justify-content: center !important;  position: relative;}
.diamondPrice  .text-right, .diamondPrice .priceBlock{text-align: center;}
.diamondPrice .priceBlock{margin-bottom: 10px;}
.diamondPrice .btn { margin-bottom: 15px;}
}


  .dashboardBox h2 {
  background: #f2f2f2;
  margin: 0;
  padding: 12px 10px;
  border-radius: 0 0 15px 15px;
  text-align: center;
  font-size: 23px;
  font-weight: 500;
  text-transform: uppercase;
  color: #104480;
}

  .dashOrderBox {
  margin: 40px 0 0;
  background: #f2f2f2;
  padding: 10px 20px;
  border-radius: 20px;
}
.oderListBox {
  background-color: #fff;
  display: inline-block;
  width: 100%;
}

.oderListBox  ul{
  margin: 0;
}
 .oderListBox  li.orderHeads{
  border-bottom: solid 2px #104480;
}
.oderListBox li {
  padding: 13px 30px;display: flex;
  justify-content: space-between;
 
}

.oderListBox li span {
  font-size: 12px;
  letter-spacing: 0.5px;
  width: 10%;
}



.dashOrderBox h2 {
  font-weight:500; 
  font-size: 24px;color: #104480;
}
.oderListBox li.orderHeads span {font-weight:600;
}
.retailerProfile {
  margin-left: 13px;
}
.retailerProfile span {
  display: flex;
  text-align: center;
  justify-content: center;color: #104480;
}

.retailerProfile i {
border: solid 2px #104480;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px !important;
  margin: 0 0 4px;
  color: #104480;
}

.prTitles{
  text-align: left;
  padding-left: 30px;
  margin: 50px 0 40px;
  text-transform: uppercase;
  font-size: 24px;
}

.filterTops {
  background: rgb(245,245,245);
  padding:16px 0;display: flex;
  justify-content: center;
  align-items: center;position:relative;
}

.filterTops h1 {
  font-weight: 400;
  font-size: 36px;margin: 0;
}

 .filterCats {
  position: absolute;
  right: 80px;
  display: flex;
  gap: 15px;
}

 .filterCats  a {
  color: #104480;
  text-decoration: underline;
}

.mb-4 {margin-bottom:15px;}

.newFilterDesign .productFilterBox {width:100%;height: 100%;}

.px-4 {padding:20px 20px 0;}
  .newFilterDesign .productFilterBox  h3{
  border-bottom: solid 1px #d5cece;
  padding: 18px 10px 14px;
  margin: 0;
  font-size: 16px;
  font-weight: 400;
}
.productFilterBoxes .productFilterBox.boxType ul { 
  padding: 0 10px;
}

.productFilterBox.shapeType input, .metalType input {display: none;}

 .productFilterBox.shapeType label  {
  width: 100%;
  text-align: center;
}
 .metalType label {
  width: 100%;
}
 .productFilterBox.shapeType ul{
  display: flex;
  flex-wrap: wrap;
  gap: 2%;justify-content: center;
}
.productFilterBox.shapeType li {
  width: 18%;
  margin: 6px 0 6px;
}
.productFilterBox.shapeType li span {
  display: block;
  width: 100%;
  text-align: center;
  font-weight: 400;
  font-size: 13px;
}
.productFilterBox.shapeType li img {
  width:50px !important;
}

.py-4 {padding:20px 0 0;}

.productFilterBox.shapeType.noStyle li {width: 29%;}

.styleImg img {width: auto!important;}

 .productFilterBox.metalType ul{
  display: flex;
  gap: 30px;
  justify-content: center;
  padding:20px 20px 0;
}


  .productFilterBox.metalType li span{
  display: block;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
}


 

 .metalnoSTyle .productFilterBox ul { 
  flex-wrap: wrap;gap: 6px;
}

.metalnoSTyle .productFilterBox ul li {
    width: 48%;
    display: flex;
    justify-content: start;
    text-align: center;
}
 
.metalnoSTyle .productFilterBox ul li img {
    display: block;
    margin: auto;
}
 

  .metalnoSTyle .productFilterBox ul  li span{
  width: auto;
  display: inline-block;
}

 .metalnoSTyle .productFilterBox ul  li label {
  width: 100%;
}

@media(max-width:992px){
.dashboardBox h2 {
  padding: 12px 10px;
  font-size: 17px;
}
.oderListBox li { 
  flex-wrap: wrap;padding: 13px 0;
}

.oderListBox li span {
  font-size: 12px;
  letter-spacing: 0.5px;
  width: 14.2%;
  text-align: center;
}


}
@media(min-width:993px){
.oderListBox li span.w-15 {
  width: 15%;
}


}



.oderListBox li b {display:none;}
@media(max-width:770px){

.oderListBox li.orderHeads {
  border-bottom: solid 2px #104480;
  display: none;
}
.oderListBox li {
    padding:10px 15px;flex-wrap: wrap;
    border-bottom: solid 1px #f2f2f2;
  }
  .oderListBox li span {
    width: 26%;
    text-align: left;
    margin: 0 0 8px;
  }
  .oderListBox li span.wd-50 {
    width:36%; 
  }
  .oderListBox li b {
    display: block;
    font-weight: 600;
    min-height: 29px;
  }

  .oderListBox li span.view{
  width: 100%;
  text-align: center;
  border: solid 1px #f2f2f2;
  padding: 5px 0 4px;
  text-transform: uppercase;
  font-size: 15px;
}


}


@media(max-width:766px){
    .diamondHeader ul li .chooseBlock { padding: 6px;}

.diamondHeader ul li .textTitle{font-size: 11px;}
.ringChangeBlock ul.carat-shape li{width:20%;}
.diamondPrice .row{flex-wrap:wrap;}
.diamondPrice .priceBlock{margin-bottom: 20px; text-align: center;}
.diamondPrice  .text-right{text-align: center;}
.diamondHeader ul li .textTitle{text-align: center;}
.ringChangeBlock ul li{width: 50%;}
.ringChangeBlock.accentChangeBlock ul li{width: 33.333%;}
.diamondHeader .d-flex{justify-content: center !important;}
.diamondHeader ul li .chooseBlock .hoverData { left: -0.2%;  width: 100.4%;}
#diamondVieoModal .modal-body {  padding-bottom: 114%;}

}

@media(min-width:766px){
  .diamondHeader .justify-content-between { justify-content: space-between !important;}  
    
}

 
 .productfileriframe .row{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.ml-auto{margin-left: auto;}
.mr-auto{margin-right: auto;}
.productSearch{position: relative;}

.productSearch .searchIcon{position: absolute; right:0; top:0; font-size: 13px; background: #000; color: #fff; border-radius: 0; padding: 6px 20px; padding: 10px 15px;
text-transform: uppercase;}
.productSearch .form-control{border-radius:0; border: 1px solid #d5d5d5; box-shadow:inherit; height: 41px; padding-right: 90px; }
.productSearch .error{font-size: 12px; color: #f00; width: 100%; text-align: left; position: absolute; bottom: -19px; }
.request-popup.modal-dialog-centered{display: -ms-flexbox;  display: flex; -ms-flex-align: center; align-items: center; min-height: calc(100% - (1.75rem * 2));}
.request-popup.modal-dialog-centered:before {  display: block;   height: calc(100vh - (.5rem * 2));   content: "";}
.modal-dialog.request-popup.modal-dialog-centered{margin-top: 0; margin-bottom: 0;}
.ringChangeBlock ul.carat-shape li {list-style: none;   padding: 0 2px;  width: 12%;}
.ringChangeBlock ul.carat-shape li label {text-align: center;cursor: pointer; width: 100%; cursor: pointer; font-weight: normal;}
.ringChangeBlock ul.carat-shape li input, .ringChangeBlock .metalBox ul li input { display: none;}
.ringChangeBlock ul.carat-shape, .ringChangeBlock .metalBox  ul{margin:0 -4px}
.ringChangeBlock ul.carat-shape li input + span { border: 1px solid #ddd; padding: 5px; color: #777;  font-size: 12px; display: block;}
.metalKaratTypeBlock label{cursor: pointer;}
.ringChangeBlock ul.carat-shape li input:checked + span { border: 1px solid #000;  color: #000;}
.ringChangeBlock .metalBox  ul li{display: inline-block; width: auto;  padding: 0 4px;}
.ringChangeBlock .metalBox ul li span {display: block;font-size: 14px; background: #dedede; border-radius: 100%; width: 26px; height: 26px; text-indent: -9999px;
  text-align: center; border: 2px solid #dedede; font-weight: normal;}
.ringChangeBlock .metalBox ul li.goldValue span { background: #f0bd9e; border: 2px solid #f0bd9e;}
.ringChangeBlock .metalBox ul li.yellowValue span { background: #eed9a7; border: 2px solid #eed9a7;}
.ringChangeBlock .metalBox ul li.yellowValue span { background: #eed9a7; border: 2px solid #eed9a7;}
.ringChangeBlock .metalBox ul li input:checked + span { border: 2px solid #000;}
.metalBox, .ringChangeBlock.DiaWeightBlock .itemname + div.mt-2.mb-4, .ringChangeBlock.ringSizeBlock .itemname + div.mt-2.mb-4 {width:100%;}
.ringChangeBlock .metalBox .metalText { width: 100%; margin-bottom: 10px; font-weight: 600; font-size: 14px; color: #5a5a5a; margin-top: 12px;}

 



.productFilter{ width: 100%; float: left; margin-bottom: 20px;}
.productFilter .dropdown .dropdown-toggle{border:1px solid #d5d5d5;padding: 10px; width: 100%; float: left; color: #000;}
.productFilter .dropdown .caret{position: absolute; right:15px; top:15px; font-size: 18px; color: #777; border-top: 10px solid;  border-right: 8px solid transparent;  border-left: 8px solid transparent;}
.productFilter .dropdown-menu {margin-top: 41px; border-radius:0; border:1px solid #d5d5d5}
.productFilter .dropdown-menu > li > a{padding: 6px 20px;}
.productFilter .dropdown-menu > li {border-top:1px solid #ddd;}
.productFilter .dropdown-menu > li:first-child {border-top:none;}
.productFilter .dropdown-menu > li > a:hover, 
.productFilter .dropdown-menu > li > a:focus{background:none;}
@media(max-width: 767px){
    .productFilter{margin-bottom: 10px;}
    .productFilter .row{margin-left: -5px; margin-right: -5px;}
    .productFilter [class*="col-"]{padding: 0px 5px 10px;}
}

.dropdown-menu{width: 100%;}
.dropdown-menu > li > a{text-transform: uppercase; font-size: 12px;}
  
  
  
  
  
  

/*Featured Product Container CSS Starts Here*/
.vectorSeperator        {width:100%; float:left; margin:30px 0; height:64px; position:relative; text-align:center;}
.vectorSeperator img    {position:relative; z-index:1;}
.vectorSeperator:before {content:""; position:absolute; height:1px; top:50%; left:0; right:0; background-color:#006FA0; z-index:0;}

.featuredProductContainer           {background: #ffffff; padding: 15px 0 30px;}
.featuredProduct                    {position: relative;  background: white none repeat scroll 0 0;
                                     box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.17);
                                     border:2px solid #fff; transition: all 0.3s linear 0s;
                                     display: block; padding: 12px; text-align: center; 
                                     margin: 0 auto; width: 100%; overflow: hidden;}

 

.featuredProduct:hover              {border:2px solid #86d2f2; }
.featuredProduct .Magic360,
.featuredProduct .productImage      {width: 100%; float: left; margin: 0; padding: 100% 0 0 !important;
                                     overflow: hidden; position: relative;}
.featuredProduct .Magic360 img,
.featuredProduct .productImage img  {max-width: 100%; max-height: 100%; position: absolute;
                                     left: 50%; top: 50%; transform: translate(-50%, -50%);
                                     transition: all 0.4s linear;}
.featuredProduct .productImage:hover .top{opacity: 0; visibility: hidden;}
 

.featuredProduct .productTitle      {float:left; width:100%; text-align: center; font-size: 14px; overflow: hidden; height:45px; text-transform: uppercase;} 
.featuredProduct .productPrice      {/*float:right;*/ font-weight: bold;}  
.featuredProduct .block1            { margin: 10px 0; padding:12px 10px;float:left; border-top:1px solid #ddd; border-bottom: 1px solid #ddd;}  
.featuredProduct.ringBuilderList .block1, .productListing.similarProduct .featuredProduct .block1{font-size: 12px;}
.productListing.similarProduct .featuredProduct .productPrice, .productListing.similarProduct .featuredProduct span + span{width: 100%;}
.featuredProduct .block1 a          {color:#454545; display:inline-block; margin: 0 5px;}  
.featuredProduct .block2 a          {color:#e44b3c; margin-left: 15px;}  
.featuredProduct .block2 a.saved          {color:#86d2f2;}  
.featuredProduct .block2 a:hover{color: #86d2f2;} 
.featuredProduct .productSize       {position: absolute; left: 0; right: 0; bottom:125px; margin:0; padding:0;}  
.featuredProduct .productSize .input-group{padding:13px; background-color:#f9f9f9;}  
.featuredProduct .removeFromQuick   {position:absolute; top:5px; right: 5px; z-index:1; color:#ff0000; font-size: 22px;}  
.featuredProduct .removeFromQuick:hover{color:#000000;}
.featuredProduct .productPrice i{font-style: normal; font-weight: normal;}
.featuredProduct .productPrice i.startText{margin-right: 2px;}
.featuredProduct .productPrice i.centerStoneText{display: block; font-size: 11px;}
.diamondPrice .priceBlock .centerStoneText{display: block; font-style: normal; font-size: 12px; font-weight: normal;}
.ringChangeBlock.accentChangeBlock ul li a .hoverText{height: 44px; overflow: hidden;}
@media(min-width: 767px){
.featuredProduct .block1{display: flex; align-items: center; justify-content: space-between;}
.featuredProduct .productPrice {text-align: left;}
}
@media(max-width: 767px){
    .productPreviewBox .productImage,
    .productPreviewBox .productImage *,
    .productPreviewBox .currentAngle,
    .productPreviewBox .currentAngle *{pointer-events: none;}
}

.productFilter .dropdown .caret {
  position: absolute;
  right: 15px;
  top: 15px;
  font-size: 18px;
  color: #777;
  border-top: 10px solid;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}



 
  
  
  
   .w-100 {
  width: 100%;
}
 
 
 


/*-------------------------------------------- */
  
  
  .product-title {
  font-size: 18px;
  font-weight: 500;
  line-height: 23px;
  color: #000;
  margin:0 0 15px;
}
.product-sku{
  font-size: 14px;
  font-weight: 300;
}


.product-price {margin-top:20px;}
.mr-3 {margin-right:8px;}
.retail {font-size:14px;}
.sale {color: #690031;font-size:16px;}



    
 .diamond-search-head{
  display: flex;
  margin: 20px 0 10px;
  font-size: 16px;
  font-weight: 500;
}

.select_diamond {
  display: flex;
  padding: 0px 0;
  flex-wrap: wrap;
  margin: 0;
}

.select_diamond li {
  width: 19%;
  list-style-type: none;
  margin: 0 1% 7px 0;
  text-align: center;
  position: relative;
}

ul.select_diamond li label {
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  position: relative;
  margin: 0;
  padding: 8px 10px 12px;
}

ul.select_diamond li input[type="radio"] {
  display: none;
}

ul.select_diamond li img {
  max-width: 46px;
  display: table;
  margin-bottom: 3px;
  margin: auto;
  display: inline-block;
  width: 100%;
}

.gemTitle {
  font-size: 16px;
  line-height: 14px;
  display: inline-block;
  width: 100%;
  margin: 10px 0 0;
  font-weight: 400;
}

ul.select_diamond li span{
  width: 100%;
  height: 100%;
  border:solid 1px #d1d9c6;
  position: absolute;
  left: 0;
  top: 0;
}

ul.select_diamond.shape-diamonds li input:checked ~ span {
  border: 2px solid #597232;
   border-radius: 5px;
}


.ml-3 {margin-left:5px;} 
.dynamicTest {font-weight:300;font-size: 14px;}


.select_color  {
  display: flex;
  padding: 0px 0;
  flex-wrap: wrap;
  margin: 0;
}

.select_color li { 
  margin-right: 9px;
  list-style-type: none; 
  text-align: center;
  position: relative;
}

.select_color li label {
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  position: relative;
  margin: 0;
}
.select_color li input[type="radio"] {
  display: none;
}
.select_color li span {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  display: block;
  background: red;
  text-align: center;
  line-height: 40px;
  font-weight: 300;
  font-size: 11px;
}


.select_color li.white-gold span {
  background: linear-gradient(30deg,#b3b2af 0,#f7f7f7 55%,#f7f7f7 60%,#b3b2af 100%) !important;
}


.select_color li.yellow-gold span {
background: linear-gradient(30deg,#e1b94f 0,#faf1d8 55%,#faf1d8 60%,#e1b94f 100%) !important;
}


.select_color li.rose-gold span {
background: linear-gradient(30deg,#ec8a55 0,#fcede2 55%,#fcede2 60%,#ec8a55 100%) !important;
}

ul.select_color li input:checked ~ span {
  border: 2px solid #597232;  
}


 .diamoneBtnWrap{
  display: inline-block;
  width: 100%;
  margin: 20px 0 20px;
}

.diamoneBtnWrap .btn {
  width: 100%; border: solid 1px #698037; 
  background: #698037;
  border-radius: 0;
  color: #fff;
  text-shadow: inherit;
  padding: 12px 0;
  font-size: 18px;
  text-transform: uppercase;
  margin: 0 0 7px;
}
.diamoneBtnWrap .btn.outline {
  background: #fff;
  color:#000!important;
  border: solid 1px #000;
}

.diamoneBtnWrap .btn:hover {
  background:#616c49;
  color: #fff!important;
  border: solid 1px #616c49;
}



.select_carat  {
  display: flex;
  padding: 0px 0;
  flex-wrap: wrap;
  margin: 0;
}

.select_carat li { 
  margin-right: 9px;
  list-style-type: none; 
  text-align: center;
  position: relative;
}

.select_carat li label {
  cursor: pointer;
  display: inline-block;margin: 0 0 11px;
  vertical-align: top;
  width: 100%;
  position: relative;
  margin: 0;
}
.select_carat li input[type="radio"] {
  display: none;
}
.select_carat li span {
  width: 45px;
  height: 45px;
  border-radius: 100%;
  display: block;
  border: solid 1px #eceaea;
  text-align: center;
  line-height: 44px;
  font-size: 12px;
  font-weight: 300;
}

ul.select_carat li input:checked ~ span {
  border: 2px solid #597232;  color:#597232;
}



.productSlide img {
  border: solid 1px #ddd;
  height: 120px;
  object-fit: contain;
  padding: 9px;
  width: 96% !important;
}

 
.productSlide a.active img {
  border: solid 1px #000;
}



  #gallery .owl-nav .owl-prev  {
  position: absolute;
  left: -23px;
  top:39%;
  transform: translateY(-50%);
  font-size: 48px;
  color: #000;
  opacity: 1;
}


  #gallery .owl-nav .owl-next  {
  position: absolute;
  right: -23px;
  top:39%;
  transform: translateY(-50%);
  font-size: 48px;
  color: #000;
  opacity: 1;
}



@media only screen and (max-width:640px)
{
 .gemTitle {
  font-size: 12px; margin: 0 0 0;font-weight: 300;
}

ul.select_diamond li label {
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  position: relative;
  margin: 0;
  padding: 4px 3px 10px;
}

.select_carat li span {
  width: 40px;
  height: 40px;
  line-height: 37px;
  font-size: 11px;
  font-weight: 300;
}


.select_color li span {
  width: 30px;
  height: 30px; 
}

.diamoneBtnWrap .btn { 
  font-size: 15px; 
}
   
    
}
.productFilterBox.shapeType label {
  position: relative;
  padding: 9px 10px;
}

.productFilterBox.shapeType li span::after {
  border: solid 1px #fff;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background: #fff;
  z-index: -1;
}



 .productFilterBox.shapeType li input:checked ~ span::after{
border: solid 1px #f5f5f5; content:'';  background: #f5f5f5;
}


.metalnoSTyle .productFilterBox ul li label {
  position: relative;
  padding: 9px 10px;
}

.metalnoSTyle .productFilterBox ul li span::after {
  border: solid 1px #fff;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;  background: #fff;
  z-index: -1;
}


.metalnoSTyle .productFilterBox ul li input:checked ~ span::after{
border: solid 1px #f5f5f5; content:'';  background: #f5f5f5;
}

td.Shapetd{
    white-space: normal !important;
}