/*********************************************************************************************
	Product Detail Price Matrix
************************************************************************************************/


html{ overflow-x: initial!important; }









.form-list .field {
    width: 49%;
    font-weight: 600;
}

.field .input-box {
    width: 100%;
}

input#measure_drop, input#measure_width {
    width: 75%;
}

select#drop_odd, select#width_odd {
    width: 20%;
}

.unit {
    width: 30%;
    display: inline-block;
    float: left;
}

/* --- Product Options Tab ---- */
.colorSwatches div div div {
    display: inline;
}

.colorSwatchWrap {
    float: left;
    height: 100px;     padding: 8px 0;
    padding: 8px;
    position: relative;
    text-align: center;
    width: 120px;
}

.colorSwatchBody {
    position: relative;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.colorSwatchWrap img:hover {
    border: 1px solid #ccc;
}

.colorSwatchHeader {
    color: #333;
    font-size: 12px;
    width: 95%;
    z-index: 1;
    overflow: hidden;
}

.colorSwatchHeader .label {
    padding-left: 5px;
    font-weight: bold;
}

/* --- Color Tab Selected Event ---- */
.colorSwatchWrap.selected {
    /*background-color: #ededed;*/
    border-radius: 4px;accordion
}

.pin {
     top: -8px;
    right: -7px;
    z-index: 9;
    width: 30px;
    height: 30px;
    position: absolute;
}

.sprite {
    background-image: url(../images/sprites/bc-sprites.png);
    background-repeat: no-repeat;
}

.container .content {
    overflow: hidden;
    margin-bottom: 10px;
}

.size-available {
    margin-top: 10px;
    font-weight: 500;
}

.measure-label {
    padding: 4px 0;
    font-size: 12px;
}

.fence {
    margin: 0 5px;
}

/****************************************
================ DEMO ===================
****************************************/
#helpPopUp {
    float: right;
}

#helpPopUp div.modal {
    position: absolute;
    overflow: hidden;
    z-index: 9999999;
    border: 1px solid #999795;
    margin: 0 0 0 30px;
    padding: 0;
    width: auto;
    right: 358px;
}

.hidden {
    visibility: hidden;
}

#helpPopUp div.modal .title {
    padding-left: 5px;
    background: #854d23;
    opacity: 1;
    filter: alpha(opacity=90);
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
}

#helpPopUp div.modal .text {
    padding-left: 5px;
    background-color: #eee2ce;
    font-size: 12px;
    opacity: 1;
    filter: alpha(opacity=90);
}

#helpPopUp div.modal .text .container{
    margin: 0;
    padding: 0 0 0 5px;
    width: 115px;
}

.headRail .container .image {
    float: left;
    height: 120px;
    margin: 0;
    padding: 0;
    width: 105px;
}

@media (max-width: 767px) {
    .available_options .colorSwatchBody {
        width: auto; display: inline-block;
    }

    .available_options .colorSwatchWrap {
        text-align: center; display: block;
    }

    .available_options .colorSwatchWrap:after {
        content: ""; display: table; clear: both;
    }
}


.design-customize-content {
padding: 0px;
    border: none;
    background-color: transparent;
}
.catalog-product-view .wrap-design-customize {
    /* border: solid 1px #999; */
    margin: 0;
    display: inline-table;
    padding: 0px;
}
.sticky-board.col-md-3.col-lg-3 {
    float: right;
}
.container.matrix-price-section {
    margin-bottom: 50px;
}
.fck-wrapping-customize.col-md-12.col-lg-12 {
    padding: 0px;
}
.wrap-design-customize > h3 {
        background: none;
    color: #499683;
    font-size: 18px;
    text-transform: uppercase;
    height: 60px;
    line-height: 60px;
    padding: 0 0px 0;
    margin: 0;
    font-weight: bold;
}
input, select, textarea, button {
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: middle;
}
.design-customize-content .accordion-open {
    background: #499683;
    color: #fff;
}

.design-customize-content .accordion {
    cursor: pointer;
    background: #ffffff;
}

.design-customize-content .accordion .manual-accordion {
    padding: 0;
    border: solid 1px #ddd;
    margin: 0 0 10px;
    text-transform: none;
}
h2.resp-accordion, h3.manual-accordion {
    font-size: 16px;
    border-top: 1px solid #E4E4E4;
    margin: 0px;
    padding: 9px 0px;
}
.design-customize-content .accordion-open .manual-accordion span {
    background: #156350;
}
.design-customize-content .accordion .manual-accordion span {
    background: #999;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    height: 40px; display: none;
    width: 40px;
    color: #fff;
    font-size: 18px;
    margin: 0 10px 0 0;
}
.fieldset, .multiple-checkout .col2-set, .multiple-checkout .col3-set, .info-set {
    margin: 0 0 20px;
}
.form-list li {
    margin: 0 0 20px;
    list-style: none;
}

.form-list .field {
    width: 47%;
    font-weight: 600;
}

.form-list .field {
    float: left;
}
.form-list label {
    float: left;
    position: relative;
    font-size: 18px;
    font-weight: 500;
    color: #181818;
    z-index: 0;
    margin: 0 0 8px 0;
    padding-right: 5px;}
.form-list .field .twodot {
    margin-left: 15px;
    float: right;
}
p.required, .product-options dt label.required em, .form-list label.required em {
    color: #f00;
}

.form-list label.required em {
    float: right;
    padding-left: 5px;
    font-style: normal;
}
.field .input-box {
    width: 100%;
}

.input-box.dim {
    clear: none;
}
.unit {
    width: 30%;
    display: inline-block;
    float: left;
}
.field .input-box {
    width: 100%;
}
.form-list .input-box {
    display: block;
    clear: both;
}
.dropdown-widthodd, .dropdown-width {
    display: inline;
}
select#measure_width, select#measure_drop {
    height: 40px;
    line-height: 30px;
    width: 100px;
}
.dropdown-width:after {
    /*content: '\f078';
    font: normal normal normal 14px/1 FontAwesome;
    color: #dadada;
    margin: 13px -30px;
    position: absolute;
    pointer-events: none;*/
}
.dropdown-widthodd, .dropdown-width {
    display: inline;
}
select#drop_odd, select#width_odd {
    width: 20%;
}
.size-available {
    margin-top: 10px;
    font-weight: 500;
}
.design-customize-content .accordion {
    cursor: pointer;
    background: #ffffff;
}
.design-customize-content .accordion .manual-accordion {
    padding: 0;
    border: none;
    margin: 0 0 10px;
    text-transform: none;
    font-size: 20px;
    font-weight: 600;}
.fck-wrapping-customize .colorSwatchWrap {
    height: auto;
    border: 1px solid #ffffff;
    background: #ececec;
    margin-right: 15px!important;
}
.colorSwatchBody {
    position: relative;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.clear:after, .clearer:after, .header-container:after, .header-container .top-container:after, .header:after, .header .quick-access:after, #nav:after, .main:after, .footer:after, .footer-container .bottom-container:after, .col-main:after, .col2-set:after, .col3-set:after, .col3-layout .product-options-bottom .price-box:after, .col4-set:after, .search-autocomplete li:after, .block .block-content:after, .block .actions:after, .block li.item:after, .block-poll li:after, .block-layered-nav .currently li:after, .page-title:after, .products-grid:after, .products-list li.item:after, .box-account .box-head:after, .dashboard .box .box-title:after, .box-reviews li.item:after, .box-tags li.item:after, .pager:after, .sorter:after, .ratings:after, .add-to-box:after, .add-to-cart:after, .product-essential:after, .product-collateral:after, .product-view .product-img-box .more-views ul:after, .product-view .box-tags .form-add:after, .product-view .product-shop .short-description:after, .product-view .box-description:after, .product-options .options-list li:after, .product-options-bottom:after, .product-review:after, .cart:after, .cart-collaterals:after, .cart .crosssell li.item:after, .opc .step-title:after, .checkout-progress:after, .multiple-checkout .place-order:after, .group-select li:after, .form-list li:after, .form-list .field:after, .buttons-set:after, .page-print .print-head:after, .advanced-search-summary:after, .gift-messages-form .item:after, .send-friend .form-list li p:after {
    display: block;
    content: ".";
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
    overflow: hidden;
}
.fck-wrapping-customize.container_12 {
    padding-bottom: 50px;
}
.wrap-content-sticker h3 {
    background: #499683;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    height: 55px;
    line-height: 55px;
    padding: 0 20px;
}
.sticker-price {
    display: block;
    padding: 10px 20px 0;
    text-align: center;
    width: 100%;}
#sticker .price-box .regular-price .price, #matrix_price_result {
    color: #f26825;
    font-weight: bold;
    font-style: normal;
    font-size: 26px;
    margin-left: -10px;
}
#sticker .wrap-addto {
    padding: 20px 20px 20px;
    border-bottom:none; 
    overflow: hidden;     text-align: center;
}
.catalog-product-view .product-shop .anchor-design-customize .anchor-design-customize-button {
    /* background: #f6235f none repeat scroll 0 0; */
    background: #1E7D65 none repeat scroll 0 0 !important;
    color: #fff !important;
    font-weight: bold;
    padding: 15px 20px;
    text-align: center;
    box-shadow: none;
    border: none;
    width: 45%;
    cursor: pointer;
    border-radius: 0;
    background-color: #499683 !important;
    border-color: #499683 !important;
}
.catalog-product-view .product-shop .product-meta, .product-view .product-shop .anchor-design-customize {
    width: 100%;
    float: left;
    border-bottom: 1px solid #E4E4E4;
    margin: 20px 0 0;
    padding: 0 0 30px;
}
.anchor-design-customize button {
    color: #fff;
    background-color: #499683 !important;
    border-color: #499683 !important;
}

.anchor-design-customize button:hover {
    color: #fff;
    background-color: #499683 !important;
    border-color: #499683 !important;
}
.sticky-board .quantity_counter a {
    text-align: center;
    background-color: #F0F0F0;
    border-radius: 0;
    box-shadow: none;
    line-height: 30px;
    font-weight: bold;
    float: none;
    padding: 11px 18px;
    vertical-align: middle;
}
.sticky-board .qty.field .input-text.qty, .col.qty .input-text.qty {
    width: 65%;
    height: 3rem;
    font-size: 1rem;
    font-weight: 700;
    text-align: center;
    line-height: 14px;
    border-radius: 0;
    border-width: 1px 0 1px 0;
    border-color: #e7e7e7;
    padding: 6px 5px;
    color: #222529;
    margin: 0px 0px 10px 0px;
    border: 1px solid #E4E4E4;
}
.sticky-board .qty.field .control, .col.qty .control {
    width: 106%;
}
.sticky-board .fieldset > .actions {
    width: 100%;
}
.sticky-board button#product-addtocart-button {
    background: #499683;
    width: 100%;
    border: #499683;
}

.sticky-board .qty.field .qty-changer > a, .col.qty .qty-changer > a {background: #e7e7e7;}

#wrap-options {
    padding: 0 20px;
}
#wrap-options ul {
    padding-left: 0 !important;
}
#wrap-options ul li {
    margin: 20px 0;
    list-style: none;
}
#wrap-options ul li span.title-option {
    color: #666;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
}
#wrap-options ul li .wide-3 {
    width: 30%;
    display: inline-block;
}
#wrap-options ul li span.choose-option {
    font-size: 14px;
    color: #009ddc;
}

#wrap-options ul li .wide-3 {
    width: 30%;
    display: inline-block;
}
#wrap-options ul li span.choose-option {
    font-size: 14px;
    color: #009ddc;      color: #499683;
}

#wrap-options ul li span {
    display: block;
    width: 100%;
}

#sticker {
    width: 100%;
    z-index: 999;
    margin: 0;
    display: block;
    background: #ffffff;
    border: 1px solid #ddd;
}


div#product-addtocart-custom-button {
    background: #499683;
    width: 100%;
    border: none;
    text-align: center;
    padding-top: 15px;
}

div#product-addtocart-custom-button:hover{background: #000;}


.design-customize-content .accordion .manual-accordion i {
    display: none;
}

.design-customize-content .container {
    padding-left: 0;
}
.measure_wrapper .fieldset {
    background: #f9f9f9;
}

.measure_wrapper .fieldset ul {
    margin: 0;
    padding: 15px;
}

.available_options .content {
    background: #f9f9f9;
    padding: 15px;
}

.fck-wrapping-customize .colorSwatchWrap:hover {
    background: #499683;
    border: 1px solid #499683;
    color: #fff;
}

.fck-wrapping-customize .colorSwatchWrap.selected {
    background: #499683;
    border: 1px solid #499683;
   
}
.fck-wrapping-customize .colorSwatchWrap:hover .colorSwatchHeader, .fck-wrapping-customize .colorSwatchWrap.selected .colorSwatchHeader{ color: #fff;}

.fck-wrapping-customize .sticky-board {
    display: flex;
    flex-direction: column;
    position: sticky;
    justify-content: space-between;
    top: 70px!important; 
    z-index: 0;
margin-bottom:auto;


}
.colorSwatchWrap img {
    border: 1px solid #929292;
}

.form-list .field:first-child {
    margin-right: 6%;
}
.form-list li:first-child .field {
    display: flex;
    align-items: center;
    width: 50%;
}
.form-list li:first-child .field label.required {
    flex: 0 0 auto;
    margin-right: 12px;
    margin-bottom: 0;
}
.form-list li:first-child .field .input-box.dim {
    flex: 0 0 60%;
}



.width-lab label:after {
    content: '\f07e';
    font: normal normal normal 16px/1 FontAwesome;
    color: #499683;
    margin: 0px 0px;
    position: absolute;
    pointer-events: none;
    top: 3px;
    right: -15px;}
.height-lab label:after {
   content: '\f07d';
    font: normal normal normal 16px/1 FontAwesome;
    color: #499683;
    margin: 0px 0px;
    position: absolute;
    pointer-events: none;
    top: 3px;
    right: -10px;}


    .wrap-content-sticker .product-name {
    font-weight: 600;
    padding-left: 12px;
    font-size: 23px;
    line-height: 28px;
    color: #308871;
    padding-top: 10px;
}


.wrap-content-sticker .brands {
    padding-left: 12px;
    padding-top: 10px;
}

.wrap-content-sticker .brands span:first-child {
    color: #000;
    font-weight: 500;
    margin-right: 5px;
}


.wrap-content-sticker .manufacturer {
    padding-left: 12px;
    padding-top: 10px;
}

.wrap-content-sticker .manufacturer span:first-child {
    color: #000;
    font-weight: 500;
    margin-right: 5px;
}



.sticker-price .label {
    color: #000;
    font-weight: 600;
    font-size: 26px;
    margin-right: 5px;
}

.sticker-price .label:after {
   content: ":"; margin-left:5px;
}





.sticker-price em.matrix_price_result {
    color: #cb9d53;
    font-size: 28px;
    font-weight: 600;
}

.wrap-content-sticker .tocart {
    border-radius: 5px;
}






.wrap-content-sticker #wrap-options {
    padding: 0 10px;
}


.wrap-content-sticker #wrap-options h3 {
    color: #000;
    font-size: 18px;
    border: none;     height: 35px;
    background: #fff;
    padding-left: 0;
    font-weight: 600;
}



.fotorama__stage{ margin-bottom: 10px;  }
.error-msg{ color:#ff0000; }