/** Shopify CDN: Minification failed

Line 826:0 Unexpected "{"

**/

a{
  color:#000;
}
.px-0{
  padding-left:0px!important ;
  padding-right:0px!important ;
}

.fixed-header {
    position: fixed;
    z-index: 99;
    top: 0;
  }

.mb-5 {
    margin-bottom: 28px;
}
.tx-center {
    /* padding: 0 0 15px!important; */
    font-size: 15px;
    font-weight: 550;
    letter-spacing: 1.05px;
   margin-bottom:0;
    color:#333;
}

  .text-red {
    color: #fb0202;
  }

.c-label .box-svg svg path {
    fill: #fff;
}


.width_new {
    width: 50px!important;
    height: 50px!important;
    margin: auto;
}


/* common datatable css block  */

.container {
    width: 100%!Important;
}

  
  /*DIAMOND*/
.dataTable th,
.dataTable td {
    min-width: 160px !important;
    text-align: center !important;
}
  .table-condensed > thead > tr > th,
  .table-condensed > tbody > tr > td {
    white-space: nowrap;
    padding: 10px 10px !important;
  }
  
  .condensed > tbody > tr > td {
    padding: 8px 7px !important;
    padding-right: 30px;
    white-space: nowrap;
  }
  
  .condensed > thead > tr > th {
    padding: 8px 7px !important;
    padding-right: 30px;
    white-space: nowrap;
  }

#example{border:none;border-bottom: 1px solid #ccc;}


.table-bordered.dataTable tbody tr:hover td a{
  background-color:#2c3746;
  color: white!important;
}

/* 
 .table-bordered.dataTable td:last-child {
   border: 1px solid #bbb!important;
   color: #555!important;
   padding: 2.5px 5px!important;
   line-height: 4;
  } */

.table-bordered.dataTable td:last-child a {
   border: 1px solid #bbb!important;
   color: #555!important;
   padding: 6px 12px!important;
   transition: 0.5s;
   border-radius:5px;
  overflow: hidden;
  }


  input[type="checkbox"],
  input[type="radio"] {
    margin: 0px 0 0;
    margin-top: 1px\9;
    line-height: normal;
  }


  #search_div .col-md-1 {
    /*border: 1px solid #b8b8b8 !important;*/
    padding-right: 0px;
    padding-left: 0px;
    width: 5.8%;
  }
  
  .btn.btn-flat {
    border-radius: 0;
    /*-webkit-box-shadow: none;
          -moz-box-shadow: none;
          box-shadow: none;*/
    border-width: 1px;
  }
  
  .range-input {
    border: 2px solid #d9d9d9;
    border-radius: 0px;
    font-weight: bold;
    width: 60px;
    height: 33px;
    text-align: center;
  }
  
  .page-border#search_div {
    border: 1px solid #091931;
    border-bottom: 5px solid #091931;
    border-top: 5px solid #091931;
    box-shadow: -4px 5px 5px #888888;
    margin-bottom: 15px;
  }

  #example.box-shadow td {
    border: medium none;
    font-weight: 700;
  }
  
  .header.sorting {
    cursor: pointer;
  }
  
  .row.p-remove {
    margin-bottom: 0px !important;
  }
  
  .filter_button {
    margin: auto;
    width: 150px;
  }
  
.table-condensed > tbody > tr > td {
    font-weight: 600;
  }
    /* 
  .condensed > tbody > tr > td {
    padding: 8px 7px !important;
    padding-right: 30px;
  }
  
  .condensed > thead > tr > th {
    padding: 8px 7px !important;
    padding-right: 30px;
  }
   */
  #example > thead > tr > th {
    /* padding: 0px 7px !important; */
  }

  
  #search_div .col-md-1 {
    /*border: 1px solid #b8b8b8 !important;*/
    padding-right: 0px;
    padding-left: 17px;
    width: 8.33333333%;
  }
  
  .btn.btn-flat {
    border-radius: 0;
    /*-webkit-box-shadow: none;
          -moz-box-shadow: none;
          box-shadow: none;*/
    border-width: 1px;
  }
  
  .range-input {
    border: 2px solid #d9d9d9;
    border-radius: 0px;
    font-weight: bold;
    width: 60px;
    height: 33px;
    text-align: center;
  }
  
  .page-border#search_div {
    border: 1px solid #091931;
    border-bottom: 5px solid #091931;
    border-top: 5px solid #091931;
    box-shadow: -4px 5px 5px #888888;
    margin-bottom: 15px;
  }
  
  /*.box-shadow{
          background: none repeat scroll 0 0 #fff;
          border: 1px solid #ccc;
      }*/
  #example.box-shadow td {
    border: medium none;
  }
  
  .header.sorting {
    cursor: pointer;
  }
  
  .row.p-remove {
    margin-bottom: 0px !important;
  }
  
  .filter_button {
    margin: auto;
    width: 150px;
  }
  
  .tr_color_even {
    background-color: #d0d0d0 !important;
  }
  
  .tr_color_odd {
    background-color: #ffffff !important;
  }
  
  .hide_show1 {
    position: absolute;
    bottom: -10px;
    right: 155px;
    font-size: 14px;
  }
  
  .hide_show1 a span {
    width: 25px;
    height: 25px;
    background: #30908f;
    padding: 7px 7px 7px 7px;
    color: #fff;
    cursor: pointer;
  }
  
  .hide_show1 a span:hover {
    background: #3ac0bd;
  }
  
  .hide_show .btn,
  .hide_show1 .btn {
    padding: 6px 0px;
  }
  
  .dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 0 !important;
  }
  
  .search_filter_stock .col-sm-10.col-md-10.col-lg-10.col-12 {
    padding: 0;
  }
  
  #more_filter .tps_filter {
    padding: 25px 0;
    /*height: 55px;*/
  }
  
  #more_filter .tps_filter label {
    line-height: normal;
  }
  
  #more_filter .tps_filter .col-sm-4.col-md-4.col-lg-4.col-12 {
    padding: 5px;
  }
  
  .brand-list {
    list-style: none;
    padding: 5px 0 0 0;
    margin-bottom: 10px;
  }
  
  .brand-list li {
    display: inline-block;
    position: relative;
    padding: 0px;
    cursor: pointer;
  }
  
  .brand-list > li {
    border: 1px solid #ddd;
    border-radius: 5px;
    line-height: 1 !important;
    margin: 5px 6px 5px 0px;
    padding: 5px;
  }
  
  .brand-list.pointer-list > li {
    border: none;
  }
  
  .brand-list > li > label {
    border: 1px solid #ddd;
    border-radius: 5px;
    line-height: 25px;
  }
  
  .pointer-list > li {
    width: 50px;
    text-align: center;
  }
  
  .make {
    color: #16253c;
    border: 2px solid #16253c;
  }
  
  .border-box {
    margin: 0 auto;
    padding: 5px;
    font-size: 14px;
    /* font-weight: 700; */
    color: #333;
  }
  
  /*    .active-label {
          background-color: #16253c;
          color: #fff !important;
      }*/
  
  .active-label {
    background-color: #f3f9ff;
    color: #2c374602f !important;
    font-weight: 400 !important;
    border: 2px solid #2c3746 !important;
    outline: none;
    border-radius: 5px;
  }
  
button.search-btn {
    background-color: #2c3746;
    color: #fff;
    cursor: pointer;
    border: 1px solid #2c3746;
    outline: none!important;
    transition: .5s;
    font-weight: 600;
    margin-left: 10px;
    margin: auto;
    border-radius:0px;
}
.search-btn {
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
    gap: 8px;
}


.search_btn{padding:9px 0!important;}

button.search-btn a{color:#fff;  text-decoration:none!important;}
button.search-btn:hover a{text-decoration:none; color: #2c3746; }
button.search-btn:hover {background:transparent; }
                            
button.btn-info-reset {
    background: #2c3746;
    padding: 10px 15px!important;
    color: #fff;
    cursor: pointer;
    transition: .5s;
    border: 1px solid #2c3746;
    outline: none;
    font-weight: 600;
    margin-right: 40px;
    /* flex: initial; */
}
#show_advance,#hide_advance
{
  padding: 14px;
}

 button.btn-info-reset:hover {background:transparent; color: #2c3746;}
 button.btn-info-reset:hover { color: #2c3746; background:transparent;  }
  .search-btn {
    /* float: right; */
    text-align: center;
  }
  
  .btn.login {
    background: #ff0202;
    color: #fff;
  }
  
  .login-text {
    text-align: right;
    margin-right: 15px;
  }
  
  .login-text > span {
    font-weight: bold;
    text-align: right;
    color: #16253c;
    animation: blinkingText 1.2s ease-in-out infinite;
  }
  
  @keyframes blinkingText {
    0% {
      opacity: 1;
    }
  
    30% {
      opacity: 0.8;
    }
  
    50% {
      opacity: 0.3;
    }
  
    70% {
      opacity: 0.8;
    }
  
    100% {
      opacity: 1;
    }
  }
  
  .login-text-filter {
    text-align: center;
  }
  
  .login-text-filter > span {
    color: #16253c;
    animation: blinkingText 1.2s ease-in-out infinite;
  }
  
  .pad-r-0 {
    padding-right: 0;
  }
  
  #exTab1 .nav-pills {
    background: #ffffff;
  }
  
  #exTab1 .nav-pills > li {
    border: 2px solid #16253c;
    background: #ffffff;
    margin-right: 3px !important;
  }
  
  #exTab1 .nav-pills > li > a {
    color: #16253c;
    font-weight: 600;
  }
  
  .border-right {
    /*     border-right: 1px solid #d7d7d7 !important; */
    margin-right: 0px;
    align-items: center;
  }
  
  .btn-toggle-yellow {
    background-color: #2a2a4b;
    color: #fff;
    padding: 5px 15px !important;
  }
  
  #compare-stock #CompareStone > tbody > tr > td {
    border: 1px solid #bbbbb9 !important;
    text-align: left;
    padding: 2px 1px 1px 5px;
    font-weight: bold;
  }
  #compare-stock #CompareStone tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.05);
  }
  
  #compare-stock #CompareStone > tbody > tr > td {
    border: 1px solid #bbbbb9 !important;
    text-align: left;
    font-weight: bold;
    font-size: 13px;
    padding: 4px 1px 4px 5px;
  }
  
  #showcalc {
    padding: 0px 15px;
  }
  
  #compare-stock .clsimages img {
    cursor: default;
    width: 100px;
  }
  
  .btn-toggle-grey:hover,
  .btn-toggle-yellow:hover {
    color: #fff !important;
    opacity: 0.8;
  }
  
  #compare-stock .modal-body table {
    width: 100%;
  }
  
  #compare-stock .modal-body table thead tr {
    background-color: rgb(235, 237, 239);
    left: 0px;
    position: relative;
  }
  
  #compare-stock tr td.heads {
    color: #2a2a4b;
    /* background-color:b; */
  }
  
  #compare-stock .modal-body button {
    margin: 15px auto 0px !important;
    display: block;
  }
  
  .custom-1500 {
    /*width: 1500px;*/
    max-width: 100%;
    margin: auto;
    position: relative;
  }
  
  .tps_diamond_shapes li {
    float: none !important;
    list-style-type: none;
    border: 1px solid #ccc;
    /* border-radius: 10px; */
  }

.tps_diamond_shapes li a:hover .img_shape {
    border-radius: 10px 10px 0px 0px;
  }
  
  .tps_diamond_shapes li a:hover .text_shape {
    border-radius: 0px 0px 10px 10px;
  }
  
  .text_shape {
    border-bottom: 0px !important;
  }


.filter {
    border-top: 0px solid transparent!important;
    border-left: 0px solid transparent!important;
    padding-bottom: 25px;
    border-bottom: 1px solid #ccc;
}
.tps_filter {
    border: none !important;
  }
  
#more_filter .tps_filter {
    border-right: 0;
  }
  .c-label {
    margin: 0px 10px 15px;
  }
  .c-label .box-svg {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
  }
  .navbar-nav.ml-auto.c-navbar-nav .nav-item.shift_left a svg {
    vertical-align: sub;
  }
  #tps_diamond_shapes .others label a span {
    padding: 37px 0;
  }
  
  .header_diamond.desk {
    width: auto;
    z-index: unset;
    right: 0;
    left: 0;
    /* padding: 0px 10px; */
  }
  .header_diamond.desk a.navbar-brand.shift_to_right {
    z-index: 1;
    position: relative;
  }
  
  @media (max-width: 991px) {

  
   
  }
  
  @media (max-width: 768px) {

  }
  
.c-label .box-svg {
    position: relative;
  }




  .filter input[type="checkbox"] {
    opacity: 0 !important;
    width: 100%;
    height: 100%;
    border: 1px solid #2c3746;
    clip: inherit !important;
    position: inherit;
    display: block;
    position: absolute;
    top:0px;
    left:0;
    border:none;
    
  }
.tps_diamond_shapes li {
    /* position: relative; */
    min-width: 8%;
    border: none!important;
    font-size: 15px;

    display: inline-block;
}

.tps_diamond_shapes li label {
    margin-right: 5px;
    text-align: center;
    position: relative;
  margin:auto;
}

.img_shape {
    text-align: center;
    /* padding: 5px; */
    border-bottom: 1px solid #f5f4f4;
    box-shadow: 0 0 10px -5px #14142f52;
    display: flex;
    align-items: center;
    justify-content: center;
}

.img_shape img + img {
    display: none;
}

.img_shape img {
    width: 35px !important;
    height: 55px !important;
    object-fit: contain;
}

.tps_diamond_shapes li label.active1 .img_shape img + img,
.tps_diamond_shapes li:hover .img_shape img + img{display:block;}

.tps_diamond_shapes li label.active1 .img_shape img,
.tps_diamond_shapes li:hover .img_shape img {
  display:none;
} 

.tps_diamond_shapes li:hover .img_shape,
label.active1 .img_shape {
    background-color: #1a1a24;
    border-radius: 0px;
}
label.active1 .img_shape img {
    mix-blend-mode: exclusion;
}

.tps_diamond_shapes li label.active1 .text_shape {
    color: #fff;
    display: block;
    left: 0;
    right: 0;
    z-index: 1;
}

.tps_diamond_shapes li .text_shape {
    color: #fff;
    background: #14142f!important;
    font-size: 12.5px;
    opacity: 0;
    transition: .5s;
    letter-spacing: 1px;
    font-weight: 100;
    height: fit-content;
    margin: auto;
    top: 0;
    bottom: 0;
    font-size: 9px;
    padding: 4px!important;
}
  
 .tps_diamond_shapes li:hover .text_shape {
    opacity: 1;
    display: block;
    top: 0;
    width: 100%;
    background: black;
    color: #fff;
}

.col-sm-12.col-12.shapes {
    margin-bottom: 15px;
}
.col-sm-12.col-12.shapes .label_div {
    padding-bottom: 15px;
}

.tps_diamond_shapes li:hover .text-shape-2{
  top: unset;
  bottom:-21px;
}


.tps_diamond_shapes li:hover .text_shape1{display:block;}

#tps_diamond_shapes { display: flex; gap: 0px 10px;}

.search_filter_cut.tps_filter.row {
    /* margin: 17px 0px; */
    /* margin-bottom: 20px; */
  }


  .border-right {border-color: transparent !important;}

label {
    vertical-align: middle;
    position: relative;
    width: 100%;
  }




/*--------------------additional css-----------------------------  */
 .rotate-90 {
            transform: rotate(90deg);
        }
        .rotate-270 {
            transform: rotate(270deg);
        }

.custom-container
{
  max-width : 1650px !important;
  width : 100%;
  margin : auto;
}

.display-flex
{
  display : flex;
  flex-direction : coloumn !important; 
}

.d-center
{
  display: flex;
  padding: 0;
  justify-content: flex-start!important;
  width: calc(100% - 130px);
}

.more_filter_btn {
    padding: 0px 15px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #2b2c2c;
    position: relative;
    top: -25px;
}

.more_filter_btn svg {
    fill: #383939;
}

.tx-center
{
  padding: 0!important;
}

.row
{
  margin-left:0!important;
  margin-right:0 !important;
}

.shapes-display
{
  display : flex;
  flex-wrap : wrap;
  padding : 0!important;
  margin : 0!important;
}

.background-black img
{
  background-color : white;
  filter : gray
}

div#productsContainer a:focus,
section#search_div a:focus,
div#productsContainer a:hover,
section#search_div a:hover,
{
  text-decoration: none;
}

.padding-left
{
  padding-top: 10px;
  margin-left: -15px;
}



.new_add
{
  padding-left: 0!important;
}

/* ------------------------------------media Query--------------------------------- */


@media(max-width:1274px){
  

#tps_diamond_shapes
  {
    gap : 0px 10px;
  } 

   .tps_diamond_shapes li .text_shape {
    top:62px;
  } 
}


@media(max-width:992px) {
.display-flex.row.new_add .label_div label.tx-center {
    padding-bottom: 0 !important;
    margin-left: unset;
}
.search_filter_cut.tps_filter.row.padding-tb::before,
.search_filter_cut.tps_filter.row.padding-tb::after{
  display:none !important;
}
  .search_filter_cut.tps_filter.row.padding-tb {

    gap: 20px;
}
  
.margin_top{margin-top: 15px;}
  
.tps_diamond_shapes li .text_shape {top : 62px;} 
  
.col_sm{width:400px!important;}
  
.container_table, .custom-container {
    width: 95% !important;
    margin: auto;
}

#tps_diamond_shapes{gap : 20px 15px;}
  
.margin_neg{
    margin-top:-12px;
  }

.mt_2{
    margin-top: 15px;
  }

/*  */

  
}

@media(max-width:700px)
{


  .tps_diamond_shapes li .text_shape {
    top: 62px;
    }



}

.container_table {
    max-width: 1650px!important;
    width: 100%;
    padding: 0px 15px;
    margin: 0 auto;
}

/* ----------------------------------------------------table css---------------------------------- */

/* Style the table */
.container_table {
  /* margin: 20px; */
}

table {
  width: 100%;
  border-collapse: separate; 
  border-spacing: 0; 
}

#search_div {
    padding-bottom: 20px;
}

.brand-list.diamond_type.text-center {
    display: flex;
    justify-content: center;
    border: 1px solid;
    width: fit-content;
    margin: auto;
    padding: 0;
    overflow: hidden;
    border-radius: 20px;
}
.brand-list.diamond_type.text-center li {
    margin: 0 0 0 0 !important;
    padding: 0;
    border:0px;
    border-radius:0;
    transition:0.5s all ease-in;
}
.brand-list.diamond_type.text-center li.active {
    background-color: #2c3746;
    color: #fff;
}
.brand-list.diamond_type.text-center li.active .border-box{
  color:#fff
}

#mined_or_grown {
    padding-bottom: 20px;
    padding-top: 10px;
}

.brand-list.diamond_type.text-center li:hover {
    background-color: #2c3746;
    color: #fff;
}
.brand-list.diamond_type.text-center li:hover svg,
.brand-list.diamond_type.text-center li:hover .border-box{
  fill:#fff;
  color:#fff;
}

input[type=text], input[type=number] {
    border: 1px solid #bdbdbd!important;
    width: inherit;
    padding: 3px 10px;
    height: 30px;
    font-size: 14px;
    border-radius: 3px;
}
/* .clearfix:after, .clearfix:before{
    display: table;
    content: " ";
} */

.range_group {
    flex: 1 auto;
}

.pt-4 {
    padding-top: 10px;
}


input.check_td {
    display: block !important;
    width: 15px !important;
    height: 15px !important;
    position: unset;
    border: 1px solid #ccc;
    margin: auto !important;
    background: #fff;
    /* border-radius: 50px; */
  position:relative;
}
input.check_td:checked{
  background-color:#2c3746;
}


input.check_td:checked:after {
    content: '';
    display: block;
    position: absolute;
    top: 1px;
    left: 4px;
    width: 5px;
    height: 9px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

#example{
  box-shadow:rgba(22, 22, 22, 0.05) 0px 3px 15px;
}
#example tr td {
    padding: 15px 5px;
    text-align: center;
    vertical-align: middle;
}

table thead tr th, 
tbody tr td {
    background-color: #fff !important;
}

.dataTable.fixedHeader-floating thead,
.dataTables_scrollHead .table-bordered thead {
/* border: 0px; */
    background-color: #2c3746;
    color: #fff;
}
.dataTable.fixedHeader-floating thead tr th, 
.dataTables_scrollHead .table-bordered thead tr th {
    border: 0px;
    /* padding: 15px 18px; */
}

#example_paginate .pagination li.paginate_button.active a {
    background: #2c3746;
    color: #fff;
}
#example_paginate .pagination li.paginate_button a{
  color: #2c3746;
}

#example_wrapper .row.mt-2.justify-content-between {
    display: flex;
    justify-content: space-between;
}
#example_wrapper .dt-length,
#example_wrapper .dt-search{
    display: flex;
    align-items: center;
}
#example_wrapper .row.mt-2.justify-content-between:before, 
#example_wrapper .row.mt-2.justify-content-between:after {
    display: none;
}

.search_filter_cut.tps_filter.row.padding-tb {
    display: flex;
    flex-wrap: wrap;
}


#grid-view {
    gap: 10px 0;
    justify-content: space-between;
}
#grid-view .grid-item.grid-product:after {
    display: none;
}
#grid-view .grid-item.grid-product .grid-item__content .grid-product__image-wrap .grid__image-ratio.grid__image-ratio--square {
    height: 100%;
    flex: 1;
}
#grid-view .grid-item.grid-product .grid-item__content .grid-product__image-wrap {
    border-radius: 6px 6px 0 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    height: 274px;
    background: #c1c2c6 none repeat scroll 0% 0%;
    min-height: 289px;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    cursor: auto !important;
}

#grid-view .grid-item.grid-product {
    flex: 0 0 19%;
    box-shadow: #1616160d 0 3px 15px;
    background: #fff none repeat scroll 0% 0%;
    border: 1px solid rgb(245,245,245);
    border-radius: 6px;
    box-sizing: border-box;
    width: auto!important;
    padding: 0;
    overflow: hidden;
}

#grid-view .grid-item.grid-product .grid-item__meta {
    margin: 0;
    min-height: 80px;
    display: flex;
    align-items: center;
}

#grid-view .grid-item.grid-product .grid-item__meta .grid-item__meta-main {
    padding: 10px;
}

#grid-view .grid-item.grid-product .grid-item__meta .grid-item__meta-main .grid-product__title {
    font-size: 16px!important;
    font-weight: 500!important;
    color: #161616;
    line-height: 1.3;
}
#grid-view .grid-item.grid-product .grid-item__meta-secondary {
    margin-top: 0 !important;
    float: left !important;
    padding: 5px 10px !important;
    background-color: #14142fe3;
    color: #fff;
    width: fit-content;
}
#grid-view .grid-item.grid-product .grid-item__meta-secondary .grid-product__price span.grid-product__price--current {
    font-size: 18px;
    color: #fff;
    font-weight: 500;
}

@media(max-width:1200px){
  #grid-view .grid-item.grid-product {
    flex: 0 24%;
}
}

@media(max-width:992px){
  #grid-view .grid-item.grid-product {
    flex: 0 32%;
}
}
@media(max-width:768px){
  #grid-view .grid-item.grid-product {
    flex:0 48%;
  }
}  
@media(max-width:575px){
  #grid-view .grid-item.grid-product {
    flex:0 98%;
  }
}

/*  */

.col-12.shapes, 
.col-12.carat,
.col-12.cut,
.col-12.price,
.col-12.clarity, 
.col-12.color {
    min-height: 60px;
    margin-bottom: 25px;
}
.shapes .tps_inputrange_shape {
    flex: 1;
}

.shapes {
    display: flex;
}

#tps_diamond_shapes {
    display: flex;
    flex-wrap: wrap;
}
.tps_diamond_shapes li {
    min-width: 15%;
}

.shapes .label_div,
.display-flex.row.new_add .label_div {
    width: 125px;
    flex: 0 125px;
  }

/* .display-flex.row.new_add .label_div {padding-top:15px;} */

#search_div .filter .filter-holder {
    padding: 25px 35px;
}


.price .display-flex.row.new_add .label_div {
    padding-left: 10px;
}
.label_div label {
    margin: 0;
    font-size: 16px!important;
    color: #1c1d1d;
    font-weight: 500 !important;
}

#search_div #form {
    width: 95%;
    margin: auto;
}

.range_group .place_label {
    position: absolute;
    left: 0;
    padding: 4px 10px;
    display: flex;
    /* height: fit-content; */
    color: rgba(0, 0, 0, 0.33);
    /* align-items: center; */
    /* margin: auto; */
    font-size: 14px;
}

.from_group {
    position: relative;
    width: fit-content;
    background-color: #fff;
}
.from_group.left {
    margin-left: 10px;
}
.from_group.right {
    margin-left: auto;
   margin-right:10px;
}
.irs-slider.from,
.irs-slider.to {
    z-index: 2;
    color: #000;
    border-radius: 50px;
    background: #e0e0e0;
    height: 18px;
    width: 18px;
    border: 1px solid #bdbdbd!important;
    box-shadow: inset 0 0 0 4px #fff;
}
.tps_diamond_shapes li:hover label input {
    cursor: pointer !important;
}
.irs-slider:hover {
    cursor: pointer;
}

#tps_diamond_shapes .svg-holder {
    position: relative;
    margin: auto;
    width: 100%;
    box-sizing: border-box;
  height:55px;
transition:unset;
}
#tps_diamond_shapes .svg-holder.more {
    text-align: center;
    line-height: 1;
}
#tps_diamond_shapes .svg-holder.more a {
    font-size: 12px;
    text-align: center;
    line-height: 1;
    display: flex;
    align-items: center;
    height: 100%;
    transition:unset;
}
#tps_diamond_shapes .svg-holder.more:hover a {
    color: white;
}

#tps_diamond_shapes .svg-holder .additional-list{display:none;}
#tps_diamond_shapes .svg-holder:hover .additional-list {
    display: block;
    position: absolute;
    width: 200px;
    height: 210px;
    top: 46px;
    right: 0px;
    z-index: 1;
    background-color: white;
    border: 1px solid #f5f5f5;
    box-shadow: rgba(22, 22, 22, 0.05) 0px 3px 15px;
    border-radius: 6px;
    overflow-y: scroll;
    padding: 0px 5px;
    z-index: 999;
}

#tps_diamond_shapes .svg-holder .additional-list li {
    width: 100%;
}

#tps_diamond_shapes .svg-holder .additional-list li label {
    background-color: white;
    height: 45px;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    color: #161616;
    margin-bottom: 5px;
    border-radius: 4px;
    padding: 5px  !important;
    cursor: pointer;
    border: 1px solid #f5f5f5;
    font-size: 14px;
}
#tps_diamond_shapes .svg-holder .additional-list li label .img_shape {
    border-bottom: none;
    background: none;
    box-shadow: none;
}
#tps_diamond_shapes .svg-holder .additional-list li label .img_shape img {
    width: 50px!important;
    flex: 0 50px;
    height: 32px !important;
    object-fit: contain;
}

#tps_diamond_shapes .svg-holder .additional-list li .text_shape {
    opacity: 1;
    display: block;
    top: 0;
    width: calc(100% - 50px);
    background: #000;
    color: #fff;
}

#tps_diamond_shapes .svg-holder .additional-list li label.active1 .text_shape.text-shape{color:#fff !important;}
.tps_inputrange_shape #tps_diamond_shapes .svg-holder .additional-list li:hover label .text_shape.text-shape{color:#fff !important;}

#tps_diamond_shapes .svg-holder .additional-list li label.active1,
#tps_diamond_shapes .svg-holder .additional-list li:hover label {
    background-color: #1a1a24;
}


#tps_diamond_shapes .last-child .more:hover .additional-list li label .text_shape.text-shape {
    background: transparent!important;
    color: #000 ;
    font-size: 14px;
    text-align: justify;
    line-height: unset;
}


#tps_diamond_shapes .svg-holder .additional-list li label.active1 .img_shape img,
#tps_diamond_shapes .svg-holder .additional-list li:hover label .img_shape img {
  display:block;
}
#tps_diamond_shapes .svg-holder .additional-list li label.active1 .img_shape img + img,
#tps_diamond_shapes .svg-holder .additional-list li:hover label .img_shape img + img{
  display:none;
}

.container_table .btn-group.mb-3 {
  
    font-size: 14px;
}
.btn-group .sort-wrap {
    display: flex;
    -moz-box-align: center;
    align-items: center;
}
.btn-group .sort-wrap #sort_order_products { 
width: 100%;
    height: 30px;
    border: 1px solid #bdbdbd;
    position: relative;
    border-radius: 6px;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
    color: #161616;
    -moz-box-pack: justify;
    justify-content: space-between;
    cursor: pointer;
    padding-top: 0;
    padding-bottom: 0;
}

.container_table .btn-group.mb-3 p {
    font-size: 16px;
    margin-right: auto !important;
}
#grid-view .grid-item.grid-product .image-element {
    opacity: 1 !important;
}
.grid-product__title table tr td {
    padding: 0;
}