.container { max-width: 100%; }
.ss_dept_main_heading{background-color: #F2F2F7; padding: 30px 0; margin-bottom: 40px;}
.ss_dept_main_heading h1{padding-bottom: 10px; margin: 0;}
.ss_dept_main_heading .container{max-width: 1390px; padding: 0 20px;}
.ss_dept_banner .ss_dept_main_heading{flex-flow: column;margin-bottom: 0;align-items: flex-start; row-gap: 10px;}
.pds_dept_details_view{--Gap: 40px;margin-bottom: 40px;}
.pds_dept_details_view .pds_dept_txt_box{ display: flex;align-items: flex-start; gap: var(--Gap);}
.pds_dept_details_view .pds_dept_img{flex: 1 0; max-width: 300px;}
.pds_dept_details_view .pds_dept_txt{flex: 1 0;max-width: 100%;display: flex; gap: var(--Gap);}
.pds_dept_details_view .pds_dept_txt h3{color: var(--primaryDefault);font-size: 24px;font-weight: bold; padding-bottom: 20px;}
.pds_dept_details_view .pds_dept_txt_Wrapper{flex: 1 0;}
.pds_dept_details_view .pds_dept_txt_Wrapper ul.list-unstyled{margin-left: 8px; margin-bottom: 10px;}
.pds_dept_details_view .pds_dept_txt_Wrapper ul.list-unstyled li{font-size: 16px; line-height: 1.5; color: var(--primaryDefault); position: relative; text-indent: -10px; padding-left: 10px;}
.pds_dept_details_view .pds_dept_txt_Wrapper ul.list-unstyled li + li{ margin-top: 8px;}
.pds_dept_details_view .pds_dept_txt_Wrapper .pds_dept_txt_content{position: relative; font-size: 16px; line-height: 1.5;}
.pds_dept_details_view .pds_dept_txt_Wrapper .pds_dept_txt_content.read_more::after{position: absolute; height: 35%; bottom: 0; left: 0; right: 0; background: linear-gradient(180deg, hsl(240deg 23.81% 95.88% / 38%) 0, hsl(240deg 23.81% 95.88% / 41%) 54%, #ffffff); content: ""; display: block;}
.department-thumb-area, .xpslider ul li a{border: 1px solid #E3E4E9; border-radius: 8px; overflow: hidden;}
.pds_dept_details_view .pds_dept_txt_box .ss_dept_txt{gap: var(--Gap);}
.pds_dept_details_view .dept-shippingBlock_box{width: 295px;}
.pds_dept_details_view .dept-shippingBlock_box .shippingBlock_box{ box-shadow: 0 4px 6px -1px #E2E8F0 , 0 2px 4px -2px #E2E8F0; padding: 10px 10px; display: flex; border: 1px solid #F2F2F7; align-items: center; gap: 12px; border-radius: 8px; background-color: #fff;}
.pds_dept_details_view .dept-shippingBlock_box .shippingBlock_text{flex: 1 0;line-height: 1.3; font-size: 15px; color: var(--primaryDefault);line-height: 1.4;}
.pds_dept_details_view .dept-shippingBlock_box .shippingBlock_text p{margin: 0;}
.pds_dept_details_view .dept-shippingBlock_box .shippingBlock_text p strong{color: #00855D;}
.pds_dept_details_view .dept-shippingBlock_box .shippingBlock_title{font-size: 14px;font-weight: bold; color: #16202C;}
.pds-main-container{--left-sku-img-width: 400px; width: 100%; max-width: 1350px; margin: 0 auto; --bg-gray:#F2F2F7;--border-radius:8px;}
.sku-img-sticky .material_section_block { border-radius: var(--border-radius); background-color: var(--bg-gray); padding: 25px 25px 12px; margin-bottom: 20px; box-shadow: 0 2px 6px -2px rgba(9, 30, 66, 0.25), 0 0 0 1px rgba(9, 30, 66, 0.08);}
.sku-img-sticky .material_section_block h4{color: #16202C; font-weight: bold; font-size: 22px; padding-bottom: 20px;}
.sku-img-block .full { width: 300px; text-align: center; margin: 0 auto 20px; }
.sku-img-block .full img { max-width: 100%; }
.sku-img-block .web_badge_box{display: flex; align-items: center; justify-content: center; gap: 15px;}
.product_spec_row{ font-size: 16px;color: #16202C;line-height: 1.4; text-align: center;}
.product_spec_row + .product_spec_row{ margin-top: 12px;}
.product_spec_row .product_spec_title{font-weight: bold; padding-bottom: 2px;}
.price_summary_box{border: 1px solid #CED4DA; background-color: #fff; border-radius: 3px; padding: 10px; margin-bottom: 12px; margin-top: 25px;}
.qtyBox_box{display: flex; align-items: center; justify-content: center; gap: 15px;}
.qtyBox_box .qtyBox_label{font-size: 16px;color:var(--primaryDefault);font-weight: var(--text-bold);}
.qtyBox_box .qtyBox{display: flex;overflow: hidden; gap: 8px; width: 175px;}
.qtyBox_box .qtyBox .qtyBtn{width: 40px; height: 40px; border-radius: 8px; background: var(--white); border: 1px solid #D5D7DA; display: flex ; align-items: center; justify-content: center; color: #414651; box-shadow: none;}
.qtyBox_box .qtyBox .qtyInput{flex: 1 0; text-align: center; border-color: #D5D7DA; font-size: 16px; color: #181D27; border-radius: 8px; border: 1px solid #D5D7DA; box-shadow: 0 1px 2px 0px rgba(10, 13, 18, 0.05); height: 40px}
.qtyBox_box .qtyBox .qtyInput::-webkit-outer-spin-button,
.qtyBox_box .qtyBox .qtyInput::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.qtyBox_box .qtyBox .qtyInput { -moz-appearance: textfield; }
.price_summary_box .product_price_box{padding-top: 10px;}
.product_price_box .product_price_cont{display: flex;justify-content: space-between; gap: 5px; align-items: center; margin-bottom: 12px;}
.product_price_box .product_price_cont .label{margin: 0; font-size: 16px; color: var(--primaryDefault);}
.product_price_box .product_price_cont .price_box{color: var(--primaryDefault); font-size: 16px;font-weight: bold;}
.product_price_box .product_price_cont .price_box .EachProductCost{font-size: 16px; font-weight: bold;}
.product_price_box .product_price_cont.product_total_price .label{font-size: 18px;font-weight: bold;}
.product_price_box .product_price_cont.product_total_price .price_box .price{ font-size: 20px;color: #00855D; font-weight: bold;}
.btn .btn-icon{display: inline-block; margin-right: 3px; vertical-align: middle;}
.material_section_block .shippingBlock_box{display: flex; align-items: center; justify-content: center; gap: 12px;}
.material_section_block .shippingBlock_box .shippingBlock_text{font-size: 14px;color: #16202C;font-weight: normal;line-height: 1.4;}
.material_section_block .shippingBlock_box .shippingBlock_title{font-size: 14px;font-weight: bold; color: #16202C;}
.material_section_block .shippingBlock_box p{margin: 0;}
.common-gray-box{background-color: var(--bg-gray);border-radius: var(--border-radius); padding: 25px 30px 30px; margin-bottom: 30px;}
.status-row .step i{background-color: #00855D!important; width: 30px; height: 30px; border-radius: 100%;display: flex; align-items: center; justify-content: center; color: #fff; font-size: 18px;font-style: normal;}
.status-row .copyBlock{display: flex; gap: 10px;font-size: 22px; color: #16202C;font-weight: bold; padding-bottom: 20px;padding-left: 0;}
.gy-5{margin-top: -25px;}
.gy-5 div[class*="col-"]{margin-top: 25px;}
.dropdown_select_box label{font-size: 16px; color: #16202C; font-weight: 400; margin-bottom: 10px; display: block;}
.dropdown_select_box label .required{color: red; padding: 0;}
.dropdown_select_box .dropdown-label{font-size: 16px; color: #16202C; font-weight: 400; margin-bottom: 10px; display: block;}
.dropdown_select_box .dropdown-label .required{color: red; padding: 0;}
.dropdown_select_box .dropdown-menu label{margin:0;}
.dropdown_select_box .dropdown{width: 100%;}
.dropdown_select_box .dropdown .dropdown-btn{width: 100%; display: block; background-color: #fff; border-radius: 3px; border: 1px solid #CED4DA; font-size: 16px;color: #495057; text-align: left; height: 45px; padding-left: 18px; padding-right: 25px; position: relative;}
.dropdown_select_box .dropdown .dropdown-btn:hover,
.dropdown_select_box .dropdown .dropdown-btn:focus{ outline: none; border-color: #ccc;}
.dropdown_select_box .dropdown-toggle::after{position: absolute; top: 50%; transform: translateY(-50%); right: 10px;width: 12px; height: 12px; background-position: center center; border: none; background-repeat: no-repeat;
background-image: url('data:image/svg+xml,');
}
.dropdown_select_box .dropdown-menu{width: 100%;padding: 15px; max-height: 500px; overflow: auto; margin: 3px 0;box-shadow: 0 12px 16px -4px rgba(10, 13, 18, 0.08), 0 4px 6px -2px rgba(10, 13, 18, 0.03), 0 2px 2px -1px rgba(10, 13, 18, 0.04);border-radius: 8px; border: 1px solid #E9EAEB; z-index: 998;}
.dropdown_select_box .dropdown-menu.with_out_search{padding-top: 15px;}
.dropdown_select_box .dropdown-menu .dropdown-input{padding-top: 15px;margin-left: -15px;margin-right: -15px; padding-left: 15px; padding-right: 15px; padding-bottom: 10px; background-color: #fff;z-index: 1; position: sticky; top: 0; transform:translateY(-15px);}
.dropdown_select_box .dropdown-menu .dropdown-input .form-control{height: 35px; border-radius: 20px; padding-left: 16px; padding-right: 35px; background-repeat: no-repeat; background-position: calc(100% - 15px) center;
background-image: url('data:image/svg+xml,');
}
.dropdown_select_box .dropdown-item{ font-size: 16px;color: #495057; padding: 10px 15px;}
.dropdown_select_box .dropdown-item.selected{font-weight: var(--text-bold);color: #000;}
.dropdown_select_box .dropdown-item.selected,
.dropdown_select_box .dropdown-item.active,
.dropdown_select_box .dropdown-item:active{background-color: #efefef;}
.dropdown_select_box .dropdown-item + .dropdown-item{border-top: 1px solid #D9D9D9;}
.dropdown_select_box .dropdown-item .icon_img{width: 50px; height: 40px; display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; margin-right: 15px; padding:0;}
.dropdown_select_box .dropdown-item .icon_img img{max-width: 50px;max-height: 40px;}
.dropdown_select_box.tag_template_dropdown .dropdown-item{min-height: 40px;}
.dropdown_select_box.tag_template_dropdown .icon_img{height:auto; width: 70px;}
.dropdown_select_box.tag_template_dropdown .icon_img img{max-width: 70px; max-height: 70px;}
.dropdown_select_box.select_tag_design_dropdown .dropdown-item .icon_img{width:60px; height:50px}
.dropdown_select_box.select_tag_design_dropdown .dropdown-item .icon_img img{max-width:60px; max-height:50px;}
.matfeatures_box_video{width: 270px; float:right; margin-left: 20px; margin-bottom: 10px; height: 160px; position: relative;}
.matfeatures_box_video .videoFrame,
.matfeatures_box_video .videoButton{display: none!important;}
.matfeatures_box_video .mat-box .videoThumb{float: none; margin: 0;width: 100%; height: 100%; border: 5px solid #FFFFFF; border-radius: 8px;box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25); position: relative;}
.matfeatures_box_video .mat-box .videoThumb a{display: inline-block;height: 100%; width: 100%;}
.matfeatures_box_video .mat-box .videoThumb .videoThumbnail{width: 100%; height: 100%;position: inherit; margin: 0; border-radius: 8px; filter: brightness(0.8);}
.matfeatures_box_video .mat-box .videoThumb .videoDuration{margin: 0; bottom: 0;}
.matfeatures_box_video .play-icon{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 45px; height: 45px; border-radius: 100%; background-color: rgba(255, 255, 255, 0.9); color: #333; display: flex ; align-items: center; justify-content: center; transition: 0.3s; pointer-events: none; z-index: 2;}
.matfeatures_box_video .play-icon svg{display: inline-block; margin-top: 2px; margin-right: -3px;}
.matfeatures_box .matfeatures_box_text{flex: 1 0;}
.matfeatures_box .matfeatures_box_text p{line-height: 1.5; text-indent: -8px; margin: 0px; padding: 0px 0px 0px 8px; text-align: left; font-size: 16px; margin-bottom: 4px;}
.matfeatures_box .matfeatures_box_text .more_Details{font-size: 16px; padding-top: 5px; display: inline-block;}
.pricelist-table table tr td.qty { font-weight: 600; }
.pricelist-table table tr td.qty .input-group{min-width:70px;}
.pricelist-table table tr td.qty .input-group .qtyplus {padding:0;width:28px}
.pricelist-table table tr td.qty .input-group .qtyplus svg{max-height:18px;}
input.inputQty { padding: 2px !important; font-size: 14px !important; line-height: normal !important; box-shadow: inset 0 1px 1px rgba(0,0,0,.075); }
.pricelist-table table { width: 100%; border-bottom: 1px solid var(--border-color); }
.pricelist-table table tr { cursor: pointer }
/* .pricelist-table table tr.active td{background-color: #ffffec;} */
.pricelist-table table tr.active td.total_price{font-weight: bold;}
.pricelist-table table tr td { text-align: center; font-size: 13px; line-height: 18px; border-top: 1px solid var(--border-color); padding: 5px 0; }
.pricelist-table table tr td.total_price { background: #F2F8FF }
.pricelist-table table tr th { text-align: center; font-size: 13px; line-height: 18px; border-top: 0px; border-bottom: 1px solid var(--border-color); padding: 3px 0 3px; font-weight: var(--text-bold); }
.pricelist-table table tr th:first-child { width: 5%; }
.pricelist-table table label{margin: 0;}
.pricelist-table table .custom_qty .qty{font-size: 13px;}
.pricelist-table table .custom_qty td{padding: 5px 0;}
.pricelist-table table tr .savings{color: #00855D;font-weight: var(--text-bold);}
.pricelist-table table tr .qty{text-align: left;}
.pricelist-table table .custom_qty .inputQty{ display: inline-block; color: #333;}
.custom_qty inputQty::placeholder{color: #495057}
input.inputQty::-webkit-outer-spin-button,
input.inputQty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
/* Firefox */
input.inputQty { -moz-appearance: textfield;font-weight:var(--text-bold);}
.pricelist-table .pricelist-table-label{font-size: 14px; font-weight: var(--text-bold); margin-bottom: 2px;}
label span { max-width: 255px; padding: 0 0 0 22px; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22px; text-align: left; display: inline-block; cursor: pointer; color: #333; position: relative;
/* background: url(/img/src/standard-radio0.png) no-repeat 2px 4px; */
}
label span .radio_icon{display: inline-block;width: 16px; height: 16px; border-radius: 100%; position: absolute;top: 3px;left: 0; border: 1px solid #9d9d9d;}
label input:checked+span .radio_icon{background-repeat: no-repeat; background-color: #0d6efd; border-color: #0d6efd;
background-position: center;
background-size: contain;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
label:has(input:checked) span .radio_icon{background-repeat: no-repeat; background-color: #0d6efd; border-color: #0d6efd;background-position: center;background-size: contain;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
label span font { font-family: Verdana !important; font-size: 11px !important; }
label input[type="radio"] { position: absolute; top: -20px; right: 0px; display: none; }
/* label input:checked+span { background: url(/img/src/standard-radio1.png) no-repeat 2px 4px; } */
.product_price_box{text-align: center; padding: 4px 0 8px;}
.product_price_box .product_total_price{ font-size: 18px; font-weight: var(--text-bold);}
.product_price_box .product_total_price .price{color: #00855D;font-weight: bold; font-size: 24px;}
.product_price_box .product_total_price .par_unit_text{font-size: 12px; color: #000; font-weight: 400; display: inline-block; vertical-align: text-bottom;}
.product_price_box .EachProduct_price{font-size: 13px;color: var(--primaryDefault);font-weight: var(--text-bold);}
.matfeatures { font-size: 14px; line-height: 1.5; text-align: left; padding: 10px 15px 10px 15px; background: #f2f8ff;display: none;font-weight:normal; }
.matfeatures p {line-height: 1.5;text-indent: -8px;margin: 0px;padding: 0px 0px 0px 8px;text-align: left;font-size: 13px;margin-bottom: 2px;}
.matfeatures img.videoButton { position: absolute; z-index: 103; }
.matfeatures img.videoThumbnail { position: absolute; width: 96px; height: 54px; margin: 12px; z-index: 102; }
.matfeatures img.videoFrame { position: relative; z-index: 101; }
.matfeatures .mat_featurs_box{ padding-left: 16px;}
table.pricelist tbody tr td:nth-child(12) { background: transparent!important;}
table.pricelist { --border-color:#CED4DA; width: 100%; border-bottom: 1px solid var(--border-color); }
/* thead */
/* table.pricelist>thead>tr:nth-child(1)>th { border-top: 1px solid var(--border-color); } */
table.pricelist>thead>tr>th { font-size: 11px; line-height: 18px; padding: 2px 0px; font-weight: normal; background-color: #F4F4F4; text-align: center; }
table.pricelist>thead>tr>th:nth-child(1) { padding-left: 5px; text-align: left; }
table.pricelist>thead>tr>th:nth-child(12) { display: none; }
table.pricelist>thead>tr>th:nth-child(13) { display: none; }
/* tbody */
table.pricelist > tbody{border-left: 1px solid var(--border-color); border-right: 1px solid var(--border-color);}
table.pricelist>tbody>tr>td label span { font-weight: 600; }
table.pricelist>tbody>tr>td { text-align: center; font-size: 13px; line-height: 18px; border-top: 1px solid var(--border-color); padding: 2px 0; background-color: #fff; table-layout: fixed; border-bottom: 0px; font-weight:600; }
table.pricelist > tbody > tr > td:nth-child(odd) {background-color: #F8F8F8!important;}
table.pricelist>tbody>tr>td:nth-child(1) { width: 237px; padding-left: 3px; text-align: left; background-color: #FFF!important; }
table.pricelist>tbody>tr>td:nth-child(1) label{margin-bottom:0;padding:5px 0 5px 5px}
table.pricelist>tbody>tr>td:nth-child(12) { text-align: center; padding-left: 0px; padding-right: 0px;}
/* table.pricelist > tbody > tr > td:nth-child(13){ width: 60px !important;}*/
.qvMaterial-section table.pricelist>tbody>tr>td img { vertical-align: middle; }
table.pricelist>tbody>tr.group>td { border-top: 1px solid var(--border-color); border-left: none; border-right: none; font-size: 14px; line-height: 15px; padding-top: 4px; padding-bottom: 4px; font-weight: 700; background-color: #fff !important; }
table.pricelist{--selected-border-color:rgb(191 191 191);}
/*table.pricelist > tbody > tr.active > td:nth-child(1) { background: #F6E999; border-left: 1px solid rgb(238, 136, 0); color: #CC0000; }*/
table.pricelist>tbody>tr.active>td:nth-child(1) { border: 1px solid var(--selected-border-color); border-left: none!important; border-bottom-color: #f2f8ff; border-right: 1px solid #c3d1e2; background: #f2f8ff!important;position: relative; }
table.pricelist>tbody>tr.active>td{border-top: 1px solid var(--selected-border-color);}
table.pricelist>tbody>tr.active>td:not(:first-child){border-bottom:1px solid #c3d1e2;}
table.pricelist>tbody>tr.active>td:last-child { border-right: 1px solid var(--selected-border-color); }
table.pricelist>tbody>tr.active>td table tr td { border-top: none !important; }
table.pricelist>tbody>tr.active + tr td{border: none;}
table.pricelist>tbody>tr>td.icon { width: 30px !important; border-right: 1px solid #F0F0F0; cursor: pointer; }
.matFeatures th,.matFeatures td{width:initial;height:25px;text-align:center;border: 1px solid #DDD !important;cursor:pointer;padding:3px 5px!important;font-size:11px;color:#555555;}
.matFeatures_detail{font-weight:normal;font-size:13px;margin-bottom:3px;float: left;padding-left:10px;line-height:26px;}
.materialOptions_controls{display: block; text-align: right;}
.materialOptions_controls .materialOptions_controls_btn{cursor: pointer;text-decoration: underline;color: #1D50C3;}
.head_section_with_tabs{display: flex;align-items: center;flex-wrap: wrap;padding-bottom: 20px; gap: 12px;}
.head_section_with_tabs .head_section{ padding-bottom: 0;}
.head_section { padding: 0 0 6px 0; font-size: 16px;}
.head_section_with_tabs .head_section { padding-bottom: 0; }
.tag_ListBox{display: flex;flex-wrap: wrap;gap: 12px;}
.tag_ListBox .tag_ListBtn{display: inline-block; padding: 6px 14px; font-size: 14px; border: 1px solid #e3e3e3; border-radius: 6px; background-color: transparent;color: var(--primaryDefault); font-weight: var(--text-bold); outline: none;}
.tag_ListBox .tag_ListBtn.active{background-color: var(--secondarycolor); border-color: var(--secondarycolor); color: var(--white); }
.design_items .designs{display: grid; gap: 15px; grid-template-columns: repeat(auto-fill, minmax(115px, 1fr)); margin-bottom: 0; max-height: 300px; overflow: auto;}
.design_items .designs>li { text-align: center; }
.design_items .designs>li a:hover { color: #333; }
.design_items .designs>li .design_img { border: 1px solid #e3e3e3; padding: 8px;border-radius: 4px;margin: 1px;flex: 1 0; display: flex; align-items: center; justify-content: center;}
.design_items .designs>li .title_txt { display: block; font-size: 13px; color: #333; text-align: center; padding-top: 4px; line-height: normal; }
.design_items .designs>li.selected .design_img{ border-color: var(--selectedcolor); border-width: 2px; margin: 0; background-color: #FEFAF6; }
.design_items .designs>li.selected .title_txt{font-weight: var(--text-bold);}
.previews a { display: flex; text-decoration: none; height: 100%;flex-flow: column; }
.design_items.previews a img { display: inline-block; max-width: 100%; height: auto; }
.popover { max-width: 100%; width: auto; }
.popover-header:empty+.popover-body { padding: 0; }
.selectTemplate_popover .popover-header{display: flex;justify-content: space-between; align-items: center; margin-bottom: 0 !important; position: relative;padding: 10px 14px; font-size: 16px;border-top-left-radius: 7px; border-top-right-radius: 7px;}
.popover-header .Close_popover { margin-top: -5px; }
.Close_popover { font-size: 24px; line-height: 0; color: #000; opacity: .5; }
.Close_popover:hover{text-decoration: none;}
.selectTemplate_popover .bs-popover-auto[x-placement^=bottom]>.arrow::before,
.selectTemplate_popover .bs-popover-bottom>.arrow::before{border-bottom-color:#E9EAEB;}
.selectTemplate_popover .bs-popover-auto[x-placement^=top]>.arrow::before,
.selectTemplate_popover .bs-popover-top>.arrow::before{border-top-color:#E9EAEB;}
.selectTemplate_popover{max-width: 700px; width: 100%; z-index: 998; box-shadow: 0 12px 16px -4px rgba(10, 13, 18, 0.08), 0 4px 6px -2px rgba(10, 13, 18, 0.03), 0 2px 2px -1px rgba(10, 13, 18, 0.04); border-radius: 8px; border: 1px solid #E9EAEB;}
.selectTemplate_popover .popover-body{padding: 15px;}
.design_filter_box{display: flex; justify-content: space-between; flex: 1 0; gap: 10px; align-items: center;}
.design_filter_box select.form-control{ -webkit-appearance: none; -moz-appearance: none; appearance: none; background-repeat: no-repeat; background-position: right .75rem center; background-size: 16px 12px;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");}
.design_filter_box .design_search_group{display: block;max-width: 300px; position: relative;}
.design_filter_box .form-control{border-radius: 6px; height: 36px; padding: 0 35px 0 10px; font-size: 16px;}
.design_filter_box .design_search_group .design_search_icon{all: unset; position: absolute; top: calc(50% - 2px); transform: translateY(-50%);right: 15px; }
/* .custom-radio-box input[type="radio"]{display: inline-block;width: 16px; height: 16px; border-radius: 100%; border: 1px solid #9d9d9d; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-print-color-adjust: exact; vertical-align: middle; margin-right: 5px; background-color: #fff;position: initial; }
.custom-radio-box label{ position: relative; padding: 8px 6px; font-size: 14px; font-weight: var(--text-bold);color: var(--primaryDefault); margin: 0; display: block; }
.custom-radio-box label input:checked{background-repeat: no-repeat; background-color: #0d6efd; border-color: #0d6efd;
background-position: center;
background-size: contain;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
} */
/*
.pricelist_mobile_view{border: none; --background:#f2f8ff; margin: 0; --border-color:#CED4DA;background-color: #FFF;}
.pricelist_mobile_view thead tr th{text-align: center; border-bottom: 1px solid var(--border-color)!important; background-color: #F4F4F4; padding: 6px!important; width: 57px;}
.pricelist_mobile_view td{ padding: 0px; border: none;text-align: center;}
.pricelist_mobile_view .mat_featurs td{padding: 0; border: none;}
.pricelist_mobile_view tr.group{ position:sticky;top:48px; z-index:1;}
.pricelist_mobile_view .custom-radio-box label{text-align: left;cursor: pointer;color: #000;}
.pricelist_mobile_view .custom-radio-box label .radio_icon{ left: 6px; top: 50%;transform: translateY(-50%); display: none;}
.pricelist_mobile_view .custom-radio-box label span{vertical-align: middle;padding: 0;}
.pricelist_mobile_view .price_tr td{ padding: 4px;border-bottom: 1px solid var(--border-color);border-top: 1px solid var(--border-color)}
.pricelist_mobile_view .price_tr td:first-child{border-left: 1px solid var(--border-color)}
.pricelist_mobile_view .price_tr td:last-child{border-right: 1px solid var(--border-color)}
.pricelist_mobile_view tr.group th:first-child {
border-left: 1px solid var(--border-color) !important
}
.pricelist_mobile_view tr.group th:last-child {
border-right: 1px solid var(--border-color) !important
}
.pricelist_mobile_view tr.group th {
text-align: center;
border-bottom: 1px solid var(--border-color)!important;
background-color: #F4F4F4;
padding: 6px!important;
width: 57px;
}
.pricelist_mobile_view > tbody > tr > td:nth-child(even) { background-color: #F8F8F8; }
.pricelist_mobile_view .price_per_label_th th{font-size: 11px !important; font-weight: normal; border-bottom: 0 !important; padding: 5px 0 0 !important;}
.pricelist_mobile_view thead{border-left: 1px solid var(--border-color); border-right: 1px solid var(--border-color);border-top: 1px solid var(--border-color);}
.pricelist_mobile_view .mat_featurs_box_mob{ display: none;background: var(--background); padding: 8px; text-align: left;}
.pricelist_mobile_view .mat_featurs_box_mob p{text-indent: -8px; margin: 0px; padding: 0px 0px 0px 8px; text-align: left; font-size: 13px; margin-bottom: 4px;}
.pricelist_mobile_view .mat_featurs_box_mob p:last-child{ margin-bottom: 0;}
.pricelist_mobile_view .radio_tr td{border-left: 1px solid var(--border-color); border-right: 1px solid var(--border-color);}
.pricelist_mobile_view .radio_tr.active .custom-radio-box label{color: var(--primarycolor); background-color: #ffffec;}
.pricelist_mobile_view .mat_featurs.active{border: 1px solid var(--border-color);border-top: none;} */
@media (min-width:1200px) {
table.pricelist>tbody>tr>td { width: 50px; }
.materialOptions_controls .materialOptions_controls_btn{margin-bottom: -22px;}
.matfeatures_box_video{margin-top: -28px;}
.selectTemplate_popover{left:-142px!important}
}
@media (max-width: 1199px) and (min-width: 992px) {
.selectTemplate_popover{max-width:560px;}
.head_section_with_tabs{flex-flow:column;align-items: flex-start;}
}
@media (min-width: 992px) {
.sku-block-row{display: flex; --gap: 30px; flex-flow: row-reverse;}
.sku-detail-block {padding-right: var(--gap);flex: 1 0; width: calc(100% - var(--left-sku-img-width));}
.sku-img-block { width: var(--left-sku-img-width);}
.sku-img-block .sku-img-sticky{position: sticky;top:var(--sticky-position,5px);z-index: 1;}
}
@media (max-width: 1200px) {
.pds_dept_details_view{--Gap:20px;}
.pds_dept_details_view .pds_dept_txt{flex-flow: column;}
.pds_dept_details_view .pds_dept_txt h3{padding-bottom: 10px;}
.status-row .copyBlock{font-size:20px;}
.common-gray-box{padding:22px 25px 25px;}
.qvMaterial_selectBTn_list{gap:8px;}
}
@media (max-width: 1199px) {
.insideFrameMaterials { overflow: hidden; overflow-x: auto; }
table.pricelist>tbody>tr>td { min-width: 60px; }
}
@media (max-width: 991px) {
.sku-block-row{display: flex;flex-flow: column-reverse; gap: 20px;}
.pds_dept_details_view .pds_dept_txt{gap: 0px;}
}
@media (max-width: 767px) {
.ss_dept_main_heading h1{padding-top: 0; padding-bottom: 0px;}
.ss_dept_main_heading{padding: 20px 0; margin: var(--marginOffset); margin-bottom: 25px;}
.pds_dept_details_view .pds_dept_txt_box{display: block;}
.pds_dept_details_view .pds_dept_img{text-align: center; margin-bottom: 15px; max-width: 100%;}
.pds_dept_details_view .pds_dept_img .xpslider{margin: 0 auto;}
.status-row .copyBlock{padding-left: 0;margin-bottom: 0; padding-bottom: 15px;font-size: 18px;}
.status-row .step i{width: 25px; height: 25px; font-size: 16px;}
.sku-block-row{gap: 0;}
.common-gray-box,
.sku-img-sticky .material_section_block{border-radius: 0;margin: var(--marginOffset); padding: 20px var(--container-padding); margin-bottom: 25px;}
.pds_dept_details_view{margin-bottom: 25px;}
.common-gray-box .gy-5{margin-top: -15px;}
.common-gray-box .gy-5 div[class*="col-"]{margin-top: 15px;}
.matfeatures_box_video{width: 150px; height: 100px;}
.ss_dept_sub_heading{ margin-top: 0!important;}
.sku-img-sticky .material_section_block h4{font-size: 19px;}
.product_spec_row{font-size: 15px;}
.matfeatures_box{padding-top: 18px;}
.dropdown_select_box .dropdown-menu{max-height: 320px;}
.customer_reviewMain{box-shadow: none!important;}
.insideFrameMaterials { overflow: initial; overflow-x: initial; }
label span .radio_icon{display: none;}
}
.SquareSizeOption,
.CircularSizeOption,
.OvalSizeOption,
.Multi-PartSizeOption,
.SpecialShapesSizeOption { display: none; }
.ajxloader {
position: fixed;
z-index: 1001;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba(128,128,128,.25)
}
.mat-spinner-text {
position: fixed;
top: 50%;
left: 50%;
z-index: 1000001;
height: 128px;
width: 128px;
margin-top: -64px;
margin-left: -64px;
line-height: 32px;
text-align: center;
font-size: 27px;
color: #303b83;
border-radius: 16px !important;
opacity: 1
}
.material_img_list{display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); margin-bottom: 0px; gap: 10px;}
.material_img_list li{border: 1px solid var(--border-color); padding: 8px; margin: 1px;border-radius: 4px;background-color:#fff}
.material_img_list li>a .img_placeholder{min-height: 60px; display: flex; align-items: center; justify-content: center; }
.material_img_list li>a .title_txt{display: block; padding-top: 5px; line-height: normal; font-size: 16px; text-align: center; color: var(--primarycolor);}
.material_img_list li.current .title_txt{ font-weight: var(--text-bold);}
.material_img_list li.current{position: relative; z-index: 2; background: #FEFAF6; border-width: 2px; margin: 0; border-color: var(--selectedcolor);}
.material_img_list a:hover{text-decoration: none;}
.material_img_list li p{color: var(--primaryDefault);text-indent: -10px; padding-left: 12px; line-height: 1.4; font-size: 12px;margin-bottom: 5px; }
.material_img_list li p:last-child{ margin-bottom: 0; }
.material_img_list li .mfa{padding-top:5px;}
.qvMaterial_selectBTn_list{display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); margin-bottom: 0px; gap: 11px;margin-bottom:10px;}
.qvMaterial_selectBTn_list li>a{border: 1px solid #e1e1e1; padding: 8px; margin: 1px;border-radius: 4px;display:block;width:100%; height:100%;background-color:#fff;}
.qvMaterial_selectBTn_list li>a .img_placeholder{min-height: 60px; display: flex; align-items: center; justify-content: center; }
.qvMaterial_selectBTn_list li>a .title_txt{display: block;line-height: normal; font-size: 16px; text-align: center; color: var(--primaryDefault);line-height: 20px; text-align: left; font-weight: var(--text-bold);}
.qvMaterial_selectBTn_list li.current .title_txt{ color: var(--primarycolor);}
.qvMaterial_selectBTn_list li.current>a{position: relative; z-index: 2; background: #FEFAF6; border-width: 2px; margin: 0; border-color: var(--selectedcolor, var(--primarycolor));}
.qvMaterial_selectBTn_list a:hover{text-decoration: none;}
.qvMaterial_selectBTn_list li p{color: var(--primaryDefault);text-indent: -10px; padding-left: 12px; line-height: 1.4; font-size: 13px;margin-bottom: 5px; }
.qvMaterial_selectBTn_list li p:last-child{ margin-bottom: 0; }
#shapes_main_block a.dropdown-item {border-top: solid 1px #D9D9D9;}
#shapes_main_block .md-radio:first-child a.dropdown-item{border:none;}
.dept_code { color: #b9b9b9; font-size: 11px; vertical-align: middle; padding: 0 15px; display: inline-block; }
.dropdown_select_box .dropdown-item{ display: flex; align-items: center;}
.dropdown_select_box .dropdown-item-text{display: inline-block; padding: 0;flex: 1 0;}
.dropdown_select_box .best_seller_badge{ background-color: #ffffff; color: #000000; font-size: 10px; line-height: 14px; padding: 2px 5px; border-radius: 30px; border: 1px solid #e80; font-weight: bold; margin-left: 5px;}
.dropdown_select_box .best_seller_badge::before{content: ""; display: inline-block; width: 10px; height: 10px; mask-position: center center; mask-repeat: no-repeat; mask-size: 11px; background-color: #e80; vertical-align: -2px; margin-right: 2px;
mask-image: url('data:image/svg+xml,');
}
.materialOptions_details_box .cutoff-shipping-offers{background-color: #fff;box-shadow:rgba(9, 30, 66, 0.25) 0px 2px 6px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;border-radius:4px; padding:6px;margin-left:5px;}
.materialOptions_details_box .cutoff-shipping-offers div span{font-weight:var(--text-bold)!important}