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

    #grid-view .grid-view-products {
        gap: 10px !important;
    }
}

.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,.tr_checkbox-j,.tr_checkbox-m {
    opacity: 10 !important;
    display: block !important;
}

.th_checkbox,.th_checkbox-j,.th_checkbox-m {
    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;
    ;
}

.Custom-DiamondtypeColor {
    margin: 10px;
}

.Custom-Diamondtypebutton {
    margin-top: 10px !important;
}

.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 td {
    background-color: #d9d9d9 !important;
    /* font-weight: bold !important; */
    border: 1px solid #b8b8b8 !important;
    width: 120px !important;
    font: bold 10pt Cambria !important;
    color: #013666!important;
    /* vertical-align: middle !important; */
    padding: 2px !important;
    font-weight: bold !important;
    text-align: left !important;
    white-space: nowrap !important;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
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: -20px;
    top: -15px;
    color: #000;
    /* background: 36px; */
    z-index: 000;
    background-image: url(../../assets/images/fancybox_sprite.png);
    background: #fff;
    border-radius: 50%;
    border: 1px solid #ccc;
    width: 36px;
    text-align: center;
    z-index: 1;
    padding: 5px;
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.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("../plugins/datatables/images/sort_both.png"); */
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    content: "";
    cursor: pointer;
    height: 10px;
    position: absolute;
    right: 3px !important;
    top: 15px !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: 350px;
    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: 14px;
    line-height: 20px;
    color: #444;
    font-weight: 700;
    margin: 0px;
}

#showcalc .modal-body {
    position: relative;
    padding: 10px;
}

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

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

#showcalc table#finalcaltbl thead tr th {
    background-color: #444;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

#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-color: #013666;
    border-radius: 0px;
}  */
.spacer-bottom.dataTables_button ul.dropdown-menu li:hover a {
    color: #fff !important;
    background-color: #013666;
    border-radius: 0px;
}

.email-us-dropdown-btn:focus-visible,
.with-price-dropdown-btn:focus-visible {
    border-radius: 5px 5px 0 0 !important;
    border: none;
}
.email-friend-dropdown-btn:focus-visible,
.without-price-dropdown-btn:focus-visible {
    border-radius: 0 0 5px 5px !important;
}
.email-us-dropdown-btn:active,
.with-price-dropdown-btn:active {
    border: none;
    border-radius: 5px 5px 0 0;
}
.email-friend-dropdown-btn:active,
.without-price-dropdown-btn:active{
    border: none;
    border-radius: 0 0 5px 5px;
}
li.btn.email-friend-dropdown-btn:hover a,
li.btn.without-price-dropdown-btn:hover a {
    border-radius: 0 0 5px 5px !important;
}
li.btn.with-price-dropdown-btn:hover a {
    border-radius: 5px 5px 0 0 !important;
}
li.btn.email-us-dropdown-btn:hover a {
    border-radius: 5px 5px 0 0 !important;
}
img.whatsapp-icon {
    width: 18px;
}

.show-calc-popup {
    max-width: 100%;
}

.tr_selected,.tr_selected-j,.tr_selected-m  {
    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 #1c346247;
    /* left: 52px !important; */
}

.spacer-bottom.dataTables_button ul.dropdown-menu li.btn {
    text-align: justify;
    padding: 0px;
}

.spacer-bottom.dataTables_button ul.dropdown-menu li a {
    /* background-color: #fff; */
    width: 100%;
    /* margin: 2px 0px; */
    font-size: 11px;
    color: #013666;
    font-weight: 600;
    padding: 10px 0px;
    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;
}

.custom-1500 .custom-search-page {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.custom-search-page svg {
    fill: #bbb8b880;
    max-width: 300px;
    width: 100%;
    height: auto;
}

.custom-search-page h1 {
    font-size: 37px;
    color: #bbb8b880;
}

#grid-view .grid-view-products {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 20px;
    
}

#grid-view .grid-view-products .box {
    max-width: 299px;
    width: 100%;
    /* border: 1px solid #ddd; */
    background-color: #fff;
    border-radius: 5px;
    position: relative;
    /* flex: 0 0 18%; */
    box-shadow: 0px 0px 12px 3px #eee;
}
#grid-view .grid-view-products .box .box_btn {
    padding: 5px !important;
}

.dia_box:hover {
    box-shadow: 1px 1px 7px 3px #ddd !important;
}

#grid-view .grid-view-products .box .box_img {
    height: auto;
    margin: 0px auto auto auto;
    object-fit: contain;
    padding: 0px 10px 10px 10px;
}
#grid-view .grid-view-products .box .box_img img {
    width: 300px;
    height: 300px;
    margin: 0px auto auto auto;
    object-fit: cover;
}
#grid-view .grid-view-products .box .icon {
    position: absolute;
    top: 44%;
    left: 0;
    right: 0;
    transition: all .10s cubic-bezier(0, 0.5, 0.5, 0.42);
    transform: translateY(90%);
}

#grid-view .box:hover .icon {
    transform: translateY(5px);
}

#grid-view .grid-view-products .box .icon a {
    color: #1e2023;
    margin: 0px 10px;
    border: 1px solid black;
    /* padding: 5px; */
    border-radius: 0px;
    opacity: 0;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

#grid-view .grid-view-products .box:hover .icon a {
    background-color: #013666 !important;
    color: #fff !important;
    box-shadow: 1px 1px 9px 1px #1c346252;
    opacity: 1;
    border-radius: 50%;
    vertical-align: inherit;
    border: 1px solid #013666;
}

/* #grid-view .grid-view-products .box:hover .box_img {
    opacity: 0.3;
} */

#grid-view .icon a i {
    font-size: 18px;
    vertical-align: middle;
    padding: 4px 4px;
}

/* #grid-view .icon a:hover i{
    color: black;
} */
#grid-view .inner_details {
    min-height: 35px;
    color: #013666;
    padding: 0px 5px;
    font-size: 14px;
    font-weight: 400;
    align-items: center;
    justify-content: space-between !important;
}

#grid-view .grid-view-products .box .box_detail {
    padding: 5px 8px;
    /* border-top: 1px solid #013666; */
}

#grid-view .grid-view-products .box .box_detail .inner_details span.price {
    font-size: 15px;
    font-weight: 700;
}

#grid-view .inner_details .shape,
#grid-view .inner_details .carat,
#grid-view .inner_details .color,
#grid-view .inner_details .clarity {
    overflow: hidden;
    padding-right: 15px;
    /* border-right: 1px solid #013666; */
    margin-right: 8px;
    white-space: normal;
    cursor: pointer;
    white-space: nowrap;
}
#grid-view .inner_details.inner_details-m .shape,
#grid-view .inner_details.inner_details-m .carat,
#grid-view .inner_details.inner_details-m .color,
#grid-view .inner_details.inner_details-m .clarity {
    padding-right: 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;
}

#list_diamond table tr th input[type=checkbox],
#list_diamond table tr td input[type=checkbox],
#grid_diamond input[type=checkbox],
#listView input[type=checkbox] {
    position: relative;
    border: 2px solid #013666;
    border-radius: 50%;
    background: none;
    cursor: pointer;
    line-height: 0;
    margin: 0 .6em 0 0;
    outline: 0;
    padding: 0 !important;
    vertical-align: text-top;
    height: 16px;
    margin: auto;
    width: 16px;
    -webkit-appearance: none;
    opacity: .5;
}

#list_diamond table tr th input[type=checkbox]:hover,
#list_diamond table tr td input[type=checkbox]:hover,
#grid_diamond input[type=checkbox]:hover,
#listView input[type=checkbox]:hover {
    opacity: 1;
}

.product-details .list-view .table th input[type=checkbox]:checked,
.product-details .list-view .table th input[type=checkbox]:checked:before,
#list_diamond table tr th input[type=checkbox]:checked:before,
#list_diamond table tr th input[type=checkbox]:checked,
#list_diamond table tr td input[type=checkbox]:checked:before,
#list_diamond table tr td input[type=checkbox]:checked,
#grid_diamond input[type=checkbox]:checked,
#grid_diamond input[type=checkbox]:checked:before,
#listView input[type=checkbox]:checked,
#listView input[type=checkbox]:checked:before {
    background-color: #013666;
    opacity: 1;
}

#list_diamond table tr th input[type=checkbox]:before,
#list_diamond table tr td input[type=checkbox]:before,
#grid_diamond input[type=checkbox]:before,
#listView input[type=checkbox]:before {
    content: '';
    position: absolute;
    right: 50%;
    opacity: 0;
    top: 50%;
    width: 6px;
    height: 10px;
    border: solid #FFF;
    border-width: 0 2px 2px 0;
    margin: -1px -1px 0 -1px;
    transform: rotate(45deg) translate(-50%, -50%);
    z-index: 0;
}

#listView input[type=checkbox],
body #list_diamond table tr th input[type=checkbox],
body #list_diamond table tr td input[type=checkbox] {
    background-color: #fff;

}

a.gia_link {
    text-decoration: none;
    color: black;
}

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

@media(max-width:768px) {
    #grid-view .grid-view-products {
        margin-bottom: 20px;
    }

    .tps_filter label {
        font-weight: 600;
        font-size: 15px;
    }
}

@media(max-width:969px) {
    #grid-view .grid-view-products {
        gap: 10px;
    }
}

@media(max-width:950px) and (min-width:800px) {
    #grid-view .grid-view-products .box {
        max-width: 219px;
        width: 100%;
    }

    #grid-view .inner_details .shape,
    #grid-view .inner_details .carat,
    #grid-view .inner_details .color,
    #grid-view .inner_details .clarity {
        padding-right: 10px;
        margin-right: 8px;
        font-size: 12px;
    }

    #grid-view .grid-view-products .box .box_detail {
        padding: 10px 0px;
        border-top: 1px solid #013666;
    }

    #grid-view .grid-view-products .box .box_detail .inner_details span.price {
        font-size: 15px;
        font-weight: 600;
    }
}

@media(max-width:670px) and (min-width:550px) {

    #grid-view .inner_details .shape,
    #grid-view .inner_details .carat,
    #grid-view .inner_details .color,
    #grid-view .inner_details .clarity {
        padding-right: 0px;
    }

    /* #grid-view .grid-view-products .box {
        max-width: 210px;
        width: 100%;
    } */
    #grid-view .inner_details {
        font-size: 13px;
    }

    #productDetails .px-5 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .table-design .px-5 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
}

@media(max-width:550px){
    #grid-view .inner_details .shape,
    #grid-view .inner_details .carat,
    #grid-view .inner_details .color,
    #grid-view .inner_details .clarity {
        margin-right: 0px;
    }
}

@media(max-width:505px) {
    #productDetails .container-fluid.px-5.view.d-flex.justify-content-between {
        padding: 15px !important;
        justify-content: center !important;
    }

    #productDetails .views_btn {
        margin-top: 13px;
    }
}

@media(max-width:344px) {

    #grid-view .inner_details .shape,
    #grid-view .inner_details .carat,
    #grid-view .inner_details .color,
    #grid-view .inner_details .clarity {
        margin-right: -4px;
    }
}

.stone-found-custom {
    margin-left: 35px;
}

a#shortLink,
a.email_us-dropdown-btn {
    border-bottom: 1px solid #ccc;
}
div#example_length,
div#example_filter,
div#example_info,
div#example_paginate {
    display: none;
}


/* 🔥 REMOVE BOOTSTRAP TABLE BORDERS */
#DiamondDetail .table,
#DiamondDetail .table tr,
#DiamondDetail .table td,
#DiamondDetail .table th {
    border: none !important;
    box-shadow: none !important;
}

/* remove striped effect */
#DiamondDetail .table-striped > tbody > tr:nth-of-type(odd) td {
    background-color: #f9f9f9!important;
    font-weight: 500;
}
/* remove row bottom lines */
#DiamondDetail .table > tbody > tr > td,
#DiamondDetail .table > tbody > tr > th {
    border-top: none !important;
}

/* remove vertical separators */
#DiamondDetail td {
    border-right: none !important;
    border-bottom:1px solid #ccc !important;

}

/* spacing clean */
#DiamondDetail .table td {
    padding: 7px 8px !important;
    font-size: 14px !important;
}
#quick_detail_modal .modal-dialog {
  
    max-width: 1600px !important;
    width: 100% !important;
}