@charset "UTF-8";
/* You can add global styles to this file, and also import other style files */
.intl-tel-input {
  position: relative;
  display: inline-block; }
.intl-tel-input * {
    box-sizing: border-box;
    -moz-box-sizing: border-box; }
.intl-tel-input .hide {
    display: none; }
.intl-tel-input .v-hide {
    visibility: hidden; }
.intl-tel-input input, .intl-tel-input input[type=text], .intl-tel-input input[type=tel] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 36px;
    margin-right: 0; }
.intl-tel-input .flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 1px; }
.intl-tel-input .selected-flag {
    z-index: 1;
    position: relative;
    width: 36px;
    height: 100%;
    padding: 0 0 0 8px; }
.intl-tel-input .selected-flag .iti-flag {
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto; }
.intl-tel-input .selected-flag .iti-arrow {
      position: absolute;
      top: 50%;
      margin-top: -2px;
      right: 6px;
      width: 0;
      height: 0;
      border-left: 3px solid transparent;
      border-right: 3px solid transparent;
      border-top: 4px solid #555; }
.intl-tel-input .selected-flag .iti-arrow.up {
        border-top: none;
        border-bottom: 4px solid #555; }
.intl-tel-input .country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    background-color: white;
    border: 1px solid #CCC;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll; }
.intl-tel-input .country-list.dropup {
      bottom: 100%;
      margin-bottom: -1px; }
.intl-tel-input .country-list .flag-box {
      display: inline-block;
      width: 20px; }
@media (max-width: 500px) {
      .intl-tel-input .country-list {
        white-space: normal; } }
.intl-tel-input .country-list .divider {
      padding-bottom: 5px;
      margin-bottom: 5px;
      border-bottom: 1px solid #CCC; }
.intl-tel-input .country-list .country {
      padding: 5px 10px; }
.intl-tel-input .country-list .country .dial-code {
        color: #999; }
.intl-tel-input .country-list .country.highlight {
      background-color: rgba(0, 0, 0, 0.05); }
.intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name, .intl-tel-input .country-list .dial-code {
      vertical-align: middle; }
.intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name {
      margin-right: 6px; }
.intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=text], .intl-tel-input.allow-dropdown input[type=tel], .intl-tel-input.separate-dial-code input, .intl-tel-input.separate-dial-code input[type=text], .intl-tel-input.separate-dial-code input[type=tel] {
    padding-right: 6px;
    padding-left: 52px;
    margin-left: 0; }
.intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container {
    right: auto;
    left: 0; }
.intl-tel-input.allow-dropdown .selected-flag, .intl-tel-input.separate-dial-code .selected-flag {
    width: 46px; }
.intl-tel-input.allow-dropdown .flag-container:hover {
    cursor: pointer; }
.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
      background-color: rgba(0, 0, 0, 0.05); }
.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover {
    cursor: default; }
.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover .selected-flag, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover .selected-flag {
      background-color: transparent; }
.intl-tel-input.separate-dial-code .selected-flag {
    background-color: rgba(0, 0, 0, 0.05);
    display: table; }
.intl-tel-input.separate-dial-code .selected-dial-code {
    display: table-cell;
    vertical-align: middle;
    padding-left: 28px; }
.intl-tel-input.separate-dial-code.iti-sdc-2 input, .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel] {
    padding-left: 66px; }
.intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag {
    width: 60px; }
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel] {
    padding-left: 76px; }
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag {
    width: 70px; }
.intl-tel-input.separate-dial-code.iti-sdc-3 input, .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel] {
    padding-left: 74px; }
.intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag {
    width: 68px; }
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel] {
    padding-left: 84px; }
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
    width: 78px; }
.intl-tel-input.separate-dial-code.iti-sdc-4 input, .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel] {
    padding-left: 82px; }
.intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag {
    width: 76px; }
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel] {
    padding-left: 92px; }
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
    width: 86px; }
.intl-tel-input.separate-dial-code.iti-sdc-5 input, .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel] {
    padding-left: 90px; }
.intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag {
    width: 84px; }
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel] {
    padding-left: 100px; }
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag {
    width: 94px; }
.intl-tel-input.iti-container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px; }
.intl-tel-input.iti-container:hover {
      cursor: pointer; }
.iti-mobile .intl-tel-input.iti-container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed; }
.iti-mobile .intl-tel-input .country-list {
  max-height: 100%;
  width: 100%; }
.iti-mobile .intl-tel-input .country-list .country {
    padding: 10px 10px;
    line-height: 1.5em; }
.iti-flag {
  width: 20px; }
.iti-flag.be {
    width: 18px; }
.iti-flag.ch {
    width: 15px; }
.iti-flag.mc {
    width: 19px; }
.iti-flag.ne {
    width: 18px; }
.iti-flag.np {
    width: 13px; }
.iti-flag.va {
    width: 15px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti-flag {
      background-size: 5652px 15px; } }
.iti-flag.ac {
    height: 10px;
    background-position: 0px 0px; }
.iti-flag.ad {
    height: 14px;
    background-position: -22px 0px; }
.iti-flag.ae {
    height: 10px;
    background-position: -44px 0px; }
.iti-flag.af {
    height: 14px;
    background-position: -66px 0px; }
.iti-flag.ag {
    height: 14px;
    background-position: -88px 0px; }
.iti-flag.ai {
    height: 10px;
    background-position: -110px 0px; }
.iti-flag.al {
    height: 15px;
    background-position: -132px 0px; }
.iti-flag.am {
    height: 10px;
    background-position: -154px 0px; }
.iti-flag.ao {
    height: 14px;
    background-position: -176px 0px; }
.iti-flag.aq {
    height: 14px;
    background-position: -198px 0px; }
.iti-flag.ar {
    height: 13px;
    background-position: -220px 0px; }
.iti-flag.as {
    height: 10px;
    background-position: -242px 0px; }
.iti-flag.at {
    height: 14px;
    background-position: -264px 0px; }
.iti-flag.au {
    height: 10px;
    background-position: -286px 0px; }
.iti-flag.aw {
    height: 14px;
    background-position: -308px 0px; }
.iti-flag.ax {
    height: 13px;
    background-position: -330px 0px; }
.iti-flag.az {
    height: 10px;
    background-position: -352px 0px; }
.iti-flag.ba {
    height: 10px;
    background-position: -374px 0px; }
.iti-flag.bb {
    height: 14px;
    background-position: -396px 0px; }
.iti-flag.bd {
    height: 12px;
    background-position: -418px 0px; }
.iti-flag.be {
    height: 15px;
    background-position: -440px 0px; }
.iti-flag.bf {
    height: 14px;
    background-position: -460px 0px; }
.iti-flag.bg {
    height: 12px;
    background-position: -482px 0px; }
.iti-flag.bh {
    height: 12px;
    background-position: -504px 0px; }
.iti-flag.bi {
    height: 12px;
    background-position: -526px 0px; }
.iti-flag.bj {
    height: 14px;
    background-position: -548px 0px; }
.iti-flag.bl {
    height: 14px;
    background-position: -570px 0px; }
.iti-flag.bm {
    height: 10px;
    background-position: -592px 0px; }
.iti-flag.bn {
    height: 10px;
    background-position: -614px 0px; }
.iti-flag.bo {
    height: 14px;
    background-position: -636px 0px; }
.iti-flag.bq {
    height: 14px;
    background-position: -658px 0px; }
.iti-flag.br {
    height: 14px;
    background-position: -680px 0px; }
.iti-flag.bs {
    height: 10px;
    background-position: -702px 0px; }
.iti-flag.bt {
    height: 14px;
    background-position: -724px 0px; }
.iti-flag.bv {
    height: 15px;
    background-position: -746px 0px; }
.iti-flag.bw {
    height: 14px;
    background-position: -768px 0px; }
.iti-flag.by {
    height: 10px;
    background-position: -790px 0px; }
.iti-flag.bz {
    height: 14px;
    background-position: -812px 0px; }
.iti-flag.ca {
    height: 10px;
    background-position: -834px 0px; }
.iti-flag.cc {
    height: 10px;
    background-position: -856px 0px; }
.iti-flag.cd {
    height: 15px;
    background-position: -878px 0px; }
.iti-flag.cf {
    height: 14px;
    background-position: -900px 0px; }
.iti-flag.cg {
    height: 14px;
    background-position: -922px 0px; }
.iti-flag.ch {
    height: 15px;
    background-position: -944px 0px; }
.iti-flag.ci {
    height: 14px;
    background-position: -961px 0px; }
.iti-flag.ck {
    height: 10px;
    background-position: -983px 0px; }
.iti-flag.cl {
    height: 14px;
    background-position: -1005px 0px; }
.iti-flag.cm {
    height: 14px;
    background-position: -1027px 0px; }
.iti-flag.cn {
    height: 14px;
    background-position: -1049px 0px; }
.iti-flag.co {
    height: 14px;
    background-position: -1071px 0px; }
.iti-flag.cp {
    height: 14px;
    background-position: -1093px 0px; }
.iti-flag.cr {
    height: 12px;
    background-position: -1115px 0px; }
.iti-flag.cu {
    height: 10px;
    background-position: -1137px 0px; }
.iti-flag.cv {
    height: 12px;
    background-position: -1159px 0px; }
.iti-flag.cw {
    height: 14px;
    background-position: -1181px 0px; }
.iti-flag.cx {
    height: 10px;
    background-position: -1203px 0px; }
.iti-flag.cy {
    height: 14px;
    background-position: -1225px 0px; }
.iti-flag.cz {
    height: 14px;
    background-position: -1247px 0px; }
.iti-flag.de {
    height: 12px;
    background-position: -1269px 0px; }
.iti-flag.dg {
    height: 10px;
    background-position: -1291px 0px; }
.iti-flag.dj {
    height: 14px;
    background-position: -1313px 0px; }
.iti-flag.dk {
    height: 15px;
    background-position: -1335px 0px; }
.iti-flag.dm {
    height: 10px;
    background-position: -1357px 0px; }
.iti-flag.do {
    height: 14px;
    background-position: -1379px 0px; }
.iti-flag.dz {
    height: 14px;
    background-position: -1401px 0px; }
.iti-flag.ea {
    height: 14px;
    background-position: -1423px 0px; }
.iti-flag.ec {
    height: 14px;
    background-position: -1445px 0px; }
.iti-flag.ee {
    height: 13px;
    background-position: -1467px 0px; }
.iti-flag.eg {
    height: 14px;
    background-position: -1489px 0px; }
.iti-flag.eh {
    height: 10px;
    background-position: -1511px 0px; }
.iti-flag.er {
    height: 10px;
    background-position: -1533px 0px; }
.iti-flag.es {
    height: 14px;
    background-position: -1555px 0px; }
.iti-flag.et {
    height: 10px;
    background-position: -1577px 0px; }
.iti-flag.eu {
    height: 14px;
    background-position: -1599px 0px; }
.iti-flag.fi {
    height: 12px;
    background-position: -1621px 0px; }
.iti-flag.fj {
    height: 10px;
    background-position: -1643px 0px; }
.iti-flag.fk {
    height: 10px;
    background-position: -1665px 0px; }
.iti-flag.fm {
    height: 11px;
    background-position: -1687px 0px; }
.iti-flag.fo {
    height: 15px;
    background-position: -1709px 0px; }
.iti-flag.fr {
    height: 14px;
    background-position: -1731px 0px; }
.iti-flag.ga {
    height: 15px;
    background-position: -1753px 0px; }
.iti-flag.gb {
    height: 10px;
    background-position: -1775px 0px; }
.iti-flag.gd {
    height: 12px;
    background-position: -1797px 0px; }
.iti-flag.ge {
    height: 14px;
    background-position: -1819px 0px; }
.iti-flag.gf {
    height: 14px;
    background-position: -1841px 0px; }
.iti-flag.gg {
    height: 14px;
    background-position: -1863px 0px; }
.iti-flag.gh {
    height: 14px;
    background-position: -1885px 0px; }
.iti-flag.gi {
    height: 10px;
    background-position: -1907px 0px; }
.iti-flag.gl {
    height: 14px;
    background-position: -1929px 0px; }
.iti-flag.gm {
    height: 14px;
    background-position: -1951px 0px; }
.iti-flag.gn {
    height: 14px;
    background-position: -1973px 0px; }
.iti-flag.gp {
    height: 14px;
    background-position: -1995px 0px; }
.iti-flag.gq {
    height: 14px;
    background-position: -2017px 0px; }
.iti-flag.gr {
    height: 14px;
    background-position: -2039px 0px; }
.iti-flag.gs {
    height: 10px;
    background-position: -2061px 0px; }
.iti-flag.gt {
    height: 13px;
    background-position: -2083px 0px; }
.iti-flag.gu {
    height: 11px;
    background-position: -2105px 0px; }
.iti-flag.gw {
    height: 10px;
    background-position: -2127px 0px; }
.iti-flag.gy {
    height: 12px;
    background-position: -2149px 0px; }
.iti-flag.hk {
    height: 14px;
    background-position: -2171px 0px; }
.iti-flag.hm {
    height: 10px;
    background-position: -2193px 0px; }
.iti-flag.hn {
    height: 10px;
    background-position: -2215px 0px; }
.iti-flag.hr {
    height: 10px;
    background-position: -2237px 0px; }
.iti-flag.ht {
    height: 12px;
    background-position: -2259px 0px; }
.iti-flag.hu {
    height: 10px;
    background-position: -2281px 0px; }
.iti-flag.ic {
    height: 14px;
    background-position: -2303px 0px; }
.iti-flag.id {
    height: 14px;
    background-position: -2325px 0px; }
.iti-flag.ie {
    height: 10px;
    background-position: -2347px 0px; }
.iti-flag.il {
    height: 15px;
    background-position: -2369px 0px; }
.iti-flag.im {
    height: 10px;
    background-position: -2391px 0px; }
.iti-flag.in {
    height: 14px;
    background-position: -2413px 0px; }
.iti-flag.io {
    height: 10px;
    background-position: -2435px 0px; }
.iti-flag.iq {
    height: 14px;
    background-position: -2457px 0px; }
.iti-flag.ir {
    height: 12px;
    background-position: -2479px 0px; }
.iti-flag.is {
    height: 15px;
    background-position: -2501px 0px; }
.iti-flag.it {
    height: 14px;
    background-position: -2523px 0px; }
.iti-flag.je {
    height: 12px;
    background-position: -2545px 0px; }
.iti-flag.jm {
    height: 10px;
    background-position: -2567px 0px; }
.iti-flag.jo {
    height: 10px;
    background-position: -2589px 0px; }
.iti-flag.jp {
    height: 14px;
    background-position: -2611px 0px; }
.iti-flag.ke {
    height: 14px;
    background-position: -2633px 0px; }
.iti-flag.kg {
    height: 12px;
    background-position: -2655px 0px; }
.iti-flag.kh {
    height: 13px;
    background-position: -2677px 0px; }
.iti-flag.ki {
    height: 10px;
    background-position: -2699px 0px; }
.iti-flag.km {
    height: 12px;
    background-position: -2721px 0px; }
.iti-flag.kn {
    height: 14px;
    background-position: -2743px 0px; }
.iti-flag.kp {
    height: 10px;
    background-position: -2765px 0px; }
.iti-flag.kr {
    height: 14px;
    background-position: -2787px 0px; }
.iti-flag.kw {
    height: 10px;
    background-position: -2809px 0px; }
.iti-flag.ky {
    height: 10px;
    background-position: -2831px 0px; }
.iti-flag.kz {
    height: 10px;
    background-position: -2853px 0px; }
.iti-flag.la {
    height: 14px;
    background-position: -2875px 0px; }
.iti-flag.lb {
    height: 14px;
    background-position: -2897px 0px; }
.iti-flag.lc {
    height: 10px;
    background-position: -2919px 0px; }
.iti-flag.li {
    height: 12px;
    background-position: -2941px 0px; }
.iti-flag.lk {
    height: 10px;
    background-position: -2963px 0px; }
.iti-flag.lr {
    height: 11px;
    background-position: -2985px 0px; }
.iti-flag.ls {
    height: 14px;
    background-position: -3007px 0px; }
.iti-flag.lt {
    height: 12px;
    background-position: -3029px 0px; }
.iti-flag.lu {
    height: 12px;
    background-position: -3051px 0px; }
.iti-flag.lv {
    height: 10px;
    background-position: -3073px 0px; }
.iti-flag.ly {
    height: 10px;
    background-position: -3095px 0px; }
.iti-flag.ma {
    height: 14px;
    background-position: -3117px 0px; }
.iti-flag.mc {
    height: 15px;
    background-position: -3139px 0px; }
.iti-flag.md {
    height: 10px;
    background-position: -3160px 0px; }
.iti-flag.me {
    height: 10px;
    background-position: -3182px 0px; }
.iti-flag.mf {
    height: 14px;
    background-position: -3204px 0px; }
.iti-flag.mg {
    height: 14px;
    background-position: -3226px 0px; }
.iti-flag.mh {
    height: 11px;
    background-position: -3248px 0px; }
.iti-flag.mk {
    height: 10px;
    background-position: -3270px 0px; }
.iti-flag.ml {
    height: 14px;
    background-position: -3292px 0px; }
.iti-flag.mm {
    height: 14px;
    background-position: -3314px 0px; }
.iti-flag.mn {
    height: 10px;
    background-position: -3336px 0px; }
.iti-flag.mo {
    height: 14px;
    background-position: -3358px 0px; }
.iti-flag.mp {
    height: 10px;
    background-position: -3380px 0px; }
.iti-flag.mq {
    height: 14px;
    background-position: -3402px 0px; }
.iti-flag.mr {
    height: 14px;
    background-position: -3424px 0px; }
.iti-flag.ms {
    height: 10px;
    background-position: -3446px 0px; }
.iti-flag.mt {
    height: 14px;
    background-position: -3468px 0px; }
.iti-flag.mu {
    height: 14px;
    background-position: -3490px 0px; }
.iti-flag.mv {
    height: 14px;
    background-position: -3512px 0px; }
.iti-flag.mw {
    height: 14px;
    background-position: -3534px 0px; }
.iti-flag.mx {
    height: 12px;
    background-position: -3556px 0px; }
.iti-flag.my {
    height: 10px;
    background-position: -3578px 0px; }
.iti-flag.mz {
    height: 14px;
    background-position: -3600px 0px; }
.iti-flag.na {
    height: 14px;
    background-position: -3622px 0px; }
.iti-flag.nc {
    height: 10px;
    background-position: -3644px 0px; }
.iti-flag.ne {
    height: 15px;
    background-position: -3666px 0px; }
.iti-flag.nf {
    height: 10px;
    background-position: -3686px 0px; }
.iti-flag.ng {
    height: 10px;
    background-position: -3708px 0px; }
.iti-flag.ni {
    height: 12px;
    background-position: -3730px 0px; }
.iti-flag.nl {
    height: 14px;
    background-position: -3752px 0px; }
.iti-flag.no {
    height: 15px;
    background-position: -3774px 0px; }
.iti-flag.np {
    height: 15px;
    background-position: -3796px 0px; }
.iti-flag.nr {
    height: 10px;
    background-position: -3811px 0px; }
.iti-flag.nu {
    height: 10px;
    background-position: -3833px 0px; }
.iti-flag.nz {
    height: 10px;
    background-position: -3855px 0px; }
.iti-flag.om {
    height: 10px;
    background-position: -3877px 0px; }
.iti-flag.pa {
    height: 14px;
    background-position: -3899px 0px; }
.iti-flag.pe {
    height: 14px;
    background-position: -3921px 0px; }
.iti-flag.pf {
    height: 14px;
    background-position: -3943px 0px; }
.iti-flag.pg {
    height: 15px;
    background-position: -3965px 0px; }
.iti-flag.ph {
    height: 10px;
    background-position: -3987px 0px; }
.iti-flag.pk {
    height: 14px;
    background-position: -4009px 0px; }
.iti-flag.pl {
    height: 13px;
    background-position: -4031px 0px; }
.iti-flag.pm {
    height: 14px;
    background-position: -4053px 0px; }
.iti-flag.pn {
    height: 10px;
    background-position: -4075px 0px; }
.iti-flag.pr {
    height: 14px;
    background-position: -4097px 0px; }
.iti-flag.ps {
    height: 10px;
    background-position: -4119px 0px; }
.iti-flag.pt {
    height: 14px;
    background-position: -4141px 0px; }
.iti-flag.pw {
    height: 13px;
    background-position: -4163px 0px; }
.iti-flag.py {
    height: 11px;
    background-position: -4185px 0px; }
.iti-flag.qa {
    height: 8px;
    background-position: -4207px 0px; }
.iti-flag.re {
    height: 14px;
    background-position: -4229px 0px; }
.iti-flag.ro {
    height: 14px;
    background-position: -4251px 0px; }
.iti-flag.rs {
    height: 14px;
    background-position: -4273px 0px; }
.iti-flag.ru {
    height: 14px;
    background-position: -4295px 0px; }
.iti-flag.rw {
    height: 14px;
    background-position: -4317px 0px; }
.iti-flag.sa {
    height: 14px;
    background-position: -4339px 0px; }
.iti-flag.sb {
    height: 10px;
    background-position: -4361px 0px; }
.iti-flag.sc {
    height: 10px;
    background-position: -4383px 0px; }
.iti-flag.sd {
    height: 10px;
    background-position: -4405px 0px; }
.iti-flag.se {
    height: 13px;
    background-position: -4427px 0px; }
.iti-flag.sg {
    height: 14px;
    background-position: -4449px 0px; }
.iti-flag.sh {
    height: 10px;
    background-position: -4471px 0px; }
.iti-flag.si {
    height: 10px;
    background-position: -4493px 0px; }
.iti-flag.sj {
    height: 15px;
    background-position: -4515px 0px; }
.iti-flag.sk {
    height: 14px;
    background-position: -4537px 0px; }
.iti-flag.sl {
    height: 14px;
    background-position: -4559px 0px; }
.iti-flag.sm {
    height: 15px;
    background-position: -4581px 0px; }
.iti-flag.sn {
    height: 14px;
    background-position: -4603px 0px; }
.iti-flag.so {
    height: 14px;
    background-position: -4625px 0px; }
.iti-flag.sr {
    height: 14px;
    background-position: -4647px 0px; }
.iti-flag.ss {
    height: 10px;
    background-position: -4669px 0px; }
.iti-flag.st {
    height: 10px;
    background-position: -4691px 0px; }
.iti-flag.sv {
    height: 12px;
    background-position: -4713px 0px; }
.iti-flag.sx {
    height: 14px;
    background-position: -4735px 0px; }
.iti-flag.sy {
    height: 14px;
    background-position: -4757px 0px; }
.iti-flag.sz {
    height: 14px;
    background-position: -4779px 0px; }
.iti-flag.ta {
    height: 10px;
    background-position: -4801px 0px; }
.iti-flag.tc {
    height: 10px;
    background-position: -4823px 0px; }
.iti-flag.td {
    height: 14px;
    background-position: -4845px 0px; }
.iti-flag.tf {
    height: 14px;
    background-position: -4867px 0px; }
.iti-flag.tg {
    height: 13px;
    background-position: -4889px 0px; }
.iti-flag.th {
    height: 14px;
    background-position: -4911px 0px; }
.iti-flag.tj {
    height: 10px;
    background-position: -4933px 0px; }
.iti-flag.tk {
    height: 10px;
    background-position: -4955px 0px; }
.iti-flag.tl {
    height: 10px;
    background-position: -4977px 0px; }
.iti-flag.tm {
    height: 14px;
    background-position: -4999px 0px; }
.iti-flag.tn {
    height: 14px;
    background-position: -5021px 0px; }
.iti-flag.to {
    height: 10px;
    background-position: -5043px 0px; }
.iti-flag.tr {
    height: 14px;
    background-position: -5065px 0px; }
.iti-flag.tt {
    height: 12px;
    background-position: -5087px 0px; }
.iti-flag.tv {
    height: 10px;
    background-position: -5109px 0px; }
.iti-flag.tw {
    height: 14px;
    background-position: -5131px 0px; }
.iti-flag.tz {
    height: 14px;
    background-position: -5153px 0px; }
.iti-flag.ua {
    height: 14px;
    background-position: -5175px 0px; }
.iti-flag.ug {
    height: 14px;
    background-position: -5197px 0px; }
.iti-flag.um {
    height: 11px;
    background-position: -5219px 0px; }
.iti-flag.un {
    height: 14px;
    background-position: -5241px 0px; }
.iti-flag.us {
    height: 11px;
    background-position: -5263px 0px; }
.iti-flag.uy {
    height: 14px;
    background-position: -5285px 0px; }
.iti-flag.uz {
    height: 10px;
    background-position: -5307px 0px; }
.iti-flag.va {
    height: 15px;
    background-position: -5329px 0px; }
.iti-flag.vc {
    height: 14px;
    background-position: -5346px 0px; }
.iti-flag.ve {
    height: 14px;
    background-position: -5368px 0px; }
.iti-flag.vg {
    height: 10px;
    background-position: -5390px 0px; }
.iti-flag.vi {
    height: 14px;
    background-position: -5412px 0px; }
.iti-flag.vn {
    height: 14px;
    background-position: -5434px 0px; }
.iti-flag.vu {
    height: 12px;
    background-position: -5456px 0px; }
.iti-flag.wf {
    height: 14px;
    background-position: -5478px 0px; }
.iti-flag.ws {
    height: 10px;
    background-position: -5500px 0px; }
.iti-flag.xk {
    height: 15px;
    background-position: -5522px 0px; }
.iti-flag.ye {
    height: 14px;
    background-position: -5544px 0px; }
.iti-flag.yt {
    height: 14px;
    background-position: -5566px 0px; }
.iti-flag.za {
    height: 14px;
    background-position: -5588px 0px; }
.iti-flag.zm {
    height: 14px;
    background-position: -5610px 0px; }
.iti-flag.zw {
    height: 10px;
    background-position: -5632px 0px; }
.iti-flag {
  width: 20px;
  height: 15px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: url('flags.007b2705c0a8f69dfdf6.png');
  background-repeat: no-repeat;
  background-color: #DBDBDB;
  background-position: 20px 0; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti-flag {
      background-image: url('flags@2x.9d5328fb490cddd43f66.png'); } }
.iti-flag.np {
  background-color: transparent; }

:root {
  --menu_bg_color: #292735;
  --menu_bg_icon_color: #FFFFFF;
  --menu_bg_font_color: #FFFFFF;
  --menu_btn_active_color: #652E77;
  --menu_btn_active_font_color: #FFFFFF;
  --menu_btn_active_icon_color: #FFFFFF;
  --menu_btn_static_color: #3E3D49;
  --menu_btn_static_icon_color: #FFFFFF;
  --menu_btn_static_font_color: #FFFFFF;
  --menu_switch_diam: #804294;
  --menu_switch_gem: #3B72CC;
  --menu_switch_jew: #5AB8A6;
  --option_btn_off_color: #FFFFFF;
  --option_btn_off_font_color: #804294;
  --option_btn_off_icon_color: #804294;
  --option_btn_on_color: #9665A6;
  --option_btn_on_font_color: #FFFFFF;
  --option_btn_on_icon_color: #FFFFFF;
  --main_bg_color: #F4F4F4;
  --main_bg_font_color: #292735;
  --main_bg_font_label_color: #9B9B9B;
  --main_bg_icon_color: #804294;
  --main_bg_highlight: #E9E9EB;
  --action_btn_static_color: #804294;
  --action_btn_static_font_color: #FFFFFF;
  --action_btn_static_icon_color: #FFFFFF;
  --action_btn_active_color: #652E77;
  --action_btn_active_font_color: #FFFFFF;
  --action_btn_active_icon_color: #FFFFFF;
  --web_header_color: #373640;
  --web_header_icon_color: #FFFFFF;
  --web_header_font_color: #FFFFFF;
  --price_mode_bg: #373640;
  --price_mode_font: #FFFFFF;
  --price_mode_icon: #FFFFFF;
  --web_tab_bg: #FFFFFF;
  --menu_btn_hover_color: rgba(255, 255, 255, 0.05);
  --menu_btn_action_static: #804294;
  --hold_menu: #D8394C;
  --hold_btn_action_static: #D8394C;
  --hold_btn_action_static_font: #FFFFFF;
  --hold_btn_action_static_icon: #FFFFFF;
  --hold_tab_selected: #FFFFFF;
  --hold_tab_selected_font: #D8394C;
  --hold_tab_selected_icon: #D8394C;
  --hold_tab_unselected: #D8394C;
  --hold_tab_unselected_font: #FFFFFF;
  --hold_tab_unselected_icon: #FFFFFF;
  --hold_btn_off: #FFFFFF;
  --hold_btn_off_icon: #D8394C;
  --hold_btn_off_font: #D8394C;
  --hold_btn_on: #D8394C;
  --hold_btn_on_icon: #FFFFFF;
  --hold_btn_on_font: #FFFFFF;
  --buy_menu: #5CB8A6;
  --buy_btn_action_static: #5CB8A6;
  --buy_btn_action_static_font: #FFFFFF;
  --buy_btn_action_static_icon: #FFFFFF;
  --buy_tab_selected: #FFFFFF;
  --buy_tab_selected_font: #5CB8A6;
  --buy_tab_selected_icon: #5CB8A6;
  --buy_tab_unselected: #5CB8A6;
  --buy_tab_unselected_font: #FFFFFF;
  --buy_tab_unselected_icon: #FFFFFF;
  --buy_btn_off: #FFFFFF;
  --buy_btn_off_icon: #5CB8A6;
  --buy_btn_off_font: #5CB8A6;
  --buy_btn_on: #5CB8A6;
  --buy_btn_on_icon: #FFFFFF;
  --buy_btn_on_font: #FFFFFF;
  --memo_menu: #804294;
  --memo_btn_action_static: #804294;
  --memo_btn_action_static_font: #FFFFFF;
  --memo_btn_action_static_icon: #FFFFFF;
  --memo_tab_selected: #FFFFFF;
  --memo_tab_selected_font: #804294;
  --memo_tab_selected_icon: #804294;
  --memo_tab_unselected: #804294;
  --memo_tab_unselected_font: #FFFFFF;
  --memo_tab_unselected_icon: #FFFFFF;
  --request_btn_negative: #d0021b;
  --request_btn_negative_font: #FFFFFF;
  --request_btn_positive: #7ED321;
  --request_btn_positive_font: #FFFFFF;
  --chat_bg: #FFFFFF;
  --chat_bg_font: #9B9B9B;
  --chat_sent_bg: #9665A6;
  --chat_sent_font: #FFFFFF;
  --chat_received_bg: #9665A6;
  --chat_received_font: #FFFFFF;
  --input_field_bg_static: #FFFFFF;
  --input_field_font_static: #706F76;
  --input_field_line_static: #BFBFC3;
  --input_field_bg_active: #FFFFFF;
  --input_field_font_active: #292735;
  --input_field_line_active: #804294;
  --global_input_field_static_bg_color: #FFFFFF;
  --global_input_field_static_line_color: #BFBFC3;
  --global_input_field_static_font_color: #000000;
  --global_input_field_active_bg_color: #FFFFFF;
  --global_input_field_active_line_color: #804294;
  --global_input_field_active_font_color: #000000;
  --main_bg_secondary_highlight_color: #DBDBDF;
  --bmh_button_hold_active_icon_color: #e30047;
  --bmh_button_hold_active_font_color: #e30047;
  --bmh_button_hold_active_color: #E9E9EB;
  --bmh_button_memo_active_icon_color: #804294;
  --bmh_button_memo_active_font_color: #804294;
  --bmh_button_memo_active_color: #E9E9EB;
  --bmh_button_buy_active_icon_color: #5cb8a6;
  --bmh_button_buy_active_font_color: #5cb8a6;
  --bmh_button_buy_active_color: #E9E9EB;
  --bmh_button_hold_static_icon_color: #FFFFFF;
  --bmh_button_hold_static_font_color: #FFFFFF;
  --bmh_button_hold_static_color: #e30047;
  --bmh_button_memo_static_icon_color: #FFFFFF;
  --bmh_button_memo_static_font_color: #FFFFFF;
  --bmh_button_memo_static_color: #804294;
  --bmh_button_buy_static_icon_color: #FFFFFF;
  --bmh_button_buy_static_font_color: #FFFFFF;
  --bmh_button_buy_static_color: #5cb8a6;
  --diamond_details_column_memo_bg: #804294;
  --diamond_details_column_memo_font: #FFFFFF;
  --diamond_details_column_memo_label: #ffffff;
  --diamond_details_column_buy_bg: #5cb8a6;
  --diamond_details_column_buy_font: #FFFFFF;
  --diamond_details_column_buy_label: #ffffff;
  --diamond_details_column_hold_bg: #e30047;
  --diamond_details_column_hold_font: #FFFFFF;
  --diamond_details_column_hold_label: #ffffff;
  --bmh_buy_request_option_on: #5cb8a6;
  --bmh_buy_request_option_on_font: #FFFFFF;
  --bmh_buy_request_option_off: #FFFFFF;
  --bmh_buy_request_option_off_font: #5cb8a6;
  --bmh_hold_request_option_on: #e30047;
  --bmh_hold_request_option_on_font: #FFFFFF;
  --bmh_hold_request_option_off: #FFFFFF;
  --bmh_hold_request_option_off_font: #e30047;
  --product_icon_labgrown_bg: #E08362;
  --product_icon_labgrown_font: #FFFFFF;
  --drop_menu_bg_color: #804294;
  --drop_menu_font_color: #FFFFFF;
  --drop_menu_icon_color: #FFFFFF;
  --drop_menu_static_bg_color: #E5E5E5;
  --drop_menu_static_font_color: #4F4E57;
  --drop_menu_static_icon_color: #4F4E57;
  --drop_menu_active_bg_color: #804294;
  --drop_menu_active_font_color: #FFFFFF;
  --drop_menu_active_icon_color: #FFFFFF;
  --input_field_line_error: #ff0000;
  --drop_menu_unselected_bg_color: #EDEDEC;
  --drop_menu_unselected_font_color: #262431;
  --drop_menu_unselected_icon_color: #262431;
  --notification_btn_unread: #33323F;
  --notification_btn_unread_font: #FFFFFF;
  --notification_btn_unread_icon: #FFFFFF;
  --notification_btn_hover: #3E3D49;
  --notification_btn_hover_font: #FFFFFF;
  --notification_btn_hover_icon: #FFFFFF;
  --notification_btn_active: #652E77;
  --notification_btn_active_font: #FFFFFF;
  --notification_btn_active_icon: #FFFFFF;
  --notification_btn_read: #5E5D67;
  --notification_btn_read_font: #FFFFFF;
  --notification_btn_read_icon: #FFFFFF;
  --light_box: rgba(0, 0, 0, 0.7);
  --menu_white_price_mode_off: #3E3D49;
  --menu_white_price_mode_off_icon: #FFFFFF;
  --menu_white_price_mode_off_font: #FFFFFF;
  --menu_white_price_mode_on: rgba(255, 255, 255, 0.1);
  --menu_white_price_mode_on_icon: #FFFFFF;
  --menu_white_price_mode_on_font: #FFFFFF;
  --menu_green_price_mode_off: #3E3D49;
  --menu_green_price_mode_off_icon: #67b314;
  --menu_green_price_mode_off_font: #FFFFFF;
  --menu_green_price_mode_on: rgba(103, 179, 20, 0.1);
  --menu_green_price_mode_on_icon: #67b314;
  --menu_green_price_mode_on_font: #67b314;
  --menu_orange_price_mode_off: #3E3D49;
  --menu_orange_price_mode_off_icon: #f5a623;
  --menu_orange_price_mode_off_font: #FFFFFF;
  --menu_orange_price_mode_on: rgba(244, 196, 63, 0.1);
  --menu_orange_price_mode_on_icon: #f5a623;
  --menu_orange_price_mode_on_font: #f5a623;
  --alert_button_font_color: #ffffff;
  --alert_button_icon_color: #ffffff;
  --alert_button_green: #00b140;
  --alert_button_orange: #ffa500;
  --alert_button_red: #D8394C;
  --heart_bg_on_icon_color: #804294;
  --heart_outline_on_icon_color: #FFFFFF;
  --heart_bg_off_icon_color: #FFFFFF;
  --heart_outline_off_icon_color: #804294;
  --action_btn_secondary_color: #804294;
  --action_btn_secondary_font_color: #804294;
  --action_btn_secondary_icon_color: #804294;
  --toggle_btn_static_bg_color: #9264A5;
  --toggle_btn_static_font_icon_color: #FFFFFF;
  --toggle_btn_active_bg_color: rgba(225, 225, 225, 0);
  --toggle_btn_active_border_color: #9264A5;
  --toggle_btn_active_font_icon_color: #9264A5;
  --hyperlink_font_color: #0091ff;
  --cover_image_bg_size: cover;
  --menu_button_product_on_bg_diamond: #804294;
  --menu_button_product_on_icon_diamond: #FFFFFF;
  --menu_button_product_off_bg_diamond: #804294;
  --menu_button_product_off_icon_diamond: #FFFFFF;
  --menu_button_product_hover_bg_diamond: #a67bb4;
  --menu_button_product_hover_icon_diamond: #FFFFFF;
  --menu_button_product_on_bg_gemstone: #4670b6;
  --menu_button_product_on_icon_gemstone: #FFFFFF;
  --menu_button_product_off_bg_gemstone: #4670b6;
  --menu_button_product_off_icon_gemstone: #FFFFFF;
  --menu_button_product_hover_bg_gemstone: #7d9bcc;
  --menu_button_product_hover_icon_gemstone: #FFFFFF;
  --menu_button_product_on_bg_jewelry: #5cb8a6;
  --menu_button_product_on_icon_jewelry: #FFFFFF;
  --menu_button_product_off_bg_jewelry: #5cb8a6;
  --menu_button_product_off_icon_jewelry: #FFFFFF;
  --menu_button_product_hover_bg_jewelry: #8dcdc0;
  --menu_button_product_hover_icon_jewelry: #FFFFFF;
  --menu_button_product_on_bg_lab_grown_diamond: #e08262;
  --menu_button_product_on_icon_lab_grown_diamond: #FFFFFF;
  --menu_button_product_off_bg_lab_grown_diamond: #e08262;
  --menu_button_product_off_icon_lab_grown_diamond: #FFFFFF;
  --menu_button_product_hover_bg_lab_grown_diamond: #e9a891;
  --menu_button_product_hover_icon_lab_grown_diamond: #FFFFFF;
  --contact_btn_static_color: #4670B6;
  --contact_button_static_font_color: #ffffff;
  --contact_button_static_icon_color: #ffffff;
  --contact_btn_active_color: #2956A0;
  --contact_button_active_font_color: #ffffff;
  --contact_button_active_icon_color: #ffffff;
  --diamond_details_column_contact_bg: #2956A0;
  --bmh_button_contact_active_color: #E9E9EB;
  --bmh_button_contact_active_font_color: #2956A0;
  --diamond_details_column_contact_label: #ffffff;
  --diamond_details_column_contact_font: #ffffff;
  --global_main_bg_color: #F4F3F3;
  --global_main_bg_highlight: #EDEDEC;
  --global_main_bg_font_color: #373640;
  --global_main_bg_font_label_color: #706F76;
  --global_main_bg_icon_color: #5CB8A6;
  --global_action_btn_static_color: #382F3A;
  --global_action_btn_static_font_color: #FFFFFF;
  --global_action_btn_static_color_bottom: #382F3A;
  --global_action_btn_static_icon_color: #FFFFFF;
  --global_action_btn_active_color: #9D939F;
  --global_action_btn_active_font_color: #FFFFFF;
  --global_action_btn_active_icon_color: #FFFFFF;
  --global_action_btn_active_color_bottom: #9D939F;
  --global_drop_menu_static_bg_color: #E5E5E5;
  --global_drop_menu_static_font_color: #4F4E57;
  --global_drop_menu_active_bg_color: #5CB8A6;
  --global_drop_menu_active_font_color: #FFFFFF;
  --global_action_button_secondary_font_color: #382F3A;
  --global_action_button_secondary_color: #382F3A;
  --global_cart_icon_color: #5CB8A6;
  --global_alert_color: #ffffff;
  --global_success_icon_color: #67B314;
  --global_failure_font_color: #D8394C;
  --global_failure_icon_color: #D8394C;
  --global_menu_button_static_secondary_bg_color: #3E3D49;
  --global_menu_button_static_secondary_font_icon_color: #ffffff;
  --heart_arrow_icon_color: #D8394C;
  --global_menu_button_product_secondary_bg_color: ;
  --global_menu_button_product_secondary_font_icon_color: ;
  --global_menu_btn_active_bg_color: ;
  --global_menu_btn_active_font_icon_color: ;
  --global_menu_btn_tertiary_active_bg_color: #d3d3d3;
  --global_menu_btn_tertiary_active_font_icon_color: #fff;
  --image_bg_color: #FFFFFF;
  --option_btn_disabled_color: #BFBFC3;
  --option_btn_disabled_font_color: #FFFFFF;
  --option_btn_disabled_icon_color: #FFFFFF;
  --fab_static_bg: #753E85;
  --fab_static_font: #FFFFFF;
  --fab_active_bg: #663476;
  --fab_active_font: #FFFFFF;
  --fab_hover_bg: #9F55B6;
  --fab_hover_font: #FFFFFF;
  --global_filter_header_bg_action_color: #0079FF;
  --main_bg_wholesale: #DBDBDE;
  --input_field_static_font_color: #EDEDEC;
  --input_field_static_line_color: #BFBFC3;
  --video_chat_available_bg_color: #4EC123;
  --video_chat_available_font_color: #ffffff;
  --video_chat_available_icon_color: #4EC123;
  --main_bg_sub_font_color: #B3292735;
}
body {

  background-color: #F4F4F4;
  background-color: var(--main_bg_color, #F4F4F4) !important;
}
body button {
  outline: none !important;
}
.no-scroll, .modal-open {
  overflow: hidden !important;
}
@media screen and (max-width: 576px) {
  .diamond-details-header .pt-sm-5, .media-container .pt-sm-5 {
    padding-top: 3rem;
  }
  .diamond-details-header .pt-sm-4, .media-container .pt-sm-4 {
    padding-top: 1.5rem;
  }
  .diamond-details-header .mt-sm-5, .media-container .mt-sm-5 {
    margin-top: 3rem;
  }
}
@media screen and (min-width: 1650px) {
  body {
    zoom: 100% !important;
  }

  .scrollable-content, .home-page-container {
    zoom: 100%;
  }

  .side-bar {
    min-height: calc(91vh - 131px) !important;
  }

  /* Safari only override */
  _::-webkit-full-page-media, _:future, :root .side-bar {
    min-height: calc(100vh - 131px) !important;
  }
}
@media screen and (min-width: 1800px) {
  body {
    zoom: 100% !important;
  }

  .scrollable-content, .home-page-container {
    zoom: 100%;
  }

  .side-bar {
    min-height: calc(87vh - 131px) !important;
  }

  /* Safari only override */
  _::-webkit-full-page-media, _:future, :root .side-bar {
    min-height: calc(100vh - 131px) !important;
  }
}
@media screen and (min-width: 1950px) {
  body {
    zoom: 100% !important;
  }

  .scrollable-content, .home-page-container {
    zoom: 100%;
  }

  .side-bar {
    min-height: calc(80vh - 131px) !important;
  }

  /* Safari only override */
  _::-webkit-full-page-media, _:future, :root .side-bar {
    min-height: calc(100vh - 131px) !important;
  }
}
@media screen and (min-width: 2100px) {
  body {
    zoom: 100% !important;
  }

  .scrollable-content, .home-page-container {
    zoom: 100%;
  }

  .side-bar {
    min-height: calc(74vh - 131px) !important;
  }

  /* Safari only override */
  _::-webkit-full-page-media, _:future, :root .side-bar {
    min-height: calc(100vh - 131px) !important;
  }
}
@media screen and (min-width: 2250px) {
  body {
    zoom: 100% !important;
  }

  .scrollable-content, .home-page-container {
    zoom: 100%;
  }

  .side-bar {
    min-height: calc(69vh - 131px) !important;
  }

  /* Safari only override */
  _::-webkit-full-page-media, _:future, :root .side-bar {
    min-height: calc(100vh - 131px) !important;
  }
}
@media screen and (max-width: 1024px) {
  .multiple-location-wrapper .company-name .icon {
    left: 2% !important;
  }
}
@media screen and (min-width: 480px) and (max-width: 991px) {
  .ml-md-3 {
    margin-left: 1.5rem !important;
  }
}
.touch-device .tooltip {
  display: none !important;
}
a {
  -webkit-appearance: none !important;
}
@font-face {
  font-family: "VDB";
  src: url("../fonts/VDB.eot?htrx5j");
  src: url("../fonts/VDB.eot?htrx5j#iefix") format("embedded-opentype"), url("../fonts/VDB.ttf?htrx5j") format("truetype"), url("../fonts/VDB.woff?htrx5j") format("woff"), url("../fonts/VDB.svg?htrx5j#VDB") format("svg");
  font-weight: normal;
  font-style: normal;
}
.vi {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "VDB" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon_shape_asscher:before {
  content: "";
  color: inherit;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon_shape_baguette:before {
  content: "";
  color: inherit;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon_shape_briolette:before {
  content: "";
  color: inherit;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon_shape_bullets:before {
  content: "";
  color: inherit;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon_shape_cushion:before {
  content: "";
  color: inherit;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon_shape_emerald:before {
  content: "";
  color: inherit;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon_shape_european:before {
  content: "";
  color: inherit;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon_shape_flanders:before {
  content: "";
  color: inherit;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon_shape_half_moon:before {
  content: "";
  color: inherit;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon_shape_heart:before {
  content: "";
  color: inherit;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon_shape_hexagonal:before {
  content: "";
  color: inherit;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon_shape_kite:before {
  content: "";
  color: inherit;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon_shape_lozenge:before {
  content: "";
  color: inherit;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon_shape_marquise:before {
  content: "";
  color: inherit;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon_shape_octagonal:before {
  content: "";
  color: inherit;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon_shape_old_miners:before {
  content: "";
  color: inherit;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon_shape_other:before {
  content: "";
  color: inherit;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 8px;
}
.icon_shape_oval:before {
  content: "";
  color: inherit;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon_shape_half_moon_cut:before {

  color: inherit;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon_shape_half_moon:before {

  color: inherit;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon_shape_pear:before {
  content: "";
  color: inherit;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.icon_shape_taper {
 background: url(../images/taper_buguette.png) no-repeat;
 width: 27px !important;
 height: 45px !important;
  color: inherit;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon_shape_cris_cut{
    background: url(../images/cris_cut.png) no-repeat;
     width: 32px !important;
     height: 47px !important;
      color: inherit;
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
}
.circle.icon_shape_cris_cut {
    border-radius: inherit;
}

.icon_shape_half_moon_cut {
 background: url(../images/half_moon_step_cut.png) no-repeat;
 width: 37px !important;
 height: 45px !important;
  color: inherit;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon_shape_straight {
 background: url(../images/straight_buguette.png) no-repeat;
 width: 37px !important;
 height: 45px !important;
  color: inherit;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon_shape_trapezoid_step {
 background: url(../images/trapezoid_step_cut.png) no-repeat;
 width: 30px !important;
 height: 45px !important;
  color: inherit;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon_shape_decagon {
 background: url(../images/decagon.png) no-repeat;
 width: 45px !important;
 height: 45px !important;
  color: inherit;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.circle.icon_shape_octagon{border-radius: inherit;}
.icon_shape_octagon {
 background: url(../images/octagon.png) no-repeat;
 width: 45px !important;
 height: 45px !important;
  color: inherit;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.circle.icon_shape_flame{border-radius: inherit;}
.icon_shape_flame {
 background: url(../images/flame.png) no-repeat;
 width: 31px !important;
 height: 45px !important;
  color: inherit;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon_shape_cadillac {
 background: url(../images/cadillac_step_cut.png) no-repeat;
 width: 30px !important;
 height: 45px !important;
  color: inherit;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon_shape_pentagonal:before {
  content: "";
  color: inherit;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon_shape_princess:before {
  content: "";
  color: inherit;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon_shape_radiant:before {
  content: "";
  color: inherit;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon_shape_rose_cut:before {
  content: "";
  color: inherit;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon_shape_round:before {
  content: "";
  color: inherit;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon_shape_shield:before {
  content: "";
  color: inherit;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon_shape_sq_emerald:before {
  content: "";
  color: inherit;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon_shape_square:before {
  content: "";
  color: inherit;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon_shape_star:before {
  content: "";
  color: inherit;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon_shape_step_cut:before {
  content: "";
  color: inherit;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon_shape_tap_Baguette:before {
  content: "";
  color: inherit;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon_shape_trapezoid:before {
  content: "";
  color: inherit;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon_shape_triangle:before {
  content: "";
  color: inherit;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon_shape_triangular:before {
  content: "";
  color: inherit;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}


.icon_shape_trillion:before {
  content: "";
  color: inherit;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.x_alert_toaster:before {
  content: "";
  color: inherit;
}
.icon_sort_discount_percent:before, .icon_sort_price_per_carat:before, .icon_sort_total_sales_price:before, .icon_sort_meas_ratio:before,
.icon_sort_meas_length:before, .icon_sort_size:before, .icon_sort_center_size:before, .icon_sort_color:before, .icon_sort_clarity:before, .icon_sort_cut:before,
.icon_sort_fluor_intensity:before {
  width: 100%;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon_sort_shape, .icon_sort_polish, .icon_sort_symmetry, .icon_sort_depth_percent, .icon_sort_table_percent {
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon_sort_add:before {
  content: "";
  color: inherit;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon_sort_arrow_down:before {
  content: "";
  color: inherit;
  width: 100%;
  font-size: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon_sort_arrow_up:before {
  content: "";
  color: inherit;
  width: 100%;
  font-size: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon_sort_cancel {
  font-size: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon_sort_cancel:before {
  content: "";
  color: inherit;
}
.icon_sort_size:before,
.icon_sort_center_size:before {
  content: "";
  color: inherit;
}
.icon_sort_clarity:before {
  content: "";
  color: inherit;
}
.icon_sort_color:before {
  content: "";
  color: inherit;
}
.icon_sort_cut:before {
  content: "";
  color: inherit;
}
.icon_sort_depth_percent .path1:before {
  content: "";
  color: inherit;
}
.icon_sort_depth_percent .path2:before {
  content: "";
  margin-left: -1.142578125em;
  color: inherit;
  opacity: 0.5;
}
.icon_sort_discount_percent:before {
  content: "";
  color: inherit;
}
.icon_sort_fancy_color .path1:before {
  content: "";
  color: inherit;
  opacity: 0.3;
}
.icon_sort_fancy_color .path2:before {
  content: "";
  margin-left: -1.0498046875em;
  color: inherit;
  opacity: 0.5;
}
.icon_sort_fancy_color .path3:before {
  content: "";
  margin-left: -1.0498046875em;
  color: inherit;
}
.icon_sort_fluor_intensity:before {
  content: "";
  color: inherit;
}
.icon_sort_lab:before {
  content: "";
  color: inherit;
}
.icon_sort_location:before {
  content: "";
  color: inherit;
}
.icon_sort_meas_length:before {
  content: "";
  color: inherit;
}
.icon_sort_move:before {
  content: "";
  color: inherit;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon_sort_polish:before {
  content: "";
  color: inherit;
}
.icon_sort_price_per_carat:before {
  font-size: 23px;
  content: "";
  color: inherit;
}
.icon_sort_meas_ratio:before {
  content: "";
  color: inherit;
}
.icon_sort_shape .path1:before {
  content: "";
  color: inherit;
  opacity: 0.3;
}
.icon_sort_shape .path2:before {
  content: "";
  margin-left: -1.466796875em;
  color: inherit;
  opacity: 0.7;
}
.icon_sort_shape .path3:before {
  content: "";
  margin-left: -1.466796875em;
  color: inherit;
}
.icon_sort_supplier:before {
  content: "";
  color: inherit;
}
.icon_sort_symmetry:before {
  content: "";
  color: inherit;
}
.icon_sort_table_percent .path1:before {
  content: "";
  color: inherit;
  opacity: 0.5;
}
.icon_sort_table_percent .path2:before {
  content: "";
  margin-left: -1.142578125em;
  color: inherit;
}
.icon_sort_total_sales_price:before {
  font-size: 23px;
  content: "";
  color: inherit;
}
.icon_sort:before {
  content: "";
  color: inherit;
  font-size: 18px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.icon_mainmenu_close:before {
  content: "";
  color: inherit;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon_mainmenu_expend:before {
  content: "";
  color: inherit;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mainmenu_collection:before, .mainmenu_favorite:before, .mainmenu_notification:before, .mainmenu_saved_search:before, .mainmenu_search:before, .mainmenu_home:before {
  font-size: 18px;
}
.mainmenu_collection:before {
  content: "";
  color: inherit;
}
.mainmenu_favorite:before {
  content: "";
  color: inherit;
}
.mainmenu_notification:before {
  content: "";
  font-size: 22px;
  color: inherit;
}
.mainmenu_saved_search:before {
  content: "";
  color: inherit;
}
.mainmenu_search:before {
  content: "";
  color: inherit;
}
.mainmenu_switch_diamond:before {
  content: "";
  color: inherit;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mainmenu_switch_gemstone:before, .icon_sort_type:before {
  content: "";
  color: inherit;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mainmenu_switch_jewelry:before {
  content: "";
  color: inherit;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.button_collection_image_off .path1:before {
  content: "";
  color: inherit;
}
.button_collection_image_off .path2:before {
  content: "";
  margin-left: -1em;
  color: inherit;
}
.button_collection_image_off .path3:before {
  content: "";
  margin-left: -1em;
  color: inherit;
}
.button_collection_image_on .path1:before {
  content: "";
  color: inherit;
  opacity: 0.8;
}
.button_collection_image_on .path2:before {
  content: "";
  margin-left: -1em;
  color: inherit;
}
.button_collection_video_off .path1:before {
  content: "";
  color: inherit;
}
.button_collection_video_off .path2:before {
  content: "";
  margin-left: -1em;
  color: inherit;
}
.button_collection_video_on:before {
  content: "";
  color: inherit;
}
.icon_collection_share:before {
  content: "";
  color: inherit;
}
.icon_collection_add:before {
  content: "";
  color: inherit;
}
.icon_collection_delete:before {
  content: "";
  color: inherit;
}
.icon_collection_edit:before {
  content: "";
  color: inherit;
}
.icon_collection_view:before {
  content: "";
  color: inherit;
}
.icon_savesearch_delete:before {
  content: "";
  color: inherit;
}
.icon_savesearch_diamond:before {
  content: "";
  color: inherit;
}
.icon_savesearch_edit:before {
  content: "";
  color: inherit;
}
.icon_savesearch_view:before {
  content: "";
  color: inherit;
}
.icon_results_image_favorite_off {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px;
}
.icon_results_image_favorite_off .path1:before {
  content: "";
  color: inherit;
}
.icon_results_image_favorite_off .path2:before {
  content: "";
  margin-left: -1.1337890625em;
  color: inherit;
}
.icon_results_image_favorite_off .path3:before {
  content: "";
  margin-left: -1.1337890625em;
  color: inherit;
}
.icon_results_image_match_purple {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon_results_image_match_purple:before {
  content: "";
  color: inherit;
}
.icon_results_image_share_purple {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon_results_image_share_purple:before {
  content: "";
  color: inherit;
}
.icon_serachlist_list_view_gray:before {
  content: "";
}
.icon_serachlist_list_view_purple:before {
  content: "";
  color: inherit;
}
.icon_serachlist_tumbnail_view_gray:before {
  content: "";
}
.icon_serachlist_tumbnail_view_purple:before {
  content: "";
  color: inherit;
}
.icon_sort_arrow_default:before {
  content: "";
}
.icon_topmenu_save:before {
  content: "";
  color: inherit;
}
.icon_search_small:before {
  content: "";
  color: inherit;
}
.switch_checkmark_white:before {
  content: "";
  color: inherit;
}
.icon_budget:before {
  content: "";
  color: inherit;
}
.icon_carat:before {
  content: "";
  color: inherit;
}
.icon_clarity:before {
  content: "";
  color: inherit;
}
.icon_color:before {
  content: "";
  color: inherit;
}
.icon_cut:before {
  content: "";
  color: inherit;
}
.icon_depth .path1:before {
  content: "";
  color: inherit;
}
.icon_depth .path2:before {
  content: "";
  margin-left: -1.150390625em;
  color: inherit;
  opacity: 0.5;
}
.icon_fancy .path1:before {
  content: "";
  color: inherit;
  opacity: 0.3;
}
.icon_fancy .path2:before {
  content: "";
  margin-left: -1.0380859375em;
  color: inherit;
  opacity: 0.5;
}
.icon_fancy .path3:before {
  content: "";
  margin-left: -1.0380859375em;
  color: inherit;
}
.icon_flur:before {
  content: "";
  color: inherit;
}
.icon_lab:before {
  content: "";
  color: inherit;
}
.icon_location:before {
  content: "";
  color: inherit;
}
.icon_shape .path1:before {
  content: "";
  color: inherit;
  opacity: 0.3;
}
.icon_shape .path2:before {
  content: "";
  margin-left: -1.4287109375em;
  color: inherit;
  opacity: 0.8;
}
.icon_shape .path3:before {
  content: "";
  margin-left: -1.4287109375em;
  color: inherit;
}
.icon_supplier:before {
  content: "";
  color: inherit;
}
.icon_table .path1:before {
  content: "";
  color: inherit;
  opacity: 0.5;
}
.icon_table .path2:before {
  content: "";
  margin-left: -1.150390625em;
  color: inherit;
}
.icon_treatment:before {
  content: "";
  color: inherit;
}
.icon_vendor_match:before {
  content: "";
  color: inherit;
}
.icon_detail_page_buy_disable:before {
  content: "";
  color: inherit;
}
.icon_detail_page_buy_large:before {
  content: "";
  color: inherit;
}
.icon_detail_page_buy_off:before {
  content: "";
  color: inherit;
}
.icon_detail_page_buy_on:before {
  content: "";
  color: inherit;
}
.icon_detail_page_cert_gray:before {
  content: "";
  color: inherit;
}
.icon_detail_page_cert_purple:before {
  content: "";
  color: inherit;
}
.icon_detail_page_cert_white:before {
  content: "";
  color: inherit;
}
.icon_detail_page_close_x:before {
  content: "";
}
.icon_detail_page_hold_arrow_down:before {
  content: "";
  color: inherit;
}
.icon_detail_page_hold_arrow_up:before {
  content: "";
  color: inherit;
}
.icon_detail_page_hold_disable:before {
  content: "";
  color: inherit;
}
.icon_detail_page_hold_large:before {
  content: "";
  color: inherit;
}
.icon_detail_page_hold_off:before {
  content: "";
  color: inherit;
}
.icon_detail_page_hold_on:before {
  content: "";
  color: inherit;
}
.icon_detail_page_share_purple:before {
  content: "";
  color: inherit;
}
.icon_detail_page_image_gray:before {
  content: "";
  color: inherit;
}
.icon_detail_page_image_not_available:before {
  content: "";
  color: inherit;
}
.icon_detail_page_image_purple:before {
  content: "";
  color: inherit;
}
.icon_detail_page_image_white:before {
  content: "";
  color: inherit;
}
.icon_detail_page_info_purple:before {
  content: "";
  color: inherit;
}
.icon_detail_page_info_white {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon_detail_page_info_white:before {
  content: "";
  color: inherit;
}
.icon_detail_page_location:before {
  content: "";
  color: inherit;
}
.icon_detail_page_match_arrow_left:before {
  content: "";
  color: inherit;
}
.icon_detail_page_match_arrow_right:before {
  content: "";
  color: inherit;
}
.icon_detail_page_match_gray:before {
  content: "";
  color: inherit;
}
.icon_detail_page_match_purple:before {
  content: "";
  color: inherit;
}
.icon_detail_page_match_white:before {
  content: "";
  color: inherit;
}
.icon_detail_page_memo_off:before {
  content: "";
  color: inherit;
}
.icon_detail_page_orangemode_close:before {
  content: "";
  color: inherit;
}
.icon_detail_page_play_video_purple:before {
  content: "";
  color: inherit;
}
.icon_detail_page_play_video:before {
  content: "";
  color: inherit;
}
.icon_detail_page_report_not_available:before {
  content: "";
  color: inherit;
}
.icon_detail_page_share_gray:before {
  content: "";
  color: inherit;
}
.icon_detail_page_share_white:before {
  content: "";
  color: inherit;
}
.icon_detail_page_share:before {
  content: "";
  color: inherit;
}
.icon_detail_page_supplier:before {
  content: "";
  color: inherit;
}
.icon_detail_page_video_gray:before {
  content: "";
  color: inherit;
}
.icon_detail_page_video_not_available:before {
  content: "";
  color: inherit;
}
.icon_detail_page_video_purple:before {
  content: "";
  color: inherit;
}
.icon_detail_page_video_white:before {
  content: "";
  color: inherit;
}
.icon_setting_menu_open_admin_green:before {
  content: "";
  color: inherit;
}
.icon_setting_menu_open_admin_orange:before {
  content: "";
  color: inherit;
}
.icon_setting_menu_open_admin_white:before {
  content: "";
  color: inherit;
}
.icon_setting_menu_open_contact:before {
  content: "";
  color: inherit;
}
.icon_setting_menu_open_signout:before {
  content: "";
  color: inherit;
}
.icon_setting_menu_open_terms:before {
  content: "";
  color: inherit;
}
.setting_menu_admin_green:before {
  content: "";
  color: inherit;
}
.setting_menu_admin_orange:before {
  content: "";
  color: inherit;
}
.setting_menu_admin_white:before {
  content: "";
  color: inherit;
}
.setting_menu_gear {
  display: flex;
  justify-content: center;
  align-items: center;
}
.setting_menu_gear:before {
  content: "";
  color: inherit;
}
.arrow_up .path1:before {
  content: "";
  color: inherit;
}
.arrow_up .path2:before {
  content: "";
  margin-left: -1em;
  color: inherit;
}
.close_icon:before {
  content: "";
  color: inherit;
}
.curved_arrow:before {
  content: "";
  color: inherit;
}
.LAB-Icon .path1:before {
  content: "";
}
.LAB-Icon .path2:before {
  content: "";
  margin-left: -2.400390625em;
}
.minus:before {
  content: "";
  color: inherit;
}
.plus:before {
  content: "";
  color: inherit;
}
.accessories:before {
  content: "";
  color: inherit;
}
.bangle:before {
  content: "";
  color: inherit;
}
.bracelet:before {
  content: "";
  color: inherit;
}
.bracelets:before {
  content: "";
  color: inherit;
}
.brands:before {
  content: "";
  color: inherit;
}
.budget:before {
  content: "";
  color: inherit;
}
.carat:before {
  content: "";
  color: inherit;
}
.chandeliers:before {
  content: "";
  color: inherit;
}
.choker:before {
  content: "";
  color: inherit;
}
.cuff:before {
  content: "";
  color: inherit;
}
.watch-diamond-bezel:before {
  content: "";
  color: inherit;
}
.watch-diamond-dial:before {
  content: "";
  color: inherit;
}
.diamond:before {
  content: "";
  color: inherit;
}
.drops:before {
  content: "";
  color: inherit;
}
.earrings:before {
  content: "";
  color: inherit;
}
.earring:before {
  content: "";
  color: inherit;
}
.engagement-rings:before {
  content: "";
  color: inherit;
}
.eternity:before {
  content: "";
  color: inherit;
}
.fashion-necklace:before {
  content: "";
  color: inherit;
}
.fashion-women:before {
  content: "";
  color: inherit;
}
.fashion-studs:before {
  content: "";
  color: inherit;
}
.fashion:before {
  content: "";
  color: inherit;
}
.filter:before {
  content: "";
  color: inherit;
}
.gemstone:before {
  content: "";
  color: inherit;
}
.halo:before {
  content: "";
  color: inherit;
}
.hoops:before {
  content: "";
  color: inherit;
}
.lab-icon:before {
  content: "";
  color: inherit;
}
.lariat:before {
  content: "";
  color: inherit;
}
.watch-leather-strap-old:before {
  content: "";
  color: inherit;
}
.Bracelets.link:before {
  content: "";
  color: inherit;
}
.location-icon:before {
  content: "";
  color: inherit;
}
.watch-men:before {
  content: "";
  color: inherit;
}
.fashion-men:before {
  content: "";
  color: inherit;
}
.mens:before {
  content: "";
  color: inherit;
}
.watch-metal-bracelet:before {
  content: "";
  color: inherit;
}
.metal:before {
  content: "";
  color: inherit;
}
.watch-midsize:before {
  content: "";
  color: inherit;
}
.necklaces:before {
  content: "";
  color: inherit;
}
.pearl-earrings:before {
  content: "";
  color: inherit;
}
.pendants:before {
  content: "";
  color: inherit;
}
.pearls:before {
  content: "";
  color: inherit;
}
.Necklaces.pendants:before {
  content: "";
  color: inherit;
}
.plain:before {
  content: "";
  color: inherit;
}
.ring-size:before {
  content: "";
  color: inherit;
}
.rings:before {
  content: "";
  color: inherit;
}
.side-stone:before {
  content: "";
  color: inherit;
}
.single-strand-necklace:before {
  content: "";
  color: inherit;
}
.solitaire:before {
  content: "";
  color: inherit;
}
.stacking:before {
  content: "";
  color: inherit;
}
.studs:before {
  content: "";
  color: inherit;
}
.supplier-icon:before {
  content: "";
  color: inherit;
}
.tennis-necklace:before {
  content: "";
  color: inherit;
}
.tennis:before {
  content: "";
  color: inherit;
}
.three-stone:before {
  content: "";
  color: inherit;
}
.treat:before {
  content: "";
  color: inherit;
}
.vintage:before {
  content: "";
  color: inherit;
}
.watches:before {
  content: "";
  color: inherit;
}
.wedding-bands:before {
  content: "";
  color: inherit;
}
.watch-women:before {
  content: "";
  color: inherit;
}
.wreath:before {
  content: "";
  color: inherit;
}
.watch-leather-strap .path1:before {
  content: "";
  color: inherit;
}
.watch-leather-strap .path2:before {
  content: "";
  margin-left: -1em;
  color: inherit;
}
.meas:before {
  content: "";
  color: inherit;
}
.ratio:before {
  content: "";
  color: inherit;
}
.register {
  /*font-size: 24px !important;*/
  position: relative;
}
.register .path1:before {
  content: "";
  color: inherit;
}
.register .path2:before {
  content: "";
  color: #292735;
  position: absolute;
  bottom: 0;
  font-size: 25px;
  right: 12px;
  z-index: 1;
}
.register .path3:before {
  content: "";
  color: inherit;
  position: absolute;
  bottom: 0;
  right: 12px;
  z-index: 2;
}
.register .path4:before {
  content: "";
  color: #292735;
  position: absolute;
  bottom: 0;
  right: 12px;
  z-index: 4;
}
.signin:before {
  content: "";
  color: inherit;
}
.cart_added:before {
  content: "";
  color: inherit;
}
.dots_v:before {
  content: "";
  color: inherit;
}
.cart_add:before {
  content: "";
  color: inherit;
}
.cart_list:before {
  content: "";
  color: inherit;
}
.done-tick:before {
  content: "";
  color: inherit;
}
.call_mobile:before {
  content: "";
  color: inherit;
}
.call_office:before {
  content: "";
  color: inherit;
}
.call_text:before {
  content: "";
  color: inherit;
}
.mainmenu_home:before {
  content: "";
  color: inherit;
}
.hearts_arrows:before {
  content: "";
  color: inherit;
}
.bulk_order_add:before {
  content: "";
  color: inherit;
}
.bulk_order_added:before {
  content: "";
  color: inherit;
}
.bulk_order_list:before {
  content: "";
  color: inherit;
}
.bulk_order_edit:before {
  content: "";
  color: inherit;
}
.eye-closed:before {
  content: "";
  color: inherit;
  font-size: 30px;
  position: relative;
  right: -4px;
}
.eye-open:before {
  content: "";
  color: inherit;
}
.exhibitors:before {
  content: "";
}
.cash:before {
  content: "";
  color: inherit;
}
.expo_logo:before {
  content: "";
}
.no_picture_icon .path1:before {
  content: "";
  color: inherit;
  opacity: 0.1;
}
.no_picture_icon .path2:before {
  content: "";
  margin-left: -1em;
  color: inherit;
  opacity: 0.008;
}
.end-call:before {
  content: "";
  color: inherit;
}
.mic-off:before {
  content: "";
  color: inherit;
}
.mic:before {
  content: "";
  color: inherit;
}
.cam-off:before {
  content: "";
  color: inherit;
}
.cam:before {
  content: "";
  color: inherit;
}
.video_play_icon .path1:before {
  content: "";
  color: inherit;
}
.video_play_icon .path2:before {
  content: "";
  margin-left: -1em;
  color: inherit;
}
.eye-closed:before {
  content: "";
  color: inherit;
}
.eye-open:before {
  content: "";
  color: inherit;
}
.exhibitors:before {
  content: "";
  color: inherit;
}
.icon_shape_cabochon:before {
  content: "";
  color: inherit;
}
.add-user-to-video-chat:before {
  content: "";
  color: inherit;
}
.exhibitor-profile:before {
  content: "";
  color: inherit;
}
.img_not_available:before {
  content: "";
  color: inherit;
}
.icon_shape_sig81:before {
  content: "";
  color: inherit;
}
.calendar_material:before {
  content: "";
  color: inherit;
}
.growth-type:before {
  content: "";
  color: inherit;
}
.round-light-purple-btn {
  border-radius: 35px;
  display: inline-block;
  line-height: 18px;
  padding: 12px 35px;
  vertical-align: middle;
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
}
.round-light-purple-btn:hover {
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
}
.round-light-purple-btn.big {
  padding: 20px 50px;
  font-size: 15px;
  letter-spacing: 1px;
}
.translucent-box, .translucent-data {
  position: relative;
}
input[type=text]:-webkit-autofill, input[type=password]:-webkit-autofill, input[type=email]:-webkit-autofill {
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  -webkit-text-fill-color: #292735;
}
input[type=text]:-webkit-autofill:hover, input[type=password]:-webkit-autofill:hover, input[type=email]:-webkit-autofill:hover {
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  -webkit-text-fill-color: #292735;
}
input[type=text]:-webkit-autofill:focus, input[type=password]:-webkit-autofill:focus, input[type=email]:-webkit-autofill:focus {
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  -webkit-text-fill-color: #292735;
}
input[type=text]:-webkit-autofill:active, input[type=password]:-webkit-autofill:active, input[type=email]:-webkit-autofill:active {
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  -webkit-text-fill-color: #292735;
}
input {
  border: none;
  outline: none;
}
.hide {
  display: none !important;
}
.add-collection-modal .modal-header h5 {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.add-collection-modal .modal-body {
  background-color: #f4f4f4;
}
.add-collection-modal .modal-body input {
  background-color: #ffffff;
  color: #292735;
  padding: 15px 10px;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
  outline: none;
  border: none;
  width: 100%;
}
.add-collection-modal .modal-footer button {
  outline: none;
  cursor: pointer;
}
.add-collection-modal .modal-footer .save {
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
}
.add-collection-modal .modal-footer .cancel {
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  color: #804294;
  color: var(--option_btn_off_font_color, #804294) !important;
  border: 1px solid;
  border-color: #9665A6;
  border-color: var(--option_btn_on_color, #9665A6) !important;
}
a {
  cursor: pointer;
}
a:hover {
  text-decoration: none;
}
[input=submit] {
  cursor: pointer;
}
.shade-box {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
.shape-base-label, .carat-base-label, .color-base-label, .fancy-base-label,
.clarity-base-label, .cut-pol-sym-base-label, .cut-pol-sym, .fluor-base-label,
.lab-base-label, .location-base-label, .supplier-base-label, .depth-base-label,
.budget-base-label, .treatment-base-label, .table-base-label, .ratio-base-label,
.measurement-base-label, .growth-base-label,
.clarity-enhanced-label span, .hpht-label span, .drill-label span {
  font-size: 13px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-weight: 500;
  text-align: center;
  display: inline-block;
  width: 100%;
}
.icon-container .icon {
  color: #804294;
  color: var(--main_bg_icon_color, #804294) !important;
}
.shape-label, .fancy-label, .clarity-label {
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.circle {
  height: auto;
  display: inline-flex;
  border-radius: 50%;
  width: auto;
  /*box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.29);*/
}
.cover {
  width: 66px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.min-label, .max-label, .to-label {
  font-size: 13px;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.shapes-container, .carat-container, .colors-container, .fancy-container,
.clarity-container, .cut-pol-sym-container, .fluor-container, .lab-container,
.location-container, .supplier-container, .depth-table-container, .budget-container, .treatment-container, .lab-grown-shapes-container, .lab-grown-carat-container, .lab-grown-colors-container, .lab-grown-fancy-container,
.lab-grown-clarity-container, .lab-grown-cut-pol-sym-container, .lab-grown-fluor-container, .lab-grown-lab-container,
.lab-grown-location-container, .lab-grown-supplier-container, .lab-grown-depth-table-container, .lab-grown-budget-container, .lab-grown-treatment-container, .ratio-container,
.measurement-container, .growth-container {
  margin-bottom: 3px;
}
.fancy-button {
  display: inline-flex;
  border-radius: 100px;
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.29);
  justify-content: center;
  align-items: center;
  font-weight: 500;
  font-size: 13px;
  margin-bottom: 15px;
  height: 38px;
  width: 118px;
  margin-left: 10px;
}
.icon-container {
  margin: 0 15px 0 10px;
  height: 78px;
}
.icon-container .icon {
  background-repeat: no-repeat;
  background-position: center;
  height: 43px;
  width: 40px;
}
.expanded {
  overflow: visible !important;
  z-index: 1 !important;
  width: 540px !important;
}
.box-shadow-border {
  border: 1px solid;
  border-color: #9665A6;
  border-color: var(--option_btn_on_color, #9665A6) !important;
  box-shadow: 1px 1px 0 0 rgba(55, 54, 64, 0.22);
}
.label-border {
  border-bottom: 3px solid;
  border-color: #9665A6;
  border-color: var(--option_btn_on_color, #9665A6) !important;
}
.sort-icon, .add-icon, .delete-icon, .sort-by-asc-dsc, .drag-icon, .sort-filter-icon, .close-sort-filter, .remove-filter, .asc-dsc {
  display: inline-flex;
  height: 25px;
  width: 25px;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
}
.diamond-no-image-placeholder {
  background-position: center;
  background-repeat: no-repeat;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
.diamond-no-image-placeholder .svg-box {
  text-align: center;
  padding-top: 17%;
  opacity: 0.6;
}
.diamond-no-image-placeholder .svg-box .no-pic-label {
  font-size: 24px;
  padding-top: 35px;
  text-align: center;
  font-weight: inherit;
  font-family: inherit;
  letter-spacing: normal;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  opacity: 0.6;
}
input, textarea {
  outline: none;
}
.itemaddedanimate {
  -webkit-transition: all ease-in-out 0.5s;
  z-index: 1000;
}
iframe {
  border: none;
}
.itemaddedanimate.selected .path1 {
  color: #FFFFFF;
  color: var(--heart_outline_on_icon_color, #FFFFFF) !important;
}
.itemaddedanimate.selected .path2 {
  color: #FFFFFF;
  color: var(--heart_outline_on_icon_color, #FFFFFF) !important;
}
.itemaddedanimate.selected .path3 {
  color: #804294;
  color: var(--heart_bg_on_icon_color, #804294) !important;
}
.itemaddedanimate.unselected .path1 {
  color: #804294;
  color: var(--heart_outline_off_icon_color, #804294) !important;
  font-size: 31px;
}
.itemaddedanimate.unselected .path2 {
  color: #804294;
  color: var(--heart_outline_off_icon_color, #804294) !important;
  font-size: 31px;
}
.itemaddedanimate.unselected .path3 {
  color: #FFFFFF;
  color: var(--heart_bg_off_icon_color, #FFFFFF) !important;
  font-size: 31px;
}
.certificate-modal {
  top: 50%;
  transform: translate(0, -50%) !important;
}
.certificate-modal .video-box {
  height: 470px;
  width: 100%;
  margin: 10px auto;
  position: relative;
}
.certificate-modal .video-box video, .certificate-modal .video-box iframe {
  height: 100%;
  width: 100%;
}
@media screen and (max-width: 420px) {
  .certificate-modal .video-box {
    width: 90%;
    padding-bottom: 90%;
    margin: 10px auto;
  }
  .certificate-modal .video-box video, .certificate-modal .video-box iframe {
    position: absolute;
    top: 0;
    left: 0;
  }
}
.certificate-modal .cert-container {
  position: relative;
  height: 600px;
}
.certificate-modal .cert-container img, .certificate-modal .cert-container iframe {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 650px) {
  .certificate-modal .cert-container imgimg, .certificate-modal .cert-container iframeimg {
    width: unset;
  }
}
.certificate-modal .close-cert-modal {
  position: fixed;
  right: 30px;
  top: 30px;
  z-index: 2;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.certificate-modal .external-link {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1rem;
  font-weight: bold;
  width: 100%;
  text-align: center;
}
.inventory-modal,
.gemstone-promo-modal {
  top: 50%;
  transform: translate(0, -50%) !important;
}
.inventory-modal .modal-content,
.gemstone-promo-modal .modal-content {
  border: 0;
  border-radius: 8px;
  color: #FFFFFF;
  color: var(--menu_bg_font_color, #FFFFFF) !important;
  background-color: #292735;
  background-color: var(--menu_bg_color, #292735) !important;
}
.inventory-modal .modal-content .modal-header,
.gemstone-promo-modal .modal-content .modal-header {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: fixed;
  top: 0;
  width: 100%;
  padding: 0;
  z-index: 10;
}
.inventory-modal .modal-content .modal-header span,
.gemstone-promo-modal .modal-content .modal-header span {
  margin-right: 25px;
  margin-top: 30px;
  font-size: 20px;
  color: #FFFFFF;
  color: var(--menu_bg_font_color, #FFFFFF) !important;
  opacity: 0.7;
  cursor: pointer;
}
.inventory-modal .modal-content .modal-body,
.gemstone-promo-modal .modal-content .modal-body {
  max-width: 350px;
  margin: 50px auto 0;
  font-size: 22px;
  text-align: center;
  padding: 0;
}
.inventory-modal .modal-content .modal-footer,
.gemstone-promo-modal .modal-content .modal-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
}
.inventory-modal .modal-content .modal-footer a,
.gemstone-promo-modal .modal-content .modal-footer a {
  width: 85px;
  height: 85px;
}
.inventory-modal .modal-content .modal-footer a img,
.gemstone-promo-modal .modal-content .modal-footer a img {
  width: 100%;
  height: 100%;
}
.inventory-modal .modal-content .modal-footer a:first-child,
.gemstone-promo-modal .modal-content .modal-footer a:first-child {
  margin-right: 40px;
}
.gemstone-origin-container typeahead-container.dropdown {
  border: none;
  width: 100%;
  border-radius: 0 0 25px 25px;
  margin-top: 0;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: unset !important;
  padding: 0;
  background-color: transparent;
}
.gemstone-origin-container typeahead-container.dropdown .dropdown-item {
  padding: 0;
  border-bottom: 1px solid #ffffff;
  height: 48px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  position: relative;
}
.gemstone-origin-container typeahead-container.dropdown .dropdown-item .data {
  padding-left: 10px;
  width: 100%;
  display: inline-block;
  line-height: 40px;
  height: 48px;
}
.gemstone-origin-container typeahead-container.dropdown .dropdown-item .data .icon {
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  right: 10%;
  display: none;
  font-weight: 700;
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
}
.gemstone-origin-container typeahead-container.dropdown .dropdown-item .data.selected {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
  background-position: right 10px top 12px;
  background-color: #ADDBD2;
  background-color: var(--drop_menu_selected_bg_color, #ADDBD2) !important;
  color: #FFFFFF;
  color: var(--drop_menu_selected_font_color, #FFFFFF) !important;
}
.gemstone-origin-container typeahead-container.dropdown .dropdown-item .data.selected .icon {
  display: inline;
  color: #FFFFFF;
  color: var(--drop_menu_selected_icon_color, #FFFFFF) !important;
}
.video-chat-wrapper .remote-section .participant .user-status-bar {
  display: none;
}
.video-chat-wrapper.group-chat .remote-section {
  display: grid !important;
  overflow: scroll;
}
.video-chat-wrapper.group-chat .remote-section.multi {
  grid-template-columns: repeat(3, minmax(300px, 1fr));
}
@media (min-width: 600px) and (max-width: 920px) {
  .video-chat-wrapper.group-chat .remote-section.multi {
    grid-template-columns: repeat(2, minmax(300px, 1fr)) !important;
  }
}
@media screen and (max-width: 600px) {
  .video-chat-wrapper.group-chat .remote-section.multi {
    grid-template-columns: repeat(1, minmax(300px, 1fr)) !important;
  }
}
.video-chat-wrapper.group-chat .remote-section.quad {
  grid-template-columns: minmax(300px, 1fr) minmax(300px, 1fr);
  grid-template-rows: minmax(300px, 1fr) minmax(300px, 1fr);
}
@media screen and (max-width: 600px) {
  .video-chat-wrapper.group-chat .remote-section.quad {
    grid-template-columns: repeat(1, minmax(300px, 1fr)) !important;
    grid-template-rows: unset !important;
  }
}
.video-chat-wrapper.group-chat .remote-section > div {
  border: 1px solid #373640;
}
.video-chat-wrapper.group-chat .remote-section .participant {
  height: 100% !important;
  width: 100%;
  position: relative;
  background: #000;
  min-height: 260px;
}
.video-chat-wrapper.group-chat .remote-section .participant video {
  border-radius: 0 !important;
  height: 100% !important;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(-1, 1) !important;
}
.video-chat-wrapper.group-chat .remote-section .participant .user-status-bar {
  position: absolute;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.9);
  width: 100%;
  z-index: 2;
  height: 30px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  color: #fff;
  padding: 5px 15px;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
}
.video-chat-wrapper.group-chat .remote-section .participant .user-status-bar .user-status {
  display: flex;
  align-items: center;
}
.video-chat-wrapper.group-chat .remote-section .participant .user-status-bar .user-status i {
  margin: 0 10px;
}
.video-chat-wrapper.group-chat .remote-section .participant .user-status-bar .user-status i.cam {
  font-size: 12px;
}
.video-chat-wrapper.group-chat .remote-section .participant .user-status-bar .user-status i.cam-off {
  font-size: 18px;
}
.video-chat-wrapper.group-chat .remote-section .participant .user-status-bar .user-status i.mic, .video-chat-wrapper.group-chat .remote-section .participant .user-status-bar .user-status i.cam {
  color: #4EC123;
}
.video-chat-wrapper.group-chat .remote-section .participant .user-status-bar .user-status i.mic-off, .video-chat-wrapper.group-chat .remote-section .participant .user-status-bar .user-status i.cam-off {
  color: #FF3B30;
}
@media only screen and (min-width: 576px) {
  .inventory-modal {
    max-width: 536px;
  }
}
.inventory-modal .modal-content .modal-header {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: fixed;
  top: 0;
  width: 100%;
  padding: 0;
  z-index: 10;
}
.inventory-modal .modal-content .modal-header span {
  margin-right: 15px;
  margin-top: 15px;
  font-size: 20px;
  color: #FFFFFF;
  color: var(--menu_bg_font_color, #FFFFFF) !important;
  opacity: 0.7;
  cursor: pointer;
}
.inventory-modal .modal-content .modal-body {
  max-width: 536px;
  margin: 0;
  padding: 30px 0;
}
.inventory-modal .modal-content .modal-body .productsCont {
  margin-top: 6px;
  justify-content: center;
  padding: 0 5px;
}
.inventory-modal .modal-content .modal-body .productsCont.row > .col-4 {
  padding: 0;
}
.inventory-modal .modal-content .modal-body .prodCont {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
  cursor: pointer;
  margin-top: 22px;
}
.inventory-modal .modal-content .modal-body .prodCont .productLogo {
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  margin: 0 auto;
  border-radius: 50%;
}
.inventory-modal .modal-content .modal-body .prodCont .productLogo.logo-lab-grown {
  font-size: 22px;
  background-color: #e08262;
  background-color: var(--menu_button_product_on_bg_lab_grown_diamond, #e08262) !important;
}
.inventory-modal .modal-content .modal-body .prodCont .productLogo.logo-diamond {
  font-size: 32px;
  background-color: #804294;
  background-color: var(--menu_button_product_on_bg_diamond, #804294) !important;
  padding-top: 5px;
}
.inventory-modal .modal-content .modal-body .prodCont .productLogo.logo-jewelry {
  font-size: 40px;
  background-color: #5cb8a6;
  background-color: var(--menu_button_product_on_bg_jewelry, #5cb8a6) !important;
}
.inventory-modal .modal-content .modal-body .prodCont .productLogo.logo-gemstone {
  font-size: 38px;
  background-color: #4670b6;
  background-color: var(--menu_button_product_on_bg_gemstone, #4670b6) !important;
}
.inventory-modal .modal-content .modal-body .prodCont .productName {
  font-size: 16px;
  margin-top: 12px;
  font-weight: bold;
}
.inventory-modal .modal-content .modal-body .prodCont .exibitor-product-count {
  font-size: 15px;
  margin-top: 0;
  font-weight: normal;
}
.inventory-modal .heading {
  font-weight: normal;
}
.inventoryCarouelCont .carousel {
  outline: none !important;
}
.inventoryCarouelCont .carousel-indicators {
  bottom: -60px !important;
}
.inventoryCarouelCont .carousel-indicators li {
  width: 10px !important;
  height: 10px !important;
  border-radius: 50% !important;
}
.inventoryCarouelCont .carousel-control-prev, .inventoryCarouelCont .carousel-control-next {
  max-width: 70px;
}
.bulkActionTooltip .tooltip-inner {
  max-width: 250px;
}
.email-items-modal {
  max-width: 640px;
}
.email-items-modal .modal-content {
  background-color: #E9E9EA;
}
.email-items-modal .modal-content .modal-header {
  text-align: center;
}
.email-items-modal .modal-content .modal-header h3 {
  width: 100%;
  margin: 15px 0;
}
@media screen and (max-width: 480px) {
  .email-items-modal .modal-content .modal-header h3 {
    font-size: 25px;
  }
}
.email-items-modal .modal-content .modal-body {
  padding: 0 50px;
}
.email-items-modal .modal-content .modal-body .email-type-container, .email-items-modal .modal-content .modal-body .cc-type-container {
  display: flex;
  flex-wrap: wrap;
}
.email-items-modal .modal-content .modal-body .email-type-switch, .email-items-modal .modal-content .modal-body .cc-type-switch {
  text-decoration: none;
  margin-right: 40px;
}
.email-items-modal .modal-content .modal-body .email-type-switch .checkbox, .email-items-modal .modal-content .modal-body .cc-type-switch .checkbox {
  display: inline-block;
  width: 22px;
  height: 22px;
  vertical-align: text-bottom;
  margin-right: 15px;
  border: 1px solid;
  border-color: #9665A6;
  border-color: var(--option_btn_on_color, #9665A6) !important;
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}
.email-items-modal .modal-content .modal-body .email-type-switch.checked .checkbox, .email-items-modal .modal-content .modal-body .cc-type-switch.checked .checkbox {
  font-size: 15px;
  font-weight: 700;
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
}
.email-items-modal .modal-content .modal-body .email-type-switch.disabled, .email-items-modal .modal-content .modal-body .cc-type-switch.disabled {
  color: #BFBFC3;
  color: var(--option_btn_disabled_color, #BFBFC3) !important;
}
.email-items-modal .modal-content .modal-body .email-type-switch.disabled .checkbox, .email-items-modal .modal-content .modal-body .cc-type-switch.disabled .checkbox {
  color: #BFBFC3;
  color: var(--option_btn_disabled_color, #BFBFC3) !important;
  border-color: #BFBFC3;
  border-color: var(--option_btn_disabled_color, #BFBFC3) !important;
}
.email-items-modal .modal-content .modal-body .email-type-switch.checked .checkbox:after {
  content: "";
  height: 10px;
  width: 10px;
  border-radius: 100%;
  background-color: #FFFFFF;
  background-color: var(--option_btn_on_icon_color, #FFFFFF) !important;
}
.email-items-modal .modal-content .modal-body .cc-type-switch {
  margin: 25px 40px 25px 0;
}
.email-items-modal .modal-content .modal-body .cc-type-switch .checkbox {
  border: 1px solid !important;
  border-radius: 4px !important;
  border-color: #9665A6;
  border-color: var(--option_btn_on_color, #9665A6) !important;
}
.email-items-modal .modal-content .modal-body .subject, .email-items-modal .modal-content .modal-body .comments {
  margin: 25px 0;
}
@media screen and (max-width: 480px) {
  .email-items-modal .modal-content .modal-body {
    padding: 0 15px;
  }
  .email-items-modal .modal-content .modal-body .email-type-switch, .email-items-modal .modal-content .modal-body .cc-type-switch {
    margin-right: 10px;
    font-size: 14px;
  }
  .email-items-modal .modal-content .modal-body .email-type-switch .checkbox, .email-items-modal .modal-content .modal-body .cc-type-switch .checkbox {
    height: 15px;
    width: 15px;
    margin-right: 7px;
  }
  .email-items-modal .modal-content .modal-body .email-type-switch.checked .checkbox, .email-items-modal .modal-content .modal-body .cc-type-switch.checked .checkbox {
    font-size: 10px;
  }
  .email-items-modal .modal-content .modal-body .email-type-switch.checked .checkbox:after {
    height: 5px;
    width: 5px;
  }
}
.email-items-modal .modal-content input, .email-items-modal .modal-content textarea {
  background-color: #ffffff;
  color: #292735;
  padding: 15px 10px;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
  outline: none;
  border: none;
  width: 100%;
  height: 64px;
  border-radius: 0 !important;
  border: 1px solid #706F76;
  box-shadow: unset !important;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.email-items-modal .modal-content input::-webkit-input-placeholder, .email-items-modal .modal-content textarea::-webkit-input-placeholder {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  text-align: center;
  color: #706F76;
}
.email-items-modal .modal-content input::-webkit-autofill, .email-items-modal .modal-content textarea::-webkit-autofill {
  -webkit-text-fill-color: #000000;
}
.email-items-modal .modal-content .submit button {
  width: 200px;
  height: 48px;
  border-radius: 100px;
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
  margin: 10px auto 30px;
}
.share_dropdown_wrapper {
  display: inline-block !important;
  position: relative !important;
  height: 40px;
}
.share_dropdown_wrapper .dropdown-toggle::after {
  display: none;
}
.share_dropdown_wrapper .dropdown-item {
  background-color: #E5E5E5;
  background-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
  color: #4F4E57;
  color: var(--drop_menu_static_font_color, #4F4E57) !important;
  padding: 16px 16px;
  font-size: 15px;
  border-bottom: 0.5px solid #ffffffb8;
}
.share_dropdown_wrapper .dropdown-item span {
  margin-right: 20px;
  color: #4F4E57;
  color: var(--drop_menu_static_icon_color, #4F4E57) !important;
  font-size: 18px;
}
.share_dropdown_wrapper .margin-lr {
  margin-right: 15px;
  margin-left: 15px;
}
.share_dropdown_wrapper .dropdown-menu {
  right: -160px !important;
  transform: translate(0) !important;
  top: calc(100% + 15px) !important;
  left: auto !important;
  min-width: 242px !important;
  padding: 0px;
  border-radius: 0px;
  color: #4F4E57;
  color: var(--drop_menu_static_font_color, #4F4E57) !important;
  border-bottom: 1px solid;
  border: 1px solid;
  background-color: #E5E5E5;
  background-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
  border-color: #804294;
  border-color: var(--drop_menu_active_bg_color, #804294) !important;
}
.share_dropdown_wrapper .dropdown-menu:after {
  position: absolute;
  left: 33%;
  transform: translateX(-50%);
  top: -12px;
  width: 0;
  height: 0;
  content: "";
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid;
  border-bottom-color: #E5E5E5;
  border-bottom-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
}
.share_dropdown_wrapper .dropdown-menu:before {
  position: absolute;
  left: 33%;
  transform: translateX(-50%);
  top: -14px;
  width: 0;
  height: 0;
  content: "";
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  border-bottom: 13px solid;
  border-bottom-color: #804294;
  border-bottom-color: var(--drop_menu_active_bg_color, #804294) !important;
}
.share_dropdown_wrapper .dropdown-item:hover {
  background-color: #E5E5E5;
  background-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
  color: #4F4E57;
  color: var(--drop_menu_static_font_color, #4F4E57) !important;
  padding: 16px 16px;
  font-size: 15px;
  border-bottom: 0.5px solid #ffffffb8;
}
.customTooltip {
  position: relative;
}
.customTooltip .tooltipText {
  visibility: hidden;
  width: 95vw;
  max-width: 460px;
  font-size: 14px;
  background-color: rgba(0, 0, 0, 0.9);
  color: #fff;
  text-align: left;
  border-radius: 6px;
  position: absolute;
  top: calc(100% + 5px);
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  opacity: 0;
  transition: opacity 400ms;
  padding: 10px;
  line-height: 1.3;
  z-index: 9999;
}
@media only screen and (max-width: 768px) {
  .customTooltip .tooltipText {
    max-width: 220px;
  }
}
.customTooltip .tooltipText:after {
  content: " ";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent black transparent;
}
.customTooltip .tooltipText.tooltipTextTop {
  top: unset;
  bottom: calc(100% + 5px);
}
.customTooltip .tooltipText.tooltipTextTop:after {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  bottom: unset;
  right: unset;
  margin-top: 0;
  margin-left: 0;
  border-color: black transparent transparent transparent;
}
@media only screen and (max-width: 768px) {
  .customTooltip .tooltipText.tooltipTextMobFix {
    left: 0;
    transform: translateX(0);
  }
  .customTooltip .tooltipText.tooltipTextMobFix:after {
    left: 30px;
  }
}
.customTooltip:hover {
  text-decoration: none;
}
.customTooltip:hover .tooltipText {
  visibility: visible;
  opacity: 1;
}
.gemstone-location-container typeahead-container.dropdown, .gemstone-supplier-container typeahead-container.dropdown, .gemstone-origin-container typeahead-container.dropdown {
  border: none;
  width: 100%;
  border-radius: 0 0 25px 25px;
  margin-top: 0;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: unset !important;
  padding: 0;
  background-color: transparent;
}
.gemstone-location-container typeahead-container.dropdown .dropdown-item, .gemstone-supplier-container typeahead-container.dropdown .dropdown-item, .gemstone-origin-container typeahead-container.dropdown .dropdown-item {
  padding: 0;
  border-bottom: 1px solid #ffffff;
  height: 48px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  position: relative;
}
.gemstone-location-container typeahead-container.dropdown .dropdown-item .data, .gemstone-supplier-container typeahead-container.dropdown .dropdown-item .data, .gemstone-origin-container typeahead-container.dropdown .dropdown-item .data {
  height: 48px;
  padding-left: 10px;
  width: 100%;
  display: inline-block;
  line-height: 40px;
}
.gemstone-location-container typeahead-container.dropdown .dropdown-item .data .icon, .gemstone-supplier-container typeahead-container.dropdown .dropdown-item .data .icon, .gemstone-origin-container typeahead-container.dropdown .dropdown-item .data .icon {
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  right: 10%;
  font-weight: 700;
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
  display: none;
}
.gemstone-location-container typeahead-container.dropdown .dropdown-item .data.selected-location, .gemstone-supplier-container typeahead-container.dropdown .dropdown-item .data.selected-location, .gemstone-origin-container typeahead-container.dropdown .dropdown-item .data.selected-location {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
  background-position: right 10px top 12px;
  background-color: #ADDBD2;
  background-color: var(--drop_menu_selected_bg_color, #ADDBD2) !important;
  color: #FFFFFF;
  color: var(--drop_menu_selected_font_color, #FFFFFF) !important;
}
.gemstone-location-container typeahead-container.dropdown .dropdown-item .data.selected-location .icon, .gemstone-supplier-container typeahead-container.dropdown .dropdown-item .data.selected-location .icon, .gemstone-origin-container typeahead-container.dropdown .dropdown-item .data.selected-location .icon {
  display: inline;
  color: #FFFFFF;
  color: var(--drop_menu_selected_icon_color, #FFFFFF) !important;
}
.gemstone-inner-container typeahead-container.dropdown {
  border: none;
  width: 100%;
  border-radius: 0 0 25px 25px;
  margin-top: 0;
  padding-left: 20px;
  padding-right: 20px;
}
.gemstone-inner-container typeahead-container.dropdown .dropdown-item {
  padding: 0;
  border-bottom: 1px solid #ffffff;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
.gemstone-inner-container typeahead-container.dropdown .dropdown-item span {
  padding-left: 10px;
  width: 100%;
  display: inline-block;
  line-height: 40px;
}
.gemstone-inner-container typeahead-container.dropdown .dropdown-item span.selected-supplier {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
  background-position: right 10px top 12px;
}
#app-component {
  padding-left: 0;
  padding-right: 0;
}
#app-component #translation-container {
  z-index: 1000000;
  position: absolute;
  top: 0;
  right: 0;
}
#app-component #translation-container .dropdown-toggle {
  background-color: transparent;
  border-color: transparent;
}
#app-component .app-wrapper {
  display: flex;
}
#app-component .app-wrapper .side-bar {
  width: 66px;
  min-height: calc(100vh - 130px);
}
@media screen and (max-width: 768px) {
  #app-component .app-wrapper .side-bar {
    width: 0;
  }
}
#app-component .app-wrapper .app-view {
  width: calc(100% - 66px);
}
@media screen and (max-width: 768px) {
  #app-component .app-wrapper .app-view {
    width: 100%;
  }
}
#app-component .app-wrapper .app-view.width-100p {
  width: 1px;
  min-width: 100%;
}
#app-component .app-wrapper .app-view .flash {
  position: relative !important;
}
#app-component ngx-spinner div {
  color: #804294;
  color: var(--main_bg_icon_color, #804294) !important;
}
.guided-tour-spotlight-overlay {
  border: 7px solid rgba(255, 0, 0, 0.7);
}
ngx-guided-tour .tour-step .tour-block {
  border-radius: 6px;
}
.mode-indicator.orange-mode-flavor, .mode-indicator.green-mode-flavor {
  height: 3px;
  position: relative;
  z-index: 3;
}
.mode-indicator.orange-mode-flavor {
  background-color: #f5a623;
  background-color: var(--menu_orange_price_mode_on_icon, #f5a623) !important;
}
.mode-indicator.green-mode-flavor {
  background-color: #67b314;
  background-color: var(--menu_green_price_mode_on_icon, #67b314) !important;
}
.mode-indicator.white-mode-flavor {
  background-color: #FFFFFF;
  background-color: var(--menu_white_price_mode_on_icon, #FFFFFF) !important;
}
.non-responsive {
  min-width: 1200px;
}
@media screen and (max-width: 480px) {
  .height-900 {
    height: 900px;
    overflow: scroll;
  }
}
.collections-wrapper .header {
  height: 100px;
  width: 100%;
  display: flex;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
.collections-wrapper .header > div {
  padding: 35px 20px;
}
.collections-wrapper .header > div span {
  font-size: 24px;
}
.collections-wrapper .header .favorites {
  display: flex;
  justify-content: space-between;
}
.collections-wrapper .header .favorites .share {
  width: 40px;
  height: 40px;
  -webkit-appearance: none;
  border-radius: 100%;
  background-color: #382F3A;
  background-color: var(--global_action_btn_static_color, #382F3A) !important;
  color: #FFFFFF;
  color: var(--global_action_btn_static_icon_color, #FFFFFF) !important;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
}
.collections-wrapper .header .favorites .share .translucent {
  border-radius: 100%;
}
.collections-wrapper .header .favorites .share:hover {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
}
.collections-wrapper .header .favorites .disableLink, .collections-wrapper .header .favorites .disableLink:hover {
  background-color: #BFBFC3;
  background-color: var(--option_btn_disabled_color, #BFBFC3) !important;
  color: #FFFFFF;
  color: var(--global_action_btn_static_icon_color, #FFFFFF) !important;
  pointer-events: none;
}
.collections-wrapper .header .favorites .share_dropdown_wrapper .dropdown-menu {
  right: 0 !important;
  top: calc(100% + 15px) !important;
  left: unset !important;
}
.collections-wrapper .header .favorites .share_dropdown_wrapper .dropdown-menu:before {
  right: -5px !important;
  left: unset !important;
}
.collections-wrapper .header .favorites .share_dropdown_wrapper .dropdown-menu:after {
  right: -3px !important;
  left: unset !important;
}
.collections-wrapper .mobile-collection-header {
  display: none;
  height: 50px;
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
}
.collections-wrapper .mobile-collection-header > div {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.collections-wrapper .mobile-collection-header > div.active {
  border-bottom: 3px solid;
  color: #804294;
  color: var(--option_btn_off_font_color, #804294) !important;
  border-color: #804294;
  border-color: var(--option_btn_off_font_color, #804294) !important;
}
.collections-wrapper .collections-body {
  display: flex;
}
.collections-wrapper .collections-body .collection-list {
  overflow-y: scroll;
  -ms-overflow-style: none;
  width: 42%;
  padding: 0 15px;
  height: 550px;
}
.collections-wrapper .collections-body .collection-list::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 768px) {
  .collections-wrapper .collections-body .collection-list {
    height: calc(100vh - 125px);
  }
}
.collections-wrapper .collections-body .collection-list .dnd-drag-over {
  border: unset;
  opacity: 0.2;
}
.collections-wrapper .collections-body .collection-list .content {
  position: relative;
}
.collections-wrapper .collections-body .collection-list .content ul {
  list-style: none;
  padding-left: 20px;
  display: flex;
}
.collections-wrapper .collections-body .collection-list .content ul li {
  padding: 0px 10px 10px 0px;
}
.collections-wrapper .collections-body .collection-list .content ul li.drop-here {
  opacity: 0.3;
}
.collections-wrapper .collections-body .collection-list .content ul li .collection-box {
  padding: 5px;
  position: relative;
  height: 200px;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
}
.collections-wrapper .collections-body .collection-list .content ul li .collection-box#create_new_collection {
  cursor: pointer;
}
.collections-wrapper .collections-body .collection-list .content ul li .collection-content {
  position: relative;
}
.collections-wrapper .collections-body .collection-list .content ul li .collection-content .add-new {
  width: 80px;
  height: 80px;
  display: block;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  color: #804294;
  color: var(--option_btn_off_icon_color, #804294) !important;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
  border-radius: 50%;
  margin: 25px auto 0;
  font-size: 45px;
}
.collections-wrapper .collections-body .collection-list .content ul li .collection-content .add-new .translucent {
  border-radius: 100%;
}
.collections-wrapper .collections-body .collection-list .content ul li .collection-content .add-new:hover {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
}
.collections-wrapper .collections-body .collection-list .content ul li .collection-content .items-count {
  width: 80px;
  height: 80px;
  border-radius: 100%;
  display: block;
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  color: #804294;
  color: var(--option_btn_off_icon_color, #804294) !important;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
  margin: 0 auto;
  padding-top: 15px;
  margin-top: 10px;
  text-decoration: none;
  color: inherit;
  font-size: 16px;
}
.collections-wrapper .collections-body .collection-list .content ul li .collection-content .items-count .num {
  display: block;
  font-size: 20px;
}
.collections-wrapper .collections-body .collection-list .content ul li .collection-content .items-count:hover {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
}
.collections-wrapper .collections-body .collection-list .content ul li .collection-content .edit-name input {
  padding: 8px;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
  border-color: #BFBFC3;
  border-color: var(--input_field_line_static, #BFBFC3) !important;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_static, #FFFFFF) !important;
}
.collections-wrapper .collections-body .collection-list .content ul li .collection-content .text {
  margin-top: 10px;
  font-size: 18px;
  display: block;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.collections-wrapper .collections-body .collection-list .content ul li .collection-content .actions {
  margin-top: 10px;
  display: flex;
  justify-content: center;
}
.collections-wrapper .collections-body .collection-list .content ul li .collection-content .actions .dropdown_wrapper a, .collections-wrapper .collections-body .collection-list .content ul li .collection-content .actions .dropdown_wrapper a:visited, .collections-wrapper .collections-body .collection-list .content ul li .collection-content .actions .dropdown_wrapper a:hover, .collections-wrapper .collections-body .collection-list .content ul li .collection-content .actions .dropdown_wrapper a:active, .collections-wrapper .collections-body .collection-list .content ul li .collection-content .actions .dropdown_wrapper a:focus {
  outline: none !important;
  -webkit-appearance: none;
}
.collections-wrapper .collections-body .collection-list .content ul li .collection-content .actions .edit, .collections-wrapper .collections-body .collection-list .content ul li .collection-content .actions .delete {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  -webkit-appearance: none;
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_icon_color, #FFFFFF) !important;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
}
.collections-wrapper .collections-body .collection-list .content ul li .collection-content .actions .edit .translucent, .collections-wrapper .collections-body .collection-list .content ul li .collection-content .actions .delete .translucent {
  border-radius: 100%;
}
.collections-wrapper .collections-body .collection-list .content ul li .collection-content .actions .edit:hover, .collections-wrapper .collections-body .collection-list .content ul li .collection-content .actions .delete:hover {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
}
.collections-wrapper .collections-body .collection-list .content ul li .collection-content .actions .disableLink, .collections-wrapper .collections-body .collection-list .content ul li .collection-content .actions .disableLink:hover {
  background-color: #BFBFC3;
  background-color: var(--option_btn_disabled_color, #BFBFC3) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_icon_color, #FFFFFF) !important;
  pointer-events: none;
}
.collections-wrapper .collections-body .collection-list .content ul li .collection-content .actions .edit {
  margin-right: 10px;
}
.collections-wrapper .collections-body .favorited-items {
  width: 58%;
  padding: 0 15px;
}
.collections-wrapper .collections-body .favorited-items .scrollable {
  overflow-y: scroll;
  height: 550px;
}
@media screen and (max-width: 768px) {
  .collections-wrapper .collections-body .favorited-items .scrollable {
    height: calc(100vh - 125px);
  }
}
.collections-wrapper .collections-body .favorited-items .scrollable .content {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
}
.collections-wrapper .collections-body .collection-btn-container {
  display: none;
  justify-content: center;
  align-items: center;
}
.collections-wrapper .collections-body .collection-btn-container .add-to-collection-btn {
  width: 40px;
  height: 40px;
  display: inline-block;
  background-size: 22px 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_icon_color, #FFFFFF) !important;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  margin: 10px;
}
.collections-wrapper .collections-body .collection-btn-container .share {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_icon_color, #FFFFFF) !important;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
}
.collections-wrapper .collections-body .collection-btn-container .share .translucent {
  border-radius: 100%;
}
.collections-wrapper .collections-body .collection-btn-container .share:hover {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
}
.collections-wrapper .collections-body .collection-btn-container .disableLink, .collections-wrapper .collections-body .collection-btn-container .disableLink:hover {
  background-color: #BFBFC3;
  background-color: var(--option_btn_disabled_color, #BFBFC3) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_icon_color, #FFFFFF) !important;
  pointer-events: none;
}
.collections-wrapper .collections-body .collection-btn-container .share_dropdown_wrapper .dropdown-menu {
  right: -145px !important;
}
.collections-wrapper .collections-body .collection-btn-container .share_dropdown_wrapper .dropdown-menu:before, .collections-wrapper .collections-body .collection-btn-container .share_dropdown_wrapper .dropdown-menu:after {
  left: 37% !important;
}
.collections-wrapper .collections-body .favorited-items, .collections-wrapper .collections-body .draggable-append {
  overflow-y: scroll;
  -ms-overflow-style: none;
  height: 550px;
}
.collections-wrapper .collections-body .favorited-items::-webkit-scrollbar, .collections-wrapper .collections-body .draggable-append::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 768px) {
  .collections-wrapper .collections-body .favorited-items, .collections-wrapper .collections-body .draggable-append {
    height: calc(100vh - 125px);
  }
}
.collections-wrapper .collections-body .favorited-items.draggable-append, .collections-wrapper .collections-body .draggable-append.draggable-append {
  overflow: visible;
  height: auto;
}
.collections-wrapper .collections-body .favorited-items .content, .collections-wrapper .collections-body .draggable-append .content {
  position: relative;
  padding: 10px;
}
.collections-wrapper .collections-body .favorited-items .content .dnd-drag-start, .collections-wrapper .collections-body .draggable-append .content .dnd-drag-start {
  border: unset;
  transform: none;
}
.collections-wrapper .collections-body .favorited-items .content ul, .collections-wrapper .collections-body .draggable-append .content ul {
  padding: 0px;
  list-style: none;
}
.collections-wrapper .collections-body .favorited-items .content ul li, .collections-wrapper .collections-body .draggable-append .content ul li {
  margin: 0px;
  border-bottom: 1px solid rgba(55, 54, 64, 0.22);
  padding: 15px 0px;
  z-index: 10;
  display: flex;
  align-items: center;
}
.collections-wrapper .collections-body .favorited-items .content ul li .drag-selector span, .collections-wrapper .collections-body .draggable-append .content ul li .drag-selector span {
  border-radius: 100%;
  border: solid 2px;
  border-color: #9665A6;
  border-color: var(--option_btn_on_color, #9665A6) !important;
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  width: 30px;
  height: 30px;
  display: block;
}
.collections-wrapper .collections-body .favorited-items .content ul li.dnd-drag-start .drag-selector span, .collections-wrapper .collections-body .favorited-items .content ul li.selected .drag-selector span, .collections-wrapper .collections-body .draggable-append .content ul li.dnd-drag-start .drag-selector span, .collections-wrapper .collections-body .draggable-append .content ul li.selected .drag-selector span {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  font-weight: bold;
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
}
.collections-wrapper .collections-body .favorited-items .content ul li .diamond-shape .shape, .collections-wrapper .collections-body .draggable-append .content ul li .diamond-shape .shape {
  display: block;
  width: 40px;
  height: 40px;
  margin-left: 0px;
  display: flex;
}
.collections-wrapper .collections-body .favorited-items .content ul li .diamond-shape .shape.circle, .collections-wrapper .collections-body .draggable-append .content ul li .diamond-shape .shape.circle {
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  color: #804294;
  color: var(--option_btn_off_icon_color, #804294) !important;
  font-size: 25px;
  border-radius: 50%;
}
.collections-wrapper .collections-body .favorited-items .content ul li .info .name, .collections-wrapper .collections-body .draggable-append .content ul li .info .name {
  font-size: 20px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  margin-bottom: 5px;
}
.collections-wrapper .collections-body .favorited-items .content ul li .info .availaibility, .collections-wrapper .collections-body .draggable-append .content ul li .info .availaibility {
  width: 15px;
  height: 15px;
  border-radius: 100%;
  display: inline-block;
  margin-right: 5px;
}
.collections-wrapper .collections-body .favorited-items .content ul li .info .availaibility.red, .collections-wrapper .collections-body .draggable-append .content ul li .info .availaibility.red {
  background-color: #d0021b;
}
.collections-wrapper .collections-body .favorited-items .content ul li .info .availaibility.green, .collections-wrapper .collections-body .draggable-append .content ul li .info .availaibility.green {
  background-color: #7ED321;
}
.collections-wrapper .collections-body .favorited-items .content ul li .info .collection-name, .collections-wrapper .collections-body .draggable-append .content ul li .info .collection-name {
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.collections-wrapper .collections-body .favorited-items .content ul li .actions, .collections-wrapper .collections-body .draggable-append .content ul li .actions {
  display: flex;
}
.collections-wrapper .collections-body .favorited-items .content ul li .actions .view, .collections-wrapper .collections-body .favorited-items .content ul li .actions .delete, .collections-wrapper .collections-body .draggable-append .content ul li .actions .view, .collections-wrapper .collections-body .draggable-append .content ul li .actions .delete {
  width: 40px;
  height: 40px;
  display: inline-block;
  background-size: 22px 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_icon_color, #FFFFFF) !important;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  margin: 10px;
}
.collections-wrapper .collections-body .favorited-items .content ul li .actions .view .translucent, .collections-wrapper .collections-body .favorited-items .content ul li .actions .delete .translucent, .collections-wrapper .collections-body .draggable-append .content ul li .actions .view .translucent, .collections-wrapper .collections-body .draggable-append .content ul li .actions .delete .translucent {
  border-radius: 100%;
}
.model-color {
  background-color: #F4F4F4;
  background-color: var(--main_bg_color, #F4F4F4) !important;
  border-color: #F4F4F4;
  border-color: var(--main_bg_color, #F4F4F4) !important;
}
.modal-header {
  border-bottom: none;
}
.modal-header .main-bg-font-color {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.modal-header:hover {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.add-collection-modal .highlight-color {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
.add-collection-modal .highlight-color input {
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_static, #FFFFFF) !important;
  border: 1px solid;
  border-color: #BFBFC3;
  border-color: var(--input_field_line_static, #BFBFC3) !important;
}
.add-collection-modal .highlight-color input:focus {
  border: 1px solid;
  border-color: #804294;
  border-color: var(--input_field_line_active, #804294) !important;
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_active, #FFFFFF) !important;
}
.share-collection-modal .highlight-color {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.share-collection-modal .highlight-color input, .share-collection-modal .highlight-color textarea {
  text-align: center;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_static, #FFFFFF) !important;
  border: 1px solid;
  border-color: #BFBFC3;
  border-color: var(--input_field_line_static, #BFBFC3) !important;
}
.share-collection-modal .highlight-color input:focus, .share-collection-modal .highlight-color textarea:focus {
  border: 1px solid;
  border-color: #804294;
  border-color: var(--input_field_line_active, #804294) !important;
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_active, #FFFFFF) !important;
}
.share-collection-modal .highlight-color .form-control:focus {
  box-shadow: none;
}
.share-collection-modal .highlight-color .field-error {
  background-color: #d0021b;
  line-height: 26px;
  margin: 10px auto;
  font-size: 18px;
  font-weight: bolder;
  width: 100%;
  color: #ffffff;
  text-align: center;
}
@media screen and (min-width: 320px) and (max-width: 359px) {
  .share-collection-modal .share-collection-body {
    padding: 1em !important;
    padding-top: 0;
  }
  .share-collection-modal h3 {
    font-size: 23px;
    line-height: 23px;
  }
  .share-collection-modal h4 {
    font-size: 20px;
    line-height: 30px;
  }
}
@media screen and (min-width: 360px) and (max-width: 410px) {
  .share-collection-modal .share-collection-body {
    padding: 1em !important;
    padding-top: 0;
  }
  .share-collection-modal h3 {
    font-size: 23px;
    line-height: 23px;
  }
  .share-collection-modal h4 {
    font-size: 20px;
    line-height: 30px;
  }
}
@media screen and (min-width: 411px) and (max-width: 767px) {
  .share-collection-modal .share-collection-body {
    padding: 1em !important;
    padding-top: 0;
  }
  .share-collection-modal h3 {
    font-size: 23px;
    line-height: 23px;
  }
  .share-collection-modal h4 {
    font-size: 20px;
    line-height: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 833px) {
  .share-collection-modal .share-collection-body {
    padding: 5em !important;
    padding-top: 0;
  }
  .share-collection-modal h3 {
    font-size: 28px;
    line-height: 23px;
  }
  .share-collection-modal h4 {
    font-size: 24px;
    line-height: 30px;
  }
}
.share-collection-modal .share-collection-header button.close {
  padding: 0 10px;
  font-size: 2.5em;
}
.share-collection-modal .share-collection-body {
  padding: 5em;
  padding-top: 0;
}
.share-collection-modal .share-collection-body .icon_collection_share {
  padding-top: 10px;
  color: #804294;
  color: var(--main_bg_icon_color, #804294) !important;
}
.share-collection-modal .share-collection-body input {
  width: 100%;
  min-height: 3em;
}
.share-collection-modal .share-collection-body input:-webkit-autofill {
  -webkit-text-fill-color: #000000;
}
.share-collection-modal .share-collection-body textarea {
  width: 100%;
  height: 10em;
}
.share-collection-modal .share-collection-body button.btn {
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  color: #fff;
  min-width: 10em;
  border-radius: 20px;
  margin-top: 3em;
}
.share-collection-modal .share-collection-body .email, .share-collection-modal .share-collection-body .comments {
  margin-top: 3em;
}
.modal-backdrop.light-box {
  background-color: rgba(0, 0, 0, 0.7);
  background-color: var(--light_box, rgba(0, 0, 0, 0.7)) !important;
}
@media (min-width: 1025px) and (max-width: 1100px) {
  .favorited-items li {
    justify-content: space-between;
  }
  .favorited-items li .drag-selector, .favorited-items li .diamond-shape, .favorited-items li .info, .favorited-items li .actions {
    padding: 0;
  }
  .favorited-items li .info {
    text-align: center;
    width: 200px;
    flex: unset;
  }
  .favorited-items li .actions a {
    margin: 10px 5px !important;
  }
}
@media screen and (max-width: 1024px) {
  .collections-wrapper {
    flex-wrap: wrap;
  }
  .collections-wrapper .collection-btn-container {
    display: flex !important;
  }
  .collections-wrapper .mobile-collection-header {
    display: flex !important;
  }
  .collections-wrapper .header {
    display: none;
  }
  .collections-wrapper .collection-list, .collections-wrapper .favorited-items {
    width: 100% !important;
    padding: 0;
  }
  .collections-wrapper .favorited-items .drag-selector, .collections-wrapper .favorited-items .actions {
    padding: 0;
  }
  .collections-wrapper .favorited-items .info .name {
    font-size: 15px !important;
    margin-bottom: unset !important;
  }
  .collections-wrapper .favorited-items .actions {
    justify-content: flex-end;
  }
  .collections-wrapper .collection-list ul {
    padding-left: 0 !important;
    margin: 0 !important;
  }
  .collections-wrapper .collection-list ul li {
    padding: 10px !important;
  }
  .collections-wrapper .hideSmXs {
    display: none;
  }
}
@media screen and (max-width: 500px) {
  .favorited-items .actions a {
    margin: 10px 1px !important;
  }
}
.dropdown_collection_diamond {
  margin-left: 15px;
}
.dropdown_collection_diamond .dropdown_wrapper {
  display: inline-block !important;
  position: relative !important;
}
.dropdown_collection_diamond .dropdown-toggle::after {
  display: none;
}
.dropdown_collection_diamond .dropdown-item {
  background-color: #E5E5E5;
  background-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
  color: #4F4E57;
  color: var(--drop_menu_static_font_color, #4F4E57) !important;
  padding: 16px 16px;
  font-size: 15px;
  border-bottom: 0.5px solid #ffffffb8;
}
.dropdown_collection_diamond .dropdown-item span {
  margin-right: 20px;
  color: #4F4E57;
  color: var(--drop_menu_static_icon_color, #4F4E57) !important;
  font-size: 18px;
}
.dropdown_collection_diamond .margin-lr {
  margin-right: 15px;
  margin-left: 15px;
}
.dropdown_collection_diamond .dropdown-menu {
  right: -160px !important;
  transform: translate(0) !important;
  top: calc(100% + 15px) !important;
  left: auto !important;
  min-width: 242px !important;
  padding: 0px;
  border-radius: 0px;
  color: #4F4E57;
  color: var(--drop_menu_static_font_color, #4F4E57) !important;
  border-bottom: 1px solid;
  border: 1px solid;
  background-color: #E5E5E5;
  background-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
  border-color: #804294;
  border-color: var(--drop_menu_active_bg_color, #804294) !important;
}
.dropdown_collection_diamond .dropdown-menu:after {
  position: absolute;
  left: 33%;
  transform: translateX(-50%);
  top: -12px;
  width: 0;
  height: 0;
  content: "";
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid;
  border-bottom-color: #E5E5E5;
  border-bottom-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
}
.dropdown_collection_diamond .dropdown-menu:before {
  position: absolute;
  left: 33%;
  transform: translateX(-50%);
  top: -14px;
  width: 0;
  height: 0;
  content: "";
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  border-bottom: 13px solid;
  border-bottom-color: #804294;
  border-bottom-color: var(--drop_menu_active_bg_color, #804294) !important;
}
.dropdown_collection_diamond .dropdown-item:hover {
  background-color: #E5E5E5;
  background-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
  color: #4F4E57;
  color: var(--drop_menu_static_font_color, #4F4E57) !important;
  padding: 16px 16px;
  font-size: 15px;
  border-bottom: 0.5px solid #ffffffb8;
}
@media (min-width: 320px) {
  .dropdown_collection_diamond {
    margin-left: 0px !important;
  }
  .dropdown_collection_diamond .dropdown-menu:after {
    left: 33% !important;
  }
  .dropdown_collection_diamond .dropdown-menu:before {
    left: 33% !important;
  }
}
.collection-wrapper .head-bar {
  position: relative;
  margin-bottom: 20px;
}
.collection-wrapper .head-bar .row.buttons {
  position: relative;
  padding: 20px 0px;
}
.collection-wrapper .head-bar .row.buttons .remove-all {
  line-height: 40px;
  border-radius: 22px;
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
  font-weight: 500;
  padding: 0px 30px;
  display: inline-block;
  margin: 10px;
}
.collection-wrapper .head-bar .row.buttons .remove-all:hover {
  opacity: 0.8;
}
.collection-wrapper .head-bar .row.buttons .action-links .dropdown_wrapper a, .collection-wrapper .head-bar .row.buttons .action-links .dropdown_wrapper a:visited, .collection-wrapper .head-bar .row.buttons .action-links .dropdown_wrapper a:hover, .collection-wrapper .head-bar .row.buttons .action-links .dropdown_wrapper a:active, .collection-wrapper .head-bar .row.buttons .action-links .dropdown_wrapper a:focus {
  outline: none !important;
  -webkit-appearance: none;
}
.collection-wrapper .head-bar .row.buttons .action-links a {
  text-decoration: none;
  margin-right: 15px;
  display: inline-flex;
  -webkit-appearance: none;
}
.collection-wrapper .head-bar .row.buttons .action-links a:last-child {
  margin-right: 0px;
}
.collection-wrapper .head-bar .row.buttons .action-links a span.icon {
  position: relative;
  display: inline-block;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  color: #804294;
  color: var(--option_btn_off_icon_color, #804294) !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.collection-wrapper .head-bar .row.buttons .action-links a.selected .icon {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
}
.collection-wrapper .head-bar .row.buttons .action-links a:hover .icon {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
}
.collection-wrapper .head-bar .row.buttons a.share {
  float: none;
}
.collection-wrapper .head-bar .row.buttons .examine {
  line-height: 40px;
  border-radius: 22px;
  background-color: #fff;
  padding: 0px 15px;
  display: inline-block;
  color: #804294;
  float: right;
  margin: 10px;
}
.collection-wrapper .collection-list {
  max-height: calc(100vh - 270px);
  overflow: auto;
}
@media screen and (max-width: 768px) {
  .collection-wrapper .collection-list {
    max-height: calc(100vh - 205px);
  }
}
.collection-wrapper .collection-list .boxed {
  padding-top: 33px;
}
.collection-wrapper .collection-list .boxed .box-content .box-data .image-container {
  position: relative;
  width: 100%;
  max-width: 314px;
  margin: 0 auto;
  border: 2px solid;
  border-color: transparent;
}
.collection-wrapper .collection-list .boxed .box-content .box-data .image-container.selected {
  border-color: #9665A6;
  border-color: var(--option_btn_on_color, #9665A6) !important;
}
.collection-wrapper .collection-list .boxed .box-content .box-data .image-container .image-box {
  position: relative;
  display: block;
}
.collection-wrapper .collection-list .boxed .box-content .box-data .image-container .selector-radio {
  border-radius: 100%;
  border: solid 2px;
  width: 30px;
  height: 30px;
  display: block;
  position: absolute;
  bottom: 15px;
  left: 15px;
  border-color: #9665A6;
  border-color: var(--option_btn_on_color, #9665A6) !important;
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
}
.collection-wrapper .collection-list .boxed .box-content .box-data .image-container .selector-radio.selected {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  font-weight: bold;
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
}
.collection-wrapper .collection-list .boxed .box-content .box-data .image-container span.image-cover {
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50px;
  height: 314px;
}
.collection-wrapper .collection-list .boxed .box-content .box-data .image-container span.image-cover.image-downloaded {
  background-size: cover;
}
.collection-wrapper .collection-list .boxed .box-content .box-data .image-container span.image-cover img {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  background-color: var(--image_bg_color, #FFFFFF) !important;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-fit: var(--cover_image_bg_size, cover) !important;
     object-fit: var(--cover_image_bg_size, cover) !important;
}
.collection-wrapper .collection-list .boxed .box-content .box-data .image-container .diamond-no-image-placeholder .svg-box {
  text-align: center;
  padding-top: 18%;
  opacity: 0.6;
}
.collection-wrapper .collection-list .boxed .box-content .box-data .image-container .diamond-no-image-placeholder .svg-box .no-image-label {
  font-size: 19px;
  padding-top: 30px;
  text-align: center;
  font-weight: inherit;
  font-family: inherit;
  letter-spacing: normal;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.collection-wrapper .collection-list .boxed .box-content .box-data .image-container .video-box {
  width: 100%;
  height: 314px;
  max-width: 314px;
  margin: 0 auto;
  position: relative;
}
.collection-wrapper .collection-list .boxed .box-content .box-data .image-container .video-box video {
  -o-object-fit: inherit;
     object-fit: inherit;
}
.collection-wrapper .collection-list .boxed .box-content .box-data .image-container .video-box video, .collection-wrapper .collection-list .boxed .box-content .box-data .image-container .video-box iframe {
  width: 100%;
  height: 100%;
}
.collection-wrapper .collection-list .boxed .box-content .box-data .image-container .video-box .external-link {
  display: block;
  width: 190px;
  margin: 0 auto;
}
.collection-wrapper .collection-list .boxed .box-content .box-data .image-container .video-box .no-video {
  background-color: #fff;
}
.collection-wrapper .collection-list .boxed .box-content .box-data .image-container .video-box .no-video .message {
  display: block;
  color: #a4a4a5;
  text-align: center;
  line-height: 200px;
  position: relative;
  font-size: 18px;
}
.collection-wrapper .collection-list .boxed .box-content .box-data .image-container .video-box .video-box-external-play {
  position: relative;
}
.collection-wrapper .collection-list .boxed .box-content .box-data .image-container .video-box .video-box-external-play .video-cover {
  height: 314px;
  width: 100%;
  max-width: 314px;
  margin: 0 auto;
  display: block;
  background-size: cover;
  background-position: center;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
.collection-wrapper .collection-list .boxed .box-content .box-data .image-container .video-box .video-box-external-play .video-cover img {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  background-color: var(--image_bg_color, #FFFFFF) !important;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-fit: var(--cover_image_bg_size, cover) !important;
     object-fit: var(--cover_image_bg_size, cover) !important;
}
.collection-wrapper .collection-list .boxed .box-content .box-data .image-container .video-box .video-box-external-play .play-video {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.collection-wrapper .collection-list .boxed .box-content .box-data .image-container .video-box .video-box-external-play .play-video a .video_play_icon {
  color: white;
  font-size: 67px;
  text-shadow: 0.5px 0.3px 1px #3b3e3b91;
}
.collection-wrapper .collection-list .boxed .box-content .box-data .image-container .availability {
  position: absolute;
  width: 26px;
  height: 26px;
  background-color: grey;
  border-radius: 100%;
  display: inline-block;
  top: 10px;
  left: 10px;
}
.collection-wrapper .collection-list .boxed .box-content .box-data .image-container .availability span.yes, .collection-wrapper .collection-list .boxed .box-content .box-data .image-container .availability span.no {
  width: 22px;
  height: 22px;
  color: #7ED321;
  border-radius: 100%;
  text-align: center;
  display: inline-block;
  margin: 2px;
}
.collection-wrapper .collection-list .boxed .box-content .box-data .image-container .availability span.yes {
  background-color: #7ED321;
}
.collection-wrapper .collection-list .boxed .box-content .box-data .image-container .availability span.no {
  background-color: #d0021b;
}
.collection-wrapper .collection-list .boxed .box-content .box-data .image-container .delete {
  position: absolute;
  top: 10px;
  right: 10px;
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background-color: grey;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0.8;
  color: #FFFFFF;
  color: var(--action_btn_static_icon_color, #FFFFFF) !important;
}
.collection-wrapper .collection-list .boxed .box-content .box-data .image-detail {
  max-width: 314px;
  margin: 20px auto;
  font-size: 16px;
  font-weight: 500;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.share-collection-modal .highlight-color {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.share-collection-modal .highlight-color input, .share-collection-modal .highlight-color textarea {
  text-align: center;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_static, #FFFFFF) !important;
  border: 1px solid;
  border-color: #BFBFC3;
  border-color: var(--input_field_line_static, #BFBFC3) !important;
}
.share-collection-modal .highlight-color input:focus, .share-collection-modal .highlight-color textarea:focus {
  border: 1px solid;
  border-color: #804294;
  border-color: var(--input_field_line_active, #804294) !important;
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_active, #FFFFFF) !important;
}
.share-collection-modal .share-collection-header button.close {
  padding: 0 10px;
  font-size: 2.5em;
}
.share-collection-modal .share-collection-body {
  padding: 5em;
  padding-top: 0;
}
.share-collection-modal .share-collection-body .icon_collection_share {
  padding-top: 10px;
  color: #804294;
  color: var(--main_bg_icon_color, #804294) !important;
}
.share-collection-modal .share-collection-body input {
  width: 100%;
  min-height: 3em;
}
.share-collection-modal .share-collection-body ::-webkit-input-placeholder {
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
}
.share-collection-modal .share-collection-body ::-moz-placeholder {
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
}
.share-collection-modal .share-collection-body ::-ms-input-placeholder {
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
}
.share-collection-modal .share-collection-body ::placeholder {
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
}
.share-collection-modal .share-collection-body :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
}
.share-collection-modal .share-collection-body ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
}
.share-collection-modal .share-collection-body input:-webkit-autofill {
  -webkit-text-fill-color: #706F76;
  -webkit-text-fill-color: var(--input_field_font_static, #706F76) !important;
}
.share-collection-modal .share-collection-body input:-webkit-autofill:focus {
  -webkit-text-fill-color: #292735;
  -webkit-text-fill-color: var(--input_field_font_active, #292735) !important;
}
.share-collection-modal .share-collection-body textarea {
  width: 100%;
  height: 10em;
}
.share-collection-modal .share-collection-body button.btn {
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  color: #fff;
  min-width: 10em;
  border-radius: 20px;
  margin-top: 3em;
}
.share-collection-modal .share-collection-body .email, .share-collection-modal .share-collection-body .comments {
  margin-top: 3em;
}
.dropdown_wrapper {
  display: inline-block !important;
  position: relative !important;
}
.dropdown_coll_diamond {
  margin-left: 15px;
}
.dropdown_coll_diamond .dropdown-toggle::after {
  display: none;
}
.dropdown_coll_diamond .dropdown-item {
  background-color: #E5E5E5;
  background-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
  color: #4F4E57;
  color: var(--drop_menu_static_font_color, #4F4E57) !important;
  padding: 16px 16px;
  font-size: 15px;
  border-bottom: 0.5px solid #ffffffb8;
}
.dropdown_coll_diamond .dropdown-item span {
  margin-right: 20px;
  color: #4F4E57;
  color: var(--drop_menu_static_icon_color, #4F4E57) !important;
  font-size: 18px;
}
.dropdown_coll_diamond .margin-lr {
  margin-right: 15px;
  margin-left: 15px;
}
.dropdown_coll_diamond .dropdown-menu {
  right: -15px !important;
  transform: translate(0) !important;
  top: calc(100% + 15px) !important;
  left: auto !important;
  max-width: 290px !important;
  padding: 0px;
  border-radius: 0px;
  color: #4F4E57;
  color: var(--drop_menu_static_font_color, #4F4E57) !important;
  border-bottom: 1px solid;
  border: 1px solid;
  background-color: #E5E5E5;
  background-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
  border-color: #804294;
  border-color: var(--drop_menu_active_bg_color, #804294) !important;
}
.dropdown_coll_diamond .dropdown-menu:after {
  position: absolute;
  left: 80% !important;
  transform: translateX(-50%);
  top: -12px;
  width: 0;
  height: 0;
  content: "";
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid;
  border-bottom-color: #E5E5E5;
  border-bottom-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
}
.dropdown_coll_diamond .dropdown-menu:before {
  position: absolute;
  left: 80% !important;
  transform: translateX(-50%);
  top: -14px;
  width: 0;
  height: 0;
  content: "";
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  border-bottom: 13px solid;
  border-bottom-color: #804294;
  border-bottom-color: var(--drop_menu_active_bg_color, #804294) !important;
}
@media screen and (max-width: 420px) {
  .dropdown_coll_diamond {
    margin-left: 0px !important;
  }
  .dropdown_coll_diamond .dropdown-menu {
    right: -30px !important;
    left: auto !important;
  }
  .dropdown_coll_diamond .dropdown-menu:after, .dropdown_coll_diamond .dropdown-menu:before {
    left: 76% !important;
  }
}
.login-container {
  position: relative;
  padding: 50px 0px;
  height: 100%;
}
.login-container .cross {
  position: absolute;
  top: 1.5%;
  right: 1.5%;
}
.login-container .cross a {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.login-container .head-section {
  position: relative;
}
.login-container .head-section .logo-wrapper {
  height: 130px;
  width: 256px;
  margin: 0 auto;
}
.login-container .head-section .logo-wrapper .logo {
  background-image: url("../webapp/svg/oldpage/vdb_logo_darkgray.svg");
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  height: 100%;
}
.login-container .container-fluid {
  position: relative;
  margin-top: 50px;
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  box-shadow: 1px 1px 0 0 rgba(55, 54, 64, 0.22);
}
.login-container .container-fluid .public-login-title {
  text-align: center;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  margin-bottom: 40px;
}
.login-container .container-fluid .col-sm-6:last-child {
  border-left: solid 2px;
  border-left-color: #9665A6;
  border-left-color: var(--option_btn_on_color, #9665A6) !important;
}
.login-container .container-fluid .signup_link {
  margin-top: 30px;
}
.login-container .container-fluid h2 {
  margin-bottom: 20px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-size: 24px;
  font-weight: 500;
}
.login-container .container-fluid .thankyou-message {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.login-container .container-fluid .thankyou-message p {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-size: 14px;
  padding-bottom: 10px;
}
.login-container .container-fluid input {
  text-align: center;
}
.login-container .container-fluid .field {
  margin-bottom: 10px;
  display: block;
}
.login-container .container-fluid .field .translucent-box {
  width: 90%;
  margin: 0 auto;
}
.login-container .container-fluid .field input[type=text], .login-container .container-fluid .field input[type=email], .login-container .container-fluid .field input[type=password] {
  color: #292735;
  width: 100%;
  font-size: 16px;
  padding: 15px 10px;
  color: #292735;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
  text-align: left;
  border: solid 2px transparent;
}
.login-container .container-fluid .field input[type=text]:focus, .login-container .container-fluid .field input[type=email]:focus, .login-container .container-fluid .field input[type=password]:focus {
  border: solid 2px;
  border-color: #9665A6;
  border-color: var(--option_btn_on_color, #9665A6) !important;
}
.login-container .container-fluid .field input[type=text]:-webkit-autofill, .login-container .container-fluid .field input[type=email]:-webkit-autofill, .login-container .container-fluid .field input[type=password]:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px white inset;
  -webkit-text-fill-color: #292735 !important;
}
.login-container .container-fluid .field .error {
  width: 90%;
  background-color: red;
  line-height: 50px;
  margin: 10px auto;
  font-size: 18px;
  color: #ffffff;
}
.login-container .container-fluid .field .remember-me {
  width: 90%;
  margin: 0 auto;
}
.login-container .container-fluid .field .remember-me .remember-checkbox-field {
  opacity: 0;
  display: inline-block;
  height: 0px;
  width: 0px;
}
.login-container .container-fluid .field .remember-me #remember_me_link {
  text-decoration: none;
}
.login-container .container-fluid .field .remember-me #remember_me_link .remember-me-icon {
  display: inline-block;
  width: 22px;
  height: 22px;
  vertical-align: text-bottom;
  margin-right: 7px;
  border: 2px solid;
  border-color: #9665A6;
  border-color: var(--option_btn_on_color, #9665A6) !important;
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}
.login-container .container-fluid .field .remember-me #remember_me_link.checked .remember-me-icon {
  font-size: 15px;
  font-weight: 700;
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
}
.login-container .container-fluid .field .remember-me .remember-me-label {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.login-container .container-fluid .field .forgot {
  display: inline-block;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.login-container .container-fluid .actions {
  margin: 20px 0px;
}
.login-container .container-fluid .actions input[type=submit] {
  border: none;
}
.login-container .container-fluid .actions .proceed-without-login {
  display: block;
  margin-top: 30px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.login-container .container-fluid .row.suppress-register {
  justify-content: center;
}
.login-container .container-fluid .row.suppress-register .not-registered {
  display: none;
}
.login-container .container-fluid .row.suppress-register .login-block {
  border: 0;
}
@media screen and (max-width: 700px) {
  .not-registered, .login-block, .thankyou-message {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  .thankyou-message p {
    max-width: 310px;
  }

  .not-registered {
    margin-bottom: 40px;
  }
  .not-registered h2 {
    margin-bottom: 0 !important;
  }

  .login-block {
    border-left: 0 !important;
  }
}
@media screen and (max-width: 700px) and (max-width: 480px) {
  .remember-me {
    font-size: 14px;
  }
  .remember-me #remember_me_link {
    height: 22px;
    display: flex;
    align-items: center;
  }
}
@media screen and (min-width: 320px) and (max-width: 500px) {
  .cross {
    top: 2% !important;
    right: 6% !important;
  }
}
.vdb-expo-banner {
  max-width: 720px;
  background-color: #FFFFFF;
  position: relative;
  top: 50%;
  transform: translate(0, -50%) !important;
  border-radius: 12px;
}
.vdb-expo-banner .modal-content {
  border: 0;
  border-radius: 12px;
}
.vdb-expo-banner .expo-banner-header {
  display: flex;
  padding: 0 12px;
  height: 178px;
  align-items: center;
}
.vdb-expo-banner .expo-banner-header .odts-logo {
  width: 200px;
}
.vdb-expo-banner .expo-banner-header .odts-logo img {
  width: 200px;
  height: 145px;
}
.vdb-expo-banner .expo-banner-header .intro-texts {
  height: 100%;
  padding: 25px 5px;
  width: 100%;
}
.vdb-expo-banner .expo-banner-header .intro-texts .pop-heading-text {
  font-size: 24px;
  color: #000;
  font-weight: 500;
  margin: 0px;
  line-height: 28px;
}
.vdb-expo-banner .expo-banner-header .intro-texts .gradient-text {
  background-color: #439d93;
  background-image: linear-gradient(135deg, #439e93, #205864);
  background-size: 100%;
  background-repeat: repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 0;
  line-height: 1.7;
}
.vdb-expo-banner .banner-images {
  height: 128px;
}
.vdb-expo-banner .context-text {
  font-size: 18px;
  color: #000000;
  text-align: left;
  padding: 30px 15px 40px;
  max-width: 636px;
  margin: 0 auto;
  letter-spacing: 0.05px;
  line-height: 28px;
}
.vdb-expo-banner .vdb-expo-footer {
  display: flex;
  padding: 0 45px 40px;
  justify-content: center;
}
.vdb-expo-banner .vdb-expo-footer .reg-button {
  background: #804294;
  width: 200px;
  height: 62px;
  border-radius: 30px;
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.vdb-expo-banner .vdb-expo-footer .reg-button:hover {
  color: #fff;
}
.vdb-expo-banner .mobile-text {
  display: none !important;
}
.vdb-expo-banner .vdb-expo-close {
  position: absolute;
  right: 0;
  background: #3f64a3;
  border: 0;
  color: #fff;
  font-size: 12px;
  text-align: center;
  padding: 8px;
  font-weight: 200;
  cursor: pointer;
  outline: none;
}
.vdb-expo-banner button.close {
  width: 20px;
  position: absolute;
  right: 25px;
  top: 20px;
}
.eye-icon-password {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  cursor: pointer;
  color: #BFBFC3;
  color: var(--input_field_line_static, #BFBFC3) !important;
  font-size: 22px;
}
.eye-icon-password.eye-open {
  color: #804294;
  color: var(--input_field_line_active, #804294) !important;
}
.logout-loading-container {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 30em;
  height: 18em;
  margin-top: -9em;
  margin-left: -15em;
  display: flex;
}
.logout-loading-container .loading-image {
  margin: auto;
  text-align: center;
  font-size: 14px;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.registration-container .full-width {
  position: relative;
  padding: 50px 0px;
}
.registration-container .full-width input {
  background-color: #ffffff;
  color: #292735;
  padding: 15px 10px;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
  outline: none;
  border: none;
  box-shadow: none;
}
.registration-container .full-width input:-webkit-autofill {
  -webkit-text-fill-color: #292735 !important;
}
.registration-container .full-width input:not(.round-light-purple-btn) {
  border-radius: 0 !important;
}
.registration-container .full-width .head-section {
  position: relative;
}
.registration-container .full-width .head-section .logo-wrapper {
  height: 130px;
  width: 256px;
  margin: 0 auto;
}
.registration-container .full-width .head-section .logo-wrapper .logo {
  background-image: url("../webapp/svg/oldpage/vdb_logo_darkgray.svg");
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  height: 100%;
}
.registration-container .full-width .head-section .cross {
  position: absolute;
  top: 40%;
  right: 5%;
  bottom: 25%;
}
.registration-container .full-width .head-section .cross a {
  color: #292735;
}
.registration-container .full-width .head-section .back-to-login {
  position: absolute;
  top: 5%;
  right: 5%;
  bottom: 25%;
}
.registration-container .full-width .head-section .back-to-login span {
  color: #804294;
  color: var(--main_bg_title_font, #804294) !important;
  margin-right: 10px;
  vertical-align: middle;
}
.registration-container .full-width ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #a4a4a5;
}
.registration-container .full-width ::-moz-placeholder {
  /* Firefox 19+ */
  color: #a4a4a5;
}
.registration-container .full-width :-ms-input-placeholder {
  /* IE 10+ */
  color: #a4a4a5;
}
.registration-container .full-width :-moz-placeholder {
  /* Firefox 18- */
  color: #a4a4a5;
}
.registration-container .full-width .row {
  width: 95%;
  margin: 0 auto;
}
.registration-container .full-width .field {
  margin-bottom: 5px;
  display: block;
}
.registration-container .full-width .field .form-header {
  font-size: 24px;
  color: #804294;
  color: var(--main_bg_title_font, #804294) !important;
  padding: 13px 10px;
}
.registration-container .full-width .field .translucent-box {
  width: 95%;
  margin: 0 auto;
}
.registration-container .full-width .field .translucent-box span.required-symbol {
  color: red;
  position: absolute;
  display: inline-block;
  top: 18px;
  left: -15px;
  font-size: 20px;
}
.registration-container .full-width .field .translucent-box span.floating-label {
  position: absolute;
  top: 1px;
  left: 4px;
  font-size: 12px;
  color: #292735;
}
.registration-container .full-width .field .translucent-box span.validation-indicator {
  position: absolute;
  width: 20px;
  height: 20px;
  display: inline-block;
  top: 17px;
  right: 5px;
}
.registration-container .full-width .field .translucent-box span.validation-indicator.ok {
  background-image: url("../webapp/svg/ok.png");
  background-size: 20px;
  background-repeat: no-repeat;
}
.registration-container .full-width .field .translucent-box span.validation-indicator.wrong {
  background-image: url("../webapp/svg/wrong.png");
  background-size: 20px;
  background-repeat: no-repeat;
}
.registration-container .full-width .field .translucent-box.jbt-member {
  padding: 15px 0px;
  font-size: 16px;
  color: #804294;
}
.registration-container .full-width .field .translucent-box.jbt-member span.option label {
  font-weight: normal;
}
.registration-container .full-width .field .translucent-box.jbt-member span.option label span {
  background-image: url("../webapp/login/purple_check_unselected.png");
  height: 22px;
  width: 22px;
  background-size: cover;
  display: inline-block;
  vertical-align: sub;
}
.registration-container .full-width .field .translucent-box.jbt-member span.option label span.selected {
  background-image: url("../webapp/login/purple_check_selected.png");
  background-size: contain;
}
.registration-container .full-width .field .translucent-box.jbt-member span.option input[type=radio], .registration-container .full-width .field .translucent-box.jbt-member span.option input[type=checkbox] {
  width: 20px;
  height: 20px;
  display: none;
}
.registration-container .full-width .field .translucent-box.subscribe {
  padding: 5px 0px;
}
.registration-container .full-width .field .phone-field {
  width: 95%;
  margin: 0 auto;
}
.registration-container .full-width .field .phone-field .translucent-box {
  width: 100%;
  margin: 0px;
}
.registration-container .full-width .field .phone-field .translucent-box .translucent-data {
  text-align: left;
}
.registration-container .full-width .field .phone-field .col-9, .registration-container .full-width .field .phone-field .col-3 {
  padding: 0px;
}
.registration-container .full-width .field .phone-field .col-3 {
  padding-left: 2px;
}
.registration-container .full-width .field .phone-field select {
  background-color: #ffffff;
  height: 54px;
  padding: 15px 10px;
  font-size: 15px;
}
.registration-container .full-width .field .phone-field input[type=text] {
  padding-left: 10px;
  width: 66%;
  margin-left: 34%;
}
.registration-container .full-width .field .phone-field .flag-container {
  padding: 0 !important;
  width: 34%;
}
.registration-container .full-width .field .phone-field .flag-container .selected-flag {
  width: 95%;
  background-color: #ffffff;
}
.registration-container .full-width .field .phone-field .flag-container .selected-flag .iti-flag {
  background-image: url("../webapp/flags.png");
}
.registration-container .full-width .field .phone-field .flag-container .country-list .country .flag-box .iti-flag {
  background-image: url("../webapp/flags.png");
}
.registration-container .full-width .field input[type=email], .registration-container .full-width .field input[type=password], .registration-container .full-width .field input[type=text] {
  width: 100%;
  font-size: 16px;
  background: #ffffff;
  text-align: left;
}
.registration-container .full-width .field input[type=email]:-webkit-autofill, .registration-container .full-width .field input[type=password]:-webkit-autofill, .registration-container .full-width .field input[type=text]:-webkit-autofill {
  -webkit-text-fill-color: #804294;
}
.registration-container .full-width .field select {
  color: #a4a4a5;
  background: #ffffff;
  border: none;
  padding: 12px 10px;
  width: 100%;
  font-size: 18px;
  text-align: left;
  height: 52px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-border-radius: 0px;
  text-indent: 1px;
}
.registration-container .full-width .field select option {
  background-color: #ffffff;
  color: #804294;
}
.registration-container .full-width .field .focused-field {
  border: solid 2px #ffffff;
}
.registration-container .full-width .field .with-error {
  border: solid 2px #d0021b;
}
.registration-container .full-width .field .error-row {
  background-color: #d0021b;
  margin: 10px auto;
  font-size: 18px;
  width: 95%;
  color: #ffffff;
  height: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.registration-container .full-width .field .capitalize-words {
  text-transform: capitalize;
}
.registration-container .full-width .field .intl-tel-input {
  width: 99%;
}
.registration-container .full-width .field .intl-tel-input.allow-dropdown.separate-dial-code .selected-dial-code {
  padding-left: 25px;
  color: #a4a4a5;
}
.registration-container .full-width .field .intl-tel-input .country-list {
  background-color: #ffffff;
}
.registration-container .full-width .field .intl-tel-input .country-list .dial-code, .registration-container .full-width .field .intl-tel-input .country-list .country-name {
  color: #292735;
}
.registration-container .full-width .double-field {
  width: 95%;
  margin: 0 auto;
}
.registration-container .full-width .double-field .col-6 {
  padding: 0px;
}
.registration-container .full-width .double-field .row {
  width: 100%;
  margin: 0px;
}
.registration-container .full-width .double-field .row .col-6 .translucent-box {
  width: 98%;
  margin-right: 2%;
}
.registration-container .full-width .double-field .row .col-6.right-field .translucent-box {
  margin-left: 0.5%;
  width: 99.5%;
}
.registration-container .full-width .double-field input[type=email], .registration-container .full-width .double-field input[type=password], .registration-container .full-width .double-field input[type=text] {
  width: 100%;
}
.registration-container .full-width .separator {
  margin: 20px 0px;
}
.registration-container .full-width .create-user-pwd {
  margin: 5px auto 15px;
}
.registration-container .full-width .password-formula {
  margin: 15px auto;
}
.registration-container .full-width .create-user-pwd, .registration-container .full-width .password-formula {
  width: 95%;
  font-size: 20px;
  color: #804294;
  color: var(--main_bg_title_font, #804294) !important;
  text-align: left;
}
.registration-container .full-width .create-user-pwd span, .registration-container .full-width .password-formula span {
  display: block;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-size: 16px;
}
.registration-container .full-width .is-subscribed {
  text-decoration: none;
}
.registration-container .full-width .is-subscribed .remember-me-icon {
  display: inline-block;
  width: 22px;
  height: 22px;
  vertical-align: text-bottom;
  margin-right: 7px;
  border: 2px solid;
  border-color: #9665A6;
  border-color: var(--option_btn_on_color, #9665A6) !important;
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}
.registration-container .full-width .is-subscribed.checked .remember-me-icon {
  font-size: 15px;
  font-weight: 700;
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
}
.registration-container .full-width .actions .round-light-purple-btn {
  padding: 15px 35px;
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
}
.registration-container .register-actions {
  margin: 20px 0px;
}
.registration-container .register-actions input {
  border: none;
}
.registration-container select2 {
  color: #292735;
}
.registration-container .select2-container--default .select2-selection--multiple {
  border: none;
  background-color: transparent;
  border-radius: 0;
  padding: 8px 5px;
  background: #ffffff;
}
.registration-container .select2-container--default .select2-selection--multiple .select2-selection__choice {
  border: none;
  background-color: rgba(255, 255, 255, 0.2);
  padding: 2px 5px;
  display: inline-block;
  margin-right: 10px;
  white-space: normal;
  display: flex;
  text-align: left;
  word-break: break-all;
}
.registration-container .select2-container--default.select2-container--focus .select2-selection--multiple {
  border: none;
}
.registration-container .select2-search__field {
  font-size: 17px !important;
}
.registration-container .select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #ffffff;
}
.registration-container .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 15px;
}
.registration-container .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 54px;
  color: inherit;
  font-size: 16px;
  text-align: left;
}
.registration-container .select2-container--default .select2-selection--single {
  height: 54px;
  border: none;
  border-radius: 0;
}
.registration-container .select2.select2-container.select2-container--default {
  width: 100% !important;
}
.registration-container .phone-field .floating-label {
  left: 34% !important;
}
.registration-container .phone-field .validation-indicator {
  right: 10px !important;
}
.registration-container .margin-top20 {
  margin-top: 20px;
}
@media (max-width: 1300px) {
  .registration-container .web-registrations.web-registrations-new .full-width .field select,
.registration-container .web-registrations.web-registrations-create .full-width .field select {
    font-size: 17px;
  }
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
}
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
}
.title-heading-text {
  font-size: 24px;
  color: #804294;
  color: var(--main_bg_title_font, #804294) !important;
  padding: 13px 10px;
  text-align: center;
}
.info-text {
  font-size: 15px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  padding: 0px 10px 0px 10px;
}
.bottom-text {
  font-size: 15px;
  font-weight: bold;
  color: #804294;
  color: var(--main_bg_title_font, #804294) !important;
  padding-top: 15px;
  padding-bottom: 15px;
}
@media (min-width: 835px) and (max-width: 1199px) {
  .registration-container .container-fluid {
    padding: 0 !important;
  }
  .registration-container .container-fluid .row {
    width: 100%;
  }
  .registration-container .container-fluid .row .selected-flag {
    padding: 0 0 0 5px !important;
  }
  .registration-container .container-fluid .row .selected-flag .iti-flag {
    display: none;
  }
  .registration-container .container-fluid .row .selected-flag .selected-dial-code {
    font-size: 14px;
    padding: 0 15px 0 5px !important;
    text-align: center;
  }
}
@media screen and (max-width: 834px) {
  .registration-container .container-fluid {
    padding: 0 !important;
  }
  .registration-container .container-fluid .logo-wrapper {
    height: 170px !important;
    padding-top: 80px;
  }
  .registration-container .container-fluid > .row {
    width: 100%;
    flex-direction: column;
  }
  .registration-container .container-fluid > .row .form-header {
    text-align: center;
  }
  .registration-container .container-fluid > .row .col-sm-4 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}
@media screen and (max-width: 834px) and (min-width: 480px) and (max-width: 834px) {
  .registration-container .container-fluid > .row .col-sm-4 {
    width: 450px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 834px) {
  .registration-container .container-fluid > .row .col-6 {
    padding: 0 !important;
  }
  .registration-container .container-fluid > .row .col-6 .translucent-box {
    width: 100%;
  }
}
@media screen and (max-width: 834px) {
  .registration-container .container-fluid > .row .col-9, .registration-container .container-fluid > .row .col-3 {
    padding: 0 !important;
  }
}
@media screen and (max-width: 834px) and (max-width: 480px) {
  .registration-container .container-fluid > .row .col-9 .selected-flag, .registration-container .container-fluid > .row .col-3 .selected-flag {
    padding: 0 0 0 5px !important;
  }
  .registration-container .container-fluid > .row .col-9 .selected-flag .iti-flag, .registration-container .container-fluid > .row .col-3 .selected-flag .iti-flag {
    display: none;
  }
  .registration-container .container-fluid > .row .col-9 .selected-flag .selected-dial-code, .registration-container .container-fluid > .row .col-3 .selected-flag .selected-dial-code {
    font-size: 14px;
    padding: 0 15px 0 5px !important;
    text-align: center;
  }
}
@media screen and (max-width: 834px) {
  .registration-container .container-fluid > .row .col-3 {
    padding-left: 2px !important;
  }
}
@media screen and (max-width: 834px) {
  .registration-container .container-fluid > .row .actions .row {
    justify-content: space-evenly;
  }
  .registration-container .container-fluid > .row .actions .row .offset-md-3 {
    margin-left: 0 !important;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .custom-register .title-container {
    padding: 0 5px !important;
  }
}
.custom-register .row {
  margin: 0;
}
.custom-register.three-cols {
  width: 1100px;
  margin: 0 auto;
}
.custom-register input[type=text] {
  border-radius: 0 !important;
}
.custom-register .header-container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 45px 0;
  position: relative;
}
.custom-register .header-container .org-logo {
  background-image: url("../webapp/svg/oldpage/vdb_logo_darkgray.svg");
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 130px;
  width: 256px;
  cursor: pointer;
}
.custom-register .header-container .gifBanner {
  display: inline-block;
  margin: 0 auto;
  cursor: pointer;
}
.custom-register .header-container .gifBanner.desktopGifBanner {
  display: block;
}
@media only screen and (max-width: 767px) {
  .custom-register .header-container .gifBanner.desktopGifBanner {
    display: none;
  }
}
.custom-register .header-container .gifBanner.mobGifBanner {
  display: none;
}
@media only screen and (max-width: 767px) {
  .custom-register .header-container .gifBanner.mobGifBanner {
    display: block;
  }
}
.custom-register .header-container .gifBanner img {
  max-width: 100%;
  padding: 0 20px;
}
.custom-register .new-user-form {
  width: 100%;
}
.custom-register .new-user-form .cross {
  position: absolute;
  right: 3%;
  top: 4px;
}
.custom-register .new-user-form .cross a {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.custom-register .new-user-form .cross a .vi {
  font-weight: 700;
}
.custom-register .new-user-form .custom-registration-page .form-header {
  width: 95%;
  margin: 0 auto;
}
.custom-register .new-user-form .custom-registration-page .form-header h1, .custom-register .new-user-form .custom-registration-page .form-header h3 {
  font-size: 20px;
  font-weight: 400;
  color: #804294;
  color: var(--main_bg_title_font, #804294) !important;
}
.custom-register .new-user-form .custom-registration-page .form-header span {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-size: 14px;
}
.custom-register .new-user-form .custom-registration-page .form-header .main-title {
  font-weight: 500;
  font-size: 24px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .custom-register .new-user-form .custom-registration-page .form-header.title-header {
    width: 98%;
  }
}
@media only screen and (min-width: 1101px) {
  .custom-register .new-user-form .custom-registration-page .form-header.title-header {
    width: 98%;
  }
}
.custom-register .new-user-form .custom-registration-page .submit-wrapper {
  display: flex;
  justify-content: center;
  margin: 50px 0 20px;
}
.custom-register .new-user-form .custom-registration-page .submit-wrapper input[type=submit] {
  width: 200px;
  line-height: 60px;
  border-radius: 35px;
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  cursor: pointer;
}
.custom-register .new-user-form .custom-registration-page .submit-wrapper input[type=submit].disabled {
  background: #C8C8C8 !important;
}
.custom-register .new-user-form .custom-registration-page .submit-wrapper + .customText {
  text-align: center;
  margin: 40px auto;
  font-size: 14px;
}
.custom-register .new-user-form .custom-registration-page .second-col .password-col {
  margin-top: 25px;
}
.custom-register .new-user-form .custom-registration-page .second-col .password-col.adj-col {
  margin-top: 24px;
}
.custom-register .new-user-form .custom-registration-page .field {
  margin-bottom: 5px;
}
.custom-register .new-user-form .custom-registration-page .field .capitalize-words {
  text-transform: capitalize;
}
.custom-register .new-user-form .custom-registration-page .field .with-error {
  border: solid 2px #d0021b !important;
}
.custom-register .new-user-form .custom-registration-page .field .error-row {
  background-color: #d0021b;
  margin: 10px auto;
  padding: 0 10px;
  font-size: 18px;
  width: 95%;
  color: #ffffff;
  text-align: center;
  height: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.custom-register .new-user-form .custom-registration-page .field .translucent-box {
  width: 95%;
  margin: 0 auto;
  position: relative;
}
.custom-register .new-user-form .custom-registration-page .field .translucent-box span.required-symbol {
  color: red;
  position: absolute;
  display: inline-block;
  top: 18px;
  left: -15px;
  font-size: 20px;
}
.custom-register .new-user-form .custom-registration-page .field .translucent-box span.floating-label {
  position: absolute;
  top: 1px;
  left: 4px;
  font-size: 12px;
  color: #292735;
}
.custom-register .new-user-form .custom-registration-page .field .translucent-box span.validation-indicator {
  position: absolute;
  width: 20px;
  height: 20px;
  display: inline-block;
  top: 17px;
  right: 5px;
}
.custom-register .new-user-form .custom-registration-page .field .translucent-box span.validation-indicator.ok {
  background-image: url("../webapp/svg/ok.png");
  background-size: 20px;
  background-repeat: no-repeat;
}
.custom-register .new-user-form .custom-registration-page .field .translucent-box span.validation-indicator.wrong {
  background-image: url("../webapp/svg/wrong.png");
  background-size: 20px;
  background-repeat: no-repeat;
}
.custom-register .new-user-form .custom-registration-page .field .translucent-box .translucent-data input,
.custom-register .new-user-form .custom-registration-page .field .translucent-box .translucent-data .pseudoInput {
  width: 100%;
  font-size: 16px;
  background: #ffffff;
  text-align: left;
  background-color: #ffffff;
  color: #292735;
  padding: 15px 10px;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
  outline: none;
  border: none;
  border: 1px solid #827C7C;
  box-shadow: none;
}
.custom-register .new-user-form .custom-registration-page .field .translucent-box .translucent-data input.with-error,
.custom-register .new-user-form .custom-registration-page .field .translucent-box .translucent-data .pseudoInput.with-error {
  border: 1px solid #d0021b;
}
.custom-register .new-user-form .custom-registration-page .field .translucent-box .translucent-data input:-webkit-autofill,
.custom-register .new-user-form .custom-registration-page .field .translucent-box .translucent-data .pseudoInput:-webkit-autofill {
  -webkit-text-fill-color: #292735;
}
.custom-register .new-user-form .custom-registration-page .field .translucent-box .translucent-data input.pseudoInput,
.custom-register .new-user-form .custom-registration-page .field .translucent-box .translucent-data .pseudoInput.pseudoInput {
  position: relative;
  white-space: nowrap;
  overflow: hidden;
}
.custom-register .new-user-form .custom-registration-page .field .translucent-box .translucent-data input.pseudoInput > span:nth-of-type(n+3),
.custom-register .new-user-form .custom-registration-page .field .translucent-box .translucent-data .pseudoInput.pseudoInput > span:nth-of-type(n+3) {
  display: none;
}
.custom-register .new-user-form .custom-registration-page .field .translucent-box .translucent-data input.pseudoInput .uploadProgress,
.custom-register .new-user-form .custom-registration-page .field .translucent-box .translucent-data .pseudoInput.pseudoInput .uploadProgress {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background: #5dff5d;
}
.custom-register .new-user-form .custom-registration-page .field .phone-field {
  width: 95%;
  margin: 0 auto;
}
.custom-register .new-user-form .custom-registration-page .field .phone-field .intl-tel-input {
  width: 100%;
}
.custom-register .new-user-form .custom-registration-page .field .phone-field .floating-label {
  left: 36% !important;
}
.custom-register .new-user-form .custom-registration-page .field .phone-field .validation-indicator {
  right: 10px !important;
}
.custom-register .new-user-form .custom-registration-page .field .phone-field .country-list {
  z-index: 999;
}
.custom-register .new-user-form .custom-registration-page .field .phone-field .translucent-box {
  width: 100%;
  margin: 0px;
}
.custom-register .new-user-form .custom-registration-page .field .phone-field .translucent-box .translucent-data {
  text-align: left;
}
.custom-register .new-user-form .custom-registration-page .field .phone-field .col-9, .custom-register .new-user-form .custom-registration-page .field .phone-field .col-3 {
  padding: 0px;
}
.custom-register .new-user-form .custom-registration-page .field .phone-field .col-3 {
  padding-left: 2px;
  position: relative;
}
.custom-register .new-user-form .custom-registration-page .field .phone-field .col-3 .phone-dropdown-arrow {
  right: 10px;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  color: #a4a4a5;
}
.custom-register .new-user-form .custom-registration-page .field .phone-field select {
  color: #a4a4a5;
  background: #ffffff;
  border: 1px solid #827C7C;
  padding: 12px 10px;
  width: 100%;
  font-size: 18px;
  text-align: left;
  height: 56px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-border-radius: 0px;
  text-indent: 1px;
}
.custom-register .new-user-form .custom-registration-page .field .phone-field input[type=text] {
  padding-left: 10px;
  width: 66%;
  margin-left: 34%;
}
.custom-register .new-user-form .custom-registration-page .field .phone-field .flag-container {
  padding: 0 !important;
  width: 34%;
}
.custom-register .new-user-form .custom-registration-page .field .phone-field .flag-container .selected-flag {
  width: 95%;
  background-color: #ffffff;
  border: 1px solid #827C7C;
}
.custom-register .new-user-form .custom-registration-page .field .phone-field .flag-container .selected-flag .iti-flag {
  background-image: url("../webapp/flags.png");
}
.custom-register .new-user-form .custom-registration-page .field .phone-field .flag-container .country-list .country .flag-box .iti-flag {
  background-image: url("../webapp/flags.png");
}
.custom-register .new-user-form .custom-registration-page .field .phone-field .minify .flag-container {
  width: 35%;
}
.custom-register .new-user-form .custom-registration-page .field .phone-field .minify .flag-container .selected-flag {
  width: 100%;
}
.custom-register .new-user-form .custom-registration-page .field .phone-field .minify .flag-container .selected-flag .selected-dial-code {
  padding-left: 10px;
  text-align: center;
}
.custom-register .new-user-form .custom-registration-page .field .phone-field .minify input {
  width: 65%;
  margin-left: 35.4%;
}
.custom-register .new-user-form .custom-registration-page .field .phone-field .minify .floating-label {
  left: 37% !important;
}
.custom-register .pt-60 {
  padding-top: 60px;
}
.custom-register select2 {
  color: #292735;
}
.custom-register .select2-container--default .select2-selection--multiple {
  border: none;
  background-color: transparent;
  border-radius: 0;
}
.custom-register .select2-container--default .select2-selection--multiple .select2-selection__choice {
  border: none;
  background-color: rgba(255, 255, 255, 0.2);
  padding: 12px 5px 0px 0px;
  display: inline-block;
  margin-right: 10px;
  font-size: 14px;
}
.custom-register .select2-container--default.select2-container--focus .select2-selection--multiple {
  border: none;
}
.custom-register .businessType {
  margin-bottom: -2px !important;
}
.custom-register .select2-search__field {
  font-size: 17px !important;
  margin-top: 0px !important;
  border: none !important;
}
.custom-register .select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #ffffff;
}
.custom-register .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 15px;
}
.custom-register .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 54px;
  color: inherit;
  font-size: 16px;
  text-align: left;
}
.custom-register .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding: 0px !important;
  border: 1px solid #827C7C;
  background: white;
}
.custom-register .select2-container--default .select2-selection--single {
  height: 56px;
  border: 1px solid #827C7C;
  border-radius: 0;
}
.custom-register .select2.select2-container.select2-container--default {
  width: 100% !important;
}
.custom-register .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
}
.custom-register .select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
}
.custom-register .m-t-15 {
  margin-top: 15px;
}
.custom-register .underline {
  text-decoration: underline;
}
.custom-register .f14 {
  font-size: 14px;
}
.custom-register .registerFormTooltip {
  position: relative;
  z-index: 10;
  display: inline-block;
  color: var(--main_bg_font_color, #292735) !important;
}
.custom-register .registerFormTooltip .registerFormTooltipLabel {
  opacity: 0.8;
}
@media only screen and (max-width: 767px) {
  .custom-register .registerFormTooltip .registerFormTooltipLabel.extraBottomSpaceForApp {
    margin-bottom: 8px;
  }
  .custom-register .registerFormTooltip .registerFormTooltipLabel.extraTopSpaceForApp {
    margin-top: 6px;
  }
}
.custom-register .fileUploadCont {
  position: relative;
}
.custom-register .fileUploadCont .pseudoHiddenInput {
  opacity: 0;
}
.custom-register .fileUploadCont .fileInput {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.custom-register .fileUploadCont .fileFieldLabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  font-size: 16px;
  text-align: left;
  background-color: #ffffff;
  color: #292735;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
  box-shadow: none;
}
.custom-register .fileUploadCont .fileFieldLabel.with-error {
  border: 1px solid #d0021b;
}
.custom-register .fileUploadCont .fileFieldLabel:-webkit-autofill {
  -webkit-text-fill-color: #292735;
}
.custom-register .fileUploadCont .fileFieldLabel > div:nth-of-type(1) {
  flex-grow: 100;
  color: #757575 !important;
  width: unset !important;
}
.custom-register .fileUploadCont .fileFieldLabel > div:nth-of-type(2) {
  width: 113px;
  background: #6B626D;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.custom-register .registerFormTnCCont {
  width: 100%;
  max-width: 834px;
  margin: 30px auto 0;
  background: #F0F0F0;
  padding: 24px 24px 24px 34px;
}
@media only screen and (max-width: 1100px) {
  .custom-register .registerFormTnCCont {
    max-width: 494px;
  }
}
@media only screen and (max-width: 494px) {
  .custom-register .registerFormTnCCont {
    padding: 24px 24px 24px 24px;
  }
}
.custom-register .registerFormTnCCont .checkboxField {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.custom-register .registerFormTnCCont .checkboxField .required-symbol {
  color: red;
  position: absolute;
  display: inline-block;
  top: -2px;
  left: -15px;
  font-size: 20px;
}
.custom-register .registerFormTnCCont .checkboxField:nth-of-type(n+2) {
  margin-top: 15px;
}
.custom-register .registerFormTnCCont .checkboxField .checkboxIcon {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  font-size: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  background: #fff;
  border: 2px solid;
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  border-color: #9665A6;
  border-color: var(--option_btn_on_color, #9665A6) !important;
}
.custom-register .registerFormTnCCont .checkboxField .checkboxIcon.switch_checkmark_white {
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
}
.custom-register .registerFormTnCCont .checkboxField .checkboxIcon + * {
  width: calc(100% - 32px);
}
.custom-register input.disabled {
  pointer-events: none;
}
.custom-register .selectedFileRow {
  padding: 5px 0;
}
.custom-register .selectedFileRow.disabled {
  pointer-events: none;
  opacity: 0.8;
}
.custom-register .selectedFileRow, .custom-register .selectedFileRow > *:nth-of-type(1) {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.custom-register .selectedFileRow > *:nth-of-type(1) {
  max-width: calc(100% - 25px);
}
.custom-register .selectedFileRow .fileName {
  display: block;
  max-width: calc(100% - 25px);
  overflow: hidden;
}
.custom-register .selectedFileRow .fileName .fileError {
  line-height: 1;
  font-size: 14px;
  text-align: left;
}
.custom-register .selectedFileRow .selectedFilePrefixIncomplete {
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 5px;
  border-radius: 50%;
  -webkit-animation: selectedFilePrefixIncompletePulse 1.5s infinite ease-in-out;
          animation: selectedFilePrefixIncompletePulse 1.5s infinite ease-in-out;
}
@-webkit-keyframes selectedFilePrefixIncompletePulse {
  0% {
    background: rgba(165, 165, 165, 0.1);
  }
  50% {
    background: rgba(165, 165, 165, 0.25);
  }
  100% {
    background: rgba(165, 165, 165, 0.1);
  }
}
@keyframes selectedFilePrefixIncompletePulse {
  0% {
    background: rgba(165, 165, 165, 0.1);
  }
  50% {
    background: rgba(165, 165, 165, 0.25);
  }
  100% {
    background: rgba(165, 165, 165, 0.1);
  }
}
.custom-register .selectedFileRow .selectedFilePrefix {
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 5px;
  background-image: url("../webapp/svg/ok.png");
  background-size: 20px;
  background-repeat: no-repeat;
}
.custom-register .selectedFileRow .selectedFilePrefixError {
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 5px;
  background-image: url("../webapp/svg/wrong.png");
  background-size: 20px;
  background-repeat: no-repeat;
}
.custom-register .selectedFileRow .selectedFileSuffix {
  cursor: pointer;
}
.custom-register .customTooltip {
  position: relative;
}
.custom-register .customTooltip .tooltipText {
  visibility: hidden;
  width: 95vw;
  max-width: 460px;
  font-size: 14px;
  background-color: rgba(0, 0, 0, 0.9);
  color: #fff;
  text-align: left;
  border-radius: 6px;
  position: absolute;
  top: calc(100% + 5px);
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  opacity: 0;
  transition: opacity 400ms;
  padding: 10px;
  line-height: 1.3;
  z-index: 9999;
}
@media only screen and (max-width: 768px) {
  .custom-register .customTooltip .tooltipText {
    max-width: 220px;
  }
}
.custom-register .customTooltip .tooltipText:after {
  content: " ";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent black transparent;
}
.custom-register .customTooltip .tooltipText.tooltipTextTop {
  top: unset;
  bottom: calc(100% + 5px);
}
.custom-register .customTooltip .tooltipText.tooltipTextTop:after {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  bottom: unset;
  right: unset;
  margin-top: 0;
  margin-left: 0;
  border-color: black transparent transparent transparent;
}
@media only screen and (max-width: 768px) {
  .custom-register .customTooltip .tooltipText.tooltipTextMobFix {
    left: 0;
    transform: translateX(0);
  }
  .custom-register .customTooltip .tooltipText.tooltipTextMobFix:after {
    left: 30px;
  }
}
.custom-register .customTooltip:hover {
  text-decoration: none;
}
.custom-register .customTooltip:hover .tooltipText {
  visibility: visible;
  opacity: 1;
}
@media screen and (max-width: 1199px) {
  .custom-register.two-cols {
    width: 100% !important;
  }
  .custom-register.two-cols .title-container {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  .custom-register.two-cols .custom-registration-page {
    padding: 0 20px;
  }
}
@media screen and (max-width: 1199px) and (min-width: 600px) and (max-width: 1199px) {
  .custom-register.two-cols .custom-registration-page .name-col, .custom-register.two-cols .custom-registration-page .username-col {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
}
@media screen and (max-width: 1199px) and (max-width: 950px) {
  .custom-register.two-cols .custom-registration-page .selected-flag {
    padding: 0 0 0 5px !important;
  }
  .custom-register.two-cols .custom-registration-page .selected-flag .iti-flag {
    display: none;
  }
  .custom-register.two-cols .custom-registration-page .selected-flag .selected-dial-code {
    font-size: 14px;
    padding: 0 15px 0 5px !important;
    text-align: center;
  }
}
@media screen and (max-width: 1199px) and (max-width: 635px) {
  .custom-register.two-cols .custom-registration-page .name-col, .custom-register.two-cols .custom-registration-page .username-col {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  .custom-register.two-cols .custom-registration-page .username-col .form-header {
    margin-top: 20px;
  }
}
@media screen and (max-width: 1100px) {
  .custom-register.three-cols {
    width: 100% !important;
  }
}
@media screen and (max-width: 1100px) and (min-width: 600px) and (max-width: 1100px) {
  .custom-register.three-cols .custom-registration-page {
    margin: 0 !important;
    justify-content: space-between !important;
    flex-direction: column;
  }
  .custom-register.three-cols .custom-registration-page .name-col, .custom-register.three-cols .custom-registration-page .address-col, .custom-register.three-cols .custom-registration-page .username-col, .custom-register.three-cols .custom-registration-page .custom-register-header, .custom-register.three-cols .custom-registration-page .submit-container {
    flex: 0 0 100%;
    max-width: 100%;
    width: 550px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 1100px) and (max-width: 599px) {
  .custom-register.three-cols .custom-registration-page {
    padding: 0 20px;
  }
  .custom-register.three-cols .custom-registration-page .address-col {
    margin-top: 0 !important;
  }
  .custom-register.three-cols .custom-registration-page .username-col .form-header,
.custom-register.three-cols .custom-registration-page .address-col-with-document-feature .form-header {
    margin-top: 20px;
  }
}
@media screen and (max-width: 1100px) and (max-width: 380px) {
  .selected-flag {
    padding: 0 0 0 5px !important;
  }
  .selected-flag .iti-flag {
    display: none;
  }
  .selected-flag .selected-dial-code {
    font-size: 14px;
    padding: 0 15px 0 5px !important;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .custom-register .container-fluid {
    padding: 0 !important;
  }
  .custom-register .container-fluid .custom-registration-page {
    padding: 0 !important;
  }

  .phone-field input {
    padding-left: 8px !important;
  }
  .phone-field span.vi {
    right: 5px !important;
  }
  .phone-field select {
    padding: 12px 5px !important;
    font-size: 14px !important;
  }
}
@media only screen and (max-width: 767px) {
  .astar-register .title-container {
    padding: 0 5px !important;
  }
}
.astar-register .row {
  margin: 0;
}
.astar-register.three-cols {
  max-width: 1255px;
  margin: 0 auto;
}
.astar-register input[type=text] {
  border-radius: 0 !important;
}
.astar-register .header-container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 45px 0;
  position: relative;
}
.astar-register .header-container .org-logo {
  background-image: url("../webapp/svg/oldpage/vdb_logo_darkgray.svg");
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 130px;
  width: 256px;
  cursor: pointer;
}
.astar-register .header-container .gifBanner {
  display: inline-block;
  margin: 0 auto;
  cursor: pointer;
}
.astar-register .header-container .gifBanner.desktopGifBanner {
  display: block;
}
@media only screen and (max-width: 767px) {
  .astar-register .header-container .gifBanner.desktopGifBanner {
    display: none;
  }
}
.astar-register .header-container .gifBanner.mobGifBanner {
  display: none;
}
@media only screen and (max-width: 767px) {
  .astar-register .header-container .gifBanner.mobGifBanner {
    display: block;
  }
}
.astar-register .header-container .gifBanner img {
  max-width: 100%;
  padding: 0 20px;
}
.astar-register .new-user-form {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.astar-register .new-user-form .cross {
  position: absolute;
  right: 3%;
  top: 4px;
}
.astar-register .new-user-form .cross a {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.astar-register .new-user-form .cross a .vi {
  font-weight: 700;
}
.astar-register .new-user-form .astar-registration-page .form-header {
  width: 95%;
  margin: 0 auto;
}
.astar-register .new-user-form .astar-registration-page .form-header h1, .astar-register .new-user-form .astar-registration-page .form-header h3 {
  font-size: 20px;
  font-weight: 400;
  color: #804294;
  color: var(--main_bg_title_font, #804294) !important;
}
.astar-register .new-user-form .astar-registration-page .form-header span {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-size: 14px;
}
.astar-register .new-user-form .astar-registration-page .form-header .main-title {
  font-weight: 500;
  font-size: 24px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .astar-register .new-user-form .astar-registration-page .form-header.title-header {
    width: 98%;
  }
}
@media only screen and (min-width: 1101px) {
  .astar-register .new-user-form .astar-registration-page .form-header.title-header {
    width: 98%;
  }
}
.astar-register .new-user-form .astar-registration-page .submit-wrapper {
  display: flex;
  justify-content: center;
  margin: 50px 0 20px;
}
.astar-register .new-user-form .astar-registration-page .submit-wrapper input[type=submit] {
  width: 200px;
  line-height: 60px;
  border-radius: 35px;
  color: #FFFFFF;
  color: var(--action_btn_active_font_color, #FFFFFF) !important;
  background-color: #652E77;
  background-color: var(--action_btn_active_color, #652E77) !important;
  cursor: pointer;
}
.astar-register .new-user-form .astar-registration-page .submit-wrapper input[type=submit].disabled {
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
}
.astar-register .new-user-form .astar-registration-page .submit-wrapper + .customText {
  text-align: center;
  margin: 40px auto;
  font-size: 14px;
}
.astar-register .new-user-form .astar-registration-page .second-col .password-col {
  margin-top: 25px;
}
.astar-register .new-user-form .astar-registration-page .second-col .password-col.adj-col {
  margin-top: 24px;
}
.astar-register .new-user-form .astar-registration-page .field {
  margin-bottom: 5px;
}
.astar-register .new-user-form .astar-registration-page .field .capitalize-words {
  text-transform: capitalize;
}
.astar-register .new-user-form .astar-registration-page .field .with-error {
  border: solid 2px #d0021b !important;
}
.astar-register .new-user-form .astar-registration-page .field .error-row {
  background-color: #d0021b;
  margin: 10px auto;
  padding: 0 10px;
  font-size: 18px;
  width: 95%;
  color: #ffffff;
  text-align: center;
  height: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.astar-register .new-user-form .astar-registration-page .field .translucent-box {
  width: 95%;
  margin: 0 auto;
  position: relative;
}
.astar-register .new-user-form .astar-registration-page .field .translucent-box span.required-symbol {
  color: red;
  position: absolute;
  display: inline-block;
  top: 18px;
  left: -15px;
  font-size: 20px;
}
.astar-register .new-user-form .astar-registration-page .field .translucent-box span.floating-label {
  position: absolute;
  top: 1px;
  left: 4px;
  font-size: 12px;
  color: #292735;
}
.astar-register .new-user-form .astar-registration-page .field .translucent-box span.validation-indicator {
  position: absolute;
  width: 20px;
  height: 20px;
  display: inline-block;
  top: 17px;
  right: 5px;
}
.astar-register .new-user-form .astar-registration-page .field .translucent-box span.validation-indicator.ok {
  background-image: url("../webapp/svg/ok.png");
  background-size: 20px;
  background-repeat: no-repeat;
}
.astar-register .new-user-form .astar-registration-page .field .translucent-box span.validation-indicator.wrong {
  background-image: url("../webapp/svg/wrong.png");
  background-size: 20px;
  background-repeat: no-repeat;
}
.astar-register .new-user-form .astar-registration-page .field .translucent-box .translucent-data input,
.astar-register .new-user-form .astar-registration-page .field .translucent-box .translucent-data .pseudoInput {
  width: 100%;
  font-size: 16px;
  background: #ffffff;
  text-align: left;
  background-color: #ffffff;
  color: #292735;
  padding: 15px 10px;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
  outline: none;
  border: none;
  border: 1px solid #827C7C;
  box-shadow: none;
}
.astar-register .new-user-form .astar-registration-page .field .translucent-box .translucent-data input.with-error,
.astar-register .new-user-form .astar-registration-page .field .translucent-box .translucent-data .pseudoInput.with-error {
  border: 1px solid #d0021b;
}
.astar-register .new-user-form .astar-registration-page .field .translucent-box .translucent-data input:-webkit-autofill,
.astar-register .new-user-form .astar-registration-page .field .translucent-box .translucent-data .pseudoInput:-webkit-autofill {
  -webkit-text-fill-color: #292735;
}
.astar-register .new-user-form .astar-registration-page .field .translucent-box .translucent-data input.pseudoInput,
.astar-register .new-user-form .astar-registration-page .field .translucent-box .translucent-data .pseudoInput.pseudoInput {
  position: relative;
  white-space: nowrap;
  overflow: hidden;
}
.astar-register .new-user-form .astar-registration-page .field .translucent-box .translucent-data input.pseudoInput > span:nth-of-type(n+3),
.astar-register .new-user-form .astar-registration-page .field .translucent-box .translucent-data .pseudoInput.pseudoInput > span:nth-of-type(n+3) {
  display: none;
}
.astar-register .new-user-form .astar-registration-page .field .translucent-box .translucent-data input.pseudoInput .uploadProgress,
.astar-register .new-user-form .astar-registration-page .field .translucent-box .translucent-data .pseudoInput.pseudoInput .uploadProgress {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background: #5dff5d;
}
.astar-register .new-user-form .astar-registration-page .field .translucent-box .translucent-data.doe {
  position: relative;
}
.astar-register .new-user-form .astar-registration-page .field .translucent-box .translucent-data.doe .calendar_material {
  position: absolute;
  right: 16px;
  top: 15px;
  font-size: 22px;
}
.astar-register .new-user-form .astar-registration-page .field .phone-field {
  width: 95%;
  margin: 0 auto;
}
.astar-register .new-user-form .astar-registration-page .field .phone-field .intl-tel-input {
  width: 100%;
}
.astar-register .new-user-form .astar-registration-page .field .phone-field .floating-label {
  left: 36% !important;
}
.astar-register .new-user-form .astar-registration-page .field .phone-field .validation-indicator {
  right: 10px !important;
}
.astar-register .new-user-form .astar-registration-page .field .phone-field .country-list {
  z-index: 999;
}
.astar-register .new-user-form .astar-registration-page .field .phone-field .translucent-box {
  width: 100%;
  margin: 0px;
}
.astar-register .new-user-form .astar-registration-page .field .phone-field .translucent-box .translucent-data {
  text-align: left;
}
.astar-register .new-user-form .astar-registration-page .field .phone-field .col-9, .astar-register .new-user-form .astar-registration-page .field .phone-field .col-3 {
  padding: 0px;
}
.astar-register .new-user-form .astar-registration-page .field .phone-field .col-3 {
  padding-left: 5px;
  position: relative;
}
.astar-register .new-user-form .astar-registration-page .field .phone-field .col-3 .phone-dropdown-arrow {
  right: 7px;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  color: #888888;
}
.astar-register .new-user-form .astar-registration-page .field .phone-field .col-3 .phone-dropdown-arrow::before {
  font-size: 5px;
}
.astar-register .new-user-form .astar-registration-page .field .phone-field select {
  color: #a4a4a5;
  background: #ffffff;
  border: 1px solid #827C7C;
  padding: 12px 10px;
  width: 100%;
  font-size: 18px;
  text-align: left;
  height: 56px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-border-radius: 0px;
  text-indent: 1px;
}
.astar-register .new-user-form .astar-registration-page .field .phone-field input[type=text] {
  padding-left: 10px;
  width: 66%;
  margin-left: 34%;
}
.astar-register .new-user-form .astar-registration-page .field .phone-field .flag-container {
  padding: 0 !important;
  width: 34%;
}
.astar-register .new-user-form .astar-registration-page .field .phone-field .flag-container .selected-flag {
  width: 95%;
  background-color: #ffffff;
  border: 1px solid #827C7C;
}
.astar-register .new-user-form .astar-registration-page .field .phone-field .flag-container .selected-flag .iti-flag {
  background-image: url("../webapp/flags.png");
}
.astar-register .new-user-form .astar-registration-page .field .phone-field .flag-container .selected-flag .iti-arrow {
  width: 7px !important;
  border-top-color: #888888;
}
.astar-register .new-user-form .astar-registration-page .field .phone-field .flag-container .country-list .country .flag-box .iti-flag {
  background-image: url("../webapp/flags.png");
}
.astar-register .new-user-form .astar-registration-page .field .phone-field .minify .flag-container {
  width: 35%;
}
.astar-register .new-user-form .astar-registration-page .field .phone-field .minify .flag-container .selected-flag {
  width: 100%;
}
.astar-register .new-user-form .astar-registration-page .field .phone-field .minify .flag-container .selected-flag .selected-dial-code {
  padding-left: 10px;
  text-align: center;
}
.astar-register .new-user-form .astar-registration-page .field .phone-field .minify input {
  width: 65%;
  margin-left: 35.4%;
}
.astar-register .new-user-form .astar-registration-page .field .phone-field .minify .floating-label {
  left: 37% !important;
}
.astar-register .new-user-form .astar-registration-page .password-col, .astar-register .new-user-form .astar-registration-page .addtional-doc {
  margin-top: 10px;
}
.astar-register .pt-60 {
  padding-top: 60px;
}
.astar-register select2 {
  color: #292735;
}
.astar-register .select2-container--default .select2-selection--multiple {
  border: none;
  background-color: transparent;
  border-radius: 0;
}
.astar-register .select2-container--default .select2-selection--multiple .select2-selection__choice {
  border: none;
  background-color: rgba(255, 255, 255, 0.2);
  padding: 12px 5px 0px 0px;
  display: inline-block;
  margin-right: 10px;
  font-size: 14px;
}
.astar-register .select2-container--default.select2-container--focus .select2-selection--multiple {
  border: none;
}
.astar-register .businessType {
  height: 56px;
  margin-bottom: 5px;
}
.astar-register .select2-search__field {
  font-size: 17px !important;
  margin-top: 0px !important;
  border: none !important;
}
.astar-register .select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #ffffff;
}
.astar-register .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 15px;
}
.astar-register .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 54px;
  color: inherit;
  font-size: 16px;
  text-align: left;
}
.astar-register .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding: 0px !important;
  border: 1px solid #827C7C;
  background: white;
}
.astar-register .select2-container--default .select2-selection--single {
  height: 56px;
  border: 1px solid #827C7C;
  border-radius: 0;
}
.astar-register .select2.select2-container.select2-container--default {
  width: 100% !important;
}
.astar-register .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
}
.astar-register .select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
}
.astar-register .m-t-15 {
  margin-top: 15px;
}
.astar-register .underline {
  text-decoration: underline;
}
.astar-register .f14 {
  font-size: 14px;
}
.astar-register .registerFormTooltip {
  position: relative;
  z-index: 10;
  display: inline-block;
  color: var(--main_bg_font_color, #292735) !important;
}
.astar-register .registerFormTooltip .registerFormTooltipLabel {
  opacity: 0.8;
}
@media only screen and (max-width: 767px) {
  .astar-register .registerFormTooltip .registerFormTooltipLabel.extraBottomSpaceForApp {
    margin-bottom: 8px;
  }
  .astar-register .registerFormTooltip .registerFormTooltipLabel.extraTopSpaceForApp {
    margin-top: 6px;
  }
}
.astar-register .fileUploadCont {
  position: relative;
}
.astar-register .fileUploadCont .pseudoHiddenInput {
  opacity: 0;
}
.astar-register .fileUploadCont .fileInput {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.astar-register .fileUploadCont .fileFieldLabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  font-size: 16px;
  text-align: left;
  background-color: #ffffff;
  color: #292735;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
  box-shadow: none;
}
.astar-register .fileUploadCont .fileFieldLabel.with-error {
  border: 1px solid #d0021b;
}
.astar-register .fileUploadCont .fileFieldLabel:-webkit-autofill {
  -webkit-text-fill-color: #292735;
}
.astar-register .fileUploadCont .fileFieldLabel > div:nth-of-type(1) {
  flex-grow: 100;
  color: #757575 !important;
  width: unset !important;
}
.astar-register .fileUploadCont .fileFieldLabel > div:nth-of-type(2) {
  width: 113px;
  background: #6B626D;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.astar-register .registerFormTnCCont {
  width: 100%;
  max-width: 474px;
  margin: 30px auto 0;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  padding: 24px 24px 24px 34px;
}
@media only screen and (max-width: 1100px) {
  .astar-register .registerFormTnCCont {
    max-width: 494px;
  }
}
@media only screen and (max-width: 494px) {
  .astar-register .registerFormTnCCont {
    padding: 24px 24px 24px 24px;
  }
}
.astar-register .registerFormTnCCont .checkboxField {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.astar-register .registerFormTnCCont .checkboxField a {
  color: #804294;
  color: var(--action_btn_static_color, #804294) !important;
  height: 30px;
  display: inline-block;
}
.astar-register .registerFormTnCCont .checkboxField .required-symbol {
  color: red;
  position: absolute;
  display: inline-block;
  top: -2px;
  left: -15px;
  font-size: 20px;
}
.astar-register .registerFormTnCCont .checkboxField:nth-of-type(n+2) {
  margin-top: 15px;
}
.astar-register .registerFormTnCCont .checkboxField .checkboxIcon {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  font-size: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  background: #fff;
  border: 2px solid;
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  border-color: #9665A6;
  border-color: var(--option_btn_on_color, #9665A6) !important;
}
.astar-register .registerFormTnCCont .checkboxField .checkboxIcon.switch_checkmark_white {
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
}
.astar-register .registerFormTnCCont .checkboxField .checkboxIcon + * {
  width: calc(100% - 32px);
}
.astar-register input.disabled {
  pointer-events: none;
}
.astar-register .selectedFileRow {
  padding: 5px 0;
}
.astar-register .selectedFileRow.disabled {
  pointer-events: none;
  opacity: 0.8;
}
.astar-register .selectedFileRow, .astar-register .selectedFileRow > *:nth-of-type(1) {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.astar-register .selectedFileRow > *:nth-of-type(1) {
  max-width: calc(100% - 25px);
}
.astar-register .selectedFileRow .fileName {
  display: block;
  max-width: calc(100% - 25px);
  overflow: hidden;
}
.astar-register .selectedFileRow .fileName .fileError {
  line-height: 1;
  font-size: 14px;
  text-align: left;
}
.astar-register .selectedFileRow .selectedFilePrefixIncomplete {
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 5px;
  border-radius: 50%;
  -webkit-animation: selectedFilePrefixIncompletePulse 1.5s infinite ease-in-out;
          animation: selectedFilePrefixIncompletePulse 1.5s infinite ease-in-out;
}
@keyframes selectedFilePrefixIncompletePulse {
  0% {
    background: rgba(165, 165, 165, 0.1);
  }
  50% {
    background: rgba(165, 165, 165, 0.25);
  }
  100% {
    background: rgba(165, 165, 165, 0.1);
  }
}
.astar-register .selectedFileRow .selectedFilePrefix {
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 5px;
  background-image: url("../webapp/svg/ok.png");
  background-size: 20px;
  background-repeat: no-repeat;
}
.astar-register .selectedFileRow .selectedFilePrefixError {
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 5px;
  background-image: url("../webapp/svg/wrong.png");
  background-size: 20px;
  background-repeat: no-repeat;
}
.astar-register .selectedFileRow .selectedFileSuffix {
  cursor: pointer;
}
.astar-register .customTooltip {
  position: relative;
}
.astar-register .customTooltip .tooltipText {
  visibility: hidden;
  width: 95vw;
  max-width: 460px;
  font-size: 14px;
  background-color: rgba(0, 0, 0, 0.9);
  color: #fff;
  text-align: left;
  border-radius: 6px;
  position: absolute;
  top: calc(100% + 5px);
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  opacity: 0;
  transition: opacity 400ms;
  padding: 10px;
  line-height: 1.3;
  z-index: 9999;
}
@media only screen and (max-width: 768px) {
  .astar-register .customTooltip .tooltipText {
    max-width: 220px;
  }
}
.astar-register .customTooltip .tooltipText:after {
  content: " ";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent black transparent;
}
.astar-register .customTooltip .tooltipText.tooltipTextTop {
  top: unset;
  bottom: calc(100% + 5px);
}
.astar-register .customTooltip .tooltipText.tooltipTextTop:after {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  bottom: unset;
  right: unset;
  margin-top: 0;
  margin-left: 0;
  border-color: black transparent transparent transparent;
}
@media only screen and (max-width: 768px) {
  .astar-register .customTooltip .tooltipText.tooltipTextMobFix {
    left: 0;
    transform: translateX(0);
  }
  .astar-register .customTooltip .tooltipText.tooltipTextMobFix:after {
    left: 30px;
  }
}
.astar-register .customTooltip:hover {
  text-decoration: none;
}
.astar-register .customTooltip:hover .tooltipText {
  visibility: visible;
  opacity: 1;
}
@media screen and (max-width: 1199px) {
  .astar-register.two-cols {
    width: 100% !important;
  }
  .astar-register.two-cols .title-container {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  .astar-register.two-cols .astar-registration-page {
    padding: 0 20px;
  }
}
@media screen and (max-width: 1199px) and (min-width: 600px) and (max-width: 1199px) {
  .astar-register.two-cols .astar-registration-page .name-col, .astar-register.two-cols .astar-registration-page .username-col {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
}
@media screen and (max-width: 1199px) and (max-width: 950px) {
  .astar-register.two-cols .astar-registration-page .selected-flag {
    padding: 0 0 0 5px !important;
  }
  .astar-register.two-cols .astar-registration-page .selected-flag .iti-flag {
    display: none;
  }
  .astar-register.two-cols .astar-registration-page .selected-flag .selected-dial-code {
    font-size: 14px;
    padding: 0 15px 0 5px !important;
    text-align: center;
  }
}
@media screen and (max-width: 1199px) and (max-width: 635px) {
  .astar-register.two-cols .astar-registration-page .name-col, .astar-register.two-cols .astar-registration-page .username-col {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  .astar-register.two-cols .astar-registration-page .username-col .form-header {
    margin-top: 20px;
  }
}
@media screen and (max-width: 1100px) {
  .astar-register.three-cols {
    width: 100% !important;
  }
}
@media screen and (max-width: 1100px) and (min-width: 600px) and (max-width: 1100px) {
  .astar-register.three-cols .astar-registration-page {
    margin: 0 !important;
    justify-content: space-between !important;
    flex-direction: column;
  }
  .astar-register.three-cols .astar-registration-page .name-col, .astar-register.three-cols .astar-registration-page .address-col, .astar-register.three-cols .astar-registration-page .username-col, .astar-register.three-cols .astar-registration-page .astar-register-header, .astar-register.three-cols .astar-registration-page .submit-container {
    flex: 0 0 100%;
    max-width: 100%;
    width: 550px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 1100px) and (max-width: 599px) {
  .astar-register.three-cols .astar-registration-page {
    padding: 0 20px;
  }
  .astar-register.three-cols .astar-registration-page .address-col {
    margin-top: 0 !important;
  }
  .astar-register.three-cols .astar-registration-page .username-col .form-header,
.astar-register.three-cols .astar-registration-page .address-col-with-document-feature .form-header {
    margin-top: 20px;
  }
}
@media screen and (max-width: 1100px) and (max-width: 380px) {
  .selected-flag {
    padding: 0 0 0 5px !important;
  }
  .selected-flag .iti-flag {
    display: none;
  }
  .selected-flag .selected-dial-code {
    font-size: 14px;
    padding: 0 15px 0 5px !important;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .astar-register .container-fluid {
    padding: 0 !important;
  }
  .astar-register .container-fluid .astar-registration-page {
    padding: 0 !important;
  }

  .phone-field input {
    padding-left: 8px !important;
  }
  .phone-field span.vi {
    right: 5px !important;
  }
  .phone-field select {
    padding: 12px 5px !important;
    font-size: 14px !important;
  }
}
app-forgot-password .head-section {
  padding: 20px 0;
}
app-forgot-password .head-section .logo {
  background-image: url("../webapp/svg/oldpage/vdb_logo_darkgray.svg");
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: center;
  height: 130px;
  width: 256px;
  cursor: pointer;
}
app-forgot-password .full-width {
  position: relative;
  padding: 50px 0;
  width: 100%;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
app-forgot-password .full-width .container-fluid {
  position: relative;
}
app-forgot-password .full-width .container-fluid h2 {
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 500;
}
app-forgot-password .full-width .container-fluid p {
  margin: 0 auto 20px;
  font-size: 16px;
  font-weight: 500;
  max-width: 415px;
}
app-forgot-password .full-width .container-fluid input[type=text],
app-forgot-password .full-width .container-fluid input[type=password] {
  text-align: center;
  width: 100%;
  padding: 10px 0;
  border: none;
  outline: none;
  color: "#EDEDEC";
  color: var(--input_field_static_font_color, "#EDEDEC") !important;
}
app-forgot-password .full-width .container-fluid #error_explanation h2 {
  display: none;
}
app-forgot-password .full-width .container-fluid #error_explanation ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
app-forgot-password .full-width .container-fluid .field {
  margin-bottom: 10px;
  display: block;
}
app-forgot-password .full-width .container-fluid .field .translucent-box {
  width: 40%;
  margin: 0 auto;
}
@media screen and (max-width: 480px) {
  app-forgot-password .full-width .container-fluid .field .translucent-box {
    width: 100%;
    padding: 0 20px;
  }
}
app-forgot-password .full-width .container-fluid .field .translucent-box .wrong-indicator {
  position: absolute;
  width: 20px;
  height: 20px;
  display: inline-block;
  top: 15px;
  right: 5px;
  background-size: 20px;
  background-repeat: no-repeat;
}
app-forgot-password .full-width .container-fluid .field input[type=text],
app-forgot-password .full-width .container-fluid .field input[type=email],
app-forgot-password .full-width .container-fluid .field input[type=password] {
  font-size: 16px;
  font-weight: 500;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_static, #FFFFFF) !important;
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.29);
  position: relative;
  text-align: left;
  padding-left: 10px;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  border: 1px solid;
  border-color: #BFBFC3;
  border-color: var(--input_field_line_static, #BFBFC3) !important;
}
app-forgot-password .full-width .container-fluid .field input[type=text]:focus,
app-forgot-password .full-width .container-fluid .field input[type=email]:focus,
app-forgot-password .full-width .container-fluid .field input[type=password]:focus {
  border: 1px solid;
  border-color: #804294;
  border-color: var(--input_field_line_active, #804294) !important;
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_active, #FFFFFF) !important;
}
app-forgot-password .full-width .container-fluid .field input[type=text].has-error,
app-forgot-password .full-width .container-fluid .field input[type=email].has-error,
app-forgot-password .full-width .container-fluid .field input[type=password].has-error {
  border: solid 2px #d0021b;
}
app-forgot-password .full-width .container-fluid .field input[type=text]:-webkit-autofill,
app-forgot-password .full-width .container-fluid .field input[type=email]:-webkit-autofill,
app-forgot-password .full-width .container-fluid .field input[type=password]:-webkit-autofill {
  -webkit-text-fill-color: #804294 !important;
}
app-forgot-password .full-width .container-fluid .field.error-field {
  width: 40%;
  margin: 0 auto;
}
@media screen and (max-width: 480px) {
  app-forgot-password .full-width .container-fluid .field.error-field {
    width: 100%;
    padding: 0 20px;
  }
}
app-forgot-password .full-width .container-fluid .field .error {
  background-color: #d0021b;
  color: #fff;
  display: none;
  padding: 10px 0;
}
app-forgot-password .full-width .container-fluid .field .error.has-error {
  display: block;
}
app-forgot-password .full-width .container-fluid .actions {
  margin: 20px 0;
}
app-forgot-password .full-width .container-fluid .actions input[type=submit] {
  border: none;
  font-size: 15px;
}
app-forgot-password .full-width .container-fluid .actions .return-to-signin {
  display: inline-block;
  margin-top: 30px;
  font-size: 16px;
  font-weight: 500;
  color: inherit;
}
.app-update-password .head-section {
  padding: 20px 0;
}
.app-update-password .head-section .logo {
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: center;
  height: 130px;
  width: 256px;
  cursor: pointer;
}
.app-update-password .full-width {
  position: relative;
  width: 100%;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.app-update-password .full-width h2 {
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 500;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.app-update-password .full-width .head-section {
  position: relative;
}
.app-update-password .full-width .head-section .cross {
  position: absolute;
  right: 3%;
  top: 4px;
}
.app-update-password .full-width .head-section .cross a {
  color: #292735;
}
.app-update-password .full-width .head-section .cross a .vi {
  font-weight: 700;
}
.app-update-password .full-width .box {
  width: 400px;
  margin: 0 auto;
  text-align: center;
}
@media screen and (max-width: 480px) {
  .app-update-password .full-width .box {
    width: 300px;
  }
}
.app-update-password .full-width .box .form-control {
  border: none;
  background-color: transparent;
  box-shadow: none;
  height: auto;
  text-align: center;
  position: relative;
}
.app-update-password .full-width .box .form-control input[type=text],
.app-update-password .full-width .box .form-control input[type=email],
.app-update-password .full-width .box .form-control input[type=password] {
  width: 100%;
  padding: 15px 10px;
  outline: none;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_static, #FFFFFF) !important;
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.29);
  text-align: left;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  border: 1px solid;
  border-color: #BFBFC3;
  border-color: var(--input_field_line_static, #BFBFC3) !important;
}
.app-update-password .full-width .box .form-control input[type=text].with-error,
.app-update-password .full-width .box .form-control input[type=email].with-error,
.app-update-password .full-width .box .form-control input[type=password].with-error {
  border: solid 2px;
  border-color: #ff0000;
  border-color: var(--input_field_line_error, #ff0000) !important;
}
.app-update-password .full-width .box .form-control input[type=text]::-webkit-input-placeholder,
.app-update-password .full-width .box .form-control input[type=email]::-webkit-input-placeholder,
.app-update-password .full-width .box .form-control input[type=password]::-webkit-input-placeholder {
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
}
.app-update-password .full-width .box .form-control input[type=text]:-moz-placeholder,
.app-update-password .full-width .box .form-control input[type=email]:-moz-placeholder,
.app-update-password .full-width .box .form-control input[type=password]:-moz-placeholder {
  /* Firefox 18- */
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
}
.app-update-password .full-width .box .form-control input[type=text]::-moz-placeholder,
.app-update-password .full-width .box .form-control input[type=email]::-moz-placeholder,
.app-update-password .full-width .box .form-control input[type=password]::-moz-placeholder {
  /* Firefox 19+ */
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
}
.app-update-password .full-width .box .form-control input[type=text]:-ms-input-placeholder,
.app-update-password .full-width .box .form-control input[type=email]:-ms-input-placeholder,
.app-update-password .full-width .box .form-control input[type=password]:-ms-input-placeholder {
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
}
.app-update-password .full-width .box .form-control input[type=text]:focus,
.app-update-password .full-width .box .form-control input[type=email]:focus,
.app-update-password .full-width .box .form-control input[type=password]:focus {
  border: 1px solid;
  border-color: #804294;
  border-color: var(--input_field_line_active, #804294) !important;
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_active, #FFFFFF) !important;
}
.app-update-password .full-width .box .form-control input[type=text]:focus::-webkit-input-placeholder,
.app-update-password .full-width .box .form-control input[type=email]:focus::-webkit-input-placeholder,
.app-update-password .full-width .box .form-control input[type=password]:focus::-webkit-input-placeholder {
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
}
.app-update-password .full-width .box .form-control input[type=text]:focus:-moz-placeholder,
.app-update-password .full-width .box .form-control input[type=email]:focus:-moz-placeholder,
.app-update-password .full-width .box .form-control input[type=password]:focus:-moz-placeholder {
  /* Firefox 18- */
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
}
.app-update-password .full-width .box .form-control input[type=text]:focus::-moz-placeholder,
.app-update-password .full-width .box .form-control input[type=email]:focus::-moz-placeholder,
.app-update-password .full-width .box .form-control input[type=password]:focus::-moz-placeholder {
  /* Firefox 19+ */
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
}
.app-update-password .full-width .box .form-control input[type=text]:focus:-ms-input-placeholder,
.app-update-password .full-width .box .form-control input[type=email]:focus:-ms-input-placeholder,
.app-update-password .full-width .box .form-control input[type=password]:focus:-ms-input-placeholder {
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
}
.app-update-password .full-width .box .form-control .message {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-size: 12px;
  text-align: left;
}
.app-update-password .full-width .box .form-control .expo-message {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-size: 16px;
  text-align: left;
  margin-bottom: 20px;
}
.app-update-password .full-width .box .form-control input[type=submit] {
  border: none;
}
.app-update-password .full-width .box .form-control span.required-symbol {
  color: red;
  position: absolute;
  display: inline-block;
  top: 18px;
  left: -15px;
  font-size: 20px;
}
.app-update-password .full-width .box .form-control span.validation-indicator {
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  right: 20px;
  width: 20px;
  height: 20px;
  display: inline-block;
}
.app-update-password .full-width .box .form-control span.validation-indicator.ok {
  background-image: url("../webapp/svg/ok.png");
  background-size: 20px;
  background-repeat: no-repeat;
}
.app-update-password .full-width .box .form-control span.validation-indicator.wrong {
  background-image: url("../webapp/svg/wrong.png");
  background-size: 20px;
  background-repeat: no-repeat;
}
.app-update-password .full-width .box .form_errors {
  width: 100%;
  margin: 20px auto;
}
.app-update-password .full-width .box .form_errors ul {
  padding: 0px;
  list-style: none;
}
.app-update-password .full-width .box .form_errors ul li {
  background-color: red;
  margin-bottom: 10px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  padding: 10px 0px;
}
.app-user-confirmation .head-section {
  padding: 20px 0;
}
.app-user-confirmation .head-section .logo {
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: center;
  height: 130px;
  width: 256px;
  cursor: pointer;
}
.app-user-confirmation .verify-email {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.app-user-confirmation .verify-email .title {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
@media screen and (max-width: 480px) {
  .app-user-confirmation .verify-email .title {
    font-size: 20px;
  }
}
.app-user-confirmation .verify-email .message {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-size: 16px;
  font-weight: 300;
  max-width: 435px;
  text-align: center;
}
.app-user-confirmation .verify-email .message a {
  color: blue;
}
@media screen and (max-width: 480px) {
  .app-user-confirmation .verify-email .message {
    width: 250px;
  }
}
.app-user-confirmation .verify-email .message {
  max-width: 490px !important;
}
.app-user-confirmation .verify-email .vdb-login-link {
  display: inline-flex;
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
  border-radius: 50px;
  padding: 0 35px;
  line-height: 65px;
  margin-top: 30px;
  justify-content: center;
}
.app-user-confirmation .verify-email .social-links {
  margin-top: 50px;
  width: 155px;
  display: flex;
  justify-content: center;
}
.app-user-confirmation .verify-email .social-links .social-link {
  display: inline-flex;
  border-radius: 50%;
  margin-right: 10px;
}
@media (min-width: 320px) and (max-width: 600px) {
  .app-user-confirmation .social-links {
    display: block !important;
  }
  .app-user-confirmation .social-links .social-link {
    margin-top: 10px !important;
  }
}
header.generic-header {
  background-color: #373640;
  background-color: var(--web_header_color, #373640) !important;
  display: flex;
  width: 100%;
  height: 130px;
  margin-top: 0;
  will-change: margin;
  transition: margin 200ms linear;
  position: relative;
  z-index: 9;
}
@media screen and (max-width: 768px) {
  header.generic-header {
    display: none;
  }
}
header.generic-header .logo-container {
  padding: 0;
  height: 130px;
  position: relative;
}
header.generic-header .logo-container .logo {
  background-repeat: no-repeat;
  display: block;
  height: 130px;
  width: 256px;
  background-position: center;
}
header.generic-header .logo-container .powered-by {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 20px;
  height: 130px;
  background-color: #292735;
  background-color: var(--menu_bg_color, #292735) !important;
}
header.generic-header .logo-container .powered-by span {
  display: block;
  color: #FFFFFF;
  color: var(--menu_bg_font_color, #FFFFFF) !important;
  font-size: 12px;
  width: 130px;
  transform: rotate(-90deg);
  position: absolute;
  top: 35px;
  left: -55px;
}
header.generic-header .banner-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 0 20px 0;
  margin: 0 auto;
}
header.generic-header .banner-wrapper .banner {
  width: 100%;
  max-height: 90px;
}
header.generic-header .banner-wrapper .right.carousel-control, header.generic-header .banner-wrapper .left.carousel-control {
  display: none;
}
header.generic-header .banner-wrapper img {
  max-width: 100% !important;
  width: auto !important;
  display: block !important;
  margin: 0 auto !important;
}
header.generic-header .user-settings-container {
  padding-right: 0px;
}
header.generic-header .user-settings-container .user-settings {
  position: relative;
  color: #ffffff;
  height: 100px;
  width: 275px;
  padding: 25px 10px 0px;
  float: right;
  display: flex;
  align-items: center;
}
header.generic-header .user-settings-container .user-settings .viewCart {
  color: white;
  font-size: 23px;
  cursor: pointer;
  position: relative;
  z-index: 2;
  padding-right: 10px;
}
header.generic-header .user-settings-container .user-settings .viewCart span {
  font-size: 30px;
  color: #FFFFFF;
  color: var(--web_header_icon_color, #FFFFFF) !important;
}
header.generic-header .user-settings-container .user-settings .viewCart .cart-items-count {
  height: 22px;
  width: 22px;
  background: #d0021b;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: absolute;
  left: 20px;
  top: -5px;
}
header.generic-header .user-settings-container .user-settings .viewBulkRequest {
  color: white;
  font-size: 23px;
  cursor: pointer;
  position: relative;
  z-index: 2;
  padding-right: 10px;
  padding-top: 5px;
}
header.generic-header .user-settings-container .user-settings .viewBulkRequest span {
  font-size: 42px;
  color: #FFFFFF;
  color: var(--web_header_icon_color, #FFFFFF) !important;
}
header.generic-header .user-settings-container .user-settings .viewBulkRequest .bulk-items-count {
  height: 22px;
  width: 22px;
  background: #d0021b;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: absolute;
  left: 22px;
  top: 0px;
}
header.generic-header .user-settings-container .user-settings .dropdown-toggle {
  min-width: 180px;
  display: block;
}
header.generic-header .user-settings-container .user-settings .dropdown-toggle .admin-mode-icon {
  display: inline-block;
  height: 20px;
  width: 20px;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 10px;
}
header.generic-header .user-settings-container .user-settings .dropdown-toggle .admin-mode-icon.white {
  color: #FFFFFF;
  color: var(--menu_white_price_mode_on_icon, #FFFFFF) !important;
}
header.generic-header .user-settings-container .user-settings .dropdown-toggle .admin-mode-icon.green {
  color: #67b314;
  color: var(--menu_green_price_mode_on_icon, #67b314) !important;
}
header.generic-header .user-settings-container .user-settings .dropdown-toggle .admin-mode-icon.orange {
  color: #f5a623;
  color: var(--menu_orange_price_mode_on_icon, #f5a623) !important;
}
header.generic-header .user-settings-container .user-settings .dropdown-toggle .username {
  color: #FFFFFF;
  color: var(--web_header_font_color, #FFFFFF) !important;
}
header.generic-header .user-settings-container .user-settings .dropdown-toggle .setting-gear {
  height: 20px;
  width: 20px;
  margin-right: 20px;
  color: #FFFFFF;
  color: var(--web_header_icon_color, #FFFFFF) !important;
}
header.generic-header .user-settings-container .user-settings .dropdown-toggle::after {
  display: none;
}
header.generic-header .user-settings-container .user-settings .setting-wrapper {
  width: 100%;
  background-color: #292735;
  background-color: var(--menu_bg_color, #292735) !important;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  z-index: 999;
  padding: 0;
  margin: 0;
}
header.generic-header .user-settings-container .user-settings .setting-wrapper .setting-dropdown {
  margin-bottom: 0;
}
@media (min-width: 768px) and (max-width: 1100px) {
  header.generic-header .logo-container .logo {
    width: auto;
  }
  header.generic-header .user-settings {
    justify-content: flex-end;
  }
}
header.generic-header.header-up {
  margin-top: -130px;
}
.contact .popover-arrow {
  display: none;
}
.contact .contact-us-form {
  position: absolute;
  top: -35px;
  right: 20%;
  padding: 27px;
  cursor: auto;
  background-color: #292735;
  background-color: var(--menu_bg_color, #292735) !important;
}
.contact .contact-us-form::before {
  content: "";
  display: block;
  position: absolute;
  height: 30px;
  width: 30px;
  left: 95%;
  background-color: #292735;
  background-color: var(--menu_bg_color, #292735) !important;
  transform: rotate(45deg);
}
header.custom-header {
  display: flex;
  transition: margin 200ms linear;
  position: relative;
  z-index: 9;
}
@media screen and (max-width: 768px) {
  header.custom-header {
    display: none;
  }
}
header.custom-header .logo-container {
  flex-grow: 1;
}
header.custom-header .logo-container .logo {
  height: 130px;
  width: 100%;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
header.custom-header .left-section {
  justify-content: flex-start;
}
header.custom-header .right-section {
  justify-content: flex-end;
}
header.custom-header .left-section, header.custom-header .right-section {
  display: flex;
}
header.custom-header .left-section .menu-container, header.custom-header .right-section .menu-container {
  display: flex;
  align-items: flex-start;
  height: 100%;
}
header.custom-header .left-section .menu-container .menu-item, header.custom-header .right-section .menu-container .menu-item {
  margin: 0 15px;
  position: relative;
  cursor: pointer;
  height: 40px;
  display: flex;
  align-items: flex-start;
}
@media only screen and (min-width: 769px) and (max-width: 1100px) {
  header.custom-header .left-section .menu-container .menu-item, header.custom-header .right-section .menu-container .menu-item {
    margin: 0 8px;
  }
}
header.custom-header .left-section .menu-container .menu-item a, header.custom-header .right-section .menu-container .menu-item a {
  color: inherit;
}
header.custom-header .left-section .menu-container .menu-item .menu:hover, header.custom-header .right-section .menu-container .menu-item .menu:hover {
  color: #606060;
}
header.custom-header .left-section .menu-container .menu-item .dropdown, header.custom-header .right-section .menu-container .menu-item .dropdown {
  display: inline-block;
}
header.custom-header .left-section .menu-container .menu-item .dropdown-toggle::after, header.custom-header .right-section .menu-container .menu-item .dropdown-toggle::after {
  display: none;
}
.sub-menu {
  list-style: none;
  padding: 0;
  position: absolute;
  min-width: 150px;
  margin-top: 10px;
  left: 50% !important;
  right: auto !important;
  border-radius: 0;
  border: 0;
  display: none !important;
  transform: translate(-47%, 0) !important;
}
.sub-menu::after {
  position: absolute;
  left: 50%;
  margin-left: -20px;
  top: -15px;
  width: 0;
  height: 0;
  content: "";
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #fff;
}
/*.sub-menu li {
  padding: 5px 15px;
  font-size: 16px;
}
.sub-menu li:hover {
  background-color: wheat;
}*/
header.mobile-header {
  height: 65px;
  background-color: #373640;
  background-color: var(--web_header_color, #373640) !important;
  display: none;
  width: 100%;
  align-items: center;
  position: relative;
  z-index: 9;
}
header.mobile-header .side-menu-toggle {
  width: 70px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFFFFF;
  color: var(--web_header_icon_color, #FFFFFF) !important;
}
header.mobile-header .side-menu-toggle .vi {
  font-size: 24px;
}
header.mobile-header .text {
  flex-grow: 1;
  color: #FFFFFF;
  color: var(--web_header_font_color, #FFFFFF) !important;
  text-align: center;
}
header.mobile-header .text .title {
  font-size: 22px;
  margin-bottom: 0;
}
header.mobile-header .text .caption {
  font-size: 12px;
  margin-bottom: 0;
}
header.mobile-header .header-right-container {
  width: 65px;
  display: flex;
  justify-content: flex-end;
}
header.mobile-header .header-right-container .shopping-cart {
  color: white;
  font-size: 23px;
  cursor: pointer;
  position: relative;
  z-index: 2;
  margin-right: 10px;
  width: 40px;
}
header.mobile-header .header-right-container .shopping-cart span {
  font-size: 30px;
  color: #FFFFFF;
  color: var(--web_header_icon_color, #FFFFFF) !important;
}
header.mobile-header .header-right-container .shopping-cart .cart-items-count {
  height: 22px;
  width: 22px;
  background: #d0021b;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: absolute;
  left: 20px;
  top: -5px;
}
header.mobile-header .header-right-container .bulk-request-list {
  color: white;
  font-size: 23px;
  cursor: pointer;
  position: relative;
  z-index: 2;
  margin-right: 10px;
  width: 40px;
}
header.mobile-header .header-right-container .bulk-request-list span {
  font-size: 40px;
  color: #FFFFFF;
  color: var(--web_header_icon_color, #FFFFFF) !important;
}
header.mobile-header .header-right-container .bulk-request-list .cart-items-count {
  height: 22px;
  width: 22px;
  background: #d0021b;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: absolute;
  left: 20px;
  top: -5px;
}
@media screen and (max-width: 768px) {
  header.mobile-header {
    display: flex;
  }
}
header.mobile-header.header-up {
  margin-top: -65px;
}
.overflow-visible {
  overflow: visible !important;
}
.hide {
  display: none !important;
}
.sb-new-search span, .sb-saved-search span, .sb-collections span, .sb-fav span, .sb-notifications span, .sb-home-page span {
  position: absolute;
  left: 8%;
}
.sb-exibitor {
  position: relative;
}
.sb-exibitor span {
  font-size: 40px;
  position: absolute;
  left: 3%;
  top: 18%;
}
.search-index .side-bar {
  min-height: unset;
}
.side-bar-wrapper {
  width: 65px;
  position: relative;
  height: 100%;
  overflow: hidden;
  z-index: 10;
}
.side-bar-wrapper .side-bar-expand {
  position: absolute;
  height: 100%;
  background-color: #292735;
  background-color: var(--menu_bg_color, #292735) !important;
  z-index: 15;
}
.side-bar-wrapper .side-bar-expand .vdb-logo {
  height: 0px;
  overflow: hidden;
  transition: height 200ms linear;
  display: flex;
  align-items: center;
}
.side-bar-wrapper .side-bar-expand .vdb-logo.expand {
  height: 130px;
}
.side-bar-wrapper .side-bar-expand .vdb-logo.expand span {
  width: 60px;
  height: 60px;
  margin-left: 2.5px;
  display: inline-block;
  background-size: 60px;
  background-repeat: no-repeat;
  background-image: url("../webapp/vdb-mini.png");
}
.side-bar-wrapper .side-bar-expand .sb-fav, .side-bar-wrapper .side-bar-expand .sb-notifications {
  position: relative;
}
.side-bar-wrapper .side-bar-expand .sb-fav .vi, .side-bar-wrapper .side-bar-expand .sb-notifications .vi {
  left: 7%;
}
.side-bar-wrapper .side-bar-expand .fav-counter, .side-bar-wrapper .side-bar-expand .notification-counter {
  display: inline-flex;
  position: absolute;
  top: 8%;
  left: 12%;
  font-size: 11px;
  line-height: 12px;
  height: 21px;
  width: 21px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  background-color: #d0021b;
  color: #ffffff;
}
.side-bar-wrapper .side-bar-expand ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.side-bar-wrapper .side-bar-expand .mainmenu_switch {
  display: flex;
}
.side-bar-wrapper .side-bar-expand .mainmenu_switch a {
  width: 66px;
  border: none;
  height: 66px;
  padding: 0px;
}
.side-bar-wrapper .side-bar-expand .mainmenu_switch a:nth-child(-n+3) {
  margin-right: 1px;
}
.side-bar-wrapper .side-bar-expand .mainmenu_switch.expand a span {
  margin: 0 auto;
}
.side-bar-wrapper .side-bar-expand ul > li {
  width: 260px;
  border-bottom: 1px solid transparent;
}
.side-bar-wrapper .side-bar-expand ul > li:last-child a {
  width: 66px;
  border: none;
  height: 66px;
  padding: 0px;
}
.side-bar-wrapper .side-bar-expand ul > li:last-child a {
  width: 41px;
  height: 41px;
  border-radius: 50%;
  margin: 13px 0 0 12px;
  color: #FFFFFF;
  color: var(--menu_btn_static_font_color, #FFFFFF) !important;
  background-color: #3E3D49;
  background-color: var(--menu_btn_static_color, #3E3D49) !important;
}
.side-bar-wrapper .side-bar-expand ul > li:last-child a:hover {
  color: #FFFFFF;
  color: var(--menu_btn_active_font_color, #FFFFFF) !important;
  background-color: #652E77;
  background-color: var(--menu_btn_active_color, #652E77) !important;
}
.side-bar-wrapper .side-bar-expand ul > li:last-child a.expanded {
  color: #FFFFFF;
  color: var(--menu_btn_active_font_color, #FFFFFF) !important;
  background-color: #652E77;
  background-color: var(--menu_btn_active_color, #652E77) !important;
}
.side-bar-wrapper .side-bar-expand ul > li a {
  display: inline-flex;
  font-size: 13px;
  line-height: 14px;
  padding: 25px 0 25px 66px;
  color: #FFFFFF;
  color: var(--menu_btn_static_font_color, #FFFFFF) !important;
  border-left: 5px solid transparent;
  width: 100%;
}
.side-bar-wrapper .side-bar-expand ul > li a:hover {
  color: #FFFFFF;
  color: var(--menu_btn_active_font_color, #FFFFFF) !important;
  border-left-color: #652E77;
  border-left-color: var(--menu_btn_active_color, #652E77) !important;
  background-color: #3E3D49;
  background-color: var(--menu_btn_static_color, #3E3D49) !important;
}
.side-bar-wrapper .side-bar-expand ul > li a.active {
  color: #FFFFFF;
  color: var(--menu_btn_active_font_color, #FFFFFF) !important;
  border-left-color: #652E77;
  border-left-color: var(--menu_btn_active_color, #652E77) !important;
  background-color: #3E3D49;
  background-color: var(--menu_btn_static_color, #3E3D49) !important;
}
.side-bar-wrapper .side-bar-expand .sb-diamond {
  font-size: 14px;
  background-color: #804294;
  background-color: var(--menu_button_product_off_bg_diamond, #804294) !important;
  color: #FFFFFF;
  color: var(--menu_button_product_off_icon_diamond, #FFFFFF) !important;
}
.side-bar-wrapper .side-bar-expand .sb-diamond:hover {
  background-color: #a67bb4;
  background-color: var(--menu_button_product_hover_bg_diamond, #a67bb4) !important;
  color: #FFFFFF;
  color: var(--menu_button_product_hover_icon_diamond, #FFFFFF) !important;
}
.side-bar-wrapper .side-bar-expand .sb-diamond.selected {
  background-color: #804294;
  background-color: var(--menu_button_product_on_bg_diamond, #804294) !important;
  color: #FFFFFF;
  color: var(--menu_button_product_on_icon_diamond, #FFFFFF) !important;
}
.side-bar-wrapper .side-bar-expand .sb-gemstone {
  font-size: 18px;
  background-color: #4670b6;
  background-color: var(--menu_button_product_off_bg_gemstone, #4670b6) !important;
  color: #FFFFFF;
  color: var(--menu_button_product_off_icon_gemstone, #FFFFFF) !important;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.side-bar-wrapper .side-bar-expand .sb-gemstone span {
  font-size: 9px;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center;
  font-weight: bolder;
  margin-top: 10px !important;
  margin-bottom: -25px !important;
}
.side-bar-wrapper .side-bar-expand .sb-gemstone:hover {
  background-color: #7d9bcc;
  background-color: var(--menu_button_product_hover_bg_gemstone, #7d9bcc) !important;
  color: #FFFFFF;
  color: var(--menu_button_product_hover_icon_gemstone, #FFFFFF) !important;
}
.side-bar-wrapper .side-bar-expand .sb-gemstone.selected {
  background-color: #4670b6;
  background-color: var(--menu_button_product_on_bg_gemstone, #4670b6) !important;
  color: #FFFFFF;
  color: var(--menu_button_product_on_icon_gemstone, #FFFFFF) !important;
}
.side-bar-wrapper .side-bar-expand .sb-lab-grown {
  font-size: 20px;
  background-color: #e08262;
  background-color: var(--menu_button_product_off_bg_lab_grown_diamond, #e08262) !important;
  color: #FFFFFF;
  color: var(--menu_button_product_off_icon_lab_grown_diamond, #FFFFFF) !important;
}
.side-bar-wrapper .side-bar-expand .sb-lab-grown:hover {
  background-color: #e9a891;
  background-color: var(--menu_button_product_hover_bg_lab_grown_diamond, #e9a891) !important;
  color: #FFFFFF;
  color: var(--menu_button_product_hover_icon_lab_grown_diamond, #FFFFFF) !important;
}
.side-bar-wrapper .side-bar-expand .sb-lab-grown span {
  padding: 25px 10px;
}
.side-bar-wrapper .side-bar-expand .sb-lab-grown.selected {
  background-color: #e08262;
  background-color: var(--menu_button_product_on_bg_lab_grown_diamond, #e08262) !important;
  color: #FFFFFF;
  color: var(--menu_button_product_on_icon_lab_grown_diamond, #FFFFFF) !important;
}
.side-bar-wrapper .side-bar-expand .sb-jewelery {
  font-size: 20px;
  background-color: #5cb8a6;
  background-color: var(--menu_button_product_off_bg_jewelry, #5cb8a6) !important;
  color: #FFFFFF;
  color: var(--menu_button_product_off_icon_jewelry, #FFFFFF) !important;
}
.side-bar-wrapper .side-bar-expand .sb-jewelery:hover {
  background-color: #8dcdc0;
  background-color: var(--menu_button_product_hover_bg_jewelry, #8dcdc0) !important;
  color: #FFFFFF;
  color: var(--menu_button_product_hover_icon_jewelry, #FFFFFF) !important;
}
.side-bar-wrapper .side-bar-expand .sb-jewelery.selected {
  background-color: #5cb8a6;
  background-color: var(--menu_button_product_on_bg_jewelry, #5cb8a6) !important;
  color: #FFFFFF;
  color: var(--menu_button_product_on_icon_jewelry, #FFFFFF) !important;
}
.side-bar-wrapper .side-bar-expand .sb-jewelery.show-title, .side-bar-wrapper .side-bar-expand .sb-gemstone.show-title {
  position: relative;
}
.side-bar-wrapper .side-bar-expand .sb-jewelery.show-title::after, .side-bar-wrapper .side-bar-expand .sb-gemstone.show-title::after {
  content: "Available on mobile apps only. Coming soon to the web.";
  background: rgba(233, 233, 235, 0.9);
  color: #000;
  position: absolute;
  left: 5px;
  top: 5px;
  width: 282px;
  font-size: 11px;
  font-family: sans-serif;
  padding: 2px 4px;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
}
.side-bar-wrapper .side-bar-expand .selected-switch-shadow {
  box-shadow: inset 3px 3px 10px -2px #000000;
}
@media screen and (max-width: 768px) {
  .side-bar-wrapper .side-bar-expand {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .side-bar-wrapper {
    display: none;
  }
  .side-bar-wrapper.visible-sm {
    display: block;
  }
}
.side-bar-wrapper .custom-side-menu {
  display: none;
  height: 100%;
}
.side-bar-wrapper .custom-side-menu .side-menu-content {
  width: 0;
  overflow: hidden;
  background-color: #292735;
  background-color: var(--menu_bg_color, #292735) !important;
}
.side-bar-wrapper .custom-side-menu .side-menu-content ul {
  list-style-type: none;
  padding: 0;
}
.side-bar-wrapper .custom-side-menu .side-menu-content ul li {
  color: #FFFFFF;
  color: var(--menu_btn_static_font_color, #FFFFFF) !important;
  background-color: #3E3D49;
  background-color: var(--menu_btn_static_color, #3E3D49) !important;
  display: flex;
  flex-wrap: wrap;
  min-height: 45px;
  margin-bottom: 2px;
  align-items: center;
  cursor: pointer;
  position: relative;
  font-size: 14px;
}
.side-bar-wrapper .custom-side-menu .side-menu-content ul li .title {
  display: flex;
  align-items: center;
  height: 45px;
  width: 100%;
}
.side-bar-wrapper .custom-side-menu .side-menu-content ul li .title .icon {
  width: 30px;
  height: 20px;
  text-align: center;
  padding: 0 5px;
  margin-right: 15px;
}
.side-bar-wrapper .custom-side-menu .side-menu-content ul li .title .icon svg path {
  fill: #FFFFFF;
  fill: var(--menu_btn_static_font_color, #FFFFFF) !important;
}
.side-bar-wrapper .custom-side-menu .side-menu-content ul li .title .icon.LAB-Icon {
  font-size: 12px;
}
.side-bar-wrapper .custom-side-menu .side-menu-content ul li .title.selected.sm-diamond {
  color: #FFFFFF;
  color: var(--menu_button_product_on_icon_diamond, #FFFFFF) !important;
  background-color: #804294;
  background-color: var(--menu_button_product_on_bg_diamond, #804294) !important;
}
.side-bar-wrapper .custom-side-menu .side-menu-content ul li .title.selected.sm-diamond svg path {
  fill: #FFFFFF;
  fill: var(--menu_button_product_on_icon_diamond, #FFFFFF) !important;
}
.side-bar-wrapper .custom-side-menu .side-menu-content ul li .title.selected.sm-lab_grown_diamond {
  color: #FFFFFF;
  color: var(--menu_button_product_on_icon_lab_grown_diamond, #FFFFFF) !important;
  background-color: #e08262;
  background-color: var(--menu_button_product_on_bg_lab_grown_diamond, #e08262) !important;
}
.side-bar-wrapper .custom-side-menu .side-menu-content ul li .title.selected.sm-lab_grown_diamond svg path {
  fill: #FFFFFF;
  fill: var(--menu_button_product_on_icon_lab_grown_diamond, #FFFFFF) !important;
}
.side-bar-wrapper .custom-side-menu .side-menu-content ul li .title.selected.sm-jewelry {
  color: #FFFFFF;
  color: var(--menu_button_product_on_icon_jewelry, #FFFFFF) !important;
  background-color: #5cb8a6;
  background-color: var(--menu_button_product_on_bg_jewelry, #5cb8a6) !important;
}
.side-bar-wrapper .custom-side-menu .side-menu-content ul li .title.selected.sm-jewelry svg path {
  fill: #FFFFFF;
  fill: var(--menu_button_product_on_icon_jewelry, #FFFFFF) !important;
}
.side-bar-wrapper .custom-side-menu .side-menu-content ul li .title.selected.sm-gemstone {
  color: #FFFFFF;
  color: var(--menu_button_product_on_icon_gemstone, #FFFFFF) !important;
  background-color: #4670b6;
  background-color: var(--menu_button_product_on_bg_gemstone, #4670b6) !important;
}
.side-bar-wrapper .custom-side-menu .side-menu-content ul li .title.selected.sm-gemstone svg path {
  fill: #FFFFFF;
  fill: var(--menu_button_product_on_icon_gemstone, #FFFFFF) !important;
}
.side-bar-wrapper .custom-side-menu .side-menu-content ul li .pl-items {
  width: 100%;
}
.side-bar-wrapper .custom-side-menu .side-menu-content ul li .pl-items > div {
  height: 45px;
  display: flex;
  align-items: center;
  border-top: 2px solid;
  padding: 0 40px;
  border-color: #292735;
  border-color: var(--menu_bg_color, #292735) !important;
}
.side-bar-wrapper .custom-side-menu .side-menu-content ul li .child-menus, .side-bar-wrapper .custom-side-menu .side-menu-content ul li .sub-child-menus {
  width: 100%;
  cursor: pointer;
}
.side-bar-wrapper .custom-side-menu .side-menu-content ul li .child-menus .menu-item, .side-bar-wrapper .custom-side-menu .side-menu-content ul li .sub-child-menus .menu-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border-top: 2px solid;
  border-color: #292735;
  border-color: var(--menu_bg_color, #292735) !important;
}
.side-bar-wrapper .custom-side-menu .side-menu-content ul li .child-menus .menu-item .title, .side-bar-wrapper .custom-side-menu .side-menu-content ul li .sub-child-menus .menu-item .title {
  height: 45px;
  padding-left: 15px;
  padding-right: 5px;
  position: relative;
}
.side-bar-wrapper .custom-side-menu .side-menu-content ul li .child-menus .menu-item .title .icon, .side-bar-wrapper .custom-side-menu .side-menu-content ul li .sub-child-menus .menu-item .title .icon {
  margin-right: 10px;
}
.side-bar-wrapper .custom-side-menu .side-menu-content ul li .child-menus .menu-item .title .badge, .side-bar-wrapper .custom-side-menu .side-menu-content ul li .sub-child-menus .menu-item .title .badge {
  position: absolute;
  right: 5px;
}
.side-bar-wrapper .custom-side-menu .side-menu-content ul li .sub-child-menus .title {
  padding-left: 65px !important;
}
.side-bar-wrapper .custom-side-menu .side-menu-content ul li .child-menus .menu-item {
  color: #ffffff;
  color: var(--global_menu_button_static_secondary_font_icon_color, #ffffff) !important;
  background-color: #3E3D49;
  background-color: var(--global_menu_button_static_secondary_bg_color, #3E3D49) !important;
}
.side-bar-wrapper .custom-side-menu .side-menu-content ul li .child-menus .menu-item svg path {
  fill: #ffffff;
  fill: var(--global_menu_button_static_secondary_font_icon_color, #ffffff) !important;
}
.side-bar-wrapper .custom-side-menu .side-menu-content ul li .child-menus .menu-item.selected {
  color: var(--global_menu_button_product_secondary_font_icon_color, ) !important;
  background-color: var(--global_menu_button_product_secondary_bg_color, ) !important;
}
.side-bar-wrapper .custom-side-menu .side-menu-content ul li .child-menus .menu-item.selected svg path {
  fill: var(--global_menu_button_product_secondary_font_icon_color, ) !important;
}
.side-bar-wrapper .custom-side-menu .side-menu-content ul li .logo-container {
  padding: 15px 0;
  height: 110px;
  width: 100%;
  position: relative;
  background-color: #292735;
  background-color: var(--menu_bg_color, #292735) !important;
}
.side-bar-wrapper .custom-side-menu .side-menu-content ul li .logo-container .logo {
  background-repeat: no-repeat;
  display: block;
  height: 80px;
  width: 220px;
  background-position: 40% 50%;
  margin: 0 auto;
}
.side-bar-wrapper .custom-side-menu .side-menu-content ul li .logo-container .powered-by {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 20px;
  height: 110px;
  background-color: #292735;
  background-color: var(--menu_bg_color, #292735) !important;
}
.side-bar-wrapper .custom-side-menu .side-menu-content ul li .logo-container .powered-by span {
  display: block;
  color: #FFFFFF;
  color: var(--menu_bg_font_color, #FFFFFF) !important;
  font-size: 12px;
  width: 130px;
  transform: rotate(-90deg);
  position: absolute;
  top: 25px;
  left: -55px;
}
.side-bar-wrapper .custom-side-menu .side-menu-content ul li .admin-mode {
  padding: 0 5px;
  width: 100%;
}
.side-bar-wrapper .custom-side-menu .side-menu-content ul li .admin-mode .custom-admin-dropdown {
  list-style-type: none;
  padding: 0;
}
.side-bar-wrapper .custom-side-menu .side-menu-content ul li .admin-mode .custom-admin-dropdown > li {
  padding: 0px;
  cursor: pointer;
}
.side-bar-wrapper .custom-side-menu .side-menu-content ul li .admin-mode .custom-admin-dropdown > li a {
  display: block;
  width: 100%;
  border: 1px solid transparent;
  font-size: 11px;
  line-height: 48px;
  color: #ffffff;
  padding: 0;
  background-color: #3E3D49;
  background-color: var(--menu_btn_static_color, #3E3D49) !important;
}
.side-bar-wrapper .custom-side-menu .side-menu-content ul li .admin-mode .custom-admin-dropdown > li a:hover {
  background-color: rgba(255, 255, 255, 0.05);
  background-color: var(--menu_btn_hover_color, rgba(255, 255, 255, 0.05)) !important;
}
.side-bar-wrapper .custom-side-menu .side-menu-content ul li .admin-mode .custom-admin-dropdown > li .white-mode {
  color: #FFFFFF;
  color: var(--menu_white_price_mode_off_font, #FFFFFF) !important;
  background-color: #3E3D49;
  background-color: var(--menu_white_price_mode_off, #3E3D49) !important;
}
.side-bar-wrapper .custom-side-menu .side-menu-content ul li .admin-mode .custom-admin-dropdown > li .white-mode .admin-icon {
  height: 20px;
  width: 20px;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 17px;
  margin: 10px 5px 0 10px;
  display: inline-block;
  vertical-align: sub;
  color: #FFFFFF;
  color: var(--menu_white_price_mode_off_icon, #FFFFFF) !important;
}
.side-bar-wrapper .custom-side-menu .side-menu-content ul li .admin-mode .custom-admin-dropdown > li .white-mode.selected {
  border: 1px solid;
  background-color: rgba(255, 255, 255, 0.1);
  background-color: var(--menu_white_price_mode_on, rgba(255, 255, 255, 0.1)) !important;
  border-color: #FFFFFF;
  border-color: var(--menu_white_price_mode_on_font, #FFFFFF) !important;
  color: #FFFFFF;
  color: var(--menu_white_price_mode_on_font, #FFFFFF) !important;
}
.side-bar-wrapper .custom-side-menu .side-menu-content ul li .admin-mode .custom-admin-dropdown > li .white-mode.selected .icon_setting_menu_open_admin_white {
  color: #FFFFFF;
  color: var(--menu_white_price_mode_on_icon, #FFFFFF) !important;
}
.side-bar-wrapper .custom-side-menu .side-menu-content ul li .admin-mode .custom-admin-dropdown > li .green-mode {
  color: #FFFFFF;
  color: var(--menu_green_price_mode_off_font, #FFFFFF) !important;
  background-color: #3E3D49;
  background-color: var(--menu_green_price_mode_off, #3E3D49) !important;
}
.side-bar-wrapper .custom-side-menu .side-menu-content ul li .admin-mode .custom-admin-dropdown > li .green-mode .admin-icon {
  height: 20px;
  width: 20px;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 17px;
  margin: 10px 5px 0 10px;
  display: inline-block;
  vertical-align: sub;
  color: #67b314;
  color: var(--menu_green_price_mode_off_icon, #67b314) !important;
}
.side-bar-wrapper .custom-side-menu .side-menu-content ul li .admin-mode .custom-admin-dropdown > li .green-mode.selected {
  border: 1px solid;
  background-color: rgba(103, 179, 20, 0.1);
  background-color: var(--menu_green_price_mode_on, rgba(103, 179, 20, 0.1)) !important;
  border-color: #67b314;
  border-color: var(--menu_green_price_mode_on_font, #67b314) !important;
  color: #67b314;
  color: var(--menu_green_price_mode_on_font, #67b314) !important;
}
.side-bar-wrapper .custom-side-menu .side-menu-content ul li .admin-mode .custom-admin-dropdown > li .green-mode.selected .icon_setting_menu_open_admin_white {
  color: #67b314;
  color: var(--menu_green_price_mode_on_icon, #67b314) !important;
}
.side-bar-wrapper .custom-side-menu .side-menu-content ul li .admin-mode .custom-admin-dropdown > li .orange-mode {
  display: flex;
  align-items: center;
  color: #FFFFFF;
  color: var(--menu_orange_price_mode_off_font, #FFFFFF) !important;
  background-color: #3E3D49;
  background-color: var(--menu_orange_price_mode_off, #3E3D49) !important;
}
.side-bar-wrapper .custom-side-menu .side-menu-content ul li .admin-mode .custom-admin-dropdown > li .orange-mode .admin-icon {
  height: 20px;
  width: 20px;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 17px;
  margin: 10px 5px 0 10px;
  display: inline-block;
  vertical-align: sub;
  color: #f5a623;
  color: var(--menu_orange_price_mode_off_icon, #f5a623) !important;
}
.side-bar-wrapper .custom-side-menu .side-menu-content ul li .admin-mode .custom-admin-dropdown > li .orange-mode.selected {
  border: 1px solid;
  background-color: rgba(244, 196, 63, 0.1);
  background-color: var(--menu_orange_price_mode_on, rgba(244, 196, 63, 0.1)) !important;
  border-color: #f5a623;
  border-color: var(--menu_orange_price_mode_on_font, #f5a623) !important;
  color: #f5a623;
  color: var(--menu_orange_price_mode_on_font, #f5a623) !important;
}
.side-bar-wrapper .custom-side-menu .side-menu-content ul li .admin-mode .custom-admin-dropdown > li .orange-mode.selected .icon_setting_menu_open_admin_white {
  color: #f5a623;
  color: var(--menu_orange_price_mode_on_icon, #f5a623) !important;
}
.side-bar-wrapper .custom-side-menu .side-menu-content ul li .admin-mode .custom-admin-dropdown > li .orange-mode .orange-mode-input input {
  height: 39px;
  width: 105px;
  font-size: 16px;
  line-height: 12px;
  font-weight: 400;
  text-align: center;
  padding: 0;
}
.side-bar-wrapper .custom-side-menu .side-menu-content ul li .admin-mode .custom-admin-dropdown > li .orange-mode .orange-mode-input span {
  font-size: 16px;
  line-height: 12px;
  margin-left: 10px;
}
.side-bar-wrapper .custom-side-menu .side-menu-content ul li .admin-mode .custom-admin-dropdown > li:not(:last-child) {
  border-bottom: 1px solid;
  border-bottom-color: #292735;
  border-bottom-color: var(--menu_bg_color, #292735) !important;
}
.side-bar-wrapper .custom-side-menu .side-menu-content ul li .admin-mode .group-container {
  padding: 20px 0 20px;
  border-top: 1px solid;
  border-top-color: #292735;
  border-top-color: var(--menu_bg_color, #292735) !important;
}
.side-bar-wrapper .custom-side-menu .side-menu-content ul li .admin-mode .group-container .search-group-label {
  margin-left: 15px;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  color: #FFFFFF;
  color: var(--menu_bg_font_color, #FFFFFF) !important;
}
.side-bar-wrapper .custom-side-menu .side-menu-content ul li .admin-mode .group-container .group-wrapper {
  padding-top: 10px;
  display: flex;
  flex-wrap: wrap;
}
.side-bar-wrapper .custom-side-menu .side-menu-content ul li .admin-mode .group-container .group-wrapper .vdb-setting {
  background-image: url("../webapp/svg/admin_menu/icon_group_vdb_t.svg");
}
.side-bar-wrapper .custom-side-menu .side-menu-content ul li .admin-mode .group-container .group-wrapper .link {
  width: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.side-bar-wrapper .custom-side-menu .side-menu-content ul li .admin-mode .group-container .group-wrapper .link .group-icon {
  height: 56px;
  width: 56px;
  border-radius: 5px;
  background-color: #4C4A56;
  box-shadow: 0 1px 2px 0 rgba(14, 15, 18, 0.8);
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  margin: 0 0 5px 0;
  background-size: cover;
}
.side-bar-wrapper .custom-side-menu .side-menu-content ul li .admin-mode .group-container .group-wrapper .link .group-icon.selected {
  background-color: rgba(162, 108, 180, 0.8) !important;
}
.side-bar-wrapper .custom-side-menu .side-menu-content ul li .admin-mode .group-container .group-wrapper .link .group-label {
  font-size: 10px;
  line-height: 14px;
  font-weight: 400;
  color: #FFFFFF;
  color: var(--menu_bg_font_color, #FFFFFF) !important;
}
.side-bar-wrapper .custom-side-menu .side-menu-content ul li .fa {
  position: absolute;
  right: 10px;
}
.side-bar-wrapper .custom-side-menu .side-menu-content.expand {
  width: 270px;
  transition: width 100ms;
}
.side-bar-wrapper .custom-side-menu .side-menu-toggle {
  padding: 15px;
  height: 50px;
}
.side-bar-wrapper .custom-side-menu .side-menu-toggle .vi {
  cursor: pointer;
  font-size: 22px;
  color: #FFFFFF;
  color: var(--menu_btn_active_icon_color, #FFFFFF) !important;
}
.side-bar-wrapper .custom-side-menu .side-menu-toggle.selected .vi {
  color: var(--global_menu_btn_active_font_icon_color, ) !important;
}
@media screen and (max-width: 768px) {
  .side-bar-wrapper .custom-side-menu {
    display: flex;
  }
}
.flash {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 998;
}
.flash .message-div {
  color: #ffffff;
  font-size: 18px;
  text-align: center;
  padding: 15px 0px;
  margin: 0px 0px 10px 0px;
  font-weight: 400;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}
.flash .message-div a {
  color: #ffffff;
  text-decoration: underline;
}
.flash .notice {
  background-color: #7ED321;
}
.flash .alert {
  background-color: #F5A623;
}
.flash .error {
  background-color: #d0021b;
}
.terms-of-use {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  z-index: 1000;
  background-color: #F4F4F4;
  background-color: var(--main_bg_color, #F4F4F4) !important;
  background-size: inherit;
  font-size: 16px;
  padding-top: 20px;
  overflow: scroll;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.terms-of-use h1 {
  font-size: 24px;
  font-weight: 500;
  margin: 30px auto;
  text-align: center;
}
.terms-of-use .updated-at-date {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
}
.terms-of-use .back {
  margin-left: 10px;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}
.terms-of-use .back span.icon {
  margin-right: 15px;
}
.terms-of-use .back span.icon .translucent {
  border-radius: 100%;
}
.terms-of-use .back span.icon::before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  border-top: 1px solid;
  border-left: 1px solid;
  border-color: #292735;
  border-color: var(--main_bg_font_color, #292735) !important;
  transform: rotate(-45deg);
}
.terms-of-use .back span.text {
  vertical-align: top;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
}
.terms-of-use .accept-terms {
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  border-radius: 38px;
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
  display: inline-block;
  margin: 15px auto;
  padding: 20px 40px;
  text-decoration: none;
  font-weight: 400;
}
.terms-of-use .accept-terms .translucent {
  border-radius: 38px;
}
.terms-of-use .accept-terms .tranlucent-data {
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
}
.terms-of-use .accept-terms:hover {
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
  opacity: 0.8;
}
.terms-of-use .text-content {
  margin-top: 40px;
}
.terms-of-use .text-content a {
  text-decoration: underline;
}
.terms-of-use .text-content p {
  margin: 20px 0px;
  font-weight: 400;
  font-size: 20px;
}
.terms-of-use p, .terms-of-use h4, .terms-of-use ul {
  text-align: left;
  font-weight: 400;
}
.coach-overlay-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 100;
  overflow: hidden;
}
.coach-overlay-wrapper .side-menu-buttons {
  position: absolute;
  display: flex;
  width: 260px;
  top: 130px;
}
.coach-overlay-wrapper .side-menu-buttons a {
  display: inline-flex;
  font-size: 13px;
  line-height: 14px;
  color: #FFFFFF;
  color: var(--menu_btn_static_font_color, #FFFFFF) !important;
  height: 66px;
}
.coach-overlay-wrapper .side-menu-buttons a:hover {
  color: #ffffff;
}
.coach-overlay-wrapper .side-menu-buttons .sb-gemstone {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.coach-overlay-wrapper .side-menu-buttons .sb-gemstone span {
  font-size: 9px;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center;
  font-weight: bolder;
  margin-top: 10px;
  margin-bottom: -25px;
}
.coach-overlay-wrapper .side-menu-buttons .sb-diamond {
  font-size: 14px;
  background-color: #804294;
  background-color: var(--menu_switch_diam, #804294) !important;
}
.coach-overlay-wrapper .side-menu-buttons .sb-diamond:hover {
  background-color: #804294;
  background-color: var(--menu_switch_diam, #804294) !important;
}
.coach-overlay-wrapper .side-menu-buttons .sb-gemstone {
  font-size: 18px;
  background-color: #3B72CC;
  background-color: var(--menu_switch_gem, #3B72CC) !important;
}
.coach-overlay-wrapper .side-menu-buttons .sb-gemstone:hover {
  background-color: #3B72CC;
  background-color: var(--menu_switch_gem, #3B72CC) !important;
}
.coach-overlay-wrapper .side-menu-buttons .sb-lab-grown {
  font-size: 20px;
  background-color: #E08362;
}
.coach-overlay-wrapper .side-menu-buttons .sb-lab-grown:hover {
  background-color: #E08362;
}
.coach-overlay-wrapper .side-menu-buttons .sb-lab-grown span {
  padding: 25px 10px;
}
.coach-overlay-wrapper .side-menu-buttons .sb-jewelery {
  font-size: 20px;
  background-color: #5AB8A6;
  background-color: var(--menu_switch_jew, #5AB8A6) !important;
}
.coach-overlay-wrapper .side-menu-buttons .sb-jewelery:hover {
  background-color: #5AB8A6;
  background-color: var(--menu_switch_jew, #5AB8A6) !important;
}
.coach-overlay-wrapper .coach-overlay-body {
  position: absolute;
  left: 300px;
  top: 130px;
  width: 900px;
  text-align: center;
}
.coach-overlay-wrapper .coach-overlay-body .arrow-left {
  background-image: url("../webapp/overlay_arrow.png");
  height: 35px;
  width: 150px;
  display: inline-block;
  background-size: contain;
  position: absolute;
  left: 0;
}
@media only screen and (min-width: 1100px) {
  .coach-overlay-wrapper .coach-overlay-body .coach-overlay-content {
    position: absolute;
    left: calc(50vw - 300px);
    transform: translateX(-50%);
    width: 900px;
  }
}
.coach-overlay-wrapper .coach-overlay-body .header-text {
  font-size: 25px;
  color: #ffffff;
  font-weight: 500;
  text-align: center;
}
.coach-overlay-wrapper .coach-overlay-body .action-text {
  font-size: 22px;
  font-weight: 200;
  color: #ffffff;
  margin: 40px 0;
}
.coach-overlay-wrapper .coach-overlay-body .action-items {
  display: flex;
  justify-content: space-around;
  width: 75%;
  margin: 0 auto;
}
.coach-overlay-wrapper .coach-overlay-body .action-items a {
  height: 95px;
  width: 120px;
  display: flex;
  justify-content: center;
  align-content: center;
  color: #ffffff;
  flex-direction: column;
}
.coach-overlay-wrapper .coach-overlay-body .action-items a .text {
  text-align: center;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  margin-top: 15px;
}
.coach-overlay-wrapper .coach-overlay-body .action-items .sb-diamond {
  font-size: 20px !important;
}
.coach-overlay-wrapper .coach-overlay-body .action-items .sb-gemstone:before {
  font-size: 28px;
}
.coach-overlay-wrapper .coach-overlay-body .action-items .sb-gemstone .text {
  margin-top: 8px;
}
.coach-overlay-wrapper .coach-overlay-body .action-items .sb-gemstone .text .comming-soon {
  margin-top: 5px;
  display: inline-block;
}
.coach-overlay-wrapper .coach-overlay-body .action-items .sb-jewelery:before {
  font-size: 30px;
}
.coach-overlay-wrapper .coach-overlay-body .action-items .sb-jewelery .text {
  margin-top: 10px;
}
.coach-overlay-wrapper .coach-overlay-body .action-items .sb-lab-grown span {
  padding: 0 !important;
  text-align: center;
}
.coach-overlay-wrapper .coach-overlay-body .action-items .sb-diamond {
  font-size: 14px;
  background-color: #804294;
  background-color: var(--menu_switch_diam, #804294) !important;
}
.coach-overlay-wrapper .coach-overlay-body .action-items .sb-diamond:hover {
  background-color: #804294;
  background-color: var(--menu_switch_diam, #804294) !important;
}
.coach-overlay-wrapper .coach-overlay-body .action-items .sb-gemstone {
  font-size: 18px;
  background-color: #3B72CC;
  background-color: var(--menu_switch_gem, #3B72CC) !important;
}
.coach-overlay-wrapper .coach-overlay-body .action-items .sb-gemstone:hover {
  background-color: #3B72CC;
  background-color: var(--menu_switch_gem, #3B72CC) !important;
}
.coach-overlay-wrapper .coach-overlay-body .action-items .sb-lab-grown {
  font-size: 20px;
  background-color: #E08362;
}
.coach-overlay-wrapper .coach-overlay-body .action-items .sb-lab-grown:hover {
  background-color: #E08362;
}
.coach-overlay-wrapper .coach-overlay-body .action-items .sb-lab-grown span {
  padding: 25px 10px;
}
.coach-overlay-wrapper .coach-overlay-body .action-items .sb-jewelery {
  font-size: 20px;
  background-color: #5AB8A6;
  background-color: var(--menu_switch_jew, #5AB8A6) !important;
}
.coach-overlay-wrapper .coach-overlay-body .action-items .sb-jewelery:hover {
  background-color: #5AB8A6;
  background-color: var(--menu_switch_jew, #5AB8A6) !important;
}
.coach-overlay-wrapper .coach-overlay-body .confirm-action {
  background-image: url("../webapp/overlay_circle.png");
  text-align: center;
  color: #ffffff;
  margin: 60px auto 0;
  height: 80px;
  width: 250px;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  cursor: pointer;
}
.coach-overlay-wrapper .coach-overlay-body .confirm-action p {
  margin: 0 !important;
}
@media (min-width: 768px) and (max-width: 1100px) {
  .coach-overlay-wrapper .coach-overlay-body {
    width: calc(100% - 300px);
    left: 300;
    right: auto;
  }
  .coach-overlay-wrapper .coach-overlay-body .action-text {
    width: 400px;
    margin: 40px auto !important;
  }
}
@media (min-width: 768px) and (max-width: 1100px) {
  .coach-overlay-wrapper .arrow-left {
    width: 90px !important;
    background-repeat: no-repeat !important;
    top: 10px;
  }
  .coach-overlay-wrapper .action-items {
    width: 100% !important;
  }
}
@media screen and (max-width: 768px) {
  .coach-overlay-wrapper {
    display: none !important;
  }
}
.custom-header .user-dropdown {
  width: 270px;
}
.right-section .dropdown-menu.last {
  transform: translate(-75%, 0) !important;
}
.right-section .dropdown-menu.last::after {
  left: 77% !important;
}
.viewCart {
  color: white;
  font-size: 23px;
  cursor: pointer;
  position: relative;
  z-index: 2;
}
.viewCart span {
  font-size: 30px;
  color: #FFFFFF;
  color: var(--web_header_icon_color, #FFFFFF) !important;
}
.viewCart .cart-items-count {
  height: 22px;
  width: 22px;
  background: #d0021b;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: absolute;
  left: 20px;
  top: -5px;
}
.bulk-request-list {
  color: white;
  font-size: 23px;
  cursor: pointer;
  position: relative;
  z-index: 2;
  margin-right: 10px;
  width: 40px;
  display: flex;
  align-items: center;
}
.bulk-request-list span {
  font-size: 40px;
  color: #FFFFFF;
  color: var(--web_header_icon_color, #FFFFFF) !important;
}
.bulk-request-list .cart-items-count {
  height: 22px;
  width: 22px;
  background: #d0021b;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: absolute;
  left: 20px;
  top: -5px;
}
.contact-us-form {
  cursor: auto;
  padding: 27px;
  background-color: #292735;
  background-color: var(--menu_bg_color, #292735) !important;
}
.contact-us-form .contact-us-header {
  padding-bottom: 25px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 455px;
}
@media screen and (max-width: 768px) {
  .contact-us-form .contact-us-header {
    width: 100%;
  }
}
.contact-us-form .contact-us-header .contact-us-icon {
  color: #FFFFFF;
  color: var(--menu_bg_icon_color, #FFFFFF) !important;
  font-size: 30px;
}
.contact-us-form .contact-us-header .title {
  font-size: 24px;
  line-height: 48px;
  color: #FFFFFF;
  color: var(--menu_bg_font_color, #FFFFFF) !important;
}
.contact-us-form .contact-us-header .contact-us-text {
  max-width: 435px;
  font-size: 16px;
  line-height: 25px;
  color: #FFFFFF;
  color: var(--menu_bg_font_color, #FFFFFF) !important;
  padding: 0;
  margin: 0;
  border: 0;
  background-color: transparent;
  white-space: normal;
}
.contact-us-form .content-wrapper .field {
  margin-bottom: 10px;
}
.contact-us-form .content-wrapper .field .error-row {
  background-color: #d0021b;
  padding: 12px 0;
  margin-bottom: 10px;
  font-size: 18px;
  color: #ffffff;
  text-align: center;
}
.contact-us-form .content-wrapper .field .translucent-box {
  margin: 0 auto;
  position: relative;
}
.contact-us-form .content-wrapper .field .translucent-box span.floating-label {
  position: absolute;
  top: 1px;
  left: 4px;
  font-size: 12px;
  color: #292735;
}
.contact-us-form .content-wrapper .field .translucent-box .translucent-data input {
  width: 100%;
  font-size: 16px;
  background: #ffffff;
  text-align: left;
  background-color: #ffffff;
  color: #292735;
  padding: 15px 10px;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
  outline: none;
  border: none;
  border: 1px solid #827C7C;
  box-shadow: none;
}
.contact-us-form .content-wrapper .field .translucent-box .translucent-data input:-webkit-autofill {
  -webkit-text-fill-color: #292735;
}
.contact-us-form .content-wrapper .user-comment textarea {
  width: 100%;
  height: 128px;
  border: 1px solid #BFBFC3;
  margin-bottom: 10px;
}
.contact-us-form .content-wrapper .user-comment textarea:focus {
  outline: none;
}
.contact-us-form .content-wrapper .user-comment textarea::-webkit-input-placeholder {
  text-align: center !important;
  font-size: 16px;
}
.contact-us-form .content-wrapper .user-comment textarea:-moz-placeholder {
  /* Firefox 18- */
  text-align: center !important;
  font-size: 16px;
}
.contact-us-form .content-wrapper .user-comment textarea::-moz-placeholder {
  /* Firefox 19+ */
  text-align: center !important;
  font-size: 16px;
}
.contact-us-form .content-wrapper .user-comment textarea:-ms-input-placeholder {
  text-align: center !important;
  font-size: 16px;
}
.contact-us-form .content-wrapper .actions {
  padding: 20px 0;
  text-align: center;
}
.contact-us-form .content-wrapper .actions a, .contact-us-form .content-wrapper .actions input {
  display: inline-flex;
  width: 105px;
  line-height: 48px;
  border-radius: 100px;
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.29);
  border: 2px solid;
  border-color: #9665A6;
  border-color: var(--option_btn_on_color, #9665A6) !important;
  justify-content: center;
  font-size: 14px;
  padding-left: 0 !important;
  color: #FFFFFF;
  color: var(--menu_btn_static_font_color, #FFFFFF) !important;
}
.contact-us-form .content-wrapper .actions .contact-send-email {
  background-color: #804294;
  background-color: var(--menu_btn_action_static, #804294) !important;
  cursor: pointer;
  border: 0;
  margin-left: 15px;
}
.setting-wrapper li {
  background-color: #292735;
  background-color: var(--menu_bg_color, #292735) !important;
  border-bottom: 1px solid;
  border-bottom-color: #292735;
  border-bottom-color: var(--menu_bg_color, #292735) !important;
  padding: 0;
  list-style-type: none;
  cursor: pointer;
}
.setting-wrapper li:hover {
  color: #FFFFFF;
  color: var(--menu_btn_active_font_color, #FFFFFF) !important;
  background-color: #3E3D49;
  background-color: var(--menu_btn_static_color, #3E3D49) !important;
}
.setting-wrapper li.admin_menu_open {
  background-color: #292735;
  background-color: var(--menu_bg_color, #292735) !important;
}
.setting-wrapper li.group-list {
  background-color: transparent;
  border-bottom: none;
}
.setting-wrapper li a {
  color: #FFFFFF;
  color: var(--menu_btn_static_font_color, #FFFFFF) !important;
  font-size: 12px;
  line-height: 50px;
  text-decoration: none;
}
.setting-wrapper li .admin-mode-dd-button {
  border: none;
  width: 100%;
  position: relative;
  padding: 0;
}
.setting-wrapper li .admin-mode-dd-button span {
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
}
.setting-wrapper li .admin-mode-dd-button span.admin-mode-icon {
  font-size: 15px;
  margin: 0 21px;
}
.setting-wrapper li .admin-mode-dd-button span.admin-show-more, .setting-wrapper li .admin-mode-dd-button span.admin-show-less {
  margin-left: 100px;
  font-size: 12px;
}
.setting-wrapper li .admin-mode-dd-button span.admin-show-less {
  font-size: 8px;
}
.setting-wrapper li .admin-mode {
  padding-bottom: 0px;
  margin: 10px;
}
.setting-wrapper li .admin-mode .custom-admin-dropdown {
  list-style-type: none;
  padding: 0;
}
.setting-wrapper li .admin-mode .custom-admin-dropdown .sbpavi {
  position: relative;
}
.setting-wrapper li .admin-mode .custom-admin-dropdown .sbpavi .sbpavi-icon {
  background-image: url("../webapp/svg/admin_menu/icon_setting_menu_open_admin_white.svg");
  position: absolute;
  left: 7%;
}
.setting-wrapper li .admin-mode .custom-admin-dropdown .sbpavi.selected-admin-white {
  font-weight: 400;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid #ffffff;
  color: #ffffff;
}
.setting-wrapper li .admin-mode .custom-admin-dropdown .dspovi {
  position: relative;
}
.setting-wrapper li .admin-mode .custom-admin-dropdown .dspovi .dspovi-icon {
  background-image: url("../webapp/svg/admin_menu/icon_setting_menu_open_admin_green.svg");
  left: 7%;
}
.setting-wrapper li .admin-mode .custom-admin-dropdown .dspovi.selected-admin-green {
  font-weight: 400;
  background: rgba(103, 179, 20, 0.1);
}
.setting-wrapper li .admin-mode .custom-admin-dropdown .smpnvi {
  position: relative;
  display: flex;
  flex-direction: column;
}
.setting-wrapper li .admin-mode .custom-admin-dropdown .smpnvi .orange-mode-input input {
  height: 39px;
  width: 105px;
  font-size: 16px;
  line-height: 12px;
  font-weight: 400;
  text-align: center;
  padding: 0;
}
.setting-wrapper li .admin-mode .custom-admin-dropdown .smpnvi .orange-mode-input span {
  font-size: 16px;
  line-height: 12px;
  margin-left: 10px;
}
.setting-wrapper li .admin-mode .custom-admin-dropdown .smpnvi .smpnvi-icon {
  background-image: url("../webapp/svg/admin_menu/icon_setting_menu_open_admin_orange.svg");
  left: 7%;
}
.setting-wrapper li .admin-mode .custom-admin-dropdown .smpnvi.selected-admin-orange {
  font-weight: 400;
  background: rgba(244, 196, 63, 0.1);
}
.setting-wrapper li .admin-mode .custom-admin-dropdown > li {
  border-bottom: 1px solid;
  border-bottom-color: #292735;
  border-bottom-color: var(--menu_bg_color, #292735) !important;
  cursor: pointer;
}
.setting-wrapper li .admin-mode .custom-admin-dropdown > li a {
  display: block;
  width: 100%;
  border: 1px solid transparent;
  font-size: 11px;
  line-height: 48px;
  color: #ffffff;
  padding: 0;
  background-color: #3E3D49;
  background-color: var(--menu_btn_static_color, #3E3D49) !important;
}
.setting-wrapper li .admin-mode .custom-admin-dropdown > li a:hover {
  background-color: rgba(255, 255, 255, 0.05);
  background-color: var(--menu_btn_hover_color, rgba(255, 255, 255, 0.05)) !important;
}
.setting-wrapper li .admin-mode .custom-admin-dropdown > li .white-mode {
  color: #FFFFFF;
  color: var(--menu_white_price_mode_off_font, #FFFFFF) !important;
  background-color: #3E3D49;
  background-color: var(--menu_white_price_mode_off, #3E3D49) !important;
}
.setting-wrapper li .admin-mode .custom-admin-dropdown > li .white-mode .admin-icon {
  height: 20px;
  width: 20px;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 17px;
  margin: 10px 20px 0 10px;
  display: inline-block;
  vertical-align: sub;
  color: #FFFFFF;
  color: var(--menu_white_price_mode_off_icon, #FFFFFF) !important;
}
.setting-wrapper li .admin-mode .custom-admin-dropdown > li .white-mode.selected {
  border: 1px solid;
  background-color: rgba(255, 255, 255, 0.1);
  background-color: var(--menu_white_price_mode_on, rgba(255, 255, 255, 0.1)) !important;
  border-color: #FFFFFF;
  border-color: var(--menu_white_price_mode_on_font, #FFFFFF) !important;
  color: #FFFFFF;
  color: var(--menu_white_price_mode_on_font, #FFFFFF) !important;
}
.setting-wrapper li .admin-mode .custom-admin-dropdown > li .white-mode.selected .icon_setting_menu_open_admin_white {
  color: #FFFFFF;
  color: var(--menu_white_price_mode_on_icon, #FFFFFF) !important;
}
.setting-wrapper li .admin-mode .custom-admin-dropdown > li .green-mode {
  color: #FFFFFF;
  color: var(--menu_green_price_mode_off_font, #FFFFFF) !important;
  background-color: #3E3D49;
  background-color: var(--menu_green_price_mode_off, #3E3D49) !important;
}
.setting-wrapper li .admin-mode .custom-admin-dropdown > li .green-mode .admin-icon {
  height: 20px;
  width: 20px;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 17px;
  margin: 10px 20px 0 10px;
  display: inline-block;
  vertical-align: sub;
  color: #67b314;
  color: var(--menu_green_price_mode_off_icon, #67b314) !important;
}
.setting-wrapper li .admin-mode .custom-admin-dropdown > li .green-mode.selected {
  border: 1px solid;
  background-color: rgba(103, 179, 20, 0.1);
  background-color: var(--menu_green_price_mode_on, rgba(103, 179, 20, 0.1)) !important;
  border-color: #67b314;
  border-color: var(--menu_green_price_mode_on_font, #67b314) !important;
  color: #67b314;
  color: var(--menu_green_price_mode_on_font, #67b314) !important;
}
.setting-wrapper li .admin-mode .custom-admin-dropdown > li .green-mode.selected .icon_setting_menu_open_admin_white {
  color: #67b314;
  color: var(--menu_green_price_mode_on_icon, #67b314) !important;
}
.setting-wrapper li .admin-mode .custom-admin-dropdown > li .orange-mode {
  display: flex;
  align-items: center;
  color: #FFFFFF;
  color: var(--menu_orange_price_mode_off_font, #FFFFFF) !important;
  background-color: #3E3D49;
  background-color: var(--menu_orange_price_mode_off, #3E3D49) !important;
}
.setting-wrapper li .admin-mode .custom-admin-dropdown > li .orange-mode .admin-icon {
  height: 20px;
  width: 20px;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 17px;
  margin: 10px 20px 0 10px;
  display: inline-block;
  vertical-align: sub;
  color: #f5a623;
  color: var(--menu_orange_price_mode_off_icon, #f5a623) !important;
}
.setting-wrapper li .admin-mode .custom-admin-dropdown > li .orange-mode.selected {
  border: 1px solid;
  background-color: rgba(244, 196, 63, 0.1);
  background-color: var(--menu_orange_price_mode_on, rgba(244, 196, 63, 0.1)) !important;
  border-color: #f5a623;
  border-color: var(--menu_orange_price_mode_on_font, #f5a623) !important;
  color: #f5a623;
  color: var(--menu_orange_price_mode_on_font, #f5a623) !important;
}
.setting-wrapper li .admin-mode .custom-admin-dropdown > li .orange-mode.selected .icon_setting_menu_open_admin_white {
  color: #f5a623;
  color: var(--menu_orange_price_mode_on_icon, #f5a623) !important;
}
.setting-wrapper li .admin-mode .custom-admin-dropdown > li .orange-mode .orange-mode-input input {
  height: 39px;
  width: 105px;
  font-size: 16px;
  line-height: 12px;
  font-weight: 400;
  text-align: center;
  padding: 0;
}
.setting-wrapper li .admin-mode .custom-admin-dropdown > li .orange-mode .orange-mode-input span {
  font-size: 16px;
  line-height: 12px;
  margin-left: 10px;
}
.setting-wrapper li .login .signin {
  font-size: 22px;
  margin: 0 20px 0 15px;
  display: inline-block;
  vertical-align: sub;
}
.setting-wrapper li .register-with-us .register {
  margin: 0 18px 0 15px;
  vertical-align: sub;
}
.setting-wrapper li .contact-us {
  display: block;
}
.setting-wrapper li .contact-us .contact-us-icon {
  font-size: 15px;
  margin: 0 21px 0 18px;
}
.setting-wrapper li .terms .term-icon {
  font-size: 15px;
  margin: 0 24px 0 20px;
}
.setting-wrapper li .signout .signout-icon {
  font-size: 15px;
  margin: 0px 24px 0 20px;
}
.setting-wrapper li .group-container {
  padding: 20px 14px 40px 14px;
}
.setting-wrapper li .group-container .search-group-label {
  margin-left: 15px;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  color: #FFFFFF;
  color: var(--menu_bg_font_color, #FFFFFF) !important;
}
.setting-wrapper li .group-container .group-wrapper {
  padding-top: 10px;
  display: flex;
  flex-wrap: wrap;
}
.setting-wrapper li .group-container .group-wrapper .vdb-setting {
  background-image: url("../webapp/svg/admin_menu/icon_group_vdb_t.svg");
}
.setting-wrapper li .group-container .group-wrapper .link {
  width: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.setting-wrapper li .group-container .group-wrapper .link .group-icon {
  height: 56px;
  width: 56px;
  border-radius: 5px;
  background-color: #4C4A56;
  box-shadow: 0 1px 2px 0 rgba(14, 15, 18, 0.8);
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  margin: 0 0 5px 0;
  background-size: cover;
}
.setting-wrapper li .group-container .group-wrapper .link .group-icon.selected {
  background-color: rgba(162, 108, 180, 0.8) !important;
}
.setting-wrapper li .group-container .group-wrapper .link .group-label {
  font-size: 10px;
  line-height: 14px;
  font-weight: 400;
  color: #FFFFFF;
  color: var(--menu_bg_font_color, #FFFFFF) !important;
}
.saved-search-wrapper .saved-search-header {
  height: 100px;
  width: 100%;
  text-align: center;
  padding: 30px 0;
}
.saved-search-wrapper .saved-search-header h3 {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.saved-search-wrapper .no-saved-search {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  padding: 10px 0px;
  border-bottom: 1px solid transparent;
}
.saved-search-wrapper ul.saved-rows {
  padding: 0px;
  list-style: none;
}
.saved-search-wrapper ul.saved-rows li {
  padding: 10px 0px;
  border-bottom: 2px solid;
  margin: 0;
  border-bottom-color: #F4F4F4;
  border-bottom-color: var(--main_bg_color, #F4F4F4) !important;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
.saved-search-wrapper ul.saved-rows li .retail-diamond {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 45px;
  height: 64px;
}
.saved-search-wrapper ul.saved-rows li .details {
  font-size: 18px;
}
.saved-search-wrapper ul.saved-rows li .details input {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
  width: 100%;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_static, #FFFFFF) !important;
}
.saved-search-wrapper ul.saved-rows li .details input:focus {
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_active, #FFFFFF) !important;
}
.saved-search-wrapper ul.saved-rows li .actions {
  padding-top: 10px;
  display: flex;
}
.saved-search-wrapper ul.saved-rows li .actions a {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  color: #804294;
  color: var(--option_btn_off_icon_color, #804294) !important;
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.29);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
}
.saved-search-wrapper ul.saved-rows li .actions a:hover {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
}
@media screen and (max-width: 768px) {
  .saved-search-wrapper .saved-search-header {
    display: none;
  }
}
@media screen and (max-width: 670px) {
  .saved-search-wrapper .saved-rows li {
    margin: 0;
    padding: 10px !important;
  }
  .saved-search-wrapper .saved-rows li .ss-icon-container {
    width: 15%;
    margin: 0;
    padding: 0;
    height: unset;
    display: flex;
    align-items: center;
  }
  .saved-search-wrapper .saved-rows li .ss-icon-container .retail-diamond {
    font-size: 30px;
    height: unset;
  }
  .saved-search-wrapper .saved-rows li .title-container {
    width: 80%;
  }
  .saved-search-wrapper .saved-rows li .title-container .details {
    width: 100%;
  }
  .saved-search-wrapper .saved-rows li .title-container .details .text {
    word-break: break-all;
    font-size: 15px;
  }
  .saved-search-wrapper .saved-rows li .action-container {
    width: 100%;
    display: flex;
    justify-content: center;
  }
}
.main-container {
  background-color: #F4F4F4;
  background-color: var(--main_bg_color, #F4F4F4) !important;
}
.main-container .search_coach_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(5, 5, 5, 0.71);
  z-index: 9999;
}
.main-container .search_coach_overlay .overlay-content {
  margin-top: 140px;
  margin-left: 80px;
}
.main-container .search_coach_overlay .overlay-content .filter-btn {
  height: 50px;
  width: 50px;
  display: block;
  border-radius: 100px;
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.29);
}
.main-container .search_coach_overlay .overlay-content .curved_arrow {
  transform: rotate(60deg);
  display: block;
  height: 100px;
  width: 100px;
  font-size: 42px;
  margin-left: 30px;
  margin-top: -10px;
  color: #ffffff;
}
.main-container .search_coach_overlay .overlay-content .text {
  color: #ffffff;
  font-size: 40px;
  margin-left: 70px;
  width: 875px;
  margin-top: -10px;
  text-align: center;
  line-height: 1.3;
}
.main-container .search_coach_overlay .overlay-content .submit-btn {
  height: 67px;
  width: 220px;
  margin: 100px auto 0;
  display: block;
  background-color: rgba(139, 139, 139, 0.67);
  color: #fff;
  font-size: 36px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  outline: none;
  border: none;
  cursor: pointer;
}
.main-container .top-bar {
  display: flex;
  width: 100%;
  padding: 10px 15px;
}
.main-container .top-bar .top-left {
  width: 50%;
  align-items: center;
  display: flex;
}
.main-container .top-bar .top-left .back-box {
  height: 100%;
  width: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main-container .top-bar .top-left .back-box .back a {
  cursor: pointer;
  font-size: 22px;
}
.main-container .top-bar .top-left .back-box .back a:before {
  color: #804294;
  color: var(--main_bg_icon_color, #804294) !important;
}
.main-container .top-bar .top-left .filters .category-toggler {
  height: 48px;
  width: 48px;
  display: block;
  border-radius: 100px;
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.29);
}
.main-container .top-bar .top-left .search-results {
  margin-left: 15px;
  display: flex;
  align-items: baseline;
}
.main-container .top-bar .top-left .search-results .title {
  height: 36px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-size: 30px;
  line-height: 36px;
}
.main-container .top-bar .top-left .search-results .result-count {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-size: 14px;
  line-height: 14px;
  margin-left: 15px;
}
.main-container .top-bar .top-right {
  width: 50%;
  align-items: center;
  display: flex;
  justify-content: flex-end;
}
.main-container .top-bar .top-right .switch-views {
  margin-right: 30px;
}
.main-container .top-bar .top-right .switch-views a {
  display: inline-flex;
  font-size: 24px;
  color: #ACACAF;
}
.main-container .top-bar .top-right .switch-views a.active {
  color: #9665A6;
  color: var(--option_btn_on_color, #9665A6) !important;
}
.main-container .top-bar .top-right .switch-views .grid-switch {
  margin-right: 10px;
}
.main-container .top-bar .top-right .search-actions {
  display: flex;
}
.main-container .top-bar .top-right .search-actions a {
  display: inline-flex;
  width: 130px;
  border-radius: 100px;
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
  font-size: 14px;
  line-height: 18px;
  padding: 15px 10px;
  margin-right: 10px;
  justify-content: center;
  align-items: center;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
}
.main-container .top-bar .top-right .search-actions .refine {
  width: 130px;
  margin-right: 10px;
  display: inline-flex;
  border-radius: 100px;
  font-size: 14px;
  line-height: 18px;
  padding: 15px 10px;
  border: 2px solid;
  justify-content: center;
  align-items: center;
  background-color: transparent !important;
  outline: none;
  border-color: #804294;
  border-color: var(--action_btn_secondary_color, #804294) !important;
  color: #804294;
  color: var(--action_btn_secondary_font_color, #804294) !important;
}
.main-container .top-bar .top-right .search-actions .save-search {
  height: 48px;
  width: 48px;
  color: #FFFFFF;
  color: var(--action_btn_static_icon_color, #FFFFFF) !important;
  margin: 0;
  font-size: 18px;
  opacity: 0.8;
}
.main-container .filtered-categories {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  min-height: 40px;
  padding: 6px 16px;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin-bottom: 20px;
}
.main-container .filtered-categories .bulk-action-container {
  position: relative;
  margin-right: 30px;
  padding: 5px 0;
}
.main-container .filtered-categories .bulk-action-container .bulk-action-btn {
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
  font-size: 14px;
  width: 130px;
  height: 32px;
  border-radius: 16px;
  border-color: transparent;
  position: relative;
}
.main-container .filtered-categories .bulk-action-container .bulk-action-btn .dots_v {
  font-size: 24px;
}
.main-container .filtered-categories .bulk-action-container .bulk-action-btn .diamond-counter {
  display: inline-flex;
  position: absolute;
  top: -7px;
  right: -5px;
  font-size: 11px;
  line-height: 12px;
  height: 21px;
  width: 21px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  background-color: #d0021b;
  color: #ffffff;
}
.main-container .filtered-categories .bulk-action-container .bulk-action-btn.disabled {
  pointer-events: none;
  background-color: #BFBFC3;
  background-color: var(--option_btn_disabled_color, #BFBFC3) !important;
}
.main-container .filtered-categories .bulk-action-container ul {
  padding: 15px;
  width: 100%;
  margin: 0;
  width: 196px;
  background-color: #F4F4F4;
  background-color: var(--main_bg_color, #F4F4F4) !important;
  border-color: transparent;
}
.main-container .filtered-categories .bulk-action-container ul li {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.main-container .filtered-categories .bulk-action-container ul li > span {
  margin-right: 10px;
  color: #9665A6;
  color: var(--option_btn_on_color, #9665A6) !important;
}
.main-container .filtered-categories .bulk-action-container ul li > span.bulk_order_add {
  font-size: 24px;
  margin-left: -3px;
}
.main-container .filtered-categories .bulk-action-container ul li > span.icon_results_image_favorite_off {
  font-size: 16px;
}
.main-container .filtered-categories .bulk-action-container ul li > span.icon_setting_menu_open_contact {
  font-size: 14px;
}
.main-container .filtered-categories .bulk-action-container ul li p {
  margin-bottom: 0;
  font-size: 14px;
}
.main-container .filtered-categories .bulk-action-container ul li:not(:last-child) {
  margin-bottom: 10px;
}
.main-container .filtered-categories .bulk-action-container ul.noItemSelected .bulk-request, .main-container .filtered-categories .bulk-action-container ul.noItemSelected .bulk-favorite {
  color: #BFBFC3;
  color: var(--option_btn_disabled_color, #BFBFC3) !important;
}
.main-container .filtered-categories .bulk-action-container ul.noItemSelected .bulk-request > span, .main-container .filtered-categories .bulk-action-container ul.noItemSelected .bulk-favorite > span {
  color: #BFBFC3;
  color: var(--option_btn_disabled_color, #BFBFC3) !important;
}
.main-container .filtered-categories .bulk-action-container.show .bulk-action-btn {
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.main-container .filtered-categories .bulk-action-container.show .bulk-action-btn i {
  color: #804294;
  color: var(--option_btn_off_font_color, #804294) !important;
}
@media screen and (max-width: 660px) {
  .main-container .filtered-categories .bulk-action-container {
    position: fixed !important;
    bottom: 20px;
    margin: unset;
    width: 100%;
    z-index: 2;
    left: 0;
  }
  .main-container .filtered-categories .bulk-action-container .bulk-action-btn {
    margin: 0 auto;
    width: 145px;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.5);
  }
}
.main-container .filtered-categories .image-only-switch-wrapper {
  display: flex;
  align-items: center;
  margin: 5px;
}
.main-container .filtered-categories .image-only-switch-wrapper .switch-text {
  font-size: 12px;
  font-weight: 500;
  margin-right: 10px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.main-container .filtered-categories .image-only-switch-wrapper .image-only-switch {
  display: inline-flex;
  border-radius: 100px;
  align-items: center;
  background-color: #BFBFC3;
  background-color: var(--option_btn_disabled_color, #BFBFC3) !important;
  color: #804294;
  color: var(--option_btn_off_font_color, #804294) !important;
  display: inline-flex;
  height: 32px;
  width: 58px;
}
.main-container .filtered-categories .image-only-switch-wrapper .image-only-switch .on {
  font-size: 17px;
}
.main-container .filtered-categories .image-only-switch-wrapper .image-only-switch:hover {
  color: #804294;
  color: var(--option_btn_off_font_color, #804294) !important;
}
.main-container .filtered-categories .image-only-switch-wrapper .image-only-switch.active {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
}
.main-container .filtered-categories .image-only-switch-wrapper .image-only-switch .off {
  margin-left: 2px;
}
.main-container .filtered-categories .image-only-switch-wrapper .image-only-switch .on {
  margin-right: 2px;
}
.main-container .filtered-categories .image-only-switch-wrapper .image-only-switch span {
  display: none;
}
.main-container .filtered-categories .image-only-switch-wrapper .image-only-switch span.selected {
  display: block;
  border-radius: 24px;
  background-color: #FFFFFF;
  background-color: var(--heart_bg_off_icon_color, #FFFFFF) !important;
}
.main-container .filtered-categories .image-only-switch-wrapper .image-only-switch .off, .main-container .filtered-categories .image-only-switch-wrapper .image-only-switch .on {
  width: 44.68px;
  display: inline-block;
  font-weight: 500;
  text-align: center;
  line-height: 44px;
  font-size: 10px;
  width: 28px;
  height: 28px;
  line-height: 34px;
  font-weight: 500;
  font-size: 12px;
}
.main-container .filtered-categories .bulk-action-stats-container {
  display: block;
  flex-grow: 1;
}
.main-container .filtered-categories .bulk-action-stats-container .bulk-action-stats {
  display: flex;
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 1135px) {
  .main-container .filtered-categories .bulk-action-stats-container {
    display: none !important;
  }
}
.main-container .filtered-categories .filter-buttons {
  position: relative;
  display: inline-flex;
  font-size: 12px;
  border-radius: 5px;
  line-height: 28px;
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
  padding: 0 36px;
  margin: 5px;
  align-items: center;
}
.main-container .filtered-categories .filter-buttons .remove-filter, .main-container .filtered-categories .filter-buttons .asc-dsc {
  height: 10px;
  width: 10px;
}
.main-container .filtered-categories .filter-buttons .remove-filter {
  left: 10%;
}
.main-container .filtered-categories .filter-buttons .asc-dsc {
  background-repeat: no-repeat;
  background-position: center;
  right: 10%;
}
.main-container .bulk-action-stats-container {
  display: none;
}
@media screen and (max-width: 1135px) {
  .main-container .bulk-action-stats-container {
    display: block;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 20px;
    background-color: #E9E9EB;
    background-color: var(--main_bg_highlight, #E9E9EB) !important;
  }
  .main-container .bulk-action-stats-container .bulk-action-stats {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
  }
}
.main-container {
  min-width: 1200px;
}
.main-container .results-count {
  display: none;
  padding: 10px 0;
  text-align: center;
  color: #804294;
  color: var(--action_btn_static_color, #804294) !important;
}
.main-container .scrollable-content {
  overflow: hidden;
}
.main-container .scrollable-content .grid-view {
  overflow: scroll;
  height: calc(100vh - 243px);
  transition: 0.2s linear;
}
.main-container .scrollable-content .grid-view .container-fluid {
  max-width: 1800px;
  margin-top: 10px;
}
.main-container .scrollable-content .grid-view .container-fluid .row {
  justify-content: center;
}
.main-container .scrollable-content .grid-view .container-fluid .row .boxed {
  margin-bottom: 5px;
  height: 405px;
  max-width: 343.5px;
}
@media screen and (min-width: 1200px) {
  .main-container .scrollable-content .grid-view .container-fluid .row .boxed {
    min-width: 280px;
    max-width: 280px;
    height: 340px;
  }
}
.main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .image-container {
  position: relative;
  max-height: 313px;
}
@media screen and (min-width: 1200px) {
  .main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .image-container {
    max-height: 250px;
  }
}
.main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .image-container .image-cover {
  width: 100%;
  height: 313px;
  display: inline-flex;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (min-width: 1200px) {
  .main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .image-container .image-cover {
    height: 250px;
  }
}
.main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .image-container .image-cover img {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  background-color: var(--image_bg_color, #FFFFFF) !important;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-fit: var(--cover_image_bg_size, cover) !important;
     object-fit: var(--cover_image_bg_size, cover) !important;
}
.main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .image-container.diamond-no-image-placeholder {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  background-repeat: no-repeat;
}
.main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .image-container.diamond-no-image-placeholder .svg-box {
  padding-top: 17%;
  margin: 0 auto;
  opacity: 0.6;
}
.main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .image-container.diamond-no-image-placeholder .svg-box span {
  font-size: 150px;
  opacity: 0.6;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .image-container.diamond-no-image-placeholder .svg-box .no-image-label {
  font-size: 20px;
  padding-top: 21px;
  text-align: center;
  font-weight: inherit;
  font-family: inherit;
  letter-spacing: normal;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .image-container .availability:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
.main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .image-container .availability:hover:after {
  content: "";
  position: absolute;
  top: 0%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}
.main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .image-container .availability .width_1 {
  width: 152px;
  margin-left: -128px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .image-container .availability .width_2 {
  width: 226px;
  margin-left: -202px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .image-container .availability .tooltiptext {
  visibility: hidden;
  display: block;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 2px 7px;
  position: absolute;
  font-size: 14px;
  border-radius: 2px;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  opacity: 0;
  transition: opacity 0.3s;
}
.main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .image-container .yes, .main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .image-container .no {
  display: inline-flex;
  height: 16px;
  width: 16px;
  position: absolute;
  top: 5%;
  right: 5%;
  border-radius: 50%;
}
.main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .image-container .yes {
  background-color: #7ED321;
}
.main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .image-container .no {
  background-color: #d0021b;
}
.main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .image-container .mark-favorite {
  display: inline-flex;
  position: absolute;
  left: 5%;
  top: 5%;
}
.main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .image-container .mark-favorite .path1 {
  color: #804294;
  color: var(--heart_outline_off_icon_color, #804294) !important;
  font-size: 31px;
}
.main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .image-container .mark-favorite .path2 {
  color: #804294;
  color: var(--heart_outline_off_icon_color, #804294) !important;
  font-size: 31px;
}
.main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .image-container .mark-favorite .path3 {
  color: #FFFFFF;
  color: var(--heart_bg_off_icon_color, #FFFFFF) !important;
  font-size: 31px;
}
.main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .image-container .mark-favorite.favorited .path1 {
  color: #FFFFFF;
  color: var(--heart_outline_on_icon_color, #FFFFFF) !important;
}
.main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .image-container .mark-favorite.favorited .path2 {
  color: #FFFFFF;
  color: var(--heart_outline_on_icon_color, #FFFFFF) !important;
}
.main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .image-container .mark-favorite.favorited .path3 {
  color: #804294;
  color: var(--heart_bg_on_icon_color, #804294) !important;
}
.main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-footer {
  display: flex;
  position: relative;
}
.main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-footer .item {
  padding: 0 5px;
  font-weight: 700;
  flex-grow: 1;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
.main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-footer .item .detail {
  padding: 8px 0;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-footer .item .detail .shape-size-color {
  font-size: 15px;
  line-height: 17px;
}
.main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-footer .item .detail .cut-symmetry-polish {
  font-size: 12px;
  line-height: 17px;
}
.main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-footer .item .price-actions {
  display: flex;
  justify-content: space-between;
  padding: 0 0 8px 0;
}
.main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-footer .item .price-actions .price {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-size: 24px;
  line-height: 24px;
}
.main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-footer .item .price-actions .price .currency {
  margin-right: 10px;
}
.main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-footer .action {
  width: 65px;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
.main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-footer .action a span {
  font-size: 40px;
  color: #4F4E57;
  color: var(--drop_menu_static_icon_color, #4F4E57) !important;
}
.main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-footer .action a:after {
  display: none;
}
.main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-footer .action .dropdown-menu {
  padding: 0;
  width: 100%;
  border-radius: 0;
  margin: 0;
  display: block;
  border-color: #804294;
  border-color: var(--drop_menu_active_bg_color, #804294) !important;
  background-color: #E5E5E5;
  background-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
}
.main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-footer .action .dropdown-menu li {
  height: 65px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-footer .action .dropdown-menu li span {
  width: 65px;
  text-align: center;
  font-size: 20px;
  color: #4F4E57;
  color: var(--drop_menu_static_icon_color, #4F4E57) !important;
}
.main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-footer .action .dropdown-menu li p {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0px;
  color: #4F4E57;
  color: var(--drop_menu_static_font_color, #4F4E57) !important;
}
.main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-footer .action .dropdown-menu li:not(:last-child) {
  border-bottom: 0.5px solid #fff;
}
.main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-footer .action .dropdown-menu li.active, .main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-footer .action .dropdown-menu li:hover {
  background-color: #804294;
  background-color: var(--drop_menu_active_bg_color, #804294) !important;
}
.main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-footer .action .dropdown-menu li.active span, .main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-footer .action .dropdown-menu li:hover span {
  color: #FFFFFF;
  color: var(--drop_menu_active_icon_color, #FFFFFF) !important;
}
.main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-footer .action .dropdown-menu li.active p, .main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-footer .action .dropdown-menu li:hover p {
  color: #FFFFFF;
  color: var(--drop_menu_active_font_color, #FFFFFF) !important;
}
.main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-footer .action.open, .main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-footer .action.active, .main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-footer .action:hover {
  background-color: #804294;
  background-color: var(--drop_menu_active_bg_color, #804294) !important;
  color: #FFFFFF;
  color: var(--drop_menu_active_icon_color, #FFFFFF) !important;
}
.main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-footer .action.open a span, .main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-footer .action.active a span, .main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-footer .action:hover a span {
  color: #FFFFFF;
  color: var(--drop_menu_active_icon_color, #FFFFFF) !important;
}
.custom-tooltip {
  position: relative;
  display: inline-block;
  vertical-align: -webkit-baseline-middle;
}
.custom-tooltip:hover .tooltiptxt {
  visibility: visible;
}
.custom-tooltip .tooltiptxt {
  visibility: hidden;
  width: 80px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 4px;
  padding: 6px 0;
  position: absolute;
  z-index: 1;
  font-size: 14px;
  top: -2px;
  line-height: normal;
  left: 110%;
}
.custom-tooltip .tooltiptxt:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent #555 transparent transparent;
}
.custom-tooltip .width_1 {
  width: 152px;
}
.custom-tooltip .width_2 {
  width: 226px;
}
.custom-tooltip .truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 6px;
}
.custom-tooltip .indicator-circle {
  width: 12px;
  height: 12px;
  border-radius: 100%;
  display: inline-block;
}
.custom-tooltip .no {
  background-color: #d0021b;
}
.custom-tooltip .yes {
  background-color: #7ED321;
}
.main-container .scrollable-content .classic-view {
  padding: 0;
}
.main-container .scrollable-content .classic-view .container-fluid {
  padding: 0;
}
.main-container .scrollable-content .classic-view .container-fluid table {
  width: 100%;
  margin: 0px auto 20px auto;
  table-layout: auto;
}
.main-container .scrollable-content .classic-view .container-fluid table,
.main-container .scrollable-content .classic-view .container-fluid td,
.main-container .scrollable-content .classic-view .container-fluid th {
  border-collapse: collapse;
}
.main-container .scrollable-content .classic-view .container-fluid th,
.main-container .scrollable-content .classic-view .container-fluid td {
  font-size: 12px;
  text-align: center;
}
.main-container .scrollable-content .classic-view .container-fluid .classic-view-table {
  overflow: scroll;
  height: calc(100vh - 202px);
  transition: 0.2s linear;
  position: relative;
}
.main-container .scrollable-content .classic-view .container-fluid .classic-view-table table {
  width: 100%;
  border-collapse: separate;
}
.main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th {
  font-size: 12px;
  text-align: center;
  line-height: 25px;
  text-overflow: ellipsis;
  border-color: #ffffff;
  border-width: 0 1px;
  border-style: solid;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 0 10px;
}
.main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th.company_name, .main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th.item_location, .main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th.color {
  width: 80px;
}
.main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th.meas_length {
  width: 110px;
}
.main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th.stock_num {
  width: 100px;
}
.main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th.like {
  width: 45px;
}
.main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th.available {
  width: 65px;
}
.main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th.select {
  left: 0;
  z-index: 6;
}
.main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th.branding_logo a span.header {
  min-width: 0px;
}
.main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th a {
  text-decoration: none;
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th a span {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  display: inline-block;
}
.main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th a span.header {
  min-width: 50px;
  margin-right: 5px;
}
.main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th a span.sort-arrow-up, .main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th a span.sort-arrow-down, .main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th a span.sort-arrow-default {
  height: 7px;
  width: 7px;
  background-size: 7px 7px;
  background-position: bottom center;
  background-repeat: no-repeat;
}
.main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th a span.sort-arrow-up::before, .main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th a span.sort-arrow-down::before {
  font-size: 5px;
  color: #804294;
  color: var(--main_bg_icon_color, #804294) !important;
}
.main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th a span.sort-arrow-default {
  height: 10px;
  width: 10px;
  color: #804294;
  color: var(--main_bg_icon_color, #804294) !important;
  background-size: unset;
  background-position: center;
}
.main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th a.select-all-switch {
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th a.select-all-switch .checkbox {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: text-bottom;
  margin-right: 7px;
  border: 1px solid;
  border-color: #9665A6;
  border-color: var(--option_btn_on_color, #9665A6) !important;
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}
.main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th a.select-all-switch.checked .checkbox {
  font-size: 15px;
  font-weight: 700;
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
}
.main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th a.select-all-switch .checkbox-label {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th a.select-all-switch .checkbox {
  width: 15px;
  height: 15px;
  margin: 0 auto;
}
.main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th a.select-all-switch .checkbox::before {
  font-size: 11px;
}
.main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th:hover, .main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th.sorted {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
}
.main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th:hover span, .main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th.sorted span {
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
}
.main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th:hover .sort-arrow-default::before, .main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th:hover .sort-arrow-up::before, .main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th:hover .sort-arrow-down::before, .main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th.sorted .sort-arrow-default::before, .main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th.sorted .sort-arrow-up::before, .main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th.sorted .sort-arrow-down::before {
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
}
.main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody .fav-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody .fav-wrapper .fav-heart-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody .fav-wrapper .fav-heart-icon .mark-favorite {
  display: inline-flex;
}
.main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody .fav-wrapper .fav-heart-icon .mark-favorite .vi.icon_results_image_favorite_off {
  font-size: 14px;
}
.main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody .fav-wrapper .fav-heart-icon .mark-favorite .path2 {
  color: #804294;
  color: var(--option_btn_off_icon_color, #804294) !important;
  font-size: 14px;
}
.main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody .fav-wrapper .fav-heart-icon .mark-favorite .path3 {
  color: #FFFFFF;
  color: var(--option_btn_off_color, #FFFFFF) !important;
}
.main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody .fav-wrapper .fav-heart-icon .mark-favorite.favorited .path2 {
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
}
.main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody .fav-wrapper .fav-heart-icon .mark-favorite.favorited .path3 {
  color: #9665A6;
  color: var(--option_btn_on_color, #9665A6) !important;
}
.main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody .select-container {
  display: flex;
  align-items: center;
  justify-content: center;
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 5;
}
.main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody .select-container .select-switch {
  height: 20px;
  margin-top: 3px;
  text-decoration: none;
}
.main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody .select-container .select-switch .checkbox {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: text-bottom;
  margin-right: 7px;
  border: 1px solid;
  border-color: #9665A6;
  border-color: var(--option_btn_on_color, #9665A6) !important;
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}
.main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody .select-container .select-switch.checked .checkbox {
  font-size: 15px;
  font-weight: 700;
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
}
.main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody .select-container .select-switch .checkbox-label {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody .select-container .select-switch .checkbox {
  width: 15px;
  height: 15px;
  margin: 0 auto;
}
.main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody .select-container .select-switch .checkbox::before {
  font-size: 11px;
}
.main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody .diamond-available-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 25px;
  width: 25px;
}
.main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody .diamond-available-wrapper .yes, .main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody .diamond-available-wrapper .no {
  display: inline-flex;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody .diamond-available-wrapper .yes {
  background-color: #7ED321;
}
.main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody .diamond-available-wrapper .no {
  background-color: #d0021b;
}
.main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody tr {
  border: 1px solid transparent;
  cursor: pointer;
}
.main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody tr:nth-child(even) {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
.main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody tr:nth-child(even) .select-container {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
.main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody tr:nth-child(odd) {
  color: #F4F4F4;
  color: var(--main_bg_color, #F4F4F4) !important;
}
.main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody tr:nth-child(odd) .select-container {
  background-color: #F4F4F4;
  background-color: var(--main_bg_color, #F4F4F4) !important;
}
.main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody tr.selected {
  background-color: #652E77;
  background-color: var(--menu_btn_active_color, #652E77) !important;
}
.main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody tr.selected .select-container {
  background-color: #652E77;
  background-color: var(--menu_btn_active_color, #652E77) !important;
}
.main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody tr:hover {
  border: 1px solid;
  border-color: #9665A6;
  border-color: var(--option_btn_on_color, #9665A6) !important;
  border-style: double;
}
.main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody tr td {
  position: relative;
}
.main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody tr td .cell {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody tr td .cell.vendor_name, .main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody tr td .cell.location, .main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody tr td .cell.color, .main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody tr td .cell.comment, .main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody tr td .cell.inscription {
  width: 80px;
}
.main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody tr td .cell.stock_num {
  width: 100px;
}
.main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody tr td.meas_length {
  width: 110px;
}
.main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody tr td.company_name, .main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody tr td.item_location, .main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody tr td.color {
  width: 80px;
}
.main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody tr td.stock_num {
  width: 100px;
}
.main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody tr td.like {
  width: 45px;
}
.main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody tr td.available {
  width: 65px;
}
.main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody tr td.cps {
  min-width: 20px;
}
.main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody tr td.flour {
  min-width: 25px;
}
.main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody tr td.minw_30 {
  min-width: 30px;
}
.main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody tr td.branding_logo {
  width: 30px;
}
.main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody tr td.branding_logo div {
  height: 30px;
  width: 30px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody tr td {
  font-size: 12px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  line-height: 22px;
}
.main-container .scrollable-content .classic-view table {
  width: 100%;
  margin: 20px auto 3px auto;
  table-layout: auto;
}
.main-container .scrollable-content .classic-view table,
.main-container .scrollable-content .classic-view td,
.main-container .scrollable-content .classic-view th {
  border-collapse: collapse;
}
.main-container .scrollable-content .classic-view th,
.main-container .scrollable-content .classic-view td {
  font-size: 12px;
  text-align: center;
}
.main-container .scrollable-content .classic-view .classic-view-table-header {
  transition: 0.2s linear;
}
.main-container .scrollable-content .classic-view .classic-view-table-header table {
  width: 100%;
}
.main-container .scrollable-content .classic-view .classic-view-table-header table thead tr th {
  font-size: 12px;
  text-align: center;
  line-height: 25px;
  text-overflow: ellipsis;
  border-color: #ffffff;
  border-width: 0 1px;
  border-style: solid;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
.main-container .scrollable-content .classic-view .classic-view-table-header table thead tr th.company_name, .main-container .scrollable-content .classic-view .classic-view-table-header table thead tr th.item_location {
  width: 80px;
}
.main-container .scrollable-content .classic-view .classic-view-table-header table thead tr th.meas_length {
  width: 110px;
}
.main-container .scrollable-content .classic-view .classic-view-table-header table thead tr th.stock_num {
  width: 100px;
}
.main-container .scrollable-content .classic-view .classic-view-table-header table thead tr th.like {
  width: 45px;
}
.main-container .scrollable-content .classic-view .classic-view-table-header table thead tr th.available {
  width: 65px;
}
.main-container .scrollable-content .classic-view .classic-view-table-header table thead tr th.like {
  width: 45px;
}
.main-container .scrollable-content .classic-view .classic-view-table-header table thead tr th.available {
  width: 65px;
}
.main-container .scrollable-content .classic-view .classic-view-table-header table thead tr th.color {
  min-width: 50px;
}
.main-container .scrollable-content .classic-view .classic-view-table-header table thead tr th a {
  text-decoration: none;
  position: relative;
  display: inline-block;
  width: 100%;
}
.main-container .scrollable-content .classic-view .classic-view-table-header table thead tr th a span {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  margin: 0 auto;
  display: inline-block;
}
.main-container .scrollable-content .classic-view .classic-view-table-header table thead tr th a span.sort-arrow-up, .main-container .scrollable-content .classic-view .classic-view-table-header table thead tr th a span.sort-arrow-down, .main-container .scrollable-content .classic-view .classic-view-table-header table thead tr th a span.sort-arrow-default {
  height: 7px;
  width: 7px;
  background-size: 7px 7px;
  background-position: bottom center;
  background-repeat: no-repeat;
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
}
.main-container .scrollable-content .classic-view .classic-view-table-header table thead tr th a span.sort-arrow-up::before, .main-container .scrollable-content .classic-view .classic-view-table-header table thead tr th a span.sort-arrow-down::before {
  font-size: 5px;
  color: #804294;
  color: var(--main_bg_icon_color, #804294) !important;
}
.main-container .scrollable-content .classic-view .classic-view-table-header table thead tr th a span.sort-arrow-default {
  height: 10px;
  width: 10px;
  color: #804294;
  color: var(--main_bg_icon_color, #804294) !important;
  background-size: unset;
  background-position: center;
  position: absolute;
  right: 2.5%;
  transform: translateY(-60%);
}
.main-container .scrollable-content .classic-view .classic-view-table-header table thead tr th:hover, .main-container .scrollable-content .classic-view .classic-view-table-header table thead tr th.sorted {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
}
.main-container .scrollable-content .classic-view .classic-view-table-header table thead tr th:hover span, .main-container .scrollable-content .classic-view .classic-view-table-header table thead tr th.sorted span {
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
}
.main-container .scrollable-content .classic-view .classic-view-table-header table thead tr th:hover .sort-arrow-default::before, .main-container .scrollable-content .classic-view .classic-view-table-header table thead tr th:hover .sort-arrow-up::before, .main-container .scrollable-content .classic-view .classic-view-table-header table thead tr th:hover .sort-arrow-down::before, .main-container .scrollable-content .classic-view .classic-view-table-header table thead tr th.sorted .sort-arrow-default::before, .main-container .scrollable-content .classic-view .classic-view-table-header table thead tr th.sorted .sort-arrow-up::before, .main-container .scrollable-content .classic-view .classic-view-table-header table thead tr th.sorted .sort-arrow-down::before {
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
}
.main-container .scrollable-content .search-page-loading {
  text-align: center;
  align-content: center;
  width: 100%;
  height: 100px;
  padding: 20px;
}
.main-container .scrollable-content .bulk_order_add {
  font-size: medium;
}
.top-bar {
  position: relative;
}
.top-bar .sort-filter {
  width: 281px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  overflow: hidden;
  background-color: #292735;
  background-color: var(--menu_bg_color, #292735) !important;
}
.top-bar .sort-filter.showing, .top-bar .sort-filter.hiding {
  transition: all 500ms cubic-bezier(0.675, 0.17, 0.245, 0.795);
}
.top-bar .sort-filter.showing {
  max-height: 1000px !important;
}
.top-bar .sort-filter.hiding {
  max-height: 0px !important;
}
.top-bar .sort-filter .actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 15px;
}
.top-bar .sort-filter .actions .done {
  display: inline-flex;
  border: 1px solid #ffffff;
  border-radius: 19.5px;
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.29);
  height: 39px;
  width: 95px;
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
  margin-right: 10px;
  font-size: 13px;
  line-height: 12px;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.top-bar .sort-filter .sort-label, .top-bar .sort-filter .available-sort-label {
  display: inline-flex;
  width: 100%;
  color: #FFFFFF;
  color: var(--menu_bg_font_color, #FFFFFF) !important;
}
.top-bar .sort-filter .sort-filter-header {
  position: relative;
  color: #FFFFFF;
  color: var(--menu_btn_static_font_color, #FFFFFF) !important;
}
.top-bar .sort-filter .sort-filter-header .sort-label {
  line-height: 72px;
  font-size: 18px;
  justify-content: center;
}
.top-bar .sort-filter .sort-filter-header .sort-filter-icon {
  left: 10%;
}
.top-bar .sort-filter .sort-filter-header .close-sort-filter {
  cursor: pointer;
  right: 7.5%;
}
.top-bar .sort-filter .sort-filter-body {
  height: 625px;
  overflow: scroll;
}
.top-bar .sort-filter .available-sort-label {
  line-height: 36px;
  font-size: 14px;
  padding-left: 8%;
}
.top-bar .sort-filter #available-sort-filters, .top-bar .sort-filter .ui-sortable {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.top-bar .sort-filter #available-sort-filters > li {
  line-height: 0;
}
.top-bar .sort-filter #available-sort-filters > li a {
  cursor: default;
  display: inline-flex;
  background-color: #3E3D49;
  background-color: var(--menu_btn_static_color, #3E3D49) !important;
  color: #FFFFFF;
  color: var(--menu_btn_static_font_color, #FFFFFF) !important;
  font-size: 13px;
  line-height: 48px;
  border-bottom: 1px solid;
  border-bottom-color: #292735;
  border-bottom-color: var(--menu_bg_color, #292735) !important;
  padding-left: 90px;
  width: 100%;
  position: relative;
  text-decoration: none;
}
.top-bar .sort-filter .sort-icon {
  left: 17.5%;
}
.top-bar .sort-filter .add-icon {
  left: 5%;
  cursor: pointer;
}
.top-bar .sort-filter .applied-filters ul {
  padding: 0;
}
.top-bar .sort-filter .applied-filters .added-filter {
  list-style-type: none;
}
.top-bar .sort-filter .applied-filters .added-filter .selected-filter {
  background-color: #652E77;
  background-color: var(--menu_btn_active_color, #652E77) !important;
  color: #FFFFFF;
  color: var(--menu_btn_active_font_color, #FFFFFF) !important;
  font-size: 13px;
  line-height: 48px;
  border-bottom: 1px solid;
  border-bottom-color: #292735;
  border-bottom-color: var(--menu_bg_color, #292735) !important;
  padding-left: 90px;
  width: 100%;
  position: relative;
}
.top-bar .sort-filter .applied-filters .added-filter .selected-filter .sort-icon {
  left: 17.5%;
}
.top-bar .sort-filter .applied-filters .added-filter .selected-filter .delete-icon {
  left: 5%;
}
.top-bar .sort-filter .applied-filters .added-filter .selected-filter .sort-by-asc-dsc {
  right: 22.5%;
  border-radius: 100%;
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-position: center;
}
.top-bar .sort-filter .applied-filters .added-filter .selected-filter .drag-icon {
  right: 7.5%;
}
@media screen and (max-width: 1266px) {
  .main-container.responsive {
    width: 100%;
    min-width: unset;
  }
  .main-container.responsive .top-bar {
    padding: 10px 5px;
  }
}
@media screen and (max-width: 1266px) and (min-width: 1024px) and (max-width: 1266px) {
  .main-container.responsive .top-bar .top-left {
    width: auto;
  }
  .main-container.responsive .top-bar .top-left .search-results h1 {
    font-size: 22px;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 1266px) and (max-width: 1023px) {
  .main-container.responsive .top-bar .top-left {
    width: 50px;
  }
  .main-container.responsive .top-bar .top-left .search-results {
    display: none;
  }
}
@media screen and (max-width: 1266px) {
  .main-container.responsive .top-bar .top-left .filters {
    height: 100%;
    display: flex;
    align-items: center;
    margin-left: 10px;
  }
  .main-container.responsive .top-bar .top-left .filters .category-toggler {
    height: 42px;
    width: 42px;
  }
}
@media screen and (max-width: 1266px) and (max-width: 586px) {
  .main-container.responsive .top-bar .top-left .filters .category-toggler {
    height: 35px;
    width: 35px;
  }
}
@media screen and (max-width: 1266px) {
  .main-container.responsive .top-bar .top-right {
    flex-grow: 1;
  }
}
@media screen and (max-width: 1266px) and (max-width: 586px) {
  .main-container.responsive .top-bar .top-right .switch-views {
    margin: 0 10px 0 5px;
    display: flex;
  }
  .main-container.responsive .top-bar .top-right .switch-views a {
    font-size: 20px;
  }
  .main-container.responsive .top-bar .top-right .search-actions a {
    width: auto;
    height: 35px;
    font-size: 11px;
    line-height: 12px;
    text-align: center;
    margin-right: 5px;
  }
  .main-container.responsive .top-bar .top-right .search-actions a.save-search {
    height: 35px;
    width: 35px;
  }
}
@media screen and (max-width: 1266px) and (max-width: 420px) {
  .main-container.responsive .top-bar.list .top-left {
    width: 0;
  }
}
@media screen and (max-width: 1266px) and (min-width: 769px) and (max-width: 1023px) {
  .main-container.responsive .results-count {
    display: block;
  }
}
@media screen and (max-width: 1266px) and (max-width: 768px) {
  .main-container.responsive .results-count.iframe {
    display: block;
  }
  .main-container.responsive .filtered-categories {
    justify-content: space-between;
  }
  .main-container.responsive .filtered-categories .image-only-switch-wrapper {
    justify-content: space-between;
  }
}
@media screen and (max-width: 1266px) {
  .main-container.responsive .scrollable-content {
    overflow: scroll;
  }
}
@media screen and (max-width: 1266px) and (max-width: 698px) {
  .main-container.responsive .grid-view .row {
    overflow: hidden;
    justify-content: space-between !important;
  }
  .main-container.responsive .grid-view .row .boxed {
    height: unset !important;
    max-width: 49.5% !important;
    padding: 0;
  }
  .main-container.responsive .grid-view .row .boxed .image-container {
    max-height: unset !important;
    width: 100%;
    padding-bottom: 100%;
  }
  .main-container.responsive .grid-view .row .boxed .image-container .image-cover, .main-container.responsive .grid-view .row .boxed .image-container img {
    height: 100% !important;
    width: 100% !important;
    position: absolute;
  }
  .main-container.responsive .grid-view .row .boxed .image-container .availability {
    height: 10px !important;
    width: 10px !important;
  }
  .main-container.responsive .grid-view .row .boxed .image-container .icon_results_image_favorite_off .path1, .main-container.responsive .grid-view .row .boxed .image-container .icon_results_image_favorite_off .path2, .main-container.responsive .grid-view .row .boxed .image-container .icon_results_image_favorite_off .path3 {
    font-size: 20px !important;
  }
  .main-container.responsive .grid-view .row .boxed .box-footer {
    height: 60px;
  }
  .main-container.responsive .grid-view .row .boxed .box-footer .item .detail {
    padding: 8px 0 2px !important;
  }
  .main-container.responsive .grid-view .row .boxed .box-footer .item .shape-size-color {
    font-size: 11px !important;
    line-height: 11px !important;
  }
  .main-container.responsive .grid-view .row .boxed .box-footer .price-actions .price {
    font-size: 15px !important;
  }
  .main-container.responsive .grid-view .row .boxed .box-footer .action {
    width: 40px !important;
  }
  .main-container.responsive .grid-view .row .boxed .box-footer .action .dots_v {
    font-size: 30px !important;
  }
}
.customTooltip {
  position: relative;
}
.customTooltip + .tooltipText {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  opacity: 0;
  transition: opacity 400ms;
  padding: 5px;
  line-height: 1.5;
}
.customTooltip + .tooltipText:after {
  content: " ";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent black transparent;
}
.customTooltip.statusTooltip + .tooltipText {
  top: 50%;
  left: calc(100% + 10px);
  transform: translateY(-50%);
}
.customTooltip.statusTooltip + .tooltipText.width_available {
  width: 152px;
}
.customTooltip.statusTooltip + .tooltipText.width_unavailable {
  width: 226px;
}
.customTooltip.statusTooltip + .tooltipText:after {
  top: 50%;
  right: 100%;
  margin-top: -5px;
  border-color: transparent black transparent transparent;
  bottom: unset;
  left: unset;
  margin-left: 0;
}
.customTooltip.logoTooltip + .tooltipText {
  top: 0;
  left: unset;
  right: calc(100% + 10px);
  transform: translateY(0);
}
.customTooltip.logoTooltip + .tooltipText:after {
  top: 15px;
  left: 100%;
  margin-top: -5px;
  border-color: transparent transparent transparent black;
  bottom: unset;
  right: unset;
  margin-left: 0;
}
.customTooltip:hover + .tooltipText {
  visibility: visible;
  opacity: 1;
}
@media (min-width: 320px) and (max-width: 359px) {
  .scrollable-content .no-image-label {
    font-size: 10px !important;
    padding-top: 12px !important;
  }
  .scrollable-content .box-data .image-container.diamond-no-image-placeholder svg {
    width: 86px !important;
    height: 86px !important;
  }
  .scrollable-content .box-data .image-container.diamond-no-image-placeholder .svg-box span {
    font-size: 86px !important;
  }
}
@media (min-width: 360px) and (max-width: 600px) {
  .scrollable-content .no-image-label {
    font-size: 11px !important;
    padding-top: 12px !important;
  }
  .scrollable-content .box-data .image-container.diamond-no-image-placeholder svg {
    width: 100px !important;
    height: 102px !important;
  }
  .scrollable-content .box-data .image-container.diamond-no-image-placeholder .svg-box span {
    font-size: 100px !important;
  }
}
.bulk-action-stats-container {
  position: relative;
}
.bulk-action-stats-container .bulk-action-stats .data {
  display: flex;
  margin-right: 25px;
}
.bulk-action-stats-container .bulk-action-stats .data .label {
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  font-size: 14px;
}
.bulk-action-stats-container .bulk-action-stats .data .value {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-size: 14px;
  font-weight: 500;
  margin-left: 5px;
}
@media screen and (max-width: 650px) {
  .bulk-action-stats-container .bulk-action-stats {
    justify-content: space-around !important;
  }
  .bulk-action-stats-container .bulk-action-stats .data {
    flex-direction: column;
    margin-right: 0 !important;
  }
  .bulk-action-stats-container .bulk-action-stats .data .value {
    margin-left: unset;
  }
}
.content-wrapper .main-container {
  min-width: unset;
}
.content-wrapper .main-container .search-form-container .search-filter {
  display: flex;
  align-items: center;
  margin: 0 auto;
  width: 1080px;
}
@media (min-width: 768px) and (max-width: 1145px) {
  .content-wrapper .main-container .search-form-container .search-filter.responsive {
    width: 800px;
    flex-direction: column;
  }
  .content-wrapper .main-container .search-form-container .search-filter.responsive .content {
    width: 540px;
    text-align: center;
    margin-top: 10px;
  }
  .content-wrapper .main-container .search-form-container .search-filter.responsive .filters {
    width: 540px;
  }
  .content-wrapper .main-container .search-form-container .search-filter.responsive .filters .search-by-report {
    left: unset;
    margin-left: 0 !important;
  }
  .content-wrapper .main-container .search-form-container .search-filter.responsive.iframe .filters {
    justify-content: center !important;
  }
  .content-wrapper .main-container .search-form-container .search-filter.responsive .search-report-no-field {
    justify-content: space-between !important;
  }
}
@media (min-width: 768px) and (max-width: 865px) {
  .content-wrapper .main-container .search-form-container .search-filter.responsive {
    width: 600px;
  }
}
@media (min-width: 600px) and (max-width: 768px) {
  .content-wrapper .main-container .search-form-container .search-filter.responsive {
    width: 540px;
    flex-direction: column;
  }
  .content-wrapper .main-container .search-form-container .search-filter.responsive .content {
    display: none;
  }
  .content-wrapper .main-container .search-form-container .search-filter.responsive.iframe .content {
    display: flex;
    justify-content: center;
  }
}
@media (min-width: 414px) and (max-width: 600px) {
  .content-wrapper .main-container .search-form-container .search-filter.responsive {
    width: 100%;
    flex-direction: column;
    padding: 0 !important;
  }
  .content-wrapper .main-container .search-form-container .search-filter.responsive.iframe {
    flex-direction: row !important;
  }
  .content-wrapper .main-container .search-form-container .search-filter.responsive.iframe .content {
    width: 45% !important;
    display: flex;
  }
  .content-wrapper .main-container .search-form-container .search-filter.responsive.iframe .content .title {
    margin-left: 10px;
    font-size: 22px !important;
  }
  .content-wrapper .main-container .search-form-container .search-filter.responsive.iframe .filters {
    width: 55% !important;
  }
  .content-wrapper .main-container .search-form-container .search-filter.responsive .content {
    display: none;
  }
  .content-wrapper .main-container .search-form-container .search-filter.responsive .filters {
    width: 100% !important;
  }
  .content-wrapper .main-container .search-form-container .search-filter.responsive .filters .new-search {
    width: 80px !important;
  }
  .content-wrapper .main-container .search-form-container .search-filter.responsive .filters .new-search button {
    width: 75px !important;
    font-size: 12px !important;
    margin: 0 !important;
  }
  .content-wrapper .main-container .search-form-container .search-filter.responsive .filters .clear-search {
    width: 95px !important;
  }
  .content-wrapper .main-container .search-form-container .search-filter.responsive .filters .clear-search button {
    width: 95px !important;
    font-size: 12px !important;
    padding: 12px 10px !important;
  }
  .content-wrapper .main-container .search-form-container .search-filter.responsive .filters .search-by-report .report-number {
    padding: 14px 0 14px 25px !important;
  }
  .content-wrapper .main-container .search-form-container .search-filter.responsive .search-report-no-field {
    justify-content: space-between !important;
  }
}
@media screen and (max-width: 413px) {
  .content-wrapper .main-container .search-form-container .search-filter.responsive {
    width: 100%;
    flex-direction: column;
    padding: 0 !important;
  }
  .content-wrapper .main-container .search-form-container .search-filter.responsive .content {
    display: none;
  }
  .content-wrapper .main-container .search-form-container .search-filter.responsive .filters {
    width: 100% !important;
  }
  .content-wrapper .main-container .search-form-container .search-filter.responsive .filters .new-search {
    width: 75px !important;
  }
  .content-wrapper .main-container .search-form-container .search-filter.responsive .filters .new-search button {
    width: 70px !important;
    font-size: 10px !important;
    margin: 0 !important;
  }
  .content-wrapper .main-container .search-form-container .search-filter.responsive .filters .clear-search {
    width: 70px !important;
  }
  .content-wrapper .main-container .search-form-container .search-filter.responsive .filters .clear-search button {
    width: 70px !important;
    font-size: 8px !important;
    font-weight: bolder;
    padding: 12px 10px !important;
  }
  .content-wrapper .main-container .search-form-container .search-filter.responsive .filters .search-by-report .report-number {
    padding: 14px 0 14px 10px !important;
    font-size: 10px;
  }
  .content-wrapper .main-container .search-form-container .search-filter.responsive.iframe {
    flex-direction: row !important;
  }
  .content-wrapper .main-container .search-form-container .search-filter.responsive.iframe .content {
    width: 45% !important;
    display: flex;
  }
  .content-wrapper .main-container .search-form-container .search-filter.responsive.iframe .content .title {
    margin-left: 10px;
    font-size: 18px !important;
  }
  .content-wrapper .main-container .search-form-container .search-filter.responsive.iframe .filters {
    width: 55% !important;
    justify-content: flex-end !important;
  }
  .content-wrapper .main-container .search-form-container .search-filter.responsive .search-report-no-field {
    justify-content: space-between !important;
  }
}
.content-wrapper .main-container .search-form-container .search-filter .content h1.title {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-size: 30px;
  line-height: 36px;
  font-weight: 400;
}
.content-wrapper .main-container .search-form-container .search-filter .filters {
  padding: 10px 0;
  display: flex;
  justify-content: flex-end;
  position: relative;
  flex-wrap: wrap;
  flex-grow: 1;
  z-index: 1;
}
@media (min-width: 480px) and (max-width: 768px) {
  .content-wrapper .main-container .search-form-container .search-filter .filters {
    width: 100%;
    justify-content: center;
  }
  .content-wrapper .main-container .search-form-container .search-filter .filters .search-by-report {
    margin-left: 0 !important;
  }
}
.content-wrapper .main-container .search-form-container .search-filter .filters .search-by-report {
  display: flex;
  background-color: #ffffff;
  border-radius: 25px;
  position: absolute;
  left: 10px;
}
.content-wrapper .main-container .search-form-container .search-filter .filters .search-by-report .vi.icon_search_small {
  position: absolute;
  top: 16px;
  right: 5%;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
}
.content-wrapper .main-container .search-form-container .search-filter .filters .search-by-report .vi.icon_search_small.selected {
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
}
.content-wrapper .main-container .search-form-container .search-filter .filters .search-by-report.responsive {
  position: relative;
  margin-right: 24px;
  margin-left: 24px;
  flex-grow: 1;
  left: 0;
}
@media screen and (max-width: 480px) {
  .content-wrapper .main-container .search-form-container .search-filter .filters .search-by-report.responsive {
    margin-right: 10px;
    margin-left: 0 !important;
  }
}
@media (min-width: 865px) and (max-width: 1145px) {
  .content-wrapper .main-container .search-form-container .search-filter .filters .search-by-report.responsive {
    margin-right: 10px !important;
    margin-left: 0;
  }
}
.content-wrapper .main-container .search-form-container .search-filter .filters .search-by-report .report-number {
  outline: none;
  color: rgba(42, 40, 49, 0.6);
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  background-color: #ffffff;
  border-radius: 100px;
  height: 50px;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_static, #FFFFFF) !important;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  border: 1px solid;
  border-color: #BFBFC3;
  border-color: var(--input_field_line_static, #BFBFC3) !important;
  padding: 14px 0 14px 30px;
}
.content-wrapper .main-container .search-form-container .search-filter .filters .search-by-report .report-number::-webkit-input-placeholder {
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
}
.content-wrapper .main-container .search-form-container .search-filter .filters .search-by-report .report-number:-moz-placeholder {
  /* Firefox 18- */
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
}
.content-wrapper .main-container .search-form-container .search-filter .filters .search-by-report .report-number::-moz-placeholder {
  /* Firefox 19+ */
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
}
.content-wrapper .main-container .search-form-container .search-filter .filters .search-by-report .report-number:-ms-input-placeholder {
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
}
.content-wrapper .main-container .search-form-container .search-filter .filters .search-by-report .report-number:focus {
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_active, #FFFFFF) !important;
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
  border: 1px solid;
  border-color: #804294;
  border-color: var(--input_field_line_active, #804294) !important;
  box-shadow: none;
}
.content-wrapper .main-container .search-form-container .search-filter .filters .search-by-report .report-number:focus::-webkit-input-placeholder {
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
}
.content-wrapper .main-container .search-form-container .search-filter .filters .search-by-report .report-number:focus:-moz-placeholder {
  /* Firefox 18- */
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
}
.content-wrapper .main-container .search-form-container .search-filter .filters .search-by-report .report-number:focus::-moz-placeholder {
  /* Firefox 19+ */
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
}
.content-wrapper .main-container .search-form-container .search-filter .filters .search-by-report .report-number:focus:-ms-input-placeholder {
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
}
.content-wrapper .main-container .search-form-container .search-filter .filters .search-by-report typeahead-container.dropdown {
  border: none;
  width: 100%;
  border-radius: 0 0 25px 25px;
  margin-top: 0;
  padding-left: 20px;
  padding-right: 20px;
}
.content-wrapper .main-container .search-form-container .search-filter .filters .search-by-report typeahead-container.dropdown .dropdown-item {
  padding: 0;
  border-bottom: 1px solid #ffffff;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
.content-wrapper .main-container .search-form-container .search-filter .filters .search-by-report typeahead-container.dropdown .dropdown-item span {
  padding-left: 10px;
  width: 100%;
  display: inline-block;
  line-height: 40px;
}
.content-wrapper .main-container .search-form-container .search-filter .filters .search-by-report typeahead-container.dropdown .dropdown-item span.selected-supplier {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
  background-position: right 10px top 12px;
}
.content-wrapper .main-container .search-form-container .search-filter .filters .search-by-report.open {
  border-radius: 25px 25px 0 0;
}
.content-wrapper .main-container .search-form-container .search-filter .filters .search-btns {
  display: flex;
}
.content-wrapper .main-container .search-form-container .search-filter .filters .clear-search {
  margin-right: 10px;
}
.content-wrapper .main-container .search-form-container .search-filter .filters .clear-search button {
  width: 104.86px;
  margin-right: 10px;
  display: inline-flex;
  border-radius: 100px;
  font-size: 14px;
  line-height: 18px;
  padding: 15px 10px;
  border: 2px solid;
  justify-content: center;
  align-items: center;
  background-color: transparent !important;
  outline: none;
  border-color: #804294;
  border-color: var(--action_btn_secondary_color, #804294) !important;
  color: #804294;
  color: var(--action_btn_secondary_font_color, #804294) !important;
  font-size: 14px;
  opacity: 0.8;
}
.content-wrapper .main-container .search-form-container .search-filter .filters .new-search button {
  font-size: 14px;
  font-weight: 500;
  width: 104.86px;
  border-radius: 100px;
  border: none;
  padding: 14px 0;
  margin-right: 10px;
  outline: none;
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
  cursor: pointer;
}
.content-wrapper .main-container .search-form-container .bottom-section {
  width: 1080px;
  margin: 15px auto;
}
@media (min-width: 865px) and (max-width: 1145px) {
  .content-wrapper .main-container .search-form-container .bottom-section.responsive {
    width: 800px;
  }
}
@media (min-width: 768px) and (max-width: 865px) {
  .content-wrapper .main-container .search-form-container .bottom-section.responsive {
    width: 600px;
  }
}
@media (min-width: 600px) and (max-width: 768px) {
  .content-wrapper .main-container .search-form-container .bottom-section.responsive {
    width: 540px;
  }
}
@media screen and (max-width: 600px) {
  .content-wrapper .main-container .search-form-container .bottom-section.responsive {
    width: 100%;
  }
}
.content-wrapper .main-container .search-form-container .bottom-section .selected-search-values {
  height: 20px;
}
.content-wrapper .main-container .search-form-container .bottom-section .filters {
  display: flex;
  justify-content: flex-end;
  justify-content: center;
}
.content-wrapper .main-container .search-form-container .bottom-section .filters .clear-search button {
  font-weight: 500;
  width: 104.86px;
  border-radius: 100px;
  border: none;
  padding: 14px 0;
  margin-right: 10px;
  outline: none;
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
  cursor: pointer;
}
.content-wrapper .main-container .search-form-container .bottom-section .filters .new-search button {
  font-weight: 500;
  width: 104.86px;
  border-radius: 100px;
  border: none;
  padding: 14px 0;
  margin-right: 10px;
  outline: none;
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
  cursor: pointer;
}
.content-wrapper .main-container .search-form-container .form-section .form {
  display: flex;
  flex-direction: column;
}
.content-wrapper .main-container .search-form-container .form-section .form .form-fields {
  justify-content: center;
  margin: unset;
}
.content-wrapper .main-container .search-form-container .form-section .form .form-fields .left-section {
  padding: 0;
}
.content-wrapper .main-container .search-form-container .form-section .form .form-fields .right-section {
  padding: 0 0 0 2px;
}
@media screen and (max-width: 768px) {
  .content-wrapper .main-container .search-form-container .form-section .form .form-fields .right-section {
    padding: 0;
  }
}
.content-wrapper .main-container .search-form-container .form-section .form .form-fields .right-section .blank-container {
  height: 78px;
  margin-bottom: 3px;
}
@media screen and (max-width: 1145px) {
  .content-wrapper .main-container .search-form-container .form-section .form .form-fields .right-section .blank-container {
    display: none;
  }
}
.content-wrapper .main-container .search-form-container .form-section .form .form-fields .left-section, .content-wrapper .main-container .search-form-container .form-section .form .form-fields .right-section {
  width: 540px;
  flex: unset !important;
}
.content-wrapper .main-container .search-form-container .form-section .form .form-fields .left-section.responsive, .content-wrapper .main-container .search-form-container .form-section .form .form-fields .right-section.responsive {
  max-width: 540px;
}
@media screen and (max-width: 1024px) {
  .content-wrapper .main-container .search-form-container .form-section .form .form-fields .left-section.responsive, .content-wrapper .main-container .search-form-container .form-section .form .form-fields .right-section.responsive {
    width: 100%;
  }
}
.shapes-container {
  display: flex;
  justify-content: space-between;
}
.shapes-container .inner-container {
  position: relative;
  width: 474px;
  height: 75px;
  overflow: hidden;
  height: 78px;
}
.shapes-container .inner-container .icon-container .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
}
.shapes-container .inner-container .icon-container .icon-label {
  padding-bottom: 10px;
}
.shapes-container .show-more {
  display: block;
  width: 50px;
  height: 78px;
  font-size: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.shapes-container .show-more:before {
  color: #804294;
  color: var(--main_bg_icon_color, #804294) !important;
}
.shapes-container .shapes {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  position: absolute;
  padding: 5px 0px;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
.shapes-container .shapes .cover {
  margin-bottom: 20px;
}
.shapes-container .shapes .cover .icon_shape_sig81:before {
  margin: 0 auto;
  font-size: 38px;
  line-height: 48px;
}
.shapes-container .shapes .cover a {
  cursor: pointer;
  font-size: 28px;
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  color: #804294;
  color: var(--option_btn_off_font_color, #804294) !important;
}
.shapes-container .shapes .cover a.shape-selected {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
}
.shapes-container .shapes .cover a.icon_shape_trapezoid {
  font-size: 20px;
}
.shapes-container .shapes .less-shapes-wrapper {
  display: flex;
  width: 100%;
  height: 35px;
  justify-content: flex-end;
}
.shapes-container .shapes .less-shapes-wrapper .less-shapes {
  height: 10px;
  width: 70px;
  font-size: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-repeat: no-repeat;
  background-position: center;
}
.shapes-container .shapes .less-shapes-wrapper .less-shapes:before {
  color: #804294;
  color: var(--main_bg_icon_color, #804294) !important;
}
.carat-container {
  display: flex;
}
.carat-container .icon-container .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 25px;
}
.carat-container .carat-inner {
  display: flex;
  padding: 10px 0;
  width: 80%;
  justify-content: center;
}
.carat-container .carat-inner input {
  border: none;
  border-bottom: 1px solid;
  border-bottom-color: #804294;
  border-bottom-color: var(--main_bg_icon_color, #804294) !important;
  background-color: transparent;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  outline: none;
  width: 105px;
  text-align: center;
}
@media (min-width: 768px) and (max-width: 865px) {
  .carat-container .carat-inner input {
    max-width: 70px;
  }
}
@media screen and (max-width: 768px) {
  .carat-container .carat-inner input {
    font-size: 17px !important;
    width: 75%;
  }
}
.carat-container .carat-inner input:focus {
  border: none;
}
.carat-container .carat-inner .min .icon-label {
  text-align: center;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  width: 105px;
}
@media (min-width: 768px) and (max-width: 865px) {
  .carat-container .carat-inner .min .icon-label {
    max-width: 70px;
  }
}
@media screen and (max-width: 768px) {
  .carat-container .carat-inner .min .icon-label {
    width: 75%;
  }
}
.carat-container .carat-inner .min .min-input {
  font-weight: 500;
  font-size: 24px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  line-height: 0;
}
@media screen and (max-width: 768px) {
  .carat-container .carat-inner .min .min-input {
    font-size: 17px;
  }
}
.carat-container .carat-inner .to {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 10px;
}
@media screen and (min-width: 1024px) {
  .carat-container .carat-inner .to {
    margin: 0 30px;
  }
}
.carat-container .carat-inner .max .icon-label {
  text-align: center;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  width: 105px;
}
@media (min-width: 768px) and (max-width: 865px) {
  .carat-container .carat-inner .max .icon-label {
    max-width: 70px;
  }
}
@media screen and (max-width: 768px) {
  .carat-container .carat-inner .max .icon-label {
    width: 75%;
  }
}
.carat-container .carat-inner .max .max-input {
  font-weight: 500;
  font-size: 24px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  line-height: 0;
}
@media screen and (max-width: 768px) {
  .carat-container .carat-inner .max .max-input {
    font-size: 17px;
  }
}
.colors-container {
  display: flex;
  justify-content: space-between;
}
.colors-container .inner-container {
  position: relative;
  width: 474px;
  height: 75px;
  overflow: hidden;
  height: 78px;
}
.colors-container .inner-container .hidden-colors .to {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 15px;
  height: 50px;
}
.colors-container .show-more {
  display: block;
  width: 50px;
  height: 78px;
  font-size: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.colors-container .show-more:before {
  color: #804294;
  color: var(--main_bg_icon_color, #804294) !important;
}
.colors-container .colors {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  position: absolute;
  padding: 5px 0px;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  padding: 12px 0;
}
.colors-container .colors .icon-container .icon {
  font-size: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.colors-container .colors .icon-container .icon-label {
  padding-bottom: 5px;
}
.colors-container .colors .cover {
  height: 60px;
  margin-bottom: 10px;
}
.colors-container .colors .show-less {
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  height: 20px;
  width: 20px;
  font-size: 8px;
  position: absolute;
  right: 30px;
  bottom: 0;
}
.colors-container .colors .show-less:before {
  color: #804294;
  color: var(--main_bg_icon_color, #804294) !important;
}
.colors-container .colors .cover a {
  color: #6C2C81;
  font-weight: 500;
  font-size: 14px;
  text-decoration: none;
  line-height: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  color: #804294;
  color: var(--option_btn_off_font_color, #804294) !important;
}
.colors-container .colors .cover a.color-selected {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
}
.colors-container.multipleRows .inner-container {
  height: 159px !important;
}
@media screen and (max-width: 550px) {
  .colors-container.multipleRows .inner-container {
    height: 225px !important;
  }
}
.fancy-container {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.fancy-container .icon-container .icon {
  font-size: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.fancy-container .icon-container .icon-label {
  padding-bottom: 10px;
}
.fancy-container .btn-pills {
  width: 85%;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 480px) {
  .fancy-container .btn-pills {
    width: 78%;
  }
}
.fancy-container .btn-pills .btn-group {
  width: 90%;
  align-items: center;
}
.fancy-container .btn-pills .btn-group button {
  width: 33.3%;
  height: 35px;
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  color: #804294;
  color: var(--option_btn_off_font_color, #804294) !important;
  border-color: unset;
  border: 1px solid rgba(48, 56, 97, 0.2);
  border-top: 0;
  box-shadow: 0 2px 4px 0 rgba(48, 56, 97, 0.2);
  outline: none;
  position: relative;
  font-size: 14px;
}
.fancy-container .btn-pills .btn-group button:first-child {
  border-radius: 20px 0 0 20px;
}
.fancy-container .btn-pills .btn-group button:last-child {
  border-radius: 0 20px 20px 0;
}
.fancy-container .btn-pills .btn-group button:only-child {
  border-radius: 20px;
}
.fancy-container .btn-pills .btn-group button .switch_checkmark_white {
  color: #9665A6;
  color: var(--option_btn_on_color, #9665A6) !important;
  font-weight: bolder;
  margin-right: 5px;
}
.fancy-container .btn-pills .btn-group button .notch {
  position: absolute;
  bottom: -30px;
  left: 50%;
  background-color: #DBDBDF;
  background-color: var(--main_bg_secondary_highlight_color, #DBDBDF) !important;
  display: block;
  height: 15px;
  width: 15px;
  transform: rotate(45deg);
}
.fancy-container .btn-pills .btn-group button .notch.active {
  border: 1px solid;
  border-right: 0;
  border-bottom: 0;
  z-index: 2;
  border-color: #9665A6;
  border-color: var(--option_btn_on_color, #9665A6) !important;
}
.fancy-container .btn-pills .btn-group button.selected {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
}
@media screen and (max-width: 420px) {
  .fancy-container .btn-pills .btn-group button {
    font-size: 10px;
  }
}
.fancy-container .fancy-selected {
  width: 100%;
  display: flex;
  margin: 0 10px;
}
.fancy-container .fancy-selected > div {
  width: 33.3%;
  height: 81px;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  background-color: #DBDBDF;
  background-color: var(--main_bg_secondary_highlight_color, #DBDBDF) !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fancy-container .fancy-selected > div:not(:last-child) {
  margin-right: 5px;
}
.fancy-container .fancy-selected > div .selected-fancy-colors {
  display: flex;
  align-items: center;
  justify-content: center;
}
.fancy-container .fancy-selected > div .selected-fancy-colors .cover {
  margin-bottom: 0;
  width: 60px;
}
.fancy-container .fancy-selected > div .selected-fancy-colors .cover .circle {
  border: 3px solid;
  border-color: #9665A6;
  border-color: var(--option_btn_on_color, #9665A6) !important;
}
.fancy-container .fancy-selected > div .selected-fancy-colors .cover .icon-label .fancy-label {
  font-size: 10px;
}
.fancy-container .fancy-selected > div .selected-fancy-overtone {
  display: flex;
  justify-content: space-between;
  width: 98%;
  align-items: center;
}
.fancy-container .fancy-selected > div .selected-fancy-overtone .overtone-list {
  display: flex;
  flex-wrap: wrap;
  width: 115px;
  align-content: space-between;
}
.fancy-container .fancy-selected > div .selected-fancy-overtone .overtone-list .overtones {
  width: 115px;
  height: 20px;
  border-radius: 5px;
  font-size: 14px;
  padding: 0 5px;
  margin: 2px 0;
  cursor: pointer;
  color: #FFFFFF;
  color: var(--option_btn_off_color, #FFFFFF) !important;
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
}
.fancy-container .fancy-selected > div .selected-fancy-overtone .overtone-list .overtones .label {
  width: 95px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}
.fancy-container .fancy-selected > div .selected-fancy-overtone .overtone-list .overtones .icon_sort_cancel {
  width: 10px;
  float: right;
  margin-top: 5px;
}
.fancy-container .fancy-selected > div .selected-fancy-overtone .extra {
  margin: unset;
}
.fancy-container .fancy-selected > div .selected-fancy-intensity {
  display: flex;
  flex-wrap: wrap;
  width: 120px;
  justify-content: center;
}
.fancy-container .fancy-selected > div .selected-fancy-intensity a {
  height: 25px;
  color: #FFFFFF;
  color: var(--option_btn_off_color, #FFFFFF) !important;
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  margin: unset;
}
.fancy-container .fancy-selected .extra {
  display: flex;
  height: 45px;
  width: 45px;
  border-radius: 50%;
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  justify-content: center;
  align-items: center;
  margin: 0 7px 20px;
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.29);
  cursor: pointer;
  color: #9665A6;
  color: var(--option_btn_on_color, #9665A6) !important;
}
@media screen and (max-width: 530px) {
  .fancy-container .fancy-selected {
    flex-wrap: wrap;
    height: 81px;
    overflow: hidden;
  }
  .fancy-container .fancy-selected > div {
    width: 100%;
    margin-right: 0px !important;
    margin-bottom: 5px;
  }
  .fancy-container .fancy-selected.show-expanded {
    height: 260px;
  }
  .fancy-container .fancy-selected .selected-fancy-overtone {
    justify-content: space-evenly !important;
  }
}
.fancy-container .fancy-color-container {
  display: flex;
  width: 100% !important;
  height: 81px;
  padding: 10px 0;
  overflow: hidden;
  position: absolute;
  top: 78px;
  background-color: #DBDBDF;
  background-color: var(--main_bg_secondary_highlight_color, #DBDBDF) !important;
}
.fancy-container .fancy-color-container .colors {
  display: flex;
  flex-wrap: wrap;
  width: 90%;
}
.fancy-container .fancy-color-container.expanded {
  z-index: 999;
  height: auto;
  border: 1px solid;
  border-color: #9665A6;
  border-color: var(--option_btn_on_color, #9665A6) !important;
}
.fancy-container .fancy-color-container.expanded .colors {
  width: 100%;
}
.fancy-container .fancy-color-container.expanded .colors .cover {
  width: 75px;
}
.fancy-container .fancy-overtone-container {
  display: flex;
  width: 100% !important;
  height: 81px;
  padding: 10px 0 20px;
  overflow: hidden;
  position: absolute;
  top: 78px;
  background-color: #DBDBDF;
  background-color: var(--main_bg_secondary_highlight_color, #DBDBDF) !important;
}
.fancy-container .fancy-overtone-container .overtones {
  display: flex;
  flex-wrap: wrap;
  width: 90%;
  justify-content: center;
}
.fancy-container .fancy-overtone-container .overtones .pill {
  height: 35px;
  display: flex;
  width: 22%;
  margin: 15px 5px;
  font-size: 14px;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 20px;
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.29);
  cursor: pointer;
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  color: #804294;
  color: var(--option_btn_off_font_color, #804294) !important;
}
.fancy-container .fancy-overtone-container .overtones .pill.selected {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
}
@media screen and (max-width: 480px) {
  .fancy-container .fancy-overtone-container .overtones .pill {
    width: 28%;
  }
}
.fancy-container .fancy-overtone-container.expanded {
  z-index: 999;
  height: auto;
  border: 1px solid;
  border-color: #9665A6;
  border-color: var(--option_btn_on_color, #9665A6) !important;
}
.fancy-container .fancy-overtone-container.expanded .overtones {
  width: 100%;
  justify-content: flex-start;
}
.fancy-container .fancy-overtone-container.expanded .overtones .pill {
  margin: 5px;
}
.fancy-container .fancy-intensity-container {
  display: flex;
  width: 100% !important;
  height: 81px;
  padding: 10px 0;
  overflow: hidden;
  position: absolute;
  top: 78px;
  background-color: #DBDBDF;
  background-color: var(--main_bg_secondary_highlight_color, #DBDBDF) !important;
}
.fancy-container .fancy-intensity-container .intensities {
  display: flex;
  flex-wrap: wrap;
  width: 90%;
  justify-content: center;
}
.fancy-container .fancy-intensity-container .intensities .pill {
  height: 35px;
  display: flex;
  width: 22%;
  margin: 15px 5px;
  font-size: 14px;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 20px;
  cursor: pointer;
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.29);
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  color: #804294;
  color: var(--option_btn_off_font_color, #804294) !important;
}
.fancy-container .fancy-intensity-container .intensities .pill.selected {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
}
@media screen and (max-width: 480px) {
  .fancy-container .fancy-intensity-container .intensities .pill {
    width: 30%;
  }
}
.fancy-container .fancy-intensity-container.expanded {
  z-index: 999;
  height: auto;
  border: 1px solid;
  border-color: #9665A6;
  border-color: var(--option_btn_on_color, #9665A6) !important;
}
.fancy-container .fancy-intensity-container.expanded .intensities {
  width: 100%;
  justify-content: flex-start;
}
.fancy-container .fancy-intensity-container.expanded .intensities .pill {
  margin: 5px;
}
.fancy-container .cover {
  height: 70px;
  margin-bottom: 15px;
}
.fancy-container .cover .circle {
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
}
.fancy-container .cover .circle.selected-fancy {
  border: 3px solid;
  border-color: #9665A6;
  border-color: var(--option_btn_on_color, #9665A6) !important;
}
.fancy-container .fancy-color.yellow {
  background-image: url("../webapp/svg/fancy_icons/icon_fancy_yellow@2x.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px 40px;
}
.fancy-container .fancy-color.orange {
  background-image: url("../webapp/svg/fancy_icons/icon_fancy_orange@2x.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px 40px;
}
.fancy-container .fancy-color.pink {
  background-image: url("../webapp/svg/fancy_icons/icon_fancy_pink@2x.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px 40px;
}
.fancy-container .fancy-color.blue {
  background-image: url("../webapp/svg/fancy_icons/icon_fancy_blue@2x.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px 40px;
}
.fancy-container .fancy-color.green {
  background-image: url("../webapp/svg/fancy_icons/icon_fancy_green@2x.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px 40px;
}
.fancy-container .fancy-color.other {
  background-image: url("../webapp/svg/fancy_icons/icon_fancy_other@2x.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px 40px;
}
.fancy-container .fancy-color.pink-brown {
  background-image: url("../webapp/svg/fancy_icons/icon_fancy_pink-brown@2x.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px 40px;
}
.fancy-container .fancy-color.brown-pink {
  background-image: url("../webapp/svg/fancy_icons/icon_fancy_brown-pink@2x.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px 40px;
}
.fancy-container .fancy-color.green-blue {
  background-image: url("../webapp/svg/fancy_icons/icon_fancy_green-blue@2x.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px 40px;
}
.fancy-container .fancy-color.brown {
  background-image: url("../webapp/svg/fancy_icons/icon_fancy_brown@2x.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px 40px;
}
.fancy-container .fancy-color.red {
  background-image: url("../webapp/svg/fancy_icons/icon_fancy_red@2x.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px 40px;
}
.fancy-container .fancy-color.white {
  background-image: url("../webapp/svg/fancy_icons/icon_fancy_white@2x.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px 40px;
}
.fancy-container .fancy-color.violet {
  background-image: url("../webapp/svg/fancy_icons/icon_fancy_violet@2x.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px 40px;
}
.fancy-container .fancy-color.purple {
  background-image: url("../webapp/svg/fancy_icons/icon_fancy_purple@2x.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px 40px;
}
.fancy-container .fancy-color.gray {
  background-image: url("../webapp/svg/fancy_icons/icon_fancy_gray@2x.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px 40px;
}
.fancy-container .fancy-color.olive {
  background-image: url("../webapp/svg/fancy_icons/icon_fancy_olive@2x.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px 40px;
}
.fancy-container .fancy-color.black {
  background-image: url("../webapp/svg/fancy_icons/icon_fancy_black@2x.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px 40px;
}
.fancy-container .fancy-color.green-blue {
  background-position: top;
  background-size: 50px 50px;
}
.fancy-container .fancy-color.other {
  background-image: url("../webapp/svg/fancy_icons/icon_fancy_other@2x.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px 40px;
}
.fancy-container .show-more {
  display: block;
  width: 50px;
  height: 78px;
  font-size: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.fancy-container .show-more:before {
  color: #804294;
  color: var(--main_bg_icon_color, #804294) !important;
}
.fancy-container .show-less {
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  height: 20px;
  width: 20px;
  font-size: 8px;
  position: absolute;
  right: 30px;
  bottom: 0;
}
.fancy-container .show-less:before {
  color: #804294;
  color: var(--main_bg_icon_color, #804294) !important;
}
.clarity-container .wrapper {
  display: flex;
  justify-content: space-between;
}
.clarity-container .wrapper .inner-container {
  position: relative;
  width: 474px;
  height: 75px;
  overflow: hidden;
  height: 78px;
}
.clarity-container .wrapper .inner-container .hidden-clarity .to {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 15px;
  height: 50px;
}
.clarity-container .wrapper .inner-container .clarities {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  position: absolute;
  padding: 5px 0px;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  padding-top: 10px;
}
.clarity-container .wrapper .inner-container .clarities .clarities-container {
  display: flex;
  width: 85%;
  flex-wrap: wrap;
}
.clarity-container .wrapper .inner-container .clarities .icon-container .icon {
  font-size: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.clarity-container .wrapper .inner-container .clarities .icon-container .icon-label {
  padding-bottom: 10px;
}
.clarity-container .wrapper .inner-container .clarities .show-less {
  display: block;
  width: 50px;
  height: 78px;
  font-size: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  background-image: url("../webapp/svg/sort_icons/icon_sort_arrow_up_purple.svg");
  height: 50px;
  width: 75px;
  position: absolute;
  bottom: 0;
  right: 0;
}
.clarity-container .wrapper .inner-container .clarities .show-less:before {
  color: #804294;
  color: var(--main_bg_icon_color, #804294) !important;
}
.clarity-container .wrapper .inner-container .clarities .show-less:before {
  color: #804294;
  color: var(--main_bg_icon_color, #804294) !important;
}
.clarity-container .wrapper .inner-container .clarities .cover {
  margin-bottom: 20px;
}
.clarity-container .wrapper .inner-container .clarities .cover a {
  color: #6C2C81;
  font-weight: 500;
  font-size: 14px;
  text-decoration: none;
  line-height: 14px;
  font-size: 13px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  color: #804294;
  color: var(--option_btn_off_font_color, #804294) !important;
}
.clarity-container .wrapper .inner-container .clarities .cover a.selected-clarity {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
}
.clarity-container .wrapper .inner-container .clarities .hidden-block {
  height: 68px;
}
.clarity-container .wrapper .show-more {
  display: block;
  width: 50px;
  height: 78px;
  font-size: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.clarity-container .wrapper .show-more:before {
  color: #804294;
  color: var(--main_bg_icon_color, #804294) !important;
}
@media (min-width: 865px) and (max-width: 1023px) {
  .clarity-container .wrapper.responsive .clarities-container {
    width: 80% !important;
  }
}
@media screen and (max-width: 865px) {
  .clarity-container .wrapper.responsive .clarities-container {
    width: 73% !important;
  }
}
@media screen and (max-width: 865px) {
  .clarity-container .wrapper.responsive .cover {
    width: 60px;
  }
}
.clarity-container.multipleRows .inner-container {
  height: 159px;
}
@media (min-width: 551px) {
  .clarity-container.multipleRows .inner-container .clarities-container {
    width: 85% !important;
  }
}
@media screen and (max-width: 550px) {
  .clarity-container.multipleRows .inner-container {
    height: 210px;
  }
}
.cut-pol-sym-container .wrapper {
  display: flex;
}
.cut-pol-sym-container .wrapper .inner-container {
  display: flex;
  position: relative;
  width: 474px;
  height: 75px;
  overflow: hidden;
  height: 78px;
  width: 540px;
}
.cut-pol-sym-container .wrapper .inner-container .cps-container {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  position: absolute;
  padding: 5px 0px;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
.cut-pol-sym-container .wrapper .inner-container .cps-container .cut-grades, .cut-pol-sym-container .wrapper .inner-container .cps-container .polish, .cut-pol-sym-container .wrapper .inner-container .cps-container .symmetry, .cut-pol-sym-container .wrapper .inner-container .cps-container .threex-wrapper {
  width: 18%;
  margin-left: 10px;
}
.cut-pol-sym-container .wrapper .inner-container .cps-container .cps {
  display: inline-flex;
  border-radius: 100px;
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.29);
  justify-content: center;
  align-items: center;
  font-weight: 500;
  font-size: 13px;
  margin-bottom: 15px;
  display: flex;
  height: 38.13px;
  width: 100%;
  margin-right: 15px;
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  color: #804294;
  color: var(--option_btn_off_font_color, #804294) !important;
}
.cut-pol-sym-container .wrapper .inner-container .cps-container .cps.selected {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
}
.cut-pol-sym-container .wrapper .inner-container .cps-container .cut-pol-sym {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.cut-pol-sym-container .wrapper .inner-container .cps-container .icon-container .icon {
  font-size: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cut-pol-sym-container .wrapper .inner-container .cps-container .icon-container .icon-label {
  padding-bottom: 10px;
}
.cut-pol-sym-container .wrapper .inner-container .cps-container .show-more-cps {
  font-size: 8px;
  background-repeat: no-repeat;
  background-position: center;
}
.cut-pol-sym-container .wrapper .inner-container .cps-container .threex-wrapper {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-evenly;
}
.cut-pol-sym-container .wrapper .inner-container .cps-container .threex-wrapper > span {
  text-align: center;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-weight: 500;
  font-size: 13px;
  line-height: 10px;
  margin: 5px 0;
}
.cut-pol-sym-container .wrapper .inner-container .cps-container .threex-wrapper .threex-switch, .cut-pol-sym-container .wrapper .inner-container .cps-container .threex-wrapper .ha-switch {
  text-decoration: none;
  display: flex;
  flex-direction: column-reverse;
}
.cut-pol-sym-container .wrapper .inner-container .cps-container .threex-wrapper .threex-switch .checkbox, .cut-pol-sym-container .wrapper .inner-container .cps-container .threex-wrapper .ha-switch .checkbox {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: text-bottom;
  margin-right: 7px;
  border: 1px solid;
  border-color: #9665A6;
  border-color: var(--option_btn_on_color, #9665A6) !important;
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}
.cut-pol-sym-container .wrapper .inner-container .cps-container .threex-wrapper .threex-switch.checked .checkbox, .cut-pol-sym-container .wrapper .inner-container .cps-container .threex-wrapper .ha-switch.checked .checkbox {
  font-size: 15px;
  font-weight: 700;
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
}
.cut-pol-sym-container .wrapper .inner-container .cps-container .threex-wrapper .threex-switch .checkbox-label, .cut-pol-sym-container .wrapper .inner-container .cps-container .threex-wrapper .ha-switch .checkbox-label {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.cut-pol-sym-container .wrapper .inner-container .cps-container .threex-wrapper .threex-switch .checkbox-label, .cut-pol-sym-container .wrapper .inner-container .cps-container .threex-wrapper .ha-switch .checkbox-label {
  font-size: 14px;
  font-weight: 500;
  margin-top: 2px;
  margin-bottom: 10px;
}
.cut-pol-sym-container .wrapper .inner-container .cps-container .show-less {
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  height: 20px;
  width: 20px;
  font-size: 8px;
  position: absolute;
  right: 5%;
  bottom: 7%;
  transform: translateX(50%);
}
.cut-pol-sym-container .wrapper .inner-container .cps-container .show-less:before {
  color: #804294;
  color: var(--main_bg_icon_color, #804294) !important;
}
.cut-pol-sym-container .wrapper .inner-container .cps-container.cps-hidden .threex-wrapper.single-switch {
  justify-content: center;
}
@media screen and (max-width: 400px) {
  .cut-pol-sym-container .wrapper.responsive .icon-container .icon-label span {
    display: none;
  }
  .cut-pol-sym-container .wrapper.responsive .icon-container .icon-label:after {
    content: "Cut";
    font-size: 13px;
    font-weight: 500;
    color: #292735;
    color: var(--main_bg_font_color, #292735) !important;
  }
}
@media (min-width: 865px) and (max-width: 1145px) {
  .cut-pol-sym-container .wrapper.responsive .cps-container > div:not(:first-child) {
    width: 16%;
  }
  .cut-pol-sym-container .wrapper.responsive .cps-container .cps.selected {
    font-size: 10px;
  }
}
@media screen and (max-width: 512px) {
  .cut-pol-sym-container .wrapper.responsive .cps-container > div:not(:first-child) {
    width: 17%;
  }
  .cut-pol-sym-container .wrapper.responsive .cps-container .cut-title {
    font-size: 11px;
    font-weight: 600;
  }
  .cut-pol-sym-container .wrapper.responsive .cps-container .cps.selected {
    font-size: 10px;
  }
  .cut-pol-sym-container .wrapper.responsive .cps-container .cps {
    font-size: 10px;
  }
  .cut-pol-sym-container .wrapper.responsive .cps-container .cps.selected {
    font-size: 8px;
  }
}
@media (max-width: 1145px) {
  .cut-pol-sym-container .wrapper.responsive .cps-container .icon-container {
    margin-right: 0;
  }
}
.fluor-container .wrapper {
  display: flex;
}
.fluor-container .wrapper .icon-container .icon {
  font-size: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.fluor-container .wrapper .inner-container .fluors {
  padding-top: 18px;
}
.fluor-container .wrapper .inner-container .fluors .fluor-button {
  display: inline-flex;
  border-radius: 100px;
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.29);
  justify-content: center;
  align-items: center;
  font-weight: 500;
  font-size: 13px;
  margin-bottom: 15px;
  height: 39px;
  width: 72px !important;
  margin-right: 6px;
  cursor: pointer;
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  color: #804294;
  color: var(--option_btn_off_font_color, #804294) !important;
}
.fluor-container .wrapper .inner-container .fluors .fluor-button.selected {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
}
.fluor-container .wrapper .inner-container .fluors .fluor-button .tooltipText {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
@media screen and (max-width: 560px), (min-width: 768px) and (max-width: 1145px) {
  .fluor-container .wrapper .inner-container.responsive {
    width: 80%;
  }
}
@media (min-width: 560px) and (max-width: 1145px) {
  .fluor-container .wrapper .inner-container.responsive .fluor-button {
    width: 65px !important;
  }
}
@media screen and (max-width: 560px) {
  .fluor-container .wrapper .inner-container.responsive .fluor-button {
    width: 28% !important;
  }
}
.lab-container .wrapper {
  display: flex;
  justify-content: space-between;
}
.lab-container .wrapper .show-more {
  display: block;
  width: 50px;
  height: 78px;
  font-size: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.lab-container .wrapper .show-more:before {
  color: #804294;
  color: var(--main_bg_icon_color, #804294) !important;
}
.lab-container .wrapper .inner-container {
  display: flex;
  width: 416px;
  position: relative;
  width: 474px;
  height: 75px;
  overflow: hidden;
  height: 78px;
}
.lab-container .wrapper .inner-container .labs-container {
  display: flex;
  width: 85%;
  flex-wrap: wrap;
}
@media (min-width: 865px) and (max-width: 1023px) {
  .lab-container .wrapper .inner-container .labs-container.responsive {
    width: 80%;
  }
}
@media screen and (max-width: 500px), (min-width: 768px) and (max-width: 865px) {
  .lab-container .wrapper .inner-container .labs-container.responsive {
    width: 73%;
  }
}
.lab-container .wrapper .inner-container .labs {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  position: absolute;
  padding: 5px 0px;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  padding-top: 12px;
}
.lab-container .wrapper .inner-container .labs .icon-container .icon {
  font-size: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.lab-container .wrapper .inner-container .labs .icon-container .icon-label {
  padding-bottom: 10px;
}
.lab-container .wrapper .inner-container .labs .show-less {
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  height: 20px;
  width: 20px;
  font-size: 8px;
  position: absolute;
  right: 30px;
  bottom: 30px;
}
.lab-container .wrapper .inner-container .labs .show-less:before {
  color: #804294;
  color: var(--main_bg_icon_color, #804294) !important;
}
.lab-container .wrapper .inner-container .labs .cover {
  margin-bottom: 20px;
}
@media screen and (max-width: 500px), (min-width: 768px) and (max-width: 865px) {
  .lab-container .wrapper .inner-container .labs .cover {
    width: 60px;
  }
}
.lab-container .wrapper .inner-container .labs .cover a {
  color: #6C2C81;
  font-weight: 500;
  font-size: 14px;
  text-decoration: none;
  line-height: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  color: #804294;
  color: var(--option_btn_off_font_color, #804294) !important;
  text-align: center;
}
.lab-container .wrapper .inner-container .labs .cover a.selected {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
}
.location-container .inner-container {
  position: relative;
  width: 474px;
  height: 75px;
  overflow: hidden;
  height: 78px;
  width: 100%;
}
.location-container .inner-container.expanded {
  width: 100% !important;
}
.location-container .inner-container .hidden-location {
  align-items: center !important;
  justify-content: flex-start !important;
}
.location-container .inner-container .hidden-location .show-more {
  display: block;
  width: 50px;
  height: 78px;
  font-size: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  position: absolute;
  right: 0;
}
.location-container .inner-container .hidden-location .show-more:before {
  color: #804294;
  color: var(--main_bg_icon_color, #804294) !important;
}
.location-container .inner-container .location {
  display: flex;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  position: absolute;
  padding: 5px 0px;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  flex-wrap: nowrap;
  padding: 0;
  justify-content: space-between;
}
.location-container .inner-container .location.open {
  height: 400px;
}
.location-container .inner-container .location .item {
  margin-right: 10px;
  position: relative;
}
.location-container .inner-container .location .item > a {
  height: 20px;
  width: 20px;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
  display: inline-flex;
  left: 8px;
}
.location-container .inner-container .location .item > span {
  display: inline-flex;
  max-width: 107px;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  padding: 8px 8px 8px 30px;
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.29);
  border-radius: 5px;
  padding-left: 8px;
}
.location-container .inner-container .location .icon-container {
  position: relative;
}
.location-container .inner-container .location .icon-container .icon {
  font-size: 25px;
  width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.location-container .inner-container .location .icon-container .icon-label {
  padding-bottom: 10px;
}
.location-container .inner-container .location .icon-container .selected-places {
  max-height: 220px;
  overflow-y: auto;
  position: absolute;
  margin-top: 10px;
}
.location-container .inner-container .location .icon-container .selected-places .item {
  margin-bottom: 10px;
  position: relative;
}
.location-container .inner-container .location .icon-container .selected-places .item > a {
  height: 20px;
  width: 20px;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
  display: inline-flex;
  left: 8px;
}
.location-container .inner-container .location .icon-container .selected-places .item > span {
  display: inline-flex;
  max-width: 107px;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  padding: 8px 8px 8px 30px;
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.29);
  border-radius: 5px;
  width: 107px;
}
.location-container .inner-container .location .location-select {
  position: relative;
  margin: 11px 10px 16px 0px;
  background: white;
  border-radius: 25px;
  max-width: 400px;
  width: 100%;
  height: 51px;
}
.location-container .inner-container .location .location-select input {
  border: none;
  border-bottom: 1px solid;
  border-bottom-color: #804294;
  border-bottom-color: var(--main_bg_icon_color, #804294) !important;
  background-color: transparent;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  outline: none;
  border: none;
  padding-left: 30px;
  height: 51.35px;
  max-width: 400px;
  width: 100%;
  background: transparent;
  border-radius: unset;
  font-size: 13px;
  font-weight: 500;
}
.location-container .inner-container .location .location-select input:focus {
  box-shadow: none;
}
.location-container .inner-container .location .location-select .vi.icon_search_small {
  position: absolute;
  top: 16px;
  right: 5%;
}
.location-container .inner-container .location .location-select typeahead-container.dropdown {
  border: none;
  width: 100%;
  border-radius: 0 0 25px 25px;
  margin-top: 0;
  padding-left: 20px;
  padding-right: 20px;
}
.location-container .inner-container .location .location-select typeahead-container.dropdown .dropdown-item {
  padding: 0;
  border-bottom: 1px solid #ffffff;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  position: relative;
}
.location-container .inner-container .location .location-select typeahead-container.dropdown .dropdown-item .data {
  padding-left: 10px;
  width: 100%;
  display: inline-block;
  line-height: 40px;
}
.location-container .inner-container .location .location-select typeahead-container.dropdown .dropdown-item .data .icon {
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  right: 10%;
  font-weight: 700;
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
  display: none;
}
.location-container .inner-container .location .location-select typeahead-container.dropdown .dropdown-item .data.selected-location {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
  background-position: right 10px top 12px;
}
.location-container .inner-container .location .location-select typeahead-container.dropdown .dropdown-item .data.selected-location .icon {
  display: inline;
}
.location-container .inner-container .location .location-select.open {
  border-radius: 25px 25px 0 0;
}
.location-container .inner-container .location .show-less {
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  height: 20px;
  width: 20px;
  font-size: 8px;
  position: absolute;
  right: 30px;
  bottom: 30px;
}
.location-container .inner-container .location .show-less:before {
  color: #804294;
  color: var(--main_bg_icon_color, #804294) !important;
}
.supplier-container .inner-container {
  position: relative;
  width: 474px;
  height: 75px;
  overflow: hidden;
  height: 78px;
  width: 100%;
}
.supplier-container .inner-container.expanded {
  width: 100% !important;
}
.supplier-container .inner-container .hidden_suppliers {
  align-items: center !important;
  justify-content: flex-start !important;
}
.supplier-container .inner-container .hidden_suppliers .show-more {
  display: block;
  width: 50px;
  height: 78px;
  font-size: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  position: absolute;
  right: 0;
}
.supplier-container .inner-container .hidden_suppliers .show-more:before {
  color: #804294;
  color: var(--main_bg_icon_color, #804294) !important;
}
.supplier-container .inner-container .supplier {
  display: flex;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  position: absolute;
  padding: 5px 0px;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  flex-wrap: nowrap;
  padding: 0;
  justify-content: space-between;
}
.supplier-container .inner-container .supplier.open {
  height: 400px;
}
.supplier-container .inner-container .supplier .item {
  margin-right: 10px;
  position: relative;
}
.supplier-container .inner-container .supplier .item > a {
  height: 20px;
  width: 20px;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
  display: inline-flex;
  left: 8px;
}
.supplier-container .inner-container .supplier .item > span {
  display: inline-flex;
  max-width: 107px;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  padding: 8px 8px 8px 30px;
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.29);
  border-radius: 5px;
  padding-left: 8px;
  max-width: 120px !important;
  overflow-wrap: anywhere !important;
  word-break: break-all !important;
}
.supplier-container .inner-container .supplier .icon-container {
  position: relative;
}
.supplier-container .inner-container .supplier .icon-container .icon {
  font-size: 22px;
  width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 320px) and (max-width: 413px) {
  .supplier-container .inner-container .supplier .icon-container .selected-suppliers {
    width: 300px !important;
    display: flex;
    flex-wrap: wrap;
    overflow-wrap: anywhere;
    word-break: break-all !important;
  }
}
@media (min-width: 414px) and (max-width: 769px) {
  .supplier-container .inner-container .supplier .icon-container .selected-suppliers {
    width: 393px !important;
    display: flex;
    flex-wrap: wrap;
    overflow-wrap: anywhere;
    word-break: break-all !important;
  }
}
.supplier-container .inner-container .supplier .icon-container .selected-suppliers {
  margin-top: 10px;
  max-height: 220px !important;
  overflow-y: auto;
  position: absolute;
  display: flex;
  width: 520px;
  flex-wrap: wrap;
  overflow-wrap: anywhere;
  word-break: break-all !important;
}
.supplier-container .inner-container .supplier .icon-container .selected-suppliers .item {
  margin-bottom: 10px;
  position: relative;
}
.supplier-container .inner-container .supplier .icon-container .selected-suppliers .item > a {
  height: 20px;
  width: 20px;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
  display: inline-flex;
  left: 8px;
  top: 15px !important;
}
.supplier-container .inner-container .supplier .icon-container .selected-suppliers .item > span {
  display: inline-flex;
  max-width: 107px;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  padding: 8px 8px 8px 30px;
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.29);
  border-radius: 5px;
  width: 120px !important;
}
.supplier-container .inner-container .supplier .supplier-select {
  position: relative;
  margin: 11px 10px 16px 0px;
  background: white;
  border-radius: 25px;
  max-width: 400px;
  width: 100%;
  height: 51px;
}
.supplier-container .inner-container .supplier .supplier-select input {
  border: none;
  border-bottom: 1px solid;
  border-bottom-color: #804294;
  border-bottom-color: var(--main_bg_icon_color, #804294) !important;
  background-color: transparent;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  outline: none;
  border: none;
  padding-left: 30px;
  height: 51.35px;
  max-width: 400px;
  width: 100%;
  font-size: 13px;
  font-weight: 500;
  background: transparent;
  border-radius: unset;
}
.supplier-container .inner-container .supplier .supplier-select input:focus {
  box-shadow: none;
}
.supplier-container .inner-container .supplier .supplier-select .vi.icon_search_small {
  position: absolute;
  top: 16px;
  right: 5%;
}
.supplier-container .inner-container .supplier .supplier-select typeahead-container.dropdown {
  border: none;
  width: 100%;
  border-radius: 0 0 25px 25px;
  margin-top: 0;
  padding-left: 20px;
  padding-right: 20px;
}
.supplier-container .inner-container .supplier .supplier-select typeahead-container.dropdown .dropdown-item {
  padding: 0;
  border-bottom: 1px solid #ffffff;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  position: relative;
}
.supplier-container .inner-container .supplier .supplier-select typeahead-container.dropdown .dropdown-item .data {
  padding-left: 10px;
  width: 100%;
  display: inline-block;
  line-height: 40px;
  line-height: 35px !important;
  white-space: initial !important;
  overflow-wrap: anywhere;
  word-break: break-all !important;
}
@media (min-width: 320px) and (max-width: 414px) {
  .supplier-container .inner-container .supplier .supplier-select typeahead-container.dropdown .dropdown-item .data .icon {
    right: 3% !important;
  }
}
.supplier-container .inner-container .supplier .supplier-select typeahead-container.dropdown .dropdown-item .data .icon {
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  right: 3%;
  display: none;
  font-weight: 700;
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
}
@media (min-width: 320px) and (max-width: 414px) {
  .supplier-container .inner-container .supplier .supplier-select typeahead-container.dropdown .dropdown-item .data.selected-supplier {
    padding-right: 30px !important;
  }
}
.supplier-container .inner-container .supplier .supplier-select typeahead-container.dropdown .dropdown-item .data.selected-supplier {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
  background-position: right 10px top 12px;
  white-space: initial !important;
  padding-right: 35px;
  line-height: 35px !important;
  overflow-wrap: anywhere;
  word-break: break-all !important;
}
.supplier-container .inner-container .supplier .supplier-select typeahead-container.dropdown .dropdown-item .data.selected-supplier .icon {
  display: inline;
}
.supplier-container .inner-container .supplier .supplier-select.open {
  border-radius: 25px 25px 0 0;
}
.supplier-container .inner-container .supplier .show-less {
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  height: 20px;
  width: 20px;
  font-size: 8px;
  position: absolute;
  right: 30px;
  bottom: 30px;
}
.supplier-container .inner-container .supplier .show-less:before {
  color: #804294;
  color: var(--main_bg_icon_color, #804294) !important;
}
.depth-table-container .wrapper {
  display: flex;
}
.depth-table-container .wrapper .depth-wrapper {
  display: flex;
  align-items: center;
  width: 100%;
  height: 78px;
  border: 1px solid transparent;
}
.depth-table-container .wrapper .depth-wrapper .icon-container {
  height: 77px;
}
.depth-table-container .wrapper .depth-wrapper .icon-container .icon {
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.depth-table-container .wrapper .depth-wrapper .depth-container {
  display: flex;
  width: 80%;
  justify-content: center;
}
.depth-table-container .wrapper .depth-wrapper .depth-container .depth {
  text-align: center;
  font-weight: 500;
  font-size: 24px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  line-height: 0;
}
.depth-table-container .wrapper .depth-wrapper .depth-container .depth span {
  font-size: 18px;
}
@media (min-width: 768px) and (max-width: 865px) {
  .depth-table-container .wrapper .depth-wrapper .depth-container .depth span {
    font-size: 12px;
  }
}
.depth-table-container .wrapper .depth-wrapper .depth-container .depth input {
  width: 50%;
  border: none;
  border-bottom: 1px solid;
  border-bottom-color: #804294;
  border-bottom-color: var(--main_bg_icon_color, #804294) !important;
  background-color: transparent;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  outline: none;
  font-size: 20px;
  font-weight: 500;
}
.depth-table-container .wrapper .depth-wrapper .depth-container .depth input:focus {
  border: none;
}
@media (min-width: 768px) and (max-width: 865px) {
  .depth-table-container .wrapper .depth-wrapper .depth-container .depth input {
    font-size: 14px;
  }
}
.depth-table-container .wrapper .depth-wrapper .depth-container .to {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  line-height: 18px;
  margin: 0 8px;
}
@media (min-width: 768px) and (max-width: 865px) {
  .depth-table-container .wrapper .depth-wrapper .depth-container .to {
    margin: 0;
  }
}
.depth-table-container .wrapper .depth-wrapper:focus-within {
  border: 2px solid;
  border-color: #804294;
  border-color: var(--main_bg_icon_color, #804294) !important;
}
.depth-table-container .wrapper .table-wrapper {
  width: 100%;
  height: 78px;
  display: flex;
  align-items: center;
  border: 1px solid transparent;
}
.depth-table-container .wrapper .table-wrapper .icon-container {
  height: 77px;
}
.depth-table-container .wrapper .table-wrapper .icon-container .icon {
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.depth-table-container .wrapper .table-wrapper .table-container {
  display: flex;
  width: 80%;
  justify-content: center;
}
.depth-table-container .wrapper .table-wrapper .table-container .table-temp {
  text-align: center;
  font-weight: 500;
  font-size: 24px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  line-height: 0;
}
.depth-table-container .wrapper .table-wrapper .table-container .table-temp span {
  font-size: 18px;
}
@media (min-width: 768px) and (max-width: 865px) {
  .depth-table-container .wrapper .table-wrapper .table-container .table-temp span {
    font-size: 12px;
  }
}
.depth-table-container .wrapper .table-wrapper .table-container .table-temp input {
  border: none;
  border-bottom: 1px solid;
  border-bottom-color: #804294;
  border-bottom-color: var(--main_bg_icon_color, #804294) !important;
  background-color: transparent;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  outline: none;
  font-size: 20px;
  width: 50%;
  font-weight: 500;
}
.depth-table-container .wrapper .table-wrapper .table-container .table-temp input:focus {
  border: none;
}
@media (min-width: 768px) and (max-width: 865px) {
  .depth-table-container .wrapper .table-wrapper .table-container .table-temp input {
    font-size: 14px;
  }
}
.depth-table-container .wrapper .table-wrapper .table-container .to {
  margin: 0 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) and (max-width: 865px) {
  .depth-table-container .wrapper .table-wrapper .table-container .to {
    margin: 0;
  }
}
.depth-table-container .wrapper .table-wrapper:focus-within {
  border: 2px solid;
  border-color: #804294;
  border-color: var(--main_bg_icon_color, #804294) !important;
}
@media screen and (max-width: 1024px) {
  .depth-table-container .wrapper.responsive {
    flex-wrap: wrap;
  }
  .depth-table-container .wrapper.responsive .table-wrapper {
    margin: 2px 0 0 0 !important;
  }
}
.budget-container {
  display: flex;
  border: 1px solid transparent;
  height: 78px;
}
.budget-container .icon-container {
  height: 75px;
}
.budget-container .icon-container .icon {
  font-size: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.budget-container .budget-inner-container {
  display: flex;
  align-items: center;
}
.budget-container .budget-inner-container .budget-min {
  margin-left: 15px;
  text-align: center;
}
.budget-container .budget-inner-container .budget-min .budget-min-label {
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  font-size: 13px;
}
.budget-container .budget-inner-container .budget-min .budget-min-input {
  display: flex;
  align-items: center;
}
.budget-container .budget-inner-container .budget-min .budget-min-input span {
  font-weight: 500;
  font-size: 24px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  line-height: 0;
}
.budget-container .budget-inner-container .budget-min .budget-min-input input {
  font-weight: 500;
  font-size: 24px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  line-height: 0;
  border: none;
  border-bottom: 1px solid;
  border-bottom-color: #804294;
  border-bottom-color: var(--main_bg_icon_color, #804294) !important;
  background-color: transparent;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  outline: none;
  font-size: 18px;
  width: 85%;
}
.budget-container .budget-inner-container .budget-min .budget-min-input input:focus {
  border: none;
}
.budget-container .budget-inner-container .budget-min .budget-min-input input.error {
  border-color: red;
}
.budget-container .budget-inner-container .to {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 15px;
}
.budget-container .budget-inner-container .budget-max {
  text-align: center;
}
.budget-container .budget-inner-container .budget-max .budget-max-label {
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  font-size: 13px;
}
.budget-container .budget-inner-container .budget-max .budget-max-input {
  display: flex;
  align-items: center;
}
.budget-container .budget-inner-container .budget-max .budget-max-input span {
  font-weight: 500;
  font-size: 24px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  line-height: 0;
}
.budget-container .budget-inner-container .budget-max .budget-max-input input {
  font-weight: 500;
  font-size: 24px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  line-height: 0;
  border: none;
  border-bottom: 1px solid;
  border-bottom-color: #804294;
  border-bottom-color: var(--main_bg_icon_color, #804294) !important;
  background-color: transparent;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  outline: none;
  width: 85%;
  font-size: 18px;
}
.budget-container .budget-inner-container .budget-max .budget-max-input input:focus {
  border: none;
}
@media (max-width: 480px) {
  .budget-container .budget-inner-container.responsive {
    flex-wrap: wrap;
  }
  .budget-container .budget-inner-container.responsive .icon-label {
    width: 20%;
    text-align: left;
  }
}
@media (max-width: 480px) {
  .budget-container .budget-inner-container.responsive .budget-min {
    width: 100%;
    margin: 0;
    display: flex;
  }
}
@media (min-width: 768px) and (max-width: 865px) {
  .budget-container .budget-inner-container.responsive .budget-min {
    margin-left: 0;
  }
}
@media (max-width: 480px) {
  .budget-container .budget-inner-container.responsive .budget-min input {
    width: 85% !important;
  }
}
@media (max-width: 565px) {
  .budget-container .budget-inner-container.responsive .budget-min input {
    width: 60%;
    font-size: 15px;
  }
}
@media (max-width: 565px) {
  .budget-container .budget-inner-container.responsive .budget-min span {
    font-size: 15px;
  }
}
@media (max-width: 480px) {
  .budget-container .budget-inner-container.responsive .budget-min .budget-min-input {
    width: 80%;
  }
}
@media (max-width: 565px) {
  .budget-container .budget-inner-container.responsive .budget-min .budget-min-input {
    font-size: 15px;
  }
}
@media (max-width: 480px) {
  .budget-container .budget-inner-container.responsive .to {
    display: none !important;
  }
}
@media (min-width: 481px) and (max-width: 565px) {
  .budget-container .budget-inner-container.responsive .to {
    margin: 5px;
  }
}
@media (max-width: 480px) {
  .budget-container .budget-inner-container.responsive .budget-max {
    width: 100%;
    display: flex;
  }
  .budget-container .budget-inner-container.responsive .budget-max .budget-max-input {
    width: 80%;
  }
}
@media (max-width: 565px) {
  .budget-container .budget-inner-container.responsive .budget-max input {
    width: 60%;
    font-size: 15px;
  }
}
@media (max-width: 480px) {
  .budget-container .budget-inner-container.responsive .budget-max input {
    width: 85%;
  }
}
@media (max-width: 565px) {
  .budget-container .budget-inner-container.responsive .budget-max span {
    font-size: 15px;
  }
}
@media (max-width: 565px) {
  .budget-container .budget-inner-container.responsive .budget-max .budget-max-label {
    font-size: 15px;
  }
}
.budget-container .budget-switch-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 25px;
}
.budget-container .budget-switch-wrapper .budget-switch {
  width: 94px;
  height: 43.69px;
  display: inline-block;
  border-radius: 100px;
  box-shadow: inset -1px 1px 0 0 #EBEBEC;
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  color: #804294;
  color: var(--option_btn_off_font_color, #804294) !important;
}
.budget-container .budget-switch-wrapper .budget-switch:hover {
  color: #804294;
  color: var(--option_btn_off_font_color, #804294) !important;
}
.budget-container .budget-switch-wrapper .budget-switch .total, .budget-container .budget-switch-wrapper .budget-switch .pc {
  width: 44.68px;
  display: inline-block;
  font-weight: 500;
  text-align: center;
  line-height: 44px;
  font-size: 10px;
}
.budget-container .budget-switch-wrapper .budget-switch .total.selected, .budget-container .budget-switch-wrapper .budget-switch .pc.selected {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
  border-radius: 24px;
}
@media (max-width: 565px) {
  .budget-container .budget-switch-wrapper.responsive {
    margin: 10px;
  }
}
@media (min-width: 768px) and (max-width: 865px) {
  .budget-container .budget-switch-wrapper.responsive {
    margin-left: 0;
  }
}
@media (min-width: 866px) and (max-width: 1024px) {
  .budget-container .budget-switch-wrapper.responsive {
    margin: 0 10px;
  }
}
@media (max-width: 1024px) {
  .budget-container .budget-switch-wrapper.responsive .budget-switch {
    width: 75px;
    height: 35px;
  }
  .budget-container .budget-switch-wrapper.responsive .budget-switch .total, .budget-container .budget-switch-wrapper.responsive .budget-switch .pc {
    width: 35px;
    height: 35px;
    font-size: 10px;
    line-height: 35px;
  }
}
.budget-container:focus-within {
  border: 2px solid;
  border-color: #804294;
  border-color: var(--main_bg_icon_color, #804294) !important;
}
.treatment-container {
  display: flex;
}
.treatment-container .icon-container .icon {
  font-size: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.treatment-container .treatment-wrapper {
  display: flex;
  margin-left: 10px;
  width: 100%;
}
.treatment-container .treatment-wrapper > div {
  width: 33.3%;
}
.treatment-container .treatment-wrapper .clarity-enhanced {
  display: flex;
  align-items: center;
}
.treatment-container .treatment-wrapper .clarity-enhanced .clarity-enhanced-switch {
  text-decoration: none;
  display: flex;
  align-items: center;
}
.treatment-container .treatment-wrapper .clarity-enhanced .clarity-enhanced-switch .checkbox {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: text-bottom;
  margin-right: 7px;
  border: 1px solid;
  border-color: #9665A6;
  border-color: var(--option_btn_on_color, #9665A6) !important;
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}
.treatment-container .treatment-wrapper .clarity-enhanced .clarity-enhanced-switch.checked .checkbox {
  font-size: 15px;
  font-weight: 700;
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
}
.treatment-container .treatment-wrapper .clarity-enhanced .clarity-enhanced-switch .checkbox-label {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.treatment-container .treatment-wrapper .hpht {
  display: flex;
  align-items: center;
}
.treatment-container .treatment-wrapper .hpht .hpht-switch {
  text-decoration: none;
  display: flex;
  align-items: center;
}
.treatment-container .treatment-wrapper .hpht .hpht-switch .checkbox {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: text-bottom;
  margin-right: 7px;
  border: 1px solid;
  border-color: #9665A6;
  border-color: var(--option_btn_on_color, #9665A6) !important;
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}
.treatment-container .treatment-wrapper .hpht .hpht-switch.checked .checkbox {
  font-size: 15px;
  font-weight: 700;
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
}
.treatment-container .treatment-wrapper .hpht .hpht-switch .checkbox-label {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.treatment-container .treatment-wrapper .drill {
  display: flex;
  align-items: center;
}
.treatment-container .treatment-wrapper .drill .drill-switch {
  text-decoration: none;
  display: flex;
  align-items: center;
}
.treatment-container .treatment-wrapper .drill .drill-switch .checkbox {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: text-bottom;
  margin-right: 7px;
  border: 1px solid;
  border-color: #9665A6;
  border-color: var(--option_btn_on_color, #9665A6) !important;
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}
.treatment-container .treatment-wrapper .drill .drill-switch.checked .checkbox {
  font-size: 15px;
  font-weight: 700;
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
}
.treatment-container .treatment-wrapper .drill .drill-switch .checkbox-label {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.treatment-container .treatment-wrapper .checkbox-label {
  font-size: 14px;
  line-height: 1.2;
  width: 30px;
  margin-left: 10px;
}
@media screen and (max-width: 530px) {
  .treatment-container.responsive .treatment-wrapper {
    margin: 10px;
    text-align: center;
  }
}
@media screen and (max-width: 430px) {
  .treatment-container.responsive .treatment-wrapper {
    width: 100%;
  }
  .treatment-container.responsive .treatment-wrapper a {
    flex-direction: column;
    width: 100%;
    height: 100%;
  }
  .treatment-container.responsive .treatment-wrapper a .checkbox {
    margin-right: 0 !important;
    margin-bottom: 10px;
  }
  .treatment-container.responsive .treatment-wrapper a .checkbox-label {
    margin-left: 0 !important;
  }
}
.ratio-container {
  display: flex;
}
.ratio-container .icon-container .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 35px;
}
.ratio-container .ratio-inner {
  display: flex;
  padding: 10px 0;
  width: 80%;
  justify-content: center;
}
.ratio-container .ratio-inner input {
  border: none;
  border-bottom: 1px solid;
  border-bottom-color: #804294;
  border-bottom-color: var(--main_bg_icon_color, #804294) !important;
  background-color: transparent;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  outline: none;
  width: 105px;
  text-align: center;
}
@media (min-width: 768px) and (max-width: 865px) {
  .ratio-container .ratio-inner input {
    max-width: 70px;
  }
}
@media screen and (max-width: 768px) {
  .ratio-container .ratio-inner input {
    font-size: 17px !important;
  }
}
.ratio-container .ratio-inner input:focus {
  border: none;
}
.ratio-container .ratio-inner .min .icon-label {
  text-align: center;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  width: 105px;
}
@media (min-width: 768px) and (max-width: 865px) {
  .ratio-container .ratio-inner .min .icon-label {
    max-width: 70px;
  }
}
.ratio-container .ratio-inner .min .min-input {
  font-weight: 500;
  font-size: 24px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  line-height: 0;
}
@media screen and (max-width: 768px) {
  .ratio-container .ratio-inner .min .min-input {
    font-size: 17px;
  }
}
.ratio-container .ratio-inner .to {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 10px;
}
@media screen and (min-width: 1024px) {
  .ratio-container .ratio-inner .to {
    margin: 0 30px;
  }
}
.ratio-container .ratio-inner .max .icon-label {
  text-align: center;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  width: 105px;
}
@media (min-width: 768px) and (max-width: 865px) {
  .ratio-container .ratio-inner .max .icon-label {
    max-width: 70px;
  }
}
.ratio-container .ratio-inner .max .max-input {
  font-weight: 500;
  font-size: 24px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  line-height: 0;
}
@media screen and (max-width: 768px) {
  .ratio-container .ratio-inner .max .max-input {
    font-size: 17px;
  }
}
.measurement-container {
  display: flex;
  flex-wrap: wrap;
}
.measurement-container .icon-container .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 35px;
}
.measurement-container .measurement-inner {
  display: flex;
  padding: 10px 10px;
  width: 29%;
  justify-content: center;
}
.measurement-container .measurement-inner:nth-child(2) {
  border-left: 2px solid;
  border-right: 2px solid;
  border-color: #F4F4F4;
  border-color: var(--main_bg_color, #F4F4F4) !important;
}
.measurement-container .measurement-inner:last-child {
  border-left: 2px solid;
  border-color: #F4F4F4;
  border-color: var(--main_bg_color, #F4F4F4) !important;
}
.measurement-container .measurement-inner input {
  border: none;
  border-bottom: 1px solid;
  border-bottom-color: #804294;
  border-bottom-color: var(--main_bg_icon_color, #804294) !important;
  background-color: transparent;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  outline: none;
  width: 100%;
  text-align: center;
}
@media (min-width: 768px) and (max-width: 865px) {
  .measurement-container .measurement-inner input {
    max-width: 70px;
  }
}
@media screen and (max-width: 768px) {
  .measurement-container .measurement-inner input {
    font-size: 15px !important;
  }
}
.measurement-container .measurement-inner input:focus {
  border: none;
}
.measurement-container .measurement-inner .min .icon-label {
  text-align: center;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  width: 100%;
  line-height: 30px;
}
@media (min-width: 768px) and (max-width: 865px) {
  .measurement-container .measurement-inner .min .icon-label {
    max-width: 70px;
  }
}
.measurement-container .measurement-inner .min .min-input {
  font-weight: 500;
  font-size: 24px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  line-height: 0;
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  .measurement-container .measurement-inner .min .min-input {
    font-size: 15px;
  }
}
.measurement-container .measurement-inner .to {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 10px;
  flex-direction: column;
  align-self: flex-start;
}
.measurement-container .measurement-inner .to .meas_label {
  font-style: 24px;
  line-height: 24px;
  font-weight: 700;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.measurement-container .measurement-inner .max .icon-label {
  text-align: center;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  width: 100%;
  line-height: 30px;
}
@media (min-width: 768px) and (max-width: 865px) {
  .measurement-container .measurement-inner .max .icon-label {
    max-width: 70px;
  }
}
.measurement-container .measurement-inner .max .max-input {
  font-weight: 500;
  font-size: 24px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  line-height: 0;
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  .measurement-container .measurement-inner .max .max-input {
    font-size: 15px;
  }
}
@media screen and (max-width: 500px) {
  .measurement-container .measurement-inner:nth-child(2) {
    flex-grow: 1;
    border-left: 0 !important;
    border-right: 0 !important;
  }
  .measurement-container .measurement-inner:not(:nth-child(2)) {
    width: 100%;
    margin-left: 65px;
    border-left: 0 !important;
    border-right: 0 !important;
  }
}
.notification-container {
  display: flex;
  margin-left: -15px;
}
.notification-container .notification-list {
  background-color: #292735;
  background-color: var(--menu_bg_color, #292735) !important;
}
.notification-container .notification-list .head {
  height: 80px;
  padding-left: 10%;
  border-bottom: 1px solid rgba(55, 54, 64, 0.22);
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
  background-color: #292735;
  background-color: var(--menu_bg_color, #292735) !important;
  display: flex;
  align-items: center;
}
.notification-container .notification-list .head .bell {
  margin-left: 8%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 5%;
  color: #FFFFFF;
  color: var(--menu_bg_icon_color, #FFFFFF) !important;
}
.notification-container .notification-list .head .counter {
  background-color: #d0021b;
  border-radius: 100%;
  color: #ffffff;
  display: inline-block;
  font-size: 15px;
  height: 34px;
  line-height: 34px;
  margin-top: -2px;
  vertical-align: text-top;
  text-align: center;
  width: 34px;
}
.notification-container .notification-list .head .go-back {
  margin-left: 10px;
}
.notification-container .notification-list .head .go-back::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border-top: 3px solid;
  border-left: 3px solid;
  border-color: #292735;
  border-color: var(--main_bg_font_color, #292735) !important;
  transform: rotate(-45deg);
}
.notification-container .notification-list .head .go-back::before {
  border-color: #FFFFFF;
  border-color: var(--menu_bg_icon_color, #FFFFFF) !important;
}
.notification-container .notification-list h1 {
  color: #FFFFFF;
  color: var(--menu_btn_static_font_color, #FFFFFF) !important;
  font-size: 20pt;
  font-weight: 500;
  padding: 0px 0px;
  margin-top: 12px;
  margin-left: 15px;
}
.notification-container .notification-list .scroll-list {
  height: 700px;
  overflow: auto;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
  background-color: #292735;
  background-color: var(--menu_bg_color, #292735) !important;
}
.notification-container .notification-list .scroll-list .mCSB_inside > .mCSB_container {
  margin-right: 5px;
}
.notification-container .notification-list .scroll-list .mCSB_scrollTools {
  width: 8px;
}
.notification-container .notification-list .scroll-list .mCSB_scrollTools .mCSB_draggerRail {
  background-color: rgba(0, 0, 0, 0.05);
}
.notification-container .notification-list .scroll-list ul {
  padding: 0px;
  list-style: none;
}
.notification-container .notification-list .scroll-list ul li {
  margin-top: 2px;
  box-shadow: 1px 1px 0 0 rgba(55, 54, 64, 0.22);
}
.notification-container .notification-list .scroll-list ul li a {
  display: block;
  padding: 10px;
  position: relative;
}
.notification-container .notification-list .scroll-list ul li a.read {
  background-color: #5E5D67;
  background-color: var(--notification_btn_read, #5E5D67) !important;
}
.notification-container .notification-list .scroll-list ul li a.read span.status span {
  color: #FFFFFF;
  color: var(--notification_btn_read_font, #FFFFFF) !important;
}
.notification-container .notification-list .scroll-list ul li a.read span.status .icon {
  color: #FFFFFF;
  color: var(--notification_btn_read_icon, #FFFFFF) !important;
}
.notification-container .notification-list .scroll-list ul li a.read span.text span.person {
  color: #FFFFFF;
  color: var(--notification_btn_read_font, #FFFFFF) !important;
}
.notification-container .notification-list .scroll-list ul li a.read span.text span.message {
  color: #FFFFFF;
  color: var(--notification_btn_read_font, #FFFFFF) !important;
}
.notification-container .notification-list .scroll-list ul li a.read span.arrow::before {
  border-color: #FFFFFF;
  border-color: var(--notification_btn_read_icon, #FFFFFF) !important;
}
.notification-container .notification-list .scroll-list ul li a.unread {
  background-color: #33323F;
  background-color: var(--notification_btn_unread, #33323F) !important;
}
.notification-container .notification-list .scroll-list ul li a.unread span.status span {
  color: #FFFFFF;
  color: var(--notification_btn_unread_font, #FFFFFF) !important;
}
.notification-container .notification-list .scroll-list ul li a.unread span.status .icon {
  color: #FFFFFF;
  color: var(--notification_btn_unread_icon, #FFFFFF) !important;
}
.notification-container .notification-list .scroll-list ul li a.unread span.text span.person {
  color: #FFFFFF;
  color: var(--notification_btn_unread_font, #FFFFFF) !important;
}
.notification-container .notification-list .scroll-list ul li a.unread span.text span.message {
  color: #FFFFFF;
  color: var(--notification_btn_unread_font, #FFFFFF) !important;
}
.notification-container .notification-list .scroll-list ul li a.unread span.arrow::before {
  border-color: #FFFFFF;
  border-color: var(--notification_btn_unread_icon, #FFFFFF) !important;
}
.notification-container .notification-list .scroll-list ul li a.selected {
  background-color: #652E77;
  background-color: var(--notification_btn_active, #652E77) !important;
}
.notification-container .notification-list .scroll-list ul li a.selected span.status span {
  color: #FFFFFF;
  color: var(--notification_btn_active_font, #FFFFFF) !important;
}
.notification-container .notification-list .scroll-list ul li a.selected span.status .icon {
  color: #FFFFFF;
  color: var(--notification_btn_active_icon, #FFFFFF) !important;
}
.notification-container .notification-list .scroll-list ul li a.selected span.text span.person {
  color: #FFFFFF;
  color: var(--notification_btn_active_font, #FFFFFF) !important;
}
.notification-container .notification-list .scroll-list ul li a.selected span.text span.message {
  color: #FFFFFF;
  color: var(--notification_btn_active_font, #FFFFFF) !important;
}
.notification-container .notification-list .scroll-list ul li a.selected span.arrow::before {
  border-color: #FFFFFF;
  border-color: var(--notification_btn_active_icon, #FFFFFF) !important;
}
.notification-container .notification-list .scroll-list ul li a:hover {
  background-color: #3E3D49;
  background-color: var(--notification_btn_hover, #3E3D49) !important;
}
.notification-container .notification-list .scroll-list ul li a:hover span.status span {
  color: #FFFFFF;
  color: var(--notification_btn_hover_font, #FFFFFF) !important;
}
.notification-container .notification-list .scroll-list ul li a:hover span.status .icon {
  color: #FFFFFF;
  color: var(--notification_btn_hover_icon, #FFFFFF) !important;
}
.notification-container .notification-list .scroll-list ul li a:hover span.text span.person {
  color: #FFFFFF;
  color: var(--notification_btn_hover_font, #FFFFFF) !important;
}
.notification-container .notification-list .scroll-list ul li a:hover span.text span.message {
  color: #FFFFFF;
  color: var(--notification_btn_hover_font, #FFFFFF) !important;
}
.notification-container .notification-list .scroll-list ul li a:hover span.arrow::before {
  border-color: #FFFFFF;
  border-color: var(--notification_btn_hover_icon, #FFFFFF) !important;
}
.notification-container .notification-list .scroll-list ul li a span.status {
  display: block;
  font-size: 12px;
  text-align: center;
  position: relative;
  text-transform: capitalize;
}
.notification-container .notification-list .scroll-list ul li a span.status span {
  display: block;
  color: #FFFFFF;
  color: var(--menu_btn_static_font_color, #FFFFFF) !important;
}
.notification-container .notification-list .scroll-list ul li a span.status span.unread-dot {
  background-color: #7ED321;
  border-radius: 100%;
  height: 7px;
  left: -5px;
  position: absolute;
  top: -5px;
  width: 7px;
}
.notification-container .notification-list .scroll-list ul li a span.status span.icon {
  width: 55px;
  height: 55px;
  border-radius: 100%;
  margin-bottom: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 25px;
  color: #FFFFFF;
  color: var(--menu_btn_static_icon_color, #FFFFFF) !important;
}
.notification-container .notification-list .scroll-list ul li a span.status span.icon.white-bg {
  background-color: #ffffff;
}
.notification-container .notification-list .scroll-list ul li a span.status span.icon.green-bg {
  background-color: #7ED321;
}
.notification-container .notification-list .scroll-list ul li a span.status span.icon.purple-bg {
  background-color: #804294;
}
.notification-container .notification-list .scroll-list ul li a span.status span.icon.red-bg {
  background-color: #d0021b;
}
.notification-container .notification-list .scroll-list ul li a span.status span.icon.orange-bg {
  background-color: #F5A623;
}
.notification-container .notification-list .scroll-list ul li a span.status span.icon.read {
  background-color: #292735;
  background-color: var(--menu_bg_color, #292735) !important;
}
.notification-container .notification-list .scroll-list ul li a span.text {
  display: block;
  margin-left: 20px;
  font-size: 16px;
  max-width: 80%;
}
.notification-container .notification-list .scroll-list ul li a span.text span.message {
  font-size: 14px;
  color: #FFFFFF;
  color: var(--menu_btn_static_font_color, #FFFFFF) !important;
}
.notification-container .notification-list .scroll-list ul li a span.text span.person {
  display: block;
  font-size: 18px;
  color: #FFFFFF;
  color: var(--menu_btn_static_font_color, #FFFFFF) !important;
}
.notification-container .notification-list .scroll-list ul li a span.text span.person.retail-buy {
  font-size: 14px;
}
.notification-container .notification-list .scroll-list ul li a span.arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 5%;
}
.notification-container .notification-list .scroll-list ul li a span.arrow::before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  border-bottom: 3px solid;
  border-right: 3px solid;
  border-color: #FFFFFF;
  border-color: var(--menu_btn_static_icon_color, #FFFFFF) !important;
  transform: rotate(-45deg);
}
@media screen and (max-width: 768px) {
  .notification-container .notification-list.hidden {
    display: none;
  }
}
.norequest-content {
  font-size: 21px;
  font-weight: 300;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  margin: 10%;
  line-height: 1.4;
}
.min-width-440 {
  min-width: 440px;
}
.back-switch {
  display: none;
}
@media (min-width: 1024px) and (max-width: 1200px) {
  .min-width-440 {
    min-width: 380px !important;
    padding-right: 0 !important;
  }

  .notification-list .scroll-list ul li a span.text {
    max-width: 65% !important;
  }
  .notification-list .scroll-list ul li a span.text .person {
    word-break: break-all;
  }

  .notification-view {
    flex: unset !important;
    max-width: unset !important;
  }
}
@media screen and (max-width: 1023px) {
  .notification-container {
    margin-left: unset;
  }
  .notification-container .min-width-440 {
    width: 100% !important;
    min-width: unset !important;
    max-width: unset;
    flex: unset;
  }
  .notification-container .min-width-440 .head {
    padding: 20px !important;
    position: relative;
  }
  .notification-container .min-width-440 .head .bell {
    position: absolute;
    right: 60px;
    margin: unset !important;
  }
  .notification-container .min-width-440 .head .counter {
    position: absolute;
    right: 15px;
  }
  .notification-container .min-width-440 .notification-list-ul .text {
    margin-left: 5px !important;
  }
  .notification-container .min-width-440 .notification-list-ul .text .message {
    font-size: 12px !important;
  }
  .notification-container .min-width-440 .notification-list-ul .text .person {
    font-size: 16px !important;
  }
  .notification-container .notification-view {
    max-width: unset;
    flex: unset;
  }
  .notification-container .hidden {
    display: none;
  }
  .notification-container .no-padding {
    padding: 0;
  }
  .notification-container .back-switch {
    display: flex !important;
    align-items: center;
    padding: 10px;
    cursor: pointer;
    color: #292735;
    color: var(--main_bg_font_color, #292735) !important;
  }
  .notification-container .back-switch .vi {
    margin-right: 10px;
    margin-bottom: 3px;
    color: #804294;
    color: var(--main_bg_icon_color, #804294) !important;
  }
}
.m-l-a {
  margin-left: auto;
}
@media only screen and (min-width: 1024px) {
  .detail.singleRequestCont {
    height: 780px;
    overflow-y: auto;
  }
}
@media only screen and (min-width: 1201px) {
  .detail.singleRequestCont {
    margin-left: -15px;
  }
}
.detail .head {
  padding: 20px 10px;
  margin-bottom: 2px;
  font-size: 20px;
  background-position: 98% 40%;
  background-repeat: no-repeat;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  box-shadow: 1px 1px 0 0 rgba(55, 54, 64, 0.22);
  font-weight: 500;
}
.detail .head.for-1200.default-hidden {
  display: none !important;
}
.detail .head #bmh_detail_header #request_subject_string {
  font-size: 24px;
  font-weight: 500;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.detail .head #bmh_detail_header i {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  outline: none;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .detail .head #bmh_detail_header i {
    display: none !important;
  }
}
.detail .head .date {
  font-size: 18px;
  margin-right: 55px;
  line-height: 40px;
  font-weight: 400;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.detail .head .date .vi {
  font-size: 25px;
}
.detail .notice-message {
  font-size: 22px;
  font-weight: 500;
  height: 70px;
  line-height: 70px;
  margin-bottom: 10px;
  text-align: center;
  margin-top: 15px;
  display: flex;
  position: relative;
}
@media screen and (max-width: 480px) {
  .detail .notice-message {
    font-size: 20px;
  }
}
.detail .notice-message .notice-icon {
  color: #ffffff;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  left: 3%;
}
.detail .notice-message .notice-text {
  width: 100%;
  display: flex;
  justify-content: center;
  color: #ffffff;
}
.detail .notice-message.red-bg {
  background-color: #d0021b;
}
.detail .notice-message.orange-bg {
  background-color: #F5A623;
}
.detail .notice-message.green-bg {
  background-color: #7ED321;
}
.detail .image-with-vendor {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.detail .image-with-vendor.retail-request {
  height: unset;
  min-height: 380px;
  margin-top: 20px;
}
.detail .image-with-vendor .image-container .image-cover {
  width: 100% !important;
  display: block;
  background-size: cover;
  background-position: center center;
  height: 275px;
  width: 275px;
}
.detail .image-with-vendor .image-container .image-cover img {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  background-color: var(--image_bg_color, #FFFFFF) !important;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-fit: var(--cover_image_bg_size, cover) !important;
     object-fit: var(--cover_image_bg_size, cover) !important;
}
.detail .image-with-vendor .image-container.diamond-no-image-placeholder.buyer_view.retail-request {
  top: 55px;
  bottom: unset;
}
.detail .image-with-vendor .diamond-no-image-placeholder .svg-box {
  text-align: center;
  padding-top: 17%;
  opacity: 0.6;
}
.detail .image-with-vendor .diamond-no-image-placeholder .svg-box span {
  font-size: 140px;
  opacity: 0.6;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.detail .image-with-vendor .diamond-no-image-placeholder .svg-box .no-image-label {
  font-size: 16px;
  padding-top: 21px;
  text-align: center;
  font-weight: inherit;
  font-family: inherit;
  letter-spacing: normal;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.detail .image-with-vendor .vendor-info {
  margin-top: 15px;
  position: relative;
  line-height: 25px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-size: 16px;
  font-weight: 400;
  display: flex;
  flex-direction: column;
  min-height: 150px;
}
.detail .image-with-vendor .vendor-info .to {
  font-size: 16px;
  font-weight: 500;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.detail .image-with-vendor .vendor-info .company-name {
  font-weight: 700;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.detail .image-with-vendor .vendor-info .seller-emails, .detail .image-with-vendor .vendor-info .buyer-emails {
  display: inline-block;
  width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.detail .image-with-vendor .retail-vendor-info {
  display: flex;
  flex-direction: column;
  margin-top: 15px;
}
.detail .image-with-vendor .retail-vendor-info .from {
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.detail .image-with-vendor .retail-vendor-info .from .buyer-name {
  font-weight: 700;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.detail .image-with-vendor .retail-vendor-info .company-name {
  font-weight: 700;
  margin-bottom: 5px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.detail .image-with-vendor .retail-vendor-info .email {
  margin-bottom: 5px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.detail .image-with-vendor .retail-vendor-info .phone-label {
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  margin-bottom: 5px;
}
.detail .image-with-vendor .retail-vendor-info .phone {
  font-weight: 700;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  margin-bottom: 5px;
}
.detail .stats ul {
  padding: 10px 20px;
  list-style: none;
}
.detail .stats ul.retail-request {
  height: unset;
  min-height: 380px;
}
.detail .stats ul li {
  padding: 10px 0px;
  margin: 0px;
  border-bottom: 1px solid;
  border-bottom-color: #9B9B9B;
  border-bottom-color: var(--main_bg_font_label_color, #9B9B9B) !important;
  font-size: 16px;
}
.detail .stats ul li:last-child {
  border-bottom: none;
}
.detail .stats ul li > div {
  font-size: 13px;
  font-weight: 400;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  padding: 0px;
}
.detail .stats ul li > div:last-child {
  font-size: 16px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  text-align: right;
}
.detail .buy-info.top .col-sm-3 {
  padding: 1px;
}
.detail .buy-info.top .col-sm-3:first-child {
  padding-left: 15px;
}
.detail .buy-info.top .col-sm-3:last-child {
  padding-right: 15px;
}
.detail .buy-info .info {
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
  height: 120px;
  text-align: center;
  padding: 15px;
  font-size: 13px;
  font-weight: 400;
}
.detail .buy-info .info.type {
  padding: 40px 15px 20px;
}
.detail .buy-info .info .big {
  font-size: 24px;
  font-weight: 500;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.detail .message-action {
  padding: 0px;
  text-align: center;
  margin-top: 40px;
  position: relative;
  max-width: 775px;
  margin-left: auto;
  margin-right: auto;
}
.detail .message-action .bmh-action-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px;
}
.detail .message-action a {
  border-radius: 35px;
  display: inline-block;
  line-height: 18px;
  margin-bottom: 3px;
  padding: 24px 35px;
  vertical-align: middle;
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
  font-size: 16px;
  font-weight: 400;
  height: 65px;
  width: 187px;
  top: 0px;
  position: relative;
}
.detail .message-action a.auto-width {
  width: auto;
}
.detail .message-action a.red {
  color: #ffffff;
  background-color: #d0021b;
  background-color: var(--request_btn_negative, #d0021b) !important;
}
.detail .message-action a.green {
  color: #ffffff;
  background-color: #7ED321;
  background-color: var(--request_btn_positive, #7ED321) !important;
}
.detail .message-action a:hover {
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
}
.detail .message-action a.withdraw-btn, .detail .message-action a.cancel-btn {
  color: #FFFFFF;
  color: var(--request_btn_negative_font, #FFFFFF) !important;
  background-color: #d0021b;
  background-color: var(--request_btn_negative, #d0021b) !important;
}
.detail .message-action a.message-btn .counter {
  background-color: #d0021b;
  border-radius: 100%;
  border: solid 2px #ffffff;
  color: #ffffff;
  display: inline-block;
  font-size: 12px;
  height: 36px;
  line-height: 32px;
  position: absolute;
  right: 10px;
  top: -9px;
  width: 36px;
}
.detail .message-action a#bmh_buy_modify_request {
  display: inline-flex;
  border-radius: 100px;
  font-size: 14px;
  line-height: 18px;
  padding: 15px 10px;
  border: 2px solid;
  justify-content: center;
  align-items: center;
  background-color: transparent !important;
  outline: none;
  border-color: #804294;
  border-color: var(--action_btn_secondary_color, #804294) !important;
  color: #804294;
  color: var(--action_btn_secondary_font_color, #804294) !important;
}
.detail .request-date {
  margin: 10px 0px;
}
.detail .user-comment {
  font-weight: 500;
  font-size: 14px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  margin-top: 20px;
}
.detail .user-comment .date {
  margin: 10px 0px;
}
.detail .rbr-button {
  width: 100%;
}
.detail .rbr-button .request-button {
  display: flex;
  line-height: 18px;
  align-items: center;
  justify-content: center;
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
  font-size: 18px;
  font-weight: 400;
  border-radius: 35px;
  height: 50px;
  width: 320px;
  margin: 20px auto 10px;
  height: 65px;
  width: 390px;
  margin: 20px auto;
}
.detail .rbr-button .request-button:hover {
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
}
@media screen and (max-width: 1200px) {
  .detail .head .date {
    margin-right: unset !important;
  }
}
@media (min-width: 1024px) and (max-width: 1200px) {
  .detail .diamond-detail .stock-item-details {
    justify-content: space-around;
  }
  .detail .diamond-detail .stock-item-details .offset-md-2 {
    margin-left: unset !important;
  }
  .detail .diamond-detail .stock-item-details .not-buy-request {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .detail .diamond-detail .stock-item-details .image-with-vendor .image-container .image-cover {
    height: auto !important;
  }
  .detail .diamond-detail .stock-item-details .buy-info .info {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .detail .diamond-detail .stock-item-details .buy-info .info .big {
    font-size: 18px;
  }
}
@media (min-width: 769px) and (max-width: 1023px) {
  .detail .stock-item-details {
    justify-content: space-around;
  }
  .detail .stock-item-details .offset-md-2 {
    margin-left: unset !important;
  }
  .detail .stock-item-details .not-buy-request {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .detail .stock-item-details .image-with-vendor .image-container .image-cover {
    height: auto !important;
  }
}
@media screen and (max-width: 1023px) {
  .detail {
    padding: 20px;
  }
  .detail .image-container {
    margin: 20px auto;
    max-width: 280px;
    width: 100%;
  }
  .detail .stats ul {
    padding: 10px 0;
  }
}
@media screen and (max-width: 1023px) and (max-width: 768px) {
  .detail .image-with-vendor .seller-emails, .detail .image-with-vendor .buyer-emails {
    word-break: break-all;
  }
  .detail .head {
    background-color: unset !important;
    box-shadow: unset !important;
  }
  .detail .image-with-vendor, .detail .stats {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin-left: 0;
  }
  .detail .buy-info .col-sm-3 {
    padding: 0 !important;
  }
  .detail .buy-info .col-sm-3 .info {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .detail .buy-info .col-sm-3 .info.type {
    padding: unset !important;
  }
}
@media screen and (max-width: 1023px) and (min-width: 566px) and (max-width: 768px) {
  .detail #stock_item_buy_detail {
    flex: unset !important;
    max-width: unset !important;
    order: -1;
  }
  .detail #stock_item_buy_detail .buy-info .info {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .detail #stock_item_buy_detail .buy-info .info .big {
    font-size: 18px;
  }
  .detail #stock_item_buy_detail .buy-info .col-md-12 {
    flex: 0 0 25% !important;
    max-width: 25% !important;
  }
}
@media screen and (max-width: 1023px) and (max-width: 610px) {
  .detail #request_detail_actions .notice-text {
    font-size: 16px;
  }
  .detail .message-action {
    margin-top: 20px !important;
  }
  .detail .message-action a {
    width: 100% !important;
  }
  .detail .message-action .bmh-action-container {
    flex-flow: column;
  }
  .detail .message-action .bmh-action-container a {
    margin-top: 10px;
  }
}
@media screen and (max-width: 1023px) {
  .detail .rbr-button .request-button {
    width: 100% !important;
  }
}
.modify-buy {
  display: none;
}
.modify-buy .diamond-info {
  font-size: 20px;
  padding: 10px 0px;
  margin: 0px;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-weight: 500;
}
.modify-buy .diamond-info span.label {
  font-size: 18px;
  display: block;
  font-weight: 500;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  font-weight: normal;
}
.modify-buy .payment-actions {
  margin: 0px;
  margin-top: 0px;
  padding: 0px;
}
.modify-buy .payment-actions .header {
  text-align: center;
  font-size: 16px;
  margin: 5px 0px;
  font-weight: 400;
  margin-top: 10px;
  margin-bottom: 5px;
}
.modify-buy .payment-actions .action-types {
  padding-bottom: 10px;
  display: flex;
  justify-content: center;
}
.modify-buy .payment-actions .action-types .cover {
  width: 70px;
  margin: 0 auto;
}
.modify-buy .payment-actions .action-types .cover a {
  width: 70px;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  background-color: #FFFFFF;
  background-color: var(--bmh_buy_request_option_off, #FFFFFF) !important;
  margin: 0 auto;
  color: #5cb8a6;
  color: var(--bmh_buy_request_option_off_font, #5cb8a6) !important;
  font-weight: 500;
  text-align: center;
}
.modify-buy .payment-actions .action-types .cover a span {
  display: inline-block;
  width: 50px;
}
.modify-buy .payment-actions .action-types .cover a.selected {
  background-color: #5cb8a6;
  background-color: var(--bmh_buy_request_option_on, #5cb8a6) !important;
  color: #FFFFFF;
  color: var(--bmh_buy_request_option_on_font, #FFFFFF) !important;
}
.modify-buy .payment-actions .editable-fields {
  margin: 1px 0 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 40px 60px 0;
}
.modify-buy .payment-actions .editable-fields > div {
  margin-bottom: 10px;
}
.modify-buy .payment-actions .editable-fields > div .label {
  display: block;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  font-weight: 400;
  font-size: 14px;
  text-align: left;
}
.modify-buy .payment-actions .editable-fields > div .label:not(:last-child) {
  width: 105px;
}
.modify-buy .payment-actions .editable-fields > div .input-box {
  display: flex;
  flex-grow: 1;
  align-items: center;
  position: relative;
}
.modify-buy .payment-actions .editable-fields > div .input-box .dollar {
  display: inline-block;
  position: absolute;
  width: 5%;
  left: 5px;
  font-size: 15px;
  font-weight: 500;
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
}
.modify-buy .payment-actions .editable-fields > div input {
  text-align: left;
  font-size: 15px;
  width: 100%;
  height: 35px;
  font-weight: 500;
  border: 0;
  border: 1px solid;
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
  border-color: #BFBFC3;
  border-color: var(--input_field_line_static, #BFBFC3) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_static, #FFFFFF) !important;
  background-color: transparent;
  outline: none;
  padding: 0 15px;
}
.modify-buy .payment-actions .editable-fields > div.box_pay_within input, .modify-buy .payment-actions .editable-fields > div.discount-box input {
  width: 65px;
  padding: 0 5px;
  margin-right: 10px;
}
.modify-buy .payment-actions .editable-fields > div.box_pay_within input.disable, .modify-buy .payment-actions .editable-fields > div.discount-box input.disable {
  background-color: #BFBFC3;
  background-color: var(--option_btn_disabled_color, #BFBFC3) !important;
}
.modify-buy .payment-actions .editable-fields > div.price-box, .modify-buy .payment-actions .editable-fields > div.total-box, .modify-buy .payment-actions .editable-fields > div.box_pay_within, .modify-buy .payment-actions .editable-fields > div.discount-box {
  display: flex;
  align-items: center;
  width: 100%;
}
.modify-buy .payment-actions .error {
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #d0021b;
  margin: 15px;
}
.modify-buy .payment-actions .error p {
  margin: 0;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
}
.modify-buy .payment-actions .error {
  width: 100%;
  margin: 15px 0;
}
.modify-buy .payment-section {
  padding: 0px;
}
.modify-buy .payment-section .faded-bg {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
}
.modify-buy .payment-section .header {
  margin-top: 2px;
  padding: 7px 0px;
  font-weight: 500;
}
.modify-buy .comment-section {
  padding-left: 2px;
  padding-right: 0px;
  border-left: 1px solid rgba(55, 54, 64, 0.22);
  border-top: 1px solid rgba(55, 54, 64, 0.22);
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
}
.modify-buy .comment-section .faded-bg {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.modify-buy .comment-section .header {
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  font-weight: normal;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  margin-top: 2px;
  margin-bottom: 5px;
  padding: 10px 0px;
}
.modify-buy .comment-section textarea {
  flex-grow: 1;
  background-color: transparent;
  border: 1px solid;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  border-color: #BFBFC3;
  border-color: var(--input_field_line_static, #BFBFC3) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_static, #FFFFFF) !important;
  font-weight: 500;
  height: 225px;
  width: 100%;
}
.modify-buy .comment-section textarea::-webkit-input-placeholder {
  text-align: center;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.modify-buy .comment-section textarea:-moz-placeholder {
  text-align: center;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.modify-buy .comment-section textarea::-moz-placeholder {
  text-align: center;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.modify-buy .comment-section textarea:-ms-input-placeholder {
  text-align: center;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.modify-buy .comment-section textarea:focus {
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
  border-color: #804294;
  border-color: var(--input_field_line_active, #804294) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_active, #FFFFFF) !important;
}
.modify-buy .comment-section textarea::-webkit-input-placeholder {
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
}
.modify-buy .comment-section textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
}
.modify-buy .comment-section textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
}
.modify-buy .comment-section textarea:-ms-input-placeholder {
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
}
.modify-buy .message-action {
  padding: 0px;
  text-align: center;
  margin-top: 40px;
  position: relative;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between;
}
.modify-buy .message-action .bmh-action-container {
  padding-left: 0px;
  display: flex;
  justify-content: space-between;
}
.modify-buy .message-action a {
  border-radius: 35px;
  display: inline-block;
  line-height: 18px;
  margin-bottom: 3px;
  padding: 24px 35px;
  vertical-align: middle;
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
  font-size: 16px;
  font-weight: 400;
  height: 65px;
  width: 187px;
  top: 0px;
}
.modify-buy .message-action a.auto-width {
  width: auto;
}
.modify-buy .message-action a.red {
  color: #ffffff;
  background-color: #d0021b;
  background-color: var(--request_btn_negative, #d0021b) !important;
  color: #FFFFFF;
  color: var(--request_btn_negative_font, #FFFFFF) !important;
}
.modify-buy .message-action a.green {
  color: #ffffff;
  background-color: #7ED321;
  background-color: var(--request_btn_positive, #7ED321) !important;
  color: #FFFFFF;
  color: var(--request_btn_positive_font, #FFFFFF) !important;
}
.modify-buy .message-action a.withdraw-btn {
  color: #FFFFFF;
  color: var(--request_btn_negative_font, #FFFFFF) !important;
  background-color: #d0021b;
  background-color: var(--request_btn_negative, #d0021b) !important;
}
.modify-buy .message-action a.message-btn .counter {
  border-radius: 100%;
  border: solid 2px #ffffff;
  display: inline-block;
  font-size: 12px;
  height: 36px;
  line-height: 32px;
  position: absolute;
  right: 30px;
  top: -9px;
  width: 36px;
}
.modify-buy .message-action a.disabled {
  pointer-events: none;
}
@media (min-width: 1024px) and (max-width: 1200px) {
  .modify-buy .diamond-info {
    font-size: 18px !important;
  }
  .modify-buy .diamond-info .label {
    font-size: 13px !important;
  }
}
@media screen and (max-width: 767px) {
  #bmh_detail_header {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  #bmh_detail_header #request_subject_string {
    display: none;
  }
  #bmh_detail_header .date {
    margin-right: unset;
  }

  .diamond-info > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
  }

  .payment-section {
    height: unset !important;
  }
  .payment-section .editable-fields {
    padding: 40px 10px 0 !important;
  }

  .message-action {
    justify-content: space-evenly !important;
  }
}
.modify-hold {
  display: none;
}
.modify-hold .diamond-info {
  font-size: 20px;
  padding: 10px 0px;
  margin: 0px;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-weight: 500;
}
.modify-hold .diamond-info span.label {
  font-size: 18px;
  display: block;
  font-weight: 500;
  font-weight: normal;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.modify-hold .pick-date-section {
  margin: 2px 0px;
  text-align: center;
  padding: 20px 0px;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
}
.modify-hold .pick-date-section label {
  font-size: 22px;
  width: 100%;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-weight: 500;
}
.modify-hold .pick-date-section .pick-date {
  margin: 20px auto 10px;
  padding: 10px 0 15px;
  width: 45%;
  border-radius: 60px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-weight: 500;
}
.modify-hold .pick-date-section .pick-date select {
  background-color: transparent;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-size: 30px;
  margin: 0px 20px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-weight: 500;
  text-align: center;
  padding: 10px;
  outline: none;
}
.modify-hold .pick-date-section .pick-date select option {
  color: white;
  background: rgba(0, 0, 0, 0.42) !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4) !important;
}
@media screen and (max-width: 768px) {
  .modify-hold .pick-date-section .pick-date select {
    margin: unset;
    padding: unset;
  }
}
.modify-hold .message-action {
  padding: 0px;
  text-align: center;
  margin-top: 40px;
  position: relative;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: center;
}
.modify-hold .message-action a {
  border-radius: 35px;
  display: inline-block;
  line-height: 18px;
  margin-bottom: 3px;
  padding: 24px 35px;
  vertical-align: middle;
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
  font-size: 16px;
  font-weight: 400;
  height: 65px;
  width: 187px;
  top: 0px;
}
.modify-hold .comment {
  margin: 2px 0px;
  padding: 20px 0px;
  justify-content: center;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
}
.modify-hold .comment label {
  font-size: 22px;
  font-weight: normal;
  margin-bottom: 10px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-weight: 500;
}
.modify-hold .comment textarea {
  background-color: rgba(255, 255, 255, 0.05);
  border: medium none;
  height: 100px;
  width: 100%;
  padding: 15px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-weight: 500;
}
.modify-hold .comment textarea::-webkit-input-placeholder {
  text-align: center;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.modify-hold .comment textarea:-moz-placeholder {
  text-align: center;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.modify-hold .comment textarea::-moz-placeholder {
  text-align: center;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.modify-hold .comment textarea:-ms-input-placeholder {
  text-align: center;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
@media screen and (max-width: 1200px) {
  .head .date {
    margin-right: unset !important;
  }
}
@media (min-width: 1024px) and (max-width: 1200px) {
  .modify-hold .diamond-info {
    font-size: 18px !important;
  }
  .modify-hold .diamond-info .label {
    font-size: 13px !important;
  }
}
@media screen and (max-width: 480px) {
  .pick-date {
    width: 100% !important;
  }
}
.detail .chat-message-header {
  font-size: 20px;
  text-align: center;
  position: relative;
  padding: 20px 10px;
  background-color: rgba(255, 255, 255, 0.05);
}
.detail .chat-message-header .go-back::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border-top: 3px solid;
  border-left: 3px solid;
  border-color: #292735;
  border-color: var(--main_bg_font_color, #292735) !important;
  transform: rotate(-45deg);
}
.detail .chat-message {
  padding: 15px;
  font-weight: 400;
}
.detail .chat-message .conversations {
  height: 600px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.detail .chat-message .conversations ul {
  list-style: none;
  padding: 0;
}
.detail .chat-message .conversations ul li {
  margin-bottom: 10px;
}
.detail .chat-message .conversations ul li .when {
  color: #9B9B9B;
  color: var(--chat_bg_font, #9B9B9B) !important;
  font-weight: 400;
  font-size: 12px;
  margin-top: 7px;
}
.detail .chat-message .conversations ul li.received .message, .detail .chat-message .conversations ul li.sent .message {
  font-weight: 400;
  border-radius: 15px;
  padding: 8px 16px;
  display: inline-block;
}
.detail .chat-message .conversations ul li.received .message {
  background-color: #9665A6;
  background-color: var(--chat_received_bg, #9665A6) !important;
  color: #FFFFFF;
  color: var(--chat_received_font, #FFFFFF) !important;
}
.detail .chat-message .conversations ul li.sent .message {
  background-color: #9665A6;
  background-color: var(--chat_sent_bg, #9665A6) !important;
  color: #FFFFFF;
  color: var(--chat_sent_font, #FFFFFF) !important;
}
.detail .chat-message .conversations ul li.sending-error {
  position: relative;
  margin-right: 30px;
}
.detail .chat-message .conversations ul li.sending-error .error-icon {
  position: absolute;
  right: -15px;
  top: 5px;
  background-repeat: no-repeat;
  background-size: 23px 23px;
  width: 23px;
  height: 23px;
}
.detail .chat-message .write-message {
  border: solid 1px #dddddd;
  background-color: #FCFCFC;
  border-radius: 22px;
  position: relative;
}
.detail .chat-message .write-message #chat_text {
  width: 100%;
  background-color: transparent;
  color: #000000;
  padding-right: 60px;
  border: none;
  outline: none;
  padding: 15px 10px;
}
.detail .chat-message .write-message .send {
  background: transparent;
  border: none;
  position: absolute;
  right: 7px;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  text-indent: -1000px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.detail .chat-message .write-message .arrow_up {
  position: absolute;
  right: 7px;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
}
.detail .chat-message .write-message .arrow_up .path1, .detail .chat-message .write-message .arrow_up .path2 {
  font-size: 40px;
}
.detail .chat-message .write-message .arrow_up .path1 {
  color: #804294;
  color: var(--action_btn_static_color, #804294) !important;
}
.detail .chat-message .write-message .arrow_up .path2 {
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
}
.diamond-wrapper {
  position: relative;
  max-width: 1300px;
  margin: 0 auto;
}
.diamond-wrapper .diamond-header .header-controls-wrapper {
  padding-top: 25px !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1090px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 6px;
}
@media only screen and (max-width: 1024px) {
  .diamond-wrapper .diamond-header .header-controls-wrapper {
    padding: 0 20px;
  }
}
.diamond-wrapper .diamond-header .header-controls-wrapper.diamond-share-page {
  max-width: 100%;
  padding-left: 70px;
  padding-right: 70px;
}
@media only screen and (max-width: 1100px) {
  .diamond-wrapper .diamond-header .header-controls-wrapper.diamond-share-page {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (max-width: 920px) {
  .diamond-wrapper .diamond-header .header-controls-wrapper.diamond-share-page {
    padding-left: 30px;
    padding-right: 30px;
    width: 702px;
  }
}
@media only screen and (max-width: 767px) {
  .diamond-wrapper .diamond-header .header-controls-wrapper.diamond-share-page {
    padding-left: 30px;
    padding-right: 30px;
    width: 100%;
  }
}
.diamond-wrapper .diamond-header .header-controls-wrapper.diamond-match-page {
  max-width: 100%;
  padding-left: 45px;
  padding-right: 45px;
}
@media only screen and (max-width: 1300px) {
  .diamond-wrapper .diamond-header .header-controls-wrapper.diamond-match-page {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.diamond-wrapper .diamond-header .header-controls-wrapper .backBtn {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
  font-size: 20px;
  font-weight: bold;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.diamond-wrapper .diamond-header .header-controls-wrapper .backBtn i {
  transform: rotateY(180deg);
  margin-right: 20px;
  font-size: 20px;
}
@media only screen and (max-width: 767px) {
  .diamond-wrapper .diamond-header .header-controls-wrapper .backBtn span {
    display: none;
  }
}
.diamond-wrapper .diamond-header .header-controls-wrapper ul {
  padding: 0;
  list-style-type: none;
  display: flex;
}
.diamond-wrapper .diamond-header .header-controls-wrapper ul li {
  display: block;
  border-radius: 100%;
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.29);
}
.diamond-wrapper .diamond-header .header-controls-wrapper ul li a {
  height: 50px;
  width: 50px;
  display: flex;
  border-radius: 100%;
  font-size: 20px;
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  color: #804294;
  color: var(--option_btn_off_icon_color, #804294) !important;
}
.diamond-wrapper .diamond-header .header-controls-wrapper ul li a:hover {
  cursor: pointer;
}
.diamond-wrapper .diamond-header .header-controls-wrapper ul li a:hover, .diamond-wrapper .diamond-header .header-controls-wrapper ul li a.selected {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
}
.diamond-wrapper .diamond-header .header-controls-wrapper ul li.image span {
  padding-left: 14px;
  padding-top: 15px;
}
.diamond-wrapper .diamond-header .header-controls-wrapper ul li.video span {
  padding-left: 14px;
  padding-top: 17px;
  font-size: 16px;
}
.diamond-wrapper .diamond-header .header-controls-wrapper ul li.match span {
  padding-left: 10px;
  padding-top: 15px;
}
.diamond-wrapper .diamond-header .header-controls-wrapper ul li.match .pointerDisabled {
  pointer-events: none;
}
.diamond-wrapper .diamond-header .header-controls-wrapper ul li.match.action-disabled:hover a {
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
}
.diamond-wrapper .diamond-header .header-controls-wrapper ul li.match.action-disabled span {
  color: grey;
}
.diamond-wrapper .diamond-header .header-controls-wrapper ul li.cert span {
  font-size: 25px;
  padding-left: 16px;
  padding-top: 14px;
}
.diamond-wrapper .diamond-header .header-controls-wrapper ul li.cert .pointerDisabled {
  pointer-events: none;
}
.diamond-wrapper .diamond-header .header-controls-wrapper ul li.cert.action-disabled:hover a {
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
}
.diamond-wrapper .diamond-header .header-controls-wrapper ul li.cert.action-disabled span {
  color: grey;
}
.diamond-wrapper .diamond-header .header-controls-wrapper ul li.share span {
  padding-top: 15px;
  padding-left: 16px;
}
.diamond-wrapper .diamond-header .header-controls-wrapper ul li.share.action-disabled span {
  color: grey;
}
.diamond-wrapper .diamond-header .header-controls-wrapper ul li.share.action-disabled:hover a {
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
}
.diamond-wrapper .diamond-header .header-controls-wrapper ul li:not(:first-child) {
  margin-left: 15px;
}
.diamond-wrapper .diamond-header .header-controls-wrapper ul li:last-child {
  margin-left: 75px;
  box-shadow: none;
}
.diamond-wrapper .diamond-header .header-controls-wrapper ul li:last-child a {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  background-color: transparent !important;
}
.diamond-wrapper .diamond-header .header-controls-wrapper ul li:last-child a span {
  font-size: 30px;
  padding-top: 10px;
  padding-left: 10px;
}
.diamond-wrapper .diamond-header .header-controls-wrapper ul li:last-child.green-mode-flavor a, .diamond-wrapper .diamond-header .header-controls-wrapper ul li:last-child.orange-mode-flavor a {
  color: #FFFFFF;
  color: var(--price_mode_icon, #FFFFFF) !important;
}
.diamond-wrapper .diamond-header .header-controls-wrapper ul li:last-child:hover {
  background-color: transparent !important;
}
@media screen and (max-width: 992px) and (max-width: 480px) {
  .diamond-wrapper .header-controls-wrapper.responsive {
    width: 100%;
    right: 0;
  }
  .diamond-wrapper .header-controls-wrapper.responsive .pull-right {
    justify-content: space-evenly;
    width: 100%;
  }
  .diamond-wrapper .header-controls-wrapper.responsive .pull-right li {
    margin-left: 3px !important;
  }
  .diamond-wrapper .header-controls-wrapper.responsive .pull-right li:last-child {
    margin-left: 0 !important;
  }
  .diamond-wrapper .header-controls-wrapper.responsive.orange-green-mode {
    width: 100%;
  }
  .diamond-wrapper .header-controls-wrapper.responsive.orange-green-mode .pull-right {
    justify-content: space-evenly;
    width: 100%;
  }
  .diamond-wrapper .header-controls-wrapper.responsive.orange-green-mode .pull-right li {
    margin-left: 3px !important;
  }
  .diamond-wrapper .header-controls-wrapper.responsive.orange-green-mode .pull-right li:last-child {
    margin-left: 0 !important;
  }
}
@media screen and (max-width: 992px) {
  .diamond-wrapper .header-controls-wrapper.match-page-responsive {
    display: none;
  }
}
.dropdownShare {
  margin-left: 15px;
  display: inline-block !important;
  position: relative !important;
}
.dropdownShare .dropdown-toggle::after {
  display: none;
}
.dropdownShare .dropdown-item {
  background-color: #E5E5E5;
  background-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
  color: #4F4E57;
  color: var(--drop_menu_static_font_color, #4F4E57) !important;
  padding: 16px 16px;
  font-size: 15px;
  border-bottom: 0.5px solid #ffffffb8;
}
.dropdownShare .dropdown-item span {
  margin-right: 20px;
  color: #4F4E57;
  color: var(--drop_menu_static_icon_color, #4F4E57) !important;
  font-size: 18px;
}
.dropdownShare .margin-lr {
  margin-right: 15px;
  margin-left: 15px;
}
.dropdownShare .dropdown-menu {
  right: -44px !important;
  transform: translate(0) !important;
  top: calc(100% + 15px) !important;
  left: auto !important;
  min-width: 242px !important;
  padding: 0px;
  border-radius: 0px;
  color: #4F4E57;
  color: var(--drop_menu_static_font_color, #4F4E57) !important;
  border-bottom: 1px solid;
  border: 1px solid;
  background-color: #E5E5E5;
  background-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
  border-color: #804294;
  border-color: var(--drop_menu_active_bg_color, #804294) !important;
}
.dropdownShare .dropdown-menu:after {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -12px;
  width: 0;
  height: 0;
  content: "";
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid;
  border-bottom-color: #E5E5E5;
  border-bottom-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
}
.dropdownShare .dropdown-menu:before {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -14px;
  width: 0;
  height: 0;
  content: "";
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  border-bottom: 13px solid;
  border-bottom-color: #804294;
  border-bottom-color: var(--drop_menu_active_bg_color, #804294) !important;
}
@media (min-width: 320px) {
  .dropdownShare .dropdown-menu:after {
    left: 73% !important;
  }
  .dropdownShare .dropdown-menu:before {
    left: 73% !important;
  }
}
.hideGuestPricesCont {
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
}
.hideGuestPricesCont.price_mode_font {
  color: #FFFFFF;
  color: var(--price_mode_font, #FFFFFF) !important;
}
.hideGuestPricesCont:not(.price_mode_font) {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.hideGuestPricesCont.w-full {
  width: 100%;
}
.hideGuestPricesCont.VC {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.hideGuestPricesCont.VCmatchscreen {
  position: absolute;
  top: calc(45% - 125px + 200px);
  left: 0;
  transform: translateY(-50%);
}
.hideGuestPricesCont a {
  color: #0091ff;
  color: var(--hyperlink_font_color, #0091ff) !important;
  text-decoration: underline !important;
  padding: 0 5px;
}
@media only screen and (max-width: 1023px) {
  .hidePricesForGuestBulk {
    display: flex;
    width: 87%;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .hidePricesForGuestBulk {
    display: block;
    width: 100%;
    margin-bottom: 25px;
  }
}
.diamond-detials-white-wrapper {
  width: 100%;
  padding: 20px 0;
  max-width: 1400px;
}
.diamond-detials-white-wrapper .video-box > * {
  position: relative;
}
.diamond-detials-white-wrapper .video-box > *.videoLoader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.diamond-detials-white-wrapper .full-screen-diamond-overlay {
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  background-color: var(--light_box, rgba(0, 0, 0, 0.7)) !important;
  height: 100%;
  width: 100%;
  z-index: 99;
  padding: 20px;
}
.diamond-detials-white-wrapper .full-screen-diamond-overlay.hide {
  display: none;
}
.diamond-detials-white-wrapper .full-screen-diamond-overlay .close-overlay {
  position: absolute;
  right: 30px;
  top: 20px;
  height: 50px;
  font-size: 26px;
  width: 50px;
  background-position: center;
  background-repeat: no-repeat;
  color: #FFFFFF;
  color: var(--action_btn_static_icon_color, #FFFFFF) !important;
}
.diamond-detials-white-wrapper .full-screen-diamond-overlay .image-box,
.diamond-detials-white-wrapper .full-screen-diamond-overlay .video-box {
  margin: 100px auto;
}
.diamond-detials-white-wrapper .full-screen-diamond-overlay .image-box.hide,
.diamond-detials-white-wrapper .full-screen-diamond-overlay .video-box.hide {
  display: none;
}
.diamond-detials-white-wrapper .full-screen-diamond-overlay .image-box .external-link,
.diamond-detials-white-wrapper .full-screen-diamond-overlay .video-box .external-link {
  display: block;
  width: 190px;
  margin: 0 auto;
}
.diamond-detials-white-wrapper .full-screen-diamond-overlay .image-box {
  max-height: 470px;
  max-width: 470px;
  width: 100%;
  height: auto;
}
.diamond-detials-white-wrapper .full-screen-diamond-overlay .image-box .image-cover {
  height: 100%;
  width: 100%;
  display: block;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: #ebebec;
}
.diamond-detials-white-wrapper .full-screen-diamond-overlay .image-box .image-cover img {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  background-color: var(--image_bg_color, #FFFFFF) !important;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-fit: var(--cover_image_bg_size, cover) !important;
     object-fit: var(--cover_image_bg_size, cover) !important;
}
.diamond-detials-white-wrapper .full-screen-diamond-overlay .image-box.diamond-no-image-placeholder {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  background-repeat: no-repeat;
}
.diamond-detials-white-wrapper .full-screen-diamond-overlay .image-box.diamond-no-image-placeholder svg path {
  fill: #9B9B9B;
  fill: var(--main_bg_font_label_color, #9B9B9B) !important;
  opacity: 0.6;
}
.diamond-detials-white-wrapper .full-screen-diamond-overlay .image-box.diamond-no-image-placeholder .svg-box {
  text-align: center;
  padding: 18% 0%;
  opacity: 0.6;
}
.diamond-detials-white-wrapper .full-screen-diamond-overlay .image-box.diamond-no-image-placeholder .svg-box span {
  font-size: 245px;
  opacity: 0.6;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.diamond-detials-white-wrapper .full-screen-diamond-overlay .image-box.diamond-no-image-placeholder .svg-box .no-img-popup-label {
  font-size: 29px;
  margin-top: 38px;
  text-align: center;
  font-weight: inherit;
  font-family: inherit;
  letter-spacing: normal;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
@media (min-width: 320px) and (max-width: 600px) {
  .diamond-detials-white-wrapper .full-screen-diamond-overlay .image-box.diamond-no-image-placeholder .svg-box span {
    font-size: 200px !important;
    opacity: 0.6;
    color: #9B9B9B;
    color: var(--main_bg_font_label_color, #9B9B9B) !important;
  }
  .diamond-detials-white-wrapper .full-screen-diamond-overlay .image-box.diamond-no-image-placeholder .svg-box .no-img-popup-label {
    font-size: 22px !important;
    opacity: 0.6 !important;
    padding-top: 10px;
  }
}
.diamond-detials-white-wrapper .full-screen-diamond-overlay .video-box {
  height: 470px;
  width: 470px;
}
.diamond-detials-white-wrapper .full-screen-diamond-overlay .video-box iframe,
.diamond-detials-white-wrapper .full-screen-diamond-overlay .video-box video {
  width: 100%;
  height: 100%;
}
.diamond-detials-white-wrapper .full-screen-diamond-overlay .video-box .external-link {
  display: block;
  width: 190px;
  margin: 0 auto;
}
.diamond-detials-white-wrapper .diamond-details-header .page-title {
  padding-left: 35px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.diamond-detials-white-wrapper .diamond-details-header .page-title .short-title {
  font-size: 28px;
  font-weight: 400;
  display: block;
  margin-top: 10px;
}
.diamond-detials-white-wrapper .diamond-details-header .page-title .stock_num {
  margin: 0;
  font-size: 20px;
  display: inline-block;
  font-weight: 500;
}
.diamond-detials-white-wrapper .diamond-details-header .page-title span {
  font-size: 20px;
  font-weight: 400;
}
.diamond-detials-white-wrapper .diamond-details-body {
  margin-top: 20px;
  display: flex;
}
.diamond-detials-white-wrapper .diamond-details-body .left-container .bulk-request {
  margin-top: 45px;
}
.diamond-detials-white-wrapper .diamond-details-body .diamond-price-info {
  padding: 10px 20px;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  margin-left: 40px;
}
.diamond-detials-white-wrapper .diamond-details-body .diamond-price-info .price-info-container div {
  width: 100%;
  text-align: left;
  display: flex;
}
.diamond-detials-white-wrapper .diamond-details-body .diamond-price-info .price-info-container div span.header {
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  font-weight: 400;
  width: 33%;
  font-size: 14px;
}
.diamond-detials-white-wrapper .diamond-details-body .diamond-price-info .price-info-container div .status-header {
  color: var(--main_bg_font_label_color, #9B9B9B);
  font-weight: 400;
  width: 33%;
  font-size: 14px;
}
.diamond-detials-white-wrapper .diamond-details-body .diamond-price-info .price-info-container div span.indicator {
  width: 6px;
  display: contents;
  font-weight: 500;
  font-size: 16px;
}
.diamond-detials-white-wrapper .diamond-details-body .diamond-price-info .price-info-container div span.indicator .diamond-available-wrapper {
  display: inline-block;
  height: 10px;
  width: 10px;
  border-radius: 50%;
}
.diamond-detials-white-wrapper .diamond-details-body .diamond-price-info .price-info-container div span.indicator .diamond-available-wrapper.yes {
  background-color: #7ED321;
}
.diamond-detials-white-wrapper .diamond-details-body .diamond-price-info .price-info-container div span.indicator .diamond-available-wrapper.no {
  background-color: #d0021b;
}
.diamond-detials-white-wrapper .diamond-details-body .diamond-price-info .price-info-container div span.value {
  display: block;
  width: 40%;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-weight: 500;
  font-size: 16px;
  margin-left: 10px;
  text-align: right;
}
.diamond-detials-white-wrapper .diamond-details-body .diamond-price-info .price-info-container div:nth-child(2) {
  width: 100%;
}
.diamond-detials-white-wrapper .diamond-details-body .diamond-price-info .btn-container {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
}
.diamond-detials-white-wrapper .diamond-details-body .diamond-price-info .btn-container .join-chat-btn {
  margin: 15px auto 0;
}
.diamond-detials-white-wrapper .diamond-details-body .bulk-request {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 25px;
}
.diamond-detials-white-wrapper .diamond-details-body .bulk-request.hidePricesForGuest {
  margin-top: 15px;
}
.diamond-detials-white-wrapper .diamond-details-body .bulk-request button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 48px;
  width: 274px;
  border-radius: 50px;
  border-color: transparent;
  cursor: pointer;
  outline: none;
  background-color: #9264A5;
  background-color: var(--toggle_btn_static_bg_color, #9264A5) !important;
}
.diamond-detials-white-wrapper .diamond-details-body .bulk-request button .label {
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  color: var(--toggle_btn_static_font_icon_color, #FFFFFF) !important;
}
.diamond-detials-white-wrapper .diamond-details-body .bulk-request button .vi {
  font-size: 38px;
  margin-right: 5px;
  margin-left: -10px;
  color: #FFFFFF;
  color: var(--toggle_btn_static_font_icon_color, #FFFFFF) !important;
}
.diamond-detials-white-wrapper .diamond-details-body .bulk-request button.active {
  border: 0;
  background-color: rgba(225, 225, 225, 0);
  background-color: var(--toggle_btn_active_bg_color, rgba(225, 225, 225, 0)) !important;
  color: #9264A5;
  color: var(--toggle_btn_active_font_icon_color, #9264A5) !important;
  border: 2px solid;
  border-color: #9264A5;
  border-color: var(--toggle_btn_active_border_color, #9264A5) !important;
}
.diamond-detials-white-wrapper .diamond-details-body .bulk-request button.active .label {
  color: #9264A5;
  color: var(--toggle_btn_active_font_icon_color, #9264A5) !important;
}
.diamond-detials-white-wrapper .diamond-details-body .bulk-request button.active .vi {
  margin-left: -20px;
  color: #9264A5;
  color: var(--toggle_btn_active_font_icon_color, #9264A5) !important;
}
.diamond-detials-white-wrapper .diamond-details-body .company-details {
  padding: 0 0 10px 20px;
  width: 360px;
  margin: 0 auto 0;
}
.diamond-detials-white-wrapper .diamond-details-body .company-details .company-address {
  width: 225px;
  color: #4A4855;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 5px;
}
.diamond-detials-white-wrapper .diamond-details-body .company-details .company-contact div {
  display: flex;
  margin-bottom: 5px;
}
.diamond-detials-white-wrapper .diamond-details-body .company-details .company-contact div span {
  display: inline-block;
  padding: 0;
  line-height: 20px !important;
}
.diamond-detials-white-wrapper .diamond-details-body .company-details .company-contact div span.label {
  min-width: 50px;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  font-weight: 400;
  font-size: 11px;
  text-align: left;
}
.diamond-detials-white-wrapper .diamond-details-body .company-details .company-contact div span.value {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-weight: 700;
  font-size: 12px;
}
.diamond-detials-white-wrapper .diamond-details-body .company-details .company-contact div span.value .email-list {
  display: block;
}
.diamond-detials-white-wrapper .diamond-details-body .company-details .company-contact .location-address .value {
  margin-right: 30px;
}
.diamond-detials-white-wrapper .diamond-details-body .company-details .company-contact .location-address .value:last-child {
  margin-right: unset;
}
.diamond-detials-white-wrapper .diamond-details-body .company-details .company-contact .location-address .label {
  width: unset;
  min-width: unset;
  margin-right: 10px;
}
.diamond-detials-white-wrapper .diamond-details-body .company-details .company-contact .location-address .label:first-child {
  width: 50px;
  margin-right: 0;
}
.diamond-detials-white-wrapper .diamond-details-body .comments {
  padding: 10px 0 10px 20px;
  width: 360px;
  margin: 20px auto 0;
}
.diamond-detials-white-wrapper .diamond-details-body .comments span.label {
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  font-weight: 400;
  font-size: 11px;
  line-height: 12px;
  display: block;
  text-align: left;
  padding: 0;
}
.diamond-detials-white-wrapper .diamond-details-body .comments span.value {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
}
.diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section {
  display: flex;
  flex-direction: row;
}
.diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .go-to-info {
  float: right;
  margin-right: 20px;
  margin-top: 12px;
  color: #804294;
  color: var(--main_bg_icon_color, #804294) !important;
  cursor: pointer;
}
.diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen {
  width: 75%;
}
.diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-info {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  padding: 15px 28px;
  padding-bottom: 9px;
}
.diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-image {
  margin-left: 5px;
  position: relative;
}
.diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-image .image-box,
.diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-image .video-box {
  width: 260px;
  height: 260px;
}
.diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-image .mark-favorite {
  display: inline-flex;
  position: absolute;
  left: 5%;
  top: 10px;
  z-index: 2;
}
.diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-image .mark-favorite .path1 {
  color: #804294;
  color: var(--heart_outline_off_icon_color, #804294) !important;
  font-size: 31px;
}
.diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-image .mark-favorite .path2 {
  color: #804294;
  color: var(--heart_outline_off_icon_color, #804294) !important;
  font-size: 31px;
}
.diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-image .mark-favorite .path3 {
  color: #FFFFFF;
  color: var(--heart_bg_off_icon_color, #FFFFFF) !important;
  font-size: 31px;
}
.diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-image .mark-favorite.favorited .path1 {
  color: #FFFFFF;
  color: var(--heart_outline_on_icon_color, #FFFFFF) !important;
}
.diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-image .mark-favorite.favorited .path2 {
  color: #FFFFFF;
  color: var(--heart_outline_on_icon_color, #FFFFFF) !important;
}
.diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-image .mark-favorite.favorited .path3 {
  color: #804294;
  color: var(--heart_bg_on_icon_color, #804294) !important;
}
.diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-image .image-box {
  margin-bottom: 10px;
}
.diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-image .image-box .image-cover {
  height: 260px;
  width: 260px;
  display: block;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-image .image-box .image-cover img {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  background-color: var(--image_bg_color, #FFFFFF) !important;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-fit: var(--cover_image_bg_size, cover) !important;
     object-fit: var(--cover_image_bg_size, cover) !important;
}
.diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-image .image-box.diamond-no-image-placeholder {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  background-repeat: no-repeat;
}
.diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-image .image-box.diamond-no-image-placeholder svg path {
  fill: #9B9B9B;
  fill: var(--main_bg_font_label_color, #9B9B9B) !important;
  opacity: 0.6;
}
.diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-image .image-box.diamond-no-image-placeholder .svg-box {
  text-align: center;
  padding-top: 17%;
  opacity: 0.6;
}
.diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-image .image-box.diamond-no-image-placeholder .svg-box span {
  font-size: 140px;
  opacity: 0.6;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-image .image-box.diamond-no-image-placeholder .svg-box .no-image-label {
  font-size: 16px;
  padding-top: 21px;
  text-align: center;
  font-weight: inherit;
  font-family: inherit;
  letter-spacing: normal;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-image .video-box-no-play {
  position: relative;
}
.diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-image .video-box-no-play .video-cover {
  height: 260px;
  width: 260px;
  display: block;
  background-size: cover;
  background-position: center;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
.diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-image .video-box-no-play .video-cover img {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  background-color: var(--image_bg_color, #FFFFFF) !important;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-fit: var(--cover_image_bg_size, cover) !important;
     object-fit: var(--cover_image_bg_size, cover) !important;
}
.diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-image .video-box-no-play .video-box-shadow {
  position: absolute;
  width: 100%;
  top: 0px;
  background: rgba(0, 0, 0, 0.2);
  height: 100%;
}
.diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-image .video-box-no-play .no-video {
  height: 260px;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
.diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-image .video-box-no-play .no-video svg path {
  fill: #9B9B9B;
  fill: var(--main_bg_font_label_color, #9B9B9B) !important;
  opacity: 0.6;
}
.diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-image .video-box-no-play .no-video .svg-box {
  text-align: center;
  padding-top: 33%;
  opacity: 0.6;
}
.diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-image .video-box-no-play .no-video .no-video-label {
  font-size: 16px;
  padding-top: 15px;
  font-weight: inherit;
  font-family: inherit;
  letter-spacing: normal;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-image .video-box-no-play .play-video {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -40%);
}
.diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-image .video-box-no-play .play-video .video_play_icon {
  font-size: 45px;
  text-shadow: 0.5px 0.3px 1px #3b3e3b91;
}
@media (min-width: 1024px) and (max-width: 1200px) {
  .diamond-detials-white-wrapper .diamond-details-header .col-sm-7 {
    padding: 0 !important;
  }
  .diamond-detials-white-wrapper .diamond-details-header .col-sm-7 .page-title {
    padding: 0 !important;
  }
  .diamond-detials-white-wrapper .diamond-details-body .diamond-price-info {
    margin-left: 0 !important;
  }
  .diamond-detials-white-wrapper .diamond-details-body .diamond-price-info .header {
    font-size: 12px;
  }
  .diamond-detials-white-wrapper .diamond-details-body .diamond-price-info .value {
    font-size: 15px !important;
  }
  .diamond-detials-white-wrapper .diamond-details-body .multiple-location-wrapper {
    padding: 25px 0 !important;
  }
  .diamond-detials-white-wrapper .diamond-details-body .company-details {
    padding: 0 0 10px !important;
    width: 100% !important;
  }
  .diamond-detials-white-wrapper .diamond-details-body .company-details .location-address .value {
    margin-right: 10px !important;
  }
  .diamond-detials-white-wrapper .diamond-details-body .comments {
    width: 100% !important;
    padding: 0 0 10px !important;
  }
  .diamond-detials-white-wrapper .diamond-details-body .diamond-details-wrapper .data dt {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 80px;
  }
  .diamond-detials-white-wrapper .diamond-details-body .bmh-buttons {
    width: 20% !important;
  }
  .diamond-detials-white-wrapper .diamond-details-body .diamond-info-render-screen {
    width: 80% !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .diamond-detials-white-wrapper .diamond-details-header .page-title {
    width: 75%;
  }
  .diamond-detials-white-wrapper .left-container {
    display: none;
  }
  .diamond-detials-white-wrapper .right-container {
    max-width: 100%;
    flex: 0 0 100%;
  }
  .diamond-detials-white-wrapper .right-container .diamond-detials-section {
    justify-content: center;
  }
  .diamond-detials-white-wrapper .right-container .diamond-detials-section .diamond-info-render-screen {
    display: flex;
    flex-direction: column;
  }
  .diamond-detials-white-wrapper .right-container .diamond-detials-section .diamond-info-render-screen .diamond-price-info {
    order: 1;
    margin: 0 0 10px !important;
  }
  .diamond-detials-white-wrapper .right-container .diamond-detials-section .diamond-info-render-screen .info, .diamond-detials-white-wrapper .right-container .diamond-detials-section .diamond-info-render-screen app-memo, .diamond-detials-white-wrapper .right-container .diamond-detials-section .diamond-info-render-screen app-buy, .diamond-detials-white-wrapper .right-container .diamond-detials-section .diamond-info-render-screen app-hold, .diamond-detials-white-wrapper .right-container .diamond-detials-section .diamond-info-render-screen app-contact {
    order: 2;
  }
  .diamond-detials-white-wrapper .right-container .diamond-detials-section .diamond-info-render-screen .info .right-hold-section, .diamond-detials-white-wrapper .right-container .diamond-detials-section .diamond-info-render-screen .info .right-memo-section, .diamond-detials-white-wrapper .right-container .diamond-detials-section .diamond-info-render-screen .info .right-buy-section, .diamond-detials-white-wrapper .right-container .diamond-detials-section .diamond-info-render-screen .info .right-contact-section, .diamond-detials-white-wrapper .right-container .diamond-detials-section .diamond-info-render-screen app-memo .right-hold-section, .diamond-detials-white-wrapper .right-container .diamond-detials-section .diamond-info-render-screen app-memo .right-memo-section, .diamond-detials-white-wrapper .right-container .diamond-detials-section .diamond-info-render-screen app-memo .right-buy-section, .diamond-detials-white-wrapper .right-container .diamond-detials-section .diamond-info-render-screen app-memo .right-contact-section, .diamond-detials-white-wrapper .right-container .diamond-detials-section .diamond-info-render-screen app-buy .right-hold-section, .diamond-detials-white-wrapper .right-container .diamond-detials-section .diamond-info-render-screen app-buy .right-memo-section, .diamond-detials-white-wrapper .right-container .diamond-detials-section .diamond-info-render-screen app-buy .right-buy-section, .diamond-detials-white-wrapper .right-container .diamond-detials-section .diamond-info-render-screen app-buy .right-contact-section, .diamond-detials-white-wrapper .right-container .diamond-detials-section .diamond-info-render-screen app-hold .right-hold-section, .diamond-detials-white-wrapper .right-container .diamond-detials-section .diamond-info-render-screen app-hold .right-memo-section, .diamond-detials-white-wrapper .right-container .diamond-detials-section .diamond-info-render-screen app-hold .right-buy-section, .diamond-detials-white-wrapper .right-container .diamond-detials-section .diamond-info-render-screen app-hold .right-contact-section, .diamond-detials-white-wrapper .right-container .diamond-detials-section .diamond-info-render-screen app-contact .right-hold-section, .diamond-detials-white-wrapper .right-container .diamond-detials-section .diamond-info-render-screen app-contact .right-memo-section, .diamond-detials-white-wrapper .right-container .diamond-detials-section .diamond-info-render-screen app-contact .right-buy-section, .diamond-detials-white-wrapper .right-container .diamond-detials-section .diamond-info-render-screen app-contact .right-contact-section {
    width: 85%;
  }
  .diamond-detials-white-wrapper .right-container .diamond-detials-section .diamond-info-render-screen .multiple-location-wrapper {
    order: 3;
    padding: 25px 0 10px;
  }
  .diamond-detials-white-wrapper .right-container .diamond-detials-section .diamond-info-render-screen .company-details {
    order: 4;
    width: 100%;
    padding: 10px 0;
  }
  .diamond-detials-white-wrapper .right-container .diamond-detials-section .diamond-info-render-screen .comments {
    order: 5;
    width: 100%;
    padding: 0 !important;
  }
  .diamond-detials-white-wrapper .right-container .diamond-detials-section .diamond-details-wrapper .data dt {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 110px;
  }
  .diamond-detials-white-wrapper .right-container .diamond-detials-section .bmh-buttons {
    width: 12%;
  }
  .diamond-detials-white-wrapper .right-container .price-info-section {
    justify-content: center;
    display: flex;
  }
  .diamond-detials-white-wrapper .right-container .price-info-section .diamond-price-info {
    order: 1;
    margin: 0 0 10px !important;
    display: flex;
    flex-direction: row;
    width: 87%;
  }
  .diamond-detials-white-wrapper .right-container .price-info-section .diamond-price-info .price-info-container {
    width: 40%;
  }
  .diamond-detials-white-wrapper .right-container .price-info-section .diamond-price-info .price-info-container div span.value {
    text-align: right;
  }
  .diamond-detials-white-wrapper .right-container .price-info-section.hidePricesForGuest {
    align-items: center;
  }
  .diamond-detials-white-wrapper .right-container .price-info-section.hidePricesForGuest .diamond-price-info {
    order: 0;
  }
  .diamond-detials-white-wrapper .right-container .price-info-section.hidePricesForGuest .bulk-request {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
  }
}
@media screen and (max-width: 767px) {
  .diamond-detials-white-wrapper {
    padding: 100px 0;
  }
  .diamond-detials-white-wrapper .col-md-4, .diamond-detials-white-wrapper .col-md-8 {
    flex: unset;
    max-width: 100% !important;
  }
  .diamond-detials-white-wrapper .page-title {
    padding-left: 0 !important;
  }
  .diamond-detials-white-wrapper .full-screen-diamond-overlay {
    position: fixed;
    height: 100vh;
  }
}
@media screen and (max-width: 767px) and (max-width: 480px) {
  .diamond-detials-white-wrapper .full-screen-diamond-overlay .video-box {
    width: 100%;
    height: unset;
    padding-bottom: 100%;
    position: relative;
  }
  .diamond-detials-white-wrapper .full-screen-diamond-overlay .video-box iframe, .diamond-detials-white-wrapper .full-screen-diamond-overlay .video-box video {
    position: absolute;
    top: 0;
    left: 0;
  }
  .diamond-detials-white-wrapper .full-screen-diamond-overlay .svg-box {
    text-align: center;
    padding: 12% 0% 8% 0% !important;
  }
  .diamond-detials-white-wrapper .full-screen-diamond-overlay .svg-box span {
    font-size: 180px !important;
  }
  .diamond-detials-white-wrapper .full-screen-diamond-overlay .svg-box .no-img-popup-label {
    font-size: 23px !important;
  }
}
@media screen and (max-width: 767px) {
  .diamond-detials-white-wrapper .diamond-details-body {
    flex-wrap: wrap;
  }
  .diamond-detials-white-wrapper .diamond-details-body .multiple-location-wrapper {
    padding: 25px 0 10px;
  }
  .diamond-detials-white-wrapper .diamond-details-body .company-details {
    padding: 0;
    width: 100%;
  }
  .diamond-detials-white-wrapper .diamond-details-body .comments {
    width: 100%;
    padding: 0;
  }
  .diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section {
    justify-content: center;
  }
  .diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info .details .data {
    display: flex;
  }
  .diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-price-info {
    margin: 15px 0;
  }
  .diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-price-info .price-info-container div span.value {
    text-align: right;
  }
  .diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-price-info .bulk-request {
    margin-top: 15px;
  }
  .diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-price-info .header {
    font-size: 14px;
  }
  .diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-price-info .value {
    font-size: 18px !important;
  }
  .diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .bmh-buttons {
    width: 15%;
  }
}
@media screen and (max-width: 767px) and (max-width: 790px) {
  .diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section {
    flex-direction: column-reverse;
  }
  .diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image {
    flex-direction: column-reverse !important;
  }
  .diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-image {
    width: 260px;
    margin: 0 auto;
  }
  .diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-info {
    background-color: unset !important;
    padding: 0 20px;
    display: flex;
    flex-direction: column;
  }
  .diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-info .diamond-details-wrapper {
    padding: 10px 20px;
    background-color: #E9E9EB;
    background-color: var(--main_bg_highlight, #E9E9EB) !important;
  }
  .diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-info .diamond-details-wrapper .details .col-md-12 {
    max-width: 50% !important;
    flex: 0 0 50% !important;
  }
  .diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-info .diamond-details-wrapper .details .data {
    min-width: 135px;
  }
  .diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-info .diamond-details-wrapper .details .data dt {
    max-width: 80px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-info .diamond-price-info {
    margin-top: 15px;
  }
  .diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-info .multiple-location-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
  .diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-info .company-details {
    margin: 10px 0;
  }
  .diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-info .comments {
    order: 1;
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  .diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-info .comments .label {
    margin-bottom: 10px;
  }
  .diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .image-box, .diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .video-cover {
    margin: 0 auto;
  }
  .diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .info {
    order: 1;
  }
  .diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .bmh-buttons {
    width: 100%;
  }
  .diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .bmh-buttons ul {
    display: flex;
    margin: 0;
    justify-content: space-around;
  }
  .diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .bmh-buttons ul li {
    width: 80px;
    border-radius: 50% !important;
    flex-direction: column-reverse;
  }
  .diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .bmh-buttons ul li .image {
    margin-left: 0 !important;
    margin-top: 0 !important;
  }
}
@media screen and (max-width: 767px) and (max-width: 380px) {
  .diamond-detials-white-wrapper .diamond-details-body .diamond-info {
    padding: 0 10px !important;
  }
  .diamond-detials-white-wrapper .diamond-details-body .diamond-info .diamond-details-wrapper {
    padding: 10px !important;
  }
}
@media screen and (max-width: 767px) {
  .diamond-detials-white-wrapper .diamond-details-body > div:not(:first-child) {
    padding: 0 !important;
  }
}
.diamond-detials-white-wrapper .video-chat-btn-wrapper {
  display: block !important;
}
.diamond-detials-white-wrapper .video-chat-btn-wrapper .join-chat-btn {
  display: flex;
  line-height: 18px;
  align-items: center;
  justify-content: center;
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
  font-size: 18px;
  font-weight: 400;
  border-radius: 35px;
  height: 50px;
  width: 320px;
  margin: 20px auto 10px;
  height: 48px;
  width: 274px;
  border: 0;
  outline: none;
  background-color: #4EC123;
  background-color: var(--video_chat_available_bg_color, #4EC123) !important;
  color: #ffffff;
  color: var(--video_chat_available_font_color, #ffffff) !important;
}
.diamond-detials-white-wrapper .video-chat-btn-wrapper .join-chat-btn:not(.available) {
  background-color: #BFBFC3;
  background-color: var(--option_btn_disabled_color, #BFBFC3) !important;
  color: #FFFFFF;
  color: var(--option_btn_disabled_font_color, #FFFFFF) !important;
  pointer-events: none;
}
.diamond-detials-white-wrapper .video-chat-btn-wrapper .supplier-availability-text {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.diamond-detials-white-wrapper .video-chat-btn-wrapper .supplier-availability-text i {
  color: #4EC123;
  color: var(--video_chat_available_icon_color, #4EC123) !important;
  margin-left: 10px;
  font-size: 12px;
}
.diamond-detials-white-wrapper .video-chat-btn-wrapper .supplier-availability-text:not(.available) i {
  font-size: 18px;
  color: #BFBFC3;
  color: var(--option_btn_disabled_color, #BFBFC3) !important;
}
.diamond-details-orange-green-wrapper {
  min-height: 100vh;
}
.diamond-details-orange-green-wrapper .video-box > * {
  position: relative;
}
.diamond-details-orange-green-wrapper .video-box > *.videoLoader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.diamond-details-orange-green-wrapper .image-cover {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  background-repeat: no-repeat;
}
.diamond-details-orange-green-wrapper .image-cover svg path {
  fill: #9B9B9B;
  fill: var(--main_bg_font_label_color, #9B9B9B) !important;
  opacity: 0.6;
}
.diamond-details-orange-green-wrapper .image-cover svg {
  width: 225px !important;
  height: 225px !important;
}
.diamond-details-orange-green-wrapper .image-cover .svg-box {
  text-align: center;
  padding-top: 17%;
  opacity: 0.6;
}
.diamond-details-orange-green-wrapper .image-cover .svg-box span {
  font-size: 225px;
  opacity: 0.6;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.diamond-details-orange-green-wrapper .image-cover .svg-box .no-image-label {
  font-size: 24px;
  margin-top: 21px;
  text-align: center;
  font-weight: inherit;
  font-family: inherit;
  letter-spacing: normal;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.diamond-details-orange-green-wrapper .diamond-info {
  flex: 0 0 auto;
  padding: 45px 30px 0;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
.diamond-details-orange-green-wrapper .diamond-info span.header {
  font-weight: 700;
  font-size: 18px;
  line-height: 18px;
  display: block;
  margin-bottom: 30px;
}
.diamond-details-orange-green-wrapper .diamond-info .data {
  margin-bottom: 15px;
  display: flex;
  align-items: center;
}
.diamond-details-orange-green-wrapper .diamond-info .data dd {
  width: 65px;
  display: inline-block;
  font-weight: 400;
  font-size: 13px;
}
.diamond-details-orange-green-wrapper .diamond-info .data dt {
  display: inline-block;
  font-weight: 500;
  font-size: 15px;
  margin-left: 10px;
}
.diamond-details-orange-green-wrapper .diamond-info .ha {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 20px;
}
.diamond-details-orange-green-wrapper .diamond-info .ha i {
  font-size: 20px;
}
.diamond-details-orange-green-wrapper .diamond-details-orange-green-container {
  margin: 0 !important;
  width: 100%;
  min-height: 100vh;
}
@media screen and (max-width: 768px) {
  .diamond-details-orange-green-wrapper .diamond-details-orange-green-container .details .row .col-md-12 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .diamond-details-orange-green-wrapper .diamond-details-orange-green-container span.header {
    text-align: center !important;
  }
}
.diamond-details-orange-green-wrapper .diamond-details-orange-green-container .diamond-details-wrapper .data dt {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media screen and (max-width: 560px) {
  .diamond-details-orange-green-wrapper .diamond-details-orange-green-container .diamond-details-wrapper .col-6 {
    padding: 0;
  }
  .diamond-details-orange-green-wrapper .diamond-details-orange-green-container .diamond-details-wrapper .col-6 .data {
    display: flex;
  }
  .diamond-details-orange-green-wrapper .diamond-details-orange-green-container .diamond-details-wrapper .col-6 .data dd {
    width: 55px;
  }
  .diamond-details-orange-green-wrapper .diamond-details-orange-green-container .diamond-details-wrapper .col-6 .data dt {
    font-size: 13px;
    width: 75px;
  }
}
@media (min-width: 561px) and (max-width: 768px) {
  .diamond-details-orange-green-wrapper .diamond-details-orange-green-container .diamond-details-wrapper dt {
    width: 95px;
  }
}
@media (min-width: 769px) and (max-width: 850px) {
  .diamond-details-orange-green-wrapper .diamond-details-orange-green-container .diamond-details-wrapper dt {
    width: 95px;
  }
}
.diamond-details-orange-green-wrapper .media-container {
  background-color: #373640;
  background-color: var(--price_mode_bg, #373640) !important;
  flex: 1 1 auto;
  padding: 20px 15px;
}
.diamond-details-orange-green-wrapper .media-container .short-title {
  font-size: 28px;
  font-weight: 400;
  color: #FFFFFF;
  color: var(--price_mode_font, #FFFFFF) !important;
  display: block;
  margin-top: 10px;
}
.diamond-details-orange-green-wrapper .media-container .image-box,
.diamond-details-orange-green-wrapper .media-container .video-box {
  position: relative;
}
.diamond-details-orange-green-wrapper .media-container .image-box .mark-favorite,
.diamond-details-orange-green-wrapper .media-container .video-box .mark-favorite {
  display: inline-flex;
  position: absolute;
  left: 5%;
  top: 20px;
  z-index: 2;
}
.diamond-details-orange-green-wrapper .media-container .image-box .mark-favorite .path1,
.diamond-details-orange-green-wrapper .media-container .video-box .mark-favorite .path1 {
  color: #804294;
  color: var(--heart_outline_off_icon_color, #804294) !important;
  font-size: 31px;
}
.diamond-details-orange-green-wrapper .media-container .image-box .mark-favorite .path2,
.diamond-details-orange-green-wrapper .media-container .video-box .mark-favorite .path2 {
  color: #804294;
  color: var(--heart_outline_off_icon_color, #804294) !important;
  font-size: 31px;
}
.diamond-details-orange-green-wrapper .media-container .image-box .mark-favorite .path3,
.diamond-details-orange-green-wrapper .media-container .video-box .mark-favorite .path3 {
  color: #FFFFFF;
  color: var(--heart_bg_off_icon_color, #FFFFFF) !important;
  font-size: 31px;
}
.diamond-details-orange-green-wrapper .media-container .image-box .mark-favorite.favorited .path1,
.diamond-details-orange-green-wrapper .media-container .video-box .mark-favorite.favorited .path1 {
  color: #FFFFFF;
  color: var(--heart_outline_on_icon_color, #FFFFFF) !important;
}
.diamond-details-orange-green-wrapper .media-container .image-box .mark-favorite.favorited .path2,
.diamond-details-orange-green-wrapper .media-container .video-box .mark-favorite.favorited .path2 {
  color: #FFFFFF;
  color: var(--heart_outline_on_icon_color, #FFFFFF) !important;
}
.diamond-details-orange-green-wrapper .media-container .image-box .mark-favorite.favorited .path3,
.diamond-details-orange-green-wrapper .media-container .video-box .mark-favorite.favorited .path3 {
  color: #804294;
  color: var(--heart_bg_on_icon_color, #804294) !important;
}
.diamond-details-orange-green-wrapper .media-container .image-box .external-link,
.diamond-details-orange-green-wrapper .media-container .video-box .external-link {
  display: block;
  width: 190px;
  margin: 0 auto;
}
.diamond-details-orange-green-wrapper .media-container .image-box {
  height: 400px;
  width: 400px;
  margin: 60px auto 30px;
}
.diamond-details-orange-green-wrapper .media-container .image-box .image-cover {
  width: 100%;
  height: 100%;
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.diamond-details-orange-green-wrapper .media-container .image-box .image-cover img {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  background-color: var(--image_bg_color, #FFFFFF) !important;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-fit: var(--cover_image_bg_size, cover) !important;
     object-fit: var(--cover_image_bg_size, cover) !important;
}
@media (min-width: 320px) and (max-width: 767px) {
  .diamond-details-orange-green-wrapper .media-container .no-video {
    height: 100% !important;
    display: block;
  }
  .diamond-details-orange-green-wrapper .media-container .no-video .svg-box {
    opacity: 0.6;
    margin: 0;
    padding-top: 0px !important;
    left: 50% !important;
    position: absolute;
    top: 50% !important;
    transform: translate(-50%, -50%);
  }
}
.diamond-details-orange-green-wrapper .media-container .video-box {
  height: 400px;
  width: 400px;
  margin: 60px auto 30px;
  background-color: #4b4a53;
}
.diamond-details-orange-green-wrapper .media-container .video-box .no-video {
  height: 400px;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #ebebec;
}
.diamond-details-orange-green-wrapper .media-container .video-box .no-video svg path {
  fill: #9B9B9B;
  fill: var(--main_bg_font_label_color, #9B9B9B) !important;
  opacity: 0.6;
}
.diamond-details-orange-green-wrapper .media-container .video-box .no-video .svg-box {
  text-align: center;
  padding-top: 33%;
  opacity: 0.6;
}
.diamond-details-orange-green-wrapper .media-container .video-box .no-video .no-video-label {
  font-size: 16px;
  padding-top: 15px;
  font-weight: inherit;
  font-family: inherit;
  letter-spacing: normal;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.diamond-details-orange-green-wrapper .media-container .video-box iframe,
.diamond-details-orange-green-wrapper .media-container .video-box video {
  width: 100%;
  height: 100%;
}
.diamond-details-orange-green-wrapper .media-container .video-box .external-link {
  display: block;
  width: 190px;
  margin: 0 auto;
}
.diamond-details-orange-green-wrapper .media-container .video-box .video-box-external-play {
  position: relative;
}
.diamond-details-orange-green-wrapper .media-container .video-box .video-box-external-play .video-cover {
  height: 400px;
  width: 400px;
  display: block;
  background-size: cover;
  background-position: center;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
.diamond-details-orange-green-wrapper .media-container .video-box .video-box-external-play .video-cover img {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  background-color: var(--image_bg_color, #FFFFFF) !important;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-fit: var(--cover_image_bg_size, cover) !important;
     object-fit: var(--cover_image_bg_size, cover) !important;
}
.diamond-details-orange-green-wrapper .media-container .video-box .video-box-external-play .video-box-shadow {
  position: absolute;
  width: 100%;
  top: 0px;
  background: rgba(0, 0, 0, 0.2);
  height: 100%;
}
.diamond-details-orange-green-wrapper .media-container .video-box .video-box-external-play .play-video {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -40%);
}
.diamond-details-orange-green-wrapper .media-container .video-box .video-box-external-play .play-video .video_play_icon {
  font-size: 45px;
  text-shadow: 0.5px 0.3px 1px #3b3e3b91;
}
.diamond-details-orange-green-wrapper .media-container .request-box {
  height: 525px;
  width: 700px;
  margin: 60px auto 30px;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
.diamond-details-orange-green-wrapper .media-container .request-box .header-section, .diamond-details-orange-green-wrapper .media-container .request-box .comments-section {
  text-align: center;
}
.diamond-details-orange-green-wrapper .media-container .request-box .header-section {
  padding: 10px 0;
}
.diamond-details-orange-green-wrapper .media-container .request-box .header-section p {
  font-size: 32px;
  position: relative;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.diamond-details-orange-green-wrapper .media-container .request-box .header-section .cancel-request {
  position: absolute;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  right: 5%;
  font-size: 20px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.diamond-details-orange-green-wrapper .media-container .request-box .comments-section {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.diamond-details-orange-green-wrapper .media-container .request-box .comments-section p {
  margin-bottom: 6px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.diamond-details-orange-green-wrapper .media-container .request-box .comments-section textarea::-webkit-input-placeholder {
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
}
.diamond-details-orange-green-wrapper .media-container .request-box .comments-section textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
}
.diamond-details-orange-green-wrapper .media-container .request-box .comments-section textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
}
.diamond-details-orange-green-wrapper .media-container .request-box .comments-section textarea:-ms-input-placeholder {
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
}
.diamond-details-orange-green-wrapper .media-container .request-box .comments-section a {
  margin-top: 25px;
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
}
.diamond-details-orange-green-wrapper .media-container .price {
  width: 100%;
  margin: 0 auto;
  color: #FFFFFF;
  color: var(--price_mode_font, #FFFFFF) !important;
  font-size: 36px;
  text-align: center;
  font-weight: 500;
}
.diamond-details-orange-green-wrapper .media-container .request {
  width: 400px;
  margin: 30px auto;
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
  font-size: 36px;
  text-align: center;
  font-weight: 500;
  order: 5;
}
.diamond-details-orange-green-wrapper .media-container .add-to-cart {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 25px;
}
.diamond-details-orange-green-wrapper .media-container .add-to-cart button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 65px;
  width: 250px;
  border-radius: 50px;
  border-color: transparent;
  cursor: pointer;
  outline: none;
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
}
.diamond-details-orange-green-wrapper .media-container .add-to-cart button .label {
  font-size: 22px;
  font-weight: 400;
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
}
.diamond-details-orange-green-wrapper .media-container .add-to-cart button .vi {
  font-size: 25px;
  margin-right: 15px;
  margin-left: -10px;
  color: #FFFFFF;
  color: var(--action_btn_static_icon_color, #FFFFFF) !important;
}
.diamond-details-orange-green-wrapper .media-container .add-to-cart button.disabled {
  border: 0;
  background-color: #BFBFC3;
  background-color: var(--option_btn_disabled_color, #BFBFC3) !important;
  color: #FFFFFF;
  color: var(--option_btn_disabled_font_color, #FFFFFF) !important;
}
.diamond-details-orange-green-wrapper .media-container .add-to-cart button.disabled .vi {
  margin-left: -20px;
  color: #FFFFFF;
  color: var(--option_btn_disabled_icon_color, #FFFFFF) !important;
}
.diamond-details-orange-green-wrapper .media-container .stock-wrapper-og span {
  font-size: 20px;
  color: #FFFFFF;
  color: var(--price_mode_font, #FFFFFF) !important;
  font-weight: 400;
  display: inline-block;
  margin-right: 5px;
}
.diamond-details-orange-green-wrapper .media-container .stock-wrapper-og .stock_num {
  margin: 0;
  font-size: 20px;
  display: inline-block;
  font-weight: 700;
  color: #FFFFFF;
  color: var(--price_mode_font, #FFFFFF) !important;
}
.diamond-details-orange-green-wrapper .media-container .stock-wrapper-og .diamond-available-wrapper {
  display: inline-block;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  margin-right: 5px;
}
.diamond-details-orange-green-wrapper .media-container .stock-wrapper-og .diamond-available-wrapper.yes {
  background-color: #7ED321;
}
.diamond-details-orange-green-wrapper .media-container .stock-wrapper-og .diamond-available-wrapper.no {
  background-color: #d0021b;
}
.diamond-details-orange-green-wrapper .media-container .bmh-orange {
  display: flex;
  flex-wrap: wrap;
}
.diamond-details-orange-green-wrapper .media-container .bmh-orange .image-container {
  width: 600px;
  margin: 0 0 0 5%;
}
.diamond-details-orange-green-wrapper .media-container .bmh-orange .image-container .image-box {
  margin: 60px 0 30px auto;
}
.diamond-details-orange-green-wrapper .media-container .bmh-orange .bmh-pages {
  width: 600px;
  margin: 60px 0 0 5%;
}
.diamond-details-orange-green-wrapper .media-container .bmh-orange .bmh-pages .go-to-info {
  float: right;
  margin-right: 20px;
  margin-top: 12px;
  color: #804294;
  color: var(--main_bg_icon_color, #804294) !important;
  cursor: pointer;
}
.diamond-details-orange-green-wrapper .media-container .bmh-orange .bmh-buttons {
  width: auto;
}
.diamond-details-orange-green-wrapper .media-container .bmh-orange .bmh-buttons ul {
  margin: 60px 0 0 0;
}
@media screen and (max-width: 480px) {
  .diamond-details-orange-green-wrapper .media-container.responsive .image-box, .diamond-details-orange-green-wrapper .media-container.responsive .video-box {
    width: 300px;
    height: 300px;
    overflow: scroll;
  }
  .diamond-details-orange-green-wrapper .media-container.responsive .image-box video, .diamond-details-orange-green-wrapper .media-container.responsive .image-box iframe, .diamond-details-orange-green-wrapper .media-container.responsive .video-box video, .diamond-details-orange-green-wrapper .media-container.responsive .video-box iframe {
    width: 1px;
    height: 1px;
    min-width: 100%;
    min-height: 100%;
  }
  .diamond-details-orange-green-wrapper .media-container.responsive .image-box .external-link, .diamond-details-orange-green-wrapper .media-container.responsive .video-box .external-link {
    display: block;
    width: 190px;
    margin: 0 auto;
  }
  .diamond-details-orange-green-wrapper .media-container.responsive .image-box .video-box-external-play .video-cover, .diamond-details-orange-green-wrapper .media-container.responsive .video-box .video-box-external-play .video-cover {
    height: 300px;
    width: 300px;
  }
  .diamond-details-orange-green-wrapper .media-container.responsive .image-box .video-box-external-play .video-cover img, .diamond-details-orange-green-wrapper .media-container.responsive .video-box .video-box-external-play .video-cover img {
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    background-color: var(--image_bg_color, #FFFFFF) !important;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-fit: var(--cover_image_bg_size, cover) !important;
       object-fit: var(--cover_image_bg_size, cover) !important;
  }
  .diamond-details-orange-green-wrapper .media-container.responsive .image-box .video-box-external-play .video-box-shadow, .diamond-details-orange-green-wrapper .media-container.responsive .video-box .video-box-external-play .video-box-shadow {
    position: absolute;
    width: 100%;
    top: 0px;
    background: rgba(0, 0, 0, 0.2);
    height: 100%;
  }
  .diamond-details-orange-green-wrapper .media-container.responsive .request-box {
    width: 100%;
  }
  .diamond-details-orange-green-wrapper .media-container.responsive .request-box .header-section p {
    font-size: 24px;
  }
  .diamond-details-orange-green-wrapper .media-container.responsive .price {
    width: 100%;
  }
}
@media (min-width: 481px) and (max-width: 1366px) {
  .diamond-details-orange-green-wrapper .media-container.responsive .video-box {
    width: 400px;
    height: 400px;
    overflow: scroll;
  }
  .diamond-details-orange-green-wrapper .media-container.responsive .video-box video, .diamond-details-orange-green-wrapper .media-container.responsive .video-box iframe {
    width: 1px;
    height: 1px;
    min-width: 100%;
    min-height: 100%;
  }
  .diamond-details-orange-green-wrapper .media-container.responsive .video-box .external-link {
    display: block;
    width: 190px;
    margin: 0 auto;
  }
  .diamond-details-orange-green-wrapper .media-container.responsive .video-box .video-box-external-play .video-cover {
    height: 400px;
    width: 400px;
    display: block;
  }
  .diamond-details-orange-green-wrapper .media-container.responsive .video-box .video-box-external-play .video-cover img {
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    background-color: var(--image_bg_color, #FFFFFF) !important;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-fit: var(--cover_image_bg_size, cover) !important;
       object-fit: var(--cover_image_bg_size, cover) !important;
  }
  .diamond-details-orange-green-wrapper .media-container.responsive .video-box .video-box-external-play .video-box-shadow {
    position: absolute;
    width: 100%;
    top: 0px;
    background: rgba(0, 0, 0, 0.2);
    height: 100%;
  }
  .diamond-details-orange-green-wrapper .media-container.responsive .bmh-orange {
    justify-content: center;
  }
  .diamond-details-orange-green-wrapper .media-container.responsive .bmh-orange .image-container {
    width: 400px;
    margin-left: 100px;
  }
}
@media (min-width: 870px) and (max-width: 1023px) {
  .diamond-details-orange-green-wrapper .media-container.responsive .bmh-orange .image-container {
    margin-left: 0;
  }
}
@media (min-width: 636px) and (max-width: 768px) {
  .diamond-details-orange-green-wrapper .media-container.responsive .bmh-pages {
    width: 485px;
    margin: 60px 0 0;
  }
}
@media (min-width: 768px) and (max-width: 1170px), (min-width: 320px) and (max-width: 635px) {
  .diamond-details-orange-green-wrapper .media-container.responsive .bmh-orange .image-container {
    margin: unset;
    order: 3;
  }
  .diamond-details-orange-green-wrapper .media-container.responsive .bmh-orange .image-container .image-box {
    margin: 0 auto;
  }
  .diamond-details-orange-green-wrapper .media-container.responsive .bmh-orange .bmh-buttons {
    width: 100%;
    order: 1;
    margin: 15px 0;
  }
  .diamond-details-orange-green-wrapper .media-container.responsive .bmh-orange .bmh-buttons ul {
    display: flex;
    margin: 0;
    justify-content: space-around;
  }
  .diamond-details-orange-green-wrapper .media-container.responsive .bmh-orange .bmh-buttons ul li {
    width: 80px;
    border-radius: 50% !important;
    flex-direction: column-reverse;
  }
  .diamond-details-orange-green-wrapper .media-container.responsive .bmh-orange .bmh-buttons ul li .image {
    margin-left: 0 !important;
    margin-top: 0 !important;
  }
  .diamond-details-orange-green-wrapper .media-container.responsive .bmh-orange .bmh-pages {
    order: 2;
    width: 100%;
    margin: 0 auto;
  }
  .diamond-details-orange-green-wrapper .media-container.responsive .bmh-orange .bmh-pages .left-basic-stats {
    display: none;
  }
  .diamond-details-orange-green-wrapper .media-container.responsive .bmh-orange .bmh-pages .right-buy-section, .diamond-details-orange-green-wrapper .media-container.responsive .bmh-orange .bmh-pages .right-memo-section, .diamond-details-orange-green-wrapper .media-container.responsive .bmh-orange .bmh-pages .right-hold-section {
    width: 100%;
  }
  .diamond-details-orange-green-wrapper .media-container.responsive .bmh-orange .bmh-pages .right-buy-section .memo-submit, .diamond-details-orange-green-wrapper .media-container.responsive .bmh-orange .bmh-pages .right-memo-section .memo-submit, .diamond-details-orange-green-wrapper .media-container.responsive .bmh-orange .bmh-pages .right-hold-section .memo-submit {
    position: unset;
    margin-bottom: 15px;
  }
  .diamond-details-orange-green-wrapper .media-container.responsive .bmh-orange .bmh-pages .buy, .diamond-details-orange-green-wrapper .media-container.responsive .bmh-orange .bmh-pages .memo, .diamond-details-orange-green-wrapper .media-container.responsive .bmh-orange .bmh-pages .hold {
    margin-right: unset;
  }
  .diamond-details-orange-green-wrapper .media-container.responsive .bmh-orange .price {
    order: 4;
  }
  .diamond-details-orange-green-wrapper .media-container.responsive .bmh-orange .add-to-cart {
    order: 5;
  }
}
@media (min-width: 1170px) and (max-width: 1300px) {
  .diamond-details-orange-green-wrapper .media-container.responsive .bmh-pages {
    margin: 60px 0 0;
  }
}
@media screen and (max-width: 1150px) {
  .diamond-details-orange-green-wrapper .media-container.responsive .item-details-header {
    width: 100%;
    max-width: 100%;
    text-align: center;
    margin-top: 100px;
  }
  .diamond-details-orange-green-wrapper .media-container.responsive .request-box {
    width: 100%;
  }
}
@media screen and (max-width: 900px) {
  .diamond-details-orange-green-wrapper .media-container.responsive .request-box textarea {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .diamond-details-orange-green-wrapper .diamond-details-orange-green-container {
    flex-direction: column-reverse !important;
  }
  .diamond-details-orange-green-wrapper .diamond-details-orange-green-container .diamond-info, .diamond-details-orange-green-wrapper .diamond-details-orange-green-container .media-container {
    max-width: 100% !important;
  }
}
@media (min-width: 320px) and (max-width: 600px) {
  .diamond-details-orange-green-wrapper .diamond-details-orange-green-container .image-cover {
    background-color: #E9E9EB;
    background-color: var(--main_bg_highlight, #E9E9EB) !important;
    background-repeat: no-repeat;
  }
  .diamond-details-orange-green-wrapper .diamond-details-orange-green-container .image-cover svg path {
    fill: #9B9B9B;
    fill: var(--main_bg_font_label_color, #9B9B9B) !important;
    opacity: 0.6;
  }
  .diamond-details-orange-green-wrapper .diamond-details-orange-green-container .image-cover svg {
    width: 161px !important;
    height: 161px !important;
  }
  .diamond-details-orange-green-wrapper .diamond-details-orange-green-container .image-cover .svg-box {
    text-align: center;
    padding-top: 17%;
    opacity: 0.6;
  }
  .diamond-details-orange-green-wrapper .diamond-details-orange-green-container .image-cover .svg-box span {
    font-size: 161px;
    opacity: 0.6;
    color: #9B9B9B;
    color: var(--main_bg_font_label_color, #9B9B9B) !important;
  }
  .diamond-details-orange-green-wrapper .diamond-details-orange-green-container .image-cover .svg-box .no-image-label {
    font-size: 18px !important;
    margin-top: 27px !important;
    text-align: center;
    font-weight: inherit;
    font-family: inherit;
    letter-spacing: normal;
    color: #9B9B9B;
    color: var(--main_bg_font_label_color, #9B9B9B) !important;
  }
}
.diamond-details-orange-green-wrapper .request {
  margin: 35px auto;
  color: #FFFFFF;
  font-size: 36px;
  text-align: center;
  font-weight: 500;
}
.multiple-location-wrapper {
  padding: 25px 35px 25px 40px;
  padding-bottom: 10px;
}
.multiple-location-wrapper .company-name {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 5px;
  position: relative;
  display: flex;
  align-items: center;
}
.multiple-location-wrapper .company-name .icon {
  font-size: 25px;
  left: 5%;
  color: #804294;
  color: var(--main_bg_icon_color, #804294) !important;
}
.multiple-location-wrapper .company-name .branding_logo {
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.multiple-location-wrapper .company-name .vendor-name {
  margin-left: 10px;
}
.multiple-location-wrapper .multiple-location {
  width: 100%;
}
.multiple-location-wrapper .multiple-location .multiple-location-toggle {
  height: 40px;
  width: 100%;
  background-color: #ffffff;
  border: 0;
  border-radius: 20px;
  color: black;
  box-shadow: unset;
  outline: none;
}
.multiple-location-wrapper .multiple-location .multiple-location-toggle::after {
  display: none;
}
.multiple-location-wrapper .multiple-location .multiple-location-toggle .company-dropdown-name {
  width: 70%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
}
.multiple-location-wrapper .multiple-location .multiple-location-toggle .vi {
  font-size: 25px;
  padding: 0 10px;
}
.multiple-location-wrapper .multiple-location .multiple-location-toggle .icon_sort_arrow_down,
.multiple-location-wrapper .multiple-location .multiple-location-toggle .icon_sort_arrow_up {
  padding: 10px;
}
.multiple-location-wrapper .multiple-location .multiple-location-menu {
  width: 100%;
  border: none;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  margin-top: -1px;
}
.multiple-location-wrapper .multiple-location .multiple-location-menu li {
  margin: 0 15px 0 40px;
  border: 1px solid transparent;
}
.multiple-location-wrapper .multiple-location .multiple-location-menu li a {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.multiple-location-wrapper .multiple-location .multiple-location-menu li a span {
  margin-top: 3px;
}
.multiple-location-wrapper .multiple-location .multiple-location-menu li a .selected-location {
  width: 85%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.multiple-location-wrapper .multiple-location .multiple-location-menu li a.selected {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
}
.multiple-location-wrapper .multiple-location.show .multiple-location-toggle {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.display-flex {
  display: flex;
  min-height: 100vh;
}
.bmh-buttons {
  width: 25%;
}
.bmh-buttons .tooltip .tooltip-inner {
  max-width: 240px !important;
  width: 240px !important;
  padding: 10px;
}
.bmh-buttons ul {
  padding: 0;
  margin: 0 0 0 5px;
  list-style: none;
}
.bmh-buttons ul li {
  width: 110px;
  height: 80px;
  color: #ffffff;
  border-radius: 0 100px 100px 0;
  margin-bottom: 10px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.bmh-buttons ul li p {
  font-size: 13px;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 0;
}
.bmh-buttons ul li span.image {
  font-size: 20px;
  margin-top: -5px;
  margin-left: 10px;
}
.bmh-buttons ul li.memo {
  background-color: #804294;
  background-color: var(--bmh_button_memo_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--bmh_button_memo_static_font_color, #FFFFFF) !important;
}
.bmh-buttons ul li.memo span.image {
  color: #FFFFFF;
  color: var(--bmh_button_memo_static_icon_color, #FFFFFF) !important;
}
.bmh-buttons ul li.memo.cannot-accept-memo {
  background-color: rgba(55, 54, 64, 0.22);
  color: #9B9B9B;
  cursor: default;
}
.bmh-buttons ul li.memo.cannot-accept-memo span.image {
  color: #9B9B9B;
}
.bmh-buttons ul li.memo.selected {
  margin-left: -10px;
  width: 120px;
  border: 2px solid;
  background-color: #E9E9EB;
  background-color: var(--bmh_button_memo_active_color, #E9E9EB) !important;
  border-color: #804294;
  border-color: var(--bmh_button_memo_active_font_color, #804294) !important;
  color: #804294;
  color: var(--bmh_button_memo_active_font_color, #804294) !important;
}
.bmh-buttons ul li.memo.selected span.image {
  color: #804294;
  color: var(--bmh_button_memo_active_icon_color, #804294) !important;
}
.bmh-buttons ul li.buy {
  background-color: #5cb8a6;
  background-color: var(--bmh_button_buy_static_color, #5cb8a6) !important;
  color: #FFFFFF;
  color: var(--bmh_button_buy_static_font_color, #FFFFFF) !important;
}
.bmh-buttons ul li.buy span.image {
  font-size: 15px;
  color: #FFFFFF;
  color: var(--bmh_button_buy_static_icon_color, #FFFFFF) !important;
}
.bmh-buttons ul li.buy.selected {
  margin-left: -10px;
  width: 120px;
  border: 2px solid;
  background-color: #E9E9EB;
  background-color: var(--bmh_button_buy_active_color, #E9E9EB) !important;
  border-color: #5cb8a6;
  border-color: var(--bmh_button_buy_active_font_color, #5cb8a6) !important;
  color: #5cb8a6;
  color: var(--bmh_button_buy_active_font_color, #5cb8a6) !important;
}
.bmh-buttons ul li.buy.selected span.image {
  color: #5cb8a6;
  color: var(--bmh_button_buy_active_icon_color, #5cb8a6) !important;
}
.bmh-buttons ul li.hold {
  background-color: #e30047;
  background-color: var(--bmh_button_hold_static_color, #e30047) !important;
  color: #FFFFFF;
  color: var(--bmh_button_hold_static_font_color, #FFFFFF) !important;
}
.bmh-buttons ul li.hold span.image {
  color: #FFFFFF;
  color: var(--bmh_button_hold_static_icon_color, #FFFFFF) !important;
}
.bmh-buttons ul li.hold.selected {
  margin-left: -10px;
  width: 120px;
  border: 2px solid;
  background-color: #E9E9EB;
  background-color: var(--bmh_button_hold_active_color, #E9E9EB) !important;
  border-color: #e30047;
  border-color: var(--bmh_button_hold_active_font_color, #e30047) !important;
  color: #e30047;
  color: var(--bmh_button_hold_active_font_color, #e30047) !important;
}
.bmh-buttons ul li.hold.selected span.image {
  color: #e30047;
  color: var(--bmh_button_hold_active_icon_color, #e30047) !important;
}
.bmh-buttons ul li.contact {
  background-color: #4670B6;
  background-color: var(--contact_btn_static_color, #4670B6) !important;
  color: #ffffff;
  color: var(--contact_button_static_font_color, #ffffff) !important;
}
.bmh-buttons ul li.contact span.image {
  color: #ffffff;
  color: var(--contact_button_static_icon_color, #ffffff) !important;
  font-size: 30px !important;
  margin-left: 2px;
}
.bmh-buttons ul li.contact.selected {
  margin-left: -10px;
  width: 120px;
  border: 2px solid;
  background-color: #2956A0;
  background-color: var(--contact_btn_active_color, #2956A0) !important;
  border-color: #2956A0;
  border-color: var(--bmh_button_contact_active_font_color, #2956A0) !important;
  color: #ffffff;
  color: var(--contact_button_active_font_color, #ffffff) !important;
}
.bmh-buttons ul li.contact.selected span.image {
  color: #ffffff;
  color: var(--contact_button_active_icon_color, #ffffff) !important;
}
.bmh-buttons ul li.exhibitor {
  background-color: #4670B6;
  background-color: var(--contact_btn_static_color, #4670B6) !important;
  color: #ffffff;
  color: var(--contact_button_static_font_color, #ffffff) !important;
}
.bmh-buttons ul li.exhibitor span.image {
  color: #ffffff;
  color: var(--contact_button_static_icon_color, #ffffff) !important;
  font-size: 19px !important;
  margin-left: 10px;
}
.bmh-buttons ul li.exhibitor.selected {
  background-color: #2956A0;
  background-color: var(--contact_btn_active_color, #2956A0) !important;
  color: #ffffff;
  color: var(--contact_button_active_font_color, #ffffff) !important;
}
.bmh-buttons ul li.exhibitor.selected span.image {
  color: #ffffff;
  color: var(--contact_button_active_icon_color, #ffffff) !important;
}
@media screen and (min-width: 1920px) {
  span.indicator {
    width: 7px !important;
  }
}
.diamondDetailsContainer {
  max-width: 1090px;
  margin: 0 auto;
}
.diamondDetailsContainer .carousel {
  outline: none !important;
}
@media screen and (min-width: 1650px) {
  .diamondDetailsContainer .full-screen-diamond-overlay .carousel {
    zoom: 100%;
  }
}
@media screen and (min-width: 1800px) {
  .diamondDetailsContainer .full-screen-diamond-overlay .carousel {
    zoom: 100%;
  }
}
@media screen and (min-width: 1950px) {
  .diamondDetailsContainer .full-screen-diamond-overlay .carousel {
    zoom: 100%;
  }
}
@media screen and (min-width: 2100px) {
  .diamondDetailsContainer .full-screen-diamond-overlay .carousel {
    zoom: 100%;
  }
}
@media screen and (min-width: 2250px) {
  .diamondDetailsContainer .full-screen-diamond-overlay .carousel {
    zoom: 100%;
  }
}
.diamondDetailsContainer .full-screen-diamond-overlay .carousel .image-container {
  margin-bottom: 40px;
}
.diamondDetailsContainer .full-screen-diamond-overlay .carousel .image-container .image-cover {
  height: calc(100vh - 260px);
  width: calc(100vh - 260px);
  display: block;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 auto;
}
@media only screen and (min-width: 1950px) {
  .diamondDetailsContainer .full-screen-diamond-overlay .carousel .image-container .image-cover {
    height: calc(100vh - 340px);
    width: calc(100vh - 340px);
  }
}
@media only screen and (max-width: 767px) {
  .diamondDetailsContainer .full-screen-diamond-overlay .carousel .image-container .image-cover {
    height: 300px !important;
    width: 300px !important;
  }
}
.diamondDetailsContainer .full-screen-diamond-overlay .carousel .image-container .image-cover img {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  background-color: var(--image_bg_color, #FFFFFF) !important;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-fit: var(--cover_image_bg_size, cover) !important;
     object-fit: var(--cover_image_bg_size, cover) !important;
}
.diamondDetailsContainer .full-screen-diamond-overlay .carousel .image-container.jewelry-no-image-placeholder {
  background-image: url("../webapp/svg/diamond_detail/icon_detail_page_image_not_available.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #FFFFFF;
  background-color: var(--image_bg_color, #FFFFFF) !important;
  height: calc(100vh - 260px);
  width: calc(100vh - 260px);
  margin: 0 auto;
}
@media only screen and (min-width: 1950px) {
  .diamondDetailsContainer .full-screen-diamond-overlay .carousel .image-container.jewelry-no-image-placeholder {
    height: calc(100vh - 340px);
    width: calc(100vh - 340px);
  }
}
@media only screen and (max-width: 767px) {
  .diamondDetailsContainer .full-screen-diamond-overlay .carousel .image-container.jewelry-no-image-placeholder {
    background-size: contain !important;
    height: 300px !important;
    width: 300px !important;
  }
}
.diamondDetailsContainer .page-title {
  padding: 0 !important;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  margin: 0 0 20px !important;
}
.diamondDetailsContainer .page-title .short-title {
  font-size: 28px;
  font-weight: 500;
  display: block;
  margin-top: 0 !important;
}
.diamondDetailsContainer .page-title .stock_num {
  margin: 0;
  font-size: 20px;
  display: inline-block;
  font-weight: 500;
}
.diamondDetailsContainer .page-title span {
  font-size: 20px;
  font-weight: 400;
}
.diamondDetailsContainer .bulk-request {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 25px;
}
.diamondDetailsContainer .bulk-request.hidePricesForGuest {
  margin-top: 15px;
}
.diamondDetailsContainer .bulk-request button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 48px;
  width: 274px;
  border-radius: 50px;
  border-color: transparent;
  cursor: pointer;
  outline: none;
  background-color: #9264A5;
  background-color: var(--toggle_btn_static_bg_color, #9264A5) !important;
}
.diamondDetailsContainer .bulk-request button .label {
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  color: var(--toggle_btn_static_font_icon_color, #FFFFFF) !important;
}
.diamondDetailsContainer .bulk-request button .vi {
  font-size: 38px;
  margin-right: 5px;
  margin-left: -10px;
  color: #FFFFFF;
  color: var(--toggle_btn_static_font_icon_color, #FFFFFF) !important;
}
.diamondDetailsContainer .bulk-request button.active {
  border: 0;
  background-color: rgba(225, 225, 225, 0);
  background-color: var(--toggle_btn_active_bg_color, rgba(225, 225, 225, 0)) !important;
  color: #9264A5;
  color: var(--toggle_btn_active_font_icon_color, #9264A5) !important;
  border: 2px solid;
  border-color: #9264A5;
  border-color: var(--toggle_btn_active_border_color, #9264A5) !important;
}
.diamondDetailsContainer .bulk-request button.active .label {
  color: #9264A5;
  color: var(--toggle_btn_active_font_icon_color, #9264A5) !important;
}
.diamondDetailsContainer .bulk-request button.active .vi {
  margin-left: -20px;
  color: #9264A5;
  color: var(--toggle_btn_active_font_icon_color, #9264A5) !important;
}
.diamondDetailsContainer .diamond-price-info {
  padding: 10px 20px;
  margin-bottom: 25px;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
@media only screen and (max-width: 1000px) {
  .diamondDetailsContainer .diamond-price-info {
    margin-top: 20px;
  }
}
.diamondDetailsContainer .diamond-price-info .price-info-container div {
  width: 100%;
  text-align: left;
  display: flex;
}
.diamondDetailsContainer .diamond-price-info .price-info-container div span.header {
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  font-weight: 400;
  width: 33%;
  font-size: 14px;
}
.diamondDetailsContainer .diamond-price-info .price-info-container div .status-header {
  color: var(--main_bg_font_label_color, #9B9B9B);
  font-weight: 400;
  width: 33%;
  font-size: 14px;
}
.diamondDetailsContainer .diamond-price-info .price-info-container div span.indicator {
  width: 6px;
  display: contents;
  font-weight: 500;
  font-size: 16px;
}
.diamondDetailsContainer .diamond-price-info .price-info-container div span.indicator .diamond-available-wrapper {
  display: inline-block;
  height: 10px;
  width: 10px;
  border-radius: 50%;
}
.diamondDetailsContainer .diamond-price-info .price-info-container div span.indicator .diamond-available-wrapper.yes {
  background-color: #7ED321;
}
.diamondDetailsContainer .diamond-price-info .price-info-container div span.indicator .diamond-available-wrapper.no {
  background-color: #d0021b;
}
.diamondDetailsContainer .diamond-price-info .price-info-container div span.value {
  display: block;
  width: 40%;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-weight: 500;
  font-size: 16px;
  margin-left: 10px;
  text-align: right;
}
.diamondDetailsContainer .diamond-price-info .price-info-container div:nth-child(2) {
  width: 100%;
}
.diamondDetailsContainer .diamond-price-info .btn-container {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
}
.diamondDetailsContainer .diamond-price-info .btn-container .join-chat-btn {
  margin: 15px auto 0;
}
@media (min-width: 1024px) and (max-width: 1200px) {
  .diamondDetailsContainer .diamond-price-info {
    margin-left: 0 !important;
  }
  .diamondDetailsContainer .diamond-price-info .header {
    font-size: 12px;
  }
  .diamondDetailsContainer .diamond-price-info .value {
    font-size: 15px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .diamondDetailsContainer .diamond-price-info {
    order: 1;
    margin-bottom: 10px !important;
  }
}
@media screen and (max-width: 767px) {
  .diamondDetailsContainer .diamond-price-info .price-info-container div span.value {
    text-align: right;
  }
  .diamondDetailsContainer .diamond-price-info .bulk-request {
    margin-top: 15px;
  }
  .diamondDetailsContainer .diamond-price-info .header {
    font-size: 14px;
  }
  .diamondDetailsContainer .diamond-price-info .value {
    font-size: 18px !important;
  }
}
@media screen and (max-width: 790px) {
  .diamondDetailsContainer .diamond-price-info {
    margin-top: 15px;
  }
}
.diamondDetailsContainer .hidePricesForGuest {
  align-items: center;
}
.diamondDetailsContainer .hidePricesForGuest .diamond-price-info {
  order: 0;
}
.diamondDetailsContainer .hidePricesForGuest .bulk-request {
  margin-top: 0 !important;
  margin-bottom: 10px !important;
}
.diamondDetailsContainer .hideGuestPricesBGCont.price-container {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  padding: 10px !important;
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}
@media only screen and (max-width: 1023px) {
  .diamondDetailsContainer .hideGuestPricesBGCont.price-container {
    margin: 25px 0 25px !important;
  }
}
@media only screen and (max-width: 767px) {
  .diamondDetailsContainer .hideGuestPricesBGCont.price-container {
    margin: -10px -10px 25px !important;
  }
}
.diamondDetailsContainer .hideGuestPricesBGCont.config-price-container {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  padding: 10px !important;
}
.diamondDetailsContainer .details-container {
  display: flex;
  flex-wrap: wrap;
}
.diamondDetailsContainer .details-container .full-screen-diamond-overlay {
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  background-color: var(--light_box, rgba(0, 0, 0, 0.7)) !important;
  height: 100%;
  width: 100%;
  z-index: 99;
}
.diamondDetailsContainer .details-container .full-screen-diamond-overlay.hide {
  display: none;
}
.diamondDetailsContainer .details-container .full-screen-diamond-overlay .close-overlay {
  width: auto;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 120px;
  top: 60px;
  z-index: 99;
  text-align: right;
  height: auto;
  font-size: 24px;
  background-position: center;
  background-repeat: no-repeat;
  color: #FFFFFF;
  color: var(--action_btn_static_icon_color, #FFFFFF) !important;
  cursor: pointer;
}
.diamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel {
  height: calc(100vh - 260px);
  width: 100%;
  margin: 135px auto 30px;
  padding: 0;
  outline: none !important;
}
@media only screen and (min-width: 1950px) {
  .diamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel {
    height: calc(100vh - 340px);
    margin: 170px auto 30px;
  }
}
@media only screen and (max-width: 767px) {
  .diamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel {
    height: auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin: 0 0 40px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    position: absolute;
  }
}
.diamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel.hide {
  display: none;
}
.diamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .carousel-control-next-icon, .diamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .carousel-control-prev-icon {
  height: 34px;
  width: 34px;
}
.diamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .carousel-control-prev,
.diamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .carousel-control-next {
  opacity: 1 !important;
}
.diamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .carousel-control-prev {
  width: 15%;
}
.diamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .carousel-control-prev .carousel-control-prev-icon {
  background-image: url("../webapp/chevron-left.svg");
}
.diamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .carousel-control-next {
  width: 15%;
}
.diamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .carousel-control-next .carousel-control-next-icon {
  background-image: url("../webapp/chevron-right.svg");
}
.diamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .image-cover {
  height: calc(100vh - 260px);
  width: calc(100vh - 260px);
  display: block;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: #ebebec;
  margin: 0 auto;
}
@media only screen and (min-width: 1950px) {
  .diamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .image-cover {
    height: calc(100vh - 340px);
    width: calc(100vh - 340px);
  }
}
@media only screen and (max-width: 767px) {
  .diamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .image-cover {
    height: 300px !important;
    width: 300px !important;
  }
}
.diamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .image-cover img {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  background-color: var(--image_bg_color, #FFFFFF) !important;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-fit: var(--cover_image_bg_size, cover) !important;
     object-fit: var(--cover_image_bg_size, cover) !important;
}
.diamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .video-box {
  height: calc(100vh - 260px);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
@media only screen and (min-width: 1950px) {
  .diamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .video-box {
    height: calc(100vh - 340px);
  }
}
@media only screen and (max-width: 767px) {
  .diamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .video-box {
    height: auto !important;
    width: 300px !important;
    max-width: 100% !important;
  }
}
.diamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .video-box video {
  width: auto;
  height: 100%;
  max-width: 100% !important;
  margin: 0 auto;
  background: #000;
}
@media only screen and (max-width: 767px) {
  .diamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .video-box video {
    height: auto !important;
    width: 300px !important;
  }
}
.diamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .video-box iframe {
  width: 750px;
  height: 100%;
  max-width: 100% !important;
  margin: 0 auto;
}
@media screen and (min-width: 1650px) {
  .diamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .video-box iframe {
    width: 1000px;
  }
}
@media screen and (min-width: 1950px) {
  .diamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .video-box iframe {
    width: 1200px;
  }
}
@media screen and (min-width: 2250px) {
  .diamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .video-box iframe {
    width: 1500px;
  }
}
@media only screen and (max-width: 767px) {
  .diamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .video-box iframe {
    height: 300px !important;
    width: 300px !important;
  }
}
.diamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .video-box .external-link {
  width: calc(100vh - 260px);
  height: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: var(--option_btn_on_color, #9665A6) !important;
  background: #fff;
  text-decoration: none;
  font-size: 16px;
}
@media only screen and (min-width: 1950px) {
  .diamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .video-box .external-link {
    width: calc(100vh - 340px);
  }
}
.diamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .video-box .external-link:hover {
  text-decoration: underline;
}
@media only screen and (max-width: 767px) {
  .diamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .video-box .external-link {
    height: 300px !important;
    width: 300px !important;
  }
}
.diamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .cert {
  height: calc(100vh - 260px);
  width: 70%;
  margin: 0 auto;
}
@media only screen and (min-width: 1950px) {
  .diamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .cert {
    height: calc(100vh - 340px);
  }
}
@media only screen and (max-width: 767px) {
  .diamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .cert {
    height: auto !important;
    width: 300px !important;
  }
}
.diamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .cert::-webkit-scrollbar {
  display: none;
}
.diamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .cert .iframe {
  height: calc(100vh - 260px);
  margin: 0 auto;
}
@media only screen and (min-width: 1950px) {
  .diamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .cert .iframe {
    height: calc(100vh - 340px);
  }
}
@media only screen and (max-width: 767px) {
  .diamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .cert .iframe {
    height: auto !important;
    width: 300px !important;
  }
}
.diamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .cert .image-cert {
  width: 70%;
  height: 100%;
  overflow: auto;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .diamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .cert .image-cert {
    height: auto !important;
    width: 100% !important;
  }
}
.diamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .cert .image-cert img {
  height: 100%;
  width: auto;
  max-width: 100% !important;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .diamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .cert .image-cert img {
    height: auto !important;
    width: 100% !important;
  }
}
.diamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .cert .iframe,
.diamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .cert .pdf-cert {
  width: 750px;
  height: 100%;
  margin: 0 auto;
  min-height: unset !important;
}
@media screen and (min-width: 1650px) {
  .diamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .cert .iframe,
.diamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .cert .pdf-cert {
    width: 1000px;
  }
}
@media screen and (min-width: 1950px) {
  .diamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .cert .iframe,
.diamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .cert .pdf-cert {
    width: 1200px;
  }
}
@media screen and (min-width: 2250px) {
  .diamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .cert .iframe,
.diamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .cert .pdf-cert {
    width: 1500px;
  }
}
@media only screen and (max-width: 767px) {
  .diamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .cert .iframe,
.diamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .cert .pdf-cert {
    height: auto !important;
    width: 100% !important;
  }
}
.diamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .cert .iframe iframe,
.diamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .cert .pdf-cert iframe {
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .diamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .cert .iframe iframe,
.diamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .cert .pdf-cert iframe {
    height: 500px !important;
    width: 100% !important;
  }
}
.diamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .cert .iframe::-webkit-scrollbar,
.diamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .cert .pdf-cert::-webkit-scrollbar {
  display: none;
}
.diamondDetailsContainer .details-container .full-screen-diamond-overlay .media-slides-container {
  display: flex;
  flex-wrap: wrap;
  width: 900px;
  margin: 0 auto;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .diamondDetailsContainer .details-container .full-screen-diamond-overlay .media-slides-container {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
  }
}
.diamondDetailsContainer .details-container .full-screen-diamond-overlay .media-slides-container .media-slide {
  height: 87px;
  width: 87px;
  margin-right: 10px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12);
  cursor: pointer;
  border: 1px solid;
  border-color: transparent;
}
.diamondDetailsContainer .details-container .full-screen-diamond-overlay .media-slides-container .media-slide .image-container {
  background-size: contain;
  background-repeat: no-repeat;
  width: unset !important;
  height: unset !important;
}
.diamondDetailsContainer .details-container .full-screen-diamond-overlay .media-slides-container .media-slide .image-container .image-cover {
  height: 87px;
  width: 85px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
}
.diamondDetailsContainer .details-container .full-screen-diamond-overlay .media-slides-container .media-slide .image-container .image-cover img {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  background-color: var(--image_bg_color, #FFFFFF) !important;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-fit: var(--cover_image_bg_size, cover) !important;
     object-fit: var(--cover_image_bg_size, cover) !important;
}
.diamondDetailsContainer .details-container .full-screen-diamond-overlay .media-slides-container .media-slide .video-box-no-play {
  position: relative;
  background-color: #FFFFFF;
  background-color: var(--image_bg_color, #FFFFFF) !important;
}
.diamondDetailsContainer .details-container .full-screen-diamond-overlay .media-slides-container .media-slide .video-box-no-play .video-cover {
  height: 87px;
  width: 85px;
  margin: 0 auto;
  display: block;
  background-size: 100% 100%;
  background-position: center;
}
.diamondDetailsContainer .details-container .full-screen-diamond-overlay .media-slides-container .media-slide .video-box-no-play .no-video {
  height: 80px;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../webapp/svg/diamond_detail/icon_detail_page_video_not_available.svg");
  background-size: 100px;
}
.diamondDetailsContainer .details-container .full-screen-diamond-overlay .media-slides-container .media-slide .video-box-no-play .play-video {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -40%);
  color: #fff;
}
.diamondDetailsContainer .details-container .full-screen-diamond-overlay .media-slides-container .media-slide .video-box-no-play .play-video .video_play_icon {
  font-size: 45px;
  text-shadow: 0.5px 0.3px 1px #3b3e3b91;
}
.diamondDetailsContainer .details-container .full-screen-diamond-overlay .media-slides-container .media-slide .cert-box {
  height: 87px;
  width: 85px;
  background: #fff;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  padding-bottom: 5px;
  margin: 0 auto;
}
.diamondDetailsContainer .details-container .full-screen-diamond-overlay .media-slides-container .media-slide .cert-box .vi {
  font-size: 38px;
}
.diamondDetailsContainer .details-container .full-screen-diamond-overlay .media-slides-container .media-slide .cert-box .report-label {
  font-size: 14px;
}
.diamondDetailsContainer .details-container .full-screen-diamond-overlay .media-slides-container .media-slide.active {
  border: 1px solid;
  border-color: #9665A6;
  border-color: var(--option_btn_on_color, #9665A6) !important;
}
.diamondDetailsContainer .details-container > div {
  padding: 0;
}
.diamondDetailsContainer .details-container > div .stock-no-container .availablity {
  display: inline-block;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  margin-right: 5px;
}
.diamondDetailsContainer .details-container > div .stock-no-container .availablity.yes {
  background-color: #7ED321;
}
.diamondDetailsContainer .details-container > div .stock-no-container .availablity.no {
  background-color: #d0021b;
}
.diamondDetailsContainer .details-container > div .stock-no-container .stock-no {
  font-size: 20px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.diamondDetailsContainer .details-container > div .title-container {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.diamondDetailsContainer .details-container > div .price-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px 0;
}
.diamondDetailsContainer .details-container > div .price-container.ringSizePriceCont {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  margin: 20px 0 !important;
  width: 100%;
}
.diamondDetailsContainer .details-container > div .price-container .label {
  font-size: 14px;
  line-height: 13px;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.diamondDetailsContainer .details-container > div .price-container .total-price {
  font-size: 24px;
  font-weight: 700;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.diamondDetailsContainer .details-container > div .video-chat-btn-wrapper {
  display: block !important;
}
.diamondDetailsContainer .details-container > div .video-chat-btn-wrapper .join-chat-btn {
  display: flex;
  line-height: 18px;
  align-items: center;
  justify-content: center;
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
  font-size: 18px;
  font-weight: 400;
  border-radius: 35px;
  height: 50px;
  width: 320px;
  margin: 20px auto 10px;
  height: 48px;
  width: 274px;
  border: 0;
  outline: none;
  background-color: #4EC123;
  background-color: var(--video_chat_available_bg_color, #4EC123) !important;
  color: #ffffff;
  color: var(--video_chat_available_font_color, #ffffff) !important;
}
.diamondDetailsContainer .details-container > div .video-chat-btn-wrapper .join-chat-btn:not(.available) {
  background-color: #BFBFC3;
  background-color: var(--option_btn_disabled_color, #BFBFC3) !important;
  color: #FFFFFF;
  color: var(--option_btn_disabled_font_color, #FFFFFF) !important;
  pointer-events: none;
}
.diamondDetailsContainer .details-container > div .video-chat-btn-wrapper .supplier-availability-text {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.diamondDetailsContainer .details-container > div .video-chat-btn-wrapper .supplier-availability-text i {
  color: #4EC123;
  color: var(--video_chat_available_icon_color, #4EC123) !important;
  margin-left: 10px;
  font-size: 12px;
}
.diamondDetailsContainer .details-container > div .video-chat-btn-wrapper .supplier-availability-text:not(.available) i {
  font-size: 18px;
  color: #BFBFC3;
  color: var(--option_btn_disabled_color, #BFBFC3) !important;
}
.diamondDetailsContainer .details-container > div .ringConfigCont {
  display: flex;
  margin-bottom: 15px;
}
.diamondDetailsContainer .details-container > div .ringConfigCont .config-label {
  padding-left: 0;
  width: 80px;
  font-size: 14px;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media only screen and (max-width: 767px) {
  .diamondDetailsContainer .details-container > div .ringConfigCont .config-label {
    width: 70px;
  }
}
.diamondDetailsContainer .details-container > div .ringConfigCont .config-label + * {
  width: calc(100% - 80px);
}
@media only screen and (max-width: 767px) {
  .diamondDetailsContainer .details-container > div .ringConfigCont .config-label + * {
    width: calc(100% - 70px);
  }
}
.diamondDetailsContainer .details-container > div .ringConfigCont .config-dropdown {
  width: 100%;
}
.diamondDetailsContainer .details-container > div .ringConfigCont .config-dropdown .config-dropdown-toggle {
  height: 40px;
  width: 100%;
  background-color: #E5E5E5;
  background-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
  border: 0;
  border-radius: 0;
  padding-top: 5px;
  color: #4F4E57;
  color: var(--drop_menu_static_font_color, #4F4E57) !important;
  box-shadow: unset;
  outline: none;
}
.diamondDetailsContainer .details-container > div .ringConfigCont .config-dropdown .config-dropdown-toggle::after {
  display: none;
}
.diamondDetailsContainer .details-container > div .ringConfigCont .config-dropdown .config-dropdown-toggle.selected {
  background-color: #804294;
  background-color: var(--drop_menu_active_bg_color, #804294) !important;
  color: #FFFFFF;
  color: var(--drop_menu_active_font_color, #FFFFFF) !important;
}
.diamondDetailsContainer .details-container > div .ringConfigCont .config-dropdown .config-dropdown-toggle.selected .vi {
  color: #FFFFFF;
  color: var(--drop_menu_active_icon_color, #FFFFFF) !important;
}
.diamondDetailsContainer .details-container > div .ringConfigCont .config-dropdown .config-dropdown-toggle.ringSelectorError {
  border: solid 2px #d0021b !important;
}
.diamondDetailsContainer .details-container > div .ringConfigCont .config-dropdown .config-dropdown-toggle .dropdown-value {
  font-size: 13px;
  padding-top: 4px;
  width: 70%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
}
.diamondDetailsContainer .details-container > div .ringConfigCont .config-dropdown .config-dropdown-toggle .vi {
  font-size: 25px;
  padding: 0 10px;
  color: #4F4E57;
  color: var(--drop_menu_static_icon_color, #4F4E57) !important;
}
.diamondDetailsContainer .details-container > div .ringConfigCont .config-dropdown .config-dropdown-toggle .icon_sort_arrow_down,
.diamondDetailsContainer .details-container > div .ringConfigCont .config-dropdown .config-dropdown-toggle .icon_sort_arrow_up {
  padding: 10px;
}
.diamondDetailsContainer .details-container > div .ringConfigCont .config-dropdown .config-dropdown-menu {
  width: 100%;
  max-height: 180px;
  overflow: scroll;
  border-radius: 0;
  margin-top: 0;
  padding: 0 !important;
  border: 1px solid;
  border-color: #9665A6;
  border-color: var(--option_btn_on_color, #9665A6) !important;
  background-color: #E5E5E5;
  background-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
  font-size: 13px;
}
.diamondDetailsContainer .details-container > div .ringConfigCont .config-dropdown .config-dropdown-menu li {
  margin: 0 1px 0 1px;
  border: 1px solid transparent;
}
.diamondDetailsContainer .details-container > div .ringConfigCont .config-dropdown .config-dropdown-menu li a {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.diamondDetailsContainer .details-container > div .ringConfigCont .config-dropdown .config-dropdown-menu li a .selected-item {
  width: 85%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.diamondDetailsContainer .details-container > div .ringConfigCont .config-dropdown .config-dropdown-menu li a span {
  margin-top: 3px;
}
.diamondDetailsContainer .details-container > div .ringConfigCont .config-dropdown .config-dropdown-menu li a.selected {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
}
.diamondDetailsContainer .details-container > div .ringConfigCont .config-dropdown.show .config-dropdown-toggle {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.diamondDetailsContainer .details-container > div .ringConfigCont .ringSelectorErrorField {
  background-color: #d0021b;
  margin: 10px auto;
  padding: 0;
  font-size: 18px;
  width: 100%;
  color: #ffffff;
  text-align: center;
  height: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 350px) {
  .diamondDetailsContainer .details-container > div .ringConfigCont .ringSelectorErrorField {
    font-size: 16px;
  }
}
.diamondDetailsContainer .details-container > div .add-to-cart {
  display: flex;
  justify-content: center;
  align-items: center;
}
.diamondDetailsContainer .details-container > div .add-to-cart button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 72px;
  width: 265px;
  border-radius: 50px;
  border: 0;
  cursor: pointer;
  outline: none;
  background-color: #652E77;
  background-color: var(--action_btn_active_color, #652E77) !important;
}
.diamondDetailsContainer .details-container > div .add-to-cart button .label {
  font-size: 22px;
  font-weight: 400;
  color: #FFFFFF;
  color: var(--action_btn_active_font_color, #FFFFFF) !important;
}
.diamondDetailsContainer .details-container > div .add-to-cart button .vi {
  font-size: 40px;
  margin-right: 30px;
  margin-left: -40px;
  color: #FFFFFF;
  color: var(--action_btn_active_icon_color, #FFFFFF) !important;
}
.diamondDetailsContainer .details-container > div .add-to-cart button.disabled {
  border: 0;
  background-color: #BFBFC3;
  background-color: var(--option_btn_disabled_color, #BFBFC3) !important;
  color: #FFFFFF;
  color: var(--option_btn_disabled_font_color, #FFFFFF) !important;
}
.diamondDetailsContainer .details-container > div .add-to-cart button.disabled .vi {
  margin-left: -20px;
  color: #FFFFFF;
  color: var(--option_btn_disabled_icon_color, #FFFFFF) !important;
}
.diamondDetailsContainer .details-container > div .place-request {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 25px;
}
.diamondDetailsContainer .details-container > div .place-request button {
  justify-content: center;
  align-items: center;
  height: 72px;
  width: 265px;
  border-radius: 50px;
  border: 0;
  cursor: pointer;
  outline: none;
  background-color: #652E77;
  background-color: var(--action_btn_active_color, #652E77) !important;
}
.diamondDetailsContainer .details-container > div .place-request button .label {
  font-size: 15px;
  font-weight: 400;
  color: #FFFFFF;
  color: var(--action_btn_active_font_color, #FFFFFF) !important;
}
.diamondDetailsContainer .details-container > div .place-request button .vi {
  font-size: 22px;
  color: #FFFFFF;
  color: var(--action_btn_active_icon_color, #FFFFFF) !important;
}
.diamondDetailsContainer .details-container > div .place-request button.disabled {
  border: 0;
  background-color: #BFBFC3;
  background-color: var(--option_btn_disabled_color, #BFBFC3) !important;
  color: #FFFFFF;
  color: var(--option_btn_disabled_font_color, #FFFFFF) !important;
}
.diamondDetailsContainer .details-container > div .place-request button.disabled .vi {
  margin-left: -20px;
  color: #FFFFFF;
  color: var(--option_btn_disabled_icon_color, #FFFFFF) !important;
}
.diamondDetailsContainer .details-container > div .details {
  margin-top: 15px;
}
@media screen and (min-width: 768px) {
  .diamondDetailsContainer .details-container > div .details {
    margin-top: 30px;
  }
}
.diamondDetailsContainer .details-container > div .details .heading {
  background-color: #804294;
  background-color: var(--drop_menu_bg_color, #804294) !important;
  color: #FFFFFF;
  color: var(--drop_menu_font_color, #FFFFFF) !important;
  display: flex;
  height: 48px;
  align-items: center;
}
.diamondDetailsContainer .details-container > div .details .heading .text {
  font-size: 14px;
}
.diamondDetailsContainer .details-container > div .details .heading .vi {
  width: 50px;
  font-size: 20px;
  margin-top: -5px;
  color: #FFFFFF;
  color: var(--drop_menu_icon_color, #FFFFFF) !important;
}
.diamondDetailsContainer .details-container > div .details .body {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  padding: 15px;
}
.diamondDetailsContainer .details-container > div .details .body .description p {
  font-size: 14px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.diamondDetailsContainer .details-container > div .details .body .data {
  display: flex;
  flex-direction: row;
}
.diamondDetailsContainer .details-container > div .details .body .data .row {
  width: 100%;
  margin: 0 !important;
}
.diamondDetailsContainer .details-container > div .details .body .data .row .col-12.col-sm-6, .diamondDetailsContainer .details-container > div .details .body .data .row .col-sm-12 {
  padding: 0 !important;
}
.diamondDetailsContainer .details-container > div .details .body .data .fieldCont {
  margin-bottom: 5px;
  display: flex;
}
.diamondDetailsContainer .details-container > div .details .body .data .fieldCont .label {
  font-size: 14px;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  width: 40%;
  max-width: 40%;
  word-break: break-word;
  padding-right: 3px;
}
.diamondDetailsContainer .details-container > div .details .body .data .fieldCont .value {
  font-size: 14px;
  font-weight: 500;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  width: 60%;
  word-break: break-word;
}
.diamondDetailsContainer .details-container > div .details .body .data table {
  width: 50%;
}
@media screen and (max-width: 470px) {
  .diamondDetailsContainer .details-container > div .details .body .data table {
    width: 100%;
  }
}
.diamondDetailsContainer .details-container > div .details .body .data table th {
  font-size: 14px;
  font-weight: 500;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.diamondDetailsContainer .details-container > div .details .body .data table tr {
  margin-bottom: 5px;
  display: flex;
}
.diamondDetailsContainer .details-container > div .details .body .data table tr .label {
  font-size: 14px;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  width: 45%;
}
.diamondDetailsContainer .details-container > div .details .body .data table tr .value {
  font-size: 14px;
  font-weight: 500;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.diamondDetailsContainer .details-container > div .details .body .data table.item-desc {
  width: 85%;
  margin-bottom: 20px;
}
.diamondDetailsContainer .details-container > div .details .body .data table.item-desc.w-full {
  width: 100%;
}
.diamondDetailsContainer .details-container > div .details .body .data table.item-desc .label {
  width: 35%;
}
.diamondDetailsContainer .details-container > div .details .body .data .ha {
  font-size: 14px;
  font-weight: 500;
  padding: 0 15px;
  margin-top: 15px;
  display: flex;
  align-items: center;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.diamondDetailsContainer .details-container > div .details .body .data .ha i {
  font-size: 18px;
  margin-right: 5px;
  color: #D8394C;
  color: var(--heart_arrow_icon_color, #D8394C) !important;
}
@media screen and (max-width: 470px) {
  .diamondDetailsContainer .details-container > div .details .body .data.stone-details {
    flex-direction: column !important;
  }
}
.diamondDetailsContainer .details-container > div .details .comments .heading .vi {
  padding-left: 13px;
}
.diamondDetailsContainer .details-container > div .details .supplier .heading .branding_logo {
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.diamondDetailsContainer .details-container > div .details .supplier .heading .vi {
  font-size: 22px;
  padding-left: 5px;
  margin-top: unset !important;
}
.diamondDetailsContainer .details-container > div .details .supplier .heading .vi::before {
  margin-left: 5px;
}
.diamondDetailsContainer .details-container > div .details .supplier .body {
  min-height: 200px;
}
.diamondDetailsContainer .details-container > div .details .supplier .body .multiple-location-wrapper {
  padding: 0 0 10px;
}
.diamondDetailsContainer .details-container > div .details .supplier .body .multiple-location-wrapper .company-name {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 5px;
  padding-left: 49px;
  position: relative;
}
.diamondDetailsContainer .details-container > div .details .supplier .body .multiple-location-wrapper .company-name .icon {
  font-size: 25px;
  position: absolute;
  left: 5%;
  color: #804294;
  color: var(--main_bg_icon_color, #804294) !important;
}
.diamondDetailsContainer .details-container > div .details .supplier .body .multiple-location-wrapper .multiple-location {
  width: 100%;
}
.diamondDetailsContainer .details-container > div .details .supplier .body .multiple-location-wrapper .multiple-location .multiple-location-toggle {
  height: 48px;
  width: 100%;
  background-color: #E5E5E5;
  background-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
  border: 0;
  border-radius: 0;
  padding-top: 8px;
  color: #4F4E57;
  color: var(--drop_menu_static_font_color, #4F4E57) !important;
  box-shadow: unset;
  outline: none;
}
.diamondDetailsContainer .details-container > div .details .supplier .body .multiple-location-wrapper .multiple-location .multiple-location-toggle::after {
  display: none;
}
.diamondDetailsContainer .details-container > div .details .supplier .body .multiple-location-wrapper .multiple-location .multiple-location-toggle .company-dropdown-name {
  width: 70%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
}
.diamondDetailsContainer .details-container > div .details .supplier .body .multiple-location-wrapper .multiple-location .multiple-location-toggle .vi {
  font-size: 25px;
  padding: 0 10px;
  color: #4F4E57;
  color: var(--drop_menu_static_icon_color, #4F4E57) !important;
}
.diamondDetailsContainer .details-container > div .details .supplier .body .multiple-location-wrapper .multiple-location .multiple-location-toggle .icon_sort_arrow_down,
.diamondDetailsContainer .details-container > div .details .supplier .body .multiple-location-wrapper .multiple-location .multiple-location-toggle .icon_sort_arrow_up {
  padding: 10px;
}
.diamondDetailsContainer .details-container > div .details .supplier .body .multiple-location-wrapper .multiple-location .multiple-location-menu {
  width: 100%;
  border: none;
  height: 180px;
  overflow: scroll;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-top: -1px;
  background-color: #E5E5E5;
  background-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
}
.diamondDetailsContainer .details-container > div .details .supplier .body .multiple-location-wrapper .multiple-location .multiple-location-menu li {
  margin: 0 15px 0 40px;
  border: 1px solid transparent;
}
.diamondDetailsContainer .details-container > div .details .supplier .body .multiple-location-wrapper .multiple-location .multiple-location-menu li a {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.diamondDetailsContainer .details-container > div .details .supplier .body .multiple-location-wrapper .multiple-location .multiple-location-menu li a .selected-location {
  width: 85%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.diamondDetailsContainer .details-container > div .details .supplier .body .multiple-location-wrapper .multiple-location .multiple-location-menu li a span {
  margin-top: 3px;
}
.diamondDetailsContainer .details-container > div .details .supplier .body .multiple-location-wrapper .multiple-location .multiple-location-menu li a.selected {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
}
.diamondDetailsContainer .details-container > div .details .supplier .body .multiple-location-wrapper .multiple-location.show .multiple-location-toggle {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.diamondDetailsContainer .details-container > div .details .supplier .body .company-details {
  padding: 0;
  width: 100%;
  margin: 0 auto 0;
}
.diamondDetailsContainer .details-container > div .details .supplier .body .company-details .company-contact div {
  display: flex;
  margin-bottom: 5px;
}
.diamondDetailsContainer .details-container > div .details .supplier .body .company-details .company-contact div span {
  display: inline-block;
  padding: 0;
  line-height: 24px !important;
}
.diamondDetailsContainer .details-container > div .details .supplier .body .company-details .company-contact div span.label {
  min-width: 60px;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  font-weight: 400;
  font-size: 14px;
  text-align: left;
}
.diamondDetailsContainer .details-container > div .details .supplier .body .company-details .company-contact div span.value {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-weight: 500;
  font-size: 14px;
  word-break: break-all;
}
.diamondDetailsContainer .details-container > div .details .supplier .body .company-details .company-contact div span.value .email-list {
  display: block;
}
.diamondDetailsContainer .details-container > div .details .supplier .body .company-details .company-contact .location-address {
  flex-direction: column;
}
.diamondDetailsContainer .details-container > div .details .supplier .body .company-details .company-contact .location-address .label {
  width: 60px !important;
}
.diamondDetailsContainer .details-container > div.right-container {
  padding-top: 40px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-content: baseline;
}
.diamondDetailsContainer .details-container > div.right-container .title-container {
  display: none;
}
.diamondDetailsContainer .details-container > div.right-container .media-bmh {
  width: 75%;
  margin-left: 45px;
  margin-top: 15px;
}
.diamondDetailsContainer .details-container > div.right-container .media-bmh .go-back {
  font-size: 15px;
  margin-bottom: 20px;
  margin-left: 40px;
  cursor: pointer;
  display: inline-block;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.diamondDetailsContainer .details-container > div.right-container .media-bmh .media-container {
  padding: 20px 40px;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
.diamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .image-container {
  margin-bottom: 40px;
}
.diamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .image-container .image-cover {
  height: 387px;
  width: 387px;
  display: block;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 auto;
}
.diamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .image-container .image-cover img {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  background-color: var(--image_bg_color, #FFFFFF) !important;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-fit: var(--cover_image_bg_size, cover) !important;
     object-fit: var(--cover_image_bg_size, cover) !important;
}
.diamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .image-container.jewelry-no-image-placeholder {
  background-image: url("../webapp/svg/diamond_detail/icon_detail_page_image_not_available.svg");
  background-size: 280px;
  background-repeat: no-repeat;
  background-position: center;
}
.diamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .video-box-no-play {
  position: relative;
}
.diamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .video-box-no-play .video-cover {
  height: 387px;
  width: 387px;
  margin: 0 auto;
  display: block;
  background-size: 100% 100%;
  background-position: center;
}
.diamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .video-box-no-play .no-video {
  height: 387px;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../webapp/svg/diamond_detail/icon_detail_page_video_not_available.svg");
  background-size: 280px;
}
.diamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .video-box-no-play .play-video {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -40%);
}
.diamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .video-box-no-play .play-video .video_play_icon {
  font-size: 45px;
  text-shadow: 0.5px 0.3px 1px #3b3e3b91;
}
.diamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .cert {
  height: 387px;
  width: 387px;
  margin: 0 auto;
  pointer-events: none;
  overflow: hidden;
}
.diamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .cert::-webkit-scrollbar {
  display: none;
}
.diamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .cert .image-cert {
  height: 100%;
}
.diamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .cert .image-cert::-webkit-scrollbar {
  display: none;
}
.diamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .cert iframe, .diamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .cert .iframe {
  height: 387px;
  min-height: 387px;
}
.diamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .cert iframe::-webkit-scrollbar, .diamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .cert .iframe::-webkit-scrollbar {
  display: none;
}
.diamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .cert .pdf-cert::-webkit-scrollbar {
  display: none;
}
.diamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .carousel-container {
  position: relative;
}
.diamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .carousel-container .mark-favorite {
  display: inline-flex;
  position: absolute;
  left: 5%;
  top: 5%;
  z-index: 2;
}
.diamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .carousel-container .mark-favorite .path1 {
  color: #804294;
  color: var(--heart_outline_off_icon_color, #804294) !important;
  font-size: 31px;
}
.diamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .carousel-container .mark-favorite .path2 {
  color: #804294;
  color: var(--heart_outline_off_icon_color, #804294) !important;
  font-size: 31px;
}
.diamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .carousel-container .mark-favorite .path3 {
  color: #FFFFFF;
  color: var(--heart_bg_off_icon_color, #FFFFFF) !important;
  font-size: 31px;
}
.diamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .carousel-container .mark-favorite.favorited .path1 {
  color: #FFFFFF;
  color: var(--heart_outline_on_icon_color, #FFFFFF) !important;
}
.diamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .carousel-container .mark-favorite.favorited .path2 {
  color: #FFFFFF;
  color: var(--heart_outline_on_icon_color, #FFFFFF) !important;
}
.diamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .carousel-container .mark-favorite.favorited .path3 {
  color: #804294;
  color: var(--heart_bg_on_icon_color, #804294) !important;
}
.diamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .carousel-container .carousel-inner {
  height: 400px;
}
.diamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .media-slides-container {
  display: flex;
  flex-wrap: wrap;
  width: 387px;
  margin: 0 auto;
}
.diamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .media-slides-container .media-slide {
  height: 91px;
  width: 23%;
  margin-right: 10px;
  margin-bottom: 10px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12);
  cursor: pointer;
}
.diamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .media-slides-container .media-slide .image-container {
  background-size: contain;
  background-repeat: no-repeat;
}
.diamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .media-slides-container .media-slide .image-container .image-cover {
  height: 89px;
  width: 87px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.diamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .media-slides-container .media-slide .image-container .image-cover img {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  background-color: var(--image_bg_color, #FFFFFF) !important;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-fit: var(--cover_image_bg_size, cover) !important;
     object-fit: var(--cover_image_bg_size, cover) !important;
}
.diamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .media-slides-container .media-slide .video-box-no-play .video-cover {
  height: 89px;
  width: 87px;
  display: block;
  background-size: 100% 100%;
  background-position: center;
}
.diamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .media-slides-container .media-slide .video-box-no-play .no-video {
  height: 90px;
  background-size: 100px;
}
.diamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .media-slides-container .media-slide .video-box-no-play .play-video a {
  height: 26px;
  width: 36px;
  background-size: contain;
}
.diamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .media-slides-container .media-slide.active {
  border: 1px solid;
  border-color: #9665A6;
  border-color: var(--option_btn_on_color, #9665A6) !important;
}
.diamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .media-slides-container .media-slide:nth-child(4), .diamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .media-slides-container .media-slide:nth-child(8) {
  margin-right: 0;
}
.diamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .media-slides-container .cert-box {
  height: 89px;
  width: 87px;
  background: #fff;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  padding-bottom: 5px;
  margin: 0 auto;
}
.diamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .media-slides-container .cert-box .vi {
  font-size: 38px;
}
.diamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .media-slides-container .cert-box .report-label {
  font-size: 14px;
}
.diamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .carousel-control-next-icon, .diamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .carousel-control-prev-icon {
  height: 28px;
  width: 18px;
}
.diamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .carousel-control-prev {
  left: -50px;
}
.diamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .carousel-control-prev .carousel-control-prev-icon {
  background-image: url("../webapp/chevron-left.png");
}
.diamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .carousel-control-next {
  right: -50px;
}
.diamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .carousel-control-next .carousel-control-next-icon {
  background-image: url("../webapp/chevron-right.png");
}
.diamondDetailsContainer .details-container > div.right-container .media-bmh .media-container.no-bg-color {
  background-color: unset !important;
}
.diamondDetailsContainer .details-container > div.right-container .media-bmh .jewelry-memo .image-container .image-cover, .diamondDetailsContainer .details-container > div.right-container .media-bmh .jewelry-buy .image-container .image-cover, .diamondDetailsContainer .details-container > div.right-container .media-bmh .jewelry-hold .image-container .image-cover {
  height: 100px;
  width: 100px;
  display: block;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.diamondDetailsContainer .details-container > div.right-container .media-bmh .jewelry-memo .image-container .image-cover img, .diamondDetailsContainer .details-container > div.right-container .media-bmh .jewelry-buy .image-container .image-cover img, .diamondDetailsContainer .details-container > div.right-container .media-bmh .jewelry-hold .image-container .image-cover img {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  background-color: var(--image_bg_color, #FFFFFF) !important;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-fit: var(--cover_image_bg_size, cover) !important;
     object-fit: var(--cover_image_bg_size, cover) !important;
}
.diamondDetailsContainer .details-container > div.right-container .media-bmh .jewelry-memo .image-container.jewelry-no-image-placeholder, .diamondDetailsContainer .details-container > div.right-container .media-bmh .jewelry-buy .image-container.jewelry-no-image-placeholder, .diamondDetailsContainer .details-container > div.right-container .media-bmh .jewelry-hold .image-container.jewelry-no-image-placeholder {
  background-image: url("../webapp/svg/diamond_detail/icon_detail_page_image_not_available.svg");
  background-size: 100px;
  background-repeat: no-repeat;
}
.diamondDetailsContainer .details-container > div.right-container .media-bmh .go-to-info {
  float: right;
  margin-right: 20px;
  margin-top: 12px;
  color: #804294;
  color: var(--main_bg_icon_color, #804294) !important;
  cursor: pointer;
}
.diamondDetailsContainer .details-container > div.right-container .media-bmh.buy-border {
  border: 2px solid;
  border-color: #5cb8a6;
  border-color: var(--bmh_button_buy_static_color, #5cb8a6) !important;
}
.diamondDetailsContainer .details-container > div.right-container .media-bmh.hold-border {
  border: 2px solid;
  border-color: #e30047;
  border-color: var(--bmh_button_hold_static_color, #e30047) !important;
}
.diamondDetailsContainer .details-container > div.right-container .media-bmh.memo-border {
  border: 2px solid;
  border-color: #804294;
  border-color: var(--bmh_button_memo_static_color, #804294) !important;
}
.diamondDetailsContainer .details-container > div.right-container .jewelry-detail {
  margin-top: 15px;
}
.diamondDetailsContainer .details-container > div.right-container .jewelry-detail .heading {
  background-color: #804294;
  background-color: var(--drop_menu_active_bg_color, #804294) !important;
  color: #FFFFFF;
  color: var(--drop_menu_active_font_color, #FFFFFF) !important;
  display: flex;
  height: 48px;
  align-items: center;
}
.diamondDetailsContainer .details-container > div.right-container .jewelry-detail .heading .text {
  font-size: 14px;
}
.diamondDetailsContainer .details-container > div.right-container .jewelry-detail .heading .vi {
  width: 50px;
  font-size: 20px;
  margin-top: -5px;
  color: #FFFFFF;
  color: var(--drop_menu_active_icon_color, #FFFFFF) !important;
}
.diamondDetailsContainer .details-container > div.right-container .jewelry-detail .body {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  padding: 15px;
}
.diamondDetailsContainer .details-container > div.right-container .jewelry-detail .body .description p {
  font-size: 14px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.diamondDetailsContainer .details-container > div.right-container .jewelry-detail .body .data {
  display: flex;
  flex-direction: row;
}
.diamondDetailsContainer .details-container > div.right-container .jewelry-detail .body .data .row {
  width: 100%;
}
.diamondDetailsContainer .details-container > div.right-container .jewelry-detail .body .data table {
  width: 50%;
}
@media screen and (max-width: 470px) {
  .diamondDetailsContainer .details-container > div.right-container .jewelry-detail .body .data table {
    width: 100%;
  }
}
.diamondDetailsContainer .details-container > div.right-container .jewelry-detail .body .data table.w-full {
  width: 100%;
}
.diamondDetailsContainer .details-container > div.right-container .jewelry-detail .body .data table th {
  font-size: 14px;
  font-weight: 500;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.diamondDetailsContainer .details-container > div.right-container .jewelry-detail .body .data table tr {
  margin-bottom: 5px;
  display: flex;
}
.diamondDetailsContainer .details-container > div.right-container .jewelry-detail .body .data table tr .label {
  font-size: 14px;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  width: 45%;
}
.diamondDetailsContainer .details-container > div.right-container .jewelry-detail .body .data table tr .value {
  font-size: 14px;
  font-weight: 700;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.diamondDetailsContainer .details-container > div.right-container .jewelry-detail .body .data table.item-desc {
  width: 85%;
  margin-bottom: 10px;
}
.diamondDetailsContainer .details-container > div.right-container .jewelry-detail .body .data table.item-desc .label {
  width: 35%;
}
@media screen and (max-width: 470px) {
  .diamondDetailsContainer .details-container > div.right-container .jewelry-detail .body .data table.item-desc .label {
    width: 40%;
  }
}
.diamondDetailsContainer .details-container > div.right-container .bmh-buttons {
  width: 16%;
  margin-top: 15px;
}
.diamondDetailsContainer .details-container > div.right-container .bmh-buttons .tooltip .tooltip-inner {
  max-width: 240px !important;
  width: 240px !important;
  padding: 10px;
}
.diamondDetailsContainer .details-container > div.right-container .bmh-buttons ul {
  padding: 0;
  list-style: none;
}
.diamondDetailsContainer .details-container > div.right-container .bmh-buttons ul li {
  width: 110px;
  height: 80px;
  color: #ffffff;
  border-radius: 0 100px 100px 0;
  margin-bottom: 10px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.diamondDetailsContainer .details-container > div.right-container .bmh-buttons ul li p {
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 0;
}
.diamondDetailsContainer .details-container > div.right-container .bmh-buttons ul li span.image {
  font-size: 20px;
  margin-top: -5px;
  margin-left: 10px;
}
.diamondDetailsContainer .details-container > div.right-container .bmh-buttons ul li.memo {
  background-color: #804294;
  background-color: var(--bmh_button_memo_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--bmh_button_memo_static_font_color, #FFFFFF) !important;
}
.diamondDetailsContainer .details-container > div.right-container .bmh-buttons ul li.memo span.image {
  color: #FFFFFF;
  color: var(--bmh_button_memo_static_icon_color, #FFFFFF) !important;
}
.diamondDetailsContainer .details-container > div.right-container .bmh-buttons ul li.memo.cannot-accept-memo {
  background-color: rgba(55, 54, 64, 0.22);
  color: #9B9B9B;
  cursor: default;
}
.diamondDetailsContainer .details-container > div.right-container .bmh-buttons ul li.memo.cannot-accept-memo span.image {
  color: #9B9B9B;
}
.diamondDetailsContainer .details-container > div.right-container .bmh-buttons ul li.memo.selected {
  margin-left: -10px;
  width: 120px;
  border: 2px solid;
  background-color: #E9E9EB;
  background-color: var(--bmh_button_memo_active_color, #E9E9EB) !important;
  border-color: #804294;
  border-color: var(--bmh_button_memo_active_font_color, #804294) !important;
  color: #804294;
  color: var(--bmh_button_memo_active_font_color, #804294) !important;
}
.diamondDetailsContainer .details-container > div.right-container .bmh-buttons ul li.memo.selected span.image {
  color: #804294;
  color: var(--bmh_button_memo_active_icon_color, #804294) !important;
}
.diamondDetailsContainer .details-container > div.right-container .bmh-buttons ul li.buy {
  background-color: #5cb8a6;
  background-color: var(--bmh_button_buy_static_color, #5cb8a6) !important;
  color: #FFFFFF;
  color: var(--bmh_button_buy_static_font_color, #FFFFFF) !important;
}
.diamondDetailsContainer .details-container > div.right-container .bmh-buttons ul li.buy span.image {
  font-size: 15px;
  color: #FFFFFF;
  color: var(--bmh_button_buy_static_icon_color, #FFFFFF) !important;
}
.diamondDetailsContainer .details-container > div.right-container .bmh-buttons ul li.buy.selected {
  margin-left: -10px;
  width: 120px;
  border: 2px solid;
  background-color: #E9E9EB;
  background-color: var(--bmh_button_buy_active_color, #E9E9EB) !important;
  border-color: #5cb8a6;
  border-color: var(--bmh_button_buy_active_font_color, #5cb8a6) !important;
  color: #5cb8a6;
  color: var(--bmh_button_buy_active_font_color, #5cb8a6) !important;
}
.diamondDetailsContainer .details-container > div.right-container .bmh-buttons ul li.buy.selected span.image {
  color: #5cb8a6;
  color: var(--bmh_button_buy_active_icon_color, #5cb8a6) !important;
}
.diamondDetailsContainer .details-container > div.right-container .bmh-buttons ul li.hold {
  background-color: #e30047;
  background-color: var(--bmh_button_hold_static_color, #e30047) !important;
  color: #FFFFFF;
  color: var(--bmh_button_hold_static_font_color, #FFFFFF) !important;
}
.diamondDetailsContainer .details-container > div.right-container .bmh-buttons ul li.hold span.image {
  color: #FFFFFF;
  color: var(--bmh_button_hold_static_icon_color, #FFFFFF) !important;
}
.diamondDetailsContainer .details-container > div.right-container .bmh-buttons ul li.hold.selected {
  margin-left: -10px;
  width: 120px;
  border: 2px solid;
  background-color: #E9E9EB;
  background-color: var(--bmh_button_hold_active_color, #E9E9EB) !important;
  color: #e30047;
  color: var(--bmh_button_hold_active_font_color, #e30047) !important;
}
.diamondDetailsContainer .details-container > div.right-container .bmh-buttons ul li.hold.selected span.image {
  color: #e30047;
  color: var(--bmh_button_hold_active_icon_color, #e30047) !important;
}
.diamondDetailsContainer .details-container > div.left-container {
  padding-top: 40px;
}
.diamondDetailsContainer .details-container.rbr {
  flex-direction: row-reverse;
  justify-content: center;
}
.diamondDetailsContainer .details-container.rbr .left-container .rbr-share-contact {
  margin-bottom: 25px;
  display: flex;
  justify-content: space-between;
}
.diamondDetailsContainer .details-container.rbr .left-container .rbr-share-contact button {
  border-radius: 100px;
  border: 2px solid;
  line-height: 42px;
  height: 47px;
  font-size: 18px;
  font-weight: 700;
  cursor: pointer;
  outline: none;
}
.diamondDetailsContainer .details-container.rbr .left-container .rbr-share-contact .share {
  width: 30%;
  background-color: transparent !important;
  border-color: #804294;
  border-color: var(--action_btn_secondary_color, #804294) !important;
  color: #804294;
  color: var(--action_btn_secondary_font_color, #804294) !important;
  margin-right: 10px;
}
.diamondDetailsContainer .details-container.rbr .left-container .rbr-share-contact .share .vi {
  font-size: 20px;
  margin-right: 10px;
  vertical-align: text-top;
}
.diamondDetailsContainer .details-container.rbr .left-container .rbr-share-contact .contact {
  width: 65%;
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
  border-color: #804294;
  border-color: var(--action_btn_static_color, #804294) !important;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item {
  padding-top: 80px;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .configuration {
  margin-top: 30px;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .configuration .title-text {
  font-size: 20px;
  font-weight: 500;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .configuration .configuration-list .config-item {
  margin-top: 30px;
  display: flex;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .configuration .configuration-list .config-item .config-label {
  padding-left: 10%;
  width: 33%;
  font-size: 14px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  line-height: 4;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .configuration .configuration-list .config-item .config-dropdown {
  width: 50%;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .configuration .configuration-list .config-item .config-dropdown .config-dropdown-toggle {
  height: 40px;
  width: 100%;
  background-color: #E5E5E5;
  background-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
  border: 0;
  border-radius: 0;
  padding-top: 5px;
  color: #4F4E57;
  color: var(--drop_menu_static_font_color, #4F4E57) !important;
  box-shadow: unset;
  outline: none;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .configuration .configuration-list .config-item .config-dropdown .config-dropdown-toggle::after {
  display: none;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .configuration .configuration-list .config-item .config-dropdown .config-dropdown-toggle.selected {
  background-color: #804294;
  background-color: var(--drop_menu_active_bg_color, #804294) !important;
  color: #FFFFFF;
  color: var(--drop_menu_active_font_color, #FFFFFF) !important;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .configuration .configuration-list .config-item .config-dropdown .config-dropdown-toggle.selected .vi {
  color: #FFFFFF;
  color: var(--drop_menu_active_icon_color, #FFFFFF) !important;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .configuration .configuration-list .config-item .config-dropdown .config-dropdown-toggle .dropdown-value {
  font-size: 14px;
  padding-top: 4px;
  width: 70%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .configuration .configuration-list .config-item .config-dropdown .config-dropdown-toggle .vi {
  font-size: 25px;
  padding: 0 10px;
  color: #4F4E57;
  color: var(--drop_menu_static_icon_color, #4F4E57) !important;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .configuration .configuration-list .config-item .config-dropdown .config-dropdown-toggle .icon_sort_arrow_down,
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .configuration .configuration-list .config-item .config-dropdown .config-dropdown-toggle .icon_sort_arrow_up {
  padding: 10px;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .configuration .configuration-list .config-item .config-dropdown .config-dropdown-menu {
  width: 100%;
  max-height: 180px;
  overflow: scroll;
  border-radius: 0;
  margin-top: -8px;
  border: 1px solid;
  border-color: #9665A6;
  border-color: var(--option_btn_on_color, #9665A6) !important;
  background-color: #E5E5E5;
  background-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
  font-size: 14px;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .configuration .configuration-list .config-item .config-dropdown .config-dropdown-menu li {
  margin: 0 1px 0 1px;
  border: 1px solid transparent;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .configuration .configuration-list .config-item .config-dropdown .config-dropdown-menu li a {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .configuration .configuration-list .config-item .config-dropdown .config-dropdown-menu li a .selected-item {
  width: 85%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .configuration .configuration-list .config-item .config-dropdown .config-dropdown-menu li a span {
  margin-top: 3px;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .configuration .configuration-list .config-item .config-dropdown .config-dropdown-menu li a.selected {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .configuration .configuration-list .config-item .config-dropdown.show .config-dropdown-toggle {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .config-price-container {
  margin-top: 30px;
  text-align: center;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .config-price-container .info-label {
  font-size: 14px;
  line-height: 14px;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .config-price-container .price-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px 0;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .config-price-container .price-container .label {
  font-size: 14px;
  line-height: 14px;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .config-price-container .price-container .total-price {
  font-size: 24px;
  font-weight: 700;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .config-price-public {
  margin-top: 30px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .config-price-public .link-label {
  padding: 20px;
  font-size: 20px;
  line-height: 30px;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .config-price-public .link-label a {
  color: blue !important;
  text-decoration: underline;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper {
  margin-top: 30px;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-header {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding-top: 10px;
  background-color: #E5E5E5;
  background-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
  line-height: 38px;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-header .head-icon {
  padding: 5px 15px 0 10px;
  width: 10%;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-header .head-icon .vi {
  font-size: 20px;
  color: #4F4E57;
  color: var(--drop_menu_static_icon_color, #4F4E57) !important;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-header .head-icon svg path {
  fill: #4F4E57;
  fill: var(--drop_menu_static_icon_color, #4F4E57) !important;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-header .head-label {
  color: #4F4E57;
  color: var(--drop_menu_static_font_color, #4F4E57) !important;
  width: 70%;
  text-align: left;
  font-size: 15px;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-header .head-dropdown-icon {
  width: 20%;
  padding: 15px 15px;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-header .head-dropdown-icon .vi {
  color: #4F4E57;
  color: var(--drop_menu_static_icon_color, #4F4E57) !important;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item {
  margin: 5px 10px 0 10px;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div span {
  font-size: 14px;
  font-weight: 500;
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div input {
  width: 100%;
  height: 33px;
  border: 1px solid;
  font-size: 14px;
  padding-left: 15px;
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
  border-color: #BFBFC3;
  border-color: var(--input_field_line_static, #BFBFC3) !important;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div input:focus {
  border-color: #804294;
  border-color: var(--input_field_line_active, #804294) !important;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div input.error {
  border-color: red;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div .field-error {
  background-color: #d0021b;
  line-height: 25px;
  font-size: 18px;
  font-weight: bolder;
  width: 100%;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div .field-error span {
  color: #ffffff !important;
  margin-left: 10px;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div textarea {
  width: 100%;
  height: 66px;
  border: 1px solid;
  font-size: 14px;
  padding-left: 15px;
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
  border-color: #BFBFC3;
  border-color: var(--input_field_line_static, #BFBFC3) !important;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div textarea:focus {
  border-color: #804294;
  border-color: var(--input_field_line_active, #804294) !important;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div .font-dropdown-wrapper {
  margin-bottom: 20px;
  width: 100%;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div .font-dropdown-wrapper .font-dropdown {
  width: 50%;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div .font-dropdown-wrapper .font-dropdown .font-dropdown-toggle {
  height: 40px;
  width: 100%;
  background-color: var(--input_field_static_bg_color, ) !important;
  border: 1px solid;
  border-color: "#BFBFC3";
  border-color: var(--input_field_static_line_color, "#BFBFC3") !important;
  border-radius: 0;
  padding-top: 5px;
  color: #4F4E57;
  color: var(--drop_menu_static_font_color, #4F4E57) !important;
  box-shadow: unset;
  outline: none;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div .font-dropdown-wrapper .font-dropdown .font-dropdown-toggle::after {
  display: none;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div .font-dropdown-wrapper .font-dropdown .font-dropdown-toggle .dropdown-value {
  font-size: 14px;
  padding-top: 4px;
  width: 70%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div .font-dropdown-wrapper .font-dropdown .font-dropdown-toggle .vi {
  font-size: 25px;
  padding: 0 10px;
  color: #4F4E57;
  color: var(--drop_menu_static_icon_color, #4F4E57) !important;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div .font-dropdown-wrapper .font-dropdown .font-dropdown-toggle .icon_sort_arrow_down,
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div .font-dropdown-wrapper .font-dropdown .font-dropdown-toggle .icon_sort_arrow_up {
  padding: 10px;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div .font-dropdown-wrapper .font-dropdown .font-dropdown-menu {
  width: 100%;
  max-height: 180px;
  overflow: scroll;
  border-radius: 0;
  margin-top: 0px;
  border: 1px solid;
  border-color: #9665A6;
  border-color: var(--option_btn_on_color, #9665A6) !important;
  background-color: #E5E5E5;
  background-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
  font-size: 14px;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div .font-dropdown-wrapper .font-dropdown .font-dropdown-menu li {
  margin: 0 1px 0 1px;
  border: 1px solid transparent;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div .font-dropdown-wrapper .font-dropdown .font-dropdown-menu li a {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div .font-dropdown-wrapper .font-dropdown .font-dropdown-menu li a .selected-item {
  width: 85%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div .font-dropdown-wrapper .font-dropdown .font-dropdown-menu li a span {
  margin-top: 3px;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div .font-dropdown-wrapper .font-dropdown .font-dropdown-menu li a.selected {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div .font-dropdown-wrapper .font-dropdown .font-dropdown-menu li a.selected span {
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div .font-dropdown-wrapper .font-dropdown.show .font-dropdown-toggle {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item .caption-right {
  text-align: right;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item .caption-right span {
  font-size: 14px;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper.open .personalisation-container, .diamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper.active .personalisation-container {
  border: 1px solid;
  border-color: #804294;
  border-color: var(--drop_menu_active_bg_color, #804294) !important;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper.open .personalisation-header, .diamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper.active .personalisation-header {
  background-color: #804294;
  background-color: var(--drop_menu_active_bg_color, #804294) !important;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper.open .personalisation-header .head-icon .vi, .diamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper.active .personalisation-header .head-icon .vi {
  color: #FFFFFF;
  color: var(--drop_menu_active_icon_color, #FFFFFF) !important;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper.open .personalisation-header .head-icon svg path, .diamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper.active .personalisation-header .head-icon svg path {
  fill: #FFFFFF;
  fill: var(--drop_menu_active_icon_color, #FFFFFF) !important;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper.open .personalisation-header .head-label, .diamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper.active .personalisation-header .head-label {
  color: #FFFFFF;
  color: var(--drop_menu_active_font_color, #FFFFFF) !important;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper.open .personalisation-header .head-dropdown-icon .vi, .diamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper.active .personalisation-header .head-dropdown-icon .vi {
  color: #FFFFFF;
  color: var(--drop_menu_active_icon_color, #FFFFFF) !important;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .config-share-cart {
  display: flex;
  margin-top: 30px;
  justify-content: center;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .config-share-cart .share-box {
  margin-bottom: 25px;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .config-share-cart .share-box button {
  border-radius: 100px;
  border: 2px solid;
  line-height: 42px;
  height: 55px;
  font-size: 18px;
  font-weight: 700;
  cursor: pointer;
  outline: none;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .config-share-cart .share-box .share {
  width: 150px;
  border-color: #652E77;
  border-color: var(--action_btn_active_color, #652E77) !important;
  color: #652E77;
  color: var(--action_btn_active_color, #652E77) !important;
  margin-right: 10px;
  background-color: transparent;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .config-share-cart .share-box .share .vi {
  font-size: 22px;
  margin-right: 15px;
  vertical-align: text-top;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .config-share-cart .cart-box {
  display: flex;
  justify-content: center;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .config-share-cart .cart-box button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 55px;
  width: 260px;
  border-radius: 50px;
  border: 0;
  cursor: pointer;
  outline: none;
  background-color: #652E77;
  background-color: var(--action_btn_active_color, #652E77) !important;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .config-share-cart .cart-box button .label {
  font-size: 18px;
  font-weight: 700;
  color: #FFFFFF;
  color: var(--action_btn_active_font_color, #FFFFFF) !important;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .config-share-cart .cart-box button .vi {
  font-size: 30px;
  margin-right: 15px;
  margin-left: -20px;
  color: #FFFFFF;
  color: var(--action_btn_active_icon_color, #FFFFFF) !important;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .config-share-cart .cart-box button.disabled {
  border: 0;
  background-color: #BFBFC3;
  background-color: var(--option_btn_disabled_color, #BFBFC3) !important;
  color: #FFFFFF;
  color: var(--option_btn_disabled_font_color, #FFFFFF) !important;
}
.diamondDetailsContainer .details-container.rbr .left-container.custom-item .config-share-cart .cart-box button.disabled .vi {
  margin-left: -20px;
  color: #FFFFFF;
  color: var(--option_btn_disabled_icon_color, #FFFFFF) !important;
}
.diamondDetailsContainer .details-container.rbr .right-container {
  justify-content: flex-start;
}
.diamondDetailsContainer .details-container.rbr .right-container .media-bmh {
  width: 90%;
  margin-left: 0;
}
.diamondDetailsContainer .details-container.rbr .right-container .go-back {
  cursor: pointer;
  margin-left: 15px;
}
.diamondDetailsContainer .share-modal {
  margin: 150px auto;
}
.diamondDetailsContainer .share-modal .jewelry-share {
  border-radius: 0.3em;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
.diamondDetailsContainer .share-modal .jewelry-share .jewelry-share-header {
  width: 284px;
  text-align: center;
  margin: 20px auto 30px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.diamondDetailsContainer .share-modal .jewelry-share .jewelry-share-header span {
  font-size: 24px;
  font-weight: 700;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  display: block;
}
.diamondDetailsContainer .share-modal .jewelry-share .jewelry-share-header span.icon {
  font-size: 22px;
  display: block;
  margin: 0 auto 10px;
}
.diamondDetailsContainer .share-modal .jewelry-share .jewelry-share-header .close-modal {
  position: absolute;
  right: 20px;
  top: 20px;
}
.diamondDetailsContainer .share-modal .jewelry-share .jewelry-share-header .close-modal .vi {
  font-size: 18px;
}
.diamondDetailsContainer .share-modal .jewelry-share .email {
  width: 360px;
  margin: 0 auto;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.diamondDetailsContainer .share-modal .jewelry-share .email p {
  font-size: 14px;
  margin-top: 5px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.diamondDetailsContainer .share-modal .jewelry-share .email input[type=email] {
  height: 50px;
  width: 100%;
  border: 2px solid;
  border-color: #BFBFC3;
  border-color: var(--input_field_line_static, #BFBFC3) !important;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_static, #FFFFFF) !important;
  padding: 0 10px;
}
.diamondDetailsContainer .share-modal .jewelry-share .email input[type=email]::-webkit-input-placeholder {
  text-align: center;
  font-size: 14px;
}
.diamondDetailsContainer .share-modal .jewelry-share .email input[type=email]:-moz-placeholder {
  /* Firefox 18- */
  text-align: center;
  font-size: 14px;
}
.diamondDetailsContainer .share-modal .jewelry-share .email input[type=email]::-moz-placeholder {
  /* Firefox 19+ */
  text-align: center;
  font-size: 14px;
}
.diamondDetailsContainer .share-modal .jewelry-share .email input[type=email]:-ms-input-placeholder {
  text-align: center;
  font-size: 14px;
}
.diamondDetailsContainer .share-modal .jewelry-share .email input[type=email]:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px white inset;
  -webkit-text-fill-color: #706F76;
  -webkit-text-fill-color: var(--input_field_font_static, #706F76) !important;
}
.diamondDetailsContainer .share-modal .jewelry-share .email .field-error {
  background-color: #d0021b;
  line-height: 50px;
  margin: 10px auto;
  font-size: 18px;
  font-weight: bolder;
  width: 100%;
  color: #ffffff;
  text-align: center;
}
.diamondDetailsContainer .share-modal .jewelry-share .comments {
  margin-top: 30px;
}
.diamondDetailsContainer .share-modal .jewelry-share .comments .header {
  font-size: 14px;
  text-transform: capitalize;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  display: block;
  font-weight: 400;
  margin-bottom: 10px;
  text-align: center;
}
.diamondDetailsContainer .share-modal .jewelry-share .comments textarea {
  width: 360px;
  height: 155px;
  padding: 10px;
  margin: 0 auto;
  border-color: #BFBFC3;
  border-color: var(--input_field_line_static, #BFBFC3) !important;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_static, #FFFFFF) !important;
  font-weight: 400;
  display: block;
}
.diamondDetailsContainer .share-modal .jewelry-share .comments textarea::-webkit-input-placeholder {
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
  font-size: 14px;
}
.diamondDetailsContainer .share-modal .jewelry-share .comments textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
  font-size: 14px;
}
.diamondDetailsContainer .share-modal .jewelry-share .comments textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
  font-size: 14px;
}
.diamondDetailsContainer .share-modal .jewelry-share .comments textarea:-ms-input-placeholder {
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
  font-size: 14px;
}
.diamondDetailsContainer .share-modal .jewelry-share .submit {
  padding-top: 30px;
  padding-bottom: 30px;
}
.diamondDetailsContainer .share-modal .jewelry-share .submit button {
  height: 55px;
  width: 190px;
  border-radius: 100px;
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
  display: block;
  margin: 0 auto;
  outline: 0 !important;
}
.diamondDetailsContainer .contact-modal {
  margin: 150px auto;
}
.diamondDetailsContainer .contact-modal .jewelry-contact-us {
  border-radius: 0.3em;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
.diamondDetailsContainer .contact-modal .jewelry-contact-us .jewelry-contact-header {
  width: 340px;
  text-align: center;
  margin: 20px auto 30px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.diamondDetailsContainer .contact-modal .jewelry-contact-us .jewelry-contact-header span {
  font-size: 30px;
  font-weight: 500;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  display: block;
}
.diamondDetailsContainer .contact-modal .jewelry-contact-us .jewelry-contact-header .close-modal {
  position: absolute;
  right: 20px;
  top: 20px;
}
.diamondDetailsContainer .contact-modal .jewelry-contact-us .jewelry-contact-header .close-modal .vi {
  font-size: 18px;
}
.diamondDetailsContainer .contact-modal .jewelry-contact-us .contact-us-text {
  width: 300px;
  text-align: center;
  margin: 15px auto;
  font-size: 14px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.diamondDetailsContainer .contact-modal .jewelry-contact-us .comments {
  margin-top: 30px;
}
.diamondDetailsContainer .contact-modal .jewelry-contact-us .comments .header {
  font-size: 14px;
  text-transform: capitalize;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  display: block;
  font-weight: 400;
  margin-bottom: 10px;
  text-align: center;
}
.diamondDetailsContainer .contact-modal .jewelry-contact-us .comments textarea {
  width: 360px;
  height: 155px;
  padding: 10px;
  margin: 0 auto;
  border-color: #BFBFC3;
  border-color: var(--input_field_line_static, #BFBFC3) !important;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_static, #FFFFFF) !important;
  font-weight: 400;
  display: block;
}
.diamondDetailsContainer .contact-modal .jewelry-contact-us .comments textarea::-webkit-input-placeholder {
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
  font-size: 14px;
}
.diamondDetailsContainer .contact-modal .jewelry-contact-us .comments textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
  font-size: 14px;
}
.diamondDetailsContainer .contact-modal .jewelry-contact-us .comments textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
  font-size: 14px;
}
.diamondDetailsContainer .contact-modal .jewelry-contact-us .comments textarea:-ms-input-placeholder {
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
  font-size: 14px;
}
.diamondDetailsContainer .contact-modal .jewelry-contact-us .submit {
  padding-top: 30px;
  padding-bottom: 30px;
}
.diamondDetailsContainer .contact-modal .jewelry-contact-us .submit button {
  height: 55px;
  width: 190px;
  border-radius: 100px;
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
  display: block;
  margin: 0 auto;
  outline: 0 !important;
}
.diamondDetailsContainer .cert .iframe {
  min-height: 100vh;
  overflow: scroll;
}
.diamondDetailsContainer .cert .unsecuredUrl {
  text-align: center;
  margin: 50% auto;
  cursor: pointer;
}
.diamondDetailsContainer .cert .unsecuredUrlPopup {
  text-align: center;
  height: 60vh;
  line-height: 60vh;
  cursor: pointer;
}
.diamondDetailsContainer .cert iframe {
  background-image: url("../webapp/common/cert_one_moment.gif");
  background-repeat: no-repeat;
  background-position: top center;
  background-color: #ffffff;
  height: 100vh;
}
.diamondDetailsContainer .cert .image-cert {
  background-image: none !important;
  background-repeat: no-repeat;
  background-position: top center;
  background-color: #ffffff;
}
.diamondDetailsContainer .cert .image-cert img {
  width: 100%;
}
@media (min-width: 1001px) and (max-width: 1199px) {
  .diamondDetailsContainer .left-container {
    padding-left: 10px !important;
  }
  .diamondDetailsContainer .right-container .media-bmh {
    margin-left: 0 !important;
  }
  .diamondDetailsContainer .right-container .media-bmh .media-container .image-cover, .diamondDetailsContainer .right-container .media-bmh .media-container .video-box-no-play .video-cover {
    width: 100% !important;
    height: unset !important;
    position: relative;
    padding-bottom: 100%;
  }
  .diamondDetailsContainer .right-container .media-bmh .media-container .image-cover img, .diamondDetailsContainer .right-container .media-bmh .media-container .video-box-no-play .video-cover img {
    position: absolute;
    top: 0;
    left: 0;
  }
  .diamondDetailsContainer .right-container .media-bmh .media-slides-container {
    width: 100% !important;
  }
  .diamondDetailsContainer .right-container .media-bmh .media-slides-container .media-slide {
    width: 22% !important;
    margin: 0 10px 10px 0 !important;
    height: auto !important;
  }
  .diamondDetailsContainer .right-container .media-bmh .media-slides-container .media-slide .image-container {
    margin-bottom: 0 !important;
  }
  .diamondDetailsContainer .right-container .bmh-buttons {
    width: 22% !important;
  }
}
@media screen and (max-width: 1000px) {
  .diamondDetailsContainer .details-container {
    justify-content: center;
    flex-direction: column !important;
    align-items: center;
    flex-wrap: nowrap !important;
  }
  .diamondDetailsContainer .details-container .left-container {
    order: 3;
    max-width: unset !important;
    width: 600px;
    padding-top: unset !important;
  }
  .diamondDetailsContainer .details-container .left-container .title-container {
    display: none;
  }
  .diamondDetailsContainer .details-container .right-container {
    order: 2;
    max-width: 600px !important;
    justify-content: center !important;
  }
  .diamondDetailsContainer .details-container .right-container .title-container {
    display: block !important;
    width: 550px;
    margin-bottom: 10px;
    margin-left: 0px !important;
  }
  .diamondDetailsContainer .details-container .right-container .title-container .page-title {
    margin: 0 !important;
  }
  .diamondDetailsContainer .details-container .right-container .media-bmh {
    margin-left: 0 !important;
    width: 78% !important;
  }
  .diamondDetailsContainer .details-container .right-container .media-bmh .media-container {
    width: 100%;
    margin: 0 auto;
  }
  .diamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel, .diamondDetailsContainer .details-container .full-screen-diamond-overlay .media-slides-container {
    width: 100%;
  }
  .diamondDetailsContainer .configuration .title-text {
    margin-left: 20px;
  }
}
@media (min-width: 600px) and (max-width: 1000px) {
  .diamondDetailsContainer .right-container .media-bmh .media-container .carousel-container .mark-favorite {
    left: 10% !important;
  }
  .diamondDetailsContainer .price-container, .diamondDetailsContainer .personalisation-wrapper .personalisation-wrapper, .diamondDetailsContainer .config-share-cart {
    margin-left: 10% !important;
    margin-right: 15% !important;
  }
}
@media screen and (max-width: 600px) {
  .diamondDetailsContainer .details-container {
    padding: 0 10px;
  }
  .diamondDetailsContainer .details-container .left-container {
    width: 100% !important;
  }
  .diamondDetailsContainer .details-container .right-container .title-container {
    margin-bottom: 0 !important;
  }
  .diamondDetailsContainer .details-container .right-container .media-bmh {
    width: unset !important;
    order: 2;
  }
}
@media screen and (max-width: 600px) and (max-width: 470px) {
  .diamondDetailsContainer .details-container .right-container .media-bmh {
    width: 100% !important;
  }
  .diamondDetailsContainer .details-container .right-container .media-bmh .carousel-inner {
    height: auto !important;
  }
  .diamondDetailsContainer .details-container .right-container .media-bmh .carousel-inner .image-container .image-cover {
    width: 100% !important;
    height: unset !important;
    position: relative;
    padding-bottom: 100%;
  }
  .diamondDetailsContainer .details-container .right-container .media-bmh .carousel-inner .image-container .image-cover img {
    position: absolute;
    top: 0;
    left: 0;
  }
  .diamondDetailsContainer .details-container .right-container .media-bmh .carousel-inner .video-box-no-play {
    margin-bottom: 40px;
  }
  .diamondDetailsContainer .details-container .right-container .media-bmh .carousel-inner .cert {
    width: 100% !important;
    height: unset !important;
  }
  .diamondDetailsContainer .details-container .right-container .media-bmh .carousel-inner .cert .image-cert {
    height: 260px !important;
    margin-bottom: 40px;
  }
  .diamondDetailsContainer .details-container .right-container .media-bmh .carousel-inner .cert .iframe {
    min-height: 300px !important;
    height: 300px !important;
  }
  .diamondDetailsContainer .details-container .right-container .media-bmh .media-slides-container {
    width: 280px !important;
  }
  .diamondDetailsContainer .details-container .right-container .media-bmh .media-slides-container .media-slide {
    height: 60px !important;
    width: 60px !important;
  }
  .diamondDetailsContainer .details-container .right-container .media-bmh .media-slides-container .media-slide .image-cover, .diamondDetailsContainer .details-container .right-container .media-bmh .media-slides-container .media-slide .video-cover {
    height: 57.8px !important;
    width: 57.8px !important;
  }
  .diamondDetailsContainer .details-container .right-container .media-bmh .media-slides-container .media-slide .play-video a {
    height: 20px !important;
    width: 30px !important;
  }
  .diamondDetailsContainer .details-container .right-container .media-bmh .media-slides-container .media-slide .cert-box {
    height: 57.8px !important;
    width: 57.8px !important;
    padding-bottom: 0px !important;
  }
  .diamondDetailsContainer .details-container .right-container .media-bmh .media-slides-container .media-slide .cert-box .vi {
    font-size: 22px !important;
  }
  .diamondDetailsContainer .details-container .right-container .media-bmh .carousel-control-prev {
    left: -40px !important;
  }
  .diamondDetailsContainer .details-container .right-container .media-bmh .carousel-control-next {
    right: -40px !important;
  }
}
@media screen and (max-width: 600px) {
  .diamondDetailsContainer .details-container .right-container .media-bmh .media-container {
    padding: 10px;
  }
}
@media screen and (max-width: 600px) {
  .diamondDetailsContainer .details-container .right-container .media-bmh .jewelry-buy .image-container, .diamondDetailsContainer .details-container .right-container .media-bmh .jewelry-hold .image-container, .diamondDetailsContainer .details-container .right-container .media-bmh .jewelry-memo .image-container {
    display: none;
  }
  .diamondDetailsContainer .details-container .right-container .media-bmh .jewelry-buy .go-to-info, .diamondDetailsContainer .details-container .right-container .media-bmh .jewelry-hold .go-to-info, .diamondDetailsContainer .details-container .right-container .media-bmh .jewelry-memo .go-to-info {
    float: right;
    margin-right: 20px;
    margin-top: 12px;
    color: #804294;
    color: var(--main_bg_icon_color, #804294) !important;
    cursor: pointer;
  }
  .diamondDetailsContainer .details-container .right-container .media-bmh .jewelry-buy .header, .diamondDetailsContainer .details-container .right-container .media-bmh .jewelry-hold .header, .diamondDetailsContainer .details-container .right-container .media-bmh .jewelry-memo .header {
    margin-left: unset !important;
  }
  .diamondDetailsContainer .details-container .right-container .media-bmh .jewelry-buy .right-memo-header, .diamondDetailsContainer .details-container .right-container .media-bmh .jewelry-buy .right-buy-header, .diamondDetailsContainer .details-container .right-container .media-bmh .jewelry-buy .right-hold-header, .diamondDetailsContainer .details-container .right-container .media-bmh .jewelry-hold .right-memo-header, .diamondDetailsContainer .details-container .right-container .media-bmh .jewelry-hold .right-buy-header, .diamondDetailsContainer .details-container .right-container .media-bmh .jewelry-hold .right-hold-header, .diamondDetailsContainer .details-container .right-container .media-bmh .jewelry-memo .right-memo-header, .diamondDetailsContainer .details-container .right-container .media-bmh .jewelry-memo .right-buy-header, .diamondDetailsContainer .details-container .right-container .media-bmh .jewelry-memo .right-hold-header {
    justify-content: center !important;
  }
  .diamondDetailsContainer .details-container .right-container .media-bmh .jewelry-buy .memo-comments, .diamondDetailsContainer .details-container .right-container .media-bmh .jewelry-hold .memo-comments, .diamondDetailsContainer .details-container .right-container .media-bmh .jewelry-memo .memo-comments {
    padding: 20px;
  }
  .diamondDetailsContainer .details-container .right-container .media-bmh .jewelry-buy .payment-section, .diamondDetailsContainer .details-container .right-container .media-bmh .jewelry-hold .payment-section, .diamondDetailsContainer .details-container .right-container .media-bmh .jewelry-memo .payment-section {
    padding: 0;
  }
  .diamondDetailsContainer .details-container .right-container .media-bmh .jewelry-buy .select-hours .hours-solid-bg, .diamondDetailsContainer .details-container .right-container .media-bmh .jewelry-hold .select-hours .hours-solid-bg, .diamondDetailsContainer .details-container .right-container .media-bmh .jewelry-memo .select-hours .hours-solid-bg {
    left: 4%;
    width: 90%;
  }
}
@media screen and (max-width: 600px) {
  .diamondDetailsContainer .details-container .right-container .bmh-buttons {
    width: 100% !important;
    order: 1;
    margin: 15px 0;
  }
  .diamondDetailsContainer .details-container .right-container .bmh-buttons ul {
    display: flex;
    margin: 0;
    justify-content: space-around;
  }
  .diamondDetailsContainer .details-container .right-container .bmh-buttons ul li {
    width: 80px !important;
    border-radius: 50% !important;
    flex-direction: column-reverse !important;
  }
  .diamondDetailsContainer .details-container .right-container .bmh-buttons ul li .image {
    margin-left: 0 !important;
    margin-top: 0 !important;
  }
}
@media screen and (max-width: 600px) {
  .diamondDetailsContainer .details-container .full-screen-diamond-overlay .close-overlay {
    width: auto;
    top: 20px;
    right: 40px;
  }
  .diamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel {
    width: 100%;
    height: auto;
    padding: 20px 35px;
    outline: none;
  }
  .diamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .carousel-inner {
    height: auto !important;
  }
  .diamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .carousel-inner .image-container .image-cover {
    height: unset !important;
    width: 100% !important;
    max-width: 475px !important;
    max-height: 475px !important;
    padding-bottom: 100%;
    position: relative;
  }
  .diamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .carousel-inner .image-container .image-cover img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .diamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .carousel-inner .cert {
    width: 100% !important;
    height: unset !important;
  }
  .diamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .carousel-control-prev {
    width: 15%;
    left: -12px !important;
  }
  .diamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .carousel-control-next {
    width: 15%;
    right: -12px !important;
  }
  .diamondDetailsContainer .details-container .full-screen-diamond-overlay .media-slides-container {
    width: 100% !important;
  }
  .diamondDetailsContainer .details-container .full-screen-diamond-overlay .media-slides-container .media-slide {
    height: 60px !important;
    width: 60px !important;
  }
  .diamondDetailsContainer .details-container .full-screen-diamond-overlay .media-slides-container .media-slide .image-cover, .diamondDetailsContainer .details-container .full-screen-diamond-overlay .media-slides-container .media-slide .video-cover {
    height: 57.8px !important;
    width: 57.8px !important;
  }
  .diamondDetailsContainer .details-container .full-screen-diamond-overlay .media-slides-container .media-slide .play-video a {
    height: 20px !important;
    width: 30px !important;
  }
  .diamondDetailsContainer .details-container .full-screen-diamond-overlay .media-slides-container .media-slide .cert-box {
    height: 57.8px !important;
    width: 57.8px !important;
    padding-bottom: 0px !important;
  }
  .diamondDetailsContainer .details-container .full-screen-diamond-overlay .media-slides-container .media-slide .cert-box .vi {
    font-size: 22px !important;
  }
}
@media (min-width: 380px) and (max-width: 470px) {
  .diamondDetailsContainer .details-container .right-container .media-bmh .media-container {
    padding: 20px 25px !important;
  }
  .diamondDetailsContainer .details-container .right-container .media-bmh .media-container .video-cover {
    height: 314px !important;
    width: 314px !important;
  }
}
@media screen and (max-width: 380px) {
  .diamondDetailsContainer .details-container .left-container .rbr-share-contact button {
    font-size: 14px !important;
  }
  .diamondDetailsContainer .details-container .left-container .multiple-location-wrapper .multiple-location .multiple-location-toggle .company-dropdown-name {
    width: 60% !important;
  }
  .diamondDetailsContainer .details-container .right-container .media-bmh .media-container {
    padding: 20px 25px !important;
  }
  .diamondDetailsContainer .details-container .right-container .media-bmh .media-container .media-slides-container {
    width: 260px !important;
  }
  .diamondDetailsContainer .details-container .right-container .media-bmh .media-container .media-slides-container .media-slide {
    margin-right: 5px !important;
  }
  .diamondDetailsContainer .details-container .right-container .media-bmh .media-container .video-cover {
    height: 250px !important;
    width: 250px !important;
  }
  .diamondDetailsContainer .details-container .right-container .media-bmh .media-container .carousel-control-prev {
    left: -35px !important;
  }
  .diamondDetailsContainer .details-container .right-container .media-bmh .media-container .carousel-control-next {
    right: -35px !important;
  }
}
@media screen and (max-width: 480px) {
  .diamondDetailsContainer .contact-modal, .diamondDetailsContainer .share-modal {
    margin: 150px 5px !important;
  }
  .diamondDetailsContainer .contact-modal .jewelry-contact-us, .diamondDetailsContainer .contact-modal .jewelry-share, .diamondDetailsContainer .share-modal .jewelry-contact-us, .diamondDetailsContainer .share-modal .jewelry-share {
    padding: 20px;
  }
  .diamondDetailsContainer .contact-modal .jewelry-contact-us .jewelry-contact-header span, .diamondDetailsContainer .contact-modal .jewelry-share .jewelry-contact-header span, .diamondDetailsContainer .share-modal .jewelry-contact-us .jewelry-contact-header span, .diamondDetailsContainer .share-modal .jewelry-share .jewelry-contact-header span {
    font-size: 20px;
  }
  .diamondDetailsContainer .contact-modal .jewelry-contact-us .jewelry-share-header span, .diamondDetailsContainer .contact-modal .jewelry-share .jewelry-share-header span, .diamondDetailsContainer .share-modal .jewelry-contact-us .jewelry-share-header span, .diamondDetailsContainer .share-modal .jewelry-share .jewelry-share-header span {
    font-size: 20px;
  }
  .diamondDetailsContainer .contact-modal .jewelry-contact-us .jewelry-share-header, .diamondDetailsContainer .contact-modal .jewelry-contact-us .jewelry-contact-header, .diamondDetailsContainer .contact-modal .jewelry-contact-us .contact-us-text, .diamondDetailsContainer .contact-modal .jewelry-contact-us .email, .diamondDetailsContainer .contact-modal .jewelry-contact-us textarea, .diamondDetailsContainer .contact-modal .jewelry-share .jewelry-share-header, .diamondDetailsContainer .contact-modal .jewelry-share .jewelry-contact-header, .diamondDetailsContainer .contact-modal .jewelry-share .contact-us-text, .diamondDetailsContainer .contact-modal .jewelry-share .email, .diamondDetailsContainer .contact-modal .jewelry-share textarea, .diamondDetailsContainer .share-modal .jewelry-contact-us .jewelry-share-header, .diamondDetailsContainer .share-modal .jewelry-contact-us .jewelry-contact-header, .diamondDetailsContainer .share-modal .jewelry-contact-us .contact-us-text, .diamondDetailsContainer .share-modal .jewelry-contact-us .email, .diamondDetailsContainer .share-modal .jewelry-contact-us textarea, .diamondDetailsContainer .share-modal .jewelry-share .jewelry-share-header, .diamondDetailsContainer .share-modal .jewelry-share .jewelry-contact-header, .diamondDetailsContainer .share-modal .jewelry-share .contact-us-text, .diamondDetailsContainer .share-modal .jewelry-share .email, .diamondDetailsContainer .share-modal .jewelry-share textarea {
    width: 100% !important;
  }
  .diamondDetailsContainer .config-share-cart {
    flex-direction: column-reverse;
  }
  .diamondDetailsContainer .config-share-cart .share-box {
    margin-top: 20px;
    justify-content: center !important;
  }
  .diamondDetailsContainer .config-share-cart .share-box .share {
    width: 260px !important;
    margin-right: 0px !important;
  }
}
.fullScreenCarouselOverlay {
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  background-color: var(--light_box, rgba(0, 0, 0, 0.7)) !important;
  height: 100%;
  width: 100%;
  z-index: 99;
}
.fullScreenCarouselOverlay.hide {
  display: none;
}
.fullScreenCarouselOverlay .close-overlay {
  width: auto;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 120px;
  top: 60px;
  z-index: 99;
  text-align: right;
  height: auto;
  font-size: 24px;
  background-position: center;
  background-repeat: no-repeat;
  color: #FFFFFF;
  color: var(--action_btn_static_icon_color, #FFFFFF) !important;
  cursor: pointer;
}
.fullScreenCarouselOverlay .carousel {
  height: calc(100vh - 260px);
  width: 100%;
  margin: 135px auto 30px;
  padding: 0;
  outline: none !important;
}
@media screen and (min-width: 1650px) {
  .fullScreenCarouselOverlay .carousel {
    zoom: 100%;
  }
}
@media screen and (min-width: 1800px) {
  .fullScreenCarouselOverlay .carousel {
    zoom: 100%;
  }
}
@media screen and (min-width: 1950px) {
  .fullScreenCarouselOverlay .carousel {
    zoom: 100%;
  }
}
@media screen and (min-width: 2100px) {
  .fullScreenCarouselOverlay .carousel {
    zoom: 100%;
  }
}
@media screen and (min-width: 2250px) {
  .fullScreenCarouselOverlay .carousel {
    zoom: 100%;
  }
}
@media only screen and (min-width: 1950px) {
  .fullScreenCarouselOverlay .carousel {
    height: calc(100vh - 340px);
    margin: 170px auto 30px;
  }
}
@media screen and (max-width: 1000px) {
  .fullScreenCarouselOverlay .carousel {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .fullScreenCarouselOverlay .carousel {
    height: auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin: 0 0 40px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    position: absolute;
  }
}
.fullScreenCarouselOverlay .carousel.hide {
  display: none;
}
.fullScreenCarouselOverlay .carousel .image-container {
  margin-bottom: 40px;
}
.fullScreenCarouselOverlay .carousel .image-container .image-cover {
  height: calc(100vh - 260px);
  width: calc(100vh - 260px);
  display: block;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 auto;
}
@media only screen and (min-width: 1950px) {
  .fullScreenCarouselOverlay .carousel .image-container .image-cover {
    height: calc(100vh - 340px);
    width: calc(100vh - 340px);
  }
}
@media only screen and (max-width: 767px) {
  .fullScreenCarouselOverlay .carousel .image-container .image-cover {
    height: 300px !important;
    width: 300px !important;
  }
}
.fullScreenCarouselOverlay .carousel .image-container .image-cover img {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  background-color: var(--image_bg_color, #FFFFFF) !important;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-fit: var(--cover_image_bg_size, cover) !important;
     object-fit: var(--cover_image_bg_size, cover) !important;
}
.fullScreenCarouselOverlay .carousel .image-container.jewelry-no-image-placeholder {
  background-image: url("../webapp/svg/diamond_detail/icon_detail_page_image_not_available.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #FFFFFF;
  background-color: var(--image_bg_color, #FFFFFF) !important;
  height: calc(100vh - 260px);
  width: calc(100vh - 260px);
  margin: 0 auto;
}
@media only screen and (min-width: 1950px) {
  .fullScreenCarouselOverlay .carousel .image-container.jewelry-no-image-placeholder {
    height: calc(100vh - 340px);
    width: calc(100vh - 340px);
  }
}
@media only screen and (max-width: 767px) {
  .fullScreenCarouselOverlay .carousel .image-container.jewelry-no-image-placeholder {
    background-size: contain !important;
    height: 300px !important;
    width: 300px !important;
  }
}
.fullScreenCarouselOverlay .carousel .carousel-control-next-icon, .fullScreenCarouselOverlay .carousel .carousel-control-prev-icon {
  height: 34px;
  width: 34px;
}
.fullScreenCarouselOverlay .carousel .carousel-control-prev,
.fullScreenCarouselOverlay .carousel .carousel-control-next {
  opacity: 1 !important;
}
.fullScreenCarouselOverlay .carousel .carousel-control-prev {
  width: 15%;
}
.fullScreenCarouselOverlay .carousel .carousel-control-prev .carousel-control-prev-icon {
  background-image: url("../webapp/chevron-left.svg");
}
.fullScreenCarouselOverlay .carousel .carousel-control-next {
  width: 15%;
}
.fullScreenCarouselOverlay .carousel .carousel-control-next .carousel-control-next-icon {
  background-image: url("../webapp/chevron-right.svg");
}
.fullScreenCarouselOverlay .carousel .image-cover {
  height: calc(100vh - 260px);
  width: calc(100vh - 260px);
  display: block;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: #ebebec;
  margin: 0 auto;
}
@media only screen and (min-width: 1950px) {
  .fullScreenCarouselOverlay .carousel .image-cover {
    height: calc(100vh - 340px);
    width: calc(100vh - 340px);
  }
}
@media only screen and (max-width: 767px) {
  .fullScreenCarouselOverlay .carousel .image-cover {
    height: 300px !important;
    width: 300px !important;
  }
}
.fullScreenCarouselOverlay .carousel .image-cover img {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  background-color: var(--image_bg_color, #FFFFFF) !important;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-fit: var(--cover_image_bg_size, cover) !important;
     object-fit: var(--cover_image_bg_size, cover) !important;
}
.fullScreenCarouselOverlay .carousel .video-box {
  height: calc(100vh - 260px);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
@media only screen and (min-width: 1950px) {
  .fullScreenCarouselOverlay .carousel .video-box {
    height: calc(100vh - 340px);
  }
}
@media only screen and (max-width: 767px) {
  .fullScreenCarouselOverlay .carousel .video-box {
    height: auto !important;
    width: 300px !important;
    max-width: 100% !important;
  }
}
.fullScreenCarouselOverlay .carousel .video-box video {
  width: auto;
  height: 100%;
  max-width: 100% !important;
  margin: 0 auto;
  background: #000;
}
@media only screen and (max-width: 767px) {
  .fullScreenCarouselOverlay .carousel .video-box video {
    height: auto !important;
    width: 300px !important;
  }
}
.fullScreenCarouselOverlay .carousel .video-box iframe {
  width: 750px;
  height: 100%;
  max-width: 100% !important;
  margin: 0 auto;
}
@media screen and (min-width: 1650px) {
  .fullScreenCarouselOverlay .carousel .video-box iframe {
    width: 1000px;
  }
}
@media screen and (min-width: 1950px) {
  .fullScreenCarouselOverlay .carousel .video-box iframe {
    width: 1200px;
  }
}
@media screen and (min-width: 2250px) {
  .fullScreenCarouselOverlay .carousel .video-box iframe {
    width: 1500px;
  }
}
@media only screen and (max-width: 767px) {
  .fullScreenCarouselOverlay .carousel .video-box iframe {
    height: 300px !important;
    width: 300px !important;
  }
}
.fullScreenCarouselOverlay .carousel .video-box .external-link {
  width: calc(100vh - 260px);
  height: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: var(--option_btn_on_color, #9665A6) !important;
  background: #fff;
  text-decoration: none;
  font-size: 16px;
}
@media only screen and (min-width: 1950px) {
  .fullScreenCarouselOverlay .carousel .video-box .external-link {
    width: calc(100vh - 340px);
  }
}
.fullScreenCarouselOverlay .carousel .video-box .external-link:hover {
  text-decoration: underline;
}
@media only screen and (max-width: 767px) {
  .fullScreenCarouselOverlay .carousel .video-box .external-link {
    height: 300px !important;
    width: 300px !important;
  }
}
.fullScreenCarouselOverlay .carousel .cert {
  height: calc(100vh - 260px);
  width: 70%;
  margin: 0 auto;
}
@media only screen and (min-width: 1950px) {
  .fullScreenCarouselOverlay .carousel .cert {
    height: calc(100vh - 340px);
  }
}
@media only screen and (max-width: 767px) {
  .fullScreenCarouselOverlay .carousel .cert {
    height: auto !important;
    width: 300px !important;
  }
}
.fullScreenCarouselOverlay .carousel .cert::-webkit-scrollbar {
  display: none;
}
.fullScreenCarouselOverlay .carousel .cert .iframe {
  height: calc(100vh - 260px);
  margin: 0 auto;
}
@media only screen and (min-width: 1950px) {
  .fullScreenCarouselOverlay .carousel .cert .iframe {
    height: calc(100vh - 340px);
  }
}
@media only screen and (max-width: 767px) {
  .fullScreenCarouselOverlay .carousel .cert .iframe {
    height: auto !important;
    width: 300px !important;
  }
}
.fullScreenCarouselOverlay .carousel .cert .image-cert {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  width: 70%;
  height: 100%;
  overflow: auto;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .fullScreenCarouselOverlay .carousel .cert .image-cert {
    height: auto !important;
    width: 100% !important;
  }
}
.fullScreenCarouselOverlay .carousel .cert .image-cert img {
  height: 100%;
  width: auto;
  max-width: 100% !important;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .fullScreenCarouselOverlay .carousel .cert .image-cert img {
    height: auto !important;
    width: 100% !important;
  }
}
.fullScreenCarouselOverlay .carousel .cert .iframe,
.fullScreenCarouselOverlay .carousel .cert .pdf-cert {
  width: 750px;
  height: 100%;
  margin: 0 auto;
  min-height: unset !important;
}
@media screen and (min-width: 1650px) {
  .fullScreenCarouselOverlay .carousel .cert .iframe,
.fullScreenCarouselOverlay .carousel .cert .pdf-cert {
    width: 1000px;
  }
}
@media screen and (min-width: 1950px) {
  .fullScreenCarouselOverlay .carousel .cert .iframe,
.fullScreenCarouselOverlay .carousel .cert .pdf-cert {
    width: 1200px;
  }
}
@media screen and (min-width: 2250px) {
  .fullScreenCarouselOverlay .carousel .cert .iframe,
.fullScreenCarouselOverlay .carousel .cert .pdf-cert {
    width: 1500px;
  }
}
@media only screen and (max-width: 767px) {
  .fullScreenCarouselOverlay .carousel .cert .iframe,
.fullScreenCarouselOverlay .carousel .cert .pdf-cert {
    height: auto !important;
    width: 100% !important;
  }
}
.fullScreenCarouselOverlay .carousel .cert .iframe iframe,
.fullScreenCarouselOverlay .carousel .cert .pdf-cert iframe {
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .fullScreenCarouselOverlay .carousel .cert .iframe iframe,
.fullScreenCarouselOverlay .carousel .cert .pdf-cert iframe {
    height: 500px !important;
    width: 100% !important;
  }
}
.fullScreenCarouselOverlay .carousel .cert .iframe::-webkit-scrollbar,
.fullScreenCarouselOverlay .carousel .cert .pdf-cert::-webkit-scrollbar {
  display: none;
}
.fullScreenCarouselOverlay .media-slides-container {
  display: flex;
  flex-wrap: wrap;
  width: 900px;
  margin: 0 auto;
  justify-content: center;
}
@media screen and (max-width: 1000px) {
  .fullScreenCarouselOverlay .media-slides-container {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .fullScreenCarouselOverlay .media-slides-container {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
  }
}
.fullScreenCarouselOverlay .media-slides-container .media-slide {
  height: 87px;
  width: 87px;
  margin-right: 10px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12);
  cursor: pointer;
  border: 1px solid;
  border-color: transparent;
}
.fullScreenCarouselOverlay .media-slides-container .media-slide .image-container {
  background-size: contain;
  background-repeat: no-repeat;
  width: unset !important;
  height: unset !important;
}
.fullScreenCarouselOverlay .media-slides-container .media-slide .image-container .image-cover {
  height: 87px;
  width: 85px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
}
.fullScreenCarouselOverlay .media-slides-container .media-slide .image-container .image-cover img {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  background-color: var(--image_bg_color, #FFFFFF) !important;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-fit: var(--cover_image_bg_size, cover) !important;
     object-fit: var(--cover_image_bg_size, cover) !important;
}
.fullScreenCarouselOverlay .media-slides-container .media-slide .video-box-no-play {
  position: relative;
  background-color: #FFFFFF;
  background-color: var(--image_bg_color, #FFFFFF) !important;
}
.fullScreenCarouselOverlay .media-slides-container .media-slide .video-box-no-play .video-cover {
  height: 87px;
  width: 85px;
  margin: 0 auto;
  display: block;
  background-size: 100% 100%;
  background-position: center;
}
.fullScreenCarouselOverlay .media-slides-container .media-slide .video-box-no-play .no-video {
  height: 80px;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../webapp/svg/diamond_detail/icon_detail_page_video_not_available.svg");
  background-size: 100px;
}
.fullScreenCarouselOverlay .media-slides-container .media-slide .video-box-no-play .play-video {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -40%);
  color: #fff;
}
.fullScreenCarouselOverlay .media-slides-container .media-slide .video-box-no-play .play-video .video_play_icon {
  font-size: 45px;
  text-shadow: 0.5px 0.3px 1px #3b3e3b91;
}
.fullScreenCarouselOverlay .media-slides-container .media-slide .cert-box {
  height: 87px;
  width: 85px;
  background: #fff;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  padding-bottom: 5px;
  margin: 0 auto;
}
.fullScreenCarouselOverlay .media-slides-container .media-slide .cert-box .vi {
  font-size: 38px;
}
.fullScreenCarouselOverlay .media-slides-container .media-slide .cert-box .report-label {
  font-size: 14px;
}
.fullScreenCarouselOverlay .media-slides-container .media-slide.active {
  border: 1px solid;
  border-color: #9665A6;
  border-color: var(--option_btn_on_color, #9665A6) !important;
}
@media screen and (max-width: 600px) {
  .fullScreenCarouselOverlay .close-overlay {
    width: auto;
    top: 20px;
    right: 40px;
  }
  .fullScreenCarouselOverlay .carousel {
    width: 100%;
    height: auto;
    padding: 20px 35px;
    outline: none;
  }
  .fullScreenCarouselOverlay .carousel .carousel-inner {
    height: auto !important;
  }
  .fullScreenCarouselOverlay .carousel .carousel-inner .image-container .image-cover {
    height: unset !important;
    width: 100% !important;
    max-width: 475px !important;
    max-height: 475px !important;
    padding-bottom: 100%;
    position: relative;
  }
  .fullScreenCarouselOverlay .carousel .carousel-inner .image-container .image-cover img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .fullScreenCarouselOverlay .carousel .carousel-inner .cert {
    width: 100% !important;
    height: unset !important;
  }
  .fullScreenCarouselOverlay .carousel .carousel-control-prev {
    width: 15%;
    left: -12px !important;
  }
  .fullScreenCarouselOverlay .carousel .carousel-control-next {
    width: 15%;
    right: -12px !important;
  }
  .fullScreenCarouselOverlay .media-slides-container {
    width: 100% !important;
  }
  .fullScreenCarouselOverlay .media-slides-container .media-slide {
    height: 60px !important;
    width: 60px !important;
  }
  .fullScreenCarouselOverlay .media-slides-container .media-slide .image-cover, .fullScreenCarouselOverlay .media-slides-container .media-slide .video-cover {
    height: 57.8px !important;
    width: 57.8px !important;
  }
  .fullScreenCarouselOverlay .media-slides-container .media-slide .play-video a {
    height: 20px !important;
    width: 30px !important;
  }
  .fullScreenCarouselOverlay .media-slides-container .media-slide .cert-box {
    height: 57.8px !important;
    width: 57.8px !important;
    padding-bottom: 0px !important;
  }
  .fullScreenCarouselOverlay .media-slides-container .media-slide .cert-box .vi {
    font-size: 22px !important;
  }
}
.buy-init-diamond {
  display: flex;
  flex-direction: row-reverse;
  border: 2px solid;
  border-color: #5cb8a6;
  border-color: var(--bmh_button_buy_active_font_color, #5cb8a6) !important;
}
.buy-init-diamond .right-buy-section {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  width: 100%;
  position: relative;
}
.buy-init-diamond .right-buy-section .right-buy-header {
  text-align: center;
  padding: 25px 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.buy-init-diamond .right-buy-section .right-buy-header span.header {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-size: 30px;
  font-weight: 400;
}
.buy-init-diamond .right-buy-section .right-buy-header .go-to-info {
  float: right;
  margin-right: 0;
  margin-top: -75px;
  width: 65px;
  text-align: right;
}
.buy-init-diamond .right-buy-section .right-buy-header .image-cover {
  height: 100px;
  width: 100px;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  background-repeat: no-repeat;
}
.buy-init-diamond .right-buy-section .right-buy-header .image-cover img {
  width: 100%;
  height: 100%;
}
.buy-init-diamond .right-buy-section .right-buy-header .image-cover svg path {
  fill: #9B9B9B;
  fill: var(--main_bg_font_label_color, #9B9B9B) !important;
  opacity: 0.6;
}
.buy-init-diamond .right-buy-section .right-buy-header .image-cover svg {
  width: 40px !important;
  height: 40px !important;
}
.buy-init-diamond .right-buy-section .right-buy-header .image-cover .svg-box {
  text-align: center;
  padding-top: 17%;
  opacity: 0.6;
}
.buy-init-diamond .right-buy-section .right-buy-header .image-cover .svg-box span {
  font-size: 40px;
  opacity: 0.6;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.buy-init-diamond .right-buy-section .right-buy-header .image-cover .svg-box .no-image-label {
  font-size: 10px;
  text-align: center;
  font-weight: inherit;
  font-family: inherit;
  letter-spacing: normal;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.buy-init-diamond .right-buy-section .payment-section {
  text-align: center;
}
.buy-init-diamond .right-buy-section .payment-section .term-boxed .header {
  font-size: 16px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-weight: 500;
}
.buy-init-diamond .right-buy-section .payment-section .term-boxed .action-types {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 300px;
  margin: 10px auto 0;
}
.buy-init-diamond .right-buy-section .payment-section .term-boxed .action-types a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 75px;
  width: 75px;
  border-radius: 100%;
  background-color: #FFFFFF;
  background-color: var(--bmh_buy_request_option_off, #FFFFFF) !important;
  color: #5cb8a6;
  color: var(--bmh_buy_request_option_off_font, #5cb8a6) !important;
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.29);
}
.buy-init-diamond .right-buy-section .payment-section .term-boxed .action-types a span {
  font-weight: 500;
}
.buy-init-diamond .right-buy-section .payment-section .term-boxed .action-types a.selected {
  background-color: #5cb8a6;
  background-color: var(--bmh_buy_request_option_on, #5cb8a6) !important;
  color: #FFFFFF;
  color: var(--bmh_buy_request_option_on_font, #FFFFFF) !important;
}
.buy-init-diamond .right-buy-section .payment-section .term-boxed .action-types a:not(:last-child) {
  margin-right: 15px;
}
.buy-init-diamond .right-buy-section .payment-section .payment-boxed {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 60px;
}
.buy-init-diamond .right-buy-section .payment-section .payment-boxed > div {
  margin-bottom: 10px;
}
.buy-init-diamond .right-buy-section .payment-section .payment-boxed > div .label {
  display: block;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  font-weight: 400;
  font-size: 14px;
  text-align: left;
}
.buy-init-diamond .right-buy-section .payment-section .payment-boxed > div .label:not(:last-child) {
  width: 110px;
}
.buy-init-diamond .right-buy-section .payment-section .payment-boxed > div .input-box {
  display: flex;
  flex-grow: 1;
  align-items: center;
}
.buy-init-diamond .right-buy-section .payment-section .payment-boxed > div .input-box .dollar {
  display: inline-block;
  position: absolute;
  width: 5%;
  font-size: 15px;
  font-weight: 500;
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
}
.buy-init-diamond .right-buy-section .payment-section .payment-boxed > div input {
  text-align: left;
  font-size: 15px;
  width: 100%;
  height: 35px;
  font-weight: 500;
  border: 0;
  border: 1px solid;
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
  border-color: #BFBFC3;
  border-color: var(--input_field_line_static, #BFBFC3) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_static, #FFFFFF) !important;
  background-color: transparent;
  outline: none;
  padding: 0 15px;
}
.buy-init-diamond .right-buy-section .payment-section .payment-boxed > div.box_pay_within input, .buy-init-diamond .right-buy-section .payment-section .payment-boxed > div.discount-box input {
  width: 65px;
  padding: 0 10px;
  margin-right: 10px;
}
.buy-init-diamond .right-buy-section .payment-section .payment-boxed > div.box_pay_within input.disable, .buy-init-diamond .right-buy-section .payment-section .payment-boxed > div.discount-box input.disable {
  background-color: #BFBFC3;
  background-color: var(--option_btn_disabled_color, #BFBFC3) !important;
}
.buy-init-diamond .right-buy-section .payment-section .payment-boxed > div.price-box, .buy-init-diamond .right-buy-section .payment-section .payment-boxed > div.total-box, .buy-init-diamond .right-buy-section .payment-section .payment-boxed > div.box_pay_within, .buy-init-diamond .right-buy-section .payment-section .payment-boxed > div.discount-box {
  display: flex;
  align-items: center;
  width: 100%;
}
.buy-init-diamond .right-buy-section .payment-section .payment-boxed .error {
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #d0021b;
  margin: 15px;
}
.buy-init-diamond .right-buy-section .payment-section .payment-boxed .error p {
  margin: 0;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
}
.buy-init-diamond .right-buy-section .payment-section .payment-boxed .error {
  width: 100%;
  margin: 15px 0 !important;
}
.buy-init-diamond .right-buy-section .payment-section .comment-section {
  margin-top: 20px;
  padding: 0 20px;
}
.buy-init-diamond .right-buy-section .payment-section .comment-section .header {
  font-size: 13px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  display: block;
  font-weight: 400;
  margin-bottom: 10px;
}
.buy-init-diamond .right-buy-section .payment-section .comment-section textarea {
  width: 100%;
  height: 100px;
  border: 1px solid;
  padding: 10px;
  border-color: #BFBFC3;
  border-color: var(--input_field_line_static, #BFBFC3) !important;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_static, #FFFFFF) !important;
  font-weight: 400;
}
.buy-init-diamond .right-buy-section .payment-section .comment-section textarea:focus {
  border-color: #804294;
  border-color: var(--input_field_line_active, #804294) !important;
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_active, #FFFFFF) !important;
}
.buy-init-diamond .right-buy-section .payment-section .comment-section textarea::-webkit-input-placeholder {
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
}
.buy-init-diamond .right-buy-section .payment-section .comment-section textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
}
.buy-init-diamond .right-buy-section .payment-section .comment-section textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
}
.buy-init-diamond .right-buy-section .payment-section .comment-section textarea:-ms-input-placeholder {
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
}
.buy-init-diamond .right-buy-section .payment-section .comment-section textarea.expand {
  height: 300px;
}
.buy-init-diamond .right-buy-section .payment-section .buy-submit {
  width: 100%;
  text-align: center;
  margin: 15px 0;
}
.buy-init-diamond .right-buy-section .payment-section .buy-submit .trigger-confirm {
  width: 215px;
  border-radius: 100px;
  height: 60px;
  background-color: #5CB8A6;
  background-color: var(--buy_btn_action_static, #5CB8A6) !important;
  color: #FFFFFF;
  color: var(--buy_btn_action_static_font, #FFFFFF) !important;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .buy-init-diamond {
    justify-content: center;
  }
}
@media screen and (max-width: 480px) {
  .buy-init-diamond {
    margin: unset;
    justify-content: center;
  }
  .buy-init-diamond .right-buy-section {
    width: 100%;
  }
  .buy-init-diamond .right-buy-section .col-4 {
    padding-left: 2px;
    padding-right: 2px;
  }
  .buy-init-diamond .right-buy-section .payment-boxed {
    padding: 0 15px !important;
  }
}
@media screen and (max-width: 480px) and (max-width: 420px) {
  .buy-init-diamond .right-buy-section .right-buy-header .image-cover {
    display: none;
  }
  .buy-init-diamond .right-buy-section .right-buy-header .header {
    flex-grow: 1;
    text-align: right;
  }
  .buy-init-diamond .right-buy-section .right-buy-header .go-to-info {
    margin-right: 0 !important;
    margin-top: 0 !important;
  }
}
.hold-init-diamond {
  display: flex;
  flex-direction: row-reverse;
  border: 2px solid;
  border-color: #e30047;
  border-color: var(--bmh_button_hold_active_font_color, #e30047) !important;
}
.hold-init-diamond .right-hold-section {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  width: 100%;
  position: relative;
}
.hold-init-diamond .right-hold-section .right-hold-header {
  text-align: center;
  padding: 25px 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.hold-init-diamond .right-hold-section .right-hold-header span.header {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-size: 30px;
  font-weight: 400;
}
.hold-init-diamond .right-hold-section .right-hold-header .go-to-info {
  float: right;
  margin-right: 0;
  margin-top: -75px;
  width: 65px;
  text-align: right;
}
.hold-init-diamond .right-hold-section .right-hold-header .image-cover {
  height: 100px;
  width: 100px;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  background-repeat: no-repeat;
}
.hold-init-diamond .right-hold-section .right-hold-header .image-cover img {
  width: 100%;
  height: 100%;
}
.hold-init-diamond .right-hold-section .right-hold-header .image-cover svg path {
  fill: #9B9B9B;
  fill: var(--main_bg_font_label_color, #9B9B9B) !important;
  opacity: 0.6;
}
.hold-init-diamond .right-hold-section .right-hold-header .image-cover svg {
  width: 40px !important;
  height: 40px !important;
}
.hold-init-diamond .right-hold-section .right-hold-header .image-cover .svg-box {
  text-align: center;
  padding-top: 17%;
  opacity: 0.6;
}
.hold-init-diamond .right-hold-section .right-hold-header .image-cover .svg-box span {
  font-size: 40px;
  opacity: 0.6;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.hold-init-diamond .right-hold-section .right-hold-header .image-cover .svg-box .no-image-label {
  font-size: 10px;
  text-align: center;
  font-weight: inherit;
  font-family: inherit;
  letter-spacing: normal;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.hold-init-diamond .right-hold-section .summary-text {
  width: 270px;
  margin: 0 auto;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
}
.hold-init-diamond .right-hold-section .select-hours {
  position: relative;
}
.hold-init-diamond .right-hold-section .select-hours .selected-hour-container {
  height: 140px;
  width: 140px;
  background-color: #e30047;
  background-color: var(--bmh_hold_request_option_on, #e30047) !important;
  margin: 20px auto 5px;
  border-radius: 50%;
  text-align: center;
  padding-top: 32px;
  position: relative;
  z-index: 3;
}
.hold-init-diamond .right-hold-section .select-hours .selected-hour-container .selected-hour {
  color: #FFFFFF;
  color: var(--bmh_hold_request_option_on_font, #FFFFFF) !important;
  font-weight: 400;
}
.hold-init-diamond .right-hold-section .select-hours .selected-hour-container .selected-hour .hour-value {
  font-size: 48px;
  line-height: 48px;
  font-weight: 700;
}
.hold-init-diamond .right-hold-section .select-hours .selected-hour-container .selected-hour .hour-text {
  font-size: 18px;
}
.hold-init-diamond .right-hold-section .select-hours .selected-hour-container .arrow-down, .hold-init-diamond .right-hold-section .select-hours .selected-hour-container .arrow-up {
  margin: 0 auto;
  color: #FFFFFF;
  color: var(--bmh_hold_request_option_on_font, #FFFFFF) !important;
}
.hold-init-diamond .right-hold-section .select-hours .hours-solid-bg {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  width: 85%;
  left: 7.5%;
  height: 210px;
  padding-top: 75px;
  position: absolute;
  top: 80px;
  z-index: 2;
}
.hold-init-diamond .right-hold-section .select-hours .hours {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  width: 100%;
  left: 0;
  height: 210px;
  padding-top: 75px;
  position: absolute;
  top: 0;
  z-index: 2;
}
.hold-init-diamond .right-hold-section .select-hours .hours.hide {
  display: none;
}
.hold-init-diamond .right-hold-section .select-hours .hours ul {
  padding: 0;
  margin: 0 0 10px;
  list-style-type: none;
  text-align: center;
}
.hold-init-diamond .right-hold-section .select-hours .hours ul li {
  display: inline-block;
  height: 55px;
  width: 55px;
  text-align: center;
  border-radius: 50%;
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.29);
  padding-top: 15px;
  margin-left: 5px;
  cursor: pointer;
  background-color: #FFFFFF;
  background-color: var(--bmh_hold_request_option_off, #FFFFFF) !important;
  color: #e30047;
  color: var(--bmh_hold_request_option_off_font, #e30047) !important;
}
.hold-init-diamond .right-hold-section .select-hours .hours ul li .hour {
  font-size: 22px;
  font-weight: 500;
  line-height: 12px;
}
.hold-init-diamond .right-hold-section .select-hours .hours ul li .label {
  font-size: 10px;
  font-weight: 400;
}
.hold-init-diamond .right-hold-section .select-hours .hours ul li.selected {
  background-color: #e30047;
  background-color: var(--bmh_hold_request_option_on, #e30047) !important;
}
.hold-init-diamond .right-hold-section .select-hours .hours ul li.selected .hour, .hold-init-diamond .right-hold-section .select-hours .hours ul li.selected .label {
  color: #FFFFFF;
  color: var(--bmh_hold_request_option_on_font, #FFFFFF) !important;
}
.hold-init-diamond .right-hold-section .select-hours .click-notice {
  width: 170px;
  margin: 0 auto;
  text-align: center;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.hold-init-diamond .right-hold-section .comment-section {
  margin-top: 20px;
  padding: 0 40px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.hold-init-diamond .right-hold-section .comment-section .header {
  font-size: 13px;
  display: block;
  font-weight: 400;
  margin-bottom: 10px;
  text-align: center;
}
.hold-init-diamond .right-hold-section .comment-section textarea {
  width: 100%;
  height: 100px;
  border: 1px solid;
  padding: 10px;
  border-color: #BFBFC3;
  border-color: var(--input_field_line_static, #BFBFC3) !important;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_static, #FFFFFF) !important;
  font-weight: 400;
}
.hold-init-diamond .right-hold-section .comment-section textarea:focus {
  border-color: #804294;
  border-color: var(--input_field_line_active, #804294) !important;
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_active, #FFFFFF) !important;
}
.hold-init-diamond .right-hold-section .comment-section textarea::-webkit-input-placeholder {
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
}
.hold-init-diamond .right-hold-section .comment-section textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
}
.hold-init-diamond .right-hold-section .comment-section textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
}
.hold-init-diamond .right-hold-section .comment-section textarea:-ms-input-placeholder {
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
}
.hold-init-diamond .right-hold-section .comment-section.not-visible {
  opacity: 0;
}
.hold-init-diamond .right-hold-section .hold-submit {
  width: 100%;
  text-align: center;
  margin: 15px 0;
}
.hold-init-diamond .right-hold-section .hold-submit .trigger-confirm {
  width: 215px;
  border-radius: 100px;
  height: 60px;
  background-color: #D8394C;
  background-color: var(--hold_btn_action_static, #D8394C) !important;
  color: #FFFFFF;
  color: var(--hold_btn_action_static_font, #FFFFFF) !important;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .hold-init-diamond {
    justify-content: center;
  }
}
@media screen and (max-width: 480px) {
  .hold-init-diamond {
    margin: unset;
    justify-content: center;
  }
  .hold-init-diamond .right-hold-section {
    width: 100%;
  }
}
@media screen and (max-width: 480px) and (max-width: 420px) {
  .hold-init-diamond .right-hold-section .right-hold-header .image-cover {
    display: none;
  }
  .hold-init-diamond .right-hold-section .right-hold-header .header {
    flex-grow: 1;
    text-align: right;
  }
  .hold-init-diamond .right-hold-section .right-hold-header .go-to-info {
    margin-right: 0 !important;
    margin-top: 0 !important;
  }
}
.memo-init-diamond {
  display: flex;
  flex-direction: row-reverse;
  border: 2px solid;
  border-color: #804294;
  border-color: var(--bmh_button_memo_active_font_color, #804294) !important;
}
.memo-init-diamond .right-memo-section {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  width: 100%;
  position: relative;
}
.memo-init-diamond .right-memo-section .right-memo-header {
  text-align: center;
  padding: 25px 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.memo-init-diamond .right-memo-section .right-memo-header span.header {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-size: 30px;
  font-weight: 400;
}
.memo-init-diamond .right-memo-section .right-memo-header .go-to-info {
  float: right;
  margin-right: 0;
  margin-top: -75px;
  width: 65px;
  text-align: right;
}
.memo-init-diamond .right-memo-section .right-memo-header .image-cover {
  height: 100px;
  width: 100px;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  background-repeat: no-repeat;
}
.memo-init-diamond .right-memo-section .right-memo-header .image-cover img {
  width: 100%;
  height: 100%;
}
.memo-init-diamond .right-memo-section .right-memo-header .image-cover svg path {
  fill: #9B9B9B;
  fill: var(--main_bg_font_label_color, #9B9B9B) !important;
  opacity: 0.6;
}
.memo-init-diamond .right-memo-section .right-memo-header .image-cover svg {
  width: 40px !important;
  height: 40px !important;
}
.memo-init-diamond .right-memo-section .right-memo-header .image-cover .svg-box {
  text-align: center;
  padding-top: 17%;
  opacity: 0.6;
}
.memo-init-diamond .right-memo-section .right-memo-header .image-cover .svg-box span {
  font-size: 40px;
  opacity: 0.6;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.memo-init-diamond .right-memo-section .right-memo-header .image-cover .svg-box .no-image-label {
  font-size: 10px;
  text-align: center;
  font-weight: inherit;
  font-family: inherit;
  letter-spacing: normal;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.memo-init-diamond .right-memo-section .memo-comments {
  text-align: center;
  width: 100%;
  padding: 20px;
  margin: 0;
}
.memo-init-diamond .right-memo-section .memo-comments .header {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-size: 13px;
  font-weight: 400;
}
.memo-init-diamond .right-memo-section .memo-comments textarea {
  width: 100%;
  height: 285px;
  border: 1px solid;
  padding: 10px;
  border-color: #BFBFC3;
  border-color: var(--input_field_line_static, #BFBFC3) !important;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_static, #FFFFFF) !important;
  font-weight: 400;
}
.memo-init-diamond .right-memo-section .memo-comments textarea:focus {
  border-color: #804294;
  border-color: var(--input_field_line_active, #804294) !important;
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_active, #FFFFFF) !important;
}
.memo-init-diamond .right-memo-section .memo-comments textarea::-webkit-input-placeholder {
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
}
.memo-init-diamond .right-memo-section .memo-comments textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
}
.memo-init-diamond .right-memo-section .memo-comments textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
}
.memo-init-diamond .right-memo-section .memo-comments textarea:-ms-input-placeholder {
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
}
.memo-init-diamond .right-memo-section .memo-submit {
  width: 100%;
  margin-bottom: 20px;
  text-align: center;
}
.memo-init-diamond .right-memo-section .memo-submit .trigger-confirm {
  width: 215px;
  border-radius: 100px;
  height: 60px;
  background-color: #804294;
  background-color: var(--memo_btn_action_static, #804294) !important;
  color: #FFFFFF;
  color: var(--memo_btn_action_static_font, #FFFFFF) !important;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .memo-init-diamond {
    justify-content: center;
  }
}
@media screen and (max-width: 480px) {
  .memo-init-diamond {
    margin: unset;
    justify-content: center;
  }
  .memo-init-diamond .right-memo-section {
    width: 100%;
  }
}
@media screen and (max-width: 480px) and (max-width: 420px) {
  .memo-init-diamond .right-memo-section .right-memo-header .image-cover {
    display: none;
  }
  .memo-init-diamond .right-memo-section .right-memo-header .header {
    flex-grow: 1;
    text-align: right;
  }
  .memo-init-diamond .right-memo-section .right-memo-header .go-to-info {
    margin-right: 0 !important;
    margin-top: 0 !important;
  }
}
@media screen and (max-width: 480px) {
  .memo-init-diamond .right-memo-section .memo-submit {
    position: relative;
    margin-bottom: 20px;
  }
}
.diamond-contact {
  display: flex;
  flex-direction: row-reverse;
  border: 2px solid;
  border-color: #2956A0;
  border-color: var(--bmh_button_contact_active_font_color, #2956A0) !important;
}
.diamond-contact .right-contact-section {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  width: 100%;
  position: relative;
}
.diamond-contact .right-contact-section .right-contact-header {
  text-align: center;
  padding: 25px 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.diamond-contact .right-contact-section .right-contact-header span.header {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-size: 30px;
  font-weight: 400;
}
.diamond-contact .right-contact-section .right-contact-header .go-to-info {
  float: right;
  margin-right: 0;
  margin-top: -75px;
  width: 65px;
  text-align: right;
}
.diamond-contact .right-contact-section .right-contact-header .image-cover {
  height: 100px;
  width: 100px;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  background-repeat: no-repeat;
}
.diamond-contact .right-contact-section .right-contact-header .image-cover img {
  width: 100%;
  height: 100%;
}
.diamond-contact .right-contact-section .right-contact-header .image-cover svg path {
  fill: #9B9B9B;
  fill: var(--main_bg_font_label_color, #9B9B9B) !important;
  opacity: 0.6;
}
.diamond-contact .right-contact-section .right-contact-header .image-cover svg {
  width: 40px !important;
  height: 40px !important;
}
.diamond-contact .right-contact-section .right-contact-header .image-cover .svg-box {
  text-align: center;
  padding-top: 17%;
  opacity: 0.6;
}
.diamond-contact .right-contact-section .right-contact-header .image-cover .svg-box span {
  font-size: 40px;
  opacity: 0.6;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.diamond-contact .right-contact-section .right-contact-header .image-cover .svg-box .no-image-label {
  font-size: 10px;
  text-align: center;
  font-weight: inherit;
  font-family: inherit;
  letter-spacing: normal;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.diamond-contact .right-contact-section .right-contact-body .item {
  margin: 20px 50px 50px;
  display: flex;
}
.diamond-contact .right-contact-section .right-contact-body .item .image {
  width: 80px;
  display: flex;
  justify-content: center;
  margin-right: 30px;
}
.diamond-contact .right-contact-section .right-contact-body .item .image i {
  color: #4670B6;
  color: var(--contact_btn_static_color, #4670B6) !important;
}
.diamond-contact .right-contact-section .right-contact-body .item .data .label {
  font-size: 11px;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  margin-bottom: 5px;
}
.diamond-contact .right-contact-section .right-contact-body .item .data .value {
  font-size: 12px;
  font-weight: bold;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.diamond-contact .right-contact-section .right-contact-body .item.person .image i {
  font-size: 30px;
}
.diamond-contact .right-contact-section .right-contact-body .item.office .image i {
  font-size: 36px;
}
.diamond-contact .right-contact-section .right-contact-body .item.mobile .image i {
  font-size: 42px;
}
.diamond-contact .right-contact-section .right-contact-body .item.email .image .image-container {
  height: 60px;
  width: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #4670B6;
  background-color: var(--contact_btn_static_color, #4670B6) !important;
}
.diamond-contact .right-contact-section .right-contact-body .item.email .image .image-container i {
  color: #ffffff;
  color: var(--contact_button_static_icon_color, #ffffff) !important;
  font-size: 25px;
}
.diamond-contact .right-contact-section .right-contact-body .item.email .data {
  margin-top: 15px;
}
.diamond-contact .right-contact-section .right-contact-body .item.email .data .value {
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .diamond-contact {
    justify-content: center;
  }
}
@media screen and (max-width: 480px) {
  .diamond-contact {
    margin: unset;
    justify-content: center;
  }
  .diamond-contact .right-contact-section {
    width: 100%;
  }
  .diamond-contact .right-contact-section .item {
    margin: 20px 10px 50px !important;
  }
  .diamond-contact .right-contact-section .item .data {
    width: 180px;
    word-break: break-all;
  }
}
@media screen and (max-width: 480px) and (max-width: 420px) {
  .diamond-contact .right-contact-section .right-contact-header .image-cover {
    display: none;
  }
  .diamond-contact .right-contact-section .right-contact-header .header {
    flex-grow: 1;
    text-align: right;
    padding-right: 45px;
  }
  .diamond-contact .right-contact-section .right-contact-header .go-to-info {
    margin-right: 0 !important;
    margin-top: 0 !important;
  }
}
.diamond-match-wrapper {
  min-height: 100vh;
  width: 100%;
  padding: 20px 0 20px 30px;
  position: relative;
}
.diamond-match-wrapper .left.carousel-control, .diamond-match-wrapper .right.carousel-control {
  color: #804294;
  color: var(--main_bg_icon_color, #804294) !important;
}
.diamond-match-wrapper .left.carousel-control:hover, .diamond-match-wrapper .right.carousel-control:hover {
  color: #804294;
  color: var(--main_bg_icon_color, #804294) !important;
}
.diamond-match-wrapper.orange-mode-flavor, .diamond-match-wrapper.green-mode-flavor {
  background-color: #373640;
  background-color: var(--price_mode_bg, #373640) !important;
}
.diamond-match-wrapper.orange-mode-flavor .left.carousel-control, .diamond-match-wrapper.orange-mode-flavor .right.carousel-control, .diamond-match-wrapper.green-mode-flavor .left.carousel-control, .diamond-match-wrapper.green-mode-flavor .right.carousel-control {
  color: #ffffff;
}
.diamond-match-wrapper.orange-mode-flavor .left.carousel-control:hover, .diamond-match-wrapper.orange-mode-flavor .right.carousel-control:hover, .diamond-match-wrapper.green-mode-flavor .left.carousel-control:hover, .diamond-match-wrapper.green-mode-flavor .right.carousel-control:hover {
  color: #ffffff;
}
.diamond-match-wrapper .external-video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  background-color: var(--light_box, rgba(0, 0, 0, 0.7)) !important;
  height: 100%;
  width: 100%;
  z-index: 99;
}
.diamond-match-wrapper .external-video-overlay .video-box-frame {
  display: block;
  height: 470px;
  width: 470px;
  margin: 100px auto;
}
.diamond-match-wrapper .external-video-overlay .video-box-frame iframe {
  width: 100%;
  height: 100%;
}
.diamond-match-wrapper .external-video-overlay .close-overlay {
  position: absolute;
  right: 70px;
  top: 20px;
  height: 50px;
  width: 50px;
  background-position: 13px 15px;
  background-size: 25px 25px;
  background-repeat: no-repeat;
  background-image: url("../webapp/diamond_details/close-dark-grey.png");
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.diamond-match-wrapper .diamond-match-header .short-title {
  font-size: 28px;
  font-weight: 400;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  display: block;
  text-align: left;
  margin-top: 10px;
}
.diamond-match-wrapper .diamond-match-header .responsive-close-button {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  display: none;
}
.diamond-match-wrapper .diamond-match-header.orange-mode-flavor .short-title, .diamond-match-wrapper .diamond-match-header.green-mode-flavor .short-title {
  color: #FFFFFF;
  color: var(--price_mode_font, #FFFFFF) !important;
}
.diamond-match-wrapper .diamond-match-header.orange-mode-flavor .responsive-close-button, .diamond-match-wrapper .diamond-match-header.green-mode-flavor .responsive-close-button {
  color: #FFFFFF;
  color: var(--price_mode_icon, #FFFFFF) !important;
}
.diamond-match-wrapper .diamond-match-body {
  margin-top: 20px;
  display: flex;
}
.diamond-match-wrapper .diamond-match-body .selected-diamond .match-view {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  padding: 22px 23px 10px;
  min-width: 480px;
}
.diamond-match-wrapper .diamond-match-body .selected-diamond .match-view.orange-mode-flavor, .diamond-match-wrapper .diamond-match-body .selected-diamond .match-view.green-mode-flavor {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
.diamond-match-wrapper .diamond-match-body .selected-diamond .match-view.orange-mode-flavor .svg-box span, .diamond-match-wrapper .diamond-match-body .selected-diamond .match-view.green-mode-flavor .svg-box span {
  font-size: 106px;
  opacity: 0.6;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.diamond-match-wrapper .diamond-match-body .match-slide-info-mobile-div {
  display: none;
  text-align: center;
  width: 100%;
}
.diamond-match-wrapper .diamond-match-body .diamond-matches {
  display: flex;
}
.diamond-match-wrapper .diamond-match-body .diamond-matches .side-bar-controls {
  width: 25%;
}
.diamond-match-wrapper .diamond-match-body .diamond-matches .side-bar-controls.orange-mode-flavor {
  width: unset;
}
.diamond-match-wrapper .diamond-match-body .diamond-matches .side-bar-controls ul {
  padding: 0;
  list-style: none;
}
.diamond-match-wrapper .diamond-match-body .diamond-matches .side-bar-controls ul li {
  width: 60px;
  height: 60px;
  border-radius: 0 100px 100px 0;
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  color: #804294;
  color: var(--option_btn_off_font_color, #804294) !important;
  cursor: pointer;
}
.diamond-match-wrapper .diamond-match-body .diamond-matches .side-bar-controls ul li.cert span.image {
  font-size: 25px;
}
.diamond-match-wrapper .diamond-match-body .diamond-matches .side-bar-controls ul li.selected {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
  box-shadow: 1px 1px 1px 0 rgba(41, 39, 53, 0.5);
  margin-left: 0px;
  position: relative;
}
.diamond-match-wrapper .diamond-match-body .diamond-matches .side-bar-controls ul li span.image {
  background-repeat: no-repeat;
  height: 30px;
  width: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
}
.diamond-match-wrapper .diamond-match-body .diamond-matches .slider {
  width: 90%;
}
.diamond-match-wrapper .diamond-match-body .diamond-matches .slider .carousel {
  margin-left: 60px;
}
.diamond-match-wrapper .diamond-match-body .diamond-matches .slider .carousel .carousel-inner {
  display: flex !important;
  flex-direction: column;
}
.diamond-match-wrapper .diamond-match-body .diamond-matches .slider .carousel .carousel-control.left, .diamond-match-wrapper .diamond-match-body .diamond-matches .slider .carousel .carousel-control.right {
  background-image: none;
  width: 50px;
  height: 50px;
  margin: 280px 0px;
  opacity: 1;
  background-position: center;
  background-repeat: no-repeat;
  font-family: "VDB" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}
.diamond-match-wrapper .diamond-match-body .diamond-matches .slider .carousel .carousel-control.left.left:before, .diamond-match-wrapper .diamond-match-body .diamond-matches .slider .carousel .carousel-control.right.left:before {
  content: "";
  color: inherit;
}
.diamond-match-wrapper .diamond-match-body .diamond-matches .slider .carousel .carousel-control.left.right:before, .diamond-match-wrapper .diamond-match-body .diamond-matches .slider .carousel .carousel-control.right.right:before {
  content: "";
  color: inherit;
}
.diamond-match-wrapper .diamond-match-body .diamond-matches .slider .carousel .carousel-control.left .icon-prev, .diamond-match-wrapper .diamond-match-body .diamond-matches .slider .carousel .carousel-control.left .icon-next, .diamond-match-wrapper .diamond-match-body .diamond-matches .slider .carousel .carousel-control.right .icon-prev, .diamond-match-wrapper .diamond-match-body .diamond-matches .slider .carousel .carousel-control.right .icon-next {
  display: none;
}
.diamond-match-wrapper .diamond-match-body .diamond-matches .slider .carousel .left.carousel-control, .diamond-match-wrapper .diamond-match-body .diamond-matches .slider .carousel .right.carousel-control {
  margin-left: -45px;
  font-size: 30px;
}
.diamond-match-wrapper .diamond-match-body .diamond-matches .slider .carousel .right.carousel-control {
  margin-right: -45px;
}
.diamond-match-wrapper .diamond-match-body .diamond-matches .slider .carousel .match-slide-info {
  display: block;
  text-align: center;
  margin-top: 10px;
  font-weight: 400;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.diamond-match-wrapper .diamond-match-body .diamond-matches .slider .carousel .match-slide-info.orange-mode-flavor, .diamond-match-wrapper .diamond-match-body .diamond-matches .slider .carousel .match-slide-info.green-mode-flavor {
  color: #FFFFFF;
  color: var(--price_mode_font, #FFFFFF) !important;
}
@media screen and (max-width: 992px) {
  .diamond-match-wrapper .diamond-match-body .diamond-matches .slider .carousel .match-slide-info.orange-mode-flavor, .diamond-match-wrapper .diamond-match-body .diamond-matches .slider .carousel .match-slide-info.green-mode-flavor {
    color: #292735;
    color: var(--main_bg_font_color, #292735) !important;
  }
}
.diamond-match-wrapper .diamond-match-body .diamond-matches .slider .carousel .matching-diamond .match-view {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  padding: 22px 23px 10px;
  min-width: 480px;
}
.diamond-match-wrapper .diamond-match-body .diamond-matches .slider .carousel .matching-diamond .match-view .info {
  flex-direction: row-reverse;
}
.diamond-match-wrapper .diamond-match-body .diamond-matches .slider .carousel .matching-diamond .match-view .info .diamond-image {
  flex: 0 0 auto;
}
.diamond-match-wrapper .diamond-match-body .diamond-matches .slider .carousel .matching-diamond .match-view .info .diamond-info {
  flex: 1 0 auto;
  padding-left: 0 !important;
}
.diamond-match-wrapper .diamond-match-body .match-view .page-title .short-title {
  font-size: 28px;
  font-weight: 400;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  display: block;
  text-align: left;
}
.diamond-match-wrapper .diamond-match-body .match-view .stock-details .diamond-available-wrapper {
  display: inline-block;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  margin-right: 5px;
}
.diamond-match-wrapper .diamond-match-body .match-view .stock-details .diamond-available-wrapper.yes {
  background-color: #7ED321;
}
.diamond-match-wrapper .diamond-match-body .match-view .stock-details .diamond-available-wrapper.no {
  background-color: #d0021b;
}
.diamond-match-wrapper .diamond-match-body .match-view .stock-details .stock_num {
  margin: 0;
  font-size: 20px;
  margin-bottom: 20px;
  font-weight: 500;
  display: inline-block;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.diamond-match-wrapper .diamond-match-body .match-view .stock-details span {
  font-size: 20px;
  font-weight: 400;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body {
  margin-top: 10px;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .responsive-price-label, .diamond-match-wrapper .diamond-match-body .match-view .match-view-body .responsive-more-detail-button {
  display: none;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info {
  display: flex;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .more-details {
  display: block;
  height: 50px;
  width: 200px;
  border-radius: 25px;
  background-color: #652E77;
  background-color: var(--action_btn_active_color, #652E77) !important;
  color: #FFFFFF;
  color: var(--action_btn_active_font_color, #FFFFFF) !important;
  padding: 13px;
  text-align: center;
  font-weight: 400;
  position: absolute;
  bottom: 10%;
  font-size: 16px;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-image {
  flex: 0 0 auto;
  position: relative;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-image .vendor-details {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  text-align: center;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
  position: absolute;
  width: 100%;
  bottom: 0;
  font-size: 14px;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-image .vendor-details .vendor-logo {
  height: 36px;
  width: 36px;
  display: block;
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
  margin: 0 auto;
  position: relative;
  top: -20px;
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.29);
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-image .vendor-details .header {
  margin: -15px 0 10px;
  font-size: 12px;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-image .vendor-details .vendor-name, .diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-image .vendor-details .vendor-city, .diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-image .vendor-details .vendor-location {
  font-weight: 400;
  margin-bottom: 0;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-image .vendor-details a {
  border-radius: 20px;
  height: 35px;
  width: 100px;
  display: block;
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  color: #804294;
  color: var(--option_btn_off_font_color, #804294) !important;
  margin: 20px auto 10px;
  padding: 10px;
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.29);
  font-size: 11px;
  font-weight: 700;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-image .image-box {
  width: 200px;
  height: 200px;
  position: relative;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-image .image-box .match-pair .svg-box span {
  font-size: 106px;
  opacity: 0.6;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-image .image-box .match-pair svg {
  width: 110px;
  height: 110px;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-image .image-box svg path {
  fill: #9B9B9B;
  fill: var(--main_bg_font_label_color, #9B9B9B) !important;
  opacity: 0.6;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-image .image-box .svg-box {
  text-align: center;
  padding-top: 17%;
  opacity: 0.6;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-image .image-box .svg-box span {
  font-size: 112px;
  opacity: 0.6;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-image .image-box .svg-box .no-image-label {
  font-size: 12px;
  padding-top: 17px;
  text-align: center;
  font-weight: inherit;
  font-family: inherit;
  letter-spacing: normal;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-image .image-box .image-cover {
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-image .image-box .image-cover img {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  background-color: var(--image_bg_color, #FFFFFF) !important;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-fit: var(--cover_image_bg_size, cover) !important;
     object-fit: var(--cover_image_bg_size, cover) !important;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-image .image-box .mark-favorite {
  height: 40px;
  width: 40px;
  display: inline-flex;
  position: absolute;
  left: 3%;
  top: 5%;
  z-index: 2;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-image .image-box .mark-favorite .path1 {
  color: #804294;
  color: var(--heart_outline_off_icon_color, #804294) !important;
  font-size: 31px;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-image .image-box .mark-favorite .path2 {
  color: #804294;
  color: var(--heart_outline_off_icon_color, #804294) !important;
  font-size: 31px;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-image .image-box .mark-favorite .path3 {
  color: #FFFFFF;
  color: var(--heart_bg_off_icon_color, #FFFFFF) !important;
  font-size: 31px;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-image .image-box .mark-favorite.favorited .path1 {
  color: #FFFFFF;
  color: var(--heart_outline_on_icon_color, #FFFFFF) !important;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-image .image-box .mark-favorite.favorited .path2 {
  color: #FFFFFF;
  color: var(--heart_outline_on_icon_color, #FFFFFF) !important;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-image .image-box .mark-favorite.favorited .path3 {
  color: #804294;
  color: var(--heart_bg_on_icon_color, #804294) !important;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-image .price-info {
  padding: 20px;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-image .price-info .data {
  margin-bottom: 5px;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-image .price-info .data dd {
  width: 65px;
  display: inline-block;
  font-weight: 400;
  font-size: 11px;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-image .price-info .data dt {
  display: inline-block;
  font-weight: 700;
  font-size: 12px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-image .price-info.orange-mode-flavor, .diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-image .price-info.green-mode-flavor {
  display: none;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-image .orange-mode-price-info {
  display: none;
  width: 200px;
  text-align: center;
  font-size: 24px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  line-height: 36px;
  margin-top: 10px;
  font-weight: 400;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-image .orange-mode-price-info.orange-mode-flavor {
  display: block;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-image .orange-mode-price-info.green-mode-flavor {
  display: none;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-info {
  flex: 0 0 auto;
  padding: 0 20px;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-info span.header {
  font-weight: 700;
  font-size: 12px;
  line-height: 12px;
  display: block;
  margin-bottom: 10px;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-info span.header.orange-mode-flavor, .diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-info span.header.green-mode-flavor {
  display: none;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-info .data {
  margin-bottom: 5px;
  display: flex;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-info .data dd, .diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-info .data dt {
  line-height: 25px;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-info .data dd {
  width: 85px;
  display: inline-block;
  font-weight: 400;
  font-size: 13px;
}
@media (min-width: 412px) and (max-width: 769px) {
  .diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-info .data dt {
    word-wrap: break-word !important;
    white-space: initial !important;
    text-overflow: inherit !important;
    width: 120px !important;
  }
}
@media (min-width: 320px) and (max-width: 411px) {
  .diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-info .data dt {
    word-wrap: break-word !important;
    white-space: initial !important;
    text-overflow: inherit !important;
    width: 67px !important;
  }
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-info .data dt {
  display: inline-block;
  font-weight: 700;
  font-size: 14px;
  max-width: 120px;
  word-wrap: break-word;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-info .data dt:hover {
  overflow: visible;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-info.orange-mode-flavor .data dd, .diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-info.green-mode-flavor .data dd {
  font-size: 14px;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-info.orange-mode-flavor .data dt, .diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-info.green-mode-flavor .data dt {
  margin-left: 30px;
  font-size: 15px;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .pic .image-box {
  height: 390px;
  width: 390px;
  margin: 0 auto;
  position: relative;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .pic .image-box .mark-favorite {
  height: 40px;
  width: 40px;
  display: inline-flex;
  position: absolute;
  left: 3%;
  top: 5%;
  z-index: 2;
  display: none;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .pic .image-box .mark-favorite .path1 {
  color: #804294;
  color: var(--heart_outline_off_icon_color, #804294) !important;
  font-size: 31px;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .pic .image-box .mark-favorite .path2 {
  color: #804294;
  color: var(--heart_outline_off_icon_color, #804294) !important;
  font-size: 31px;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .pic .image-box .mark-favorite .path3 {
  color: #FFFFFF;
  color: var(--heart_bg_off_icon_color, #FFFFFF) !important;
  font-size: 31px;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .pic .image-box .mark-favorite.favorited .path1 {
  color: #FFFFFF;
  color: var(--heart_outline_on_icon_color, #FFFFFF) !important;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .pic .image-box .mark-favorite.favorited .path2 {
  color: #FFFFFF;
  color: var(--heart_outline_on_icon_color, #FFFFFF) !important;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .pic .image-box .mark-favorite.favorited .path3 {
  color: #804294;
  color: var(--heart_bg_on_icon_color, #804294) !important;
}
@media (min-width: 320px) and (max-width: 769px) {
  .diamond-match-wrapper .diamond-match-body .match-view .match-view-body .pic .image-box .image-cover span {
    font-size: 165px !important;
  }
  .diamond-match-wrapper .diamond-match-body .match-view .match-view-body .pic .image-box .image-cover .no-pic-label {
    font-size: 18px;
  }
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .pic .image-box .image-cover {
  height: 100%;
  width: 100%;
  display: block;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .pic .image-box .image-cover span {
  font-size: 210px;
  opacity: 0.6;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .pic .image-box .image-cover img {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  background-color: var(--image_bg_color, #FFFFFF) !important;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-fit: var(--cover_image_bg_size, cover) !important;
     object-fit: var(--cover_image_bg_size, cover) !important;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .pic .orange-mode-price-info {
  display: none;
  width: 100%;
  text-align: center;
  font-size: 24px;
  line-height: 36px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  margin-top: 10px;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .pic .orange-mode-price-info.orange-mode-flavor {
  display: block;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .pic .orange-mode-price-info.green-mode-flavor {
  display: none;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .video .video-box {
  height: 390px;
  width: 390px;
  margin: 0 auto;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .video .video-box .loading {
  height: 100%;
  width: 100%;
  background-image: url("../webapp/svg/match_view/video-spinner-icon-gray.gif");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 200px 200px;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .video .video-box iframe {
  background-image: url("../webapp/svg/match_view/video-spinner-icon-gray.gif");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 200px 200px;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .video .video-box iframe, .diamond-match-wrapper .diamond-match-body .match-view .match-view-body .video .video-box video {
  width: 100%;
  height: 100%;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .video .video-box .top-video-cover {
  width: 100%;
  height: 100%;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .video .video-box .video-cover {
  height: 100%;
  width: 100%;
  display: block;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .video .video-box .video-cover img {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  background-color: var(--image_bg_color, #FFFFFF) !important;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-fit: var(--cover_image_bg_size, cover) !important;
     object-fit: var(--cover_image_bg_size, cover) !important;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .video .video-box.no-image .image-cover {
  display: none;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .video .video-box .external-link {
  display: block;
  width: 250px;
  margin: 0 auto;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .video .video-box .play-video {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .video .video-box .play-video a .video_play_icon {
  color: white;
  font-size: 67px;
  text-shadow: 0.5px 0.3px 1px #3b3e3b91;
}
@media (min-width: 320px) and (max-width: 769px) {
  .diamond-match-wrapper .diamond-match-body .match-view .match-view-body .video .video-box .no-video {
    height: 300px;
  }
  .diamond-match-wrapper .diamond-match-body .match-view .match-view-body .video .video-box .no-video .svg-box {
    opacity: 0.6;
    margin: 0;
    padding-top: 0px !important;
    left: 50% !important;
    position: absolute;
    top: 50% !important;
    transform: translate(-50%, -50%);
  }
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .video .video-box .no-video {
  height: 390px;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .video .video-box .no-video svg path {
  fill: #9B9B9B;
  fill: var(--main_bg_font_label_color, #9B9B9B) !important;
  opacity: 0.6;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .video .video-box .no-video .svg-box {
  text-align: center;
  padding-top: 33%;
  opacity: 0.6;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .video .video-box .no-video .no-video-label {
  font-size: 16px;
  padding-top: 15px;
  font-weight: inherit;
  font-family: inherit;
  letter-spacing: normal;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .cert .certificate-box {
  height: 450px;
  width: 390px;
  margin: 0 auto;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .cert .certificate-box .certificate-frame, .diamond-match-wrapper .diamond-match-body .match-view .match-view-body .cert .certificate-box .iframe {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .cert .certificate-box .certificate-frame iframe, .diamond-match-wrapper .diamond-match-body .match-view .match-view-body .cert .certificate-box .iframe iframe {
  width: 100%;
  height: 100%;
  background-image: url("../webapp/common/cert_one_moment.gif");
  background-repeat: no-repeat;
  background-position: center;
  background-color: #ffffff;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .cert .certificate-box .no-certificate {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.diamond-match-wrapper .diamond-match-body .match-view .match-view-body .cert .certificate-box .no-certificate .message {
  display: block;
  width: 160px;
  height: 160px;
  background-repeat: no-repeat;
}
@media (min-width: 992px) and (max-width: 1300px) {
  .diamond-match-wrapper.responsive {
    padding: 20px 0;
  }
  .diamond-match-wrapper.responsive .diamond-match-body .info .match-row > div {
    padding: 0 !important;
  }
  .diamond-match-wrapper.responsive .diamond-match-body .info .diamond-image {
    width: 150px;
  }
  .diamond-match-wrapper.responsive .diamond-match-body .info .diamond-image .image-box {
    width: 120px !important;
    height: 120px !important;
  }
  .diamond-match-wrapper.responsive .diamond-match-body .info .diamond-image .orange-mode-price-info {
    width: 120px !important;
  }
  .diamond-match-wrapper.responsive .diamond-match-body .info .diamond-image .more-details {
    width: 120px !important;
  }
}
@media (min-width: 992px) and (max-width: 1300px) and (min-width: 992px) and (max-width: 1100px) {
  .diamond-match-wrapper.responsive .diamond-match-body .selected-diamond .match-view, .diamond-match-wrapper.responsive .diamond-match-body .matching-diamond .match-view {
    width: 420px !important;
    min-width: unset !important;
    padding: 22px 10px 10px !important;
  }
}
@media (min-width: 992px) and (max-width: 1300px) {
  .diamond-match-wrapper.responsive .diamond-match-body .diamond-matches .info {
    justify-content: flex-end;
  }
  .diamond-match-wrapper.responsive .diamond-match-body .diamond-matches .info .diamond-info {
    width: 240px !important;
    flex: unset !important;
  }
}
@media (min-width: 992px) and (max-width: 1300px) {
  .diamond-match-wrapper.responsive .diamond-match-body .side-bar-controls ul li span.image {
    margin-right: 15px !important;
  }
}
@media screen and (max-width: 992px) {
  .diamond-match-wrapper.responsive {
    padding: 20px 0;
  }
}
@media screen and (max-width: 992px) and (max-width: 470px) {
  .diamond-match-wrapper.responsive .external-video-overlay .video-box-frame {
    width: 300px !important;
    height: 300px !important;
    max-width: 300px;
    max-height: 300px;
  }
}
@media screen and (max-width: 992px) and (min-width: 471px) and (max-width: 1300px) {
  .diamond-match-wrapper.responsive .external-video-overlay .video-box-frame {
    width: 400px !important;
    height: 400px !important;
    max-width: 400px;
    max-height: 400px;
  }
}
@media screen and (max-width: 992px) {
  .diamond-match-wrapper.responsive .diamond-match-header {
    display: flex;
    justify-content: space-between;
  }
  .diamond-match-wrapper.responsive .diamond-match-header .responsive-close-button {
    display: flex;
    height: 50px;
    width: 50px;
    align-items: center;
    justify-content: center;
  }
  .diamond-match-wrapper.responsive .diamond-match-header .responsive-close-button span {
    font-size: 30px;
  }
  .diamond-match-wrapper.responsive .diamond-match-header.orange-mode-flavor, .diamond-match-wrapper.responsive .diamond-match-header.green-mode-flavor {
    color: #FFFFFF;
    color: var(--price_mode_icon, #FFFFFF) !important;
  }
}
@media screen and (max-width: 992px) {
  .diamond-match-wrapper.responsive .diamond-match-body {
    flex-wrap: wrap;
  }
  .diamond-match-wrapper.responsive .diamond-match-body > div:not(:first-child) {
    margin-top: 2px;
  }
  .diamond-match-wrapper.responsive .diamond-match-body .match-slide-info-mobile-div {
    display: block;
  }
  .diamond-match-wrapper.responsive .diamond-match-body .match-slide-info-mobile-div .match-slide-info-mobile {
    text-align: center;
    margin-top: 10px;
    font-weight: 400;
    color: #292735;
    color: var(--main_bg_font_color, #292735) !important;
  }
  .diamond-match-wrapper.responsive .diamond-match-body .match-slide-info-mobile-div .match-slide-info-mobile.orange-mode-flavor, .diamond-match-wrapper.responsive .diamond-match-body .match-slide-info-mobile-div .match-slide-info-mobile.green-mode-flavor {
    color: #fff;
  }
  .diamond-match-wrapper.responsive .diamond-match-body .match-view {
    min-width: unset !important;
  }
  .diamond-match-wrapper.responsive .diamond-match-body .stock-details, .diamond-match-wrapper.responsive .diamond-match-body .diamond-image {
    display: none;
  }
  .diamond-match-wrapper.responsive .diamond-match-body .responsive-price-label {
    display: block !important;
    color: #292735;
    color: var(--main_bg_font_color, #292735) !important;
    height: 50px;
    width: 100%;
    text-align: right;
    vertical-align: middle;
  }
  .diamond-match-wrapper.responsive .diamond-match-body .responsive-price-label span {
    font-size: 30px;
    font-weight: bold;
  }
  .diamond-match-wrapper.responsive .diamond-match-body .responsive-more-detail-button {
    width: 100%;
    height: 50px;
    display: block !important;
    text-align: right;
    vertical-align: middle;
    margin: 10px 0;
  }
  .diamond-match-wrapper.responsive .diamond-match-body .responsive-more-detail-button a {
    float: right;
    position: relative;
    height: 42px;
    width: 152px;
    padding: 10px;
    border-radius: 25px;
    text-align: center;
    background-color: #652E77;
    background-color: var(--action_btn_active_color, #652E77) !important;
    color: #FFFFFF;
    color: var(--action_btn_active_font_color, #FFFFFF) !important;
  }
  .diamond-match-wrapper.responsive .diamond-match-body .info {
    flex-wrap: wrap;
  }
  .diamond-match-wrapper.responsive .diamond-match-body .info .diamond-info {
    padding: 0 !important;
    width: 100%;
  }
  .diamond-match-wrapper.responsive .diamond-match-body .info .diamond-info .match-page-diamond-detail-header {
    text-align: left !important;
    margin-left: 2px;
  }
  .diamond-match-wrapper.responsive .diamond-match-body .info .diamond-info .match-row {
    display: flex;
  }
  .diamond-match-wrapper.responsive .diamond-match-body .info .diamond-info .match-row > div {
    padding: 0 !important;
  }
  .diamond-match-wrapper.responsive .diamond-match-body .info .diamond-info .match-row > div dd {
    width: 70px;
  }
}
@media screen and (max-width: 992px) and (max-width: 480px) {
  .diamond-match-wrapper.responsive .diamond-match-body .info .diamond-info .match-row > div .data {
    min-width: unset !important;
    width: 100%;
  }
  .diamond-match-wrapper.responsive .diamond-match-body .info .diamond-info .match-row > div .data dt {
    margin-left: 5px !important;
    font-size: 12px !important;
  }
  .diamond-match-wrapper.responsive .diamond-match-body .info .diamond-info .match-row > div .data dd {
    width: 50px;
    font-size: 11px !important;
  }
  .diamond-match-wrapper.responsive .diamond-match-body .info .diamond-info .match-row > div:not(:first-child) {
    margin-left: 10px;
  }
  .diamond-match-wrapper.responsive .diamond-match-body .info .diamond-info .match-row > div:not(:first-child) dd {
    width: 35px;
  }
}
@media screen and (max-width: 992px) {
  .diamond-match-wrapper.responsive .diamond-match-body .pic .orange-mode-price-info, .diamond-match-wrapper.responsive .diamond-match-body .video .orange-mode-price-info, .diamond-match-wrapper.responsive .diamond-match-body .cert .orange-mode-price-info {
    display: none !important;
  }
}
@media screen and (max-width: 992px) and (max-width: 480px) {
  .diamond-match-wrapper.responsive .diamond-match-body .pic .play-video, .diamond-match-wrapper.responsive .diamond-match-body .video .play-video, .diamond-match-wrapper.responsive .diamond-match-body .cert .play-video {
    left: 50% !important;
    top: 50% !important;
  }
  .diamond-match-wrapper.responsive .diamond-match-body .pic .image-box, .diamond-match-wrapper.responsive .diamond-match-body .pic .video-box, .diamond-match-wrapper.responsive .diamond-match-body .pic .certificate-box, .diamond-match-wrapper.responsive .diamond-match-body .video .image-box, .diamond-match-wrapper.responsive .diamond-match-body .video .video-box, .diamond-match-wrapper.responsive .diamond-match-body .video .certificate-box, .diamond-match-wrapper.responsive .diamond-match-body .cert .image-box, .diamond-match-wrapper.responsive .diamond-match-body .cert .video-box, .diamond-match-wrapper.responsive .diamond-match-body .cert .certificate-box {
    width: 100% !important;
    height: 300px !important;
    position: relative;
    overflow: scroll;
  }
  .diamond-match-wrapper.responsive .diamond-match-body .pic .image-box > span, .diamond-match-wrapper.responsive .diamond-match-body .pic .image-box > div, .diamond-match-wrapper.responsive .diamond-match-body .pic .image-box > iframe, .diamond-match-wrapper.responsive .diamond-match-body .pic .image-box > video, .diamond-match-wrapper.responsive .diamond-match-body .pic .video-box > span, .diamond-match-wrapper.responsive .diamond-match-body .pic .video-box > div, .diamond-match-wrapper.responsive .diamond-match-body .pic .video-box > iframe, .diamond-match-wrapper.responsive .diamond-match-body .pic .video-box > video, .diamond-match-wrapper.responsive .diamond-match-body .pic .certificate-box > span, .diamond-match-wrapper.responsive .diamond-match-body .pic .certificate-box > div, .diamond-match-wrapper.responsive .diamond-match-body .pic .certificate-box > iframe, .diamond-match-wrapper.responsive .diamond-match-body .pic .certificate-box > video, .diamond-match-wrapper.responsive .diamond-match-body .video .image-box > span, .diamond-match-wrapper.responsive .diamond-match-body .video .image-box > div, .diamond-match-wrapper.responsive .diamond-match-body .video .image-box > iframe, .diamond-match-wrapper.responsive .diamond-match-body .video .image-box > video, .diamond-match-wrapper.responsive .diamond-match-body .video .video-box > span, .diamond-match-wrapper.responsive .diamond-match-body .video .video-box > div, .diamond-match-wrapper.responsive .diamond-match-body .video .video-box > iframe, .diamond-match-wrapper.responsive .diamond-match-body .video .video-box > video, .diamond-match-wrapper.responsive .diamond-match-body .video .certificate-box > span, .diamond-match-wrapper.responsive .diamond-match-body .video .certificate-box > div, .diamond-match-wrapper.responsive .diamond-match-body .video .certificate-box > iframe, .diamond-match-wrapper.responsive .diamond-match-body .video .certificate-box > video, .diamond-match-wrapper.responsive .diamond-match-body .cert .image-box > span, .diamond-match-wrapper.responsive .diamond-match-body .cert .image-box > div, .diamond-match-wrapper.responsive .diamond-match-body .cert .image-box > iframe, .diamond-match-wrapper.responsive .diamond-match-body .cert .image-box > video, .diamond-match-wrapper.responsive .diamond-match-body .cert .video-box > span, .diamond-match-wrapper.responsive .diamond-match-body .cert .video-box > div, .diamond-match-wrapper.responsive .diamond-match-body .cert .video-box > iframe, .diamond-match-wrapper.responsive .diamond-match-body .cert .video-box > video, .diamond-match-wrapper.responsive .diamond-match-body .cert .certificate-box > span, .diamond-match-wrapper.responsive .diamond-match-body .cert .certificate-box > div, .diamond-match-wrapper.responsive .diamond-match-body .cert .certificate-box > iframe, .diamond-match-wrapper.responsive .diamond-match-body .cert .certificate-box > video {
    width: 100% !important;
    height: 300px !important;
    position: relative;
    overflow: scroll;
  }
  .diamond-match-wrapper.responsive .diamond-match-body .pic .image-box > span .play-video, .diamond-match-wrapper.responsive .diamond-match-body .pic .image-box > div .play-video, .diamond-match-wrapper.responsive .diamond-match-body .pic .image-box > iframe .play-video, .diamond-match-wrapper.responsive .diamond-match-body .pic .image-box > video .play-video, .diamond-match-wrapper.responsive .diamond-match-body .pic .video-box > span .play-video, .diamond-match-wrapper.responsive .diamond-match-body .pic .video-box > div .play-video, .diamond-match-wrapper.responsive .diamond-match-body .pic .video-box > iframe .play-video, .diamond-match-wrapper.responsive .diamond-match-body .pic .video-box > video .play-video, .diamond-match-wrapper.responsive .diamond-match-body .pic .certificate-box > span .play-video, .diamond-match-wrapper.responsive .diamond-match-body .pic .certificate-box > div .play-video, .diamond-match-wrapper.responsive .diamond-match-body .pic .certificate-box > iframe .play-video, .diamond-match-wrapper.responsive .diamond-match-body .pic .certificate-box > video .play-video, .diamond-match-wrapper.responsive .diamond-match-body .video .image-box > span .play-video, .diamond-match-wrapper.responsive .diamond-match-body .video .image-box > div .play-video, .diamond-match-wrapper.responsive .diamond-match-body .video .image-box > iframe .play-video, .diamond-match-wrapper.responsive .diamond-match-body .video .image-box > video .play-video, .diamond-match-wrapper.responsive .diamond-match-body .video .video-box > span .play-video, .diamond-match-wrapper.responsive .diamond-match-body .video .video-box > div .play-video, .diamond-match-wrapper.responsive .diamond-match-body .video .video-box > iframe .play-video, .diamond-match-wrapper.responsive .diamond-match-body .video .video-box > video .play-video, .diamond-match-wrapper.responsive .diamond-match-body .video .certificate-box > span .play-video, .diamond-match-wrapper.responsive .diamond-match-body .video .certificate-box > div .play-video, .diamond-match-wrapper.responsive .diamond-match-body .video .certificate-box > iframe .play-video, .diamond-match-wrapper.responsive .diamond-match-body .video .certificate-box > video .play-video, .diamond-match-wrapper.responsive .diamond-match-body .cert .image-box > span .play-video, .diamond-match-wrapper.responsive .diamond-match-body .cert .image-box > div .play-video, .diamond-match-wrapper.responsive .diamond-match-body .cert .image-box > iframe .play-video, .diamond-match-wrapper.responsive .diamond-match-body .cert .image-box > video .play-video, .diamond-match-wrapper.responsive .diamond-match-body .cert .video-box > span .play-video, .diamond-match-wrapper.responsive .diamond-match-body .cert .video-box > div .play-video, .diamond-match-wrapper.responsive .diamond-match-body .cert .video-box > iframe .play-video, .diamond-match-wrapper.responsive .diamond-match-body .cert .video-box > video .play-video, .diamond-match-wrapper.responsive .diamond-match-body .cert .certificate-box > span .play-video, .diamond-match-wrapper.responsive .diamond-match-body .cert .certificate-box > div .play-video, .diamond-match-wrapper.responsive .diamond-match-body .cert .certificate-box > iframe .play-video, .diamond-match-wrapper.responsive .diamond-match-body .cert .certificate-box > video .play-video {
    width: 67px !important;
    height: 45px !important;
  }
}
@media screen and (max-width: 992px) {
  .diamond-match-wrapper.responsive .diamond-match-body .pic .mark-favorite-link, .diamond-match-wrapper.responsive .diamond-match-body .video .mark-favorite-link, .diamond-match-wrapper.responsive .diamond-match-body .cert .mark-favorite-link {
    display: block !important;
    z-index: 2;
  }
}
@media screen and (max-width: 992px) {
  .diamond-match-wrapper.responsive .diamond-match-body .diamond-matches {
    flex-wrap: wrap;
  }
  .diamond-match-wrapper.responsive .diamond-match-body .diamond-matches .slider {
    width: 100%;
  }
  .diamond-match-wrapper.responsive .diamond-match-body .diamond-matches .slider .carousel {
    margin-left: 0;
  }
  .diamond-match-wrapper.responsive .diamond-match-body .diamond-matches .slider .carousel .match-view .info .diamond-info.with-padding {
    padding: 0 20px !important;
  }
  .diamond-match-wrapper.responsive .diamond-match-body .diamond-matches .slider .carousel .match-slide-info {
    margin-top: 0 !important;
    background-color: #F4F4F4;
    background-color: var(--main_bg_color, #F4F4F4) !important;
  }
  .diamond-match-wrapper.responsive .diamond-match-body .diamond-matches .slider .carousel .carousel-control.left, .diamond-match-wrapper.responsive .diamond-match-body .diamond-matches .slider .carousel .carousel-control.right {
    margin: 235px -15px !important;
  }
  .diamond-match-wrapper.responsive .diamond-match-body .diamond-matches .side-bar-controls {
    width: 100%;
    background-color: #F4F4F4;
    background-color: var(--main_bg_color, #F4F4F4) !important;
  }
  .diamond-match-wrapper.responsive .diamond-match-body .diamond-matches .side-bar-controls ul {
    display: flex;
    justify-content: center;
    padding: 15px;
    margin: 0;
  }
  .diamond-match-wrapper.responsive .diamond-match-body .diamond-matches .side-bar-controls ul li {
    border-radius: 100px !important;
    margin-right: 10px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .match-view-body svg path {
    fill: #9B9B9B;
    fill: var(--main_bg_font_label_color, #9B9B9B) !important;
    opacity: 0.6;
  }
  .match-view-body .match-pair svg {
    width: 63px !important;
    height: 66px !important;
  }
  .match-view-body .match-pair .svg-box {
    text-align: center;
    padding-top: 17%;
    opacity: 0.6;
  }
  .match-view-body .match-pair .svg-box span {
    font-size: 63px !important;
  }
  .match-view-body .match-pair .svg-box .no-image-label {
    font-size: 8px !important;
    padding-top: 8px !important;
    text-align: center;
    font-weight: inherit;
    font-family: inherit;
    letter-spacing: normal;
    color: #9B9B9B;
    color: var(--main_bg_font_label_color, #9B9B9B) !important;
  }
}
.diamond-share-wrapper {
  width: 100%;
  padding: 20px 40px;
  position: relative;
}
.diamond-share-wrapper.orange-mode-flavor, .diamond-share-wrapper.green-mode-flavor {
  background-color: #373640;
  background-color: var(--price_mode_bg, #373640) !important;
}
.diamond-share-wrapper .diamond-share-header .short-title {
  font-size: 28px;
  font-weight: 400;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  display: block;
  width: 360px;
  text-align: left;
  margin-top: 10px;
}
.diamond-share-wrapper .diamond-share-header .short-title.orange-mode-flavor, .diamond-share-wrapper .diamond-share-header .short-title.green-mode-flavor {
  color: #FFFFFF;
  color: var(--price_mode_font, #FFFFFF) !important;
}
.diamond-share-wrapper .diamond-share-header .page-title {
  display: none;
}
.diamond-share-wrapper .diamond-share-body {
  display: flex;
  margin: 20px 30px;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
.diamond-share-wrapper .diamond-share-body .diamond-details {
  width: 45%;
  padding: 15px 30px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.diamond-share-wrapper .diamond-share-body .diamond-details .page-title .page-short-title {
  font-size: 28px;
  font-weight: 400;
  display: block;
  width: 100%;
  text-align: left;
}
.diamond-share-wrapper .diamond-share-body .diamond-details .page-title .diamond-available-wrapper {
  display: inline-block;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  margin-right: 5px;
}
.diamond-share-wrapper .diamond-share-body .diamond-details .page-title .diamond-available-wrapper.yes {
  background-color: #7ED321;
}
.diamond-share-wrapper .diamond-share-body .diamond-details .page-title .diamond-available-wrapper.no {
  background-color: #d0021b;
}
.diamond-share-wrapper .diamond-share-body .diamond-details .page-title .stock_num {
  margin: 0;
  font-size: 20px;
  margin-bottom: 20px;
  font-weight: 5500;
  display: inline-block;
}
.diamond-share-wrapper .diamond-share-body .diamond-details .page-title span {
  font-size: 20px;
  font-weight: 400;
}
.diamond-share-wrapper .diamond-share-body .diamond-details .diamond-content {
  display: flex;
  margin-top: 15px;
}
.diamond-share-wrapper .diamond-share-body .diamond-details .diamond-content .diamond-image {
  flex: 0 0 auto;
}
.diamond-share-wrapper .diamond-share-body .diamond-details .diamond-content .diamond-image .image-box {
  width: 200px;
  height: 200px;
  position: relative;
}
.diamond-share-wrapper .diamond-share-body .diamond-details .diamond-content .diamond-image .image-box .image-cover {
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.diamond-share-wrapper .diamond-share-body .diamond-details .diamond-content .diamond-image .image-box .image-cover img {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  background-color: var(--image_bg_color, #FFFFFF) !important;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-fit: var(--cover_image_bg_size, cover) !important;
     object-fit: var(--cover_image_bg_size, cover) !important;
}
.diamond-share-wrapper .diamond-share-body .diamond-details .diamond-content .diamond-image .image-box .image-cover .svg-box {
  text-align: center;
  padding-top: 17%;
  opacity: 0.6;
}
.diamond-share-wrapper .diamond-share-body .diamond-details .diamond-content .diamond-image .image-box .image-cover .svg-box span {
  font-size: 112px !important;
  opacity: 0.6;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.diamond-share-wrapper .diamond-share-body .diamond-details .diamond-content .diamond-image .image-box .image-cover .svg-box .no-image-label {
  font-size: 12px;
  padding-top: 15px;
  text-align: center;
  font-weight: inherit;
  font-family: inherit;
  letter-spacing: normal;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.diamond-share-wrapper .diamond-share-body .diamond-details .diamond-content .diamond-image .image-box .mark-favorite {
  display: inline-flex;
  position: absolute;
  left: 5%;
  top: 10px;
  z-index: 2;
}
.diamond-share-wrapper .diamond-share-body .diamond-details .diamond-content .diamond-image .image-box .mark-favorite .path1 {
  color: #804294;
  color: var(--heart_outline_off_icon_color, #804294) !important;
  font-size: 31px;
}
.diamond-share-wrapper .diamond-share-body .diamond-details .diamond-content .diamond-image .image-box .mark-favorite .path2 {
  color: #804294;
  color: var(--heart_outline_off_icon_color, #804294) !important;
  font-size: 31px;
}
.diamond-share-wrapper .diamond-share-body .diamond-details .diamond-content .diamond-image .image-box .mark-favorite .path3 {
  color: #FFFFFF;
  color: var(--heart_bg_off_icon_color, #FFFFFF) !important;
  font-size: 31px;
}
.diamond-share-wrapper .diamond-share-body .diamond-details .diamond-content .diamond-image .image-box .mark-favorite.favorited .path1 {
  color: #FFFFFF;
  color: var(--heart_outline_on_icon_color, #FFFFFF) !important;
}
.diamond-share-wrapper .diamond-share-body .diamond-details .diamond-content .diamond-image .image-box .mark-favorite.favorited .path2 {
  color: #FFFFFF;
  color: var(--heart_outline_on_icon_color, #FFFFFF) !important;
}
.diamond-share-wrapper .diamond-share-body .diamond-details .diamond-content .diamond-image .image-box .mark-favorite.favorited .path3 {
  color: #804294;
  color: var(--heart_bg_on_icon_color, #804294) !important;
}
.diamond-share-wrapper .diamond-share-body .diamond-details .diamond-content .diamond-image .price-info {
  padding: 20px;
  margin-top: 5px;
}
.diamond-share-wrapper .diamond-share-body .diamond-details .diamond-content .diamond-image .price-info.orange-mode-flavor, .diamond-share-wrapper .diamond-share-body .diamond-details .diamond-content .diamond-image .price-info.green-mode-flavor {
  display: none;
}
.diamond-share-wrapper .diamond-share-body .diamond-details .diamond-content .diamond-image .price-info .data {
  margin-bottom: 5px;
}
.diamond-share-wrapper .diamond-share-body .diamond-details .diamond-content .diamond-image .price-info .data dd {
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  width: 65px;
  display: inline-block;
  font-weight: 400;
  font-size: 11px;
}
.diamond-share-wrapper .diamond-share-body .diamond-details .diamond-content .diamond-image .price-info .data dt {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  display: inline-block;
  font-weight: 700;
  font-size: 12px;
}
.diamond-share-wrapper .diamond-share-body .diamond-details .diamond-content .diamond-image .orange-mode-price-info {
  display: none;
  width: 200px;
  text-align: center;
  font-size: 24px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  line-height: 36px;
  margin-top: 10px;
}
.diamond-share-wrapper .diamond-share-body .diamond-details .diamond-content .diamond-image .orange-mode-price-info.orange-mode-flavor {
  display: block;
}
.diamond-share-wrapper .diamond-share-body .diamond-details .diamond-content .diamond-image .orange-mode-price-info.green-mode-flavor {
  display: none;
}
.diamond-share-wrapper .diamond-share-body .diamond-details .diamond-content .diamond-info {
  flex: 0 0 auto;
  padding: 0 28px;
  margin-left: 5px;
}
.diamond-share-wrapper .diamond-share-body .diamond-details .diamond-content .diamond-info span.header {
  font-weight: 700;
  font-size: 14px;
  line-height: 12px;
  display: block;
  margin: 20px 0;
}
.diamond-share-wrapper .diamond-share-body .diamond-details .diamond-content .diamond-info span.header.orange-mode-flavor, .diamond-share-wrapper .diamond-share-body .diamond-details .diamond-content .diamond-info span.header.green-mode-flavor {
  display: none;
}
.diamond-share-wrapper .diamond-share-body .diamond-details .diamond-content .diamond-info .data {
  margin-bottom: 5px;
}
.diamond-share-wrapper .diamond-share-body .diamond-details .diamond-content .diamond-info .data dd {
  width: 65px;
  display: inline-block;
  font-weight: 400;
  font-size: 11px;
}
.diamond-share-wrapper .diamond-share-body .diamond-details .diamond-content .diamond-info .data dt {
  display: inline-block;
  font-weight: 700;
  font-size: 12px;
}
.diamond-share-wrapper .diamond-share-body .diamond-details .diamond-content .diamond-info.orange-mode-flavor .data dd, .diamond-share-wrapper .diamond-share-body .diamond-details .diamond-content .diamond-info.green-mode-flavor .data dd {
  font-size: 14px;
}
.diamond-share-wrapper .diamond-share-body .diamond-details .diamond-content .diamond-info.orange-mode-flavor .data dt, .diamond-share-wrapper .diamond-share-body .diamond-details .diamond-content .diamond-info.green-mode-flavor .data dt {
  margin-left: 30px;
  font-size: 15px;
}
.diamond-share-wrapper .diamond-share-body .diamond-share {
  width: 45%;
  position: relative;
  z-index: 999;
}
.diamond-share-wrapper .diamond-share-body .diamond-share .share-header {
  width: 284px;
  text-align: center;
  margin: 20px auto 30px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.diamond-share-wrapper .diamond-share-body .diamond-share .share-header span {
  font-size: 24px;
  font-weight: 400;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  display: block;
}
.diamond-share-wrapper .diamond-share-body .diamond-share .share-header span.icon {
  font-size: 22px;
  display: block;
  margin: 0 auto 10px;
}
.diamond-share-wrapper .diamond-share-body .diamond-share .email {
  width: 350px;
  margin: 0 auto;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.diamond-share-wrapper .diamond-share-body .diamond-share .email p {
  font-size: 14px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.diamond-share-wrapper .diamond-share-body .diamond-share .email input[type=email] {
  height: 50px;
  width: 100%;
  border: 2px solid;
  border-color: #BFBFC3;
  border-color: var(--input_field_line_static, #BFBFC3) !important;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_static, #FFFFFF) !important;
  padding: 0 10px;
}
.diamond-share-wrapper .diamond-share-body .diamond-share .email input[type=email]::-webkit-input-placeholder {
  text-align: center;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
}
.diamond-share-wrapper .diamond-share-body .diamond-share .email input[type=email]:-moz-placeholder {
  /* Firefox 18- */
  text-align: center;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
}
.diamond-share-wrapper .diamond-share-body .diamond-share .email input[type=email]::-moz-placeholder {
  /* Firefox 19+ */
  text-align: center;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
}
.diamond-share-wrapper .diamond-share-body .diamond-share .email input[type=email]:-ms-input-placeholder {
  text-align: center;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
}
.diamond-share-wrapper .diamond-share-body .diamond-share .email input[type=email]:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px white inset;
  -webkit-text-fill-color: #706F76;
  -webkit-text-fill-color: var(--input_field_font_static, #706F76) !important;
}
.diamond-share-wrapper .diamond-share-body .diamond-share .email input[type=email]:-webkit-autofill:focus {
  -webkit-text-fill-color: #292735;
  -webkit-text-fill-color: var(--input_field_font_active, #292735) !important;
}
.diamond-share-wrapper .diamond-share-body .diamond-share .email input[type=email]:focus {
  border: 1px solid;
  border-color: #804294;
  border-color: var(--input_field_line_active, #804294) !important;
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_active, #FFFFFF) !important;
}
.diamond-share-wrapper .diamond-share-body .diamond-share .email .field-error {
  background-color: #d0021b;
  line-height: 50px;
  margin: 10px auto;
  font-size: 18px;
  font-weight: bolder;
  width: 100%;
  color: #ffffff;
  text-align: center;
}
.diamond-share-wrapper .diamond-share-body .diamond-share .comments {
  margin-top: 30px;
}
.diamond-share-wrapper .diamond-share-body .diamond-share .comments .comment-header {
  font-size: 14px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  display: block;
  font-weight: 400;
  margin-bottom: 10px;
  text-align: center;
}
.diamond-share-wrapper .diamond-share-body .diamond-share .comments textarea {
  width: 350px;
  height: 225px;
  padding: 20px 10px;
  margin: 0 auto;
  border-color: #BFBFC3;
  border-color: var(--input_field_line_static, #BFBFC3) !important;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_static, #FFFFFF) !important;
  font-weight: 400;
  display: block;
}
.diamond-share-wrapper .diamond-share-body .diamond-share .comments textarea::-webkit-input-placeholder {
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
  text-align: center;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
}
.diamond-share-wrapper .diamond-share-body .diamond-share .comments textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
  text-align: center;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
}
.diamond-share-wrapper .diamond-share-body .diamond-share .comments textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
  text-align: center;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
}
.diamond-share-wrapper .diamond-share-body .diamond-share .comments textarea:-ms-input-placeholder {
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
  text-align: center;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
}
.diamond-share-wrapper .diamond-share-body .diamond-share .comments textarea:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px white inset;
  -webkit-text-fill-color: #706F76;
  -webkit-text-fill-color: var(--input_field_font_static, #706F76) !important;
}
.diamond-share-wrapper .diamond-share-body .diamond-share .comments textarea:-webkit-autofill:focus {
  -webkit-text-fill-color: #292735;
  -webkit-text-fill-color: var(--input_field_font_active, #292735) !important;
}
.diamond-share-wrapper .diamond-share-body .diamond-share .comments textarea:focus {
  border: 1px solid;
  border-color: #804294;
  border-color: var(--input_field_line_active, #804294) !important;
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_active, #FFFFFF) !important;
}
.diamond-share-wrapper .diamond-share-body .diamond-share .submit {
  padding-top: 30px;
  padding-bottom: 30px;
}
.diamond-share-wrapper .diamond-share-body .diamond-share .submit button {
  height: 60px;
  width: 145px;
  border-radius: 100px;
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
  display: block;
  margin: 0 auto;
  outline: 0 !important;
}
.diamond-share-wrapper .diamond-share-body.orange-mode-flavor, .diamond-share-wrapper .diamond-share-body.green-mode-flavor {
  background-color: #FFFFFF;
  background-color: var(--web_tab_bg, #FFFFFF) !important;
}
@media (min-width: 920px) and (max-width: 1100px) {
  .diamond-share-wrapper {
    padding: 20px 0 !important;
  }
  .diamond-share-wrapper .diamond-share-body {
    margin: 20px 0 !important;
  }
  .diamond-share-wrapper .diamond-share-body .diamond-details {
    width: 55% !important;
  }
}
@media (min-width: 768px) and (max-width: 920px) {
  .diamond-share-wrapper {
    width: 702px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 920px) {
  .diamond-share-wrapper {
    padding: 0 !important;
  }
  .diamond-share-wrapper .diamond-share-header {
    padding-top: 85px;
  }
  .diamond-share-wrapper .diamond-share-header .short-title {
    display: none;
  }
  .diamond-share-wrapper .diamond-share-header .page-title {
    display: block;
  }
  .diamond-share-wrapper .diamond-share-header .page-title .page-short-title {
    font-size: 28px;
    font-weight: 400;
    display: block;
    width: 100%;
    text-align: left;
  }
  .diamond-share-wrapper .diamond-share-header .page-title .diamond-available-wrapper {
    display: inline-block;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    margin-right: 5px;
  }
  .diamond-share-wrapper .diamond-share-header .page-title .diamond-available-wrapper.yes {
    background-color: #7ED321;
  }
  .diamond-share-wrapper .diamond-share-header .page-title .diamond-available-wrapper.no {
    background-color: #d0021b;
  }
  .diamond-share-wrapper .diamond-share-header .page-title .stock_num {
    margin: 0;
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: 5500;
    display: inline-block;
  }
  .diamond-share-wrapper .diamond-share-header .page-title span {
    font-size: 20px;
    font-weight: 400;
  }
  .diamond-share-wrapper .diamond-share-body {
    min-width: unset;
    margin: 0 !important;
  }
  .diamond-share-wrapper .diamond-share-body .diamond-details {
    display: none;
  }
  .diamond-share-wrapper .diamond-share-body .diamond-share {
    width: 100% !important;
    padding: 20px;
  }
  .diamond-share-wrapper .diamond-share-body .diamond-share .share-header {
    margin-top: 25px;
  }
  .diamond-share-wrapper .diamond-share-body .diamond-share .email, .diamond-share-wrapper .diamond-share-body .diamond-share input[type=email], .diamond-share-wrapper .diamond-share-body .diamond-share textarea {
    width: 100% !important;
  }
}
.left-basic-stats {
  padding: 15px;
  display: block;
  width: 135px;
  height: 100%;
  min-height: 582px;
}
.left-basic-stats .diamond-image .svg-box span {
  font-size: 48px !important;
}
.left-basic-stats .diamond-image .svg-box p {
  font-size: 7px !important;
  margin-top: 0px !important;
}
.left-basic-stats.memo {
  background-color: #804294;
  background-color: var(--diamond_details_column_memo_bg, #804294) !important;
}
.left-basic-stats.memo .stats .divider hr {
  border-top-color: #E9E9EB;
  border-top-color: var(--bmh_button_memo_active_color, #E9E9EB) !important;
}
.left-basic-stats.memo .stats .label {
  color: #ffffff;
  color: var(--diamond_details_column_memo_label, #ffffff) !important;
}
.left-basic-stats.memo .stats .value {
  color: #FFFFFF;
  color: var(--diamond_details_column_memo_font, #FFFFFF) !important;
}
.left-basic-stats.hold {
  background-color: #e30047;
  background-color: var(--diamond_details_column_hold_bg, #e30047) !important;
}
.left-basic-stats.hold .stats .divider hr {
  border-top-color: #E9E9EB;
  border-top-color: var(--bmh_button_hold_active_color, #E9E9EB) !important;
}
.left-basic-stats.hold .stats .label {
  color: #ffffff;
  color: var(--diamond_details_column_hold_label, #ffffff) !important;
}
.left-basic-stats.hold .stats .value {
  color: #FFFFFF;
  color: var(--diamond_details_column_hold_font, #FFFFFF) !important;
}
.left-basic-stats.buy {
  background-color: #5cb8a6;
  background-color: var(--diamond_details_column_buy_bg, #5cb8a6) !important;
}
.left-basic-stats.buy .divider hr {
  border-top-color: #E9E9EB;
  border-top-color: var(--bmh_button_buy_active_color, #E9E9EB) !important;
}
.left-basic-stats.buy .stats .label {
  color: #ffffff;
  color: var(--diamond_details_column_buy_label, #ffffff) !important;
}
.left-basic-stats.buy .stats .value {
  color: #FFFFFF;
  color: var(--diamond_details_column_buy_font, #FFFFFF) !important;
}
.left-basic-stats.contact {
  margin-right: -5px;
  background-color: #2956A0;
  background-color: var(--diamond_details_column_contact_bg, #2956A0) !important;
}
.left-basic-stats.contact .divider hr {
  border-top-color: #E9E9EB;
  border-top-color: var(--bmh_button_contact_active_color, #E9E9EB) !important;
}
.left-basic-stats.contact .stats .label {
  color: #ffffff;
  color: var(--diamond_details_column_contact_label, #ffffff) !important;
}
.left-basic-stats.contact .stats .value {
  color: #ffffff;
  color: var(--diamond_details_column_contact_font, #ffffff) !important;
}
.left-basic-stats .diamond-image {
  height: 85px;
  width: 85px;
  margin: auto;
}
.left-basic-stats .diamond-image .image-box {
  height: 100%;
  width: 100%;
  margin: unset !important;
}
.left-basic-stats .diamond-image .image-box .image-cover {
  height: 100%;
  width: 100%;
  display: block;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.left-basic-stats .diamond-image .image-box .image-cover img {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  background-color: var(--image_bg_color, #FFFFFF) !important;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-fit: var(--cover_image_bg_size, cover) !important;
     object-fit: var(--cover_image_bg_size, cover) !important;
}
.left-basic-stats .diamond-image.no-image .image-box {
  display: none;
}
.left-basic-stats ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  color: inherit;
}
.left-basic-stats ul li {
  text-align: center;
  margin: 20px 0;
}
.left-basic-stats ul li .label {
  display: block;
  font-size: 11px;
  line-height: 11px;
  font-weight: 700;
  margin-bottom: 5px;
}
.left-basic-stats ul li .value {
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
}
.left-basic-stats ul li .value.location {
  white-space: pre-line;
  line-height: 1.5;
}
@media screen and (max-width: 480px) {
  .left-basic-stats {
    display: none;
  }
}
.left-basic-stats .diamond-no-image-placeholder .svg-box {
  text-align: center;
  padding-top: 17%;
  opacity: 0.6;
}
.left-basic-stats .diamond-no-image-placeholder .svg-box span {
  font-size: 40px;
  opacity: 0.6;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.left-basic-stats .diamond-no-image-placeholder .svg-box .no-image-label {
  font-size: 8px;
  padding-top: 3px;
  text-align: center;
  font-weight: inherit;
  font-family: inherit;
  letter-spacing: normal;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.certificate-wrapper.orange-mode-flavor, .certificate-wrapper.green-mode-flavor {
  background-color: #373640;
  background-color: var(--price_mode_bg, #373640) !important;
}
.certificate-wrapper .diamond-details-header .page-title {
  padding: 20px 20px 40px;
}
.certificate-wrapper .diamond-details-header .page-title .short-title {
  font-size: 28px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  display: block;
  width: 700px;
  font-weight: 400;
}
.certificate-wrapper .diamond-details-header .page-title .diamond-available-wrapper {
  display: inline-block;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  margin-right: 5px;
}
.certificate-wrapper .diamond-details-header .page-title .diamond-available-wrapper.yes {
  background-color: #7ED321;
}
.certificate-wrapper .diamond-details-header .page-title .diamond-available-wrapper.no {
  background-color: #d0021b;
}
.certificate-wrapper .diamond-details-header .page-title .stock_num {
  margin: 0;
  font-size: 20px;
  display: inline-block;
  font-weight: 500;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.certificate-wrapper .diamond-details-header .page-title span {
  font-size: 20px;
  font-weight: 400;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.certificate-wrapper .diamond-details-header .page-title.orange-mode-flavor .stock_num, .certificate-wrapper .diamond-details-header .page-title.orange-mode-flavor .short-title, .certificate-wrapper .diamond-details-header .page-title.green-mode-flavor .stock_num, .certificate-wrapper .diamond-details-header .page-title.green-mode-flavor .short-title {
  color: #FFFFFF;
  color: var(--price_mode_font, #FFFFFF) !important;
}
.certificate-wrapper .diamond-details-header .page-title.orange-mode-flavor span, .certificate-wrapper .diamond-details-header .page-title.green-mode-flavor span {
  color: #FFFFFF;
  color: var(--price_mode_font, #FFFFFF) !important;
}
.certificate-wrapper .iframe {
  min-height: 100vh;
  overflow: scroll;
}
.certificate-wrapper iframe {
  background-image: url("../webapp/common/cert_one_moment.gif");
  background-repeat: no-repeat;
  background-position: top center;
  background-color: #ffffff;
  height: 100vh;
}
.certificate-wrapper .image-cert {
  background-image: url("../webapp/common/cert_spinner2.gif");
  background-repeat: no-repeat;
  background-position: top center;
  background-color: #ffffff;
}
.certificate-wrapper .image-cert img {
  width: 100%;
}
@media (min-width: 800px) and (max-width: 1300px) {
  .certificate-wrapper.responsive .image-cert, .certificate-wrapper.responsive .pdf-cert, .certificate-wrapper.responsive .iframe {
    width: 900px;
    margin: 0 auto;
    overflow: scroll;
  }
}
@media screen and (max-width: 800px) {
  .certificate-wrapper.responsive {
    padding-top: 100px;
  }
}
@media screen and (max-width: 800px) and (max-width: 400px) {
  .certificate-wrapper.responsive .page-title .short-title {
    width: 100%;
    font-size: 20px !important;
  }
  .certificate-wrapper.responsive .page-title span, .certificate-wrapper.responsive .page-title h3 {
    font-size: 18px;
  }
  .certificate-wrapper.responsive .image-cert, .certificate-wrapper.responsive .pdf-cert, .certificate-wrapper.responsive .iframe {
    width: 300px;
    margin: 0 auto;
    overflow: scroll;
    min-height: 400px !important;
  }
  .certificate-wrapper.responsive .image-cert iframe, .certificate-wrapper.responsive .pdf-cert iframe, .certificate-wrapper.responsive .iframe iframe {
    min-height: 400px !important;
  }
}
.diamond-details-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.diamond-details-wrapper span.header {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-weight: 700;
  font-size: 14px;
  line-height: 12px;
  display: block;
  margin-bottom: 20px;
}
.diamond-details-wrapper .data {
  margin-bottom: 5px;
  min-height: 20px;
  min-width: 160px;
}
.diamond-details-wrapper .data dd {
  word-wrap: break-word;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  width: 65px;
  display: inline-block;
  font-weight: 400;
  font-size: 11px;
  margin-bottom: 0;
}
.diamond-details-wrapper .data dt {
  width: 182px;
  vertical-align: text-top;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  display: inline-block;
  font-weight: 700;
  font-size: 12px;
}
.diamond-details-wrapper .ha {
  font-size: 12px;
  font-weight: bold;
  padding: 0 15px;
  margin-top: 30px;
  display: flex;
  align-items: center;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.diamond-details-wrapper .ha i {
  font-size: 18px;
  margin-right: 5px;
  color: #D8394C;
  color: var(--heart_arrow_icon_color, #D8394C) !important;
}
.place-request .place-request-header {
  height: 95px;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
.place-request .place-request-header .back-box {
  height: 100%;
  float: left;
  cursor: pointer;
}
.place-request .place-request-header .back-box .back {
  margin-top: 35px;
  margin-left: 35px;
}
.place-request .place-request-header .back-box .back .vi:before {
  color: #804294;
  color: var(--main_bg_icon_color, #804294) !important;
}
.place-request .place-request-header .header {
  padding-top: 20px;
  padding-left: 20px;
}
.place-request .place-request-header .header .header-label {
  font-size: 2rem;
  font-weight: bold;
  margin-left: 20px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
@media screen and (max-width: 480px) {
  .place-request .place-request-header .header {
    padding-top: 25px;
  }
  .place-request .place-request-header .header .header-label {
    font-size: 24px;
  }
}
.place-request .place-request-body {
  width: 100%;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper {
  width: 80%;
  margin-top: 30px;
  padding: 20px 0;
  max-width: 1400px;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-header .page-title {
  padding-left: 5%;
  padding-bottom: 5%;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-header .page-title .short-title {
  font-size: 1.5rem;
  font-weight: 500;
  display: block;
  margin-top: 10px;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-header .page-title .stock_num {
  margin: 0;
  font-size: 1.5rem;
  display: inline-block;
  font-weight: 500;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-header .page-title .diamond-available-wrapper {
  display: inline-block;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  margin-right: 5px;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-header .page-title .diamond-available-wrapper.yes {
  background-color: #7ED321;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-header .page-title .diamond-available-wrapper.no {
  background-color: #d0021b;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-header .page-title span {
  font-size: 20px;
  font-weight: 400;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body {
  margin-top: 20px;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .diamond-price-info {
  padding: 10px 20px;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  margin-left: 40px;
  flex-direction: row;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .diamond-price-info div {
  width: 25%;
  text-align: center;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .diamond-price-info div span.header {
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  font-weight: 400;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .diamond-price-info div span.value {
  display: block;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-weight: 500;
  font-size: 20px;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .diamond-price-info div:nth-child(2) {
  width: 50%;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .company-details {
  padding: 0 0 10px 20px;
  width: 360px;
  margin: 0 auto 0;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .company-details .company-address {
  width: 225px;
  color: #4A4855;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 5px;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .company-details .company-contact div {
  display: flex;
  margin-bottom: 5px;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .company-details .company-contact div span {
  display: inline-block;
  padding: 0;
  line-height: 20px !important;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .company-details .company-contact div span.label {
  min-width: 50px;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  font-weight: 400;
  font-size: 11px;
  text-align: left;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .company-details .company-contact div span.value {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-weight: 700;
  font-size: 12px;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .company-details .company-contact .location-address .value {
  margin-right: 30px;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .company-details .company-contact .location-address .value:last-child {
  margin-right: unset;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .company-details .company-contact .location-address .label {
  width: unset;
  min-width: unset;
  margin-right: 10px;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .company-details .company-contact .location-address .label:first-child {
  width: 50px;
  margin-right: 0;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .diamond-detials-section {
  flex-direction: row;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .diamond-detials-section .rm-padding {
  padding-left: 0px !important;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .diamond-detials-section .go-to-info {
  float: right;
  margin-right: 20px;
  margin-top: 12px;
  color: #804294;
  color: var(--main_bg_icon_color, #804294) !important;
  cursor: pointer;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .diamond-detials-section .diamond-image {
  position: relative;
  max-width: none;
  text-align: center;
  overflow: hidden;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .diamond-detials-section .diamond-image .image-box,
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .diamond-detials-section .diamond-image .video-box {
  display: inline-block;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .diamond-detials-section .diamond-image .image-box .image-cover,
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .diamond-detials-section .diamond-image .video-box .image-cover {
  height: 170px;
  width: 170px;
  display: block;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .diamond-detials-section .price {
  margin-top: 30px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-size: 2rem;
  text-align: center;
  font-weight: 500;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .diamond-detials-section .diamond-info .diamond-details-wrapper span.header {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-weight: 700;
  font-size: 16px;
  line-height: 12px;
  display: block;
  text-transform: capitalize;
  margin-bottom: 20px;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .diamond-detials-section .diamond-info .diamond-details-wrapper .data {
  margin-bottom: 15px;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .diamond-detials-section .diamond-info .diamond-details-wrapper .data dd {
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  width: 65px;
  display: inline-block;
  font-weight: 400;
  font-size: 15px;
  margin-bottom: 0;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .diamond-detials-section .diamond-info .diamond-details-wrapper .data dt {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  display: inline-block;
  font-weight: 700;
  font-size: 15px;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request-form {
  padding-right: 10%;
  padding-left: 10%;
  padding-top: 10%;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request {
  display: flex;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section {
  position: relative;
  width: 100%;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .request-fields {
  width: 100%;
  margin-bottom: 20px;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .request-fields .header {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 5px;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .request-fields textarea {
  height: 185px;
  padding: 10px;
  color: inherit;
  font-weight: 400;
  width: 100%;
  font-size: 16px;
  background: #ffffff;
  text-align: left;
  background-color: #ffffff;
  color: #292735;
  padding: 15px 10px;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
  outline: none;
  border: none;
  border: 1px solid #827C7C;
  box-shadow: none;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .request-fields textarea.with-error {
  border: 1px solid #d0021b;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .request-fields textarea:-webkit-autofill {
  -webkit-text-fill-color: #292735;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .request-fields input {
  width: 100%;
  font-size: 16px;
  background: #ffffff;
  text-align: left;
  background-color: #ffffff;
  color: #292735;
  padding: 15px 10px;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
  outline: none;
  border: none;
  border: 1px solid #827C7C;
  box-shadow: none;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .request-fields input.with-error {
  border: 1px solid #d0021b;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .request-fields input:-webkit-autofill {
  -webkit-text-fill-color: #292735;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .request-submit {
  width: 100%;
  text-align: center;
  cursor: pointer;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .request-submit .trigger-confirm {
  width: 215px;
  border-radius: 100px;
  height: 60px;
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 1px;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field-group {
  margin-bottom: 15px;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field {
  margin-bottom: 5px;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .capitalize-words {
  text-transform: capitalize;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .with-error {
  border: solid 2px #d0021b;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .error-row {
  background-color: #d0021b;
  line-height: 50px;
  margin: 10px auto;
  font-size: 18px;
  width: 95%;
  color: #ffffff;
  text-align: center;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .translucent-box {
  width: 95%;
  margin: 0 auto;
  position: relative;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .translucent-box span.required-symbol {
  color: red;
  position: absolute;
  display: inline-block;
  top: 18px;
  left: -15px;
  font-size: 20px;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .translucent-box span.floating-label {
  position: absolute;
  top: 1px;
  left: 4px;
  font-size: 12px;
  color: #292735;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .translucent-box span.validation-indicator {
  position: absolute;
  width: 20px;
  height: 20px;
  display: inline-block;
  top: 17px;
  right: 5px;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .translucent-box span.validation-indicator.ok {
  background-image: url("../webapp/svg/ok.png");
  background-size: 20px;
  background-repeat: no-repeat;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .translucent-box span.validation-indicator.wrong {
  background-image: url("../webapp/svg/wrong.png");
  background-size: 20px;
  background-repeat: no-repeat;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .translucent-box .translucent-data input {
  width: 100%;
  font-size: 16px;
  background: #ffffff;
  text-align: left;
  background-color: #ffffff;
  color: #292735;
  padding: 15px 10px;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
  outline: none;
  border: none;
  border: 1px solid #827C7C;
  box-shadow: none;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .translucent-box .translucent-data input.with-error {
  border: 1px solid #d0021b;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .translucent-box .translucent-data input:-webkit-autofill {
  -webkit-text-fill-color: #292735;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .phone-field {
  width: 95%;
  margin: 0 auto;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .phone-field .intl-tel-input {
  width: 100%;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .phone-field .floating-label {
  left: 33% !important;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .phone-field .validation-indicator {
  right: 10px !important;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .phone-field .translucent-box {
  width: 100%;
  margin: 0px;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .phone-field .translucent-box .translucent-data {
  text-align: left;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .phone-field .col-sm-9,
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .phone-field .col-sm-3 {
  padding: 0px;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .phone-field .col-sm-3 {
  padding-left: 2px;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .phone-field select {
  color: #a4a4a5;
  background: #ffffff;
  border-color: #827C7C;
  padding: 12px 10px;
  width: 100%;
  font-size: 18px;
  text-align: left;
  height: 56px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-border-radius: 0px;
  text-indent: 1px;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .phone-field input[type=text] {
  padding-left: 10px;
  width: 70%;
  margin-left: 30%;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .phone-field .flag-container {
  padding: 0 !important;
  width: 30%;
}
.place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .phone-field .flag-container .selected-flag {
  width: 95%;
  background-color: #ffffff;
  border: 1px solid #827C7C;
}
@media screen and (max-width: 1024px) {
  .place-request .place-request-body .place-request-diamond-detials-white-wrapper.responsive {
    width: 100%;
  }
}
@media (min-width: 481px) and (max-width: 1300px) {
  .place-request .place-request-body .place-request-diamond-detials-white-wrapper.responsive .stock_num {
    font-size: 20px;
  }
  .place-request .place-request-body .place-request-diamond-detials-white-wrapper.responsive .diamond-details-wrapper .header {
    text-align: left !important;
  }
  .place-request .place-request-body .place-request-diamond-detials-white-wrapper.responsive .diamond-details-wrapper .data {
    display: flex;
  }
  .place-request .place-request-body .place-request-diamond-detials-white-wrapper.responsive .diamond-details-wrapper .data dt {
    width: 90px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media screen and (max-width: 480px) {
  .place-request .place-request-body .place-request-diamond-detials-white-wrapper.responsive .stock_num {
    font-size: 14px !important;
  }
  .place-request .place-request-body .place-request-diamond-detials-white-wrapper.responsive .diamond-detials-section {
    width: 100%;
    margin: 0 !important;
  }
  .place-request .place-request-body .place-request-diamond-detials-white-wrapper.responsive .diamond-detials-section .image-cover, .place-request .place-request-body .place-request-diamond-detials-white-wrapper.responsive .diamond-detials-section .image-box {
    height: 120px !important;
    width: 100% !important;
  }
  .place-request .place-request-body .place-request-diamond-detials-white-wrapper.responsive .diamond-detials-section .diamond-details-wrapper .header {
    font-size: 12px !important;
    text-align: left !important;
  }
  .place-request .place-request-body .place-request-diamond-detials-white-wrapper.responsive .diamond-detials-section .diamond-details-wrapper .data {
    display: flex;
  }
  .place-request .place-request-body .place-request-diamond-detials-white-wrapper.responsive .diamond-detials-section .diamond-details-wrapper .data dd {
    font-size: 11px !important;
    width: 55px;
  }
  .place-request .place-request-body .place-request-diamond-detials-white-wrapper.responsive .diamond-detials-section .diamond-details-wrapper .data dt {
    width: 75px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px !important;
  }
  .place-request .place-request-body .place-request-diamond-detials-white-wrapper.responsive .diamond-detials-section .price {
    font-size: 18px;
  }
}
.display-flex {
  display: flex;
}
.lab-grown-diamond-wrapper {
  position: relative;
  max-width: 1300px;
  margin: 0 auto;
}
.lab-grown-diamond-wrapper .diamond-header .header-controls-wrapper {
  padding-top: 25px !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1090px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 6px;
}
@media only screen and (max-width: 1024px) {
  .lab-grown-diamond-wrapper .diamond-header .header-controls-wrapper {
    padding: 0 20px;
  }
}
.lab-grown-diamond-wrapper .diamond-header .header-controls-wrapper.diamond-share-page {
  max-width: 100%;
  padding-left: 70px;
  padding-right: 70px;
}
@media only screen and (max-width: 1100px) {
  .lab-grown-diamond-wrapper .diamond-header .header-controls-wrapper.diamond-share-page {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (max-width: 920px) {
  .lab-grown-diamond-wrapper .diamond-header .header-controls-wrapper.diamond-share-page {
    padding-left: 30px;
    padding-right: 30px;
    width: 702px;
  }
}
@media only screen and (max-width: 767px) {
  .lab-grown-diamond-wrapper .diamond-header .header-controls-wrapper.diamond-share-page {
    padding-left: 30px;
    padding-right: 30px;
    width: 100%;
  }
}
.lab-grown-diamond-wrapper .diamond-header .header-controls-wrapper.diamond-match-page {
  max-width: 100%;
  padding-left: 45px;
  padding-right: 45px;
}
@media only screen and (max-width: 1300px) {
  .lab-grown-diamond-wrapper .diamond-header .header-controls-wrapper.diamond-match-page {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.lab-grown-diamond-wrapper .diamond-header .header-controls-wrapper .backBtn {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
  font-size: 20px;
  font-weight: bold;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.lab-grown-diamond-wrapper .diamond-header .header-controls-wrapper .backBtn i {
  transform: rotateY(180deg);
  margin-right: 20px;
  font-size: 20px;
}
@media only screen and (max-width: 767px) {
  .lab-grown-diamond-wrapper .diamond-header .header-controls-wrapper .backBtn span {
    display: none;
  }
}
.lab-grown-diamond-wrapper .diamond-header .header-controls-wrapper ul {
  padding: 0;
  list-style-type: none;
  display: flex;
}
.lab-grown-diamond-wrapper .diamond-header .header-controls-wrapper ul li {
  display: block;
  border-radius: 100%;
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.29);
}
.lab-grown-diamond-wrapper .diamond-header .header-controls-wrapper ul li a {
  height: 50px;
  width: 50px;
  display: flex;
  border-radius: 100%;
  font-size: 20px;
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  color: #804294;
  color: var(--option_btn_off_icon_color, #804294) !important;
}
.lab-grown-diamond-wrapper .diamond-header .header-controls-wrapper ul li a:hover {
  cursor: pointer;
}
.lab-grown-diamond-wrapper .diamond-header .header-controls-wrapper ul li a:hover, .lab-grown-diamond-wrapper .diamond-header .header-controls-wrapper ul li a.selected {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
}
.lab-grown-diamond-wrapper .diamond-header .header-controls-wrapper ul li.image span {
  padding-left: 14px;
  padding-top: 15px;
}
.lab-grown-diamond-wrapper .diamond-header .header-controls-wrapper ul li.video span {
  padding-left: 14px;
  padding-top: 17px;
  font-size: 16px;
}
.lab-grown-diamond-wrapper .diamond-header .header-controls-wrapper ul li.match span {
  padding-left: 10px;
  padding-top: 15px;
}
.lab-grown-diamond-wrapper .diamond-header .header-controls-wrapper ul li.match .pointerDisabled {
  pointer-events: none;
}
.lab-grown-diamond-wrapper .diamond-header .header-controls-wrapper ul li.match.action-disabled:hover a {
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
}
.lab-grown-diamond-wrapper .diamond-header .header-controls-wrapper ul li.match.action-disabled span {
  color: grey;
}
.lab-grown-diamond-wrapper .diamond-header .header-controls-wrapper ul li.cert span {
  font-size: 25px;
  padding-left: 16px;
  padding-top: 14px;
}
.lab-grown-diamond-wrapper .diamond-header .header-controls-wrapper ul li.cert .pointerDisabled {
  pointer-events: none;
}
.lab-grown-diamond-wrapper .diamond-header .header-controls-wrapper ul li.cert.action-disabled:hover a {
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
}
.lab-grown-diamond-wrapper .diamond-header .header-controls-wrapper ul li.cert.action-disabled span {
  color: grey;
}
.lab-grown-diamond-wrapper .diamond-header .header-controls-wrapper ul li.share span {
  padding-top: 15px;
  padding-left: 16px;
}
.lab-grown-diamond-wrapper .diamond-header .header-controls-wrapper ul li.share.action-disabled span {
  color: grey;
}
.lab-grown-diamond-wrapper .diamond-header .header-controls-wrapper ul li.share.action-disabled:hover a {
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
}
.lab-grown-diamond-wrapper .diamond-header .header-controls-wrapper ul li:not(:first-child) {
  margin-left: 15px;
}
.lab-grown-diamond-wrapper .diamond-header .header-controls-wrapper ul li:last-child {
  margin-left: 75px;
  box-shadow: none;
}
.lab-grown-diamond-wrapper .diamond-header .header-controls-wrapper ul li:last-child a {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  background-color: transparent !important;
}
.lab-grown-diamond-wrapper .diamond-header .header-controls-wrapper ul li:last-child a span {
  font-size: 30px;
  padding-top: 10px;
  padding-left: 10px;
}
.lab-grown-diamond-wrapper .diamond-header .header-controls-wrapper ul li:last-child.green-mode-flavor a, .lab-grown-diamond-wrapper .diamond-header .header-controls-wrapper ul li:last-child.orange-mode-flavor a {
  color: #FFFFFF;
  color: var(--price_mode_icon, #FFFFFF) !important;
}
.lab-grown-diamond-wrapper .diamond-header .header-controls-wrapper ul li:last-child:hover {
  background-color: transparent !important;
}
@media screen and (max-width: 992px) and (max-width: 480px) {
  .lab-grown-diamond-wrapper .header-controls-wrapper.responsive {
    width: 100%;
    right: 0;
  }
  .lab-grown-diamond-wrapper .header-controls-wrapper.responsive .pull-right {
    justify-content: space-evenly;
    width: 100%;
  }
  .lab-grown-diamond-wrapper .header-controls-wrapper.responsive .pull-right li {
    margin-left: 15px !important;
  }
  .lab-grown-diamond-wrapper .header-controls-wrapper.responsive .pull-right li:last-child {
    margin-left: 15px !important;
  }
  .lab-grown-diamond-wrapper .header-controls-wrapper.responsive.orange-green-mode {
    width: 100%;
  }
  .lab-grown-diamond-wrapper .header-controls-wrapper.responsive.orange-green-mode .pull-right {
    justify-content: space-evenly;
    width: 100%;
  }
  .lab-grown-diamond-wrapper .header-controls-wrapper.responsive.orange-green-mode .pull-right li {
    margin-left: 3px !important;
  }
  .lab-grown-diamond-wrapper .header-controls-wrapper.responsive.orange-green-mode .pull-right li:last-child {
    margin-left: 0 !important;
  }
  .lab-grown-diamond-wrapper .header-controls-wrapper.responsive.orange-green-mode .pull-right .dropdown_detail {
    margin-left: 0px;
  }
}
@media screen and (max-width: 992px) {
  .lab-grown-diamond-wrapper .header-controls-wrapper.match-page-responsive {
    display: none;
  }
}
.dropdown_detail {
  margin-left: 15px;
  display: inline-block !important;
  position: relative !important;
}
.dropdown_detail .dropdown-toggle::after {
  display: none;
}
.dropdown_detail .dropdown-item {
  background-color: #E5E5E5;
  background-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
  color: #4F4E57;
  color: var(--drop_menu_static_font_color, #4F4E57) !important;
  padding: 16px 16px;
  font-size: 15px;
  border-bottom: 0.5px solid #ffffffb8;
}
.dropdown_detail .dropdown-item span {
  margin-right: 20px;
  color: #4F4E57;
  color: var(--drop_menu_static_icon_color, #4F4E57) !important;
  font-size: 18px;
}
.dropdown_detail .margin-lr {
  margin-right: 15px;
  margin-left: 15px;
}
.dropdown_detail .dropdown-menu {
  right: -36px !important;
  transform: translate(0) !important;
  top: calc(100% + 15px) !important;
  left: auto !important;
  min-width: 242px !important;
  padding: 0px;
  border-radius: 0px;
  color: #4F4E57;
  color: var(--drop_menu_static_font_color, #4F4E57) !important;
  border-bottom: 1px solid;
  border: 1px solid;
  background-color: #E5E5E5;
  background-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
  border-color: #804294;
  border-color: var(--drop_menu_active_bg_color, #804294) !important;
}
.dropdown_detail .dropdown-menu:after {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -12px;
  width: 0;
  height: 0;
  content: "";
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid;
  border-bottom-color: #E5E5E5;
  border-bottom-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
}
.dropdown_detail .dropdown-menu:before {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -14px;
  width: 0;
  height: 0;
  content: "";
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  border-bottom: 13px solid;
  border-bottom-color: #804294;
  border-bottom-color: var(--drop_menu_active_bg_color, #804294) !important;
}
.dropdown_detail .dropdown-item:hover {
  background-color: #E5E5E5;
  background-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
  color: #4F4E57;
  color: var(--drop_menu_static_font_color, #4F4E57) !important;
  padding: 16px 16px;
  font-size: 15px;
  border-bottom: 0.5px solid #ffffffb8;
}
@media (min-width: 320px) {
  .dropdown_detail .dropdown-menu:after {
    left: 76% !important;
  }
  .dropdown_detail .dropdown-menu:before {
    left: 76% !important;
  }
}
.lab-grown-diamond-detials-white-wrapper {
  width: 100%;
  padding: 20px 0;
  max-width: 1400px;
}
.lab-grown-diamond-detials-white-wrapper .video-box > * {
  position: relative;
}
.lab-grown-diamond-detials-white-wrapper .video-box > *.videoLoader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.lab-grown-diamond-detials-white-wrapper .full-screen-diamond-overlay {
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  background-color: var(--light_box, rgba(0, 0, 0, 0.7)) !important;
  height: 100%;
  width: 100%;
  z-index: 99;
  padding: 20px;
}
.lab-grown-diamond-detials-white-wrapper .full-screen-diamond-overlay.hide {
  display: none;
}
.lab-grown-diamond-detials-white-wrapper .full-screen-diamond-overlay .close-overlay {
  position: absolute;
  right: 30px;
  top: 20px;
  height: 50px;
  width: 50px;
  font-size: 26px;
  background-position: center;
  background-repeat: no-repeat;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.lab-grown-diamond-detials-white-wrapper .full-screen-diamond-overlay .image-box,
.lab-grown-diamond-detials-white-wrapper .full-screen-diamond-overlay .video-box {
  margin: 100px auto;
}
.lab-grown-diamond-detials-white-wrapper .full-screen-diamond-overlay .image-box.hide,
.lab-grown-diamond-detials-white-wrapper .full-screen-diamond-overlay .video-box.hide {
  display: none;
}
.lab-grown-diamond-detials-white-wrapper .full-screen-diamond-overlay .image-box .external-link,
.lab-grown-diamond-detials-white-wrapper .full-screen-diamond-overlay .video-box .external-link {
  display: block;
  width: 190px;
  margin: 0 auto;
}
.lab-grown-diamond-detials-white-wrapper .full-screen-diamond-overlay .image-box {
  max-height: 470px;
  max-width: 470px;
  width: 100%;
  height: auto;
}
.lab-grown-diamond-detials-white-wrapper .full-screen-diamond-overlay .image-box .image-cover {
  height: 100%;
  width: 100%;
  display: block;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: #ebebec;
}
.lab-grown-diamond-detials-white-wrapper .full-screen-diamond-overlay .image-box .image-cover img {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  background-color: var(--image_bg_color, #FFFFFF) !important;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-fit: var(--cover_image_bg_size, cover) !important;
     object-fit: var(--cover_image_bg_size, cover) !important;
}
.lab-grown-diamond-detials-white-wrapper .full-screen-diamond-overlay .image-box.diamond-no-image-placeholder {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  background-repeat: no-repeat;
}
.lab-grown-diamond-detials-white-wrapper .full-screen-diamond-overlay .image-box.diamond-no-image-placeholder .svg-box {
  text-align: center;
  padding: 18% 0%;
  opacity: 0.6;
}
.lab-grown-diamond-detials-white-wrapper .full-screen-diamond-overlay .image-box.diamond-no-image-placeholder .svg-box span {
  font-size: 245px;
  opacity: 0.6;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.lab-grown-diamond-detials-white-wrapper .full-screen-diamond-overlay .image-box.diamond-no-image-placeholder .svg-box .no-img-popup-label {
  font-size: 29px;
  margin-top: 38px;
  text-align: center;
  font-weight: inherit;
  font-family: inherit;
  letter-spacing: normal;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
@media (min-width: 320px) and (max-width: 600px) {
  .lab-grown-diamond-detials-white-wrapper .full-screen-diamond-overlay.diamond-no-image-placeholder .svg-box span {
    font-size: 200px !important;
    opacity: 0.6;
    color: #9B9B9B;
    color: var(--main_bg_font_label_color, #9B9B9B) !important;
  }
  .lab-grown-diamond-detials-white-wrapper .full-screen-diamond-overlay.diamond-no-image-placeholder .svg-box .no-img-popup-label {
    font-size: 22px !important;
    opacity: 0.6 !important;
    padding-top: 10px;
  }
}
.lab-grown-diamond-detials-white-wrapper .full-screen-diamond-overlay .video-box {
  height: 470px;
  width: 470px;
}
.lab-grown-diamond-detials-white-wrapper .full-screen-diamond-overlay .video-box iframe,
.lab-grown-diamond-detials-white-wrapper .full-screen-diamond-overlay .video-box video {
  width: 100%;
  height: 100%;
}
.lab-grown-diamond-detials-white-wrapper .full-screen-diamond-overlay .video-box .external-link {
  display: block;
  width: 190px;
  margin: 0 auto;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-header .page-title {
  padding-left: 35px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-header .page-title .short-title {
  font-size: 28px;
  font-weight: 400;
  display: block;
  margin-top: 10px;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-header .page-title .stock_num {
  margin: 0;
  font-size: 20px;
  display: inline-block;
  font-weight: 500;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-header .page-title .diamond-available-wrapper {
  display: inline-block;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  margin-right: 5px;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-header .page-title .diamond-available-wrapper.yes {
  background-color: #7ED321;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-header .page-title .diamond-available-wrapper.no {
  background-color: #d0021b;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-header .page-title span {
  font-size: 20px;
  font-weight: 400;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body {
  margin-top: 20px;
  display: flex;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .multiple-location-wrapper {
  padding: 25px 35px;
  padding-bottom: 10px;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .multiple-location-wrapper .company-name {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 5px;
  position: relative;
  display: flex;
  align-items: center;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .multiple-location-wrapper .company-name .icon {
  font-size: 25px;
  left: 5%;
  color: #804294;
  color: var(--main_bg_icon_color, #804294) !important;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .multiple-location-wrapper .company-name .branding_logo {
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .multiple-location-wrapper .multiple-location {
  width: 100%;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .multiple-location-wrapper .multiple-location .multiple-location-toggle {
  height: 40px;
  width: 100%;
  background-color: #ffffff;
  border: 0;
  border-radius: 20px;
  color: black;
  box-shadow: unset;
  outline: none;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .multiple-location-wrapper .multiple-location .multiple-location-toggle::after {
  display: none;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .multiple-location-wrapper .multiple-location .multiple-location-toggle .company-dropdown-name {
  width: 70%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .multiple-location-wrapper .multiple-location .multiple-location-toggle .vi {
  font-size: 25px;
  padding: 0 10px;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .multiple-location-wrapper .multiple-location .multiple-location-toggle .icon_sort_arrow_down,
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .multiple-location-wrapper .multiple-location .multiple-location-toggle .icon_sort_arrow_up {
  padding: 10px;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .multiple-location-wrapper .multiple-location .multiple-location-menu {
  width: 100%;
  border: none;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  margin-top: -1px;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .multiple-location-wrapper .multiple-location .multiple-location-menu li {
  margin: 0 15px 0 40px;
  border: 1px solid transparent;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .multiple-location-wrapper .multiple-location .multiple-location-menu li a {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .multiple-location-wrapper .multiple-location .multiple-location-menu li a .selected-location {
  width: 85%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .multiple-location-wrapper .multiple-location .multiple-location-menu li a span {
  margin-top: 3px;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .multiple-location-wrapper .multiple-location .multiple-location-menu li a.selected {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .multiple-location-wrapper .multiple-location.show .multiple-location-toggle {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-price-info {
  padding: 10px 20px;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  margin-left: 40px;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-price-info .price-info-container div {
  width: 100%;
  text-align: left;
  display: flex;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-price-info .price-info-container div span.header {
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  font-weight: 400;
  width: 33%;
  font-size: 14px;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-price-info .price-info-container div .status-header {
  color: var(--main_bg_font_label_color, #9B9B9B);
  font-weight: 400;
  width: 33%;
  font-size: 14px;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-price-info .price-info-container div span.indicator {
  width: 6px;
  display: contents;
  font-weight: 500;
  font-size: 16px;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-price-info .price-info-container div span.indicator .diamond-available-wrapper {
  display: inline-block;
  height: 10px;
  width: 10px;
  border-radius: 50%;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-price-info .price-info-container div span.indicator .diamond-available-wrapper.yes {
  background-color: #7ED321;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-price-info .price-info-container div span.indicator .diamond-available-wrapper.no {
  background-color: #d0021b;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-price-info .price-info-container div span.value {
  display: block;
  width: 40%;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-weight: 500;
  font-size: 16px;
  margin-left: 10px;
  text-align: right;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-price-info .price-info-container div:nth-child(2) {
  width: 100%;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .btn-container {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .btn-container .join-chat-btn {
  margin: 15px auto 0;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .bulk-request {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 25px;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .bulk-request.hidePricesForGuest {
  margin-top: 15px;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .bulk-request button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 48px;
  width: 274px;
  border-radius: 50px;
  border-color: transparent;
  cursor: pointer;
  outline: none;
  background-color: #9264A5;
  background-color: var(--toggle_btn_static_bg_color, #9264A5) !important;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .bulk-request button .label {
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  color: var(--toggle_btn_static_font_icon_color, #FFFFFF) !important;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .bulk-request button .vi {
  font-size: 38px;
  margin-right: 5px;
  margin-left: -10px;
  color: #FFFFFF;
  color: var(--toggle_btn_static_font_icon_color, #FFFFFF) !important;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .bulk-request button.active {
  border: 0;
  background-color: rgba(225, 225, 225, 0);
  background-color: var(--toggle_btn_active_bg_color, rgba(225, 225, 225, 0)) !important;
  color: #9264A5;
  color: var(--toggle_btn_active_font_icon_color, #9264A5) !important;
  border: 2px solid;
  border-color: #9264A5;
  border-color: var(--toggle_btn_active_border_color, #9264A5) !important;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .bulk-request button.active .label {
  color: #9264A5;
  color: var(--toggle_btn_active_font_icon_color, #9264A5) !important;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .bulk-request button.active .vi {
  margin-left: -20px;
  color: #9264A5;
  color: var(--toggle_btn_active_font_icon_color, #9264A5) !important;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .company-details {
  padding: 0 0 10px 20px;
  width: 360px;
  margin: 0 auto 0;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .company-details .company-address {
  width: 225px;
  color: #4A4855;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 5px;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .company-details .company-contact div {
  display: flex;
  margin-bottom: 5px;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .company-details .company-contact div span {
  display: inline-block;
  padding: 0;
  line-height: 20px !important;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .company-details .company-contact div span.label {
  min-width: 50px;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  font-weight: 400;
  font-size: 11px;
  text-align: left;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .company-details .company-contact div span.value {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-weight: 700;
  font-size: 12px;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .company-details .company-contact div span.value .email-list {
  display: block;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .company-details .company-contact .location-address .value {
  margin-right: 30px;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .company-details .company-contact .location-address .value:last-child {
  margin-right: unset;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .company-details .company-contact .location-address .label {
  width: unset;
  min-width: unset;
  margin-right: 10px;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .company-details .company-contact .location-address .label:first-child {
  width: 50px;
  margin-right: 0;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .comments {
  padding: 10px 0 10px 20px;
  width: 360px;
  margin: 20px auto 0;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .comments span.label {
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  font-weight: 400;
  font-size: 11px;
  line-height: 12px;
  display: block;
  text-align: left;
  padding: 0;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .comments span.value {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section {
  display: flex;
  flex-direction: row;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .go-to-info {
  float: right;
  margin-right: 20px;
  margin-top: 12px;
  color: #804294;
  color: var(--main_bg_icon_color, #804294) !important;
  cursor: pointer;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen {
  width: 75%;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-info {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  padding: 15px 28px;
  padding-bottom: 9px;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-image {
  margin-left: 5px;
  position: relative;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-image .image-box,
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-image .video-box {
  width: 260px;
  height: 260px;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-image .mark-favorite {
  display: inline-flex;
  position: absolute;
  left: 5%;
  top: 10px;
  z-index: 1;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-image .mark-favorite .path1 {
  color: #804294;
  color: var(--heart_outline_off_icon_color, #804294) !important;
  font-size: 31px;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-image .mark-favorite .path2 {
  color: #804294;
  color: var(--heart_outline_off_icon_color, #804294) !important;
  font-size: 31px;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-image .mark-favorite .path3 {
  color: #FFFFFF;
  color: var(--heart_bg_off_icon_color, #FFFFFF) !important;
  font-size: 31px;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-image .mark-favorite.favorited .path1 {
  color: #FFFFFF;
  color: var(--heart_outline_on_icon_color, #FFFFFF) !important;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-image .mark-favorite.favorited .path2 {
  color: #FFFFFF;
  color: var(--heart_outline_on_icon_color, #FFFFFF) !important;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-image .mark-favorite.favorited .path3 {
  color: #804294;
  color: var(--heart_bg_on_icon_color, #804294) !important;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-image .image-box {
  margin-bottom: 10px;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-image .image-box .image-cover {
  height: 260px;
  width: 260px;
  display: block;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-image .image-box .image-cover img {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  background-color: var(--image_bg_color, #FFFFFF) !important;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-fit: var(--cover_image_bg_size, cover) !important;
     object-fit: var(--cover_image_bg_size, cover) !important;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-image .image-box.diamond-no-image-placeholder {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  background-repeat: no-repeat;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-image .image-box.diamond-no-image-placeholder .svg-box {
  text-align: center;
  padding-top: 17%;
  opacity: 0.6;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-image .image-box.diamond-no-image-placeholder .svg-box span {
  font-size: 140px;
  opacity: 0.6;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-image .image-box.diamond-no-image-placeholder .svg-box .no-image-label {
  font-size: 16px;
  padding-top: 21px;
  text-align: center;
  font-weight: inherit;
  font-family: inherit;
  letter-spacing: normal;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-image .video-box-no-play {
  position: relative;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-image .video-box-no-play .video-cover {
  height: 260px;
  width: 260px;
  display: block;
  background-size: cover;
  background-position: center;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-image .video-box-no-play .video-cover img {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  background-color: var(--image_bg_color, #FFFFFF) !important;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-fit: var(--cover_image_bg_size, cover) !important;
     object-fit: var(--cover_image_bg_size, cover) !important;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-image .video-box-no-play .video-box-shadow {
  position: absolute;
  width: 100%;
  top: 0px;
  background: rgba(0, 0, 0, 0.2);
  height: 100%;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-image .video-box-no-play .no-video {
  height: 260px;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-image .video-box-no-play .no-video svg path {
  fill: #9B9B9B;
  fill: var(--main_bg_font_label_color, #9B9B9B) !important;
  opacity: 0.6;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-image .video-box-no-play .no-video .svg-box {
  text-align: center;
  padding-top: 33%;
  opacity: 0.6;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-image .video-box-no-play .no-video .no-video-label {
  font-size: 16px;
  padding-top: 15px;
  font-weight: inherit;
  font-family: inherit;
  letter-spacing: normal;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-image .video-box-no-play .play-video {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -40%);
}
.lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-image .video-box-no-play .play-video .video_play_icon {
  font-size: 45px;
  text-shadow: 0.5px 0.3px 1px #3b3e3b91;
}
@media (min-width: 1024px) and (max-width: 1200px) {
  .lab-grown-diamond-detials-white-wrapper .diamond-details-header .col-sm-7 {
    padding: 0 !important;
  }
  .lab-grown-diamond-detials-white-wrapper .diamond-details-header .col-sm-7 .page-title {
    padding: 0 !important;
  }
  .lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-price-info {
    margin-left: 0 !important;
  }
  .lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-price-info .header {
    font-size: 12px;
  }
  .lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-price-info .value {
    font-size: 15px !important;
  }
  .lab-grown-diamond-detials-white-wrapper .diamond-details-body .multiple-location-wrapper {
    padding: 25px 0 !important;
  }
  .lab-grown-diamond-detials-white-wrapper .diamond-details-body .company-details {
    padding: 0 0 10px !important;
    width: 100% !important;
  }
  .lab-grown-diamond-detials-white-wrapper .diamond-details-body .company-details .location-address .value {
    margin-right: 10px !important;
  }
  .lab-grown-diamond-detials-white-wrapper .diamond-details-body .comments {
    width: 100% !important;
    padding: 0 0 10px !important;
  }
  .lab-grown-diamond-detials-white-wrapper .diamond-details-body .lab-grown-diamond-details-wrapper .data dt {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 95px;
  }
  .lab-grown-diamond-detials-white-wrapper .diamond-details-body .bmh-buttons {
    width: 20% !important;
  }
  .lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-info-render-screen {
    width: 80% !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .lab-grown-diamond-detials-white-wrapper .diamond-details-header .page-title {
    width: 75%;
  }
  .lab-grown-diamond-detials-white-wrapper .left-container {
    display: none;
  }
  .lab-grown-diamond-detials-white-wrapper .right-container {
    max-width: 100%;
    flex: 0 0 100%;
  }
  .lab-grown-diamond-detials-white-wrapper .right-container .diamond-detials-section {
    justify-content: center;
  }
  .lab-grown-diamond-detials-white-wrapper .right-container .diamond-detials-section .diamond-info-render-screen {
    display: flex;
    flex-direction: column;
  }
  .lab-grown-diamond-detials-white-wrapper .right-container .diamond-detials-section .diamond-info-render-screen .diamond-price-info {
    order: 1;
    margin: 0 0 10px !important;
  }
  .lab-grown-diamond-detials-white-wrapper .right-container .diamond-detials-section .diamond-info-render-screen .info, .lab-grown-diamond-detials-white-wrapper .right-container .diamond-detials-section .diamond-info-render-screen app-memo, .lab-grown-diamond-detials-white-wrapper .right-container .diamond-detials-section .diamond-info-render-screen app-buy, .lab-grown-diamond-detials-white-wrapper .right-container .diamond-detials-section .diamond-info-render-screen app-hold, .lab-grown-diamond-detials-white-wrapper .right-container .diamond-detials-section .diamond-info-render-screen app-contact {
    order: 2;
  }
  .lab-grown-diamond-detials-white-wrapper .right-container .diamond-detials-section .diamond-info-render-screen .info .right-hold-section, .lab-grown-diamond-detials-white-wrapper .right-container .diamond-detials-section .diamond-info-render-screen .info .right-memo-section, .lab-grown-diamond-detials-white-wrapper .right-container .diamond-detials-section .diamond-info-render-screen .info .right-buy-section, .lab-grown-diamond-detials-white-wrapper .right-container .diamond-detials-section .diamond-info-render-screen .info .right-contact-section, .lab-grown-diamond-detials-white-wrapper .right-container .diamond-detials-section .diamond-info-render-screen app-memo .right-hold-section, .lab-grown-diamond-detials-white-wrapper .right-container .diamond-detials-section .diamond-info-render-screen app-memo .right-memo-section, .lab-grown-diamond-detials-white-wrapper .right-container .diamond-detials-section .diamond-info-render-screen app-memo .right-buy-section, .lab-grown-diamond-detials-white-wrapper .right-container .diamond-detials-section .diamond-info-render-screen app-memo .right-contact-section, .lab-grown-diamond-detials-white-wrapper .right-container .diamond-detials-section .diamond-info-render-screen app-buy .right-hold-section, .lab-grown-diamond-detials-white-wrapper .right-container .diamond-detials-section .diamond-info-render-screen app-buy .right-memo-section, .lab-grown-diamond-detials-white-wrapper .right-container .diamond-detials-section .diamond-info-render-screen app-buy .right-buy-section, .lab-grown-diamond-detials-white-wrapper .right-container .diamond-detials-section .diamond-info-render-screen app-buy .right-contact-section, .lab-grown-diamond-detials-white-wrapper .right-container .diamond-detials-section .diamond-info-render-screen app-hold .right-hold-section, .lab-grown-diamond-detials-white-wrapper .right-container .diamond-detials-section .diamond-info-render-screen app-hold .right-memo-section, .lab-grown-diamond-detials-white-wrapper .right-container .diamond-detials-section .diamond-info-render-screen app-hold .right-buy-section, .lab-grown-diamond-detials-white-wrapper .right-container .diamond-detials-section .diamond-info-render-screen app-hold .right-contact-section, .lab-grown-diamond-detials-white-wrapper .right-container .diamond-detials-section .diamond-info-render-screen app-contact .right-hold-section, .lab-grown-diamond-detials-white-wrapper .right-container .diamond-detials-section .diamond-info-render-screen app-contact .right-memo-section, .lab-grown-diamond-detials-white-wrapper .right-container .diamond-detials-section .diamond-info-render-screen app-contact .right-buy-section, .lab-grown-diamond-detials-white-wrapper .right-container .diamond-detials-section .diamond-info-render-screen app-contact .right-contact-section {
    width: 85%;
  }
  .lab-grown-diamond-detials-white-wrapper .right-container .diamond-detials-section .diamond-info-render-screen .lab-grown-diamond-details-wrapper .details .data {
    min-width: 135px;
  }
  .lab-grown-diamond-detials-white-wrapper .right-container .diamond-detials-section .diamond-info-render-screen .lab-grown-diamond-details-wrapper .details .data dt {
    max-width: 140px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .lab-grown-diamond-detials-white-wrapper .right-container .diamond-detials-section .diamond-info-render-screen .multiple-location-wrapper {
    order: 3;
    padding: 25px 0 10px;
  }
  .lab-grown-diamond-detials-white-wrapper .right-container .diamond-detials-section .diamond-info-render-screen .company-details {
    order: 4;
    width: 100%;
    padding: 10px 0;
  }
  .lab-grown-diamond-detials-white-wrapper .right-container .diamond-detials-section .diamond-info-render-screen .comments {
    order: 5;
    width: 100%;
    padding: 0 !important;
  }
  .lab-grown-diamond-detials-white-wrapper .right-container .diamond-detials-section .diamond-details-wrapper .data dt {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 110px;
  }
  .lab-grown-diamond-detials-white-wrapper .right-container .diamond-detials-section .bmh-buttons {
    width: 12%;
  }
  .lab-grown-diamond-detials-white-wrapper .right-container .price-info-section {
    justify-content: center;
    display: flex;
  }
  .lab-grown-diamond-detials-white-wrapper .right-container .price-info-section .diamond-price-info {
    order: 1;
    margin: 0 0 10px !important;
    display: flex;
    flex-direction: row;
    width: 87%;
  }
  .lab-grown-diamond-detials-white-wrapper .right-container .price-info-section .diamond-price-info .price-info-container {
    width: 40%;
  }
  .lab-grown-diamond-detials-white-wrapper .right-container .price-info-section .diamond-price-info .price-info-container div span.value {
    text-align: right;
  }
  .lab-grown-diamond-detials-white-wrapper .right-container .price-info-section .diamond-price-info .bulk-request {
    margin: 0;
    width: 60%;
  }
  .lab-grown-diamond-detials-white-wrapper .right-container .price-info-section.hidePricesForGuest {
    align-items: center;
  }
  .lab-grown-diamond-detials-white-wrapper .right-container .price-info-section.hidePricesForGuest .diamond-price-info {
    order: 0;
  }
  .lab-grown-diamond-detials-white-wrapper .right-container .price-info-section.hidePricesForGuest .bulk-request {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
  }
}
@media screen and (max-width: 767px) {
  .lab-grown-diamond-detials-white-wrapper {
    padding: 100px 0;
  }
  .lab-grown-diamond-detials-white-wrapper .col-md-4, .lab-grown-diamond-detials-white-wrapper .col-md-8 {
    flex: unset;
    max-width: 100% !important;
  }
  .lab-grown-diamond-detials-white-wrapper .page-title {
    padding-left: 0 !important;
  }
  .lab-grown-diamond-detials-white-wrapper .full-screen-diamond-overlay {
    position: fixed;
    height: 100vh;
  }
}
@media screen and (max-width: 767px) and (max-width: 480px) {
  .lab-grown-diamond-detials-white-wrapper .full-screen-diamond-overlay .video-box {
    width: 100%;
    height: unset;
    padding-bottom: 100%;
    position: relative;
  }
  .lab-grown-diamond-detials-white-wrapper .full-screen-diamond-overlay .video-box iframe, .lab-grown-diamond-detials-white-wrapper .full-screen-diamond-overlay .video-box video {
    position: absolute;
    top: 0;
    left: 0;
  }
  .lab-grown-diamond-detials-white-wrapper .full-screen-diamond-overlay .svg-box {
    text-align: center;
    padding: 12% 0% 8% 0% !important;
  }
  .lab-grown-diamond-detials-white-wrapper .full-screen-diamond-overlay .svg-box span {
    font-size: 180px !important;
  }
  .lab-grown-diamond-detials-white-wrapper .full-screen-diamond-overlay .svg-box .no-img-popup-label {
    font-size: 23px !important;
  }
}
@media screen and (max-width: 767px) {
  .lab-grown-diamond-detials-white-wrapper .diamond-details-body {
    flex-wrap: wrap;
  }
  .lab-grown-diamond-detials-white-wrapper .diamond-details-body .left-container .bulk-request {
    margin-top: 45px;
  }
  .lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-price-info {
    margin: 15px 0;
  }
  .lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-price-info .header {
    font-size: 14px;
  }
  .lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-price-info .value {
    font-size: 18px !important;
  }
  .lab-grown-diamond-detials-white-wrapper .diamond-details-body .multiple-location-wrapper {
    padding: 25px 0 10px;
  }
  .lab-grown-diamond-detials-white-wrapper .diamond-details-body .company-details {
    padding: 0;
    width: 100%;
  }
  .lab-grown-diamond-detials-white-wrapper .diamond-details-body .comments {
    width: 100%;
    padding: 0;
  }
  .lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section {
    justify-content: center;
  }
  .lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info .details .data {
    display: flex;
  }
  .lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-price-info {
    margin: 15px 0;
  }
  .lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-price-info .price-info-container div span.value {
    text-align: right;
  }
  .lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-price-info .bulk-request {
    margin-top: 15px;
  }
  .lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .bmh-buttons {
    width: 15%;
  }
}
@media screen and (max-width: 767px) and (max-width: 790px) {
  .lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section {
    flex-direction: column-reverse;
  }
  .lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image {
    flex-direction: column-reverse !important;
  }
  .lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-image {
    width: 260px;
    margin: 0 auto;
  }
  .lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-info {
    background-color: unset !important;
    padding: 0 20px;
    display: flex;
    flex-direction: column;
  }
  .lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-info .lab-grown-diamond-details-wrapper {
    padding: 10px 20px;
    background-color: #E9E9EB;
    background-color: var(--main_bg_highlight, #E9E9EB) !important;
  }
  .lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-info .lab-grown-diamond-details-wrapper .details .col-md-12 {
    max-width: 50% !important;
    flex: 0 0 50% !important;
  }
  .lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-info .lab-grown-diamond-details-wrapper .details .data {
    min-width: 135px;
  }
  .lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-info .lab-grown-diamond-details-wrapper .details .data dt {
    max-width: 80px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-info .diamond-price-info {
    margin-top: 15px;
  }
  .lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-info .multiple-location-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
  .lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-info .company-details {
    margin: 10px 0;
  }
  .lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-info .comments {
    order: 1;
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  .lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .diamond-info-image .diamond-info .comments .label {
    margin-bottom: 10px;
  }
  .lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .image-box, .lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .video-cover {
    margin: 0 auto;
  }
  .lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .diamond-info-render-screen .info {
    order: 1;
  }
  .lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .bmh-buttons {
    width: 100%;
  }
  .lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .bmh-buttons ul {
    display: flex;
    margin: 0;
    justify-content: space-around;
  }
  .lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .bmh-buttons ul li {
    width: 80px;
    border-radius: 50% !important;
    flex-direction: column-reverse;
  }
  .lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-detials-section .bmh-buttons ul li .image {
    margin-left: 0 !important;
    margin-top: 0 !important;
  }
}
@media screen and (max-width: 767px) and (max-width: 380px) {
  .lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-info {
    padding: 0 10px !important;
  }
  .lab-grown-diamond-detials-white-wrapper .diamond-details-body .diamond-info .diamond-details-wrapper {
    padding: 10px !important;
  }
}
@media screen and (max-width: 767px) {
  .lab-grown-diamond-detials-white-wrapper .diamond-details-body > div:not(:first-child) {
    padding: 0 !important;
  }
}
.lab-grown-diamond-detials-white-wrapper .video-chat-btn-wrapper {
  display: block !important;
}
.lab-grown-diamond-detials-white-wrapper .video-chat-btn-wrapper .join-chat-btn {
  display: flex;
  line-height: 18px;
  align-items: center;
  justify-content: center;
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
  font-size: 18px;
  font-weight: 400;
  border-radius: 35px;
  height: 50px;
  width: 320px;
  margin: 20px auto 10px;
  height: 48px;
  width: 274px;
  border: 0;
  outline: none;
  background-color: #4EC123;
  background-color: var(--video_chat_available_bg_color, #4EC123) !important;
  color: #ffffff;
  color: var(--video_chat_available_font_color, #ffffff) !important;
}
.lab-grown-diamond-detials-white-wrapper .video-chat-btn-wrapper .join-chat-btn:not(.available) {
  background-color: #BFBFC3;
  background-color: var(--option_btn_disabled_color, #BFBFC3) !important;
  color: #FFFFFF;
  color: var(--option_btn_disabled_font_color, #FFFFFF) !important;
  pointer-events: none;
}
.lab-grown-diamond-details-orange-green-wrapper {
  min-height: 100vh;
}
.lab-grown-diamond-details-orange-green-wrapper .video-box > * {
  position: relative;
}
.lab-grown-diamond-details-orange-green-wrapper .video-box > *.videoLoader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.lab-grown-diamond-details-orange-green-wrapper .diamond-info {
  flex: 0 0 auto;
  padding: 45px 30px 0;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
@media screen and (max-width: 768px) {
  .lab-grown-diamond-details-orange-green-wrapper .diamond-info .details .row .col-md-12 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .lab-grown-diamond-details-orange-green-wrapper .diamond-info span.header {
    text-align: center !important;
  }
}
.lab-grown-diamond-details-orange-green-wrapper .diamond-info span.header {
  font-weight: 700;
  font-size: 18px;
  line-height: 18px;
  display: block;
  margin-bottom: 30px;
}
.lab-grown-diamond-details-orange-green-wrapper .diamond-info .data {
  margin-bottom: 15px;
  display: flex;
  align-items: center;
}
.lab-grown-diamond-details-orange-green-wrapper .diamond-info .data dd {
  width: 65px;
  display: inline-block;
  font-weight: 400;
  font-size: 13px;
}
.lab-grown-diamond-details-orange-green-wrapper .diamond-info .data dt {
  display: inline-block;
  font-weight: 500;
  font-size: 15px;
  margin-left: 10px;
}
.lab-grown-diamond-details-orange-green-wrapper .diamond-info .ha {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 20px;
}
.lab-grown-diamond-details-orange-green-wrapper .diamond-info .ha i {
  font-size: 20px;
}
.lab-grown-diamond-details-orange-green-wrapper .diamond-details-orange-green-container {
  margin: 0 !important;
  width: 100%;
  min-height: 100vh;
}
.lab-grown-diamond-details-orange-green-wrapper .diamond-details-orange-green-container .image-cover {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  background-repeat: no-repeat;
}
.lab-grown-diamond-details-orange-green-wrapper .diamond-details-orange-green-container .image-cover .svg-box {
  text-align: center;
  padding-top: 17%;
  opacity: 0.6;
}
.lab-grown-diamond-details-orange-green-wrapper .diamond-details-orange-green-container .image-cover .svg-box span {
  font-size: 225px;
  opacity: 0.6;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.lab-grown-diamond-details-orange-green-wrapper .diamond-details-orange-green-container .image-cover .svg-box .no-image-label {
  font-size: 24px;
  margin-top: 21px;
  text-align: center;
  font-weight: inherit;
  font-family: inherit;
  letter-spacing: normal;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.lab-grown-diamond-details-orange-green-wrapper .diamond-details-orange-green-container .lab-grown-diamond-details-wrapper .data dt {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media screen and (max-width: 560px) {
  .lab-grown-diamond-details-orange-green-wrapper .diamond-details-orange-green-container .lab-grown-diamond-details-wrapper .col-6 {
    padding: 0;
  }
  .lab-grown-diamond-details-orange-green-wrapper .diamond-details-orange-green-container .lab-grown-diamond-details-wrapper .col-6 .data {
    display: flex;
  }
  .lab-grown-diamond-details-orange-green-wrapper .diamond-details-orange-green-container .lab-grown-diamond-details-wrapper .col-6 .data dd {
    width: 55px;
  }
  .lab-grown-diamond-details-orange-green-wrapper .diamond-details-orange-green-container .lab-grown-diamond-details-wrapper .col-6 .data dt {
    font-size: 13px;
    width: 75px;
  }
}
@media (min-width: 561px) and (max-width: 768px) {
  .lab-grown-diamond-details-orange-green-wrapper .diamond-details-orange-green-container .lab-grown-diamond-details-wrapper dt {
    width: 95px;
  }
}
@media (min-width: 769px) and (max-width: 850px) {
  .lab-grown-diamond-details-orange-green-wrapper .diamond-details-orange-green-container .lab-grown-diamond-details-wrapper dt {
    width: 95px;
  }
}
@media (min-width: 320px) and (max-width: 600px) {
  .lab-grown-diamond-details-orange-green-wrapper .diamond-details-orange-green-container .image-cover {
    background-color: #E9E9EB;
    background-color: var(--main_bg_highlight, #E9E9EB) !important;
    background-repeat: no-repeat;
  }
  .lab-grown-diamond-details-orange-green-wrapper .diamond-details-orange-green-container .image-cover svg path {
    fill: #9B9B9B;
    fill: var(--main_bg_font_label_color, #9B9B9B) !important;
    opacity: 0.6;
  }
  .lab-grown-diamond-details-orange-green-wrapper .diamond-details-orange-green-container .image-cover svg {
    width: 161px !important;
    height: 161px !important;
  }
  .lab-grown-diamond-details-orange-green-wrapper .diamond-details-orange-green-container .image-cover .svg-box {
    text-align: center;
    padding-top: 17%;
    opacity: 0.6;
  }
  .lab-grown-diamond-details-orange-green-wrapper .diamond-details-orange-green-container .image-cover .svg-box span {
    font-size: 161px;
    opacity: 0.6;
    color: #9B9B9B;
    color: var(--main_bg_font_label_color, #9B9B9B) !important;
  }
  .lab-grown-diamond-details-orange-green-wrapper .diamond-details-orange-green-container .image-cover .svg-box .no-img-popup-label {
    font-size: 18px !important;
    margin-top: 27px !important;
    text-align: center;
    font-weight: inherit;
    font-family: inherit;
    letter-spacing: normal;
    color: #9B9B9B;
    color: var(--main_bg_font_label_color, #9B9B9B) !important;
  }
  .lab-grown-diamond-details-orange-green-wrapper .diamond-details-orange-green-container .image-cover .svg-box .no-image-label {
    font-size: 18px !important;
    margin-top: 27px !important;
    text-align: center;
    font-weight: inherit;
    font-family: inherit;
    letter-spacing: normal;
    color: #9B9B9B;
    color: var(--main_bg_font_label_color, #9B9B9B) !important;
  }
}
.lab-grown-diamond-details-orange-green-wrapper .media-container {
  background-color: #373640;
  background-color: var(--price_mode_bg, #373640) !important;
  flex: 1 1 auto;
  padding: 20px 15px;
}
.lab-grown-diamond-details-orange-green-wrapper .media-container .short-title {
  font-size: 28px;
  font-weight: 400;
  color: #FFFFFF;
  color: var(--price_mode_font, #FFFFFF) !important;
  display: block;
  margin-top: 10px;
}
.lab-grown-diamond-details-orange-green-wrapper .media-container .image-box,
.lab-grown-diamond-details-orange-green-wrapper .media-container .video-box {
  position: relative;
}
.lab-grown-diamond-details-orange-green-wrapper .media-container .image-box .mark-favorite,
.lab-grown-diamond-details-orange-green-wrapper .media-container .video-box .mark-favorite {
  display: inline-flex;
  position: absolute;
  left: 5%;
  top: 20px;
  z-index: 2;
}
.lab-grown-diamond-details-orange-green-wrapper .media-container .image-box .mark-favorite .path1,
.lab-grown-diamond-details-orange-green-wrapper .media-container .video-box .mark-favorite .path1 {
  color: #804294;
  color: var(--heart_outline_off_icon_color, #804294) !important;
  font-size: 31px;
}
.lab-grown-diamond-details-orange-green-wrapper .media-container .image-box .mark-favorite .path2,
.lab-grown-diamond-details-orange-green-wrapper .media-container .video-box .mark-favorite .path2 {
  color: #804294;
  color: var(--heart_outline_off_icon_color, #804294) !important;
  font-size: 31px;
}
.lab-grown-diamond-details-orange-green-wrapper .media-container .image-box .mark-favorite .path3,
.lab-grown-diamond-details-orange-green-wrapper .media-container .video-box .mark-favorite .path3 {
  color: #FFFFFF;
  color: var(--heart_bg_off_icon_color, #FFFFFF) !important;
  font-size: 31px;
}
.lab-grown-diamond-details-orange-green-wrapper .media-container .image-box .mark-favorite.favorited .path1,
.lab-grown-diamond-details-orange-green-wrapper .media-container .video-box .mark-favorite.favorited .path1 {
  color: #FFFFFF;
  color: var(--heart_outline_on_icon_color, #FFFFFF) !important;
}
.lab-grown-diamond-details-orange-green-wrapper .media-container .image-box .mark-favorite.favorited .path2,
.lab-grown-diamond-details-orange-green-wrapper .media-container .video-box .mark-favorite.favorited .path2 {
  color: #FFFFFF;
  color: var(--heart_outline_on_icon_color, #FFFFFF) !important;
}
.lab-grown-diamond-details-orange-green-wrapper .media-container .image-box .mark-favorite.favorited .path3,
.lab-grown-diamond-details-orange-green-wrapper .media-container .video-box .mark-favorite.favorited .path3 {
  color: #804294;
  color: var(--heart_bg_on_icon_color, #804294) !important;
}
.lab-grown-diamond-details-orange-green-wrapper .media-container .image-box .external-link,
.lab-grown-diamond-details-orange-green-wrapper .media-container .video-box .external-link {
  display: block;
  width: 190px;
  margin: 0 auto;
}
.lab-grown-diamond-details-orange-green-wrapper .media-container .image-box {
  height: 400px;
  width: 400px;
  margin: 60px auto 30px;
}
.lab-grown-diamond-details-orange-green-wrapper .media-container .image-box .image-cover {
  width: 100%;
  height: 100%;
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.lab-grown-diamond-details-orange-green-wrapper .media-container .image-box .image-cover img {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  background-color: var(--image_bg_color, #FFFFFF) !important;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-fit: var(--cover_image_bg_size, cover) !important;
     object-fit: var(--cover_image_bg_size, cover) !important;
}
@media (min-width: 320px) and (max-width: 767px) {
  .lab-grown-diamond-details-orange-green-wrapper .media-container .no-video {
    height: 100% !important;
    display: block;
  }
  .lab-grown-diamond-details-orange-green-wrapper .media-container .no-video .svg-box {
    opacity: 0.6;
    margin: 0;
    padding-top: 0px !important;
    left: 50% !important;
    position: absolute;
    top: 50% !important;
    transform: translate(-50%, -50%);
  }
}
.lab-grown-diamond-details-orange-green-wrapper .media-container .video-box {
  height: 400px;
  width: 400px;
  margin: 60px auto 30px;
  background-color: #4b4a53;
}
.lab-grown-diamond-details-orange-green-wrapper .media-container .video-box .no-video {
  height: 400px;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
.lab-grown-diamond-details-orange-green-wrapper .media-container .video-box .no-video svg path {
  fill: #9B9B9B;
  fill: var(--main_bg_font_label_color, #9B9B9B) !important;
  opacity: 0.6;
}
.lab-grown-diamond-details-orange-green-wrapper .media-container .video-box .no-video .svg-box {
  text-align: center;
  padding-top: 33%;
  opacity: 0.6;
}
.lab-grown-diamond-details-orange-green-wrapper .media-container .video-box .no-video .no-video-label {
  font-size: 16px;
  padding-top: 15px;
  font-weight: inherit;
  font-family: inherit;
  letter-spacing: normal;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.lab-grown-diamond-details-orange-green-wrapper .media-container .video-box iframe,
.lab-grown-diamond-details-orange-green-wrapper .media-container .video-box video {
  width: 100%;
  height: 100%;
}
.lab-grown-diamond-details-orange-green-wrapper .media-container .video-box .external-link {
  display: block;
  width: 190px;
  margin: 0 auto;
}
.lab-grown-diamond-details-orange-green-wrapper .media-container .video-box .video-box-external-play {
  position: relative;
}
.lab-grown-diamond-details-orange-green-wrapper .media-container .video-box .video-box-external-play .video-cover {
  height: 400px;
  width: 400px;
  display: block;
  background-size: cover;
  background-position: center;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
.lab-grown-diamond-details-orange-green-wrapper .media-container .video-box .video-box-external-play .video-cover img {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  background-color: var(--image_bg_color, #FFFFFF) !important;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-fit: var(--cover_image_bg_size, cover) !important;
     object-fit: var(--cover_image_bg_size, cover) !important;
}
.lab-grown-diamond-details-orange-green-wrapper .media-container .video-box .video-box-external-play .video-box-shadow {
  position: absolute;
  width: 100%;
  top: 0px;
  background: rgba(0, 0, 0, 0.2);
  height: 100%;
}
.lab-grown-diamond-details-orange-green-wrapper .media-container .video-box .video-box-external-play .play-video {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -40%);
}
.lab-grown-diamond-details-orange-green-wrapper .media-container .video-box .video-box-external-play .play-video .video_play_icon {
  font-size: 45px;
  text-shadow: 0.5px 0.3px 1px #3b3e3b91;
}
.lab-grown-diamond-details-orange-green-wrapper .media-container .request-box {
  height: 525px;
  width: 700px;
  margin: 60px auto 30px;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
.lab-grown-diamond-details-orange-green-wrapper .media-container .request-box .header-section, .lab-grown-diamond-details-orange-green-wrapper .media-container .request-box .comments-section {
  text-align: center;
}
.lab-grown-diamond-details-orange-green-wrapper .media-container .request-box .header-section {
  padding: 10px 0;
}
.lab-grown-diamond-details-orange-green-wrapper .media-container .request-box .header-section p {
  font-size: 32px;
  position: relative;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.lab-grown-diamond-details-orange-green-wrapper .media-container .request-box .header-section .cancel-request {
  position: absolute;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  right: 5%;
  font-size: 20px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.lab-grown-diamond-details-orange-green-wrapper .media-container .request-box .comments-section {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.lab-grown-diamond-details-orange-green-wrapper .media-container .request-box .comments-section p {
  margin-bottom: 6px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.lab-grown-diamond-details-orange-green-wrapper .media-container .request-box .comments-section textarea::-webkit-input-placeholder {
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
}
.lab-grown-diamond-details-orange-green-wrapper .media-container .request-box .comments-section textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
}
.lab-grown-diamond-details-orange-green-wrapper .media-container .request-box .comments-section textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
}
.lab-grown-diamond-details-orange-green-wrapper .media-container .request-box .comments-section textarea:-ms-input-placeholder {
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
}
.lab-grown-diamond-details-orange-green-wrapper .media-container .request-box .comments-section a {
  margin-top: 25px;
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
}
.lab-grown-diamond-details-orange-green-wrapper .media-container .price {
  width: 100%;
  margin: 0 auto;
  color: #FFFFFF;
  color: var(--price_mode_font, #FFFFFF) !important;
  font-size: 36px;
  text-align: center;
  font-weight: 500;
}
.lab-grown-diamond-details-orange-green-wrapper .media-container .request {
  width: 400px;
  margin: 30px auto;
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
  font-size: 36px;
  text-align: center;
  font-weight: 500;
  order: 5;
}
.lab-grown-diamond-details-orange-green-wrapper .media-container .add-to-cart {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 25px;
}
.lab-grown-diamond-details-orange-green-wrapper .media-container .add-to-cart button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 65px;
  width: 250px;
  border-radius: 50px;
  border-color: transparent;
  cursor: pointer;
  outline: none;
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
}
.lab-grown-diamond-details-orange-green-wrapper .media-container .add-to-cart button .label {
  font-size: 22px;
  font-weight: 400;
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
}
.lab-grown-diamond-details-orange-green-wrapper .media-container .add-to-cart button .vi {
  font-size: 25px;
  margin-right: 15px;
  margin-left: -10px;
  color: #FFFFFF;
  color: var(--action_btn_static_icon_color, #FFFFFF) !important;
}
.lab-grown-diamond-details-orange-green-wrapper .media-container .add-to-cart button.disabled {
  border: 0;
  background-color: #BFBFC3;
  background-color: var(--option_btn_disabled_color, #BFBFC3) !important;
  color: #FFFFFF;
  color: var(--option_btn_disabled_font_color, #FFFFFF) !important;
}
.lab-grown-diamond-details-orange-green-wrapper .media-container .add-to-cart button.disabled .vi {
  margin-left: -20px;
  color: #FFFFFF;
  color: var(--option_btn_disabled_icon_color, #FFFFFF) !important;
}
.lab-grown-diamond-details-orange-green-wrapper .media-container .stock-wrapper-og span {
  font-size: 20px;
  color: #FFFFFF;
  color: var(--price_mode_font, #FFFFFF) !important;
  font-weight: 400;
  display: inline-block;
  margin-right: 5px;
}
.lab-grown-diamond-details-orange-green-wrapper .media-container .stock-wrapper-og .stock_num {
  margin: 0;
  font-size: 20px;
  display: inline-block;
  font-weight: 700;
  color: #FFFFFF;
  color: var(--price_mode_font, #FFFFFF) !important;
}
.lab-grown-diamond-details-orange-green-wrapper .media-container .stock-wrapper-og .diamond-available-wrapper {
  display: inline-block;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  margin-right: 5px;
}
.lab-grown-diamond-details-orange-green-wrapper .media-container .stock-wrapper-og .diamond-available-wrapper.yes {
  background-color: #7ED321;
}
.lab-grown-diamond-details-orange-green-wrapper .media-container .stock-wrapper-og .diamond-available-wrapper.no {
  background-color: #d0021b;
}
.lab-grown-diamond-details-orange-green-wrapper .media-container .bmh-orange {
  display: flex;
  flex-wrap: wrap;
}
.lab-grown-diamond-details-orange-green-wrapper .media-container .bmh-orange .image-container {
  width: 600px;
  margin: 0 0 0 5%;
}
.lab-grown-diamond-details-orange-green-wrapper .media-container .bmh-orange .image-container .image-box {
  margin: 60px 0 30px auto;
}
.lab-grown-diamond-details-orange-green-wrapper .media-container .bmh-orange .bmh-pages {
  width: 600px;
  margin: 60px 0 0 5%;
}
.lab-grown-diamond-details-orange-green-wrapper .media-container .bmh-orange .bmh-pages .go-to-info {
  float: right;
  margin-right: 20px;
  margin-top: 12px;
  color: #804294;
  color: var(--main_bg_icon_color, #804294) !important;
  cursor: pointer;
}
.lab-grown-diamond-details-orange-green-wrapper .media-container .bmh-orange .bmh-buttons {
  width: auto;
}
.lab-grown-diamond-details-orange-green-wrapper .media-container .bmh-orange .bmh-buttons ul {
  margin: 60px 0 0 0;
}
@media screen and (max-width: 480px) {
  .lab-grown-diamond-details-orange-green-wrapper .media-container.responsive .image-box, .lab-grown-diamond-details-orange-green-wrapper .media-container.responsive .video-box {
    width: 300px;
    height: 300px;
    overflow: scroll;
  }
  .lab-grown-diamond-details-orange-green-wrapper .media-container.responsive .image-box video, .lab-grown-diamond-details-orange-green-wrapper .media-container.responsive .image-box iframe, .lab-grown-diamond-details-orange-green-wrapper .media-container.responsive .video-box video, .lab-grown-diamond-details-orange-green-wrapper .media-container.responsive .video-box iframe {
    width: 1px;
    height: 1px;
    min-width: 100%;
    min-height: 100%;
  }
  .lab-grown-diamond-details-orange-green-wrapper .media-container.responsive .image-box .external-link, .lab-grown-diamond-details-orange-green-wrapper .media-container.responsive .video-box .external-link {
    display: block;
    width: 190px;
    margin: 0 auto;
  }
  .lab-grown-diamond-details-orange-green-wrapper .media-container.responsive .image-box .video-box-external-play .video-cover, .lab-grown-diamond-details-orange-green-wrapper .media-container.responsive .video-box .video-box-external-play .video-cover {
    height: 300px;
    width: 300px;
  }
  .lab-grown-diamond-details-orange-green-wrapper .media-container.responsive .image-box .video-box-external-play .video-cover img, .lab-grown-diamond-details-orange-green-wrapper .media-container.responsive .video-box .video-box-external-play .video-cover img {
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    background-color: var(--image_bg_color, #FFFFFF) !important;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-fit: var(--cover_image_bg_size, cover) !important;
       object-fit: var(--cover_image_bg_size, cover) !important;
  }
  .lab-grown-diamond-details-orange-green-wrapper .media-container.responsive .image-box .video-box-external-play .video-box-shadow, .lab-grown-diamond-details-orange-green-wrapper .media-container.responsive .video-box .video-box-external-play .video-box-shadow {
    position: absolute;
    width: 100%;
    top: 0px;
    background: rgba(0, 0, 0, 0.2);
    height: 100%;
  }
  .lab-grown-diamond-details-orange-green-wrapper .media-container.responsive .request-box {
    width: 100%;
  }
  .lab-grown-diamond-details-orange-green-wrapper .media-container.responsive .request-box .header-section p {
    font-size: 24px;
  }
  .lab-grown-diamond-details-orange-green-wrapper .media-container.responsive .price {
    width: 100%;
  }
}
@media (min-width: 481px) and (max-width: 1366px) {
  .lab-grown-diamond-details-orange-green-wrapper .media-container.responsive .video-box {
    width: 400px;
    height: 400px;
    overflow: scroll;
  }
  .lab-grown-diamond-details-orange-green-wrapper .media-container.responsive .video-box video, .lab-grown-diamond-details-orange-green-wrapper .media-container.responsive .video-box iframe {
    width: 1px;
    height: 1px;
    min-width: 100%;
    min-height: 100%;
  }
  .lab-grown-diamond-details-orange-green-wrapper .media-container.responsive .video-box .external-link {
    display: block;
    width: 190px;
    margin: 0 auto;
  }
  .lab-grown-diamond-details-orange-green-wrapper .media-container.responsive .video-box .video-box-external-play .video-cover {
    height: 400px;
    width: 400px;
    display: block;
  }
  .lab-grown-diamond-details-orange-green-wrapper .media-container.responsive .video-box .video-box-external-play .video-cover img {
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    background-color: var(--image_bg_color, #FFFFFF) !important;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-fit: var(--cover_image_bg_size, cover) !important;
       object-fit: var(--cover_image_bg_size, cover) !important;
  }
  .lab-grown-diamond-details-orange-green-wrapper .media-container.responsive .video-box .video-box-shadow {
    position: absolute;
    width: 100%;
    top: 0px;
    background: rgba(0, 0, 0, 0.2);
    height: 100%;
  }
}
.lab-grown-diamond-details-orange-green-wrapper .media-container.responsive .bmh-orange {
  justify-content: center;
}
.lab-grown-diamond-details-orange-green-wrapper .media-container.responsive .bmh-orange .image-container {
  width: 400px;
}
@media (min-width: 870px) and (max-width: 1023px) {
  .lab-grown-diamond-details-orange-green-wrapper .media-container .bmh-orange .image-container {
    margin-left: 0;
  }
}
@media (min-width: 636px) and (max-width: 768px) {
  .lab-grown-diamond-details-orange-green-wrapper .media-container .bmh-pages {
    width: 485px;
    margin: 60px 0 0;
  }
}
@media (min-width: 768px) and (max-width: 1170px), (min-width: 320px) and (max-width: 635px) {
  .lab-grown-diamond-details-orange-green-wrapper .media-container .bmh-orange .image-container {
    margin: unset;
    order: 3;
  }
  .lab-grown-diamond-details-orange-green-wrapper .media-container .bmh-orange .image-container .image-box {
    margin: 0 auto;
  }
  .lab-grown-diamond-details-orange-green-wrapper .media-container .bmh-orange .bmh-buttons {
    width: 100%;
    order: 1;
    margin: 15px 0;
  }
  .lab-grown-diamond-details-orange-green-wrapper .media-container .bmh-orange .bmh-buttons ul {
    display: flex;
    margin: 0;
    justify-content: space-around;
  }
  .lab-grown-diamond-details-orange-green-wrapper .media-container .bmh-orange .bmh-buttons ul li {
    width: 80px;
    border-radius: 50% !important;
    flex-direction: column-reverse;
  }
  .lab-grown-diamond-details-orange-green-wrapper .media-container .bmh-orange .bmh-buttons ul li .image {
    margin-left: 0 !important;
    margin-top: 0 !important;
  }
  .lab-grown-diamond-details-orange-green-wrapper .media-container .bmh-orange .bmh-pages {
    order: 2;
    width: 100%;
    margin: 0 auto;
  }
  .lab-grown-diamond-details-orange-green-wrapper .media-container .bmh-orange .bmh-pages .left-basic-stats {
    display: none;
  }
  .lab-grown-diamond-details-orange-green-wrapper .media-container .bmh-orange .bmh-pages .right-buy-section, .lab-grown-diamond-details-orange-green-wrapper .media-container .bmh-orange .bmh-pages .right-memo-section, .lab-grown-diamond-details-orange-green-wrapper .media-container .bmh-orange .bmh-pages .right-hold-section {
    width: 100%;
  }
  .lab-grown-diamond-details-orange-green-wrapper .media-container .bmh-orange .bmh-pages .right-buy-section .memo-submit, .lab-grown-diamond-details-orange-green-wrapper .media-container .bmh-orange .bmh-pages .right-memo-section .memo-submit, .lab-grown-diamond-details-orange-green-wrapper .media-container .bmh-orange .bmh-pages .right-hold-section .memo-submit {
    position: unset;
    margin-bottom: 15px;
  }
  .lab-grown-diamond-details-orange-green-wrapper .media-container .bmh-orange .bmh-pages .buy, .lab-grown-diamond-details-orange-green-wrapper .media-container .bmh-orange .bmh-pages .memo, .lab-grown-diamond-details-orange-green-wrapper .media-container .bmh-orange .bmh-pages .hold {
    margin-right: unset;
  }
  .lab-grown-diamond-details-orange-green-wrapper .media-container .bmh-orange .price {
    order: 4;
  }
  .lab-grown-diamond-details-orange-green-wrapper .media-container .bmh-orange .add-to-cart {
    order: 5;
  }
}
@media (min-width: 1170px) and (max-width: 1300px) {
  .lab-grown-diamond-details-orange-green-wrapper .media-container .bmh-pages {
    margin: 60px 0 0;
  }
}
@media screen and (max-width: 1150px) {
  .lab-grown-diamond-details-orange-green-wrapper .media-container .item-details-header {
    width: 100%;
    max-width: 100%;
    text-align: center;
    margin-top: 100px;
  }
  .lab-grown-diamond-details-orange-green-wrapper .media-container .request-box {
    width: 100%;
  }
}
@media screen and (max-width: 900px) {
  .lab-grown-diamond-details-orange-green-wrapper .media-container .request-box textarea {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .diamond-details-orange-green-container {
    flex-direction: column-reverse !important;
  }
  .diamond-details-orange-green-container .diamond-info, .diamond-details-orange-green-container .media-container {
    max-width: 100% !important;
  }
}
.request {
  margin: 35px auto;
  color: #FFFFFF;
  font-size: 36px;
  text-align: center;
  font-weight: 500;
}
.display-flex {
  display: flex;
  min-height: 100vh;
}
.bmh-buttons {
  width: 25%;
}
.bmh-buttons .tooltip .tooltip-inner {
  max-width: 240px !important;
  width: 240px !important;
  padding: 10px;
}
.bmh-buttons ul {
  padding: 0;
  margin: 0 0 0 5px;
  list-style: none;
}
.bmh-buttons ul li {
  width: 110px;
  height: 80px;
  color: #ffffff;
  border-radius: 0 100px 100px 0;
  margin-bottom: 10px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.bmh-buttons ul li p {
  font-size: 13px;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 0;
}
.bmh-buttons ul li span.image {
  font-size: 20px;
  margin-top: -5px;
  margin-left: 10px;
}
.bmh-buttons ul li.memo {
  background-color: #804294;
  background-color: var(--bmh_button_memo_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--bmh_button_memo_static_font_color, #FFFFFF) !important;
}
.bmh-buttons ul li.memo span.image {
  color: #FFFFFF;
  color: var(--bmh_button_memo_static_icon_color, #FFFFFF) !important;
}
.bmh-buttons ul li.memo.cannot-accept-memo {
  background-color: rgba(55, 54, 64, 0.22);
  color: #9B9B9B;
  cursor: default;
}
.bmh-buttons ul li.memo.cannot-accept-memo span.image {
  color: #9B9B9B;
}
.bmh-buttons ul li.memo.selected {
  border: 2px solid;
  border-color: #804294;
  border-color: var(--bmh_button_memo_active_font_color, #804294) !important;
  background-color: #E9E9EB;
  background-color: var(--bmh_button_memo_active_color, #E9E9EB) !important;
  color: #804294;
  color: var(--bmh_button_memo_active_font_color, #804294) !important;
}
.bmh-buttons ul li.memo.selected span.image {
  color: #804294;
  color: var(--bmh_button_memo_active_icon_color, #804294) !important;
}
.bmh-buttons ul li.buy {
  background-color: #5cb8a6;
  background-color: var(--bmh_button_buy_static_color, #5cb8a6) !important;
  color: #FFFFFF;
  color: var(--bmh_button_buy_static_font_color, #FFFFFF) !important;
}
.bmh-buttons ul li.buy span.image {
  font-size: 15px;
  color: #FFFFFF;
  color: var(--bmh_button_buy_static_icon_color, #FFFFFF) !important;
}
.bmh-buttons ul li.buy.selected {
  border: 2px solid;
  border-color: #5cb8a6;
  border-color: var(--bmh_button_buy_active_font_color, #5cb8a6) !important;
  background-color: #E9E9EB;
  background-color: var(--bmh_button_buy_active_color, #E9E9EB) !important;
  color: #5cb8a6;
  color: var(--bmh_button_buy_active_font_color, #5cb8a6) !important;
}
.bmh-buttons ul li.buy.selected span.image {
  color: #5cb8a6;
  color: var(--bmh_button_buy_active_icon_color, #5cb8a6) !important;
}
.bmh-buttons ul li.hold {
  background-color: #e30047;
  background-color: var(--bmh_button_hold_static_color, #e30047) !important;
  color: #FFFFFF;
  color: var(--bmh_button_hold_static_font_color, #FFFFFF) !important;
}
.bmh-buttons ul li.hold span.image {
  color: #FFFFFF;
  color: var(--bmh_button_hold_static_icon_color, #FFFFFF) !important;
}
.bmh-buttons ul li.hold.selected {
  border: 2px solid;
  border-color: #e30047;
  border-color: var(--bmh_button_hold_active_font_color, #e30047) !important;
  background-color: #E9E9EB;
  background-color: var(--bmh_button_hold_active_color, #E9E9EB) !important;
  color: #e30047;
  color: var(--bmh_button_hold_active_font_color, #e30047) !important;
}
.bmh-buttons ul li.hold.selected span.image {
  color: #e30047;
  color: var(--bmh_button_hold_active_icon_color, #e30047) !important;
}
.bmh-buttons ul li.contact {
  background-color: #4670B6;
  background-color: var(--contact_btn_static_color, #4670B6) !important;
  color: #ffffff;
  color: var(--contact_button_static_font_color, #ffffff) !important;
}
.bmh-buttons ul li.contact span.image {
  color: #ffffff;
  color: var(--contact_button_static_icon_color, #ffffff) !important;
  font-size: 30px !important;
  margin-left: 2px;
}
.bmh-buttons ul li.contact.selected {
  border: 2px solid;
  border-color: #2956A0;
  border-color: var(--bmh_button_contact_active_font_color, #2956A0) !important;
  background-color: #E9E9EB;
  background-color: var(--bmh_button_contact_active_color, #E9E9EB) !important;
  color: #2956A0;
  color: var(--bmh_button_contact_active_font_color, #2956A0) !important;
}
.bmh-buttons ul li.contact.selected span.image {
  color: #2956A0;
  color: var(--bmh_button_contact_active_font_color, #2956A0) !important;
}
.bmh-buttons ul li.exhibitor {
  background-color: #4670B6;
  background-color: var(--contact_btn_static_color, #4670B6) !important;
  color: #ffffff;
  color: var(--contact_button_static_font_color, #ffffff) !important;
}
.bmh-buttons ul li.exhibitor span.image {
  color: #ffffff;
  color: var(--contact_button_static_icon_color, #ffffff) !important;
  font-size: 19px !important;
  margin-left: 10px;
}
.bmh-buttons ul li.exhibitor.selected {
  background-color: #2956A0;
  background-color: var(--contact_btn_active_color, #2956A0) !important;
  color: #ffffff;
  color: var(--contact_button_active_font_color, #ffffff) !important;
}
.bmh-buttons ul li.exhibitor.selected span.image {
  color: #ffffff;
  color: var(--contact_button_active_icon_color, #ffffff) !important;
}
@media screen and (min-width: 1920px) {
  span.indicator {
    width: 7px !important;
  }
}
@media (min-width: 320px) and (max-width: 600px) {
  .diamond-detials-white-wrapper .full-screen-diamond-overlay .diamond-no-image-placeholder .image-cover svg {
    width: 156px !important;
    height: 156px !important;
  }
}
.labGrownDiamondDetailsContainer {
  max-width: 1090px;
  margin: 0 auto;
}
.labGrownDiamondDetailsContainer .carousel {
  outline: none !important;
}
@media screen and (min-width: 1650px) {
  .labGrownDiamondDetailsContainer .full-screen-diamond-overlay .carousel {
    zoom: 100%;
  }
}
@media screen and (min-width: 1800px) {
  .labGrownDiamondDetailsContainer .full-screen-diamond-overlay .carousel {
    zoom: 100%;
  }
}
@media screen and (min-width: 1950px) {
  .labGrownDiamondDetailsContainer .full-screen-diamond-overlay .carousel {
    zoom: 100%;
  }
}
@media screen and (min-width: 2100px) {
  .labGrownDiamondDetailsContainer .full-screen-diamond-overlay .carousel {
    zoom: 100%;
  }
}
@media screen and (min-width: 2250px) {
  .labGrownDiamondDetailsContainer .full-screen-diamond-overlay .carousel {
    zoom: 100%;
  }
}
.labGrownDiamondDetailsContainer .full-screen-diamond-overlay .carousel .image-container {
  margin-bottom: 40px;
}
.labGrownDiamondDetailsContainer .full-screen-diamond-overlay .carousel .image-container .image-cover {
  height: calc(100vh - 260px);
  width: calc(100vh - 260px);
  display: block;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 auto;
}
@media only screen and (min-width: 1950px) {
  .labGrownDiamondDetailsContainer .full-screen-diamond-overlay .carousel .image-container .image-cover {
    height: calc(100vh - 340px);
    width: calc(100vh - 340px);
  }
}
@media only screen and (max-width: 767px) {
  .labGrownDiamondDetailsContainer .full-screen-diamond-overlay .carousel .image-container .image-cover {
    height: 300px !important;
    width: 300px !important;
  }
}
.labGrownDiamondDetailsContainer .full-screen-diamond-overlay .carousel .image-container .image-cover img {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  background-color: var(--image_bg_color, #FFFFFF) !important;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-fit: var(--cover_image_bg_size, cover) !important;
     object-fit: var(--cover_image_bg_size, cover) !important;
}
.labGrownDiamondDetailsContainer .full-screen-diamond-overlay .carousel .image-container.jewelry-no-image-placeholder {
  background-image: url("../webapp/svg/diamond_detail/icon_detail_page_image_not_available.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #FFFFFF;
  background-color: var(--image_bg_color, #FFFFFF) !important;
  height: calc(100vh - 260px);
  width: calc(100vh - 260px);
  margin: 0 auto;
}
@media only screen and (min-width: 1950px) {
  .labGrownDiamondDetailsContainer .full-screen-diamond-overlay .carousel .image-container.jewelry-no-image-placeholder {
    height: calc(100vh - 340px);
    width: calc(100vh - 340px);
  }
}
@media only screen and (max-width: 767px) {
  .labGrownDiamondDetailsContainer .full-screen-diamond-overlay .carousel .image-container.jewelry-no-image-placeholder {
    background-size: contain !important;
    height: 300px !important;
    width: 300px !important;
  }
}
.labGrownDiamondDetailsContainer .page-title {
  padding: 0 !important;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  margin: 0 0 20px !important;
}
.labGrownDiamondDetailsContainer .page-title .short-title {
  font-size: 28px;
  font-weight: 500;
  display: block;
  margin-top: 0 !important;
}
.labGrownDiamondDetailsContainer .page-title .stock_num {
  margin: 0;
  font-size: 20px;
  display: inline-block;
  font-weight: 500;
}
.labGrownDiamondDetailsContainer .page-title span {
  font-size: 20px;
  font-weight: 400;
}
.labGrownDiamondDetailsContainer .bulk-request {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 25px;
}
.labGrownDiamondDetailsContainer .bulk-request.hidePricesForGuest {
  margin-top: 15px;
}
.labGrownDiamondDetailsContainer .bulk-request button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 48px;
  width: 274px;
  border-radius: 50px;
  border-color: transparent;
  cursor: pointer;
  outline: none;
  background-color: #9264A5;
  background-color: var(--toggle_btn_static_bg_color, #9264A5) !important;
}
.labGrownDiamondDetailsContainer .bulk-request button .label {
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  color: var(--toggle_btn_static_font_icon_color, #FFFFFF) !important;
}
.labGrownDiamondDetailsContainer .bulk-request button .vi {
  font-size: 38px;
  margin-right: 5px;
  margin-left: -10px;
  color: #FFFFFF;
  color: var(--toggle_btn_static_font_icon_color, #FFFFFF) !important;
}
.labGrownDiamondDetailsContainer .bulk-request button.active {
  border: 0;
  background-color: rgba(225, 225, 225, 0);
  background-color: var(--toggle_btn_active_bg_color, rgba(225, 225, 225, 0)) !important;
  color: #9264A5;
  color: var(--toggle_btn_active_font_icon_color, #9264A5) !important;
  border: 2px solid;
  border-color: #9264A5;
  border-color: var(--toggle_btn_active_border_color, #9264A5) !important;
}
.labGrownDiamondDetailsContainer .bulk-request button.active .label {
  color: #9264A5;
  color: var(--toggle_btn_active_font_icon_color, #9264A5) !important;
}
.labGrownDiamondDetailsContainer .bulk-request button.active .vi {
  margin-left: -20px;
  color: #9264A5;
  color: var(--toggle_btn_active_font_icon_color, #9264A5) !important;
}
.labGrownDiamondDetailsContainer .diamond-price-info {
  margin-bottom: 25px;
  padding: 10px 20px;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
@media only screen and (max-width: 1000px) {
  .labGrownDiamondDetailsContainer .diamond-price-info {
    margin-top: 20px;
  }
}
.labGrownDiamondDetailsContainer .diamond-price-info .price-info-container div {
  width: 100%;
  text-align: left;
  display: flex;
}
.labGrownDiamondDetailsContainer .diamond-price-info .price-info-container div span.header {
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  font-weight: 400;
  width: 33%;
  font-size: 14px;
}
.labGrownDiamondDetailsContainer .diamond-price-info .price-info-container div .status-header {
  color: var(--main_bg_font_label_color, #9B9B9B);
  font-weight: 400;
  width: 33%;
  font-size: 14px;
}
.labGrownDiamondDetailsContainer .diamond-price-info .price-info-container div span.indicator {
  width: 6px;
  display: contents;
  font-weight: 500;
  font-size: 16px;
}
.labGrownDiamondDetailsContainer .diamond-price-info .price-info-container div span.indicator .diamond-available-wrapper {
  display: inline-block;
  height: 10px;
  width: 10px;
  border-radius: 50%;
}
.labGrownDiamondDetailsContainer .diamond-price-info .price-info-container div span.indicator .diamond-available-wrapper.yes {
  background-color: #7ED321;
}
.labGrownDiamondDetailsContainer .diamond-price-info .price-info-container div span.indicator .diamond-available-wrapper.no {
  background-color: #d0021b;
}
.labGrownDiamondDetailsContainer .diamond-price-info .price-info-container div span.value {
  display: block;
  width: 40%;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-weight: 500;
  font-size: 16px;
  margin-left: 10px;
  text-align: right;
}
.labGrownDiamondDetailsContainer .diamond-price-info .price-info-container div:nth-child(2) {
  width: 100%;
}
.labGrownDiamondDetailsContainer .diamond-price-info .btn-container {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
}
.labGrownDiamondDetailsContainer .diamond-price-info .btn-container .join-chat-btn {
  margin: 15px auto 0;
}
@media (min-width: 1024px) and (max-width: 1200px) {
  .labGrownDiamondDetailsContainer .diamond-price-info {
    margin-left: 0 !important;
  }
  .labGrownDiamondDetailsContainer .diamond-price-info .header {
    font-size: 12px;
  }
  .labGrownDiamondDetailsContainer .diamond-price-info .value {
    font-size: 15px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .labGrownDiamondDetailsContainer .diamond-price-info {
    order: 1;
    margin-bottom: 10px !important;
  }
}
@media screen and (max-width: 767px) {
  .labGrownDiamondDetailsContainer .diamond-price-info .price-info-container div span.value {
    text-align: right;
  }
  .labGrownDiamondDetailsContainer .diamond-price-info .bulk-request {
    margin-top: 15px;
  }
  .labGrownDiamondDetailsContainer .diamond-price-info .header {
    font-size: 14px;
  }
  .labGrownDiamondDetailsContainer .diamond-price-info .value {
    font-size: 18px !important;
  }
}
@media screen and (max-width: 790px) {
  .labGrownDiamondDetailsContainer .diamond-price-info {
    margin-top: 15px;
  }
}
.labGrownDiamondDetailsContainer .hidePricesForGuest {
  align-items: center;
}
.labGrownDiamondDetailsContainer .hidePricesForGuest .diamond-price-info {
  order: 0;
}
.labGrownDiamondDetailsContainer .hidePricesForGuest .bulk-request {
  margin-top: 0 !important;
  margin-bottom: 10px !important;
}
.labGrownDiamondDetailsContainer .hideGuestPricesBGCont.price-container {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  padding: 10px !important;
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}
@media only screen and (max-width: 1023px) {
  .labGrownDiamondDetailsContainer .hideGuestPricesBGCont.price-container {
    margin: 25px 0 25px !important;
  }
}
@media only screen and (max-width: 767px) {
  .labGrownDiamondDetailsContainer .hideGuestPricesBGCont.price-container {
    margin: -10px -10px 25px !important;
  }
}
.labGrownDiamondDetailsContainer .hideGuestPricesBGCont.config-price-container {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  padding: 10px !important;
}
.labGrownDiamondDetailsContainer .details-container {
  display: flex;
  flex-wrap: wrap;
}
.labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay {
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  background-color: var(--light_box, rgba(0, 0, 0, 0.7)) !important;
  height: 100%;
  width: 100%;
  z-index: 99;
}
.labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay.hide {
  display: none;
}
.labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .close-overlay {
  width: auto;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 120px;
  top: 60px;
  z-index: 99;
  text-align: right;
  height: auto;
  font-size: 24px;
  background-position: center;
  background-repeat: no-repeat;
  color: #FFFFFF;
  color: var(--action_btn_static_icon_color, #FFFFFF) !important;
  cursor: pointer;
}
.labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel {
  height: calc(100vh - 260px);
  width: 100%;
  margin: 135px auto 30px;
  padding: 0;
  outline: none !important;
}
@media only screen and (min-width: 1950px) {
  .labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel {
    height: calc(100vh - 340px);
    margin: 170px auto 30px;
  }
}
@media only screen and (max-width: 767px) {
  .labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel {
    height: auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin: 0 0 40px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    position: absolute;
  }
}
.labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel.hide {
  display: none;
}
.labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .carousel-control-next-icon, .labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .carousel-control-prev-icon {
  height: 34px;
  width: 34px;
}
.labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .carousel-control-prev,
.labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .carousel-control-next {
  opacity: 1 !important;
}
.labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .carousel-control-prev {
  width: 15%;
}
.labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .carousel-control-prev .carousel-control-prev-icon {
  background-image: url("../webapp/chevron-left.svg");
}
.labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .carousel-control-next {
  width: 15%;
}
.labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .carousel-control-next .carousel-control-next-icon {
  background-image: url("../webapp/chevron-right.svg");
}
.labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .image-cover {
  height: calc(100vh - 260px);
  width: calc(100vh - 260px);
  display: block;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: #ebebec;
  margin: 0 auto;
}
@media only screen and (min-width: 1950px) {
  .labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .image-cover {
    height: calc(100vh - 340px);
    width: calc(100vh - 340px);
  }
}
@media only screen and (max-width: 767px) {
  .labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .image-cover {
    height: 300px !important;
    width: 300px !important;
  }
}
.labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .image-cover img {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  background-color: var(--image_bg_color, #FFFFFF) !important;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-fit: var(--cover_image_bg_size, cover) !important;
     object-fit: var(--cover_image_bg_size, cover) !important;
}
.labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .video-box {
  height: calc(100vh - 260px);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
@media only screen and (min-width: 1950px) {
  .labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .video-box {
    height: calc(100vh - 340px);
  }
}
@media only screen and (max-width: 767px) {
  .labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .video-box {
    height: auto !important;
    width: 300px !important;
    max-width: 100% !important;
  }
}
.labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .video-box video {
  width: auto;
  height: 100%;
  max-width: 100% !important;
  margin: 0 auto;
  background: #000;
}
@media only screen and (max-width: 767px) {
  .labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .video-box video {
    height: auto !important;
    width: 300px !important;
  }
}
.labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .video-box iframe {
  width: 750px;
  height: 100%;
  max-width: 100% !important;
  margin: 0 auto;
}
@media screen and (min-width: 1650px) {
  .labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .video-box iframe {
    width: 1000px;
  }
}
@media screen and (min-width: 1950px) {
  .labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .video-box iframe {
    width: 1200px;
  }
}
@media screen and (min-width: 2250px) {
  .labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .video-box iframe {
    width: 1500px;
  }
}
@media only screen and (max-width: 767px) {
  .labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .video-box iframe {
    height: 300px !important;
    width: 300px !important;
  }
}
.labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .video-box .external-link {
  width: calc(100vh - 260px);
  height: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: var(--option_btn_on_color, #9665A6) !important;
  background: #fff;
  text-decoration: none;
  font-size: 16px;
}
@media only screen and (min-width: 1950px) {
  .labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .video-box .external-link {
    width: calc(100vh - 340px);
  }
}
.labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .video-box .external-link:hover {
  text-decoration: underline;
}
@media only screen and (max-width: 767px) {
  .labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .video-box .external-link {
    height: 300px !important;
    width: 300px !important;
  }
}
.labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .cert {
  height: calc(100vh - 260px);
  width: 70%;
  margin: 0 auto;
}
@media only screen and (min-width: 1950px) {
  .labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .cert {
    height: calc(100vh - 340px);
  }
}
@media only screen and (max-width: 767px) {
  .labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .cert {
    height: auto !important;
    width: 300px !important;
  }
}
.labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .cert::-webkit-scrollbar {
  display: none;
}
.labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .cert .iframe {
  height: calc(100vh - 260px);
  margin: 0 auto;
}
@media only screen and (min-width: 1950px) {
  .labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .cert .iframe {
    height: calc(100vh - 340px);
  }
}
@media only screen and (max-width: 767px) {
  .labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .cert .iframe {
    height: auto !important;
    width: 300px !important;
  }
}
.labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .cert .image-cert {
  height: 100%;
  width: 70%;
  overflow: auto;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .cert .image-cert {
    height: auto !important;
    width: 100% !important;
  }
}
.labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .cert .image-cert img {
  height: 100%;
  width: auto;
  max-width: 100% !important;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .cert .image-cert img {
    height: auto !important;
    width: 100% !important;
  }
}
.labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .cert .iframe,
.labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .cert .pdf-cert {
  width: 750px;
  height: 100%;
  margin: 0 auto;
  min-height: unset !important;
}
@media screen and (min-width: 1650px) {
  .labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .cert .iframe,
.labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .cert .pdf-cert {
    width: 1000px;
  }
}
@media screen and (min-width: 1950px) {
  .labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .cert .iframe,
.labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .cert .pdf-cert {
    width: 1200px;
  }
}
@media screen and (min-width: 2250px) {
  .labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .cert .iframe,
.labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .cert .pdf-cert {
    width: 1500px;
  }
}
@media only screen and (max-width: 767px) {
  .labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .cert .iframe,
.labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .cert .pdf-cert {
    height: auto !important;
    width: 100% !important;
  }
}
.labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .cert .iframe iframe,
.labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .cert .pdf-cert iframe {
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .cert .iframe iframe,
.labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .cert .pdf-cert iframe {
    height: 500px !important;
    width: 100% !important;
  }
}
.labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .cert .iframe::-webkit-scrollbar,
.labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .cert .pdf-cert::-webkit-scrollbar {
  display: none;
}
.labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .media-slides-container {
  display: flex;
  flex-wrap: wrap;
  width: 900px;
  margin: 0 auto;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .media-slides-container {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
  }
}
.labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .media-slides-container .media-slide {
  height: 87px;
  width: 87px;
  margin-right: 10px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12);
  cursor: pointer;
  border: 1px solid;
  border-color: transparent;
}
.labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .media-slides-container .media-slide .image-container {
  background-size: contain;
  background-repeat: no-repeat;
  width: unset !important;
  height: unset !important;
}
.labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .media-slides-container .media-slide .image-container .image-cover {
  height: 87px;
  width: 85px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
}
.labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .media-slides-container .media-slide .image-container .image-cover img {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  background-color: var(--image_bg_color, #FFFFFF) !important;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-fit: var(--cover_image_bg_size, cover) !important;
     object-fit: var(--cover_image_bg_size, cover) !important;
}
.labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .media-slides-container .media-slide .video-box-no-play {
  position: relative;
  background-color: #FFFFFF;
  background-color: var(--image_bg_color, #FFFFFF) !important;
}
.labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .media-slides-container .media-slide .video-box-no-play .video-cover {
  height: 87px;
  width: 85px;
  margin: 0 auto;
  display: block;
  background-size: 100% 100%;
  background-position: center;
}
.labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .media-slides-container .media-slide .video-box-no-play .no-video {
  height: 80px;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../webapp/svg/diamond_detail/icon_detail_page_video_not_available.svg");
  background-size: 100px;
}
.labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .media-slides-container .media-slide .video-box-no-play .play-video {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -40%);
  color: #fff;
}
.labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .media-slides-container .media-slide .video-box-no-play .play-video .video_play_icon {
  font-size: 45px;
  text-shadow: 0.5px 0.3px 1px #3b3e3b91;
}
.labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .media-slides-container .media-slide .cert-box {
  height: 87px;
  width: 85px;
  background: #fff;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  padding-bottom: 5px;
  margin: 0 auto;
}
.labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .media-slides-container .media-slide .cert-box .vi {
  font-size: 38px;
}
.labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .media-slides-container .media-slide .cert-box .report-label {
  font-size: 14px;
}
.labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .media-slides-container .media-slide.active {
  border: 1px solid;
  border-color: #9665A6;
  border-color: var(--option_btn_on_color, #9665A6) !important;
}
.labGrownDiamondDetailsContainer .details-container > div {
  padding: 0;
}
.labGrownDiamondDetailsContainer .details-container > div .stock-no-container .availablity {
  display: inline-block;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  margin-right: 5px;
}
.labGrownDiamondDetailsContainer .details-container > div .stock-no-container .availablity.yes {
  background-color: #7ED321;
}
.labGrownDiamondDetailsContainer .details-container > div .stock-no-container .availablity.no {
  background-color: #d0021b;
}
.labGrownDiamondDetailsContainer .details-container > div .stock-no-container .stock-no {
  font-size: 20px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.labGrownDiamondDetailsContainer .details-container > div .title-container {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.labGrownDiamondDetailsContainer .details-container > div .price-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px 0;
}
.labGrownDiamondDetailsContainer .details-container > div .price-container.ringSizePriceCont {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  margin: 20px 0 !important;
  width: 100%;
}
.labGrownDiamondDetailsContainer .details-container > div .price-container .label {
  font-size: 14px;
  line-height: 13px;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.labGrownDiamondDetailsContainer .details-container > div .price-container .total-price {
  font-size: 24px;
  font-weight: 700;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.labGrownDiamondDetailsContainer .details-container > div .video-chat-btn-wrapper {
  display: block !important;
}
.labGrownDiamondDetailsContainer .details-container > div .video-chat-btn-wrapper .join-chat-btn {
  display: flex;
  line-height: 18px;
  align-items: center;
  justify-content: center;
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
  font-size: 18px;
  font-weight: 400;
  border-radius: 35px;
  height: 50px;
  width: 320px;
  margin: 20px auto 10px;
  height: 48px;
  width: 274px;
  border: 0;
  outline: none;
  background-color: #4EC123;
  background-color: var(--video_chat_available_bg_color, #4EC123) !important;
  color: #ffffff;
  color: var(--video_chat_available_font_color, #ffffff) !important;
}
.labGrownDiamondDetailsContainer .details-container > div .video-chat-btn-wrapper .join-chat-btn:not(.available) {
  background-color: #BFBFC3;
  background-color: var(--option_btn_disabled_color, #BFBFC3) !important;
  color: #FFFFFF;
  color: var(--option_btn_disabled_font_color, #FFFFFF) !important;
  pointer-events: none;
}
.labGrownDiamondDetailsContainer .details-container > div .video-chat-btn-wrapper .supplier-availability-text {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.labGrownDiamondDetailsContainer .details-container > div .video-chat-btn-wrapper .supplier-availability-text i {
  color: #4EC123;
  color: var(--video_chat_available_icon_color, #4EC123) !important;
  margin-left: 10px;
  font-size: 12px;
}
.labGrownDiamondDetailsContainer .details-container > div .video-chat-btn-wrapper .supplier-availability-text:not(.available) i {
  font-size: 18px;
  color: #BFBFC3;
  color: var(--option_btn_disabled_color, #BFBFC3) !important;
}
.labGrownDiamondDetailsContainer .details-container > div .ringConfigCont {
  display: flex;
  margin-bottom: 15px;
}
.labGrownDiamondDetailsContainer .details-container > div .ringConfigCont .config-label {
  padding-left: 0;
  width: 80px;
  font-size: 14px;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media only screen and (max-width: 767px) {
  .labGrownDiamondDetailsContainer .details-container > div .ringConfigCont .config-label {
    width: 70px;
  }
}
.labGrownDiamondDetailsContainer .details-container > div .ringConfigCont .config-label + * {
  width: calc(100% - 80px);
}
@media only screen and (max-width: 767px) {
  .labGrownDiamondDetailsContainer .details-container > div .ringConfigCont .config-label + * {
    width: calc(100% - 70px);
  }
}
.labGrownDiamondDetailsContainer .details-container > div .ringConfigCont .config-dropdown {
  width: 100%;
}
.labGrownDiamondDetailsContainer .details-container > div .ringConfigCont .config-dropdown .config-dropdown-toggle {
  height: 40px;
  width: 100%;
  background-color: #E5E5E5;
  background-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
  border: 0;
  border-radius: 0;
  padding-top: 5px;
  color: #4F4E57;
  color: var(--drop_menu_static_font_color, #4F4E57) !important;
  box-shadow: unset;
  outline: none;
}
.labGrownDiamondDetailsContainer .details-container > div .ringConfigCont .config-dropdown .config-dropdown-toggle::after {
  display: none;
}
.labGrownDiamondDetailsContainer .details-container > div .ringConfigCont .config-dropdown .config-dropdown-toggle.selected {
  background-color: #804294;
  background-color: var(--drop_menu_active_bg_color, #804294) !important;
  color: #FFFFFF;
  color: var(--drop_menu_active_font_color, #FFFFFF) !important;
}
.labGrownDiamondDetailsContainer .details-container > div .ringConfigCont .config-dropdown .config-dropdown-toggle.selected .vi {
  color: #FFFFFF;
  color: var(--drop_menu_active_icon_color, #FFFFFF) !important;
}
.labGrownDiamondDetailsContainer .details-container > div .ringConfigCont .config-dropdown .config-dropdown-toggle.ringSelectorError {
  border: solid 2px #d0021b !important;
}
.labGrownDiamondDetailsContainer .details-container > div .ringConfigCont .config-dropdown .config-dropdown-toggle .dropdown-value {
  font-size: 13px;
  padding-top: 4px;
  width: 70%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
}
.labGrownDiamondDetailsContainer .details-container > div .ringConfigCont .config-dropdown .config-dropdown-toggle .vi {
  font-size: 25px;
  padding: 0 10px;
  color: #4F4E57;
  color: var(--drop_menu_static_icon_color, #4F4E57) !important;
}
.labGrownDiamondDetailsContainer .details-container > div .ringConfigCont .config-dropdown .config-dropdown-toggle .icon_sort_arrow_down,
.labGrownDiamondDetailsContainer .details-container > div .ringConfigCont .config-dropdown .config-dropdown-toggle .icon_sort_arrow_up {
  padding: 10px;
}
.labGrownDiamondDetailsContainer .details-container > div .ringConfigCont .config-dropdown .config-dropdown-menu {
  width: 100%;
  max-height: 180px;
  overflow: scroll;
  border-radius: 0;
  margin-top: 0;
  padding: 0 !important;
  border: 1px solid;
  border-color: #9665A6;
  border-color: var(--option_btn_on_color, #9665A6) !important;
  background-color: #E5E5E5;
  background-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
  font-size: 13px;
}
.labGrownDiamondDetailsContainer .details-container > div .ringConfigCont .config-dropdown .config-dropdown-menu li {
  margin: 0 1px 0 1px;
  border: 1px solid transparent;
}
.labGrownDiamondDetailsContainer .details-container > div .ringConfigCont .config-dropdown .config-dropdown-menu li a {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.labGrownDiamondDetailsContainer .details-container > div .ringConfigCont .config-dropdown .config-dropdown-menu li a .selected-item {
  width: 85%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.labGrownDiamondDetailsContainer .details-container > div .ringConfigCont .config-dropdown .config-dropdown-menu li a span {
  margin-top: 3px;
}
.labGrownDiamondDetailsContainer .details-container > div .ringConfigCont .config-dropdown .config-dropdown-menu li a.selected {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
}
.labGrownDiamondDetailsContainer .details-container > div .ringConfigCont .config-dropdown.show .config-dropdown-toggle {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.labGrownDiamondDetailsContainer .details-container > div .ringConfigCont .ringSelectorErrorField {
  background-color: #d0021b;
  margin: 10px auto;
  padding: 0;
  font-size: 18px;
  width: 100%;
  color: #ffffff;
  text-align: center;
  height: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 350px) {
  .labGrownDiamondDetailsContainer .details-container > div .ringConfigCont .ringSelectorErrorField {
    font-size: 16px;
  }
}
.labGrownDiamondDetailsContainer .details-container > div .add-to-cart {
  display: flex;
  justify-content: center;
  align-items: center;
}
.labGrownDiamondDetailsContainer .details-container > div .add-to-cart button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 72px;
  width: 265px;
  border-radius: 50px;
  border: 0;
  cursor: pointer;
  outline: none;
  background-color: #652E77;
  background-color: var(--action_btn_active_color, #652E77) !important;
}
.labGrownDiamondDetailsContainer .details-container > div .add-to-cart button .label {
  font-size: 22px;
  font-weight: 400;
  color: #FFFFFF;
  color: var(--action_btn_active_font_color, #FFFFFF) !important;
}
.labGrownDiamondDetailsContainer .details-container > div .add-to-cart button .vi {
  font-size: 40px;
  margin-right: 30px;
  margin-left: -40px;
  color: #FFFFFF;
  color: var(--action_btn_active_icon_color, #FFFFFF) !important;
}
.labGrownDiamondDetailsContainer .details-container > div .add-to-cart button.disabled {
  border: 0;
  background-color: #BFBFC3;
  background-color: var(--option_btn_disabled_color, #BFBFC3) !important;
  color: #FFFFFF;
  color: var(--option_btn_disabled_font_color, #FFFFFF) !important;
}
.labGrownDiamondDetailsContainer .details-container > div .add-to-cart button.disabled .vi {
  margin-left: -20px;
  color: #FFFFFF;
  color: var(--option_btn_disabled_icon_color, #FFFFFF) !important;
}
.labGrownDiamondDetailsContainer .details-container > div .place-request {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 25px;
}
.labGrownDiamondDetailsContainer .details-container > div .place-request button {
  justify-content: center;
  align-items: center;
  height: 72px;
  width: 265px;
  border-radius: 50px;
  border: 0;
  cursor: pointer;
  outline: none;
  background-color: #652E77;
  background-color: var(--action_btn_active_color, #652E77) !important;
}
.labGrownDiamondDetailsContainer .details-container > div .place-request button .label {
  font-size: 15px;
  font-weight: 400;
  color: #FFFFFF;
  color: var(--action_btn_active_font_color, #FFFFFF) !important;
}
.labGrownDiamondDetailsContainer .details-container > div .place-request button .vi {
  font-size: 22px;
  color: #FFFFFF;
  color: var(--action_btn_active_icon_color, #FFFFFF) !important;
}
.labGrownDiamondDetailsContainer .details-container > div .place-request button.disabled {
  border: 0;
  background-color: #BFBFC3;
  background-color: var(--option_btn_disabled_color, #BFBFC3) !important;
  color: #FFFFFF;
  color: var(--option_btn_disabled_font_color, #FFFFFF) !important;
}
.labGrownDiamondDetailsContainer .details-container > div .place-request button.disabled .vi {
  margin-left: -20px;
  color: #FFFFFF;
  color: var(--option_btn_disabled_icon_color, #FFFFFF) !important;
}
.labGrownDiamondDetailsContainer .details-container > div .details {
  margin-top: 15px;
}
@media screen and (min-width: 768px) {
  .labGrownDiamondDetailsContainer .details-container > div .details {
    margin-top: 30px;
  }
}
.labGrownDiamondDetailsContainer .details-container > div .details .heading {
  background-color: #804294;
  background-color: var(--drop_menu_bg_color, #804294) !important;
  color: #FFFFFF;
  color: var(--drop_menu_font_color, #FFFFFF) !important;
  display: flex;
  height: 48px;
  align-items: center;
}
.labGrownDiamondDetailsContainer .details-container > div .details .heading .text {
  font-size: 14px;
}
.labGrownDiamondDetailsContainer .details-container > div .details .heading .vi {
  width: 50px;
  font-size: 20px;
  margin-top: -5px;
  color: #FFFFFF;
  color: var(--drop_menu_icon_color, #FFFFFF) !important;
}
.labGrownDiamondDetailsContainer .details-container > div .details .body {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  padding: 15px;
}
.labGrownDiamondDetailsContainer .details-container > div .details .body .description p {
  font-size: 14px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.labGrownDiamondDetailsContainer .details-container > div .details .body .data {
  display: flex;
  flex-direction: row;
}
.labGrownDiamondDetailsContainer .details-container > div .details .body .data .row {
  width: 100%;
  margin: 0 !important;
}
.labGrownDiamondDetailsContainer .details-container > div .details .body .data .row .col-12.col-sm-6, .labGrownDiamondDetailsContainer .details-container > div .details .body .data .row .col-sm-12 {
  padding: 0 !important;
}
.labGrownDiamondDetailsContainer .details-container > div .details .body .data .fieldCont {
  margin-bottom: 5px;
  display: flex;
}
.labGrownDiamondDetailsContainer .details-container > div .details .body .data .fieldCont .label {
  font-size: 14px;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  width: 40%;
  max-width: 40%;
  word-break: break-word;
  padding-right: 3px;
}
.labGrownDiamondDetailsContainer .details-container > div .details .body .data .fieldCont .value {
  font-size: 14px;
  font-weight: 500;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  width: 60%;
  word-break: break-word;
}
.labGrownDiamondDetailsContainer .details-container > div .details .body .data table {
  width: 50%;
}
@media screen and (max-width: 470px) {
  .labGrownDiamondDetailsContainer .details-container > div .details .body .data table {
    width: 100%;
  }
}
.labGrownDiamondDetailsContainer .details-container > div .details .body .data table th {
  font-size: 14px;
  font-weight: 500;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.labGrownDiamondDetailsContainer .details-container > div .details .body .data table tr {
  margin-bottom: 5px;
  display: flex;
}
.labGrownDiamondDetailsContainer .details-container > div .details .body .data table tr .label {
  font-size: 14px;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  width: 45%;
}
.labGrownDiamondDetailsContainer .details-container > div .details .body .data table tr .value {
  font-size: 14px;
  font-weight: 500;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.labGrownDiamondDetailsContainer .details-container > div .details .body .data table.item-desc {
  width: 85%;
  margin-bottom: 20px;
}
.labGrownDiamondDetailsContainer .details-container > div .details .body .data table.item-desc.w-full {
  width: 100%;
}
.labGrownDiamondDetailsContainer .details-container > div .details .body .data table.item-desc .label {
  width: 35%;
}
.labGrownDiamondDetailsContainer .details-container > div .details .body .data .ha {
  font-size: 14px;
  font-weight: 500;
  padding: 0 15px;
  margin-top: 15px;
  display: flex;
  align-items: center;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.labGrownDiamondDetailsContainer .details-container > div .details .body .data .ha i {
  font-size: 18px;
  margin-right: 5px;
  color: #D8394C;
  color: var(--heart_arrow_icon_color, #D8394C) !important;
}
@media screen and (max-width: 470px) {
  .labGrownDiamondDetailsContainer .details-container > div .details .body .data.stone-details {
    flex-direction: column !important;
  }
}
.labGrownDiamondDetailsContainer .details-container > div .details .comments .heading .vi {
  padding-left: 13px;
}
.labGrownDiamondDetailsContainer .details-container > div .details .supplier .heading .branding_logo {
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.labGrownDiamondDetailsContainer .details-container > div .details .supplier .heading .vi {
  font-size: 22px;
  padding-left: 5px;
  margin-top: unset !important;
}
.labGrownDiamondDetailsContainer .details-container > div .details .supplier .heading .vi::before {
  margin-left: 5px;
}
.labGrownDiamondDetailsContainer .details-container > div .details .supplier .body {
  min-height: 200px;
}
.labGrownDiamondDetailsContainer .details-container > div .details .supplier .body .multiple-location-wrapper {
  padding: 0 0 10px;
}
.labGrownDiamondDetailsContainer .details-container > div .details .supplier .body .multiple-location-wrapper .company-name {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 5px;
  padding-left: 49px;
  position: relative;
}
.labGrownDiamondDetailsContainer .details-container > div .details .supplier .body .multiple-location-wrapper .company-name .icon {
  font-size: 25px;
  position: absolute;
  left: 5%;
  color: #804294;
  color: var(--main_bg_icon_color, #804294) !important;
}
.labGrownDiamondDetailsContainer .details-container > div .details .supplier .body .multiple-location-wrapper .multiple-location {
  width: 100%;
}
.labGrownDiamondDetailsContainer .details-container > div .details .supplier .body .multiple-location-wrapper .multiple-location .multiple-location-toggle {
  height: 48px;
  width: 100%;
  background-color: #E5E5E5;
  background-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
  border: 0;
  border-radius: 0;
  padding-top: 8px;
  color: #4F4E57;
  color: var(--drop_menu_static_font_color, #4F4E57) !important;
  box-shadow: unset;
  outline: none;
}
.labGrownDiamondDetailsContainer .details-container > div .details .supplier .body .multiple-location-wrapper .multiple-location .multiple-location-toggle::after {
  display: none;
}
.labGrownDiamondDetailsContainer .details-container > div .details .supplier .body .multiple-location-wrapper .multiple-location .multiple-location-toggle .company-dropdown-name {
  width: 70%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
}
.labGrownDiamondDetailsContainer .details-container > div .details .supplier .body .multiple-location-wrapper .multiple-location .multiple-location-toggle .vi {
  font-size: 25px;
  padding: 0 10px;
  color: #4F4E57;
  color: var(--drop_menu_static_icon_color, #4F4E57) !important;
}
.labGrownDiamondDetailsContainer .details-container > div .details .supplier .body .multiple-location-wrapper .multiple-location .multiple-location-toggle .icon_sort_arrow_down,
.labGrownDiamondDetailsContainer .details-container > div .details .supplier .body .multiple-location-wrapper .multiple-location .multiple-location-toggle .icon_sort_arrow_up {
  padding: 10px;
}
.labGrownDiamondDetailsContainer .details-container > div .details .supplier .body .multiple-location-wrapper .multiple-location .multiple-location-menu {
  width: 100%;
  border: none;
  height: 180px;
  overflow: scroll;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-top: -1px;
  background-color: #E5E5E5;
  background-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
}
.labGrownDiamondDetailsContainer .details-container > div .details .supplier .body .multiple-location-wrapper .multiple-location .multiple-location-menu li {
  margin: 0 15px 0 40px;
  border: 1px solid transparent;
}
.labGrownDiamondDetailsContainer .details-container > div .details .supplier .body .multiple-location-wrapper .multiple-location .multiple-location-menu li a {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.labGrownDiamondDetailsContainer .details-container > div .details .supplier .body .multiple-location-wrapper .multiple-location .multiple-location-menu li a .selected-location {
  width: 85%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.labGrownDiamondDetailsContainer .details-container > div .details .supplier .body .multiple-location-wrapper .multiple-location .multiple-location-menu li a span {
  margin-top: 3px;
}
.labGrownDiamondDetailsContainer .details-container > div .details .supplier .body .multiple-location-wrapper .multiple-location .multiple-location-menu li a.selected {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
}
.labGrownDiamondDetailsContainer .details-container > div .details .supplier .body .multiple-location-wrapper .multiple-location.show .multiple-location-toggle {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.labGrownDiamondDetailsContainer .details-container > div .details .supplier .body .company-details {
  padding: 0;
  width: 100%;
  margin: 0 auto 0;
}
.labGrownDiamondDetailsContainer .details-container > div .details .supplier .body .company-details .company-contact div {
  display: flex;
  margin-bottom: 5px;
}
.labGrownDiamondDetailsContainer .details-container > div .details .supplier .body .company-details .company-contact div span {
  display: inline-block;
  padding: 0;
  line-height: 24px !important;
}
.labGrownDiamondDetailsContainer .details-container > div .details .supplier .body .company-details .company-contact div span.label {
  min-width: 60px;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  font-weight: 400;
  font-size: 14px;
  text-align: left;
}
.labGrownDiamondDetailsContainer .details-container > div .details .supplier .body .company-details .company-contact div span.value {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-weight: 500;
  font-size: 14px;
  word-break: break-all;
}
.labGrownDiamondDetailsContainer .details-container > div .details .supplier .body .company-details .company-contact div span.value .email-list {
  display: block;
}
.labGrownDiamondDetailsContainer .details-container > div .details .supplier .body .company-details .company-contact .location-address {
  flex-direction: column;
}
.labGrownDiamondDetailsContainer .details-container > div .details .supplier .body .company-details .company-contact .location-address .label {
  width: 60px !important;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container {
  padding-top: 40px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-content: baseline;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .title-container {
  display: none;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .media-bmh {
  width: 75%;
  margin-left: 45px;
  margin-top: 15px;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .media-bmh .go-back {
  font-size: 15px;
  margin-bottom: 20px;
  margin-left: 40px;
  cursor: pointer;
  display: inline-block;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .media-bmh .media-container {
  padding: 20px 40px;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .image-container {
  margin-bottom: 40px;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .image-container .image-cover {
  height: 387px;
  width: 387px;
  display: block;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 auto;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .image-container .image-cover img {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  background-color: var(--image_bg_color, #FFFFFF) !important;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-fit: var(--cover_image_bg_size, cover) !important;
     object-fit: var(--cover_image_bg_size, cover) !important;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .image-container.jewelry-no-image-placeholder {
  background-image: url("../webapp/svg/diamond_detail/icon_detail_page_image_not_available.svg");
  background-size: 280px;
  background-repeat: no-repeat;
  background-position: center;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .video-box-no-play {
  position: relative;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .video-box-no-play .video-cover {
  height: 387px;
  width: 387px;
  margin: 0 auto;
  display: block;
  background-size: 100% 100%;
  background-position: center;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .video-box-no-play .no-video {
  height: 387px;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../webapp/svg/diamond_detail/icon_detail_page_video_not_available.svg");
  background-size: 280px;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .video-box-no-play .play-video {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -40%);
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .video-box-no-play .play-video .video_play_icon {
  font-size: 45px;
  text-shadow: 0.5px 0.3px 1px #3b3e3b91;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .cert {
  height: 387px;
  width: 387px;
  margin: 0 auto;
  pointer-events: none;
  overflow: hidden;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .cert::-webkit-scrollbar {
  display: none;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .cert .image-cert {
  height: 100%;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .cert .image-cert::-webkit-scrollbar {
  display: none;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .cert iframe, .labGrownDiamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .cert .iframe {
  height: 387px;
  min-height: 387px;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .cert iframe::-webkit-scrollbar, .labGrownDiamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .cert .iframe::-webkit-scrollbar {
  display: none;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .cert .pdf-cert::-webkit-scrollbar {
  display: none;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .carousel-container {
  position: relative;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .carousel-container .mark-favorite {
  display: inline-flex;
  position: absolute;
  left: 5%;
  top: 5%;
  z-index: 2;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .carousel-container .mark-favorite .path1 {
  color: #804294;
  color: var(--heart_outline_off_icon_color, #804294) !important;
  font-size: 31px;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .carousel-container .mark-favorite .path2 {
  color: #804294;
  color: var(--heart_outline_off_icon_color, #804294) !important;
  font-size: 31px;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .carousel-container .mark-favorite .path3 {
  color: #FFFFFF;
  color: var(--heart_bg_off_icon_color, #FFFFFF) !important;
  font-size: 31px;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .carousel-container .mark-favorite.favorited .path1 {
  color: #FFFFFF;
  color: var(--heart_outline_on_icon_color, #FFFFFF) !important;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .carousel-container .mark-favorite.favorited .path2 {
  color: #FFFFFF;
  color: var(--heart_outline_on_icon_color, #FFFFFF) !important;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .carousel-container .mark-favorite.favorited .path3 {
  color: #804294;
  color: var(--heart_bg_on_icon_color, #804294) !important;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .carousel-container .carousel-inner {
  height: 400px;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .media-slides-container {
  display: flex;
  flex-wrap: wrap;
  width: 387px;
  margin: 0 auto;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .media-slides-container .media-slide {
  height: 91px;
  width: 23%;
  margin-right: 10px;
  margin-bottom: 10px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12);
  cursor: pointer;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .media-slides-container .media-slide .image-container {
  background-size: contain;
  background-repeat: no-repeat;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .media-slides-container .media-slide .image-container .image-cover {
  height: 89px;
  width: 87px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .media-slides-container .media-slide .image-container .image-cover img {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  background-color: var(--image_bg_color, #FFFFFF) !important;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-fit: var(--cover_image_bg_size, cover) !important;
     object-fit: var(--cover_image_bg_size, cover) !important;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .media-slides-container .media-slide .video-box-no-play .video-cover {
  height: 89px;
  width: 87px;
  display: block;
  background-size: 100% 100%;
  background-position: center;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .media-slides-container .media-slide .video-box-no-play .no-video {
  height: 90px;
  background-size: 100px;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .media-slides-container .media-slide .video-box-no-play .play-video a {
  height: 26px;
  width: 36px;
  background-size: contain;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .media-slides-container .media-slide.active {
  border: 1px solid;
  border-color: #9665A6;
  border-color: var(--option_btn_on_color, #9665A6) !important;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .media-slides-container .media-slide:nth-child(4), .labGrownDiamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .media-slides-container .media-slide:nth-child(8) {
  margin-right: 0;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .media-slides-container .cert-box {
  height: 89px;
  width: 87px;
  background: #fff;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  padding-bottom: 5px;
  margin: 0 auto;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .media-slides-container .cert-box .vi {
  font-size: 38px;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .media-slides-container .cert-box .report-label {
  font-size: 14px;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .carousel-control-next-icon, .labGrownDiamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .carousel-control-prev-icon {
  height: 28px;
  width: 18px;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .carousel-control-prev {
  left: -50px;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .carousel-control-prev .carousel-control-prev-icon {
  background-image: url("../webapp/chevron-left.png");
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .carousel-control-next {
  right: -50px;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .media-bmh .media-container .carousel-control-next .carousel-control-next-icon {
  background-image: url("../webapp/chevron-right.png");
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .media-bmh .media-container.no-bg-color {
  background-color: unset !important;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .media-bmh .jewelry-memo .image-container .image-cover, .labGrownDiamondDetailsContainer .details-container > div.right-container .media-bmh .jewelry-buy .image-container .image-cover, .labGrownDiamondDetailsContainer .details-container > div.right-container .media-bmh .jewelry-hold .image-container .image-cover {
  height: 100px;
  width: 100px;
  display: block;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .media-bmh .jewelry-memo .image-container .image-cover img, .labGrownDiamondDetailsContainer .details-container > div.right-container .media-bmh .jewelry-buy .image-container .image-cover img, .labGrownDiamondDetailsContainer .details-container > div.right-container .media-bmh .jewelry-hold .image-container .image-cover img {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  background-color: var(--image_bg_color, #FFFFFF) !important;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-fit: var(--cover_image_bg_size, cover) !important;
     object-fit: var(--cover_image_bg_size, cover) !important;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .media-bmh .jewelry-memo .image-container.jewelry-no-image-placeholder, .labGrownDiamondDetailsContainer .details-container > div.right-container .media-bmh .jewelry-buy .image-container.jewelry-no-image-placeholder, .labGrownDiamondDetailsContainer .details-container > div.right-container .media-bmh .jewelry-hold .image-container.jewelry-no-image-placeholder {
  background-image: url("../webapp/svg/diamond_detail/icon_detail_page_image_not_available.svg");
  background-size: 100px;
  background-repeat: no-repeat;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .media-bmh .go-to-info {
  float: right;
  margin-right: 20px;
  margin-top: 12px;
  color: #804294;
  color: var(--main_bg_icon_color, #804294) !important;
  cursor: pointer;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .media-bmh.buy-border {
  border: 2px solid;
  border-color: #5cb8a6;
  border-color: var(--bmh_button_buy_static_color, #5cb8a6) !important;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .media-bmh.hold-border {
  border: 2px solid;
  border-color: #e30047;
  border-color: var(--bmh_button_hold_static_color, #e30047) !important;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .media-bmh.memo-border {
  border: 2px solid;
  border-color: #804294;
  border-color: var(--bmh_button_memo_static_color, #804294) !important;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .jewelry-detail {
  margin-top: 15px;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .jewelry-detail .heading {
  background-color: #804294;
  background-color: var(--drop_menu_active_bg_color, #804294) !important;
  color: #FFFFFF;
  color: var(--drop_menu_active_font_color, #FFFFFF) !important;
  display: flex;
  height: 48px;
  align-items: center;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .jewelry-detail .heading .text {
  font-size: 14px;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .jewelry-detail .heading .vi {
  width: 50px;
  font-size: 20px;
  margin-top: -5px;
  color: #FFFFFF;
  color: var(--drop_menu_active_icon_color, #FFFFFF) !important;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .jewelry-detail .body {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  padding: 15px;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .jewelry-detail .body .description p {
  font-size: 14px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .jewelry-detail .body .data {
  display: flex;
  flex-direction: row;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .jewelry-detail .body .data .row {
  width: 100%;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .jewelry-detail .body .data table {
  width: 50%;
}
@media screen and (max-width: 470px) {
  .labGrownDiamondDetailsContainer .details-container > div.right-container .jewelry-detail .body .data table {
    width: 100%;
  }
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .jewelry-detail .body .data table.w-full {
  width: 100%;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .jewelry-detail .body .data table th {
  font-size: 14px;
  font-weight: 500;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .jewelry-detail .body .data table tr {
  margin-bottom: 5px;
  display: flex;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .jewelry-detail .body .data table tr .label {
  font-size: 14px;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  width: 45%;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .jewelry-detail .body .data table tr .value {
  font-size: 14px;
  font-weight: 700;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .jewelry-detail .body .data table.item-desc {
  width: 85%;
  margin-bottom: 10px;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .jewelry-detail .body .data table.item-desc .label {
  width: 35%;
}
@media screen and (max-width: 470px) {
  .labGrownDiamondDetailsContainer .details-container > div.right-container .jewelry-detail .body .data table.item-desc .label {
    width: 40%;
  }
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .bmh-buttons {
  width: 16%;
  margin-top: 15px;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .bmh-buttons .tooltip .tooltip-inner {
  max-width: 240px !important;
  width: 240px !important;
  padding: 10px;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .bmh-buttons ul {
  padding: 0;
  list-style: none;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .bmh-buttons ul li {
  width: 110px;
  height: 80px;
  color: #ffffff;
  border-radius: 0 100px 100px 0;
  margin-bottom: 10px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .bmh-buttons ul li p {
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 0;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .bmh-buttons ul li span.image {
  font-size: 20px;
  margin-top: -5px;
  margin-left: 10px;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .bmh-buttons ul li.memo {
  background-color: #804294;
  background-color: var(--bmh_button_memo_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--bmh_button_memo_static_font_color, #FFFFFF) !important;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .bmh-buttons ul li.memo span.image {
  color: #FFFFFF;
  color: var(--bmh_button_memo_static_icon_color, #FFFFFF) !important;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .bmh-buttons ul li.memo.cannot-accept-memo {
  background-color: rgba(55, 54, 64, 0.22);
  color: #9B9B9B;
  cursor: default;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .bmh-buttons ul li.memo.cannot-accept-memo span.image {
  color: #9B9B9B;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .bmh-buttons ul li.memo.selected {
  margin-left: -10px;
  width: 120px;
  border: 2px solid;
  background-color: #E9E9EB;
  background-color: var(--bmh_button_memo_active_color, #E9E9EB) !important;
  border-color: #804294;
  border-color: var(--bmh_button_memo_active_font_color, #804294) !important;
  color: #804294;
  color: var(--bmh_button_memo_active_font_color, #804294) !important;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .bmh-buttons ul li.memo.selected span.image {
  color: #804294;
  color: var(--bmh_button_memo_active_icon_color, #804294) !important;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .bmh-buttons ul li.buy {
  background-color: #5cb8a6;
  background-color: var(--bmh_button_buy_static_color, #5cb8a6) !important;
  color: #FFFFFF;
  color: var(--bmh_button_buy_static_font_color, #FFFFFF) !important;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .bmh-buttons ul li.buy span.image {
  font-size: 15px;
  color: #FFFFFF;
  color: var(--bmh_button_buy_static_icon_color, #FFFFFF) !important;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .bmh-buttons ul li.buy.selected {
  margin-left: -10px;
  width: 120px;
  border: 2px solid;
  background-color: #E9E9EB;
  background-color: var(--bmh_button_buy_active_color, #E9E9EB) !important;
  border-color: #5cb8a6;
  border-color: var(--bmh_button_buy_active_font_color, #5cb8a6) !important;
  color: #5cb8a6;
  color: var(--bmh_button_buy_active_font_color, #5cb8a6) !important;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .bmh-buttons ul li.buy.selected span.image {
  color: #5cb8a6;
  color: var(--bmh_button_buy_active_icon_color, #5cb8a6) !important;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .bmh-buttons ul li.hold {
  background-color: #e30047;
  background-color: var(--bmh_button_hold_static_color, #e30047) !important;
  color: #FFFFFF;
  color: var(--bmh_button_hold_static_font_color, #FFFFFF) !important;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .bmh-buttons ul li.hold span.image {
  color: #FFFFFF;
  color: var(--bmh_button_hold_static_icon_color, #FFFFFF) !important;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .bmh-buttons ul li.hold.selected {
  margin-left: -10px;
  width: 120px;
  border: 2px solid;
  background-color: #E9E9EB;
  background-color: var(--bmh_button_hold_active_color, #E9E9EB) !important;
  color: #e30047;
  color: var(--bmh_button_hold_active_font_color, #e30047) !important;
}
.labGrownDiamondDetailsContainer .details-container > div.right-container .bmh-buttons ul li.hold.selected span.image {
  color: #e30047;
  color: var(--bmh_button_hold_active_icon_color, #e30047) !important;
}
.labGrownDiamondDetailsContainer .details-container > div.left-container {
  padding-top: 40px;
}
.labGrownDiamondDetailsContainer .details-container.rbr {
  flex-direction: row-reverse;
  justify-content: center;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container .rbr-share-contact {
  margin-bottom: 25px;
  display: flex;
  justify-content: space-between;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container .rbr-share-contact button {
  border-radius: 100px;
  border: 2px solid;
  line-height: 42px;
  height: 47px;
  font-size: 18px;
  font-weight: 700;
  cursor: pointer;
  outline: none;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container .rbr-share-contact .share {
  width: 30%;
  background-color: transparent !important;
  border-color: #804294;
  border-color: var(--action_btn_secondary_color, #804294) !important;
  color: #804294;
  color: var(--action_btn_secondary_font_color, #804294) !important;
  margin-right: 10px;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container .rbr-share-contact .share .vi {
  font-size: 20px;
  margin-right: 10px;
  vertical-align: text-top;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container .rbr-share-contact .contact {
  width: 65%;
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
  border-color: #804294;
  border-color: var(--action_btn_static_color, #804294) !important;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item {
  padding-top: 80px;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .configuration {
  margin-top: 30px;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .configuration .title-text {
  font-size: 20px;
  font-weight: 500;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .configuration .configuration-list .config-item {
  margin-top: 30px;
  display: flex;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .configuration .configuration-list .config-item .config-label {
  padding-left: 10%;
  width: 33%;
  font-size: 14px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  line-height: 4;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .configuration .configuration-list .config-item .config-dropdown {
  width: 50%;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .configuration .configuration-list .config-item .config-dropdown .config-dropdown-toggle {
  height: 40px;
  width: 100%;
  background-color: #E5E5E5;
  background-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
  border: 0;
  border-radius: 0;
  padding-top: 5px;
  color: #4F4E57;
  color: var(--drop_menu_static_font_color, #4F4E57) !important;
  box-shadow: unset;
  outline: none;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .configuration .configuration-list .config-item .config-dropdown .config-dropdown-toggle::after {
  display: none;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .configuration .configuration-list .config-item .config-dropdown .config-dropdown-toggle.selected {
  background-color: #804294;
  background-color: var(--drop_menu_active_bg_color, #804294) !important;
  color: #FFFFFF;
  color: var(--drop_menu_active_font_color, #FFFFFF) !important;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .configuration .configuration-list .config-item .config-dropdown .config-dropdown-toggle.selected .vi {
  color: #FFFFFF;
  color: var(--drop_menu_active_icon_color, #FFFFFF) !important;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .configuration .configuration-list .config-item .config-dropdown .config-dropdown-toggle .dropdown-value {
  font-size: 14px;
  padding-top: 4px;
  width: 70%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .configuration .configuration-list .config-item .config-dropdown .config-dropdown-toggle .vi {
  font-size: 25px;
  padding: 0 10px;
  color: #4F4E57;
  color: var(--drop_menu_static_icon_color, #4F4E57) !important;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .configuration .configuration-list .config-item .config-dropdown .config-dropdown-toggle .icon_sort_arrow_down,
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .configuration .configuration-list .config-item .config-dropdown .config-dropdown-toggle .icon_sort_arrow_up {
  padding: 10px;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .configuration .configuration-list .config-item .config-dropdown .config-dropdown-menu {
  width: 100%;
  max-height: 180px;
  overflow: scroll;
  border-radius: 0;
  margin-top: -8px;
  border: 1px solid;
  border-color: #9665A6;
  border-color: var(--option_btn_on_color, #9665A6) !important;
  background-color: #E5E5E5;
  background-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
  font-size: 14px;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .configuration .configuration-list .config-item .config-dropdown .config-dropdown-menu li {
  margin: 0 1px 0 1px;
  border: 1px solid transparent;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .configuration .configuration-list .config-item .config-dropdown .config-dropdown-menu li a {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .configuration .configuration-list .config-item .config-dropdown .config-dropdown-menu li a .selected-item {
  width: 85%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .configuration .configuration-list .config-item .config-dropdown .config-dropdown-menu li a span {
  margin-top: 3px;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .configuration .configuration-list .config-item .config-dropdown .config-dropdown-menu li a.selected {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .configuration .configuration-list .config-item .config-dropdown.show .config-dropdown-toggle {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .config-price-container {
  margin-top: 30px;
  text-align: center;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .config-price-container .info-label {
  font-size: 14px;
  line-height: 14px;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .config-price-container .price-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px 0;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .config-price-container .price-container .label {
  font-size: 14px;
  line-height: 14px;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .config-price-container .price-container .total-price {
  font-size: 24px;
  font-weight: 700;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .config-price-public {
  margin-top: 30px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .config-price-public .link-label {
  padding: 20px;
  font-size: 20px;
  line-height: 30px;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .config-price-public .link-label a {
  color: blue !important;
  text-decoration: underline;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper {
  margin-top: 30px;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-header {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding-top: 10px;
  background-color: #E5E5E5;
  background-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
  line-height: 38px;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-header .head-icon {
  padding: 5px 15px 0 10px;
  width: 10%;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-header .head-icon .vi {
  font-size: 20px;
  color: #4F4E57;
  color: var(--drop_menu_static_icon_color, #4F4E57) !important;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-header .head-icon svg path {
  fill: #4F4E57;
  fill: var(--drop_menu_static_icon_color, #4F4E57) !important;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-header .head-label {
  color: #4F4E57;
  color: var(--drop_menu_static_font_color, #4F4E57) !important;
  width: 70%;
  text-align: left;
  font-size: 15px;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-header .head-dropdown-icon {
  width: 20%;
  padding: 15px 15px;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-header .head-dropdown-icon .vi {
  color: #4F4E57;
  color: var(--drop_menu_static_icon_color, #4F4E57) !important;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item {
  margin: 5px 10px 0 10px;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div span {
  font-size: 14px;
  font-weight: 500;
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div input {
  width: 100%;
  height: 33px;
  border: 1px solid;
  font-size: 14px;
  padding-left: 15px;
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
  border-color: #BFBFC3;
  border-color: var(--input_field_line_static, #BFBFC3) !important;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div input:focus {
  border-color: #804294;
  border-color: var(--input_field_line_active, #804294) !important;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div input.error {
  border-color: red;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div .field-error {
  background-color: #d0021b;
  line-height: 25px;
  font-size: 18px;
  font-weight: bolder;
  width: 100%;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div .field-error span {
  color: #ffffff !important;
  margin-left: 10px;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div textarea {
  width: 100%;
  height: 66px;
  border: 1px solid;
  font-size: 14px;
  padding-left: 15px;
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
  border-color: #BFBFC3;
  border-color: var(--input_field_line_static, #BFBFC3) !important;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div textarea:focus {
  border-color: #804294;
  border-color: var(--input_field_line_active, #804294) !important;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div .font-dropdown-wrapper {
  margin-bottom: 20px;
  width: 100%;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div .font-dropdown-wrapper .font-dropdown {
  width: 50%;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div .font-dropdown-wrapper .font-dropdown .font-dropdown-toggle {
  height: 40px;
  width: 100%;
  background-color: var(--input_field_static_bg_color, ) !important;
  border: 1px solid;
  border-color: "#BFBFC3";
  border-color: var(--input_field_static_line_color, "#BFBFC3") !important;
  border-radius: 0;
  padding-top: 5px;
  color: #4F4E57;
  color: var(--drop_menu_static_font_color, #4F4E57) !important;
  box-shadow: unset;
  outline: none;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div .font-dropdown-wrapper .font-dropdown .font-dropdown-toggle::after {
  display: none;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div .font-dropdown-wrapper .font-dropdown .font-dropdown-toggle .dropdown-value {
  font-size: 14px;
  padding-top: 4px;
  width: 70%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div .font-dropdown-wrapper .font-dropdown .font-dropdown-toggle .vi {
  font-size: 25px;
  padding: 0 10px;
  color: #4F4E57;
  color: var(--drop_menu_static_icon_color, #4F4E57) !important;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div .font-dropdown-wrapper .font-dropdown .font-dropdown-toggle .icon_sort_arrow_down,
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div .font-dropdown-wrapper .font-dropdown .font-dropdown-toggle .icon_sort_arrow_up {
  padding: 10px;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div .font-dropdown-wrapper .font-dropdown .font-dropdown-menu {
  width: 100%;
  max-height: 180px;
  overflow: scroll;
  border-radius: 0;
  margin-top: 0px;
  border: 1px solid;
  border-color: #9665A6;
  border-color: var(--option_btn_on_color, #9665A6) !important;
  background-color: #E5E5E5;
  background-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
  font-size: 14px;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div .font-dropdown-wrapper .font-dropdown .font-dropdown-menu li {
  margin: 0 1px 0 1px;
  border: 1px solid transparent;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div .font-dropdown-wrapper .font-dropdown .font-dropdown-menu li a {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div .font-dropdown-wrapper .font-dropdown .font-dropdown-menu li a .selected-item {
  width: 85%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div .font-dropdown-wrapper .font-dropdown .font-dropdown-menu li a span {
  margin-top: 3px;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div .font-dropdown-wrapper .font-dropdown .font-dropdown-menu li a.selected {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div .font-dropdown-wrapper .font-dropdown .font-dropdown-menu li a.selected span {
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div .font-dropdown-wrapper .font-dropdown.show .font-dropdown-toggle {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item .caption-right {
  text-align: right;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item .caption-right span {
  font-size: 14px;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper.open .personalisation-container, .labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper.active .personalisation-container {
  border: 1px solid;
  border-color: #804294;
  border-color: var(--drop_menu_active_bg_color, #804294) !important;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper.open .personalisation-header, .labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper.active .personalisation-header {
  background-color: #804294;
  background-color: var(--drop_menu_active_bg_color, #804294) !important;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper.open .personalisation-header .head-icon .vi, .labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper.active .personalisation-header .head-icon .vi {
  color: #FFFFFF;
  color: var(--drop_menu_active_icon_color, #FFFFFF) !important;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper.open .personalisation-header .head-icon svg path, .labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper.active .personalisation-header .head-icon svg path {
  fill: #FFFFFF;
  fill: var(--drop_menu_active_icon_color, #FFFFFF) !important;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper.open .personalisation-header .head-label, .labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper.active .personalisation-header .head-label {
  color: #FFFFFF;
  color: var(--drop_menu_active_font_color, #FFFFFF) !important;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper.open .personalisation-header .head-dropdown-icon .vi, .labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .personalisation-wrapper.active .personalisation-header .head-dropdown-icon .vi {
  color: #FFFFFF;
  color: var(--drop_menu_active_icon_color, #FFFFFF) !important;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .config-share-cart {
  display: flex;
  margin-top: 30px;
  justify-content: center;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .config-share-cart .share-box {
  margin-bottom: 25px;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .config-share-cart .share-box button {
  border-radius: 100px;
  border: 2px solid;
  line-height: 42px;
  height: 55px;
  font-size: 18px;
  font-weight: 700;
  cursor: pointer;
  outline: none;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .config-share-cart .share-box .share {
  width: 150px;
  border-color: #652E77;
  border-color: var(--action_btn_active_color, #652E77) !important;
  color: #652E77;
  color: var(--action_btn_active_color, #652E77) !important;
  margin-right: 10px;
  background-color: transparent;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .config-share-cart .share-box .share .vi {
  font-size: 22px;
  margin-right: 15px;
  vertical-align: text-top;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .config-share-cart .cart-box {
  display: flex;
  justify-content: center;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .config-share-cart .cart-box button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 55px;
  width: 260px;
  border-radius: 50px;
  border: 0;
  cursor: pointer;
  outline: none;
  background-color: #652E77;
  background-color: var(--action_btn_active_color, #652E77) !important;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .config-share-cart .cart-box button .label {
  font-size: 18px;
  font-weight: 700;
  color: #FFFFFF;
  color: var(--action_btn_active_font_color, #FFFFFF) !important;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .config-share-cart .cart-box button .vi {
  font-size: 30px;
  margin-right: 15px;
  margin-left: -20px;
  color: #FFFFFF;
  color: var(--action_btn_active_icon_color, #FFFFFF) !important;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .config-share-cart .cart-box button.disabled {
  border: 0;
  background-color: #BFBFC3;
  background-color: var(--option_btn_disabled_color, #BFBFC3) !important;
  color: #FFFFFF;
  color: var(--option_btn_disabled_font_color, #FFFFFF) !important;
}
.labGrownDiamondDetailsContainer .details-container.rbr .left-container.custom-item .config-share-cart .cart-box button.disabled .vi {
  margin-left: -20px;
  color: #FFFFFF;
  color: var(--option_btn_disabled_icon_color, #FFFFFF) !important;
}
.labGrownDiamondDetailsContainer .details-container.rbr .right-container {
  justify-content: flex-start;
}
.labGrownDiamondDetailsContainer .details-container.rbr .right-container .media-bmh {
  width: 90%;
  margin-left: 0;
}
.labGrownDiamondDetailsContainer .details-container.rbr .right-container .go-back {
  cursor: pointer;
  margin-left: 15px;
}
.labGrownDiamondDetailsContainer .share-modal {
  margin: 150px auto;
}
.labGrownDiamondDetailsContainer .share-modal .jewelry-share {
  border-radius: 0.3em;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
.labGrownDiamondDetailsContainer .share-modal .jewelry-share .jewelry-share-header {
  width: 284px;
  text-align: center;
  margin: 20px auto 30px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.labGrownDiamondDetailsContainer .share-modal .jewelry-share .jewelry-share-header span {
  font-size: 24px;
  font-weight: 700;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  display: block;
}
.labGrownDiamondDetailsContainer .share-modal .jewelry-share .jewelry-share-header span.icon {
  font-size: 22px;
  display: block;
  margin: 0 auto 10px;
}
.labGrownDiamondDetailsContainer .share-modal .jewelry-share .jewelry-share-header .close-modal {
  position: absolute;
  right: 20px;
  top: 20px;
}
.labGrownDiamondDetailsContainer .share-modal .jewelry-share .jewelry-share-header .close-modal .vi {
  font-size: 18px;
}
.labGrownDiamondDetailsContainer .share-modal .jewelry-share .email {
  width: 360px;
  margin: 0 auto;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.labGrownDiamondDetailsContainer .share-modal .jewelry-share .email p {
  font-size: 14px;
  margin-top: 5px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.labGrownDiamondDetailsContainer .share-modal .jewelry-share .email input[type=email] {
  height: 50px;
  width: 100%;
  border: 2px solid;
  border-color: #BFBFC3;
  border-color: var(--input_field_line_static, #BFBFC3) !important;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_static, #FFFFFF) !important;
  padding: 0 10px;
}
.labGrownDiamondDetailsContainer .share-modal .jewelry-share .email input[type=email]::-webkit-input-placeholder {
  text-align: center;
  font-size: 14px;
}
.labGrownDiamondDetailsContainer .share-modal .jewelry-share .email input[type=email]:-moz-placeholder {
  /* Firefox 18- */
  text-align: center;
  font-size: 14px;
}
.labGrownDiamondDetailsContainer .share-modal .jewelry-share .email input[type=email]::-moz-placeholder {
  /* Firefox 19+ */
  text-align: center;
  font-size: 14px;
}
.labGrownDiamondDetailsContainer .share-modal .jewelry-share .email input[type=email]:-ms-input-placeholder {
  text-align: center;
  font-size: 14px;
}
.labGrownDiamondDetailsContainer .share-modal .jewelry-share .email input[type=email]:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px white inset;
  -webkit-text-fill-color: #706F76;
  -webkit-text-fill-color: var(--input_field_font_static, #706F76) !important;
}
.labGrownDiamondDetailsContainer .share-modal .jewelry-share .email .field-error {
  background-color: #d0021b;
  line-height: 50px;
  margin: 10px auto;
  font-size: 18px;
  font-weight: bolder;
  width: 100%;
  color: #ffffff;
  text-align: center;
}
.labGrownDiamondDetailsContainer .share-modal .jewelry-share .comments {
  margin-top: 30px;
}
.labGrownDiamondDetailsContainer .share-modal .jewelry-share .comments .header {
  font-size: 14px;
  text-transform: capitalize;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  display: block;
  font-weight: 400;
  margin-bottom: 10px;
  text-align: center;
}
.labGrownDiamondDetailsContainer .share-modal .jewelry-share .comments textarea {
  width: 360px;
  height: 155px;
  padding: 10px;
  margin: 0 auto;
  border-color: #BFBFC3;
  border-color: var(--input_field_line_static, #BFBFC3) !important;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_static, #FFFFFF) !important;
  font-weight: 400;
  display: block;
}
.labGrownDiamondDetailsContainer .share-modal .jewelry-share .comments textarea::-webkit-input-placeholder {
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
  font-size: 14px;
}
.labGrownDiamondDetailsContainer .share-modal .jewelry-share .comments textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
  font-size: 14px;
}
.labGrownDiamondDetailsContainer .share-modal .jewelry-share .comments textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
  font-size: 14px;
}
.labGrownDiamondDetailsContainer .share-modal .jewelry-share .comments textarea:-ms-input-placeholder {
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
  font-size: 14px;
}
.labGrownDiamondDetailsContainer .share-modal .jewelry-share .submit {
  padding-top: 30px;
  padding-bottom: 30px;
}
.labGrownDiamondDetailsContainer .share-modal .jewelry-share .submit button {
  height: 55px;
  width: 190px;
  border-radius: 100px;
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
  display: block;
  margin: 0 auto;
  outline: 0 !important;
}
.labGrownDiamondDetailsContainer .contact-modal {
  margin: 150px auto;
}
.labGrownDiamondDetailsContainer .contact-modal .jewelry-contact-us {
  border-radius: 0.3em;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
.labGrownDiamondDetailsContainer .contact-modal .jewelry-contact-us .jewelry-contact-header {
  width: 340px;
  text-align: center;
  margin: 20px auto 30px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.labGrownDiamondDetailsContainer .contact-modal .jewelry-contact-us .jewelry-contact-header span {
  font-size: 30px;
  font-weight: 500;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  display: block;
}
.labGrownDiamondDetailsContainer .contact-modal .jewelry-contact-us .jewelry-contact-header .close-modal {
  position: absolute;
  right: 20px;
  top: 20px;
}
.labGrownDiamondDetailsContainer .contact-modal .jewelry-contact-us .jewelry-contact-header .close-modal .vi {
  font-size: 18px;
}
.labGrownDiamondDetailsContainer .contact-modal .jewelry-contact-us .contact-us-text {
  width: 300px;
  text-align: center;
  margin: 15px auto;
  font-size: 14px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.labGrownDiamondDetailsContainer .contact-modal .jewelry-contact-us .comments {
  margin-top: 30px;
}
.labGrownDiamondDetailsContainer .contact-modal .jewelry-contact-us .comments .header {
  font-size: 14px;
  text-transform: capitalize;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  display: block;
  font-weight: 400;
  margin-bottom: 10px;
  text-align: center;
}
.labGrownDiamondDetailsContainer .contact-modal .jewelry-contact-us .comments textarea {
  width: 360px;
  height: 155px;
  padding: 10px;
  margin: 0 auto;
  border-color: #BFBFC3;
  border-color: var(--input_field_line_static, #BFBFC3) !important;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_static, #FFFFFF) !important;
  font-weight: 400;
  display: block;
}
.labGrownDiamondDetailsContainer .contact-modal .jewelry-contact-us .comments textarea::-webkit-input-placeholder {
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
  font-size: 14px;
}
.labGrownDiamondDetailsContainer .contact-modal .jewelry-contact-us .comments textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
  font-size: 14px;
}
.labGrownDiamondDetailsContainer .contact-modal .jewelry-contact-us .comments textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
  font-size: 14px;
}
.labGrownDiamondDetailsContainer .contact-modal .jewelry-contact-us .comments textarea:-ms-input-placeholder {
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
  font-size: 14px;
}
.labGrownDiamondDetailsContainer .contact-modal .jewelry-contact-us .submit {
  padding-top: 30px;
  padding-bottom: 30px;
}
.labGrownDiamondDetailsContainer .contact-modal .jewelry-contact-us .submit button {
  height: 55px;
  width: 190px;
  border-radius: 100px;
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
  display: block;
  margin: 0 auto;
  outline: 0 !important;
}
.labGrownDiamondDetailsContainer .cert .iframe {
  min-height: 100vh;
  overflow: scroll;
}
.labGrownDiamondDetailsContainer .cert .unsecuredUrl {
  text-align: center;
  margin: 50% auto;
  cursor: pointer;
}
.labGrownDiamondDetailsContainer .cert .unsecuredUrlPopup {
  text-align: center;
  height: 60vh;
  line-height: 60vh;
  cursor: pointer;
}
.labGrownDiamondDetailsContainer .cert iframe {
  background-image: url("../webapp/common/cert_one_moment.gif");
  background-repeat: no-repeat;
  background-position: top center;
  background-color: #ffffff;
  height: 100vh;
}
.labGrownDiamondDetailsContainer .cert .image-cert {
  background-repeat: no-repeat;
  background-position: top center;
  background-color: #ffffff;
}
.labGrownDiamondDetailsContainer .cert .image-cert img {
  width: 100%;
}
@media (min-width: 1001px) and (max-width: 1199px) {
  .labGrownDiamondDetailsContainer .left-container {
    padding-left: 10px !important;
  }
  .labGrownDiamondDetailsContainer .right-container .media-bmh {
    margin-left: 0 !important;
  }
  .labGrownDiamondDetailsContainer .right-container .media-bmh .media-container .image-cover, .labGrownDiamondDetailsContainer .right-container .media-bmh .media-container .video-box-no-play .video-cover {
    width: 100% !important;
    height: unset !important;
    position: relative;
    padding-bottom: 100%;
  }
  .labGrownDiamondDetailsContainer .right-container .media-bmh .media-container .image-cover img, .labGrownDiamondDetailsContainer .right-container .media-bmh .media-container .video-box-no-play .video-cover img {
    position: absolute;
    top: 0;
    left: 0;
  }
  .labGrownDiamondDetailsContainer .right-container .media-bmh .media-slides-container {
    width: 100% !important;
  }
  .labGrownDiamondDetailsContainer .right-container .media-bmh .media-slides-container .media-slide {
    width: 22% !important;
    margin: 0 10px 10px 0 !important;
    height: auto !important;
  }
  .labGrownDiamondDetailsContainer .right-container .media-bmh .media-slides-container .media-slide .image-container {
    margin-bottom: 0 !important;
  }
  .labGrownDiamondDetailsContainer .right-container .bmh-buttons {
    width: 22% !important;
  }
}
@media screen and (max-width: 1000px) {
  .labGrownDiamondDetailsContainer .details-container {
    justify-content: center;
    flex-direction: column !important;
    align-items: center;
    flex-wrap: nowrap !important;
  }
  .labGrownDiamondDetailsContainer .details-container .left-container {
    order: 3;
    max-width: unset !important;
    width: 600px;
    padding-top: unset !important;
  }
  .labGrownDiamondDetailsContainer .details-container .left-container .title-container {
    display: none;
  }
  .labGrownDiamondDetailsContainer .details-container .right-container {
    order: 2;
    max-width: 600px !important;
    justify-content: center !important;
  }
  .labGrownDiamondDetailsContainer .details-container .right-container .title-container {
    display: block !important;
    width: 550px;
    margin-bottom: 10px;
    margin-left: 0px !important;
  }
  .labGrownDiamondDetailsContainer .details-container .right-container .title-container .page-title {
    margin: 0 !important;
  }
  .labGrownDiamondDetailsContainer .details-container .right-container .media-bmh {
    margin-left: 0 !important;
    width: 78% !important;
  }
  .labGrownDiamondDetailsContainer .details-container .right-container .media-bmh .media-container {
    width: 100%;
    margin: 0 auto;
  }
  .labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel, .labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .media-slides-container {
    width: 100%;
  }
  .labGrownDiamondDetailsContainer .configuration .title-text {
    margin-left: 20px;
  }
}
@media (min-width: 600px) and (max-width: 1000px) {
  .labGrownDiamondDetailsContainer .right-container .media-bmh .media-container .carousel-container .mark-favorite {
    left: 10% !important;
  }
  .labGrownDiamondDetailsContainer .price-container, .labGrownDiamondDetailsContainer .personalisation-wrapper .personalisation-wrapper, .labGrownDiamondDetailsContainer .config-share-cart {
    margin-left: 10% !important;
    margin-right: 15% !important;
  }
}
@media screen and (max-width: 600px) {
  .labGrownDiamondDetailsContainer .details-container {
    padding: 0 10px;
  }
  .labGrownDiamondDetailsContainer .details-container .left-container {
    width: 100% !important;
  }
  .labGrownDiamondDetailsContainer .details-container .right-container .title-container {
    margin-bottom: 0 !important;
  }
  .labGrownDiamondDetailsContainer .details-container .right-container .media-bmh {
    width: unset !important;
    order: 2;
  }
}
@media screen and (max-width: 600px) and (max-width: 470px) {
  .labGrownDiamondDetailsContainer .details-container .right-container .media-bmh {
    width: 100% !important;
  }
  .labGrownDiamondDetailsContainer .details-container .right-container .media-bmh .carousel-inner {
    height: auto !important;
  }
  .labGrownDiamondDetailsContainer .details-container .right-container .media-bmh .carousel-inner .image-container .image-cover {
    width: 100% !important;
    height: unset !important;
    position: relative;
    padding-bottom: 100%;
  }
  .labGrownDiamondDetailsContainer .details-container .right-container .media-bmh .carousel-inner .image-container .image-cover img {
    position: absolute;
    top: 0;
    left: 0;
  }
  .labGrownDiamondDetailsContainer .details-container .right-container .media-bmh .carousel-inner .video-box-no-play {
    margin-bottom: 40px;
  }
  .labGrownDiamondDetailsContainer .details-container .right-container .media-bmh .carousel-inner .cert {
    width: 100% !important;
    height: unset !important;
  }
  .labGrownDiamondDetailsContainer .details-container .right-container .media-bmh .carousel-inner .cert .image-cert {
    height: 260px !important;
    margin-bottom: 40px;
  }
  .labGrownDiamondDetailsContainer .details-container .right-container .media-bmh .carousel-inner .cert .iframe {
    min-height: 300px !important;
    height: 300px !important;
  }
  .labGrownDiamondDetailsContainer .details-container .right-container .media-bmh .media-slides-container {
    width: 280px !important;
  }
  .labGrownDiamondDetailsContainer .details-container .right-container .media-bmh .media-slides-container .media-slide {
    height: 60px !important;
    width: 60px !important;
  }
  .labGrownDiamondDetailsContainer .details-container .right-container .media-bmh .media-slides-container .media-slide .image-cover, .labGrownDiamondDetailsContainer .details-container .right-container .media-bmh .media-slides-container .media-slide .video-cover {
    height: 57.8px !important;
    width: 57.8px !important;
  }
  .labGrownDiamondDetailsContainer .details-container .right-container .media-bmh .media-slides-container .media-slide .play-video a {
    height: 20px !important;
    width: 30px !important;
  }
  .labGrownDiamondDetailsContainer .details-container .right-container .media-bmh .media-slides-container .media-slide .cert-box {
    height: 57.8px !important;
    width: 57.8px !important;
    padding-bottom: 0px !important;
  }
  .labGrownDiamondDetailsContainer .details-container .right-container .media-bmh .media-slides-container .media-slide .cert-box .vi {
    font-size: 22px !important;
  }
  .labGrownDiamondDetailsContainer .details-container .right-container .media-bmh .carousel-control-prev {
    left: -40px !important;
  }
  .labGrownDiamondDetailsContainer .details-container .right-container .media-bmh .carousel-control-next {
    right: -40px !important;
  }
}
@media screen and (max-width: 600px) {
  .labGrownDiamondDetailsContainer .details-container .right-container .media-bmh .media-container {
    padding: 10px;
  }
}
@media screen and (max-width: 600px) {
  .labGrownDiamondDetailsContainer .details-container .right-container .media-bmh .jewelry-buy .image-container, .labGrownDiamondDetailsContainer .details-container .right-container .media-bmh .jewelry-hold .image-container, .labGrownDiamondDetailsContainer .details-container .right-container .media-bmh .jewelry-memo .image-container {
    display: none;
  }
  .labGrownDiamondDetailsContainer .details-container .right-container .media-bmh .jewelry-buy .go-to-info, .labGrownDiamondDetailsContainer .details-container .right-container .media-bmh .jewelry-hold .go-to-info, .labGrownDiamondDetailsContainer .details-container .right-container .media-bmh .jewelry-memo .go-to-info {
    float: right;
    margin-right: 20px;
    margin-top: 12px;
    color: #804294;
    color: var(--main_bg_icon_color, #804294) !important;
    cursor: pointer;
  }
  .labGrownDiamondDetailsContainer .details-container .right-container .media-bmh .jewelry-buy .header, .labGrownDiamondDetailsContainer .details-container .right-container .media-bmh .jewelry-hold .header, .labGrownDiamondDetailsContainer .details-container .right-container .media-bmh .jewelry-memo .header {
    margin-left: unset !important;
  }
  .labGrownDiamondDetailsContainer .details-container .right-container .media-bmh .jewelry-buy .right-memo-header, .labGrownDiamondDetailsContainer .details-container .right-container .media-bmh .jewelry-buy .right-buy-header, .labGrownDiamondDetailsContainer .details-container .right-container .media-bmh .jewelry-buy .right-hold-header, .labGrownDiamondDetailsContainer .details-container .right-container .media-bmh .jewelry-hold .right-memo-header, .labGrownDiamondDetailsContainer .details-container .right-container .media-bmh .jewelry-hold .right-buy-header, .labGrownDiamondDetailsContainer .details-container .right-container .media-bmh .jewelry-hold .right-hold-header, .labGrownDiamondDetailsContainer .details-container .right-container .media-bmh .jewelry-memo .right-memo-header, .labGrownDiamondDetailsContainer .details-container .right-container .media-bmh .jewelry-memo .right-buy-header, .labGrownDiamondDetailsContainer .details-container .right-container .media-bmh .jewelry-memo .right-hold-header {
    justify-content: center !important;
  }
  .labGrownDiamondDetailsContainer .details-container .right-container .media-bmh .jewelry-buy .memo-comments, .labGrownDiamondDetailsContainer .details-container .right-container .media-bmh .jewelry-hold .memo-comments, .labGrownDiamondDetailsContainer .details-container .right-container .media-bmh .jewelry-memo .memo-comments {
    padding: 20px;
  }
  .labGrownDiamondDetailsContainer .details-container .right-container .media-bmh .jewelry-buy .payment-section, .labGrownDiamondDetailsContainer .details-container .right-container .media-bmh .jewelry-hold .payment-section, .labGrownDiamondDetailsContainer .details-container .right-container .media-bmh .jewelry-memo .payment-section {
    padding: 0;
  }
  .labGrownDiamondDetailsContainer .details-container .right-container .media-bmh .jewelry-buy .select-hours .hours-solid-bg, .labGrownDiamondDetailsContainer .details-container .right-container .media-bmh .jewelry-hold .select-hours .hours-solid-bg, .labGrownDiamondDetailsContainer .details-container .right-container .media-bmh .jewelry-memo .select-hours .hours-solid-bg {
    left: 4%;
    width: 90%;
  }
}
@media screen and (max-width: 600px) {
  .labGrownDiamondDetailsContainer .details-container .right-container .bmh-buttons {
    width: 100% !important;
    order: 1;
    margin: 15px 0;
  }
  .labGrownDiamondDetailsContainer .details-container .right-container .bmh-buttons ul {
    display: flex;
    margin: 0;
    justify-content: space-around;
  }
  .labGrownDiamondDetailsContainer .details-container .right-container .bmh-buttons ul li {
    width: 80px !important;
    border-radius: 50% !important;
    flex-direction: column-reverse !important;
  }
  .labGrownDiamondDetailsContainer .details-container .right-container .bmh-buttons ul li .image {
    margin-left: 0 !important;
    margin-top: 0 !important;
  }
}
@media screen and (max-width: 600px) {
  .labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .close-overlay {
    width: auto;
    top: 20px;
    right: 40px;
  }
  .labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel {
    width: 100%;
    height: auto;
    padding: 20px 35px;
    outline: none;
  }
  .labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .carousel-inner {
    height: auto !important;
  }
  .labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .carousel-inner .image-container .image-cover {
    height: unset !important;
    width: 100% !important;
    max-width: 475px !important;
    max-height: 475px !important;
    padding-bottom: 100%;
    position: relative;
  }
  .labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .carousel-inner .image-container .image-cover img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .carousel-inner .cert {
    width: 100% !important;
    height: unset !important;
  }
  .labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .carousel-control-prev {
    width: 15%;
    left: -12px !important;
  }
  .labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .carousel .carousel-control-next {
    width: 15%;
    right: -12px !important;
  }
  .labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .media-slides-container {
    width: 100% !important;
  }
  .labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .media-slides-container .media-slide {
    height: 60px !important;
    width: 60px !important;
  }
  .labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .media-slides-container .media-slide .image-cover, .labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .media-slides-container .media-slide .video-cover {
    height: 57.8px !important;
    width: 57.8px !important;
  }
  .labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .media-slides-container .media-slide .play-video a {
    height: 20px !important;
    width: 30px !important;
  }
  .labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .media-slides-container .media-slide .cert-box {
    height: 57.8px !important;
    width: 57.8px !important;
    padding-bottom: 0px !important;
  }
  .labGrownDiamondDetailsContainer .details-container .full-screen-diamond-overlay .media-slides-container .media-slide .cert-box .vi {
    font-size: 22px !important;
  }
}
@media (min-width: 380px) and (max-width: 470px) {
  .labGrownDiamondDetailsContainer .details-container .right-container .media-bmh .media-container {
    padding: 20px 25px !important;
  }
  .labGrownDiamondDetailsContainer .details-container .right-container .media-bmh .media-container .video-cover {
    height: 314px !important;
    width: 314px !important;
  }
}
@media screen and (max-width: 380px) {
  .labGrownDiamondDetailsContainer .details-container .left-container .rbr-share-contact button {
    font-size: 14px !important;
  }
  .labGrownDiamondDetailsContainer .details-container .left-container .multiple-location-wrapper .multiple-location .multiple-location-toggle .company-dropdown-name {
    width: 60% !important;
  }
  .labGrownDiamondDetailsContainer .details-container .right-container .media-bmh .media-container {
    padding: 20px 25px !important;
  }
  .labGrownDiamondDetailsContainer .details-container .right-container .media-bmh .media-container .media-slides-container {
    width: 260px !important;
  }
  .labGrownDiamondDetailsContainer .details-container .right-container .media-bmh .media-container .media-slides-container .media-slide {
    margin-right: 5px !important;
  }
  .labGrownDiamondDetailsContainer .details-container .right-container .media-bmh .media-container .video-cover {
    height: 250px !important;
    width: 250px !important;
  }
  .labGrownDiamondDetailsContainer .details-container .right-container .media-bmh .media-container .carousel-control-prev {
    left: -35px !important;
  }
  .labGrownDiamondDetailsContainer .details-container .right-container .media-bmh .media-container .carousel-control-next {
    right: -35px !important;
  }
}
@media screen and (max-width: 480px) {
  .labGrownDiamondDetailsContainer .contact-modal, .labGrownDiamondDetailsContainer .share-modal {
    margin: 150px 5px !important;
  }
  .labGrownDiamondDetailsContainer .contact-modal .jewelry-contact-us, .labGrownDiamondDetailsContainer .contact-modal .jewelry-share, .labGrownDiamondDetailsContainer .share-modal .jewelry-contact-us, .labGrownDiamondDetailsContainer .share-modal .jewelry-share {
    padding: 20px;
  }
  .labGrownDiamondDetailsContainer .contact-modal .jewelry-contact-us .jewelry-contact-header span, .labGrownDiamondDetailsContainer .contact-modal .jewelry-share .jewelry-contact-header span, .labGrownDiamondDetailsContainer .share-modal .jewelry-contact-us .jewelry-contact-header span, .labGrownDiamondDetailsContainer .share-modal .jewelry-share .jewelry-contact-header span {
    font-size: 20px;
  }
  .labGrownDiamondDetailsContainer .contact-modal .jewelry-contact-us .jewelry-share-header span, .labGrownDiamondDetailsContainer .contact-modal .jewelry-share .jewelry-share-header span, .labGrownDiamondDetailsContainer .share-modal .jewelry-contact-us .jewelry-share-header span, .labGrownDiamondDetailsContainer .share-modal .jewelry-share .jewelry-share-header span {
    font-size: 20px;
  }
  .labGrownDiamondDetailsContainer .contact-modal .jewelry-contact-us .jewelry-share-header, .labGrownDiamondDetailsContainer .contact-modal .jewelry-contact-us .jewelry-contact-header, .labGrownDiamondDetailsContainer .contact-modal .jewelry-contact-us .contact-us-text, .labGrownDiamondDetailsContainer .contact-modal .jewelry-contact-us .email, .labGrownDiamondDetailsContainer .contact-modal .jewelry-contact-us textarea, .labGrownDiamondDetailsContainer .contact-modal .jewelry-share .jewelry-share-header, .labGrownDiamondDetailsContainer .contact-modal .jewelry-share .jewelry-contact-header, .labGrownDiamondDetailsContainer .contact-modal .jewelry-share .contact-us-text, .labGrownDiamondDetailsContainer .contact-modal .jewelry-share .email, .labGrownDiamondDetailsContainer .contact-modal .jewelry-share textarea, .labGrownDiamondDetailsContainer .share-modal .jewelry-contact-us .jewelry-share-header, .labGrownDiamondDetailsContainer .share-modal .jewelry-contact-us .jewelry-contact-header, .labGrownDiamondDetailsContainer .share-modal .jewelry-contact-us .contact-us-text, .labGrownDiamondDetailsContainer .share-modal .jewelry-contact-us .email, .labGrownDiamondDetailsContainer .share-modal .jewelry-contact-us textarea, .labGrownDiamondDetailsContainer .share-modal .jewelry-share .jewelry-share-header, .labGrownDiamondDetailsContainer .share-modal .jewelry-share .jewelry-contact-header, .labGrownDiamondDetailsContainer .share-modal .jewelry-share .contact-us-text, .labGrownDiamondDetailsContainer .share-modal .jewelry-share .email, .labGrownDiamondDetailsContainer .share-modal .jewelry-share textarea {
    width: 100% !important;
  }
  .labGrownDiamondDetailsContainer .config-share-cart {
    flex-direction: column-reverse;
  }
  .labGrownDiamondDetailsContainer .config-share-cart .share-box {
    margin-top: 20px;
    justify-content: center !important;
  }
  .labGrownDiamondDetailsContainer .config-share-cart .share-box .share {
    width: 260px !important;
    margin-right: 0px !important;
  }
}
.lab-grown-buy-init {
  display: flex;
  flex-direction: row-reverse;
  border: 2px solid;
  border-color: #5cb8a6;
  border-color: var(--bmh_button_buy_active_font_color, #5cb8a6) !important;
}
.lab-grown-buy-init .right-buy-section {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  width: 100%;
  position: relative;
}
.lab-grown-buy-init .right-buy-section .right-buy-header {
  text-align: center;
  padding: 25px 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.lab-grown-buy-init .right-buy-section .right-buy-header span.header {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-size: 30px;
  font-weight: 400;
}
.lab-grown-buy-init .right-buy-section .right-buy-header .go-to-info {
  float: right;
  margin-right: 0;
  margin-top: -75px;
  width: 65px;
  text-align: right;
}
.lab-grown-buy-init .right-buy-section .right-buy-header .image-cover {
  height: 100px;
  width: 100px;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  background-repeat: no-repeat;
}
.lab-grown-buy-init .right-buy-section .right-buy-header .image-cover img {
  width: 100%;
  height: 100%;
}
.lab-grown-buy-init .right-buy-section .right-buy-header .image-cover svg path {
  fill: #9B9B9B;
  fill: var(--main_bg_font_label_color, #9B9B9B) !important;
  opacity: 0.6;
}
.lab-grown-buy-init .right-buy-section .right-buy-header .image-cover svg {
  width: 40px !important;
  height: 40px !important;
}
.lab-grown-buy-init .right-buy-section .right-buy-header .image-cover .svg-box {
  text-align: center;
  padding-top: 17%;
  opacity: 0.6;
}
.lab-grown-buy-init .right-buy-section .right-buy-header .image-cover .svg-box span {
  font-size: 40px;
  opacity: 0.6;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.lab-grown-buy-init .right-buy-section .right-buy-header .image-cover .svg-box .no-image-label {
  font-size: 10px;
  text-align: center;
  font-weight: inherit;
  font-family: inherit;
  letter-spacing: normal;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.lab-grown-buy-init .right-buy-section .payment-section {
  text-align: center;
}
.lab-grown-buy-init .right-buy-section .payment-section .term-boxed .header {
  font-size: 16px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-weight: 500;
}
.lab-grown-buy-init .right-buy-section .payment-section .term-boxed .action-types {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 300px;
  margin: 10px auto 0;
}
.lab-grown-buy-init .right-buy-section .payment-section .term-boxed .action-types a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 75px;
  width: 75px;
  border-radius: 100%;
  background-color: #FFFFFF;
  background-color: var(--bmh_buy_request_option_off, #FFFFFF) !important;
  color: #5cb8a6;
  color: var(--bmh_buy_request_option_off_font, #5cb8a6) !important;
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.29);
}
.lab-grown-buy-init .right-buy-section .payment-section .term-boxed .action-types a span {
  font-weight: 500;
}
.lab-grown-buy-init .right-buy-section .payment-section .term-boxed .action-types a.selected {
  background-color: #5cb8a6;
  background-color: var(--bmh_buy_request_option_on, #5cb8a6) !important;
  color: #FFFFFF;
  color: var(--bmh_buy_request_option_on_font, #FFFFFF) !important;
}
.lab-grown-buy-init .right-buy-section .payment-section .term-boxed .action-types a:not(:last-child) {
  margin-right: 15px;
}
.lab-grown-buy-init .right-buy-section .payment-section .payment-boxed {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 60px;
}
.lab-grown-buy-init .right-buy-section .payment-section .payment-boxed > div {
  margin-bottom: 10px;
}
.lab-grown-buy-init .right-buy-section .payment-section .payment-boxed > div .label {
  display: block;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  font-weight: 400;
  font-size: 14px;
  text-align: left;
}
.lab-grown-buy-init .right-buy-section .payment-section .payment-boxed > div .label:not(:last-child) {
  width: 105px;
}
.lab-grown-buy-init .right-buy-section .payment-section .payment-boxed > div .input-box {
  display: flex;
  flex-grow: 1;
  align-items: center;
}
.lab-grown-buy-init .right-buy-section .payment-section .payment-boxed > div .input-box .dollar {
  display: inline-block;
  position: absolute;
  width: 5%;
  font-size: 15px;
  font-weight: 500;
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
}
.lab-grown-buy-init .right-buy-section .payment-section .payment-boxed > div input {
  text-align: left;
  font-size: 15px;
  width: 100%;
  height: 35px;
  font-weight: 500;
  border: 0;
  border: 1px solid;
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
  border-color: #BFBFC3;
  border-color: var(--input_field_line_static, #BFBFC3) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_static, #FFFFFF) !important;
  background-color: transparent;
  outline: none;
  padding: 0 15px;
}
.lab-grown-buy-init .right-buy-section .payment-section .payment-boxed > div.box_pay_within input, .lab-grown-buy-init .right-buy-section .payment-section .payment-boxed > div.discount-box input {
  width: 65px;
  padding: 0 10px;
  margin-right: 10px;
}
.lab-grown-buy-init .right-buy-section .payment-section .payment-boxed > div.box_pay_within input.disable, .lab-grown-buy-init .right-buy-section .payment-section .payment-boxed > div.discount-box input.disable {
  background-color: #BFBFC3;
  background-color: var(--option_btn_disabled_color, #BFBFC3) !important;
}
.lab-grown-buy-init .right-buy-section .payment-section .payment-boxed > div.price-box, .lab-grown-buy-init .right-buy-section .payment-section .payment-boxed > div.total-box, .lab-grown-buy-init .right-buy-section .payment-section .payment-boxed > div.box_pay_within, .lab-grown-buy-init .right-buy-section .payment-section .payment-boxed > div.discount-box {
  display: flex;
  align-items: center;
  width: 100%;
}
.lab-grown-buy-init .right-buy-section .payment-section .payment-boxed .error {
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #d0021b;
  margin: 15px;
}
.lab-grown-buy-init .right-buy-section .payment-section .payment-boxed .error p {
  margin: 0;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
}
.lab-grown-buy-init .right-buy-section .payment-section .payment-boxed .error {
  width: 100%;
  margin: 15px 0 !important;
}
.lab-grown-buy-init .right-buy-section .payment-section .comment-section {
  margin-top: 20px;
  padding: 0 20px;
}
.lab-grown-buy-init .right-buy-section .payment-section .comment-section .header {
  font-size: 13px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  display: block;
  font-weight: 400;
  margin-bottom: 10px;
}
.lab-grown-buy-init .right-buy-section .payment-section .comment-section textarea {
  width: 100%;
  height: 100px;
  border: 1px solid;
  padding: 10px;
  border-color: #BFBFC3;
  border-color: var(--input_field_line_static, #BFBFC3) !important;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_static, #FFFFFF) !important;
  font-weight: 400;
}
.lab-grown-buy-init .right-buy-section .payment-section .comment-section textarea:focus {
  border-color: #804294;
  border-color: var(--input_field_line_active, #804294) !important;
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_active, #FFFFFF) !important;
}
.lab-grown-buy-init .right-buy-section .payment-section .comment-section textarea::-webkit-input-placeholder {
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
}
.lab-grown-buy-init .right-buy-section .payment-section .comment-section textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
}
.lab-grown-buy-init .right-buy-section .payment-section .comment-section textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
}
.lab-grown-buy-init .right-buy-section .payment-section .comment-section textarea:-ms-input-placeholder {
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
}
.lab-grown-buy-init .right-buy-section .payment-section .comment-section textarea.expand {
  height: 300px;
}
.lab-grown-buy-init .right-buy-section .payment-section .buy-submit {
  width: 100%;
  text-align: center;
  margin: 15px 0;
}
.lab-grown-buy-init .right-buy-section .payment-section .buy-submit .trigger-confirm {
  width: 215px;
  border-radius: 100px;
  height: 60px;
  background-color: #5CB8A6;
  background-color: var(--buy_btn_action_static, #5CB8A6) !important;
  color: #FFFFFF;
  color: var(--buy_btn_action_static_font, #FFFFFF) !important;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .lab-grown-buy-init {
    justify-content: center;
  }
}
@media screen and (max-width: 480px) {
  .lab-grown-buy-init {
    margin: unset;
    justify-content: center;
  }
  .lab-grown-buy-init .right-buy-section {
    width: 100%;
  }
  .lab-grown-buy-init .right-buy-section .col-4 {
    padding-left: 2px;
    padding-right: 2px;
  }
  .lab-grown-buy-init .right-buy-section .payment-boxed {
    padding: 0 15px !important;
  }
}
@media screen and (max-width: 480px) and (max-width: 420px) {
  .lab-grown-buy-init .right-buy-section .right-buy-header .image-cover {
    display: none;
  }
  .lab-grown-buy-init .right-buy-section .right-buy-header .header {
    flex-grow: 1;
    text-align: right;
  }
  .lab-grown-buy-init .right-buy-section .right-buy-header .go-to-info {
    margin-right: 0 !important;
    margin-top: 0 !important;
  }
}
.lab-grown-hold-init {
  display: flex;
  flex-direction: row-reverse;
  border: 2px solid;
  border-color: #e30047;
  border-color: var(--bmh_button_hold_active_font_color, #e30047) !important;
}
.lab-grown-hold-init .right-hold-section {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  width: 100%;
  position: relative;
}
.lab-grown-hold-init .right-hold-section .right-hold-header {
  text-align: center;
  padding: 25px 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.lab-grown-hold-init .right-hold-section .right-hold-header span.header {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-size: 30px;
  font-weight: 400;
}
.lab-grown-hold-init .right-hold-section .right-hold-header .go-to-info {
  float: right;
  margin-right: 0;
  margin-top: -75px;
  width: 65px;
  text-align: right;
}
.lab-grown-hold-init .right-hold-section .right-hold-header .image-cover {
  height: 100px;
  width: 100px;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  background-repeat: no-repeat;
}
.lab-grown-hold-init .right-hold-section .right-hold-header .image-cover img {
  width: 100%;
  height: 100%;
}
.lab-grown-hold-init .right-hold-section .right-hold-header .image-cover svg path {
  fill: #9B9B9B;
  fill: var(--main_bg_font_label_color, #9B9B9B) !important;
  opacity: 0.6;
}
.lab-grown-hold-init .right-hold-section .right-hold-header .image-cover svg {
  width: 40px !important;
  height: 40px !important;
}
.lab-grown-hold-init .right-hold-section .right-hold-header .image-cover .svg-box {
  text-align: center;
  padding-top: 17%;
  opacity: 0.6;
}
.lab-grown-hold-init .right-hold-section .right-hold-header .image-cover .svg-box span {
  font-size: 40px;
  opacity: 0.6;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.lab-grown-hold-init .right-hold-section .right-hold-header .image-cover .svg-box .no-image-label {
  font-size: 10px;
  text-align: center;
  font-weight: inherit;
  font-family: inherit;
  letter-spacing: normal;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.lab-grown-hold-init .right-hold-section .summary-text {
  width: 270px;
  margin: 0 auto;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
}
.lab-grown-hold-init .right-hold-section .select-hours {
  position: relative;
}
.lab-grown-hold-init .right-hold-section .select-hours .selected-hour-container {
  height: 140px;
  width: 140px;
  background-color: #e30047;
  background-color: var(--bmh_hold_request_option_on, #e30047) !important;
  margin: 20px auto 5px;
  border-radius: 50%;
  text-align: center;
  padding-top: 32px;
  position: relative;
  z-index: 3;
}
.lab-grown-hold-init .right-hold-section .select-hours .selected-hour-container .selected-hour {
  color: #FFFFFF;
  color: var(--bmh_hold_request_option_on_font, #FFFFFF) !important;
  font-weight: 400;
}
.lab-grown-hold-init .right-hold-section .select-hours .selected-hour-container .selected-hour .hour-value {
  font-size: 48px;
  line-height: 48px;
  font-weight: 700;
}
.lab-grown-hold-init .right-hold-section .select-hours .selected-hour-container .selected-hour .hour-text {
  font-size: 18px;
}
.lab-grown-hold-init .right-hold-section .select-hours .selected-hour-container .arrow-down, .lab-grown-hold-init .right-hold-section .select-hours .selected-hour-container .arrow-up {
  margin: 0 auto;
  color: #FFFFFF;
  color: var(--bmh_hold_request_option_on_font, #FFFFFF) !important;
}
.lab-grown-hold-init .right-hold-section .select-hours .hours-solid-bg {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  width: 85%;
  left: 7.5%;
  height: 210px;
  padding-top: 75px;
  position: absolute;
  top: 80px;
  z-index: 2;
}
.lab-grown-hold-init .right-hold-section .select-hours .hours {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  width: 100%;
  left: 0;
  height: 210px;
  padding-top: 75px;
  position: absolute;
  top: 0;
  z-index: 2;
}
.lab-grown-hold-init .right-hold-section .select-hours .hours.hide {
  display: none;
}
.lab-grown-hold-init .right-hold-section .select-hours .hours ul {
  padding: 0;
  margin: 0 0 10px;
  list-style-type: none;
  text-align: center;
}
.lab-grown-hold-init .right-hold-section .select-hours .hours ul li {
  display: inline-block;
  height: 55px;
  width: 55px;
  text-align: center;
  border-radius: 50%;
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.29);
  padding-top: 15px;
  margin-left: 5px;
  cursor: pointer;
  background-color: #FFFFFF;
  background-color: var(--bmh_hold_request_option_off, #FFFFFF) !important;
  color: #e30047;
  color: var(--bmh_hold_request_option_off_font, #e30047) !important;
}
.lab-grown-hold-init .right-hold-section .select-hours .hours ul li .hour {
  font-size: 22px;
  font-weight: 500;
  line-height: 12px;
}
.lab-grown-hold-init .right-hold-section .select-hours .hours ul li .label {
  font-size: 10px;
  font-weight: 400;
}
.lab-grown-hold-init .right-hold-section .select-hours .hours ul li.selected {
  background-color: #e30047;
  background-color: var(--bmh_hold_request_option_on, #e30047) !important;
}
.lab-grown-hold-init .right-hold-section .select-hours .hours ul li.selected .hour, .lab-grown-hold-init .right-hold-section .select-hours .hours ul li.selected .label {
  color: #FFFFFF;
  color: var(--bmh_hold_request_option_on_font, #FFFFFF) !important;
}
.lab-grown-hold-init .right-hold-section .select-hours .click-notice {
  width: 170px;
  margin: 0 auto;
  text-align: center;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.lab-grown-hold-init .right-hold-section .comment-section {
  margin-top: 20px;
  padding: 0 40px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.lab-grown-hold-init .right-hold-section .comment-section .header {
  font-size: 13px;
  display: block;
  font-weight: 400;
  margin-bottom: 10px;
  text-align: center;
}
.lab-grown-hold-init .right-hold-section .comment-section textarea {
  width: 100%;
  height: 100px;
  border: 1px solid;
  padding: 10px;
  border-color: #BFBFC3;
  border-color: var(--input_field_line_static, #BFBFC3) !important;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_static, #FFFFFF) !important;
  font-weight: 400;
}
.lab-grown-hold-init .right-hold-section .comment-section textarea:focus {
  border-color: #804294;
  border-color: var(--input_field_line_active, #804294) !important;
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_active, #FFFFFF) !important;
}
.lab-grown-hold-init .right-hold-section .comment-section textarea::-webkit-input-placeholder {
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
}
.lab-grown-hold-init .right-hold-section .comment-section textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
}
.lab-grown-hold-init .right-hold-section .comment-section textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
}
.lab-grown-hold-init .right-hold-section .comment-section textarea:-ms-input-placeholder {
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
}
.lab-grown-hold-init .right-hold-section .comment-section.not-visible {
  opacity: 0;
}
.lab-grown-hold-init .right-hold-section .hold-submit {
  width: 100%;
  text-align: center;
  margin: 15px 0;
}
.lab-grown-hold-init .right-hold-section .hold-submit .trigger-confirm {
  width: 215px;
  border-radius: 100px;
  height: 60px;
  background-color: #D8394C;
  background-color: var(--hold_btn_action_static, #D8394C) !important;
  color: #FFFFFF;
  color: var(--hold_btn_action_static_font, #FFFFFF) !important;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .lab-grown-hold-init {
    justify-content: center;
  }
}
@media screen and (max-width: 480px) {
  .lab-grown-hold-init {
    margin: unset;
    justify-content: center;
  }
  .lab-grown-hold-init .right-hold-section {
    width: 100%;
  }
}
@media screen and (max-width: 480px) and (max-width: 420px) {
  .lab-grown-hold-init .right-hold-section .right-hold-header .image-cover {
    display: none;
  }
  .lab-grown-hold-init .right-hold-section .right-hold-header .header {
    flex-grow: 1;
    text-align: right;
  }
  .lab-grown-hold-init .right-hold-section .right-hold-header .go-to-info {
    margin-right: 0 !important;
    margin-top: 0 !important;
  }
}
.lab-grown-memo-init {
  display: flex;
  flex-direction: row-reverse;
  border: 2px solid;
  border-color: #804294;
  border-color: var(--bmh_button_memo_active_font_color, #804294) !important;
}
.lab-grown-memo-init .right-memo-section {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  width: 100%;
  position: relative;
}
.lab-grown-memo-init .right-memo-section .right-memo-header {
  text-align: center;
  padding: 25px 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.lab-grown-memo-init .right-memo-section .right-memo-header span.header {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-size: 30px;
  font-weight: 400;
}
.lab-grown-memo-init .right-memo-section .right-memo-header .go-to-info {
  float: right;
  margin-right: 0;
  margin-top: -75px;
  width: 65px;
  text-align: right;
}
.lab-grown-memo-init .right-memo-section .right-memo-header .image-cover {
  height: 100px;
  width: 100px;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  background-repeat: no-repeat;
}
.lab-grown-memo-init .right-memo-section .right-memo-header .image-cover img {
  width: 100%;
  height: 100%;
}
.lab-grown-memo-init .right-memo-section .right-memo-header .image-cover svg path {
  fill: #9B9B9B;
  fill: var(--main_bg_font_label_color, #9B9B9B) !important;
  opacity: 0.6;
}
.lab-grown-memo-init .right-memo-section .right-memo-header .image-cover svg {
  width: 40px !important;
  height: 40px !important;
}
.lab-grown-memo-init .right-memo-section .right-memo-header .image-cover .svg-box {
  text-align: center;
  padding-top: 17%;
  opacity: 0.6;
}
.lab-grown-memo-init .right-memo-section .right-memo-header .image-cover .svg-box span {
  font-size: 40px;
  opacity: 0.6;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.lab-grown-memo-init .right-memo-section .right-memo-header .image-cover .svg-box .no-image-label {
  font-size: 10px;
  text-align: center;
  font-weight: inherit;
  font-family: inherit;
  letter-spacing: normal;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.lab-grown-memo-init .right-memo-section .memo-comments {
  text-align: center;
  width: 100%;
  padding: 20px;
  margin: 0;
}
.lab-grown-memo-init .right-memo-section .memo-comments .header {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-size: 13px;
  font-weight: 400;
}
.lab-grown-memo-init .right-memo-section .memo-comments textarea {
  width: 100%;
  height: 285px;
  border: 1px solid;
  padding: 10px;
  border-color: #BFBFC3;
  border-color: var(--input_field_line_static, #BFBFC3) !important;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_static, #FFFFFF) !important;
  font-weight: 400;
}
.lab-grown-memo-init .right-memo-section .memo-comments textarea:focus {
  border-color: #804294;
  border-color: var(--input_field_line_active, #804294) !important;
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_active, #FFFFFF) !important;
}
.lab-grown-memo-init .right-memo-section .memo-comments textarea::-webkit-input-placeholder {
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
}
.lab-grown-memo-init .right-memo-section .memo-comments textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
}
.lab-grown-memo-init .right-memo-section .memo-comments textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
}
.lab-grown-memo-init .right-memo-section .memo-comments textarea:-ms-input-placeholder {
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
}
.lab-grown-memo-init .right-memo-section .memo-submit {
  width: 100%;
  margin-bottom: 20px;
  text-align: center;
}
.lab-grown-memo-init .right-memo-section .memo-submit .trigger-confirm {
  width: 215px;
  border-radius: 100px;
  height: 60px;
  background-color: #804294;
  background-color: var(--memo_btn_action_static, #804294) !important;
  color: #FFFFFF;
  color: var(--memo_btn_action_static_font, #FFFFFF) !important;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .lab-grown-memo-init {
    justify-content: center;
  }
}
@media screen and (max-width: 480px) {
  .lab-grown-memo-init {
    margin: unset;
    justify-content: center;
  }
  .lab-grown-memo-init .right-memo-section {
    width: 100%;
  }
  .lab-grown-memo-init .right-memo-section .memo-submit {
    position: relative;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 480px) and (max-width: 420px) {
  .lab-grown-memo-init .right-memo-section .right-memo-header .image-cover {
    display: none;
  }
  .lab-grown-memo-init .right-memo-section .right-memo-header .header {
    flex-grow: 1;
    text-align: right;
  }
  .lab-grown-memo-init .right-memo-section .right-memo-header .go-to-info {
    margin-right: 0 !important;
    margin-top: 0 !important;
  }
}
.lab-grown-diamond-contact {
  display: flex;
  flex-direction: row-reverse;
  border: 2px solid;
  border-color: #2956A0;
  border-color: var(--bmh_button_contact_active_font_color, #2956A0) !important;
}
.lab-grown-diamond-contact .right-contact-section {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  width: 100%;
  position: relative;
}
.lab-grown-diamond-contact .right-contact-section .right-contact-header {
  text-align: center;
  padding: 25px 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.lab-grown-diamond-contact .right-contact-section .right-contact-header span.header {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-size: 30px;
  font-weight: 400;
}
.lab-grown-diamond-contact .right-contact-section .right-contact-header .go-to-info {
  float: right;
  margin-right: 0;
  margin-top: -75px;
  width: 65px;
  text-align: right;
}
.lab-grown-diamond-contact .right-contact-section .right-contact-header .image-cover {
  height: 100px;
  width: 100px;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  background-repeat: no-repeat;
}
.lab-grown-diamond-contact .right-contact-section .right-contact-header .image-cover img {
  width: 100%;
  height: 100%;
}
.lab-grown-diamond-contact .right-contact-section .right-contact-header .image-cover svg path {
  fill: #9B9B9B;
  fill: var(--main_bg_font_label_color, #9B9B9B) !important;
  opacity: 0.6;
}
.lab-grown-diamond-contact .right-contact-section .right-contact-header .image-cover svg {
  width: 40px !important;
  height: 40px !important;
}
.lab-grown-diamond-contact .right-contact-section .right-contact-header .image-cover .svg-box {
  text-align: center;
  padding-top: 17%;
  opacity: 0.6;
}
.lab-grown-diamond-contact .right-contact-section .right-contact-header .image-cover .svg-box span {
  font-size: 40px;
  opacity: 0.6;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.lab-grown-diamond-contact .right-contact-section .right-contact-header .image-cover .svg-box .no-image-label {
  font-size: 10px;
  text-align: center;
  font-weight: inherit;
  font-family: inherit;
  letter-spacing: normal;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.lab-grown-diamond-contact .right-contact-section .right-contact-body .item {
  margin: 20px 50px 50px;
  display: flex;
}
.lab-grown-diamond-contact .right-contact-section .right-contact-body .item .image {
  width: 80px;
  display: flex;
  justify-content: center;
  margin-right: 30px;
}
.lab-grown-diamond-contact .right-contact-section .right-contact-body .item .image i {
  color: #4670B6;
  color: var(--contact_btn_static_color, #4670B6) !important;
}
.lab-grown-diamond-contact .right-contact-section .right-contact-body .item .data .label {
  font-size: 11px;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  margin-bottom: 5px;
}
.lab-grown-diamond-contact .right-contact-section .right-contact-body .item .data .value {
  font-size: 12px;
  font-weight: bold;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.lab-grown-diamond-contact .right-contact-section .right-contact-body .item.person .image i {
  font-size: 30px;
}
.lab-grown-diamond-contact .right-contact-section .right-contact-body .item.office .image i {
  font-size: 36px;
}
.lab-grown-diamond-contact .right-contact-section .right-contact-body .item.mobile .image i {
  font-size: 42px;
}
.lab-grown-diamond-contact .right-contact-section .right-contact-body .item.email .image .image-container {
  height: 60px;
  width: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #4670B6;
  background-color: var(--contact_btn_static_color, #4670B6) !important;
}
.lab-grown-diamond-contact .right-contact-section .right-contact-body .item.email .image .image-container i {
  color: #ffffff;
  color: var(--contact_button_static_icon_color, #ffffff) !important;
  font-size: 25px;
}
.lab-grown-diamond-contact .right-contact-section .right-contact-body .item.email .data {
  margin-top: 15px;
}
.lab-grown-diamond-contact .right-contact-section .right-contact-body .item.email .data .value {
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .lab-grown-diamond-contact {
    justify-content: center;
  }
}
@media screen and (max-width: 480px) {
  .lab-grown-diamond-contact {
    margin: unset;
    justify-content: center;
  }
  .lab-grown-diamond-contact .right-contact-section {
    width: 100%;
  }
  .lab-grown-diamond-contact .right-contact-section .item {
    margin: 20px 10px 50px !important;
  }
  .lab-grown-diamond-contact .right-contact-section .item .data {
    width: 180px;
    word-break: break-all;
  }
}
@media screen and (max-width: 480px) and (max-width: 420px) {
  .lab-grown-diamond-contact .right-contact-section .right-contact-header .image-cover {
    display: none;
  }
  .lab-grown-diamond-contact .right-contact-section .right-contact-header .header {
    flex-grow: 1;
    text-align: right;
    padding-right: 45px;
  }
  .lab-grown-diamond-contact .right-contact-section .right-contact-header .go-to-info {
    margin-right: 0 !important;
    margin-top: 0 !important;
  }
}
.lab-grown-diamond-match-wrapper {
  min-height: 100vh;
  width: 100%;
  padding: 20px 0 20px 30px;
  position: relative;
}
.lab-grown-diamond-match-wrapper .left.carousel-control, .lab-grown-diamond-match-wrapper .right.carousel-control {
  color: #804294;
  color: var(--main_bg_icon_color, #804294) !important;
}
.lab-grown-diamond-match-wrapper .left.carousel-control:hover, .lab-grown-diamond-match-wrapper .right.carousel-control:hover {
  color: #804294;
  color: var(--main_bg_icon_color, #804294) !important;
}
.lab-grown-diamond-match-wrapper.orange-mode-flavor, .lab-grown-diamond-match-wrapper.green-mode-flavor {
  background-color: #373640;
  background-color: var(--price_mode_bg, #373640) !important;
}
.lab-grown-diamond-match-wrapper.orange-mode-flavor .left.carousel-control, .lab-grown-diamond-match-wrapper.orange-mode-flavor .right.carousel-control, .lab-grown-diamond-match-wrapper.green-mode-flavor .left.carousel-control, .lab-grown-diamond-match-wrapper.green-mode-flavor .right.carousel-control {
  color: #ffffff;
}
.lab-grown-diamond-match-wrapper.orange-mode-flavor .left.carousel-control:hover, .lab-grown-diamond-match-wrapper.orange-mode-flavor .right.carousel-control:hover, .lab-grown-diamond-match-wrapper.green-mode-flavor .left.carousel-control:hover, .lab-grown-diamond-match-wrapper.green-mode-flavor .right.carousel-control:hover {
  color: #ffffff;
}
.lab-grown-diamond-match-wrapper .external-video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  background-color: var(--light_box, rgba(0, 0, 0, 0.7)) !important;
  height: 100%;
  width: 100%;
  z-index: 99;
}
.lab-grown-diamond-match-wrapper .external-video-overlay .video-box-frame {
  display: block;
  height: 470px;
  width: 470px;
  margin: 100px auto;
}
.lab-grown-diamond-match-wrapper .external-video-overlay .video-box-frame iframe {
  width: 100%;
  height: 100%;
}
.lab-grown-diamond-match-wrapper .external-video-overlay .close-overlay {
  position: absolute;
  right: 70px;
  top: 20px;
  height: 50px;
  width: 50px;
  background-position: 13px 15px;
  background-size: 25px 25px;
  background-repeat: no-repeat;
  background-image: url("../webapp/diamond_details/close-dark-grey.png");
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.lab-grown-diamond-match-wrapper .diamond-match-header .short-title {
  font-size: 28px;
  font-weight: 400;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  display: block;
  text-align: left;
  margin-top: 10px;
}
.lab-grown-diamond-match-wrapper .diamond-match-header .responsive-close-button {
  display: none;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.lab-grown-diamond-match-wrapper .diamond-match-header.orange-mode-flavor .short-title, .lab-grown-diamond-match-wrapper .diamond-match-header.green-mode-flavor .short-title {
  color: #FFFFFF;
  color: var(--price_mode_font, #FFFFFF) !important;
}
.lab-grown-diamond-match-wrapper .diamond-match-header.orange-mode-flavor .responsive-close-button, .lab-grown-diamond-match-wrapper .diamond-match-header.green-mode-flavor .responsive-close-button {
  color: #FFFFFF;
  color: var(--price_mode_icon, #FFFFFF) !important;
}
.lab-grown-diamond-match-wrapper .diamond-match-body {
  margin-top: 20px;
  display: flex;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .selected-diamond .match-view {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  padding: 22px 23px 10px;
  min-width: 480px;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .selected-diamond .match-view.orange-mode-flavor, .lab-grown-diamond-match-wrapper .diamond-match-body .selected-diamond .match-view.green-mode-flavor {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .selected-diamond .match-view.orange-mode-flavor .svg-box span, .lab-grown-diamond-match-wrapper .diamond-match-body .selected-diamond .match-view.green-mode-flavor .svg-box span {
  font-size: 106px;
  opacity: 0.6;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-slide-info-mobile-div {
  display: none;
  text-align: center;
  width: 100%;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .diamond-matches {
  display: flex;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .diamond-matches .side-bar-controls {
  width: 25%;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .diamond-matches .side-bar-controls.orange-mode-flavor {
  width: unset;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .diamond-matches .side-bar-controls ul {
  padding: 0;
  list-style: none;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .diamond-matches .side-bar-controls ul li {
  width: 60px;
  height: 60px;
  border-radius: 0 100px 100px 0;
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  color: #804294;
  color: var(--option_btn_off_font_color, #804294) !important;
  cursor: pointer;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .diamond-matches .side-bar-controls ul li.cert span.image {
  font-size: 25px;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .diamond-matches .side-bar-controls ul li.selected {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
  box-shadow: 1px 1px 1px 0 rgba(41, 39, 53, 0.5);
  margin-left: 0px;
  position: relative;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .diamond-matches .side-bar-controls ul li span.image {
  background-repeat: no-repeat;
  height: 30px;
  width: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .diamond-matches .slider {
  width: 90%;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .diamond-matches .slider .carousel {
  margin-left: 60px;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .diamond-matches .slider .carousel .carousel-inner {
  display: flex !important;
  flex-direction: column;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .diamond-matches .slider .carousel .carousel-control.left, .lab-grown-diamond-match-wrapper .diamond-match-body .diamond-matches .slider .carousel .carousel-control.right {
  background-image: none;
  width: 50px;
  height: 50px;
  margin: 280px 0px;
  opacity: 1;
  background-position: center;
  background-repeat: no-repeat;
  font-family: "VDB" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .diamond-matches .slider .carousel .carousel-control.left.left:before, .lab-grown-diamond-match-wrapper .diamond-match-body .diamond-matches .slider .carousel .carousel-control.right.left:before {
  content: "";
  color: inherit;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .diamond-matches .slider .carousel .carousel-control.left.right:before, .lab-grown-diamond-match-wrapper .diamond-match-body .diamond-matches .slider .carousel .carousel-control.right.right:before {
  content: "";
  color: inherit;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .diamond-matches .slider .carousel .carousel-control.left .icon-prev, .lab-grown-diamond-match-wrapper .diamond-match-body .diamond-matches .slider .carousel .carousel-control.left .icon-next, .lab-grown-diamond-match-wrapper .diamond-match-body .diamond-matches .slider .carousel .carousel-control.right .icon-prev, .lab-grown-diamond-match-wrapper .diamond-match-body .diamond-matches .slider .carousel .carousel-control.right .icon-next {
  display: none;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .diamond-matches .slider .carousel .left.carousel-control, .lab-grown-diamond-match-wrapper .diamond-match-body .diamond-matches .slider .carousel .right.carousel-control {
  margin-left: -45px;
  font-size: 30px;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .diamond-matches .slider .carousel .right.carousel-control {
  margin-right: -45px;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .diamond-matches .slider .carousel .match-slide-info {
  display: block;
  text-align: center;
  margin-top: 10px;
  font-weight: 400;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .diamond-matches .slider .carousel .match-slide-info.orange-mode-flavor, .lab-grown-diamond-match-wrapper .diamond-match-body .diamond-matches .slider .carousel .match-slide-info.green-mode-flavor {
  color: #FFFFFF;
  color: var(--price_mode_font, #FFFFFF) !important;
}
@media screen and (max-width: 992px) {
  .lab-grown-diamond-match-wrapper .diamond-match-body .diamond-matches .slider .carousel .match-slide-info.orange-mode-flavor, .lab-grown-diamond-match-wrapper .diamond-match-body .diamond-matches .slider .carousel .match-slide-info.green-mode-flavor {
    color: #292735;
    color: var(--main_bg_font_color, #292735) !important;
  }
}
.lab-grown-diamond-match-wrapper .diamond-match-body .diamond-matches .slider .carousel .matching-diamond .match-view {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  padding: 22px 23px 10px;
  min-width: 480px;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .diamond-matches .slider .carousel .matching-diamond .match-view .info {
  flex-direction: row-reverse;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .diamond-matches .slider .carousel .matching-diamond .match-view .info .diamond-image {
  flex: 0 0 auto;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .diamond-matches .slider .carousel .matching-diamond .match-view .info .diamond-info {
  flex: 1 0 auto;
  padding-left: 0 !important;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .page-title .short-title {
  font-size: 28px;
  font-weight: 400;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  display: block;
  text-align: left;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .stock-details .diamond-available-wrapper {
  display: inline-block;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  margin-right: 5px;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .stock-details .diamond-available-wrapper.yes {
  background-color: #7ED321;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .stock-details .diamond-available-wrapper.no {
  background-color: #d0021b;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .stock-details .stock_num {
  margin: 0;
  font-size: 20px;
  margin-bottom: 20px;
  font-weight: 500;
  display: inline-block;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .stock-details span {
  font-size: 20px;
  font-weight: 400;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body {
  margin-top: 10px;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .responsive-price-label, .lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .responsive-more-detail-button {
  display: none;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info {
  display: flex;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .more-details {
  display: block;
  height: 50px;
  width: 200px;
  border-radius: 25px;
  background-color: #652E77;
  background-color: var(--action_btn_active_color, #652E77) !important;
  color: #FFFFFF;
  color: var(--action_btn_active_font_color, #FFFFFF) !important;
  padding: 13px;
  text-align: center;
  font-weight: 400;
  position: absolute;
  bottom: 10%;
  font-size: 16px;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-image {
  flex: 0 0 auto;
  position: relative;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-image .vendor-details {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  text-align: center;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
  position: absolute;
  width: 100%;
  bottom: 0;
  font-size: 14px;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-image .vendor-details .vendor-logo {
  height: 36px;
  width: 36px;
  display: block;
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
  margin: 0 auto;
  position: relative;
  top: -20px;
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.29);
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-image .vendor-details .header {
  margin: -15px 0 10px;
  font-size: 12px;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-image .vendor-details .vendor-name, .lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-image .vendor-details .vendor-city, .lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-image .vendor-details .vendor-location {
  font-weight: 400;
  margin-bottom: 0;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-image .vendor-details a {
  border-radius: 20px;
  height: 35px;
  width: 100px;
  display: block;
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  color: #804294;
  color: var(--option_btn_off_font_color, #804294) !important;
  margin: 20px auto 10px;
  padding: 10px;
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.29);
  font-size: 11px;
  font-weight: 700;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-image .image-box {
  width: 200px;
  height: 200px;
  position: relative;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-image .image-box .image-cover {
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-image .image-box .image-cover img {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  background-color: var(--image_bg_color, #FFFFFF) !important;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-fit: var(--cover_image_bg_size, cover) !important;
     object-fit: var(--cover_image_bg_size, cover) !important;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-image .image-box .match-pair .svg-box span {
  font-size: 106px;
  opacity: 0.6;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-image .image-box .svg-box {
  text-align: center;
  padding-top: 17%;
  opacity: 0.6;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-image .image-box .svg-box span {
  font-size: 112px;
  opacity: 0.6;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-image .image-box .svg-box .no-image-label {
  font-size: 12px;
  padding-top: 17px;
  text-align: center;
  font-weight: inherit;
  font-family: inherit;
  letter-spacing: normal;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-image .image-box .mark-favorite {
  height: 40px;
  width: 40px;
  display: inline-flex;
  position: absolute;
  left: 3%;
  top: 5%;
  z-index: 2;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-image .image-box .mark-favorite .path1 {
  color: #804294;
  color: var(--heart_outline_off_icon_color, #804294) !important;
  font-size: 31px;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-image .image-box .mark-favorite .path2 {
  color: #804294;
  color: var(--heart_outline_off_icon_color, #804294) !important;
  font-size: 31px;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-image .image-box .mark-favorite .path3 {
  color: #FFFFFF;
  color: var(--heart_bg_off_icon_color, #FFFFFF) !important;
  font-size: 31px;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-image .image-box .mark-favorite.favorited .path1 {
  color: #FFFFFF;
  color: var(--heart_outline_on_icon_color, #FFFFFF) !important;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-image .image-box .mark-favorite.favorited .path2 {
  color: #FFFFFF;
  color: var(--heart_outline_on_icon_color, #FFFFFF) !important;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-image .image-box .mark-favorite.favorited .path3 {
  color: #804294;
  color: var(--heart_bg_on_icon_color, #804294) !important;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-image .price-info {
  padding: 20px;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-image .price-info .data {
  margin-bottom: 5px;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-image .price-info .data dd {
  width: 65px;
  display: inline-block;
  font-weight: 400;
  font-size: 11px;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-image .price-info .data dt {
  display: inline-block;
  font-weight: 700;
  font-size: 12px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-image .price-info.orange-mode-flavor, .lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-image .price-info.green-mode-flavor {
  display: none;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-image .orange-mode-price-info {
  display: none;
  width: 200px;
  text-align: center;
  font-size: 24px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  line-height: 36px;
  margin-top: 10px;
  font-weight: 400;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-image .orange-mode-price-info.orange-mode-flavor {
  display: block;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-image .orange-mode-price-info.green-mode-flavor {
  display: none;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-info {
  flex: 0 0 auto;
  padding: 0 20px;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-info span.header {
  font-weight: 700;
  font-size: 12px;
  line-height: 12px;
  display: block;
  margin-bottom: 10px;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-info span.header.orange-mode-flavor, .lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-info span.header.green-mode-flavor {
  display: none;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-info .data {
  margin-bottom: 5px;
  display: flex;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-info .data dd, .lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-info .data dt {
  line-height: 25px;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-info .data dd {
  width: 85px;
  display: inline-block;
  font-weight: 400;
  font-size: 13px;
}
@media (min-width: 412px) and (max-width: 769px) {
  .lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-info .data dt {
    word-wrap: break-word !important;
    white-space: initial !important;
    text-overflow: inherit !important;
    width: 120px !important;
  }
}
@media (min-width: 320px) and (max-width: 411px) {
  .lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-info .data dt {
    word-wrap: break-word !important;
    white-space: initial !important;
    text-overflow: inherit !important;
    width: 67px !important;
  }
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-info .data dt {
  display: inline-block;
  font-weight: 700;
  font-size: 14px;
  word-wrap: break-word;
  max-width: 120px;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-info .data dt:hover {
  overflow: visible;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-info.orange-mode-flavor .data dd, .lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-info.green-mode-flavor .data dd {
  font-size: 14px;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-info.orange-mode-flavor .data dt, .lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .info .diamond-info.green-mode-flavor .data dt {
  margin-left: 30px;
  font-size: 15px;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .pic .image-box {
  height: 390px;
  width: 390px;
  margin: 0 auto;
  position: relative;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .pic .image-box .mark-favorite {
  height: 40px;
  width: 40px;
  display: inline-flex;
  position: absolute;
  left: 3%;
  top: 5%;
  z-index: 2;
  display: none;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .pic .image-box .mark-favorite .path1 {
  color: #804294;
  color: var(--heart_outline_off_icon_color, #804294) !important;
  font-size: 31px;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .pic .image-box .mark-favorite .path2 {
  color: #804294;
  color: var(--heart_outline_off_icon_color, #804294) !important;
  font-size: 31px;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .pic .image-box .mark-favorite .path3 {
  color: #FFFFFF;
  color: var(--heart_bg_off_icon_color, #FFFFFF) !important;
  font-size: 31px;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .pic .image-box .mark-favorite.favorited .path1 {
  color: #FFFFFF;
  color: var(--heart_outline_on_icon_color, #FFFFFF) !important;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .pic .image-box .mark-favorite.favorited .path2 {
  color: #FFFFFF;
  color: var(--heart_outline_on_icon_color, #FFFFFF) !important;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .pic .image-box .mark-favorite.favorited .path3 {
  color: #804294;
  color: var(--heart_bg_on_icon_color, #804294) !important;
}
@media (min-width: 320px) and (max-width: 769px) {
  .lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .pic .image-box .image-cover span {
    font-size: 165px !important;
  }
  .lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .pic .image-box .image-cover .no-pic-label {
    font-size: 18px;
  }
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .pic .image-box .image-cover {
  height: 100%;
  width: 100%;
  display: block;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .pic .image-box .image-cover span {
  font-size: 210px;
  opacity: 0.6;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .pic .image-box .image-cover img {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  background-color: var(--image_bg_color, #FFFFFF) !important;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-fit: var(--cover_image_bg_size, cover) !important;
     object-fit: var(--cover_image_bg_size, cover) !important;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .pic .orange-mode-price-info {
  display: none;
  width: 100%;
  text-align: center;
  font-size: 24px;
  line-height: 36px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  margin-top: 10px;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .pic .orange-mode-price-info.orange-mode-flavor {
  display: block;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .pic .orange-mode-price-info.green-mode-flavor {
  display: none;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .video .video-box {
  height: 390px;
  width: 390px;
  margin: 0 auto;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .video .video-box .loading {
  height: 100%;
  width: 100%;
  background-image: url("../webapp/svg/match_view/video-spinner-icon-gray.gif");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 200px 200px;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .video .video-box iframe {
  background-image: url("../webapp/svg/match_view/video-spinner-icon-gray.gif");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 200px 200px;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .video .video-box iframe, .lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .video .video-box video {
  width: 100%;
  height: 100%;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .video .video-box .video-cover {
  height: 100%;
  width: 100%;
  display: block;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .video .video-box.no-image .image-cover {
  display: none;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .video .video-box .external-link {
  display: block;
  width: 250px;
  margin: 0 auto;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .video .video-box .play-video {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .video .video-box .play-video a .video_play_icon {
  color: white;
  font-size: 67px;
  text-shadow: 0.5px 0.3px 1px #3b3e3b91;
}
@media (min-width: 320px) and (max-width: 769px) {
  .lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .video .video-box .no-video {
    height: 300px;
  }
  .lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .video .video-box .no-video .svg-box {
    opacity: 0.6;
    margin: 0;
    padding-top: 0px !important;
    left: 50% !important;
    position: absolute;
    top: 50% !important;
    transform: translate(-50%, -50%);
  }
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .video .video-box .no-video {
  display: block;
  background-repeat: no-repeat;
  background-position: center;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .video .video-box .no-video svg path {
  fill: #9B9B9B;
  fill: var(--main_bg_font_label_color, #9B9B9B) !important;
  opacity: 0.6;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .video .video-box .no-video .svg-box {
  text-align: center;
  padding-top: 33%;
  opacity: 0.6;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .video .video-box .no-video .no-video-label {
  font-size: 16px;
  padding-top: 15px;
  font-weight: inherit;
  font-family: inherit;
  letter-spacing: normal;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .cert .certificate-box {
  height: 450px;
  width: 390px;
  margin: 0 auto;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .cert .certificate-box .certificate-frame, .lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .cert .certificate-box .iframe {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .cert .certificate-box .certificate-frame iframe, .lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .cert .certificate-box .iframe iframe {
  width: 100%;
  height: 100%;
  background-image: url("../webapp/common/cert_one_moment.gif");
  background-repeat: no-repeat;
  background-position: center;
  background-color: #ffffff;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .cert .certificate-box .no-certificate {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lab-grown-diamond-match-wrapper .diamond-match-body .match-view .match-view-body .cert .certificate-box .no-certificate .message {
  display: block;
  width: 160px;
  height: 160px;
  background-repeat: no-repeat;
}
@media (min-width: 992px) and (max-width: 1300px) {
  .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .info .match-row > div {
    padding: 0 !important;
  }
  .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .info .diamond-image {
    width: 120px;
  }
  .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .info .diamond-image .image-box {
    width: 120px !important;
    height: 120px !important;
  }
  .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .info .diamond-image .orange-mode-price-info {
    width: 120px !important;
  }
  .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .info .diamond-image .more-details {
    width: 120px !important;
  }
}
@media (min-width: 992px) and (max-width: 1300px) and (min-width: 992px) and (max-width: 1100px) {
  .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .selected-diamond .match-view, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .matching-diamond .match-view {
    width: 420px !important;
    min-width: unset !important;
  }
}
@media (min-width: 992px) and (max-width: 1300px) {
  .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .diamond-matches .info {
    justify-content: flex-end;
  }
  .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .diamond-matches .info .diamond-info {
    width: 280px !important;
    flex: unset !important;
  }
}
@media (min-width: 992px) and (max-width: 1300px) {
  .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .side-bar-controls ul li span.image {
    margin-right: 15px !important;
  }
}
@media screen and (max-width: 992px) {
  .lab-grown-diamond-match-wrapper.responsive {
    padding: 20px 0;
  }
}
@media screen and (max-width: 992px) and (max-width: 470px) {
  .lab-grown-diamond-match-wrapper.responsive .external-video-overlay .video-box-frame {
    width: 300px !important;
    height: 300px !important;
    max-width: 300px;
    max-height: 300px;
  }
}
@media screen and (max-width: 992px) and (min-width: 471px) and (max-width: 1300px) {
  .lab-grown-diamond-match-wrapper.responsive .external-video-overlay .video-box-frame {
    width: 400px !important;
    height: 400px !important;
    max-width: 400px;
    max-height: 400px;
  }
}
@media screen and (max-width: 992px) {
  .lab-grown-diamond-match-wrapper.responsive .diamond-match-header {
    display: flex;
    justify-content: space-between;
  }
  .lab-grown-diamond-match-wrapper.responsive .diamond-match-header .responsive-close-button {
    display: flex;
    height: 50px;
    width: 50px;
    align-items: center;
    justify-content: center;
  }
  .lab-grown-diamond-match-wrapper.responsive .diamond-match-header .responsive-close-button span {
    font-size: 30px;
  }
  .lab-grown-diamond-match-wrapper.responsive .diamond-match-header.orange-mode-flavor, .lab-grown-diamond-match-wrapper.responsive .diamond-match-header.green-mode-flavor {
    color: #FFFFFF;
    color: var(--price_mode_icon, #FFFFFF) !important;
  }
}
@media screen and (max-width: 992px) {
  .lab-grown-diamond-match-wrapper.responsive .diamond-match-body {
    flex-wrap: wrap;
  }
  .lab-grown-diamond-match-wrapper.responsive .diamond-match-body > div:not(:first-child) {
    margin-top: 2px;
  }
  .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .match-slide-info-mobile-div {
    display: block;
  }
  .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .match-slide-info-mobile-div .match-slide-info-mobile {
    text-align: center;
    margin-top: 10px;
    font-weight: 400;
    color: #292735;
    color: var(--main_bg_font_color, #292735) !important;
  }
  .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .match-slide-info-mobile-div .match-slide-info-mobile.orange-mode-flavor, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .match-slide-info-mobile-div .match-slide-info-mobile.green-mode-flavor {
    color: #fff;
  }
  .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .match-view {
    min-width: unset !important;
  }
  .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .stock-details, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .diamond-image {
    display: none;
  }
  .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .responsive-price-label {
    display: block !important;
    color: #292735;
    color: var(--main_bg_font_color, #292735) !important;
    height: 50px;
    width: 100%;
    text-align: right;
    vertical-align: middle;
  }
  .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .responsive-price-label span {
    font-size: 30px;
    font-weight: bold;
  }
  .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .responsive-more-detail-button {
    width: 100%;
    height: 50px;
    display: block !important;
    text-align: right;
    vertical-align: middle;
    margin: 10px 0;
  }
  .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .responsive-more-detail-button a {
    float: right;
    position: relative;
    height: 42px;
    width: 152px;
    padding: 10px;
    border-radius: 25px;
    text-align: center;
    background-color: #652E77;
    background-color: var(--action_btn_active_color, #652E77) !important;
    color: #FFFFFF;
    color: var(--action_btn_active_font_color, #FFFFFF) !important;
  }
  .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .info {
    flex-wrap: wrap;
  }
  .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .info .diamond-info {
    padding: 0 !important;
    width: 100%;
  }
  .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .info .diamond-info .match-page-diamond-detail-header {
    text-align: left !important;
    margin-left: 2px;
  }
  .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .info .diamond-info .match-row {
    display: flex;
  }
  .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .info .diamond-info .match-row > div {
    padding: 0 !important;
  }
  .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .info .diamond-info .match-row > div dd {
    width: 70px;
  }
}
@media screen and (max-width: 992px) and (max-width: 480px) {
  .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .info .diamond-info .match-row > div .data {
    min-width: unset !important;
    width: 100%;
  }
  .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .info .diamond-info .match-row > div .data dt {
    margin-left: 5px !important;
    font-size: 12px !important;
  }
  .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .info .diamond-info .match-row > div .data dd {
    width: 50px;
    font-size: 11px !important;
  }
  .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .info .diamond-info .match-row > div:not(:first-child) {
    margin-left: 10px;
  }
  .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .info .diamond-info .match-row > div:not(:first-child) dd {
    width: 35px;
  }
}
@media screen and (max-width: 992px) {
  .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .pic .orange-mode-price-info, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .video .orange-mode-price-info, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .cert .orange-mode-price-info {
    display: none !important;
  }
}
@media screen and (max-width: 992px) and (max-width: 480px) {
  .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .pic .play-video, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .video .play-video, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .cert .play-video {
    left: 50% !important;
    top: 50% !important;
  }
  .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .pic .image-box, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .pic .video-box, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .pic .certificate-box, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .video .image-box, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .video .video-box, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .video .certificate-box, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .cert .image-box, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .cert .video-box, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .cert .certificate-box {
    width: 100% !important;
    height: 300px !important;
    position: relative;
    overflow: scroll;
  }
  .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .pic .image-box > span, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .pic .image-box > div, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .pic .image-box > iframe, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .pic .image-box > video, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .pic .video-box > span, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .pic .video-box > div, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .pic .video-box > iframe, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .pic .video-box > video, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .pic .certificate-box > span, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .pic .certificate-box > div, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .pic .certificate-box > iframe, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .pic .certificate-box > video, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .video .image-box > span, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .video .image-box > div, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .video .image-box > iframe, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .video .image-box > video, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .video .video-box > span, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .video .video-box > div, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .video .video-box > iframe, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .video .video-box > video, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .video .certificate-box > span, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .video .certificate-box > div, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .video .certificate-box > iframe, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .video .certificate-box > video, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .cert .image-box > span, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .cert .image-box > div, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .cert .image-box > iframe, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .cert .image-box > video, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .cert .video-box > span, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .cert .video-box > div, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .cert .video-box > iframe, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .cert .video-box > video, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .cert .certificate-box > span, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .cert .certificate-box > div, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .cert .certificate-box > iframe, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .cert .certificate-box > video {
    width: 100% !important;
    height: 300px !important;
    position: relative;
    overflow: scroll;
  }
  .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .pic .image-box > span .play-video, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .pic .image-box > div .play-video, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .pic .image-box > iframe .play-video, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .pic .image-box > video .play-video, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .pic .video-box > span .play-video, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .pic .video-box > div .play-video, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .pic .video-box > iframe .play-video, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .pic .video-box > video .play-video, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .pic .certificate-box > span .play-video, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .pic .certificate-box > div .play-video, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .pic .certificate-box > iframe .play-video, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .pic .certificate-box > video .play-video, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .video .image-box > span .play-video, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .video .image-box > div .play-video, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .video .image-box > iframe .play-video, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .video .image-box > video .play-video, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .video .video-box > span .play-video, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .video .video-box > div .play-video, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .video .video-box > iframe .play-video, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .video .video-box > video .play-video, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .video .certificate-box > span .play-video, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .video .certificate-box > div .play-video, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .video .certificate-box > iframe .play-video, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .video .certificate-box > video .play-video, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .cert .image-box > span .play-video, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .cert .image-box > div .play-video, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .cert .image-box > iframe .play-video, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .cert .image-box > video .play-video, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .cert .video-box > span .play-video, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .cert .video-box > div .play-video, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .cert .video-box > iframe .play-video, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .cert .video-box > video .play-video, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .cert .certificate-box > span .play-video, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .cert .certificate-box > div .play-video, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .cert .certificate-box > iframe .play-video, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .cert .certificate-box > video .play-video {
    width: 67px !important;
    height: 45px !important;
  }
}
@media screen and (max-width: 992px) {
  .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .pic .mark-favorite-link, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .video .mark-favorite-link, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .cert .mark-favorite-link {
    display: block !important;
    z-index: 2;
  }
}
@media screen and (max-width: 992px) {
  .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .diamond-matches {
    flex-wrap: wrap;
  }
  .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .diamond-matches .slider {
    width: 100%;
  }
  .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .diamond-matches .slider .carousel {
    margin-left: 0;
  }
  .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .diamond-matches .slider .carousel .match-view .info .diamond-info.with-padding {
    padding: 0 20px !important;
  }
  .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .diamond-matches .slider .carousel .match-slide-info {
    margin-top: 0 !important;
    background-color: #F4F4F4;
    background-color: var(--main_bg_color, #F4F4F4) !important;
  }
  .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .diamond-matches .slider .carousel .carousel-control.left, .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .diamond-matches .slider .carousel .carousel-control.right {
    margin: 235px -15px !important;
  }
  .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .diamond-matches .side-bar-controls {
    width: 100%;
    background-color: #F4F4F4;
    background-color: var(--main_bg_color, #F4F4F4) !important;
  }
  .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .diamond-matches .side-bar-controls ul {
    display: flex;
    justify-content: center;
    padding: 15px;
    margin: 0;
  }
  .lab-grown-diamond-match-wrapper.responsive .diamond-match-body .diamond-matches .side-bar-controls ul li {
    border-radius: 100px !important;
    margin-right: 10px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .match-view-body svg path {
    fill: #9B9B9B;
    fill: var(--main_bg_font_label_color, #9B9B9B) !important;
    opacity: 0.6;
  }
  .match-view-body .match-pair .svg-box {
    text-align: center;
    padding-top: 17%;
    opacity: 0.6;
  }
  .match-view-body .match-pair .svg-box span {
    font-size: 63px !important;
  }
  .match-view-body .match-pair .svg-box .no-image-label {
    font-size: 8px !important;
    padding-top: 8px !important;
    text-align: center;
    font-weight: inherit;
    font-family: inherit;
    letter-spacing: normal;
    color: #9B9B9B;
    color: var(--main_bg_font_label_color, #9B9B9B) !important;
  }
}
.lab-grown-diamond-share {
  width: 100%;
  padding: 20px 40px;
  position: relative;
}
.lab-grown-diamond-share.orange-mode-flavor, .lab-grown-diamond-share.green-mode-flavor {
  background-color: #373640;
  background-color: var(--price_mode_bg, #373640) !important;
}
.lab-grown-diamond-share .diamond-share-header .short-title {
  font-size: 28px;
  font-weight: 400;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  display: block;
  width: 360px;
  text-align: left;
  margin-top: 10px;
}
.lab-grown-diamond-share .diamond-share-header .short-title.orange-mode-flavor, .lab-grown-diamond-share .diamond-share-header .short-title.green-mode-flavor {
  color: #FFFFFF;
  color: var(--price_mode_font, #FFFFFF) !important;
}
.lab-grown-diamond-share .diamond-share-header .page-title {
  display: none;
}
.lab-grown-diamond-share .diamond-share-body {
  display: flex;
  margin: 20px 30px;
  min-width: 950px;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
.lab-grown-diamond-share .diamond-share-body .diamond-details {
  width: 45%;
  padding: 15px 30px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.lab-grown-diamond-share .diamond-share-body .diamond-details .page-title .page-short-title {
  font-size: 28px;
  font-weight: 400;
  display: block;
  width: 100%;
  text-align: left;
}
.lab-grown-diamond-share .diamond-share-body .diamond-details .page-title .diamond-available-wrapper {
  display: inline-block;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  margin-right: 5px;
}
.lab-grown-diamond-share .diamond-share-body .diamond-details .page-title .diamond-available-wrapper.yes {
  background-color: #7ED321;
}
.lab-grown-diamond-share .diamond-share-body .diamond-details .page-title .diamond-available-wrapper.no {
  background-color: #d0021b;
}
.lab-grown-diamond-share .diamond-share-body .diamond-details .page-title .stock_num {
  margin: 0;
  font-size: 20px;
  margin-bottom: 20px;
  font-weight: 5500;
  display: inline-block;
}
.lab-grown-diamond-share .diamond-share-body .diamond-details .page-title span {
  font-size: 20px;
  font-weight: 400;
}
.lab-grown-diamond-share .diamond-share-body .diamond-details .diamond-content {
  display: flex;
  margin-top: 15px;
}
.lab-grown-diamond-share .diamond-share-body .diamond-details .diamond-content .diamond-image {
  flex: 0 0 auto;
}
.lab-grown-diamond-share .diamond-share-body .diamond-details .diamond-content .diamond-image .image-box {
  width: 200px;
  height: 200px;
  position: relative;
}
.lab-grown-diamond-share .diamond-share-body .diamond-details .diamond-content .diamond-image .image-box .image-cover {
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.lab-grown-diamond-share .diamond-share-body .diamond-details .diamond-content .diamond-image .image-box .image-cover img {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  background-color: var(--image_bg_color, #FFFFFF) !important;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-fit: var(--cover_image_bg_size, cover) !important;
     object-fit: var(--cover_image_bg_size, cover) !important;
}
.lab-grown-diamond-share .diamond-share-body .diamond-details .diamond-content .diamond-image .image-box .svg-box {
  text-align: center;
  padding-top: 17%;
  opacity: 0.6;
}
.lab-grown-diamond-share .diamond-share-body .diamond-details .diamond-content .diamond-image .image-box .svg-box span {
  font-size: 112px !important;
  opacity: 0.6;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.lab-grown-diamond-share .diamond-share-body .diamond-details .diamond-content .diamond-image .image-box .svg-box .no-image-label {
  font-size: 12px;
  padding-top: 15px;
  text-align: center;
  font-weight: inherit;
  font-family: inherit;
  letter-spacing: normal;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.lab-grown-diamond-share .diamond-share-body .diamond-details .diamond-content .diamond-image .image-box .mark-favorite {
  display: inline-flex;
  position: absolute;
  left: 5%;
  top: 10px;
  z-index: 2;
}
.lab-grown-diamond-share .diamond-share-body .diamond-details .diamond-content .diamond-image .image-box .mark-favorite .path1 {
  color: #804294;
  color: var(--heart_outline_off_icon_color, #804294) !important;
  font-size: 31px;
}
.lab-grown-diamond-share .diamond-share-body .diamond-details .diamond-content .diamond-image .image-box .mark-favorite .path2 {
  color: #804294;
  color: var(--heart_outline_off_icon_color, #804294) !important;
  font-size: 31px;
}
.lab-grown-diamond-share .diamond-share-body .diamond-details .diamond-content .diamond-image .image-box .mark-favorite .path3 {
  color: #FFFFFF;
  color: var(--heart_bg_off_icon_color, #FFFFFF) !important;
  font-size: 31px;
}
.lab-grown-diamond-share .diamond-share-body .diamond-details .diamond-content .diamond-image .image-box .mark-favorite.favorited .path1 {
  color: #FFFFFF;
  color: var(--heart_outline_on_icon_color, #FFFFFF) !important;
}
.lab-grown-diamond-share .diamond-share-body .diamond-details .diamond-content .diamond-image .image-box .mark-favorite.favorited .path2 {
  color: #FFFFFF;
  color: var(--heart_outline_on_icon_color, #FFFFFF) !important;
}
.lab-grown-diamond-share .diamond-share-body .diamond-details .diamond-content .diamond-image .image-box .mark-favorite.favorited .path3 {
  color: #804294;
  color: var(--heart_bg_on_icon_color, #804294) !important;
}
.lab-grown-diamond-share .diamond-share-body .diamond-details .diamond-content .diamond-image .price-info {
  padding: 20px;
  margin-top: 5px;
}
.lab-grown-diamond-share .diamond-share-body .diamond-details .diamond-content .diamond-image .price-info.orange-mode-flavor, .lab-grown-diamond-share .diamond-share-body .diamond-details .diamond-content .diamond-image .price-info.green-mode-flavor {
  display: none;
}
.lab-grown-diamond-share .diamond-share-body .diamond-details .diamond-content .diamond-image .price-info .data {
  margin-bottom: 5px;
}
.lab-grown-diamond-share .diamond-share-body .diamond-details .diamond-content .diamond-image .price-info .data dd {
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  width: 65px;
  display: inline-block;
  font-weight: 400;
  font-size: 11px;
}
.lab-grown-diamond-share .diamond-share-body .diamond-details .diamond-content .diamond-image .price-info .data dt {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  display: inline-block;
  font-weight: 700;
  font-size: 12px;
}
.lab-grown-diamond-share .diamond-share-body .diamond-details .diamond-content .diamond-image .orange-mode-price-info {
  display: none;
  width: 200px;
  text-align: center;
  font-size: 24px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  line-height: 36px;
  margin-top: 10px;
}
.lab-grown-diamond-share .diamond-share-body .diamond-details .diamond-content .diamond-image .orange-mode-price-info.orange-mode-flavor {
  display: block;
}
.lab-grown-diamond-share .diamond-share-body .diamond-details .diamond-content .diamond-image .orange-mode-price-info.green-mode-flavor {
  display: none;
}
.lab-grown-diamond-share .diamond-share-body .diamond-details .diamond-content .diamond-info {
  flex: 0 0 auto;
  padding: 0 28px;
  margin-left: 5px;
}
.lab-grown-diamond-share .diamond-share-body .diamond-details .diamond-content .diamond-info span.header {
  font-weight: 700;
  font-size: 14px;
  line-height: 12px;
  display: block;
  margin: 20px 0;
}
.lab-grown-diamond-share .diamond-share-body .diamond-details .diamond-content .diamond-info span.header.orange-mode-flavor, .lab-grown-diamond-share .diamond-share-body .diamond-details .diamond-content .diamond-info span.header.green-mode-flavor {
  display: none;
}
.lab-grown-diamond-share .diamond-share-body .diamond-details .diamond-content .diamond-info .data {
  margin-bottom: 5px;
}
.lab-grown-diamond-share .diamond-share-body .diamond-details .diamond-content .diamond-info .data dd {
  width: 65px;
  display: inline-block;
  font-weight: 400;
  font-size: 11px;
}
.lab-grown-diamond-share .diamond-share-body .diamond-details .diamond-content .diamond-info .data dt {
  display: inline-block;
  font-weight: 700;
  font-size: 12px;
}
.lab-grown-diamond-share .diamond-share-body .diamond-details .diamond-content .diamond-info.orange-mode-flavor .data dd, .lab-grown-diamond-share .diamond-share-body .diamond-details .diamond-content .diamond-info.green-mode-flavor .data dd {
  font-size: 14px;
}
.lab-grown-diamond-share .diamond-share-body .diamond-details .diamond-content .diamond-info.orange-mode-flavor .data dt, .lab-grown-diamond-share .diamond-share-body .diamond-details .diamond-content .diamond-info.green-mode-flavor .data dt {
  margin-left: 30px;
  font-size: 15px;
}
.lab-grown-diamond-share .diamond-share-body .diamond-share {
  width: 45%;
  position: relative;
  z-index: 999;
}
.lab-grown-diamond-share .diamond-share-body .diamond-share .share-header {
  width: 284px;
  text-align: center;
  margin: 20px auto 30px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.lab-grown-diamond-share .diamond-share-body .diamond-share .share-header span {
  font-size: 24px;
  font-weight: 400;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  display: block;
}
.lab-grown-diamond-share .diamond-share-body .diamond-share .share-header span.icon {
  font-size: 22px;
  display: block;
  margin: 0 auto 10px;
}
.lab-grown-diamond-share .diamond-share-body .diamond-share .email {
  width: 350px;
  margin: 0 auto;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.lab-grown-diamond-share .diamond-share-body .diamond-share .email p {
  font-size: 14px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.lab-grown-diamond-share .diamond-share-body .diamond-share .email input[type=email] {
  height: 50px;
  width: 100%;
  border: 2px solid;
  border-color: #BFBFC3;
  border-color: var(--input_field_line_static, #BFBFC3) !important;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_static, #FFFFFF) !important;
  padding: 0 10px;
}
.lab-grown-diamond-share .diamond-share-body .diamond-share .email input[type=email]::-webkit-input-placeholder {
  text-align: center;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
}
.lab-grown-diamond-share .diamond-share-body .diamond-share .email input[type=email]:-moz-placeholder {
  /* Firefox 18- */
  text-align: center;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
}
.lab-grown-diamond-share .diamond-share-body .diamond-share .email input[type=email]::-moz-placeholder {
  /* Firefox 19+ */
  text-align: center;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
}
.lab-grown-diamond-share .diamond-share-body .diamond-share .email input[type=email]:-ms-input-placeholder {
  text-align: center;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
}
.lab-grown-diamond-share .diamond-share-body .diamond-share .email input[type=email]:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px white inset;
  -webkit-text-fill-color: #706F76;
  -webkit-text-fill-color: var(--input_field_font_static, #706F76) !important;
}
.lab-grown-diamond-share .diamond-share-body .diamond-share .email input[type=email]:-webkit-autofill:focus {
  -webkit-text-fill-color: #292735;
  -webkit-text-fill-color: var(--input_field_font_active, #292735) !important;
}
.lab-grown-diamond-share .diamond-share-body .diamond-share .email input[type=email]:focus {
  border: 1px solid;
  border-color: #804294;
  border-color: var(--input_field_line_active, #804294) !important;
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_active, #FFFFFF) !important;
}
.lab-grown-diamond-share .diamond-share-body .diamond-share .email .field-error {
  background-color: #d0021b;
  line-height: 50px;
  margin: 10px auto;
  font-size: 18px;
  font-weight: bolder;
  width: 100%;
  color: #ffffff;
  text-align: center;
}
.lab-grown-diamond-share .diamond-share-body .diamond-share .comments {
  margin-top: 30px;
}
.lab-grown-diamond-share .diamond-share-body .diamond-share .comments .comment-header {
  font-size: 13px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  display: block;
  font-weight: 400;
  margin-bottom: 10px;
  text-align: center;
}
.lab-grown-diamond-share .diamond-share-body .diamond-share .comments textarea {
  width: 350px;
  height: 225px;
  padding: 20px 10px;
  margin: 0 auto;
  border-color: #BFBFC3;
  border-color: var(--input_field_line_static, #BFBFC3) !important;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_static, #FFFFFF) !important;
  font-weight: 400;
  display: block;
}
.lab-grown-diamond-share .diamond-share-body .diamond-share .comments textarea::-webkit-input-placeholder {
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
  text-align: center;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
}
.lab-grown-diamond-share .diamond-share-body .diamond-share .comments textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
  text-align: center;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
}
.lab-grown-diamond-share .diamond-share-body .diamond-share .comments textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
  text-align: center;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
}
.lab-grown-diamond-share .diamond-share-body .diamond-share .comments textarea:-ms-input-placeholder {
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
  text-align: center;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
}
.lab-grown-diamond-share .diamond-share-body .diamond-share .comments textarea:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px white inset;
  -webkit-text-fill-color: #706F76;
  -webkit-text-fill-color: var(--input_field_font_static, #706F76) !important;
}
.lab-grown-diamond-share .diamond-share-body .diamond-share .comments textarea:-webkit-autofill:focus {
  -webkit-text-fill-color: #292735;
  -webkit-text-fill-color: var(--input_field_font_active, #292735) !important;
}
.lab-grown-diamond-share .diamond-share-body .diamond-share .comments textarea:focus {
  border: 1px solid;
  border-color: #804294;
  border-color: var(--input_field_line_active, #804294) !important;
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_active, #FFFFFF) !important;
}
.lab-grown-diamond-share .diamond-share-body .diamond-share .submit {
  padding-top: 30px;
  padding-bottom: 30px;
}
.lab-grown-diamond-share .diamond-share-body .diamond-share .submit button {
  height: 60px;
  width: 145px;
  border-radius: 100px;
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
  display: block;
  margin: 0 auto;
  outline: 0 !important;
}
.lab-grown-diamond-share .diamond-share-body.orange-mode-flavor, .lab-grown-diamond-share .diamond-share-body.green-mode-flavor {
  background-color: #FFFFFF;
  background-color: var(--web_tab_bg, #FFFFFF) !important;
}
@media screen and (max-width: 768px) {
  .lab-grown-diamond-share {
    padding: 0 !important;
  }
  .lab-grown-diamond-share .diamond-share-header {
    padding-top: 85px;
  }
  .lab-grown-diamond-share .diamond-share-header .short-title {
    display: none;
  }
  .lab-grown-diamond-share .diamond-share-header .page-title {
    display: block;
  }
  .lab-grown-diamond-share .diamond-share-header .page-title .page-short-title {
    font-size: 28px;
    font-weight: 400;
    display: block;
    width: 100%;
    text-align: left;
  }
  .lab-grown-diamond-share .diamond-share-header .page-title .diamond-available-wrapper {
    display: inline-block;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    margin-right: 5px;
  }
  .lab-grown-diamond-share .diamond-share-header .page-title .diamond-available-wrapper.yes {
    background-color: #7ED321;
  }
  .lab-grown-diamond-share .diamond-share-header .page-title .diamond-available-wrapper.no {
    background-color: #d0021b;
  }
  .lab-grown-diamond-share .diamond-share-header .page-title .stock_num {
    margin: 0;
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: 5500;
    display: inline-block;
  }
  .lab-grown-diamond-share .diamond-share-header .page-title span {
    font-size: 20px;
    font-weight: 400;
  }
  .lab-grown-diamond-share .diamond-share-body {
    min-width: unset;
    margin: 0 !important;
  }
  .lab-grown-diamond-share .diamond-share-body .diamond-details {
    display: none;
  }
  .lab-grown-diamond-share .diamond-share-body .diamond-share {
    width: 100% !important;
    padding: 20px;
  }
  .lab-grown-diamond-share .diamond-share-body .diamond-share .share-header {
    margin-top: 25px;
  }
  .lab-grown-diamond-share .diamond-share-body .diamond-share .email, .lab-grown-diamond-share .diamond-share-body .diamond-share input[type=email], .lab-grown-diamond-share .diamond-share-body .diamond-share textarea {
    width: 100% !important;
  }
}
.lab-grown-left-basic-stats {
  padding: 15px;
  display: block;
  width: 135px;
  height: 100%;
  min-height: 582px;
}
.lab-grown-left-basic-stats .diamond-image .svg-box span {
  font-size: 48px !important;
}
.lab-grown-left-basic-stats .diamond-image .svg-box p {
  font-size: 7px !important;
  margin-top: 0px !important;
}
.lab-grown-left-basic-stats.memo {
  background-color: #804294;
  background-color: var(--diamond_details_column_memo_bg, #804294) !important;
}
.lab-grown-left-basic-stats.memo .stats .divider hr {
  border-top-color: #E9E9EB;
  border-top-color: var(--bmh_button_memo_active_color, #E9E9EB) !important;
}
.lab-grown-left-basic-stats.memo .stats .label {
  color: #ffffff;
  color: var(--diamond_details_column_memo_label, #ffffff) !important;
}
.lab-grown-left-basic-stats.memo .stats .value {
  color: #FFFFFF;
  color: var(--diamond_details_column_memo_font, #FFFFFF) !important;
}
.lab-grown-left-basic-stats.hold {
  background-color: #e30047;
  background-color: var(--diamond_details_column_hold_bg, #e30047) !important;
}
.lab-grown-left-basic-stats.hold .stats .divider hr {
  border-top-color: #E9E9EB;
  border-top-color: var(--bmh_button_hold_active_color, #E9E9EB) !important;
}
.lab-grown-left-basic-stats.hold .stats .label {
  color: #ffffff;
  color: var(--diamond_details_column_hold_label, #ffffff) !important;
}
.lab-grown-left-basic-stats.hold .stats .value {
  color: #FFFFFF;
  color: var(--diamond_details_column_hold_font, #FFFFFF) !important;
}
.lab-grown-left-basic-stats.buy {
  background-color: #5cb8a6;
  background-color: var(--diamond_details_column_buy_bg, #5cb8a6) !important;
}
.lab-grown-left-basic-stats.buy .divider hr {
  border-top-color: #E9E9EB;
  border-top-color: var(--bmh_button_buy_active_color, #E9E9EB) !important;
}
.lab-grown-left-basic-stats.buy .stats .label {
  color: #ffffff;
  color: var(--diamond_details_column_buy_label, #ffffff) !important;
}
.lab-grown-left-basic-stats.buy .stats .value {
  color: #FFFFFF;
  color: var(--diamond_details_column_buy_font, #FFFFFF) !important;
}
.lab-grown-left-basic-stats.contact {
  margin-right: -5px;
  background-color: #2956A0;
  background-color: var(--diamond_details_column_contact_bg, #2956A0) !important;
}
.lab-grown-left-basic-stats.contact .divider hr {
  border-top-color: #E9E9EB;
  border-top-color: var(--bmh_button_contact_active_color, #E9E9EB) !important;
}
.lab-grown-left-basic-stats.contact .stats .label {
  color: #ffffff;
  color: var(--diamond_details_column_contact_label, #ffffff) !important;
}
.lab-grown-left-basic-stats.contact .stats .value {
  color: #ffffff;
  color: var(--diamond_details_column_contact_font, #ffffff) !important;
}
.lab-grown-left-basic-stats .diamond-image {
  height: 85px;
  width: 85px;
  margin: auto;
}
.lab-grown-left-basic-stats .diamond-image .image-box {
  height: 100%;
  width: 100%;
  margin: unset !important;
}
.lab-grown-left-basic-stats .diamond-image .image-box .image-cover {
  height: 100%;
  width: 100%;
  display: block;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.lab-grown-left-basic-stats .diamond-image .image-box .image-cover img {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  background-color: var(--image_bg_color, #FFFFFF) !important;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-fit: var(--cover_image_bg_size, cover) !important;
     object-fit: var(--cover_image_bg_size, cover) !important;
}
.lab-grown-left-basic-stats .diamond-image.no-image .image-box {
  display: none;
}
.lab-grown-left-basic-stats ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  color: inherit;
}
.lab-grown-left-basic-stats ul li {
  text-align: center;
  margin: 20px 0;
}
.lab-grown-left-basic-stats ul li .label {
  display: block;
  font-size: 11px;
  line-height: 11px;
  font-weight: 700;
  margin-bottom: 5px;
}
.lab-grown-left-basic-stats ul li .value {
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
}
.lab-grown-left-basic-stats ul li .value.location {
  white-space: pre-line;
  line-height: 1.5;
}
@media screen and (max-width: 480px) {
  .lab-grown-left-basic-stats {
    display: none;
  }
}
.lab-grown-left-basic-stats .diamond-no-image-placeholder .svg-box {
  text-align: center;
  padding-top: 17%;
  opacity: 0.6;
}
.lab-grown-left-basic-stats .diamond-no-image-placeholder .svg-box span {
  font-size: 40px;
  opacity: 0.6;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.lab-grown-left-basic-stats .diamond-no-image-placeholder .svg-box .no-image-label {
  font-size: 8px;
  padding-top: 3px;
  text-align: center;
  font-weight: inherit;
  font-family: inherit;
  letter-spacing: normal;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.lab-grown-certificate-wrapper.orange-mode-flavor, .lab-grown-certificate-wrapper.green-mode-flavor {
  background-color: #373640;
  background-color: var(--price_mode_bg, #373640) !important;
}
.lab-grown-certificate-wrapper .diamond-details-header .page-title {
  padding: 20px 20px 40px;
}
.lab-grown-certificate-wrapper .diamond-details-header .page-title .short-title {
  font-size: 28px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  display: block;
  width: 700px;
  font-weight: 400;
}
.lab-grown-certificate-wrapper .diamond-details-header .page-title .diamond-available-wrapper {
  display: inline-block;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  margin-right: 5px;
}
.lab-grown-certificate-wrapper .diamond-details-header .page-title .diamond-available-wrapper.yes {
  background-color: #7ED321;
}
.lab-grown-certificate-wrapper .diamond-details-header .page-title .diamond-available-wrapper.no {
  background-color: #d0021b;
}
.lab-grown-certificate-wrapper .diamond-details-header .page-title .stock_num {
  margin: 0;
  font-size: 20px;
  display: inline-block;
  font-weight: 500;
}
.lab-grown-certificate-wrapper .diamond-details-header .page-title span {
  font-size: 20px;
  font-weight: 400;
}
.lab-grown-certificate-wrapper .diamond-details-header .page-title.orange-mode-flavor .stock_num, .lab-grown-certificate-wrapper .diamond-details-header .page-title.orange-mode-flavor .short-title, .lab-grown-certificate-wrapper .diamond-details-header .page-title.green-mode-flavor .stock_num, .lab-grown-certificate-wrapper .diamond-details-header .page-title.green-mode-flavor .short-title {
  color: #FFFFFF;
  color: var(--price_mode_font, #FFFFFF) !important;
}
.lab-grown-certificate-wrapper .diamond-details-header .page-title.orange-mode-flavor span, .lab-grown-certificate-wrapper .diamond-details-header .page-title.green-mode-flavor span {
  color: #FFFFFF;
  color: var(--price_mode_font, #FFFFFF) !important;
}
.lab-grown-certificate-wrapper .iframe {
  min-height: 100vh;
  overflow: scroll;
}
.lab-grown-certificate-wrapper iframe {
  background-image: url("../webapp/common/cert_one_moment.gif");
  background-repeat: no-repeat;
  background-position: top center;
  background-color: #ffffff;
  height: 100vh;
}
.lab-grown-certificate-wrapper .image-cert {
  background-image: url("../webapp/common/cert_spinner2.gif");
  background-repeat: no-repeat;
  background-position: top center;
  background-color: #ffffff;
}
.lab-grown-certificate-wrapper .image-cert img {
  width: 100%;
}
@media (min-width: 800px) and (max-width: 1300px) {
  .lab-grown-certificate-wrapper.responsive .image-cert, .lab-grown-certificate-wrapper.responsive .pdf-cert, .lab-grown-certificate-wrapper.responsive .iframe {
    width: 900px;
    margin: 0 auto;
    overflow: scroll;
  }
}
@media screen and (max-width: 800px) {
  .lab-grown-certificate-wrapper.responsive {
    padding-top: 100px;
  }
}
@media screen and (max-width: 800px) and (max-width: 400px) {
  .lab-grown-certificate-wrapper.responsive .page-title .short-title {
    width: 100%;
    font-size: 20px !important;
  }
  .lab-grown-certificate-wrapper.responsive .page-title span, .lab-grown-certificate-wrapper.responsive .page-title h3 {
    font-size: 18px;
  }
  .lab-grown-certificate-wrapper.responsive .image-cert, .lab-grown-certificate-wrapper.responsive .pdf-cert, .lab-grown-certificate-wrapper.responsive .iframe {
    width: 300px;
    margin: 0 auto;
    overflow: scroll;
    min-height: 400px !important;
  }
  .lab-grown-certificate-wrapper.responsive .image-cert iframe, .lab-grown-certificate-wrapper.responsive .pdf-cert iframe, .lab-grown-certificate-wrapper.responsive .iframe iframe {
    min-height: 400px !important;
  }
}
.lab-grown-diamond-details-orange-green-wrapper .diamond-info .lab-grown-icon {
  background-color: #E08362;
  background-color: var(--product_icon_labgrown_bg, #E08362) !important;
  font-size: 15px;
  line-height: 30px;
  color: #ffffff;
  text-align: center;
}
.lab-grown-diamond-details-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.lab-grown-diamond-details-wrapper span.header {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-weight: 700;
  font-size: 14px;
  line-height: 12px;
  display: block;
  margin: 15px 0 !important;
}
.lab-grown-diamond-details-wrapper .data {
  margin-bottom: 5px;
  min-height: 20px;
  min-width: 160px;
}
.lab-grown-diamond-details-wrapper .data dd {
  word-wrap: break-word;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  width: 65px;
  display: inline-block;
  font-weight: 400;
  font-size: 11px;
  margin-bottom: 0;
}
.lab-grown-diamond-details-wrapper .data dt {
  width: 182px;
  vertical-align: text-top;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  display: inline-block;
  font-weight: 700;
  font-size: 12px;
}
.lab-grown-diamond-details-wrapper .details-container [class^=col] {
  padding: 0;
}
.lab-grown-diamond-details-wrapper .ha {
  font-size: 12px;
  font-weight: bold;
  padding: 0 15px;
  margin-top: 30px;
  display: flex;
  align-items: center;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.lab-grown-diamond-details-wrapper .ha i {
  font-size: 18px;
  margin-right: 5px;
  color: #D8394C;
  color: var(--heart_arrow_icon_color, #D8394C) !important;
}
.lab-grown-place-request .place-request-header {
  height: 95px;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
.lab-grown-place-request .place-request-header .back-box {
  height: 100%;
  float: left;
  cursor: pointer;
}
.lab-grown-place-request .place-request-header .back-box .back {
  margin-top: 35px;
  margin-left: 35px;
}
.lab-grown-place-request .place-request-header .back-box .back .vi:before {
  color: #804294;
  color: var(--main_bg_icon_color, #804294) !important;
}
.lab-grown-place-request .place-request-header .header {
  padding-top: 20px;
  padding-left: 20px;
}
.lab-grown-place-request .place-request-header .header .header-label {
  font-size: 2rem;
  font-weight: bold;
  margin-left: 20px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
@media screen and (max-width: 480px) {
  .lab-grown-place-request .place-request-header .header {
    padding-top: 25px;
  }
  .lab-grown-place-request .place-request-header .header .header-label {
    font-size: 24px;
  }
}
.lab-grown-place-request .place-request-body {
  width: 100%;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper {
  width: 80%;
  margin-top: 30px;
  padding: 20px 0;
  max-width: 1400px;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-header .page-title {
  padding-left: 5%;
  padding-bottom: 5%;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-header .page-title .short-title {
  font-size: 1.5rem;
  font-weight: 500;
  display: block;
  margin-top: 10px;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-header .page-title .stock_num {
  margin: 0;
  font-size: 1.5rem;
  display: inline-block;
  font-weight: 500;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-header .page-title .diamond-available-wrapper {
  display: inline-block;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  margin-right: 5px;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-header .page-title .diamond-available-wrapper.yes {
  background-color: #7ED321;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-header .page-title .diamond-available-wrapper.no {
  background-color: #d0021b;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-header .page-title span {
  font-size: 20px;
  font-weight: 400;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body {
  margin-top: 20px;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .diamond-price-info {
  padding: 10px 20px;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  margin-left: 40px;
  flex-direction: row;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .diamond-price-info div {
  width: 25%;
  text-align: center;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .diamond-price-info div span.header {
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  font-weight: 400;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .diamond-price-info div span.value {
  display: block;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-weight: 500;
  font-size: 20px;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .diamond-price-info div:nth-child(2) {
  width: 50%;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .company-details {
  padding: 0 0 10px 20px;
  width: 360px;
  margin: 0 auto 0;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .company-details .company-address {
  width: 225px;
  color: #4A4855;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 5px;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .company-details .company-contact div {
  display: flex;
  margin-bottom: 5px;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .company-details .company-contact div span {
  display: inline-block;
  padding: 0;
  line-height: 20px !important;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .company-details .company-contact div span.label {
  min-width: 50px;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  font-weight: 400;
  font-size: 11px;
  text-align: left;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .company-details .company-contact div span.value {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-weight: 700;
  font-size: 12px;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .company-details .company-contact .location-address .value {
  margin-right: 30px;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .company-details .company-contact .location-address .value:last-child {
  margin-right: unset;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .company-details .company-contact .location-address .label {
  width: unset;
  min-width: unset;
  margin-right: 10px;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .company-details .company-contact .location-address .label:first-child {
  width: 50px;
  margin-right: 0;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .diamond-detials-section {
  flex-direction: row;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .diamond-detials-section .rm-padding {
  padding-left: 0px !important;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .diamond-detials-section .go-to-info {
  float: right;
  margin-right: 20px;
  margin-top: 12px;
  color: #804294;
  color: var(--main_bg_icon_color, #804294) !important;
  cursor: pointer;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .diamond-detials-section .diamond-image {
  position: relative;
  max-width: none;
  text-align: center;
  overflow: hidden;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .diamond-detials-section .diamond-image .image-box,
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .diamond-detials-section .diamond-image .video-box {
  display: inline-block;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .diamond-detials-section .diamond-image .image-box .image-cover,
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .diamond-detials-section .diamond-image .video-box .image-cover {
  height: 170px;
  width: 170px;
  display: block;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .diamond-detials-section .price {
  margin-top: 30px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-size: 2rem;
  text-align: center;
  font-weight: 500;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .diamond-detials-section .diamond-info .diamond-details-wrapper span.header {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-weight: 700;
  font-size: 16px;
  line-height: 12px;
  display: block;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .diamond-detials-section .diamond-info .diamond-details-wrapper .data {
  margin-bottom: 15px;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .diamond-detials-section .diamond-info .diamond-details-wrapper .data dd {
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  width: 65px;
  display: inline-block;
  font-weight: 400;
  font-size: 15px;
  margin-bottom: 0;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .diamond-detials-section .diamond-info .diamond-details-wrapper .data dt {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  display: inline-block;
  font-weight: 700;
  font-size: 15px;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request-form {
  padding-right: 10%;
  padding-left: 10%;
  padding-top: 10%;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request {
  display: flex;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section {
  position: relative;
  width: 100%;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .request-fields {
  width: 100%;
  margin-bottom: 20px;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .request-fields .header {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-size: 13px;
  font-weight: 400;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .request-fields textarea {
  height: 185px;
  padding: 10px;
  color: inherit;
  font-weight: 400;
  width: 100%;
  font-size: 16px;
  background: #ffffff;
  text-align: left;
  background-color: #ffffff;
  color: #292735;
  padding: 15px 10px;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
  outline: none;
  border: none;
  border: 1px solid #827C7C;
  box-shadow: none;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .request-fields textarea.with-error {
  border: 1px solid #d0021b;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .request-fields textarea:-webkit-autofill {
  -webkit-text-fill-color: #292735;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .request-fields input {
  width: 100%;
  font-size: 16px;
  background: #ffffff;
  text-align: left;
  background-color: #ffffff;
  color: #292735;
  padding: 15px 10px;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
  outline: none;
  border: none;
  border: 1px solid #827C7C;
  box-shadow: none;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .request-fields input.with-error {
  border: 1px solid #d0021b;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .request-fields input:-webkit-autofill {
  -webkit-text-fill-color: #292735;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .request-submit {
  width: 100%;
  text-align: center;
  cursor: pointer;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .request-submit .trigger-confirm {
  width: 215px;
  border-radius: 100px;
  height: 60px;
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 1px;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field-group {
  margin-bottom: 15px;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field {
  margin-bottom: 5px;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .capitalize-words {
  text-transform: capitalize;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .with-error {
  border: solid 2px #d0021b;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .error-row {
  background-color: #d0021b;
  line-height: 50px;
  margin: 10px auto;
  font-size: 18px;
  width: 95%;
  color: #ffffff;
  text-align: center;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .translucent-box {
  width: 95%;
  margin: 0 auto;
  position: relative;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .translucent-box span.required-symbol {
  color: red;
  position: absolute;
  display: inline-block;
  top: 18px;
  left: -15px;
  font-size: 20px;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .translucent-box span.floating-label {
  position: absolute;
  top: 1px;
  left: 4px;
  font-size: 12px;
  color: #292735;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .translucent-box span.validation-indicator {
  position: absolute;
  width: 20px;
  height: 20px;
  display: inline-block;
  top: 17px;
  right: 5px;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .translucent-box span.validation-indicator.ok {
  background-image: url("../webapp/svg/ok.png");
  background-size: 20px;
  background-repeat: no-repeat;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .translucent-box span.validation-indicator.wrong {
  background-image: url("../webapp/svg/wrong.png");
  background-size: 20px;
  background-repeat: no-repeat;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .translucent-box .translucent-data input {
  width: 100%;
  font-size: 16px;
  background: #ffffff;
  text-align: left;
  background-color: #ffffff;
  color: #292735;
  padding: 15px 10px;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
  outline: none;
  border: none;
  border: 1px solid #827C7C;
  box-shadow: none;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .translucent-box .translucent-data input.with-error {
  border: 1px solid #d0021b;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .translucent-box .translucent-data input:-webkit-autofill {
  -webkit-text-fill-color: #292735;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .phone-field {
  width: 95%;
  margin: 0 auto;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .phone-field .intl-tel-input {
  width: 100%;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .phone-field .floating-label {
  left: 33% !important;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .phone-field .validation-indicator {
  right: 10px !important;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .phone-field .translucent-box {
  width: 100%;
  margin: 0px;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .phone-field .translucent-box .translucent-data {
  text-align: left;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .phone-field .col-sm-9,
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .phone-field .col-sm-3 {
  padding: 0px;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .phone-field .col-sm-3 {
  padding-left: 2px;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .phone-field select {
  color: #a4a4a5;
  background: #ffffff;
  border-color: #827C7C;
  padding: 12px 10px;
  width: 100%;
  font-size: 18px;
  text-align: left;
  height: 56px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-border-radius: 0px;
  text-indent: 1px;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .phone-field input[type=text] {
  padding-left: 10px;
  width: 70%;
  margin-left: 30%;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .phone-field .flag-container {
  padding: 0 !important;
  width: 30%;
}
.lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .phone-field .flag-container .selected-flag {
  width: 95%;
  background-color: #ffffff;
  border: 1px solid #827C7C;
}
@media screen and (max-width: 1024px) {
  .lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper.responsive {
    width: 100%;
  }
}
@media (min-width: 481px) and (max-width: 1300px) {
  .lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper.responsive .stock_num {
    font-size: 20px;
  }
  .lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper.responsive .diamond-details-wrapper .header {
    text-align: left !important;
  }
  .lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper.responsive .diamond-details-wrapper .data {
    display: flex;
  }
  .lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper.responsive .diamond-details-wrapper .data dt {
    width: 90px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media screen and (max-width: 480px) {
  .lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper.responsive .stock_num {
    font-size: 14px !important;
  }
  .lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper.responsive .diamond-detials-section {
    width: 100%;
    margin: 0 !important;
  }
  .lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper.responsive .diamond-detials-section .image-cover, .lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper.responsive .diamond-detials-section .image-box {
    height: 120px !important;
    width: 100% !important;
  }
  .lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper.responsive .diamond-detials-section .diamond-details-wrapper .header {
    font-size: 12px !important;
    text-align: left !important;
  }
  .lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper.responsive .diamond-detials-section .diamond-details-wrapper .data {
    display: flex;
  }
  .lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper.responsive .diamond-detials-section .diamond-details-wrapper .data dd {
    font-size: 11px !important;
    width: 55px;
  }
  .lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper.responsive .diamond-detials-section .diamond-details-wrapper .data dt {
    width: 75px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px !important;
  }
  .lab-grown-place-request .place-request-body .place-request-diamond-detials-white-wrapper.responsive .diamond-detials-section .price {
    font-size: 18px;
  }
}
.display-flex {
  display: flex;
}
.lab-grown-collections-wrapper .header {
  height: 100px;
  width: 100%;
  display: flex;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
.lab-grown-collections-wrapper .header > div {
  padding: 35px 20px;
}
.lab-grown-collections-wrapper .header > div span {
  font-size: 24px;
}
.lab-grown-collections-wrapper .header .favorites {
  display: flex;
  justify-content: space-between;
}
.lab-grown-collections-wrapper .header .favorites .share {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  -webkit-appearance: none;
  background-color: #382F3A;
  background-color: var(--global_action_btn_static_color, #382F3A) !important;
  color: #FFFFFF;
  color: var(--global_action_btn_static_icon_color, #FFFFFF) !important;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
}
.lab-grown-collections-wrapper .header .favorites .share .translucent {
  border-radius: 100%;
}
.lab-grown-collections-wrapper .header .favorites .share:hover {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
}
.lab-grown-collections-wrapper .header .favorites .disableLink, .lab-grown-collections-wrapper .header .favorites .disableLink:hover {
  background-color: #BFBFC3;
  background-color: var(--option_btn_disabled_color, #BFBFC3) !important;
  color: #FFFFFF;
  color: var(--global_action_btn_static_icon_color, #FFFFFF) !important;
  pointer-events: none;
}
.lab-grown-collections-wrapper .header .favorites .share_dropdown_wrapper .dropdown-menu {
  right: 0 !important;
  top: calc(100% + 15px) !important;
  left: unset !important;
}
.lab-grown-collections-wrapper .header .favorites .share_dropdown_wrapper .dropdown-menu:before {
  right: -5px !important;
  left: unset !important;
}
.lab-grown-collections-wrapper .header .favorites .share_dropdown_wrapper .dropdown-menu:after {
  right: -3px !important;
  left: unset !important;
}
.lab-grown-collections-wrapper .mobile-collection-header {
  display: none;
  height: 50px;
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
}
.lab-grown-collections-wrapper .mobile-collection-header > div {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.lab-grown-collections-wrapper .mobile-collection-header > div.active {
  border-bottom: 3px solid;
  color: #804294;
  color: var(--option_btn_off_font_color, #804294) !important;
  border-color: #804294;
  border-color: var(--option_btn_off_font_color, #804294) !important;
}
.lab-grown-collections-wrapper .collections-body {
  display: flex;
}
.lab-grown-collections-wrapper .collections-body .collection-list {
  width: 42%;
  padding: 0 15px;
  overflow-y: scroll;
  -ms-overflow-style: none;
  height: 550px;
}
.lab-grown-collections-wrapper .collections-body .collection-list::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 768px) {
  .lab-grown-collections-wrapper .collections-body .collection-list {
    height: calc(100vh - 125px);
  }
}
.lab-grown-collections-wrapper .collections-body .collection-list .dnd-drag-over {
  border: unset;
  opacity: 0.2;
}
.lab-grown-collections-wrapper .collections-body .collection-list .content {
  position: relative;
}
.lab-grown-collections-wrapper .collections-body .collection-list .content ul {
  list-style: none;
  padding-left: 20px;
  display: flex;
}
.lab-grown-collections-wrapper .collections-body .collection-list .content ul li {
  padding: 0px 10px 10px 0px;
}
.lab-grown-collections-wrapper .collections-body .collection-list .content ul li.drop-here {
  opacity: 0.3;
}
.lab-grown-collections-wrapper .collections-body .collection-list .content ul li .collection-box {
  padding: 5px;
  position: relative;
  height: 200px;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
}
.lab-grown-collections-wrapper .collections-body .collection-list .content ul li .collection-box#create_new_collection {
  cursor: pointer;
}
.lab-grown-collections-wrapper .collections-body .collection-list .content ul li .collection-content {
  position: relative;
}
.lab-grown-collections-wrapper .collections-body .collection-list .content ul li .collection-content .add-new {
  width: 80px;
  height: 80px;
  display: block;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  color: #804294;
  color: var(--option_btn_off_icon_color, #804294) !important;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
  border-radius: 50%;
  margin: 25px auto 0;
  font-size: 45px;
}
.lab-grown-collections-wrapper .collections-body .collection-list .content ul li .collection-content .add-new .translucent {
  border-radius: 100%;
}
.lab-grown-collections-wrapper .collections-body .collection-list .content ul li .collection-content .add-new:hover {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
}
.lab-grown-collections-wrapper .collections-body .collection-list .content ul li .collection-content .items-count {
  width: 80px;
  height: 80px;
  border-radius: 100%;
  display: block;
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  color: #804294;
  color: var(--option_btn_off_icon_color, #804294) !important;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
  margin: 0 auto;
  padding-top: 15px;
  margin-top: 10px;
  text-decoration: none;
  color: inherit;
  font-size: 16px;
}
.lab-grown-collections-wrapper .collections-body .collection-list .content ul li .collection-content .items-count .num {
  display: block;
  font-size: 20px;
}
.lab-grown-collections-wrapper .collections-body .collection-list .content ul li .collection-content .items-count:hover {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
}
.lab-grown-collections-wrapper .collections-body .collection-list .content ul li .collection-content .edit-name input {
  padding: 8px;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
  border-color: #BFBFC3;
  border-color: var(--input_field_line_static, #BFBFC3) !important;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_static, #FFFFFF) !important;
}
.lab-grown-collections-wrapper .collections-body .collection-list .content ul li .collection-content .text {
  margin-top: 10px;
  font-size: 18px;
  display: block;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.lab-grown-collections-wrapper .collections-body .collection-list .content ul li .collection-content .actions {
  margin-top: 10px;
  display: flex;
  justify-content: center;
}
.lab-grown-collections-wrapper .collections-body .collection-list .content ul li .collection-content .actions .dropdown_wrapper a, .lab-grown-collections-wrapper .collections-body .collection-list .content ul li .collection-content .actions .dropdown_wrapper a:visited, .lab-grown-collections-wrapper .collections-body .collection-list .content ul li .collection-content .actions .dropdown_wrapper a:hover, .lab-grown-collections-wrapper .collections-body .collection-list .content ul li .collection-content .actions .dropdown_wrapper a:active, .lab-grown-collections-wrapper .collections-body .collection-list .content ul li .collection-content .actions .dropdown_wrapper a:focus {
  outline: none !important;
  -webkit-appearance: none;
}
.lab-grown-collections-wrapper .collections-body .collection-list .content ul li .collection-content .actions .edit, .lab-grown-collections-wrapper .collections-body .collection-list .content ul li .collection-content .actions .delete {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  -webkit-appearance: none;
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_icon_color, #FFFFFF) !important;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
}
.lab-grown-collections-wrapper .collections-body .collection-list .content ul li .collection-content .actions .edit .translucent, .lab-grown-collections-wrapper .collections-body .collection-list .content ul li .collection-content .actions .delete .translucent {
  border-radius: 100%;
}
.lab-grown-collections-wrapper .collections-body .collection-list .content ul li .collection-content .actions .edit:hover, .lab-grown-collections-wrapper .collections-body .collection-list .content ul li .collection-content .actions .delete:hover {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
}
.lab-grown-collections-wrapper .collections-body .collection-list .content ul li .collection-content .actions .disableLink, .lab-grown-collections-wrapper .collections-body .collection-list .content ul li .collection-content .actions .disableLink:hover {
  background-color: #BFBFC3;
  background-color: var(--option_btn_disabled_color, #BFBFC3) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_icon_color, #FFFFFF) !important;
  pointer-events: none;
}
.lab-grown-collections-wrapper .collections-body .collection-list .content ul li .collection-content .actions .edit {
  margin-right: 10px;
}
.lab-grown-collections-wrapper .collections-body .favorited-items {
  width: 58%;
  padding: 0 15px;
}
.lab-grown-collections-wrapper .collections-body .favorited-items .scrollable {
  overflow-y: scroll;
  height: 550px;
}
@media screen and (max-width: 768px) {
  .lab-grown-collections-wrapper .collections-body .favorited-items .scrollable {
    height: calc(100vh - 125px);
  }
}
.lab-grown-collections-wrapper .collections-body .favorited-items .scrollable .content {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
}
.lab-grown-collections-wrapper .collections-body .collection-btn-container {
  display: none;
  justify-content: center;
  align-items: center;
}
.lab-grown-collections-wrapper .collections-body .collection-btn-container .add-to-collection-btn {
  width: 40px;
  height: 40px;
  display: inline-block;
  background-size: 22px 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_icon_color, #FFFFFF) !important;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  margin: 10px;
}
.lab-grown-collections-wrapper .collections-body .collection-btn-container .share {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_icon_color, #FFFFFF) !important;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
}
.lab-grown-collections-wrapper .collections-body .collection-btn-container .share .translucent {
  border-radius: 100%;
}
.lab-grown-collections-wrapper .collections-body .collection-btn-container .share:hover {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
}
.lab-grown-collections-wrapper .collections-body .collection-btn-container .disableLink, .lab-grown-collections-wrapper .collections-body .collection-btn-container .disableLink:hover {
  background-color: #BFBFC3;
  background-color: var(--option_btn_disabled_color, #BFBFC3) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_icon_color, #FFFFFF) !important;
  pointer-events: none;
}
.lab-grown-collections-wrapper .collections-body .collection-btn-container .share_dropdown_wrapper .dropdown-menu {
  right: -145px !important;
}
.lab-grown-collections-wrapper .collections-body .collection-btn-container .share_dropdown_wrapper .dropdown-menu:before, .lab-grown-collections-wrapper .collections-body .collection-btn-container .share_dropdown_wrapper .dropdown-menu:after {
  left: 37% !important;
}
.lab-grown-collections-wrapper .collections-body .favorited-items, .lab-grown-collections-wrapper .collections-body .draggable-append {
  overflow-y: scroll;
  -ms-overflow-style: none;
  height: 550px;
}
.lab-grown-collections-wrapper .collections-body .favorited-items::-webkit-scrollbar, .lab-grown-collections-wrapper .collections-body .draggable-append::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 768px) {
  .lab-grown-collections-wrapper .collections-body .favorited-items, .lab-grown-collections-wrapper .collections-body .draggable-append {
    height: calc(100vh - 125px);
  }
}
.lab-grown-collections-wrapper .collections-body .favorited-items.draggable-append, .lab-grown-collections-wrapper .collections-body .draggable-append.draggable-append {
  overflow: visible;
  height: auto;
}
.lab-grown-collections-wrapper .collections-body .favorited-items .content, .lab-grown-collections-wrapper .collections-body .draggable-append .content {
  position: relative;
  padding: 10px;
}
.lab-grown-collections-wrapper .collections-body .favorited-items .content .dnd-drag-start, .lab-grown-collections-wrapper .collections-body .draggable-append .content .dnd-drag-start {
  border: unset;
  transform: none;
}
.lab-grown-collections-wrapper .collections-body .favorited-items .content ul, .lab-grown-collections-wrapper .collections-body .draggable-append .content ul {
  padding: 0px;
  list-style: none;
}
.lab-grown-collections-wrapper .collections-body .favorited-items .content ul li, .lab-grown-collections-wrapper .collections-body .draggable-append .content ul li {
  margin: 0px;
  border-bottom: 1px solid rgba(55, 54, 64, 0.22);
  padding: 15px 0px;
  z-index: 10;
  display: flex;
  align-items: center;
}
.lab-grown-collections-wrapper .collections-body .favorited-items .content ul li .drag-selector span, .lab-grown-collections-wrapper .collections-body .draggable-append .content ul li .drag-selector span {
  border-radius: 100%;
  border: solid 2px;
  border-color: #9665A6;
  border-color: var(--option_btn_on_color, #9665A6) !important;
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  width: 30px;
  height: 30px;
  display: block;
}
.lab-grown-collections-wrapper .collections-body .favorited-items .content ul li.dnd-drag-start .drag-selector span, .lab-grown-collections-wrapper .collections-body .favorited-items .content ul li.selected .drag-selector span, .lab-grown-collections-wrapper .collections-body .draggable-append .content ul li.dnd-drag-start .drag-selector span, .lab-grown-collections-wrapper .collections-body .draggable-append .content ul li.selected .drag-selector span {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  font-weight: bold;
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
}
.lab-grown-collections-wrapper .collections-body .favorited-items .content ul li .diamond-shape .shape, .lab-grown-collections-wrapper .collections-body .draggable-append .content ul li .diamond-shape .shape {
  display: block;
  width: 40px;
  height: 40px;
  margin-left: 0px;
  display: flex;
}
.lab-grown-collections-wrapper .collections-body .favorited-items .content ul li .diamond-shape .shape.circle, .lab-grown-collections-wrapper .collections-body .draggable-append .content ul li .diamond-shape .shape.circle {
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  color: #804294;
  color: var(--option_btn_off_icon_color, #804294) !important;
  font-size: 25px;
  border-radius: 50%;
}
.lab-grown-collections-wrapper .collections-body .favorited-items .content ul li .info .name, .lab-grown-collections-wrapper .collections-body .draggable-append .content ul li .info .name {
  font-size: 20px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  margin-bottom: 5px;
}
.lab-grown-collections-wrapper .collections-body .favorited-items .content ul li .info .availaibility, .lab-grown-collections-wrapper .collections-body .draggable-append .content ul li .info .availaibility {
  width: 15px;
  height: 15px;
  border-radius: 100%;
  display: inline-block;
  margin-right: 5px;
}
.lab-grown-collections-wrapper .collections-body .favorited-items .content ul li .info .availaibility.red, .lab-grown-collections-wrapper .collections-body .draggable-append .content ul li .info .availaibility.red {
  background-color: #d0021b;
}
.lab-grown-collections-wrapper .collections-body .favorited-items .content ul li .info .availaibility.green, .lab-grown-collections-wrapper .collections-body .draggable-append .content ul li .info .availaibility.green {
  background-color: #7ED321;
}
.lab-grown-collections-wrapper .collections-body .favorited-items .content ul li .info .collection-name, .lab-grown-collections-wrapper .collections-body .draggable-append .content ul li .info .collection-name {
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.lab-grown-collections-wrapper .collections-body .favorited-items .content ul li .actions, .lab-grown-collections-wrapper .collections-body .draggable-append .content ul li .actions {
  display: flex;
}
.lab-grown-collections-wrapper .collections-body .favorited-items .content ul li .actions .view, .lab-grown-collections-wrapper .collections-body .favorited-items .content ul li .actions .delete, .lab-grown-collections-wrapper .collections-body .draggable-append .content ul li .actions .view, .lab-grown-collections-wrapper .collections-body .draggable-append .content ul li .actions .delete {
  width: 40px;
  height: 40px;
  display: inline-block;
  background-size: 22px 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_icon_color, #FFFFFF) !important;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  margin: 10px;
}
.lab-grown-collections-wrapper .collections-body .favorited-items .content ul li .actions .view .translucent, .lab-grown-collections-wrapper .collections-body .favorited-items .content ul li .actions .delete .translucent, .lab-grown-collections-wrapper .collections-body .draggable-append .content ul li .actions .view .translucent, .lab-grown-collections-wrapper .collections-body .draggable-append .content ul li .actions .delete .translucent {
  border-radius: 100%;
}
.model-color {
  background-color: #F4F4F4;
  background-color: var(--main_bg_color, #F4F4F4) !important;
  border-color: #F4F4F4;
  border-color: var(--main_bg_color, #F4F4F4) !important;
}
.modal-header .main-bg-font-color {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.modal-header:hover {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.add-collection-modal .highlight-color {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
.add-collection-modal .highlight-color input {
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_static, #FFFFFF) !important;
  border: 1px solid;
  border-color: #BFBFC3;
  border-color: var(--input_field_line_static, #BFBFC3) !important;
}
.add-collection-modal .highlight-color input:focus {
  border: 1px solid;
  border-color: #804294;
  border-color: var(--input_field_line_active, #804294) !important;
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_active, #FFFFFF) !important;
}
.modal-backdrop.light-box {
  background-color: rgba(0, 0, 0, 0.7);
  background-color: var(--light_box, rgba(0, 0, 0, 0.7)) !important;
}
@media (min-width: 1025px) and (max-width: 1100px) {
  .favorited-items li {
    justify-content: space-between;
  }
  .favorited-items li .drag-selector, .favorited-items li .diamond-shape, .favorited-items li .info, .favorited-items li .actions {
    padding: 0;
  }
  .favorited-items li .info {
    text-align: center;
    width: 200px;
    flex: unset;
  }
  .favorited-items li .actions a {
    margin: 10px 5px !important;
  }
}
@media screen and (max-width: 1024px) {
  .lab-grown-collections-wrapper {
    flex-wrap: wrap;
  }
  .lab-grown-collections-wrapper .collection-btn-container {
    display: flex !important;
  }
  .lab-grown-collections-wrapper .mobile-collection-header {
    display: flex !important;
  }
  .lab-grown-collections-wrapper .header {
    display: none;
  }
  .lab-grown-collections-wrapper .collection-list, .lab-grown-collections-wrapper .favorited-items {
    width: 100% !important;
    padding: 0;
  }
  .lab-grown-collections-wrapper .favorited-items .drag-selector, .lab-grown-collections-wrapper .favorited-items .actions {
    padding: 0;
  }
  .lab-grown-collections-wrapper .favorited-items .info .name {
    font-size: 15px !important;
    margin-bottom: unset !important;
  }
  .lab-grown-collections-wrapper .favorited-items .actions {
    justify-content: flex-end;
  }
  .lab-grown-collections-wrapper .favorited-items .actions a {
    margin: 10px 1px !important;
  }
  .lab-grown-collections-wrapper .collection-list ul {
    padding-left: 0 !important;
    margin: 0 !important;
  }
  .lab-grown-collections-wrapper .collection-list ul li {
    padding: 10px !important;
  }
  .lab-grown-collections-wrapper .hideSmXs {
    display: none;
  }
}
@media screen and (max-width: 500px) {
  .favorited-items .actions a {
    margin: 10px 1px !important;
  }
}
.dropdown_collection_lab {
  margin-left: 15px;
}
.dropdown_collection_lab .dropdown-toggle::after {
  display: none;
}
.dropdown_collection_lab .dropdown_wrapper {
  display: inline-block !important;
  position: relative !important;
}
.dropdown_collection_lab .dropdown-item {
  background-color: #E5E5E5;
  background-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
  color: #4F4E57;
  color: var(--drop_menu_static_font_color, #4F4E57) !important;
  padding: 16px 16px;
  font-size: 15px;
  border-bottom: 0.5px solid #ffffffb8;
}
.dropdown_collection_lab .dropdown-item span {
  margin-right: 20px;
  color: #4F4E57;
  color: var(--drop_menu_static_icon_color, #4F4E57) !important;
  font-size: 18px;
}
.dropdown_collection_lab .margin-lr {
  margin-right: 15px;
  margin-left: 15px;
}
.dropdown_collection_lab .dropdown-menu {
  right: -165px !important;
  transform: translate(0) !important;
  top: calc(100% + 15px) !important;
  left: auto !important;
  min-width: 242px !important;
  padding: 0px;
  border-radius: 0px;
  color: #4F4E57;
  color: var(--drop_menu_static_font_color, #4F4E57) !important;
  border-bottom: 1px solid;
  border: 1px solid;
  background-color: #E5E5E5;
  background-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
  border-color: #804294;
  border-color: var(--drop_menu_active_bg_color, #804294) !important;
}
.dropdown_collection_lab .dropdown-menu:after {
  position: absolute;
  left: 32%;
  transform: translateX(-50%);
  top: -12px;
  width: 0;
  height: 0;
  content: "";
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid;
  border-bottom-color: #E5E5E5;
  border-bottom-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
}
.dropdown_collection_lab .dropdown-menu:before {
  position: absolute;
  left: 32%;
  transform: translateX(-50%);
  top: -14px;
  width: 0;
  height: 0;
  content: "";
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  border-bottom: 13px solid;
  border-bottom-color: #804294;
  border-bottom-color: var(--drop_menu_active_bg_color, #804294) !important;
}
.dropdown_collection_lab .dropdown-item:hover {
  background-color: #E5E5E5;
  background-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
  color: #4F4E57;
  color: var(--drop_menu_static_font_color, #4F4E57) !important;
  padding: 16px 16px;
  font-size: 15px;
  border-bottom: 0.5px solid #ffffffb8;
}
@media screen and (max-width: 420px) {
  .dropdown_collection {
    margin-left: 0px !important;
  }
  .dropdown_collection .dropdown-menu:after {
    left: 32% !important;
  }
  .dropdown_collection .dropdown-menu:before {
    left: 32% !important;
  }
}
.lab-grown-collection-wrapper .head-bar {
  position: relative;
  margin-bottom: 20px;
}
.lab-grown-collection-wrapper .head-bar .row.buttons {
  position: relative;
  padding: 20px 0px;
}
.lab-grown-collection-wrapper .head-bar .row.buttons .remove-all {
  line-height: 40px;
  border-radius: 22px;
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
  font-weight: 500;
  padding: 0px 30px;
  display: inline-block;
  margin: 10px;
}
.lab-grown-collection-wrapper .head-bar .row.buttons .remove-all:hover {
  opacity: 0.8;
}
.lab-grown-collection-wrapper .head-bar .row.buttons .action-links .dropdown_wrapper a, .lab-grown-collection-wrapper .head-bar .row.buttons .action-links .dropdown_wrapper a:visited, .lab-grown-collection-wrapper .head-bar .row.buttons .action-links .dropdown_wrapper a:hover, .lab-grown-collection-wrapper .head-bar .row.buttons .action-links .dropdown_wrapper a:active, .lab-grown-collection-wrapper .head-bar .row.buttons .action-links .dropdown_wrapper a:focus {
  outline: none !important;
  -webkit-appearance: none;
}
.lab-grown-collection-wrapper .head-bar .row.buttons .action-links a {
  text-decoration: none;
  margin-right: 15px;
  display: inline-flex;
  -webkit-appearance: none;
}
.lab-grown-collection-wrapper .head-bar .row.buttons .action-links a:last-child {
  margin-right: 0px;
}
.lab-grown-collection-wrapper .head-bar .row.buttons .action-links a span.icon {
  position: relative;
  display: inline-block;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  color: #804294;
  color: var(--option_btn_off_icon_color, #804294) !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.lab-grown-collection-wrapper .head-bar .row.buttons .action-links a.selected .icon {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
}
.lab-grown-collection-wrapper .head-bar .row.buttons .action-links a:hover .icon {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
}
.lab-grown-collection-wrapper .head-bar .row.buttons a.share {
  float: none;
}
.lab-grown-collection-wrapper .head-bar .row.buttons .examine {
  line-height: 40px;
  border-radius: 22px;
  background-color: #fff;
  padding: 0px 15px;
  display: inline-block;
  color: #804294;
  float: right;
  margin: 10px;
}
.lab-grown-collection-wrapper .collection-list {
  max-height: calc(100vh - 270px);
  overflow: auto;
}
@media screen and (max-width: 768px) {
  .lab-grown-collection-wrapper .collection-list {
    max-height: calc(100vh - 205px);
  }
}
.lab-grown-collection-wrapper .collection-list .boxed {
  padding-top: 33px;
}
.lab-grown-collection-wrapper .collection-list .boxed .box-content .box-data .image-container {
  position: relative;
  width: 100%;
  max-width: 314px;
  margin: 0 auto;
  border: 2px solid;
  border-color: transparent;
}
.lab-grown-collection-wrapper .collection-list .boxed .box-content .box-data .image-container.selected {
  border-color: #9665A6;
  border-color: var(--option_btn_on_color, #9665A6) !important;
}
.lab-grown-collection-wrapper .collection-list .boxed .box-content .box-data .image-container .selector-radio {
  border-radius: 100%;
  border: solid 2px;
  width: 30px;
  height: 30px;
  display: block;
  position: absolute;
  bottom: 15px;
  left: 15px;
  border-color: #9665A6;
  border-color: var(--option_btn_on_color, #9665A6) !important;
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
}
.lab-grown-collection-wrapper .collection-list .boxed .box-content .box-data .image-container .selector-radio.selected {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  font-weight: bold;
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
}
.lab-grown-collection-wrapper .collection-list .boxed .box-content .box-data .image-container .image-box {
  position: relative;
  display: block;
}
.lab-grown-collection-wrapper .collection-list .boxed .box-content .box-data .image-container .svg-box {
  text-align: center;
  padding-top: 18%;
  opacity: 0.6;
}
.lab-grown-collection-wrapper .collection-list .boxed .box-content .box-data .image-container .svg-box .no-image-label {
  font-size: 19px;
  padding-top: 30px;
  text-align: center;
  font-weight: inherit;
  font-family: inherit;
  letter-spacing: normal;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.lab-grown-collection-wrapper .collection-list .boxed .box-content .box-data .image-container span.image-cover {
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50px;
  height: 314px;
}
.lab-grown-collection-wrapper .collection-list .boxed .box-content .box-data .image-container span.image-cover.image-downloaded {
  background-size: cover;
}
.lab-grown-collection-wrapper .collection-list .boxed .box-content .box-data .image-container span.image-cover img {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  background-color: var(--image_bg_color, #FFFFFF) !important;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-fit: var(--cover_image_bg_size, cover) !important;
     object-fit: var(--cover_image_bg_size, cover) !important;
}
.lab-grown-collection-wrapper .collection-list .boxed .box-content .box-data .image-container .video-box {
  width: 100%;
  height: 314px;
  max-width: 314px;
  margin: 0 auto;
  position: relative;
}
.lab-grown-collection-wrapper .collection-list .boxed .box-content .box-data .image-container .video-box video {
  -o-object-fit: inherit;
     object-fit: inherit;
}
.lab-grown-collection-wrapper .collection-list .boxed .box-content .box-data .image-container .video-box video, .lab-grown-collection-wrapper .collection-list .boxed .box-content .box-data .image-container .video-box iframe {
  width: 100%;
  height: 100%;
}
.lab-grown-collection-wrapper .collection-list .boxed .box-content .box-data .image-container .video-box .external-link {
  display: block;
  width: 190px;
  margin: 0 auto;
}
.lab-grown-collection-wrapper .collection-list .boxed .box-content .box-data .image-container .video-box .no-video {
  background-color: #ffffff;
}
.lab-grown-collection-wrapper .collection-list .boxed .box-content .box-data .image-container .video-box .no-video .message {
  display: block;
  color: #a4a4a5;
  text-align: center;
  line-height: 200px;
  position: relative;
  font-size: 18px;
}
.lab-grown-collection-wrapper .collection-list .boxed .box-content .box-data .image-container .video-box .video-box-external-play {
  position: relative;
}
.lab-grown-collection-wrapper .collection-list .boxed .box-content .box-data .image-container .video-box .video-box-external-play .video-cover {
  height: 314px;
  max-width: 314px;
  margin: 0 auto;
  width: 100%;
  display: block;
  background-size: cover;
  background-position: center;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
.lab-grown-collection-wrapper .collection-list .boxed .box-content .box-data .image-container .video-box .video-box-external-play .play-video {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.lab-grown-collection-wrapper .collection-list .boxed .box-content .box-data .image-container .video-box .video-box-external-play .play-video a .video_play_icon {
  color: white;
  font-size: 67px;
  text-shadow: 0.5px 0.3px 1px #3b3e3b91;
}
.lab-grown-collection-wrapper .collection-list .boxed .box-content .box-data .image-container .availability {
  position: absolute;
  width: 26px;
  height: 26px;
  background-color: grey;
  border-radius: 100%;
  display: inline-block;
  top: 10px;
  left: 10px;
}
.lab-grown-collection-wrapper .collection-list .boxed .box-content .box-data .image-container .availability span.yes, .lab-grown-collection-wrapper .collection-list .boxed .box-content .box-data .image-container .availability span.no {
  width: 22px;
  height: 22px;
  color: #7ED321;
  border-radius: 100%;
  text-align: center;
  display: inline-block;
  margin: 2px;
}
.lab-grown-collection-wrapper .collection-list .boxed .box-content .box-data .image-container .availability span.yes {
  background-color: #7ED321;
}
.lab-grown-collection-wrapper .collection-list .boxed .box-content .box-data .image-container .availability span.no {
  background-color: #d0021b;
}
.lab-grown-collection-wrapper .collection-list .boxed .box-content .box-data .image-container .delete {
  position: absolute;
  top: 10px;
  right: 10px;
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background-color: grey;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0.8;
  color: #FFFFFF;
  color: var(--action_btn_static_icon_color, #FFFFFF) !important;
}
.lab-grown-collection-wrapper .collection-list .boxed .box-content .box-data .image-detail {
  max-width: 314px;
  margin: 20px auto;
  font-size: 16px;
  font-weight: 500;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.dropdown_wrapper {
  display: inline-block !important;
  position: relative !important;
}
.dropdown_coll_lab {
  margin-left: 15px;
}
.dropdown_coll_lab .dropdown-toggle::after {
  display: none;
}
.dropdown_coll_lab .dropdown-item {
  background-color: #E5E5E5;
  background-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
  color: #4F4E57;
  color: var(--drop_menu_static_font_color, #4F4E57) !important;
  padding: 16px 16px;
  font-size: 15px;
  border-bottom: 0.5px solid #ffffffb8;
}
.dropdown_coll_lab .dropdown-item span {
  margin-right: 20px;
  color: #4F4E57;
  color: var(--drop_menu_static_icon_color, #4F4E57) !important;
  font-size: 18px;
}
.dropdown_coll_lab .margin-lr {
  margin-right: 15px;
  margin-left: 15px;
}
.dropdown_coll_lab .dropdown-menu {
  right: -66px !important;
  transform: translate(0) !important;
  top: calc(100% + 15px) !important;
  left: auto !important;
  max-width: 290px !important;
  padding: 0px;
  border-radius: 0px;
  color: #4F4E57;
  color: var(--drop_menu_static_font_color, #4F4E57) !important;
  border-bottom: 1px solid;
  border: 1px solid;
  background-color: #E5E5E5;
  background-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
  border-color: #804294;
  border-color: var(--drop_menu_active_bg_color, #804294) !important;
}
.dropdown_coll_lab .dropdown-menu:after {
  position: absolute;
  left: 62%;
  transform: translateX(-50%);
  top: -12px;
  width: 0;
  height: 0;
  content: "";
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid;
  border-bottom-color: #E5E5E5;
  border-bottom-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
}
.dropdown_coll_lab .dropdown-menu:before {
  position: absolute;
  left: 62%;
  transform: translateX(-50%);
  top: -14px;
  width: 0;
  height: 0;
  content: "";
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  border-bottom: 13px solid;
  border-bottom-color: #804294;
  border-bottom-color: var(--drop_menu_active_bg_color, #804294) !important;
}
.dropdown_coll_lab .dropdown-item:hover {
  background-color: #E5E5E5;
  background-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
  color: #4F4E57;
  color: var(--drop_menu_static_font_color, #4F4E57) !important;
  padding: 16px 16px;
  font-size: 15px;
  border-bottom: 0.5px solid #ffffffb8;
}
@media screen and (max-width: 320px) {
  .dropdown_coll_lab {
    margin-left: 0px !important;
  }
  .dropdown_coll_lab .dropdown-menu {
    right: -30px !important;
    left: auto !important;
  }
  .dropdown_coll_lab .dropdown-menu:after, .dropdown_coll_lab .dropdown-menu:before {
    left: 75% !important;
  }
}
.lab-grown-saved-search-wrapper .saved-search-header {
  height: 100px;
  width: 100%;
  text-align: center;
  padding: 30px 0;
}
.lab-grown-saved-search-wrapper .saved-search-header h3 {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.lab-grown-saved-search-wrapper .no-saved-search {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  padding: 10px 0px;
  border-bottom: 1px solid transparent;
}
.lab-grown-saved-search-wrapper ul.saved-rows {
  padding: 0px;
  list-style: none;
}
.lab-grown-saved-search-wrapper ul.saved-rows li {
  padding: 10px 0px;
  border-bottom: 2px solid;
  margin: 0;
  border-bottom-color: #F4F4F4;
  border-bottom-color: var(--main_bg_color, #F4F4F4) !important;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
.lab-grown-saved-search-wrapper ul.saved-rows li .retail-diamond {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 64px;
}
.lab-grown-saved-search-wrapper ul.saved-rows li .retail-diamond .LAB-Icon {
  font-size: 30px;
}
.lab-grown-saved-search-wrapper ul.saved-rows li .details {
  font-size: 18px;
}
.lab-grown-saved-search-wrapper ul.saved-rows li .details input {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
  width: 100%;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_static, #FFFFFF) !important;
}
.lab-grown-saved-search-wrapper ul.saved-rows li .details input:focus {
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_active, #FFFFFF) !important;
}
.lab-grown-saved-search-wrapper ul.saved-rows li .actions {
  padding-top: 10px;
  display: flex;
}
.lab-grown-saved-search-wrapper ul.saved-rows li .actions a {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  color: #804294;
  color: var(--option_btn_off_icon_color, #804294) !important;
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.29);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
}
.lab-grown-saved-search-wrapper ul.saved-rows li .actions a:hover {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
}
@media screen and (max-width: 768px) {
  .lab-grown-saved-search-wrapper .saved-search-header {
    display: none;
  }
}
@media screen and (max-width: 670px) {
  .lab-grown-saved-search-wrapper .saved-rows li {
    margin: 0;
    padding: 10px !important;
  }
  .lab-grown-saved-search-wrapper .saved-rows li .ss-icon-container {
    width: 15%;
    margin: 0;
    padding: 0px;
    height: unset;
    display: flex;
    align-items: center;
  }
  .lab-grown-saved-search-wrapper .saved-rows li .ss-icon-container .retail-diamond {
    height: unset;
  }
  .lab-grown-saved-search-wrapper .saved-rows li .ss-icon-container .retail-diamond .LAB-Icon {
    font-size: 18px;
  }
  .lab-grown-saved-search-wrapper .saved-rows li .title-container {
    width: 80%;
  }
  .lab-grown-saved-search-wrapper .saved-rows li .title-container .details {
    width: 100%;
  }
  .lab-grown-saved-search-wrapper .saved-rows li .title-container .details .text {
    word-break: break-all;
    font-size: 15px;
  }
  .lab-grown-saved-search-wrapper .saved-rows li .action-container {
    width: 100%;
    display: flex;
    justify-content: center;
  }
}
.lab-grown-search_coach_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(5, 5, 5, 0.71);
  z-index: 9999;
}
.lab-grown-search_coach_overlay .overlay-content {
  margin-top: 140px;
  margin-left: 80px;
}
.lab-grown-search_coach_overlay .overlay-content .filter-btn {
  height: 50px;
  width: 50px;
  display: block;
  border-radius: 100px;
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.29);
}
.lab-grown-search_coach_overlay .overlay-content .curved_arrow {
  transform: rotate(60deg);
  display: block;
  height: 100px;
  width: 100px;
  font-size: 42px;
  margin-left: 30px;
  margin-top: -10px;
  color: #ffffff;
}
.lab-grown-search_coach_overlay .overlay-content .text {
  color: #ffffff;
  font-size: 40px;
  margin-left: 70px;
  width: 875px;
  margin-top: -10px;
  text-align: center;
  line-height: 1.3;
}
.lab-grown-search_coach_overlay .overlay-content .submit-btn {
  height: 67px;
  width: 220px;
  margin: 100px auto 0;
  display: block;
  background-color: rgba(139, 139, 139, 0.67);
  color: #fff;
  font-size: 36px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  outline: none;
  border: none;
  cursor: pointer;
}
.lab-grown-top-bar {
  display: flex;
  width: 100%;
  padding: 10px 15px;
}
.lab-grown-top-bar .top-left {
  width: 50%;
  align-items: center;
  display: flex;
}
.lab-grown-top-bar .top-left .back-box {
  height: 100%;
  width: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.lab-grown-top-bar .top-left .back-box .back a {
  cursor: pointer;
  font-size: 22px;
}
.lab-grown-top-bar .top-left .back-box .back a:before {
  color: #804294;
  color: var(--main_bg_icon_color, #804294) !important;
}
.lab-grown-top-bar .top-left .filters .category-toggler {
  height: 48px;
  width: 48px;
  display: block;
  border-radius: 100px;
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.29);
}
.lab-grown-top-bar .top-left .search-results {
  margin-left: 15px;
  display: flex;
  align-items: baseline;
}
.lab-grown-top-bar .top-left .search-results .title {
  height: 36px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-size: 30px;
  line-height: 36px;
}
.lab-grown-top-bar .top-left .search-results .result-count {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-size: 14px;
  line-height: 14px;
  margin-left: 15px;
}
.lab-grown-top-bar .top-right {
  width: 50%;
  align-items: center;
  display: flex;
  justify-content: flex-end;
}
.lab-grown-top-bar .top-right .switch-views {
  margin-right: 30px;
}
.lab-grown-top-bar .top-right .switch-views a {
  display: inline-flex;
  font-size: 24px;
  color: #ACACAF;
}
.lab-grown-top-bar .top-right .switch-views a.active {
  color: #9665A6;
  color: var(--option_btn_on_color, #9665A6) !important;
}
.lab-grown-top-bar .top-right .switch-views .grid-switch {
  margin-right: 10px;
}
.lab-grown-top-bar .top-right .search-actions {
  display: flex;
}
.lab-grown-top-bar .top-right .search-actions .new-search {
  display: inline-flex;
  width: 130px;
  border-radius: 100px;
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
  font-size: 14px;
  line-height: 18px;
  padding: 15px 10px;
  margin-right: 10px;
  justify-content: center;
  align-items: center;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
}
.lab-grown-top-bar .top-right .search-actions .refine {
  width: 130px;
  margin-right: 10px;
  display: inline-flex;
  border-radius: 100px;
  font-size: 14px;
  line-height: 18px;
  padding: 15px 10px;
  border: 2px solid;
  justify-content: center;
  align-items: center;
  background-color: transparent !important;
  outline: none;
  border-color: #804294;
  border-color: var(--action_btn_secondary_color, #804294) !important;
  color: #804294;
  color: var(--action_btn_secondary_font_color, #804294) !important;
}
.lab-grown-top-bar .top-right .search-actions .save-search {
  height: 48px;
  width: 48px;
  display: inline-flex;
  border-radius: 100px;
  font-size: 14px;
  line-height: 18px;
  padding: 15px 10px;
  color: #FFFFFF;
  color: var(--action_btn_static_icon_color, #FFFFFF) !important;
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  margin: 0;
  font-size: 18px;
  opacity: 0.8;
  justify-content: center;
  align-items: center;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
}
.lab-grown-filtered-categories {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  min-height: 40px;
  padding: 6px 16px;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin-bottom: 20px;
}
.lab-grown-filtered-categories .bulk-action-container {
  position: relative;
  margin-right: 30px;
  padding: 5px 0;
}
.lab-grown-filtered-categories .bulk-action-container .bulk-action-btn {
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
  font-size: 14px;
  width: 130px;
  height: 32px;
  border-radius: 16px;
  border-color: transparent;
  position: relative;
}
.lab-grown-filtered-categories .bulk-action-container .bulk-action-btn .dots_v {
  font-size: 24px;
}
.lab-grown-filtered-categories .bulk-action-container .bulk-action-btn .diamond-counter {
  display: inline-flex;
  position: absolute;
  top: -7px;
  right: -5px;
  font-size: 11px;
  line-height: 12px;
  height: 21px;
  width: 21px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  background-color: #d0021b;
  color: #ffffff;
}
.lab-grown-filtered-categories .bulk-action-container .bulk-action-btn.disabled {
  pointer-events: none;
  background-color: #BFBFC3;
  background-color: var(--option_btn_disabled_color, #BFBFC3) !important;
}
.lab-grown-filtered-categories .bulk-action-container ul {
  padding: 15px;
  width: 100%;
  margin: 0;
  width: 196px;
  background-color: #F4F4F4;
  background-color: var(--main_bg_color, #F4F4F4) !important;
  border-color: transparent;
}
.lab-grown-filtered-categories .bulk-action-container ul li {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.lab-grown-filtered-categories .bulk-action-container ul li > span {
  margin-right: 10px;
  color: #9665A6;
  color: var(--option_btn_on_color, #9665A6) !important;
}
.lab-grown-filtered-categories .bulk-action-container ul li > span.bulk_order_add {
  font-size: 24px;
  margin-left: -3px;
}
.lab-grown-filtered-categories .bulk-action-container ul li > span.icon_results_image_favorite_off {
  font-size: 16px;
}
.lab-grown-filtered-categories .bulk-action-container ul li > span.icon_setting_menu_open_contact {
  font-size: 14px;
}
.lab-grown-filtered-categories .bulk-action-container ul li p {
  margin-bottom: 0;
  font-size: 14px;
}
.lab-grown-filtered-categories .bulk-action-container ul li:not(:last-child) {
  margin-bottom: 10px;
}
.lab-grown-filtered-categories .bulk-action-container ul.noItemSelected .bulk-request, .lab-grown-filtered-categories .bulk-action-container ul.noItemSelected .bulk-favorite {
  color: #BFBFC3;
  color: var(--option_btn_disabled_color, #BFBFC3) !important;
}
.lab-grown-filtered-categories .bulk-action-container ul.noItemSelected .bulk-request > span, .lab-grown-filtered-categories .bulk-action-container ul.noItemSelected .bulk-favorite > span {
  color: #BFBFC3;
  color: var(--option_btn_disabled_color, #BFBFC3) !important;
}
.lab-grown-filtered-categories .bulk-action-container.show .bulk-action-btn {
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.lab-grown-filtered-categories .bulk-action-container.show .bulk-action-btn i {
  color: #804294;
  color: var(--option_btn_off_font_color, #804294) !important;
}
@media screen and (max-width: 660px) {
  .lab-grown-filtered-categories .bulk-action-container {
    position: fixed !important;
    bottom: 20px;
    margin: unset;
    width: 100%;
    z-index: 2;
    left: 0;
  }
  .lab-grown-filtered-categories .bulk-action-container .bulk-action-btn {
    margin: 0 auto;
    width: 145px;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.5);
  }
}
.lab-grown-filtered-categories .image-only-switch-wrapper {
  display: flex;
  align-items: center;
  margin: 5px;
}
.lab-grown-filtered-categories .image-only-switch-wrapper .switch-text {
  font-size: 12px;
  font-weight: 500;
  margin-right: 10px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.lab-grown-filtered-categories .image-only-switch-wrapper .image-only-switch {
  display: inline-flex;
  border-radius: 100px;
  align-items: center;
  background-color: #BFBFC3;
  background-color: var(--option_btn_disabled_color, #BFBFC3) !important;
  color: #804294;
  color: var(--option_btn_off_font_color, #804294) !important;
  display: inline-flex;
  height: 32px;
  width: 58px;
}
.lab-grown-filtered-categories .image-only-switch-wrapper .image-only-switch .on {
  font-size: 17px;
}
.lab-grown-filtered-categories .image-only-switch-wrapper .image-only-switch:hover {
  color: #804294;
  color: var(--option_btn_off_font_color, #804294) !important;
}
.lab-grown-filtered-categories .image-only-switch-wrapper .image-only-switch.active {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
}
.lab-grown-filtered-categories .image-only-switch-wrapper .image-only-switch .off {
  margin-left: 2px;
}
.lab-grown-filtered-categories .image-only-switch-wrapper .image-only-switch .on {
  margin-right: 2px;
}
.lab-grown-filtered-categories .image-only-switch-wrapper .image-only-switch span {
  display: none;
}
.lab-grown-filtered-categories .image-only-switch-wrapper .image-only-switch span.selected {
  display: block;
  border-radius: 24px;
  background-color: #FFFFFF;
  background-color: var(--heart_bg_off_icon_color, #FFFFFF) !important;
}
.lab-grown-filtered-categories .image-only-switch-wrapper .image-only-switch .off, .lab-grown-filtered-categories .image-only-switch-wrapper .image-only-switch .on {
  width: 44.68px;
  display: inline-block;
  font-weight: 500;
  text-align: center;
  line-height: 44px;
  font-size: 10px;
  width: 28px;
  height: 28px;
  line-height: 34px;
  font-weight: 500;
  font-size: 12px;
}
.lab-grown-filtered-categories .bulk-action-stats-container {
  display: block;
  flex-grow: 1;
}
.lab-grown-filtered-categories .bulk-action-stats-container .bulk-action-stats {
  display: flex;
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 1135px) {
  .lab-grown-filtered-categories .bulk-action-stats-container {
    display: none !important;
  }
}
.lab-grown-filtered-categories .filter-buttons {
  position: relative;
  display: inline-flex;
  font-size: 12px;
  border-radius: 5px;
  line-height: 28px;
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
  padding: 0 36px;
  margin: 5px;
  align-items: center;
}
.lab-grown-filtered-categories .filter-buttons .remove-filter, .lab-grown-filtered-categories .filter-buttons .asc-dsc {
  height: 10px;
  width: 10px;
}
.lab-grown-filtered-categories .filter-buttons .remove-filter {
  left: 10%;
}
.lab-grown-filtered-categories .filter-buttons .asc-dsc {
  background-repeat: no-repeat;
  background-position: center;
  right: 10%;
}
.bulk-action-stats-container {
  display: none;
}
@media screen and (max-width: 1135px) {
  .bulk-action-stats-container {
    display: block;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 20px;
    background-color: #E9E9EB;
    background-color: var(--main_bg_highlight, #E9E9EB) !important;
  }
  .bulk-action-stats-container .bulk-action-stats {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
  }
}
.lab-grown-main-container {
  min-width: 1200px;
}
.lab-grown-main-container .results-count {
  display: none;
  padding: 10px 0;
  text-align: center;
  color: #804294;
  color: var(--action_btn_static_color, #804294) !important;
}
.lab-grown-main-container .scrollable-content {
  overflow: hidden;
}
.lab-grown-main-container .scrollable-content .grid-view {
  height: calc(100vh - 243px);
  transition: 0.2s linear;
  overflow: scroll;
}
.lab-grown-main-container .scrollable-content .grid-view .container-fluid {
  max-width: 1800px;
  margin-top: 10px;
}
.lab-grown-main-container .scrollable-content .grid-view .container-fluid .row {
  justify-content: center;
}
.lab-grown-main-container .scrollable-content .grid-view .container-fluid .row .boxed {
  margin-bottom: 5px;
  height: 405px;
  max-width: 343.5px;
}
@media screen and (min-width: 1200px) {
  .lab-grown-main-container .scrollable-content .grid-view .container-fluid .row .boxed {
    min-width: 280px;
    max-width: 280px;
    height: 340px;
  }
}
.lab-grown-main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .image-container {
  position: relative;
  max-height: 313px;
}
@media screen and (min-width: 1200px) {
  .lab-grown-main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .image-container {
    max-height: 250px;
  }
}
.lab-grown-main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .image-container .image-cover {
  width: 100%;
  height: 313px;
  display: inline-flex;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (min-width: 1200px) {
  .lab-grown-main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .image-container .image-cover {
    height: 250px;
  }
}
.lab-grown-main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .image-container .image-cover img {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  background-color: var(--image_bg_color, #FFFFFF) !important;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-fit: var(--cover_image_bg_size, cover) !important;
     object-fit: var(--cover_image_bg_size, cover) !important;
}
.lab-grown-main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .image-container.diamond-no-image-placeholder {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  background-repeat: no-repeat;
}
.lab-grown-main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .image-container.diamond-no-image-placeholder .svg-box {
  padding-top: 17%;
  margin: 0 auto;
  opacity: 0.6;
}
.lab-grown-main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .image-container.diamond-no-image-placeholder .svg-box span {
  font-size: 150px;
  opacity: 0.6;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.lab-grown-main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .image-container.diamond-no-image-placeholder .svg-box .no-image-label {
  font-size: 20px;
  padding-top: 21px;
  text-align: center;
  font-weight: inherit;
  font-family: inherit;
  letter-spacing: normal;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.lab-grown-main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .image-container .availability:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
.lab-grown-main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .image-container .availability:hover:after {
  content: "";
  position: absolute;
  top: 0%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}
.lab-grown-main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .image-container .availability .width_1 {
  width: 152px;
  margin-left: -128px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lab-grown-main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .image-container .availability .width_2 {
  width: 226px;
  margin-left: -202px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lab-grown-main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .image-container .availability .tooltiptext {
  visibility: hidden;
  display: block;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 2px 7px;
  position: absolute;
  font-size: 14px;
  border-radius: 4px;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  opacity: 0;
  transition: opacity 0.3s;
}
.lab-grown-main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .image-container .yes, .lab-grown-main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .image-container .no {
  display: inline-flex;
  height: 16px;
  width: 16px;
  position: absolute;
  top: 5%;
  right: 5%;
  border-radius: 50%;
}
.lab-grown-main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .image-container .yes {
  background-color: #7ED321;
}
.lab-grown-main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .image-container .no {
  background-color: #d0021b;
}
.lab-grown-main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .image-container .mark-favorite {
  display: inline-flex;
  position: absolute;
  left: 5%;
  top: 5%;
}
.lab-grown-main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .image-container .mark-favorite .path1 {
  color: #804294;
  color: var(--heart_outline_off_icon_color, #804294) !important;
  font-size: 31px;
}
.lab-grown-main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .image-container .mark-favorite .path2 {
  color: #804294;
  color: var(--heart_outline_off_icon_color, #804294) !important;
  font-size: 31px;
}
.lab-grown-main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .image-container .mark-favorite .path3 {
  color: #FFFFFF;
  color: var(--heart_bg_off_icon_color, #FFFFFF) !important;
  font-size: 31px;
}
.lab-grown-main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .image-container .mark-favorite.favorited .path1 {
  color: #FFFFFF;
  color: var(--heart_outline_on_icon_color, #FFFFFF) !important;
}
.lab-grown-main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .image-container .mark-favorite.favorited .path2 {
  color: #FFFFFF;
  color: var(--heart_outline_on_icon_color, #FFFFFF) !important;
}
.lab-grown-main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .image-container .mark-favorite.favorited .path3 {
  color: #804294;
  color: var(--heart_bg_on_icon_color, #804294) !important;
}
.lab-grown-main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .box-footer {
  display: flex;
  position: relative;
}
.lab-grown-main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .box-footer .item {
  padding: 0 5px;
  font-weight: 700;
  flex-grow: 1;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
.lab-grown-main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .box-footer .item .detail {
  padding: 8px 0;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.lab-grown-main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .box-footer .item .detail .shape-size-color {
  font-size: 15px;
  line-height: 17px;
}
.lab-grown-main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .box-footer .item .detail .cut-symmetry-polish {
  font-size: 12px;
  line-height: 17px;
}
.lab-grown-main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .box-footer .item .price-actions {
  display: flex;
  justify-content: space-between;
  padding: 0 0 8px 0;
}
.lab-grown-main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .box-footer .item .price-actions .price {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-size: 24px;
  line-height: 24px;
}
.lab-grown-main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .box-footer .item .price-actions .price .currency {
  margin-right: 10px;
}
.lab-grown-main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .box-footer .action {
  width: 65px;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
.lab-grown-main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .box-footer .action a span {
  font-size: 40px;
  color: #4F4E57;
  color: var(--drop_menu_static_icon_color, #4F4E57) !important;
}
.lab-grown-main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .box-footer .action a:after {
  display: none;
}
.lab-grown-main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .box-footer .action .dropdown-menu {
  padding: 0;
  width: 100%;
  border-radius: 0;
  margin: 0;
  display: block;
  border-color: #804294;
  border-color: var(--drop_menu_active_bg_color, #804294) !important;
  background-color: #E5E5E5;
  background-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
}
.lab-grown-main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .box-footer .action .dropdown-menu li {
  height: 65px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.lab-grown-main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .box-footer .action .dropdown-menu li span {
  width: 65px;
  text-align: center;
  font-size: 20px;
  color: #4F4E57;
  color: var(--drop_menu_static_icon_color, #4F4E57) !important;
}
.lab-grown-main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .box-footer .action .dropdown-menu li p {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0px;
  color: #4F4E57;
  color: var(--drop_menu_static_font_color, #4F4E57) !important;
}
.lab-grown-main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .box-footer .action .dropdown-menu li:not(:last-child) {
  border-bottom: 0.5px solid #fff;
}
.lab-grown-main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .box-footer .action .dropdown-menu li.active, .lab-grown-main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .box-footer .action .dropdown-menu li:hover {
  background-color: #804294;
  background-color: var(--drop_menu_active_bg_color, #804294) !important;
}
.lab-grown-main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .box-footer .action .dropdown-menu li.active span, .lab-grown-main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .box-footer .action .dropdown-menu li:hover span {
  color: #FFFFFF;
  color: var(--drop_menu_active_icon_color, #FFFFFF) !important;
}
.lab-grown-main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .box-footer .action .dropdown-menu li.active p, .lab-grown-main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .box-footer .action .dropdown-menu li:hover p {
  color: #FFFFFF;
  color: var(--drop_menu_active_font_color, #FFFFFF) !important;
}
.lab-grown-main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .box-footer .action.open, .lab-grown-main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .box-footer .action.active, .lab-grown-main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .box-footer .action:hover {
  background-color: #804294;
  background-color: var(--drop_menu_active_bg_color, #804294) !important;
  color: #FFFFFF;
  color: var(--drop_menu_active_icon_color, #FFFFFF) !important;
}
.lab-grown-main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .box-footer .action.open a span, .lab-grown-main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .box-footer .action.active a span, .lab-grown-main-container .scrollable-content .grid-view .container-fluid .row .boxed .box-content .box-data .box-footer .action:hover a span {
  color: #FFFFFF;
  color: var(--drop_menu_active_icon_color, #FFFFFF) !important;
}
.lab-grown-main-container .scrollable-content .classic-view {
  padding: 0;
}
.lab-grown-main-container .scrollable-content .classic-view .select .select-all-switch {
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.lab-grown-main-container .scrollable-content .classic-view .select .select-all-switch .checkbox {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: text-bottom;
  margin-right: 7px;
  border: 1px solid;
  border-color: #9665A6;
  border-color: var(--option_btn_on_color, #9665A6) !important;
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}
.lab-grown-main-container .scrollable-content .classic-view .select .select-all-switch.checked .checkbox {
  font-size: 15px;
  font-weight: 700;
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
}
.lab-grown-main-container .scrollable-content .classic-view .select .select-all-switch .checkbox-label {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.lab-grown-main-container .scrollable-content .classic-view .select .select-all-switch .checkbox {
  width: 15px;
  height: 15px;
  margin: 0 auto;
}
.lab-grown-main-container .scrollable-content .classic-view .select .select-all-switch .checkbox::before {
  font-size: 11px;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid {
  padding: 0;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid table {
  width: 100%;
  margin: 0px auto 20px auto;
  table-layout: auto;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid table,
.lab-grown-main-container .scrollable-content .classic-view .container-fluid td,
.lab-grown-main-container .scrollable-content .classic-view .container-fluid th {
  border-collapse: collapse;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid th,
.lab-grown-main-container .scrollable-content .classic-view .container-fluid td {
  font-size: 12px;
  text-align: center;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table {
  transition: 0.2s linear;
  height: calc(100vh - 202px);
  overflow: scroll;
  position: relative;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table {
  width: 100%;
  border-collapse: separate;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th {
  font-size: 10px;
  text-align: center;
  line-height: 25px;
  text-overflow: ellipsis;
  border-color: #ffffff;
  border-width: 0 1px;
  border-style: solid;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 0 10px;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th.company_name, .lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th.item_location, .lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th.color {
  width: 80px;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th.meas_length {
  width: 110px;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th.stock_num {
  width: 100px;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th.like {
  width: 45px;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th.available {
  width: 65px;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th.color {
  min-width: 50px;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th.select {
  left: 0;
  z-index: 6;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th.branding_logo a span.header {
  min-width: 0px;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th a {
  text-decoration: none;
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th a span {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  display: inline-block;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th a span.header {
  min-width: 50px;
  margin-right: 5px;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th a span.sort-arrow-up, .lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th a span.sort-arrow-down, .lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th a span.sort-arrow-default {
  height: 7px;
  width: 7px;
  background-size: 7px 7px;
  background-position: bottom center;
  background-repeat: no-repeat;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th a span.sort-arrow-up::before, .lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th a span.sort-arrow-down::before {
  font-size: 5px;
  color: #804294;
  color: var(--main_bg_icon_color, #804294) !important;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th a span.sort-arrow-default {
  height: 10px;
  width: 10px;
  color: #804294;
  color: var(--main_bg_icon_color, #804294) !important;
  background-size: unset;
  background-position: center;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th a.select-all-switch {
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th a.select-all-switch .checkbox {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: text-bottom;
  margin-right: 7px;
  border: 1px solid;
  border-color: #9665A6;
  border-color: var(--option_btn_on_color, #9665A6) !important;
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th a.select-all-switch.checked .checkbox {
  font-size: 15px;
  font-weight: 700;
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th a.select-all-switch .checkbox-label {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th a.select-all-switch .checkbox {
  width: 15px;
  height: 15px;
  margin: 0 auto;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th a.select-all-switch .checkbox::before {
  font-size: 11px;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th:hover, .lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th.sorted {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th:hover span, .lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th.sorted span {
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th:hover .sort-arrow-default::before, .lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th:hover .sort-arrow-up::before, .lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th:hover .sort-arrow-down::before, .lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th.sorted .sort-arrow-default::before, .lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th.sorted .sort-arrow-up::before, .lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table thead tr th.sorted .sort-arrow-down::before {
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody .fav-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody .fav-wrapper .fav-heart-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody .fav-wrapper .fav-heart-icon .mark-favorite {
  display: inline-flex;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody .fav-wrapper .fav-heart-icon .mark-favorite .vi.icon_results_image_favorite_off {
  font-size: 14px;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody .fav-wrapper .fav-heart-icon .mark-favorite .path2 {
  color: #804294;
  color: var(--option_btn_off_icon_color, #804294) !important;
  font-size: 14px;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody .fav-wrapper .fav-heart-icon .mark-favorite .path3 {
  color: #FFFFFF;
  color: var(--option_btn_off_color, #FFFFFF) !important;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody .fav-wrapper .fav-heart-icon .mark-favorite.favorited .path2 {
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody .fav-wrapper .fav-heart-icon .mark-favorite.favorited .path3 {
  color: #9665A6;
  color: var(--option_btn_on_color, #9665A6) !important;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody .select-container {
  display: flex;
  align-items: center;
  justify-content: center;
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 5;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody .select-container .select-switch {
  height: 20px;
  margin-top: 3px;
  text-decoration: none;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody .select-container .select-switch .checkbox {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: text-bottom;
  margin-right: 7px;
  border: 1px solid;
  border-color: #9665A6;
  border-color: var(--option_btn_on_color, #9665A6) !important;
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody .select-container .select-switch.checked .checkbox {
  font-size: 15px;
  font-weight: 700;
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody .select-container .select-switch .checkbox-label {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody .select-container .select-switch .checkbox {
  width: 15px;
  height: 15px;
  margin: 0 auto;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody .select-container .select-switch .checkbox::before {
  font-size: 11px;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody .diamond-available-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 25px;
  width: 25px;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody .diamond-available-wrapper .yes, .lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody .diamond-available-wrapper .no {
  display: inline-flex;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody .diamond-available-wrapper .yes {
  background-color: #7ED321;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody .diamond-available-wrapper .no {
  background-color: #d0021b;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody tr {
  border: 1px solid transparent;
  cursor: pointer;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody tr:nth-child(even) {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody tr:nth-child(even) .select-container {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody tr:nth-child(odd) {
  color: #F4F4F4;
  color: var(--main_bg_color, #F4F4F4) !important;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody tr:nth-child(odd) .select-container {
  background-color: #F4F4F4;
  background-color: var(--main_bg_color, #F4F4F4) !important;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody tr.selected {
  background-color: #652E77;
  background-color: var(--menu_btn_active_color, #652E77) !important;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody tr.selected .select-container {
  background-color: #652E77;
  background-color: var(--menu_btn_active_color, #652E77) !important;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody tr:hover {
  border: 1px solid;
  border-color: #9665A6;
  border-color: var(--option_btn_on_color, #9665A6) !important;
  border-style: double;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody tr td {
  position: relative;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody tr td .cell {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody tr td .cell.vendor_name, .lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody tr td .cell.location, .lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody tr td .cell.color, .lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody tr td .cell.comment, .lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody tr td .cell.inscription {
  width: 80px;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody tr td .cell.stock_num {
  width: 100px;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody tr td.meas_length {
  width: 110px;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody tr td.company_name, .lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody tr td.item_location, .lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody tr td.color {
  width: 80px;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody tr td.stock_num {
  width: 100px;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody tr td.like {
  width: 45px;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody tr td.available {
  width: 65px;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody tr td.cps {
  min-width: 20px;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody tr td.flour {
  min-width: 25px;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody tr td.minw_30 {
  min-width: 30px;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody tr td.branding_logo {
  width: 30px;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody tr td.branding_logo div {
  height: 30px;
  width: 30px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.lab-grown-main-container .scrollable-content .classic-view .container-fluid .classic-view-table table tbody tr td {
  font-size: 12px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  line-height: 22px;
}
.lab-grown-main-container .scrollable-content .classic-view table {
  width: 100%;
  margin: 20px auto 3px auto;
  table-layout: auto;
}
.lab-grown-main-container .scrollable-content .classic-view table,
.lab-grown-main-container .scrollable-content .classic-view td,
.lab-grown-main-container .scrollable-content .classic-view th {
  border-collapse: collapse;
}
.lab-grown-main-container .scrollable-content .classic-view th,
.lab-grown-main-container .scrollable-content .classic-view td {
  font-size: 12px;
  text-align: center;
}
.lab-grown-main-container .scrollable-content .classic-view .classic-view-table-header {
  transition: 0.2s linear;
}
.lab-grown-main-container .scrollable-content .classic-view .classic-view-table-header table {
  width: 100%;
}
.lab-grown-main-container .scrollable-content .classic-view .classic-view-table-header table thead tr th {
  font-size: 12px;
  text-align: center;
  line-height: 25px;
  text-overflow: ellipsis;
  border-color: #ffffff;
  border-width: 0 1px;
  border-style: solid;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
.lab-grown-main-container .scrollable-content .classic-view .classic-view-table-header table thead tr th.company_name, .lab-grown-main-container .scrollable-content .classic-view .classic-view-table-header table thead tr th.item_location {
  width: 80px;
}
.lab-grown-main-container .scrollable-content .classic-view .classic-view-table-header table thead tr th.meas_length {
  width: 110px;
}
.lab-grown-main-container .scrollable-content .classic-view .classic-view-table-header table thead tr th.stock_num {
  width: 100px;
}
.lab-grown-main-container .scrollable-content .classic-view .classic-view-table-header table thead tr th.like {
  width: 45px;
}
.lab-grown-main-container .scrollable-content .classic-view .classic-view-table-header table thead tr th.available {
  width: 65px;
}
.lab-grown-main-container .scrollable-content .classic-view .classic-view-table-header table thead tr th.like {
  width: 45px;
}
.lab-grown-main-container .scrollable-content .classic-view .classic-view-table-header table thead tr th.available {
  width: 65px;
}
.lab-grown-main-container .scrollable-content .classic-view .classic-view-table-header table thead tr th a {
  text-decoration: none;
  position: relative;
  display: inline-block;
  width: 100%;
}
.lab-grown-main-container .scrollable-content .classic-view .classic-view-table-header table thead tr th a span {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  margin: 0 auto;
  display: inline-block;
}
.lab-grown-main-container .scrollable-content .classic-view .classic-view-table-header table thead tr th a span.sort-arrow-up, .lab-grown-main-container .scrollable-content .classic-view .classic-view-table-header table thead tr th a span.sort-arrow-down, .lab-grown-main-container .scrollable-content .classic-view .classic-view-table-header table thead tr th a span.sort-arrow-default {
  height: 7px;
  width: 7px;
  background-size: 7px 7px;
  background-position: bottom center;
  background-repeat: no-repeat;
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
}
.lab-grown-main-container .scrollable-content .classic-view .classic-view-table-header table thead tr th a span.sort-arrow-up::before, .lab-grown-main-container .scrollable-content .classic-view .classic-view-table-header table thead tr th a span.sort-arrow-down::before {
  font-size: 5px;
  color: #804294;
  color: var(--main_bg_icon_color, #804294) !important;
}
.lab-grown-main-container .scrollable-content .classic-view .classic-view-table-header table thead tr th a span.sort-arrow-default {
  height: 10px;
  width: 10px;
  color: #804294;
  color: var(--main_bg_icon_color, #804294) !important;
  background-size: unset;
  background-position: center;
  position: absolute;
  right: 2.5%;
  transform: translateY(-60%);
}
.lab-grown-main-container .scrollable-content .classic-view .classic-view-table-header table thead tr th:hover, .lab-grown-main-container .scrollable-content .classic-view .classic-view-table-header table thead tr th.sorted {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
}
.lab-grown-main-container .scrollable-content .classic-view .classic-view-table-header table thead tr th:hover span, .lab-grown-main-container .scrollable-content .classic-view .classic-view-table-header table thead tr th.sorted span {
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
}
.lab-grown-main-container .scrollable-content .classic-view .classic-view-table-header table thead tr th:hover .sort-arrow-default::before, .lab-grown-main-container .scrollable-content .classic-view .classic-view-table-header table thead tr th:hover .sort-arrow-up::before, .lab-grown-main-container .scrollable-content .classic-view .classic-view-table-header table thead tr th:hover .sort-arrow-down::before, .lab-grown-main-container .scrollable-content .classic-view .classic-view-table-header table thead tr th.sorted .sort-arrow-default::before, .lab-grown-main-container .scrollable-content .classic-view .classic-view-table-header table thead tr th.sorted .sort-arrow-up::before, .lab-grown-main-container .scrollable-content .classic-view .classic-view-table-header table thead tr th.sorted .sort-arrow-down::before {
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
}
.lab-grown-main-container .scrollable-content .search-page-loading {
  text-align: center;
  align-content: center;
  width: 100%;
  height: 100px;
  padding: 20px;
}
.lab-grown-top-bar {
  position: relative;
}
.lab-grown-top-bar .sort-filter {
  width: 281px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  overflow: hidden;
  background-color: #292735;
  background-color: var(--menu_bg_color, #292735) !important;
}
.lab-grown-top-bar .sort-filter.showing, .lab-grown-top-bar .sort-filter.hiding {
  transition: all 500ms cubic-bezier(0.675, 0.17, 0.245, 0.795);
}
.lab-grown-top-bar .sort-filter.showing {
  max-height: 1000px !important;
}
.lab-grown-top-bar .sort-filter.hiding {
  max-height: 0px !important;
}
.lab-grown-top-bar .sort-filter .actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 15px;
}
.lab-grown-top-bar .sort-filter .actions .done {
  display: inline-flex;
  border: 1px solid #ffffff;
  border-radius: 19.5px;
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.29);
  height: 39px;
  width: 95px;
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
  margin-right: 10px;
  font-size: 13px;
  line-height: 12px;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.lab-grown-top-bar .sort-filter .sort-label, .lab-grown-top-bar .sort-filter .available-sort-label {
  display: inline-flex;
  width: 100%;
  color: #FFFFFF;
  color: var(--menu_bg_font_color, #FFFFFF) !important;
}
.lab-grown-top-bar .sort-filter .sort-filter-header {
  position: relative;
  color: #FFFFFF;
  color: var(--menu_btn_static_font_color, #FFFFFF) !important;
}
.lab-grown-top-bar .sort-filter .sort-filter-header .sort-label {
  line-height: 72px;
  font-size: 18px;
  justify-content: center;
}
.lab-grown-top-bar .sort-filter .sort-filter-header .sort-filter-icon {
  left: 10%;
}
.lab-grown-top-bar .sort-filter .sort-filter-header .close-sort-filter {
  cursor: pointer;
  right: 7.5%;
}
.lab-grown-top-bar .sort-filter .sort-filter-body {
  height: 625px;
  overflow: scroll;
}
.lab-grown-top-bar .sort-filter .available-sort-label {
  line-height: 36px;
  font-size: 14px;
  padding-left: 8%;
}
.lab-grown-top-bar .sort-filter #available-sort-filters, .lab-grown-top-bar .sort-filter .ui-sortable {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.lab-grown-top-bar .sort-filter #available-sort-filters > li {
  line-height: 0;
}
.lab-grown-top-bar .sort-filter #available-sort-filters > li a {
  cursor: default;
  display: inline-flex;
  background-color: #3E3D49;
  background-color: var(--menu_btn_static_color, #3E3D49) !important;
  color: #FFFFFF;
  color: var(--menu_btn_static_font_color, #FFFFFF) !important;
  font-size: 13px;
  line-height: 48px;
  border-bottom: 1px solid;
  border-bottom-color: #292735;
  border-bottom-color: var(--menu_bg_color, #292735) !important;
  padding-left: 90px;
  width: 100%;
  position: relative;
  text-decoration: none;
}
.lab-grown-top-bar .sort-filter .sort-icon {
  left: 17.5%;
}
.lab-grown-top-bar .sort-filter .add-icon {
  left: 5%;
  cursor: pointer;
}
.lab-grown-top-bar .sort-filter .applied-filters ul {
  padding: 0;
}
.lab-grown-top-bar .sort-filter .applied-filters .added-filter {
  list-style-type: none;
}
.lab-grown-top-bar .sort-filter .applied-filters .added-filter .selected-filter {
  background-color: #652E77;
  background-color: var(--menu_btn_active_color, #652E77) !important;
  color: #FFFFFF;
  color: var(--menu_btn_active_font_color, #FFFFFF) !important;
  font-size: 13px;
  line-height: 48px;
  border-bottom: 1px solid;
  border-bottom-color: #292735;
  border-bottom-color: var(--menu_bg_color, #292735) !important;
  padding-left: 90px;
  width: 100%;
  position: relative;
}
.lab-grown-top-bar .sort-filter .applied-filters .added-filter .selected-filter .sort-icon {
  left: 17.5%;
}
.lab-grown-top-bar .sort-filter .applied-filters .added-filter .selected-filter .delete-icon {
  left: 5%;
}
.lab-grown-top-bar .sort-filter .applied-filters .added-filter .selected-filter .sort-by-asc-dsc {
  right: 22.5%;
  border-radius: 100%;
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-position: center;
}
.lab-grown-top-bar .sort-filter .applied-filters .added-filter .selected-filter .drag-icon {
  right: 7.5%;
}
@media screen and (max-width: 1266px) {
  .lab-grown-main-container.responsive {
    width: 100%;
    min-width: unset;
  }
  .lab-grown-main-container.responsive .lab-grown-top-bar {
    padding: 10px 5px;
  }
}
@media screen and (max-width: 1266px) and (min-width: 1024px) and (max-width: 1266px) {
  .lab-grown-main-container.responsive .lab-grown-top-bar .top-left {
    width: auto;
  }
  .lab-grown-main-container.responsive .lab-grown-top-bar .top-left .search-results h1 {
    font-size: 22px;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 1266px) and (max-width: 1023px) {
  .lab-grown-main-container.responsive .lab-grown-top-bar .top-left {
    width: 50px;
  }
  .lab-grown-main-container.responsive .lab-grown-top-bar .top-left .search-results {
    display: none;
  }
}
@media screen and (max-width: 1266px) {
  .lab-grown-main-container.responsive .lab-grown-top-bar .top-left .filters {
    height: 100%;
    display: flex;
    align-items: center;
    margin-left: 10px;
  }
  .lab-grown-main-container.responsive .lab-grown-top-bar .top-left .filters .category-toggler {
    height: 42px;
    width: 42px;
  }
}
@media screen and (max-width: 1266px) and (max-width: 586px) {
  .lab-grown-main-container.responsive .lab-grown-top-bar .top-left .filters .category-toggler {
    height: 35px;
    width: 35px;
  }
}
@media screen and (max-width: 1266px) {
  .lab-grown-main-container.responsive .lab-grown-top-bar .top-right {
    flex-grow: 1;
  }
}
@media screen and (max-width: 1266px) and (max-width: 586px) {
  .lab-grown-main-container.responsive .lab-grown-top-bar .top-right .switch-views {
    margin: 0 10px 0 5px;
    display: flex;
  }
  .lab-grown-main-container.responsive .lab-grown-top-bar .top-right .switch-views a {
    font-size: 20px;
  }
  .lab-grown-main-container.responsive .lab-grown-top-bar .top-right .search-actions a {
    width: auto;
    height: 35px;
    font-size: 11px;
    line-height: 12px;
    text-align: center;
    margin-right: 5px;
  }
  .lab-grown-main-container.responsive .lab-grown-top-bar .top-right .search-actions a.save-search {
    height: 35px;
    width: 35px;
  }
}
@media screen and (max-width: 1266px) and (max-width: 420px) {
  .lab-grown-main-container.responsive .lab-grown-top-bar.list .top-left {
    width: 0;
  }
}
@media screen and (max-width: 1266px) and (min-width: 769px) and (max-width: 1023px) {
  .lab-grown-main-container.responsive .results-count {
    display: block;
  }
}
@media screen and (max-width: 1266px) and (max-width: 768px) {
  .lab-grown-main-container.responsive .results-count.iframe {
    display: block;
  }
  .lab-grown-main-container.responsive .lab-grown-filtered-categories {
    justify-content: space-between;
  }
  .lab-grown-main-container.responsive .lab-grown-filtered-categories .image-only-switch-wrapper {
    justify-content: space-between;
  }
}
@media screen and (max-width: 1266px) {
  .lab-grown-main-container.responsive .scrollable-content {
    overflow: scroll;
  }
}
@media screen and (max-width: 1266px) and (max-width: 698px) {
  .lab-grown-main-container.responsive .grid-view .row {
    overflow: hidden;
    justify-content: space-between !important;
  }
  .lab-grown-main-container.responsive .grid-view .row .boxed {
    height: unset !important;
    max-width: 49.5% !important;
    padding: 0;
  }
  .lab-grown-main-container.responsive .grid-view .row .boxed .image-container {
    max-height: unset !important;
    width: 100%;
    padding-bottom: 100%;
  }
  .lab-grown-main-container.responsive .grid-view .row .boxed .image-container .image-cover, .lab-grown-main-container.responsive .grid-view .row .boxed .image-container img {
    height: 100% !important;
    width: 100% !important;
    position: absolute;
  }
  .lab-grown-main-container.responsive .grid-view .row .boxed .image-container .availability {
    height: 10px !important;
    width: 10px !important;
  }
  .lab-grown-main-container.responsive .grid-view .row .boxed .image-container .icon_results_image_favorite_off .path1, .lab-grown-main-container.responsive .grid-view .row .boxed .image-container .icon_results_image_favorite_off .path2, .lab-grown-main-container.responsive .grid-view .row .boxed .image-container .icon_results_image_favorite_off .path3 {
    font-size: 20px !important;
  }
  .lab-grown-main-container.responsive .grid-view .row .boxed .box-footer {
    height: 60px;
  }
  .lab-grown-main-container.responsive .grid-view .row .boxed .box-footer .item .detail {
    padding: 8px 0 2px !important;
  }
  .lab-grown-main-container.responsive .grid-view .row .boxed .box-footer .item .shape-size-color {
    font-size: 11px !important;
    line-height: 11px !important;
  }
  .lab-grown-main-container.responsive .grid-view .row .boxed .box-footer .price-actions .price {
    font-size: 15px !important;
  }
  .lab-grown-main-container.responsive .grid-view .row .boxed .box-footer .action {
    width: 40px !important;
  }
  .lab-grown-main-container.responsive .grid-view .row .boxed .box-footer .action .dots_v {
    font-size: 30px !important;
  }
}
.custom-tooltip {
  position: relative;
  display: inline-block;
  vertical-align: -webkit-baseline-middle;
}
.custom-tooltip:hover .tooltiptxt {
  visibility: visible;
}
.custom-tooltip .tooltiptxt {
  visibility: hidden;
  width: 80px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 4px;
  padding: 6px 0;
  position: absolute;
  z-index: 1;
  font-size: 14px;
  top: -2px;
  line-height: normal;
  left: 110%;
}
.custom-tooltip .tooltiptxt:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent #555 transparent transparent;
}
.custom-tooltip .width_1 {
  width: 152px;
}
.custom-tooltip .width_2 {
  width: 226px;
}
.custom-tooltip .truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 6px;
}
.custom-tooltip .indicator-circle {
  width: 12px;
  height: 12px;
  border-radius: 100%;
  display: inline-block;
}
.custom-tooltip .no {
  background-color: #d0021b;
}
.custom-tooltip .yes {
  background-color: #7ED321;
}
.customTooltip {
  position: relative;
}
.customTooltip + .tooltipText {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  opacity: 0;
  transition: opacity 400ms;
  padding: 5px;
  line-height: 1.5;
}
.customTooltip + .tooltipText:after {
  content: " ";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent black transparent;
}
.customTooltip.statusTooltip + .tooltipText {
  top: 50%;
  left: calc(100% + 10px);
  transform: translateY(-50%);
}
.customTooltip.statusTooltip + .tooltipText.width_available {
  width: 152px;
}
.customTooltip.statusTooltip + .tooltipText.width_unavailable {
  width: 226px;
}
.customTooltip.statusTooltip + .tooltipText:after {
  top: 50%;
  right: 100%;
  margin-top: -5px;
  border-color: transparent black transparent transparent;
  bottom: unset;
  left: unset;
  margin-left: 0;
}
.customTooltip.logoTooltip + .tooltipText {
  top: 0;
  left: unset;
  right: calc(100% + 10px);
  transform: translateY(0);
}
.customTooltip.logoTooltip + .tooltipText:after {
  top: 15px;
  left: 100%;
  margin-top: -5px;
  border-color: transparent transparent transparent black;
  bottom: unset;
  right: unset;
  margin-left: 0;
}
.customTooltip:hover + .tooltipText {
  visibility: visible;
  opacity: 1;
}
@media (min-width: 320px) and (max-width: 359px) {
  .scrollable-content .no-image-label {
    font-size: 10px !important;
    padding-top: 12px !important;
  }
  .scrollable-content .box-data .image-container.diamond-no-image-placeholder svg {
    width: 86px !important;
    height: 86px !important;
  }
  .scrollable-content .box-data .image-container.diamond-no-image-placeholder .svg-box span {
    font-size: 86px !important;
  }
}
@media (min-width: 360px) and (max-width: 600px) {
  .scrollable-content .no-image-label {
    font-size: 11px !important;
    padding-top: 12px !important;
  }
  .scrollable-content .box-data .image-container.diamond-no-image-placeholder svg {
    width: 100px !important;
    height: 102px !important;
  }
  .scrollable-content .box-data .image-container.diamond-no-image-placeholder .svg-box span {
    font-size: 100px !important;
  }
}
.bulk-action-stats-container {
  position: relative;
}
.bulk-action-stats-container .bulk-action-stats .data {
  display: flex;
  margin-right: 25px;
}
.bulk-action-stats-container .bulk-action-stats .data .label {
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  font-size: 14px;
}
.bulk-action-stats-container .bulk-action-stats .data .value {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-size: 14px;
  font-weight: 500;
  margin-left: 5px;
}
@media screen and (max-width: 650px) {
  .bulk-action-stats-container .bulk-action-stats {
    justify-content: space-around !important;
  }
  .bulk-action-stats-container .bulk-action-stats .data {
    flex-direction: column;
    margin-right: 0 !important;
  }
  .bulk-action-stats-container .bulk-action-stats .data .value {
    margin-left: unset;
  }
}
.lab-grown-content-wrapper .main-container {
  min-width: unset;
}
.lab-grown-content-wrapper .main-container .search-form-container .search-filter {
  display: flex;
  align-items: center;
  margin: 0 auto;
  width: 1080px;
}
@media (min-width: 768px) and (max-width: 1145px) {
  .lab-grown-content-wrapper .main-container .search-form-container .search-filter.responsive {
    width: 800px;
    flex-direction: column;
  }
  .lab-grown-content-wrapper .main-container .search-form-container .search-filter.responsive .content {
    width: 540px;
    text-align: center;
    margin-top: 10px;
  }
  .lab-grown-content-wrapper .main-container .search-form-container .search-filter.responsive .filters {
    width: 540px;
  }
  .lab-grown-content-wrapper .main-container .search-form-container .search-filter.responsive .filters .search-by-report {
    left: unset;
    margin-left: 0 !important;
  }
  .lab-grown-content-wrapper .main-container .search-form-container .search-filter.responsive.iframe .filters {
    justify-content: center !important;
  }
}
@media (min-width: 768px) and (max-width: 865px) {
  .lab-grown-content-wrapper .main-container .search-form-container .search-filter.responsive {
    width: 600px;
  }
}
@media (min-width: 600px) and (max-width: 768px) {
  .lab-grown-content-wrapper .main-container .search-form-container .search-filter.responsive {
    width: 540px;
    flex-direction: column;
  }
  .lab-grown-content-wrapper .main-container .search-form-container .search-filter.responsive .content {
    display: none;
  }
  .lab-grown-content-wrapper .main-container .search-form-container .search-filter.responsive.iframe .content {
    text-align: center;
    display: block;
  }
}
@media screen and (max-width: 413px) {
  .lab-grown-content-wrapper .main-container .search-form-container .search-filter.responsive {
    width: 100%;
    flex-direction: column;
    padding: 0 !important;
  }
  .lab-grown-content-wrapper .main-container .search-form-container .search-filter.responsive .content {
    display: none;
  }
  .lab-grown-content-wrapper .main-container .search-form-container .search-filter.responsive .filters {
    width: 100% !important;
  }
  .lab-grown-content-wrapper .main-container .search-form-container .search-filter.responsive .filters .new-search {
    width: 75px !important;
  }
  .lab-grown-content-wrapper .main-container .search-form-container .search-filter.responsive .filters .new-search button {
    width: 70px !important;
    font-size: 10px !important;
    margin: 0 !important;
  }
  .lab-grown-content-wrapper .main-container .search-form-container .search-filter.responsive .filters .clear-search {
    width: 70px !important;
  }
  .lab-grown-content-wrapper .main-container .search-form-container .search-filter.responsive .filters .clear-search button {
    width: 70px !important;
    font-size: 8px !important;
    font-weight: bolder;
    padding: 12px 10px !important;
  }
  .lab-grown-content-wrapper .main-container .search-form-container .search-filter.responsive .filters .search-by-report .report-number {
    padding: 14px 0 14px 10px !important;
    font-size: 10px;
  }
  .lab-grown-content-wrapper .main-container .search-form-container .search-filter.responsive.iframe {
    flex-direction: row !important;
  }
  .lab-grown-content-wrapper .main-container .search-form-container .search-filter.responsive.iframe .content {
    width: 45% !important;
    display: flex;
  }
  .lab-grown-content-wrapper .main-container .search-form-container .search-filter.responsive.iframe .content .title {
    margin-left: 10px;
    font-size: 17px !important;
  }
  .lab-grown-content-wrapper .main-container .search-form-container .search-filter.responsive.iframe .filters {
    width: 55% !important;
    justify-content: flex-end !important;
  }
  .lab-grown-content-wrapper .main-container .search-form-container .search-filter.responsive .search-report-no-field {
    justify-content: space-between !important;
  }
}
@media (min-width: 414px) and (max-width: 600px) {
  .lab-grown-content-wrapper .main-container .search-form-container .search-filter.responsive {
    width: 100%;
    flex-direction: column;
    padding: 0 !important;
  }
  .lab-grown-content-wrapper .main-container .search-form-container .search-filter.responsive.iframe {
    flex-direction: row !important;
  }
  .lab-grown-content-wrapper .main-container .search-form-container .search-filter.responsive.iframe .content {
    width: 45% !important;
    display: flex;
  }
  .lab-grown-content-wrapper .main-container .search-form-container .search-filter.responsive.iframe .content .title {
    margin-left: 10px;
    font-size: 22px !important;
  }
  .lab-grown-content-wrapper .main-container .search-form-container .search-filter.responsive.iframe .filters {
    width: 55% !important;
    justify-content: flex-end !important;
  }
  .lab-grown-content-wrapper .main-container .search-form-container .search-filter.responsive .content {
    display: none;
  }
  .lab-grown-content-wrapper .main-container .search-form-container .search-filter.responsive .filters {
    width: 100% !important;
  }
  .lab-grown-content-wrapper .main-container .search-form-container .search-filter.responsive .filters .new-search {
    width: 80px !important;
  }
  .lab-grown-content-wrapper .main-container .search-form-container .search-filter.responsive .filters .new-search button {
    width: 75px !important;
    font-size: 12px !important;
    margin: 0 !important;
  }
  .lab-grown-content-wrapper .main-container .search-form-container .search-filter.responsive .filters .clear-search {
    width: 95px !important;
  }
  .lab-grown-content-wrapper .main-container .search-form-container .search-filter.responsive .filters .clear-search button {
    width: 95px !important;
    font-size: 12px !important;
    padding: 12px 10px !important;
  }
  .lab-grown-content-wrapper .main-container .search-form-container .search-filter.responsive .filters .search-by-report .report-number {
    padding: 14px 0 14px 25px !important;
  }
  .lab-grown-content-wrapper .main-container .search-form-container .search-filter.responsive.iframe {
    flex-direction: row !important;
  }
  .lab-grown-content-wrapper .main-container .search-form-container .search-filter.responsive.iframe .content {
    width: 45% !important;
    display: flex;
  }
  .lab-grown-content-wrapper .main-container .search-form-container .search-filter.responsive.iframe .content .title {
    margin-left: 10px;
    font-size: 18px !important;
  }
  .lab-grown-content-wrapper .main-container .search-form-container .search-filter.responsive.iframe .filters {
    width: 55% !important;
    justify-content: flex-end !important;
  }
  .lab-grown-content-wrapper .main-container .search-form-container .search-filter.responsive .search-report-no-field {
    justify-content: space-between !important;
  }
}
.lab-grown-content-wrapper .main-container .search-form-container .search-filter .content h1.title {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-size: 30px;
  line-height: 36px;
  font-weight: 400;
}
.lab-grown-content-wrapper .main-container .search-form-container .search-filter .filters {
  padding: 10px 0;
  display: flex;
  justify-content: flex-end;
  position: relative;
  flex-wrap: wrap;
  flex-grow: 1;
  z-index: 1;
}
@media (min-width: 480px) and (max-width: 768px) {
  .lab-grown-content-wrapper .main-container .search-form-container .search-filter .filters {
    justify-content: center;
    width: 100%;
  }
  .lab-grown-content-wrapper .main-container .search-form-container .search-filter .filters .search-by-report {
    margin-left: 0 !important;
  }
}
.lab-grown-content-wrapper .main-container .search-form-container .search-filter .filters .search-by-report {
  display: flex;
  background-color: #ffffff;
  border-radius: 25px;
  position: absolute;
  left: 10px;
}
.lab-grown-content-wrapper .main-container .search-form-container .search-filter .filters .search-by-report .vi.icon_search_small {
  position: absolute;
  top: 16px;
  right: 5%;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
}
.lab-grown-content-wrapper .main-container .search-form-container .search-filter .filters .search-by-report .vi.icon_search_small.selected {
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
}
.lab-grown-content-wrapper .main-container .search-form-container .search-filter .filters .search-by-report.responsive {
  position: relative;
  margin-right: 24px;
  margin-left: 24px;
  flex-grow: 1;
  left: 0;
}
@media screen and (max-width: 480px) {
  .lab-grown-content-wrapper .main-container .search-form-container .search-filter .filters .search-by-report.responsive {
    margin-right: 10px;
    margin-left: 0 !important;
  }
}
@media (min-width: 865px) and (max-width: 1145px) {
  .lab-grown-content-wrapper .main-container .search-form-container .search-filter .filters .search-by-report.responsive {
    margin-right: 10px !important;
    margin-left: 0;
  }
}
.lab-grown-content-wrapper .main-container .search-form-container .search-filter .filters .search-by-report .report-number {
  outline: none;
  color: rgba(42, 40, 49, 0.6);
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  background-color: #ffffff;
  border-radius: 100px;
  height: 50px;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_static, #FFFFFF) !important;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  border: 1px solid;
  border-color: #BFBFC3;
  border-color: var(--input_field_line_static, #BFBFC3) !important;
  padding: 14px 0 14px 30px;
}
.lab-grown-content-wrapper .main-container .search-form-container .search-filter .filters .search-by-report .report-number::-webkit-input-placeholder {
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
}
.lab-grown-content-wrapper .main-container .search-form-container .search-filter .filters .search-by-report .report-number:-moz-placeholder {
  /* Firefox 18- */
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
}
.lab-grown-content-wrapper .main-container .search-form-container .search-filter .filters .search-by-report .report-number::-moz-placeholder {
  /* Firefox 19+ */
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
}
.lab-grown-content-wrapper .main-container .search-form-container .search-filter .filters .search-by-report .report-number:-ms-input-placeholder {
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
}
.lab-grown-content-wrapper .main-container .search-form-container .search-filter .filters .search-by-report .report-number:focus {
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_active, #FFFFFF) !important;
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
  border: 1px solid;
  border-color: #804294;
  border-color: var(--input_field_line_active, #804294) !important;
  box-shadow: none;
}
.lab-grown-content-wrapper .main-container .search-form-container .search-filter .filters .search-by-report .report-number:focus::-webkit-input-placeholder {
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
}
.lab-grown-content-wrapper .main-container .search-form-container .search-filter .filters .search-by-report .report-number:focus:-moz-placeholder {
  /* Firefox 18- */
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
}
.lab-grown-content-wrapper .main-container .search-form-container .search-filter .filters .search-by-report .report-number:focus::-moz-placeholder {
  /* Firefox 19+ */
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
}
.lab-grown-content-wrapper .main-container .search-form-container .search-filter .filters .search-by-report .report-number:focus:-ms-input-placeholder {
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
}
.lab-grown-content-wrapper .main-container .search-form-container .search-filter .filters .search-by-report typeahead-container.dropdown {
  border: none;
  width: 100%;
  border-radius: 0 0 25px 25px;
  margin-top: 0;
  padding-left: 20px;
  padding-right: 20px;
}
.lab-grown-content-wrapper .main-container .search-form-container .search-filter .filters .search-by-report typeahead-container.dropdown .dropdown-item {
  padding: 0;
  border-bottom: 1px solid #ffffff;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
.lab-grown-content-wrapper .main-container .search-form-container .search-filter .filters .search-by-report typeahead-container.dropdown .dropdown-item span {
  padding-left: 10px;
  width: 100%;
  display: inline-block;
  line-height: 40px;
}
.lab-grown-content-wrapper .main-container .search-form-container .search-filter .filters .search-by-report typeahead-container.dropdown .dropdown-item span.selected-supplier {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
  background-position: right 10px top 12px;
}
.lab-grown-content-wrapper .main-container .search-form-container .search-filter .filters .search-by-report.open {
  border-radius: 25px 25px 0 0;
}
.lab-grown-content-wrapper .main-container .search-form-container .search-filter .filters .search-btns {
  display: flex;
}
.lab-grown-content-wrapper .main-container .search-form-container .search-filter .filters .clear-search {
  margin-right: 10px;
}
.lab-grown-content-wrapper .main-container .search-form-container .search-filter .filters .clear-search button {
  width: 104.86px;
  margin-right: 10px;
  display: inline-flex;
  border-radius: 100px;
  font-size: 14px;
  line-height: 18px;
  padding: 15px 10px;
  border: 2px solid;
  justify-content: center;
  align-items: center;
  background-color: transparent !important;
  outline: none;
  border-color: #804294;
  border-color: var(--action_btn_secondary_color, #804294) !important;
  color: #804294;
  color: var(--action_btn_secondary_font_color, #804294) !important;
  font-size: 14px;
  opacity: 0.8;
}
.lab-grown-content-wrapper .main-container .search-form-container .search-filter .filters .new-search button {
  font-size: 14px;
  font-weight: 500;
  width: 104.86px;
  border-radius: 100px;
  border: none;
  padding: 14px 0;
  margin-right: 10px;
  outline: none;
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
  cursor: pointer;
}
.lab-grown-content-wrapper .main-container .search-form-container .bottom-section {
  width: 1080px;
  margin: 15px auto;
}
@media (min-width: 865px) and (max-width: 1145px) {
  .lab-grown-content-wrapper .main-container .search-form-container .bottom-section.responsive {
    width: 800px;
  }
}
@media (min-width: 768px) and (max-width: 865px) {
  .lab-grown-content-wrapper .main-container .search-form-container .bottom-section.responsive {
    width: 600px;
  }
}
@media (min-width: 600px) and (max-width: 768px) {
  .lab-grown-content-wrapper .main-container .search-form-container .bottom-section.responsive {
    width: 540px;
  }
}
@media screen and (max-width: 600px) {
  .lab-grown-content-wrapper .main-container .search-form-container .bottom-section.responsive {
    width: 100%;
  }
}
.lab-grown-content-wrapper .main-container .search-form-container .bottom-section .selected-search-values {
  height: 20px;
}
.lab-grown-content-wrapper .main-container .search-form-container .bottom-section .filters {
  display: flex;
  justify-content: flex-end;
  justify-content: center;
}
.lab-grown-content-wrapper .main-container .search-form-container .bottom-section .filters .clear-search button {
  font-weight: 500;
  width: 104.86px;
  border-radius: 100px;
  border: none;
  padding: 14px 0;
  margin-right: 10px;
  outline: none;
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
  cursor: pointer;
}
.lab-grown-content-wrapper .main-container .search-form-container .bottom-section .filters .new-search button {
  font-weight: 500;
  width: 104.86px;
  border-radius: 100px;
  border: none;
  padding: 14px 0;
  margin-right: 10px;
  outline: none;
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
  cursor: pointer;
}
.lab-grown-content-wrapper .main-container .search-form-container .form-section .form {
  display: flex;
  flex-direction: column;
}
.lab-grown-content-wrapper .main-container .search-form-container .form-section .form .form-fields {
  justify-content: center;
  margin: unset;
}
.lab-grown-content-wrapper .main-container .search-form-container .form-section .form .form-fields .left-section {
  padding: 0;
}
.lab-grown-content-wrapper .main-container .search-form-container .form-section .form .form-fields .right-section {
  padding: 0 0 0 2px;
}
@media screen and (max-width: 768px) {
  .lab-grown-content-wrapper .main-container .search-form-container .form-section .form .form-fields .right-section {
    padding: 0;
  }
}
.lab-grown-content-wrapper .main-container .search-form-container .form-section .form .form-fields .right-section .blank-container {
  height: 78px;
  margin-bottom: 3px;
}
@media screen and (max-width: 1145px) {
  .lab-grown-content-wrapper .main-container .search-form-container .form-section .form .form-fields .right-section .blank-container {
    display: none;
  }
}
.lab-grown-content-wrapper .main-container .search-form-container .form-section .form .form-fields .left-section, .lab-grown-content-wrapper .main-container .search-form-container .form-section .form .form-fields .right-section {
  width: 540px;
  flex: unset !important;
}
.lab-grown-content-wrapper .main-container .search-form-container .form-section .form .form-fields .left-section.responsive, .lab-grown-content-wrapper .main-container .search-form-container .form-section .form .form-fields .right-section.responsive {
  max-width: 540px;
}
@media screen and (max-width: 1024px) {
  .lab-grown-content-wrapper .main-container .search-form-container .form-section .form .form-fields .left-section.responsive, .lab-grown-content-wrapper .main-container .search-form-container .form-section .form .form-fields .right-section.responsive {
    width: 100%;
  }
}
.lab-grown-shapes-container {
  display: flex;
  justify-content: space-between;
}
.lab-grown-shapes-container .inner-container {
  position: relative;
  width: 474px;
  height: 75px;
  overflow: hidden;
  height: 78px;
}
.lab-grown-shapes-container .inner-container .icon-container .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
}
.lab-grown-shapes-container .inner-container .icon-container .icon-label {
  padding-bottom: 10px;
}
.lab-grown-shapes-container .show-more {
  display: block;
  width: 50px;
  height: 78px;
  font-size: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.lab-grown-shapes-container .show-more:before {
  color: #804294;
  color: var(--main_bg_icon_color, #804294) !important;
}
.lab-grown-shapes-container .shapes {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  position: absolute;
  padding: 5px 0px;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
.lab-grown-shapes-container .shapes .cover {
  margin-bottom: 20px;
}
.lab-grown-shapes-container .shapes .cover a {
  cursor: pointer;
  font-size: 25px;
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  color: #804294;
  color: var(--option_btn_off_font_color, #804294) !important;
}
.lab-grown-shapes-container .shapes .cover a.shape-selected {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
}
.lab-grown-shapes-container .shapes .cover a.icon_shape_trapezoid {
  font-size: 20px;
}
.lab-grown-shapes-container .shapes .less-shapes-wrapper {
  display: flex;
  width: 100%;
  height: 35px;
  justify-content: flex-end;
}
.lab-grown-shapes-container .shapes .less-shapes-wrapper .less-shapes {
  height: 10px;
  width: 70px;
  font-size: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-repeat: no-repeat;
  background-position: center;
}
.lab-grown-shapes-container .shapes .less-shapes-wrapper .less-shapes:before {
  color: #804294;
  color: var(--main_bg_icon_color, #804294) !important;
}
.lab-grown-carat-container {
  display: flex;
}
.lab-grown-carat-container .icon-container .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 25px;
}
.lab-grown-carat-container .carat-inner {
  display: flex;
  padding: 10px 0;
  width: 80%;
  justify-content: center;
}
.lab-grown-carat-container .carat-inner input {
  border: none;
  border-bottom: 1px solid;
  border-bottom-color: #804294;
  border-bottom-color: var(--main_bg_icon_color, #804294) !important;
  background-color: transparent;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  outline: none;
  width: 105px;
  text-align: center;
}
@media (min-width: 768px) and (max-width: 865px) {
  .lab-grown-carat-container .carat-inner input {
    max-width: 70px;
  }
}
@media screen and (max-width: 768px) {
  .lab-grown-carat-container .carat-inner input {
    font-size: 17px !important;
    width: 75%;
  }
}
.lab-grown-carat-container .carat-inner input:focus {
  border: none;
}
.lab-grown-carat-container .carat-inner .min .icon-label {
  text-align: center;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  width: 105px;
}
@media (min-width: 768px) and (max-width: 865px) {
  .lab-grown-carat-container .carat-inner .min .icon-label {
    max-width: 70px;
  }
}
@media screen and (max-width: 768px) {
  .lab-grown-carat-container .carat-inner .min .icon-label {
    width: 75%;
  }
}
.lab-grown-carat-container .carat-inner .min .min-input {
  font-weight: 500;
  font-size: 24px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  line-height: 0;
}
@media screen and (max-width: 768px) {
  .lab-grown-carat-container .carat-inner .min .min-input {
    font-size: 17px;
  }
}
.lab-grown-carat-container .carat-inner .to {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 10px;
}
@media screen and (min-width: 1024px) {
  .lab-grown-carat-container .carat-inner .to {
    margin: 0 30px;
  }
}
.lab-grown-carat-container .carat-inner .max .icon-label {
  text-align: center;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  width: 105px;
}
@media (min-width: 768px) and (max-width: 865px) {
  .lab-grown-carat-container .carat-inner .max .icon-label {
    max-width: 70px;
  }
}
@media screen and (max-width: 768px) {
  .lab-grown-carat-container .carat-inner .max .icon-label {
    width: 75%;
  }
}
.lab-grown-carat-container .carat-inner .max .max-input {
  font-weight: 500;
  font-size: 24px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  line-height: 0;
}
@media screen and (max-width: 768px) {
  .lab-grown-carat-container .carat-inner .max .max-input {
    font-size: 17px;
  }
}
.lab-grown-colors-container {
  display: flex;
  justify-content: space-between;
}
.lab-grown-colors-container .inner-container {
  position: relative;
  width: 474px;
  height: 75px;
  overflow: hidden;
  height: 78px;
}
.lab-grown-colors-container .inner-container .hidden-colors .to {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 15px;
  height: 50px;
}
.lab-grown-colors-container .show-more {
  display: block;
  width: 50px;
  height: 78px;
  font-size: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.lab-grown-colors-container .show-more:before {
  color: #804294;
  color: var(--main_bg_icon_color, #804294) !important;
}
.lab-grown-colors-container .colors {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  position: absolute;
  padding: 5px 0px;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  padding: 12px 0;
}
.lab-grown-colors-container .colors .icon-container .icon {
  font-size: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.lab-grown-colors-container .colors .icon-container .icon-label {
  padding-bottom: 5px;
}
.lab-grown-colors-container .colors .cover {
  height: 60px;
  margin-bottom: 10px;
}
.lab-grown-colors-container .colors .show-less {
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  height: 20px;
  width: 20px;
  font-size: 8px;
  position: absolute;
  right: 30px;
  bottom: 0;
}
.lab-grown-colors-container .colors .show-less:before {
  color: #804294;
  color: var(--main_bg_icon_color, #804294) !important;
}
.lab-grown-colors-container .colors .cover a {
  color: #6C2C81;
  font-weight: 500;
  font-size: 14px;
  text-decoration: none;
  line-height: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  color: #804294;
  color: var(--option_btn_off_font_color, #804294) !important;
}
.lab-grown-colors-container .colors .cover a.color-selected {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
}
.lab-grown-colors-container.multipleRows .inner-container {
  height: 159px !important;
}
@media screen and (max-width: 550px) {
  .lab-grown-colors-container.multipleRows .inner-container {
    height: 225px !important;
  }
}
.lab-grown-fancy-container {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.lab-grown-fancy-container .icon-container .icon {
  font-size: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.lab-grown-fancy-container .icon-container .icon-label {
  padding-bottom: 10px;
}
.lab-grown-fancy-container .btn-pills {
  width: 85%;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 480px) {
  .lab-grown-fancy-container .btn-pills {
    width: 78%;
  }
}
.lab-grown-fancy-container .btn-pills .btn-group {
  width: 90%;
  align-items: center;
}
.lab-grown-fancy-container .btn-pills .btn-group button {
  width: 33.3%;
  height: 35px;
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  color: #804294;
  color: var(--option_btn_off_font_color, #804294) !important;
  border-color: unset;
  border: 1px solid rgba(48, 56, 97, 0.2);
  border-top: 0;
  box-shadow: 0 2px 4px 0 rgba(48, 56, 97, 0.2);
  outline: none;
  position: relative;
  font-size: 14px;
}
.lab-grown-fancy-container .btn-pills .btn-group button:first-child {
  border-radius: 20px 0 0 20px;
}
.lab-grown-fancy-container .btn-pills .btn-group button:last-child {
  border-radius: 0 20px 20px 0;
}
.lab-grown-fancy-container .btn-pills .btn-group button:only-child {
  border-radius: 20px;
}
.lab-grown-fancy-container .btn-pills .btn-group button .switch_checkmark_white {
  color: #9665A6;
  color: var(--option_btn_on_color, #9665A6) !important;
  font-weight: bolder;
  margin-right: 5px;
}
.lab-grown-fancy-container .btn-pills .btn-group button .notch {
  position: absolute;
  bottom: -30px;
  left: 50%;
  background-color: #DBDBDF;
  background-color: var(--main_bg_secondary_highlight_color, #DBDBDF) !important;
  display: block;
  height: 15px;
  width: 15px;
  transform: rotate(45deg);
}
.lab-grown-fancy-container .btn-pills .btn-group button .notch.active {
  border: 1px solid;
  border-right: 0;
  border-bottom: 0;
  z-index: 2;
  border-color: #9665A6;
  border-color: var(--option_btn_on_color, #9665A6) !important;
}
.lab-grown-fancy-container .btn-pills .btn-group button.selected {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
}
@media screen and (max-width: 420px) {
  .lab-grown-fancy-container .btn-pills .btn-group button {
    font-size: 10px;
  }
}
.lab-grown-fancy-container .fancy-selected {
  width: 100%;
  display: flex;
  margin: 0 10px;
}
.lab-grown-fancy-container .fancy-selected > div {
  width: 33.3%;
  height: 81px;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  background-color: #DBDBDF;
  background-color: var(--main_bg_secondary_highlight_color, #DBDBDF) !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lab-grown-fancy-container .fancy-selected > div:not(:last-child) {
  margin-right: 5px;
}
.lab-grown-fancy-container .fancy-selected > div .selected-fancy-colors {
  display: flex;
  align-items: center;
  justify-content: center;
}
.lab-grown-fancy-container .fancy-selected > div .selected-fancy-colors .cover {
  margin-bottom: 0;
  width: 60px;
}
.lab-grown-fancy-container .fancy-selected > div .selected-fancy-colors .cover .circle {
  border: 3px solid;
  border-color: #9665A6;
  border-color: var(--option_btn_on_color, #9665A6) !important;
}
.lab-grown-fancy-container .fancy-selected > div .selected-fancy-colors .cover .icon-label .fancy-label {
  font-size: 10px;
}
.lab-grown-fancy-container .fancy-selected > div .selected-fancy-overtone {
  display: flex;
  justify-content: space-between;
  width: 98%;
  align-items: center;
}
.lab-grown-fancy-container .fancy-selected > div .selected-fancy-overtone .overtone-list {
  display: flex;
  flex-wrap: wrap;
  width: 115px;
  align-content: space-between;
}
.lab-grown-fancy-container .fancy-selected > div .selected-fancy-overtone .overtone-list .overtones {
  width: 115px;
  height: 20px;
  border-radius: 5px;
  font-size: 14px;
  padding: 0 5px;
  margin: 2px 0;
  cursor: pointer;
  color: #FFFFFF;
  color: var(--option_btn_off_color, #FFFFFF) !important;
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
}
.lab-grown-fancy-container .fancy-selected > div .selected-fancy-overtone .overtone-list .overtones .label {
  width: 95px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}
.lab-grown-fancy-container .fancy-selected > div .selected-fancy-overtone .overtone-list .overtones .icon_sort_cancel {
  width: 10px;
  float: right;
  margin-top: 5px;
}
.lab-grown-fancy-container .fancy-selected > div .selected-fancy-overtone .extra {
  margin: unset;
}
.lab-grown-fancy-container .fancy-selected > div .selected-fancy-intensity {
  display: flex;
  flex-wrap: wrap;
  width: 120px;
  justify-content: center;
}
.lab-grown-fancy-container .fancy-selected > div .selected-fancy-intensity a {
  height: 25px;
  color: #FFFFFF;
  color: var(--option_btn_off_color, #FFFFFF) !important;
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  margin: unset;
}
.lab-grown-fancy-container .fancy-selected .extra {
  display: flex;
  height: 45px;
  width: 45px;
  border-radius: 50%;
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  justify-content: center;
  align-items: center;
  margin: 0 7px 20px;
  cursor: pointer;
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.29);
  color: #9665A6;
  color: var(--option_btn_on_color, #9665A6) !important;
}
@media screen and (max-width: 530px) {
  .lab-grown-fancy-container .fancy-selected {
    flex-wrap: wrap;
    height: 81px;
    overflow: hidden;
  }
  .lab-grown-fancy-container .fancy-selected > div {
    width: 100%;
    margin-right: 0px !important;
    margin-bottom: 5px;
  }
  .lab-grown-fancy-container .fancy-selected .selected-fancy-overtone {
    justify-content: space-evenly !important;
  }
  .lab-grown-fancy-container .fancy-selected.show-expanded {
    height: 260px;
  }
}
.lab-grown-fancy-container .fancy-color-container {
  display: flex;
  width: 100% !important;
  height: 81px;
  padding: 10px 0;
  overflow: hidden;
  position: absolute;
  top: 78px;
  background-color: #DBDBDF;
  background-color: var(--main_bg_secondary_highlight_color, #DBDBDF) !important;
}
.lab-grown-fancy-container .fancy-color-container .colors {
  display: flex;
  flex-wrap: wrap;
  width: 90%;
}
.lab-grown-fancy-container .fancy-color-container.expanded {
  z-index: 999;
  height: auto;
  border: 1px solid;
  border-color: #9665A6;
  border-color: var(--option_btn_on_color, #9665A6) !important;
}
.lab-grown-fancy-container .fancy-color-container.expanded .colors {
  width: 100%;
}
.lab-grown-fancy-container .fancy-color-container.expanded .colors .cover {
  width: 75px;
}
.lab-grown-fancy-container .fancy-overtone-container {
  display: flex;
  width: 100% !important;
  height: 81px;
  padding: 10px 0 20px;
  overflow: hidden;
  position: absolute;
  top: 78px;
  background-color: #DBDBDF;
  background-color: var(--main_bg_secondary_highlight_color, #DBDBDF) !important;
}
.lab-grown-fancy-container .fancy-overtone-container .overtones {
  display: flex;
  flex-wrap: wrap;
  width: 90%;
  justify-content: center;
}
.lab-grown-fancy-container .fancy-overtone-container .overtones .pill {
  height: 35px;
  display: flex;
  width: 22%;
  margin: 15px 5px;
  font-size: 14px;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 20px;
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.29);
  cursor: pointer;
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  color: #804294;
  color: var(--option_btn_off_font_color, #804294) !important;
}
.lab-grown-fancy-container .fancy-overtone-container .overtones .pill.selected {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
}
@media screen and (max-width: 480px) {
  .lab-grown-fancy-container .fancy-overtone-container .overtones .pill {
    width: 28%;
  }
}
.lab-grown-fancy-container .fancy-overtone-container.expanded {
  z-index: 999;
  height: auto;
  border: 1px solid;
  border-color: #9665A6;
  border-color: var(--option_btn_on_color, #9665A6) !important;
}
.lab-grown-fancy-container .fancy-overtone-container.expanded .overtones {
  width: 100%;
  justify-content: flex-start;
}
.lab-grown-fancy-container .fancy-overtone-container.expanded .overtones .pill {
  margin: 5px;
}
.lab-grown-fancy-container .fancy-intensity-container {
  display: flex;
  width: 100% !important;
  height: 81px;
  padding: 10px 0;
  overflow: hidden;
  position: absolute;
  top: 78px;
  background-color: #DBDBDF;
  background-color: var(--main_bg_secondary_highlight_color, #DBDBDF) !important;
}
.lab-grown-fancy-container .fancy-intensity-container .intensities {
  display: flex;
  flex-wrap: wrap;
  width: 90%;
  justify-content: center;
}
.lab-grown-fancy-container .fancy-intensity-container .intensities .pill {
  height: 35px;
  display: flex;
  width: 22%;
  margin: 15px 5px;
  font-size: 14px;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 20px;
  cursor: pointer;
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.29);
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  color: #804294;
  color: var(--option_btn_off_font_color, #804294) !important;
}
.lab-grown-fancy-container .fancy-intensity-container .intensities .pill.selected {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
}
@media screen and (max-width: 480px) {
  .lab-grown-fancy-container .fancy-intensity-container .intensities .pill {
    width: 30%;
  }
}
.lab-grown-fancy-container .fancy-intensity-container.expanded {
  z-index: 999;
  height: auto;
  border: 1px solid;
  border-color: #9665A6;
  border-color: var(--option_btn_on_color, #9665A6) !important;
}
.lab-grown-fancy-container .fancy-intensity-container.expanded .intensities {
  width: 100%;
  justify-content: flex-start;
}
.lab-grown-fancy-container .fancy-intensity-container.expanded .intensities .pill {
  margin: 5px;
}
.lab-grown-fancy-container .cover {
  height: 70px;
  margin-bottom: 15px;
}
.lab-grown-fancy-container .cover .circle {
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
}
.lab-grown-fancy-container .cover .circle.selected-fancy {
  border: 3px solid;
  border-color: #9665A6;
  border-color: var(--option_btn_on_color, #9665A6) !important;
}
.lab-grown-fancy-container .fancy-color.yellow {
  background-image: url("../webapp/svg/fancy_icons/icon_fancy_yellow@2x.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px 40px;
}
.lab-grown-fancy-container .fancy-color.orange {
  background-image: url("../webapp/svg/fancy_icons/icon_fancy_orange@2x.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px 40px;
}
.lab-grown-fancy-container .fancy-color.pink {
  background-image: url("../webapp/svg/fancy_icons/icon_fancy_pink@2x.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px 40px;
}
.lab-grown-fancy-container .fancy-color.blue {
  background-image: url("../webapp/svg/fancy_icons/icon_fancy_blue@2x.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px 40px;
}
.lab-grown-fancy-container .fancy-color.green {
  background-image: url("../webapp/svg/fancy_icons/icon_fancy_green@2x.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px 40px;
}
.lab-grown-fancy-container .fancy-color.other {
  background-image: url("../webapp/svg/fancy_icons/icon_fancy_other@2x.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px 40px;
}
.lab-grown-fancy-container .fancy-color.pink-brown {
  background-image: url("../webapp/svg/fancy_icons/icon_fancy_pink-brown@2x.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px 40px;
}
.lab-grown-fancy-container .fancy-color.brown-pink {
  background-image: url("../webapp/svg/fancy_icons/icon_fancy_brown-pink@2x.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px 40px;
}
.lab-grown-fancy-container .fancy-color.green-blue {
  background-image: url("../webapp/svg/fancy_icons/icon_fancy_green-blue@2x.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px 40px;
}
.lab-grown-fancy-container .fancy-color.brown {
  background-image: url("../webapp/svg/fancy_icons/icon_fancy_brown@2x.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px 40px;
}
.lab-grown-fancy-container .fancy-color.red {
  background-image: url("../webapp/svg/fancy_icons/icon_fancy_red@2x.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px 40px;
}
.lab-grown-fancy-container .fancy-color.white {
  background-image: url("../webapp/svg/fancy_icons/icon_fancy_white@2x.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px 40px;
}
.lab-grown-fancy-container .fancy-color.violet {
  background-image: url("../webapp/svg/fancy_icons/icon_fancy_violet@2x.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px 40px;
}
.lab-grown-fancy-container .fancy-color.purple {
  background-image: url("../webapp/svg/fancy_icons/icon_fancy_purple@2x.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px 40px;
}
.lab-grown-fancy-container .fancy-color.gray {
  background-image: url("../webapp/svg/fancy_icons/icon_fancy_gray@2x.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px 40px;
}
.lab-grown-fancy-container .fancy-color.olive {
  background-image: url("../webapp/svg/fancy_icons/icon_fancy_olive@2x.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px 40px;
}
.lab-grown-fancy-container .fancy-color.black {
  background-image: url("../webapp/svg/fancy_icons/icon_fancy_black@2x.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px 40px;
}
.lab-grown-fancy-container .fancy-color.green-blue {
  background-position: top;
  background-size: 50px 50px;
}
.lab-grown-fancy-container .fancy-color.other {
  background-image: url("../webapp/svg/fancy_icons/icon_fancy_other@2x.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 28px 40px;
}
.lab-grown-fancy-container .show-more {
  display: block;
  width: 50px;
  height: 78px;
  font-size: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.lab-grown-fancy-container .show-more:before {
  color: #804294;
  color: var(--main_bg_icon_color, #804294) !important;
}
.lab-grown-fancy-container .show-less {
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  height: 20px;
  width: 20px;
  font-size: 8px;
  position: absolute;
  right: 30px;
  bottom: 0;
}
.lab-grown-fancy-container .show-less:before {
  color: #804294;
  color: var(--main_bg_icon_color, #804294) !important;
}
.lab-grown-clarity-container .wrapper {
  display: flex;
  justify-content: space-between;
}
.lab-grown-clarity-container .wrapper .inner-container {
  position: relative;
  width: 474px;
  height: 75px;
  overflow: hidden;
  height: 78px;
}
.lab-grown-clarity-container .wrapper .inner-container .hidden-clarity .to {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 15px;
  height: 50px;
}
.lab-grown-clarity-container .wrapper .inner-container .clarities {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  position: absolute;
  padding: 5px 0px;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  padding-top: 10px;
}
.lab-grown-clarity-container .wrapper .inner-container .clarities .clarities-container {
  display: flex;
  width: 85%;
  flex-wrap: wrap;
}
.lab-grown-clarity-container .wrapper .inner-container .clarities .icon-container .icon {
  font-size: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.lab-grown-clarity-container .wrapper .inner-container .clarities .icon-container .icon-label {
  padding-bottom: 10px;
}
.lab-grown-clarity-container .wrapper .inner-container .clarities .show-less {
  display: block;
  width: 50px;
  height: 78px;
  font-size: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  background-image: url("../webapp/svg/sort_icons/icon_sort_arrow_up_purple.svg");
  height: 50px;
  width: 75px;
  position: absolute;
  bottom: 0;
  right: 0;
}
.lab-grown-clarity-container .wrapper .inner-container .clarities .show-less:before {
  color: #804294;
  color: var(--main_bg_icon_color, #804294) !important;
}
.lab-grown-clarity-container .wrapper .inner-container .clarities .show-less:before {
  color: #804294;
  color: var(--main_bg_icon_color, #804294) !important;
}
.lab-grown-clarity-container .wrapper .inner-container .clarities .cover {
  margin-bottom: 20px;
}
.lab-grown-clarity-container .wrapper .inner-container .clarities .cover a {
  color: #6C2C81;
  font-weight: 500;
  font-size: 14px;
  text-decoration: none;
  line-height: 14px;
  font-size: 13px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  color: #804294;
  color: var(--option_btn_off_font_color, #804294) !important;
}
.lab-grown-clarity-container .wrapper .inner-container .clarities .cover a.selected-clarity {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
}
.lab-grown-clarity-container .wrapper .inner-container .clarities .hidden-block {
  height: 68px;
}
.lab-grown-clarity-container .wrapper .show-more {
  display: block;
  width: 50px;
  height: 78px;
  font-size: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.lab-grown-clarity-container .wrapper .show-more:before {
  color: #804294;
  color: var(--main_bg_icon_color, #804294) !important;
}
@media (min-width: 865px) and (max-width: 1023px) {
  .lab-grown-clarity-container .wrapper.responsive .clarities-container {
    width: 80% !important;
  }
}
@media screen and (max-width: 865px) {
  .lab-grown-clarity-container .wrapper.responsive .clarities-container {
    width: 73% !important;
  }
}
@media screen and (max-width: 865px) {
  .lab-grown-clarity-container .wrapper.responsive .cover {
    width: 60px;
  }
}
.lab-grown-clarity-container.multipleRows .inner-container {
  height: 159px;
}
@media (min-width: 551px) {
  .lab-grown-clarity-container.multipleRows .inner-container .clarities-container {
    width: 85% !important;
  }
}
@media screen and (max-width: 550px) {
  .lab-grown-clarity-container.multipleRows .inner-container {
    height: 210px;
  }
  .lab-grown-clarity-container.multipleRows .inner-container .clarities-container {
    width: 70% !important;
  }
}
.lab-grown-cut-pol-sym-container .wrapper {
  display: flex;
}
.lab-grown-cut-pol-sym-container .wrapper .inner-container {
  display: flex;
  position: relative;
  width: 474px;
  height: 75px;
  overflow: hidden;
  height: 78px;
  width: 540px;
}
.lab-grown-cut-pol-sym-container .wrapper .inner-container .cps-container {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  position: absolute;
  padding: 5px 0px;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
.lab-grown-cut-pol-sym-container .wrapper .inner-container .cps-container .cut-grades, .lab-grown-cut-pol-sym-container .wrapper .inner-container .cps-container .polish, .lab-grown-cut-pol-sym-container .wrapper .inner-container .cps-container .symmetry, .lab-grown-cut-pol-sym-container .wrapper .inner-container .cps-container .threex-wrapper {
  width: 18%;
  margin-left: 10px;
}
.lab-grown-cut-pol-sym-container .wrapper .inner-container .cps-container .cps {
  display: inline-flex;
  border-radius: 100px;
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.29);
  justify-content: center;
  align-items: center;
  font-weight: 500;
  font-size: 13px;
  margin-bottom: 15px;
  display: flex;
  height: 38.13px;
  width: 100%;
  margin-right: 15px;
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  color: #804294;
  color: var(--option_btn_off_font_color, #804294) !important;
}
.lab-grown-cut-pol-sym-container .wrapper .inner-container .cps-container .cps.selected {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
}
.lab-grown-cut-pol-sym-container .wrapper .inner-container .cps-container .cut-pol-sym {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.lab-grown-cut-pol-sym-container .wrapper .inner-container .cps-container .icon-container .icon {
  font-size: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.lab-grown-cut-pol-sym-container .wrapper .inner-container .cps-container .icon-container .icon-label {
  padding-bottom: 10px;
}
.lab-grown-cut-pol-sym-container .wrapper .inner-container .cps-container .show-more-cps {
  font-size: 8px;
  background-repeat: no-repeat;
  background-position: center;
}
.lab-grown-cut-pol-sym-container .wrapper .inner-container .cps-container .threex-wrapper {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-evenly;
}
.lab-grown-cut-pol-sym-container .wrapper .inner-container .cps-container .threex-wrapper > span {
  text-align: center;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-weight: 500;
  font-size: 13px;
  line-height: 10px;
  margin: 5px 0;
}
.lab-grown-cut-pol-sym-container .wrapper .inner-container .cps-container .threex-wrapper .threex-switch, .lab-grown-cut-pol-sym-container .wrapper .inner-container .cps-container .threex-wrapper .ha-switch {
  text-decoration: none;
  display: flex;
  flex-direction: column-reverse;
}
.lab-grown-cut-pol-sym-container .wrapper .inner-container .cps-container .threex-wrapper .threex-switch .checkbox, .lab-grown-cut-pol-sym-container .wrapper .inner-container .cps-container .threex-wrapper .ha-switch .checkbox {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: text-bottom;
  margin-right: 7px;
  border: 1px solid;
  border-color: #9665A6;
  border-color: var(--option_btn_on_color, #9665A6) !important;
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}
.lab-grown-cut-pol-sym-container .wrapper .inner-container .cps-container .threex-wrapper .threex-switch.checked .checkbox, .lab-grown-cut-pol-sym-container .wrapper .inner-container .cps-container .threex-wrapper .ha-switch.checked .checkbox {
  font-size: 15px;
  font-weight: 700;
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
}
.lab-grown-cut-pol-sym-container .wrapper .inner-container .cps-container .threex-wrapper .threex-switch .checkbox-label, .lab-grown-cut-pol-sym-container .wrapper .inner-container .cps-container .threex-wrapper .ha-switch .checkbox-label {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.lab-grown-cut-pol-sym-container .wrapper .inner-container .cps-container .threex-wrapper .threex-switch .checkbox-label, .lab-grown-cut-pol-sym-container .wrapper .inner-container .cps-container .threex-wrapper .ha-switch .checkbox-label {
  font-size: 14px;
  font-weight: 500;
  margin-top: 2px;
  margin-bottom: 10px;
}
.lab-grown-cut-pol-sym-container .wrapper .inner-container .cps-container .show-less {
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  height: 20px;
  width: 20px;
  font-size: 8px;
  position: absolute;
  right: 5%;
  bottom: 7%;
  transform: translateX(50%);
}
.lab-grown-cut-pol-sym-container .wrapper .inner-container .cps-container .show-less:before {
  color: #804294;
  color: var(--main_bg_icon_color, #804294) !important;
}
.lab-grown-cut-pol-sym-container .wrapper .inner-container .cps-container.cps-hidden .threex-wrapper.single-switch {
  justify-content: center;
}
@media screen and (max-width: 400px) {
  .lab-grown-cut-pol-sym-container .wrapper.responsive .icon-container .icon-label span {
    display: none;
  }
  .lab-grown-cut-pol-sym-container .wrapper.responsive .icon-container .icon-label:after {
    content: "Cut";
    font-size: 13px;
    font-weight: 500;
    color: #292735;
    color: var(--main_bg_font_color, #292735) !important;
  }
}
@media (min-width: 865px) and (max-width: 1145px) {
  .lab-grown-cut-pol-sym-container .wrapper.responsive .cps-container > div:not(:first-child) {
    width: 16%;
  }
  .lab-grown-cut-pol-sym-container .wrapper.responsive .cps-container .cps.selected {
    font-size: 10px;
  }
}
@media screen and (max-width: 512px) {
  .lab-grown-cut-pol-sym-container .wrapper.responsive .cps-container > div:not(:first-child) {
    width: 17%;
  }
  .lab-grown-cut-pol-sym-container .wrapper.responsive .cps-container .cut-title {
    font-size: 11px;
    font-weight: 600;
  }
  .lab-grown-cut-pol-sym-container .wrapper.responsive .cps-container .cps.selected {
    font-size: 10px;
  }
  .lab-grown-cut-pol-sym-container .wrapper.responsive .cps-container .cps {
    font-size: 10px;
  }
  .lab-grown-cut-pol-sym-container .wrapper.responsive .cps-container .cps.selected {
    font-size: 8px;
  }
}
@media (max-width: 1145px) {
  .lab-grown-cut-pol-sym-container .wrapper.responsive .cps-container .icon-container {
    margin-right: 0;
  }
}
.fluor-container .wrapper {
  display: flex;
}
.fluor-container .wrapper .icon-container .icon {
  font-size: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.fluor-container .wrapper .inner-container .fluors {
  padding-top: 18px;
}
.fluor-container .wrapper .inner-container .fluors .fluor-button {
  display: inline-flex;
  border-radius: 100px;
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.29);
  justify-content: center;
  align-items: center;
  font-weight: 500;
  font-size: 13px;
  margin-bottom: 15px;
  height: 39px;
  width: 72px !important;
  margin-right: 6px;
  cursor: pointer;
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  color: #804294;
  color: var(--option_btn_off_font_color, #804294) !important;
}
.fluor-container .wrapper .inner-container .fluors .fluor-button.selected {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
}
.fluor-container .wrapper .inner-container .fluors .fluor-button .tooltipText {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
@media screen and (max-width: 560px), (min-width: 768px) and (max-width: 1145px) {
  .fluor-container .wrapper .inner-container.responsive {
    width: 80%;
  }
}
@media (min-width: 560px) and (max-width: 1145px) {
  .fluor-container .wrapper .inner-container.responsive .fluor-button {
    width: 65px !important;
  }
}
@media screen and (max-width: 560px) {
  .fluor-container .wrapper .inner-container.responsive .fluor-button {
    width: 28% !important;
  }
}
.lab-grown-lab-container .wrapper {
  display: flex;
  justify-content: space-between;
}
.lab-grown-lab-container .wrapper .show-more {
  display: block;
  width: 50px;
  height: 78px;
  font-size: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.lab-grown-lab-container .wrapper .show-more:before {
  color: #804294;
  color: var(--main_bg_icon_color, #804294) !important;
}
.lab-grown-lab-container .wrapper .inner-container {
  display: flex;
  width: 416px;
  position: relative;
  width: 474px;
  height: 75px;
  overflow: hidden;
  height: 78px;
}
.lab-grown-lab-container .wrapper .inner-container .labs-container {
  display: flex;
  width: 85%;
  flex-wrap: wrap;
}
@media (min-width: 865px) and (max-width: 1023px) {
  .lab-grown-lab-container .wrapper .inner-container .labs-container.responsive {
    width: 80%;
  }
}
@media screen and (max-width: 500px), (min-width: 768px) and (max-width: 865px) {
  .lab-grown-lab-container .wrapper .inner-container .labs-container.responsive {
    width: 70%;
  }
}
.lab-grown-lab-container .wrapper .inner-container .labs {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  position: absolute;
  padding: 5px 0px;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  padding-top: 12px;
}
.lab-grown-lab-container .wrapper .inner-container .labs .icon-container .icon {
  font-size: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.lab-grown-lab-container .wrapper .inner-container .labs .icon-container .icon-label {
  padding-bottom: 10px;
}
.lab-grown-lab-container .wrapper .inner-container .labs .show-less {
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  height: 20px;
  width: 20px;
  font-size: 8px;
  position: absolute;
  right: 30px;
  bottom: 30px;
}
.lab-grown-lab-container .wrapper .inner-container .labs .show-less:before {
  color: #804294;
  color: var(--main_bg_icon_color, #804294) !important;
}
.lab-grown-lab-container .wrapper .inner-container .labs .cover {
  margin-bottom: 20px;
}
@media screen and (max-width: 500px), (min-width: 768px) and (max-width: 865px) {
  .lab-grown-lab-container .wrapper .inner-container .labs .cover {
    width: 60px;
  }
}
.lab-grown-lab-container .wrapper .inner-container .labs .cover a {
  color: #6C2C81;
  font-weight: 500;
  font-size: 14px;
  text-decoration: none;
  line-height: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  color: #804294;
  color: var(--option_btn_off_font_color, #804294) !important;
  text-align: center;
}
.lab-grown-lab-container .wrapper .inner-container .labs .cover a.selected {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
}
.lab-grown-location-container .inner-container {
  position: relative;
  width: 474px;
  height: 75px;
  overflow: hidden;
  height: 78px;
  width: 100%;
}
.lab-grown-location-container .inner-container.expanded {
  width: 100% !important;
}
.lab-grown-location-container .inner-container .hidden-location {
  align-items: center !important;
  justify-content: flex-start !important;
}
.lab-grown-location-container .inner-container .hidden-location .show-more {
  display: block;
  width: 50px;
  height: 78px;
  font-size: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  position: absolute;
  right: 0;
}
.lab-grown-location-container .inner-container .hidden-location .show-more:before {
  color: #804294;
  color: var(--main_bg_icon_color, #804294) !important;
}
.lab-grown-location-container .inner-container .location {
  display: flex;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  position: absolute;
  padding: 5px 0px;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  flex-wrap: nowrap;
  padding: 0;
  justify-content: space-between;
}
.lab-grown-location-container .inner-container .location.open {
  height: 400px;
}
.lab-grown-location-container .inner-container .location .item {
  margin-right: 10px;
  position: relative;
}
.lab-grown-location-container .inner-container .location .item > a {
  height: 20px;
  width: 20px;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
  display: inline-flex;
  left: 8px;
}
.lab-grown-location-container .inner-container .location .item > span {
  display: inline-flex;
  max-width: 107px;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  padding: 8px 8px 8px 30px;
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.29);
  border-radius: 5px;
  padding-left: 8px;
}
.lab-grown-location-container .inner-container .location .icon-container {
  position: relative;
}
.lab-grown-location-container .inner-container .location .icon-container .icon {
  font-size: 25px;
  width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.lab-grown-location-container .inner-container .location .icon-container .icon-label {
  padding-bottom: 10px;
}
.lab-grown-location-container .inner-container .location .icon-container .selected-places {
  max-height: 220px;
  overflow-y: auto;
  position: absolute;
  margin-top: 10px;
}
.lab-grown-location-container .inner-container .location .icon-container .selected-places .item {
  margin-bottom: 10px;
  position: relative;
}
.lab-grown-location-container .inner-container .location .icon-container .selected-places .item > a {
  height: 20px;
  width: 20px;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
  display: inline-flex;
  left: 8px;
}
.lab-grown-location-container .inner-container .location .icon-container .selected-places .item > span {
  display: inline-flex;
  max-width: 107px;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  padding: 8px 8px 8px 30px;
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.29);
  border-radius: 5px;
  width: 107px;
}
.lab-grown-location-container .inner-container .location .location-select {
  position: relative;
  margin: 11px 10px 16px 0px;
  background: white;
  border-radius: 25px;
  max-width: 400px;
  width: 100%;
  height: 51px;
}
.lab-grown-location-container .inner-container .location .location-select input {
  border: none;
  border-bottom: 1px solid;
  border-bottom-color: #804294;
  border-bottom-color: var(--main_bg_icon_color, #804294) !important;
  background-color: transparent;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  outline: none;
  border: none;
  padding-left: 30px;
  height: 51.35px;
  max-width: 400px;
  width: 100%;
  background: transparent;
  border-radius: unset;
  font-size: 13px;
  font-weight: 500;
}
.lab-grown-location-container .inner-container .location .location-select input:focus {
  box-shadow: none;
}
.lab-grown-location-container .inner-container .location .location-select .vi.icon_search_small {
  position: absolute;
  top: 16px;
  right: 5%;
}
.lab-grown-location-container .inner-container .location .location-select typeahead-container.dropdown {
  border: none;
  width: 100%;
  border-radius: 0 0 25px 25px;
  margin-top: 0;
  padding-left: 20px;
  padding-right: 20px;
}
.lab-grown-location-container .inner-container .location .location-select typeahead-container.dropdown .dropdown-item {
  padding: 0;
  border-bottom: 1px solid #ffffff;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  position: relative;
}
.lab-grown-location-container .inner-container .location .location-select typeahead-container.dropdown .dropdown-item .data {
  padding-left: 10px;
  width: 100%;
  display: inline-block;
  line-height: 40px;
}
.lab-grown-location-container .inner-container .location .location-select typeahead-container.dropdown .dropdown-item .data .icon {
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  right: 10%;
  font-weight: 700;
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
  display: none;
}
.lab-grown-location-container .inner-container .location .location-select typeahead-container.dropdown .dropdown-item .data.selected-location {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
  background-position: right 10px top 12px;
}
.lab-grown-location-container .inner-container .location .location-select typeahead-container.dropdown .dropdown-item .data.selected-location .icon {
  display: inline;
}
.lab-grown-location-container .inner-container .location .location-select.open {
  border-radius: 25px 25px 0 0;
}
.lab-grown-location-container .inner-container .location .show-less {
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  height: 20px;
  width: 20px;
  font-size: 8px;
  position: absolute;
  right: 30px;
  bottom: 30px;
}
.lab-grown-location-container .inner-container .location .show-less:before {
  color: #804294;
  color: var(--main_bg_icon_color, #804294) !important;
}
.lab-grown-supplier-container .inner-container {
  position: relative;
  width: 474px;
  height: 75px;
  overflow: hidden;
  height: 78px;
  width: 100%;
}
.lab-grown-supplier-container .inner-container.expanded {
  width: 100% !important;
}
.lab-grown-supplier-container .inner-container .hidden_suppliers {
  align-items: center !important;
  justify-content: flex-start !important;
}
.lab-grown-supplier-container .inner-container .hidden_suppliers .show-more {
  display: block;
  width: 50px;
  height: 78px;
  font-size: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  position: absolute;
  right: 0;
}
.lab-grown-supplier-container .inner-container .hidden_suppliers .show-more:before {
  color: #804294;
  color: var(--main_bg_icon_color, #804294) !important;
}
.lab-grown-supplier-container .inner-container .supplier {
  display: flex;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  position: absolute;
  padding: 5px 0px;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  flex-wrap: nowrap;
  padding: 0;
  justify-content: space-between;
}
.lab-grown-supplier-container .inner-container .supplier.open {
  height: 400px;
}
.lab-grown-supplier-container .inner-container .supplier .item {
  margin-right: 10px;
  position: relative;
}
.lab-grown-supplier-container .inner-container .supplier .item > a {
  height: 20px;
  width: 20px;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
  display: inline-flex;
  left: 8px;
}
.lab-grown-supplier-container .inner-container .supplier .item > span {
  display: inline-flex;
  max-width: 107px;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  padding: 8px 8px 8px 30px;
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.29);
  border-radius: 5px;
  padding-left: 8px;
  max-width: 120px !important;
  overflow-wrap: anywhere !important;
  word-break: break-all !important;
}
.lab-grown-supplier-container .inner-container .supplier .icon-container {
  position: relative;
}
.lab-grown-supplier-container .inner-container .supplier .icon-container .icon {
  font-size: 22px;
  width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 320px) and (max-width: 413px) {
  .lab-grown-supplier-container .inner-container .supplier .icon-container .selected-suppliers {
    width: 300px !important;
    display: flex;
    flex-wrap: wrap;
    overflow-wrap: anywhere;
    word-break: break-all !important;
  }
}
@media (min-width: 414px) and (max-width: 769px) {
  .lab-grown-supplier-container .inner-container .supplier .icon-container .selected-suppliers {
    width: 393px !important;
    display: flex;
    flex-wrap: wrap;
    overflow-wrap: anywhere;
    word-break: break-all !important;
  }
}
.lab-grown-supplier-container .inner-container .supplier .icon-container .selected-suppliers {
  margin-top: 10px;
  max-height: 220px !important;
  overflow-y: auto;
  position: absolute;
  display: flex;
  width: 520px;
  flex-wrap: wrap;
  overflow-wrap: anywhere;
  word-break: break-all !important;
}
.lab-grown-supplier-container .inner-container .supplier .icon-container .selected-suppliers .item {
  margin-bottom: 10px;
  position: relative;
}
.lab-grown-supplier-container .inner-container .supplier .icon-container .selected-suppliers .item > a {
  height: 20px;
  width: 20px;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
  display: inline-flex;
  left: 8px;
  top: 15px !important;
}
.lab-grown-supplier-container .inner-container .supplier .icon-container .selected-suppliers .item > span {
  display: inline-flex;
  max-width: 107px;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  padding: 8px 8px 8px 30px;
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.29);
  border-radius: 5px;
  width: 120px !important;
}
.lab-grown-supplier-container .inner-container .supplier .supplier-select {
  position: relative;
  margin: 11px 10px 16px 0px;
  background: white;
  border-radius: 25px;
  max-width: 400px;
  width: 100%;
  height: 51px;
}
.lab-grown-supplier-container .inner-container .supplier .supplier-select input {
  border: none;
  border-bottom: 1px solid;
  border-bottom-color: #804294;
  border-bottom-color: var(--main_bg_icon_color, #804294) !important;
  background-color: transparent;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  outline: none;
  border: none;
  padding-left: 30px;
  height: 51.35px;
  max-width: 400px;
  width: 100%;
  font-size: 13px;
  font-weight: 500;
  background: transparent;
  border-radius: unset;
}
.lab-grown-supplier-container .inner-container .supplier .supplier-select input:focus {
  box-shadow: none;
}
.lab-grown-supplier-container .inner-container .supplier .supplier-select .vi.icon_search_small {
  position: absolute;
  top: 16px;
  right: 5%;
}
.lab-grown-supplier-container .inner-container .supplier .supplier-select typeahead-container.dropdown {
  border: none;
  width: 100%;
  border-radius: 0 0 25px 25px;
  margin-top: 0;
  padding-left: 20px;
  padding-right: 20px;
}
.lab-grown-supplier-container .inner-container .supplier .supplier-select typeahead-container.dropdown .dropdown-item {
  padding: 0;
  border-bottom: 1px solid #ffffff;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  position: relative;
}
.lab-grown-supplier-container .inner-container .supplier .supplier-select typeahead-container.dropdown .dropdown-item .data {
  padding-left: 10px;
  width: 100%;
  display: inline-block;
  line-height: 40px;
  line-height: 35px !important;
  white-space: initial !important;
  overflow-wrap: anywhere;
  word-break: break-all !important;
}
@media (min-width: 320px) and (max-width: 414px) {
  .lab-grown-supplier-container .inner-container .supplier .supplier-select typeahead-container.dropdown .dropdown-item .data .icon {
    right: 3% !important;
  }
}
.lab-grown-supplier-container .inner-container .supplier .supplier-select typeahead-container.dropdown .dropdown-item .data .icon {
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  right: 3%;
  display: none;
  font-weight: 700;
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
}
@media (min-width: 320px) and (max-width: 414px) {
  .lab-grown-supplier-container .inner-container .supplier .supplier-select typeahead-container.dropdown .dropdown-item .data.selected-supplier {
    padding-right: 30px !important;
  }
}
.lab-grown-supplier-container .inner-container .supplier .supplier-select typeahead-container.dropdown .dropdown-item .data.selected-supplier {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
  background-position: right 10px top 12px;
  white-space: initial !important;
  padding-right: 35px;
  line-height: 35px !important;
  overflow-wrap: anywhere;
  word-break: break-all !important;
}
.lab-grown-supplier-container .inner-container .supplier .supplier-select typeahead-container.dropdown .dropdown-item .data.selected-supplier .icon {
  display: inline;
}
.lab-grown-supplier-container .inner-container .supplier .supplier-select.open {
  border-radius: 25px 25px 0 0;
}
.lab-grown-supplier-container .inner-container .supplier .show-less {
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  height: 20px;
  width: 20px;
  font-size: 8px;
  position: absolute;
  right: 30px;
  bottom: 30px;
}
.lab-grown-supplier-container .inner-container .supplier .show-less:before {
  color: #804294;
  color: var(--main_bg_icon_color, #804294) !important;
}
.lab-grown-depth-table-container .wrapper {
  display: flex;
}
.lab-grown-depth-table-container .wrapper .depth-wrapper {
  display: flex;
  height: 78px;
  align-items: center;
  width: 100%;
  border: 1px solid transparent;
}
.lab-grown-depth-table-container .wrapper .depth-wrapper .icon-container {
  height: 77px;
}
.lab-grown-depth-table-container .wrapper .depth-wrapper .icon-container .icon {
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.lab-grown-depth-table-container .wrapper .depth-wrapper .depth-container {
  display: flex;
  width: 80%;
  justify-content: center;
}
.lab-grown-depth-table-container .wrapper .depth-wrapper .depth-container .depth {
  text-align: center;
  font-weight: 500;
  font-size: 24px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  line-height: 0;
}
.lab-grown-depth-table-container .wrapper .depth-wrapper .depth-container .depth span {
  font-size: 18px;
}
@media (min-width: 768px) and (max-width: 865px) {
  .lab-grown-depth-table-container .wrapper .depth-wrapper .depth-container .depth span {
    font-size: 12px;
  }
}
.lab-grown-depth-table-container .wrapper .depth-wrapper .depth-container .depth input {
  width: 50%;
  border: none;
  border-bottom: 1px solid;
  border-bottom-color: #804294;
  border-bottom-color: var(--main_bg_icon_color, #804294) !important;
  background-color: transparent;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  outline: none;
  font-size: 20px;
  font-weight: 500;
}
.lab-grown-depth-table-container .wrapper .depth-wrapper .depth-container .depth input:focus {
  border: none;
}
@media (min-width: 768px) and (max-width: 865px) {
  .lab-grown-depth-table-container .wrapper .depth-wrapper .depth-container .depth input {
    font-size: 14px;
  }
}
.lab-grown-depth-table-container .wrapper .depth-wrapper .depth-container .to {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  line-height: 18px;
  margin: 0 8px;
}
@media (min-width: 768px) and (max-width: 865px) {
  .lab-grown-depth-table-container .wrapper .depth-wrapper .depth-container .to {
    margin: 0;
  }
}
.lab-grown-depth-table-container .wrapper .depth-wrapper:focus-within {
  border: 2px solid;
  border-color: #804294;
  border-color: var(--main_bg_icon_color, #804294) !important;
}
.lab-grown-depth-table-container .wrapper .table-wrapper {
  width: 100%;
  height: 78px;
  display: flex;
  align-items: center;
  border: 1px solid transparent;
}
.lab-grown-depth-table-container .wrapper .table-wrapper .icon-container {
  height: 77px;
}
.lab-grown-depth-table-container .wrapper .table-wrapper .icon-container .icon {
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.lab-grown-depth-table-container .wrapper .table-wrapper .table-container {
  display: flex;
  width: 80%;
  justify-content: center;
}
.lab-grown-depth-table-container .wrapper .table-wrapper .table-container .table-temp {
  text-align: center;
  font-weight: 500;
  font-size: 24px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  line-height: 0;
}
.lab-grown-depth-table-container .wrapper .table-wrapper .table-container .table-temp span {
  font-size: 18px;
}
@media (min-width: 768px) and (max-width: 865px) {
  .lab-grown-depth-table-container .wrapper .table-wrapper .table-container .table-temp span {
    font-size: 12px;
  }
}
.lab-grown-depth-table-container .wrapper .table-wrapper .table-container .table-temp input {
  border: none;
  border-bottom: 1px solid;
  border-bottom-color: #804294;
  border-bottom-color: var(--main_bg_icon_color, #804294) !important;
  background-color: transparent;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  outline: none;
  font-size: 20px;
  width: 50%;
  font-weight: 500;
}
.lab-grown-depth-table-container .wrapper .table-wrapper .table-container .table-temp input:focus {
  border: none;
}
@media (min-width: 768px) and (max-width: 865px) {
  .lab-grown-depth-table-container .wrapper .table-wrapper .table-container .table-temp input {
    font-size: 14px;
  }
}
.lab-grown-depth-table-container .wrapper .table-wrapper .table-container .to {
  margin: 0 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) and (max-width: 865px) {
  .lab-grown-depth-table-container .wrapper .table-wrapper .table-container .to {
    margin: 0;
  }
}
.lab-grown-depth-table-container .wrapper .table-wrapper:focus-within {
  border: 2px solid;
  border-color: #804294;
  border-color: var(--main_bg_icon_color, #804294) !important;
}
@media screen and (max-width: 1024px) {
  .lab-grown-depth-table-container .wrapper.responsive {
    flex-wrap: wrap;
  }
  .lab-grown-depth-table-container .wrapper.responsive .table-wrapper {
    margin: 2px 0 0 0 !important;
  }
}
.lab-grown-budget-container {
  display: flex;
  border: 1px solid transparent;
  height: 78px;
}
.lab-grown-budget-container .icon-container {
  height: 75px;
}
.lab-grown-budget-container .icon-container .icon {
  font-size: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.lab-grown-budget-container .budget-inner-container {
  display: flex;
  align-items: center;
}
.lab-grown-budget-container .budget-inner-container .budget-min {
  margin-left: 15px;
  text-align: center;
}
.lab-grown-budget-container .budget-inner-container .budget-min .budget-min-label {
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  font-size: 13px;
}
.lab-grown-budget-container .budget-inner-container .budget-min .budget-min-input {
  display: flex;
  align-items: center;
}
.lab-grown-budget-container .budget-inner-container .budget-min .budget-min-input span {
  font-weight: 500;
  font-size: 24px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  line-height: 0;
}
.lab-grown-budget-container .budget-inner-container .budget-min .budget-min-input input {
  font-weight: 500;
  font-size: 24px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  line-height: 0;
  border: none;
  border-bottom: 1px solid;
  border-bottom-color: #804294;
  border-bottom-color: var(--main_bg_icon_color, #804294) !important;
  background-color: transparent;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  outline: none;
  font-size: 18px;
  width: 85%;
}
.lab-grown-budget-container .budget-inner-container .budget-min .budget-min-input input:focus {
  border: none;
}
.lab-grown-budget-container .budget-inner-container .budget-min .budget-min-input input.error {
  border-color: red;
}
.lab-grown-budget-container .budget-inner-container .to {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 15px;
}
.lab-grown-budget-container .budget-inner-container .budget-max {
  text-align: center;
}
.lab-grown-budget-container .budget-inner-container .budget-max .budget-max-label {
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  font-size: 13px;
}
.lab-grown-budget-container .budget-inner-container .budget-max .budget-max-input {
  display: flex;
  align-items: center;
}
.lab-grown-budget-container .budget-inner-container .budget-max .budget-max-input span {
  font-weight: 500;
  font-size: 24px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  line-height: 0;
}
.lab-grown-budget-container .budget-inner-container .budget-max .budget-max-input input {
  font-weight: 500;
  font-size: 24px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  line-height: 0;
  border: none;
  border-bottom: 1px solid;
  border-bottom-color: #804294;
  border-bottom-color: var(--main_bg_icon_color, #804294) !important;
  background-color: transparent;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  outline: none;
  width: 85%;
  font-size: 18px;
}
.lab-grown-budget-container .budget-inner-container .budget-max .budget-max-input input:focus {
  border: none;
}
@media (max-width: 480px) {
  .lab-grown-budget-container .budget-inner-container.responsive {
    flex-wrap: wrap;
  }
  .lab-grown-budget-container .budget-inner-container.responsive .icon-label {
    width: 20%;
    text-align: left;
  }
}
@media (max-width: 480px) {
  .lab-grown-budget-container .budget-inner-container.responsive .budget-min {
    width: 100%;
    margin: 0;
    display: flex;
  }
}
@media (min-width: 768px) and (max-width: 865px) {
  .lab-grown-budget-container .budget-inner-container.responsive .budget-min {
    margin-left: 0;
  }
}
@media (max-width: 480px) {
  .lab-grown-budget-container .budget-inner-container.responsive .budget-min input {
    width: 85% !important;
  }
}
@media (max-width: 565px) {
  .lab-grown-budget-container .budget-inner-container.responsive .budget-min input {
    width: 60%;
    font-size: 15px;
  }
}
@media (max-width: 565px) {
  .lab-grown-budget-container .budget-inner-container.responsive .budget-min span {
    font-size: 15px;
  }
}
@media (max-width: 480px) {
  .lab-grown-budget-container .budget-inner-container.responsive .budget-min .budget-min-input {
    width: 80%;
  }
}
@media (max-width: 565px) {
  .lab-grown-budget-container .budget-inner-container.responsive .budget-min .budget-min-input {
    font-size: 15px;
  }
}
@media (max-width: 480px) {
  .lab-grown-budget-container .budget-inner-container.responsive .to {
    display: none !important;
  }
}
@media (min-width: 481px) and (max-width: 565px) {
  .lab-grown-budget-container .budget-inner-container.responsive .to {
    margin: 5px;
  }
}
@media (max-width: 480px) {
  .lab-grown-budget-container .budget-inner-container.responsive .budget-max {
    width: 100%;
    display: flex;
  }
  .lab-grown-budget-container .budget-inner-container.responsive .budget-max .budget-max-input {
    width: 80%;
  }
}
@media (max-width: 565px) {
  .lab-grown-budget-container .budget-inner-container.responsive .budget-max input {
    width: 60%;
    font-size: 15px;
  }
}
@media (max-width: 480px) {
  .lab-grown-budget-container .budget-inner-container.responsive .budget-max input {
    width: 85%;
  }
}
@media (max-width: 565px) {
  .lab-grown-budget-container .budget-inner-container.responsive .budget-max span {
    font-size: 15px;
  }
}
@media (max-width: 565px) {
  .lab-grown-budget-container .budget-inner-container.responsive .budget-max .budget-max-label {
    font-size: 15px;
  }
}
.lab-grown-budget-container .budget-switch-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 25px;
}
.lab-grown-budget-container .budget-switch-wrapper .budget-switch {
  width: 94px;
  height: 43.69px;
  display: inline-block;
  border-radius: 100px;
  box-shadow: inset -1px 1px 0 0 #EBEBEC;
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  color: #804294;
  color: var(--option_btn_off_font_color, #804294) !important;
}
.lab-grown-budget-container .budget-switch-wrapper .budget-switch:hover {
  color: #804294;
  color: var(--option_btn_off_font_color, #804294) !important;
}
.lab-grown-budget-container .budget-switch-wrapper .budget-switch .total, .lab-grown-budget-container .budget-switch-wrapper .budget-switch .pc {
  width: 44.68px;
  display: inline-block;
  font-weight: 500;
  text-align: center;
  line-height: 44px;
  font-size: 10px;
}
.lab-grown-budget-container .budget-switch-wrapper .budget-switch .total.selected, .lab-grown-budget-container .budget-switch-wrapper .budget-switch .pc.selected {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
  border-radius: 24px;
}
@media (max-width: 565px) {
  .lab-grown-budget-container .budget-switch-wrapper.responsive {
    margin: 10px;
  }
}
@media (min-width: 768px) and (max-width: 865px) {
  .lab-grown-budget-container .budget-switch-wrapper.responsive {
    margin-left: 0;
  }
}
@media (min-width: 866px) and (max-width: 1024px) {
  .lab-grown-budget-container .budget-switch-wrapper.responsive {
    margin: 0 10px;
  }
}
@media (max-width: 1024px) {
  .lab-grown-budget-container .budget-switch-wrapper.responsive .budget-switch {
    width: 75px;
    height: 35px;
  }
  .lab-grown-budget-container .budget-switch-wrapper.responsive .budget-switch .total, .lab-grown-budget-container .budget-switch-wrapper.responsive .budget-switch .pc {
    width: 35px;
    height: 35px;
    font-size: 10px;
    line-height: 35px;
  }
}
.lab-grown-budget-container:focus-within {
  border: 2px solid;
  border-color: #804294;
  border-color: var(--main_bg_icon_color, #804294) !important;
}
.ratio-container {
  display: flex;
}
.ratio-container .icon-container .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 35px;
}
.ratio-container .ratio-inner {
  display: flex;
  padding: 10px 0;
  width: 80%;
  justify-content: center;
}
.ratio-container .ratio-inner input {
  border: none;
  border-bottom: 1px solid;
  border-bottom-color: #804294;
  border-bottom-color: var(--main_bg_icon_color, #804294) !important;
  background-color: transparent;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  outline: none;
  width: 105px;
  text-align: center;
}
@media (min-width: 768px) and (max-width: 865px) {
  .ratio-container .ratio-inner input {
    max-width: 70px;
  }
}
@media screen and (max-width: 768px) {
  .ratio-container .ratio-inner input {
    font-size: 17px !important;
  }
}
.ratio-container .ratio-inner input:focus {
  border: none;
}
.ratio-container .ratio-inner .min .icon-label {
  text-align: center;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  width: 105px;
}
@media (min-width: 768px) and (max-width: 865px) {
  .ratio-container .ratio-inner .min .icon-label {
    max-width: 70px;
  }
}
.ratio-container .ratio-inner .min .min-input {
  font-weight: 500;
  font-size: 24px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  line-height: 0;
}
@media screen and (max-width: 768px) {
  .ratio-container .ratio-inner .min .min-input {
    font-size: 17px;
  }
}
.ratio-container .ratio-inner .to {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 10px;
}
@media screen and (min-width: 1024px) {
  .ratio-container .ratio-inner .to {
    margin: 0 30px;
  }
}
.ratio-container .ratio-inner .max .icon-label {
  text-align: center;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  width: 105px;
}
@media (min-width: 768px) and (max-width: 865px) {
  .ratio-container .ratio-inner .max .icon-label {
    max-width: 70px;
  }
}
.ratio-container .ratio-inner .max .max-input {
  font-weight: 500;
  font-size: 24px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  line-height: 0;
}
@media screen and (max-width: 768px) {
  .ratio-container .ratio-inner .max .max-input {
    font-size: 17px;
  }
}
.measurement-container {
  display: flex;
  flex-wrap: wrap;
}
.measurement-container .icon-container .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 35px;
}
.measurement-container .measurement-inner {
  display: flex;
  padding: 10px 10px;
  width: 29%;
  justify-content: center;
}
.measurement-container .measurement-inner:nth-child(2) {
  border-left: 2px solid;
  border-right: 2px solid;
  border-color: #F4F4F4;
  border-color: var(--main_bg_color, #F4F4F4) !important;
}
.measurement-container .measurement-inner:last-child {
  border-left: 2px solid;
  border-color: #F4F4F4;
  border-color: var(--main_bg_color, #F4F4F4) !important;
}
.measurement-container .measurement-inner input {
  border: none;
  border-bottom: 1px solid;
  border-bottom-color: #804294;
  border-bottom-color: var(--main_bg_icon_color, #804294) !important;
  background-color: transparent;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  outline: none;
  width: 100%;
  text-align: center;
}
@media (min-width: 768px) and (max-width: 865px) {
  .measurement-container .measurement-inner input {
    max-width: 70px;
  }
}
@media screen and (max-width: 768px) {
  .measurement-container .measurement-inner input {
    font-size: 15px !important;
  }
}
.measurement-container .measurement-inner input:focus {
  border: none;
}
.measurement-container .measurement-inner .min .icon-label {
  text-align: center;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  width: 100%;
  line-height: 30px;
}
@media (min-width: 768px) and (max-width: 865px) {
  .measurement-container .measurement-inner .min .icon-label {
    max-width: 70px;
  }
}
.measurement-container .measurement-inner .min .min-input {
  font-weight: 500;
  font-size: 24px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  line-height: 0;
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  .measurement-container .measurement-inner .min .min-input {
    font-size: 15px;
  }
}
.measurement-container .measurement-inner .to {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 10px;
  flex-direction: column;
  align-self: flex-start;
}
.measurement-container .measurement-inner .to .meas_label {
  font-style: 24px;
  line-height: 24px;
  font-weight: 700;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.measurement-container .measurement-inner .max .icon-label {
  text-align: center;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  width: 100%;
  line-height: 30px;
}
@media (min-width: 768px) and (max-width: 865px) {
  .measurement-container .measurement-inner .max .icon-label {
    max-width: 70px;
  }
}
.measurement-container .measurement-inner .max .max-input {
  font-weight: 500;
  font-size: 24px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  line-height: 0;
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  .measurement-container .measurement-inner .max .max-input {
    font-size: 15px;
  }
}
@media screen and (max-width: 500px) {
  .measurement-container .measurement-inner:nth-child(2) {
    flex-grow: 1;
    border-left: 0 !important;
    border-right: 0 !important;
  }
  .measurement-container .measurement-inner:not(:nth-child(2)) {
    width: 100%;
    margin-left: 65px;
    border-left: 0 !important;
    border-right: 0 !important;
  }
}
.lab-grown-notification-container {
  display: flex;
  margin-left: -15px;
}
.lab-grown-notification-container .notification-list {
  background-color: #292735;
  background-color: var(--menu_bg_color, #292735) !important;
}
.lab-grown-notification-container .notification-list .head {
  height: 80px;
  padding-left: 10%;
  border-bottom: 1px solid rgba(55, 54, 64, 0.22);
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
  background-color: #292735;
  background-color: var(--menu_bg_color, #292735) !important;
  display: flex;
  align-items: center;
}
.lab-grown-notification-container .notification-list .head .bell {
  margin-left: 8%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 5%;
  color: #FFFFFF;
  color: var(--menu_bg_icon_color, #FFFFFF) !important;
}
.lab-grown-notification-container .notification-list .head .counter {
  background-color: #d0021b;
  border-radius: 100%;
  color: #ffffff;
  display: inline-block;
  font-size: 15px;
  height: 34px;
  line-height: 34px;
  margin-top: -2px;
  vertical-align: text-top;
  text-align: center;
  width: 34px;
}
.lab-grown-notification-container .notification-list .head .go-back {
  margin-left: 10px;
}
.lab-grown-notification-container .notification-list .head .go-back::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border-top: 3px solid;
  border-left: 3px solid;
  border-color: #292735;
  border-color: var(--main_bg_font_color, #292735) !important;
  transform: rotate(-45deg);
}
.lab-grown-notification-container .notification-list .head .go-back::before {
  border-color: #FFFFFF;
  border-color: var(--menu_bg_icon_color, #FFFFFF) !important;
}
.lab-grown-notification-container .notification-list h1 {
  color: #FFFFFF;
  color: var(--menu_btn_static_font_color, #FFFFFF) !important;
  font-size: 20pt;
  font-weight: 500;
  padding: 0px 0px;
  margin-top: 12px;
  margin-left: 15px;
}
.lab-grown-notification-container .notification-list .scroll-list {
  height: 700px;
  overflow: auto;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
  background-color: #292735;
  background-color: var(--menu_bg_color, #292735) !important;
}
.lab-grown-notification-container .notification-list .scroll-list .mCSB_inside > .mCSB_container {
  margin-right: 5px;
}
.lab-grown-notification-container .notification-list .scroll-list .mCSB_scrollTools {
  width: 8px;
}
.lab-grown-notification-container .notification-list .scroll-list .mCSB_scrollTools .mCSB_draggerRail {
  background-color: rgba(0, 0, 0, 0.05);
}
.lab-grown-notification-container .notification-list .scroll-list ul {
  padding: 0px;
  list-style: none;
}
.lab-grown-notification-container .notification-list .scroll-list ul li {
  margin-top: 2px;
  box-shadow: 1px 1px 0 0 rgba(55, 54, 64, 0.22);
}
.lab-grown-notification-container .notification-list .scroll-list ul li a {
  display: block;
  padding: 10px;
  position: relative;
}
.lab-grown-notification-container .notification-list .scroll-list ul li a.read {
  background-color: #5E5D67;
  background-color: var(--notification_btn_read, #5E5D67) !important;
}
.lab-grown-notification-container .notification-list .scroll-list ul li a.read span.status span {
  color: #FFFFFF;
  color: var(--notification_btn_read_font, #FFFFFF) !important;
}
.lab-grown-notification-container .notification-list .scroll-list ul li a.read span.status .icon {
  color: #FFFFFF;
  color: var(--notification_btn_read_icon, #FFFFFF) !important;
}
.lab-grown-notification-container .notification-list .scroll-list ul li a.read span.text span.person {
  color: #FFFFFF;
  color: var(--notification_btn_read_font, #FFFFFF) !important;
}
.lab-grown-notification-container .notification-list .scroll-list ul li a.read span.text span.message {
  color: #FFFFFF;
  color: var(--notification_btn_read_font, #FFFFFF) !important;
}
.lab-grown-notification-container .notification-list .scroll-list ul li a.read span.arrow::before {
  border-color: #FFFFFF;
  border-color: var(--notification_btn_read_icon, #FFFFFF) !important;
}
.lab-grown-notification-container .notification-list .scroll-list ul li a.unread {
  background-color: #33323F;
  background-color: var(--notification_btn_unread, #33323F) !important;
}
.lab-grown-notification-container .notification-list .scroll-list ul li a.unread span.status span {
  color: #FFFFFF;
  color: var(--notification_btn_unread_font, #FFFFFF) !important;
}
.lab-grown-notification-container .notification-list .scroll-list ul li a.unread span.status .icon {
  color: #FFFFFF;
  color: var(--notification_btn_unread_icon, #FFFFFF) !important;
}
.lab-grown-notification-container .notification-list .scroll-list ul li a.unread span.text span.person {
  color: #FFFFFF;
  color: var(--notification_btn_unread_font, #FFFFFF) !important;
}
.lab-grown-notification-container .notification-list .scroll-list ul li a.unread span.text span.message {
  color: #FFFFFF;
  color: var(--notification_btn_unread_font, #FFFFFF) !important;
}
.lab-grown-notification-container .notification-list .scroll-list ul li a.unread span.arrow::before {
  border-color: #FFFFFF;
  border-color: var(--notification_btn_unread_icon, #FFFFFF) !important;
}
.lab-grown-notification-container .notification-list .scroll-list ul li a.selected {
  background-color: #652E77;
  background-color: var(--notification_btn_active, #652E77) !important;
}
.lab-grown-notification-container .notification-list .scroll-list ul li a.selected span.status span {
  color: #FFFFFF;
  color: var(--notification_btn_active_font, #FFFFFF) !important;
}
.lab-grown-notification-container .notification-list .scroll-list ul li a.selected span.status .icon {
  color: #FFFFFF;
  color: var(--notification_btn_active_icon, #FFFFFF) !important;
}
.lab-grown-notification-container .notification-list .scroll-list ul li a.selected span.text span.person {
  color: #FFFFFF;
  color: var(--notification_btn_active_font, #FFFFFF) !important;
}
.lab-grown-notification-container .notification-list .scroll-list ul li a.selected span.text span.message {
  color: #FFFFFF;
  color: var(--notification_btn_active_font, #FFFFFF) !important;
}
.lab-grown-notification-container .notification-list .scroll-list ul li a.selected span.arrow::before {
  border-color: #FFFFFF;
  border-color: var(--notification_btn_active_icon, #FFFFFF) !important;
}
.lab-grown-notification-container .notification-list .scroll-list ul li a:hover {
  background-color: #3E3D49;
  background-color: var(--notification_btn_hover, #3E3D49) !important;
}
.lab-grown-notification-container .notification-list .scroll-list ul li a:hover span.status span {
  color: #FFFFFF;
  color: var(--notification_btn_hover_font, #FFFFFF) !important;
}
.lab-grown-notification-container .notification-list .scroll-list ul li a:hover span.status .icon {
  color: #FFFFFF;
  color: var(--notification_btn_hover_icon, #FFFFFF) !important;
}
.lab-grown-notification-container .notification-list .scroll-list ul li a:hover span.text span.person {
  color: #FFFFFF;
  color: var(--notification_btn_hover_font, #FFFFFF) !important;
}
.lab-grown-notification-container .notification-list .scroll-list ul li a:hover span.text span.message {
  color: #FFFFFF;
  color: var(--notification_btn_hover_font, #FFFFFF) !important;
}
.lab-grown-notification-container .notification-list .scroll-list ul li a:hover span.arrow::before {
  border-color: #FFFFFF;
  border-color: var(--notification_btn_hover_icon, #FFFFFF) !important;
}
.lab-grown-notification-container .notification-list .scroll-list ul li a span.status {
  display: block;
  font-size: 12px;
  text-align: center;
  position: relative;
  text-transform: capitalize;
}
.lab-grown-notification-container .notification-list .scroll-list ul li a span.status span {
  display: block;
  color: #FFFFFF;
  color: var(--menu_btn_static_font_color, #FFFFFF) !important;
}
.lab-grown-notification-container .notification-list .scroll-list ul li a span.status span.unread-dot {
  background-color: #7ED321;
  border-radius: 100%;
  height: 7px;
  left: -5px;
  position: absolute;
  top: -5px;
  width: 7px;
}
.lab-grown-notification-container .notification-list .scroll-list ul li a span.status span.icon {
  width: 55px;
  height: 55px;
  border-radius: 100%;
  margin-bottom: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 25px;
  color: #FFFFFF;
  color: var(--menu_btn_static_icon_color, #FFFFFF) !important;
}
.lab-grown-notification-container .notification-list .scroll-list ul li a span.status span.icon.white-bg {
  background-color: #ffffff;
}
.lab-grown-notification-container .notification-list .scroll-list ul li a span.status span.icon.green-bg {
  background-color: #7ED321;
}
.lab-grown-notification-container .notification-list .scroll-list ul li a span.status span.icon.purple-bg {
  background-color: #804294;
}
.lab-grown-notification-container .notification-list .scroll-list ul li a span.status span.icon.red-bg {
  background-color: #d0021b;
}
.lab-grown-notification-container .notification-list .scroll-list ul li a span.status span.icon.orange-bg {
  background-color: #F5A623;
}
.lab-grown-notification-container .notification-list .scroll-list ul li a span.status span.icon.read {
  background-color: #292735;
  background-color: var(--menu_bg_color, #292735) !important;
}
.lab-grown-notification-container .notification-list .scroll-list ul li a span.text {
  display: block;
  margin-left: 20px;
  font-size: 16px;
  max-width: 80%;
}
.lab-grown-notification-container .notification-list .scroll-list ul li a span.text span.message {
  font-size: 14px;
  color: #FFFFFF;
  color: var(--menu_btn_static_font_color, #FFFFFF) !important;
}
.lab-grown-notification-container .notification-list .scroll-list ul li a span.text span.person {
  display: block;
  font-size: 18px;
  color: #FFFFFF;
  color: var(--menu_btn_static_font_color, #FFFFFF) !important;
}
.lab-grown-notification-container .notification-list .scroll-list ul li a span.text span.person.retail-buy {
  font-size: 14px;
}
.lab-grown-notification-container .notification-list .scroll-list ul li a span.arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 5%;
}
.lab-grown-notification-container .notification-list .scroll-list ul li a span.arrow::before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  border-bottom: 3px solid;
  border-right: 3px solid;
  border-color: #FFFFFF;
  border-color: var(--menu_btn_static_icon_color, #FFFFFF) !important;
  transform: rotate(-45deg);
}
.lab-grown-notification-container .norequest-content {
  font-size: 21px;
  font-weight: 300;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  margin: 10%;
  line-height: 1.4;
}
.min-width-440 {
  min-width: 440px;
}
.back-switch {
  display: none;
}
@media (min-width: 1024px) and (max-width: 1200px) {
  .min-width-440 {
    min-width: 380px !important;
    padding-right: 0 !important;
  }

  .notification-list .scroll-list ul li a span.text {
    max-width: 65% !important;
  }
  .notification-list .scroll-list ul li a span.text .person {
    word-break: break-all;
  }

  .notification-view {
    flex: unset !important;
    max-width: unset !important;
  }
}
@media screen and (max-width: 1023px) {
  .lab-grown-notification-container {
    margin-left: unset;
  }
  .lab-grown-notification-container .min-width-440 {
    width: 100% !important;
    min-width: unset !important;
    max-width: unset;
    flex: unset;
  }
  .lab-grown-notification-container .min-width-440 .head {
    padding: 20px !important;
    position: relative;
  }
  .lab-grown-notification-container .min-width-440 .head .bell {
    position: absolute;
    right: 60px;
    margin: unset !important;
  }
  .lab-grown-notification-container .min-width-440 .head .counter {
    position: absolute;
    right: 15px;
  }
  .lab-grown-notification-container .min-width-440 .notification-list-ul .text {
    margin-left: 5px !important;
  }
  .lab-grown-notification-container .min-width-440 .notification-list-ul .text .message {
    font-size: 12px !important;
  }
  .lab-grown-notification-container .min-width-440 .notification-list-ul .text .person {
    font-size: 16px !important;
  }
  .lab-grown-notification-container .notification-view {
    max-width: unset;
    flex: unset;
  }
  .lab-grown-notification-container .hidden {
    display: none;
  }
  .lab-grown-notification-container .no-padding {
    padding: 0;
  }
  .lab-grown-notification-container .back-switch {
    display: flex !important;
    align-items: center;
    padding: 10px;
    cursor: pointer;
    color: #292735;
    color: var(--main_bg_font_color, #292735) !important;
  }
  .lab-grown-notification-container .back-switch .vi {
    margin-right: 10px;
    margin-bottom: 3px;
    color: #804294;
    color: var(--main_bg_icon_color, #804294) !important;
  }
}
.m-l-a {
  margin-left: auto;
}
@media only screen and (min-width: 1024px) {
  .lab-grown-detail {
    height: 780px;
    overflow-y: auto;
  }
}
@media only screen and (min-width: 1201px) {
  .lab-grown-detail {
    margin-left: -15px;
  }
}
.lab-grown-detail .head {
  padding: 20px 10px;
  margin-bottom: 2px;
  font-size: 20px;
  background-position: 98% 40%;
  background-repeat: no-repeat;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  box-shadow: 1px 1px 0 0 rgba(55, 54, 64, 0.22);
  font-weight: 500;
}
.lab-grown-detail .head.for-1200.default-hidden {
  display: none !important;
}
.lab-grown-detail .head #bmh_detail_header #request_subject_string {
  font-size: 24px;
  font-weight: 500;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.lab-grown-detail .head #bmh_detail_header i {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  outline: none;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .lab-grown-detail .head #bmh_detail_header i {
    display: none !important;
  }
}
.lab-grown-detail .head .date {
  font-size: 18px;
  margin-right: 55px;
  line-height: 40px;
  font-weight: 400;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.lab-grown-detail .head .date .vi {
  font-size: 25px;
}
.lab-grown-detail .notice-message {
  font-size: 22px;
  font-weight: 500;
  height: 70px;
  line-height: 70px;
  margin-bottom: 10px;
  text-align: center;
  margin-top: 15px;
  display: flex;
  position: relative;
}
@media screen and (max-width: 480px) {
  .lab-grown-detail .notice-message {
    font-size: 20px;
  }
}
.lab-grown-detail .notice-message .notice-icon {
  color: #ffffff;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  left: 3%;
}
.lab-grown-detail .notice-message .notice-text {
  width: 100%;
  display: flex;
  justify-content: center;
  color: #ffffff;
}
.lab-grown-detail .notice-message.red-bg {
  background-color: #d0021b;
}
.lab-grown-detail .notice-message.orange-bg {
  background-color: #F5A623;
}
.lab-grown-detail .notice-message.green-bg {
  background-color: #7ED321;
}
.lab-grown-detail .image-with-vendor {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.lab-grown-detail .image-with-vendor.retail-request {
  height: unset;
  min-height: 380px;
  margin-top: 20px;
}
.lab-grown-detail .image-with-vendor .image-container .image-cover {
  width: 100% !important;
  display: block;
  background-size: cover;
  background-position: center center;
  height: 275px;
  width: 275px;
}
.lab-grown-detail .image-with-vendor .image-container .image-cover img {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-fit: var(--cover_image_bg_size, cover) !important;
     object-fit: var(--cover_image_bg_size, cover) !important;
}
.lab-grown-detail .image-with-vendor .image-container.diamond-no-image-placeholder.buyer_view.retail-request {
  top: 55px;
  bottom: unset;
}
.lab-grown-detail .image-with-vendor .diamond-no-image-placeholder .svg-box {
  text-align: center;
  padding-top: 17%;
  opacity: 0.6;
}
.lab-grown-detail .image-with-vendor .diamond-no-image-placeholder .svg-box span {
  font-size: 140px;
  opacity: 0.6;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.lab-grown-detail .image-with-vendor .diamond-no-image-placeholder .svg-box .no-image-label {
  font-size: 16px;
  padding-top: 21px;
  text-align: center;
  font-weight: inherit;
  font-family: inherit;
  letter-spacing: normal;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.lab-grown-detail .image-with-vendor .vendor-info {
  margin-top: 15px;
  position: relative;
  line-height: 25px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-size: 16px;
  font-weight: 400;
  display: flex;
  flex-direction: column;
  min-height: 150px;
}
.lab-grown-detail .image-with-vendor .vendor-info .to {
  font-size: 16px;
  font-weight: 500;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.lab-grown-detail .image-with-vendor .vendor-info .company-name {
  font-weight: 700;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.lab-grown-detail .image-with-vendor .vendor-info .seller-emails, .lab-grown-detail .image-with-vendor .vendor-info .buyer-emails {
  display: inline-block;
  width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lab-grown-detail .image-with-vendor .retail-vendor-info {
  display: flex;
  flex-direction: column;
  margin-top: 15px;
}
.lab-grown-detail .image-with-vendor .retail-vendor-info .from {
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.lab-grown-detail .image-with-vendor .retail-vendor-info .from .buyer-name {
  font-weight: 700;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.lab-grown-detail .image-with-vendor .retail-vendor-info .company-name {
  font-weight: 700;
  margin-bottom: 5px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.lab-grown-detail .image-with-vendor .retail-vendor-info .email {
  margin-bottom: 5px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.lab-grown-detail .image-with-vendor .retail-vendor-info .phone-label {
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  margin-bottom: 5px;
}
.lab-grown-detail .image-with-vendor .retail-vendor-info .phone {
  font-weight: 700;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  margin-bottom: 5px;
}
.lab-grown-detail .stats ul {
  padding: 10px 20px;
  list-style: none;
}
.lab-grown-detail .stats ul.retail-request {
  height: unset;
  min-height: 380px;
}
.lab-grown-detail .stats ul li {
  padding: 10px 0px;
  margin: 0px;
  border-bottom: 1px solid;
  border-bottom-color: #9B9B9B;
  border-bottom-color: var(--main_bg_font_label_color, #9B9B9B) !important;
  font-size: 16px;
}
.lab-grown-detail .stats ul li:last-child {
  border-bottom: none;
}
.lab-grown-detail .stats ul li > div {
  font-size: 13px;
  font-weight: 400;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  padding: 0px;
}
.lab-grown-detail .stats ul li > div:last-child {
  font-size: 16px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  text-align: right;
}
.lab-grown-detail .buy-info.top .col-sm-3 {
  padding: 1px;
}
.lab-grown-detail .buy-info.top .col-sm-3:first-child {
  padding-left: 15px;
}
.lab-grown-detail .buy-info.top .col-sm-3:last-child {
  padding-right: 15px;
}
.lab-grown-detail .buy-info .info {
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
  height: 120px;
  text-align: center;
  padding: 15px;
  font-size: 13px;
  font-weight: 400;
}
.lab-grown-detail .buy-info .info.type {
  padding: 40px 15px 20px;
}
.lab-grown-detail .buy-info .info .big {
  font-size: 24px;
  font-weight: 500;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lab-grown-detail .message-action {
  padding: 0px;
  text-align: center;
  margin-top: 40px;
  position: relative;
  max-width: 775px;
  margin-left: auto;
  margin-right: auto;
}
.lab-grown-detail .message-action .bmh-action-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px;
}
.lab-grown-detail .message-action a {
  border-radius: 35px;
  display: inline-block;
  line-height: 18px;
  margin-bottom: 3px;
  padding: 24px 35px;
  vertical-align: middle;
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
  font-size: 16px;
  font-weight: 400;
  height: 65px;
  width: 187px;
  top: 0px;
  position: relative;
}
.lab-grown-detail .message-action a.auto-width {
  width: auto;
}
.lab-grown-detail .message-action a.red {
  color: #ffffff;
  background-color: #d0021b;
  background-color: var(--request_btn_negative, #d0021b) !important;
}
.lab-grown-detail .message-action a.green {
  color: #ffffff;
  background-color: #7ED321;
  background-color: var(--request_btn_positive, #7ED321) !important;
}
.lab-grown-detail .message-action a:hover {
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
}
.lab-grown-detail .message-action a.withdraw-btn, .lab-grown-detail .message-action a.cancel-btn {
  color: #FFFFFF;
  color: var(--request_btn_negative_font, #FFFFFF) !important;
  background-color: #d0021b;
  background-color: var(--request_btn_negative, #d0021b) !important;
}
.lab-grown-detail .message-action a.message-btn .counter {
  background-color: #d0021b;
  border-radius: 100%;
  border: solid 2px #ffffff;
  color: #ffffff;
  display: inline-block;
  font-size: 12px;
  height: 36px;
  line-height: 32px;
  position: absolute;
  right: 10px;
  top: -9px;
  width: 36px;
}
.lab-grown-detail .message-action a#bmh_buy_modify_request {
  display: inline-flex;
  border-radius: 100px;
  font-size: 14px;
  line-height: 18px;
  padding: 15px 10px;
  border: 2px solid;
  justify-content: center;
  align-items: center;
  background-color: transparent !important;
  outline: none;
  border-color: #804294;
  border-color: var(--action_btn_secondary_color, #804294) !important;
  color: #804294;
  color: var(--action_btn_secondary_font_color, #804294) !important;
}
.lab-grown-detail .request-date {
  margin: 10px 0px;
}
.lab-grown-detail .user-comment {
  font-weight: 500;
  font-size: 14px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  margin-top: 20px;
}
.lab-grown-detail .user-comment .date {
  margin: 10px 0px;
}
@media screen and (max-width: 1200px) {
  .lab-grown-detail .head .date {
    margin-right: unset !important;
  }
}
@media (min-width: 1024px) and (max-width: 1200px) {
  .lab-grown-detail .diamond-detail .stock-item-details {
    justify-content: space-around;
  }
  .lab-grown-detail .diamond-detail .stock-item-details .offset-md-2 {
    margin-left: unset !important;
  }
  .lab-grown-detail .diamond-detail .stock-item-details .not-buy-request {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .lab-grown-detail .diamond-detail .stock-item-details .image-with-vendor .image-container .image-cover {
    height: auto !important;
  }
  .lab-grown-detail .diamond-detail .stock-item-details .buy-info .info {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .lab-grown-detail .diamond-detail .stock-item-details .buy-info .info .big {
    font-size: 18px;
  }
}
@media (min-width: 769px) and (max-width: 1023px) {
  .lab-grown-detail .stock-item-details {
    justify-content: space-around;
  }
  .lab-grown-detail .stock-item-details .offset-md-2 {
    margin-left: unset !important;
  }
  .lab-grown-detail .stock-item-details .not-buy-request {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .lab-grown-detail .stock-item-details .image-with-vendor .image-container .image-cover {
    height: auto !important;
  }
  .lab-grown-detail .stock-item-details .buy-info .info {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .lab-grown-detail .stock-item-details .buy-info .info .big {
    font-size: 18px;
  }
}
@media screen and (max-width: 1023px) {
  .lab-grown-detail {
    padding: 20px;
  }
  .lab-grown-detail .image-container {
    margin: 20px auto;
    max-width: 280px;
    width: 100%;
  }
  .lab-grown-detail .stats ul {
    padding: 10px 0;
  }
}
@media screen and (max-width: 1023px) and (max-width: 768px) {
  .lab-grown-detail .head {
    background-color: unset !important;
    box-shadow: unset !important;
  }
  .lab-grown-detail .image-with-vendor .seller-emails, .lab-grown-detail .image-with-vendor .buyer-emails {
    word-break: break-all;
  }
  .lab-grown-detail .image-with-vendor, .lab-grown-detail .stats {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin-left: 0;
  }
  .lab-grown-detail .buy-info .col-sm-3 {
    padding: 0 !important;
  }
  .lab-grown-detail .buy-info .col-sm-3 .info {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .lab-grown-detail .buy-info .col-sm-3 .info.type {
    padding: unset !important;
  }
}
@media screen and (max-width: 1023px) and (min-width: 566px) and (max-width: 768px) {
  .lab-grown-detail #stock_item_buy_detail {
    order: -1;
    flex: unset !important;
    max-width: unset !important;
  }
  .lab-grown-detail #stock_item_buy_detail .buy-info .info {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .lab-grown-detail #stock_item_buy_detail .buy-info .info .big {
    font-size: 18px;
  }
  .lab-grown-detail #stock_item_buy_detail .buy-info .col-md-12 {
    flex: 0 0 25% !important;
    max-width: 25% !important;
  }
}
@media screen and (max-width: 1023px) and (max-width: 610px) {
  .lab-grown-detail #request_detail_actions .notice-text {
    font-size: 16px;
  }
  .lab-grown-detail .message-action a {
    width: 100% !important;
  }
  .lab-grown-detail .message-action .bmh-action-container {
    flex-flow: column;
  }
  .lab-grown-detail .message-action .bmh-action-container a {
    margin-top: 10px;
  }
}
.lab-grown-retail {
  padding: 20px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  max-width: 760px;
  margin: 0 auto;
}
.lab-grown-retail .row {
  margin: 0;
}
.lab-grown-retail .header h3 {
  font-size: 24px;
}
.lab-grown-retail .header span {
  font-size: 14px;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.lab-grown-retail .header [class^=col] {
  padding: 0;
}
.lab-grown-retail .header .buyer-name, .lab-grown-retail .header .company-name {
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.lab-grown-retail .header .date-time {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.lab-grown-retail .header .seller-right-side {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.lab-grown-retail .header .seller-right-side .buyer-email, .lab-grown-retail .header .seller-right-side .contact {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.lab-grown-retail .header .seller-right-side .label {
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.lab-grown-retail .header .seller-right-side .contact {
  font-size: 18px;
  font-weight: 700;
  margin-left: 10px;
}
.lab-grown-retail .message-container .label {
  font-size: 14px;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.lab-grown-retail .message-container .message {
  font-size: 14px;
  line-height: 20px;
  margin: 0;
}
.lab-grown-retail .description-container {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  min-height: 85px;
  margin: 15px 0;
}
.lab-grown-retail .description-container .title {
  display: flex;
  align-items: center;
  padding-right: 0;
}
.lab-grown-retail .description-container .title h3 {
  font-size: 22px;
  margin: 0;
  font-weight: 700;
}
.lab-grown-retail .description-container .price-details {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 85px;
  width: 100%;
}
.lab-grown-retail .description-container .price-details span {
  font-size: 11px;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.lab-grown-retail .description-container .price-details .currency {
  font-size: 20px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.lab-grown-retail .description-container .price-details h3 {
  font-size: 20px;
  font-weight: 700;
  margin: 0;
}
.lab-grown-retail .description-container .price-details.half-width {
  width: 50%;
}
.lab-grown-retail .details-container .image-block {
  padding-left: 0;
}
.lab-grown-retail .details-container .image-container {
  height: 275px;
  width: 275px;
}
.lab-grown-retail .details-container .image-container .image-cover {
  width: 100%;
  height: 100%;
  display: block;
  background-size: cover;
  background-position: center center;
}
.lab-grown-retail .details-container .image-container .image-cover img {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-fit: var(--cover_image_bg_size, cover) !important;
     object-fit: var(--cover_image_bg_size, cover) !important;
}
.lab-grown-retail .details-block {
  padding: 0;
}
.lab-grown-retail .details-block .detail-head {
  display: flex;
  background-color: #E5E5E5;
  background-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
  color: #4F4E57;
  color: var(--drop_menu_static_font_color, #4F4E57) !important;
}
.lab-grown-retail .details-block .detail-head.active {
  background-color: #804294;
  background-color: var(--drop_menu_active_bg_color, #804294) !important;
  color: #FFFFFF;
  color: var(--drop_menu_active_font_color, #FFFFFF) !important;
}
.lab-grown-retail .details-block .detail-head .detail-icon {
  display: flex;
  width: 50px;
}
.lab-grown-retail .details-block .detail-head .detail-icon .icon_detail_page_supplier {
  width: 100%;
  font-size: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.lab-grown-retail .details-block .detail-head .dropdown-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
}
.lab-grown-retail .details-block .detail-head a {
  display: block;
  line-height: 48px;
  width: 84%;
  cursor: auto;
}
.lab-grown-retail .details-block .request-details {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  overflow: hidden;
}
.lab-grown-retail .details-block .request-details .request-button {
  display: flex;
  line-height: 18px;
  align-items: center;
  justify-content: center;
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
  font-size: 18px;
  font-weight: 400;
  border-radius: 35px;
  height: 50px;
  width: 320px;
  margin: 20px auto 10px;
}
.lab-grown-retail .details-block .request-details .col-6 {
  padding: 22px 0 22px 44px;
}
.lab-grown-retail .details-block .request-details .col-6 .data {
  display: flex;
}
.lab-grown-retail .details-block .request-details .col-6 .data .label {
  width: 80px;
  font-size: 11px;
  line-height: 22px;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.lab-grown-retail .details-block .request-details .col-6 .data .value {
  font-size: 12px;
  font-weight: 700;
  width: 100px;
}
.lab-grown-retail .details-block .request-details .col-6:not(:first-child) .label {
  width: 60px;
}
.lab-grown-retail .details-block .request-details .col-6:not(:first-child) .value {
  width: 80px;
}
.lab-grown-retail .details-block .request-details .company-details {
  margin: 0 auto 0;
}
.lab-grown-retail .details-block .request-details .company-details .company-address {
  width: 225px;
  color: #4A4855;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 5px;
}
.lab-grown-retail .details-block .request-details .company-details .company-contact div {
  display: flex;
  margin-bottom: 5px;
}
.lab-grown-retail .details-block .request-details .company-details .company-contact div span {
  display: inline-block;
  padding: 0;
  line-height: 20px !important;
}
.lab-grown-retail .details-block .request-details .company-details .company-contact div span.label {
  min-width: 50px;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  font-weight: 400;
  font-size: 11px;
  text-align: left;
}
.lab-grown-retail .details-block .request-details .company-details .company-contact div span.value {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-weight: 700;
  font-size: 12px;
  word-break: break-all;
}
.lab-grown-retail .details-block .request-details .company-details .company-contact .location-address .value {
  margin-right: 30px;
}
.lab-grown-retail .details-block .request-details .company-details .company-contact .location-address .value:last-child {
  margin-right: unset;
}
.lab-grown-retail .details-block .request-details .company-details .company-contact .location-address .label {
  width: unset;
  min-width: unset;
  margin-right: 10px;
}
.lab-grown-retail .details-block .request-details .company-details .company-contact .location-address .label:first-child {
  width: 50px;
  margin-right: 0;
}
.lab-grown-retail .request-detail-actions .notice-message {
  font-size: 22px;
  font-weight: 500;
  height: 70px;
  line-height: 70px;
  text-align: center;
  margin-top: 15px;
  width: 100%;
  display: flex;
  position: relative;
}
@media screen and (max-width: 480px) {
  .lab-grown-retail .request-detail-actions .notice-message {
    font-size: 20px;
  }
}
.lab-grown-retail .request-detail-actions .notice-message .notice-icon {
  color: #ffffff;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  left: 3%;
}
.lab-grown-retail .request-detail-actions .notice-message .notice-text {
  width: 100%;
  display: flex;
  justify-content: center;
  color: #ffffff;
}
.lab-grown-retail .request-detail-actions .notice-message.red-bg {
  background-color: #d0021b;
}
.lab-grown-retail .request-detail-actions .notice-message.orange-bg {
  background-color: #F5A623;
}
.lab-grown-retail .request-detail-actions .notice-message.green-bg {
  background-color: #7ED321;
}
.lab-grown-retail .request-detail-actions .message-action {
  padding: 0px;
  text-align: center;
  position: relative;
  width: 100%;
  margin-top: 20px !important;
}
.lab-grown-retail .request-detail-actions .message-action .bmh-action-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px;
}
.lab-grown-retail .request-detail-actions .message-action a {
  border-radius: 35px;
  display: inline-block;
  line-height: 18px;
  margin-bottom: 3px;
  padding: 24px 35px;
  vertical-align: middle;
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
  font-size: 16px;
  font-weight: 400;
  height: 65px;
  width: 187px;
  top: 0px;
  position: relative;
}
.lab-grown-retail .request-detail-actions .message-action a.auto-width {
  width: auto;
}
.lab-grown-retail .request-detail-actions .message-action a.red {
  color: #ffffff;
  background-color: #d0021b;
  background-color: var(--request_btn_negative, #d0021b) !important;
}
.lab-grown-retail .request-detail-actions .message-action a.green {
  color: #ffffff;
  background-color: #7ED321;
  background-color: var(--request_btn_positive, #7ED321) !important;
}
.lab-grown-retail .request-detail-actions .message-action a:hover {
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
}
.lab-grown-retail .request-detail-actions .message-action a.withdraw-btn, .lab-grown-retail .request-detail-actions .message-action a.cancel-btn {
  color: #FFFFFF;
  color: var(--request_btn_negative_font, #FFFFFF) !important;
  background-color: #d0021b;
  background-color: var(--request_btn_negative, #d0021b) !important;
}
.lab-grown-retail .request-detail-actions .message-action a.message-btn .counter {
  background-color: #d0021b;
  border-radius: 100%;
  border: solid 2px #ffffff;
  color: #ffffff;
  display: inline-block;
  font-size: 12px;
  height: 36px;
  line-height: 32px;
  position: absolute;
  right: 10px;
  top: -9px;
  width: 36px;
}
.lab-grown-retail .request-detail-actions .message-action a#bmh_buy_modify_request {
  display: inline-flex;
  border-radius: 100px;
  font-size: 14px;
  line-height: 18px;
  padding: 15px 10px;
  border: 2px solid;
  justify-content: center;
  align-items: center;
  background-color: transparent !important;
  outline: none;
  border-color: #804294;
  border-color: var(--action_btn_secondary_color, #804294) !important;
  color: #804294;
  color: var(--action_btn_secondary_font_color, #804294) !important;
}
@media (min-width: 1024px) and (max-width: 1200px) {
  .lab-grown-retail .details-container > div {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .lab-grown-retail .details-container > div.image-block {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 800px) {
  .lab-grown-retail .seller-right-side {
    align-items: flex-start !important;
    margin: 20px 0;
  }
  .lab-grown-retail .description-container .title {
    justify-content: center;
    margin: 10px 0;
  }
  .lab-grown-retail .details-container .image-container {
    margin: 0 auto 15px;
  }
  .lab-grown-retail .details-container > div {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .lab-grown-retail .details-container > div.image-block {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 500px) {
  .lab-grown-retail .bmh-action-container {
    flex-flow: column;
  }
  .lab-grown-retail .bmh-action-container a {
    width: 100% !important;
    margin: 10px 0;
  }
}
.lab-grown-detail .diamond-no-image-placeholder .svg-box,
.lab-grown-retail .diamond-no-image-placeholder .svg-box {
  text-align: center;
  padding-top: 17%;
  opacity: 0.6;
}
.lab-grown-detail .diamond-no-image-placeholder .svg-box span,
.lab-grown-retail .diamond-no-image-placeholder .svg-box span {
  font-size: 140px;
  opacity: 0.6;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.lab-grown-detail .diamond-no-image-placeholder .svg-box .no-image-label,
.lab-grown-retail .diamond-no-image-placeholder .svg-box .no-image-label {
  font-size: 16px;
  padding-top: 21px;
  text-align: center;
  font-weight: inherit;
  font-family: inherit;
  letter-spacing: normal;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.lab-grown-modify-buy-detail .head {
  padding: 20px 10px;
  margin-bottom: 2px;
  font-size: 20px;
  background-position: 98% 40%;
  background-repeat: no-repeat;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  box-shadow: 1px 1px 0 0 rgba(55, 54, 64, 0.22);
  font-weight: 500;
}
.lab-grown-modify-buy-detail .head.for-1200.default-hidden {
  display: none !important;
}
.lab-grown-modify-buy-detail .head #bmh_detail_header #request_subject_string {
  font-size: 24px;
  font-weight: 500;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.lab-grown-modify-buy-detail .head .date {
  font-size: 18px;
  margin-right: 55px;
  line-height: 40px;
  font-weight: 400;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.lab-grown-modify-buy-detail .head .date .vi {
  font-size: 25px;
}
.lab-grown-modify-buy-detail .lab-grown-modify-buy {
  display: none;
}
.lab-grown-modify-buy-detail .lab-grown-modify-buy .diamond-info {
  font-size: 20px;
  padding: 10px 0px;
  margin: 0px;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-weight: 500;
}
.lab-grown-modify-buy-detail .lab-grown-modify-buy .diamond-info span.label {
  font-size: 18px;
  display: block;
  font-weight: 500;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  font-weight: normal;
}
.lab-grown-modify-buy-detail .lab-grown-modify-buy .payment-actions {
  margin: 0px;
  margin-top: 0px;
  padding: 0px;
}
.lab-grown-modify-buy-detail .lab-grown-modify-buy .payment-actions .header {
  text-align: center;
  font-size: 16px;
  margin: 5px 0px;
  font-weight: 400;
  margin-top: 10px;
  margin-bottom: 5px;
}
.lab-grown-modify-buy-detail .lab-grown-modify-buy .payment-actions .action-types {
  padding-bottom: 10px;
  display: flex;
  justify-content: center;
}
.lab-grown-modify-buy-detail .lab-grown-modify-buy .payment-actions .action-types .cover {
  width: 70px;
  margin: 0 auto;
}
.lab-grown-modify-buy-detail .lab-grown-modify-buy .payment-actions .action-types .cover a {
  width: 70px;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  background-color: #FFFFFF;
  background-color: var(--bmh_buy_request_option_off, #FFFFFF) !important;
  margin: 0 auto;
  color: #5cb8a6;
  color: var(--bmh_buy_request_option_off_font, #5cb8a6) !important;
  font-weight: 500;
  text-align: center;
}
.lab-grown-modify-buy-detail .lab-grown-modify-buy .payment-actions .action-types .cover a span {
  display: inline-block;
  width: 50px;
}
.lab-grown-modify-buy-detail .lab-grown-modify-buy .payment-actions .action-types .cover a.selected {
  background-color: #5cb8a6;
  background-color: var(--bmh_buy_request_option_on, #5cb8a6) !important;
  color: #FFFFFF;
  color: var(--bmh_buy_request_option_on_font, #FFFFFF) !important;
}
.lab-grown-modify-buy-detail .lab-grown-modify-buy .payment-actions .editable-fields {
  margin: 1px 0 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 40px 60px 0;
}
.lab-grown-modify-buy-detail .lab-grown-modify-buy .payment-actions .editable-fields > div {
  margin-bottom: 10px;
}
.lab-grown-modify-buy-detail .lab-grown-modify-buy .payment-actions .editable-fields > div .label {
  display: block;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  font-weight: 400;
  font-size: 14px;
  text-align: left;
}
.lab-grown-modify-buy-detail .lab-grown-modify-buy .payment-actions .editable-fields > div .label:not(:last-child) {
  width: 105px;
}
.lab-grown-modify-buy-detail .lab-grown-modify-buy .payment-actions .editable-fields > div .input-box {
  display: flex;
  flex-grow: 1;
  align-items: center;
  position: relative;
}
.lab-grown-modify-buy-detail .lab-grown-modify-buy .payment-actions .editable-fields > div .input-box .dollar {
  display: inline-block;
  position: absolute;
  width: 5%;
  left: 5px;
  font-size: 15px;
  font-weight: 500;
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
}
.lab-grown-modify-buy-detail .lab-grown-modify-buy .payment-actions .editable-fields > div input {
  text-align: left;
  font-size: 15px;
  width: 100%;
  height: 35px;
  font-weight: 500;
  border: 0;
  border: 1px solid;
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
  border-color: #BFBFC3;
  border-color: var(--input_field_line_static, #BFBFC3) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_static, #FFFFFF) !important;
  background-color: transparent;
  outline: none;
  padding: 0 15px;
}
.lab-grown-modify-buy-detail .lab-grown-modify-buy .payment-actions .editable-fields > div.box_pay_within input, .lab-grown-modify-buy-detail .lab-grown-modify-buy .payment-actions .editable-fields > div.discount-box input {
  width: 65px;
  padding: 0 5px;
  margin-right: 10px;
}
.lab-grown-modify-buy-detail .lab-grown-modify-buy .payment-actions .editable-fields > div.box_pay_within input.disable, .lab-grown-modify-buy-detail .lab-grown-modify-buy .payment-actions .editable-fields > div.discount-box input.disable {
  background-color: #BFBFC3;
  background-color: var(--option_btn_disabled_color, #BFBFC3) !important;
}
.lab-grown-modify-buy-detail .lab-grown-modify-buy .payment-actions .editable-fields > div.price-box, .lab-grown-modify-buy-detail .lab-grown-modify-buy .payment-actions .editable-fields > div.total-box, .lab-grown-modify-buy-detail .lab-grown-modify-buy .payment-actions .editable-fields > div.box_pay_within, .lab-grown-modify-buy-detail .lab-grown-modify-buy .payment-actions .editable-fields > div.discount-box {
  display: flex;
  align-items: center;
  width: 100%;
}
.lab-grown-modify-buy-detail .lab-grown-modify-buy .payment-actions .error {
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #d0021b;
  margin: 15px;
}
.lab-grown-modify-buy-detail .lab-grown-modify-buy .payment-actions .error p {
  margin: 0;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
}
.lab-grown-modify-buy-detail .lab-grown-modify-buy .payment-actions .error {
  width: 100%;
  margin: 15px 0;
}
.lab-grown-modify-buy-detail .lab-grown-modify-buy .payment-section {
  padding: 0px;
}
.lab-grown-modify-buy-detail .lab-grown-modify-buy .payment-section .faded-bg {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
}
.lab-grown-modify-buy-detail .lab-grown-modify-buy .payment-section .header {
  margin-top: 2px;
  padding: 7px 0px;
  font-weight: 500;
}
.lab-grown-modify-buy-detail .lab-grown-modify-buy .comment-section {
  padding-left: 2px;
  padding-right: 0px;
  border-left: 1px solid rgba(55, 54, 64, 0.22);
  border-top: 1px solid rgba(55, 54, 64, 0.22);
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
}
.lab-grown-modify-buy-detail .lab-grown-modify-buy .comment-section .faded-bg {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.lab-grown-modify-buy-detail .lab-grown-modify-buy .comment-section .header {
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  font-weight: normal;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  margin-top: 2px;
  margin-bottom: 5px;
  padding: 10px 0px;
}
.lab-grown-modify-buy-detail .lab-grown-modify-buy .comment-section textarea {
  flex-grow: 1;
  background-color: transparent;
  border: 1px solid;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  border-color: #BFBFC3;
  border-color: var(--input_field_line_static, #BFBFC3) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_static, #FFFFFF) !important;
  font-weight: 500;
  height: 225px;
  width: 100%;
}
.lab-grown-modify-buy-detail .lab-grown-modify-buy .comment-section textarea::-webkit-input-placeholder {
  text-align: center;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.lab-grown-modify-buy-detail .lab-grown-modify-buy .comment-section textarea:-moz-placeholder {
  text-align: center;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.lab-grown-modify-buy-detail .lab-grown-modify-buy .comment-section textarea::-moz-placeholder {
  text-align: center;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.lab-grown-modify-buy-detail .lab-grown-modify-buy .comment-section textarea:-ms-input-placeholder {
  text-align: center;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.lab-grown-modify-buy-detail .lab-grown-modify-buy .comment-section textarea:focus {
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
  border-color: #804294;
  border-color: var(--input_field_line_active, #804294) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_active, #FFFFFF) !important;
}
.lab-grown-modify-buy-detail .lab-grown-modify-buy .comment-section textarea::-webkit-input-placeholder {
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
}
.lab-grown-modify-buy-detail .lab-grown-modify-buy .comment-section textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
}
.lab-grown-modify-buy-detail .lab-grown-modify-buy .comment-section textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
}
.lab-grown-modify-buy-detail .lab-grown-modify-buy .comment-section textarea:-ms-input-placeholder {
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
}
.lab-grown-modify-buy-detail .lab-grown-modify-buy .message-action {
  padding: 0px;
  text-align: center;
  margin-top: 40px;
  position: relative;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between;
}
.lab-grown-modify-buy-detail .lab-grown-modify-buy .message-action .bmh-action-container {
  padding-left: 0px;
  display: flex;
  justify-content: space-between;
}
.lab-grown-modify-buy-detail .lab-grown-modify-buy .message-action a {
  border-radius: 35px;
  display: inline-block;
  line-height: 18px;
  margin-bottom: 3px;
  padding: 24px 35px;
  vertical-align: middle;
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
  font-size: 16px;
  font-weight: 400;
  height: 65px;
  width: 187px;
  top: 0px;
}
.lab-grown-modify-buy-detail .lab-grown-modify-buy .message-action a.auto-width {
  width: auto;
}
.lab-grown-modify-buy-detail .lab-grown-modify-buy .message-action a.red {
  color: #ffffff;
  background-color: #d0021b;
  background-color: var(--request_btn_negative, #d0021b) !important;
  color: #FFFFFF;
  color: var(--request_btn_negative_font, #FFFFFF) !important;
}
.lab-grown-modify-buy-detail .lab-grown-modify-buy .message-action a.green {
  color: #ffffff;
  background-color: #7ED321;
  background-color: var(--request_btn_positive, #7ED321) !important;
  color: #FFFFFF;
  color: var(--request_btn_positive_font, #FFFFFF) !important;
}
.lab-grown-modify-buy-detail .lab-grown-modify-buy .message-action a.withdraw-btn {
  color: #FFFFFF;
  color: var(--request_btn_negative_font, #FFFFFF) !important;
  background-color: #d0021b;
  background-color: var(--request_btn_negative, #d0021b) !important;
}
.lab-grown-modify-buy-detail .lab-grown-modify-buy .message-action a.message-btn .counter {
  border-radius: 100%;
  border: solid 2px #ffffff;
  display: inline-block;
  font-size: 12px;
  height: 36px;
  line-height: 32px;
  position: absolute;
  right: 30px;
  top: -9px;
  width: 36px;
}
.lab-grown-modify-buy-detail .lab-grown-modify-buy .message-action a.disabled {
  pointer-events: none;
}
@media screen and (max-width: 1200px) {
  .head .date {
    margin-right: unset !important;
  }
}
@media (min-width: 1024px) and (max-width: 1200px) {
  .lab-grown-modify-buy .diamond-info {
    font-size: 18px !important;
  }
  .lab-grown-modify-buy .diamond-info .label {
    font-size: 13px !important;
  }
}
@media screen and (max-width: 767px) {
  #bmh_detail_header {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  #bmh_detail_header #request_subject_string {
    display: none;
  }
  #bmh_detail_header .date {
    margin-right: unset;
  }

  .diamond-info > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
  }

  .payment-section {
    height: unset;
  }
  .payment-section .editable-fields {
    padding: 40px 10px 0 !important;
  }

  .message-action {
    justify-content: center !important;
  }
}
.lab-grown-modify-hold-detail .head {
  padding: 20px 10px;
  margin-bottom: 2px;
  font-size: 20px;
  background-position: 98% 40%;
  background-repeat: no-repeat;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  box-shadow: 1px 1px 0 0 rgba(55, 54, 64, 0.22);
  font-weight: 500;
}
.lab-grown-modify-hold-detail .head.for-1200.default-hidden {
  display: none !important;
}
.lab-grown-modify-hold-detail .head #bmh_detail_header #request_subject_string {
  font-size: 24px;
  font-weight: 500;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.lab-grown-modify-hold-detail .head .date {
  font-size: 18px;
  margin-right: 55px;
  line-height: 40px;
  font-weight: 400;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.lab-grown-modify-hold-detail .head .date .vi {
  font-size: 25px;
}
.lab-grown-modify-hold-detail .lab-grown-modify-hold .diamond-info {
  font-size: 20px;
  padding: 10px 0px;
  margin: 0px;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-weight: 500;
}
.lab-grown-modify-hold-detail .lab-grown-modify-hold .diamond-info span.label {
  font-size: 18px;
  display: block;
  font-weight: 500;
  font-weight: normal;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.lab-grown-modify-hold-detail .lab-grown-modify-hold .pick-date-section {
  margin: 2px 0px;
  text-align: center;
  padding: 20px 0px;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
}
.lab-grown-modify-hold-detail .lab-grown-modify-hold .pick-date-section label {
  font-size: 22px;
  width: 100%;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-weight: 500;
}
.lab-grown-modify-hold-detail .lab-grown-modify-hold .pick-date-section .pick-date {
  margin: 20px auto 10px;
  padding: 10px 0 15px;
  width: 45%;
  border-radius: 60px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-weight: 500;
}
.lab-grown-modify-hold-detail .lab-grown-modify-hold .pick-date-section .pick-date select {
  background-color: transparent;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-size: 30px;
  margin: 0px 20px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-weight: 500;
  text-align: center;
  padding: 10px;
  outline: none;
}
.lab-grown-modify-hold-detail .lab-grown-modify-hold .pick-date-section .pick-date select option {
  color: white;
  background: rgba(0, 0, 0, 0.42) !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4) !important;
}
@media screen and (max-width: 768px) {
  .lab-grown-modify-hold-detail .lab-grown-modify-hold .pick-date-section .pick-date select {
    margin: unset;
    padding: unset;
  }
}
.lab-grown-modify-hold-detail .lab-grown-modify-hold .message-action {
  padding: 0px;
  text-align: center;
  margin-top: 40px;
  position: relative;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: center;
}
.lab-grown-modify-hold-detail .lab-grown-modify-hold .message-action a {
  border-radius: 35px;
  display: inline-block;
  line-height: 18px;
  margin-bottom: 3px;
  padding: 24px 35px;
  vertical-align: middle;
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
  font-size: 16px;
  font-weight: 400;
  height: 65px;
  width: 187px;
  top: 0px;
}
.lab-grown-modify-hold-detail .lab-grown-modify-hold .comment {
  margin: 2px 0px;
  padding: 20px 0px;
  justify-content: center;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
}
.lab-grown-modify-hold-detail .lab-grown-modify-hold .comment label {
  font-size: 22px;
  font-weight: normal;
  margin-bottom: 10px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-weight: 500;
}
.lab-grown-modify-hold-detail .lab-grown-modify-hold .comment textarea {
  background-color: rgba(255, 255, 255, 0.05);
  border: medium none;
  height: 100px;
  width: 100%;
  padding: 15px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-weight: 500;
}
.lab-grown-modify-hold-detail .lab-grown-modify-hold .comment textarea::-webkit-input-placeholder {
  text-align: center;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.lab-grown-modify-hold-detail .lab-grown-modify-hold .comment textarea:-moz-placeholder {
  text-align: center;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.lab-grown-modify-hold-detail .lab-grown-modify-hold .comment textarea::-moz-placeholder {
  text-align: center;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.lab-grown-modify-hold-detail .lab-grown-modify-hold .comment textarea:-ms-input-placeholder {
  text-align: center;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
@media screen and (max-width: 1200px) {
  .head .date {
    margin-right: unset !important;
  }
}
@media (min-width: 1024px) and (max-width: 1200px) {
  .lab-grown-modify-hold .diamond-info {
    font-size: 18px !important;
  }
  .lab-grown-modify-hold .diamond-info .label {
    font-size: 13px !important;
  }
}
@media screen and (max-width: 480px) {
  .pick-date {
    width: 100% !important;
  }
}
.lab-grown-message-detail .chat-message-header {
  font-size: 20px;
  text-align: center;
  position: relative;
  padding: 20px 10px;
  background-color: rgba(255, 255, 255, 0.05);
}
.lab-grown-message-detail .chat-message-header .go-back::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border-top: 3px solid;
  border-left: 3px solid;
  border-color: #292735;
  border-color: var(--main_bg_font_color, #292735) !important;
  transform: rotate(-45deg);
}
.lab-grown-message-detail .chat-message {
  padding: 15px;
  font-weight: 400;
}
.lab-grown-message-detail .chat-message .conversations {
  height: 600px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.lab-grown-message-detail .chat-message .conversations ul {
  list-style: none;
  padding: 0;
}
.lab-grown-message-detail .chat-message .conversations ul li {
  margin-bottom: 10px;
}
.lab-grown-message-detail .chat-message .conversations ul li .when {
  color: #9B9B9B;
  color: var(--chat_bg_font, #9B9B9B) !important;
  font-weight: 400;
  font-size: 12px;
  margin-top: 7px;
}
.lab-grown-message-detail .chat-message .conversations ul li.received .message, .lab-grown-message-detail .chat-message .conversations ul li.sent .message {
  font-weight: 400;
  border-radius: 15px;
  padding: 8px 16px;
  display: inline-block;
}
.lab-grown-message-detail .chat-message .conversations ul li.received .message {
  background-color: #9665A6;
  background-color: var(--chat_received_bg, #9665A6) !important;
  color: #FFFFFF;
  color: var(--chat_received_font, #FFFFFF) !important;
}
.lab-grown-message-detail .chat-message .conversations ul li.sent .message {
  background-color: #9665A6;
  background-color: var(--chat_sent_bg, #9665A6) !important;
  color: #FFFFFF;
  color: var(--chat_sent_font, #FFFFFF) !important;
}
.lab-grown-message-detail .chat-message .conversations ul li.sending-error {
  position: relative;
  margin-right: 30px;
}
.lab-grown-message-detail .chat-message .conversations ul li.sending-error .error-icon {
  position: absolute;
  right: -15px;
  top: 5px;
  background-repeat: no-repeat;
  background-size: 23px 23px;
  width: 23px;
  height: 23px;
}
.lab-grown-message-detail .chat-message .write-message {
  border: solid 1px #dddddd;
  background-color: #FCFCFC;
  border-radius: 22px;
  position: relative;
}
.lab-grown-message-detail .chat-message .write-message #chat_text {
  width: 100%;
  background-color: transparent;
  color: #000000;
  padding-right: 60px;
  border: none;
  outline: none;
  padding: 15px 10px;
}
.lab-grown-message-detail .chat-message .write-message .send {
  background: transparent;
  border: none;
  position: absolute;
  right: 7px;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  text-indent: -1000px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.lab-grown-message-detail .chat-message .write-message .arrow_up {
  position: absolute;
  right: 7px;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
}
.lab-grown-message-detail .chat-message .write-message .arrow_up .path1, .lab-grown-message-detail .chat-message .write-message .arrow_up .path2 {
  font-size: 40px;
}
.lab-grown-message-detail .chat-message .write-message .arrow_up .path1 {
  color: #804294;
  color: var(--action_btn_static_color, #804294) !important;
}
.lab-grown-message-detail .chat-message .write-message .arrow_up .path2 {
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
}
.mode-indicator.orange-mode-flavor, .mode-indicator.green-mode-flavor {
  height: 3px;
  position: relative;
  z-index: 3;
}
.mode-indicator.orange-mode-flavor {
  background-color: #f5a623;
  background-color: var(--menu_orange_price_mode_on_icon, #f5a623) !important;
}
.mode-indicator.green-mode-flavor {
  background-color: #67b314;
  background-color: var(--menu_green_price_mode_on_icon, #67b314) !important;
}
.mode-indicator.white-mode-flavor {
  background-color: #FFFFFF;
  background-color: var(--menu_white_price_mode_on_icon, #FFFFFF) !important;
}
.non-responsive {
  min-width: 1200px;
}
@media screen and (max-width: 480px) {
  .height-900 {
    height: 900px;
    overflow: scroll;
  }
}
.jewelryAppWrapper {
  min-height: 100vh;
}
.jewelry-results-container {
  position: relative;
}
.jewelry-results-container .jewelry-filters-content {
  max-width: 328px;
  min-width: 328px;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  overflow: hidden;
  padding: 10px 20px;
  padding: 0px;
}
@media screen and (max-width: 767px) {
  .jewelry-results-container .jewelry-filters-content {
    background-color: rgba(0, 0, 0, 0.4) !important;
  }
}
.jewelry-results-container .jewelry-filters-content .jewelry-filters {
  margin-top: 0px;
  transition: margin 0.2s ease;
  -webkit-transition: margin 0.2s ease;
  -moz-transition: margin 0.2s ease;
  -o-transition: margin 0.2s ease;
}
.jewelry-results-container .jewelry-filters-content .jewelry-filters .filters-view-results {
  display: none;
  background-color: #652E77;
  background-color: var(--action_btn_active_color, #652E77) !important;
  color: #FFFFFF;
  color: var(--action_btn_active_font_color, #FFFFFF) !important;
  width: 250px;
  min-height: 45px;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .jewelry-results-container .jewelry-filters-content .jewelry-filters .filters-view-results {
    display: flex;
    margin: 15px auto;
    cursor: pointer;
  }
}
.jewelry-results-container .jewelry-filters-content .jewelry-filters .filter-header {
  display: none;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 10px;
}
.jewelry-results-container .jewelry-filters-content .jewelry-filters .filter-header .icon_detail_page_close_x {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.jewelry-results-container .jewelry-filters-content .jewelry-filters .filter-header .clear-all {
  color: #0079FF;
  color: var(--global_filter_header_bg_action_color, #0079FF) !important;
}
@media screen and (max-width: 586px) {
  .jewelry-results-container .jewelry-filters-content .jewelry-filters .filter-header {
    display: flex;
  }
}
.jewelry-results-container .jewelry-filters-content .jewelry-filters {
  max-width: 328px;
  min-width: 320px;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  overflow: scroll;
  padding: 10px 20px;
  transition: 0.2s ease-in-out;
  z-index: 50;
  width: 100%;
  left: 10px;
  z-index: 50;
}
@media screen and (max-width: 767px) {
  .jewelry-results-container .jewelry-filters-content .jewelry-filters {
    background-color: #FFFFFF;
    background-color: var(--web_tab_bg, #FFFFFF) !important;
  }
}
@media screen and (max-width: 767px) {
  .jewelry-results-container .jewelry-filters-content {
    width: 95%;
    position: absolute;
    max-width: inherit;
  }
  .jewelry-results-container .jewelry-filters-content .jewelry-filters {
    margin: 0 auto;
  }
}
@media screen and (max-width: 586px) {
  .jewelry-results-container .jewelry-filters-content {
    top: 0;
    left: 0;
    width: 100% !important;
    height: calc(100vh - 65px);
    height: calc((var(--vh, 1vh) * 100) - 65px);
    overflow: scroll !important;
  }
  .jewelry-results-container .jewelry-filters-content .jewelry-filters {
    display: flex;
    flex-direction: column;
    position: relative;
    top: 45px;
    left: 0 !important;
  }
  .jewelry-results-container .jewelry-filters-content .jewelry-filters .filters-view-results {
    order: 1;
  }
}
.jewelry-results-container .header-details-iframe {
  height: 67px;
  display: inline;
  align-items: center;
  flex-grow: 1;
  z-index: 2;
  position: relative;
  background-color: var(--main_bg_color, #F4F4F4) !important;
  display: none;
}
@media screen and (max-width: 768px) {
  .jewelry-results-container .header-details-iframe {
    display: flex;
  }
}
.jewelry-results-container .header-details-iframe .search-results {
  margin: 0 auto;
  display: flex;
  align-items: baseline;
  flex-direction: column;
}
.jewelry-results-container .header-details-iframe .search-results .title {
  height: 36px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-size: 30px;
  line-height: 36px;
}
.jewelry-results-container .header-details-iframe .search-results .result-count {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-size: 14px;
  line-height: 14px;
  margin: 0 auto;
}
.jewelry-results-container .jewelry-result-header {
  display: flex;
  margin-top: 0px;
  position: relative;
  z-index: 2;
  background-color: var(--main_bg_color, #F4F4F4) !important;
}
.jewelry-results-container .jewelry-result-header .header-details {
  height: 67px;
  display: inline;
  align-items: center;
  flex-grow: 1;
  display: flex;
}
.jewelry-results-container .jewelry-result-header .header-details .filters .category-toggler {
  height: 48px;
  width: 48px;
  display: block;
  border-radius: 100px;
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.29);
  margin-left: 10px;
}
@media screen and (max-width: 1266px) {
  .jewelry-results-container .jewelry-result-header .header-details .filters .category-toggler {
    height: 42px;
    width: 42px;
    margin-right: 5px;
  }
}
@media screen and (max-width: 767px) {
  .jewelry-results-container .jewelry-result-header .header-details .filters .category-toggler {
    height: 35px;
    width: 35px;
  }
}
.jewelry-results-container .jewelry-result-header .header-details .sort-filter {
  width: 281px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  overflow: hidden;
  background-color: #292735;
  background-color: var(--menu_bg_color, #292735) !important;
}
.jewelry-results-container .jewelry-result-header .header-details .sort-filter.showing, .jewelry-results-container .jewelry-result-header .header-details .sort-filter.hiding {
  transition: all 500ms cubic-bezier(0.675, 0.17, 0.245, 0.795);
}
.jewelry-results-container .jewelry-result-header .header-details .sort-filter.showing {
  max-height: 1000px !important;
}
.jewelry-results-container .jewelry-result-header .header-details .sort-filter.hiding {
  max-height: 0px !important;
}
.jewelry-results-container .jewelry-result-header .header-details .sort-filter .actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 15px;
}
.jewelry-results-container .jewelry-result-header .header-details .sort-filter .actions .done {
  display: inline-flex;
  border: 1px solid #ffffff;
  border-radius: 19.5px;
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.29);
  height: 39px;
  width: 95px;
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
  margin-right: 10px;
  font-size: 13px;
  line-height: 12px;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.jewelry-results-container .jewelry-result-header .header-details .sort-filter .sort-label, .jewelry-results-container .jewelry-result-header .header-details .sort-filter .available-sort-label {
  display: inline-flex;
  width: 100%;
  color: #FFFFFF;
  color: var(--menu_bg_font_color, #FFFFFF) !important;
}
.jewelry-results-container .jewelry-result-header .header-details .sort-filter .sort-filter-header {
  position: relative;
  color: #FFFFFF;
  color: var(--menu_btn_static_font_color, #FFFFFF) !important;
}
.jewelry-results-container .jewelry-result-header .header-details .sort-filter .sort-filter-header .sort-label {
  line-height: 72px;
  font-size: 18px;
  justify-content: center;
}
.jewelry-results-container .jewelry-result-header .header-details .sort-filter .sort-filter-header .sort-filter-icon {
  left: 10%;
}
.jewelry-results-container .jewelry-result-header .header-details .sort-filter .sort-filter-header .close-sort-filter {
  cursor: pointer;
  right: 7.5%;
}
.jewelry-results-container .jewelry-result-header .header-details .sort-filter .sort-filter-body {
  height: 625px;
  overflow: scroll;
}
.jewelry-results-container .jewelry-result-header .header-details .sort-filter .available-sort-label {
  line-height: 36px;
  font-size: 14px;
  padding-left: 8%;
}
.jewelry-results-container .jewelry-result-header .header-details .sort-filter #available-sort-filters, .jewelry-results-container .jewelry-result-header .header-details .sort-filter .ui-sortable {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.jewelry-results-container .jewelry-result-header .header-details .sort-filter #available-sort-filters > li {
  line-height: 0;
}
.jewelry-results-container .jewelry-result-header .header-details .sort-filter #available-sort-filters > li a {
  cursor: default;
  display: inline-flex;
  background-color: #3E3D49;
  background-color: var(--menu_btn_static_color, #3E3D49) !important;
  color: #FFFFFF;
  color: var(--menu_btn_static_font_color, #FFFFFF) !important;
  font-size: 13px;
  line-height: 48px;
  border-bottom: 1px solid;
  border-bottom-color: #292735;
  border-bottom-color: var(--menu_bg_color, #292735) !important;
  padding-left: 90px;
  width: 100%;
  position: relative;
  text-decoration: none;
}
.jewelry-results-container .jewelry-result-header .header-details .sort-filter .sort-icon {
  left: 17.5%;
}
.jewelry-results-container .jewelry-result-header .header-details .sort-filter .add-icon {
  left: 5%;
  cursor: pointer;
}
.jewelry-results-container .jewelry-result-header .header-details .sort-filter .applied-filters ul {
  padding: 0;
}
.jewelry-results-container .jewelry-result-header .header-details .sort-filter .applied-filters .added-filter {
  list-style-type: none;
}
.jewelry-results-container .jewelry-result-header .header-details .sort-filter .applied-filters .added-filter .selected-filter {
  background-color: #652E77;
  background-color: var(--menu_btn_active_color, #652E77) !important;
  color: #FFFFFF;
  color: var(--menu_btn_active_font_color, #FFFFFF) !important;
  font-size: 13px;
  line-height: 48px;
  border-bottom: 1px solid;
  border-bottom-color: #292735;
  border-bottom-color: var(--menu_bg_color, #292735) !important;
  padding-left: 90px;
  width: 100%;
  position: relative;
}
.jewelry-results-container .jewelry-result-header .header-details .sort-filter .applied-filters .added-filter .selected-filter .sort-icon {
  left: 17.5%;
}
.jewelry-results-container .jewelry-result-header .header-details .sort-filter .applied-filters .added-filter .selected-filter .delete-icon {
  left: 5%;
}
.jewelry-results-container .jewelry-result-header .header-details .sort-filter .applied-filters .added-filter .selected-filter .sort-by-asc-dsc {
  right: 22.5%;
  border-radius: 100%;
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  background-position: center;
}
.jewelry-results-container .jewelry-result-header .header-details .sort-filter .applied-filters .added-filter .selected-filter .drag-icon {
  right: 7.5%;
}
.jewelry-results-container .jewelry-result-header .header-details .sort-filter .applied-filters .added-filter .selected-filter.largeLabelAdjustments {
  padding-left: 75px;
}
.jewelry-results-container .jewelry-result-header .header-details .sort-filter .applied-filters .added-filter .selected-filter.largeLabelAdjustments .sort-icon {
  left: 15.5%;
}
.jewelry-results-container .jewelry-result-header .header-details .sort-filter .applied-filters .added-filter .selected-filter.largeLabelAdjustments .sort-by-asc-dsc {
  right: 19%;
}
.jewelry-results-container .jewelry-result-header .header-details .top-left {
  width: calc(50% - 52px);
  align-items: center;
  display: flex;
}
.jewelry-results-container .jewelry-result-header .header-details .top-left .search-results {
  margin-left: 15px;
  display: flex;
  align-items: baseline;
}
.jewelry-results-container .jewelry-result-header .header-details .top-left .search-results .title {
  height: 36px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-size: 30px;
  line-height: 36px;
  margin-bottom: 0;
}
.jewelry-results-container .jewelry-result-header .header-details .top-left .search-results .result-count {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-size: 14px;
  line-height: 14px;
  margin-left: 15px;
}
.jewelry-results-container .jewelry-result-header .header-details .top-right {
  width: 50%;
  align-items: center;
  display: flex;
  justify-content: flex-end;
}
.jewelry-results-container .jewelry-result-header .header-details .top-right .switch-views {
  margin-right: 30px;
}
.jewelry-results-container .jewelry-result-header .header-details .top-right .switch-views a {
  display: inline-flex;
  font-size: 24px;
  color: #ACACAF;
}
.jewelry-results-container .jewelry-result-header .header-details .top-right .switch-views a.active {
  color: #9665A6;
  color: var(--option_btn_on_color, #9665A6) !important;
}
.jewelry-results-container .jewelry-result-header .header-details .top-right .switch-views .grid-switch {
  margin-right: 10px;
}
.jewelry-results-container .jewelry-result-header .header-details .top-right .search-actions {
  display: flex;
}
.jewelry-results-container .jewelry-result-header .header-details .top-right .search-actions .clear-search {
  width: 130px;
  margin-right: 10px;
  display: inline-flex;
  border-radius: 100px;
  font-size: 14px;
  line-height: 18px;
  padding: 15px 10px;
  border: 2px solid;
  justify-content: center;
  align-items: center;
  background-color: transparent !important;
  outline: none;
  border-color: #804294;
  border-color: var(--action_btn_secondary_color, #804294) !important;
  color: #804294;
  color: var(--action_btn_secondary_font_color, #804294) !important;
}
.jewelry-results-container .jewelry-result-header .header-details .top-right .search-actions .save-search {
  display: inline-flex;
  width: 130px;
  border-radius: 100px;
  background-color: #652E77;
  background-color: var(--action_btn_active_color, #652E77) !important;
  color: #FFFFFF;
  color: var(--action_btn_active_font_color, #FFFFFF) !important;
  font-size: 14px;
  line-height: 18px;
  padding: 15px 10px;
  margin-right: 10px;
  justify-content: center;
  align-items: center;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
}
.jewelry-results-container .jewelry-result-header .header-details .top-right .search-actions .filter-btn {
  display: inline-flex;
  border-radius: 100px;
  font-size: 14px;
  line-height: 18px;
  padding: 15px 10px;
  border: 2px solid;
  justify-content: center;
  align-items: center;
  background-color: transparent !important;
  outline: none;
  border-color: #804294;
  border-color: var(--action_btn_secondary_color, #804294) !important;
  color: #804294;
  color: var(--action_btn_secondary_font_color, #804294) !important;
  display: none;
}
.jewelry-results-container .jewelry-result-header .jewelry-filter-dropdown {
  width: 328px;
  height: 67px;
  background-color: #E5E5E5;
  background-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  cursor: pointer !important;
}
.jewelry-results-container .jewelry-result-header .jewelry-filter-dropdown.active {
  background-color: #804294;
  background-color: var(--drop_menu_active_bg_color, #804294) !important;
}
.jewelry-results-container .jewelry-result-header .jewelry-filter-dropdown.active .head-icon .vi {
  color: #FFFFFF;
  color: var(--drop_menu_active_icon_color, #FFFFFF) !important;
}
.jewelry-results-container .jewelry-result-header .jewelry-filter-dropdown.active .head-label {
  color: #FFFFFF;
  color: var(--drop_menu_active_font_color, #FFFFFF) !important;
}
.jewelry-results-container .jewelry-result-header .jewelry-filter-dropdown.active .head-dropdown-icon .vi {
  color: #FFFFFF;
  color: var(--drop_menu_active_icon_color, #FFFFFF) !important;
}
.jewelry-results-container .jewelry-result-header .jewelry-filter-dropdown .head-icon {
  text-align: center;
  border-radius: 5px;
  height: 40px;
  width: 40px;
  padding-top: 5px;
  margin-left: 20px;
}
.jewelry-results-container .jewelry-result-header .jewelry-filter-dropdown .head-icon .vi {
  color: #4F4E57;
  color: var(--drop_menu_static_icon_color, #4F4E57) !important;
  font-size: 26px;
}
.jewelry-results-container .jewelry-result-header .jewelry-filter-dropdown .head-label {
  color: #4F4E57;
  color: var(--drop_menu_static_font_color, #4F4E57) !important;
}
.jewelry-results-container .jewelry-result-header .jewelry-filter-dropdown .head-dropdown-icon {
  text-align: center;
  border-radius: 5px;
  height: 15px;
  padding-top: 5px;
  margin-right: 20px;
}
.jewelry-results-container .jewelry-result-header .jewelry-filter-dropdown .head-dropdown-icon .vi {
  color: #4F4E57;
  color: var(--drop_menu_static_icon_color, #4F4E57) !important;
}
.jewelry-results-container .jewelry-inner-container {
  position: relative;
  z-index: 1;
  display: flex;
}
.jewelry-results-container .jewelry-inner-container .filtered-categories {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  min-height: 40px;
  padding: 6px 16px;
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 15px);
  margin-right: 0;
  margin-bottom: 10px;
  margin-left: -15px;
}
@media screen and (max-width: 768px) {
  .jewelry-results-container .jewelry-inner-container .filtered-categories {
    margin-right: 0;
    margin-left: 0;
    width: 100%;
  }
}
.jewelry-results-container .jewelry-inner-container .filtered-categories .image-only-switch-wrapper {
  display: flex;
  align-items: center;
  margin: 5px;
}
.jewelry-results-container .jewelry-inner-container .filtered-categories .image-only-switch-wrapper .switch-text {
  font-size: 12px;
  font-weight: 500;
  margin-right: 10px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.jewelry-results-container .jewelry-inner-container .filtered-categories .image-only-switch-wrapper .image-only-switch {
  display: inline-flex;
  border-radius: 100px;
  align-items: center;
  background-color: #BFBFC3;
  background-color: var(--option_btn_disabled_color, #BFBFC3) !important;
  color: #804294;
  color: var(--option_btn_off_font_color, #804294) !important;
  display: inline-flex;
  height: 32px;
  width: 58px;
}
.jewelry-results-container .jewelry-inner-container .filtered-categories .image-only-switch-wrapper .image-only-switch .on {
  font-size: 17px;
}
.jewelry-results-container .jewelry-inner-container .filtered-categories .image-only-switch-wrapper .image-only-switch:hover {
  color: #804294;
  color: var(--option_btn_off_font_color, #804294) !important;
}
.jewelry-results-container .jewelry-inner-container .filtered-categories .image-only-switch-wrapper .image-only-switch.active {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
}
.jewelry-results-container .jewelry-inner-container .filtered-categories .image-only-switch-wrapper .image-only-switch .off {
  margin-left: 2px;
}
.jewelry-results-container .jewelry-inner-container .filtered-categories .image-only-switch-wrapper .image-only-switch .on {
  margin-right: 2px;
}
.jewelry-results-container .jewelry-inner-container .filtered-categories .image-only-switch-wrapper .image-only-switch span {
  display: none;
}
.jewelry-results-container .jewelry-inner-container .filtered-categories .image-only-switch-wrapper .image-only-switch span.selected {
  display: block;
  border-radius: 24px;
  background-color: #FFFFFF;
  background-color: var(--heart_bg_off_icon_color, #FFFFFF) !important;
}
.jewelry-results-container .jewelry-inner-container .filtered-categories .image-only-switch-wrapper .image-only-switch .off, .jewelry-results-container .jewelry-inner-container .filtered-categories .image-only-switch-wrapper .image-only-switch .on {
  width: 44.68px;
  display: inline-block;
  font-weight: 500;
  text-align: center;
  line-height: 44px;
  font-size: 10px;
  width: 28px;
  height: 28px;
  line-height: 34px;
  font-weight: 500;
  font-size: 12px;
}
.jewelry-results-container .jewelry-inner-container .filtered-categories .filter-buttons {
  position: relative;
  display: inline-flex;
  font-size: 12px;
  border-radius: 5px;
  line-height: 28px;
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
  padding: 0 36px;
  margin: 5px;
  align-items: center;
}
.jewelry-results-container .jewelry-inner-container .filtered-categories .filter-buttons .remove-filter, .jewelry-results-container .jewelry-inner-container .filtered-categories .filter-buttons .asc-dsc {
  height: 10px;
  width: 10px;
}
.jewelry-results-container .jewelry-inner-container .filtered-categories .filter-buttons .remove-filter {
  left: 10%;
}
.jewelry-results-container .jewelry-inner-container .filtered-categories .filter-buttons .asc-dsc {
  background-repeat: no-repeat;
  background-position: center;
  right: 10%;
}
.jewelry-results-container .jewelry-inner-container .results-row {
  justify-content: center;
  width: calc(100% - 328px);
  margin-left: 0 !important;
  margin-top: 10px !important;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.jewelry-results-container .jewelry-inner-container .results-row.hideFilters {
  width: 100% !important;
}
@media only screen and (max-width: 767px) {
  .jewelry-results-container .jewelry-inner-container .results-row {
    width: 100% !important;
  }
}
@media screen and (max-width: 570px) {
  .jewelry-results-container .jewelry-inner-container .results-row {
    justify-content: space-between;
  }
}
.jewelry-results-container .jewelry-inner-container .results-row .boxed {
  margin-bottom: 0px;
  height: 405px;
  width: 100%;
  max-width: 343.5px;
  min-width: 268.5px;
  padding-left: 15px !important;
  padding-right: 15px !important;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (min-width: 1200px) {
  .jewelry-results-container .jewelry-inner-container .results-row .boxed {
    min-width: 280px;
    max-width: 280px;
    height: 340px;
  }
}
@media screen and (max-width: 1199px) {
  .jewelry-results-container .jewelry-inner-container .results-row .boxed {
    min-width: 333.5px;
  }
}
@media screen and (max-width: 570px) {
  .jewelry-results-container .jewelry-inner-container .results-row .boxed {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 49.5%;
    max-width: 49.5%;
    min-width: unset;
    height: unset;
    margin-bottom: 5px;
  }
}
.jewelry-results-container .jewelry-inner-container .results-row .boxed .box-content .box-data .image-container {
  position: relative;
  max-height: 313px;
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .jewelry-results-container .jewelry-inner-container .results-row .boxed .box-content .box-data .image-container {
    max-height: 250px;
  }
}
@media screen and (max-width: 570px) {
  .jewelry-results-container .jewelry-inner-container .results-row .boxed .box-content .box-data .image-container {
    max-width: unset;
    padding-bottom: 100%;
  }
}
.jewelry-results-container .jewelry-inner-container .results-row .boxed .box-content .box-data .image-container .image-cover {
  width: 100%;
  height: 313px;
  display: inline-flex;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (min-width: 1200px) {
  .jewelry-results-container .jewelry-inner-container .results-row .boxed .box-content .box-data .image-container .image-cover {
    height: 250px;
  }
}
@media screen and (max-width: 570px) {
  .jewelry-results-container .jewelry-inner-container .results-row .boxed .box-content .box-data .image-container .image-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
.jewelry-results-container .jewelry-inner-container .results-row .boxed .box-content .box-data .image-container .image-cover img {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  background-color: var(--image_bg_color, #FFFFFF) !important;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-fit: var(--cover_image_bg_size, cover) !important;
     object-fit: var(--cover_image_bg_size, cover) !important;
}
.jewelry-results-container .jewelry-inner-container .results-row .boxed .box-content .box-data .image-container .yes,
.jewelry-results-container .jewelry-inner-container .results-row .boxed .box-content .box-data .image-container .no {
  display: inline-flex;
  height: 16px;
  width: 16px;
  position: absolute;
  top: 5%;
  right: 5%;
  border-radius: 50%;
}
.jewelry-results-container .jewelry-inner-container .results-row .boxed .box-content .box-data .image-container .yes {
  background-color: #7ED321;
}
.jewelry-results-container .jewelry-inner-container .results-row .boxed .box-content .box-data .image-container .no {
  background-color: #d0021b;
}
.jewelry-results-container .jewelry-inner-container .results-row .boxed .box-content .box-data .image-container .mark-favorite {
  display: inline-flex;
  position: absolute;
  left: 5%;
  top: 5%;
}
.jewelry-results-container .jewelry-inner-container .results-row .boxed .box-content .box-data .image-container .mark-favorite .path1 {
  color: #804294;
  color: var(--heart_outline_off_icon_color, #804294) !important;
  font-size: 31px;
}
.jewelry-results-container .jewelry-inner-container .results-row .boxed .box-content .box-data .image-container .mark-favorite .path2 {
  color: #804294;
  color: var(--heart_outline_off_icon_color, #804294) !important;
  font-size: 31px;
}
.jewelry-results-container .jewelry-inner-container .results-row .boxed .box-content .box-data .image-container .mark-favorite .path3 {
  color: #FFFFFF;
  color: var(--heart_bg_off_icon_color, #FFFFFF) !important;
  font-size: 31px;
}
.jewelry-results-container .jewelry-inner-container .results-row .boxed .box-content .box-data .image-container .mark-favorite.favorited .path1 {
  color: #FFFFFF;
  color: var(--heart_outline_on_icon_color, #FFFFFF) !important;
}
.jewelry-results-container .jewelry-inner-container .results-row .boxed .box-content .box-data .image-container .mark-favorite.favorited .path2 {
  color: #FFFFFF;
  color: var(--heart_outline_on_icon_color, #FFFFFF) !important;
}
.jewelry-results-container .jewelry-inner-container .results-row .boxed .box-content .box-data .image-container .mark-favorite.favorited .path3 {
  color: #804294;
  color: var(--heart_bg_on_icon_color, #804294) !important;
}
.jewelry-results-container .jewelry-inner-container .results-row .boxed .box-content .box-data .image-container .addToCart {
  position: absolute;
  right: 5%;
  bottom: 5%;
  font-size: 30px;
  cursor: pointer;
  color: white;
}
.jewelry-results-container .jewelry-inner-container .results-row .boxed .box-content .box-data .item {
  font-weight: 700;
  position: relative;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
.jewelry-results-container .jewelry-inner-container .results-row .boxed .box-content .box-data .item .detail {
  padding: 10px 0;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.jewelry-results-container .jewelry-inner-container .results-row .boxed .box-content .box-data .item .detail .shape-size-color {
  font-size: 15px;
  line-height: 17px;
}
.jewelry-results-container .jewelry-inner-container .results-row .boxed .box-content .box-data .item .detail .cut-symmetry-polish {
  font-size: 12px;
  line-height: 17px;
}
.jewelry-results-container .jewelry-inner-container .results-row .boxed .box-content .box-data .item .style-no {
  display: flex;
  height: 60px;
  font-size: 24px;
  padding-left: 5px;
  align-items: center;
}
.jewelry-results-container .jewelry-inner-container .results-row .boxed .box-content .box-data .item .price-actions {
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.jewelry-results-container .jewelry-inner-container .results-row .boxed .box-content .box-data .item .price-actions .price {
  margin-left: 5px;
  font-size: 24px;
  line-height: 40px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.jewelry-results-container .jewelry-inner-container .results-row .boxed .box-content .box-data .item .price-actions .price .ctw-result {
  float: left;
  clear: left;
  padding-top: 6px;
  font-size: 15px;
  line-height: 15px;
}
.jewelry-results-container .jewelry-inner-container .results-row .boxed .box-content .box-data .item .price-actions .price .total-price {
  float: left;
  clear: left;
}
.jewelry-results-container .jewelry-inner-container .results-row .boxed .box-content .box-data .item .price-actions .actions {
  padding-right: 5px;
  display: flex;
}
.jewelry-results-container .jewelry-inner-container .results-row .boxed .box-content .box-data .item .price-actions .actions a {
  height: 40px;
  width: 40px;
  display: inline-flex;
  border-radius: 50%;
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  color: #804294;
  color: var(--option_btn_off_icon_color, #804294) !important;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
  margin-right: 5px;
}
.jewelry-results-container .jewelry-inner-container .results-row .boxed .box-content .box-data .item .price-actions .actions a:last-child {
  margin: 0;
}
.jewelry-results-container .jewelry-inner-container .results-row .boxed .box-content .box-data .item .price-actions .actions .eye span {
  font-size: 18px;
}
.jewelry-results-container .jewelry-inner-container .results-row .boxed .box-content .box-data .item .price-actions .actions .share span {
  font-size: 18px;
}
.jewelry-results-container .jewelry-inner-container .results-row .boxed .box-content .box-data .item .price-actions .action {
  width: 60px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.jewelry-results-container .jewelry-inner-container .results-row .boxed .box-content .box-data .item .price-actions .action a span {
  font-size: 40px;
  color: #4F4E57;
  color: var(--drop_menu_static_icon_color, #4F4E57) !important;
}
.jewelry-results-container .jewelry-inner-container .results-row .boxed .box-content .box-data .item .price-actions .action a:after {
  display: none;
}
.jewelry-results-container .jewelry-inner-container .results-row .boxed .box-content .box-data .item .price-actions .action .dropdown-menu {
  padding: 0;
  width: 100%;
  border-radius: 0;
  display: block;
  margin: 0;
  border-color: #804294;
  border-color: var(--drop_menu_active_bg_color, #804294) !important;
  background-color: #E5E5E5;
  background-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
}
.jewelry-results-container .jewelry-inner-container .results-row .boxed .box-content .box-data .item .price-actions .action .dropdown-menu li {
  height: 65px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.jewelry-results-container .jewelry-inner-container .results-row .boxed .box-content .box-data .item .price-actions .action .dropdown-menu li span {
  width: 65px;
  text-align: center;
  font-size: 20px;
  color: #4F4E57;
  color: var(--drop_menu_static_icon_color, #4F4E57) !important;
}
.jewelry-results-container .jewelry-inner-container .results-row .boxed .box-content .box-data .item .price-actions .action .dropdown-menu li p {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0px;
  color: #4F4E57;
  color: var(--drop_menu_static_font_color, #4F4E57) !important;
}
.jewelry-results-container .jewelry-inner-container .results-row .boxed .box-content .box-data .item .price-actions .action .dropdown-menu li:not(:last-child) {
  border-bottom: 0.5px solid #fff;
}
.jewelry-results-container .jewelry-inner-container .results-row .boxed .box-content .box-data .item .price-actions .action .dropdown-menu li.active, .jewelry-results-container .jewelry-inner-container .results-row .boxed .box-content .box-data .item .price-actions .action .dropdown-menu li:hover {
  background-color: #804294;
  background-color: var(--drop_menu_active_bg_color, #804294) !important;
}
.jewelry-results-container .jewelry-inner-container .results-row .boxed .box-content .box-data .item .price-actions .action .dropdown-menu li.active span, .jewelry-results-container .jewelry-inner-container .results-row .boxed .box-content .box-data .item .price-actions .action .dropdown-menu li:hover span {
  color: #FFFFFF;
  color: var(--drop_menu_active_icon_color, #FFFFFF) !important;
}
.jewelry-results-container .jewelry-inner-container .results-row .boxed .box-content .box-data .item .price-actions .action .dropdown-menu li.active p, .jewelry-results-container .jewelry-inner-container .results-row .boxed .box-content .box-data .item .price-actions .action .dropdown-menu li:hover p {
  color: #FFFFFF;
  color: var(--drop_menu_active_font_color, #FFFFFF) !important;
}
.jewelry-results-container .jewelry-inner-container .results-row .boxed .box-content .box-data .item .price-actions .action.open, .jewelry-results-container .jewelry-inner-container .results-row .boxed .box-content .box-data .item .price-actions .action.active, .jewelry-results-container .jewelry-inner-container .results-row .boxed .box-content .box-data .item .price-actions .action:hover {
  background-color: #804294;
  background-color: var(--drop_menu_active_bg_color, #804294) !important;
  color: #FFFFFF;
  color: var(--drop_menu_active_icon_color, #FFFFFF) !important;
}
.jewelry-results-container .jewelry-inner-container .results-row .boxed .box-content .box-data .item .price-actions .action.open a span, .jewelry-results-container .jewelry-inner-container .results-row .boxed .box-content .box-data .item .price-actions .action.active a span, .jewelry-results-container .jewelry-inner-container .results-row .boxed .box-content .box-data .item .price-actions .action:hover a span {
  color: #FFFFFF;
  color: var(--drop_menu_active_icon_color, #FFFFFF) !important;
}
.jewelry-results-container .jewelry-inner-container .results-row .boxed .box-content .box-data .item .price-actions .info {
  display: block;
  margin-right: 5px;
  border-radius: 100%;
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.29);
}
.jewelry-results-container .jewelry-inner-container .results-row .boxed .box-content .box-data .item .price-actions .info a {
  height: 50px;
  width: 50px;
  display: flex;
  border-radius: 100%;
  font-size: 20px;
  background-color: #E5E5E5;
  background-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
}
.jewelry-results-container .jewelry-inner-container .results-row .boxed .box-content .box-data .item .price-actions .info a span {
  font-size: 2wpx;
  color: #4F4E57;
  color: var(--drop_menu_static_icon_color, #4F4E57) !important;
}
.jewelry-results-container .jewelry-inner-container .results-row .boxed .box-content .box-data .item .price-actions .info a:hover {
  cursor: pointer;
}
.jewelry-results-container .jewelry-inner-container .results-row .boxed .box-content .box-data .item .price-actions .info a:hover {
  background-color: #804294;
  background-color: var(--drop_menu_active_bg_color, #804294) !important;
}
.jewelry-results-container .jewelry-inner-container .results-row .boxed .box-content .box-data .item .price-actions .info a:hover span {
  color: #FFFFFF;
  color: var(--drop_menu_active_icon_color, #FFFFFF) !important;
}
@media screen and (max-width: 768px) {
  .diamond-no-image-placeholder {
    background-position: center;
    background-size: cover;
  }

  .JewelryContainerFluidStyle {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
  }

  .jewelry-results-container .jewelry-result-header .header-details .top-left {
    display: none;
  }
}
@media screen and (max-width: 768px) and (width: 768px) {
  .jewelry-results-container .jewelry-result-header .header-details .top-left .iframe768 {
    display: block !important;
  }
}
@media screen and (max-width: 768px) {
  .jewelry-results-container .jewelry-result-header .header-details .top-right {
    width: 50%;
    align-items: center;
    display: flex;
    justify-content: flex-start;
    margin-left: 5px;
  }
}
@media screen and (max-width: 768px) {
  .jewelry-results-container .jewelry-result-header .header-details {
    height: 57px;
    /* width: 10px; */
    display: inline;
    align-items: center;
    flex-grow: 1;
    display: flex;
  }
}
@media screen and (max-width: 768px) {
  .search-actions .clear-search {
    width: 82px !important;
    margin-right: 5px;
    display: inline-flex;
    border-radius: 57px;
    font-size: 9px !important;
    line-height: 5px !important;
    padding: 10px 5px !important;
    border: 2px solid;
    justify-content: center;
    align-items: center;
    background-color: transparent !important;
    outline: none;
    border-color: #804294;
    border-color: var(--action_btn_secondary_color, #804294) !important;
    color: #804294;
    color: var(--action_btn_secondary_font_color, #804294) !important;
  }
}
@media screen and (max-width: 768px) and (min-width: 498px) and (max-width: 768px) {
  .search-actions .clear-search {
    width: 120px !important;
    font-size: 14px !important;
    line-height: 18px !important;
  }
}
@media screen and (max-width: 768px) {
  .jewelry-results-container .jewelry-result-header .header-details .top-right .search-actions .save-search {
    display: inline-flex;
    width: 80px;
    border-radius: 100px;
    background-color: #652E77;
    background-color: var(--action_btn_active_color, #652E77) !important;
    color: #FFFFFF;
    color: var(--action_btn_active_font_color, #FFFFFF) !important;
    margin-right: 5px;
    font-size: 12px !important;
    line-height: 5px !important;
    padding: 10px 5px !important;
    justify-content: center;
    align-items: center;
    box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
  }
}
@media screen and (max-width: 768px) and (min-width: 498px) and (max-width: 768px) {
  .jewelry-results-container .jewelry-result-header .header-details .top-right .search-actions .save-search {
    width: 120px !important;
    font-size: 14px !important;
    line-height: 18px !important;
  }
}
@media screen and (max-width: 768px) {
  .jewelry-results-container .jewelry-result-header .jewelry-filter-dropdown {
    width: 328px;
    height: 57px !important;
    background-color: #E5E5E5;
    background-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    z-index: 0 !important;
  }
}
@media screen and (max-width: 768px) and (max-width: 498px) {
  .jewelry-results-container .jewelry-result-header .jewelry-filter-dropdown {
    width: 50% !important;
  }
}
@media screen and (max-width: 768px) {
  .jewelry-results-container .jewelry-result-header .jewelry-filter-dropdown .head-icon {
    text-align: center;
    border-radius: 5px;
    height: 15px;
    width: 15px;
    padding-top: 0;
    margin-left: 15px;
    margin-top: -5px;
  }
}
@media screen and (max-width: 768px) {
  .jewelry-results-container .jewelry-result-header .jewelry-filter-dropdown .head-dropdown-icon {
    text-align: center;
    border-radius: 5px;
    height: 15px;
    padding-top: 5px;
    margin-right: 10px;
  }
}
@media screen and (max-width: 768px) {
  .jewelry-results-container .jewelry-result-header .jewelry-filter-dropdown .head-icon .vi {
    color: #4F4E57;
    color: var(--drop_menu_static_icon_color, #4F4E57) !important;
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  .jewelry-results-container .jewelry-result-header .jewelry-filter-dropdown .head-label {
    color: #4F4E57;
    color: var(--drop_menu_static_font_color, #4F4E57) !important;
    font-size: 14px;
    margin-left: -10px;
  }
}
@media screen and (max-width: 768px) {
  .jewelry-results-container .jewelry-inner-container .jewelry-filters-content {
    padding: 0px;
  }
  .jewelry-results-container .jewelry-inner-container .jewelry-filters-content .jewelry-filters {
    max-width: 328px;
    min-width: 320px;
    background-color: #E9E9EB;
    background-color: var(--main_bg_highlight, #E9E9EB) !important;
    overflow: scroll;
    padding: 10px 20px;
    transition: 0.2s ease-in-out;
    z-index: 50;
    width: 100%;
    left: 10px;
    z-index: 50;
  }
}
@media screen and (max-width: 768px) and (max-width: 767px) {
  .jewelry-results-container .jewelry-inner-container .jewelry-filters-content .jewelry-filters {
    background-color: #FFFFFF;
    background-color: var(--web_tab_bg, #FFFFFF) !important;
  }
}
@media screen and (max-width: 768px) and (max-width: 767px) {
  .jewelry-results-container .jewelry-inner-container .jewelry-filters-content {
    width: 95%;
    position: absolute;
    max-width: inherit;
  }
  .jewelry-results-container .jewelry-inner-container .jewelry-filters-content .jewelry-filters {
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .jewelry-results-container .jewelry-inner-container .jewelry-scrollable-content {
    width: 100%;
    margin-left: 10px;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .jewelry-results-container .jewelry-inner-container .jewelry-scrollable-content {
    margin-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .non-responsive {
    min-width: 0;
  }
}
@media screen and (min-width: 320px) and (max-width: 768px) {
  .promotionBannerWrapper {
    background: none !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .jewelry-results-container .jewelry-result-header .header-details .top-left .search-results .title {
    height: 36px;
    color: #292735;
    color: var(--main_bg_font_color, #292735) !important;
    font-size: 24px;
    line-height: 36px;
  }

  .jewelry-results-container .jewelry-result-header .jewelry-filter-dropdown .head-dropdown-icon {
    text-align: center;
    border-radius: 5px;
    height: 15px;
    padding-top: 5px;
    margin-right: 8px;
  }

  header.mobile-header .text .caption {
    display: none;
  }

  header.mobile-header .text .title {
    display: none;
  }

  .non-responsive {
    min-width: 0;
  }
}
@media screen and (min-width: 1024px) {
  .jewelry-results-container .jewelry-result-header .header-details .top-left .search-results .title {
    height: 36px;
    color: #292735;
    color: var(--main_bg_font_color, #292735) !important;
    font-size: 24px;
    line-height: 36px;
  }

  .jewelry-results-container .jewelry-result-header .jewelry-filter-dropdown .head-dropdown-icon {
    text-align: center;
    border-radius: 5px;
    height: 15px;
    padding-top: 5px;
    margin-right: 8px;
  }

  header.mobile-header .text .caption {
    display: none;
  }

  header.mobile-header .text .title {
    display: none;
  }

  .non-responsive {
    min-width: 0;
  }
}
@media screen and (max-width: 570px) {
  .jewelry-scrollable-content {
    margin-left: 0 !important;
  }
  .jewelry-scrollable-content .jewelry-grid-view .row {
    overflow: hidden;
    justify-content: space-between !important;
  }
  .jewelry-scrollable-content .jewelry-grid-view .row .boxed {
    height: unset !important;
    max-width: 49.5% !important;
    min-width: 49.5% !important;
    margin-bottom: 5px !important;
  }
  .jewelry-scrollable-content .jewelry-grid-view .row .boxed .image-container {
    max-height: unset !important;
    width: 100% !important;
    padding-bottom: 100%;
  }
  .jewelry-scrollable-content .jewelry-grid-view .row .boxed .image-container .image-cover, .jewelry-scrollable-content .jewelry-grid-view .row .boxed .image-container img {
    height: 100% !important;
    width: 100% !important;
    position: absolute;
  }
  .jewelry-scrollable-content .jewelry-grid-view .row .boxed .image-container .availability {
    height: 10px !important;
    width: 10px !important;
  }
  .jewelry-scrollable-content .jewelry-grid-view .row .boxed .image-container .icon_results_image_favorite_off .path1, .jewelry-scrollable-content .jewelry-grid-view .row .boxed .image-container .icon_results_image_favorite_off .path2, .jewelry-scrollable-content .jewelry-grid-view .row .boxed .image-container .icon_results_image_favorite_off .path3 {
    font-size: 20px !important;
  }
  .jewelry-scrollable-content .jewelry-grid-view .row .boxed .item {
    height: 60px;
  }
  .jewelry-scrollable-content .jewelry-grid-view .row .boxed .item .price-actions .price {
    font-size: 15px !important;
  }
  .jewelry-scrollable-content .jewelry-grid-view .row .boxed .item .action {
    width: 40px !important;
  }
  .jewelry-scrollable-content .jewelry-grid-view .row .boxed .item .action .dots_v {
    font-size: 30px !important;
  }
}
@media screen and (max-width: 767px) {
  .jewelry-result-header .header-details .top-right {
    width: 100% !important;
  }
  .jewelry-result-header .header-details .top-right .search-actions {
    width: 100%;
    justify-content: space-between !important;
    align-items: center;
  }
  .jewelry-result-header .header-details .top-right .search-actions.iframe {
    justify-content: flex-end !important;
  }
  .jewelry-result-header .header-details .top-right .search-actions .clear-search {
    display: none !important;
  }
  .jewelry-result-header .header-details .top-right .search-actions .save-search {
    height: 30px;
  }
  .jewelry-result-header .header-details .top-right .search-actions .filter-btn {
    display: flex !important;
    height: 30px;
    width: 85px;
    margin-right: 10px;
    align-items: center;
    justify-content: center;
    padding: unset !important;
  }
  .jewelry-result-header .header-details .top-right .search-actions .filter-btn.active {
    background-color: #9665A6;
    background-color: var(--option_btn_on_color, #9665A6) !important;
    border-color: #9665A6;
    border-color: var(--option_btn_on_color, #9665A6) !important;
    color: #FFFFFF;
    color: var(--option_btn_on_font_color, #FFFFFF) !important;
  }
  .jewelry-result-header .header-details .top-right .search-actions .filter-btn.active .filter-counter {
    border-radius: 50%;
    width: 16px;
    font-size: 10px;
    margin-right: 5px;
    text-align: center;
    background-color: #FFFFFF;
    background-color: var(--option_btn_on_icon_color, #FFFFFF) !important;
    color: #292735;
    color: var(--main_bg_font_color, #292735) !important;
  }
  .jewelry-result-header .jewelry-filter-dropdown {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 1030px) {
  .jewelry-result-header .top-left {
    width: 0 !important;
  }
  .jewelry-result-header .top-left .search-results {
    display: none !important;
  }
  .jewelry-result-header .top-right {
    width: 100% !important;
  }
}
@media only screen and (min-width: 587px) {
  .jewelry-results-container .jewelryStickyFilters {
    overflow-y: auto;
    position: absolute;
    bottom: 10px;
    right: 20px;
    left: unset !important;
    width: 288px !important;
    max-width: 288px !important;
    min-width: 288px !important;
  }
}
@media only screen and (min-width: 587px) and (max-width: 768px) {
  .jewelry-results-container .jewelryStickyFilters {
    padding: 0 !important;
  }
}
.jewelry-results-container .mainScrollCont {
  position: fixed;
  top: 197px;
  height: calc(100vh - 197px);
  height: calc((var(--vh, 1vh) * 100) - 197px);
  width: 100%;
  overflow-y: auto;
  transition: 200ms linear;
}
.jewelry-results-container .mainScrollCont .search-page-loading {
  z-index: 999999;
  text-align: center;
  align-content: center;
  margin: 0 auto;
  width: 100%;
  height: 100px;
  padding: 20px;
  top: 20%;
  background: none !important;
}
.jewelry-results-container .mainScrollCont .productItemsCont {
  width: 100%;
}
.jewelry-results-container .mainScrollCont .productItemsCont.showPointer {
  cursor: pointer;
}
.jewelry-results-container .mainScrollCont .productItemsCont.showTextCursor {
  cursor: text;
}
@media screen and (min-width: 1650px) {
  .jewelry-results-container .mainScrollCont .productItemsCont {
    zoom: 100%;
  }
}
@media screen and (min-width: 1800px) {
  .jewelry-results-container .mainScrollCont .productItemsCont {
    zoom: 100%;
  }
}
@media screen and (min-width: 1950px) {
  .jewelry-results-container .mainScrollCont .productItemsCont {
    zoom: 100%;
  }
}
@media screen and (min-width: 2100px) {
  .jewelry-results-container .mainScrollCont .productItemsCont {
    zoom: 100%;
  }
}
@media screen and (min-width: 2250px) {
  .jewelry-results-container .mainScrollCont .productItemsCont {
    zoom: 100%;
  }
}
@media screen and (min-width: 1650px) {
  .jewelry-results-container .mainScrollCont .productItemsCont .results-row {
    width: calc(100% - (328px * 100 / 100));
  }
}
@media screen and (min-width: 1800px) {
  .jewelry-results-container .mainScrollCont .productItemsCont .results-row {
    width: calc(100% - (328px * 100 / 100));
  }
}
@media screen and (min-width: 1950px) {
  .jewelry-results-container .mainScrollCont .productItemsCont .results-row {
    width: calc(100% - (328px * 100 / 100));
  }
}
@media screen and (min-width: 2100px) {
  .jewelry-results-container .mainScrollCont .productItemsCont .results-row {
    width: calc(100% - (328px * 100 / 100));
  }
}
@media screen and (min-width: 2250px) {
  .jewelry-results-container .mainScrollCont .productItemsCont .results-row {
    width: calc(100% - (328px * 100 / 100));
  }
}
.jewelry-results-container .headerStrip2 {
  position: relative;
  z-index: 1;
  background-color: var(--main_bg_color, #F4F4F4) !important;
  width: calc(100% - 328px);
}
.jewelry-results-container .headerStrip2 .results-count {
  display: none;
  padding: 10px 0;
  text-align: center;
  color: #804294;
  color: var(--action_btn_static_color, #804294) !important;
}
@media screen and (max-width: 768px) {
  .jewelry-results-container .headerStrip2 .results-count.iframe {
    display: none !important;
  }
}
@media (min-width: 769px) and (max-width: 1030px) {
  .jewelry-results-container .headerStrip2 .results-count {
    display: block;
  }
}
.jewelry-results-container .headerStrip2.hideFilters {
  width: 100% !important;
}
@media screen and (max-width: 767px) {
  .jewelry-results-container .headerStrip2 {
    width: 100% !important;
  }
}
.jewelry-results-container .rhsFiltersCont {
  position: absolute;
  right: 0;
  z-index: -1;
}
@media only screen and (max-width: 767px) {
  .jewelry-results-container .rhsFiltersCont {
    position: fixed !important;
    bottom: 0 !important;
    top: unset !important;
    z-index: 99 !important;
  }
}
.jewelry-results-container .rhsFiltersCont.hideFilters {
  display: none;
}
.jewelry-results-container #jewelry-filters-content-pseudo {
  z-index: 999;
  opacity: 0;
  display: none;
}
.jewelry-results-container #jewelry-filters-content-pseudo.showPseudoFilters {
  display: block;
}
@media only screen and (max-width: 1100px) {
  .jewelry-results-container #jewelry-filters-content-pseudo {
    display: none;
  }
}
.jewelry-results-container .bottomKeypadMargin {
  margin-bottom: 370px !important;
}
.jewelry-types-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 2px;
}
.jewelry-types-container .jewelry-filter-header {
  line-height: 40px;
  width: 100%;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-color: #E5E5E5;
  background-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
}
.jewelry-types-container .jewelry-filter-header .head-icon {
  padding: 10px 15px 0 10px;
  width: 20%;
}
.jewelry-types-container .jewelry-filter-header .head-icon .vi {
  font-size: 30px;
  color: #4F4E57;
  color: var(--drop_menu_static_icon_color, #4F4E57) !important;
}
.jewelry-types-container .jewelry-filter-header .head-icon svg path {
  fill: #4F4E57;
  fill: var(--drop_menu_static_icon_color, #4F4E57) !important;
}
.jewelry-types-container .jewelry-filter-header .head-label {
  color: #4F4E57;
  color: var(--drop_menu_static_font_color, #4F4E57) !important;
  width: 60%;
  text-align: left;
}
.jewelry-types-container .jewelry-filter-header .head-dropdown-icon {
  width: 20%;
  padding: 0 15px;
}
.jewelry-types-container .jewelry-filter-header .head-dropdown-icon .vi {
  color: #4F4E57;
  color: var(--drop_menu_static_icon_color, #4F4E57) !important;
}
.jewelry-types-container .jewelry-type-container {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.jewelry-types-container .jewelry-type-container .jewelry-type {
  height: 65px;
  width: 65px;
  background-color: #ffffff;
  margin: 5px;
  padding: 5px;
  border-radius: 5px;
  text-align: center;
  cursor: pointer;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12);
  width: 29%;
  height: 80px;
  border-radius: 2px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  color: #804294;
  color: var(--option_btn_off_font_color, #804294) !important;
}
.jewelry-types-container .jewelry-type-container .jewelry-type .btn-icon {
  display: inline-block;
}
.jewelry-types-container .jewelry-type-container .jewelry-type .btn-label {
  display: inline-block;
  font-size: 10px;
}
.jewelry-types-container .jewelry-type-container .jewelry-type .btn-icon {
  font-size: 35px;
  max-height: 35px;
  color: #804294;
  color: var(--option_btn_off_icon_color, #804294) !important;
}
.jewelry-types-container .jewelry-type-container .jewelry-type .btn-icon svg path {
  fill: #804294;
  fill: var(--option_btn_off_icon_color, #804294) !important;
}
.jewelry-types-container .jewelry-type-container .jewelry-type .btn-icon.svg-icon {
  margin-bottom: 5px;
}
.jewelry-types-container .jewelry-type-container .jewelry-type .btn-label {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.4px;
}
.jewelry-types-container .jewelry-type-container .jewelry-type.active {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
}
.jewelry-types-container .jewelry-type-container .jewelry-type.active .btn-icon {
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
}
.jewelry-types-container .jewelry-type-container .jewelry-type.active .btn-icon svg path {
  fill: #FFFFFF;
  fill: var(--option_btn_on_icon_color, #FFFFFF) !important;
}
.jewelry-types-container.open, .jewelry-types-container.active {
  border: 1px solid;
  border-color: #804294;
  border-color: var(--drop_menu_active_bg_color, #804294) !important;
}
.jewelry-types-container.open .jewelry-filter-header, .jewelry-types-container.active .jewelry-filter-header {
  background-color: #804294;
  background-color: var(--drop_menu_active_bg_color, #804294) !important;
}
.jewelry-types-container.open .jewelry-filter-header .head-label, .jewelry-types-container.active .jewelry-filter-header .head-label {
  color: #FFFFFF;
  color: var(--drop_menu_active_font_color, #FFFFFF) !important;
}
.jewelry-types-container.open .jewelry-filter-header .head-icon .vi, .jewelry-types-container.open .jewelry-filter-header .head-dropdown-icon .vi, .jewelry-types-container.active .jewelry-filter-header .head-icon .vi, .jewelry-types-container.active .jewelry-filter-header .head-dropdown-icon .vi {
  color: #FFFFFF;
  color: var(--drop_menu_active_icon_color, #FFFFFF) !important;
}
.jewelry-types-container.open .jewelry-filter-header .head-icon svg path, .jewelry-types-container.open .jewelry-filter-header .head-dropdown-icon svg path, .jewelry-types-container.active .jewelry-filter-header .head-icon svg path, .jewelry-types-container.active .jewelry-filter-header .head-dropdown-icon svg path {
  fill: #FFFFFF;
  fill: var(--drop_menu_active_icon_color, #FFFFFF) !important;
}
.jewelry-sub-types-container {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2px;
}
.jewelry-sub-types-container .jewelry-sub-type {
  width: 100%;
}
.jewelry-sub-types-container .jewelry-sub-type .jewelry-subtype-header {
  line-height: 40px;
  width: 100%;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-color: #E5E5E5;
  background-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
}
.jewelry-sub-types-container .jewelry-sub-type .jewelry-subtype-header .head-icon {
  padding: 10px 15px 0 10px;
  width: 20%;
}
.jewelry-sub-types-container .jewelry-sub-type .jewelry-subtype-header .head-icon .vi {
  font-size: 30px;
  color: #4F4E57;
  color: var(--drop_menu_static_icon_color, #4F4E57) !important;
}
.jewelry-sub-types-container .jewelry-sub-type .jewelry-subtype-header .head-icon svg path {
  fill: #4F4E57;
  fill: var(--drop_menu_static_icon_color, #4F4E57) !important;
}
.jewelry-sub-types-container .jewelry-sub-type .jewelry-subtype-header .head-label {
  color: #4F4E57;
  color: var(--drop_menu_static_font_color, #4F4E57) !important;
  width: 60%;
  text-align: left;
}
.jewelry-sub-types-container .jewelry-sub-type .jewelry-subtype-header .head-dropdown-icon {
  width: 20%;
  padding: 0 15px;
}
.jewelry-sub-types-container .jewelry-sub-type .jewelry-subtype-header .head-dropdown-icon .vi {
  color: #4F4E57;
  color: var(--drop_menu_static_icon_color, #4F4E57) !important;
}
.jewelry-sub-types-container .jewelry-sub-type .jewelry-sub-types .jewelry-watch-container .watch-toggle-container {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 25px;
  padding: 10px 5px 0;
}
.jewelry-sub-types-container .jewelry-sub-type .jewelry-sub-types .jewelry-watch-container .watch-toggle-container .watch-toggle {
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  height: 60px;
  width: 33%;
  position: relative;
  margin-bottom: 10px;
  text-align: center;
  padding-top: 10px;
}
.jewelry-sub-types-container .jewelry-sub-type .jewelry-sub-types .jewelry-watch-container .watch-toggle-container .watch-toggle .watch-toggle-label {
  position: absolute;
  bottom: -25px;
  right: 25px;
  font-size: 12px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.jewelry-sub-types-container .jewelry-sub-type .jewelry-sub-types .jewelry-watch-container .watch-toggle-container .watch-toggle .watch-toggle-icon {
  font-size: 42px;
}
.jewelry-sub-types-container .jewelry-sub-type .jewelry-sub-types .jewelry-watch-container .watch-toggle-container .watch-toggle:first-child {
  border-radius: 80px 0 0 80px;
  border-right: 1px solid #F7F7FA;
}
.jewelry-sub-types-container .jewelry-sub-type .jewelry-sub-types .jewelry-watch-container .watch-toggle-container .watch-toggle:first-child .watch-toggle-label {
  right: 33px;
}
.jewelry-sub-types-container .jewelry-sub-type .jewelry-sub-types .jewelry-watch-container .watch-toggle-container .watch-toggle:last-child {
  border-radius: 0 80px 80px 0;
  border-left: 1px solid #F7F7FA;
}
.jewelry-sub-types-container .jewelry-sub-type .jewelry-sub-types .jewelry-watch-container .watch-toggle-container .watch-toggle.selected {
  background-color: #804294;
  background-color: var(--drop_menu_active_bg_color, #804294) !important;
}
.jewelry-sub-types-container .jewelry-sub-type .jewelry-sub-types .jewelry-watch-container .watch-toggle-container .watch-toggle.selected .vi {
  color: #FFFFFF;
  color: var(--drop_menu_active_icon_color, #FFFFFF) !important;
}
.jewelry-sub-types-container .jewelry-sub-type .jewelry-sub-types .jewelry-watch-container .watch-types {
  line-height: 40px;
  display: flex;
  border-bottom: 1px solid #ffffff;
  background-color: #EDEDEC;
  background-color: var(--drop_menu_unselected_bg_color, #EDEDEC) !important;
}
.jewelry-sub-types-container .jewelry-sub-type .jewelry-sub-types .jewelry-watch-container .watch-types .sub-icon {
  width: 20%;
  text-align: center;
  font-size: 25px;
  padding-top: 3px;
}
.jewelry-sub-types-container .jewelry-sub-type .jewelry-sub-types .jewelry-watch-container .watch-types .sub-icon .vi {
  color: #262431;
  color: var(--drop_menu_unselected_icon_color, #262431) !important;
}
.jewelry-sub-types-container .jewelry-sub-type .jewelry-sub-types .jewelry-watch-container .watch-types .sub-label {
  width: 60%;
  text-align: left;
  font-size: 14px;
  cursor: pointer;
  padding-left: 10px;
  color: #262431;
  color: var(--drop_menu_unselected_font_color, #262431) !important;
}
.jewelry-sub-types-container .jewelry-sub-type .jewelry-sub-types .jewelry-watch-container .watch-types .sub-action-btn {
  width: 20%;
}
.jewelry-sub-types-container .jewelry-sub-type .jewelry-sub-types .jewelry-watch-container .watch-types .sub-action-btn .custom-checkbox {
  position: relative;
}
.jewelry-sub-types-container .jewelry-sub-type .jewelry-sub-types .jewelry-watch-container .watch-types .sub-action-btn .custom-checkbox label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 25px;
  height: 25px;
  left: 5px;
  top: 8px;
  border: 1px solid;
  border-radius: 3px;
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  border-color: #9665A6;
  border-color: var(--option_btn_on_color, #9665A6) !important;
}
.jewelry-sub-types-container .jewelry-sub-type .jewelry-sub-types .jewelry-watch-container .watch-types .sub-action-btn .custom-checkbox label::after {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 8px;
  top: 0;
  padding-left: 3px;
  font-size: 14px;
}
.jewelry-sub-types-container .jewelry-sub-type .jewelry-sub-types .jewelry-watch-container .watch-types .sub-action-btn .custom-checkbox input[type=checkbox] {
  opacity: 0;
  z-index: 1;
}
.jewelry-sub-types-container .jewelry-sub-type .jewelry-sub-types .jewelry-watch-container .watch-types .sub-action-btn .custom-checkbox input[type=checkbox]:checked + label::after {
  font-family: "FontAwesome";
  content: "";
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
}
.jewelry-sub-types-container .jewelry-sub-type .jewelry-sub-types .jewelry-watch-container .watch-types .sub-action-btn .custom-checkbox input[type=checkbox]:checked + label::before {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  border: 0;
}
.jewelry-sub-types-container .jewelry-sub-type .jewelry-sub-types .jewelry-watch-container .watch-types .sub-action-btn .custom-checkbox.checkbox-circle label::before {
  border-radius: 50%;
}
.jewelry-sub-types-container .jewelry-sub-type .jewelry-sub-types .jewelry-watch-container .watch-types.selected {
  background-color: #ADDBD2;
  background-color: var(--drop_menu_selected_bg_color, #ADDBD2) !important;
}
.jewelry-sub-types-container .jewelry-sub-type .jewelry-sub-types .jewelry-watch-container .watch-types.selected .sub-label {
  color: #FFFFFF;
  color: var(--drop_menu_selected_font_color, #FFFFFF) !important;
}
.jewelry-sub-types-container .jewelry-sub-type .jewelry-sub-types .jewelry-watch-container .watch-types.selected .sub-icon .vi {
  color: #FFFFFF;
  color: var(--drop_menu_selected_icon_color, #FFFFFF) !important;
}
.jewelry-sub-types-container .jewelry-sub-type .jewelry-sub-types .jewelry-watch-container .watch-types.selected .sub-icon svg path {
  fill: #FFFFFF;
  fill: var(--drop_menu_active_icon_color, #FFFFFF) !important;
}
.jewelry-sub-types-container .jewelry-sub-type .jewelry-sub-types .sub-type-option {
  line-height: 40px;
  display: flex;
  border-bottom: 1px solid #ffffff;
  background-color: #EDEDEC;
  background-color: var(--drop_menu_unselected_bg_color, #EDEDEC) !important;
}
.jewelry-sub-types-container .jewelry-sub-type .jewelry-sub-types .sub-type-option .sub-icon {
  width: 20%;
  text-align: center;
  font-size: 25px;
}
.jewelry-sub-types-container .jewelry-sub-type .jewelry-sub-types .sub-type-option .sub-icon .vi {
  color: #262431;
  color: var(--drop_menu_unselected_icon_color, #262431) !important;
}
.jewelry-sub-types-container .jewelry-sub-type .jewelry-sub-types .sub-type-option .sub-icon svg path {
  fill: #4F4E57;
  fill: var(--drop_menu_static_icon_color, #4F4E57) !important;
}
.jewelry-sub-types-container .jewelry-sub-type .jewelry-sub-types .sub-type-option .sub-label {
  width: 60%;
  text-align: left;
  font-size: 14px;
  cursor: pointer;
  padding-left: 10px;
  color: #262431;
  color: var(--drop_menu_unselected_font_color, #262431) !important;
}
.jewelry-sub-types-container .jewelry-sub-type .jewelry-sub-types .sub-type-option .sub-action-btn {
  width: 20%;
}
.jewelry-sub-types-container .jewelry-sub-type .jewelry-sub-types .sub-type-option .sub-action-btn .custom-checkbox {
  position: relative;
}
.jewelry-sub-types-container .jewelry-sub-type .jewelry-sub-types .sub-type-option .sub-action-btn .custom-checkbox label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 25px;
  height: 25px;
  left: 5px;
  top: 8px;
  border: 1px solid;
  border-radius: 3px;
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  border-color: #9665A6;
  border-color: var(--option_btn_on_color, #9665A6) !important;
}
.jewelry-sub-types-container .jewelry-sub-type .jewelry-sub-types .sub-type-option .sub-action-btn .custom-checkbox label::after {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 8px;
  top: 0;
  padding-left: 3px;
  font-size: 14px;
}
.jewelry-sub-types-container .jewelry-sub-type .jewelry-sub-types .sub-type-option .sub-action-btn .custom-checkbox input[type=checkbox] {
  opacity: 0;
  z-index: 1;
}
.jewelry-sub-types-container .jewelry-sub-type .jewelry-sub-types .sub-type-option .sub-action-btn .custom-checkbox input[type=checkbox]:checked + label::after {
  font-family: "FontAwesome";
  content: "";
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
}
.jewelry-sub-types-container .jewelry-sub-type .jewelry-sub-types .sub-type-option .sub-action-btn .custom-checkbox input[type=checkbox]:checked + label::before {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  border: 0;
}
.jewelry-sub-types-container .jewelry-sub-type .jewelry-sub-types .sub-type-option .sub-action-btn .custom-checkbox.checkbox-circle label::before {
  border-radius: 50%;
}
.jewelry-sub-types-container .jewelry-sub-type .jewelry-sub-types .sub-type-option.selected {
  background-color: #ADDBD2;
  background-color: var(--drop_menu_selected_bg_color, #ADDBD2) !important;
}
.jewelry-sub-types-container .jewelry-sub-type .jewelry-sub-types .sub-type-option.selected .sub-label {
  color: #FFFFFF;
  color: var(--drop_menu_selected_font_color, #FFFFFF) !important;
}
.jewelry-sub-types-container .jewelry-sub-type .jewelry-sub-types .sub-type-option.selected .sub-icon .vi {
  color: #FFFFFF;
  color: var(--drop_menu_selected_icon_color, #FFFFFF) !important;
}
.jewelry-sub-types-container .jewelry-sub-type .jewelry-sub-types .sub-type-option.selected .sub-icon svg path {
  fill: #FFFFFF;
  fill: var(--drop_menu_active_icon_color, #FFFFFF) !important;
}
.jewelry-sub-types-container.open, .jewelry-sub-types-container.active {
  border: 1px solid;
  border-color: #804294;
  border-color: var(--drop_menu_active_bg_color, #804294) !important;
}
.jewelry-sub-types-container.open .jewelry-subtype-header, .jewelry-sub-types-container.active .jewelry-subtype-header {
  background-color: #804294;
  background-color: var(--drop_menu_active_bg_color, #804294) !important;
}
.jewelry-sub-types-container.open .jewelry-subtype-header .head-label, .jewelry-sub-types-container.active .jewelry-subtype-header .head-label {
  color: #FFFFFF;
  color: var(--drop_menu_active_font_color, #FFFFFF) !important;
}
.jewelry-sub-types-container.open .jewelry-subtype-header .head-icon .vi, .jewelry-sub-types-container.open .jewelry-subtype-header .head-dropdown-icon .vi, .jewelry-sub-types-container.active .jewelry-subtype-header .head-icon .vi, .jewelry-sub-types-container.active .jewelry-subtype-header .head-dropdown-icon .vi {
  color: #FFFFFF;
  color: var(--drop_menu_active_icon_color, #FFFFFF) !important;
}
.jewelry-sub-types-container.open .jewelry-subtype-header .head-icon svg path, .jewelry-sub-types-container.open .jewelry-subtype-header .head-dropdown-icon svg path, .jewelry-sub-types-container.active .jewelry-subtype-header .head-icon svg path, .jewelry-sub-types-container.active .jewelry-subtype-header .head-dropdown-icon svg path {
  fill: #FFFFFF;
  fill: var(--drop_menu_active_icon_color, #FFFFFF) !important;
}
svg-icon {
  height: 35px;
}
.metal-container {
  margin-bottom: 2px;
}
.metal-container .metal-filter-header {
  line-height: 40px;
  width: 100%;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-color: #E5E5E5;
  background-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
}
.metal-container .metal-filter-header .head-icon {
  padding: 10px 15px 0 10px;
  width: 20%;
}
.metal-container .metal-filter-header .head-icon .vi {
  font-size: 30px;
  color: #4F4E57;
  color: var(--drop_menu_static_icon_color, #4F4E57) !important;
}
.metal-container .metal-filter-header .head-icon svg path {
  fill: #4F4E57;
  fill: var(--drop_menu_static_icon_color, #4F4E57) !important;
}
.metal-container .metal-filter-header .head-label {
  color: #4F4E57;
  color: var(--drop_menu_static_font_color, #4F4E57) !important;
  width: 60%;
  text-align: left;
}
.metal-container .metal-filter-header .head-dropdown-icon {
  width: 20%;
  padding: 0 15px;
}
.metal-container .metal-filter-header .head-dropdown-icon .vi {
  color: #4F4E57;
  color: var(--drop_menu_static_icon_color, #4F4E57) !important;
}
.metal-container .metal-types-container .metal-types .metal-type-option {
  line-height: 40px;
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #fff;
  background-color: #EDEDEC;
  background-color: var(--drop_menu_unselected_bg_color, #EDEDEC) !important;
}
.metal-container .metal-types-container .metal-types .metal-type-option .metal-icon-container {
  width: 20%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.metal-container .metal-types-container .metal-types .metal-type-option .metal-icon-container .metal-icon {
  border-radius: 50%;
  height: 24px;
  width: 24px;
  display: block;
  background-size: cover;
}
.metal-container .metal-types-container .metal-types .metal-type-option .metal-label {
  width: 60%;
  text-align: left;
  font-size: 14px;
  cursor: pointer;
  color: #262431;
  color: var(--drop_menu_unselected_font_color, #262431) !important;
}
.metal-container .metal-types-container .metal-types .metal-type-option .metal-action-btn {
  width: 20%;
}
.metal-container .metal-types-container .metal-types .metal-type-option .metal-action-btn .custom-checkbox {
  position: relative;
}
.metal-container .metal-types-container .metal-types .metal-type-option .metal-action-btn .custom-checkbox label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 25px;
  height: 25px;
  left: 5px;
  top: 8px;
  border: 1px solid;
  border-radius: 3px;
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  border-color: #9665A6;
  border-color: var(--option_btn_on_color, #9665A6) !important;
}
.metal-container .metal-types-container .metal-types .metal-type-option .metal-action-btn .custom-checkbox label::after {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 8px;
  top: 0;
  padding-left: 3px;
  font-size: 14px;
}
.metal-container .metal-types-container .metal-types .metal-type-option .metal-action-btn .custom-checkbox input[type=checkbox] {
  opacity: 0;
  z-index: 1;
}
.metal-container .metal-types-container .metal-types .metal-type-option .metal-action-btn .custom-checkbox input[type=checkbox]:checked + label::after {
  font-family: "FontAwesome";
  content: "";
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
}
.metal-container .metal-types-container .metal-types .metal-type-option .metal-action-btn .custom-checkbox input[type=checkbox]:checked + label::before {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  border: 0;
}
.metal-container .metal-types-container .metal-types .metal-type-option .metal-action-btn .custom-checkbox.checkbox-circle label::before {
  border-radius: 50%;
}
.metal-container .metal-types-container .metal-types .metal-type-option.selected {
  background-color: #ADDBD2;
  background-color: var(--drop_menu_selected_bg_color, #ADDBD2) !important;
}
.metal-container .metal-types-container .metal-types .metal-type-option.selected .metal-label {
  color: #FFFFFF;
  color: var(--drop_menu_selected_font_color, #FFFFFF) !important;
}
.metal-container .metal-types-container .metal-types .metal-type-option .metal-sub-types {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.metal-container .metal-types-container .metal-types .metal-type-option .metal-sub-types .metal-sub-type {
  width: 16%;
  text-align: center;
  margin: 5px;
  border-radius: 2px;
  background-color: #ffffff;
  cursor: pointer;
  color: #4F4E57;
  color: var(--drop_menu_static_font_color, #4F4E57) !important;
}
.metal-container .metal-types-container .metal-types .metal-type-option.mix-metal .metal-icon {
  background-image: url("../webapp/metal/mix.png");
}
.metal-container .metal-types-container .metal-types .metal-type-option.platinum .metal-icon {
  background-image: url("../webapp/metal/silver.png");
}
.metal-container .metal-types-container .metal-types .metal-type-option.silver .metal-icon {
  background-image: url("../webapp/metal/silver.png");
}
.metal-container .metal-types-container .metal-types .metal-type-option.white-gold .metal-icon, .metal-container .metal-types-container .metal-types .metal-type-option.white-gold .metal-sub-type.active {
  background-image: url("../webapp/metal/silver.png");
  color: #FFFFFF;
  color: var(--drop_menu_active_font_color, #FFFFFF) !important;
}
.metal-container .metal-types-container .metal-types .metal-type-option.yellow-gold .metal-icon, .metal-container .metal-types-container .metal-types .metal-type-option.yellow-gold .metal-sub-type.active {
  background-image: url("../webapp/metal/gold.png");
  color: #FFFFFF;
  color: var(--drop_menu_active_font_color, #FFFFFF) !important;
}
.metal-container .metal-types-container .metal-types .metal-type-option.rose-gold .metal-icon, .metal-container .metal-types-container .metal-types .metal-type-option.rose-gold .metal-sub-type.active {
  background-image: url("../webapp/metal/rose.png");
  color: #FFFFFF;
  color: var(--drop_menu_active_font_color, #FFFFFF) !important;
}
.metal-container.open, .metal-container.active {
  border: 1px solid;
  border-color: #804294;
  border-color: var(--drop_menu_active_bg_color, #804294) !important;
}
.metal-container.open .metal-filter-header, .metal-container.active .metal-filter-header {
  background-color: #804294;
  background-color: var(--drop_menu_active_bg_color, #804294) !important;
}
.metal-container.open .metal-filter-header .head-label, .metal-container.active .metal-filter-header .head-label {
  color: #FFFFFF;
  color: var(--drop_menu_active_font_color, #FFFFFF) !important;
}
.metal-container.open .metal-filter-header .head-icon .vi, .metal-container.open .metal-filter-header .head-dropdown-icon .vi, .metal-container.active .metal-filter-header .head-icon .vi, .metal-container.active .metal-filter-header .head-dropdown-icon .vi {
  color: #FFFFFF;
  color: var(--drop_menu_active_icon_color, #FFFFFF) !important;
}
.jewelry-budget-container {
  margin-bottom: 2px;
}
.jewelry-budget-container .budget-filter-header {
  line-height: 40px;
  width: 100%;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-color: #E5E5E5;
  background-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
}
.jewelry-budget-container .budget-filter-header .head-icon {
  padding: 10px 15px 0 10px;
  width: 20%;
}
.jewelry-budget-container .budget-filter-header .head-icon .vi {
  font-size: 30px;
  color: #4F4E57;
  color: var(--drop_menu_static_icon_color, #4F4E57) !important;
}
.jewelry-budget-container .budget-filter-header .head-icon svg path {
  fill: #4F4E57;
  fill: var(--drop_menu_static_icon_color, #4F4E57) !important;
}
.jewelry-budget-container .budget-filter-header .head-label {
  color: #4F4E57;
  color: var(--drop_menu_static_font_color, #4F4E57) !important;
  width: 60%;
  text-align: left;
}
.jewelry-budget-container .budget-filter-header .head-dropdown-icon {
  width: 20%;
  padding: 0 15px;
}
.jewelry-budget-container .budget-filter-header .head-dropdown-icon .vi {
  color: #4F4E57;
  color: var(--drop_menu_static_icon_color, #4F4E57) !important;
}
.jewelry-budget-container .budget-range-container .budget-slider {
  padding: 10px 5px;
}
.jewelry-budget-container .budget-range-container .budget-slider .ng5-slider .ng5-slider-bar {
  background-color: #BFBFC3;
  background-color: var(--input_field_line_static, #BFBFC3) !important;
  height: 8px;
  border-radius: 5px;
}
.jewelry-budget-container .budget-range-container .budget-slider .ng5-slider .ng5-slider-selection {
  background-color: #804294;
  background-color: var(--input_field_line_active, #804294) !important;
}
.jewelry-budget-container .budget-range-container .budget-slider .ng5-slider .ng5-slider-pointer {
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_active, #FFFFFF) !important;
  box-shadow: 0 -2px 4px 0 rgba(140, 140, 140, 0.2), 0 2px 4px 0 rgba(140, 140, 140, 0.3);
  height: 20px;
  width: 20px;
  top: -7px;
  outline: none;
}
.jewelry-budget-container .budget-range-container .budget-slider .ng5-slider .ng5-slider-pointer:after {
  display: none;
}
.jewelry-budget-container .budget-range-container .budget-slider .ng5-slider .ng5-slider-bubble {
  display: none;
}
.jewelry-budget-container .budget-range-container .budget-slider .ngx-slider .ngx-slider-bar {
  background-color: #BFBFC3;
  background-color: var(--input_field_line_static, #BFBFC3) !important;
  height: 8px;
  border-radius: 5px;
}
.jewelry-budget-container .budget-range-container .budget-slider .ngx-slider .ngx-slider-selection {
  background-color: #804294;
  background-color: var(--input_field_line_active, #804294) !important;
}
.jewelry-budget-container .budget-range-container .budget-slider .ngx-slider .ngx-slider-pointer {
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_active, #FFFFFF) !important;
  box-shadow: 0 -2px 4px 0 rgba(140, 140, 140, 0.2), 0 2px 4px 0 rgba(140, 140, 140, 0.3);
  height: 20px;
  width: 20px;
  top: -7px;
  outline: none;
}
.jewelry-budget-container .budget-range-container .budget-slider .ngx-slider .ngx-slider-pointer:after {
  display: none;
}
.jewelry-budget-container .budget-range-container .budget-slider .ngx-slider .ngx-slider-bubble {
  display: none;
}
.jewelry-budget-container .budget-range-container .budget-slider .slider-min-max, .jewelry-budget-container .budget-range-container .budget-slider .slider-values {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.jewelry-budget-container .budget-range-container .budget-slider .slider-min-max span, .jewelry-budget-container .budget-range-container .budget-slider .slider-values span {
  font-size: 12px;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
}
.jewelry-budget-container .budget-range-container .budget-slider .slider-values div {
  width: 40%;
  position: relative;
}
.jewelry-budget-container .budget-range-container .budget-slider .slider-values div span {
  position: absolute;
  left: 5px;
  top: 7px;
  font-size: 14px;
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
}
.jewelry-budget-container .budget-range-container .budget-slider .slider-values div input {
  width: 100%;
  height: 33px;
  border: 1px solid;
  font-size: 14px;
  padding-left: 15px;
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
  border-color: #BFBFC3;
  border-color: var(--input_field_line_static, #BFBFC3) !important;
}
.jewelry-budget-container .budget-range-container .budget-slider .slider-values div input:focus {
  border-color: #804294;
  border-color: var(--input_field_line_active, #804294) !important;
}
.jewelry-budget-container .budget-range-container .budget-slider .slider-values div input.error {
  border-color: red;
}
.jewelry-budget-container .budget-range-container .budget-slider .slider-values span {
  width: 10%;
  text-align: center;
}
.jewelry-budget-container .budget-range-container .budget-slider .slider-error {
  margin: 10px 5px 0;
}
.jewelry-budget-container .budget-range-container .budget-slider .slider-error span {
  color: red;
  font-size: 14px;
}
.jewelry-budget-container.open, .jewelry-budget-container.active {
  border: 1px solid;
  border-color: #804294;
  border-color: var(--drop_menu_active_bg_color, #804294) !important;
}
.jewelry-budget-container.open .budget-filter-header, .jewelry-budget-container.active .budget-filter-header {
  background-color: #804294;
  background-color: var(--drop_menu_active_bg_color, #804294) !important;
}
.jewelry-budget-container.open .budget-filter-header .head-label, .jewelry-budget-container.active .budget-filter-header .head-label {
  color: #FFFFFF;
  color: var(--drop_menu_active_font_color, #FFFFFF) !important;
}
.jewelry-budget-container.open .budget-filter-header .head-icon .vi, .jewelry-budget-container.open .budget-filter-header .head-dropdown-icon .vi, .jewelry-budget-container.active .budget-filter-header .head-icon .vi, .jewelry-budget-container.active .budget-filter-header .head-dropdown-icon .vi {
  color: #FFFFFF;
  color: var(--drop_menu_active_icon_color, #FFFFFF) !important;
}
.jewelry-carat-container {
  margin-bottom: 2px;
}
.jewelry-carat-container .carat-filter-header {
  line-height: 40px;
  width: 100%;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-color: #E5E5E5;
  background-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
}
.jewelry-carat-container .carat-filter-header .head-icon {
  padding: 10px 15px 0 10px;
  width: 20%;
}
.jewelry-carat-container .carat-filter-header .head-icon .vi {
  font-size: 30px;
  color: #4F4E57;
  color: var(--drop_menu_static_icon_color, #4F4E57) !important;
}
.jewelry-carat-container .carat-filter-header .head-icon svg path {
  fill: #4F4E57;
  fill: var(--drop_menu_static_icon_color, #4F4E57) !important;
}
.jewelry-carat-container .carat-filter-header .head-label {
  color: #4F4E57;
  color: var(--drop_menu_static_font_color, #4F4E57) !important;
  width: 60%;
  text-align: left;
}
.jewelry-carat-container .carat-filter-header .head-dropdown-icon {
  width: 20%;
  padding: 0 15px;
}
.jewelry-carat-container .carat-filter-header .head-dropdown-icon .vi {
  color: #4F4E57;
  color: var(--drop_menu_static_icon_color, #4F4E57) !important;
}
.jewelry-carat-container .carat-range-container .carat-slider {
  padding: 5px;
}
.jewelry-carat-container .carat-range-container .carat-slider .ng5-slider .ng5-slider-bar {
  background-color: #BFBFC3;
  background-color: var(--input_field_line_static, #BFBFC3) !important;
  height: 8px;
  border-radius: 5px;
}
.jewelry-carat-container .carat-range-container .carat-slider .ng5-slider .ng5-slider-selection {
  background-color: #804294;
  background-color: var(--input_field_line_active, #804294) !important;
}
.jewelry-carat-container .carat-range-container .carat-slider .ng5-slider .ng5-slider-pointer {
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_active, #FFFFFF) !important;
  box-shadow: 0 -2px 4px 0 rgba(140, 140, 140, 0.2), 0 2px 4px 0 rgba(140, 140, 140, 0.3);
  height: 20px;
  width: 20px;
  top: -7px;
  outline: none;
}
.jewelry-carat-container .carat-range-container .carat-slider .ng5-slider .ng5-slider-pointer:after {
  display: none;
}
.jewelry-carat-container .carat-range-container .carat-slider .ng5-slider .ng5-slider-bubble {
  display: none;
}
.jewelry-carat-container .carat-range-container .carat-slider .ngx-slider .ngx-slider-bar {
  background-color: #BFBFC3;
  background-color: var(--input_field_line_static, #BFBFC3) !important;
  height: 8px;
  border-radius: 5px;
}
.jewelry-carat-container .carat-range-container .carat-slider .ngx-slider .ngx-slider-selection {
  background-color: #804294;
  background-color: var(--input_field_line_active, #804294) !important;
}
.jewelry-carat-container .carat-range-container .carat-slider .ngx-slider .ngx-slider-pointer {
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_active, #FFFFFF) !important;
  box-shadow: 0 -2px 4px 0 rgba(140, 140, 140, 0.2), 0 2px 4px 0 rgba(140, 140, 140, 0.3);
  height: 20px;
  width: 20px;
  top: -7px;
  outline: none;
}
.jewelry-carat-container .carat-range-container .carat-slider .ngx-slider .ngx-slider-pointer:after {
  display: none;
}
.jewelry-carat-container .carat-range-container .carat-slider .ngx-slider .ngx-slider-bubble {
  display: none;
}
.jewelry-carat-container .carat-range-container .carat-slider .slider-min-max, .jewelry-carat-container .carat-range-container .carat-slider .slider-values {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.jewelry-carat-container .carat-range-container .carat-slider .slider-min-max span, .jewelry-carat-container .carat-range-container .carat-slider .slider-values span {
  font-size: 12px;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
}
.jewelry-carat-container .carat-range-container .carat-slider .slider-values div {
  width: 30%;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.jewelry-carat-container .carat-range-container .carat-slider .slider-values div span {
  font-size: 16px;
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
}
.jewelry-carat-container .carat-range-container .carat-slider .slider-values div input {
  box-sizing: border-box;
  border: 1px solid;
  height: 33px;
  font-size: 14px;
  padding-left: 8px;
  width: 100%;
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
  border-color: #BFBFC3;
  border-color: var(--input_field_line_static, #BFBFC3) !important;
}
.jewelry-carat-container .carat-range-container .carat-slider .slider-values div input:focus {
  border-color: #804294;
  border-color: var(--input_field_line_active, #804294) !important;
}
.jewelry-carat-container .carat-range-container .carat-slider .slider-values div input.error {
  border-color: red;
}
.jewelry-carat-container .carat-range-container .carat-slider .slider-error {
  margin: 10px 5px 0;
}
.jewelry-carat-container .carat-range-container .carat-slider .slider-error span {
  color: red;
  font-size: 14px;
}
.jewelry-carat-container.open, .jewelry-carat-container.active {
  border: 1px solid;
  border-color: #804294;
  border-color: var(--drop_menu_active_bg_color, #804294) !important;
}
.jewelry-carat-container.open .carat-filter-header, .jewelry-carat-container.active .carat-filter-header {
  background-color: #804294;
  background-color: var(--drop_menu_active_bg_color, #804294) !important;
}
.jewelry-carat-container.open .carat-filter-header .head-label, .jewelry-carat-container.active .carat-filter-header .head-label {
  color: #FFFFFF;
  color: var(--drop_menu_font_color, #FFFFFF) !important;
}
.jewelry-carat-container.open .carat-filter-header .head-icon .vi, .jewelry-carat-container.open .carat-filter-header .head-dropdown-icon .vi, .jewelry-carat-container.active .carat-filter-header .head-icon .vi, .jewelry-carat-container.active .carat-filter-header .head-dropdown-icon .vi {
  color: #FFFFFF;
  color: var(--drop_menu_icon_color, #FFFFFF) !important;
}
.jewelry-brand-container {
  margin-bottom: 2px;
}
.jewelry-brand-container .brand-filter-header {
  line-height: 40px;
  width: 100%;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-color: #E5E5E5;
  background-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
}
.jewelry-brand-container .brand-filter-header .head-icon {
  padding: 10px 15px 0 10px;
  width: 20%;
}
.jewelry-brand-container .brand-filter-header .head-icon .vi {
  font-size: 30px;
  color: #4F4E57;
  color: var(--drop_menu_static_icon_color, #4F4E57) !important;
}
.jewelry-brand-container .brand-filter-header .head-icon svg path {
  fill: #4F4E57;
  fill: var(--drop_menu_static_icon_color, #4F4E57) !important;
}
.jewelry-brand-container .brand-filter-header .head-label {
  color: #4F4E57;
  color: var(--drop_menu_static_font_color, #4F4E57) !important;
  width: 60%;
  text-align: left;
}
.jewelry-brand-container .brand-filter-header .head-dropdown-icon {
  width: 20%;
  padding: 0 15px;
}
.jewelry-brand-container .brand-filter-header .head-dropdown-icon .vi {
  color: #4F4E57;
  color: var(--drop_menu_static_icon_color, #4F4E57) !important;
}
.jewelry-brand-container .brand-filter-body {
  padding: 5px;
}
.jewelry-brand-container .brand-filter-body .brand-search {
  position: relative;
}
.jewelry-brand-container .brand-filter-body .brand-search input {
  width: 100%;
  height: 48px;
  border: 1px solid #e3e3e3;
  padding: 0 45px;
  border-radius: 50px;
}
.jewelry-brand-container .brand-filter-body .brand-search input:focus {
  box-shadow: none;
  border: 1px solid;
  border-color: #652E77;
  border-color: var(--menu_btn_active_color, #652E77) !important;
}
.jewelry-brand-container .brand-filter-body .brand-search typeahead-container.dropdown {
  border: none;
  width: 100%;
  border-radius: 0 0 25px 25px;
  margin-top: 0;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: unset !important;
  padding: 0;
  background-color: transparent;
}
.jewelry-brand-container .brand-filter-body .brand-search typeahead-container.dropdown .dropdown-item {
  padding: 0;
  border-bottom: 1px solid #ffffff;
  height: 48px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  position: relative;
}
.jewelry-brand-container .brand-filter-body .brand-search typeahead-container.dropdown .dropdown-item .data {
  padding-left: 10px;
  width: 100%;
  display: inline-block;
  line-height: 40px;
  height: 48px;
}
.jewelry-brand-container .brand-filter-body .brand-search typeahead-container.dropdown .dropdown-item .data .icon {
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  right: 10%;
  display: none;
  font-weight: 700;
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
}
.jewelry-brand-container .brand-filter-body .brand-search typeahead-container.dropdown .dropdown-item .data.selected {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
  background-position: right 10px top 12px;
  background-color: #ADDBD2;
  background-color: var(--drop_menu_selected_bg_color, #ADDBD2) !important;
  color: #FFFFFF;
  color: var(--drop_menu_selected_font_color, #FFFFFF) !important;
}
.jewelry-brand-container .brand-filter-body .brand-search typeahead-container.dropdown .dropdown-item .data.selected .icon {
  display: inline;
  color: #FFFFFF;
  color: var(--drop_menu_selected_icon_color, #FFFFFF) !important;
}
.jewelry-brand-container .brand-filter-body .brand-search .brand-icon {
  position: absolute;
  top: 5px;
  left: 10px;
  font-size: 30px;
}
.jewelry-brand-container .brand-filter-body .brand-search .brand-icon .vi {
  color: #4F4E57;
  color: var(--drop_menu_static_icon_color, #4F4E57) !important;
}
.jewelry-brand-container .brand-filter-body .brand-search .search-icon {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 20px;
}
.jewelry-brand-container .brand-filter-body .brand-search .search-icon .vi {
  color: #4F4E57;
  color: var(--drop_menu_static_icon_color, #4F4E57) !important;
}
.jewelry-brand-container .brand-filter-body .brand-container {
  margin-top: 5px;
}
.jewelry-brand-container .brand-filter-body .brand-container .brand-option {
  height: 48px;
  background-color: #ADDBD2;
  background-color: var(--drop_menu_selected_bg_color, #ADDBD2) !important;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 2px;
}
.jewelry-brand-container .brand-filter-body .brand-container .brand-option .brand-name {
  width: 90%;
  padding-left: 20px;
  font-size: 12px;
  color: #FFFFFF;
  color: var(--drop_menu_selected_font_color, #FFFFFF) !important;
}
.jewelry-brand-container .brand-filter-body .brand-container .brand-option .brand-unselect {
  width: 20px;
  font-size: 10px;
  cursor: pointer;
}
.jewelry-brand-container .brand-filter-body .brand-container .brand-option .brand-unselect .vi {
  font-weight: bolder;
  color: #FFFFFF;
  color: var(--drop_menu_selected_icon_color, #FFFFFF) !important;
}
.jewelry-brand-container.open, .jewelry-brand-container.active {
  border: 1px solid;
  border-color: #804294;
  border-color: var(--drop_menu_active_bg_color, #804294) !important;
}
.jewelry-brand-container.open .brand-filter-header, .jewelry-brand-container.active .brand-filter-header {
  background-color: #804294;
  background-color: var(--drop_menu_active_bg_color, #804294) !important;
}
.jewelry-brand-container.open .brand-filter-header .head-label, .jewelry-brand-container.active .brand-filter-header .head-label {
  color: #FFFFFF;
  color: var(--drop_menu_active_font_color, #FFFFFF) !important;
}
.jewelry-brand-container.open .brand-filter-header .head-icon .vi, .jewelry-brand-container.open .brand-filter-header .head-dropdown-icon .vi, .jewelry-brand-container.active .brand-filter-header .head-icon .vi, .jewelry-brand-container.active .brand-filter-header .head-dropdown-icon .vi {
  color: #FFFFFF;
  color: var(--drop_menu_active_icon_color, #FFFFFF) !important;
}
.jewelry-location-container {
  margin-bottom: 2px;
}
.jewelry-location-container .location-filter-header {
  line-height: 40px;
  width: 100%;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-color: #E5E5E5;
  background-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
}
.jewelry-location-container .location-filter-header .head-icon {
  padding: 10px 15px 0 10px;
  width: 20%;
}
.jewelry-location-container .location-filter-header .head-icon .vi {
  font-size: 30px;
  color: #4F4E57;
  color: var(--drop_menu_static_icon_color, #4F4E57) !important;
}
.jewelry-location-container .location-filter-header .head-icon svg path {
  fill: #4F4E57;
  fill: var(--drop_menu_static_icon_color, #4F4E57) !important;
}
.jewelry-location-container .location-filter-header .head-label {
  color: #4F4E57;
  color: var(--drop_menu_static_font_color, #4F4E57) !important;
  width: 60%;
  text-align: left;
}
.jewelry-location-container .location-filter-header .head-dropdown-icon {
  width: 20%;
  padding: 0 15px;
}
.jewelry-location-container .location-filter-header .head-dropdown-icon .vi {
  color: #4F4E57;
  color: var(--drop_menu_static_icon_color, #4F4E57) !important;
}
.jewelry-location-container .location-filter-body {
  padding: 5px;
}
.jewelry-location-container .location-filter-body .location-search {
  position: relative;
}
.jewelry-location-container .location-filter-body .location-search input {
  width: 100%;
  height: 48px;
  border: 1px solid #e3e3e3;
  padding: 0 45px;
  border-radius: 50px;
  outline: none;
}
.jewelry-location-container .location-filter-body .location-search input:focus {
  box-shadow: none;
  border: 1px solid;
  border-color: #652E77;
  border-color: var(--menu_btn_active_color, #652E77) !important;
}
.jewelry-location-container .location-filter-body .location-search typeahead-container.dropdown {
  border: none;
  width: 100%;
  border-radius: 0 0 25px 25px;
  margin-top: 0;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: unset !important;
  padding: 0;
  background-color: transparent;
}
.jewelry-location-container .location-filter-body .location-search typeahead-container.dropdown .dropdown-item {
  padding: 0;
  border-bottom: 1px solid #ffffff;
  height: 48px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  position: relative;
}
.jewelry-location-container .location-filter-body .location-search typeahead-container.dropdown .dropdown-item .data {
  height: 48px;
  padding-left: 10px;
  width: 100%;
  display: inline-block;
  line-height: 40px;
}
.jewelry-location-container .location-filter-body .location-search typeahead-container.dropdown .dropdown-item .data .icon {
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  right: 10%;
  font-weight: 700;
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
  display: none;
}
.jewelry-location-container .location-filter-body .location-search typeahead-container.dropdown .dropdown-item .data.selected-location {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
  background-position: right 10px top 12px;
  background-color: #ADDBD2;
  background-color: var(--drop_menu_selected_bg_color, #ADDBD2) !important;
  color: #FFFFFF;
  color: var(--drop_menu_selected_font_color, #FFFFFF) !important;
}
.jewelry-location-container .location-filter-body .location-search typeahead-container.dropdown .dropdown-item .data.selected-location .icon {
  display: inline;
  color: #FFFFFF;
  color: var(--drop_menu_selected_icon_color, #FFFFFF) !important;
}
.jewelry-location-container .location-filter-body .location-search .location-icon {
  position: absolute;
  top: 8px;
  left: 10px;
  font-size: 30px;
}
.jewelry-location-container .location-filter-body .location-search .location-icon .vi {
  color: #4F4E57;
  color: var(--drop_menu_static_icon_color, #4F4E57) !important;
}
.jewelry-location-container .location-filter-body .location-search .search-icon {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 20px;
}
.jewelry-location-container .location-filter-body .location-search .search-icon .vi {
  color: #4F4E57;
  color: var(--drop_menu_static_icon_color, #4F4E57) !important;
}
.jewelry-location-container .location-filter-body .location-container {
  margin-top: 5px;
}
.jewelry-location-container .location-filter-body .location-container .location-option {
  height: 48px;
  background-color: #ADDBD2;
  background-color: var(--drop_menu_selected_bg_color, #ADDBD2) !important;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 2px;
}
.jewelry-location-container .location-filter-body .location-container .location-option .location-name {
  width: 90%;
  padding-left: 20px;
  font-size: 12px;
  color: #FFFFFF;
  color: var(--drop_menu_selected_font_color, #FFFFFF) !important;
}
.jewelry-location-container .location-filter-body .location-container .location-option .location-unselect {
  width: 20px;
  font-size: 10px;
}
.jewelry-location-container .location-filter-body .location-container .location-option .location-unselect .vi {
  font-weight: bolder;
  color: #FFFFFF;
  color: var(--drop_menu_selected_icon_color, #FFFFFF) !important;
}
.jewelry-location-container.open, .jewelry-location-container.active {
  border: 1px solid;
  border-color: #804294;
  border-color: var(--drop_menu_active_bg_color, #804294) !important;
}
.jewelry-location-container.open .location-filter-header, .jewelry-location-container.active .location-filter-header {
  background-color: #804294;
  background-color: var(--drop_menu_active_bg_color, #804294) !important;
}
.jewelry-location-container.open .location-filter-header .head-label, .jewelry-location-container.active .location-filter-header .head-label {
  color: #FFFFFF;
  color: var(--drop_menu_active_font_color, #FFFFFF) !important;
}
.jewelry-location-container.open .location-filter-header .head-icon .vi, .jewelry-location-container.open .location-filter-header .head-dropdown-icon .vi, .jewelry-location-container.active .location-filter-header .head-icon .vi, .jewelry-location-container.active .location-filter-header .head-dropdown-icon .vi {
  color: #FFFFFF;
  color: var(--drop_menu_active_icon_color, #FFFFFF) !important;
}
.jewelry-supplier-container {
  margin-bottom: 2px;
}
.jewelry-supplier-container .supplier-filter-header {
  line-height: 40px;
  width: 100%;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-color: #E5E5E5;
  background-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
}
.jewelry-supplier-container .supplier-filter-header .head-icon {
  padding: 10px 15px 0 10px;
  width: 20%;
}
.jewelry-supplier-container .supplier-filter-header .head-icon .vi {
  font-size: 30px;
  color: #4F4E57;
  color: var(--drop_menu_static_icon_color, #4F4E57) !important;
}
.jewelry-supplier-container .supplier-filter-header .head-icon svg path {
  fill: #4F4E57;
  fill: var(--drop_menu_static_icon_color, #4F4E57) !important;
}
.jewelry-supplier-container .supplier-filter-header .head-label {
  color: #4F4E57;
  color: var(--drop_menu_static_font_color, #4F4E57) !important;
  width: 60%;
  text-align: left;
}
.jewelry-supplier-container .supplier-filter-header .head-dropdown-icon {
  width: 20%;
  padding: 0 15px;
}
.jewelry-supplier-container .supplier-filter-header .head-dropdown-icon .vi {
  color: #4F4E57;
  color: var(--drop_menu_static_icon_color, #4F4E57) !important;
}
.jewelry-supplier-container .supplier-filter-body {
  padding: 5px;
}
.jewelry-supplier-container .supplier-filter-body .supplier-search {
  position: relative;
}
.jewelry-supplier-container .supplier-filter-body .supplier-search input {
  width: 100%;
  height: 48px;
  border: 1px solid #e3e3e3;
  padding: 0 45px;
  border-radius: 50px;
}
.jewelry-supplier-container .supplier-filter-body .supplier-search input:focus {
  box-shadow: none;
  border: 1px solid;
  border-color: #652E77;
  border-color: var(--menu_btn_active_color, #652E77) !important;
}
.jewelry-supplier-container .supplier-filter-body .supplier-search typeahead-container.dropdown {
  border: none;
  width: 100%;
  border-radius: 0 0 25px 25px;
  margin-top: 0;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: unset !important;
  padding: 0;
  background-color: transparent;
}
.jewelry-supplier-container .supplier-filter-body .supplier-search typeahead-container.dropdown .dropdown-item {
  padding: 0;
  border-bottom: 1px solid #ffffff;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  position: relative;
}
.jewelry-supplier-container .supplier-filter-body .supplier-search typeahead-container.dropdown .dropdown-item .data {
  padding-left: 10px;
  width: 100%;
  display: inline-block;
  line-height: 40px;
  line-height: 35px !important;
  white-space: initial !important;
  overflow-wrap: anywhere;
  word-break: break-all !important;
}
.jewelry-supplier-container .supplier-filter-body .supplier-search typeahead-container.dropdown .dropdown-item .data .icon {
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  right: 3%;
  display: none;
  font-weight: 700;
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
}
.jewelry-supplier-container .supplier-filter-body .supplier-search typeahead-container.dropdown .dropdown-item .data.selected-supplier {
  padding-right: 30px;
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
  background-position: right 10px top 12px;
  background-color: #ADDBD2;
  background-color: var(--drop_menu_selected_bg_color, #ADDBD2) !important;
  color: #FFFFFF;
  color: var(--drop_menu_selected_font_color, #FFFFFF) !important;
  line-height: 35px !important;
  white-space: initial !important;
  overflow-wrap: anywhere;
  word-break: break-all !important;
}
.jewelry-supplier-container .supplier-filter-body .supplier-search typeahead-container.dropdown .dropdown-item .data.selected-supplier .icon {
  display: inline;
  color: #FFFFFF;
  color: var(--drop_menu_selected_icon_color, #FFFFFF) !important;
}
.jewelry-supplier-container .supplier-filter-body .supplier-search .supplier-icon {
  position: absolute;
  top: 8px;
  left: 10px;
  font-size: 30px;
}
.jewelry-supplier-container .supplier-filter-body .supplier-search .supplier-icon .vi {
  color: #4F4E57;
  color: var(--drop_menu_static_icon_color, #4F4E57) !important;
}
.jewelry-supplier-container .supplier-filter-body .supplier-search .search-icon {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 20px;
}
.jewelry-supplier-container .supplier-filter-body .supplier-search .search-icon .vi {
  color: #4F4E57;
  color: var(--drop_menu_static_icon_color, #4F4E57) !important;
}
.jewelry-supplier-container .supplier-filter-body .supplier-container {
  margin-top: 5px;
}
.jewelry-supplier-container .supplier-filter-body .supplier-container .supplier-option {
  height: 48px;
  background-color: #ADDBD2;
  background-color: var(--drop_menu_selected_bg_color, #ADDBD2) !important;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 2px;
}
.jewelry-supplier-container .supplier-filter-body .supplier-container .supplier-option .supplier-name {
  width: 90%;
  padding-left: 20px;
  font-size: 12px;
  color: #FFFFFF;
  color: var(--drop_menu_selected_font_color, #FFFFFF) !important;
}
.jewelry-supplier-container .supplier-filter-body .supplier-container .supplier-option .supplier-unselect {
  width: 20px;
  font-size: 10px;
}
.jewelry-supplier-container .supplier-filter-body .supplier-container .supplier-option .supplier-unselect .vi {
  font-weight: bolder;
  color: #FFFFFF;
  color: var(--drop_menu_selected_icon_color, #FFFFFF) !important;
}
.jewelry-supplier-container.open, .jewelry-supplier-container.active {
  border: 1px solid;
  border-color: #804294;
  border-color: var(--drop_menu_active_bg_color, #804294) !important;
}
.jewelry-supplier-container.open .supplier-filter-header, .jewelry-supplier-container.active .supplier-filter-header {
  background-color: #804294;
  background-color: var(--drop_menu_active_bg_color, #804294) !important;
}
.jewelry-supplier-container.open .supplier-filter-header .head-label, .jewelry-supplier-container.active .supplier-filter-header .head-label {
  color: #FFFFFF;
  color: var(--drop_menu_active_font_color, #FFFFFF) !important;
}
.jewelry-supplier-container.open .supplier-filter-header .head-icon .vi, .jewelry-supplier-container.open .supplier-filter-header .head-dropdown-icon .vi, .jewelry-supplier-container.active .supplier-filter-header .head-icon .vi, .jewelry-supplier-container.active .supplier-filter-header .head-dropdown-icon .vi {
  color: #FFFFFF;
  color: var(--drop_menu_active_icon_color, #FFFFFF) !important;
}
.jewelry-saved-search-wrapper .saved-search-header {
  height: 100px;
  width: 100%;
  text-align: center;
  padding: 30px 0;
}
.jewelry-saved-search-wrapper .saved-search-header h3 {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.jewelry-saved-search-wrapper .no-saved-search {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  padding: 10px 0px;
  border-bottom: 1px solid transparent;
}
.jewelry-saved-search-wrapper ul.saved-rows {
  padding: 0px;
  list-style: none;
}
.jewelry-saved-search-wrapper ul.saved-rows li {
  padding: 10px 0px;
  border-bottom: 2px solid;
  border-bottom-color: #F4F4F4;
  border-bottom-color: var(--main_bg_color, #F4F4F4) !important;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
.jewelry-saved-search-wrapper ul.saved-rows li .retail-diamond {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 60px;
  height: 64px;
}
.jewelry-saved-search-wrapper ul.saved-rows li .details {
  font-size: 18px;
}
.jewelry-saved-search-wrapper ul.saved-rows li .details input {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
  width: 100%;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_static, #FFFFFF) !important;
}
.jewelry-saved-search-wrapper ul.saved-rows li .details input:focus {
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_active, #FFFFFF) !important;
}
.jewelry-saved-search-wrapper ul.saved-rows li .actions {
  padding-top: 10px;
  display: flex;
}
.jewelry-saved-search-wrapper ul.saved-rows li .actions a {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  color: #804294;
  color: var(--option_btn_off_icon_color, #804294) !important;
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.29);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
}
.jewelry-saved-search-wrapper ul.saved-rows li .actions a:hover {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
}
@media screen and (max-width: 768px) {
  .jewelry-saved-search-wrapper .saved-search-header {
    display: none;
  }
}
@media screen and (max-width: 670px) {
  .jewelry-saved-search-wrapper .saved-rows li {
    margin: 0;
    padding: 10px !important;
  }
  .jewelry-saved-search-wrapper .saved-rows li .ss-icon-container {
    width: 15%;
    margin: 0;
    padding: 0;
    height: unset;
    display: flex;
    align-items: center;
  }
  .jewelry-saved-search-wrapper .saved-rows li .ss-icon-container .retail-diamond {
    font-size: 30px;
    height: unset;
  }
  .jewelry-saved-search-wrapper .saved-rows li .title-container {
    width: 80%;
  }
  .jewelry-saved-search-wrapper .saved-rows li .title-container .details {
    width: 100%;
  }
  .jewelry-saved-search-wrapper .saved-rows li .title-container .details .text {
    word-break: break-all;
    font-size: 15px;
  }
  .jewelry-saved-search-wrapper .saved-rows li .action-container {
    width: 100%;
    display: flex;
    justify-content: center;
  }
}
.jewelry-collections-wrapper .header {
  height: 100px;
  width: 100%;
  display: flex;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
.jewelry-collections-wrapper .header > div {
  padding: 35px 20px;
}
.jewelry-collections-wrapper .header > div span {
  font-size: 24px;
}
.jewelry-collections-wrapper .header .favorites {
  display: flex;
  justify-content: space-between;
}
.jewelry-collections-wrapper .header .favorites .share {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  -webkit-appearance: none;
  background-color: #382F3A;
  background-color: var(--global_action_btn_static_color, #382F3A) !important;
  color: #FFFFFF;
  color: var(--global_action_btn_static_icon_color, #FFFFFF) !important;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
}
.jewelry-collections-wrapper .header .favorites .share .translucent {
  border-radius: 100%;
}
.jewelry-collections-wrapper .header .favorites .share:hover {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
}
.jewelry-collections-wrapper .header .favorites .disableLink, .jewelry-collections-wrapper .header .favorites .disableLink:hover {
  background-color: #BFBFC3;
  background-color: var(--option_btn_disabled_color, #BFBFC3) !important;
  color: #FFFFFF;
  color: var(--global_action_btn_static_icon_color, #FFFFFF) !important;
  pointer-events: none;
}
.jewelry-collections-wrapper .header .favorites .share_dropdown_wrapper .dropdown-menu {
  right: 0 !important;
  top: calc(100% + 15px) !important;
  left: unset !important;
}
.jewelry-collections-wrapper .header .favorites .share_dropdown_wrapper .dropdown-menu:before {
  right: -5px !important;
  left: unset !important;
}
.jewelry-collections-wrapper .header .favorites .share_dropdown_wrapper .dropdown-menu:after {
  right: -3px !important;
  left: unset !important;
}
.jewelry-collections-wrapper .mobile-collection-header {
  display: none;
  height: 50px;
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
}
.jewelry-collections-wrapper .mobile-collection-header > div {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.jewelry-collections-wrapper .mobile-collection-header > div.active {
  border-bottom: 3px solid;
  color: #804294;
  color: var(--option_btn_off_font_color, #804294) !important;
  border-color: #804294;
  border-color: var(--option_btn_off_font_color, #804294) !important;
}
.jewelry-collections-wrapper .collections-body {
  display: flex;
}
.jewelry-collections-wrapper .collections-body .collection-list {
  overflow-y: scroll;
  -ms-overflow-style: none;
  width: 42%;
  padding: 0 15px;
  height: 550px;
}
.jewelry-collections-wrapper .collections-body .collection-list::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 768px) {
  .jewelry-collections-wrapper .collections-body .collection-list {
    height: calc(100vh - 125px);
  }
}
.jewelry-collections-wrapper .collections-body .collection-list .dnd-drag-over {
  border: unset;
  opacity: 0.2;
}
.jewelry-collections-wrapper .collections-body .collection-list .content {
  position: relative;
}
.jewelry-collections-wrapper .collections-body .collection-list .content ul {
  list-style: none;
  padding-left: 20px;
  display: flex;
}
.jewelry-collections-wrapper .collections-body .collection-list .content ul li {
  padding: 0px 10px 10px 0px;
}
.jewelry-collections-wrapper .collections-body .collection-list .content ul li.drop-here {
  opacity: 0.3;
}
.jewelry-collections-wrapper .collections-body .collection-list .content ul li .collection-box {
  padding: 5px;
  position: relative;
  height: 200px;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
}
.jewelry-collections-wrapper .collections-body .collection-list .content ul li .collection-box#create_new_collection {
  cursor: pointer;
}
.jewelry-collections-wrapper .collections-body .collection-list .content ul li .collection-content {
  position: relative;
}
.jewelry-collections-wrapper .collections-body .collection-list .content ul li .collection-content .add-new {
  width: 80px;
  height: 80px;
  display: block;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  color: #804294;
  color: var(--option_btn_off_icon_color, #804294) !important;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
  border-radius: 50%;
  margin: 25px auto 0;
  font-size: 45px;
}
.jewelry-collections-wrapper .collections-body .collection-list .content ul li .collection-content .add-new .translucent {
  border-radius: 100%;
}
.jewelry-collections-wrapper .collections-body .collection-list .content ul li .collection-content .add-new:hover {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
}
.jewelry-collections-wrapper .collections-body .collection-list .content ul li .collection-content .items-count {
  width: 80px;
  height: 80px;
  border-radius: 100%;
  display: block;
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  color: #804294;
  color: var(--option_btn_off_icon_color, #804294) !important;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
  margin: 0 auto;
  padding-top: 15px;
  margin-top: 10px;
  text-decoration: none;
  color: inherit;
  font-size: 16px;
}
.jewelry-collections-wrapper .collections-body .collection-list .content ul li .collection-content .items-count .num {
  display: block;
  font-size: 20px;
}
.jewelry-collections-wrapper .collections-body .collection-list .content ul li .collection-content .items-count:hover {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
}
.jewelry-collections-wrapper .collections-body .collection-list .content ul li .collection-content .edit-name input {
  padding: 8px;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
  border-color: #BFBFC3;
  border-color: var(--input_field_line_static, #BFBFC3) !important;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_static, #FFFFFF) !important;
}
.jewelry-collections-wrapper .collections-body .collection-list .content ul li .collection-content .text {
  margin-top: 10px;
  font-size: 18px;
  display: block;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.jewelry-collections-wrapper .collections-body .collection-list .content ul li .collection-content .actions {
  margin-top: 10px;
  display: flex;
  justify-content: center;
}
.jewelry-collections-wrapper .collections-body .collection-list .content ul li .collection-content .actions .dropdown_wrapper a, .jewelry-collections-wrapper .collections-body .collection-list .content ul li .collection-content .actions .dropdown_wrapper a:visited, .jewelry-collections-wrapper .collections-body .collection-list .content ul li .collection-content .actions .dropdown_wrapper a:hover, .jewelry-collections-wrapper .collections-body .collection-list .content ul li .collection-content .actions .dropdown_wrapper a:active, .jewelry-collections-wrapper .collections-body .collection-list .content ul li .collection-content .actions .dropdown_wrapper a:focus {
  outline: none !important;
  -webkit-appearance: none;
}
.jewelry-collections-wrapper .collections-body .collection-list .content ul li .collection-content .actions .edit, .jewelry-collections-wrapper .collections-body .collection-list .content ul li .collection-content .actions .delete {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  -webkit-appearance: none;
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_icon_color, #FFFFFF) !important;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
}
.jewelry-collections-wrapper .collections-body .collection-list .content ul li .collection-content .actions .edit .translucent, .jewelry-collections-wrapper .collections-body .collection-list .content ul li .collection-content .actions .delete .translucent {
  border-radius: 100%;
}
.jewelry-collections-wrapper .collections-body .collection-list .content ul li .collection-content .actions .edit:hover, .jewelry-collections-wrapper .collections-body .collection-list .content ul li .collection-content .actions .delete:hover {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
}
.jewelry-collections-wrapper .collections-body .collection-list .content ul li .collection-content .actions .disableLink, .jewelry-collections-wrapper .collections-body .collection-list .content ul li .collection-content .actions .disableLink:hover {
  background-color: #BFBFC3;
  background-color: var(--option_btn_disabled_color, #BFBFC3) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_icon_color, #FFFFFF) !important;
  pointer-events: none;
}
.jewelry-collections-wrapper .collections-body .collection-list .content ul li .collection-content .actions .edit {
  margin-right: 10px;
}
.jewelry-collections-wrapper .collections-body .favorited-items {
  width: 58%;
  padding: 0 15px;
}
.jewelry-collections-wrapper .collections-body .favorited-items .scrollable {
  overflow-y: scroll;
  height: 550px;
}
@media screen and (max-width: 768px) {
  .jewelry-collections-wrapper .collections-body .favorited-items .scrollable {
    height: calc(100vh - 125px);
  }
}
.jewelry-collections-wrapper .collections-body .favorited-items .scrollable .content {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
}
.jewelry-collections-wrapper .collections-body .collection-btn-container {
  display: none;
  justify-content: center;
  align-items: center;
}
.jewelry-collections-wrapper .collections-body .collection-btn-container .add-to-collection-btn {
  width: 40px;
  height: 40px;
  display: inline-block;
  background-size: 22px 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_icon_color, #FFFFFF) !important;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  margin: 10px;
}
.jewelry-collections-wrapper .collections-body .collection-btn-container .share {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_icon_color, #FFFFFF) !important;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
}
.jewelry-collections-wrapper .collections-body .collection-btn-container .share .translucent {
  border-radius: 100%;
}
.jewelry-collections-wrapper .collections-body .collection-btn-container .share:hover {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
}
.jewelry-collections-wrapper .collections-body .collection-btn-container .disableLink, .jewelry-collections-wrapper .collections-body .collection-btn-container .disableLink:hover {
  background-color: #BFBFC3;
  background-color: var(--option_btn_disabled_color, #BFBFC3) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_icon_color, #FFFFFF) !important;
  pointer-events: none;
}
.jewelry-collections-wrapper .collections-body .collection-btn-container .share_dropdown_wrapper .dropdown-menu:before, .jewelry-collections-wrapper .collections-body .collection-btn-container .share_dropdown_wrapper .dropdown-menu:after {
  left: 30% !important;
}
.jewelry-collections-wrapper .collections-body .favorited-items, .jewelry-collections-wrapper .collections-body .draggable-append {
  overflow-y: scroll;
  -ms-overflow-style: none;
  height: 550px;
}
.jewelry-collections-wrapper .collections-body .favorited-items::-webkit-scrollbar, .jewelry-collections-wrapper .collections-body .draggable-append::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 768px) {
  .jewelry-collections-wrapper .collections-body .favorited-items, .jewelry-collections-wrapper .collections-body .draggable-append {
    height: calc(100vh - 125px);
  }
}
.jewelry-collections-wrapper .collections-body .favorited-items.draggable-append, .jewelry-collections-wrapper .collections-body .draggable-append.draggable-append {
  overflow: visible;
  height: auto;
}
.jewelry-collections-wrapper .collections-body .favorited-items .content, .jewelry-collections-wrapper .collections-body .draggable-append .content {
  position: relative;
  padding: 10px;
}
.jewelry-collections-wrapper .collections-body .favorited-items .content .dnd-drag-start, .jewelry-collections-wrapper .collections-body .draggable-append .content .dnd-drag-start {
  border: unset;
  transform: none;
}
.jewelry-collections-wrapper .collections-body .favorited-items .content ul, .jewelry-collections-wrapper .collections-body .draggable-append .content ul {
  padding: 0px;
  list-style: none;
}
.jewelry-collections-wrapper .collections-body .favorited-items .content ul li, .jewelry-collections-wrapper .collections-body .draggable-append .content ul li {
  margin: 0px;
  border-bottom: 1px solid rgba(55, 54, 64, 0.22);
  padding: 15px 0px;
  z-index: 10;
  display: flex;
  align-items: center;
}
.jewelry-collections-wrapper .collections-body .favorited-items .content ul li .drag-selector span, .jewelry-collections-wrapper .collections-body .draggable-append .content ul li .drag-selector span {
  border-radius: 100%;
  border: solid 2px;
  border-color: #9665A6;
  border-color: var(--option_btn_on_color, #9665A6) !important;
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  width: 30px;
  height: 30px;
  display: block;
}
.jewelry-collections-wrapper .collections-body .favorited-items .content ul li.dnd-drag-start .drag-selector, .jewelry-collections-wrapper .collections-body .favorited-items .content ul li.selected .drag-selector, .jewelry-collections-wrapper .collections-body .draggable-append .content ul li.dnd-drag-start .drag-selector, .jewelry-collections-wrapper .collections-body .draggable-append .content ul li.selected .drag-selector {
  padding-right: 0;
}
.jewelry-collections-wrapper .collections-body .favorited-items .content ul li.dnd-drag-start .drag-selector span, .jewelry-collections-wrapper .collections-body .favorited-items .content ul li.selected .drag-selector span, .jewelry-collections-wrapper .collections-body .draggable-append .content ul li.dnd-drag-start .drag-selector span, .jewelry-collections-wrapper .collections-body .draggable-append .content ul li.selected .drag-selector span {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  font-weight: bold;
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
}
.jewelry-collections-wrapper .collections-body .favorited-items .content ul li .jewelry-shape, .jewelry-collections-wrapper .collections-body .draggable-append .content ul li .jewelry-shape {
  padding-left: 0;
}
.jewelry-collections-wrapper .collections-body .favorited-items .content ul li .jewelry-shape .image-box, .jewelry-collections-wrapper .collections-body .draggable-append .content ul li .jewelry-shape .image-box {
  width: 70px;
  height: 70px;
  position: relative;
}
.jewelry-collections-wrapper .collections-body .favorited-items .content ul li .jewelry-shape .image-box.jewelry-no-image-placeholder, .jewelry-collections-wrapper .collections-body .draggable-append .content ul li .jewelry-shape .image-box.jewelry-no-image-placeholder {
  background-image: url("../webapp/svg/diamond_detail/icon_detail_page_image_not_available.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.jewelry-collections-wrapper .collections-body .favorited-items .content ul li .jewelry-shape .image-box .image-cover, .jewelry-collections-wrapper .collections-body .draggable-append .content ul li .jewelry-shape .image-box .image-cover {
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.jewelry-collections-wrapper .collections-body .favorited-items .content ul li .jewelry-shape .image-box .image-cover.image-downloaded, .jewelry-collections-wrapper .collections-body .draggable-append .content ul li .jewelry-shape .image-box .image-cover.image-downloaded {
  background-size: cover;
}
.jewelry-collections-wrapper .collections-body .favorited-items .content ul li .jewelry-shape .image-box .image-cover img, .jewelry-collections-wrapper .collections-body .draggable-append .content ul li .jewelry-shape .image-box .image-cover img {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  background-color: var(--image_bg_color, #FFFFFF) !important;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-fit: var(--cover_image_bg_size, cover) !important;
     object-fit: var(--cover_image_bg_size, cover) !important;
}
.jewelry-collections-wrapper .collections-body .favorited-items .content ul li .info, .jewelry-collections-wrapper .collections-body .draggable-append .content ul li .info {
  padding-left: 25px;
}
.jewelry-collections-wrapper .collections-body .favorited-items .content ul li .info .name, .jewelry-collections-wrapper .collections-body .draggable-append .content ul li .info .name {
  font-size: 20px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  margin-bottom: 5px;
}
.jewelry-collections-wrapper .collections-body .favorited-items .content ul li .info .availaibility, .jewelry-collections-wrapper .collections-body .draggable-append .content ul li .info .availaibility {
  width: 15px;
  height: 15px;
  border-radius: 100%;
  display: inline-block;
  margin-right: 5px;
}
.jewelry-collections-wrapper .collections-body .favorited-items .content ul li .info .availaibility.red, .jewelry-collections-wrapper .collections-body .draggable-append .content ul li .info .availaibility.red {
  background-color: #d0021b;
}
.jewelry-collections-wrapper .collections-body .favorited-items .content ul li .info .availaibility.green, .jewelry-collections-wrapper .collections-body .draggable-append .content ul li .info .availaibility.green {
  background-color: #7ED321;
}
.jewelry-collections-wrapper .collections-body .favorited-items .content ul li .info .collection-name, .jewelry-collections-wrapper .collections-body .draggable-append .content ul li .info .collection-name {
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.jewelry-collections-wrapper .collections-body .favorited-items .content ul li .actions, .jewelry-collections-wrapper .collections-body .draggable-append .content ul li .actions {
  display: flex;
  padding: 0;
}
.jewelry-collections-wrapper .collections-body .favorited-items .content ul li .actions .view, .jewelry-collections-wrapper .collections-body .favorited-items .content ul li .actions .delete, .jewelry-collections-wrapper .collections-body .draggable-append .content ul li .actions .view, .jewelry-collections-wrapper .collections-body .draggable-append .content ul li .actions .delete {
  width: 40px;
  height: 40px;
  display: inline-block;
  background-size: 22px 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_icon_color, #FFFFFF) !important;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  margin: 10px 5px;
}
.jewelry-collections-wrapper .collections-body .favorited-items .content ul li .actions .view .translucent, .jewelry-collections-wrapper .collections-body .favorited-items .content ul li .actions .delete .translucent, .jewelry-collections-wrapper .collections-body .draggable-append .content ul li .actions .view .translucent, .jewelry-collections-wrapper .collections-body .draggable-append .content ul li .actions .delete .translucent {
  border-radius: 100%;
}
.model-color {
  background-color: #F4F4F4;
  background-color: var(--main_bg_color, #F4F4F4) !important;
  border-color: #F4F4F4;
  border-color: var(--main_bg_color, #F4F4F4) !important;
}
.modal-header .main-bg-font-color {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.modal-header:hover {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.add-collection-modal .highlight-color {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
.add-collection-modal .highlight-color input {
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_static, #FFFFFF) !important;
  border: 1px solid;
  border-color: #BFBFC3;
  border-color: var(--input_field_line_static, #BFBFC3) !important;
}
.add-collection-modal .highlight-color input:focus {
  border: 1px solid;
  border-color: #804294;
  border-color: var(--input_field_line_active, #804294) !important;
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_active, #FFFFFF) !important;
}
.modal-backdrop.light-box {
  background-color: rgba(0, 0, 0, 0.7);
  background-color: var(--light_box, rgba(0, 0, 0, 0.7)) !important;
}
@media (min-width: 1025px) and (max-width: 1100px) {
  .favorited-items li {
    justify-content: space-between;
  }
  .favorited-items li .drag-selector, .favorited-items li .diamond-shape, .favorited-items li .info, .favorited-items li .actions {
    padding: 0;
  }
  .favorited-items li .info {
    text-align: center;
    width: 200px;
    flex: unset;
  }
  .favorited-items li .actions a {
    margin: 10px 5px !important;
  }
}
@media screen and (max-width: 1024px) {
  .jewelry-collections-wrapper {
    flex-wrap: wrap;
  }
  .jewelry-collections-wrapper .collection-btn-container {
    display: flex !important;
  }
  .jewelry-collections-wrapper .mobile-collection-header {
    display: flex !important;
  }
  .jewelry-collections-wrapper .header {
    display: none;
  }
  .jewelry-collections-wrapper .collection-list, .jewelry-collections-wrapper .favorited-items {
    width: 100% !important;
    padding: 0;
  }
  .jewelry-collections-wrapper .favorited-items .drag-selector, .jewelry-collections-wrapper .favorited-items .actions {
    padding: 0;
  }
  .jewelry-collections-wrapper .favorited-items .info .name {
    font-size: 15px !important;
    margin-bottom: unset !important;
  }
  .jewelry-collections-wrapper .favorited-items .actions {
    justify-content: flex-end;
  }
  .jewelry-collections-wrapper .collection-list ul {
    padding-left: 0 !important;
    margin: 0 !important;
  }
  .jewelry-collections-wrapper .collection-list ul li {
    padding: 10px !important;
  }
  .jewelry-collections-wrapper .hideSmXs {
    display: none;
  }
}
@media screen and (max-width: 500px) {
  .favorited-items .jewelry-shape {
    padding-left: 12px !important;
  }
  .favorited-items .jewelry-shape .image-box {
    width: 50px !important;
    height: 50px !important;
  }
  .favorited-items .actions a {
    margin: 10px 1px !important;
  }
}
.dropdown_collection_jewelry {
  margin-left: 15px;
}
.dropdown_collection_jewelry .dropdown-toggle::after {
  display: none;
}
.dropdown_collection_jewelry .dropdown_wrapper {
  display: inline-block !important;
  position: relative !important;
}
.dropdown_collection_jewelry .dropdown-item {
  background-color: #E5E5E5;
  background-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
  color: #4F4E57;
  color: var(--drop_menu_static_font_color, #4F4E57) !important;
  padding: 16px 16px;
  font-size: 15px;
  border-bottom: 0.5px solid #ffffffb8;
}
.dropdown_collection_jewelry .dropdown-item span {
  margin-right: 20px;
  color: #4F4E57;
  color: var(--drop_menu_static_icon_color, #4F4E57) !important;
  font-size: 18px;
}
.dropdown_collection_jewelry .margin-lr {
  margin-right: 15px;
  margin-left: 15px;
}
.dropdown_collection_jewelry .dropdown-menu {
  right: -140px !important;
  transform: translate(0) !important;
  top: calc(100% + 15px) !important;
  left: auto !important;
  min-width: 242px !important;
  padding: 0px;
  border-radius: 0px;
  color: #4F4E57;
  color: var(--drop_menu_static_font_color, #4F4E57) !important;
  border-bottom: 1px solid;
  border: 1px solid;
  background-color: #E5E5E5;
  background-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
  border-color: #804294;
  border-color: var(--drop_menu_active_bg_color, #804294) !important;
}
.dropdown_collection_jewelry .dropdown-menu:after {
  position: absolute;
  left: 40%;
  transform: translateX(-50%);
  top: -12px;
  width: 0;
  height: 0;
  content: "";
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid;
  border-bottom-color: #E5E5E5;
  border-bottom-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
}
.dropdown_collection_jewelry .dropdown-menu:before {
  position: absolute;
  left: 40%;
  transform: translateX(-50%);
  top: -14px;
  width: 0;
  height: 0;
  content: "";
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  border-bottom: 13px solid;
  border-bottom-color: #804294;
  border-bottom-color: var(--drop_menu_active_bg_color, #804294) !important;
}
.dropdown_collection_jewelry .dropdown-item:hover {
  background-color: #E5E5E5;
  background-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
  color: #4F4E57;
  color: var(--drop_menu_static_font_color, #4F4E57) !important;
  padding: 16px 16px;
  font-size: 15px;
  border-bottom: 0.5px solid #ffffffb8;
}
@media screen and (max-width: 420px) {
  .dropdown_collection_jewelry .dropdown-menu:after, .dropdown_collection_jewelry .dropdown-menu:before {
    left: 40% !important;
  }
}
.jewelry-collection-wrapper .head-bar {
  position: relative;
  margin-bottom: 20px;
}
.jewelry-collection-wrapper .head-bar .row.buttons {
  position: relative;
  padding: 20px 0px;
}
.jewelry-collection-wrapper .head-bar .row.buttons .remove-all {
  line-height: 40px;
  border-radius: 22px;
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
  font-weight: 500;
  padding: 0px 30px;
  display: inline-block;
  margin: 10px;
}
.jewelry-collection-wrapper .head-bar .row.buttons .remove-all:hover {
  opacity: 0.8;
}
.jewelry-collection-wrapper .head-bar .row.buttons .action-links .dropdown_wrapper a, .jewelry-collection-wrapper .head-bar .row.buttons .action-links .dropdown_wrapper a:visited, .jewelry-collection-wrapper .head-bar .row.buttons .action-links .dropdown_wrapper a:hover, .jewelry-collection-wrapper .head-bar .row.buttons .action-links .dropdown_wrapper a:active, .jewelry-collection-wrapper .head-bar .row.buttons .action-links .dropdown_wrapper a:focus {
  outline: none !important;
  -webkit-appearance: none;
}
.jewelry-collection-wrapper .head-bar .row.buttons .action-links a {
  text-decoration: none;
  margin-right: 15px;
  display: inline-flex;
  -webkit-appearance: none;
}
.jewelry-collection-wrapper .head-bar .row.buttons .action-links a:last-child {
  margin-right: 0px;
}
.jewelry-collection-wrapper .head-bar .row.buttons .action-links a span.icon {
  position: relative;
  display: inline-block;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  color: #804294;
  color: var(--option_btn_off_icon_color, #804294) !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.jewelry-collection-wrapper .head-bar .row.buttons .action-links a.selected .icon {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
}
.jewelry-collection-wrapper .head-bar .row.buttons .action-links a:hover .icon {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
}
.jewelry-collection-wrapper .head-bar .row.buttons a.share {
  float: none;
}
.jewelry-collection-wrapper .head-bar .row.buttons .examine {
  line-height: 40px;
  border-radius: 22px;
  background-color: #fff;
  padding: 0px 15px;
  display: inline-block;
  color: #804294;
  float: right;
  margin: 10px;
}
.jewelry-collection-wrapper .collection-list {
  max-height: calc(100vh - 270px);
  overflow: auto;
}
@media screen and (max-width: 768px) {
  .jewelry-collection-wrapper .collection-list {
    max-height: calc(100vh - 205px);
  }
}
.jewelry-collection-wrapper .collection-list .boxed {
  padding-top: 33px;
}
.jewelry-collection-wrapper .collection-list .boxed .box-content .box-data .image-container {
  position: relative;
  width: 100%;
  max-width: 314px;
  margin: 0 auto;
  border: 2px solid;
  border-color: transparent;
}
.jewelry-collection-wrapper .collection-list .boxed .box-content .box-data .image-container.selected {
  border-color: #9665A6;
  border-color: var(--option_btn_on_color, #9665A6) !important;
}
.jewelry-collection-wrapper .collection-list .boxed .box-content .box-data .image-container .selector-radio {
  border-radius: 100%;
  border: solid 2px;
  width: 30px;
  height: 30px;
  display: block;
  position: absolute;
  bottom: 15px;
  left: 15px;
  border-color: #9665A6;
  border-color: var(--option_btn_on_color, #9665A6) !important;
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
}
.jewelry-collection-wrapper .collection-list .boxed .box-content .box-data .image-container .selector-radio.selected {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  font-weight: bold;
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
}
.jewelry-collection-wrapper .collection-list .boxed .box-content .box-data .image-container .image-box {
  position: relative;
  display: block;
}
.jewelry-collection-wrapper .collection-list .boxed .box-content .box-data .image-container .image-box.jewelry-no-image-placeholder {
  background-image: url("../webapp/svg/diamond_detail/icon_detail_page_image_not_available.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.jewelry-collection-wrapper .collection-list .boxed .box-content .box-data .image-container span.image-cover {
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50px;
  height: 314px;
}
.jewelry-collection-wrapper .collection-list .boxed .box-content .box-data .image-container span.image-cover.image-downloaded {
  background-size: cover;
}
.jewelry-collection-wrapper .collection-list .boxed .box-content .box-data .image-container span.image-cover img {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  background-color: var(--image_bg_color, #FFFFFF) !important;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-fit: var(--cover_image_bg_size, cover) !important;
     object-fit: var(--cover_image_bg_size, cover) !important;
}
.jewelry-collection-wrapper .collection-list .boxed .box-content .box-data .image-container .video-box {
  width: 100%;
  height: 314px;
  max-width: 314px;
  margin: 0 auto;
  position: relative;
}
.jewelry-collection-wrapper .collection-list .boxed .box-content .box-data .image-container .video-box video {
  -o-object-fit: inherit;
     object-fit: inherit;
}
.jewelry-collection-wrapper .collection-list .boxed .box-content .box-data .image-container .video-box video, .jewelry-collection-wrapper .collection-list .boxed .box-content .box-data .image-container .video-box iframe {
  width: 100%;
  height: 100%;
}
.jewelry-collection-wrapper .collection-list .boxed .box-content .box-data .image-container .video-box .external-link {
  display: block;
  width: 190px;
  padding: 100px 0;
  margin: 0 auto;
}
.jewelry-collection-wrapper .collection-list .boxed .box-content .box-data .image-container .video-box .no-video {
  background-color: #fff;
}
.jewelry-collection-wrapper .collection-list .boxed .box-content .box-data .image-container .video-box .no-video .message {
  display: block;
  color: #a4a4a5;
  text-align: center;
  line-height: 200px;
  position: relative;
  font-size: 18px;
}
.jewelry-collection-wrapper .collection-list .boxed .box-content .box-data .image-container .video-box .video-box-external-play {
  position: relative;
}
.jewelry-collection-wrapper .collection-list .boxed .box-content .box-data .image-container .video-box .video-box-external-play .video-cover {
  height: 314px;
  width: 100%;
  max-width: 314px;
  margin: 0 auto;
  display: block;
  background-size: cover;
  background-position: center;
}
.jewelry-collection-wrapper .collection-list .boxed .box-content .box-data .image-container .video-box .video-box-external-play .video-cover img {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  background-color: var(--image_bg_color, #FFFFFF) !important;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-fit: var(--cover_image_bg_size, cover) !important;
     object-fit: var(--cover_image_bg_size, cover) !important;
}
.jewelry-collection-wrapper .collection-list .boxed .box-content .box-data .image-container .video-box .video-box-external-play .play-video {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: none !important;
}
.jewelry-collection-wrapper .collection-list .boxed .box-content .box-data .image-container .video-box .video-box-external-play .play-video a {
  background-image: url("../webapp/diamond_details/video-play.png");
  height: 45px;
  width: 67px;
  background-repeat: no-repeat;
  display: block;
}
.jewelry-collection-wrapper .collection-list .boxed .box-content .box-data .image-container .availability {
  position: absolute;
  width: 26px;
  height: 26px;
  background-color: grey;
  border-radius: 100%;
  display: inline-block;
  top: 10px;
  left: 10px;
}
.jewelry-collection-wrapper .collection-list .boxed .box-content .box-data .image-container .availability span.yes, .jewelry-collection-wrapper .collection-list .boxed .box-content .box-data .image-container .availability span.no {
  width: 22px;
  height: 22px;
  color: #7ED321;
  border-radius: 100%;
  text-align: center;
  display: inline-block;
  margin: 2px;
}
.jewelry-collection-wrapper .collection-list .boxed .box-content .box-data .image-container .availability span.yes {
  background-color: #7ED321;
}
.jewelry-collection-wrapper .collection-list .boxed .box-content .box-data .image-container .availability span.no {
  background-color: #d0021b;
}
.jewelry-collection-wrapper .collection-list .boxed .box-content .box-data .image-container .delete {
  position: absolute;
  top: 10px;
  right: 10px;
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background-color: grey;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0.8;
  color: #FFFFFF;
  color: var(--action_btn_static_icon_color, #FFFFFF) !important;
}
.jewelry-collection-wrapper .collection-list .boxed .box-content .box-data .image-detail {
  max-width: 314px;
  margin: 20px auto;
  font-size: 16px;
  font-weight: 500;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.dropdown_wrapper {
  display: inline-block !important;
  position: relative !important;
}
.dropdown_coll_Jewelry {
  margin-left: 15px;
}
.dropdown_coll_Jewelry .dropdown-toggle::after {
  display: none;
}
.dropdown_coll_Jewelry .dropdown-item {
  background-color: #E5E5E5;
  background-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
  color: #4F4E57;
  color: var(--drop_menu_static_font_color, #4F4E57) !important;
  padding: 16px 16px;
  font-size: 15px;
  border-bottom: 0.5px solid #ffffffb8;
}
.dropdown_coll_Jewelry .dropdown-item span {
  margin-right: 20px;
  color: #4F4E57;
  color: var(--drop_menu_static_icon_color, #4F4E57) !important;
  font-size: 18px;
}
.dropdown_coll_Jewelry .margin-lr {
  margin-right: 15px;
  margin-left: 15px;
}
.dropdown_coll_Jewelry .dropdown-menu {
  right: -15px !important;
  transform: translate(0) !important;
  top: calc(100% + 15px) !important;
  left: auto !important;
  max-width: 290px !important;
  padding: 0px;
  border-radius: 0px;
  color: #4F4E57;
  color: var(--drop_menu_static_font_color, #4F4E57) !important;
  border-bottom: 1px solid;
  border: 1px solid;
  background-color: #E5E5E5;
  background-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
  border-color: #804294;
  border-color: var(--drop_menu_active_bg_color, #804294) !important;
}
.dropdown_coll_Jewelry .dropdown-menu:after {
  position: absolute;
  left: 80%;
  transform: translateX(-50%);
  top: -12px;
  width: 0;
  height: 0;
  content: "";
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid;
  border-bottom-color: #E5E5E5;
  border-bottom-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
}
.dropdown_coll_Jewelry .dropdown-menu:before {
  position: absolute;
  left: 80%;
  transform: translateX(-50%);
  top: -14px;
  width: 0;
  height: 0;
  content: "";
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  border-bottom: 13px solid;
  border-bottom-color: #804294;
  border-bottom-color: var(--drop_menu_active_bg_color, #804294) !important;
}
.show-wrapper {
  position: relative;
  width: 100%;
}
.show-wrapper .show-container {
  max-width: 1090px;
  margin: 0 auto;
}
.show-wrapper .show-container .show-header {
  height: 50px;
  margin-top: 25px;
  margin-bottom: 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.show-wrapper .show-container .show-header .header {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.show-wrapper .show-container .show-header .controls {
  display: flex;
  flex-wrap: wrap;
}
.show-wrapper .show-container .show-header .controls .share, .show-wrapper .show-container .show-header .controls .info, .show-wrapper .show-container .show-header .controls .close {
  display: flex;
  justify-content: center;
  align-items: center;
}
.show-wrapper .show-container .show-header .controls .share, .show-wrapper .show-container .show-header .controls .info {
  height: 50px;
  width: 50px;
  background-color: #ffffff;
  border-radius: 50%;
  margin-right: 20px;
  font-size: 20px;
  background-color: #FFFFFF;
  background-color: var(--option_btn_off_color, #FFFFFF) !important;
  color: #804294;
  color: var(--option_btn_off_icon_color, #804294) !important;
}
.show-wrapper .show-container .show-header .controls .share:hover, .show-wrapper .show-container .show-header .controls .info:hover {
  cursor: pointer;
}
.show-wrapper .show-container .show-header .controls .share:hover, .show-wrapper .show-container .show-header .controls .share.selected, .show-wrapper .show-container .show-header .controls .info:hover, .show-wrapper .show-container .show-header .controls .info.selected {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_icon_color, #FFFFFF) !important;
}
.show-wrapper .show-container .show-header .controls .cert {
  font-size: 28px !important;
}
.show-wrapper .show-container .show-header .controls .cert.action-disabled {
  pointer-events: none;
}
.show-wrapper .show-container .show-header .controls .cert.action-disabled span {
  color: grey;
}
.show-wrapper .show-container .show-header .controls .close {
  margin-left: 65px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
@media screen and (max-width: 1024px) {
  .show-wrapper .show-container .show-header .controls .close {
    margin-left: 15px !important;
  }
  .show-wrapper .show-container .show-header .controls .show-header {
    justify-content: flex-end;
  }
}
@media screen and (max-width: 1199px) {
  .show-wrapper .show-header {
    padding: 0 20px;
  }
}
@media screen and (max-width: 1199px) and (max-width: 768px) {
  .show-wrapper .show-header {
    justify-content: flex-end !important;
  }
  .show-wrapper .show-header .header {
    display: none;
  }
}
.dropdown_jewelry {
  margin-left: 15px;
}
.dropdown_jewelry .dropdown_wrapper {
  display: inline-block !important;
  position: relative !important;
}
.dropdown_jewelry .dropdown-item {
  background-color: #E5E5E5;
  background-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
  color: #4F4E57;
  color: var(--drop_menu_static_font_color, #4F4E57) !important;
  padding: 16px 16px;
  font-size: 15px;
  border-bottom: 0.5px solid #ffffffb8;
}
.dropdown_jewelry .dropdown-item span {
  margin-right: 20px;
  color: #4F4E57;
  color: var(--drop_menu_static_icon_color, #4F4E57) !important;
  font-size: 18px;
}
.dropdown_jewelry .margin-lr {
  margin-right: 15px;
  margin-left: 15px;
}
.dropdown_jewelry .dropdown-menu {
  right: -18px !important;
  transform: translate(0) !important;
  top: calc(100% + 15px) !important;
  left: auto !important;
  min-width: 236px !important;
  padding: 0px;
  border-radius: 0px;
  color: #4F4E57;
  color: var(--drop_menu_static_font_color, #4F4E57) !important;
  border-bottom: 1px solid;
  border: 1px solid;
  background-color: #E5E5E5;
  background-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
  border-color: #804294;
  border-color: var(--drop_menu_active_bg_color, #804294) !important;
}
.dropdown_jewelry .dropdown-menu:after {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -12px;
  width: 0;
  height: 0;
  content: "";
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid;
  border-bottom-color: #E5E5E5;
  border-bottom-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
}
.dropdown_jewelry .dropdown-menu:before {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -14px;
  width: 0;
  height: 0;
  content: "";
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  border-bottom: 13px solid;
  border-bottom-color: #804294;
  border-bottom-color: var(--drop_menu_active_bg_color, #804294) !important;
}
.dropdown_jewelry .dropdown-item:hover {
  background-color: #E5E5E5;
  background-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
  color: #4F4E57;
  color: var(--drop_menu_static_font_color, #4F4E57) !important;
  padding: 16px 16px;
  font-size: 15px;
  border-bottom: 0.5px solid #ffffffb8;
}
@media (min-width: 320px) {
  .dropdown_jewelry .dropdown-menu:after {
    left: 74% !important;
  }
  .dropdown_jewelry .dropdown-menu:before {
    left: 74% !important;
  }
}
@font-face {
  font-family: "alsscrp";
  font-style: normal;
  font-weight: 500;
  src: local("alsscrp"), local("alsscrp"), url("../fonts/als_script/alsscrp.ttf") format("truetype");
}
@font-face {
  font-family: "Arial";
  font-style: normal;
  font-weight: 900;
  src: local("Arial Black"), local("ArialCEMTBlack"), url("../fonts/arial/ArialCEMTBlack.ttf") format("truetype");
}
@font-face {
  font-family: "Bookman Old Style";
  font-style: normal;
  font-weight: 500;
  src: local("Bookman Old Style"), local("Bookman-Old-Style.TTF"), url("../fonts/bookman_old_style/Bookman-Old-Style.ttf") format("truetype");
}
@font-face {
  font-family: "Century Gothic";
  font-style: normal;
  font-weight: 400;
  src: local("Century Gothic"), local("Century-Gothic"), url("../fonts/century_gothic/Century-Gothic.ttf") format("truetype");
}
@font-face {
  font-family: "Edwardian Script";
  font-style: normal;
  font-weight: 400;
  src: local("Edwardian Script"), local("Edwardian-Script"), url("../fonts/edwardian_script/Edwardian-Script.ttf") format("truetype");
}
@font-face {
  font-family: "symphony";
  font-style: normal;
  font-weight: 400;
  src: local("symphony"), local("symphony"), url("../fonts/lucida_calligraphy/symphony.ttf") format("truetype");
}
@font-face {
  font-family: "Lucida Handwriting Italic";
  font-style: normal;
  font-weight: 400;
  src: local("Lucida Handwriting Italic"), local("Lucida-Handwriting-Italic"), url("../fonts/lucida_handwriting/Lucida-Handwriting-Italic.ttf") format("truetype");
}
@font-face {
  font-family: "Monotype Corsiva";
  font-style: normal;
  font-weight: 400;
  src: local("Monotype Corsiva"), local("Monotype-Corsiva"), url("../fonts/monotype_corsiva/Monotype-Corsiva.ttf") format("truetype");
}
@font-face {
  font-family: "old english";
  font-style: normal;
  font-weight: 400;
  src: local("old english"), local("old-english"), url("../fonts/old_english/old-english.ttf") format("truetype");
}
@font-face {
  font-family: "Old StandardTT Regular";
  font-style: normal;
  font-weight: 400;
  src: local("Old StandardTT Regular"), local("OldStandardTT-Regular"), url("../fonts/old_standard/OldStandardTT-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "QUIL_S_T";
  font-style: normal;
  font-weight: 400;
  src: local("QUIL_S_T"), local("QUIL_S_T"), url("../fonts/quilline_script/QUIL_S_T.TTF") format("truetype");
}
@font-face {
  font-family: "CESIGNRO";
  font-style: normal;
  font-weight: 400;
  src: local("CESIGNRO"), local("CESIGNRO"), url("../fonts/signet_round_hand/signetroundhanditalic.ttf") format("truetype");
}
@font-face {
  font-family: "Times New Roman";
  font-style: normal;
  font-weight: 900;
  src: local("Times New Roman"), local("Times-New-Roman"), url("../fonts/times_new_roman/Times-New-Roman.ttf") format("truetype");
}
.hideGuestPricesBGCont.price-container {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  padding: 10px !important;
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}
@media only screen and (max-width: 1023px) {
  .hideGuestPricesBGCont.price-container {
    margin: 25px 0 25px !important;
  }
}
@media only screen and (max-width: 767px) {
  .hideGuestPricesBGCont.price-container {
    margin: -10px -10px 25px !important;
  }
}
.hideGuestPricesBGCont.config-price-container {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  padding: 10px !important;
}
.details-container {
  display: flex;
  flex-wrap: wrap;
}
.details-container .full-screen-jewelry-overlay {
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  background-color: var(--light_box, rgba(0, 0, 0, 0.7)) !important;
  height: 100%;
  width: 100%;
  z-index: 99;
}
.details-container .full-screen-jewelry-overlay.hide {
  display: none;
}
.details-container .full-screen-jewelry-overlay .close-overlay {
  position: absolute;
  right: 30px;
  top: 20px;
  height: 50px;
  width: 50px;
  font-size: 26px;
  background-position: center;
  background-repeat: no-repeat;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.details-container .full-screen-jewelry-overlay .carousel {
  height: 515px;
  width: 1000px;
  margin: 100px auto 20px;
  padding: 20px 0;
}
.details-container .full-screen-jewelry-overlay .carousel.hide {
  display: none;
}
.details-container .full-screen-jewelry-overlay .carousel .external-link {
  display: block;
  width: 190px;
  margin: 0 auto;
}
.details-container .full-screen-jewelry-overlay .carousel .carousel-control-next-icon, .details-container .full-screen-jewelry-overlay .carousel .carousel-control-prev-icon {
  height: 28px;
  width: 18px;
}
.details-container .full-screen-jewelry-overlay .carousel .carousel-control-prev .carousel-control-prev-icon {
  background-image: url("../webapp/chevron-left.png");
}
.details-container .full-screen-jewelry-overlay .carousel .carousel-control-next .carousel-control-next-icon {
  background-image: url("../webapp/chevron-right.png");
}
.details-container .full-screen-jewelry-overlay .image-cover {
  height: 475px;
  width: 475px;
  display: block;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: #ebebec;
  margin: 0 auto;
}
.details-container .full-screen-jewelry-overlay .image-cover img {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  background-color: var(--image_bg_color, #FFFFFF) !important;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-fit: var(--cover_image_bg_size, cover) !important;
     object-fit: var(--cover_image_bg_size, cover) !important;
}
.details-container .full-screen-jewelry-overlay .video-box {
  width: 100%;
  max-width: 475px;
  height: 475px;
  margin: 0 auto;
}
.details-container .full-screen-jewelry-overlay .video-box iframe,
.details-container .full-screen-jewelry-overlay .video-box video {
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
.details-container .full-screen-jewelry-overlay .video-box .external-link {
  display: block;
  width: 190px;
  margin: 0 auto;
}
.details-container .full-screen-jewelry-overlay .cert {
  height: 450px;
  width: 800px;
  margin: 10px auto;
}
.details-container .full-screen-jewelry-overlay .cert::-webkit-scrollbar {
  display: none;
}
.details-container .full-screen-jewelry-overlay .cert iframe, .details-container .full-screen-jewelry-overlay .cert .iframe {
  height: 450px;
  min-height: 450px;
}
.details-container .full-screen-jewelry-overlay .cert .image-cert {
  height: 100%;
  overflow: auto;
}
.details-container .full-screen-jewelry-overlay .cert .iframe::-webkit-scrollbar, .details-container .full-screen-jewelry-overlay .cert .pdf-cert::-webkit-scrollbar {
  display: none;
}
.details-container .full-screen-jewelry-overlay .media-slides-container {
  display: flex;
  flex-wrap: wrap;
  width: 900px;
  margin: 0 auto;
  justify-content: center;
}
.details-container .full-screen-jewelry-overlay .media-slides-container .media-slide {
  height: 100px;
  width: 100px;
  margin-right: 10px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12);
  cursor: pointer;
}
.details-container .full-screen-jewelry-overlay .media-slides-container .media-slide .image-container {
  background-size: contain;
  background-repeat: no-repeat;
}
.details-container .full-screen-jewelry-overlay .media-slides-container .media-slide .image-container .image-cover {
  height: 97px;
  width: 95px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.details-container .full-screen-jewelry-overlay .media-slides-container .media-slide .image-container .image-cover img {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  background-color: var(--image_bg_color, #FFFFFF) !important;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-fit: var(--cover_image_bg_size, cover) !important;
     object-fit: var(--cover_image_bg_size, cover) !important;
}
.details-container .full-screen-jewelry-overlay .media-slides-container .media-slide .video-box-no-play {
  position: relative;
}
.details-container .full-screen-jewelry-overlay .media-slides-container .media-slide .video-box-no-play .video-cover {
  height: 97px;
  width: 95px;
  margin: 0 auto;
  display: block;
  background-size: 100% 100%;
  background-position: center;
}
.details-container .full-screen-jewelry-overlay .media-slides-container .media-slide .video-box-no-play .no-video {
  height: 90px;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../webapp/svg/diamond_detail/icon_detail_page_video_not_available.svg");
  background-size: 100px;
}
.details-container .full-screen-jewelry-overlay .media-slides-container .media-slide .video-box-no-play .play-video {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.details-container .full-screen-jewelry-overlay .media-slides-container .media-slide .video-box-no-play .play-video a {
  background-image: url("../webapp/video-dark.png");
  height: 26px;
  width: 36px;
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
}
.details-container .full-screen-jewelry-overlay .media-slides-container .media-slide .cert-box {
  height: 98px;
  width: 97px;
  background: #fff;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  padding-bottom: 5px;
  margin: 0 auto;
}
.details-container .full-screen-jewelry-overlay .media-slides-container .media-slide .cert-box .vi {
  font-size: 38px;
}
.details-container .full-screen-jewelry-overlay .media-slides-container .media-slide .cert-box .report-label {
  font-size: 14px;
}
.details-container .full-screen-jewelry-overlay .media-slides-container .media-slide.active {
  border: 1px solid;
  border-color: #9665A6;
  border-color: var(--option_btn_on_color, #9665A6) !important;
}
.details-container > div {
  padding: 0;
}
.details-container > div .stock-no-container .availablity {
  display: inline-block;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  margin-right: 5px;
}
.details-container > div .stock-no-container .availablity.yes {
  background-color: #7ED321;
}
.details-container > div .stock-no-container .availablity.no {
  background-color: #d0021b;
}
.details-container > div .stock-no-container .stock-no {
  font-size: 20px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.details-container > div .title-container {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.details-container > div .price-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px 0;
}
.details-container > div .price-container.ringSizePriceCont {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  margin: 20px 0 !important;
  width: 100%;
}
.details-container > div .price-container .label {
  font-size: 14px;
  line-height: 13px;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.details-container > div .price-container .total-price {
  font-size: 24px;
  font-weight: 700;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.details-container > div .video-chat-btn-wrapper {
  display: block !important;
}
.details-container > div .video-chat-btn-wrapper .join-chat-btn {
  display: flex;
  line-height: 18px;
  align-items: center;
  justify-content: center;
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
  font-size: 18px;
  font-weight: 400;
  border-radius: 35px;
  height: 50px;
  width: 320px;
  margin: 20px auto 10px;
  height: 48px;
  width: 274px;
  border: 0;
  outline: none;
  background-color: #4EC123;
  background-color: var(--video_chat_available_bg_color, #4EC123) !important;
  color: #ffffff;
  color: var(--video_chat_available_font_color, #ffffff) !important;
}
.details-container > div .video-chat-btn-wrapper .join-chat-btn:not(.available) {
  background-color: #BFBFC3;
  background-color: var(--option_btn_disabled_color, #BFBFC3) !important;
  color: #FFFFFF;
  color: var(--option_btn_disabled_font_color, #FFFFFF) !important;
  pointer-events: none;
}
.details-container > div .video-chat-btn-wrapper .supplier-availability-text {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.details-container > div .video-chat-btn-wrapper .supplier-availability-text i {
  color: #4EC123;
  color: var(--video_chat_available_icon_color, #4EC123) !important;
  margin-left: 10px;
  font-size: 12px;
}
.details-container > div .video-chat-btn-wrapper .supplier-availability-text:not(.available) i {
  font-size: 18px;
  color: #BFBFC3;
  color: var(--option_btn_disabled_color, #BFBFC3) !important;
}
.details-container > div .ringConfigCont {
  display: flex;
  margin-bottom: 15px;
}
.details-container > div .ringConfigCont .config-label {
  padding-left: 0;
  width: 80px;
  font-size: 14px;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media only screen and (max-width: 767px) {
  .details-container > div .ringConfigCont .config-label {
    width: 70px;
  }
}
.details-container > div .ringConfigCont .config-label + * {
  width: calc(100% - 80px);
}
@media only screen and (max-width: 767px) {
  .details-container > div .ringConfigCont .config-label + * {
    width: calc(100% - 70px);
  }
}
.details-container > div .ringConfigCont .config-dropdown {
  width: 100%;
}
.details-container > div .ringConfigCont .config-dropdown .config-dropdown-toggle {
  height: 40px;
  width: 100%;
  background-color: #E5E5E5;
  background-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
  border: 0;
  border-radius: 0;
  padding-top: 5px;
  color: #4F4E57;
  color: var(--drop_menu_static_font_color, #4F4E57) !important;
  box-shadow: unset;
  outline: none;
}
.details-container > div .ringConfigCont .config-dropdown .config-dropdown-toggle::after {
  display: none;
}
.details-container > div .ringConfigCont .config-dropdown .config-dropdown-toggle.selected {
  background-color: #804294;
  background-color: var(--drop_menu_active_bg_color, #804294) !important;
  color: #FFFFFF;
  color: var(--drop_menu_active_font_color, #FFFFFF) !important;
}
.details-container > div .ringConfigCont .config-dropdown .config-dropdown-toggle.selected .vi {
  color: #FFFFFF;
  color: var(--drop_menu_active_icon_color, #FFFFFF) !important;
}
.details-container > div .ringConfigCont .config-dropdown .config-dropdown-toggle.ringSelectorError {
  border: solid 2px #d0021b !important;
}
.details-container > div .ringConfigCont .config-dropdown .config-dropdown-toggle .dropdown-value {
  font-size: 13px;
  padding-top: 4px;
  width: 70%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
}
.details-container > div .ringConfigCont .config-dropdown .config-dropdown-toggle .vi {
  font-size: 25px;
  padding: 0 10px;
  color: #4F4E57;
  color: var(--drop_menu_static_icon_color, #4F4E57) !important;
}
.details-container > div .ringConfigCont .config-dropdown .config-dropdown-toggle .icon_sort_arrow_down,
.details-container > div .ringConfigCont .config-dropdown .config-dropdown-toggle .icon_sort_arrow_up {
  padding: 10px;
}
.details-container > div .ringConfigCont .config-dropdown .config-dropdown-menu {
  width: 100%;
  max-height: 180px;
  overflow: scroll;
  border-radius: 0;
  margin-top: 0;
  padding: 0 !important;
  border: 1px solid;
  border-color: #9665A6;
  border-color: var(--option_btn_on_color, #9665A6) !important;
  background-color: #E5E5E5;
  background-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
  font-size: 13px;
}
.details-container > div .ringConfigCont .config-dropdown .config-dropdown-menu li {
  margin: 0 1px 0 1px;
  border: 1px solid transparent;
}
.details-container > div .ringConfigCont .config-dropdown .config-dropdown-menu li a {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.details-container > div .ringConfigCont .config-dropdown .config-dropdown-menu li a .selected-item {
  width: 85%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.details-container > div .ringConfigCont .config-dropdown .config-dropdown-menu li a span {
  margin-top: 3px;
}
.details-container > div .ringConfigCont .config-dropdown .config-dropdown-menu li a.selected {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
}
.details-container > div .ringConfigCont .config-dropdown.show .config-dropdown-toggle {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.details-container > div .ringConfigCont .ringSelectorErrorField {
  background-color: #d0021b;
  margin: 10px auto;
  padding: 0;
  font-size: 18px;
  width: 100%;
  color: #ffffff;
  text-align: center;
  height: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 350px) {
  .details-container > div .ringConfigCont .ringSelectorErrorField {
    font-size: 16px;
  }
}
.details-container > div .add-to-cart {
  display: flex;
  justify-content: center;
  align-items: center;
}
.details-container > div .add-to-cart button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 72px;
  width: 265px;
  border-radius: 50px;
  border: 0;
  cursor: pointer;
  outline: none;
  background-color: #652E77;
  background-color: var(--action_btn_active_color, #652E77) !important;
}
.details-container > div .add-to-cart button .label {
  font-size: 22px;
  font-weight: 400;
  color: #FFFFFF;
  color: var(--action_btn_active_font_color, #FFFFFF) !important;
}
.details-container > div .add-to-cart button .vi {
  font-size: 40px;
  margin-right: 30px;
  margin-left: -40px;
  color: #FFFFFF;
  color: var(--action_btn_active_icon_color, #FFFFFF) !important;
}
.details-container > div .add-to-cart button.disabled {
  border: 0;
  background-color: #BFBFC3;
  background-color: var(--option_btn_disabled_color, #BFBFC3) !important;
  color: #FFFFFF;
  color: var(--option_btn_disabled_font_color, #FFFFFF) !important;
}
.details-container > div .add-to-cart button.disabled .vi {
  margin-left: -20px;
  color: #FFFFFF;
  color: var(--option_btn_disabled_icon_color, #FFFFFF) !important;
}
.details-container > div .place-request {
  display: flex;
  justify-content: center;
  align-items: center;
}
.details-container > div .place-request button {
  justify-content: center;
  align-items: center;
  height: 72px;
  width: 265px;
  border-radius: 50px;
  border: 0;
  cursor: pointer;
  outline: none;
  background-color: #652E77;
  background-color: var(--action_btn_active_color, #652E77) !important;
}
.details-container > div .place-request button .label {
  font-size: 15px;
  font-weight: 400;
  color: #FFFFFF;
  color: var(--action_btn_active_font_color, #FFFFFF) !important;
}
.details-container > div .place-request button .vi {
  font-size: 22px;
  color: #FFFFFF;
  color: var(--action_btn_active_icon_color, #FFFFFF) !important;
}
.details-container > div .place-request button.disabled {
  border: 0;
  background-color: #BFBFC3;
  background-color: var(--option_btn_disabled_color, #BFBFC3) !important;
  color: #FFFFFF;
  color: var(--option_btn_disabled_font_color, #FFFFFF) !important;
}
.details-container > div .place-request button.disabled .vi {
  margin-left: -20px;
  color: #FFFFFF;
  color: var(--option_btn_disabled_icon_color, #FFFFFF) !important;
}
.details-container > div .details {
  margin-top: 15px;
}
.details-container > div .details .jewelry-detail-item .value {
  width: 104px !important;
  word-break: break-word;
}
.details-container > div .details .heading {
  background-color: #804294;
  background-color: var(--drop_menu_bg_color, #804294) !important;
  color: #FFFFFF;
  color: var(--drop_menu_font_color, #FFFFFF) !important;
  display: flex;
  height: 48px;
  align-items: center;
}
.details-container > div .details .heading .text {
  font-size: 14px;
}
.details-container > div .details .heading .vi {
  width: 50px;
  font-size: 20px;
  margin-top: -5px;
  color: #FFFFFF;
  color: var(--drop_menu_icon_color, #FFFFFF) !important;
}
.details-container > div .details .body {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  padding: 15px;
}
.details-container > div .details .body .description p {
  font-size: 14px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.details-container > div .details .body .data {
  display: flex;
  flex-direction: row;
}
.details-container > div .details .body .data table {
  width: 50%;
}
@media screen and (max-width: 470px) {
  .details-container > div .details .body .data table {
    width: 100%;
  }
}
.details-container > div .details .body .data table th {
  font-size: 14px;
  font-weight: 500;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.details-container > div .details .body .data table tr {
  margin-bottom: 5px;
  display: flex;
}
.details-container > div .details .body .data table tr .label {
  font-size: 14px;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  width: 45%;
}
.details-container > div .details .body .data table tr .value {
  font-size: 14px;
  font-weight: 500;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.details-container > div .details .body .data table.item-desc {
  width: 85%;
  margin-bottom: 20px;
}
.details-container > div .details .body .data table.item-desc.w-full {
  width: 100%;
}
.details-container > div .details .body .data table.item-desc .label {
  width: 35%;
}
@media screen and (max-width: 470px) {
  .details-container > div .details .body .data.stone-details {
    flex-direction: column !important;
  }
}
.details-container > div .details .comments .heading .vi {
  padding-left: 13px;
}
.details-container > div .details .supplier .heading .branding_logo {
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.details-container > div .details .supplier .heading .vi {
  font-size: 35px;
  padding-left: 5px;
  margin-top: unset !important;
}
.details-container > div .details .supplier .body {
  min-height: 200px;
}
.details-container > div .details .supplier .body .multiple-location-wrapper {
  padding: 0 25px 10px;
}
.details-container > div .details .supplier .body .multiple-location-wrapper .company-name {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 5px;
  padding-left: 49px;
  position: relative;
}
.details-container > div .details .supplier .body .multiple-location-wrapper .company-name .icon {
  font-size: 25px;
  position: absolute;
  left: 5%;
  color: #804294;
  color: var(--main_bg_icon_color, #804294) !important;
}
.details-container > div .details .supplier .body .multiple-location-wrapper .multiple-location {
  width: 100%;
}
.details-container > div .details .supplier .body .multiple-location-wrapper .multiple-location .multiple-location-toggle {
  height: 48px;
  width: 100%;
  background-color: #E5E5E5;
  background-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
  border: 0;
  border-radius: 0;
  padding-top: 8px;
  color: #4F4E57;
  color: var(--drop_menu_static_font_color, #4F4E57) !important;
  box-shadow: unset;
  outline: none;
}
.details-container > div .details .supplier .body .multiple-location-wrapper .multiple-location .multiple-location-toggle::after {
  display: none;
}
.details-container > div .details .supplier .body .multiple-location-wrapper .multiple-location .multiple-location-toggle .company-dropdown-name {
  width: 70%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
}
.details-container > div .details .supplier .body .multiple-location-wrapper .multiple-location .multiple-location-toggle .vi {
  font-size: 25px;
  padding: 0 10px;
  color: #4F4E57;
  color: var(--drop_menu_static_icon_color, #4F4E57) !important;
}
.details-container > div .details .supplier .body .multiple-location-wrapper .multiple-location .multiple-location-toggle .icon_sort_arrow_down,
.details-container > div .details .supplier .body .multiple-location-wrapper .multiple-location .multiple-location-toggle .icon_sort_arrow_up {
  padding: 10px;
}
.details-container > div .details .supplier .body .multiple-location-wrapper .multiple-location .multiple-location-menu {
  width: 100%;
  border: none;
  height: 180px;
  overflow: scroll;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-top: -1px;
  background-color: #E5E5E5;
  background-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
}
.details-container > div .details .supplier .body .multiple-location-wrapper .multiple-location .multiple-location-menu li {
  margin: 0 15px 0 40px;
  border: 1px solid transparent;
}
.details-container > div .details .supplier .body .multiple-location-wrapper .multiple-location .multiple-location-menu li a {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.details-container > div .details .supplier .body .multiple-location-wrapper .multiple-location .multiple-location-menu li a .selected-location {
  width: 85%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.details-container > div .details .supplier .body .multiple-location-wrapper .multiple-location .multiple-location-menu li a span {
  margin-top: 3px;
}
.details-container > div .details .supplier .body .multiple-location-wrapper .multiple-location .multiple-location-menu li a.selected {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
}
.details-container > div .details .supplier .body .multiple-location-wrapper .multiple-location.show .multiple-location-toggle {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.details-container > div .details .supplier .body .company-details {
  padding: 0 25px;
  width: 100%;
  margin: 0 auto 0;
}
.details-container > div .details .supplier .body .company-details .company-contact div {
  display: flex;
  margin-bottom: 5px;
}
.details-container > div .details .supplier .body .company-details .company-contact div span {
  display: inline-block;
  padding: 0;
  line-height: 24px !important;
}
.details-container > div .details .supplier .body .company-details .company-contact div span.label {
  min-width: 60px;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  font-weight: 400;
  font-size: 14px;
  text-align: left;
}
.details-container > div .details .supplier .body .company-details .company-contact div span.value {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-weight: 500;
  font-size: 14px;
  word-break: break-all;
}
.details-container > div .details .supplier .body .company-details .company-contact div span.value .email-list {
  display: block;
}
.details-container > div .details .supplier .body .company-details .company-contact .location-address {
  flex-direction: column;
}
.details-container > div .details .supplier .body .company-details .company-contact .location-address .label {
  width: 60px !important;
}
.details-container > div.right-container {
  padding-top: 40px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-content: baseline;
}
.details-container > div.right-container .title-container {
  display: none;
}
.details-container > div.right-container .media-bmh {
  width: 75%;
  margin-left: 45px;
  margin-top: 15px;
}
.details-container > div.right-container .media-bmh .go-back {
  font-size: 15px;
  margin-bottom: 20px;
  margin-left: 40px;
  cursor: pointer;
  display: inline-block;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.details-container > div.right-container .media-bmh .media-container {
  padding: 20px 40px;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
.details-container > div.right-container .media-bmh .media-container .image-container {
  margin-bottom: 40px;
}
.details-container > div.right-container .media-bmh .media-container .image-container .image-cover {
  height: 387px;
  width: 387px;
  display: block;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 auto;
}
.details-container > div.right-container .media-bmh .media-container .image-container .image-cover img {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  background-color: var(--image_bg_color, #FFFFFF) !important;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-fit: var(--cover_image_bg_size, cover) !important;
     object-fit: var(--cover_image_bg_size, cover) !important;
}
.details-container > div.right-container .media-bmh .media-container .image-container.jewelry-no-image-placeholder {
  background-image: url("../webapp/svg/diamond_detail/icon_detail_page_image_not_available.svg");
  background-size: 280px;
  background-repeat: no-repeat;
  background-position: center;
}
.details-container > div.right-container .media-bmh .media-container .video-box-no-play {
  position: relative;
}
.details-container > div.right-container .media-bmh .media-container .video-box-no-play .video-cover {
  height: 387px;
  width: 387px;
  margin: 0 auto;
  display: block;
  background-size: 100% 100%;
  background-position: center;
}
.details-container > div.right-container .media-bmh .media-container .video-box-no-play .no-video {
  height: 387px;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../webapp/svg/diamond_detail/icon_detail_page_video_not_available.svg");
  background-size: 280px;
}
.details-container > div.right-container .media-bmh .media-container .video-box-no-play .play-video {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.details-container > div.right-container .media-bmh .media-container .video-box-no-play .play-video a {
  background-image: url("../webapp/video-dark.png");
  height: 45px;
  width: 67px;
  background-repeat: no-repeat;
  display: block;
  background-size: contain;
}
.details-container > div.right-container .media-bmh .media-container .cert {
  height: 387px;
  width: 387px;
  margin: 0 auto;
  pointer-events: none;
  overflow: hidden;
}
.details-container > div.right-container .media-bmh .media-container .cert::-webkit-scrollbar {
  display: none;
}
.details-container > div.right-container .media-bmh .media-container .cert .image-cert {
  height: 100%;
}
.details-container > div.right-container .media-bmh .media-container .cert .image-cert::-webkit-scrollbar {
  display: none;
}
.details-container > div.right-container .media-bmh .media-container .cert iframe, .details-container > div.right-container .media-bmh .media-container .cert .iframe {
  height: 387px;
  min-height: 387px;
}
.details-container > div.right-container .media-bmh .media-container .cert iframe::-webkit-scrollbar, .details-container > div.right-container .media-bmh .media-container .cert .iframe::-webkit-scrollbar {
  display: none;
}
.details-container > div.right-container .media-bmh .media-container .cert .pdf-cert::-webkit-scrollbar {
  display: none;
}
.details-container > div.right-container .media-bmh .media-container .carousel-container {
  position: relative;
}
.details-container > div.right-container .media-bmh .media-container .carousel-container .mark-favorite {
  display: inline-flex;
  position: absolute;
  left: 5%;
  top: 5%;
  z-index: 2;
}
.details-container > div.right-container .media-bmh .media-container .carousel-container .mark-favorite .path1 {
  color: #804294;
  color: var(--heart_outline_off_icon_color, #804294) !important;
  font-size: 31px;
}
.details-container > div.right-container .media-bmh .media-container .carousel-container .mark-favorite .path2 {
  color: #804294;
  color: var(--heart_outline_off_icon_color, #804294) !important;
  font-size: 31px;
}
.details-container > div.right-container .media-bmh .media-container .carousel-container .mark-favorite .path3 {
  color: #FFFFFF;
  color: var(--heart_bg_off_icon_color, #FFFFFF) !important;
  font-size: 31px;
}
.details-container > div.right-container .media-bmh .media-container .carousel-container .mark-favorite.favorited .path1 {
  color: #FFFFFF;
  color: var(--heart_outline_on_icon_color, #FFFFFF) !important;
}
.details-container > div.right-container .media-bmh .media-container .carousel-container .mark-favorite.favorited .path2 {
  color: #FFFFFF;
  color: var(--heart_outline_on_icon_color, #FFFFFF) !important;
}
.details-container > div.right-container .media-bmh .media-container .carousel-container .mark-favorite.favorited .path3 {
  color: #804294;
  color: var(--heart_bg_on_icon_color, #804294) !important;
}
.details-container > div.right-container .media-bmh .media-container .carousel-container .carousel-inner {
  height: 400px;
}
.details-container > div.right-container .media-bmh .media-container .media-slides-container {
  display: flex;
  flex-wrap: wrap;
  width: 387px;
  margin: 0 auto;
}
.details-container > div.right-container .media-bmh .media-container .media-slides-container .media-slide {
  height: 91px;
  width: 23%;
  margin-right: 10px;
  margin-bottom: 10px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12);
  cursor: pointer;
}
.details-container > div.right-container .media-bmh .media-container .media-slides-container .media-slide .image-container {
  background-size: contain;
  background-repeat: no-repeat;
}
.details-container > div.right-container .media-bmh .media-container .media-slides-container .media-slide .image-container .image-cover {
  height: 89px;
  width: 87px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.details-container > div.right-container .media-bmh .media-container .media-slides-container .media-slide .image-container .image-cover img {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  background-color: var(--image_bg_color, #FFFFFF) !important;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-fit: var(--cover_image_bg_size, cover) !important;
     object-fit: var(--cover_image_bg_size, cover) !important;
}
.details-container > div.right-container .media-bmh .media-container .media-slides-container .media-slide .video-box-no-play .video-cover {
  height: 89px;
  width: 87px;
  display: block;
  background-size: 100% 100%;
  background-position: center;
}
.details-container > div.right-container .media-bmh .media-container .media-slides-container .media-slide .video-box-no-play .no-video {
  height: 90px;
  background-size: 100px;
}
.details-container > div.right-container .media-bmh .media-container .media-slides-container .media-slide .video-box-no-play .play-video a {
  height: 26px;
  width: 36px;
  background-size: contain;
}
.details-container > div.right-container .media-bmh .media-container .media-slides-container .media-slide.active {
  border: 1px solid;
  border-color: #9665A6;
  border-color: var(--option_btn_on_color, #9665A6) !important;
}
.details-container > div.right-container .media-bmh .media-container .media-slides-container .media-slide:nth-child(4), .details-container > div.right-container .media-bmh .media-container .media-slides-container .media-slide:nth-child(8) {
  margin-right: 0;
}
.details-container > div.right-container .media-bmh .media-container .media-slides-container .cert-box {
  height: 89px;
  width: 87px;
  background: #fff;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  padding-bottom: 5px;
  margin: 0 auto;
}
.details-container > div.right-container .media-bmh .media-container .media-slides-container .cert-box .vi {
  font-size: 38px;
}
.details-container > div.right-container .media-bmh .media-container .media-slides-container .cert-box .report-label {
  font-size: 14px;
}
.details-container > div.right-container .media-bmh .media-container .carousel-control-next-icon, .details-container > div.right-container .media-bmh .media-container .carousel-control-prev-icon {
  height: 28px;
  width: 18px;
}
.details-container > div.right-container .media-bmh .media-container .carousel-control-prev {
  left: -50px;
}
.details-container > div.right-container .media-bmh .media-container .carousel-control-prev .carousel-control-prev-icon {
  background-image: url("../webapp/chevron-left.png");
}
.details-container > div.right-container .media-bmh .media-container .carousel-control-next {
  right: -50px;
}
.details-container > div.right-container .media-bmh .media-container .carousel-control-next .carousel-control-next-icon {
  background-image: url("../webapp/chevron-right.png");
}
.details-container > div.right-container .media-bmh .media-container.no-bg-color {
  background-color: unset !important;
}
.details-container > div.right-container .media-bmh .jewelry-memo .image-container .image-cover, .details-container > div.right-container .media-bmh .jewelry-buy .image-container .image-cover, .details-container > div.right-container .media-bmh .jewelry-hold .image-container .image-cover {
  height: 100px;
  width: 100px;
  display: block;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.details-container > div.right-container .media-bmh .jewelry-memo .image-container .image-cover img, .details-container > div.right-container .media-bmh .jewelry-buy .image-container .image-cover img, .details-container > div.right-container .media-bmh .jewelry-hold .image-container .image-cover img {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  background-color: var(--image_bg_color, #FFFFFF) !important;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-fit: var(--cover_image_bg_size, cover) !important;
     object-fit: var(--cover_image_bg_size, cover) !important;
}
.details-container > div.right-container .media-bmh .jewelry-memo .image-container.jewelry-no-image-placeholder, .details-container > div.right-container .media-bmh .jewelry-buy .image-container.jewelry-no-image-placeholder, .details-container > div.right-container .media-bmh .jewelry-hold .image-container.jewelry-no-image-placeholder {
  background-image: url("../webapp/svg/diamond_detail/icon_detail_page_image_not_available.svg");
  background-size: 100px;
  background-repeat: no-repeat;
}
.details-container > div.right-container .media-bmh .go-to-info {
  float: right;
  margin-right: 0;
  margin-top: -75px;
  cursor: pointer;
}
.details-container > div.right-container .media-bmh.buy-border {
  border: 2px solid;
  border-color: #5cb8a6;
  border-color: var(--bmh_button_buy_static_color, #5cb8a6) !important;
}
.details-container > div.right-container .media-bmh.hold-border {
  border: 2px solid;
  border-color: #e30047;
  border-color: var(--bmh_button_hold_static_color, #e30047) !important;
}
.details-container > div.right-container .media-bmh.memo-border {
  border: 2px solid;
  border-color: #804294;
  border-color: var(--bmh_button_memo_static_color, #804294) !important;
}
.details-container > div.right-container .jewelry-detail {
  margin-top: 15px;
}
.details-container > div.right-container .jewelry-detail .heading {
  background-color: #804294;
  background-color: var(--drop_menu_active_bg_color, #804294) !important;
  color: #FFFFFF;
  color: var(--drop_menu_active_font_color, #FFFFFF) !important;
  display: flex;
  height: 48px;
  align-items: center;
}
.details-container > div.right-container .jewelry-detail .heading .text {
  font-size: 14px;
}
.details-container > div.right-container .jewelry-detail .heading .vi {
  width: 50px;
  font-size: 20px;
  margin-top: -5px;
  color: #FFFFFF;
  color: var(--drop_menu_active_icon_color, #FFFFFF) !important;
}
.details-container > div.right-container .jewelry-detail .body {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  padding: 15px;
}
.details-container > div.right-container .jewelry-detail .body .description p {
  font-size: 14px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.details-container > div.right-container .jewelry-detail .body .data {
  display: flex;
  flex-direction: row;
}
.details-container > div.right-container .jewelry-detail .body .data table {
  width: 50%;
}
@media screen and (max-width: 470px) {
  .details-container > div.right-container .jewelry-detail .body .data table {
    width: 100%;
  }
}
.details-container > div.right-container .jewelry-detail .body .data table.w-full {
  width: 100%;
}
.details-container > div.right-container .jewelry-detail .body .data table th {
  font-size: 14px;
  font-weight: 500;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.details-container > div.right-container .jewelry-detail .body .data table tr {
  margin-bottom: 5px;
  display: flex;
}
.details-container > div.right-container .jewelry-detail .body .data table tr .label {
  font-size: 14px;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  width: 45%;
}
.details-container > div.right-container .jewelry-detail .body .data table tr .value {
  font-size: 14px;
  font-weight: 700;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.details-container > div.right-container .jewelry-detail .body .data table.item-desc {
  width: 85%;
  margin-bottom: 10px;
}
.details-container > div.right-container .jewelry-detail .body .data table.item-desc .label {
  width: 35%;
}
@media screen and (max-width: 470px) {
  .details-container > div.right-container .jewelry-detail .body .data table.item-desc .label {
    width: 40%;
  }
}
.details-container > div.right-container .bmh-buttons {
  width: 16%;
  margin-top: 15px;
}
.details-container > div.right-container .bmh-buttons .tooltip .tooltip-inner {
  max-width: 240px !important;
  width: 240px !important;
  padding: 10px;
}
.details-container > div.right-container .bmh-buttons ul {
  padding: 0;
  list-style: none;
}
.details-container > div.right-container .bmh-buttons ul li {
  width: 110px;
  height: 80px;
  color: #ffffff;
  border-radius: 0 100px 100px 0;
  margin-bottom: 10px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.details-container > div.right-container .bmh-buttons ul li p {
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 0;
}
.details-container > div.right-container .bmh-buttons ul li span.image {
  font-size: 20px;
  margin-top: -5px;
  margin-left: 10px;
}
.details-container > div.right-container .bmh-buttons ul li.memo {
  background-color: #804294;
  background-color: var(--bmh_button_memo_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--bmh_button_memo_static_font_color, #FFFFFF) !important;
}
.details-container > div.right-container .bmh-buttons ul li.memo span.image {
  color: #FFFFFF;
  color: var(--bmh_button_memo_static_icon_color, #FFFFFF) !important;
}
.details-container > div.right-container .bmh-buttons ul li.memo.cannot-accept-memo {
  background-color: rgba(55, 54, 64, 0.22);
  color: #9B9B9B;
  cursor: default;
}
.details-container > div.right-container .bmh-buttons ul li.memo.cannot-accept-memo span.image {
  color: #9B9B9B;
}
.details-container > div.right-container .bmh-buttons ul li.memo.selected {
  margin-left: -10px;
  width: 120px;
  border: 2px solid;
  background-color: #E9E9EB;
  background-color: var(--bmh_button_memo_active_color, #E9E9EB) !important;
  border-color: #804294;
  border-color: var(--bmh_button_memo_active_font_color, #804294) !important;
  color: #804294;
  color: var(--bmh_button_memo_active_font_color, #804294) !important;
}
.details-container > div.right-container .bmh-buttons ul li.memo.selected span.image {
  color: #804294;
  color: var(--bmh_button_memo_active_icon_color, #804294) !important;
}
.details-container > div.right-container .bmh-buttons ul li.buy {
  background-color: #5cb8a6;
  background-color: var(--bmh_button_buy_static_color, #5cb8a6) !important;
  color: #FFFFFF;
  color: var(--bmh_button_buy_static_font_color, #FFFFFF) !important;
}
.details-container > div.right-container .bmh-buttons ul li.buy span.image {
  font-size: 15px;
  color: #FFFFFF;
  color: var(--bmh_button_buy_static_icon_color, #FFFFFF) !important;
}
.details-container > div.right-container .bmh-buttons ul li.buy.selected {
  margin-left: -10px;
  width: 120px;
  border: 2px solid;
  background-color: #E9E9EB;
  background-color: var(--bmh_button_buy_active_color, #E9E9EB) !important;
  border-color: #5cb8a6;
  border-color: var(--bmh_button_buy_active_font_color, #5cb8a6) !important;
  color: #5cb8a6;
  color: var(--bmh_button_buy_active_font_color, #5cb8a6) !important;
}
.details-container > div.right-container .bmh-buttons ul li.buy.selected span.image {
  color: #5cb8a6;
  color: var(--bmh_button_buy_active_icon_color, #5cb8a6) !important;
}
.details-container > div.right-container .bmh-buttons ul li.hold {
  background-color: #e30047;
  background-color: var(--bmh_button_hold_static_color, #e30047) !important;
  color: #FFFFFF;
  color: var(--bmh_button_hold_static_font_color, #FFFFFF) !important;
}
.details-container > div.right-container .bmh-buttons ul li.hold span.image {
  color: #FFFFFF;
  color: var(--bmh_button_hold_static_icon_color, #FFFFFF) !important;
}
.details-container > div.right-container .bmh-buttons ul li.hold.selected {
  margin-left: -10px;
  width: 120px;
  border: 2px solid;
  background-color: #E9E9EB;
  background-color: var(--bmh_button_hold_active_color, #E9E9EB) !important;
  color: #e30047;
  color: var(--bmh_button_hold_active_font_color, #e30047) !important;
}
.details-container > div.right-container .bmh-buttons ul li.hold.selected span.image {
  color: #e30047;
  color: var(--bmh_button_hold_active_icon_color, #e30047) !important;
}
.details-container > div.right-container .bmh-buttons ul li.contact {
  background-color: #4670B6;
  background-color: var(--contact_btn_static_color, #4670B6) !important;
  color: #ffffff;
  color: var(--contact_button_static_font_color, #ffffff) !important;
}
.details-container > div.right-container .bmh-buttons ul li.contact span.image {
  color: #ffffff;
  color: var(--contact_button_static_icon_color, #ffffff) !important;
  font-size: 30px !important;
  margin-left: 2px;
}
.details-container > div.right-container .bmh-buttons ul li.contact.selected {
  margin-left: -10px;
  width: 120px;
  border: 2px solid;
  background-color: #2956A0;
  background-color: var(--contact_btn_active_color, #2956A0) !important;
  border-color: #ffffff;
  border-color: var(--contact_button_active_font_color, #ffffff) !important;
  color: #ffffff;
  color: var(--contact_button_active_font_color, #ffffff) !important;
}
.details-container > div.right-container .bmh-buttons ul li.contact.selected span.image {
  color: #ffffff;
  color: var(--contact_button_active_icon_color, #ffffff) !important;
}
.details-container > div.left-container {
  padding-top: 40px;
}
.details-container.rbr {
  flex-direction: row-reverse;
  justify-content: center;
}
.details-container.rbr .left-container .rbr-share-contact {
  margin-bottom: 25px;
  display: flex;
  justify-content: space-between;
}
.details-container.rbr .left-container .rbr-share-contact button {
  border-radius: 100px;
  border: 2px solid;
  line-height: 42px;
  height: 47px;
  font-size: 18px;
  font-weight: 700;
  cursor: pointer;
  outline: none;
}
.details-container.rbr .left-container .rbr-share-contact .share {
  width: 30%;
  background-color: transparent !important;
  border-color: #804294;
  border-color: var(--action_btn_secondary_color, #804294) !important;
  color: #804294;
  color: var(--action_btn_secondary_font_color, #804294) !important;
  margin-right: 10px;
}
.details-container.rbr .left-container .rbr-share-contact .share .vi {
  font-size: 20px;
  margin-right: 10px;
  vertical-align: text-top;
}
.details-container.rbr .left-container .rbr-share-contact .contact {
  width: 65%;
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
  border-color: #804294;
  border-color: var(--action_btn_static_color, #804294) !important;
}
.details-container.rbr .left-container.custom-item {
  padding-top: 80px;
}
.details-container.rbr .left-container.custom-item .configuration {
  margin-top: 30px;
}
.details-container.rbr .left-container.custom-item .configuration .title-text {
  font-size: 20px;
  font-weight: 500;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.details-container.rbr .left-container.custom-item .configuration .configuration-list .config-item {
  margin-top: 30px;
  display: flex;
}
.details-container.rbr .left-container.custom-item .configuration .configuration-list .config-item .config-label {
  padding-left: 10%;
  width: 33%;
  font-size: 14px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  line-height: 4;
}
.details-container.rbr .left-container.custom-item .configuration .configuration-list .config-item .config-dropdown {
  width: 50%;
}
.details-container.rbr .left-container.custom-item .configuration .configuration-list .config-item .config-dropdown .config-dropdown-toggle {
  height: 40px;
  width: 100%;
  background-color: #E5E5E5;
  background-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
  border: 0;
  border-radius: 0;
  padding-top: 5px;
  color: #4F4E57;
  color: var(--drop_menu_static_font_color, #4F4E57) !important;
  box-shadow: unset;
  outline: none;
}
.details-container.rbr .left-container.custom-item .configuration .configuration-list .config-item .config-dropdown .config-dropdown-toggle::after {
  display: none;
}
.details-container.rbr .left-container.custom-item .configuration .configuration-list .config-item .config-dropdown .config-dropdown-toggle.selected {
  background-color: #804294;
  background-color: var(--drop_menu_active_bg_color, #804294) !important;
  color: #FFFFFF;
  color: var(--drop_menu_active_font_color, #FFFFFF) !important;
}
.details-container.rbr .left-container.custom-item .configuration .configuration-list .config-item .config-dropdown .config-dropdown-toggle.selected .vi {
  color: #FFFFFF;
  color: var(--drop_menu_active_icon_color, #FFFFFF) !important;
}
.details-container.rbr .left-container.custom-item .configuration .configuration-list .config-item .config-dropdown .config-dropdown-toggle .dropdown-value {
  font-size: 14px;
  padding-top: 4px;
  width: 70%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
}
.details-container.rbr .left-container.custom-item .configuration .configuration-list .config-item .config-dropdown .config-dropdown-toggle .vi {
  font-size: 25px;
  padding: 0 10px;
  color: #4F4E57;
  color: var(--drop_menu_static_icon_color, #4F4E57) !important;
}
.details-container.rbr .left-container.custom-item .configuration .configuration-list .config-item .config-dropdown .config-dropdown-toggle .icon_sort_arrow_down,
.details-container.rbr .left-container.custom-item .configuration .configuration-list .config-item .config-dropdown .config-dropdown-toggle .icon_sort_arrow_up {
  padding: 10px;
}
.details-container.rbr .left-container.custom-item .configuration .configuration-list .config-item .config-dropdown .config-dropdown-menu {
  width: 100%;
  max-height: 180px;
  overflow: scroll;
  border-radius: 0;
  margin-top: -8px;
  border: 1px solid;
  border-color: #9665A6;
  border-color: var(--option_btn_on_color, #9665A6) !important;
  background-color: #E5E5E5;
  background-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
  font-size: 14px;
}
.details-container.rbr .left-container.custom-item .configuration .configuration-list .config-item .config-dropdown .config-dropdown-menu li {
  margin: 0 1px 0 1px;
  border: 1px solid transparent;
}
.details-container.rbr .left-container.custom-item .configuration .configuration-list .config-item .config-dropdown .config-dropdown-menu li a {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.details-container.rbr .left-container.custom-item .configuration .configuration-list .config-item .config-dropdown .config-dropdown-menu li a .selected-item {
  width: 85%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.details-container.rbr .left-container.custom-item .configuration .configuration-list .config-item .config-dropdown .config-dropdown-menu li a span {
  margin-top: 3px;
}
.details-container.rbr .left-container.custom-item .configuration .configuration-list .config-item .config-dropdown .config-dropdown-menu li a.selected {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
}
.details-container.rbr .left-container.custom-item .configuration .configuration-list .config-item .config-dropdown.show .config-dropdown-toggle {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.details-container.rbr .left-container.custom-item .config-price-container {
  margin-top: 30px;
  text-align: center;
}
.details-container.rbr .left-container.custom-item .config-price-container .info-label {
  font-size: 14px;
  line-height: 14px;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.details-container.rbr .left-container.custom-item .config-price-container .price-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px 0;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
.details-container.rbr .left-container.custom-item .config-price-container .price-container .label {
  font-size: 14px;
  line-height: 14px;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.details-container.rbr .left-container.custom-item .config-price-container .price-container .total-price {
  font-size: 24px;
  font-weight: 700;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.details-container.rbr .left-container.custom-item .config-price-public {
  margin-top: 30px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
.details-container.rbr .left-container.custom-item .config-price-public .link-label {
  padding: 20px;
  font-size: 20px;
  line-height: 30px;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.details-container.rbr .left-container.custom-item .config-price-public .link-label a {
  color: blue !important;
  text-decoration: underline;
}
.details-container.rbr .left-container.custom-item .personalisation-wrapper {
  margin-top: 30px;
}
.details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-header {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding-top: 10px;
  background-color: #E5E5E5;
  background-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
  line-height: 38px;
}
.details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-header .head-icon {
  padding: 5px 15px 0 10px;
  width: 10%;
}
.details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-header .head-icon .vi {
  font-size: 20px;
  color: #4F4E57;
  color: var(--drop_menu_static_icon_color, #4F4E57) !important;
}
.details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-header .head-icon svg path {
  fill: #4F4E57;
  fill: var(--drop_menu_static_icon_color, #4F4E57) !important;
}
.details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-header .head-label {
  color: #4F4E57;
  color: var(--drop_menu_static_font_color, #4F4E57) !important;
  width: 70%;
  text-align: left;
  font-size: 15px;
}
.details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-header .head-dropdown-icon {
  width: 20%;
  padding: 15px 15px;
}
.details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-header .head-dropdown-icon .vi {
  color: #4F4E57;
  color: var(--drop_menu_static_icon_color, #4F4E57) !important;
}
.details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item {
  margin: 5px 10px 0 10px;
}
.details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item .please-call-label div {
  font-size: 14px;
  padding: 0px 0px 10px;
  text-align: left;
  line-height: 20px;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div span {
  font-size: 14px;
  font-weight: 500;
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
}
.details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div input {
  width: 100%;
  height: 33px;
  border: 1px solid;
  font-size: 14px;
  padding-left: 15px;
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
  border-color: #BFBFC3;
  border-color: var(--input_field_line_static, #BFBFC3) !important;
}
.details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div input:focus {
  border-color: #804294;
  border-color: var(--input_field_line_active, #804294) !important;
}
.details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div input.error {
  border-color: red;
}
.details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div .field-error {
  background-color: #d0021b;
  line-height: 25px;
  font-size: 18px;
  font-weight: bolder;
  width: 100%;
}
.details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div .field-error span {
  color: #ffffff !important;
  margin-left: 10px;
}
.details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div textarea {
  width: 100%;
  height: 66px;
  border: 1px solid;
  font-size: 14px;
  padding-left: 15px;
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
  border-color: #BFBFC3;
  border-color: var(--input_field_line_static, #BFBFC3) !important;
}
.details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div textarea:focus {
  border-color: #804294;
  border-color: var(--input_field_line_active, #804294) !important;
}
.details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div .font-dropdown-wrapper {
  margin-bottom: 20px;
  width: 100%;
}
.details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div .font-dropdown-wrapper .font-dropdown {
  width: 50%;
}
.details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div .font-dropdown-wrapper .font-dropdown .font-dropdown-toggle {
  height: 40px;
  width: 100%;
  background-color: var(--input_field_static_bg_color, ) !important;
  border: 1px solid;
  border-color: "#BFBFC3";
  border-color: var(--input_field_static_line_color, "#BFBFC3") !important;
  border-radius: 0;
  padding-top: 5px;
  color: #4F4E57;
  color: var(--drop_menu_static_font_color, #4F4E57) !important;
  box-shadow: unset;
  outline: none;
}
.details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div .font-dropdown-wrapper .font-dropdown .font-dropdown-toggle::after {
  display: none;
}
.details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div .font-dropdown-wrapper .font-dropdown .font-dropdown-toggle .dropdown-value {
  font-size: 14px;
  padding-top: 4px;
  width: 70%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
}
.details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div .font-dropdown-wrapper .font-dropdown .font-dropdown-toggle .vi {
  font-size: 25px;
  padding: 0 10px;
  color: #4F4E57;
  color: var(--drop_menu_static_icon_color, #4F4E57) !important;
}
.details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div .font-dropdown-wrapper .font-dropdown .font-dropdown-toggle .icon_sort_arrow_down,
.details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div .font-dropdown-wrapper .font-dropdown .font-dropdown-toggle .icon_sort_arrow_up {
  padding: 10px;
}
.details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div .font-dropdown-wrapper .font-dropdown .font-dropdown-menu {
  width: 100%;
  max-height: 180px;
  overflow: scroll;
  border-radius: 0;
  margin-top: 0px;
  border: 1px solid;
  border-color: #9665A6;
  border-color: var(--option_btn_on_color, #9665A6) !important;
  background-color: #E5E5E5;
  background-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
  font-size: 14px;
}
.details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div .font-dropdown-wrapper .font-dropdown .font-dropdown-menu .als_script {
  font-family: "alsscrp";
}
.details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div .font-dropdown-wrapper .font-dropdown .font-dropdown-menu .arial {
  font-family: "Arial";
}
.details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div .font-dropdown-wrapper .font-dropdown .font-dropdown-menu .bookman_old_style {
  font-family: "Bookman Old Style";
}
.details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div .font-dropdown-wrapper .font-dropdown .font-dropdown-menu .century_gothic {
  font-family: "Century Gothic";
}
.details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div .font-dropdown-wrapper .font-dropdown .font-dropdown-menu .edwardian_script {
  font-family: "Edwardian Script";
}
.details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div .font-dropdown-wrapper .font-dropdown .font-dropdown-menu .lucida_calligraphy {
  font-family: "symphony";
}
.details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div .font-dropdown-wrapper .font-dropdown .font-dropdown-menu .lucida_handwriting {
  font-family: "Lucida Handwriting Italic";
}
.details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div .font-dropdown-wrapper .font-dropdown .font-dropdown-menu .monotype_corsiva {
  font-family: "Monotype Corsiva";
}
.details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div .font-dropdown-wrapper .font-dropdown .font-dropdown-menu .old_english {
  font-family: "old english";
}
.details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div .font-dropdown-wrapper .font-dropdown .font-dropdown-menu .old_standard {
  font-family: "Old StandardTT Regular";
}
.details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div .font-dropdown-wrapper .font-dropdown .font-dropdown-menu .quilline_script {
  font-family: "QUIL_S_T";
}
.details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div .font-dropdown-wrapper .font-dropdown .font-dropdown-menu .signet_round_hand {
  font-family: "CESIGNRO";
}
.details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div .font-dropdown-wrapper .font-dropdown .font-dropdown-menu .times_new_roman {
  font-family: "Times New Roman";
}
.details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div .font-dropdown-wrapper .font-dropdown .font-dropdown-menu li {
  margin: 0 1px 0 1px;
  border: 1px solid transparent;
}
.details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div .font-dropdown-wrapper .font-dropdown .font-dropdown-menu li a {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div .font-dropdown-wrapper .font-dropdown .font-dropdown-menu li a .selected-item {
  width: 85%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div .font-dropdown-wrapper .font-dropdown .font-dropdown-menu li a span {
  margin-top: 3px;
}
.details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div .font-dropdown-wrapper .font-dropdown .font-dropdown-menu li a.selected {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
}
.details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div .font-dropdown-wrapper .font-dropdown .font-dropdown-menu li a.selected span {
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
}
.details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item div .font-dropdown-wrapper .font-dropdown.show .font-dropdown-toggle {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item .caption-right {
  text-align: right;
}
.details-container.rbr .left-container.custom-item .personalisation-wrapper .personalisation-container .personalisation-item .caption-right span {
  font-size: 14px;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.details-container.rbr .left-container.custom-item .personalisation-wrapper.open .personalisation-container, .details-container.rbr .left-container.custom-item .personalisation-wrapper.active .personalisation-container {
  border: 1px solid;
  border-color: #804294;
  border-color: var(--drop_menu_active_bg_color, #804294) !important;
}
.details-container.rbr .left-container.custom-item .personalisation-wrapper.open .personalisation-header, .details-container.rbr .left-container.custom-item .personalisation-wrapper.active .personalisation-header {
  background-color: #804294;
  background-color: var(--drop_menu_active_bg_color, #804294) !important;
}
.details-container.rbr .left-container.custom-item .personalisation-wrapper.open .personalisation-header .head-icon .vi, .details-container.rbr .left-container.custom-item .personalisation-wrapper.active .personalisation-header .head-icon .vi {
  color: #FFFFFF;
  color: var(--drop_menu_active_icon_color, #FFFFFF) !important;
}
.details-container.rbr .left-container.custom-item .personalisation-wrapper.open .personalisation-header .head-icon svg path, .details-container.rbr .left-container.custom-item .personalisation-wrapper.active .personalisation-header .head-icon svg path {
  fill: #FFFFFF;
  fill: var(--drop_menu_active_icon_color, #FFFFFF) !important;
}
.details-container.rbr .left-container.custom-item .personalisation-wrapper.open .personalisation-header .head-label, .details-container.rbr .left-container.custom-item .personalisation-wrapper.active .personalisation-header .head-label {
  color: #FFFFFF;
  color: var(--drop_menu_active_font_color, #FFFFFF) !important;
}
.details-container.rbr .left-container.custom-item .personalisation-wrapper.open .personalisation-header .head-dropdown-icon .vi, .details-container.rbr .left-container.custom-item .personalisation-wrapper.active .personalisation-header .head-dropdown-icon .vi {
  color: #FFFFFF;
  color: var(--drop_menu_active_icon_color, #FFFFFF) !important;
}
.details-container.rbr .left-container.custom-item .config-share-cart {
  display: flex;
  margin-top: 30px;
  justify-content: center;
}
.details-container.rbr .left-container.custom-item .config-share-cart .share-box {
  margin-bottom: 25px;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.details-container.rbr .left-container.custom-item .config-share-cart .share-box button {
  border-radius: 100px;
  border: 2px solid;
  line-height: 42px;
  height: 55px;
  font-size: 18px;
  font-weight: 700;
  cursor: pointer;
  outline: none;
}
.details-container.rbr .left-container.custom-item .config-share-cart .share-box .share {
  width: 150px;
  border-color: #652E77;
  border-color: var(--action_btn_active_color, #652E77) !important;
  color: #652E77;
  color: var(--action_btn_active_color, #652E77) !important;
  margin-right: 10px;
  background-color: transparent;
}
.details-container.rbr .left-container.custom-item .config-share-cart .share-box .share .vi {
  font-size: 22px;
  margin-right: 15px;
  vertical-align: text-top;
}
.details-container.rbr .left-container.custom-item .config-share-cart .cart-box {
  display: flex;
  justify-content: center;
}
.details-container.rbr .left-container.custom-item .config-share-cart .cart-box button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 55px;
  width: 260px;
  border-radius: 50px;
  border: 0;
  cursor: pointer;
  outline: none;
  background-color: #652E77;
  background-color: var(--action_btn_active_color, #652E77) !important;
}
.details-container.rbr .left-container.custom-item .config-share-cart .cart-box button .label {
  font-size: 18px;
  font-weight: 700;
  color: #FFFFFF;
  color: var(--action_btn_active_font_color, #FFFFFF) !important;
}
.details-container.rbr .left-container.custom-item .config-share-cart .cart-box button .vi {
  font-size: 30px;
  margin-right: 15px;
  margin-left: -20px;
  color: #FFFFFF;
  color: var(--action_btn_active_icon_color, #FFFFFF) !important;
}
.details-container.rbr .left-container.custom-item .config-share-cart .cart-box button.disabled {
  border: 0;
  background-color: #BFBFC3;
  background-color: var(--option_btn_disabled_color, #BFBFC3) !important;
  color: #FFFFFF;
  color: var(--option_btn_disabled_font_color, #FFFFFF) !important;
}
.details-container.rbr .left-container.custom-item .config-share-cart .cart-box button.disabled .vi {
  margin-left: -20px;
  color: #FFFFFF;
  color: var(--option_btn_disabled_icon_color, #FFFFFF) !important;
}
.details-container.rbr .right-container {
  justify-content: flex-start;
}
.details-container.rbr .right-container .media-bmh {
  width: 90%;
  margin-left: 0;
}
.details-container.rbr .right-container .go-back {
  cursor: pointer;
  margin-left: 15px;
}
.share-modal:not(.gemstone-share-modal) {
  margin: 150px auto;
}
.share-modal .jewelry-share {
  border-radius: 0.3em;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
.share-modal .jewelry-share .jewelry-share-header {
  width: 284px;
  text-align: center;
  margin: 20px auto 30px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.share-modal .jewelry-share .jewelry-share-header span {
  font-size: 24px;
  font-weight: 700;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  display: block;
}
.share-modal .jewelry-share .jewelry-share-header span.icon {
  font-size: 22px;
  display: block;
  margin: 0 auto 10px;
}
.share-modal .jewelry-share .jewelry-share-header .close-modal {
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
}
.share-modal .jewelry-share .jewelry-share-header .close-modal .vi {
  font-size: 18px;
}
.share-modal .jewelry-share .email {
  width: 360px;
  margin: 0 auto;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.share-modal .jewelry-share .email p {
  font-size: 14px;
  margin-top: 5px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.share-modal .jewelry-share .email input[type=email] {
  height: 50px;
  width: 100%;
  border: 2px solid;
  border-color: #BFBFC3;
  border-color: var(--input_field_line_static, #BFBFC3) !important;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_static, #FFFFFF) !important;
  padding: 0 10px;
}
.share-modal .jewelry-share .email input[type=email]::-webkit-input-placeholder {
  text-align: center;
  font-size: 14px;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
}
.share-modal .jewelry-share .email input[type=email]:-moz-placeholder {
  /* Firefox 18- */
  text-align: center;
  font-size: 14px;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
}
.share-modal .jewelry-share .email input[type=email]::-moz-placeholder {
  /* Firefox 19+ */
  text-align: center;
  font-size: 14px;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
}
.share-modal .jewelry-share .email input[type=email]:-ms-input-placeholder {
  text-align: center;
  font-size: 14px;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
}
.share-modal .jewelry-share .email input[type=email]:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px white inset;
  -webkit-text-fill-color: #706F76;
  -webkit-text-fill-color: var(--input_field_font_static, #706F76) !important;
}
.share-modal .jewelry-share .email input[type=email]:-webkit-autofill:focus {
  -webkit-text-fill-color: #292735;
  -webkit-text-fill-color: var(--input_field_font_active, #292735) !important;
}
.share-modal .jewelry-share .email input[type=email]:focus {
  border: 1px solid;
  border-color: #804294;
  border-color: var(--input_field_line_active, #804294) !important;
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_active, #FFFFFF) !important;
}
.share-modal .jewelry-share .email .field-error {
  background-color: #d0021b;
  line-height: 50px;
  margin: 10px auto;
  font-size: 18px;
  font-weight: bolder;
  width: 100%;
  color: #ffffff;
  text-align: center;
}
.share-modal .jewelry-share .comments {
  margin-top: 30px;
}
.share-modal .jewelry-share .comments .header {
  font-size: 14px;
  text-transform: capitalize;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  display: block;
  font-weight: 400;
  margin-bottom: 10px;
  text-align: center;
}
.share-modal .jewelry-share .comments textarea {
  width: 360px;
  height: 155px;
  padding: 10px;
  margin: 0 auto;
  border-color: #BFBFC3;
  border-color: var(--input_field_line_static, #BFBFC3) !important;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_static, #FFFFFF) !important;
  font-weight: 400;
  display: block;
}
.share-modal .jewelry-share .comments textarea::-webkit-input-placeholder {
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
  font-size: 14px;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
}
.share-modal .jewelry-share .comments textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
  font-size: 14px;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
}
.share-modal .jewelry-share .comments textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
  font-size: 14px;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
}
.share-modal .jewelry-share .comments textarea:-ms-input-placeholder {
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  font-size: 14px;
}
.share-modal .jewelry-share .comments textarea:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px white inset;
  -webkit-text-fill-color: #706F76;
  -webkit-text-fill-color: var(--input_field_font_static, #706F76) !important;
}
.share-modal .jewelry-share .comments textarea:-webkit-autofill:focus {
  -webkit-text-fill-color: #292735;
  -webkit-text-fill-color: var(--input_field_font_active, #292735) !important;
}
.share-modal .jewelry-share .comments textarea:focus {
  border: 1px solid;
  border-color: #804294;
  border-color: var(--input_field_line_active, #804294) !important;
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_active, #FFFFFF) !important;
}
.share-modal .jewelry-share .submit {
  padding-top: 30px;
  padding-bottom: 30px;
}
.share-modal .jewelry-share .submit button {
  height: 55px;
  width: 190px;
  border-radius: 100px;
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
  display: block;
  margin: 0 auto;
  outline: 0 !important;
}
.contact-modal {
  margin: 150px auto;
}
.contact-modal .jewelry-contact-us {
  border-radius: 0.3em;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
.contact-modal .jewelry-contact-us .jewelry-contact-header {
  width: 340px;
  text-align: center;
  margin: 20px auto 30px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.contact-modal .jewelry-contact-us .jewelry-contact-header span {
  font-size: 30px;
  font-weight: 500;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  display: block;
}
.contact-modal .jewelry-contact-us .jewelry-contact-header .close-modal {
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
}
.contact-modal .jewelry-contact-us .jewelry-contact-header .close-modal .vi {
  font-size: 18px;
}
.contact-modal .jewelry-contact-us .contact-us-text {
  width: 300px;
  text-align: center;
  margin: 15px auto;
  font-size: 14px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.contact-modal .jewelry-contact-us .comments {
  margin-top: 30px;
}
.contact-modal .jewelry-contact-us .comments .header {
  font-size: 14px;
  text-transform: capitalize;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  display: block;
  font-weight: 400;
  margin-bottom: 10px;
  text-align: center;
}
.contact-modal .jewelry-contact-us .comments textarea {
  width: 360px;
  height: 155px;
  padding: 10px;
  margin: 0 auto;
  border-color: #BFBFC3;
  border-color: var(--input_field_line_static, #BFBFC3) !important;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_static, #FFFFFF) !important;
  font-weight: 400;
  display: block;
}
.contact-modal .jewelry-contact-us .comments textarea::-webkit-input-placeholder {
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
  font-size: 14px;
}
.contact-modal .jewelry-contact-us .comments textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
  font-size: 14px;
}
.contact-modal .jewelry-contact-us .comments textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
  font-size: 14px;
}
.contact-modal .jewelry-contact-us .comments textarea:-ms-input-placeholder {
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
  font-size: 14px;
}
.contact-modal .jewelry-contact-us .submit {
  padding-top: 30px;
  padding-bottom: 30px;
}
.contact-modal .jewelry-contact-us .submit button {
  height: 55px;
  width: 190px;
  border-radius: 100px;
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
  display: block;
  margin: 0 auto;
  outline: 0 !important;
}
.cert .iframe {
  min-height: 100vh;
  overflow: scroll;
}
.cert .unsecuredUrl {
  text-align: center;
  margin: 50% auto;
  cursor: pointer;
}
.cert .unsecuredUrlPopup {
  text-align: center;
  height: 60vh;
  line-height: 60vh;
  cursor: pointer;
}
.cert iframe {
  background-image: url("../webapp/common/cert_one_moment.gif");
  background-repeat: no-repeat;
  background-position: top center;
  background-color: #ffffff;
  height: 100vh;
}
.cert .image-cert {
  background-repeat: no-repeat;
  background-position: top center;
  background-color: #ffffff;
}
.cert .image-cert img {
  width: 100%;
}
@media (min-width: 1001px) and (max-width: 1199px) {
  .left-container {
    padding-left: 10px !important;
  }

  .right-container .media-bmh {
    margin-left: 0 !important;
  }
  .right-container .media-bmh .media-container .image-cover, .right-container .media-bmh .media-container .video-box-no-play .video-cover {
    width: 100% !important;
    height: unset !important;
    position: relative;
    padding-bottom: 100%;
  }
  .right-container .media-bmh .media-container .image-cover img, .right-container .media-bmh .media-container .video-box-no-play .video-cover img {
    position: absolute;
    top: 0;
    left: 0;
  }
  .right-container .media-bmh .media-slides-container {
    width: 100% !important;
  }
  .right-container .media-bmh .media-slides-container .media-slide {
    width: 22% !important;
    margin: 0 10px 10px 0 !important;
    height: auto !important;
  }
  .right-container .media-bmh .media-slides-container .media-slide .image-container {
    margin-bottom: 0 !important;
  }
  .right-container .bmh-buttons {
    width: 22% !important;
  }
}
@media screen and (max-width: 1000px) {
  .details-container {
    justify-content: center;
    flex-direction: column !important;
    align-items: center;
    flex-wrap: nowrap !important;
  }
  .details-container .left-container {
    order: 3;
    max-width: unset !important;
    width: 600px;
    padding-top: unset !important;
  }
  .details-container .left-container .title-container {
    display: none;
  }
  .details-container .right-container {
    order: 2;
    max-width: 600px !important;
    justify-content: center !important;
  }
  .details-container .right-container .title-container, .details-container .right-container .go-back {
    display: block !important;
    width: 550px;
    margin-bottom: 10px;
    margin-left: 0px !important;
  }
  .details-container .right-container .media-bmh {
    margin-left: 0 !important;
    width: 78% !important;
  }
  .details-container .right-container .media-bmh .media-container {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
  }
  .details-container .full-screen-jewelry-overlay .carousel, .details-container .full-screen-jewelry-overlay .media-slides-container {
    width: 100%;
  }

  .configuration .title-text {
    margin-left: 20px;
  }
}
@media (min-width: 600px) and (max-width: 1000px) {
  .right-container .media-bmh .media-container .carousel-container .mark-favorite {
    left: 10% !important;
  }

  .price-container, .personalisation-wrapper .personalisation-wrapper, .config-share-cart {
    margin-left: 10% !important;
    margin-right: 15% !important;
  }
}
@media screen and (max-width: 600px) {
  .details-container {
    padding: 0 10px;
  }
  .details-container .left-container {
    width: 100% !important;
  }
  .details-container .right-container .title-container, .details-container .right-container .go-back {
    width: 100%;
    padding: 0 20px;
    margin-left: 0px !important;
  }
  .details-container .right-container .media-bmh {
    width: unset !important;
    order: 2;
  }
}
@media screen and (max-width: 600px) and (max-width: 470px) {
  .details-container .right-container .media-bmh {
    width: 100% !important;
  }
  .details-container .right-container .media-bmh .carousel-inner {
    height: auto !important;
  }
  .details-container .right-container .media-bmh .carousel-inner .image-container .image-cover {
    width: 100% !important;
    height: unset !important;
    position: relative;
    padding-bottom: 100%;
  }
  .details-container .right-container .media-bmh .carousel-inner .image-container .image-cover img {
    position: absolute;
    top: 0;
    left: 0;
  }
  .details-container .right-container .media-bmh .carousel-inner .video-box-no-play {
    margin-bottom: 40px;
  }
  .details-container .right-container .media-bmh .carousel-inner .cert {
    width: 100% !important;
    height: unset !important;
  }
  .details-container .right-container .media-bmh .carousel-inner .cert .image-cert {
    height: 260px !important;
    margin-bottom: 40px;
  }
  .details-container .right-container .media-bmh .carousel-inner .cert .iframe {
    min-height: 300px !important;
    height: 300px !important;
  }
  .details-container .right-container .media-bmh .media-slides-container {
    width: 280px !important;
  }
  .details-container .right-container .media-bmh .media-slides-container .media-slide {
    height: 60px !important;
    width: 60px !important;
  }
  .details-container .right-container .media-bmh .media-slides-container .media-slide .image-cover, .details-container .right-container .media-bmh .media-slides-container .media-slide .video-cover {
    height: 57.8px !important;
    width: 57.8px !important;
  }
  .details-container .right-container .media-bmh .media-slides-container .media-slide .play-video a {
    height: 20px !important;
    width: 30px !important;
  }
  .details-container .right-container .media-bmh .media-slides-container .media-slide .cert-box {
    height: 57.8px !important;
    width: 57.8px !important;
    padding-bottom: 0px !important;
  }
  .details-container .right-container .media-bmh .media-slides-container .media-slide .cert-box .vi {
    font-size: 22px !important;
  }
  .details-container .right-container .media-bmh .carousel-control-prev {
    width: 6%;
    left: -25px !important;
  }
  .details-container .right-container .media-bmh .carousel-control-next {
    width: 6%;
    right: -25px !important;
  }
}
@media screen and (max-width: 600px) {
  .details-container .right-container .media-bmh .media-container {
    padding: 10px;
  }
}
@media screen and (max-width: 600px) {
  .details-container .right-container .media-bmh .jewelry-buy .image-container, .details-container .right-container .media-bmh .jewelry-hold .image-container, .details-container .right-container .media-bmh .jewelry-memo .image-container {
    display: none;
  }
  .details-container .right-container .media-bmh .jewelry-buy .go-to-info, .details-container .right-container .media-bmh .jewelry-hold .go-to-info, .details-container .right-container .media-bmh .jewelry-memo .go-to-info {
    position: absolute;
    margin: 0 !important;
    right: 20px;
    cursor: pointer;
  }
  .details-container .right-container .media-bmh .jewelry-buy .header, .details-container .right-container .media-bmh .jewelry-hold .header, .details-container .right-container .media-bmh .jewelry-memo .header {
    margin-left: unset !important;
  }
  .details-container .right-container .media-bmh .jewelry-buy .right-memo-header, .details-container .right-container .media-bmh .jewelry-buy .right-buy-header, .details-container .right-container .media-bmh .jewelry-buy .right-hold-header, .details-container .right-container .media-bmh .jewelry-hold .right-memo-header, .details-container .right-container .media-bmh .jewelry-hold .right-buy-header, .details-container .right-container .media-bmh .jewelry-hold .right-hold-header, .details-container .right-container .media-bmh .jewelry-memo .right-memo-header, .details-container .right-container .media-bmh .jewelry-memo .right-buy-header, .details-container .right-container .media-bmh .jewelry-memo .right-hold-header {
    justify-content: center !important;
  }
  .details-container .right-container .media-bmh .jewelry-buy .memo-comments, .details-container .right-container .media-bmh .jewelry-hold .memo-comments, .details-container .right-container .media-bmh .jewelry-memo .memo-comments {
    padding: 20px;
  }
  .details-container .right-container .media-bmh .jewelry-buy .payment-section, .details-container .right-container .media-bmh .jewelry-hold .payment-section, .details-container .right-container .media-bmh .jewelry-memo .payment-section {
    padding: 0;
  }
  .details-container .right-container .media-bmh .jewelry-buy .select-hours .hours-solid-bg, .details-container .right-container .media-bmh .jewelry-hold .select-hours .hours-solid-bg, .details-container .right-container .media-bmh .jewelry-memo .select-hours .hours-solid-bg {
    left: 4%;
    width: 90%;
  }
}
@media screen and (max-width: 600px) {
  .details-container .right-container .bmh-buttons {
    width: 100% !important;
    order: 1;
    margin: 15px 0;
  }
  .details-container .right-container .bmh-buttons ul {
    display: flex;
    margin: 0;
    justify-content: space-around;
  }
  .details-container .right-container .bmh-buttons ul li {
    width: 80px !important;
    border-radius: 50% !important;
    flex-direction: column-reverse !important;
  }
  .details-container .right-container .bmh-buttons ul li .image {
    margin-left: 0 !important;
    margin-top: 0 !important;
  }
}
@media screen and (max-width: 600px) {
  .details-container .full-screen-jewelry-overlay .carousel {
    width: 100%;
    height: auto;
    padding: 20px 35px;
  }
  .details-container .full-screen-jewelry-overlay .carousel .carousel-inner {
    height: auto !important;
  }
  .details-container .full-screen-jewelry-overlay .carousel .carousel-inner .image-container .image-cover {
    height: unset !important;
    width: 100% !important;
    max-width: 475px !important;
    max-height: 475px !important;
    padding-bottom: 100%;
    position: relative;
  }
  .details-container .full-screen-jewelry-overlay .carousel .carousel-inner .image-container .image-cover img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .details-container .full-screen-jewelry-overlay .carousel .carousel-inner .cert {
    width: 100% !important;
    height: unset !important;
  }
  .details-container .full-screen-jewelry-overlay .carousel .carousel-control-prev {
    left: -12px !important;
  }
  .details-container .full-screen-jewelry-overlay .carousel .carousel-control-next {
    right: -12px !important;
  }
  .details-container .full-screen-jewelry-overlay .media-slides-container {
    width: 100% !important;
  }
  .details-container .full-screen-jewelry-overlay .media-slides-container .media-slide {
    height: 60px !important;
    width: 60px !important;
  }
  .details-container .full-screen-jewelry-overlay .media-slides-container .media-slide .image-cover, .details-container .full-screen-jewelry-overlay .media-slides-container .media-slide .video-cover {
    height: 57.8px !important;
    width: 57.8px !important;
  }
  .details-container .full-screen-jewelry-overlay .media-slides-container .media-slide .play-video a {
    height: 20px !important;
    width: 30px !important;
  }
  .details-container .full-screen-jewelry-overlay .media-slides-container .media-slide .cert-box {
    height: 57.8px !important;
    width: 57.8px !important;
    padding-bottom: 0px !important;
  }
  .details-container .full-screen-jewelry-overlay .media-slides-container .media-slide .cert-box .vi {
    font-size: 22px !important;
  }
}
@media (min-width: 380px) and (max-width: 470px) {
  .details-container .right-container .media-bmh .media-container {
    padding: 20px 25px !important;
  }
  .details-container .right-container .media-bmh .media-container .video-cover {
    height: 314px !important;
    width: 314px !important;
  }
}
@media screen and (max-width: 380px) {
  .details-container .left-container .rbr-share-contact button {
    font-size: 14px !important;
  }
  .details-container .left-container .multiple-location-wrapper .multiple-location .multiple-location-toggle .company-dropdown-name {
    width: 60% !important;
  }
  .details-container .right-container .media-bmh .media-container {
    padding: 20px 25px !important;
  }
  .details-container .right-container .media-bmh .media-container .media-slides-container {
    width: 260px !important;
  }
  .details-container .right-container .media-bmh .media-container .media-slides-container .media-slide {
    margin-right: 5px !important;
  }
  .details-container .right-container .media-bmh .media-container .video-cover {
    height: 250px !important;
    width: 250px !important;
  }
  .details-container .right-container .media-bmh .media-container .carousel-control-prev {
    width: 6%;
    left: -22px !important;
    justify-content: flex-end;
  }
  .details-container .right-container .media-bmh .media-container .carousel-control-next {
    width: 6%;
    right: -22px !important;
    justify-content: flex-start;
  }
}
@media screen and (max-width: 480px) {
  .contact-modal:not(.gemstone-share-modal), .share-modal:not(.gemstone-share-modal) {
    margin: 150px 5px !important;
  }
  .contact-modal .jewelry-contact-us, .contact-modal .jewelry-share, .share-modal .jewelry-contact-us, .share-modal .jewelry-share {
    padding: 20px;
  }
  .contact-modal .jewelry-contact-us .jewelry-contact-header span, .contact-modal .jewelry-share .jewelry-contact-header span, .share-modal .jewelry-contact-us .jewelry-contact-header span, .share-modal .jewelry-share .jewelry-contact-header span {
    font-size: 20px;
  }
  .contact-modal .jewelry-contact-us .jewelry-share-header span, .contact-modal .jewelry-share .jewelry-share-header span, .share-modal .jewelry-contact-us .jewelry-share-header span, .share-modal .jewelry-share .jewelry-share-header span {
    font-size: 20px;
  }
  .contact-modal .jewelry-contact-us .jewelry-share-header, .contact-modal .jewelry-contact-us .jewelry-contact-header, .contact-modal .jewelry-contact-us .contact-us-text, .contact-modal .jewelry-contact-us .email, .contact-modal .jewelry-contact-us textarea, .contact-modal .jewelry-share .jewelry-share-header, .contact-modal .jewelry-share .jewelry-contact-header, .contact-modal .jewelry-share .contact-us-text, .contact-modal .jewelry-share .email, .contact-modal .jewelry-share textarea, .share-modal .jewelry-contact-us .jewelry-share-header, .share-modal .jewelry-contact-us .jewelry-contact-header, .share-modal .jewelry-contact-us .contact-us-text, .share-modal .jewelry-contact-us .email, .share-modal .jewelry-contact-us textarea, .share-modal .jewelry-share .jewelry-share-header, .share-modal .jewelry-share .jewelry-contact-header, .share-modal .jewelry-share .contact-us-text, .share-modal .jewelry-share .email, .share-modal .jewelry-share textarea {
    width: 100% !important;
  }

  .config-share-cart {
    flex-direction: column-reverse;
  }
  .config-share-cart .share-box {
    margin-top: 20px;
    justify-content: center !important;
  }
  .config-share-cart .share-box .share {
    width: 260px !important;
    margin-right: 0px !important;
  }
}
.jewelry-memo {
  display: flex;
  border: 2px solid;
  border-color: #804294;
  border-color: var(--bmh_button_memo_active_font_color, #804294) !important;
}
.jewelry-memo .right-memo-section {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  width: 100%;
  position: relative;
}
.jewelry-memo .right-memo-section .right-memo-header {
  text-align: center;
  padding: 25px 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.jewelry-memo .right-memo-section .right-memo-header span.header {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-size: 30px;
  font-weight: 500;
  margin-left: -45px;
}
.jewelry-memo .right-memo-section .memo-comments {
  text-align: center;
  width: 100%;
  padding: 20px 60px;
  margin: 0;
}
.jewelry-memo .right-memo-section .memo-comments .header {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  color: inherit;
  font-size: 13px;
  font-weight: 400;
}
.jewelry-memo .right-memo-section .memo-comments textarea {
  width: 100%;
  height: 300px;
  border: 1px solid;
  padding: 10px;
  border-color: #BFBFC3;
  border-color: var(--input_field_line_static, #BFBFC3) !important;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_static, #FFFFFF) !important;
  font-weight: 400;
}
.jewelry-memo .right-memo-section .memo-comments textarea:focus {
  border-color: #804294;
  border-color: var(--input_field_line_active, #804294) !important;
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_active, #FFFFFF) !important;
}
.jewelry-memo .right-memo-section .memo-comments textarea::-webkit-input-placeholder {
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
}
.jewelry-memo .right-memo-section .memo-comments textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
}
.jewelry-memo .right-memo-section .memo-comments textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
}
.jewelry-memo .right-memo-section .memo-comments textarea:-ms-input-placeholder {
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
}
.jewelry-memo .right-memo-section .memo-submit {
  width: 100%;
  text-align: center;
  padding-bottom: 15px;
}
.jewelry-memo .right-memo-section .memo-submit .trigger-confirm {
  width: 215px;
  border-radius: 100px;
  height: 60px;
  background-color: #804294;
  background-color: var(--memo_btn_action_static, #804294) !important;
  color: #FFFFFF;
  color: var(--memo_btn_action_static_font, #FFFFFF) !important;
  font-weight: 400;
  text-transform: capitalize;
}
.jewelry-hold {
  display: flex;
  border: 2px solid;
  border-color: #e30047;
  border-color: var(--bmh_button_hold_active_font_color, #e30047) !important;
}
.jewelry-hold .right-hold-section {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  width: 100%;
  position: relative;
}
.jewelry-hold .right-hold-section .right-hold-header {
  text-align: center;
  padding: 25px 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.jewelry-hold .right-hold-section .right-hold-header span.header {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-size: 30px;
  font-weight: 500;
  margin-right: 40px;
}
.jewelry-hold .right-hold-section .summary-text {
  width: 270px;
  margin: 0 auto;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
}
.jewelry-hold .right-hold-section .select-hours {
  position: relative;
}
.jewelry-hold .right-hold-section .select-hours .selected-hour-container {
  height: 140px;
  width: 140px;
  background-color: #e30047;
  background-color: var(--bmh_hold_request_option_on, #e30047) !important;
  margin: 20px auto 5px;
  border-radius: 50%;
  text-align: center;
  padding-top: 32px;
  position: relative;
  z-index: 3;
  cursor: pointer;
}
.jewelry-hold .right-hold-section .select-hours .selected-hour-container .selected-hour {
  color: #FFFFFF;
  color: var(--bmh_hold_request_option_on_font, #FFFFFF) !important;
  font-weight: 400;
}
.jewelry-hold .right-hold-section .select-hours .selected-hour-container .selected-hour .hour-value {
  font-size: 48px;
  line-height: 48px;
  font-weight: 700;
}
.jewelry-hold .right-hold-section .select-hours .selected-hour-container .selected-hour .hour-text {
  font-size: 18px;
}
.jewelry-hold .right-hold-section .select-hours .selected-hour-container .arrow-down, .jewelry-hold .right-hold-section .select-hours .selected-hour-container .arrow-up {
  margin: 0 auto;
  color: #FFFFFF;
  color: var(--bmh_hold_request_option_on_font, #FFFFFF) !important;
}
.jewelry-hold .right-hold-section .select-hours .hours-solid-bg {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  width: 85%;
  left: 7.5%;
  height: 210px;
  padding-top: 75px;
  position: absolute;
  top: 80px;
  z-index: 2;
}
.jewelry-hold .right-hold-section .select-hours .hours {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  width: 100%;
  left: 0;
  height: 210px;
  padding-top: 75px;
  position: absolute;
  top: 0;
  z-index: 2;
}
.jewelry-hold .right-hold-section .select-hours .hours.hide {
  display: none;
}
.jewelry-hold .right-hold-section .select-hours .hours ul {
  padding: 0;
  margin: 0 0 10px;
  list-style-type: none;
  text-align: center;
}
.jewelry-hold .right-hold-section .select-hours .hours ul li {
  display: inline-block;
  height: 55px;
  width: 55px;
  text-align: center;
  border-radius: 50%;
  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.29);
  padding-top: 15px;
  margin-left: 5px;
  cursor: pointer;
  background-color: #FFFFFF;
  background-color: var(--bmh_hold_request_option_off, #FFFFFF) !important;
  color: #e30047;
  color: var(--bmh_hold_request_option_off_font, #e30047) !important;
}
.jewelry-hold .right-hold-section .select-hours .hours ul li .hour {
  font-size: 22px;
  font-weight: 500;
  line-height: 12px;
}
.jewelry-hold .right-hold-section .select-hours .hours ul li .label {
  font-size: 10px;
  font-weight: 400;
}
.jewelry-hold .right-hold-section .select-hours .hours ul li.selected {
  background-color: #e30047;
  background-color: var(--bmh_hold_request_option_on, #e30047) !important;
}
.jewelry-hold .right-hold-section .select-hours .hours ul li.selected .hour, .jewelry-hold .right-hold-section .select-hours .hours ul li.selected .label {
  color: #FFFFFF;
  color: var(--bmh_hold_request_option_on_font, #FFFFFF) !important;
}
.jewelry-hold .right-hold-section .select-hours .click-notice {
  width: 170px;
  margin: 0 auto;
  text-align: center;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.jewelry-hold .right-hold-section .comment-section {
  margin-top: 20px;
  padding: 0 65px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.jewelry-hold .right-hold-section .comment-section .header {
  font-size: 13px;
  display: block;
  font-weight: 400;
  margin-bottom: 10px;
  text-align: center;
}
.jewelry-hold .right-hold-section .comment-section textarea {
  width: 100%;
  height: 100px;
  border: 1px solid;
  padding: 10px;
  border-color: #BFBFC3;
  border-color: var(--input_field_line_static, #BFBFC3) !important;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_static, #FFFFFF) !important;
  font-weight: 400;
}
.jewelry-hold .right-hold-section .comment-section textarea:focus {
  border-color: #804294;
  border-color: var(--input_field_line_active, #804294) !important;
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_active, #FFFFFF) !important;
}
.jewelry-hold .right-hold-section .comment-section textarea::-webkit-input-placeholder {
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
}
.jewelry-hold .right-hold-section .comment-section textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
}
.jewelry-hold .right-hold-section .comment-section textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
}
.jewelry-hold .right-hold-section .comment-section textarea:-ms-input-placeholder {
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
}
.jewelry-hold .right-hold-section .comment-section.not-visible {
  opacity: 0;
}
.jewelry-hold .right-hold-section .hold-submit {
  width: 100%;
  text-align: center;
  margin: 15px 0;
}
.jewelry-hold .right-hold-section .hold-submit .trigger-confirm {
  width: 215px;
  border-radius: 100px;
  height: 60px;
  background-color: #D8394C;
  background-color: var(--hold_btn_action_static, #D8394C) !important;
  color: #FFFFFF;
  color: var(--hold_btn_action_static_font, #FFFFFF) !important;
  font-weight: 400;
  text-transform: capitalize;
}
.jewelry-buy {
  display: flex;
  border: 2px solid;
  border-color: #5cb8a6;
  border-color: var(--bmh_button_buy_active_font_color, #5cb8a6) !important;
}
.jewelry-buy .right-buy-section {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  width: 100%;
  position: relative;
}
.jewelry-buy .right-buy-section .right-buy-header {
  text-align: center;
  padding: 25px 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.jewelry-buy .right-buy-section .right-buy-header span.header {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-size: 30px;
  font-weight: 500;
  margin-right: 30px;
}
.jewelry-buy .right-buy-section .payment-section {
  text-align: center;
  padding: 0 50px;
}
.jewelry-buy .right-buy-section .payment-section .term-boxed .header {
  font-size: 13px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-weight: 400;
}
.jewelry-buy .right-buy-section .payment-section .term-boxed .action-types {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0 15px;
}
.jewelry-buy .right-buy-section .payment-section .term-boxed .action-types > div {
  padding: 0 10px;
}
.jewelry-buy .right-buy-section .payment-section .term-boxed .action-types > div .cover {
  height: 48px;
  width: 100%;
}
.jewelry-buy .right-buy-section .payment-section .term-boxed .action-types > div .cover a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  font-size: 14px;
  border-radius: 50px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12);
  background-color: #FFFFFF;
  background-color: var(--bmh_buy_request_option_off, #FFFFFF) !important;
  color: #5cb8a6;
  color: var(--bmh_buy_request_option_off_font, #5cb8a6) !important;
}
.jewelry-buy .right-buy-section .payment-section .term-boxed .action-types > div .cover a span {
  font-weight: 500;
}
.jewelry-buy .right-buy-section .payment-section .term-boxed .action-types > div .cover a.selected {
  background-color: #5cb8a6;
  background-color: var(--bmh_buy_request_option_on, #5cb8a6) !important;
  color: #FFFFFF;
  color: var(--bmh_buy_request_option_on_font, #FFFFFF) !important;
}
.jewelry-buy .right-buy-section .payment-section .payment-boxed {
  margin-top: 20px;
}
.jewelry-buy .right-buy-section .payment-section .payment-boxed .header {
  font-size: 13px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  display: block;
  font-weight: 400;
  margin-bottom: 10px;
}
.jewelry-buy .right-buy-section .payment-section .payment-boxed .editable-fields {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0 20px;
}
.jewelry-buy .right-buy-section .payment-section .payment-boxed .editable-fields > div {
  width: 50%;
}
.jewelry-buy .right-buy-section .payment-section .payment-boxed .editable-fields > div:first-child {
  padding-right: 5px;
}
.jewelry-buy .right-buy-section .payment-section .payment-boxed .editable-fields > div:last-child {
  padding-left: 5px;
}
.jewelry-buy .right-buy-section .payment-section .payment-boxed .editable-fields > div > div {
  height: 120px;
  text-align: center;
  padding: 15px 0 10px;
}
.jewelry-buy .right-buy-section .payment-section .payment-boxed .editable-fields > div > div .label {
  display: block;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  font-weight: 400;
  font-size: 13px;
}
.jewelry-buy .right-buy-section .payment-section .payment-boxed .editable-fields > div > div input {
  text-align: center;
  font-size: 22px;
  width: 100%;
  font-weight: 500;
  margin-bottom: 10px;
  border: 0;
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
  background-color: transparent;
  outline: none;
}
.jewelry-buy .right-buy-section .payment-section .payment-boxed .editable-fields > div > div input:-webkit-autofill {
  -webkit-text-fill-color: #292735;
  -webkit-text-fill-color: var(--input_field_font_active, #292735) !important;
}
.jewelry-buy .right-buy-section .payment-section .payment-boxed .editable-fields > div > div input:-webkit-autofill:hover {
  -webkit-text-fill-color: #292735;
  -webkit-text-fill-color: var(--input_field_font_active, #292735) !important;
}
.jewelry-buy .right-buy-section .payment-section .payment-boxed .editable-fields > div > div input:-webkit-autofill:focus {
  -webkit-text-fill-color: #292735;
  -webkit-text-fill-color: var(--input_field_font_active, #292735) !important;
}
.jewelry-buy .right-buy-section .payment-section .payment-boxed .editable-fields > div > div input:-webkit-autofill:active {
  -webkit-text-fill-color: #292735;
  -webkit-text-fill-color: var(--input_field_font_active, #292735) !important;
}
.jewelry-buy .right-buy-section .payment-section .payment-boxed .editable-fields > div > div .input-box .dollar {
  display: inline-block;
  width: 10%;
  font-size: 22px;
  font-weight: 500;
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
}
.jewelry-buy .right-buy-section .payment-section .payment-boxed .editable-fields > div > div .input-box input {
  width: 70%;
}
.jewelry-buy .right-buy-section .payment-section .payment-boxed .editable-fields > div > div.price-box, .jewelry-buy .right-buy-section .payment-section .payment-boxed .editable-fields > div > div.total-box, .jewelry-buy .right-buy-section .payment-section .payment-boxed .editable-fields > div > div.box_pay_within {
  border: 1px solid;
  border-color: #BFBFC3;
  border-color: var(--input_field_line_static, #BFBFC3) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_static, #FFFFFF) !important;
}
.jewelry-buy .right-buy-section .payment-section .payment-boxed .editable-fields > div > div.price-box:focus-within, .jewelry-buy .right-buy-section .payment-section .payment-boxed .editable-fields > div > div.total-box:focus-within, .jewelry-buy .right-buy-section .payment-section .payment-boxed .editable-fields > div > div.box_pay_within:focus-within {
  border-color: #804294;
  border-color: var(--input_field_line_active, #804294) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_active, #FFFFFF) !important;
}
.jewelry-buy .right-buy-section .payment-section .payment-boxed .error {
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #d0021b;
  margin: 15px;
}
.jewelry-buy .right-buy-section .payment-section .payment-boxed .error p {
  margin: 0;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
}
.jewelry-buy .right-buy-section .payment-section .payment-boxed .error {
  margin: 20px;
}
.jewelry-buy .right-buy-section .payment-section .payment-boxed .error p {
  font-size: 18px;
}
.jewelry-buy .right-buy-section .payment-section .comment-section {
  margin-top: 20px;
  padding: 0 20px;
}
.jewelry-buy .right-buy-section .payment-section .comment-section .header {
  font-size: 13px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  display: block;
  font-weight: 400;
  margin-bottom: 10px;
}
.jewelry-buy .right-buy-section .payment-section .comment-section textarea {
  width: 100%;
  height: 100px;
  border: 1px solid;
  padding: 10px;
  border-color: #BFBFC3;
  border-color: var(--input_field_line_static, #BFBFC3) !important;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_static, #FFFFFF) !important;
  font-weight: 400;
}
.jewelry-buy .right-buy-section .payment-section .comment-section textarea:focus {
  border-color: #804294;
  border-color: var(--input_field_line_active, #804294) !important;
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_active, #FFFFFF) !important;
}
.jewelry-buy .right-buy-section .payment-section .comment-section textarea::-webkit-input-placeholder {
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
}
.jewelry-buy .right-buy-section .payment-section .comment-section textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
}
.jewelry-buy .right-buy-section .payment-section .comment-section textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
}
.jewelry-buy .right-buy-section .payment-section .comment-section textarea:-ms-input-placeholder {
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
}
.jewelry-buy .right-buy-section .payment-section .comment-section textarea.expand {
  height: 300px;
}
.jewelry-buy .right-buy-section .payment-section .buy-submit {
  width: 100%;
  text-align: center;
  margin: 15px 0;
}
.jewelry-buy .right-buy-section .payment-section .buy-submit .trigger-confirm {
  width: 215px;
  border-radius: 100px;
  height: 60px;
  background-color: #5CB8A6;
  background-color: var(--buy_btn_action_static, #5CB8A6) !important;
  color: #FFFFFF;
  color: var(--buy_btn_action_static_font, #FFFFFF) !important;
  font-weight: 400;
  text-transform: capitalize;
}
.jewelry-certificate-wrapper .jewelry-details-header .page-title {
  padding: 20px 20px 40px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.jewelry-certificate-wrapper .jewelry-details-header .page-title .jewelry-available-wrapper {
  display: inline-block;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  margin-right: 5px;
}
.jewelry-certificate-wrapper .jewelry-details-header .page-title .jewelry-available-wrapper.yes {
  background-color: #7ED321;
}
.jewelry-certificate-wrapper .jewelry-details-header .page-title .jewelry-available-wrapper.no {
  background-color: #d0021b;
}
.jewelry-certificate-wrapper .jewelry-details-header .page-title .stock_num {
  margin: 0;
  font-size: 20px;
  display: inline-block;
  font-weight: 500;
}
.jewelry-certificate-wrapper .jewelry-details-header .page-title span {
  font-size: 20px;
  font-weight: 400;
}
.jewelry-certificate-wrapper .iframe {
  min-height: 100vh;
  overflow: scroll;
}
.jewelry-certificate-wrapper iframe {
  background-image: url("../webapp/common/cert_one_moment.gif");
  background-repeat: no-repeat;
  background-position: top center;
  background-color: #ffffff;
  height: 100vh;
}
.jewelry-certificate-wrapper .image-cert {
  background-image: url("../webapp/common/cert_spinner2.gif");
  background-repeat: no-repeat;
  background-position: top center;
  background-color: #ffffff;
}
.jewelry-certificate-wrapper .image-cert img {
  width: 100%;
}
@media (min-width: 800px) and (max-width: 1300px) {
  .certificate-wrapper.responsive .image-cert, .certificate-wrapper.responsive .pdf-cert, .certificate-wrapper.responsive .iframe {
    width: 900px;
    margin: 0 auto;
    overflow: scroll;
  }
}
@media screen and (max-width: 800px) {
  .certificate-wrapper.responsive {
    padding-top: 100px;
  }
}
@media screen and (max-width: 800px) and (max-width: 400px) {
  .certificate-wrapper.responsive .page-title .short-title {
    width: 100%;
    font-size: 20px !important;
  }
  .certificate-wrapper.responsive .page-title span, .certificate-wrapper.responsive .page-title h3 {
    font-size: 18px;
  }
  .certificate-wrapper.responsive .image-cert, .certificate-wrapper.responsive .pdf-cert, .certificate-wrapper.responsive .iframe {
    width: 300px;
    margin: 0 auto;
    overflow: scroll;
    min-height: 400px !important;
  }
  .certificate-wrapper.responsive .image-cert iframe, .certificate-wrapper.responsive .pdf-cert iframe, .certificate-wrapper.responsive .iframe iframe {
    min-height: 400px !important;
  }
}
.jewelry-share {
  width: 100%;
  padding: 20px 0;
  position: relative;
}
.jewelry-share .jewelry-share-body {
  display: flex;
  margin: 20px 0;
}
.jewelry-share .jewelry-share-body .jewelry-details {
  width: 50%;
  padding-right: 30px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.jewelry-share .jewelry-share-body .jewelry-details .page-title .short-title {
  display: block;
  width: 100%;
  text-align: left;
}
.jewelry-share .jewelry-share-body .jewelry-details .page-title .jewelry-available-wrapper {
  display: inline-block;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  margin-right: 5px;
}
.jewelry-share .jewelry-share-body .jewelry-details .page-title .jewelry-available-wrapper.yes {
  background-color: #7ED321;
}
.jewelry-share .jewelry-share-body .jewelry-details .page-title .jewelry-available-wrapper.no {
  background-color: #d0021b;
}
.jewelry-share .jewelry-share-body .jewelry-details .page-title .stock_num {
  margin: 0;
  font-size: 20px;
  margin-bottom: 20px;
  font-weight: 5500;
  display: inline-block;
}
.jewelry-share .jewelry-share-body .jewelry-details .page-title span {
  font-size: 20px;
  font-weight: 400;
}
.jewelry-share .jewelry-share-body .jewelry-details .jewelry-content {
  display: flex;
  flex-wrap: wrap;
  margin-top: 15px;
}
.jewelry-share .jewelry-share-body .jewelry-details .jewelry-content .jewelry-image {
  width: 45%;
  position: relative;
}
.jewelry-share .jewelry-share-body .jewelry-details .jewelry-content .jewelry-image .image-box {
  width: 100%;
  height: 200px;
  position: relative;
}
.jewelry-share .jewelry-share-body .jewelry-details .jewelry-content .jewelry-image .image-box.jewelry-no-image-placeholder {
  background-image: url("../webapp/svg/diamond_detail/icon_detail_page_image_not_available.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 auto;
}
.jewelry-share .jewelry-share-body .jewelry-details .jewelry-content .jewelry-image .image-box .image-cover {
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.jewelry-share .jewelry-share-body .jewelry-details .jewelry-content .jewelry-image .image-box .image-cover img {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  background-color: var(--image_bg_color, #FFFFFF) !important;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-fit: var(--cover_image_bg_size, cover) !important;
     object-fit: var(--cover_image_bg_size, cover) !important;
}
.jewelry-share .jewelry-share-body .jewelry-details .jewelry-content .jewelry-image .mark-favorite {
  display: inline-flex;
  position: absolute;
  left: 5%;
  top: 5%;
  z-index: 2;
}
.jewelry-share .jewelry-share-body .jewelry-details .jewelry-content .jewelry-image .mark-favorite .path1 {
  color: #804294;
  color: var(--heart_outline_off_icon_color, #804294) !important;
  font-size: 31px;
}
.jewelry-share .jewelry-share-body .jewelry-details .jewelry-content .jewelry-image .mark-favorite .path2 {
  color: #804294;
  color: var(--heart_outline_off_icon_color, #804294) !important;
  font-size: 31px;
}
.jewelry-share .jewelry-share-body .jewelry-details .jewelry-content .jewelry-image .mark-favorite .path3 {
  color: #FFFFFF;
  color: var(--heart_bg_off_icon_color, #FFFFFF) !important;
  font-size: 31px;
}
.jewelry-share .jewelry-share-body .jewelry-details .jewelry-content .jewelry-image .mark-favorite.favorited .path1 {
  color: #FFFFFF;
  color: var(--heart_outline_on_icon_color, #FFFFFF) !important;
}
.jewelry-share .jewelry-share-body .jewelry-details .jewelry-content .jewelry-image .mark-favorite.favorited .path2 {
  color: #FFFFFF;
  color: var(--heart_outline_on_icon_color, #FFFFFF) !important;
}
.jewelry-share .jewelry-share-body .jewelry-details .jewelry-content .jewelry-image .mark-favorite.favorited .path3 {
  color: #804294;
  color: var(--heart_bg_on_icon_color, #804294) !important;
}
.jewelry-share .jewelry-share-body .jewelry-details .jewelry-content .price-container {
  width: 55%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px 0;
}
.jewelry-share .jewelry-share-body .jewelry-details .jewelry-content .price-container .label {
  font-size: 14px;
  line-height: 14px;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.jewelry-share .jewelry-share-body .jewelry-details .jewelry-content .price-container .total-price {
  font-size: 24px;
  font-weight: 700;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.jewelry-share .jewelry-share-body .jewelry-details .jewelry-content .price-container .ringSizeForShare {
  margin: 20px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.jewelry-share .jewelry-share-body .jewelry-details .jewelry-content .price-container .ringSizeForShare .value {
  font-size: 12px;
  line-height: 15px;
  font-weight: 700;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  margin-left: 10px;
}
.jewelry-share .jewelry-share-body .jewelry-details .detail {
  margin-top: 15px;
}
.jewelry-share .jewelry-share-body .jewelry-details .detail .heading {
  background-color: #804294;
  background-color: var(--drop_menu_bg_color, #804294) !important;
  color: #FFFFFF;
  color: var(--drop_menu_font_color, #FFFFFF) !important;
  display: flex;
  height: 48px;
  align-items: center;
}
.jewelry-share .jewelry-share-body .jewelry-details .detail .heading .text {
  font-size: 14px;
}
.jewelry-share .jewelry-share-body .jewelry-details .detail .heading .vi {
  width: 50px;
  font-size: 20px;
  margin-top: -5px;
  color: #FFFFFF;
  color: var(--drop_menu_icon_color, #FFFFFF) !important;
}
.jewelry-share .jewelry-share-body .jewelry-details .detail .body {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  padding: 15px;
}
.jewelry-share .jewelry-share-body .jewelry-details .detail .body .description {
  font-size: 14px;
  font-weight: 500;
}
.jewelry-share .jewelry-share-body .jewelry-details .detail .body .description .description-header {
  margin-bottom: 5px;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.jewelry-share .jewelry-share-body .jewelry-details .detail .body .description .description-text {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.jewelry-share .jewelry-share-body .jewelry-details .detail .body .data {
  display: flex;
  flex-direction: row;
}
.jewelry-share .jewelry-share-body .jewelry-details .detail .body .data table {
  width: 50%;
}
.jewelry-share .jewelry-share-body .jewelry-details .detail .body .data table th {
  font-size: 14px;
  font-weight: 500;
}
.jewelry-share .jewelry-share-body .jewelry-details .detail .body .data table tr {
  margin-bottom: 5px;
  display: flex;
}
.jewelry-share .jewelry-share-body .jewelry-details .detail .body .data table tr .label {
  font-size: 14px;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  width: 30%;
}
.jewelry-share .jewelry-share-body .jewelry-details .detail .body .data table tr .value {
  font-size: 14px;
  font-weight: 500;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.jewelry-share .jewelry-share-body .jewelry-details .detail .body .data table.item-desc {
  width: 70%;
  margin-bottom: 10px;
}
.jewelry-share .jewelry-share-body .jewelry-details .detail .body .data table.item-desc .label {
  width: 30%;
}
.jewelry-share .jewelry-share-body .jewelry-share {
  width: 50%;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
.jewelry-share .jewelry-share-body .jewelry-share .header {
  width: 284px;
  text-align: center;
  margin: 20px auto 30px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.jewelry-share .jewelry-share-body .jewelry-share .header span {
  font-size: 24px;
  font-weight: 400;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  display: block;
}
.jewelry-share .jewelry-share-body .jewelry-share .header span.icon {
  font-size: 22px;
  display: block;
  margin: 0 auto 10px;
}
.jewelry-share .jewelry-share-body .jewelry-share .email {
  width: 350px;
  margin: 0 auto;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.jewelry-share .jewelry-share-body .jewelry-share .email p {
  font-size: 14px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.jewelry-share .jewelry-share-body .jewelry-share .email input[type=email] {
  height: 50px;
  width: 100%;
  border: 2px solid;
  border-color: #BFBFC3;
  border-color: var(--input_field_line_static, #BFBFC3) !important;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_static, #FFFFFF) !important;
  padding: 0 10px;
}
.jewelry-share .jewelry-share-body .jewelry-share .email input[type=email]::-webkit-input-placeholder {
  text-align: center;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
}
.jewelry-share .jewelry-share-body .jewelry-share .email input[type=email]:-moz-placeholder {
  /* Firefox 18- */
  text-align: center;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
}
.jewelry-share .jewelry-share-body .jewelry-share .email input[type=email]::-moz-placeholder {
  /* Firefox 19+ */
  text-align: center;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
}
.jewelry-share .jewelry-share-body .jewelry-share .email input[type=email]:-ms-input-placeholder {
  text-align: center;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
}
.jewelry-share .jewelry-share-body .jewelry-share .email input[type=email]:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px white inset;
  -webkit-text-fill-color: #706F76;
  -webkit-text-fill-color: var(--input_field_font_static, #706F76) !important;
}
.jewelry-share .jewelry-share-body .jewelry-share .email input[type=email]:-webkit-autofill:focus {
  -webkit-text-fill-color: #292735;
  -webkit-text-fill-color: var(--input_field_font_active, #292735) !important;
}
.jewelry-share .jewelry-share-body .jewelry-share .email input[type=email]:focus {
  border: 1px solid;
  border-color: #804294;
  border-color: var(--input_field_line_active, #804294) !important;
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_active, #FFFFFF) !important;
}
.jewelry-share .jewelry-share-body .jewelry-share .email .field-error {
  background-color: #d0021b;
  line-height: 50px;
  margin: 10px auto;
  font-size: 18px;
  font-weight: bolder;
  width: 100%;
  color: #ffffff;
  text-align: center;
}
.jewelry-share .jewelry-share-body .jewelry-share .comments {
  margin-top: 30px;
}
.jewelry-share .jewelry-share-body .jewelry-share .comments .header {
  font-size: 14px;
  text-transform: capitalize;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  display: block;
  font-weight: 400;
  margin-bottom: 10px;
  text-align: center;
}
.jewelry-share .jewelry-share-body .jewelry-share .comments textarea {
  width: 350px;
  height: 225px;
  padding: 20px 10px;
  margin: 0 auto;
  border-color: #BFBFC3;
  border-color: var(--input_field_line_static, #BFBFC3) !important;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_static, #FFFFFF) !important;
  font-weight: 400;
  display: block;
}
.jewelry-share .jewelry-share-body .jewelry-share .comments textarea::-webkit-input-placeholder {
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
  text-align: center;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
}
.jewelry-share .jewelry-share-body .jewelry-share .comments textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
  text-align: center;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
}
.jewelry-share .jewelry-share-body .jewelry-share .comments textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
  text-align: center;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
}
.jewelry-share .jewelry-share-body .jewelry-share .comments textarea:-ms-input-placeholder {
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
  text-align: center;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
}
.jewelry-share .jewelry-share-body .jewelry-share .comments textarea:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px white inset;
  -webkit-text-fill-color: #706F76;
  -webkit-text-fill-color: var(--input_field_font_static, #706F76) !important;
}
.jewelry-share .jewelry-share-body .jewelry-share .comments textarea:-webkit-autofill:focus {
  -webkit-text-fill-color: #292735;
  -webkit-text-fill-color: var(--input_field_font_active, #292735) !important;
}
.jewelry-share .jewelry-share-body .jewelry-share .comments textarea:focus {
  border: 1px solid;
  border-color: #804294;
  border-color: var(--input_field_line_active, #804294) !important;
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_active, #FFFFFF) !important;
}
.jewelry-share .jewelry-share-body .jewelry-share .submit {
  padding-top: 30px;
  padding-bottom: 30px;
}
.jewelry-share .jewelry-share-body .jewelry-share .submit button {
  height: 60px;
  width: 145px;
  border-radius: 100px;
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
  display: block;
  margin: 0 auto;
  outline: 0 !important;
}
@media screen and (max-width: 1199px) {
  .jewelry-details .image-box {
    height: unset !important;
  }
  .jewelry-details .image-box .image-cover {
    height: unset !important;
    padding-bottom: 100%;
    position: relative;
  }
  .jewelry-details .image-box .image-cover img {
    position: absolute;
    top: 0;
    left: 0;
  }
}
@media (min-width: 1025px) and (max-width: 1199px) {
  .jewelry-details {
    padding-left: 20px !important;
  }
}
@media (min-width: 845px) and (max-width: 1024px) {
  .jewelry-details {
    padding-right: 0 !important;
  }
  .jewelry-details .page-title {
    padding: 0 20px;
  }
  .jewelry-details .jewelry-content {
    padding: 20px;
  }
  .jewelry-details > .detail {
    padding: 20px 20px 0;
  }
}
@media (min-width: 768px) and (max-width: 844px) {
  .jewelry-details .page-title, .jewelry-details .jewelry-content {
    padding-left: 20px !important;
  }
  .jewelry-details > .detail {
    padding: 20px 20px 0;
  }
  .jewelry-details > .detail table.item-desc {
    width: 100% !important;
  }
}
@media (min-width: 560px) and (max-width: 767px) {
  .jewelry-share .jewelry-share-body {
    flex-direction: column;
  }
  .jewelry-share .jewelry-share-body .jewelry-details {
    width: 70% !important;
    margin: 0 auto;
    padding: 0 0 20px !important;
  }
  .jewelry-share .jewelry-share-body .jewelry-details .detail {
    display: none;
  }
  .jewelry-share .jewelry-share-body .jewelry-share {
    width: 70% !important;
    margin: 0 auto;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .share-tab-options table {
    width: 49%;
    margin-right: 1%;
  }
  .share-tab-options table .label {
    width: 47% !important;
  }
  .share-tab-options table .value {
    width: 53% !important;
  }
}
@media screen and (max-width: 559px) {
  .jewelry-share .jewelry-share-body {
    flex-direction: column;
  }
  .jewelry-share .jewelry-share-body .jewelry-details {
    width: 100% !important;
    margin: 0 auto;
    padding: 20px !important;
  }
  .jewelry-share .jewelry-share-body .jewelry-details .detail {
    display: none;
  }
  .jewelry-share .jewelry-share-body .jewelry-share {
    width: 100% !important;
    margin: 0 auto;
    padding: 20px;
  }
  .jewelry-share .jewelry-share-body .jewelry-share .header, .jewelry-share .jewelry-share-body .jewelry-share .email, .jewelry-share .jewelry-share-body .jewelry-share textarea {
    width: 100% !important;
  }
}
.jewelry-place-request .place-request-header {
  margin-left: 5%;
  margin-right: 5%;
}
.jewelry-place-request .place-request-header .back-box {
  height: 100%;
  float: left;
  cursor: pointer;
}
.jewelry-place-request .place-request-header .back-box .back {
  margin-top: 25px;
  margin-left: 35px;
  font-size: 22px;
}
.jewelry-place-request .place-request-header .back-box .back .vi:before {
  color: #804294;
  color: var(--main_bg_icon_color, #804294) !important;
}
.jewelry-place-request .place-request-header .header {
  padding-top: 20px;
  padding-left: 20px;
}
.jewelry-place-request .place-request-header .header .header-label {
  font-size: 25px;
  font-weight: bold;
  margin-left: 20px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
@media screen and (max-width: 480px) {
  .jewelry-place-request .place-request-header .header {
    padding-top: 22px;
  }
  .jewelry-place-request .place-request-header .header .header-label {
    font-size: 25px;
  }
}
.jewelry-place-request .place-request-body {
  width: 100%;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper {
  width: 90%;
  margin-top: 30px;
  padding: 20px 0;
  max-width: 1400px;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-header .page-title {
  padding-left: 4%;
  padding-bottom: 5%;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
@media screen and (max-width: 600px) {
  .jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-header .page-title {
    padding-left: 0%;
  }
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-header .page-title .short-title {
  font-size: 1.5rem;
  font-weight: 500;
  display: block;
  margin-top: 10px;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-header .page-title .stock_num {
  margin: 0;
  font-size: 1.5rem;
  display: inline-block;
  font-weight: 500;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-header .page-title .diamond-available-wrapper {
  display: inline-block;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  margin-right: 5px;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-header .page-title .diamond-available-wrapper.yes {
  background-color: #7ED321;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-header .page-title .diamond-available-wrapper.no {
  background-color: #d0021b;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-header .page-title span {
  font-size: 20px;
  font-weight: 400;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body {
  margin-top: 20px;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .diamond-price-info {
  padding: 10px 20px;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  margin-left: 40px;
  flex-direction: row;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .diamond-price-info div {
  width: 25%;
  text-align: center;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .diamond-price-info div span.header {
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  font-weight: 400;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .diamond-price-info div span.value {
  display: block;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-weight: 500;
  font-size: 20px;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .diamond-price-info div:nth-child(2) {
  width: 50%;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .company-details {
  padding: 0 0 10px 20px;
  width: 360px;
  margin: 0 auto 0;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .company-details .company-address {
  width: 225px;
  color: #4A4855;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 5px;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .company-details .company-contact div {
  display: flex;
  margin-bottom: 5px;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .company-details .company-contact div span {
  display: inline-block;
  padding: 0;
  line-height: 20px !important;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .company-details .company-contact div span.label {
  min-width: 50px;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  font-weight: 400;
  font-size: 11px;
  text-align: left;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .company-details .company-contact div span.value {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-weight: 700;
  font-size: 12px;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .company-details .company-contact .location-address .value {
  margin-right: 30px;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .company-details .company-contact .location-address .value:last-child {
  margin-right: unset;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .company-details .company-contact .location-address .label {
  width: unset;
  min-width: unset;
  margin-right: 10px;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .company-details .company-contact .location-address .label:first-child {
  width: 50px;
  margin-right: 0;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .diamond-detials-section {
  flex-direction: row;
  margin-left: 15px;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .diamond-detials-section .go-to-info {
  float: right;
  margin-right: 20px;
  margin-top: 12px;
  color: #804294;
  color: var(--main_bg_icon_color, #804294) !important;
  cursor: pointer;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .diamond-detials-section .jewelry-image {
  width: 45%;
  position: relative;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .diamond-detials-section .jewelry-image .image-box {
  width: 200px;
  height: 200px;
  position: relative;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .diamond-detials-section .jewelry-image .image-box.jewelry-no-image-placeholder {
  background-image: url("../webapp/svg/diamond_detail/icon_detail_page_image_not_available.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 auto;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .diamond-detials-section .jewelry-image .image-box .image-cover {
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .diamond-detials-section .jewelry-image .image-box .image-cover img {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .diamond-detials-section .jewelry-image .mark-favorite {
  display: inline-flex;
  position: absolute;
  left: 5%;
  top: 5%;
  z-index: 2;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .diamond-detials-section .jewelry-image .mark-favorite .path1 {
  color: #804294;
  color: var(--heart_outline_off_icon_color, #804294) !important;
  font-size: 31px;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .diamond-detials-section .jewelry-image .mark-favorite .path2 {
  color: #804294;
  color: var(--heart_outline_off_icon_color, #804294) !important;
  font-size: 31px;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .diamond-detials-section .jewelry-image .mark-favorite .path3 {
  color: #FFFFFF;
  color: var(--heart_bg_off_icon_color, #FFFFFF) !important;
  font-size: 31px;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .diamond-detials-section .jewelry-image .mark-favorite.favorited .path1 {
  color: #FFFFFF;
  color: var(--heart_outline_on_icon_color, #FFFFFF) !important;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .diamond-detials-section .jewelry-image .mark-favorite.favorited .path2 {
  color: #FFFFFF;
  color: var(--heart_outline_on_icon_color, #FFFFFF) !important;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .diamond-detials-section .jewelry-image .mark-favorite.favorited .path3 {
  color: #804294;
  color: var(--heart_bg_on_icon_color, #804294) !important;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .diamond-detials-section .price-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: -50px;
  margin-top: 13%;
  padding: 20px 0;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .diamond-detials-section .price-container .label {
  font-size: 11px;
  line-height: 15px;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .diamond-detials-section .price-container .total-price {
  font-size: 24px;
  font-weight: 700;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .diamond-detials-section .diamond-info .diamond-details-wrapper span.header {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-weight: 700;
  font-size: 16px;
  line-height: 12px;
  display: block;
  text-transform: capitalize;
  margin-bottom: 20px;
  padding-left: 15px;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .diamond-detials-section .diamond-info .diamond-details-wrapper .data {
  margin-bottom: 15px;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .diamond-detials-section .diamond-info .diamond-details-wrapper .data dd {
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  width: 65px;
  display: inline-block;
  font-weight: 400;
  font-size: 15px;
  margin-bottom: 0;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .diamond-detials-section .diamond-info .diamond-details-wrapper .data dt {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  display: inline-block;
  font-weight: 700;
  font-size: 15px;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request-form {
  padding-right: 10%;
  padding-left: 10%;
  padding-top: 10%;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request {
  display: flex;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section {
  position: relative;
  width: 100%;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .request-fields {
  width: 100%;
  margin-bottom: 20px;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .request-fields .header {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 5px;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .request-fields textarea {
  height: 185px;
  padding: 10px;
  color: inherit;
  font-weight: 400;
  width: 100%;
  font-size: 16px;
  background: #ffffff;
  text-align: left;
  background-color: #ffffff;
  color: #292735;
  padding: 15px 10px;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
  outline: none;
  border: none;
  border: 1px solid #827C7C;
  box-shadow: none;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .request-fields textarea.with-error {
  border: 1px solid #d0021b;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .request-fields textarea:-webkit-autofill {
  -webkit-text-fill-color: #292735;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .request-fields input {
  width: 100%;
  font-size: 16px;
  background: #ffffff;
  text-align: left;
  background-color: #ffffff;
  color: #292735;
  padding: 15px 10px;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
  outline: none;
  border: none;
  border: 1px solid #827C7C;
  box-shadow: none;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .request-fields input.with-error {
  border: 1px solid #d0021b;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .request-fields input:-webkit-autofill {
  -webkit-text-fill-color: #292735;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .request-submit {
  width: 100%;
  text-align: center;
  cursor: pointer;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .request-submit .trigger-confirm {
  width: 215px;
  border-radius: 100px;
  height: 60px;
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 1px;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field-group {
  margin-bottom: 15px;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field {
  margin-bottom: 5px;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .capitalize-words {
  text-transform: capitalize;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .with-error {
  border: solid 2px #d0021b;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .error-row {
  background-color: #d0021b;
  line-height: 50px;
  margin: 10px auto;
  font-size: 18px;
  color: #ffffff;
  text-align: center;
  margin-top: -20px;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .translucent-box {
  width: 95%;
  margin: 0 auto;
  position: relative;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .translucent-box span.required-symbol {
  color: red;
  position: absolute;
  display: inline-block;
  top: 18px;
  left: -15px;
  font-size: 20px;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .translucent-box span.floating-label {
  position: absolute;
  top: 1px;
  left: 4px;
  font-size: 12px;
  color: #292735;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .translucent-box span.validation-indicator {
  position: absolute;
  width: 20px;
  height: 20px;
  display: inline-block;
  top: 17px;
  right: 5px;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .translucent-box span.validation-indicator.ok {
  background-image: url("../webapp/svg/ok.png");
  background-size: 20px;
  background-repeat: no-repeat;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .translucent-box span.validation-indicator.wrong {
  background-image: url("../webapp/svg/wrong.png");
  background-size: 20px;
  background-repeat: no-repeat;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .translucent-box .translucent-data input {
  width: 100%;
  font-size: 16px;
  background: #ffffff;
  text-align: left;
  background-color: #ffffff;
  color: #292735;
  padding: 15px 10px;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
  outline: none;
  border: none;
  border: 1px solid #827C7C;
  box-shadow: none;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .translucent-box .translucent-data input.with-error {
  border: 1px solid #d0021b;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .translucent-box .translucent-data input:-webkit-autofill {
  -webkit-text-fill-color: #292735;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .phone-field {
  width: 95%;
  margin: 0 auto;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .phone-field .intl-tel-input {
  width: 100%;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .phone-field .floating-label {
  left: 33% !important;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .phone-field .validation-indicator {
  right: 10px !important;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .phone-field .translucent-box {
  width: 100%;
  margin: 0px;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .phone-field .translucent-box .translucent-data {
  text-align: left;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .phone-field .col-sm-9,
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .phone-field .col-sm-3 {
  padding: 0px;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .phone-field .col-sm-3 {
  padding-left: 2px;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .phone-field select {
  color: #a4a4a5;
  background: #ffffff;
  border-color: #827C7C;
  padding: 12px 10px;
  width: 100%;
  font-size: 18px;
  text-align: left;
  height: 56px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-border-radius: 0px;
  text-indent: 1px;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .phone-field input[type=text] {
  padding-left: 10px;
  width: 70%;
  margin-left: 30%;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .phone-field .flag-container {
  padding: 0 !important;
  width: 30%;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .request .request-section .field .phone-field .flag-container .selected-flag {
  width: 95%;
  background-color: #ffffff;
  border: 1px solid #827C7C;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .details {
  margin-top: 15px;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .details .detail {
  padding: 15px;
}
@media screen and (max-width: 600px) {
  .jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .details .detail {
    padding: 0px;
  }
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .details .detail .heading {
  background-color: #804294;
  background-color: var(--drop_menu_bg_color, #804294) !important;
  color: #FFFFFF;
  color: var(--drop_menu_font_color, #FFFFFF) !important;
  display: flex;
  height: 48px;
  align-items: center;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .details .detail .heading .text {
  font-size: 14px;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .details .detail .heading .vi {
  width: 50px;
  font-size: 20px;
  margin-top: -5px;
  color: #FFFFFF;
  color: var(--drop_menu_icon_color, #FFFFFF) !important;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .details .detail .body {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  padding: 15px;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .details .detail .body .description p {
  font-size: 14px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .details .detail .body .data {
  display: flex;
  flex-direction: row;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .details .detail .body .data table {
  width: 50%;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .details .detail .body .data table th {
  font-size: 12px;
  font-weight: 500;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .details .detail .body .data table .label {
  font-size: 11px;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  width: 40%;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .details .detail .body .data table .value {
  font-size: 12px;
  font-weight: 700;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .details .detail .body .data table.item-desc {
  width: 70%;
  margin-bottom: 10px;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .details .detail .body .data table.item-desc .label {
  width: 30%;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .details .detail .comments .heading .vi {
  padding-left: 13px;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .details .detail .supplier .heading .vi {
  font-size: 35px;
  padding-left: 5px;
  margin-top: unset !important;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .details .detail .supplier .body .multiple-location-wrapper {
  padding: 0 25px 10px;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .details .detail .supplier .body .multiple-location-wrapper .company-name {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 5px;
  padding-left: 49px;
  position: relative;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .details .detail .supplier .body .multiple-location-wrapper .company-name .icon {
  font-size: 25px;
  position: absolute;
  left: 5%;
  color: #804294;
  color: var(--main_bg_icon_color, #804294) !important;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .details .detail .supplier .body .multiple-location-wrapper .multiple-location {
  width: 100%;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .details .detail .supplier .body .multiple-location-wrapper .multiple-location .multiple-location-toggle {
  height: 48px;
  width: 100%;
  background-color: #E5E5E5;
  background-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
  border: 0;
  border-radius: 0;
  padding-top: 8px;
  color: #4F4E57;
  color: var(--drop_menu_static_font_color, #4F4E57) !important;
  box-shadow: unset;
  outline: none;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .details .detail .supplier .body .multiple-location-wrapper .multiple-location .multiple-location-toggle::after {
  display: none;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .details .detail .supplier .body .multiple-location-wrapper .multiple-location .multiple-location-toggle .vi {
  font-size: 25px;
  padding: 0 10px;
  color: #4F4E57;
  color: var(--drop_menu_static_icon_color, #4F4E57) !important;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .details .detail .supplier .body .multiple-location-wrapper .multiple-location .multiple-location-toggle .icon_sort_arrow_down,
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .details .detail .supplier .body .multiple-location-wrapper .multiple-location .multiple-location-toggle .icon_sort_arrow_up {
  padding: 10px;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .details .detail .supplier .body .multiple-location-wrapper .multiple-location .multiple-location-menu {
  width: 100%;
  border: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-top: -1px;
  background-color: #E5E5E5;
  background-color: var(--drop_menu_static_bg_color, #E5E5E5) !important;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .details .detail .supplier .body .multiple-location-wrapper .multiple-location .multiple-location-menu li {
  margin: 0 15px 0 40px;
  border: 1px solid transparent;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .details .detail .supplier .body .multiple-location-wrapper .multiple-location .multiple-location-menu li a {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .details .detail .supplier .body .multiple-location-wrapper .multiple-location .multiple-location-menu li a span {
  margin-top: 3px;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .details .detail .supplier .body .multiple-location-wrapper .multiple-location .multiple-location-menu li a.selected {
  background-color: #9665A6;
  background-color: var(--option_btn_on_color, #9665A6) !important;
  color: #FFFFFF;
  color: var(--option_btn_on_font_color, #FFFFFF) !important;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .details .detail .supplier .body .multiple-location-wrapper .multiple-location.show .multiple-location-toggle {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .details .detail .supplier .body .company-details {
  padding: 0 25px;
  width: 100%;
  margin: 0 auto 0;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .details .detail .supplier .body .company-details .company-contact div {
  display: flex;
  margin-bottom: 5px;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .details .detail .supplier .body .company-details .company-contact div span {
  display: inline-block;
  padding: 0;
  line-height: 20px !important;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .details .detail .supplier .body .company-details .company-contact div span.label {
  min-width: 50px;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  font-weight: 400;
  font-size: 11px;
  text-align: left;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .details .detail .supplier .body .company-details .company-contact div span.value {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-weight: 700;
  font-size: 12px;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .details .detail .supplier .body .company-details .company-contact .location-address .value {
  margin-right: 30px;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .details .detail .supplier .body .company-details .company-contact .location-address .value:last-child {
  margin-right: unset;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .details .detail .supplier .body .company-details .company-contact .location-address .label {
  width: unset;
  min-width: unset;
  margin-right: 10px;
}
.jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper .place-request-diamond-details-body .details .detail .supplier .body .company-details .company-contact .location-address .label:first-child {
  width: 50px;
  margin-right: 0;
}
@media screen and (max-width: 1024px) {
  .jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper.responsive {
    width: 100%;
  }
}
@media (min-width: 481px) and (max-width: 1300px) {
  .jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper.responsive .stock_num {
    font-size: 20px;
  }
  .jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper.responsive .diamond-details-wrapper .header {
    text-align: left !important;
  }
  .jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper.responsive .diamond-details-wrapper .data {
    display: flex;
  }
  .jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper.responsive .diamond-details-wrapper .data dt {
    width: 90px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media screen and (max-width: 480px) {
  .jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper.responsive .stock_num {
    font-size: 14px !important;
  }
  .jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper.responsive .diamond-detials-section {
    width: 100%;
    margin: 0 !important;
  }
  .jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper.responsive .diamond-detials-section .image-cover, .jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper.responsive .diamond-detials-section .image-box {
    height: 120px !important;
    width: 120px !important;
  }
  .jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper.responsive .diamond-detials-section .diamond-details-wrapper .header {
    font-size: 12px !important;
    text-align: left !important;
  }
  .jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper.responsive .diamond-detials-section .diamond-details-wrapper .data {
    display: flex;
  }
  .jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper.responsive .diamond-detials-section .diamond-details-wrapper .data dd {
    font-size: 11px !important;
    width: 55px;
  }
  .jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper.responsive .diamond-detials-section .diamond-details-wrapper .data dt {
    width: 75px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px !important;
  }
  .jewelry-place-request .place-request-body .place-request-diamond-detials-white-wrapper.responsive .diamond-detials-section .price {
    font-size: 18px;
  }
}
.display-flex {
  display: flex;
}
.jewelry-notification-container {
  display: flex;
  margin-left: -15px;
}
.jewelry-notification-container #notification_view {
  padding: 0px;
  height: calc(100vh - 40px);
  overflow: scroll;
}
.jewelry-notification-container .notification-list-view {
  padding-right: 0px;
}
.jewelry-notification-container .notification-list-view .notification-list {
  background-color: #292735;
  background-color: var(--menu_bg_color, #292735) !important;
  height: 100%;
}
.jewelry-notification-container .notification-list-view .notification-list .head {
  height: 80px;
  padding-left: 10%;
  border-bottom: 1px solid rgba(55, 54, 64, 0.22);
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
  background-color: #292735;
  background-color: var(--menu_bg_color, #292735) !important;
  display: flex;
  align-items: center;
}
.jewelry-notification-container .notification-list-view .notification-list .head .bell {
  margin-left: 8%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 5%;
  color: #FFFFFF;
  color: var(--menu_bg_icon_color, #FFFFFF) !important;
}
.jewelry-notification-container .notification-list-view .notification-list .head .counter {
  background-color: #d0021b;
  border-radius: 100%;
  color: #ffffff;
  display: inline-block;
  font-size: 15px;
  height: 34px;
  line-height: 34px;
  margin-top: -2px;
  vertical-align: text-top;
  text-align: center;
  width: 34px;
}
.jewelry-notification-container .notification-list-view .notification-list .head .go-back {
  margin-left: 10px;
}
.jewelry-notification-container .notification-list-view .notification-list .head .go-back::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border-top: 3px solid;
  border-left: 3px solid;
  border-color: #292735;
  border-color: var(--main_bg_font_color, #292735) !important;
  transform: rotate(-45deg);
}
.jewelry-notification-container .notification-list-view .notification-list .head .go-back::before {
  border-color: #FFFFFF;
  border-color: var(--menu_bg_icon_color, #FFFFFF) !important;
}
.jewelry-notification-container .notification-list-view .notification-list h1 {
  color: #FFFFFF;
  color: var(--menu_btn_static_font_color, #FFFFFF) !important;
  font-size: 20pt;
  font-weight: 500;
  padding: 0px 0px;
  margin-top: 12px;
  margin-left: 15px;
}
.jewelry-notification-container .notification-list-view .notification-list .scroll-list {
  overflow: auto;
  height: calc(100vh - 130px);
  background-color: #292735;
  background-color: var(--menu_bg_color, #292735) !important;
}
.jewelry-notification-container .notification-list-view .notification-list .scroll-list .mCSB_inside > .mCSB_container {
  margin-right: 5px;
}
.jewelry-notification-container .notification-list-view .notification-list .scroll-list .mCSB_scrollTools {
  width: 8px;
}
.jewelry-notification-container .notification-list-view .notification-list .scroll-list .mCSB_scrollTools .mCSB_draggerRail {
  background-color: rgba(0, 0, 0, 0.05);
}
.jewelry-notification-container .notification-list-view .notification-list .scroll-list ul {
  padding: 0px;
  list-style: none;
}
.jewelry-notification-container .notification-list-view .notification-list .scroll-list ul li {
  margin-top: 2px;
  box-shadow: 1px 1px 0 0 rgba(55, 54, 64, 0.22);
}
.jewelry-notification-container .notification-list-view .notification-list .scroll-list ul li a {
  display: block;
  padding: 10px;
  position: relative;
}
.jewelry-notification-container .notification-list-view .notification-list .scroll-list ul li a.read {
  background-color: #5E5D67;
  background-color: var(--notification_btn_read, #5E5D67) !important;
}
.jewelry-notification-container .notification-list-view .notification-list .scroll-list ul li a.read span.status span {
  color: #FFFFFF;
  color: var(--notification_btn_read_font, #FFFFFF) !important;
}
.jewelry-notification-container .notification-list-view .notification-list .scroll-list ul li a.read span.status .icon {
  color: #FFFFFF;
  color: var(--notification_btn_read_icon, #FFFFFF) !important;
}
.jewelry-notification-container .notification-list-view .notification-list .scroll-list ul li a.read span.text span.person {
  color: #FFFFFF;
  color: var(--notification_btn_read_font, #FFFFFF) !important;
}
.jewelry-notification-container .notification-list-view .notification-list .scroll-list ul li a.read span.text span.message {
  color: #FFFFFF;
  color: var(--notification_btn_read_font, #FFFFFF) !important;
}
.jewelry-notification-container .notification-list-view .notification-list .scroll-list ul li a.read span.arrow::before {
  border-color: #FFFFFF;
  border-color: var(--notification_btn_read_icon, #FFFFFF) !important;
}
.jewelry-notification-container .notification-list-view .notification-list .scroll-list ul li a.unread {
  background-color: #33323F;
  background-color: var(--notification_btn_unread, #33323F) !important;
}
.jewelry-notification-container .notification-list-view .notification-list .scroll-list ul li a.unread span.status span {
  color: #FFFFFF;
  color: var(--notification_btn_unread_font, #FFFFFF) !important;
}
.jewelry-notification-container .notification-list-view .notification-list .scroll-list ul li a.unread span.status .icon {
  color: #FFFFFF;
  color: var(--notification_btn_unread_icon, #FFFFFF) !important;
}
.jewelry-notification-container .notification-list-view .notification-list .scroll-list ul li a.unread span.text span.person {
  color: #FFFFFF;
  color: var(--notification_btn_unread_font, #FFFFFF) !important;
}
.jewelry-notification-container .notification-list-view .notification-list .scroll-list ul li a.unread span.text span.message {
  color: #FFFFFF;
  color: var(--notification_btn_unread_font, #FFFFFF) !important;
}
.jewelry-notification-container .notification-list-view .notification-list .scroll-list ul li a.unread span.arrow::before {
  border-color: #FFFFFF;
  border-color: var(--notification_btn_unread_icon, #FFFFFF) !important;
}
.jewelry-notification-container .notification-list-view .notification-list .scroll-list ul li a.selected {
  background-color: #652E77;
  background-color: var(--notification_btn_active, #652E77) !important;
}
.jewelry-notification-container .notification-list-view .notification-list .scroll-list ul li a.selected span.status span {
  color: #FFFFFF;
  color: var(--notification_btn_active_font, #FFFFFF) !important;
}
.jewelry-notification-container .notification-list-view .notification-list .scroll-list ul li a.selected span.status .icon {
  color: #FFFFFF;
  color: var(--notification_btn_active_icon, #FFFFFF) !important;
}
.jewelry-notification-container .notification-list-view .notification-list .scroll-list ul li a.selected span.text span.person {
  color: #FFFFFF;
  color: var(--notification_btn_active_font, #FFFFFF) !important;
}
.jewelry-notification-container .notification-list-view .notification-list .scroll-list ul li a.selected span.text span.message {
  color: #FFFFFF;
  color: var(--notification_btn_active_font, #FFFFFF) !important;
}
.jewelry-notification-container .notification-list-view .notification-list .scroll-list ul li a.selected span.arrow::before {
  border-color: #FFFFFF;
  border-color: var(--notification_btn_active_icon, #FFFFFF) !important;
}
.jewelry-notification-container .notification-list-view .notification-list .scroll-list ul li a:hover {
  background-color: #3E3D49;
  background-color: var(--notification_btn_hover, #3E3D49) !important;
}
.jewelry-notification-container .notification-list-view .notification-list .scroll-list ul li a:hover span.status span {
  color: #FFFFFF;
  color: var(--notification_btn_hover_font, #FFFFFF) !important;
}
.jewelry-notification-container .notification-list-view .notification-list .scroll-list ul li a:hover span.status .icon {
  color: #FFFFFF;
  color: var(--notification_btn_hover_icon, #FFFFFF) !important;
}
.jewelry-notification-container .notification-list-view .notification-list .scroll-list ul li a:hover span.text span.person {
  color: #FFFFFF;
  color: var(--notification_btn_hover_font, #FFFFFF) !important;
}
.jewelry-notification-container .notification-list-view .notification-list .scroll-list ul li a:hover span.text span.message {
  color: #FFFFFF;
  color: var(--notification_btn_hover_font, #FFFFFF) !important;
}
.jewelry-notification-container .notification-list-view .notification-list .scroll-list ul li a:hover span.arrow::before {
  border-color: #FFFFFF;
  border-color: var(--notification_btn_hover_icon, #FFFFFF) !important;
}
.jewelry-notification-container .notification-list-view .notification-list .scroll-list ul li a span.status {
  display: block;
  font-size: 12px;
  text-align: center;
  position: relative;
  text-transform: capitalize;
}
.jewelry-notification-container .notification-list-view .notification-list .scroll-list ul li a span.status span {
  display: block;
  color: #FFFFFF;
  color: var(--menu_btn_static_font_color, #FFFFFF) !important;
}
.jewelry-notification-container .notification-list-view .notification-list .scroll-list ul li a span.status span.unread-dot {
  background-color: #7ED321;
  border-radius: 100%;
  height: 7px;
  left: -5px;
  position: absolute;
  top: -5px;
  width: 7px;
}
.jewelry-notification-container .notification-list-view .notification-list .scroll-list ul li a span.status span.icon {
  width: 55px;
  height: 55px;
  border-radius: 100%;
  margin-bottom: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 25px;
  color: #FFFFFF;
  color: var(--menu_btn_static_icon_color, #FFFFFF) !important;
}
.jewelry-notification-container .notification-list-view .notification-list .scroll-list ul li a span.status span.icon.white-bg {
  background-color: #ffffff;
}
.jewelry-notification-container .notification-list-view .notification-list .scroll-list ul li a span.status span.icon.green-bg {
  background-color: #7ED321;
}
.jewelry-notification-container .notification-list-view .notification-list .scroll-list ul li a span.status span.icon.purple-bg {
  background-color: #804294;
}
.jewelry-notification-container .notification-list-view .notification-list .scroll-list ul li a span.status span.icon.red-bg {
  background-color: #d0021b;
}
.jewelry-notification-container .notification-list-view .notification-list .scroll-list ul li a span.status span.icon.orange-bg {
  background-color: #F5A623;
}
.jewelry-notification-container .notification-list-view .notification-list .scroll-list ul li a span.status span.icon.read {
  background-color: #292735;
  background-color: var(--menu_bg_color, #292735) !important;
}
.jewelry-notification-container .notification-list-view .notification-list .scroll-list ul li a span.status span.icon.icon_detail_page_hold_off {
  font-size: 30px;
}
.jewelry-notification-container .notification-list-view .notification-list .scroll-list ul li a span.status span.icon.icon_detail_page_buy_off {
  font-size: 20px;
}
.jewelry-notification-container .notification-list-view .notification-list .scroll-list ul li a span.text {
  display: block;
  margin-left: 20px;
  font-size: 16px;
  max-width: 80%;
}
.jewelry-notification-container .notification-list-view .notification-list .scroll-list ul li a span.text span.message {
  font-size: 14px;
  color: #FFFFFF;
  color: var(--menu_btn_static_font_color, #FFFFFF) !important;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-height: 1.5em;
  max-height: 4.5em;
}
.jewelry-notification-container .notification-list-view .notification-list .scroll-list ul li a span.text span.person {
  display: block;
  font-size: 18px;
  margin-bottom: 10px;
  color: #FFFFFF;
  color: var(--menu_btn_static_font_color, #FFFFFF) !important;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.5em;
  max-height: 3em;
}
.jewelry-notification-container .notification-list-view .notification-list .scroll-list ul li a span.text span.person.retail-buy {
  font-size: 14px;
}
.jewelry-notification-container .notification-list-view .notification-list .scroll-list ul li a span.arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 5%;
}
.jewelry-notification-container .notification-list-view .notification-list .scroll-list ul li a span.arrow::before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  border-bottom: 3px solid;
  border-right: 3px solid;
  border-color: #FFFFFF;
  border-color: var(--menu_btn_static_icon_color, #FFFFFF) !important;
  transform: rotate(-45deg);
}
.jewelry-notification-container .norequest-content {
  font-size: 21px;
  font-weight: 300;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  margin: 10%;
  line-height: 1.4;
}
.min-width-440 {
  min-width: 440px;
}
@media (min-width: 1024px) and (max-width: 1200px) {
  .min-width-440 {
    min-width: 380px !important;
    padding-right: 0 !important;
  }

  .notification-list-view .scroll-list ul li a span.text {
    max-width: 65% !important;
  }
  .notification-list-view .scroll-list ul li a span.text .person {
    word-break: break-all;
  }

  .notification-view {
    flex: unset !important;
    max-width: unset !important;
  }
}
@media screen and (max-width: 1023px) {
  .jewelry-notification-container {
    margin-left: unset;
  }
  .jewelry-notification-container .min-width-440 {
    width: 100% !important;
    min-width: unset !important;
    max-width: unset;
    flex: unset;
  }
  .jewelry-notification-container .min-width-440 .head {
    padding: 20px !important;
    position: relative;
  }
  .jewelry-notification-container .min-width-440 .head .bell {
    position: absolute;
    right: 60px;
    margin: unset !important;
  }
  .jewelry-notification-container .min-width-440 .head .counter {
    position: absolute;
    right: 15px;
  }
  .jewelry-notification-container .min-width-440 .notification-list-ul .text {
    margin-left: 5px !important;
  }
  .jewelry-notification-container .min-width-440 .notification-list-ul .text .message {
    font-size: 12px !important;
  }
  .jewelry-notification-container .min-width-440 .notification-list-ul .text .person {
    font-size: 16px !important;
  }
  .jewelry-notification-container .notification-view {
    max-width: unset;
    flex: unset;
  }
  .jewelry-notification-container .hidden {
    display: none;
  }
  .jewelry-notification-container .no-padding {
    padding: 0;
  }
  .jewelry-notification-container .back-switch {
    display: flex !important;
    align-items: center;
    padding: 10px;
    cursor: pointer;
  }
  .jewelry-notification-container .back-switch .vi {
    margin-right: 10px;
  }
}
.jewelry-request {
  padding: 20px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  max-width: 760px;
  margin: 0 auto;
}
.jewelry-request .row {
  margin: 0;
}
.jewelry-request .header h3:first-child {
  margin-bottom: 15px;
}
.jewelry-request .header h3 {
  font-size: 30px;
}
.jewelry-request .header .to {
  margin-bottom: 8px;
}
.jewelry-request .header span {
  font-size: 14px;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  display: inline-block;
}
.jewelry-request .header [class^=col] {
  padding: 0;
}
.jewelry-request .header .buyer-name,
.jewelry-request .header .company-name {
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.jewelry-request .header .date-time {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.jewelry-request .header .seller-right-side {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.jewelry-request .header .seller-right-side > span {
  margin-bottom: 8px;
}
.jewelry-request .header .seller-right-side .buyer-email,
.jewelry-request .header .seller-right-side .contact {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.jewelry-request .header .seller-right-side .contact-container {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.jewelry-request .header .seller-right-side .contact-container .label {
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  margin-right: 15px;
}
.jewelry-request .header .seller-right-side .contact-container .contact {
  font-size: 18px;
  font-weight: 700;
}
.jewelry-request .message-container .label {
  font-size: 14px;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.jewelry-request .message-container .message {
  font-size: 14px;
  line-height: 20px;
  margin: 0;
}
.jewelry-request .description-container {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  min-height: 85px;
  margin: 15px 0;
}
.jewelry-request .description-container .title {
  display: flex;
  align-items: center;
  padding-right: 0;
}
.jewelry-request .description-container .title h3 {
  font-size: 22px;
  margin: 0;
  font-weight: 700;
}
.jewelry-request .description-container .price-details {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 85px;
  width: 100%;
}
.jewelry-request .description-container .price-details span {
  font-size: 11px;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.jewelry-request .description-container .price-details h3 {
  font-size: 20px;
  font-weight: 700;
  margin: 0;
}
.jewelry-request .description-container .price-details.half-width {
  width: 50%;
}
.jewelry-request .details-container {
  margin-top: 15px;
}
.jewelry-request .details-container .offer-details {
  padding: 25px 20px;
  text-align: center;
  width: 275px;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  margin-bottom: 20px;
}
.jewelry-request .details-container .offer-details .offer {
  margin-bottom: 10px;
}
.jewelry-request .details-container .offer-details .offer .label {
  min-width: 50px;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  font-weight: 400;
  font-size: 11px;
}
.jewelry-request .details-container .offer-details .offer .value {
  font-size: 24px;
  font-weight: 700;
}
.jewelry-request .details-container .image-block {
  padding-left: 0;
}
.jewelry-request .details-container .image-container {
  height: 275px;
  width: 275px;
}
.jewelry-request .details-container .image-container .image-cover {
  width: 100%;
  height: 100%;
  display: block;
  background-size: cover;
  background-position: center center;
  background-image: #ebebec;
  margin: 0 auto;
}
.jewelry-request .details-container .image-container .image-cover img {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  background-color: var(--image_bg_color, #FFFFFF) !important;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-fit: var(--cover_image_bg_size, cover) !important;
     object-fit: var(--cover_image_bg_size, cover) !important;
}
.jewelry-request .details-block {
  padding: 0;
}
.jewelry-request .details-block .jewelry-description {
  padding: 20px 15px;
  font-size: 24px;
  font-weight: 500;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
.jewelry-request .details-block .detail-head {
  display: flex;
  border-bottom: 1px solid;
  background-color: #804294;
  background-color: var(--drop_menu_bg_color, #804294) !important;
  color: #FFFFFF;
  color: var(--drop_menu_font_color, #FFFFFF) !important;
}
.jewelry-request .details-block .detail-head.active {
  background-color: #804294;
  background-color: var(--drop_menu_active_bg_color, #804294) !important;
  color: #FFFFFF;
  color: var(--drop_menu_active_font_color, #FFFFFF) !important;
}
.jewelry-request .details-block .detail-head .detail-icon {
  display: flex;
  width: 50px;
}
.jewelry-request .details-block .detail-head .detail-icon .icon_detail_page_supplier {
  width: 100%;
  font-size: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.jewelry-request .details-block .detail-head .detail-icon .icon_setting_menu_open_terms {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 22px;
}
.jewelry-request .details-block .detail-head .dropdown-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
}
.jewelry-request .details-block .detail-head a {
  width: 84%;
  cursor: auto;
  min-height: 50px;
  display: flex;
  align-items: center;
}
.jewelry-request .details-block .request-details {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  overflow: hidden;
}
.jewelry-request .details-block .request-details .request-button {
  display: flex;
  line-height: 18px;
  align-items: center;
  justify-content: center;
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
  font-size: 18px;
  font-weight: 400;
  border-radius: 35px;
  height: 50px;
  width: 320px;
  margin: 20px auto 10px;
}
.jewelry-request .details-block .request-details .body {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  padding: 15px;
  width: 100%;
}
.jewelry-request .details-block .request-details .body .description p {
  font-size: 14px;
}
.jewelry-request .details-block .request-details .body .data {
  display: flex;
  flex-direction: row;
}
.jewelry-request .details-block .request-details .body .data table {
  width: 50%;
}
.jewelry-request .details-block .request-details .body .data table th {
  font-size: 12px;
  font-weight: 500;
}
.jewelry-request .details-block .request-details .body .data table .label {
  font-size: 11px;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  width: 40%;
}
.jewelry-request .details-block .request-details .body .data table .value {
  font-size: 12px;
  font-weight: 700;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.jewelry-request .details-block .request-details .body .data table.item-desc {
  width: 70%;
  margin-bottom: 10px;
}
.jewelry-request .details-block .request-details .body .data table.item-desc .label {
  width: 30%;
}
.jewelry-request .details-block .request-details .col-md-6 {
  padding: 22px 0 22px 44px;
}
.jewelry-request .details-block .request-details .col-md-6 .data {
  display: flex;
}
.jewelry-request .details-block .request-details .col-md-6 .data .label {
  width: 80px;
  font-size: 11px;
  line-height: 22px;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.jewelry-request .details-block .request-details .col-md-6 .data .value {
  font-size: 12px;
  font-weight: 700;
  width: 100px;
}
.jewelry-request .details-block .request-details .col-md-6:not(:first-child) .label {
  width: 60px;
}
.jewelry-request .details-block .request-details .col-md-6:not(:first-child) .value {
  width: 80px;
}
.jewelry-request .details-block .request-details .company-details {
  width: 360px;
  margin: 0 auto 0;
}
.jewelry-request .details-block .request-details .company-details .company-address {
  width: 225px;
  color: #4A4855;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 5px;
}
.jewelry-request .details-block .request-details .company-details .company-contact div {
  display: flex;
  margin-bottom: 5px;
}
.jewelry-request .details-block .request-details .company-details .company-contact div span {
  display: inline-block;
  padding: 0;
  line-height: 20px !important;
}
.jewelry-request .details-block .request-details .company-details .company-contact div span.label {
  min-width: 50px;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  font-weight: 400;
  font-size: 11px;
  text-align: left;
}
.jewelry-request .details-block .request-details .company-details .company-contact div span.value {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-weight: 700;
  font-size: 12px;
  word-break: break-all;
}
.jewelry-request .details-block .request-details .company-details .company-contact .location-address .value {
  margin-right: 30px;
}
.jewelry-request .details-block .request-details .company-details .company-contact .location-address .value:last-child {
  margin-right: unset;
}
.jewelry-request .details-block .request-details .company-details .company-contact .location-address .label {
  width: unset;
  min-width: unset;
  margin-right: 10px;
}
.jewelry-request .details-block .request-details .company-details .company-contact .location-address .label:first-child {
  width: 50px;
  margin-right: 0;
}
.jewelry-request .request-detail-actions .notice-message {
  font-size: 22px;
  font-weight: 500;
  height: 70px;
  line-height: 70px;
  text-align: center;
  margin-top: 15px;
  width: 100%;
  display: flex;
  position: relative;
}
@media screen and (max-width: 480px) {
  .jewelry-request .request-detail-actions .notice-message {
    font-size: 20px;
  }
}
.jewelry-request .request-detail-actions .notice-message .notice-icon {
  color: #ffffff;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  left: 3%;
}
.jewelry-request .request-detail-actions .notice-message .notice-icon.icon_detail_page_buy_off {
  font-size: 35px;
}
.jewelry-request .request-detail-actions .notice-message .notice-icon.icon_detail_page_hold_off {
  font-size: 50px;
}
.jewelry-request .request-detail-actions .notice-message .notice-icon.icon_detail_page_memo_off {
  font-size: 45px;
}
.jewelry-request .request-detail-actions .notice-message .notice-text {
  width: 100%;
  display: flex;
  justify-content: center;
  color: #ffffff;
}
.jewelry-request .request-detail-actions .notice-message.red-bg {
  background-color: #d0021b;
}
.jewelry-request .request-detail-actions .notice-message.orange-bg {
  background-color: #F5A623;
}
.jewelry-request .request-detail-actions .notice-message.green-bg {
  background-color: #7ED321;
}
.jewelry-request .request-detail-actions .message-action {
  padding: 0px;
  text-align: center;
  position: relative;
  width: 100%;
  margin-top: 20px !important;
}
.jewelry-request .request-detail-actions .message-action .bmh-action-container {
  padding: 0px;
}
.jewelry-request .request-detail-actions .message-action a {
  border-radius: 35px;
  display: inline-block;
  line-height: 18px;
  margin-bottom: 3px;
  padding: 24px;
  vertical-align: middle;
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
  font-size: 16px;
  font-weight: 400;
  height: 65px;
  width: 187px;
  top: 0px;
  position: relative;
}
.jewelry-request .request-detail-actions .message-action a.auto-width {
  width: auto;
}
.jewelry-request .request-detail-actions .message-action a.red {
  color: #ffffff;
  background-color: #d0021b;
  background-color: var(--request_btn_negative, #d0021b) !important;
}
.jewelry-request .request-detail-actions .message-action a.green {
  color: #ffffff;
  background-color: #7ED321;
  background-color: var(--request_btn_positive, #7ED321) !important;
}
.jewelry-request .request-detail-actions .message-action a:hover {
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
}
.jewelry-request .request-detail-actions .message-action a.withdraw-btn, .jewelry-request .request-detail-actions .message-action a.cancel-btn {
  color: #FFFFFF;
  color: var(--request_btn_negative_font, #FFFFFF) !important;
  background-color: #d0021b;
  background-color: var(--request_btn_negative, #d0021b) !important;
}
.jewelry-request .request-detail-actions .message-action a.left-action {
  float: left;
}
.jewelry-request .request-detail-actions .message-action a.right-action {
  float: right;
}
.jewelry-request .request-detail-actions .message-action a.message-btn .counter {
  background-color: #d0021b;
  border-radius: 100%;
  border: solid 2px #ffffff;
  color: #ffffff;
  display: inline-block;
  font-size: 12px;
  height: 36px;
  line-height: 32px;
  position: absolute;
  right: 10px;
  top: -9px;
  width: 36px;
}
.jewelry-request .request-detail-actions .message-action a#bmh_buy_modify_request {
  display: inline-flex;
  border-radius: 100px;
  font-size: 14px;
  line-height: 18px;
  padding: 15px 10px;
  border: 2px solid;
  justify-content: center;
  align-items: center;
  background-color: transparent !important;
  outline: none;
  border-color: #804294;
  border-color: var(--action_btn_secondary_color, #804294) !important;
  color: #804294;
  color: var(--action_btn_secondary_font_color, #804294) !important;
}
@media screen and (max-width: 768px) {
  .req-type-text {
    display: none;
  }

  .details-block .request-details .col-md-6 {
    padding: 15px !important;
  }
  .details-block .request-details .col-md-6 .company-details {
    width: 100%;
    margin: unset !important;
  }
}
@media (min-width: 575px) and (max-width: 1200px) {
  .jewelry-request .details-container {
    flex-direction: row !important;
    align-items: flex-start !important;
  }
  .jewelry-request .details-container .col-sm-7.details-block {
    padding: 0 10px;
  }
  .jewelry-request .details-container .image-block .offer-details {
    width: 100%;
  }
  .jewelry-request .details-container .image-block .image-container {
    height: unset;
    width: 100%;
    padding-bottom: 100%;
    position: relative;
  }
  .jewelry-request .details-container .image-block .image-container .image-cover {
    position: absolute;
    top: 0;
    left: 0;
  }
  .jewelry-request .request-detail-actions .message-action .bmh-action-container {
    display: flex;
    justify-content: space-between;
  }
  .jewelry-request .request-detail-actions .message-action .bmh-action-container a {
    width: 32% !important;
  }
}
@media screen and (max-width: 574px) {
  .jewelry-request {
    padding: 15px;
  }
  .jewelry-request .details-container {
    padding: 0 !important;
  }
  .jewelry-request .details-container .image-block {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 10px;
  }
  .jewelry-request .seller-right-side {
    align-items: flex-start !important;
    margin: 20px 0;
  }
  .jewelry-request .request-detail-actions .notice-text {
    font-size: 16px !important;
  }
  .jewelry-request .request-detail-actions .message-action .bmh-action-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .jewelry-request .request-detail-actions .message-action .bmh-action-container a {
    width: 32%;
    min-width: 145px;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 574px) and (max-width: 470px) {
  .jewelry-request .request-detail-actions .message-action .bmh-action-container a {
    width: 100% !important;
  }
}
.jewelry-message-detail {
  background-color: #FFFFFF;
  background-color: var(--chat_bg, #FFFFFF) !important;
  height: 100%;
}
.jewelry-message-detail .chat-message-header {
  font-size: 20px;
  text-align: center;
  position: relative;
  padding: 20px 10px;
  background-color: rgba(255, 255, 255, 0.05);
}
.jewelry-message-detail .chat-message-header .go-back::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border-top: 3px solid;
  border-left: 3px solid;
  border-color: #292735;
  border-color: var(--main_bg_font_color, #292735) !important;
  transform: rotate(-45deg);
}
.jewelry-message-detail .chat-message {
  padding: 15px;
  font-weight: 400;
}
.jewelry-message-detail .chat-message .conversations {
  height: 600px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.jewelry-message-detail .chat-message .conversations ul {
  list-style: none;
  padding: 0;
}
.jewelry-message-detail .chat-message .conversations ul li {
  margin-bottom: 10px;
}
.jewelry-message-detail .chat-message .conversations ul li .when {
  color: #9B9B9B;
  color: var(--chat_bg_font, #9B9B9B) !important;
  font-weight: 400;
  font-size: 12px;
  margin-top: 7px;
}
.jewelry-message-detail .chat-message .conversations ul li.received .message, .jewelry-message-detail .chat-message .conversations ul li.sent .message {
  font-weight: 400;
  border-radius: 15px;
  padding: 8px 16px;
  display: inline-block;
}
.jewelry-message-detail .chat-message .conversations ul li.received .message {
  background-color: #9665A6;
  background-color: var(--chat_received_bg, #9665A6) !important;
  color: #FFFFFF;
  color: var(--chat_received_font, #FFFFFF) !important;
}
.jewelry-message-detail .chat-message .conversations ul li.sent .message {
  background-color: #9665A6;
  background-color: var(--chat_sent_bg, #9665A6) !important;
  color: #FFFFFF;
  color: var(--chat_sent_font, #FFFFFF) !important;
}
.jewelry-message-detail .chat-message .conversations ul li.sending-error {
  position: relative;
  margin-right: 30px;
}
.jewelry-message-detail .chat-message .conversations ul li.sending-error .error-icon {
  position: absolute;
  right: -15px;
  top: 5px;
  background-repeat: no-repeat;
  background-size: 23px 23px;
  width: 23px;
  height: 23px;
}
.jewelry-message-detail .chat-message .write-message {
  border: solid 1px #dddddd;
  background-color: #FCFCFC;
  border-radius: 22px;
  position: relative;
}
.jewelry-message-detail .chat-message .write-message #chat_text {
  width: 100%;
  background-color: transparent;
  color: #000000;
  padding-right: 60px;
  border: none;
  outline: none;
  padding: 15px 10px;
}
.jewelry-message-detail .chat-message .write-message .send {
  background: transparent;
  border: none;
  position: absolute;
  right: 7px;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  text-indent: -1000px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.jewelry-message-detail .chat-message .write-message .arrow_up {
  position: absolute;
  right: 7px;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
}
.jewelry-message-detail .chat-message .write-message .arrow_up .path1,
.jewelry-message-detail .chat-message .write-message .arrow_up .path2 {
  font-size: 40px;
}
.jewelry-message-detail .chat-message .write-message .arrow_up .path1 {
  color: #804294;
  color: var(--action_btn_static_color, #804294) !important;
}
.jewelry-message-detail .chat-message .write-message .arrow_up .path2 {
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
}
@media screen and (max-width: 768px) {
  .jewelry-message-detail {
    overflow: scroll;
  }
}
.jewelry-modify-buy-detail .head {
  padding: 20px 10px;
  margin-bottom: 2px;
  font-size: 20px;
  background-position: 98% 40%;
  background-repeat: no-repeat;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  box-shadow: 1px 1px 0 0 rgba(55, 54, 64, 0.22);
  font-weight: 500;
}
.jewelry-modify-buy-detail .head.for-1200.default-hidden {
  display: none !important;
}
.jewelry-modify-buy-detail .head #bmh_detail_header #request_subject_string {
  font-size: 24px;
  font-weight: 500;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.jewelry-modify-buy-detail .head .date {
  font-size: 18px;
  margin-right: 55px;
  line-height: 40px;
  font-weight: 400;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.jewelry-modify-buy-detail .head .date .vi {
  font-size: 25px;
}
.jewelry-modify-buy-detail .jewelry-modify-buy {
  display: none;
}
.jewelry-modify-buy-detail .jewelry-modify-buy .diamond-info {
  font-size: 18px;
  padding: 10px 0px;
  margin: 0px;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.jewelry-modify-buy-detail .jewelry-modify-buy .diamond-info span.label {
  font-size: 16px;
  font-weight: 500;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  font-weight: normal;
}
.jewelry-modify-buy-detail .jewelry-modify-buy .diamond-info .top-bar {
  display: flex;
  justify-content: space-between;
}
.jewelry-modify-buy-detail .jewelry-modify-buy .payment-actions {
  margin: 0px;
  margin-top: 0px;
  padding: 0px;
}
.jewelry-modify-buy-detail .jewelry-modify-buy .payment-actions .header {
  text-align: center;
  font-size: 16px;
  margin: 5px 0px;
  font-weight: 400;
  margin-top: 10px;
  margin-bottom: 5px;
}
.jewelry-modify-buy-detail .jewelry-modify-buy .payment-actions .action-types {
  display: flex;
  justify-content: center;
  padding-bottom: 10px;
}
.jewelry-modify-buy-detail .jewelry-modify-buy .payment-actions .action-types .cover {
  width: 70px;
  margin: 0 auto;
}
.jewelry-modify-buy-detail .jewelry-modify-buy .payment-actions .action-types .cover a {
  width: 70px;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  background-color: #FFFFFF;
  background-color: var(--bmh_buy_request_option_off, #FFFFFF) !important;
  margin: 0 auto;
  color: #5cb8a6;
  color: var(--bmh_buy_request_option_off_font, #5cb8a6) !important;
  font-weight: 500;
  text-align: center;
}
.jewelry-modify-buy-detail .jewelry-modify-buy .payment-actions .action-types .cover a span {
  display: inline-block;
  width: 50px;
}
.jewelry-modify-buy-detail .jewelry-modify-buy .payment-actions .action-types .cover a.selected {
  background-color: #5cb8a6;
  background-color: var(--bmh_buy_request_option_on, #5cb8a6) !important;
  color: #FFFFFF;
  color: var(--bmh_buy_request_option_on_font, #FFFFFF) !important;
}
.jewelry-modify-buy-detail .jewelry-modify-buy .payment-actions .editable-fields {
  margin: 0px;
  display: flex;
  justify-content: center;
}
.jewelry-modify-buy-detail .jewelry-modify-buy .payment-actions .editable-fields .edit-box {
  padding: 0px 0px;
  text-align: center;
  margin: 0px;
}
.jewelry-modify-buy-detail .jewelry-modify-buy .payment-actions .editable-fields .edit-box .faded-bg {
  padding: 10px 0px;
}
.jewelry-modify-buy-detail .jewelry-modify-buy .payment-actions .editable-fields .edit-box .faded-bg.selected {
  background-color: transparent;
  border: 2px solid;
  border-color: #BFBFC3;
  border-color: var(--input_field_line_static, #BFBFC3) !important;
}
.jewelry-modify-buy-detail .jewelry-modify-buy .payment-actions .editable-fields .edit-box span.label {
  font-weight: 500;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  font-size: 16px;
  font-weight: normal;
  display: block;
}
.jewelry-modify-buy-detail .jewelry-modify-buy .payment-actions .editable-fields .edit-box span.dollar {
  font-size: 20px;
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
}
.jewelry-modify-buy-detail .jewelry-modify-buy .payment-actions .editable-fields .edit-box input {
  background-color: transparent;
  width: 80%;
  font-size: 20px;
  text-align: center;
  padding: 5px;
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
  font-weight: 500;
  border: none;
  background-color: transparent;
  outline: none;
}
.jewelry-modify-buy-detail .jewelry-modify-buy .payment-actions .editable-fields .edit-box input:-webkit-autofill {
  -webkit-text-fill-color: #292735;
  -webkit-text-fill-color: var(--input_field_font_active, #292735) !important;
}
.jewelry-modify-buy-detail .jewelry-modify-buy .payment-actions .editable-fields .edit-box input:-webkit-autofill:hover {
  -webkit-text-fill-color: #292735;
  -webkit-text-fill-color: var(--input_field_font_active, #292735) !important;
}
.jewelry-modify-buy-detail .jewelry-modify-buy .payment-actions .editable-fields .edit-box input:-webkit-autofill:focus {
  -webkit-text-fill-color: #292735;
  -webkit-text-fill-color: var(--input_field_font_active, #292735) !important;
}
.jewelry-modify-buy-detail .jewelry-modify-buy .payment-actions .editable-fields .edit-box input:-webkit-autofill:active {
  -webkit-text-fill-color: #292735;
  -webkit-text-fill-color: var(--input_field_font_active, #292735) !important;
}
.jewelry-modify-buy-detail .jewelry-modify-buy .payment-actions .error {
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #d0021b;
  margin: 15px;
}
.jewelry-modify-buy-detail .jewelry-modify-buy .payment-actions .error p {
  margin: 0;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
}
.jewelry-modify-buy-detail .jewelry-modify-buy .payment-actions .error {
  width: 100%;
  margin: 15px 0;
}
.jewelry-modify-buy-detail .jewelry-modify-buy .payment-section {
  padding: 0px;
  height: 250px;
}
.jewelry-modify-buy-detail .jewelry-modify-buy .payment-section .faded-bg {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
}
.jewelry-modify-buy-detail .jewelry-modify-buy .payment-section .header {
  margin-top: 2px;
  padding: 7px 0px;
  font-weight: 500;
}
.jewelry-modify-buy-detail .jewelry-modify-buy .comment-section {
  padding-left: 2px;
  padding-right: 0px;
  height: 258px;
  border-left: 1px solid rgba(55, 54, 64, 0.22);
  border-top: 1px solid rgba(55, 54, 64, 0.22);
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
}
.jewelry-modify-buy-detail .jewelry-modify-buy .comment-section .header {
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  font-weight: normal;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  margin-top: 2px;
  margin-bottom: 5px;
  padding: 10px 0px;
}
.jewelry-modify-buy-detail .jewelry-modify-buy .comment-section textarea {
  background-color: transparent;
  border: 1px solid;
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  border-color: #BFBFC3;
  border-color: var(--input_field_line_static, #BFBFC3) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_static, #FFFFFF) !important;
  font-weight: 500;
  height: 207px;
  width: 100%;
}
.jewelry-modify-buy-detail .jewelry-modify-buy .comment-section textarea::-webkit-input-placeholder {
  text-align: center;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.jewelry-modify-buy-detail .jewelry-modify-buy .comment-section textarea:-moz-placeholder {
  text-align: center;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.jewelry-modify-buy-detail .jewelry-modify-buy .comment-section textarea::-moz-placeholder {
  text-align: center;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.jewelry-modify-buy-detail .jewelry-modify-buy .comment-section textarea:-ms-input-placeholder {
  text-align: center;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.jewelry-modify-buy-detail .jewelry-modify-buy .comment-section textarea:focus {
  color: #292735;
  color: var(--input_field_font_active, #292735) !important;
  border-color: #804294;
  border-color: var(--input_field_line_active, #804294) !important;
  background-color: #FFFFFF;
  background-color: var(--input_field_bg_active, #FFFFFF) !important;
}
.jewelry-modify-buy-detail .jewelry-modify-buy .comment-section textarea::-webkit-input-placeholder {
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
}
.jewelry-modify-buy-detail .jewelry-modify-buy .comment-section textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
}
.jewelry-modify-buy-detail .jewelry-modify-buy .comment-section textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
}
.jewelry-modify-buy-detail .jewelry-modify-buy .comment-section textarea:-ms-input-placeholder {
  color: #706F76;
  color: var(--input_field_font_static, #706F76) !important;
  text-align: center;
  font-weight: 400;
}
.jewelry-modify-buy-detail .jewelry-modify-buy .message-action {
  padding: 0px;
  text-align: center;
  margin-top: 40px;
  position: relative;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between;
}
.jewelry-modify-buy-detail .jewelry-modify-buy .message-action .bmh-action-container {
  padding-left: 0px;
  display: flex;
  justify-content: space-between;
}
.jewelry-modify-buy-detail .jewelry-modify-buy .message-action a {
  border-radius: 35px;
  display: inline-block;
  line-height: 18px;
  margin-bottom: 3px;
  padding: 24px 35px;
  vertical-align: middle;
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
  font-size: 16px;
  font-weight: 400;
  height: 65px;
  width: 187px;
  top: 0px;
}
.jewelry-modify-buy-detail .jewelry-modify-buy .message-action a.auto-width {
  width: auto;
}
.jewelry-modify-buy-detail .jewelry-modify-buy .message-action a.red {
  color: #ffffff;
  background-color: #d0021b;
  background-color: var(--request_btn_negative, #d0021b) !important;
  color: #FFFFFF;
  color: var(--request_btn_negative_font, #FFFFFF) !important;
}
.jewelry-modify-buy-detail .jewelry-modify-buy .message-action a.green {
  color: #ffffff;
  background-color: #7ED321;
  background-color: var(--request_btn_positive, #7ED321) !important;
  color: #FFFFFF;
  color: var(--request_btn_positive_font, #FFFFFF) !important;
}
.jewelry-modify-buy-detail .jewelry-modify-buy .message-action a.withdraw-btn {
  color: #FFFFFF;
  color: var(--request_btn_negative_font, #FFFFFF) !important;
  background-color: #d0021b;
  background-color: var(--request_btn_negative, #d0021b) !important;
}
.jewelry-modify-buy-detail .jewelry-modify-buy .message-action a.message-btn .counter {
  border-radius: 100%;
  border: solid 2px #ffffff;
  display: inline-block;
  font-size: 12px;
  height: 36px;
  line-height: 32px;
  position: absolute;
  right: 30px;
  top: -9px;
  width: 36px;
}
.jewelry-modify-buy-detail .jewelry-modify-buy .message-action a.disabled {
  pointer-events: none;
}
@media (min-width: 1024px) and (max-width: 1200px) {
  .jewelry-modify-buy .payment-actions .payment-section, .jewelry-modify-buy .payment-actions .comment-section {
    height: unset;
  }
  .jewelry-modify-buy .payment-actions .payment-section .editable-fields .col-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .jewelry-modify-buy .message-action {
    justify-content: space-around !important;
  }
  .jewelry-modify-buy textarea {
    height: 198px !important;
  }
}
@media screen and (max-width: 768px) {
  .jewelry-modify-buy {
    padding: 15px;
  }
  .jewelry-modify-buy .row {
    margin: 0;
  }

  #bmh_detail_header {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  #bmh_detail_header #request_subject_string {
    display: none;
  }
  #bmh_detail_header .date {
    margin-right: unset;
  }

  .diamond-info > div {
    padding: 0 10px;
  }

  .payment-section, .comment-section {
    height: unset !important;
  }

  .message-action {
    justify-content: space-around !important;
  }
}
@media screen and (max-width: 768px) and (max-width: 425px) {
  .jewelry-modify-buy .top-bar {
    flex-direction: column;
    align-items: flex-start;
  }
  .jewelry-modify-buy .message-action {
    margin-top: 10px;
  }
  .jewelry-modify-buy .message-action a {
    margin-bottom: 15px !important;
    width: 100% !important;
  }
}
.jewelry-modify-hold-detail .head {
  padding: 20px 10px;
  margin-bottom: 2px;
  font-size: 20px;
  background-position: 98% 40%;
  background-repeat: no-repeat;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  box-shadow: 1px 1px 0 0 rgba(55, 54, 64, 0.22);
  font-weight: 500;
}
.jewelry-modify-hold-detail .head.for-1200.default-hidden {
  display: none !important;
}
.jewelry-modify-hold-detail .head #bmh_detail_header #request_subject_string {
  font-size: 24px;
  font-weight: 500;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.jewelry-modify-hold-detail .head .date {
  font-size: 18px;
  margin-right: 55px;
  line-height: 40px;
  font-weight: 400;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.jewelry-modify-hold-detail .head .date .vi {
  font-size: 25px;
}
.jewelry-modify-hold-detail .jewelry-modify-hold .diamond-info {
  font-size: 18px;
  padding: 10px 0px;
  margin: 0px;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-weight: 500;
}
.jewelry-modify-hold-detail .jewelry-modify-hold .diamond-info span.label {
  font-size: 16px;
  font-weight: 500;
  font-weight: normal;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.jewelry-modify-hold-detail .jewelry-modify-hold .diamond-info .top-bar {
  display: flex;
  justify-content: space-between;
}
.jewelry-modify-hold-detail .jewelry-modify-hold .pick-date-section {
  margin: 2px 0px;
  text-align: center;
  padding: 20px 0px;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
}
.jewelry-modify-hold-detail .jewelry-modify-hold .pick-date-section label {
  font-size: 22px;
  width: 100%;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-weight: 500;
}
.jewelry-modify-hold-detail .jewelry-modify-hold .pick-date-section .pick-date {
  margin: 20px auto 10px;
  padding: 10px 0 15px;
  width: 45%;
  border-radius: 60px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-weight: 500;
}
.jewelry-modify-hold-detail .jewelry-modify-hold .pick-date-section .pick-date select {
  background-color: transparent;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-size: 30px;
  margin: 0px 20px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-weight: 500;
  text-align: center;
  padding: 10px;
  outline: none;
}
.jewelry-modify-hold-detail .jewelry-modify-hold .pick-date-section .pick-date select option {
  color: white;
  background: rgba(0, 0, 0, 0.42) !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4) !important;
}
.jewelry-modify-hold-detail .jewelry-modify-hold .message-action {
  padding: 0px;
  text-align: center;
  margin-top: 40px;
  position: relative;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: center;
}
.jewelry-modify-hold-detail .jewelry-modify-hold .message-action a {
  border-radius: 35px;
  display: inline-block;
  line-height: 18px;
  margin-bottom: 3px;
  padding: 24px 35px;
  vertical-align: middle;
  background-color: #804294;
  background-color: var(--action_btn_static_color, #804294) !important;
  color: #FFFFFF;
  color: var(--action_btn_static_font_color, #FFFFFF) !important;
  font-size: 16px;
  font-weight: 400;
  height: 65px;
  width: 187px;
  top: 0px;
}
.jewelry-modify-hold-detail .jewelry-modify-hold .comment {
  margin: 2px 0px;
  padding: 20px 0px;
  justify-content: center;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
}
.jewelry-modify-hold-detail .jewelry-modify-hold .comment label {
  font-size: 22px;
  font-weight: normal;
  margin-bottom: 10px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-weight: 500;
}
.jewelry-modify-hold-detail .jewelry-modify-hold .comment textarea {
  background-color: rgba(255, 255, 255, 0.05);
  border: medium none;
  height: 100px;
  width: 100%;
  padding: 15px;
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-weight: 500;
}
.jewelry-modify-hold-detail .jewelry-modify-hold .comment textarea::-webkit-input-placeholder {
  text-align: center;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.jewelry-modify-hold-detail .jewelry-modify-hold .comment textarea:-moz-placeholder {
  text-align: center;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.jewelry-modify-hold-detail .jewelry-modify-hold .comment textarea::-moz-placeholder {
  text-align: center;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
.jewelry-modify-hold-detail .jewelry-modify-hold .comment textarea:-ms-input-placeholder {
  text-align: center;
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
}
@media screen and (max-width: 425px) {
  .jewelry-modify-hold {
    padding: 15px !important;
  }
  .jewelry-modify-hold .top-bar {
    flex-direction: column;
    align-items: flex-start;
  }
  .jewelry-modify-hold .message-action {
    margin-top: 10px !important;
  }
  .jewelry-modify-hold .message-action a {
    margin-bottom: 15px !important;
    width: 100% !important;
  }
  .jewelry-modify-hold .pick-date {
    width: 100% !important;
  }
}
.custom-overlay {
  position: fixed;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 100000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.custom-overlay .popup {
  background-color: #373640;
  color: #ffffff;
  border-radius: 8px;
}
.custom-overlay .popup .message-box {
  text-align: center;
  padding: 20px;
  font-size: 18px;
  min-height: 200px;
  border-bottom: 1px solid #ffffff;
  display: flex;
  align-items: center;
}
.custom-overlay .popup .message-box .message {
  text-align: center;
  width: 100%;
}
.custom-overlay .popup .message-box.small {
  width: 500px;
}
.custom-overlay .popup .message-box.medium {
  width: 750px;
}
@media screen and (max-width: 480px) {
  .custom-overlay .popup .message-box {
    width: 300px !important;
  }
}
.custom-overlay .popup .actions {
  height: 75px;
}
.custom-overlay .popup .actions a {
  color: #ffffff;
  display: block;
  float: left;
  height: 100%;
  line-height: 75px;
  text-align: center;
  font-size: 14px;
  width: 50%;
}
.custom-overlay .popup .actions .first-link {
  border-right: 1px solid #ffffff;
}
.custom-overlay .width-100 {
  width: 100% !important;
}
.stock-wrapper {
  background-color: #ffffff;
  min-height: 100vh;
}
.stock-wrapper .stock-content {
  width: 305px;
  margin: 0 auto;
}
.stock-wrapper .stock-content .logo-header {
  padding: 15px 15px;
  background-color: #F7F7FA;
  margin-bottom: 8px;
}
.stock-wrapper .stock-content .logo-header span {
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
}
.stock-wrapper .stock-content .neutral {
  color: #373640;
}
.stock-wrapper .stock-content .diamond_color {
  color: #792B8F;
}
.stock-wrapper .stock-content .lab_grown {
  color: #CF5D49;
}
.stock-wrapper .stock-content .gemstone_color {
  color: #4670B6;
}
.stock-wrapper .stock-content .jewelry {
  color: #5CB8A6;
}
.stock-wrapper .stock-content .stock-header {
  padding: 30px 0;
  background-color: #F7F7FA;
}
.stock-wrapper .stock-content .stock-header .logo {
  height: 62px;
  width: 100%;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.stock-wrapper .stock-content .stock-img {
  height: 280px;
  width: 100%;
  margin: 0 auto 8px;
  background-color: #F7F7FA;
  display: flex;
  justify-content: center;
  align-items: center;
}
.stock-wrapper .stock-content .stock-img .image-cover {
  height: 240px;
  width: 240px;
  display: block;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.stock-wrapper .stock-content .stock-img .image-cover img {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  background-color: var(--image_bg_color, #FFFFFF) !important;
}
.stock-wrapper .stock-content .stock-info {
  background-color: #F7F7FA;
}
.stock-wrapper .stock-content .stock-info .data {
  margin-bottom: 5px;
  min-height: 30px;
  font-size: 14px;
}
.stock-wrapper .stock-content .stock-info .data dd {
  color: #9B9B9B;
  width: 65px;
  display: inline-block;
  font-weight: 100;
  margin-bottom: 0;
}
.stock-wrapper .stock-content .stock-info .data dt {
  color: #373640;
  display: inline-block;
  font-weight: normal;
}
.stock-wrapper .stock-content .stock-info .data.stock-num {
  height: inherit !important;
  min-height: 30px;
}
.stock-wrapper .stock-content .stock-info .info {
  margin-top: 8px;
  padding: 20px 15px;
}
.stock-wrapper .stock-content .stock-info .info .data {
  min-height: unset !important;
}
.stock-wrapper .stock-content .stock-info .info .data dd {
  width: 45%;
}
.stock-wrapper .stock-content .stock-info .info .data dt {
  width: 50%;
  font-weight: 700;
}
.stock-wrapper .stock-content .stock-info .jewelry-info dd {
  width: 50px;
}
.stock-wrapper .stock-content .stock-info .jewelry-info .price {
  text-align: center;
  margin: 10px auto 20px;
}
.stock-wrapper .stock-content .stock-info .jewelry-info .price .value {
  margin-left: 10px;
  font-size: 20px;
}
.stock-wrapper .stock-content .stock-info .jewelry-info .jewelry-label {
  font-size: 20px;
  color: #373640;
  margin: 10px 0;
}
.stock-wrapper .stock-content .stock-info .jewelry-info .label {
  color: #9B9B9B;
  font-size: 12px;
  margin-bottom: 5px;
  vertical-align: text-bottom;
}
.stock-wrapper .stock-content .stock-info .jewelry-info .value {
  color: #373640;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
}
.stock-wrapper .stock-content .stock-info .jewelry-info.staticPriceCustomizable .info > * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.stock-wrapper .stock-content .stock-info .jewelry-info.staticPriceCustomizable .info > *:nth-child(n+2) {
  margin-top: 10px !important;
}
.stock-wrapper .stock-content .stock-info .jewelry-info.staticPriceCustomizable .info > *.data dd {
  width: 80px;
}
.stock-wrapper .stock-content .stock-info .jewelry-info.staticPriceCustomizable .info > *.data dt {
  width: calc(100% - 80px);
}
.stock-wrapper .stock-content .stock-info .jewelry-info.staticPriceCustomizable .info > *.price {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
}
.stock-wrapper .stock-content .stock-info .jewelry-info.staticPriceCustomizable .info > *.price .label,
.stock-wrapper .stock-content .stock-info .jewelry-info.staticPriceCustomizable .info > *.price .value {
  margin: 0;
  font-size: 16px;
  font-weight: bold;
  color: #373640;
  line-height: 1.3;
}
.stock-wrapper .stock-content .price-info-text {
  background-color: #F7F7FA;
  margin-top: 8px;
  font-size: 12px;
  padding: 12px 15px;
}
.stock-wrapper .stock-content .personalization {
  margin-top: 8px;
}
.stock-wrapper .stock-content .personalization .special-inst {
  background-color: #F7F7FA;
  display: flex;
  flex-direction: column;
  padding: 15px;
}
.stock-wrapper .stock-content .personalization .special-inst .label {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
}
.stock-wrapper .stock-content .personalization .special-inst .value {
  font-size: 14px;
}
.stock-wrapper .stock-content .personalization .info {
  margin-top: 8px;
  background-color: #F7F7FA;
  padding: 15px;
}
.stock-wrapper .stock-content .personalization .info .data {
  display: flex;
  font-size: 14px;
}
.stock-wrapper .stock-content .personalization .info .data .label {
  width: 50%;
  color: #9B9B9B;
}
.stock-wrapper .stock-content .personalization .info .data .value {
  width: 50%;
  font-weight: bold;
  word-break: break-word;
}
.stock-wrapper .stock-content .media-box {
  margin-top: 8px;
  background-color: #F7F7FA;
  padding: 20px 0;
}
.stock-wrapper .stock-content .media-box .media-btn {
  display: block;
  height: 76px;
  width: 198px;
  border-radius: 100px;
  margin: 20px auto 0;
  text-align: center;
  padding: 25px;
  color: #ffffff;
}
.stock-wrapper .stock-content .media-box .media-btn i {
  margin-right: 10px;
}
.stock-wrapper .stock-content .media-box .media-btn i.icon_detail_page_video_white {
  font-size: 22px;
  vertical-align: text-bottom;
}
.stock-wrapper .stock-content .media-box .media-btn i.icon_detail_page_cert_white {
  font-size: 35px;
  vertical-align: middle;
}
.stock-wrapper .stock-content .media-box .media-btn.vdb-btn {
  background-color: #804294;
}
.stock-wrapper .stock-content .media-box .media-btn.neutral-btn {
  background-color: #67B314;
}
.cart-container {
  background-color: #F4F3F3;
  background-color: var(--global_main_bg_color, #F4F3F3) !important;
  display: flex;
  min-height: 100vh;
}
.cart-container .side-bar {
  width: 66px;
  min-height: calc(100vh - 130px);
}
@media screen and (max-width: 768px) {
  .cart-container .side-bar {
    width: 0;
  }
}
.cart-wrapper {
  width: 100%;
  padding: 0px;
}
.cart-wrapper .default-total {
  height: 90px !important;
}
.cart-wrapper .cart-header {
  height: 100px;
  width: 100%;
  padding: 30px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cart-wrapper .cart-header h3 {
  color: #373640;
  color: var(--global_main_bg_font_color, #373640) !important;
}
.cart-wrapper .cart-header .back-to-search {
  width: 180px;
  height: 50px;
  font-size: 14px;
  display: inline-flex;
  border-radius: 100px;
  padding: 15px 10px;
  justify-content: center;
  align-items: center;
  outline: none;
  background-color: #382F3A;
  background-color: var(--global_action_btn_static_color, #382F3A) !important;
  color: #FFFFFF;
  color: var(--global_action_btn_static_font_color, #FFFFFF) !important;
}
.cart-wrapper .cart-header .back-to-search:hover {
  color: #ffffff;
}
.cart-wrapper .back-to-search.bottom {
  display: none;
}
.cart-wrapper .no-cart-item {
  color: #373640;
  color: var(--global_main_bg_font_color, #373640) !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.cart-wrapper .no-cart-item .vi {
  font-size: 115px;
  color: #5CB8A6;
  color: var(--global_cart_icon_color, #5CB8A6) !important;
}
.cart-wrapper .no-cart-item .text {
  margin-top: 20px;
  font-size: 24px;
  font-weight: 400;
}
.cart-wrapper .no-cart-item .back-to-shop a {
  width: 255px;
  height: 58px;
  margin-top: 40px;
  font-size: 16px;
  font-weight: 400;
  display: inline-flex;
  border-radius: 100px;
  padding: 15px 10px;
  justify-content: center;
  align-items: center;
  outline: none;
  background-color: #382F3A;
  background-color: var(--global_action_btn_static_color, #382F3A) !important;
  color: #FFFFFF;
  color: var(--global_action_btn_static_font_color, #FFFFFF) !important;
}
.cart-wrapper .header-text {
  font-size: 30px;
}
.cart-wrapper .header-text .vi {
  font-size: 70px;
  margin-left: -15px;
  vertical-align: middle;
  margin-right: 10px;
  color: #67B314;
  color: var(--global_success_icon_color, #67B314) !important;
}
.cart-wrapper .company-details {
  margin-top: 50px;
}
.cart-wrapper .company-details table {
  width: 365px;
  margin: 0 auto;
  font-size: 12px;
}
.cart-wrapper .company-details table tr {
  line-height: 25px;
  vertical-align: top;
}
.cart-wrapper .company-details table tr .label {
  text-align: left;
  min-width: 100px;
  color: #706F76;
  color: var(--global_main_bg_font_label_color, #706F76) !important;
}
.cart-wrapper .company-details table tr .value {
  text-align: left;
  word-break: break-all;
  font-weight: 800;
  color: #373640;
  color: var(--global_main_bg_font_color, #373640) !important;
}
.cart-wrapper .company-details .header-text {
  font-weight: 500;
  font-size: 22px;
}
.cart-wrapper .payment-shipping {
  display: flex;
  justify-content: center;
  margin-top: 50px;
}
.cart-wrapper .payment-shipping .payment, .cart-wrapper .payment-shipping .shipping {
  text-align: left;
}
.cart-wrapper .payment-shipping .payment strong, .cart-wrapper .payment-shipping .shipping strong {
  font-size: 14px;
  margin-bottom: 15px;
}
.cart-wrapper .payment-shipping .payment table, .cart-wrapper .payment-shipping .shipping table {
  font-size: 12px;
}
.cart-wrapper .payment-shipping .payment table tr, .cart-wrapper .payment-shipping .shipping table tr {
  line-height: 25px;
}
.cart-wrapper .payment-shipping .payment table tr .label, .cart-wrapper .payment-shipping .shipping table tr .label {
  color: #706F76;
  color: var(--global_main_bg_font_label_color, #706F76) !important;
}
.cart-wrapper .payment-shipping .payment table tr .value, .cart-wrapper .payment-shipping .shipping table tr .value {
  font-weight: 800;
  color: #373640;
  color: var(--global_main_bg_font_color, #373640) !important;
}
.cart-wrapper .payment-shipping .payment {
  margin-right: 50px;
}
.cart-wrapper .payment-shipping .payment .label {
  width: 120px;
}
.cart-wrapper .payment-shipping .shipping .label {
  width: 75px;
}
.cart-wrapper ul.cart-rows {
  padding: 0px;
  list-style: none;
  margin-bottom: 2px;
}
.cart-wrapper ul.cart-rows .info-text {
  display: flex;
  padding: 15px 0;
  color: #706F76;
  color: var(--global_main_bg_font_label_color, #706F76) !important;
  justify-content: flex-end;
}
.cart-wrapper ul.cart-rows li {
  border-bottom: 5px solid;
  margin: 0;
  border-bottom-color: #F4F3F3;
  border-bottom-color: var(--global_main_bg_color, #F4F3F3) !important;
  color: #373640;
  color: var(--global_main_bg_font_color, #373640) !important;
  background-color: #EDEDEC;
  background-color: var(--global_main_bg_highlight, #EDEDEC) !important;
}
.cart-wrapper ul.cart-rows li .applied-coupons {
  justify-content: space-between !important;
}
.cart-wrapper ul.cart-rows li .applied-coupons .box {
  width: 380px;
}
.cart-wrapper ul.cart-rows li .applied-coupons .box .disc-percent {
  margin-bottom: 0px;
  margin-top: 4px;
  margin-left: 33px;
}
.cart-wrapper ul.cart-rows li .applied-coupons .coup-remove {
  margin-right: 24px;
}
.cart-wrapper ul.cart-rows li .applied-coupons .coupon-icon {
  border-radius: 20px;
  color: white;
  background: green;
  padding: 4px;
  margin-right: 10px;
}
.cart-wrapper ul.cart-rows li .applied-coupons .applied-coupon-text {
  font-weight: bolder;
  font-size: 16px;
  text-transform: uppercase;
  color: #373640;
  color: var(--global_main_bg_font_color, #373640) !important;
}
.cart-wrapper ul.cart-rows li .price-column {
  display: grid;
}
.cart-wrapper ul.cart-rows li .price-column .price {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cart-wrapper ul.cart-rows li .price-column .price .value {
  font-size: 20px;
}
.cart-wrapper ul.cart-rows li.header .details {
  align-items: center;
}
.cart-wrapper ul.cart-rows li.header .sc-desc .details {
  width: 100%;
  justify-content: center;
}
.cart-wrapper ul.cart-rows li.header .text {
  font-size: 20px;
  font-weight: 700;
}
.cart-wrapper ul.cart-rows li .image-box {
  width: 115px;
  height: 115px;
  position: relative;
  display: flex;
}
.cart-wrapper ul.cart-rows li .image-box.jewelry-no-image-placeholder {
  background-image: url("../webapp/svg/diamond_detail/icon_detail_page_image_not_available.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 15px;
}
.cart-wrapper ul.cart-rows li .image-box .image-cover {
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.cart-wrapper ul.cart-rows li .image-box .image-cover img {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
}
.cart-wrapper ul.cart-rows li .details {
  font-size: 18px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  font-size: 20px;
}
.cart-wrapper ul.cart-rows li .details .detail-header {
  margin-bottom: 10px;
}
.cart-wrapper ul.cart-rows li .details input {
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.29);
  width: 100%;
}
.cart-wrapper ul.cart-rows li .details p {
  margin-bottom: 2px;
  font-size: 16px;
  word-wrap: break-word;
  color: #706F76;
  color: var(--global_main_bg_font_label_color, #706F76) !important;
}
.cart-wrapper ul.cart-rows li .details strong {
  color: #373640;
  color: var(--global_main_bg_font_color, #373640) !important;
}
.cart-wrapper ul.cart-rows li .details .line-through {
  text-decoration: line-through;
}
.cart-wrapper ul.cart-rows li .details.price, .cart-wrapper ul.cart-rows li .details.quantity {
  justify-content: center;
}
.cart-wrapper ul.cart-rows li .details.price .text, .cart-wrapper ul.cart-rows li .details.quantity .text {
  font-weight: 700;
}
.cart-wrapper ul.cart-rows li .details.price .text i, .cart-wrapper ul.cart-rows li .details.quantity .text i {
  color: #706F76;
  color: var(--global_main_bg_font_label_color, #706F76) !important;
}
.cart-wrapper ul.cart-rows li .details.price .label, .cart-wrapper ul.cart-rows li .details.quantity .label {
  display: none;
}
.cart-wrapper ul.cart-rows li .action {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cart-wrapper ul.cart-rows li .action .vi {
  color: #5CB8A6;
  color: var(--global_main_bg_icon_color, #5CB8A6) !important;
  cursor: pointer;
}
.cart-wrapper ul.cart-rows li .sc-desc {
  display: flex;
  cursor: pointer;
  flex-wrap: wrap;
}
.cart-wrapper ul.cart-rows li .sc-desc.normal-pointer {
  cursor: unset;
}
.cart-wrapper ul.cart-rows li .sc-desc .oc-jewelry-label {
  width: 100%;
  font-size: 16px;
  display: none;
  color: #706F76;
  color: var(--global_main_bg_font_label_color, #706F76) !important;
}
.cart-wrapper ul.cart-rows li .sc-desc .oc-jewelry-label p {
  margin-bottom: 2px;
}
.cart-wrapper ul.cart-rows li .sc-desc .oc-jewelry-label strong {
  color: #373640;
  color: var(--global_main_bg_font_color, #373640) !important;
}
.cart-wrapper ul.cart-rows li .sc-desc .details {
  width: 60%;
}
.cart-wrapper ul.cart-rows li .sc-desc .details .oc-details {
  display: flex;
}
.cart-wrapper ul.cart-rows li .sc-desc .details .oc-details .item-desc .label {
  font-size: 12px;
  width: 80px;
  color: #706F76;
  color: var(--global_main_bg_font_label_color, #706F76) !important;
}
.cart-wrapper ul.cart-rows li .sc-desc .details .oc-details .item-desc .value {
  font-size: 14px;
  font-weight: 500;
  color: #373640;
  color: var(--global_main_bg_font_color, #373640) !important;
}
.cart-wrapper ul.cart-rows li .sc-desc .details .oc-details .item-desc:last-child {
  margin-left: 10px;
}
.cart-wrapper ul.cart-rows li .sc-desc .oc-comments {
  width: 100%;
  padding: 12px 13px;
  margin-top: 10px;
  border-radius: 5px;
  background-color: #E5E5E5;
  background-color: var(--global_drop_menu_static_bg_color, #E5E5E5) !important;
}
.cart-wrapper ul.cart-rows li .sc-desc .oc-comments .data .label {
  font-size: 12px;
  color: #706F76;
  color: var(--global_main_bg_font_label_color, #706F76) !important;
  width: 100px;
  display: inline-block;
}
.cart-wrapper ul.cart-rows li .sc-desc .oc-comments .data .value {
  font-size: 14px;
  font-weight: 500;
  color: #373640;
  color: var(--global_main_bg_font_color, #373640) !important;
  padding-left: 5px;
}
.cart-wrapper ul.cart-rows li .sc-desc .oc-comments .special-inst {
  margin-top: 10px;
}
.cart-wrapper ul.cart-rows li .sc-desc .oc-comments .special-inst .label {
  font-size: 14px;
  font-weight: bold;
  display: block;
  color: #373640;
  color: var(--global_main_bg_font_color, #373640) !important;
}
.cart-wrapper ul.cart-rows li .sc-desc .oc-comments .special-inst .value {
  font-size: 13px;
  color: #706F76;
  color: var(--global_main_bg_font_label_color, #706F76) !important;
}
.cart-wrapper ul.cart-rows li .sc-uprice, .cart-wrapper ul.cart-rows li .sc-tprice, .cart-wrapper ul.cart-rows li .sc-qty {
  display: flex;
  justify-content: center;
}
.cart-wrapper ul.cart-rows li .sc-uprice span, .cart-wrapper ul.cart-rows li .sc-tprice span, .cart-wrapper ul.cart-rows li .sc-qty span {
  color: #373640;
  color: var(--global_main_bg_font_color, #373640) !important;
}
.cart-wrapper ul.cart-rows li .sc-qty .oc-btn-grp {
  display: flex;
}
.cart-wrapper ul.cart-rows li .sc-qty .oc-btn-grp .item-qty {
  border-radius: 3px;
  background-color: #ffffff;
  border: 1px solid #827C7C;
  width: 45px;
  font-size: 18px;
  text-align: center;
  margin: 0 1px;
}
.cart-wrapper ul.cart-rows li .sc-qty .oc-btn-grp button {
  width: 25px;
  height: 30px;
  border-radius: 3px;
  background: transparent;
  outline: none;
  cursor: pointer;
  font-weight: bold;
  font-size: 18px;
  color: #373640;
  color: var(--global_main_bg_font_color, #373640) !important;
}
.cart-wrapper ul.cart-rows li .sc-qty .oc-btn-grp button.sub {
  border: 1px solid;
  border-color: #D8394C;
  border-color: var(--global_failure_icon_color, #D8394C) !important;
}
.cart-wrapper ul.cart-rows li .sc-qty .oc-btn-grp button.add {
  border: 1px solid;
  border-color: #67B314;
  border-color: var(--global_success_icon_color, #67B314) !important;
}
.cart-wrapper ul.cart-rows li .sc-qty .oc-btn-grp button.add.disabled {
  pointer-events: none;
  border-color: #827C7C !important;
}
.cart-wrapper ul.cart-rows li > div {
  padding: 10px 12px;
}
.cart-wrapper ul.cart-rows li > div:not(:last-child) {
  border-right: 5px solid;
  border-color: #F4F3F3;
  border-color: var(--global_main_bg_color, #F4F3F3) !important;
}
@media screen and (max-width: 645px) {
  .cart-wrapper ul.cart-rows li > div:not(:last-child) {
    border-right: 0;
  }
}
.cart-wrapper .total {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 20px;
  flex-wrap: wrap;
}
.cart-wrapper .total .double-row {
  height: 140px !important;
}
.cart-wrapper .total .hide-coupon-box {
  display: none;
}
.cart-wrapper .total .coupon .coupon-code {
  width: 170px;
  font-size: 15px;
  text-align: center;
  font-size: 14px;
  padding: 10px 10px;
  font-weight: 300;
  color: #292735;
  text-align: left;
  text-transform: capitalize;
  border: 1px solid;
  margin-right: 10px;
  border-color: #BFBFC3;
  border-color: var(--global_input_field_static_line_color, #BFBFC3) !important;
  color: #000000;
  color: var(--global_input_field_static_font_color, #000000) !important;
  background-color: #FFFFFF;
  background-color: var(--global_input_field_static_bg_color, #FFFFFF) !important;
  text-align: center;
  font-weight: 400;
}
.cart-wrapper .total .coupon .coupon-code::-webkit-input-placeholder {
  color: #000000;
  color: var(--global_input_field_static_font_color, #000000) !important;
}
.cart-wrapper .total .coupon .coupon-code:-moz-placeholder {
  /* Firefox 18- */
  color: #000000;
  color: var(--global_input_field_static_font_color, #000000) !important;
}
.cart-wrapper .total .coupon .coupon-code::-moz-placeholder {
  /* Firefox 19+ */
  color: #000000;
  color: var(--global_input_field_static_font_color, #000000) !important;
}
.cart-wrapper .total .coupon .coupon-code:-ms-input-placeholder {
  color: #000000;
  color: var(--global_input_field_static_font_color, #000000) !important;
}
.cart-wrapper .total .coupon .coupon-code:focus {
  border-color: #804294;
  border-color: var(--global_input_field_active_line_color, #804294) !important;
  color: #000000;
  color: var(--global_input_field_active_font_color, #000000) !important;
  background-color: #FFFFFF;
  background-color: var(--global_input_field_active_bg_color, #FFFFFF) !important;
  font-weight: 400;
}
.cart-wrapper .total .coupon .coupon-code:focus::-webkit-input-placeholder {
  color: #000000;
  color: var(--global_input_field_active_font_color, #000000) !important;
}
.cart-wrapper .total .coupon .coupon-code:focus:-moz-placeholder {
  /* Firefox 18- */
  color: #000000;
  color: var(--global_input_field_active_font_color, #000000) !important;
}
.cart-wrapper .total .coupon .coupon-code:focus::-moz-placeholder {
  /* Firefox 19+ */
  color: #000000;
  color: var(--global_input_field_active_font_color, #000000) !important;
}
.cart-wrapper .total .coupon .coupon-code:focus:-ms-input-placeholder {
  color: #000000;
  color: var(--global_input_field_active_font_color, #000000) !important;
}
.cart-wrapper .total .coupon .coupon-btn {
  width: 120px;
  height: 46px;
  border: none;
  display: inline-flex;
  border-radius: 100px;
  font-size: 14px;
  line-height: 18px;
  padding: 15px 10px;
  background-color: #652E77;
  background-color: var(--action_btn_active_color, #652E77) !important;
  color: #FFFFFF;
  color: var(--action_btn_active_font_color, #FFFFFF) !important;
  justify-content: center;
  align-items: center;
  outline: none;
  font-size: 16px;
  font-weight: 400;
}
.cart-wrapper .total .coupon .coupon-btn.disabled {
  pointer-events: none;
  background-color: #BFBFC3;
  background-color: var(--option_btn_disabled_color, #BFBFC3) !important;
  color: #FFFFFF;
  color: var(--option_btn_disabled_font_color, #FFFFFF) !important;
}
.cart-wrapper .total > div {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.cart-wrapper .total > div .label {
  font-size: 20px;
  color: #706F76;
  color: var(--global_main_bg_font_label_color, #706F76) !important;
}
.cart-wrapper .total > div .value {
  font-size: 36px;
  font-weight: 500;
  color: #373640;
  color: var(--global_main_bg_font_color, #373640) !important;
}
.cart-wrapper .total .items {
  width: 295px;
  height: 90px;
  margin-right: 4px;
  background-color: #EDEDEC;
  background-color: var(--global_main_bg_highlight, #EDEDEC) !important;
}
.cart-wrapper .total .price {
  width: 390px;
  background-color: #EDEDEC;
  background-color: var(--global_main_bg_highlight, #EDEDEC) !important;
}
.cart-wrapper .total .info-label {
  width: 100%;
  text-align: right;
  padding: 15px 0;
  color: #706F76;
  color: var(--global_main_bg_font_label_color, #706F76) !important;
}
.cart-wrapper .actions {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 50px;
}
.cart-wrapper .actions .back-to-shop {
  margin-right: 10px;
}
.cart-wrapper .actions .back-to-shop a {
  width: 255px;
  height: 58px;
  display: inline-flex;
  border-radius: 100px;
  font-size: 14px;
  line-height: 18px;
  padding: 15px 10px;
  border: 2px solid;
  justify-content: center;
  align-items: center;
  background-color: transparent !important;
  outline: none;
  border-color: #804294;
  border-color: var(--action_btn_secondary_color, #804294) !important;
  color: #804294;
  color: var(--action_btn_secondary_font_color, #804294) !important;
  border-color: #382F3A;
  border-color: var(--global_action_button_secondary_color, #382F3A) !important;
  color: #382F3A;
  color: var(--global_action_button_secondary_font_color, #382F3A) !important;
  font-size: 16px;
  font-weight: 400;
}
.cart-wrapper .actions .place-order a {
  width: 255px;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  background-color: #382F3A;
  background-color: var(--global_action_btn_static_color, #382F3A) !important;
  color: #FFFFFF;
  color: var(--global_action_btn_static_font_color, #FFFFFF) !important;
}
.cart-wrapper .actions .payment #paypal-checkout-btn {
  width: 255px;
  height: 80px;
}
.cart-wrapper .cart-items .order-box {
  text-align: left !important;
  padding: 20px 10px;
  margin-bottom: 20px !important;
  margin: 0 auto;
  background-color: #EDEDEC;
  background-color: var(--global_main_bg_highlight, #EDEDEC) !important;
}
.cart-wrapper .cart-items .order-box .comment-order-box {
  position: relative;
}
.cart-wrapper .cart-items .order-box .col-sm-5 h5 {
  font-size: 18px;
  font-weight: 500 !important;
  margin-bottom: 15px !important;
  color: #373640;
  color: var(--global_main_bg_font_color, #373640) !important;
}
@media (min-width: 320px) and (max-width: 600px) {
  .cart-wrapper .cart-items .order-box .col-sm-5 {
    margin-bottom: 30px;
  }
}
@media (min-width: 600px) and (max-width: 1900px) {
  .cart-wrapper .cart-items .order-box .col-sm-7 {
    padding-left: 0px !important;
  }
  .cart-wrapper .cart-items .order-box .center-vertically {
    margin: 0;
    width: 98%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}
.cart-wrapper .cart-items .order-box p {
  font-size: 13px;
  text-align: left;
  color: #373640;
  color: var(--global_main_bg_font_color, #373640) !important;
}
.cart-wrapper .cart-items .order-box i {
  font-size: 12px;
  color: #706F76;
  color: var(--global_main_bg_font_label_color, #706F76) !important;
}
.cart-wrapper .cart-items .order-box .header {
  font-size: 14px !important;
  font-weight: 500 !important;
  padding-bottom: 8px;
}
.cart-wrapper .cart-items .order-box textarea {
  text-align: left !important;
  margin-bottom: 0px !important;
}
.cart-wrapper .cart-items .cartcomment {
  text-align: center;
  width: 100%;
  margin: 0;
}
.cart-wrapper .cart-items .cartcomment .comment-row {
  margin: 0;
}
.cart-wrapper .cart-items .cartcomment .comment-row .header {
  color: #373640;
  color: var(--global_main_bg_font_color, #373640) !important;
  font-size: 20px;
  font-weight: 700;
}
.cart-wrapper .cart-items .cartcomment .comment-row textarea {
  width: 100%;
  height: 100px;
  border: 1px solid;
  padding: 10px;
  margin-bottom: 20px;
  border-color: #BFBFC3;
  border-color: var(--global_input_field_static_line_color, #BFBFC3) !important;
  color: #000000;
  color: var(--global_input_field_static_font_color, #000000) !important;
  background-color: #FFFFFF;
  background-color: var(--global_input_field_static_bg_color, #FFFFFF) !important;
  text-align: center;
  font-weight: 400;
}
.cart-wrapper .cart-items .cartcomment .comment-row textarea::-webkit-input-placeholder {
  color: #000000;
  color: var(--global_input_field_static_font_color, #000000) !important;
}
.cart-wrapper .cart-items .cartcomment .comment-row textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #000000;
  color: var(--global_input_field_static_font_color, #000000) !important;
}
.cart-wrapper .cart-items .cartcomment .comment-row textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #000000;
  color: var(--global_input_field_static_font_color, #000000) !important;
}
.cart-wrapper .cart-items .cartcomment .comment-row textarea:-ms-input-placeholder {
  color: #000000;
  color: var(--global_input_field_static_font_color, #000000) !important;
}
.cart-wrapper .cart-items .cartcomment .comment-row textarea:focus {
  border-color: #804294;
  border-color: var(--global_input_field_active_line_color, #804294) !important;
  color: #000000;
  color: var(--global_input_field_active_font_color, #000000) !important;
  background-color: #FFFFFF;
  background-color: var(--global_input_field_active_bg_color, #FFFFFF) !important;
  font-weight: 400;
}
.cart-wrapper .cart-items .cartcomment .comment-row textarea:focus::-webkit-input-placeholder {
  color: transparent !important;
}
.cart-wrapper .cart-items .cartcomment .comment-row textarea:focus:-moz-placeholder {
  /* Firefox 18- */
  color: transparent !important;
}
.cart-wrapper .cart-items .cartcomment .comment-row textarea:focus::-moz-placeholder {
  /* Firefox 19+ */
  color: transparent !important;
}
.cart-wrapper .cart-items .cartcomment .comment-row textarea:focus:-ms-input-placeholder {
  color: transparent !important;
}
@media (min-width: 320px) and (max-width: 600px) {
  .cart-wrapper ul.cart-rows .info-text {
    padding: 15px 25px !important;
  }
}
@media (min-width: 1000px) and (max-width: 1200px) {
  .cart-container .sc-desc.order-cart .details {
    width: unset !important;
    flex: 1;
  }
  .cart-container .coupon .label {
    font-size: 14px !important;
  }
}
@media (min-width: 769px) and (max-width: 1000px) {
  .cart-container .container {
    max-width: 100%;
  }
  .cart-container .container .cart-header {
    padding: 30px 20px;
  }
  .cart-container .container .actions {
    padding: 0 20px;
  }
  .cart-container .container .sc-desc.order-cart .details {
    width: unset !important;
    flex: 1;
  }
}
@media screen and (max-width: 567px) and (min-width: 320px) {
  .cart-container .cart-wrapper .applied-coupons {
    border-bottom: 5px solid grey;
    border-color: #F4F3F3;
    border-color: var(--global_main_bg_color, #F4F3F3) !important;
  }
  .cart-container .cart-wrapper .applied-coupons .coup-remove {
    margin-right: 0px !important;
  }
  .cart-container .cart-wrapper .applied-coupons .disc-percent {
    text-indent: 0px !important;
  }
  .cart-container .cart-wrapper .coupon-code {
    width: 60% !important;
  }
  .cart-container .cart-wrapper .total .coupon {
    display: flow-root !important;
  }
  .cart-container .cart-wrapper .total .double-row {
    height: 170px !important;
  }
  .cart-container .cart-wrapper .total .price-column .price {
    width: 200px !important;
  }
}
@media screen and (max-width: 1024px) and (min-width: 568px) {
  .cart-container .applied-coupons {
    border-bottom: 5px solid grey;
    border-color: #F4F3F3;
    border-color: var(--global_main_bg_color, #F4F3F3) !important;
  }
  .cart-container .price-column .price {
    padding: 0px 15px 0px 15px !important;
    display: flex;
    justify-content: space-between;
  }
  .cart-container .coupon-code {
    width: 100% !important;
    padding: 7px 7px !important;
    margin-bottom: 10px !important;
  }
  .cart-container .double-row {
    height: 140px !important;
  }
  .cart-container .coup-items {
    height: 140px !important;
  }
}
@media screen and (max-width: 768px) {
  .cart-container {
    display: flex;
  }
  .cart-container .cart-rows li .coupon:not(:last-child) {
    border-bottom: 5px solid !important;
    border-color: #F4F3F3;
    border-color: var(--global_main_bg_color, #F4F3F3) !important;
  }
  .cart-container .cart-wrapper .total div .value {
    font-size: 16px !important;
  }
  .cart-container .cart-wrapper .total div .label {
    font-size: 16px !important;
  }
  .cart-container .cart-wrapper .total .coupenValid {
    display: block !important;
  }
  .cart-container .cart-wrapper .total .coupenValid label {
    font-size: 16px !important;
  }
  .cart-container .cart-wrapper .total .coupenValid .value {
    font-size: 20px !important;
  }
  .cart-container .cart-wrapper .total .coupon .label {
    font-size: 14px !important;
  }
  .cart-container .cart-wrapper .total .coupon .coupon-btn {
    width: 100px !important;
    height: 38px !important;
    font-size: 14px;
  }
  .cart-container .col-xs-9 {
    flex: 0 0 66%;
    max-width: 66%;
  }
  .cart-container .col-xs-10 {
    flex: 0 0 70%;
    max-width: 70%;
  }
  .cart-container .col-xs-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .cart-container .col-xs-3 {
    flex: 0 0 33%;
    max-width: 33%;
  }
  .cart-container .col-xs-2 {
    flex: 0 0 29%;
    max-width: 29%;
  }
  .cart-container .container {
    max-width: 100%;
  }
  .cart-container .side-bar {
    position: absolute;
    height: 100%;
    z-index: 1000;
  }
  .cart-container .cart-wrapper .no-cart-item {
    width: 80%;
    margin: 20px auto;
  }
  .cart-container .cart-wrapper .cart-header {
    padding: 30px 20px;
  }
  .cart-container .cart-wrapper .cart-items {
    margin-top: 20px;
  }
  .cart-container .cart-wrapper .cart-items .cart-rows .text {
    font-size: 16px;
  }
  .cart-container .cart-wrapper .cart-items .cart-rows .image-box {
    height: unset;
    width: unset;
    flex-grow: 1;
  }
  .cart-container .cart-wrapper .cart-items .cart-rows .image-box .image-cover {
    height: unset;
    width: 100%;
    padding-bottom: 100%;
    position: relative;
  }
  .cart-container .cart-wrapper .cart-items .cart-rows .image-box .image-cover img {
    position: absolute;
    top: 0;
    left: 0;
  }
  .cart-container .cart-wrapper .sc-desc.order-cart .image-box {
    order: 1;
    width: 30% !important;
    margin-right: 10px !important;
    flex-grow: unset !important;
  }
  .cart-container .cart-wrapper .sc-desc.order-cart .oc-jewelry-label {
    order: 2;
    width: 60% !important;
    display: block;
  }
  .cart-container .cart-wrapper .sc-desc.order-cart .details {
    order: 3;
    width: 100% !important;
    margin-top: 10px;
  }
  .cart-container .cart-wrapper .sc-desc.order-cart .details .detail-header {
    display: none;
  }
  .cart-container .cart-wrapper .sc-desc.order-cart .details .oc-details {
    width: 100% !important;
    justify-content: space-between;
  }
  .cart-container .cart-wrapper .sc-desc.order-cart .oc-comments {
    order: 4;
  }
  .cart-container .cart-wrapper .total .items .label, .cart-container .cart-wrapper .total .price .label {
    font-size: 16px;
  }
  .cart-container .cart-wrapper .total .items .value, .cart-container .cart-wrapper .total .price .value {
    font-size: 20px;
  }
  .cart-container .cart-wrapper.cart-page .cart-header {
    display: none;
  }
  .cart-container .cart-wrapper .actions {
    padding: 0 20px;
  }
}
@media screen and (max-width: 768px) and (max-width: 645px) {
  .cart-container .cart-items .cart-rows .header {
    display: none;
  }
  .cart-container .cart-items .cart-rows .sc-desc {
    flex: 0 0 90%;
    max-width: 90%;
    order: 2;
  }
  .cart-container .cart-items .cart-rows .sc-desc .text {
    font-size: 14px;
  }
  .cart-container .cart-items .cart-rows .sc-desc .details {
    width: 70% !important;
  }
  .cart-container .cart-items .cart-rows .sc-close {
    order: 3;
  }
  .cart-container .cart-items .cart-rows .sc-close .action {
    align-items: end;
  }
  .cart-container .cart-items .cart-rows .sc-uprice, .cart-container .cart-items .cart-rows .sc-qty, .cart-container .cart-items .cart-rows .sc-tprice {
    flex: 0 0 33%;
    max-width: 33%;
    margin: 10px 0;
  }
  .cart-container .cart-items .cart-rows .sc-uprice .details, .cart-container .cart-items .cart-rows .sc-qty .details, .cart-container .cart-items .cart-rows .sc-tprice .details {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .cart-container .cart-items .cart-rows .sc-uprice .details .label, .cart-container .cart-items .cart-rows .sc-qty .details .label, .cart-container .cart-items .cart-rows .sc-tprice .details .label {
    display: block;
    font-size: 16px;
  }
  .cart-container .cart-items .cart-rows .sc-uprice {
    order: 4;
  }
  .cart-container .cart-items .cart-rows .sc-uprice .details {
    align-items: flex-start;
  }
  .cart-container .cart-items .cart-rows .sc-qty {
    order: 5;
  }
  .cart-container .cart-items .cart-rows .sc-qty .details {
    align-items: center;
  }
  .cart-container .cart-items .cart-rows .sc-tprice {
    order: 6;
  }
  .cart-container .cart-items .cart-rows .sc-tprice .details {
    align-items: flex-end;
  }
}
@media screen and (max-width: 768px) and (max-width: 540px) {
  .cart-container .cart-header {
    flex-direction: column-reverse;
    height: 145px;
    padding: 20px 10px;
  }
  .cart-container .cart-header .back-to-search {
    align-self: flex-end;
    margin-bottom: 15px;
    width: 135px;
  }
  .cart-container .order-confirmed {
    padding: 20px;
  }
  .cart-container .order-confirmed .header-text {
    font-size: 20px;
  }
  .cart-container .order-confirmed .header-text .done-tick {
    font-size: 42px;
    margin-left: -15px;
  }
  .cart-container .order-confirmed .company-details table {
    width: 100%;
    max-width: 300px;
  }
  .cart-container .order-confirmed .company-details table tr .value {
    text-align: right;
  }
  .cart-container .order-confirmed .payment-shipping {
    flex-direction: column;
    align-items: center;
  }
  .cart-container .order-confirmed .payment-shipping .payment, .cart-container .order-confirmed .payment-shipping .shipping {
    max-width: 300px;
    width: 100%;
    margin-right: unset;
    margin-bottom: 20px;
  }
  .cart-container .order-confirmed .payment-shipping .payment table, .cart-container .order-confirmed .payment-shipping .shipping table {
    width: 100%;
  }
  .cart-container .order-confirmed .payment-shipping .payment table tr .value, .cart-container .order-confirmed .payment-shipping .shipping table tr .value {
    text-align: right;
  }
  .cart-container .order-confirmed .back-to-search.bottom {
    display: block !important;
    width: 180px;
    height: 50px;
    font-size: 14px;
    margin: 10px auto;
    display: inline-flex;
    border-radius: 100px;
    padding: 15px 10px;
    justify-content: center;
    align-items: center;
    outline: none;
    background-color: #382F3A;
    background-color: var(--global_action_btn_static_color, #382F3A) !important;
    color: #FFFFFF;
    color: var(--global_action_btn_static_font_color, #FFFFFF) !important;
  }
  .cart-container .info-label {
    text-align: left !important;
    padding: 15px !important;
  }
  .cart-container .total .items {
    margin-right: unset !important;
    border-right: 5px solid;
    border-color: #F4F3F3;
    border-color: var(--global_main_bg_color, #F4F3F3) !important;
  }
  .cart-container .total .items, .cart-container .total .price {
    flex-direction: column;
  }
  .cart-container .actions {
    padding: 0 20px;
    flex-direction: column;
    align-items: center;
  }
  .cart-container .actions .back-to-shop {
    margin-right: 0;
    margin-bottom: 10px;
  }
  .cart-container .actions .place-order {
    order: -1;
    margin-bottom: 10px;
  }
  .cart-container .sc-uprice, .cart-container .sc-qty, .cart-container .sc-tprice, .cart-container .sc-img, .cart-container .sc-desc, .cart-container .sc-close {
    padding: 0 10px;
  }
  .cart-container .sc-close {
    position: absolute;
    right: 5px;
  }
  .cart-container .sc-desc.order-cart {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  .cart-container .sc-desc.order-cart .image-box {
    order: 1;
    width: 30% !important;
    margin-right: 10px !important;
    flex-grow: unset !important;
  }
  .cart-container .sc-desc.order-cart .oc-jewelry-label {
    order: 2;
    width: 60% !important;
    display: block;
  }
  .cart-container .sc-desc.order-cart .details {
    order: 3;
    width: 100% !important;
    margin-top: 10px;
  }
  .cart-container .sc-desc.order-cart .details .detail-header {
    display: none;
  }
  .cart-container .sc-desc.order-cart .details .oc-details {
    width: 100% !important;
    justify-content: space-between;
  }
  .cart-container .sc-desc.order-cart .oc-comments {
    order: 4;
  }
}
.videoChatLogContainer {
  background-color: #F4F4F4;
  background-color: var(--main_bg_color, #F4F4F4) !important;
  display: flex;
  overflow-y: auto;
}
.videoChatLogContainer .side-bar {
  width: 66px;
  min-height: calc(100vh - 130px);
}
@media screen and (max-width: 768px) {
  .videoChatLogContainer .side-bar {
    width: 0;
  }
}
.videoChatLogWrapper {
  width: 100%;
  padding: 0 48px;
}
@media screen and (max-width: 1024px) {
  .videoChatLogWrapper {
    padding: 0;
  }
}
.videoChatLogWrapper .videoChatLogHeader {
  height: 100px;
  width: 100%;
  padding: 30px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .videoChatLogWrapper .videoChatLogHeader {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  .videoChatLogWrapper .videoChatLogHeader {
    padding-left: 15px;
  }
}
.videoChatLogWrapper .videoChatLogHeader h3 {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
}
.videoChatLogWrapper .videoChatLogHeader .back-to-search {
  width: 180px;
  height: 50px;
  font-size: 14px;
  display: inline-flex;
  border-radius: 100px;
  padding: 15px 10px;
  justify-content: center;
  align-items: center;
  outline: none;
  background-color: #382F3A;
  background-color: var(--global_action_btn_static_color, #382F3A) !important;
  color: #FFFFFF;
  color: var(--global_action_btn_static_font_color, #FFFFFF) !important;
}
.videoChatLogWrapper .videoChatLogHeader .back-to-search:hover {
  color: #ffffff;
}
.videoChatLogWrapper .videoChatLogBody {
  display: flex;
  justify-content: space-between;
}
.videoChatLogWrapper .videoChatLogBody.hidden {
  display: none !important;
}
@media screen and (max-width: 768px) {
  .videoChatLogWrapper .videoChatLogBody {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 586px) {
  .videoChatLogWrapper .videoChatLogBody {
    flex-flow: wrap;
    margin-top: 0;
  }
}
.videoChatLogWrapper .videoChatLogBody.emptyLogsBody {
  justify-content: center;
}
.videoChatLogWrapper .videoChatLogBody.emptyLogsBody .emptyLogsCont {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  text-align: center;
  width: 528px;
  height: 528px;
  padding: 0 69px;
  border-radius: 50%;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
}
@media only screen and (max-width: 586px) {
  .videoChatLogWrapper .videoChatLogBody.emptyLogsBody .emptyLogsCont {
    width: 100%;
    height: unset;
    padding: 85px 30px;
    border-radius: unset;
    background: transparent !important;
  }
}
.videoChatLogWrapper .videoChatLogBody.emptyLogsBody .emptyLogsCont .emptyLogIcon {
  font-size: 47px;
  color: #9665A6;
  color: var(--option_btn_on_color, #9665A6) !important;
  opacity: 0.7;
}
@media only screen and (max-width: 586px) {
  .videoChatLogWrapper .videoChatLogBody.emptyLogsBody .emptyLogsCont .emptyLogIcon {
    font-size: 37px;
  }
}
.videoChatLogWrapper .videoChatLogBody.emptyLogsBody .emptyLogsCont .emptyLogTitleMsg {
  margin: 44px 0 40px;
  color: #9665A6;
  color: var(--option_btn_on_color, #9665A6) !important;
  font-size: 24px;
  font-weight: bold;
}
@media only screen and (max-width: 586px) {
  .videoChatLogWrapper .videoChatLogBody.emptyLogsBody .emptyLogsCont .emptyLogTitleMsg {
    font-size: 20px;
  }
}
.videoChatLogWrapper .videoChatLogBody.emptyLogsBody .emptyLogsCont .emptyLogContentMsg {
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  font-size: 18px;
}
@media only screen and (max-width: 586px) {
  .videoChatLogWrapper .videoChatLogBody.emptyLogsBody .emptyLogsCont .emptyLogContentMsg {
    font-size: 16px;
  }
}
.videoChatLogWrapper .videoChatLogBody .videoCallLogs {
  width: 448px;
  padding-left: 15px;
  overflow-y: auto;
}
@media only screen and (max-width: 1024px) {
  .videoChatLogWrapper .videoChatLogBody .videoCallLogs {
    width: 416px;
  }
}
@media only screen and (max-width: 586px) {
  .videoChatLogWrapper .videoChatLogBody .videoCallLogs {
    width: 100%;
  }
}
.videoChatLogWrapper .videoChatLogBody .videoCallLogs .videoCallLogItem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid;
  border-color: #9B9B9B;
  border-color: var(--main_bg_font_label_color, #9B9B9B) !important;
  padding: 15px 0;
  cursor: pointer;
}
@media only screen and (min-width: 587px) {
  .videoChatLogWrapper .videoChatLogBody .videoCallLogs .videoCallLogItem:nth-of-type(1) {
    border-top: 1px solid;
  }
}
.videoChatLogWrapper .videoChatLogBody .videoCallLogs .videoCallLogItem > div:nth-of-type(1) {
  width: calc(100% - 50px);
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.videoChatLogWrapper .videoChatLogBody .videoCallLogs .videoCallLogItem > div:nth-of-type(1) > div:nth-of-type(1) {
  width: 35px;
}
.videoChatLogWrapper .videoChatLogBody .videoCallLogs .videoCallLogItem > div:nth-of-type(1) > div:nth-of-type(1) .videoChatItemType {
  width: 12px;
}
.videoChatLogWrapper .videoChatLogBody .videoCallLogs .videoCallLogItem > div:nth-of-type(1) > div:nth-of-type(1) .videoChatItemType.missedCallIcon {
  width: 17px;
}
.videoChatLogWrapper .videoChatLogBody .videoCallLogs .videoCallLogItem > div:nth-of-type(1) > div:nth-of-type(1) .videoChatItemType:not(.missedCallIcon) {
  margin-left: 2px;
}
.videoChatLogWrapper .videoChatLogBody .videoCallLogs .videoCallLogItem > div:nth-of-type(1) > div:nth-of-type(2) {
  width: calc(100% - 35px);
}
.videoChatLogWrapper .videoChatLogBody .videoCallLogs .videoCallLogItem > div:nth-of-type(1) > div:nth-of-type(2) .videoChatItemName {
  color: #292735;
  color: var(--main_bg_font_color, #292735) !important;
  font-size: 20px;
  line-height: 20px;
}
.videoChatLogWrapper .videoChatLogBody .videoCallLogs .videoCallLogItem > div:nth-of-type(1) > div:nth-of-type(2) .videoChatItemBrand {
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  font-size: 18px;
  line-height: 18px;
  margin-top: 12px;
}
.videoChatLogWrapper .videoChatLogBody .videoCallLogs .videoCallLogItem > div:nth-of-type(1) > div:nth-of-type(2) .videoChatItemTime {
  color: #B3292735;
  color: var(--main_bg_sub_font_color, #B3292735) !important;
  font-size: 16px;
  line-height: 16px;
  margin-top: 12px;
}
.videoChatLogWrapper .videoChatLogBody .videoCallLogs .videoCallLogItem > div:nth-of-type(2) {
  width: 50px;
}
.videoChatLogWrapper .videoChatLogBody .videoCallLogs .videoCallLogItem > div:nth-of-type(2) .videoChatItemVideoIcon {
  font-size: 21px;
  color: #4EC123;
  color: var(--video_chat_available_icon_color, #4EC123) !important;
}
.videoChatLogWrapper .videoChatLogBody .videoCallLogs .videoCallLogItem > div:nth-of-type(2) .videoChatItemVideoIcon:not(.available) {
  font-size: 32px;
  right: -1px;
  position: relative;
  color: #BFBFC3;
  color: var(--option_btn_disabled_color, #BFBFC3) !important;
}
.videoChatLogWrapper .videoChatLogBody .videoCallCont {
  width: calc(100% - 450px);
  color: #9B9B9B;
  color: var(--main_bg_font_label_color, #9B9B9B) !important;
  background-color: #E9E9EB;
  background-color: var(--main_bg_highlight, #E9E9EB) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
@media only screen and (max-width: 1025px) {
  .videoChatLogWrapper .videoChatLogBody .videoCallCont {
    width: calc(100% - 418px);
  }
}
@media only screen and (max-width: 586px) {
  .videoChatLogWrapper .videoChatLogBody .videoCallCont {
    width: 100%;
    display: none;
  }
}
.noScroll {
  overflow: hidden;
}
body.tour-open {
  overflow: hidden;
}
ngx-guided-tour .guided-tour-user-input-mask {
  z-index: 1081;
}
ngx-guided-tour .guided-tour-spotlight-overlay {
  z-index: 1082;
}
ngx-guided-tour .tour-orb {
  z-index: 1079;
  background-color: #625aff;
  box-shadow: 0 0 0.3rem 0.1rem #625aff;
}
ngx-guided-tour .tour-orb .tour-orb-ring::after {
  border: 1rem solid #625aff;
  box-shadow: 0 0 0.1rem 0.1rem #625aff;
}
ngx-guided-tour .tour-step {
  z-index: 1083;
}
ngx-guided-tour .tour-step.tour-bottom .tour-arrow::before, ngx-guided-tour .tour-step.tour-bottom-right .tour-arrow::before, ngx-guided-tour .tour-step.tour-bottom-left .tour-arrow::before {
  width: 0;
  height: 0;
  content: "";
  z-index: 2;
  border-bottom: 1rem solid #ffffff;
  border-left: 1rem solid transparent;
  border-right: 1rem solid transparent;
}
ngx-guided-tour .tour-step.tour-top .tour-arrow::before, ngx-guided-tour .tour-step.tour-top-right .tour-arrow::before, ngx-guided-tour .tour-step.tour-top-left .tour-arrow::before {
  width: 0;
  height: 0;
  content: "";
  z-index: 2;
  border-top: 1rem solid #ffffff;
  border-left: 1rem solid transparent;
  border-right: 1rem solid transparent;
}
ngx-guided-tour .tour-step.tour-left .tour-arrow::before {
  width: 0;
  height: 0;
  content: "";
  z-index: 2;
  border-left: 1rem solid #ffffff;
  border-bottom: 1rem solid transparent;
  border-top: 1rem solid transparent;
}
ngx-guided-tour .tour-step.tour-right .tour-arrow::before {
  width: 0;
  height: 0;
  content: "";
  z-index: 2;
  border-right: 1rem solid #ffffff;
  border-bottom: 1rem solid transparent;
  border-top: 1rem solid transparent;
}
ngx-guided-tour .tour-step .tour-block {
  color: #231f1f;
  background-color: #ffffff;
  box-shadow: 0 0.4rem 0.6rem #4c4c4c;
}
ngx-guided-tour .tour-step .tour-buttons button.skip-button {
  color: #5e5e5e;
}
ngx-guided-tour .tour-step .tour-buttons .back-button {
  color: #007bff;
}
ngx-guided-tour .tour-step .tour-buttons .next-button {
  background-color: #007bff;
  color: #ffffff;
}
ngx-guided-tour .tour-step .tour-buttons .next-button:hover {
  background-color: #0069d9;
  color: #ffffff;
}
@media (pointer: coarse) {
  .rhsFiltersCont * {
    cursor: pointer !important;
  }
}