.debug {
    display: none;
}
#table-shopping-bag .discountType {
  width: 20%;
  font-size: 11px;
}
#table-shopping-bag .discountType .item {
  color: #C69A68;
  font-size: 11px;
}
#table-shopping-bag .discountType .btn-edit-discount {
  cursor: pointer;
}
#table-shopping-bag .discountType .btn-save-discount, #table-shopping-bag .discountType .btn-cancel-discount{
  display: none;
  cursor: pointer;
}
#table-shopping-bag .discountType .discountOption .form-control {
  height: 25px;
  width: 60px;
  display: inline-block;
  padding: 0px 5px;
}
[class^="icon-abs-"] {
  width: 20px;
  height: 20px;
  cursor: pointer;
  margin: -2px 5px 0px 0px;
  display: inline-block;
  vertical-align: middle;
  background-image: url("//cdn.chowsangsang.com/eshop/hk/web/icon.png");
  background-position: 90% 7%;
  background-repeat:no-repeat
}

/* please add the style in bottom */
.originalLabourCost {
  /*border-right: 1px solid #95989A;
  padding-right: 0.5em;
  margin-right: 0.25em;*/
  display: inline-block;
  text-decoration: line-through;
}
.labourCost {
  display: inline-block;
  color: #C69967;
}

#tb-css-header-desktop .tb-css-navBar .tb-css-header-mainNav .item{
        position: initial;
}

.ui-options.ui-options-slider .ui-option{
    overflow:hidden;
    position: relative;
}

.ui-options.ui-options-slider .ui-option:before{
	content: "";
	display: block;
	margin-top: 100%;
}

.ui-options.ui-options-slider .ui-option .default-img img{
    position: absolute;
    max-width: 190%;
    top: -45%;
    left: -45%;
}

.ui-options.ui-options-slider .ui-option .pendantset-img img{
    position: absolute;
    max-width: 190%;
    top: -80%;
    left: -45%;
}

.ui-options.ui-options-slider .ui-option .charmeset-img img{
    position: absolute;
    max-width: 235%;
    top: -68%;
    left: -68%;
}

.ui-options.ui-options-slider .ui-option .bangleset-img img{
    position: absolute;
    max-width: 100%;
    top: 0px;
    left: 0px;
}

.ui-options.ui-options-slider .ui-option img{
    position: absolute;
    max-width: 190%;
    top: -45%;
    left: -45%;
}

.ui-options.ui-options-slider.pendantset .ui-option img{
    position: absolute;
    max-width: 190%;
    top: -80%;
    left: -45%;
}

.ui-options.ui-options-slider.charmeset .ui-option img{
    position: absolute;
    max-width: 235%;
    top: -68%;
    left: -68%;
}

.ui-options.ui-options-slider.bangleset .ui-option img{
    position: absolute;
    max-width: 100%;
    top: 0px;
    left: 0px;
}

.ui-options.ui-options-txt .ui-option.diy {
    border: 1px solid #f19ca6 !important;
    background-color: #f19ca6;
    color: #ffffff;
}
.ui-options.ui-options-txt .ui-option.diy > .txt{
    vertical-align: middle;
    margin-right: 5px;
}

.pulldown select{
        background: transparent;
}

.pulldown:after{
    content:"\f0d7";
    width: 1.28571429em;
    text-align: center;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    margin-top: -26px;
    right: 30px;
        z-index: -1;
}

.pulldown.spost:after{
    right: 20px;
}


.discountOption .custom-radio{
    display: inline-block;
}

.slidePanel-body .btn.btn-gray-darker.btn-submit.btn-sm.btn-block.row-top-3{
        position: fixed;
        left: 0px;
        bottom: 0px;
}

.slidePanel-body .list-filter{
        margin-bottom: 30px;
}

#tb-css-header-desktop .tb-css-navTop .tb-css-navSub-right .tb-css-header-widget[data-widget="cart"] .tb-css-header-widget-table-cart {
    font-size:14px;
}

.loaderDiv:after{
    width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 20px;
        text-align: center;
        content: "\f1ce";
        display: block;
        margin: 0 auto;
        font-family: FontAwesome;
        color: #95989A;
        position: relative;
        z-index: 4;
        -webkit-animation-name: spin;
        animation-name: spin;
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
}

.tb-css-header-widget-table-cart-img{
    width:30%;
}
.tb-css-header-widget-table-cart-detail{
    width:70%;
}

#content #content{
    padding:0px;
}

.ui-option-dimmed{
    background: #E9E7E8 !important;
    border-color: lightgray !important;
    color: lightgray;
    cursor: default !important;
}

#table-shopping-bag .info .misc,
#table-shopping-bag .info .serial,
.text-gray-light,
.form-control{
color:#000;
}

.ui-options.ui-options-txt .ui-option{
    min-width: 46px;
    text-align: center;
}

.ui-options.ui-options-txt .ui-option.ui-metal-option{
    min-width: 30px;
    text-align: center;
    padding: 3px;
}

.ui-options.ui-options-txt .ui-option-ps{
    min-width: 46px;
    text-align: center;
}

/* Add By Harlan King 20200612 */
.ui-options.ui-options-txt .ui-option.ui-metal-option img{
    width: 100%;
    text-align: center;
}
/* End Add */

.ui-options .ui-option-ps {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 10px;
  cursor: pointer;
}
.ui-options .ui-option-ps.ui-option-block {
  width: 100% !important;
  display: block;
  text-align: center;
  margin-bottom: 5px;
}
.ui-options.ui-options-txt .ui-option-ps {
  padding: 8px 15px;
  border: 1px solid #E9E7E8;
}
.ui-options.ui-options-txt .ui-option-ps:hover {
  border-color: #C69967;
}
.ui-options.ui-options-txt .ui-option-ps.active {
  background: rgba(198, 153, 103, 0.2);
  border-color: rgba(198, 153, 103, 0.6);
}
.ui-options.ui-options-color .ui-option-ps {
  padding: 4px;
  border: 1px solid transparent;
}
.ui-options.ui-options-color .ui-option-ps img {
  display: block;
}
.ui-options.ui-options-color .ui-option-ps:hover {
  border-color: #C69967;
}
.ui-options.ui-options-color .ui-option-ps.active {
  border-color: rgba(198, 153, 103, 0.6);
}

#slidePanel-reserve .td.col-img{
   text-align: center;
}

.Pickastyle .icon{
    position: absolute;
    right: 1px;
    width: 38px;
    text-align: center;
    background: white;
    top: 23px;
    height: 38px;
    display: block;
    line-height: 38px;
    pointer-events: none;
}

@media (max-width: 767px){
.ui-options.ui-options-slider .ui-option {
    border-width: 1px;
}
}

#mapWrapper{
    min-width:200px;
}

.tb-css-header-widget-table-price-unit .custom-select select {
  line-height: 38px !important;
  height: 40px !important;
}
.tb-css-header-widget-table-price-unit .custom-select select {
  border-color: default !important;
}



/* giftcard */

#pageOrderConfirmation #checkOutWrapper .checkOutStepsWrapper .step#stepGift #giftCard,
#pageOrderConfirmation #checkOutWrapper .checkOutStepsWrapper .step#stepGift .giftCard{
    position: relative;
    width: 49%;
    padding-bottom: 49%;;
    background-position: center;
    background-size: contain;
    float: left;
    overflow: hidden;
}

#pageOrderConfirmation #checkOutWrapper .checkOutStepsWrapper .step#stepGift #giftCard{
    margin-left: 2%;
}

#pageOrderConfirmation #checkOutWrapper .checkOutStepsWrapper .step#stepGift #giftCard .wrapper .msg {
  text-align: left;
   width: 70%;
   margin: 21% auto !important;
  display: block;
  resize: none;
  /*height: 2em;*/
  line-height: 250%;
  padding: 0;
  border: 0 ;
  outline: 0;
  overflow-y: hidden;
  background: transparent;
  min-height: 2em;
}

@media (max-width:  1279px ) and (min-width : 992px){
    #pageOrderConfirmation #checkOutWrapper .checkOutStepsWrapper .step#stepGift #giftCard .wrapper .msg{
        line-height: 200%;
    }
    .lightbox-panel2 {
        padding: 30px 100px;
    }
}

@media (max-width:  991px ) and (min-width : 768px){
     #pageOrderConfirmation #checkOutWrapper .checkOutStepsWrapper .step#stepGift #giftCard .wrapper .msg{
        line-height: 230%;
    }
    .lightbox-panel2 {
        padding: 30px 80px;
    }
}
@media (max-width:  768px ) and (min-width : 480px){
    #pageOrderConfirmation #checkOutWrapper .checkOutStepsWrapper .step#stepGift #giftCard .wrapper .msg{
        line-height: 230%;
    }
    .lightbox-panel2 {
        padding: 20px 40px;
    }
}

@media (max-width: 480px){
    #pageOrderConfirmation #checkOutWrapper .checkOutStepsWrapper .step#stepGift #giftCard,
    #pageOrderConfirmation #checkOutWrapper .checkOutStepsWrapper .step#stepGift .giftCard{
        width:100%;
        padding-bottom: 100%;
        float: none;
        margin:0px;
    }
    #pageOrderConfirmation #checkOutWrapper .checkOutStepsWrapper .step#stepGift #giftCard{
        margin-top:2%;
    }

    #pageOrderConfirmation #checkOutWrapper .checkOutStepsWrapper .step#stepGift #giftCard .wrapper .msg{
        line-height: 230%;
    }

    .lightbox-panel2 {
        padding: 10px 10px;
    }
}

.lightbox-panel {
    padding: 30px 60px;
}

#fullPageLoading {
    z-index: 10000;
}

.priceCurrency {
    font-size: 14px;
}


.showcover{
    position: fixed;
    left:0px;
    top:0px;
    background: rgba(0, 0, 0, 0.4);
    width:100%;  /*宽度设置为100%，这样才能使隐藏背景层覆盖原页面*/
    height:100%;
    filter:alpha(opacity=60);  /*设置透明度为60%*/
    opacity: 2;  /*非IE浏览器下设置透明度为60%*/
    display: block;
    z-Index: 9999;
}

.hidecover{
    position: fixed;
    left:0px;
    top:0px;
    background: rgba(0, 0, 0, 0.4);
    width:100%;  /*宽度设置为100%，这样才能使隐藏背景层覆盖原页面*/
    height:100%;
    filter:alpha(opacity=60);  /*设置透明度为60%*/
    opacity: 2;  /*非IE浏览器下设置透明度为60%*/
    display: none;
    z-Index: 999;
}

@media (min-width:  1279px )  {
    .lightbox-panel2 {
        padding: 40px 140px;
    }
}