a{

  color:#000;

}

.px-0{

  padding-left:0px!important ;

  padding-right:0px!important ;

}
.page-width--narrow{
  max-width: 1100px !important;
  width:100% !important;
  margin:auto !important;
}
.fixed-header {

    position: fixed;

    z-index: 99;

    top: 0;

  }

.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;

}

/* common datatable css block  */



.container {

    width: 100%!Important;

    /* position: relative!Important;

    max-width:1170px!Important;

    padding: 0 15px;

    margin: 0 auto; */

}



  

  /*DIAMOND*/

  .table-condensed > thead > tr > th,

  .table-condensed > tbody > tr > td {

    white-space: nowrap;

    padding: 10px 10px !important;

  }

  

  /*.table-condensed > tbody > tr > td {

      font-weight: 600;

      }*/

  .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.table-bordered.dataTable tbody tr:hover td a{

  background-color:#2c3746;

  color: white!important;

}



/* 

 table.table-bordered.dataTable td:last-child {

   border: 1px solid #bbb!important;

   color: #555!important;

   padding: 2.5px 5px!important;

   line-height: 4;

  } */



table.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;

  }

  

  /*MATCH DIAMOND*/

  /* .table-condensed>thead>tr>th,

  .table-condensed>tbody>tr>td {

      padding: 0px 7px !important;

  }

   */

.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; */

  }

  

  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: 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;  }

  div.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;

  }

  

  div#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 {

    /* display: inline-block; */

    /* width: 8.09%; */

    float: none !important;

    list-style-type: none;

    /* border: 1px solid #ccc; */

    border-radius: 10px;

  }

  .tps_diamond_shapes li a:hover span.img_shape {

    border-radius: 10px 10px 0px 0px;

  }

  

  .tps_diamond_shapes li a:hover span.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) {

    /* .header_diamond.desk {

      display: none;

    }

  

    .d-flex.wrapper {

      flex-direction: column;

    }

  

    .header_diamond.desk {

      position: unset;

      width: auto;

    }

    .header_diamond.desk .navbar-nav.ml-auto.c-navbar-nav {

      gap: 0px;

      align-items: center;

      flex-flow: row;

      width: max-content;

    }

  

    .header_diamond.desk .c-navbar-nav {

      gap: 10px;

      flex-direction: unset;

      align-items: center;

    }

    .header_diamond.desk #navbarSupportedContent {

      top: 10px;

      padding: 10px;

      margin: 0;

      width: fit-content;

      box-shadow: none;

      background-color: transparent;

    } */

  

   

  }

  

  @media (max-width: 768px) {

    /* .header_diamond.desk #navbarSupportedContent {

      top: 10px;

      padding: 10px;

      margin: 0;

      width: fit-content;

      box-shadow: none;

      background-color: transparent;

      margin: auto;

    }

    .header_diamond.desk ul.navbar-nav {

      text-align: start !important;

      margin-left: 30px;

      flex-direction: column !important;

      margin-left: auto;

    } */

  }

  .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: -4px;

    left:0;

    border:none;

    

  }

  .tps_diamond_shapes li {

    /* position: relative; */

    /* width: 23%; */

    border: 1px solid transparent !important;

    /* font-size: 15px; */

    /* text-align: center; */

    /* flex: 0 17%; */

    display: inline-block;

}



 

  /* .tps_diamond_shapes li label {

    padding: 2px;

    margin-bottom: 0;

    border-radius: 10px;

    text-align: center!important;

    display: flex;

    justify-content: center;

    

    } */

.tps_diamond_shapes li label {

    /* width: 63px; */

    /* margin-right: 5px; */

    text-align: center;

    /* height: 49px; */

    /* line-height: 48px; */

    position: relative;

}



/* .img_shape {

    border: 1px solid #ccc;

    text-align: center;

   padding:5px;

} */



  label.active1 .img_shape {

    background-color: aliceblue;

    border: 1px solid #2c3746!important;

    border-radius: 10px;

   

  }



  .tps_diamond_shapes li .text_shape {

    color: #000;

    font-size: 10px;

    display: none;

    opacity: 0;

    transition: .5s;

    letter-spacing: 1px;

    font-weight: 500;

}

  

 .tps_diamond_shapes li:hover .text_shape {

    opacity: 1;

    display: block;

    position: absolute;

    top: -21px;

    width: 100%;

}

/* .tps_diamond_shapes li:hover .text-shape-2{

  top: unset;

  bottom:-21px;

} */



 /* .tps_diamond_shapes li .text_shape1 {

     color: #555555;

    font-weight: 400;

    font-size: 14px;

    display: none;

    transition : 0.5s;

    position: absolute;

    bottom: -23px;

    left: 50%;

    transform: translateX(-50%);

  } */



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



  /* ul#tps_diamond_shapes {

    

    display: flex;

    gap : 0px 0px

    

  } */

  .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%;

  }

  td.head_checkbox.sorting_1 {

    position: relative;

  }

  td.head_checkbox.sorting_1 input[type="checkbox"] {

    position: relative !important;

    opacity: 1 !important;

  }

  

  /* Radio and Checkboc Style */

  .busquedaSem {

    display: flex;

  }

  

  .busquedaSem input[type="radio"] {

    appearance: auto;

    -webkit-appearance: auto;

    clip: auto;

    width: 25px;

    height: 25px;

    display: block;

  }

  

  .custom-control.custom-radio.custom-control-inline {

    margin-right: 23px;

  }



.row

{

  /* margin: 0!important; */

}



/*--------------------additional css-----------------------------  */



.custom-container

{

  max-width : 1500px;

  width : 100%;

  margin : auto;

}



.display-flex

{

  display : flex;

  flex-direction : coloumn !important; 

}



.d-center

{

  display: flex;

  padding: 0;

  justify-content: flex-start!important;

  /* margin-top : -8px!important; */

  width: 100%;

}



.tx-center

{

  padding: 0!important;

  padding-bottom:15px!important;

}



.row

{

  margin-left:0!important;

  margin-right:0 !important;

}



.width-336

{

  width:336px!important;

}



.shapes-display

{

  /* display : flex;

  flex-wrap : wrap; */

  padding : 0!important;

  margin : 0!important;

}



.width_new {

  /* width: 40px!important; */

  /* height: 40px!important; */

  /* margin: auto; */

  /* border: 1px solid #ccc; */

  height: 37px;

  width: 37px;

  transition-duration: 0.2s;

  transform-origin: 50% 50%;

}



.padding-tb

{

  /* padding : 10px 0!important; */

}



.background-black

{

  background:#2c3746;

}



.background-black p

{

  color: #fff;

}



.background-black img

{

  background-color : white;

  filter : gray

}



a:focus, a:hover

{

  text-decoration: none;

}



.padding-left

{

  padding-top: 10px;

  margin-left: -15px;

}



a:hover

{

  text-decoration: none !important;

}



.padd_tb

{

  /* height:45px!important; */

}



.new_add

{

  padding-left: 0!important;

}



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





@media(max-width:1274px){

  



ul#tps_diamond_shapes

  {

    gap : 0px 10px;

  } 



   .tps_diamond_shapes li .text_shape {

    top:62px;

  } 

}





@media(max-width:992px)

{

  .margin_top

{

  margin-top: 15px;

}



  .tps_diamond_shapes li .text_shape {

     top : 62px;

  } 



  .col_sm

  {

    width:400px!important;

  }



  .custom-container

  {

    padding-left:40px!important;

  }



  ul#tps_diamond_shapes

  {

    gap : 20px 15px;

  }

    .margin_neg{

    margin-top:-12px;

  }



    .mt_2{

    margin-top: 15px;

  }

}



@media(max-width:700px)

{

   .custom-container

  {

    padding-left:0px!important;

  }



  .tps_diamond_shapes li .text_shape {

    top: 62px;

    }







}



.container_table

{

  max-width:1500px;

  width: 100%;

  margin: 0 auto;

}





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



/* Style the table */

.container_table {

  /* margin: 20px; */

}



table {

  width: 100%;

  border-collapse: separate; 

  border-spacing: 0; 

  /* background-color: #fff; */

}





/* .tr_first_row

{

  border:none;

  border-bottom: 2px solid 

}



.table-bordered>tbody>tr>td, 

.table-bordered>tbody>tr>th, 

.table-bordered>tfoot>tr>td, 

.table-bordered>tfoot>tr>th, 

.table-bordered>thead>tr>td, 

.table-bordered>thead>tr>th 

{

  border: none;

  border-bottom: 2px solid #f2f2f2;

} */





section#search_div {

    padding-bottom: 20px;

}



ul.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;

}

ul.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;

}

ul.brand-list.diamond_type.text-center li.active {

    background-color: #2c3746;

    color: #fff;

}

ul.brand-list.diamond_type.text-center li.active .border-box{

  color:#fff

}



div#mined_or_grown {

    padding-bottom: 20px;

    padding-top: 10px;

}

ul.brand-list.diamond_type.text-center li:hover {

    background-color: #2c3746;

    color: #fff;

}

ul.brand-list.diamond_type.text-center li:hover svg,

ul.brand-list.diamond_type.text-center li:hover .border-box{

  fill:#fff;

  color:#fff;

}



input[type="text"], 

input[type="number"] {

    border: 1px solid #ccc;

    width: inherit;

    margin-top:5px;

}





.clearfix:after, .clearfix:before{

    display: table;

    content: " ";

}



.range_group {

    flex: 1 auto;

}



.pt-4 {

    padding-top: 10px;

}

/* .dataTables_wrapper.no-footer .dataTables_scrollBody thead {

    display: none;

} */



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:before {

  content:'';

  -webkit-appearance: none;

  background-color: transparent;

  border: 2px solid #0079bf;

  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);

  padding: 10px;

  display: inline-block;

  position: relative;

  vertical-align: middle;

  cursor: pointer;

  margin-right: 5px;

}

 */

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);

}







table.dataTable.fixedHeader-floating thead,

div.dataTables_scrollHead table.table-bordered thead {

/* border: 0px; */

    background-color: #2c3746;

    color: #fff;

}

table.dataTable.fixedHeader-floating thead tr th, 

div.dataTables_scrollHead table.table-bordered thead tr th {

    border: 0px;

    /* padding: 15px 18px; */
text-align: center;
}

#example tr td {

    padding: 15px 5px;

    text-align:center;

}



div#example_paginate ul.pagination li.paginate_button.active a {

    background: #2c3746;

    color: #fff;

}

div#example_paginate ul.pagination li.paginate_button a{

  color: #2c3746;

}

.d-flex{

  display: flex;

}

.range-name {

  width: 90px;

  text-align: left;

  padding-right: 15px;

  padding-top: 10px;

  color: #003642;

  font-family: 'Brown', sans-serif;

  font-size: 15px;

  /* line-height: 70px; */

  margin: 15px 0;

  text-transform: uppercase;

}

.rang-name-shape{

  width: 85px;

}

.tps_inputrange_shape {

  margin: 15px 0;

}

.diamond-range-slider .irs-bar {

  height: 4px;

}

.diamond-range-slider .irs-line {

  height: 4px;

}

ul#tps_diamond_shapes li.active {

  border: 1px solid black !important;

  

}

ul#tps_diamond_shapes li {

  border: 1px solid transparent !important;

  

}