body {
    color: #18132c;
}

/*------ sp-step-wrapper -------*/
.sp-steps {
    background: #f2f2f2;
    border: 1px solid #d9d9d9;
}

.step-text .sp-links {  
    color: #7f7b79;
}

.step-img {
    background: #fff;
}

.step-number {
    color: #18132c;
    background: #dfdfdf;
}

/*
.step-number.active {
    background: #18132c;
    color: #fff;
}
*/


.step-top-icon a {
    background: #E6E6E6;
}

.step-top-icon a:hover {
    background: #dfdfdf;
}

.step-top-img {
    border: 2px solid #E6E6E6;
}


.sp-diamondt-links {
    background: #f2f2f2;
}

.sp-diamondt-links a {
    color: #18132c;
}

.sp-diamondt-links a.active {
    color: #fff;
    background: #18132c;
}



/*------ sp-step-wrapper -------*/
/*------ sp-diamond-filter -------*/
.irs--round .irs-grid-text {
    color: #666;
}

.irs--round .irs-handle {
    background: #18132c;
    border: 3px solid #FFFFFF;
    box-shadow: 0px 1px 4px rgba(79, 145, 207, 0.45);
}

.irs--round .irs-handle.state_hover,
.irs--round .irs-handle:hover {
    background-color: #18132c;
}

.irs--round .irs-from::before,
.irs--round .irs-to::before,
.irs--round .irs-single::before {
    border-top-color: #18132c;
}

.irs--round .irs-from,
.irs--round .irs-to,
.irs--round .irs-single {
    background-color: #18132c;
}

.irs--round .irs-bar {
    background-color: #18132c;
}

.sp-diam-filt-controls input {
    border: 2px solid #C4C4C4;
    color: #18132c;
}

.sp-diamcont-group span {
    background: #c4c4c4;
    border: 2px solid #c4c4c4;
}

.sbd-shapes .sbd-shape-box .shape-title {
    color: #666;
}

.sbd-shapes .sbd-shape-box .img-bx {
    box-shadow: 0px 2px 14px rgba(57, 97, 187, 0.14);
}

.sbd-shapes .sbd-shape-box input:checked + .img-bx {
    /*    background: #18132c;*/
    border: 2px solid #18132c;
}

.sbd-shapes .sbd-shape-box input:disabled + .img-bx {
    /*    background: #18132c;*/
    opacity: 0.5;
}

.sbd-shapes .sbd-shape-box:hover input:disabled + .img-bx {
    /*    background: #18132c;*/
    border: inherit;

}

.sbd-shapes .sbd-shape-box input:disabled {
    -webkit-cursor: no-drop;
    -moz-cursor: no-drop;
    -o-cursor: no-drop;
    cursor: no-drop;
}

.sbd-shapes .sbd-shape-box:hover input:disabled ~ .shape-title {
    /*    background: #18132c;*/
    color: #666;

}


.sbd-shapes .sbd-shape-box:hover .img-bx {
    /*    background: #18132c;*/
    border: 2px solid #18132c;
}

.sbd-shapes .sbd-shape-box input:checked ~ .shape-title {
    color: #18132c;
}

.sbd-shapes .sbd-shape-box:hover .shape-title {
    color: #18132c;
}


/*------ sp-diamond-filter -------*/
/*------ sp-advance -------*/
.sp-advance {
    background: #F8F8F8;
}

.sp-advance-btn:hover {
    background: #e0e0e0;
}

.sp-advance-btn:hover::before {
    color: #18132c;
}

.sp-advance-btn {
    border: 2px solid #e0e0e0;
    background: transparent;
}

.sp-advance-btn::before {
    color: #a4a4a4;
}

.total-item-found span {
    color: #575757;
}

.reset-btn {
    background: #18132c;
    color: #fff;
}

.reset-btn:hover {
    background: #18132c;
}

.gl-view {
    background: #18132c;
    color: #fff;
}

/*------ sp-advance -------*/
/* --------- dimaond-list-product --------- */

.dp-pro-desc {
    color: #2a2a2a;
}

.dp-desc-bottom .dp-pro-price del {
    color: #b3b3b3;
}

/*
.dp-icon-box {
    background: linear-gradient(180deg, rgba(251, 173, 123, 0.6) 0%, #FFF 100%);
}
*/

.dp-icon-box span {
    background: #fff;
    box-shadow: 0 0px 3px #d6d6d6;
}

.dp-icon-box span:hover {
    background: #18132c;
    color: #fff;
}

.dproduct-box:hover {
    box-shadow: 0 1px 7px #dbdbdb;
}

/* --------- dimaond-list-product --------- */
/* --------- dimaond-pagination --------- */
.diamond-pagination ul li a {
    color: #18132c;
}

.diamond-pagination ul li a:hover {
    background: #18132c;
    color: #fff;
}

.diamond-pagination ul li a.active {
    background: #18132c;
    color: #fff;
}

.diamond-pagination ul li:first-child a,
.diamond-pagination ul li:last-child a {
    border: 1px solid #DDEDF4;
}

.diamond-pagination ul li:first-child a:hover,
.diamond-pagination ul li:last-child a:hover {
    background: #fff;
    color: #18132c;
    box-shadow: 0 0px 15px #cbcbcb;
}

.step-text i {
    background: #18132c;
    color: #fff;
}

.dcolproduct {
    background: #fff;
    box-shadow: 0 0 5px #ddd;
}


/* --------- dimaond-pagination --------- */
/*---------------- diamond-accordion --------------*/
.sp-diamond-filter .accordion-button:not(.collapsed) {
    color: #18132c;
    background-color: #dfdfdf;
    box-shadow: none;
}

.sp-diamond-filter .accordion-button {
    box-shadow: none;
    outline: none;
    border: none;
    background: #f2f2f2;
}

/*---------------- diamond-accordion --------------*/
/*---------------- diamond-table --------------*/
.table-wrapper .table-wrap-header {
    background: #18132C;
    color: #fff;
}

.table-wrap-inner {
    background: #fff;
    box-shadow: 0px 2px 14px rgba(57, 97, 187, 0.14);
}

.table-wrap-inner:hover {
    background: #dfdfdf;
}

.table-wrapper .table-wrap-header .thead-items::after {
    background: #797782;
}

.table-wrapper .table-wrap-inner .tbody-items::after {
    background: #e9e9e9;
}

/*---------------- diamond-table --------------*/
/*---------------- diamond-v2-filter --------------*/
/*
.sbd-shapes .sbd-shape-box input:checked + .filt-value-bx {
    background: #18132c;
    border-color: #18132c;
}
*/
.sbd-shapes .sbd-shape-box input:checked + .filt-value-bx {
    background: #18132c;
    border-color: #18132c;
    color: #fff;
}

.sbd-shapes .sbd-shape-box input:checked + .filt-value-bx h4 {
    color: #fff;
}

.sbd-shapes .filt-value-bx {
    border: 1px solid #18132c;
}


/*---------------- diamond-v2-filter --------------*/
/*---------------- ddetail-wrapper --------------*/
.zoom-gallery .selectors .ddetail-nav-item {
    border: 2px solid #B5B5B5;
}

.zoom-gallery .selectors a:hover,
.zoom-gallery .selectors a.active {
    border-color: #18132c;
}

.ddetail-desc .dd-product-price {
    color: #18132c;
}

.ddetail-desc .dd-product-price del {
    color: #b3b3b3;
}

.dd-border {
    border: 1px solid #E8E8E8;
}

.dd-product-button a {
    border: 1px solid #18132c;
}

.dd-schedule-button a {
    border: 1px solid #18132c;
}

.dd-product-button a:first-child {
    background: #18132c;
    color: #fff;
}

.dd-product-button a:last-child {
    border-color: #18132c;
}

.dd-product-button a:hover {
    background: #18132c;
    color: #fff;
}

.dd-schedule-button a:hover {
    background: #18132c;
    color: #fff;
}

/*
.dd-product-share-opt a:last-child {
    background: #18132c;
    color: #fff;
}*/

.dd-product-gia a {
    border: 1px solid #b3b3b3;
}

.dd-product-gia a:hover {
    border-color: #18132c;
}

.you-might-slider .slick-arrow {
    background: #fff;
    color: #18132c;
    border: 2px solid #DDEDF4;
}

.you-might-slider .slick-arrow:hover {
    background: #18132c;
    border-color: #18132c;
    color: #fff;
}

.modal-header .btn-close {
    background-color: #f5f5f5;
    color: #18132c;
    box-shadow: none;
}

.modal-header .btn-close:hover {
    background-color: #d7d7d7;
    color: #18132c;
    box-shadow: none;
}

.form-control:hover,
.form-control:focus {
    box-shadow: none;
    border-color: #18132c;
}

.drop-hint-submit {
    background: #18132c;
    color: #fff;
}

.dh-submit-btn button.drop-hint-cancel {
    background: #E9E9ED;
    border: 1px solid #E9E9ED;
}

.dh-submit-btn button.drop-hint-reset {
    background: transparent;
}

.dh-submit-btn button {
    border: 1px solid #000;
}

.dring-might .dp-img-box::before {
    background: #212123;
}

.ring-list-product .dp-img-box::before {
    background: #212123;
}

.cr-dring-price a {
    color: #b3b3b3;
}

/*---------------- metal color --------------*/
.sbd-shapes .sbd-shape-box p.white-gold {
    background: linear-gradient(121.92deg, #F7F7F7 17.94%, #C0C0C0 84.82%);
}

.sbd-shapes .sbd-shape-box p.yellow-gold {
    background: linear-gradient(121.92deg, #FFF5D5 17.94%, #D29F00 84.82%);
}

.sbd-shapes .sbd-shape-box p.rose-gold {
    background: linear-gradient(121.92deg, #FFE8E8 17.94%, #FF8080 84.82%);
}

.sbd-shapes .sbd-shape-box p.platinum {
    background: linear-gradient(121.92deg, #F7F7F7 17.94%, #8E8E8E 84.82%);
}
 /* start fine jewelry dropdown metal color */
.sbfilter-shapes p.white-gold {
	background: linear-gradient(121.92deg, #F7F7F7 17.94%, #C0C0C0 84.82%);
}
.sbfilter-shapes p.yellow-gold {
    background: linear-gradient(121.92deg, #FFF5D5 17.94%, #D29F00 84.82%);
}

.sbfilter-shapes p.rose-gold {
    background: linear-gradient(121.92deg, #FFE8E8 17.94%, #FF8080 84.82%);
}

.sbfilter-shapes p.platinum {
    background: linear-gradient(121.92deg, #F7F7F7 17.94%, #8E8E8E 84.82%);
}
.sbfilter-shapes p.others {
    background: #f4f4f4;
    background: -moz-linear-gradient(left, #f4f4f4 0%, #dcb230 33%, #ff8787 66%, #aaaaaa 100%);
    background: -webkit-linear-gradient(left, #f4f4f4 0%, #dcb230 33%, #ff8787 66%, #aaaaaa 100%);
    background: linear-gradient(to right, #f4f4f4 0%, #dcb230 33%, #ff8787 66%, #aaaaaa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#aaaaaa', GradientType=1);
}
/*  end fine jewelry dropdown metal color */

/*
.sbd-shapes .sbd-shape-box p.other {
background: linear-gradient(90deg, rgba(192,192,192,1) 31%, rgb(238 213 134) 35%, rgb(255 128 128 / 79%) 100%)
}
*/
.sbd-shapes .sbd-shape-box p.others {
    background: #f4f4f4;
    background: -moz-linear-gradient(left, #f4f4f4 0%, #dcb230 33%, #ff8787 66%, #aaaaaa 100%);
    background: -webkit-linear-gradient(left, #f4f4f4 0%, #dcb230 33%, #ff8787 66%, #aaaaaa 100%);
    background: linear-gradient(to right, #f4f4f4 0%, #dcb230 33%, #ff8787 66%, #aaaaaa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#aaaaaa', GradientType=1);
}

/*---------------- metal color --------------*/
@media (min-width:768px) {
    .sp-steps.step-active {
        background: #18132c;
        border-color: #18132c;
    }

    .sp-steps.step-active .step-number {
        color: #18132c;
        background: #fff;
    }

    .sp-steps.step-active .step-text h3 {
        color: #fff;
    }
}

@media (max-width:767px) {
    .sp-step-wrapper {
        border: 1px solid #18132c;
        background: #f2f2f2;
    }


    .sp-step-wrap-inner:nth-child(1)::before,
    .sp-step-wrap-inner:nth-child(2)::before {
        border-color: transparent transparent transparent #18132c;
    }

    .sp-step-wrap-inner:nth-child(1)::after,
    .sp-step-wrap-inner:nth-child(2)::after {
        border-color: transparent transparent transparent #f2f2f2;
    }
}

@media (max-width:575px) {
    .sp-diamondt-links a {
        border: 1px solid #18132c;
    }

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