/*
 * AMIPI PAGE CSS: diamonds
 * Generated from css/style.css, css/color-scheme.css and css/responsive.css.
 * Rules marked MOVE are removed from global CSS. Shared dependencies are copied here
 * but intentionally remain global during this phased migration to protect other pages.
 * Desktop, theme-color and responsive rules for this page are kept together here.
 */

/* ===== Page rules sourced from css/style.css ===== */
.dia-filter .save-search-con {display: inline-block; padding: 20px 0 }.dia-filter .filter-adv-btn {float: right; color: #2c3b5b; font-weight: 400; font-size: 24px; text-decoration: none; margin: 0; outline: 0; padding: 0 0 0 35px; left center no-repeat; white-space: nowrap }.dia-filter .filter-adv-btn:before {font-family: FontAwesome; content: ""; color: #fed700; display: inline-block; padding-right: 3px; vertical-align: middle }.dia-filter .filter-adv-btn.collapsed {float: right; color: #2c3b5b; font-weight: 400; font-size: 24px; text-decoration: none; margin: 0; outline: 0; padding: 0 0 0 35px; left center no-repeat; white-space: nowrap }.dia-filter .filter-adv-btn.collapsed:before {font-family: FontAwesome; content: ""; display: inline-block; color: #fed700; padding-right: 3px; vertical-align: middle }#DiamondListTable #ChkAll {float: left }.floatingHeader {position: fixed; top: 0; visibility: hidden; z-index: 1114 }.save-search-con.save-search-desktop label input {opacity: 0; position: absolute }.save-search-con.save-search-desktop label {color: #2c3b5b; padding: 10px !important; font-size: 16px !important; margin-right: 10px; border-bottom: 0; border-radius: 0 }.save-search-con.save-search-desktop label img {padding-right: 6px; width: 40px }.diamond-type-div-class label input {opacity: 0; position: absolute }.diamond-type-div-class label {color: #2c3b5b; padding: 6px !important; font-size: 16px !important; margin-right: 10px; border-radius: 0; line-height: 37px; }.diamond-type-div-class label img,
.diamond-type-div-class label svg {padding-right: 6px; width: 40px; margin-top: 1px; float: left; fill: #2c3b5b; }.save-search-con.save-search-mobile label input {opacity: 0; position: absolute }.save-search-con.save-search-mobile label {color: #2c3b5b; padding: 10px !important; font-size: 16px !important; margin-right: 10px; border-bottom: 0; border-radius: 0 }.save-search-con.save-search-mobile label img {padding-right: 6px; width: 40px }.filter-border .dia-filter .save-search-con {padding: 0 10px!important;width: max-content}.save-search-con.save-search-desktop {padding: 0 }.search-table-flex {display: flex; flex-flow: row wrap; max-width: 1600px; width: 100%; margin: auto; justify-content: center }.search-table-flex .diamond-data {padding: 10px 10px 0 }.search-table-flex .diamond-image {margin-left: 0 }.search-table-flex .diamond-image img {width: 100%; padding: 0; border-radius: 0; background: #efefef; height: 214px; object-fit: cover }.search-table-flex .diamond-data ul {margin-left: 1px; margin-bottom: 0; text-align: left; margin-right: 1px; padding-left: 0; display: flex; justify-content: space-between }.search-table-flex .diamond-data li {list-style: none; display: inline-block; padding-right: 2.5px }.search-table-flex .diamond-data li:last-child {padding: 0 }.search-table-flex .diamond-data li a {color: #21385a; font-size: 14px }.search-table-flex .diamond-data .red {color: #fe0000 }.search-table-flex .diamond-data .grey {color: #7f7f7f }.search-table-flex .diamond-data .yellow {color: #fed700 }.search-table-flex .diamond-data i.fa.fa-star.yellow {font-size: 3.9px }.search-table-flex .large-font li a {font-size: 15px }.search-table-flex .medium-font.full-width-text li a {font-size: 15px }.search-table-flex .button-yellow {background-color: #fed700; border-radius: 2px; padding: .5px 1px }.search-table-flex .heart-icon {position: absolute; right: 1px; top: -1px }.search-table-flex .heart-icon i.yellow {font-size: 3px; padding-top: 0; padding-top: 1px }.search-table-flex .heart-icon .yellow {color: #fed700; background: #2c3b5c; border-radius: 4px; width: 4.5px; height: 4.5px }.filter-bar-diamond {display: flex; width: 100%; justify-content: space-between !important; flex-wrap: wrap !important; align-items: center }.grid-match-arrow {position: relative; width: 67px; display: flex; justify-content: center }.grid-match-arrow:before {content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 20em; height: 20em }.grid-match-arrow {text-shadow: .1em .1em .5em rgb(0 0 0 / 50%); margin: 0; position: absolute; left: 50%; top: 50%; display: none }.grid-match-arrow svg {width: 60px; position: absolute; left: -30px; right: 0; background: #fed700; height: 53px; padding: 5px }.ship-item-filter {display: flex; align-items: center }.ship-item-filter select {width: 74% }.print-button-new svg {width: 100px; height: 100px; margin-bottom: 7px; }.print-button-new label {margin:4px 10px; width: 138px !important; padding: 20px !important; height: auto !important;float:none !important}.print-button-new svg {display: block;}.print-button-new span {font-weight: 700; color: #000; }.sorting-grid-style .grid-sord-ord {color: #2c3b5c;font-size: 12px;border-radius: 50px; width: 25px; height: 25px; display: block; padding: 2px;background: #FFF;}.sorting-grid-style .grid-sord-ord.sortorderactive {float: none; background: #fed700 !important; border: 0; color: #2c3b5b; padding: 0px;margin-bottom: 0}.sorting-grid-style p {margin-bottom: 0 !important;}.shape-icon-diamond label.diam-shape.btn.btn-primary.active,
.shape-icon-diamond label.diam-shape.btn.btn-primary:active,
.shape-icon-diamond label.diam-shape.btn.btn-primary:hover {background: #FFF !important; border: 1px solid #fed700 !important; border-radius: 0px !important; box-shadow:0px 7px 8px -6px rgb(0 0 0 / 9%); padding: 8px 0 0; margin: 0 1px; }.shape-icon-diamond label.diam-shape.btn.btn-primary.active:last-child {margin-right: 0 !important; }.shape-icon-diamond label.diam-shape.btn.btn-primary.active p,
.shape-icon-diamond label.diam-shape.btn.btn-primary:active p,
.shape-icon-diamond label.diam-shape.btn.btn-primary:hover p {color: #Fed700; background: #2c3b5b; padding: 7px 0; }.shape-icon-diamond .diam-shape {width: 9.5%; }.dia-input .shape-icon-diamond .btn-group.shape-list .btn.active path,
.dia-input .shape-icon-diamond .btn-group.shape-list .btn:active path,
.dia-input .shape-icon-diamond .btn-group.shape-list .btn:hover path,
.dia-input .shape-icon-diamond .btn-group.shape-list .btn.active svg#Layer_1 rect {fill: #2c3b5b !important; }.shape-icon-diamond label.diam-shape.btn.btn-primary p {padding: 7px 0; }.dia-input .shape-icon-diamond .btn-group.shape-list .btn.active svg#marquise path,
.dia-input .shape-icon-diamond .btn-group.shape-list .btn.active svg#marquise polyline,
.dia-input .shape-icon-diamond .btn-group.shape-list .btn.active svg#Layer_1 circle {stroke: #2c3b5b !important; }.dia-input .shape-icon-diamond .btn-group.shape-list .btn.active svg#Layer_1 rect {fill: #2c3b5b !important; }.diamond-type-div-class label.btn.btn-primary.bg-red svg .cls-2 {fill: none; stroke: #FED700; }.diamond-type-div-class label.btn.btn-primary.bg-red svg {width: 75px; margin-top: 0px; }.diamond-type-div-class label.btn.btn-primary.bg-red svg .cls-1,
.diamond-type-div-class label.btn.btn-primary.bg-red svg .cls-3 {fill: #FED700 !important; }.diamond-type-div-class label.btn.btn-primary.bg-red.active svg .cls-1,
.diamond-type-div-class label.btn.btn-primary.bg-red.active svg .cls-3 {fill: #2c3b5c !important; }.diamond-type-div-class label.btn.btn-primary.bg-red.active svg .cls-2 {stroke:  #2c3b5c !important;}.filter-du-design a.border-n-round label.btn.btn-primary.bg-red.active svg {height: 37px; }.filter-du-design a.border-n-round label.btn.btn-primary.bg-red {text-decoration: none !important}.radio-modal {max-width: 600px; width: 100%; margin: auto; /* display: flex; */ }.radio-card-box {/* display: block; */ border-left: 4px solid #Fed700; border-radius: 0; border-right: 4px solid #fed700; box-shadow: 0px 7px 8px -6px rgb(0 0 0 / 9%); padding:6px 4px; }.radio-modal .block {display: block; height: 100%; margin: auto; line-height: 30px; text-align: center; margin:0 10px 10px; display: inline-block; width: 28%; }.radio-modal .block span {display: block; text-align: center; border-bottom: 1px solid #Fed700; margin-bottom: 5px; font-size: 16px; }.radio-modal .red-box {display: inline-block !important; margin: 0px !important; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }.radio-modal input[type=radio]:checked + label {cursor: default; }.radio-modal input[type="radio"] {display: none; }.radio-modal label {position: relative; display: inline-block; padding: 3px 3px 3px 20px; cursor: pointer; margin-bottom: 0; }.radio-modal label::before {position: absolute; content: ""; top: 50%; left: 0; width: 14px; height: 14px; margin-top: -8px; background: #fff; border: 1px solid #ccc; border-radius: 100%; }.radio-modal input[type="radio"]:checked + label::after {position: absolute; content: ""; top: 50%; left: 3px; width: 8px; height: 8px; margin-top: -5px; background: #fad700; border-radius: 100%; }@media (max-width:446px) {.radio-modal {flex-wrap: wrap;}}.rounded-btn-style .btn-group.tab-btn {border-radius: 50px;border: 1px solid #2c3b5b;background: #2c3b5b}.rounded-btn-style label.btn.btn-primary.active.save-search-active,
.rounded-btn-style.save-search-active1 label.btn.btn-primary.active {border-radius: 50px !important; }.rounded-btn-style label.btn.btn-primary.save-search-active,
.rounded-btn-style label.btn.btn-primary.active {border-radius: 50px !important;background: #fed700 !important;color: #2c3b5b}.rounded-btn-style label.btn.btn-primary.active  svg g {fill: #2c3b5b !important}.rounded-btn-style label.btn.btn-primary {background: transparent; border-radius: 50px !important;border: 0 !important;padding: 2px 12px !important;color: #fed700}.rounded-btn-style label.btn.btn-primary path.st0,
.rounded-btn-style label.btn.btn-primary g {fill: #Fed700 !important; }.rounded-btn-style.filter-btn-svg label.btn.btn-primary svg path {fill: #Fed700 !important; }.rounded-btn-style.filter-btn-svg label.btn.btn-primary.active.save-search-active svg path,
.rounded-btn-style.filter-btn-svg.save-search-active1 label.btn.btn-primary.active svg path {fill: #2c3b5b !important; }.rounded-btn-style label.btn.btn-primary.active.save-search-active path.st0,
.rounded-btn-style label.btn.btn-primary.active.save-search-active g,
.rounded-btn-style.save-search-active1 label.btn.btn-primary.active path.st0,
.rounded-btn-style.save-search-active1 label.btn.btn-primary.active g {fill: #2c3b5b !important; }.dia-filter .filter-title .rounded-btn-style .btn-primary {color: #Fed700}.dia-filter .filter-title .rounded-btn-style .btn-primary {color: #Fed700}.search-table-flex .diamond-data .red.clr-blue {color: #2c3b5b;}.sort-design {display: flex; border-radius: 50px;}.sort-design {display: flex; background: #2c3b5b; border-radius: 50px; border: 1px solid; }.sort-design select {background-image: linear-gradient(45deg, transparent 50%, #fed700 50%), linear-gradient(135deg, #fed700 50%, transparent 50%), radial-gradient(#2c3b5b 70%, transparent 72%); background-position: calc(100% - 17px) calc(1em + 2px), calc(100% - 12px) calc(1em + 2px), calc(100% - 0.5em) 0.5em; background-size: 5px 5px, 5px 5px, 1.5em 1.5em; background-repeat: no-repeat;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none;}.sort-design {position: relative;width: 165px;}.sort-design select option {background: #FFF; }.sorting-grid-style th {width: 100px !important; transition: none !important; opacity: 1 !important; }.sorting-grid-style th p {float: left; }.sorting-grid-style i {font-size: 16px; line-height: 20px; }.search-table-flex .diamond-data .icon-search-grid li:hover {background-color: #2c3b5b; color: #FED700; }.search-table-flex .diamond-data .icon-search-grid li:hover i {color: #fed700 !important; }.filter-sort-col {display: flex; gap: 10px; flex-wrap: wrap;}.mobile-grid-layout {display: flex; align-items: center; justify-content: center; gap: 10px; }.filter-bar-diamond {max-width: 1920px; margin: auto;}.select-shape:before {
    content: none !important;
}#OtherShapesModal .select-shape {
   align-items: center;
    display: flex;
    flex-wrap: wrap;
    padding: 7px;
    margin: 0;
    gap: 10px;
}.select-shape-cell label {
    margin-bottom: 0;
}.select-shape-cell {
    padding: 9px 9px;
    border: 1px solid #ededed;
    border-radius: 10px;
    position: relative;
}.select-shape-cell.active-cell,
.select-shape-cell:hover {
    border: 1px solid #2c3b5c;
    background: #2c3b5c;
    color: #fed700;
}.select-shape-cell.active-cell label,
.select-shape-cell:hover label {
    color: #fed700;
}.select-shape-cell input {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: -4px;
    opacity: 0;
    z-index: 2;
}#OtherShapesModal button.btn.btn-primary {
    background: #2c3b5c;
    border: 1px solid;
}#OtherShapesModal button:hover {background: #fed700 !important; color: #2c3b5c !important;}.select-shape-cell span {
    margin: 0 !important;
}#OtherShapesModal .modal-dialog {
    position: relative;
}#OtherShapesModal button.close {
    position: absolute;
    right: 14px;
    top: 11px;
}

/* ===== Page rules sourced from css/responsive.css ===== */
@media (max-width:1199px) {.dia-filter .save-search-con {display: inline-block; padding: 0; width: 100% }.save-search-con.save-search-desktop {padding: 20px 0 !important }.mobile-grid-layout {display: none !important}}@media (min-width:768px) {.save-search-mobile {display: none !important }.result-mobile {display: none }}@media (max-width:768px) {#DiamondListTable #ChkAll {float: left; margin-left: 7px; margin-top: 11px }}@media (max-width:767px) {.save-search-con.save-search-mobile {display: none }.result-diamond {display: none !important }.save-search-desktop {display: none !important }}@media (max-width:767px) {.sort-design {width: 140px}}@media (max-width:767px) {.diamond-type-div-class {border: 0 !important}}@media (max-width:767px) {.diamond-type-div-class {text-align: center }.diamond-type-div-class {text-align: center; margin-bottom: 3px; border-bottom: 1px solid #CCC }.diamond-type-div-class label img {padding-right: 6px; width: 32px }}@media (min-width:992px) and (max-width:1199px) {.diamond-type-div-class label {font-size: 13px !important; padding: 4px !important; margin-right: 0 }.diamond-type-div-class label img {padding-right: 6px; width: 34px }}@media (min-width:1201px) and (max-width:1500px) {.search-table-flex .diamond-image img {height: 250px !important }}@media (min-width:1101px) and (max-width:1200px) {.search-table-flex .diamond-image img {height: 225px !important; }}@media (min-width:991px) and (max-width:1100px) {.search-table-flex .diamond-image img {height: 267px !important; }}@media (min-width:921px) and (max-width:1200px) {.search-table-flex .diamond-image img {height: 300px; }.search-table-flex .large-font li a {font-size: 13px !important }.search-table-flex .medium-font.full-width-text li a {font-size: 14px !important }}@media (min-width:855px) and (max-width:920px) {.search-table-flex .diamond-image img {height: 300px !important }}@media (min-width:768px) and (max-width:884px) {.search-table-flex .diamond-image img {height: 225px !important }}@media (min-width:601px) and (max-width:767px) {.search-table-flex .diamond-image img {height: 214px }.search-table-flex .large-font li a {font-size: 14px }.search-table-flex .medium-font.full-width-text li a {font-size: 14px }.search-table-flex .diamond-data li a {color: #21385a; font-size: 13px }}@media (min-width:320px) and (max-width:600px) {.search-table-flex .diamond-data li a {color: #21385a; font-size: 13px }.search-table-flex .large-font li a {font-size: 14px }.search-table-flex .medium-font.full-width-text li a {font-size: 14px }}@media (min-width:768px) and (max-width:1612px) {.filter-bar-diamond {justify-content: center !important;margin-top: 10px;gap: 10px}}@media (min-width:320px) and (max-width:767px) {.filter-bar-diamond {justify-content: center !important }}@media (min-width:768px) and (max-width:869px) {.diamond-type-div-class label {font-size: 13px !important}}@media (min-width:1200px) and (max-width:1340px) {.diamond-type-div-class label {font-size: 12px !important}}@media (max-width:390px) {body .above-diamond-type-div-class .diamond-type-div-class .filter-du-design label.btn.btn-primary {font-size: 10px !important;font-weight: normal !important}body .above-diamond-type-div-class .diamond-type-div-class .filter-du-design label.btn.btn-primary svg {width: 25px; }body .above-diamond-type-div-class .diamond-type-div-class .filter-du-design label.btn.btn-primary.bg-red svg {width: 45px; }}