.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: #000000 !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: 10px;

    /* top: 0px; */

    width: 36px;

    z-index: 000;

    background-image: url(../../assets/images/fancybox_sprite.png);

}



/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



.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: 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: 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: #000000;

    border-radius: 0px;

}  */

.spacer-bottom.dataTables_button ul.dropdown-menu li:hover a {

    color: #fff !important;

    background-color: #000000;

    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: #000000;

    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: 15px;

    margin-top: 20px;

}



#grid-view .grid-view-products .box {

    max-width: 285px;

    width: 100%;

    border: 1px solid #ddd;

    background-color: #fff;

    border-radius: 5px;

    position: relative;

}



#grid-view .grid-view-products .box .box_btn {

    padding: 5px !important;

}



#grid-view .grid-view-products .box:hover {

    box-shadow: 1px 1px 9px 1px #1c346252;

}



#grid-view .grid-view-products .box .box_img {



    height: auto;

    margin: 0px auto auto auto;

    object-fit: contain;

}



#grid-view .grid-view-products .box .box_img img {

    width: 100%;

    height: 200px;

    margin: 0px auto auto auto;

    object-fit: contain;

}



#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 #04192a;

    /* 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: #04192a !important;

    color: #fff !important;

    box-shadow: 1px 1px 9px 1px #1c346252;

    opacity: 1;

    border-radius: 50%;

    vertical-align: inherit;

    border: 1px solid #04192a;

}



#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: #000000;

    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: 10px 8px;

    border-top: 1px solid #000000;

}



#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 #000000; */

    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 #121315;

    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: #012845;

    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 #000000;

    }



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

}



/*------------------ diamond grid box css --------------------*/

#grid-view #grid_diamond .card-box{

    position: relative;

    box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 0.05);

    text-align: center;

    background-color: #fff;

    flex: 0 0 22%;

    /* min-height: 400px; */

    border-radius: 0px;

    border: 1px solid #fff;

    border-radius: 10px;

    overflow: hidden;

    /* margin: 12px; */

    /* width: calc(25% - 24px); */

    padding-bottom: 10px;

    /* margin: 5px; */

}

#grid-view #grid_diamond .card-box .img-box{

    position: relative;

    display: flex;

    justify-content: center;

    align-items: center;

    border-bottom: 1px solid #7777772e;

}

#grid-view #grid_diamond .card-box .img-box img{

    max-width: 300px;

    width: 100%;

    height: 100%;

    min-height: 300px;

    object-fit: cover;

    padding: 0;

    aspect-ratio: 1/1;

}



.card-box .deatil_icon-diamond .icon-diamond {

    position: absolute;

    top: 50%;

    left: 0;

    right: 0;

    /* transition: opacity .6s cubic-bezier(.5,1,.89,1) .1s,transform .6s cubic-bezier(.5,1,.89,1) .1s!important; */

    transition: all 0.5s ease-in-out;

    transform: translateY(59%);

}



.deatil_icon-diamond .icon-diamond a {

    color: #010101;

    margin: 0px 10px;

    border: 1px solid #0a0a0a;

    padding: 5px;

    opacity: 0;

}

.deatil_icon-diamond span {

    display: flex;

    justify-content: center;

    gap: 6px;

}

#grid-view #grid_diamond .card-box:hover{

    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;

}

.card-box:hover .icon-diamond a {

    background-color: white !important;

    color: #000 !important;

    /* box-shadow: 1px 1px 9px 1px #4e638a52; */

    opacity: 1;

    line-height: 20px;

    padding: 11px 26px;

    vertical-align: inherit;

    text-decoration: none;

    width: 100%;

    font-size: 16px;

    border: 1px solid black;

}

.card-box .icon-diamond a:hover{

    background-color:#04192a !important;

    color:#fff !important;

}

.card-box:hover .deatil_icon-diamond .icon-diamond {

    transform: translateY(38%);

}

.card_deatil_jewery {

    min-height: 60px;

}

.card_deatil_jewery_description h5 {

    font-size: 16px;

    color: #5a5a5a;

    font-weight: 700;

    margin-bottom: 0;

    font-family: 'Nunito', sans-serif !important;

}