.blink {
	-webkit-animation: blink 1s linear infinite;
	-moz-animation: blink 1s linear infinite;
	-ms-animation: blink 1s linear infinite;
	-o-animation: blink 1s linear infinite;
	 animation: blink 1s linear infinite;
}

@keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
  @media (min-width: 768px) {
  .affix {
      top: 0;
      width: 100%;
      margin-top: 60px;
      
  }
  thead.affix {
      top: 0;
      width: 100%;
      margin-top: 95px;

  }

}
@media (max-width: 767px) {
    .affix {
        position: static;
    }
}
.table > tbody > tr {
font-size: 14px !important;
    font-weight: bold !important;
    padding: 5px 10px !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
}

 #myTable tr th {
    font-weight: bold !important;
    padding: 5px 18px !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
}
.col-md-2.margin-left {
    margin-left: -14px;
}
th, td{
    text-align: center;
}  
/*.labelShape.activeColor {    
   border: 2px solid #091931;

}*/
       /* input[type=checkbox] {     
          opacity: 0;
          display: none; 
          
       } */
       
       /* .tr_checkbox{
            opacity: 10 !important;
            display: block !important;
       } */
       /* .th_checkbox{
            opacity: 10 !important;
            display: block !important;
       } */
       .btn {
          white-space: normal !important;
          border-radius: 0px;
       }
       .SYD-ColorStyle {
          border: 2px solid #cccccc !important;
          cursor: pointer;
          display: inline-block;
          padding: 5px 15px !important;
          margin-right: -4px !important;
          margin-bottom: 2px !important;
          
      }
      .SYD-ColorStyle.active1 {    
         /*border-bottom: 3px solid #255180 !important;*/
         background-color: #091931 !important;
         color: #ffffff;
      }
      label.active {
          background: #333 !important;
      }
      .PaddingCut{
          padding: 4px 39px !important;
      }
      
      .pointerDiv{
         margin:0px;color:#540000; font-weight: bold; font-size: 13px; margin-left: 18px;
      }
      
      .DiamondtypeColor{
         margin:0px;width: 128px;;
      }
      
     .shapeColor{
      color: #666;
      font-family: "Open Sans",sans-serif;
      font-weight: normal;
      margin: 0;
    }
      
      
       .page-border {
            border: 1px solid #ccc;         
        }
    /*    h2{
            font-size: 15px !important;
            color: #540000 !important;
            font-weight: bold !important;
            text-align: center;
        }*/
        .border-top{
            border-top: 1px solid #d7d7d7;
        }
       /* .labelShape {
            border: 2px solid #b8b8b8 ;
            border-radius: 0% !important;
            cursor: pointer;
            display: inline-block;
            height: 62px !important;
            margin: 0px !important;
            max-width: 100% !important;
            text-align: center;
            width: 70px !important;
            background-size: contain;
			font-weight: normal;
		    color: #2a3f54;
        }*/
        .btn-gray {
            background: linear-gradient(#255180, #255180) repeat scroll 0 0%, none repeat scroll 0 0 #255180;
			background: -moz-linear-gradient(#255180, #255180) repeat scroll 0 0%, none repeat scroll 0 0 #255180;
			background: -webkit-linear-gradient(#255180, #255180) repeat scroll 0 0%, none repeat scroll 0 0 #255180;
            color: #fff;
			font-size:14px;
        }
		.btn-group-sm > .btn, .btn-sm{font-size:14px !important}
		.btn-gray:hover{
			background:#172d44;
			color:#FFF;
			}
        .trColor {
            background-color: #a0bde8 !important;
        }
/*        .shape_div > .col-md-1{
          margin-right: -25px;
        }
*/.lightPro th[scope=row] {
    background-color: #595959 !important;
    min-width: 90px !important;
    border: 1px solid #b8b8b8 !important;
    font: 11pt Cambria !important;
    color: white !important;
    font-weight: bold !important;
    text-align: left !important;
    vertical-align: middle !important;
    margin: 1px 1px 1px 1px !important;
    padding: 1px 1px 1px 1px !important;
    height: 0px !important;
}
.lightPro th{text-align: left;border: 1px solid #dbdbdb !important;padding: 6px !important; background-color: #D2A66E;color: #FFF;width: 135px  ;}
.lightPro table td {border: 1px solid #dbdbdb !important;  }
.lightPro td {
    background-color: transparent !important;
    /* font-weight: bold !important; */
    /* border: 1px solid #b8b8b8 !important; */
    font: bold 10pt !important;
    color: #000000 !important;
    /* vertical-align: middle !important; */
    padding: 6px !important;
    font-weight: bold !important;
    text-align: left !important;
    white-space: nowrap !important;
    text-align: left;
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
table.tablesorter thead tr .headerSortUp {
    background-image: url(../../js/custom/asc.gif) !important;
    }

table.tablesorter thead tr .headerSortDown {
         background-image: url(../../js/custom/desc.gif) !important; 
    }

table.tablesorter thead tr .header {
    position: relative;
}


table.tablesorter thead tr .header::after {
    background-image: url("../sort_neutral.png");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    content: "";
    cursor: pointer;
    height: 10px;
    position: absolute;
    right: 0;
    top: 11px;
    width: 10px;
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* h1, h2, h3, h4, h5, h6 {
        font-family: 'Open Sans',sans-serif;
        font-weight: 600 !important;
        margin: 0 ;
        margin-top: 15px;
        color: #444;
    }*/
    .fancybox-close {
        cursor: pointer;
        height: 36px;
        position: absolute;
        right: 10px;
        /* top: 0px; */
        width: 36px;
        z-index: 1;
        /* background-image: url(../../assets/images/fancybox_sprite.png); */
        color: #727272;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
        color: #fff;
    }

    #showcalc .fancybox-close {
        top: 2px;
    }

    .fancybox-close:hover{
        color: #fff!important;
    }
    /*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
	
.col-lg-11.shape_div {
    margin-bottom: 16px;
    margin-top: 20px;
}

.labelShape img {
    margin-bottom: 10px;
}


.col-md-2.margin-space {
    margin-left: -9px;
}

table.tablesorter thead tr .header::after {
    /* background-image: url("../sort_neutral.png"); */
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    content: "";
    cursor: pointer;
    height: 10px;
    position: absolute;
    right: -3px !important;
    top: 21px !important;
    width: 10px;
}



span.multiselect-native-select {
	position: relative
}
span.multiselect-native-select select {
	border: 0!important;
	clip: rect(0 0 0 0)!important;
	height: 1px!important;
	margin: -1px -1px -1px -3px!important;
	overflow: hidden!important;
	padding: 0!important;
	position: absolute!important;
	width: 1px!important;
	left: 50%;
	top: 30px
}
.multiselect-container {
	position: absolute;
	list-style-type: none;
	margin: 0;
	padding: 0
}
.multiselect-container .input-group {
	margin: 5px
}
.multiselect-container>li {
	padding: 0
}
.multiselect-container>li>a.multiselect-all label {
	font-weight: 700
}
.multiselect-container>li.multiselect-group label {
	margin: 0;
	padding: 3px 20px 3px 20px;
	height: 100%;
	font-weight: 700
}
.multiselect-container>li.multiselect-group-clickable label {
	cursor: pointer
}
.multiselect-container>li>a {
	padding: 0
}
.multiselect-container>li>a>label {
	margin: 0;
	height: 100%;
	cursor: pointer;
	font-weight: 400;
	padding: 3px 0 3px 30px
}
.multiselect-container>li>a>label.radio, .multiselect-container>li>a>label.checkbox {
	margin: 0
}
.multiselect-container>li>a>label>input[type=checkbox] {
	margin-bottom: 5px
}
.btn-group>.btn-group:nth-child(2)>.multiselect.btn {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px
}
.form-inline .multiselect-container label.checkbox, .form-inline .multiselect-container label.radio {
	padding: 3px 20px 3px 40px
}
.form-inline .multiselect-container li a label.checkbox input[type=checkbox], .form-inline .multiselect-container li a label.radio input[type=radio] {
	margin-left: -20px;
	margin-right: 0
  }

 

  .fa-plus-circle {
  font-size: 17px; 
  margin-top: 2px; 
  cursor: pointer;
  color: #02a602;
  height: 23px;
  width: 23px;
}
.fa-minus-circle {
  font-size: 17px; 
  margin-top: 2px; 
  cursor: pointer;
  color: #ee3733;
    height: 23px;
    width: 23px;
}


.btn-toggle-grey {background-color: #444; color: #fff !important;    padding: 5px 15px !important; text-transform: uppercase;}

.button-list {padding: 10px 0px 0px 10px;}

ul.list-style-none.button-list button , ul.list-style-none.button-list li  {
    padding: 10px !important;
    font-size: 11px;    margin-bottom: 5px; margin-right: 5px;line-height: 21px;
list-style-type: none;
float: left;
}

.expand-image {
    cursor: pointer;
    height: 233px;
    object-fit: contain;
}

.memo_M, .memo_M1{
  background-color: #FFF !important;
}
.memo_A2, .memo_M2{
  background-color: #FBF9DF !important;
}
.memo_A1{
  background-color: #73c2fb  !important;
}
.memo_A3{
  background-color: #ace372  !important;
}
.green{
  background-color: #a9d18e  !important;
}

.modal-100 .modal-dialog {
    width: 100% !important;
    display: block;
    margin-top: 30px !important;
    padding: 0 15px;
}

#showcalc span.blink_me.color-blue {
    font-weight: 900;
    font-size: 14px;
}
#showcalc .col-md-2 input[type="text"] {
    width: 60px;
}

#showcalc .modal-header h5 {
    font-size: 16px;
    line-height: 20px;
    color: #FFF;
    font-weight: 700;
        margin: 0px;
}

#showcalc .modal-body {
    position: relative;
    padding: 10px;
    padding-bottom: 0 !important;
}

#showcalc table#finalcaltbl h5 {
    margin: 0px;
        text-align: center;
}

#showcalc table#finalcaltbl thead tr {
    background-color: #444444;
}

#showcalc table#finalcaltbl td.border_right{
    border: none;
    border-right: 1px solid #ccc;
}

#showcalc table#finalcaltbl thead tr th{background-color:#CCC; color:#fff; font-size:12px; font-weight: bold;}
#showcalc table#finalcaltbl thead tr.showcalc#trdeatil th{background-color: #D2A66E;}
#showcalc .modal-header {border-bottom: 0px ;} 
#showcalc tbody tr td {
    text-align: center;
/*    font-weight: 900;*/
}

 ul.dropdown-menu li {
    display: block;
}

/* ul.dropdown-menu {
    background-color: transparent !important;
    min-width: 80px;
    padding: 0px;
    border: 0px;
    box-shadow: none;
        margin-top: 0px;
}*/
 ul.dropdown-menu li:hover a{
    color: #fff !important;
    background-image: linear-gradient(90deg, rgba(0,0,74,1) 0%, rgba(0,59,168,1) 100%)s;
    border-radius: 0px;
} 

img.whatsapp-icon {
    width: 18px;
}

.show-calc-popup {
  max-width: 100%;
}
.tr_selected {
     background-color: #CCC !important;
}



/* new css */

.spacer-bottom.dataTables_button.show {margin-top: 0;}

.spacer-bottom.dataTables_button {text-align: center !important; line-height: 46px; }

.spacer-bottom.dataTables_button.show ul.dropdown-menu {
    background-color: #fff !important;
    max-width: 155px;
    padding: 0px;
    border: 0px;
    box-shadow: none;
    margin-top: 0px;
    /* transform: translate(35px, 50px) !important; */
    top: 0 !important;
    float: none;
    margin: auto;
    width: 100%;
    z-index: 15;
    box-shadow: 1px 1px 5px 5px #c79f5847;
    /* left: 52px !important; */
}
.spacer-bottom.dataTables_button ul.dropdown-menu li.btn {
    text-align: justify;
    padding: 4px;
}
.spacer-bottom.dataTables_button ul.dropdown-menu li a {
    background-color: #c79f58;
    width: 100%;
    margin: 2px 0px;
    font-size: 11px;
    border-radius: 3px;
    color: #fff;
    font-weight: 600;
    padding: 10px 5px;
    text-transform: uppercase;
    display: block;
    text-align: center;
}

/* Grid view start */
#grid-view .custom-1500 {
    max-width: 1800px;
    width: 100%;
    margin: auto;
    padding:0px 30px;
}
#grid-view .grid-view-products {
    display: flex;
    /* justify-content: center; */
    flex-wrap: wrap;
    gap: 20px;
    margin-top:20px;
}

#grid-view .grid-view-products.cart-product{
    gap: 0!important;
}

.grid-view .cart-product .box{
        width: calc(25% - 16px)!important;
    margin: 8px;
}

#grid-view .grid-view-products .box {
    width: 300px;
    border: 1px solid #ddd;
    background-color: #fff;
    border-radius: 5px;
   position: relative;
}
/* #grid-view .grid-view-products .box:hover {
    box-shadow: 1px 1px 9px 1px #c79f5852;
} */
#grid-view .grid-view-products .box .box_img {
    width: 250px;
    height: 250px;
    margin: 0px auto 12px auto;
    object-fit: contain;
}
#grid-view .grid-view-products .box .icon a i{
    font-size: 18px;
    color: #000!important;
}
#grid-view .grid-view-products .box .icon a {
    padding: 10px;
    background: #fff;
    padding: 5px;
    border-radius: 0px;
    opacity: 0;
    width: 46px;
    height: 46px;
    text-align: center;
    line-height: 40px;
    border-radius: 3px;
    box-shadow: 0 0 2px lightgray;
}
#grid-view .grid-view-products .box:hover .icon a {
    /* background: #c79f58; */
    /* box-shadow: 1px 1px 9px 1px #c79f5852; */
    opacity: 1;
}
#grid-view .grid-view-products .box:hover .icon a i{color: #fff;}
#grid-view .grid-view-products .box:hover .box_img{
    opacity:0.3;
}
#grid-view .grid-view-products .box .icon {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transition: all .5s ease-in-out;
    transform: translateY(-50%);
}
#grid-view .box:hover .icon{
    translate: 0px -30px;
}
#grid-view .icon a i{
    font-size: 20px;
    width: 20px;
    height: 20px;
}

#grid-view .inner_details {
    min-height: 35px;
    color: #c79f58;
    padding: 0px 5px;
    font-weight: 400;
    flex-wrap: wrap;
    gap: 6px;
}
/* #grid-view .grid-view-products .box .box_detail {
    padding: 10px 10px;
    border-top: 1px solid #c79f58;
} */
#grid-view .grid-view-products .box .box_detail .inner_details span.price {
    font-size: 14px;
    font-weight: 700;
    color: #000000;
}
#grid-view .inner_details .shape, #grid-view .inner_details .carat, #grid-view .inner_details .color, #grid-view .inner_details .clarity {
    /* height: 20px; */
    border-right: 1px solid #000000;
    color: #000000;
    padding:0 8px;
    white-space: normal;
    width: auto;
    font-size: 14px;
    /* justify-content: space-between; */
}

#grid-view .inner_details .cart-contact {
    margin-top: 3px;
}

/* #grid-view .inner_details .shape{
    border-left: 1px solid #000000;
} */

/* #grid-view .inner_details .clarity{
    color: #000000;
} */

/* .clarity{width: 25%!important;} */

#grid-view .inner_details span.lab a {
    color: #c79f58;
    font-weight: 600;
    text-decoration: underline;
    font-size: 16px;
}



.cart-heading-gemstone{
    font-size: 24px;
    margin: 0;
    /* padding-top: 30px; */
}
.gemstone-cart-head {
    margin-top: 25px;
}

.cart-heading-diamond{
    font-size: 24px;
    margin: 0;
    padding-top: 0px;
}


/* Grid view end */

.justify-end{
    justify-content: end;
}



/*  new css datatable */

body #example_wrapper table tr th {
    border: 0px solid !important;
    border-collapse: separate;
}
/* table.tablesorter thead tr .header::after {
    background-image: url(../sort_neutral.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    content: "";
    cursor: pointer;
    height: 10px;
    position: absolute;
    right: 3px !important;
    top: 8px !important;
    width: 10px;
} */

#show_calc_tbody .color-blue {
    border-bottom: 1px solid #CCC;
}

@media (max-width:425px){
    #grid-view .custom-1500 {
        padding: 0px 10px;
    }
}


/* -------------search view------------ */
.container .Searchheading h2{font-size: 40px;}
.container .Searchheading{
  padding: 0 20px ;
}

.search-product {
    justify-content: center !important;
    gap: 12px!important;
}

.search-product .heading{
  flex:  0 100%;
}

.search-product .heading h1{
    font-size: 24px;
  }

  .search-product .box{
    border: 1px solid #ddd;
    
  }

  .search-product .box .box_img,.cart-product .box_img{
    background: #f8fafc!important;
    margin: 0!important;
    padding: 14px;
    width: 100%!important;
    /* height: auto!important; */
    margin-bottom: 10px!important;
    /* border-radius: 20px!important; */
  }

  .search-product .box .box_img img , .cart-product .box_img img{
    width: 100%!important;
    height: 100%!important;
    object-fit: contain;
  }

  .search-product .box .box_detail,.cart-product .box_detail{
    border-top: none!important;
    padding: 0 10px 10px!important;
  }

  .search-product .box .inner_details span{
    display: block;
    border-right: none!important;
    padding: 0 !important;
    line-height: 22px!important;
  }

  .search-product .box .inner_details .shape{
    
    color: rgb(100 116 139)!important;
    font-weight: 500;
    letter-spacing: 0.8px;
  }

  .search-product .box .inner_details .color{
    color: #262626!important;
    font-weight: 500;
    letter-spacing: 0.8px;
  }

  .search-product .box .inner_details .price {
    font-size: 14px!important;
    font-weight: 700!important;
}


.search-product .box .icon a {
    color: #000000!important;
    background: #fff!important;
}

/* ------------cart product-------- */

.cart-product .inner_details{
    min-height: 0!important;
    padding: 0!important;
}

.cart-product .inner_details span{
    padding: 0!important;
    border-right: none!important;
    line-height: 22px!important;
}

.cart-product .inner_details .lab{
    color: rgb(100 116 139)!important;
    font-weight: 500;
    letter-spacing: 0.8px;
    font-size: 14px;
}


@media (max-width:1220px){
    .grid-view .cart-product .box {
        width: calc(33.33% - 16px)!important;
        margin: 8px;
    }
}

@media (max-width:992px){
    .grid-view .cart-product .box {
        width: calc(50% - 16px)!important;
        margin: 8px;
    }
}

@media (max-width:550px){
    .grid-view .cart-product .box {
        width: 100%!important;
        margin: 20px 28px;
    }
}

@media (max-width:425px){
    .grid-view .cart-product .box {
        width: 100%!important;
        margin: 10px 0;
    }

    .cart-section #grid-view .custom-1500 {
        padding: 0;
    }
}
.cart-remove-btn {
    background: #D2A66E;
    border-radius: 5px;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    outline: none;
    border: 1px solid #D2A66E;
    padding: 5px 10px;
    color: white;
}
.cart-remove-btn:hover {
    background: #fff;
    color: #D2A66E;
}