:root{
    --option-selector-color: rgba(var(--secondarycolorRGB), 0.8);
}
.ss-footer{z-index: inherit;}

.page_heading{padding-bottom:0px;margin-bottom:25px;/*display:table;width:100%;*/align-items: baseline;}
.page_heading h1{text-rendering:optimizeLegibility;text-rendering:optimizeLegibility;font-size:32px;color: var(--primaryDefault)!important; margin-bottom:0px;}
/*.page_heading .right_section{display:table-cell;vertical-align:top;width:300px;padding-left:15px;}*/
.page_heading .right_section .userreview-star-ratings.popup-rating{margin-bottom:0px;margin-top:0px;}
.m-zero{margin:0!important;}
.mtop_10{margin-top:10px;}
.mbottom_10{margin-bottom:10px;}
.mtop_15{margin-top:15px;}
.mbottom_15{margin-bottom:15px;}
.vertical-m{vertical-align:middle!important;}
.vertical-t{vertical-align:top!important;}
.text_noWrap{white-space:nowrap!important;}
.custom_main_container{position:relative;font-family: var(--ss-font-sans-serif);}

.custom_main_container .main_heading_text h3{padding:0px;font-weight:bold;font-size:16px;font-weight:600;color:var(--primaryDefault);margin-bottom:5px;}
.custom_main_container .main_heading_text ~ p{padding:0px 0px 20px 0px;font-size:16px;font-weight:normal;line-height:1.5;color:var(--primaryDefault);margin:0px;}
.custom_main_container .main_heading_text + p > img{vertical-align:-2px;}
.custom_main_container .wizard_section.fixed{position:absolute;top:0;right:0;margin:0;}
.custom_detail_row .wizard_action_btns{text-align:center;}
.custom_detail_row .wizard_action_btns .action-buttons{margin-top:20px;}
.custom_detail_row .wizard_action_btns .action-buttons .checkbox{font-size:12px;}
.custom_main_container .custom_heading_text{font-size:16px;font-weight:normal;line-height:1.5;text-align:center;margin-top:0px;}
.custom_main_content .content_block textarea{resize:none;}
/*.custom_main_container .content_block .head_section {    padding: 3px 5px;    background-color: #7786A2;    margin-bottom: 5px;    position: relative;}*/
.custom_main_container .content_block .head_section > h3.title_text{font-size:22px;font-family: var(--heading-font);font-weight:normal;vertical-align:top;line-height:normal;margin:0!important;font-weight:500;}
.custom_main_container .content_block .head_section > h3.title_text > i{padding-right:5px;display:none;}
.custom_main_container .content_block .head_section > h3.title_text i.fas{display:inline-block!important;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0,0);}
.custom_main_container .content_block .head_section > h3.title_text i.fa-caret-right:before{content:"\f0da";}
.content_block{padding-bottom:30px;margin-bottom:25px;}
.custom_main_container .content_block .head_section > .help_text{display:table-cell;vertical-align:top;}
.custom_main_container.content_block .head_section > .help_text img{vertical-align:-2px;}

.custom_main_container .content_block p{line-height:24px;font-size:14px;margin-bottom:15px;}
.formLabel_inline{font-size:12px;color:var(--primaryDefault);font-weight:normal;margin:0 0 5px 0;}
.custom_radio_list .radio_options input[type="radio"]{position:absolute;opacity:0;}
.custom_radio_list .radio_options > label{display:block;margin:0px;font-weight:normal;}
.custom_radio_list .radio_options{padding:5px;}

/* floating-css start */
.inline_text_field > .label-floating{display:inline-block;margin-right:5px;}
.inline_text_field > .label-floating:last-child{margin-right:0px;}
.label-floating{position:relative;padding-bottom:8px;}
.label-floating .btn{height:34px;width:33px;min-width:42px;border-radius:0 4px 4px 0;}
.label-floating:before,.label-floating:after{display:table;content:" ";}
.label-floating:after{clear:both;}
.label-floating .form-control{padding:6px 12px;color:var(--primaryDefault);background-color:transparent;background-clip:padding-box;border:1px solid #d8d8d8;border-radius:.25rem;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;height:auto;-webkit-box-shadow:none;-ms-box-shadow:none;box-shadow:none;}
.label-floating .form-control:focus{color:#495057;background-color:transparent;border-color:#8ac2ef;outline:0;-webkit-box-shadow:none;-ms-box-shadow:none;box-shadow:none;}
.label-floating select.form-control,.label-floating input.form-control{height:35px;padding:6px 12px;}
/*.label-floating input.form-control {height: 34px;}*/
/*.label-floating label.control-label,
.form-group.label-placeholder label.control-label,
.form-group.label-static label.control-label {position: absolute;pointer-events: none;transition: .3s ease all;top: 10px;font-size: 14px;line-height: 1;left: 8px;font-weight: normal;color: #a8a8a8;-ms-touch-action: manipulation;touch-action: manipulation;
font-weight: 600;background: #fff;padding: 0 5px;font-weight: 400;}*/
.label-floating label.control-label,.form-group.label-placeholder label.control-label,.form-group.label-static label.control-label{position:absolute;pointer-events:none;transition:.3s ease all;top:-6px;font-size:13px;line-height:1.07143;left:8px;font-weight:600;color:#000;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;padding:0 5px;}
.label-floating [class*="col-"] label.control-label{left:23px;}

/*.form-group.has-bootstrap-select label.control-label,
.label-floating.is-focused label.control-label,
.label-floating input:not(.empty)+label.control-label,
.label-floating textarea:not(.empty)+label.control-label,
.label-floating select:not(.empty)+label.control-label,
.form-group.label-static label.control-label,
.label-floating .form-control:not(.empty)+label.control-label {
top: -5px;font-size: 12px;line-height: 1.07143;color: #000;font-weight: 600;}*/
div.label-floating .form-control:focus + label.control-label,.onfocus{color:#000!important;}

/* floating-css end */
.hazardous-second{padding-left:5px;}
.hazardous-second .label_block{margin-bottom:8px;font-weight:600;d}
.hazardous-second .custom_prop_field{display:inline-block;vertical-align:middle;}
.hazardous-second .custom_prop_field > .form-control{display:inline-block;vertical-align:middle;}
.hazardous-second .divRQACTUAL{padding:10px 0 0 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin-bottom:10px;}
.label_block{margin-bottom:5px;}
.label_inline{display:inline-block;vertical-align:middle;margin-right:10px;}
.label_content{display:inline-block;vertical-align:middle;}

/* custom_radio_css */
.radio_label_inline{display:inline-block;vertical-align:top;min-width:60px;}
.radio_content{vertical-align:top;display:inline-block;}
.radio_block > label{font-weight:normal;margin:0;padding-left:18px;}
.radio_block > label > input[type="radio"]{position:absolute;left:0;margin:0;top:1px;}
.custom_radio_inline .radio_block{display:inline-block;margin-right:5px;margin-bottom:5px;vertical-align:top;position:relative;}
.custom_radio_list .radio_block{display:block;margin-bottom:5px;position:relative;}

/* custom_radio_css */

/* custom_checkbox_css */
.custom_checkbox_list .checkbox_block{display:block;margin-bottom:5px;position:relative;min-width:60px;}
.custom_checkbox_inline .checkbox_block{display:inline-block;margin-right:5px;margin-bottom:5px;vertical-align:top;position:relative;}
.checkbox_label_inline{display:inline-block;vertical-align:top;margin-right:10px;}
.checkbox_content{vertical-align:top;display:inline-block;}
.checkbox_content > input[type="checkbox"]{margin:2px 0 0;}
.checkbox_block > label{font-weight:normal;margin:0;padding-left:18px;}
.checkbox_block > label > input[type=checkbox]{position:absolute;left:0;margin:0;}

/*  custom-list css start */
.checkbox > label > input[type=checkbox]{z-index:1;}
.custom_list{margin:0;}
.signColor_list li a{text-decoration:none;}
.signColor_list li a .color-name{margin-top:5px;}
.custom_list.with_border li{border:1px solid #666;box-shadow:0 2px 3px 0 rgba(0,0,0,0.2);border-radius:4px;margin:0 5px 10px 0;}
.custom_list.with_border li.active{box-shadow:inset 0 0 0 1px var(--green);background-color:#ffffff;border:1px solid var(--green);}
.custom_list li{vertical-align:top;padding:0;margin:0 8px 5px 0;font-size:13px;line-height: 1.25;}
.custom_list.list-inline li, ul.list-inline li{display:inline-block;padding: 2px;}
.custom_list li:last-child{margin-right:0px;}
.custom_list li.active{box-shadow:inset 0 0 0 2px var(--green);background-color:#ffffff;}
.custom_list li a{display:block;color:var(--primaryDefault);}
.custom_list.pattern_list { display: flex;row-gap:8px; flex-wrap:wrap; }
.custom_list.pattern_list li.color_patch.colorTitle{width:100%!important;font-size:16px;padding:5px 0 0 0; margin:0;}
.custom_list.pattern_list li:not(.colorTitle){width: 12.5%!important;text-align: center; margin: 0; cursor: pointer;}
.custom_list.pattern_list li img{width:100%!important;height:auto!important;}
/* custom-list css end*/
.wizard_text_section label.control-label { font-weight: normal; white-space: nowrap; }
.wizard_text_section .text_limit{white-space:nowrap;}
.inner_content > .inner_col{padding:0 10px 0 0;}
.inner_content > .inner_col:last-child{padding:0px;}
.custom_row{margin-right:-15px;margin-left:-15px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.custom_row:before{display:table;content:" ";}
.custom_row:after{display:table;content:" ";clear:both;}
/*.custom_row [class^=col-]{padding-right:0;}
.custom_row [class^=col-]:last-child{padding-right:15px;}*/
.table-row:before{display:table;content:'';}
.table-row:after{display:table;content:'';clear:both;}
.Padall0{padding:5px 0px!important;}
.signColor_list .color_patch .patch_name{display:inline-block;text-align:center;}
.hmig-link .hmig-action-btn{display:inline-block;vertical-align:middle;}
.custom_main_content input[type="text"].form-control,.custom_main_content select.form-control,.custom_main_content textarea.form-control{border:1px solid #d8d8d8;font-size:14px;}
.custom_main_content .nav-tabs { font-size: 16px; font-weight: 600; background-color: var(--teal) !important; color: #fff; }
.custom_main_content .nav-tabs > li{margin-bottom:0;}
/*.custom_main_content .nav-tabs li.active a {
background-color: #556575;border: none;color: #fff;background: rgba(0, 0, 0, 0.45);-webkit-box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.62);-ms-box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.62);
box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.62);
}*/
.custom_main_content .nav-tabs li.active a{background-color:#556575;border:none;color:#fff;}
.custom_main_content .nav-tabs li a{color:#fff;text-decoration:none;border-radius:0;border:none;margin:0;position:relative;}
.custom_main_content .nav-tabs li a.active{background-color:#556575;border:none;color:#fff;outline:none;background:rgba(0,0,0,0.45);}
/*.custom_main_content .nav-tabs li.active a:after {
top: 97%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(136, 183, 213, 0);border-top-color: #40474e;border-width: 10px;
margin-left: -10px;-webkit-box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.62);-ms-box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.62);box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.62);}*/
.custom_main_content .tab-content{padding:15px 15px;border:1px solid #eaeaea;border-top:0;}
.custom_main_content .tab-content:after{display:table;content:'';clear:both;}
.custom_main_content .tab-content:before{content:'';display:table;}

/*  md-radio css start*/
.md-radio-list{margin-bottom:10px;}
.md-radio-list .md-radio label{font-size:16px;font-weight:normal;}
.md-radio-list .md-radio{display:block;margin-bottom:10px;}
.md-radio-list .md-radio:last-child{margin-bottom:0;}
.md-radio-inline .md-radio{display:inline-block;margin-right:10px;margin-bottom:10px;vertical-align:top;}
.md-radio{position:relative;}
.md-radio label{cursor:pointer;padding-left:30px;line-height:20px;font-weight:normal;margin-bottom:0px;font-size:13px;font-weight:normal;}
.md-radio label > .check{top:5px;left:5px;width:10px;height:10px;background:var(--secondarycolor);opacity:0;z-index:3;-webkit-border-radius:50%;-ms-border-radius:50%;border-radius:50%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);}
.md-radio label > .box{top:0;border:2px solid #666;height:20px;width:20px;-webkit-border-radius:50%;-ms-border-radius:50%;border-radius:50%;z-index:2; background-color: #fff;}
.md-radio label > span{display:block;position:absolute;left:0;-webkit-transition-duration:.3s;-moz-transition-duration:.3s;transition-duration:.3s;}
.md-radio label > span.inc{background:#fff;left:-18px;top:-15px;height:50px;width:50px;opacity:0;-webkit-border-radius:100%;-ms-border-radius:100%;border-radius:100%;-webkit-animation:growCircleRadio 0.3s ease;-ms-animation:growCircleRadio 0.3s ease;animation:growCircleRadio 0.3s ease;}
.md-radio input[type=radio]{visibility:hidden;position:absolute;}
.md-radio input[type=radio]:checked ~ label > .check{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
.md-radio input[type=radio]:checked ~ label > .box{border-color: var(--secondarycolor);}

/*  md-radio css end */

/* md-checkbox css start */
.md-checkbox{position:relative;}
.md-checkbox-inline .md-checkbox{display:inline-block;margin-right:10px;margin-bottom:10px;vertical-align:top;}
.md-checkbox-inline .md-checkbox:last-child{margin-right:0px;}
.md-checkbox-list .md-checkbox{display:block;margin-bottom:10px;}
.md-checkbox-list .md-checkbox:last-child{margin-bottom:0;}
.md-checkbox label{cursor:pointer;padding-left:30px;line-height:20px;font-size:13px;font-weight:normal;}
.md-checkbox label > span{display:block;position:absolute;left:0;-webkit-transition-duration:.3s;-moz-transition-duration:.3s;transition-duration:.3s;}
.md-checkbox label > span.inc{background:#fff;left:-18px;top:-15px;height:50px;width:50px;opacity:0;-webkit-border-radius:100%;-ms-border-radius:100%;border-radius:100%;-webkit-animation:growCircle 0.3s ease;-ms-animation:growCircle 0.3s ease;animation:growCircle 0.3s ease;}
.md-checkbox label > .check{top:-4px;left:6px;width:10px;height:20px;border:2px solid var(--secondarycolor);border-top:none;border-left:none;opacity:0;z-index:2;border-radius:0px;background:transparent;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition-delay:.3s;-moz-transition-delay:.3s;transition-delay:.3s;}
.md-checkbox label > .box{top:0;border:2px solid #666;height:20px;width:20px;z-index:2;-webkit-transition-delay:.2s;-moz-transition-delay:.2s;transition-delay:.2s;border-radius:0px;}
.md-checkbox input[type=checkbox]{visibility:hidden;position:absolute;}
.md-checkbox input[type=checkbox]:checked ~ label > .check{opacity:1;-webkit-transform:scale(1) rotate(45deg);-ms-transform:scale(1) rotate(45deg);transform:scale(1) rotate(45deg);}
.md-checkbox input[type=checkbox]:checked ~ label > .box{opacity:0;-webkit-transform:scale(0) rotate(-180deg);-ms-transform:scale(0) rotate(-180deg);transform:scale(0) rotate(-180deg);}

/* md-checkbox css end */

/* wizard action_btn css */
.wizard_action_btns{margin-top:20px;}
.wizard_action_btns .action_btn{text-align:left;vertical-align:middle;}
.wizard_action_btns .action_btn > ul{margin:0px;}
.custom_preview .wizard_action_btns .edit_btn{vertical-align:middle;text-align:right;}
.wizard_action_btns .edit_btn .md-checkbox{display:inline-block;}
.wizard_action_btns .edit_btn .md-checkbox label{font-size:13px;font-weight:600;margin-bottom:0px;}
.wizard_action_btns .action_btn ul{display:flex;flex-wrap:wrap;gap:10px;}
.wizard_action_btns .action_btn li{min-width:83px;margin:0px;}
.wizard_action_btns .action_btn .icon_label{font-size:13px;display:inline-block;vertical-align:middle;margin:0 0 0 5px;}
.wizard_action_btns .action_btn .icon_box{height:40px;width:40px;border:1px solid #595959;color:#333;background-color:#fff;line-height:40px;text-align:center;font-size:20px;margin:0;display:inline-block;vertical-align:middle;-webkit-border-radius:100%;-ms-border-radius:100%;border-radius:100%;box-shadow:0 2px 3px 0 rgba(0,0,0,.2);}
.wizard_action_btns .action_btn a{color:#595959;text-decoration:none;text-align:center;display:block;}
.wizard_action_btns .action_btn a:hover .icon_box{background-color:var(--green);color:#fff;border:1px solid var(--green);}
.wizard_action_btns .action_btn a:hover .icon_label{color:#000000;}
.wizard_action_btns .action_btn a.active .icon_box{background-color:#75818e;color:#fff;border:1px solid #75818e;}
.wizard_action_btns .action_btn a.active .icon_label{color:#75818e;}

/* wizard action btn css end*/
.custom_preview .custom_image_box{min-width:438px;}
.custom_preview .custom_image_box > .divwizard{margin:15px auto!important;}
.custom_preview .custom_image_box #div_rightSection{margin:15px auto;}
.hazardous_field .state-hazard,.hazardous_field .zip-hazard{width:49%;display:table-cell;}
.section-text-block .textsheet_sr_no{width:40px!important;padding:2px 5px!important;text-align:center!important;font-weight:600;}
.section-text-block .textsheet_label,.section-text-block .textsheet_field{width:300px;}
.section-text-block .text_font_field,.section-date-block .text_font_field{vertical-align:top;}
.section-text-block .text_font_field > .label-floating,.section-date-block .text_font_field > .label-floating{padding-bottom:0px;max-width:250px;}
.section-date-block .date_field{max-width:180px;}
.section-text-block .text_formate_tool,.section-date-block .text_formate_tool{vertical-align:top;min-width:260px;}
.section-text-block .text_formate_tool .btn.custom_button:last-child,.section-date-block .text_formate_tool .btn.custom_button:last-child{margin-right:0px;}
.section-text-block .text_formate_tool .btn.custom_button{margin-right:0;padding:6px 9.6px;}
.section-text-block .text_formate_tool .btn.custom_button:hover img{filter:invert(1);}
.section-text-block .space_text_block .label_inline{display:inline-block;vertical-align:middle;font-size:13px;font-weight:600;}
/*.section-text-block .space_text_block .btn.inc_space_large,.section-text-block .space_text_block .btn.dec_space_large {padding: 6px 8px 2px 8px;}*/
.section-text-block .space_text_block .btn.inc_space_large > i,.section-text-block .space_text_block .btn.dec_space_large > i{font-size:14px;}
.section-text-block .space_text_block .btn.inc_space_small,.section-text-block .space_text_block .btn.dec_space_small{padding:4px 10px;}
.section-text-block .space_text_block .btn.inc_space_small > i,.section-text-block .space_text_block .btn.dec_space_small > i{font-size:11px;vertical-align:1px;}
.section-text-block .text_toolbar3{vertical-align:top!important;background-color:#fff;width:180px;border-radius:4px;}
.section-text-block .text_toolbar3 .label_inline{margin-bottom:5px;font-weight:600;}
.section-text-block .text_toolbar3 .table-row > .table-cell > .md-checkbox{margin-top:5px;}
.section-text-block .formatting-color-list{margin:0px;}
.section-text-block .formatting-color-list li{width:20px;height:20px;padding:0px;}
.section-text-block .formatting-color-list li a{width:20px;height:20px;display:block;}
.day_counter > .md-radio-inline > .md-radio{display:inline-block;margin-right:20px;width:30%;margin-bottom:10px;vertical-align:top;}
.section-text-block .textsheet_field .input-field-block input[type="text"]{width:100%;}
/*.section-text-block .hmig-section{margin-bottom: 5px;border: 1px solid #e8e8e8;}
.section-text-block .hmig-section .hmig-link{background-color: #fafafa;padding: 5px;}
.section-text-block .hmig-section + div {padding: 5px 0px 10px 0;}
*/
.physical-hazard-pictogram li > a{border:2px solid rgb(255,255,255);}
.physical-hazard-pictogram{margin-top:10px;}
.physical-hazard-pictogram li > a.selected{box-shadow:0px 0px 6px #FF9900;border-color:#ff9900;display:inline-block;}
.badge_qtydiv{margin-top:10px;}
.badge_qtydiv .badge_qtybox{display:inline-block;margin-right:5px;max-width:100px;vertical-align:middle;}
.section-text-block .textsheet_field .input-field-block .input-group{padding-top:0px;}
.section-text-block .textsheet_field .action-button-field{padding-top:2px;}
table.tbl_property{border:1px solid #ccc;}
table.tbl_property > tbody > tr > td{padding:5px;}
.section-text-block .btn-group.arrow_btns{margin-top:10px;}
.border_bottom{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #E5E5E5;}
.signColor_list > li > a{margin-bottom:3px;}
.signColor_list > li > a img{vertical-align:top;}
.signColor_list.seven > li{width:13%;}
.signColor_list.six > li{width:14.9%; text-align:center; padding:4px; }
.signColor_list.six > li span.signColorLabel{display:block; padding-top:5px; line-height:15px;}
.signColor_list.five > li{width:19%;}
.signColor_list.four > li{width:24%;}
.signColor_list.three > li{width:32%;}
.label-floating.date_field{padding-bottom:0;}
.separator{height:1px;background-color:#ddd;width:100%;margin-top:5px;margin-bottom:5px;margin-left:0px;}
.section-text-block .rating-select-field{width:80px;}
/*.section-text-block .section_rtkansi{width: 345px;}*/
.section-text-block .section_rtkansi .input-field-block > input[type="text"],.section-text-block .section_rtkansi .input-field-block > textarea,.section-text-block .section_rtkansi .input-field-block > select{ /*width: 192px;*/
color:#000;}
.section-text-block .input-field-block > .input-group{width:100%;padding-top:10px;align-items:center;}
.section-text-block .input-field-block > .input-group .label-floating{width:100%;display:flex;padding-bottom:0px;margin-top:0px;flex:1;}
.section-text-block .input-field-block > .input-group span.input-group-addon{font-size:13px;min-width:62px;border:none;background:none;color:#585858!important;padding:6px 12px;font-weight:400;text-align:center;line-height:1;white-space:nowrap;border-radius:4px;}
.section-text-block .input-field-block > .input-group label{z-index:2;}
.section-text-block .input-field-block > .input-group input[type="text"].form-control,.section-text-block .input-field-block > .input-group select.form-control,.section-text-block .input-field-block > .input-group textarea.form-control{border-radius:4px;}

/* .section-text-block .input-field-block > .input-group.has_span input[type="text"].form-control, .section-text-block .input-field-block > .input-group.has_span select.form-control, .section-text-block .input-field-block > .input-group.has_span textarea.form-control{
    border-top-right-radius: 0;border-bottom-right-radius: 0;}
.section-text-block .section_co_details .input-field-block>input[type="text"], .section-text-block .section_co_details .input-field-block>textarea, .section-text-block .section_co_details .input-field-block>select{
width: 235px;}*/

.section-text-block .rating-block-spacer{width:28px;}
.section-text-block .input-field-block > input[type="text"],.section-text-block .input-field-block > textarea,.section-text-block .input-field-block > select{vertical-align:middle; /*width: 180px;*/}
.section-text-block .action-button-field .group_section .group_content_row{margin-bottom:5px;}
.section-text-block .action-button-field .group_section .group_content_row:last-child{margin-bottom:0px;}
.custom_radio_list .radio_options{position:relative;}
/* .section-text-block .label-field {font-size: 12px;}   */
.physical-hazard-pictogram > li{width:40px;text-align:center;}
/*.hmig-section .hmig-link {width: 100%;}*/
/*.signColor_list .corridor-pad{width:59px;text-align:center;}*/
/*.section-text-block .with_caption .label-field {color: #333;}*/
.hazard_rating_section .hazard_rating_field{height:26px;text-align:left;vertical-align:middle;}
.uploadClipart_section .logo_content .resize_button{float:right;}
.consecutive-number{text-align:center;width:100px;display:inline-block;border:1px dashed #d4d4d4;color:#A32C00;font-size:11px;height:30px;line-height:12px;padding:2px 0;background-color:#f7f7f7;margin-top:23px;border-radius:4px;}
.consecutive-number.dash-border{border-style:dashed;}
.personalize_box{padding:3px 6px 3px 6px;border-bottom:1px solid #DDDDDD;background-color:#F0F0F0;}
.section-text-block .personalize_box{margin-left:5px;margin-top:10px;}
.personalize_box .label_text{display:table-cell;vertical-align:middle;padding-right:10px;}
.personalize_box .label_content{display:table-cell;vertical-align:middle;}
.section-numbering-block .checkbox{line-height:20px;font-size:13px;margin:0px;}
.section-numbering-block .advance_label_button{line-height:36px;font-size:13px;}
.section-numbering-block .numbering_options .checkbox{ font-size:11px;}
.section-numbering-block .numbering_detail .prefix_suffix{margin-bottom:10px;margin-top:5px;}
.section-numbering-block .numbering_detail #Divnumtype4{margin-top:5px;}
/*.section-numbering-block .body_section > p{font-family: Verdana, Arial, Helvetica, sans-serif;font-size:11px;}*/
.section-numbering-block .strating_no_field input{margin-right:10px;}
.section-numbering-block .strating_no_field .label_block{font-weight:bold;}
/*  .section-numbering-block .strating_digits {margin: 5px 0 5px 32px;}*/
.section-numbering-block .strating_digits a{color:#1D50C3;font-size:13px;}
.inline_block.vertical_m > .inline_col{vertical-align:middle;}
.inline_block > .inline_col{display:inline-block;vertical-align:top;margin-right:10px;}
.inline_block > .inline_col:last-child{margin-right:0px;}
.section-numbering-block .numbering_detail{padding-left:29px;font-size:13px;}
.section-numbering-block .numbering_options{font-size:13px;}
.section-numbering-block .indent_number_note{font-size:10px;line-height:15px;padding-bottom:5px;}
.section-numbering-block .indent_number_note > .indent_label{margin-left:-29px;}
.section-numbering-block .strating_digits .label_block,.section-numbering-block .numbering_options .label_block{font-size:14px;}
.section-numbering-block .strating_digits input,.section-numbering-block .numbering_options input{font-size:14px;}
.section-numbering-block .strating_no_field input{font-weight:bold;}
.section-numbering-block .numbering_options .padding_Options2 .inline_col{vertical-align:middle;}
.custom_main_container .inline_block{margin-bottom:5px;}
.section-header-block .header_label{width:60px;font-size:13px;}
.section-header-block .header_field select,.section-header-block .header_field input[type="text"]{width:200px!important;}
/* formatting_section_css */
.formatting_tool{background-color:#F4F4F4;border:2px solid #AAAAAA;margin:10px 0 8px 5px;}
.formatting_tool > .inline_block.outer_div{margin-bottom:0px;padding:10px 10px 0 10px;}
.formatting_tool > .inline_block > .inline_col{margin-right:5px;}
.formatting_tool .detail_block .label_content ul > li{padding:0px;margin:0px;}
.formatting_tool > .inline_block > .inline_col:last-child{margin-right:0;}
.formatting_tool .detail_block .form-control{width:155px;}
.formatting_tool .detail_block{margin-bottom:10px;}
.formatting_tool .detail_block .inline_label{vertical-align:middle;padding-right:5px;vertical-align:middle;display:inline-block;font-weight:600;font-size:12px;}
.formatting_tool .detail_block .label_content{display:inline-block;vertical-align:middle;}
.hazardous-first .hazardous_options{width:45px;}
.hazardous-first .hazardous_field .inline_text_field{margin-top:10px;display:table;width:100%;}
.hazardous-first .hazardous_field .inline_text_field > .label-floating:first-child{padding-right:10px;}
.hazardous-first .hazardous_field .inline_text_field > .label-floating:last-child{padding-right:0;}
.section-text-block .input-field-block .label-floating{width:100%;display:inline-block;vertical-align:middle;padding-bottom:0px;margin-top:10px;}
/*.section-text-block .input-field-block span{display: inline-block;vertical-align: middle;margin-top: 10px;}*/
.hazardous-first .label-floating{margin-top:10px;padding-bottom:0px;}
.section-text-block .input-field-block,.section_co_details .input-field-block{width:100%;}
.btn.inc_text,.btn.dec_text{position:relative !important;padding-left:7px !important}
.btn.inc_text:before{font-family:"fontAwesome";content:"\f067";font-weight:600;font-size:8px;position:absolute;right:7px;top:4px;color:#c00;}
.btn.dec_text:before{font-family:"fontAwesome";content:"\f068";font-weight:600;font-size:8px;position:absolute;right:7px;top:3px;color:#c00;}
.btn.btn-xs.inc_text:before{right:7px;top:4px;}
.btn.btn-xs.dec_text:before{right:7px;top:4px;}
.btn.custom_button{background-color:transparent;border-color: #666;color: var(--primaryDefault);text-shadow:none;position:relative;padding:2px 10px;margin-right:3px;font-size:14px;min-width:35px;min-height:35px;;border-radius: 4px;box-shadow:0 2px 3px 0 rgba(0,0,0,0.2); display:inline-flex;align-items:center;justify-content:center;gap:4px;}
.btn.custom_button i{font-size:14px;}
.btn.custom_button:hover, .btn.custom_button:not(.disabled):active{background-color:var(--green);border-color:var(--green);color:#fff;}
.btn.custom_button.btn_red{background-color:#fff;border-color:#b9b9b9;color:#f4364c;text-shadow:none;}
.btn.custom_button.btn_red:hover{background-color:#d5354b;border-color:#d5354b;color:#fff;}
.btn.custom_button.btn-xs{padding:2px 8px;font-size:14px;line-height:1.2;}
.btn-group > .custom_button{margin-right:0px;}
.stickycontent{display:none!important;}
/* .label-totalsaved{margin:15px 0 5px 5px;font-size:12px;font-weight:bold;text-align:left;} */
.section-header-block .header_label_field{width:30%;}
.section-header-block .header_label_content{width:70%;}
/*.section-header-block .header_label_field,.section-header-block .header_label_content{border-bottom:1px solid #ddd;}*/
.border_box{border:1px solid #666;-webkit-box-shadow:0 2px 3px 0 rgba(0,0,0,0.2);-ms-box-shadow:0 2px 3px 0 rgba(0,0,0,0.2);box-shadow:0 2px 3px 0 rgba(0,0,0,0.2);border-radius:4px;padding:5px;}
.section-text-block .section_rtkansi .hazard_help{padding-top:12px;}
/*.section-text-block .content_block.with_caption{padding-bottom:5px;}*/
/*.section_rtkansi .hmig-section{background-color:#f9f9f9;border:1px solid #e8e8e8;margin-bottom:5px;margin-top:5px;}
.section_rtkansi .hmig-section .hmig-link > a{line-height:32px;vertical-align:middle;display:inline-block;}
.section_rtkansi .hmig-section .hmig-link .hmig-action-btn{display:inline-block;vertical-align:middle;float:right;}*/
.top-nav-search,.top-nav-Complogo{display:none!important;}
.wizard_materialTabel{margin: 5px 0px;}
.wizard_materialTabel .wizardMaterial_header{
 background-color: var(--teal) !important;
padding: 6px 8px;
 color: #FFFFFF;
 font-size: 16px;
 font-weight: 600;                                        
}
.wizard_materialTabel .wizardMaterial_body{
 border: 1px solid #ccc;
 border-top: 0px;
 padding: 0px 8px;
 background-color: #ffffff;
}
.wizard_materialTabel .materialTabel_inner > tbody tr td{
 padding: 2px;
}
.wizard_materialTabel .materialTabel_inner > table{width:380px;}
.wizard_materialTabel .materialTabel_inner > table input[type="text"]{width: 45px !important;padding: 5px;border: 1px solid #c0c0c0; border-radius: 4px;}
.wizard_materialTabel .wizardMaterial_content > tbody > tr:not(:last-child) > td:not(.price1):not(.price0){
  border-bottom: 1px solid #E8E3D9;
  background: none !important;
}
.wizard_materialTabel .body8, .wizard_materialTabel .body7, .wizard_materialTabel .price0, .wizard_materialTabel .price1{font-size: 13px;}
.wizard_materialTabel .materialTitle_row{font-weight: 600;}
.wizard_materialTabel .materialTitle_row > td{background-color: #ffffff !important;}
.wizard_materialTabel .materialTable_footer{padding: 0px !important;}
.wizard_materialTabel .materialQty_field{display: inline-block;padding: 5px;}
.wizard_downloadPanel {background-color: #f0f0f0;padding: 12px;width: 195px;  border-radius: 10px;}
.wizard_downloadPanel table{width:100%;}
.wizard_downloadPanel td{font-family: var(--ss-font-sans-serif) !important;font-size:14px !important;line-height:21px;}
.wizard_downloadPanel .body8bcolor{color:var(--teal) !important;font-size:16px !important;padding: 0 0 8px 0 !important;}
.wizard_downloadPanel td > img{margin: 0 10px 0 0px !important;}
.wizard_downloadPanel .btn{font-size:14px;}
.videoThumb .videoTitle, .videoThumb{font-family: var(--ss-font-sans-serif);}
.videoThumb .videoTitle{font-size:13px;font-weight:600;line-height:16px;}
.videoThumb{font-size:13px;line-height:18px;}
.section-graphic-block .btn-sm{min-width:35px;min-height:35px;}
.label-floating .input-group-addon .btn{border-radius: 0 4px 4px 0 !important;}
.ss_reponsive_cell_selected:before{border: 2px solid var(--green) !important;}
.section-text-block .inner_content input[type="text"]:not(.form-control) {border: 1px solid #d8d8d8;padding: 5px;border-radius: 4px;}

@media (min-width:992px) {
    .wizard_materialTabel .materialTabel_inner > tbody tr td{
	padding: 3px ;
   }
.wizard_downloadPanel{ width:225px}
}
@media (min-width:768px) {
    .custom_row [class*=col-md-] {padding-right: 0;}
.custom_row [class*=col-md-]:last-child {padding-right: 15px;}
.custom_row [class*=col-md-12]{padding-right:15px;padding-left:15px;}
.table-100{display:table;width:100%;}
.inner_content > .table-100 > .table-div{width:100%;}
.inner_content > .table-100 > .table-div > .table-row{width:100%;display:table;}
.table-div{display:table;margin-bottom:5px;}
.table-row > .table-cell{padding:2px 5px;vertical-align:middle;}
.table-cell{display:table-cell;}
.vertical-m{vertical-align:middle;}
.vertical-t{vertical-align:top;}
.table-100 > .table-row{display:table;width:100%;}
/*.table-row>.table-cell>.table-div.subtable-main>.table-row>.table-cell {padding: 0px;}*/
.table-row > .table-cell > .table-div.subtable-main{margin-bottom:0;}



/*.label-field { color: rgb(128, 128, 128);}*/
.section-text-block .action-button-field{padding-top:12px;vertical-align:top;}
/*body.cutom-wizard-desktop .header-inner-cont,body.cutom-wizard-desktop .header_options,body.cutom-wizard-desktop .nav-menu,body.cutom-wizard-desktop .top_link_inner,body.cutom-wizard-desktop .header-container{margin:0px auto;width:100%;max-width:750px;}*/
}
@media (min-width:768px) and (max-width:991px){
.custom_detail_row .custom_preview{width:100%!important;margin-bottom:15px;}
}
@media (min-width:992px){
.custom_row [class*=col-lg-] {padding-right: 0;}
.custom_row [class*=col-lg-]:last-child {padding-right: 15px;}
.custom_row [class*=col-lg-12]{padding-right:15px;padding-left:15px;}

.custom_detail_row{display: flex; --imgBox:500px; --Gap:30px; gap: var(--Gap); align-items: flex-start; flex-flow: row-reverse;}
/*.custom_detail_row .custom_main_content{width:100%;position:relative;z-index:0;flex: 1 0;width: calc(100% - var(--imgBox) - var(--Gap));}*/
/*.custom_detail_row .custom_preview{width:var(--imgBox);z-index:1;position: sticky;top: var(--sticky-position);}*/
.custom_detail_row .custom_main_content{position:relative;flex: 1 1  auto;}
.custom_detail_row .custom_preview{z-index:1;position: sticky;top: 85px;flex:1 0}
.custom_detail_row .custom_preview .wizard_action_btns,.custom_detail_row .custom_preview > table{position:relative;z-index:1;}

.custom_detail_row.big-sizewizard .custom_preview{width:630px!important;margin-left:-630px;float:right;z-index:1;}
.custom_detail_row.big-sizewizard .custom_preview > div,.custom_detail_row.big-sizewizard .custom_preview > table{position:relative;z-index:1;}
.custom_detail_row.big-sizewizard .custom_main_content{padding-right:660px;position:relative;z-index:0;}
.container{width:100%!important;max-width:1390px!important;}
/* .custom_main_container{padding:0 10px;} */
/*body.cutom-wizard-desktop .header-inner-cont,body.cutom-wizard-desktop .header_options,body.cutom-wizard-desktop .nav-menu,body.cutom-wizard-desktop .top_link_inner,body.cutom-wizard-desktop .header-container{margin:0px auto;max-width:950px;width:100%;}*/
}
/*@media (min-width:992px) and (max-width:1024px){
body.cutom-wizard-desktop .header-inner-cont,body.cutom-wizard-desktop .header_options,body.cutom-wizard-desktop .nav-menu,body.cutom-wizard-desktop .top_link_inner,body.cutom-wizard-desktop .header-container{margin:0px auto;width:100%;max-width:950px;}
}*/
body.cutom-wizard-desktop .head-sec-2-1{width:195px;}
@media (min-width:1025px){

/*css added on 27/03/2019 by vijay*/
/*body.cutom-wizard-desktop .top_link_inner, body.cutom-wizard-desktop .header_options, body.cutom-wizard-desktop .nav-menu, body.cutom-wizard-desktop .nav-menu, body.cutom-wizard-desktop .header-inner-cont {
    max-width: 1350px;width: 100%;}
body.cutom-wizard-desktop .nav-menu { width: 1310px;}
body.cutom-wizard-desktop .header-top-right {width: 935px;}
body.cutom-wizard-desktop .head-sec-2-3, body.cutom-wizard-desktop .head-sec-2-5 {padding: 0 0 0 21px; width: 178px;}
body.cutom-wizard-desktop .head-sec-2-7 {  width: 190px;padding: 0 0 0 21px;}
body.cutom-wizard-desktop .head-sec-2-1 { width: 205px;}
body.cutom-wizard-desktop .head-sec-2{border-top: none!important}*/

/*css added on 27/03/2019 by vijay*/}
@media (max-width:1200px) and (min-width:1024px){

.section-text-block .input-field-block,.section_co_details .input-field-block{display:block;}
.section-text-block .action-button-field{display:block;}
.section-text-block .text_font_field,.section-date-block .text_font_field{display:block;}
.section-text-block .text_formate_tool,.section-date-block .text_formate_tool{display:block;width:100%;min-width:inherit;margin-top:5px;}
.section-numbering-block .advance_label{display:none;}
.section-numbering-block .strating_digits .advance_label{display:block;}
.section-text-block .textsheet_field .input-field-block .input-group{padding-top:5px;}
.section-text-block .textsheet_sr_no{vertical-align:top!important;}
.section-text-block .textsheet_sr_no{padding-top:10px!important;}
.section-text-block .action-button-field{padding:5px;}
.section-text-block .section_rtkansi .hazard_help{padding-top:20px;vertical-align:top;}
.section-text-block .textsheet_field .action-button-field{padding:2px 0;}
.section-text-block .text_formate_tool .btn.custom_button{margin-bottom:5px;}
}
@media (min-width:1200px){
.custom_row [class*=col-xl-] {padding-right: 0; }
.custom_row [class*=col-xl-]:last-child {padding-right: 15px;}
.custom_row [class*=col-xl-12]{padding-right:15px;padding-left:15px;}
}

/*@media (min-width: 992px) and (max-width: 1023px) {
.custom_main_content .table-100 {display: block; width: 100%;}
.custom_main_content .table-div { display: block;}
.custom_main_content .table-cell { display: block;}
}*/
@media (min-width:1024px) and (max-width:1199px){
.wizard_action_btns .action_btn .icon_label{margin:0px;}
.wizard_action_btns .help_text{vertical-align:top;padding-top:0px!important;padding-left:5px!important;}
.wizard_action_btns .action_btn .icon_label{display:block;padding-top:5px;}
.wizard_action_btns .action_btn li{min-width:65px;}
}
@media (min-width:1350px){
body.cutom-wizard-desktop .head-sec-2-3,body.cutom-wizard-desktop .head-sec-2-5{padding:0 0 0 15px;width:150px}
body.cutom-wizard-desktop .head-sec-2-7{width:180px;padding:0 0 0 15px}
.ss_fullWidth_view .head-sec-2-1 .ss-searchBar-Cont{max-width:250px;width:100%;}
body.cutom-wizard-desktop .header-top-right{width:750px;}
}
@media (min-width:1850px){
body.cutom-wizard-desktop .header-inner-cont,body.cutom-wizard-desktop .header_options,body.cutom-wizard-desktop .nav-menu,body.cutom-wizard-desktop .top_link_inner,body.cutom-wizard-desktop .header-container{margin:0 auto;max-width:1350px;}
}
@media (min-width:1350px) and (max-width:1849px){
body.cutom-wizard-desktop .header-inner-cont,body.cutom-wizard-desktop .header_options,body.cutom-wizard-desktop .nav-menu,body.cutom-wizard-desktop .top_link_inner,body.cutom-wizard-desktop .header-container{margin:0 auto;max-width:1350px;}
}
@media (max-width:767px){
.custom_row .col-12{padding-right:15px;padding-left:15px;}
.table-100{display:table;width:100%;}
.table-div{display:table;}
.table-row > .table-cell{display:table-cell;padding:2px 5px;}
.table-row{display:table;}
}
/*@media only screen and (max-width:990px) and (min-width:481px){
  body.cutom-wizard-desktop .header-top-right{width:504px;}
}*/
.head_section.designRight{border-bottom:1px solid #eaeaea;padding-bottom:5px;margin-bottom:5px;position:relative;background:none!important;margin:20px 0 0;}
.head_section.designRight > h3.title_text i.fas{display:inline-block!important;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0,0);padding-right:5px;}
.head_section.designRight > .help_text{display:table-cell;vertical-align:top;}
.head_section.designRight > h3.title_text{font-size:15px;color:#d43900!important;font-weight:600;display:table-cell;padding-right:10px;vertical-align:top;line-height:normal;}
#divPrices table{width:100%;}

.section-numbering-block .formatting-color-list li {width: 20px;height: 20px;padding: 0px;}
.section-numbering-block .formatting-color-list li a {width: 20px;height: 20px;display: block;}


.ss_wizard_tab_box .ss_wizard_tab_btn{display: flex; flex-wrap: wrap; gap: 15px;align-items: center; margin-bottom: 15px;}
.ss_wizard_tab_box .label_inline{font-size: 14px;font-weight: 500; margin-bottom: 0px;}
.ss_wizard_tab_box .nav { display: inline-flex; box-shadow: 0 4px 6px -1px #e2e8f0, 0 2px 4px -2px #e2e8f0; --border-radius: 18px; border-radius: var(--border-radius); border: 1px solid #e2e8f0;background-color: #fff!important;}
.ss_wizard_tab_box .nav-tabs .nav-link { padding: 7px 20px; border-radius: var(--border-radius); background-color: transparent; border-color: transparent; box-shadow: none; outline: none; color: #333;}
.ss_wizard_tab_box .nav-tabs .nav-item.show .nav-link, .ss_wizard_tab_box .nav-tabs .nav-link.active { background-color: var(--teal); color: var(--white); font-weight: 600;}
.ss_wizard_tab_box label:not(.custom-btn){font-size: 13px; margin-bottom: 4px; display: block; font-weight: 500;}
.ss_wizard_tab_box .wizard_range_slider_box{margin-bottom: 0px;}
.ss_wizard_tab_box .form-group{margin-bottom: 10px;}
.ss_wizard_tab_box .tab-content{ padding: 0; border: none;}
.ss_wizard_tab_box .tab-btn-box{display: flex; justify-content: space-between; gap: 15px;flex-wrap: wrap; align-items: center;}
.ss_wizard_tab_box .resize_graphic_box{align-items: center;gap: 10px;}

.arrow_option_list.custom_list.with_border li{padding:5px;cursor:pointer;}
.wizard_action_btns-row{display:flex;gap:25px;align-items:flex-start;}

.wizard_action_btns .help_text{font-size:13px;color: #595959;font-weight:var(--text-bold);margin-top:10px;}

.wizard_bottom-action-btn{display:flex;flex-wrap:wrap;align-items:center;gap:15px;row-gap:10px;justify-content:center;}
.wizard_bottom-action-btn img.d-none.d-md-inline-block{display:none!important;}

.custom_detail_row .custom_main_content .videoCUL{display:flex;}
.custom_detail_row .custom_main_content .videoThumb{flex:1 0;}
.custom_detail_row .custom_main_content .videoThumb > ul.cf{display:flex;}



/*add new css for new design added by vishal 02-07-2026*/
.full-width-header{ box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); padding: 10px 40px; border-bottom: 1px solid #E7E7E7; position: sticky; top: 0; z-index: 1000; background-color: #fff; transition: box-shadow 0.3s; display:flex; align-items: center; justify-content: space-between;height:80px}
.full-width-header.header_scrolled{ box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15); }
/* .header_cont.header-menu-fixed{ position: fixed; top: 0; z-index: 999;} */
.full-width-header .header_top_action{display: flex; align-items: center; gap: 12px;}
.full-width-header .header_top_action .btn{min-width: 90px;}
.full-width-header .header_top_action .header_icon_btn{ background-color: transparent; border: none; box-shadow: none; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; color: var(--secondarycolor); border-radius: 4px; transition: 0.3s;}
.full-width-header .header_top_action .header_icon_btn:hover{background-color: #eee;}
.full-width-header .site_logo img{max-height:60px;}

.ss-breadcrumb{ padding-bottom: 20px;}
.ss-breadcrumb .ss-breadcrumb-link{color: var(--secondarycolor); display: inline-flex; align-items: center;gap: 8px; font-size: 16px;}
.ss-breadcrumb .ss-breadcrumb-link .icon{margin-top: -2px;}    

.content_block{background-color: #F6F6F8; padding: 20px 30px; }
.content_block + .content_block{ margin-top: 25px;}
.custom_main_content .content_block .head_section{background-color: transparent!important;}
.custom_main_content .content_block .head_section>h3.title_text{color: var(--primaryDefault)!important;font-size: 22px; display: flex; gap: 10px; align-items: center; margin-bottom: 0px!important; font-weight: 500;}
.content_block .title_text .step{display: inline-flex; width: 30px; height: 30px; align-items: center; justify-content: center; background-color: var(--primaryDefault); color: #fff; border-radius: 30px; font-size: 22px; font-weight: 500; padding: 0 4px; line-height: 30px;}

.content_block .head_section{display: flex; align-items: center; justify-content: space-between; cursor: pointer; user-select: none;padding:0;}
.content_block .title_text .globe_icon[href="#"]{display: none;}
.content_block .toggle_icon { transition: transform 0.3s ease; }
.content_block .toggle_icon.collapsed { transform: rotate(180deg); }

.content_block .body_section{ padding-top: 20px;}
.content_block .body_section p{margin-bottom:12px;}
.text_input_block{border-radius: 4px;background-color: #fff;padding: 25px 30px; margin-bottom: 20px; }

.style_btn_group .btn.custom_button{margin: 0;}
.btn.custom_button{min-width: 40px; height: 40px; box-shadow: none;border-color: #D9D9D9; border-radius: 5px; background-color: #fff;}
/* .btn.custom_button.rounded{border-radius: 40px!important;} */
.btn.custom_button:hover,
.btn.custom_button.active{box-shadow: none;background-color: #D9D9D9;border-color: #D9D9D9; color: var(--secondarycolor);}
.btn.custom_button:focus{box-shadow: none;}

.button_group_box{display: flex; align-items: center; justify-content: center; gap: 10px;}
.button_group_box .btn{display: inline-flex; align-items: center; gap: 5px; min-width: 180px; justify-content: center; height: 40px; padding-left: 30px; padding-right: 30px;}


    

.input_label { font-size: 16px; font-weight: 600; color: #444; margin-bottom: 6px; display: block; }
.text_input { font-size: 14px; color: #555; border: 1px solid #dde1e7; border-radius: 6px; padding: 10px 12px; resize: none; background: #fff; font-family: 'Roboto', sans-serif; }
.text_input:focus { border-color: var(--secondarycolor); box-shadow: none; }

.text_block_divider { border: none; border-top: 1px solid #e4e6ea; margin: 18px 0; }

    
.font_controls_row { display: flex; align-items: flex-end; flex-wrap: wrap; gap: 40px; margin-top: 20px; }
.font_ctrl_group { display: flex; flex-direction: column; gap: 5px; }
.font_ctrl_group .form-control{max-width: 270px;}
.ctrl_label { font-size: 15px; font-weight: 600; text-transform: none; }

    
.size_stepper { display: flex; align-items: center; gap: 0; border: 1px solid #dde1e7; border-radius: 6px; overflow: hidden; background: #fff; }
.step_btn { width: 30px; height: 40px; border: none; background: #fff; color: var(--secondarycolor); line-height: 1; cursor: pointer; flex-shrink: 0; display: flex; align-items: center; justify-content: center; }
.step_btn:hover,
.step_btn:focus {  color: #000; box-shadow: none; outline: none; }
.step_btn svg path, .step_btn svg rect { transition: fill 0.15s, stroke 0.15s; }
.step_input { width: 38px; height: 40px; border: none; text-align: center; font-size: 16px; font-weight: 600; color: #333; -moz-appearance: textfield; }
.step_input:focus { outline: none; box-shadow: none; }
.step_input::-webkit-inner-spin-button, .step_input::-webkit-outer-spin-button { -webkit-appearance: none; }

    
.style_btn_group { display: flex; gap: 10px; }
.style_btn { width: 32px; height: 32px; border: 1px solid #dde1e7; border-radius: 5px; background: #fff; color: var(--secondarycolor); cursor: pointer; display: flex; align-items: center; justify-content: center; transition: 0.15s; padding: 0; }
.style_btn:hover { border-color: var(--secondarycolor); background: #f0faf9; }
.style_btn.active { background: var(--secondarycolor); color: #fff; border-color: var(--secondarycolor); }
.style_btn.active svg path, .style_btn.active svg rect { fill: #fff; stroke: #fff; }


    
.font_select { height: 38px; font-size: 13px; border: 1px solid #dde1e7; border-radius: 6px; color: #444; min-width: 160px; }
.font_select:focus { border-color: var(--secondarycolor); box-shadow: none; }
.align_group { margin-bottom: 0; padding-bottom: 0; justify-content: flex-end; }

    
.desc_text { font-size: 14px; color: #666; margin-bottom: 14px; }

.logo_upload_zone { border: 1px dashed #C9C9C9; border-radius: 6px; padding: 20px 30px; background: #fff; }
.logo_upload_row { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
.logo_upload_btn { display: inline-flex; align-items: center; gap: 8px; border-radius: 50px; padding: 8px 24px; font-size: 14px; font-weight: 600; }

.logo_filename { display: flex; align-items: center; gap: 10px; font-size: 14px; color: #333; }
.logo_remove_btn { background: none; border: none; cursor: pointer; padding: 2px; display: flex; align-items: center; color: #666; }
.logo_remove_btn:hover { color: #c00; }

.logo_resize_row { display: flex; align-items: center; gap: 16px; margin-top: 14px; flex-wrap: wrap; }
.logo_info { display: flex; flex-direction: column; font-size: 13px; color: #444; gap: 2px; }
.logo_info strong { color: #222; }

    
.ss_grid_list { display: grid ; gap: 12px; grid-template-columns: repeat(auto-fill, minmax(70px, 1fr)); padding: 0; list-style-type: none; margin: 0; }
.ss_grid_list a{text-decoration: none;  }
.ss_grid_list .list-inline-item { padding: 0; margin: 0; }
.ss_grid_list .material_color_box .color_box { display: flex; align-items: center; justify-content: center; color: var(--primaryDefault); cursor: pointer; border: 1px solid #fff; border-radius: 6px; text-align: center; padding: 6px; line-height: normal; background-color: #fff; transition: border-color 0.15s; position: relative; overflow: hidden; }
.ss_grid_list .material_color_box .color_box .color_code{width: 100%;height: 32px;border-radius: 6px;}
.ss_grid_list .material_color_box .color_box:hover { border-color: var(--secondarycolor); }
.ss_grid_list .list-inline-item.active .material_color_box .color_box { border-color: var(--secondarycolor); box-shadow: inset 0 0 0 1px var(--secondarycolor); }
.ss_grid_list .list-inline-item.active .material_color_box .color_box::after { content: ''; width: 24px; height: 24px; border-bottom: 24px solid var(--secondarycolor); border-left: 24px solid transparent; position: absolute; right: 0; bottom: 0; }
.ss_grid_list .list-inline-item.active .material_color_box .color_box::before { content: "\e263"; position: absolute; right: 2px; bottom: 3px; font-family: "FontAwesome"; font-weight: 900; font-size: 9px; z-index: 1; color: #fff; line-height: normal; }
.ss_grid_list .color-name{text-align:center;margin-top:5px; font-size: 12px; color: var(--primaryDefault); word-break: break-word;}
.ss_grid_list .color_patch.colorTitle{grid-column: 1 / -1; margin-top:12px;font-size:15px;}
.ss_grid_list .color_patch.colorTitle:nth-child(1){margin-top:0;}

    
.arrow_option_list { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; list-style: none; }
.arrow_option_list li { margin: 0!important; box-shadow:none!important; border:none!important;padding:0!important;background-color:transparent!important;}
.arrow_option_list li > input[type="radio"] { display: none; }
.arrow_option_list li > input:checked + label { border-color: var(--secondarycolor); color: var(--secondarycolor); box-shadow: inset 0 0 0 1px var(--secondarycolor);  }    

.arrow_option_list li > input:checked + label::after { content: ''; width: 24px; height: 24px; border-bottom: 24px solid var(--secondarycolor); border-left: 24px solid transparent; position: absolute; right: 0; bottom: 0; }
.arrow_option_list li > input:checked + label::before { content: "\e263"; position: absolute; right: 2px; bottom: 3px; font-family: "FontAwesome"; font-weight: 900; font-size: 9px; z-index: 1; color: #fff; line-height: normal; }

.arrow_option_list li label { display: flex!important; align-items: center; justify-content: center; min-width: 64px; height: 45px; padding: 0 16px; border: 1px solid #e1e1e1; border-radius: 6px; background: #fff; color: #333; font-size: 14px; font-weight: 600!important; text-decoration: none; transition: border-color 0.15s, color 0.15s; cursor: pointer; position: relative; overflow: hidden; }
.arrow_option_list li label:hover{border-color: var(--secondarycolor); color: var(--secondarycolor);}
.arrow_option_list li.active .arrow_btn { border-color: var(--secondarycolor); color: var(--secondarycolor);box-shadow: inset 0 0 0 1px var(--secondarycolor); }
.arrow_option_list li.active .arrow_btn::after { content: ''; width: 24px; height: 24px; border-bottom: 24px solid var(--secondarycolor); border-left: 24px solid transparent; position: absolute; right: 0; bottom: 0; }
.custom_radio_list li.active .arrow_btn::before { content: "\e263"; position: absolute; right: 2px; bottom: 3px; font-family: "FontAwesome"; font-weight: 900; font-size: 9px; z-index: 1; color: #fff; line-height: normal; }

.arrow_resize_row { display: flex; align-items: center; gap: 14px; margin-top: 18px; }

    
.or_divider {margin: 20px 0; font-size: 16px; font-weight: 600;text-align: center; }

    
.drag_drop_zone { border: 1px dashed #C9C9C9; border-radius: 4px; background: #fff; transition: border-color 0.2s, background 0.2s; }
.drag_drop_inner { padding: 40px 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; cursor: pointer; }
.drag_drop_icon { display: flex; }
.drag_drop_text { margin: 0; font-size: 14px; color: #888; }
.drag_drop_zone.drag_over { border-color: var(--secondarycolor); background: #f0faf9; }

    
.drag_drop_preview { padding: 20px; display: flex; flex-direction: column; align-items: center; gap: 12px; }
.drag_drop_preview img { max-height: 180px; max-width: 100%; border-radius: 6px; object-fit: contain; border: 1px solid #e1e1e1; }
.drag_drop_preview_actions { display: flex; align-items: center; gap: 10px; }
.preview_filename { font-size: 13px; color: #555; max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.preview_remove_btn { background: none; border: 1px solid #ddd; border-radius: 50%; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; cursor: pointer; color: #888; flex-shrink: 0; }
.preview_remove_btn:hover { border-color: #c00; color: #c00; }

    
.hole_pattern_list { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; }
.hole_pattern_list li { margin: 0; }
.hole_pattern_card { display: flex; flex-direction: column; align-items: center; border: 1px solid #e1e1e1; border-radius: 8px; background: #fff; text-decoration: none; color: #333; cursor: pointer; position: relative; overflow: hidden; transition: border-color 0.15s;text-align: center; }
.hole_pattern_card:hover { border-color: var(--secondarycolor); text-decoration: none; color: #333; }
.hole_card_diagram { width: 100%; padding: 0px 10px 0; }
.hole_card_diagram svg { width: 100%; height: auto; display: block; }
.hole_card_label { padding: 10px 8px 14px; text-align: center; font-size: 14px; line-height: 1.4; }
.hole_card_label strong { display: block; font-weight: 700; color: #222; }
.hole_card_label span { color: #555; font-size: 13px; }
.hole_pattern_list li.active .hole_pattern_card { border-color: var(--secondarycolor);box-shadow:inset 0 0 0 1px var(--secondarycolor) }
.hole_pattern_list li.active .hole_pattern_card::after { content: ''; width: 24px; height: 24px; border-bottom: 24px solid var(--secondarycolor); border-left: 24px solid transparent; position: absolute; right: 0; bottom: 0; }
.hole_pattern_list li.active .hole_pattern_card::before { content: "\e263"; position: absolute; right: 2px; bottom: 3px; font-family: "FontAwesome"; font-weight: 900; font-size: 9px; z-index: 1; color: #fff; line-height: normal; }

.die-selection-list{display: grid;gap: 10px;row-gap:15px; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));padding: 0;margin: 0; }
.die-selection-box input[type="radio"]{display: none;}
.die-selection-box label{cursor: pointer;text-align: center;display: block; margin: 0;}
.die-selection-box label .die-selection-img{display: block; border: 1px solid var(--border-color); border-radius: 4px; padding:8px 5px; width: 100%;}
.die-selection-box label .die-selection-img .die-selection-img-placeholder{width: 100%; height: 170px; display: flex; align-items: center; justify-content: center;}
.die-selection-box label .die-selection-img .die-selection-img-placeholder img{max-height: 100%;}
.die-selection-box label .die-selection-title{font-size: 14px;color: var(--primaryDefault);display: block; padding-top: 5px;}
.die-selection-box label .custom_detail_input{ margin-top: 2px;font-size:14px;height: 35px;border-radius: 5px;transition: 0.3s; width: 100%; resize: none; padding: 6px;}
.die-selection-box input[type="radio"]:checked + label .die-selection-img{border-width: 2px; border-color: var(--secondarycolor);padding:7px 4px;}
.die-selection-box input[type="radio"]:checked + label .die-selection-title{font-weight: var(--text-bold);}
.die-selection-box input[type="radio"]:not(:checked) + label .custom_detail_input{background-color: #e9ecef;pointer-events: none;height: 0;box-shadow: none;border: none;opacity: 0;}

    
.orientation_list { display: flex; gap: 14px; margin: 0; padding: 0; list-style: none; }
.orientation_list li { margin: 0; }
.orientation_card { display: flex; flex-direction: row; align-items: center; gap: 10px; border: 1px solid #e1e1e1; border-radius: 6px; background: #fff; text-decoration: none; color: #333; cursor: pointer; position: relative; overflow: hidden; transition: border-color 0.15s; padding: 5px 20px 5px 16px; }
.orientation_card:hover { border-color: var(--secondarycolor); text-decoration: none; color: #333; }
.orientation_img { display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.orientation_img img { max-width: 40px; height: auto; display: block; }
.orientation_label { font-size: 15px; font-weight: 500; color: #222; white-space: nowrap;}
.orientation_list li.active .orientation_card { border-color: var(--secondarycolor); box-shadow: inset 0 0 0 1px var(--secondarycolor); }
.orientation_list li.active .orientation_card::after { content: ''; width: 24px; height: 24px; border-bottom: 24px solid var(--secondarycolor); border-left: 24px solid transparent; position: absolute; right: 0; bottom: 0; }
.orientation_list li.active .orientation_card::before { content: "\e263"; position: absolute; right: 2px; bottom: 3px; font-family: "FontAwesome"; font-weight: 900; font-size: 9px; z-index: 1; color: #fff; line-height: normal; }



.custom_image_box .edit_btn{margin-top:10px;}
.edit_btn .custom-switch .custom-control-label { font-size: 13px; color: #595959; margin-top: 6px; font-weight: var(--text-bold); }
.edit_btn .custom-control-label::before { width: 40px; height: 20px; border-radius: 40px; left: -50px; top: 0; }
.edit_btn .custom-switch .custom-control-label::after { width: 14px; height: 14px; left: -46px; top: 3px; }
.edit_btn .custom-switch { padding-left: 50px; display: inline-block;margin-top: 3px; }

.edit_btn .custom-switch .custom-control-input:checked ~ .custom-control-label::after { -webkit-transform: translateX(18px); transform: translateX(18px); }
.edit_btn .custom-control-input:checked ~ .custom-control-label::before { background-color: var(--primarycolor); border-color: var(--primarycolor); }
.edit_btn a{display: inline-block; vertical-align:-3px}

.preview_action_btn{ margin-top: 20px;gap: 10px;align-items: center;} 
.preview_action_btn .btn{min-width: 150px;display: flex; align-items: center; justify-content: center;gap: 5px;}
.preview_action_btn .edit_btn.help_text{margin-top: -14px;}


    
.design_help_box { border: 1px solid #DBDBDB;background-color: #FFFCF2; padding: 25px 20px; margin: 20px 0; position: relative; z-index: 2;  border-radius: 8px;}
.design_help_box.error { border-color: red; }
.design_help_box .design_help_box_title { font-size: 22px; font-weight: var(--text-bold); color: #16202C; margin-bottom: 12px; }
.custom-radio-block .custom-radio{ margin-bottom: 12px; }
.custom-radio-block .custom-radio + .special_information_box { margin-top: 20px; }
.custom-radio-block .custom-radio:last-child{margin-bottom: 0;}
.custom-radio { display: block; font-size: 20px; padding-left: 1.5em; margin-bottom: .125rem; line-height: normal; }
.custom-radio > input[type=radio] { --bs-form-check-bg: #fff; flex-shrink: 0; width: 1em; height: 1em; margin-top: 4px; vertical-align: top; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: var(--bs-form-check-bg); background-image: var(--bs-form-check-bg-image); background-repeat: no-repeat; background-position: center; background-size: contain; border: 1px solid #929292; -webkit-print-color-adjust: exact; color-adjust: exact; print-color-adjust: exact; float: left; margin-left: -1.5em; border-radius: 50%; }
.custom-radio > input[type=radio]:checked { background-color: var(--secondarycolor); border-color: var(--secondarycolor); --bs-form-check-bg-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"); }
.custom-radio > label > input[type=radio]:focus, .custom-radio > label > input[type=radio]:focus-visible { box-shadow: 0 0 0 .2rem rgb(10 132 94 / 10%); outline: 0 }
.custom-radio label { position: relative; margin-bottom: 0; cursor: pointer; font-size: 16px; line-height: 22px; }
.custom-radio > label > input[type=radio].error { border-color: red; box-shadow: 0 0 0px 2px rgb(255, 0, 0, 0.3); }
.custom-radio:has(>label>input[type=radio].error) { color: rgba(255.0,0,0.1); }


.shippingBlock .shippingBlock_box{display: flex; margin-top: 30px; align-items: center; justify-content: center; gap: 10px;}
.shippingBlock .shippingBlock_title{font-size: 15px;}

.design_preview_title{font-size: 22px; font-weight: 500;margin-bottom: 15px;}
.custom_detail_row .custom_preview{border: 1px solid #C9C9C9; border-radius: 8px; padding: 30px;}

.back_btn{min-width: 150px; display: flex; align-items: center; justify-content: center;height: 40px;}

@media(max-width: 1200px) {
    .full-width-header{padding: 15px 20px;}
}

@media(max-width: 767px) {
    .custom_detail_row{display: flex;width: 100%; flex-flow: column-reverse; gap: 30px;}

    #mid_container .ss-breadcrumb{ margin-top: 20px;}
    .page_heading, .page_heading > h1{margin-top: 0; padding-top: 0; margin-bottom: 20px;}
    /*.custom_detail_row .custom_preview{box-shadow: 0px -4px 25px rgba(0, 0, 0, 0.15);border: none; border-radius: 0;padding: 20px;  margin: var(--marginOffset);}        */
    .custom_detail_row .custom_preview{padding:0;border:none;}

    .text_input_block{padding: 15px;}
    .font_controls_row{gap: 20px;}
    .button_group_box .btn{min-width: auto;}

    .content_block{padding:15px;}
    .custom_main_content .content_block .head_section > h3.title_text{font-size:20px}

}
/*add new css for new design added by vishal 02-07-2026*/

/* Multi-file upload grid */
.drag_drop_subtext { margin: 0; font-size: 12px; color: #aaa; }

.multi_upload_grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(90px, 1fr)); gap: 12px; margin-top: 14px; }

.multi_upload_item { position: relative; transition: opacity 0.2s; }

.multi_thumb_wrap { width: 100%; aspect-ratio: 1 / 1; border: 1px solid #e1e1e1; border-radius: 6px; overflow: hidden; background: #ffffff; display: flex; align-items: center; justify-content: center; }
.multi_thumb_wrap img { max-width: 100%; max-height: 100%; object-fit: contain; display: block; }

.multi_filename { display: block; font-size: 11px; color: #666; margin-top: 4px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; }

.multi_remove_btn { position: absolute; top: -7px; right: -7px; width: 22px; height: 22px; border-radius: 50%; background: #fff; border: 1px solid #ddd; display: flex; align-items: center; justify-content: center; cursor: pointer; color: #888; z-index: 2; box-shadow: 0 1px 4px rgba(0,0,0,0.12); padding: 0; transition: border-color 0.15s, color 0.15s; }
.multi_remove_btn:hover { border-color: #c00; color: #c00; }

@media (max-width: 480px) {
    .multi_upload_grid { grid-template-columns: repeat(auto-fill, minmax(70px, 1fr)); gap: 10px; }
}

/* Text color swatches */
.text_color_list { display: flex; gap: 8px; flex-wrap: wrap; margin: 6px 0 0; padding: 0; list-style: none; }
.text_color_list li { position: relative; }
.text_color_swatch { display: block; width: 32px; height: 32px; border-radius: 6px; border: 1px solid #e1e1e1; cursor: pointer; transition: border-color 0.15s, transform 0.15s; position: relative; overflow: hidden; }
.text_color_swatch:hover { border-color: var(--secondarycolor); }
.text_color_list li.active .text_color_swatch { border-color: var(--secondarycolor);box-shadow:inset 0 0 0 1px var(--secondarycolor) }
.text_color_list li.active .text_color_swatch::after { content: ''; width: 18px; height: 18px; border-bottom: 18px solid var(--secondarycolor); border-left: 18px solid transparent; position: absolute; right: 0; bottom: 0; }
.text_color_list li.active .text_color_swatch::before { content: "\e263"; position: absolute; right: 1px; bottom: 2px; font-family: "FontAwesome"; font-weight: 900; font-size: 7px; z-index: 1; color: #fff; line-height: normal; }

/* Address range grid */

.addr_range_grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; column-gap: 40px; }
.addr_range_grid.four_item{grid-template-columns: repeat(4, 1fr);}
.addr_range_item { display: flex; flex-direction: column; gap: 4px; }
.addr_range_labels { display: flex; gap: 0; }
.addr_range_label { font-size: 13px; color: #555; font-weight: 500; flex: 1; }
.addr_range_labels .addr_range_label:first-child { flex: 1; }
.addr_range_labels .addr_range_label:last-child { flex: 1; padding-left: 14px; }
.addr_range_inputs { display: flex; align-items: center; gap: 6px; }
.addr_input { height: 36px; font-size: 14px; border: 1px solid #dde1e7; border-radius: 6px; padding: 6px 10px; flex: 1; min-width: 0; }
.addr_input:focus { border-color: var(--secondarycolor); box-shadow: none; outline: none; }
.addr_dash { flex-shrink: 0; width: 8px; height: 2px; border-radius: 2px; background: #a5a5a5; }

@media (max-width: 576px) {
    .addr_range_grid { grid-template-columns: repeat(2, 1fr); }
    .addr_range_grid.four_item{grid-template-columns: repeat(3, 1fr);}
}
@media (max-width: 380px) {
    .addr_range_grid { grid-template-columns: 1fr; }
    .addr_range_grid.four_item{grid-template-columns: repeat(2, 1fr);}
}

/* Product image strip */
.prod_img_strip { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 25px; background-color: #F6F6F8; padding:20px 30px; }
.prod_img_strip .prod_img_thumb { display: block; border: 2px solid #e1e1e1; flex: 0 0 auto; transition: border-color 0.15s; }
.prod_img_strip .prod_img_thumb img{max-width:108px; max-height: 108px; display:block;}


/* NEW CSS FOR NEW SECTIONS */

.symbol_list.ss_grid_list { grid-template-columns: repeat(auto-fill, minmax(60px, 1fr)); }
.symbol_list_scroll{position: relative; max-height: 150px; overflow: auto; visibility: visible; padding-right: 12px;}

.symbol_list li a{display: block; color: var(--primaryDefault); cursor: pointer; border: 1px solid #e1e1e1; background-color: #fff; border-radius: 6px; text-align: center; padding: 6px 5px; line-height: normal; width: 100%; font-size: 14px; position: relative;}
.symbol_list li a.active,
.symbol_list li.active a{border-color: var(--secondarycolor);box-shadow: inset 0 0 0 1px var(--secondarycolor);}
.symbol_list li a:hover{border-color: var(--secondarycolor);}

.symbol_list li a.active::after,
.symbol_list li.active a::after{ content: ''; width: 24px; height: 24px; border-bottom: 24px solid var(--secondarycolor); border-left: 24px solid transparent; position: absolute; right: 0; bottom: 0; }
.symbol_list li a.active::before,
.symbol_list li.active a::before{ content: "\e263"; position: absolute; right: 2px; bottom: 3px; font-family: "FontAwesome"; font-weight: 900; font-size: 9px; z-index: 1; color: #fff; line-height: normal; }

.motif_design_list li a img{width: 96px; height: 96px;}
.motif_design_list.symbol_list.ss_grid_list{grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));}


.motif_design_list.symbol_list li a.active::after,
.motif_design_list.symbol_list li.active a::after{width: 32px;height: 32px;border-bottom-width: 32px ;border-left-width: 32px;}
.motif_design_list.symbol_list li a.active::before,
.motif_design_list.symbol_list li.active a::before{right: 4px; bottom: 3px; font-size: 10px;}

.select_header_box{align-items: center; column-gap: 12px; row-gap: 10px;}
.select_header_box .select_header{font-size: 15px; font-weight: 500; color: var(--primaryDefault);}
.select_header_box .select_header_img{display: flex; align-items: center; justify-content: center; gap:15px}
.select_header_box .select_header_img a img{max-width:120px;}

.form-check{padding-left:22px}
.form-check-input{--bs-form-check-bg:#fff;flex-shrink:0;width:16px;height:16px;margin-top:4px;vertical-align:top;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bs-form-check-bg);background-image:var(--bs-form-check-bg-image);background-repeat:no-repeat;background-position:center;background-size:contain;border:1px solid #bdbdbd;-webkit-print-color-adjust:exact;color-adjust:exact;print-color-adjust:exact;border-radius:100px}
.form-check .form-check-input{float:left;margin-left:-1.5em}
.form-check-input[type=checkbox]{border-radius:4px}
.form-switch{padding-left:40px}
.form-switch .form-check-input{--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");width:32px;margin-left:-40px;background-image:var(--bs-form-switch-bg);background-position:left center;border-radius:32px;transition:background-position .15s ease-in-out}
.form-switch .form-check-input:checked{background-position:right center;--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}
.form-check-input:checked{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")}
.form-check-input:checked{background-color:var(--secondarycolor);border-color:var(--secondarycolor)}
.form-check-input:checked[type=checkbox]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")}
.form-switch .form-check-input:checked{background-position:right center;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}
.form-check-label{margin-top:2px}

.directory_sign_text_box + .directory_sign_text_box{margin-top:20px}
.directory_sign_text_box { display: flex; gap: 15px; align-items: end; flex-wrap: wrap; row-gap: 10px; }
.directory_sign_text_box .form-group { flex: 1 0;margin: 0; }
.directory_sign_text_box input.form-control{height: 40px;}
.directory_sign_text_box label {     font-size: 15px; font-weight: 600; margin-bottom: 4px; display: block; }
.directory_sign_text_box .character-limit { width: 100%; flex: 1 0 100%; display: block; font-size: 12px; }
.directory_sign_text_box .dropdown .custom_button{width:60px;position:relative;padding:0 5px;padding-right:18px;margin:0}
.directory_sign_text_box .dropdown .custom_button:hover,
.directory_sign_text_box .dropdown .custom_button.active,
.directory_sign_text_box .dropdown .custom_button:focus{background-color: transparent; border-color: var(--secondarycolor)!important; color: var(--secondarycolor);box-shadow: inset 0 0 0 1px var(--secondarycolor)}
.directory_sign_text_box .dropdown .dropdown-toggle::after{position:absolute;top:50%;transform:translateY(-50%);right:8px}
.directory_sign_text_box .dropdown .custom_button .arrow_img{max-height:26px}
.arrowDropdown .dropdown-menu.show{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(33%,1fr));padding:4px;box-shadow:var(--box-shadow);left:inherit!important;right:0}
.arrowDropdown .dropdown-menu .dropdown-item{padding:4px;text-align:center;border:2px solid transparent;border-radius:4px}
.arrowDropdown .dropdown-menu .dropdown-item.active,
.arrowDropdown .dropdown-menu .dropdown-item:active{background-color:transparent;border-color:var(--secondarycolor);outline:0}
.arrowDropdown .dropdown-menu .arrow_img{max-height:26px}


.Hazard_ratings_box{border-radius: 4px; background-color: #fff; padding: 25px 30px; display:grid;column-gap: 20px; row-gap: 0px; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));}
.choose_ratings_box{border-radius: 4px; background-color: #fff; padding: 25px 30px; display:grid;column-gap: 20px; row-gap: 15px; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));}
.choose_ratings_box .choose_ratings_option{display:flex;border:1px solid #e60e2f;border-radius:0 6px 6px 0;background-color:#fdd;gap:8px;align-items:center;margin-left:20px}
.choose_ratings_box .choose_ratings_option .diamond_shapes_box{position:relative;margin-left:-17px;font-size:34px;transform: scale(0.9);}
.choose_ratings_box .choose_ratings_option .diamond_shapes_box .diamond_shapes{width:1em;height:1em;position:relative;display:block;border:2px solid #000;background-color:#e60d2e;transform:rotate(45deg);transform-origin:center center}
.choose_ratings_box .choose_ratings_option .diamond_shapes_box .diamond_shapes_text{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);font-size:.8em;color:#000;font-weight:600}
.choose_ratings_box .choose_ratings_option .choose_ratings_text{flex:1 0;padding-top:6px;padding-bottom:6px;display:flex;gap:10px;align-items:center;padding-right:6px;flex-wrap: wrap;}
.choose_ratings_box .choose_ratings_option .choose_ratings_text .choose_ratings_title{font-size:16px;font-weight:var(--text-bold);width:120px}
.choose_ratings_box .choose_ratings_option .choose_ratings_text p{margin-bottom:2px;line-height:1.4}
.hazard_dropdown_box{flex: 1 0 100%;width: 100%;}
.hazard_dropdown_box .btn{border-radius:4px;width:100%;padding:4px 9px;position:relative;text-align:left;font-weight:400;font-size:16px;border-color:#ced4da}
.hazard_dropdown_box .btn:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}
.hazard_dropdown_box .dropdown-toggle::after{position:absolute;top:50%;transform:translateY(-50%);right:10px;display:none}
.hazard_dropdown_box .dropdown-toggle{ width: 100%; overflow: hidden; text-overflow: ellipsis;
    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 5 6 6 6-6'/%3e%3c/svg%3e");
    -webkit-appearance:none;-moz-appearance:none;appearance:none;background-repeat:no-repeat;background-position:right .656rem center;background-size:16px 12px;padding-right:28px!important;height:34px}
.hazard_dropdown_box .dropdown-item{padding:5px 8px;font-weight:500;font-size:16px}
.hazard_dropdown_box .btn .sub_text,.hazard_dropdown_box .dropdown-item .sub_text{font-size:13px;font-weight:400;display:inline-block;vertical-align:1px}
.hazard_dropdown_box .dropdown-menu{min-width:100%}
.hazard_dropdown_box .dropdown-menu b,.hazard_dropdown_box .dropdown-toggle b{font-weight:600}
.Specific_ratings_box .specific_dropdown_img{max-width:.9em}
.hazard_dropdown_box .dropdown-item,.hazard_dropdown_box .specific_dropdown_box .btn{font-size:13px}
.choose_ratings_box .choose_ratings_option.reactivity_ratings_box{background-color:#ffc;border-color:#fcc918}
.choose_ratings_box .choose_ratings_option.reactivity_ratings_box .diamond_shapes{background-color:#fc0}
.choose_ratings_box .choose_ratings_option.Specific_ratings_box{background-color:#f5f5f5;border-color:#999}
.choose_ratings_box .choose_ratings_option.Specific_ratings_box .diamond_shapes{background-color:#fff}
.choose_ratings_box .choose_ratings_option.Specific_ratings_box .diamond_shapes_text{color:#000}
.choose_ratings_box .choose_ratings_option.Health_ratings_box{background-color:#cef;border-color:#1b76cf}
.choose_ratings_box .choose_ratings_option.Health_ratings_box .diamond_shapes{background-color:#1a75cf}
.Hazard_ratings_box .choose_ratings_option{border:none;border-radius:12px;padding:8px;gap:8px;margin:0;display:inline-flex;align-items:center;border:1px solid;width: 100%;}
.Hazard_ratings_box .choose_ratings_option .choose_ratings_title{font-size:14px;margin:0;font-weight:var(--text-bold);color:currentColor;width:100%;}
.Hazard_ratings_box .round_shape{width:35px;min-width:35px;height:35px;border-radius:100%;display:flex;align-items:center;justify-content:center;font-weight:var(--text-bold);font-size:22px;background-color:#fff;color:#000;border:1px solid #fff}
.Hazard_ratings_box .choose_ratings_option .choose_ratings_text{padding:0;flex:1 0;display:flex;gap:10px;align-items:center;flex-wrap: wrap; max-width: calc(100% - 43px);}
.Hazard_ratings_box .Hazard_health_box{background-color:#1d6ec4;border-color:#1d6ec4;color:#fff}
.Hazard_ratings_box .Hazard_flammability_box{background-color:#e80532;border-color:#e80532;color:#fff}
.Hazard_ratings_box .Hazard_reactivity_box{background-color:#f3d430;border-color:#f3d430;color:#000}
.Hazard_ratings_box .Hazard_protection_box{background-color:#fff;color:#000;border-color:#c3c3c3}
.Hazard_ratings_box .Hazard_protection_box .round_shape{border-color:#c3c3c3}

.collapse_text_box .collapse_text_box_head{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.collapse_text_box .collapse_text_box_head .collapse_link{font-size: 15px;font-weight: 500;color: var(--primaryDefaul); position: relative; padding-left: 18px;}
.collapse_text_box .collapse_text_box_head .collapse_link::after{content: ""; position: absolute;left: 0; top: 50%; transform: translateY(-50%) rotate(-90deg); width:15px; height: 15px; mask-position: center center; background-color: currentColor; mask-repeat: no-repeat; transition: 0.3s; mask-size: 13px;
    mask-image: url('data:image/svg+xml,<svg width="10" height="7" viewBox="0 0 10 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.39 2.15001L5.25 6.28001C5.18333 6.35335 5.1 6.39001 5 6.39001C4.9 6.39001 4.81667 6.35335 4.75 6.28001L0.61 2.15001C0.536667 2.07668 0.5 1.99001 0.5 1.89001C0.5 1.79001 0.536667 1.70668 0.61 1.64001L1.54 0.720015C1.60667 0.646681 1.69 0.610015 1.79 0.610015C1.89 0.610015 1.97333 0.646681 2.04 0.720015L5 3.68001L7.96 0.720015C8.03333 0.646681 8.11667 0.610015 8.21 0.610015C8.30333 0.610015 8.39 0.646681 8.47 0.720015L9.39 1.64001C9.46333 1.71335 9.5 1.79668 9.5 1.89001C9.5 1.98335 9.46333 2.07001 9.39 2.15001Z" fill="%23127B9B"/></svg>')
}
.collapse_text_box .collapse_text_box_head .collapse_link[aria-expanded="true"]::after{transform: translateY(-50%);}
.collapse_text_box .collapse_text_box_head:has(.collapse_link[aria-expanded="true"]){border-radius: 4px 4px 0 0;}
.collapse_text_box .collapse_text_box_head .ctrl_label{display:none}

@media (min-width: 576px) {
    .collapse_text_box .collapse_text_box_head .ctrl_label{display:block}
    .collapse_text_box .collapse_text_box_head .font_ctrl_group{flex-flow: row; gap: 10px; align-items: center;}
}

.collapse_text_box .card-body{padding: 0; padding-top: 12px;border: none;}
.select_year_grid { grid-template-columns: repeat(auto-fill, minmax(146px, 1fr)); }
.select_year_grid .year_selector_box { cursor: pointer; border: 1px solid var(--border-color); border-radius: 6px; padding: 8px 6px; display: block; text-align: center; background-color: #fff;height:100%;display:flex;align-items:center;justify-content:center; position:relative;} 
.select_year_grid .year_selector_box:hover { border-color: var(--secondarycolor); }
.select_year_grid .year_selector_box.active { border-color: var(--secondarycolor); margin: 0; box-shadow: inset 0 0 0 1px var(--secondarycolor); }
.select_year_grid .year_selector_box.active:after{content: '';width: 24px;height: 24px;border-bottom: 24px solid var(--secondarycolor);border-left: 24px solid transparent;position: absolute;right: 0;bottom: 0;}
.select_year_grid .year_selector_box.active:before{content: "\e263";position: absolute;right: 2px;bottom: 3px;font-family: "FontAwesome";font-weight: 900;font-size: 9px;z-index: 1;color: #fff;line-height: normal;}

.ss-radio>input[type=radio]{display:none}
.ss-radio>input[type=radio]:disabled+label{opacity:.7;cursor:not-allowed;}

.ss-radio>input[type=radio]:disabled:hover+label{border-color:var(--border-color)}
.ss-radio>input[type=radio]:checked:disabled:hover+label{border-color:var(--secondarycolor)}
.ss-radio>label{border:1px solid var(--border-color);padding:10px;padding-left:35px;margin:0;font-size:14px;display:block;line-height:1.4;position:relative;cursor:pointer;font-weight:500; border-radius: 6px; background:#fff;}
.ss-radio>label:hover{border-color:var(--secondarycolor)}
.ss-radio>label .radio_icon{width:16px;height:16px;margin-top:3px;vertical-align:top;background-color:#fff;background-repeat:no-repeat;background-position:center center;background-size:12px;border:1px solid #828282;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact;print-color-adjust:exact;border-radius:50%;position:absolute;top:8px;left:10px;margin-left:0}
.ss-radio>input[type=radio]:checked+label{border-color:var(--secondarycolor);border-radius: 6px; font-weight:var(--text-bold);box-shadow:inset 0 0 0 1px var(--secondarycolor)}
.ss-radio>input[type=radio]:checked+label .radio_icon{background-color:var(--secondarycolor);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");border-color:var(--secondarycolor)  }
.ss-radio .help_text{display:inline-block;padding-left:3px}
.ss-radio-list .ss-radio+.ss-radio{margin-top:8px}
.ss-radio-inline{display:flex;flex-wrap:wrap;gap:10px}
.Weekdays_content{padding-top:4px}
.Weekdays_content .Weekdays_content_title{font-size:13px;font-weight:500;color:var(--primaryDefault)}
.content_block .Weekdays_content p{font-size:13px;font-weight:400;margin-bottom:3px}
.inline_Weekdays_list{display:flex;flex-wrap:wrap;column-gap:10px;row-gap:5px}
.inline_Weekdays_list .form-check{padding-left:20px}
.inline_Weekdays_list .form-check label{font-size:13px;font-weight:500;vertical-align:middle;margin:0;cursor:pointer}
.inline_Weekdays_list .form-check .form-check-input{display:inline-block;vertical-align:middle;margin-top:1px}

.numbering_detail{padding-top:8px;padding-bottom:3px}
.numbering_detail .prefix_suffix{display:table}
.numbering_detail .prefix_suffix .item{display:table-cell;vertical-align:top;padding-right:15px;width:110px}
.numbering_detail .prefix_suffix .item:last-child{padding-right:0}
.numbering_detail .prefix_suffix .Consecutive_num{width:100px}
.numbering_detail .prefix_suffix .Consecutive_num span{text-align:center;max-width:100px;display:inline-block;border:1px dashed #d4d4d4;color:#f40;font-size:11px;height:30px;line-height:12px;padding:2px 0;background-color:#f7f7f7;width:100%}
.numbering_detail .advance_label{visibility:hidden}
.numbering_detail .btn-link{padding:3px 10px;margin:0;font-size:13px;text-transform:capitalize}
.numbering_detail .btn-link:focus{text-decoration:none;outline:0;box-shadow:none}
.numbering_detail label:not(.form-check-label){margin-bottom:5px;font-weight:500}
.numbering_detail .form-check-label{font-weight:500}
.form-check_padding{height:30px;display:flex;align-items:center}
.numbering_detail .form-check{line-height:normal}
.numbering_detail .form-check-input{margin-top:2px}

.numbering_detail .label_block{font-size:13px;font-weight:normal;margin-bottom:4px;display:block}
.numbering_detail .numbering_sub_option_input{display:flex;flex-wrap:wrap;gap:12px;align-items:end;padding-top:6px}
.numbering_detail .numbering_sub_option_input .form-group{width:100px}
.numbering_detail .form-control.form-control-sm{height:30px}
.numbering_detail .consecutive-number{border:1px dashed #999;background-color:#eee;width:auto;text-align:center;margin-top:0;display:inline-flex;align-items:center;justify-content:center}
.numbering_detail p{font-size:12px;margin-top:5px;margin-bottom:0;font-weight:500}
.numbering_detail p+p{margin-top:2px}
.numbering_detail .danger_text{color:red}
.inline_numbering_radio{margin-top:6px;display:flex;flex-wrap:wrap;gap:10px}
.inline_numbering_radio .form-check{display:flex;align-items:center;gap:4px;padding-left:20px}
.inline_numbering_radio .form-check label{font-size:13px;font-weight:500;margin-bottom:0}
.inline_numbering_radio .form-check .form-check-input{margin-top:1px}
.inline_numbering_radio .form-check.form-switch{padding-left:40px}
.alert_danger_box{color:red;font-size:13px}
.numbering_detail .numbering_detail_title{font-size:13px;font-weight:500;margin-bottom:4px}

.strating_digits_box{display:flex;flex-wrap:wrap;gap:12px;align-items:end}
.strating_digits_box .label_block{display: inline-block;font-weight: 500;}
.strating_digits_box .small_box{width:80px}
.strating_digits_box .form-check.form-switch{height:32px;padding-top:5px}
.advanced_btn i{font-size:12px;vertical-align:1px}
.advanced_btn.active .fa-chevron-down::before{content:"\f077"}

.select_numbering_input .form-group{gap: 15px;}
.select_numbering_input .form-group label{margin: 0; white-space: nowrap;}

.ss_grid_list.trail_symbol_box{    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));}
.ss_grid_list.trail_symbol_box .material_color_box.active .color_box{    border-color: var(--secondarycolor);position: relative; box-shadow:inset 0 0 0 1px var(--secondarycolor)}
.ss_grid_list.trail_symbol_box .material_color_box.active ::after{    content: ''; width: 24px; height: 24px; border-bottom: 24px solid var(--secondarycolor); border-left: 24px solid transparent; position: absolute; right: 0; bottom: 0; }
.ss_grid_list.trail_symbol_box .material_color_box.active .color_box::before{content: "\e263"; position: absolute; right: 2px; bottom: 3px; font-family: "FontAwesome"; font-weight: 900; font-size: 9px; z-index: 1; color: #fff; line-height: normal;}

.clipart_position_box{display: flex; align-items: center; flex-wrap: wrap; gap: 10px; max-width: 500px;}
.clipart_position_box .clipart_position_select_box{flex: 1 0 auto;;}
.clipart_position_box .clipart_position_table_box{display: block;}
.clipart_position_box .clipart_position_table_box table{border-collapse: collapse; max-width: 100%;}
.clipart_position_box .clipart_position_table_box table,
.clipart_position_box .clipart_position_table_box table td{border: 1px solid #c1c1c1;}
.clipart_position_box .clipart_position_table_box .clipart_position_table_link{width: 100%; display: block;cursor: pointer; height: 20px; display: flex; align-items: center; justify-content: center; font-size: 13px; text-align: center; color: #333;}
.clipart_position_box .clipart_position_table_box .active a{color: #fff;}

.border_option_list { grid-template-columns: repeat(auto-fill, minmax(85px, 1fr)); }
.product_radio_box input[type=radio]{opacity:0;height:0;display:none}
.product_radio_box label{display:block;color:var(--primaryDefault);cursor:pointer;border:1px solid var(--border-color);border-radius:6px;text-align:center;padding:6px 5px;line-height:normal;width:100%;font-size:14px;font-weight:500;margin:0;background-color: #fff;}
.product_radio_box label:hover{border-color:var(--secondarycolor)}
.product_radio_box input[type=radio]:checked+label{border-color:var(--secondarycolor);background-color:#fff;margin:0;box-shadow:inset 0 0 0 1px var(--secondarycolor)}

.counter_option_list.ss_grid_list { grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); }
.ss_grid_list .border_style_li { border: 1px solid var(--border-color); background-color: #fff; border-radius: 6px; text-align: center; padding: 6px 8px; line-height: normal; width: 100%; font-size: 14px; color: var(--primaryDefault); text-align: left; font-weight: var(--text-bold); }
.ss_grid_list .border_style_li.active { border-color: var(--secondarycolor); background-color: #fff; box-shadow: inset 0 0 0 1px var(--secondarycolor) }
.ss_grid_list .border_style_li a { text-decoration: none; color: var(--primaryDefault); }

.counter_input_option_box input[type=radio]{opacity:0;height:0;display:none}
.counter_input_option_box label{display:block;color:var(--primaryDefault);cursor:pointer;border:1px solid var(--border-color);border-radius:6px;text-align:center;padding:10px;line-height:normal;width:100%;font-size:14px;font-weight:500;margin:0;background-color: #fff;text-align: left;}
.counter_input_option_box label:hover{border-color:var(--secondarycolor)}
.counter_input_option_box input[type=radio]:checked+label{border-color:var(--secondarycolor);background-color:#fff;margin:0;box-shadow:inset 0 0 0 1px var(--secondarycolor)}
.counter_input_option_box .counter_des { padding-top: 8px; font-size: 13px; }

.label_rings_box_cover{padding-left: 10px;}
.label_rings_box_cover .form-control {height: 40px;}

.label_rings_box_cover .form-group{margin: 0;}
.label_rings_box_cover .label_rings_box{border-radius: 4px; border: 1px solid #D8D8D8; width: 100%; padding: 8px 10px; padding-left: 20px; position: relative; display: flex; gap: 15px; column-gap: 30px; flex-wrap: wrap;}
.label_rings_box_cover .label_rings_box .rings_input_box{flex: 1 0 ;}
.label_rings_box_cover .label_rings_box + .label_rings_box{ margin-top: 12px;}
.label_rings_box_cover .label_rings_box .rings_number{position: absolute; top: 50%; transform: translateY(-50%); left: -14px; font-weight: 600; width: 25px; height: 25px; background: #D8D8D8; text-align: center; display: flex ; align-items: center; justify-content: center; border-radius: 100%;}
/* .label_rings_box_cover .label_rings_box .rings_input_box + .rings_input_box{margin-top: 5px;} */
.label_rings_box_cover .label_rings_box label{font-size: 13px; margin-bottom: 4px; display: block; font-weight: 500;}
.label_rings_box_cover .size_stepper{min-width: 100px;}
.label_rings_box_cover .rings_input_box .custom-btn{flex: 1 0 auto;}
.label_rings_box_cover .rings_input_box .btn-group{ gap: 8px; width: 100%;}


.wizard_text_autocomplate_box{position: relative;}
.wizard_text_autocomplate_box .dropdown_icon{background-color: transparent; border: 1px solid #dee2e6; border-radius: 0 4px 4px 0; box-shadow: none; border-left: none;}
.wizard_text_autocomplate_box .dropdown_icon svg{max-width: 16px;}
.wizard_text_autocomplate_box .input-group input{border-right: 0; border-radius: 4px 0 4px 0;}
.wizard_text_autocomplate_box .input-group input:focus{outline: none; box-shadow: none; border-color: #dee2e6;}
.wizard_text_autocomplate_box .ssux-icon-wrap{right:22px;}

.suggestions-box { max-height: 200px; overflow-y: auto; z-index: 1050;  border-top: none; border-top-left-radius: 0; border-top-right-radius: 0;}
.suggestions-box .list-group-item-action { cursor: pointer; }
.suggestions-box .list-group-item-action:hover,
.suggestions-box .list-group-item-action:focus { background-color: #f0f8ff; }
.suggestions-box .list-group-item.active { background-color: var(--secondarycolor); border-color: var(--secondarycolor); color: #fff; }
.suggestions-box.list-group{--bs-list-group-item-padding-x: 6px; --bs-list-group-item-padding-y: 6px;}


/* NEW CSS FOR NEW SECTIONS */
.custom_main_content #tbl_leftsection > .section-text-block{margin-top:0!important;}
.body_left_padding{padding-left: 35px;}


.sign_color_list { display: grid; gap: 12px; grid-template-columns: repeat(auto-fill, minmax(55px, 1fr)); padding: 0; list-style-type: none; margin: 0; }
.sign_color_list.header_tag_img { gap: 3px;  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));}

.sign_color_list li a { display: block; border: 1px solid transparent; border-radius: 4px; padding: 4px 1px; width: 100%; }
.sign_color_list li a:hover{ border-color: var(--secondarycolor); }

/* Label info form (Name/Shipper, Facility, Address, City, State, Zip) */
.label_info_form { display: flex; flex-direction: column; gap: 18px; }
.input_with_limit { display: flex; align-items: center; gap: 10px; }
.input_with_limit .form-control { flex: 1 1 auto; }
.char_limit_badge { flex: 0 0 auto; display: flex; align-items: center; gap: 4px; font-size: 14px; color: var(--primaryDefault);width: 45px; text-align: center;justify-content:space-between; }
.char_case_toggle { display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; padding: 0; margin: 0; border: none; border-radius: 50%; background: #eef3f8; box-shadow: none; appearance: none; -webkit-appearance: none; color: var(--primaryDefault); cursor: pointer; transition: background .15s ease, transform .1s ease; }
.char_case_toggle:hover, .char_case_toggle:focus { background: #dce8f5; outline: none; box-shadow: none; }
.char_case_toggle:active { background: #cbdcf0; transform: scale(0.92); }
.sign_color_list li { text-align: center; }
.sign_color_list li.active a { border-color: var(--secondarycolor); box-shadow:inset 0 0 0 1px var(--secondarycolor) }

@media (max-width: 576px) {
   .prod_img_strip{padding:15px;} 
   .choose_ratings_box{padding:20px;}
   .Hazard_ratings_box{padding:20px;}
}
a.globe_icon { color: #adaaaa; }
.qvQtybtn {border: 1px solid #D5D7DA;border-radius: 4px;overflow: hidden; vertical-align:middle;}
.qvQtybtn input.quantity-minus,
.qvQtybtn input.quantity-plus{width: 35px;height: 35px;border:none;outline:none;}
.Sboard_wizard .qvQtybtn .qvQty{font-size: 16px;color: #181D27;height:35px;border-radius: 0px;border: none;border-left: 1px solid #D5D7DA;border-right: 1px solid #D5D7DA;width: 40px;font-family:var(--ss-font-sans-serif)!important}

.wizard_file_upload_box .slim{width:100%;border-radius:6px; height: 200px;}
.wizard_file_upload_box .slim input[type="file "]{opacity:0}
.graphic_and_upload_btn .custom_button{margin: 0;}
.graphic_and_upload_btn{display: flex; gap: 10px; flex-wrap: wrap; align-items: center;}

.uploadClipart_section .head_section{background-color:transparent!important; margin-bottom:0!important;padding:0!important;}
.uploadClipart_section .logo_content p:empty{margin:0;padding:0;}
.section-background-block{margin-top:30px;}
.full-table-view:not([style*="display: none"]){display:block!important;}
.full-table-view .table-cell:not([style*="display: none"]){display:block!important;}
.text_input_block div[style*="position: relative"] .ssux-icon-wrap {
    top: -5px;
}
.text_input_block div[style*="position: relative"] .input_label ~ .ssux-icon-wrap {
    top: 19px !important;
}

.upload_artwork_modal .header-notitle.modal-header{padding-bottom: 1rem;}
.upload_artwork_modal .fileUploadBox {display: block; margin-bottom: 20px;}
.upload_artwork_modal .fileUploadBox .file_label{text-align: center; cursor: pointer; background: #f5f5f5; border-radius: 8px; border: 1px dashed var(--border-color); padding: 30px; margin: 0; width: 100%; display: block;}
.upload_artwork_modal .fileUploadBox .file_icon{display: flex;width: 44px; height: 44px;border-radius: 8px; align-items: center; justify-content: center; background-color: rgba(var(--secondarycolorRGB), 0.2); color: var(--secondarycolor); margin: 0 auto; margin-bottom: 10px;}
.upload_artwork_modal .fileUploadBox .file_upload_title{font-size: 16px;font-weight: var(--text-bold); display: block; margin-bottom: 4px;}
.upload_artwork_modal .fileUploadBox .file_accepted{font-size: 14px;margin-bottom: 10px; display: block;word-wrap: break-word;}
.upload_artwork_modal .fileUploadBox .btn-primary{min-width: 150px;}
.upload_artwork_modal .file_upload_info{font-size: 12px;line-height: 1.4;}
.upload_artwork_modal .file_upload_info p + p{margin-top: 8px;}

.form-control:focus,
textarea.form-control:focus{box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);}
.custom_button.btn-danger{border-color: #bd2130;color: #bd2130;}


.upload_artwork_block{gap:20px;row-gap:10px;}
.upload_artwork_block .clipart_option_img { width: 90px; height: 80px; border-radius: 4px; border: 1px solid #c5c5c5; display: flex; align-items: center; justify-content: center; padding: 2px; }
.upload_artwork_block .clipart_option_img img{max-width: 70px; height: 70px;object-fit: contain;}
.upload_artwork_block .upload_artwork_btn{display: flex; align-items: center; gap: 10px; flex-wrap: wrap;}
.cw_grid_outer{margin-bottom:15px}
.cw_grid_outer .cw_grid{border-top:1px solid #ddd;display:grid;width:100%;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));border-left:1px solid #ddd;max-height:300px;overflow:auto}
.cw_grid_outer .cw_grid .cw_grid_item{position:relative;font-family:var(--ss-font-sans-serif);font-size:11px;margin:0;padding:0;border-right:1px solid #ddd;border-bottom:1px solid #ddd;background:#fff;text-align:center}
.cw_grid_outer .cw_grid .cw_grid_item.selected:before,.cw_grid_outer .cw_grid .cw_grid_item:hover:before{border:2px solid var(--secondarycolor);content:"";left:0;right:0;top:0;bottom:0;width:100%;height:100%;position:absolute}
.cw_grid_outer .cw_grid .cw_grid_item .cw_grid_product-thumb{padding:3px;height:100%;width:100%}
.cw_grid_outer .cw_grid .cw_grid_product-img{width:100%;height:88px;background:#fff;position:relative;display:flex;align-items:center;justify-content:center}
.cw_grid_outer .cw_grid .cw_grid_product-img a{display:block}
.cw_grid_outer .cw_grid .cw_grid_product-img img{max-width:100%!important;height:auto!important}

.gy-3 { margin-left: -10px; margin-right: -10px; }
.gy-3 div[class*=col-] { padding-left: 10px; padding-right: 10px }
.filter_row .control-label{font-weight:500;font-size:14px;display:block}
.filter_row .form-group .input-group .btn-primary{border-radius: 0 .25rem 0 .25rem!important}
.filter_row .form-group .input-group input{height: auto;}

/* Enable scrolling */
.custom_scrollBar { overflow: auto; scrollbar-width: thin;/* Firefox */ scrollbar-color: #888 #f1f1f1;/* Firefox */ }
/* Chrome, Edge, Safari */
.custom_scrollBar::-webkit-scrollbar { width: 10px; height: 10px; }
.custom_scrollBar::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 10px; }
.custom_scrollBar::-webkit-scrollbar-thumb { background: #888; border-radius: 10px; border: 2px solid #f1f1f1; transition: background 0.3s ease; }
.custom_scrollBar::-webkit-scrollbar-thumb:hover { background: #555; }
.custom_scrollBar::-webkit-scrollbar-corner { background: #f1f1f1; }


.header_label_field_cont{gap:15px}
.header_label_field_cont .header_label_content{gap:15px}
.headerPatches_grid_overflow{max-height: 400px; overflow: auto;}

.input_with_search_btn{position:relative}
.input_with_search_btn .form-control{height:35px;border-radius:4px;padding-left:30px}
.input_with_search_btn .search_icon{box-shadow:none;cursor:pointer;margin:0;top:50%;left:5px;transform:translateY(-50%);width:24px;height:24px;display:flex;align-items:center;justify-content:center;bottom:0;padding:0;position:absolute;z-index:1;background-color:transparent;border:none;color:var(--primaryDefault)}
.input_with_search_btn .search_icon svg{max-width:22px}
.choose_color_section{margin-bottom:20px}
.headline_elements_title_box{margin-bottom:10px}
.headline_elements_title_box .headline_elements_title{font-size:18px;color:var(--primaryDefault);font-weight:var(--text-bold)}
.headline_elements_title_box.step_2{display:flex;align-items:center;gap:15px}
.headline_elements_box .colorPatches{display:flex;--headingWidth:100px;align-items:flex-start}
.headline_elements_box .colorPatches+.colorPatches{margin-top:10px}
.headline_elements_box .colorPatches .colorPatches_title{font-size:14px;font-weight:var(--text-bold);color:var(--primaryDefault);flex:1 0 auto;width:var(--headingWidth);margin-top:14px;text-align:right;padding-right:10px}
.headline_elements_box .colorPatches_grid{display:grid;width:100%;grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:8px;flex:1 0 auto;max-width:calc(100% - var(--headingWidth))}
.headline_elements_box .colorPatches_grid .colorPatches_img{display:block;color:var(--primaryDefault);cursor:pointer;border:1px solid var(--border-color);border-radius:6px;text-align:center;padding:6px 5px;line-height:normal;width:100%;font-size:14px;position:relative;}
.headline_elements_box .colorPatches_grid .colorPatches_img:hover{border-color:var(--secondarycolor);background-color:#fff;box-shadow:inset 0 0 0 1px var(--secondarycolor)}
.headline_elements_box .colorPatches_grid .colorPatches_name{font-size:11px;color:var(--primaryDefault);text-align:center;padding-top:4px;line-height:13px}
.headline_elements_box .colorPatches_grid .active .colorPatches_img{border-color:var(--secondarycolor);background-color:#fff;box-shadow:inset 0 0 0 1px var(--secondarycolor)}
.headline_elements_box .colorPatches_grid .active .colorPatches_img:after {content: "\e263";position: absolute;right: 2px;bottom: 3px;font-family: "FontAwesome";font-weight: 900;font-size: 9px;z-index: 1;color: #fff;line-height: normal;}
.headline_elements_box .colorPatches_grid .active .colorPatches_img:before {content: '';width: 24px;height: 24px;border-bottom: 24px solid var(--secondarycolor);border-left: 24px solid transparent;position: absolute;right: 0;bottom: 0;}

.headline_elements_box hr.divider{border-top-color:var(--border-color);margin-left:-1rem;margin-right:-1rem;margin-top:12px;margin-bottom:12px}
.headline_elements_box .headerPatches_grid{display:grid;width:100%;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:8px}
.headline_elements_box .headerPatches_grid .headerPatches_grid_item .headerPatches_box{cursor:pointer;border:1px solid var(--border-color);border-radius:6px;padding:5px;display:block;text-align:center}
.headline_elements_box .headerPatches_grid .headerPatches_grid_item .headerPatches_box.active{border-color:var(--secondarycolor);background-color:#fff;margin:0;box-shadow:inset 0 0 0 1px var(--secondarycolor)}
.headline_elements_box .headerPatches_grid.year_header,
.headline_elements_box .headerPatches_grid.select_year_grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}


/*#previewsavemoreitems .wizard_panal_title{font-size:24px; margin-bottom:10px;font-weight:500;}
#previewsavemoreitems .divider{margin-top:30px; margin-bottom:30px;}
#previewsavemoreitems .saved_item_box{border-radius:8px; margin:0px 6px;text-align:center;padding:10px;}
#previewsavemoreitems .link_box{display:flex;gap:10px;align-items:center;justify-content:center;margin:6px 0 2px}*/

.action-box #button_section_tbl{margin-bottom:0!important;}
.action-box #button_section_tbl .d-flex{gap:10px; margin-bottom:0!important;}
.action-box #button_section_tbl .d-flex .btn{flex:1 0; padding-left:0; padding-right:0;text-align:center;}
@media(max-width: 767px) {
    .headline_elements_box .colorPatches{flex-flow:column; gap:10px;}
    .headline_elements_box .colorPatches_grid{width:100%;max-width:100%;}
    .headline_elements_box .colorPatches .colorPatches_title{width:100%;text-align:left;}
}

.content_block .body_section .symbol_list.ss_grid_list{margin-bottom: 20px;}
.browse_motifk_modal .modal-footer>*{margin:0 8px}
.browse_motifk_modal .modal-footer .btn{min-width: 90px;}
.browse_motifk_modal .motif_filter_row{position: sticky; top: 0; background-color: #fff; z-index: 2;border-bottom: 1px solid #ddd; margin:0 -1rem 1rem -1rem; padding: 1rem 1rem 0 1rem;}
.browse_motifk_modal .modal-body{padding-top: 0;}


.wizard_action_btns{display: flex; justify-content: center;}
.wizard_action_btns .label-totalsaved{ font-size: 15px; font-weight: 600; }

.saved_panal_box{border-top:1px solid rgba(0,0,0,.1); padding-top: 20px; margin-top: 30px;}
.saved_panal_box .saved_panal_title{font-size: 24px; font-weight: 500; color: var(--primaryDefault); margin-bottom: 12px;}

.saved_item_grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 15px;}
.saved_item_grid .saved_item_box{border:1px solid #ddd; border-radius: 10px; overflow: hidden;}
.saved_item_grid .img_box{width: 100%; height: 120px; display: flex; align-items: center; justify-content: center; background-color: #F5F5F5;;}
.saved_item_grid .img_box img{max-width: 108px; max-height: 108px;height: auto;}
.saved_item_grid .saved_item_body{ padding: 8px 15px;border-top: 1px solid #ddd; text-align: center;}
.saved_item_grid .quantity_label{font-size: 14px; font-weight: 500; color: var(--primaryDefault); margin-bottom: 2px;}
.saved_item_grid .link_box{display: flex; column-gap: 15px; justify-content: space-between;}
.saved_item_grid .link_box a{color: #1D50C3; display: inline-flex; align-items: center; gap: 5px;}
.saved_item_grid .link_box a svg{flex-shrink: 0;}
.saved_item_grid .link_box a:hover{text-decoration: underline;color: #1D50C3;}



.qty_step_block{display: flex; align-items: center; gap: 15px; flex-wrap: wrap;}
.qty_step_block .input_label{margin: 0;}
.qty_stepper_box{display: inline-flex; align-items: center; border: 1px solid #D5D7DA; border-radius: 8px; overflow: hidden; background-color: #fff;}
.qty_stepper_btn{width: 40px; height: 40px; border: none; background-color: #fff; color: #333; font-size: 16px; line-height: 1; cursor: pointer; display: flex; align-items: center; justify-content: center;}
.qty_stepper_btn:hover,
.qty_stepper_btn:focus{background-color: #E9EBEC;outline: none;border: none;}
.qty_stepper_input{width: 60px; height: 40px; border: none; border-left: 1px solid #D5D7DA; border-right: 1px solid #D5D7DA; text-align: center; font-size: 16px; font-weight: 600; padding: 0;}
.qty_stepper_input::-webkit-outer-spin-button, .qty_stepper_input::-webkit-inner-spin-button{-webkit-appearance: none; margin: 0;}
.qty_stepper_input:focus{outline: none; }
.qty_stepper_unit{font-size: 13px; color: #6B7A83;}

.search_input_group{position: relative;}
.search_input_group .input-group-icon{position: absolute; top: 50%; left: 5px; transform: translateY(-50%); z-index: 4; display: flex; align-items: center; justify-content: center; width: 24px; height: 24px;}
.search_input_group .form-control{padding-left: 30px;}

.cutom-wizard-desktop .modal-header,
.cutom-wizard-desktop .modal-body,
.cutom-wizard-desktop .modal-footer {padding: 16px;}
.cutom-wizard-desktop .modal-header .close{padding: 16px 16px; margin: -16px -16px -16px auto;}


.header_sign_list{display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px;}
.header_sign_list .header_sign_img_block{position: relative;}
.header_sign_list .header_sign_img_block .header_sign_btn {border: 1px solid #e1e1e1; background-color: #fff;    border-radius: 6px; text-align: center; padding: 6px 5px; display: block;}
.header_sign_list .header_sign_img_block .header_sign_btn img{max-width: 100%;}
.header_sign_list .header_sign_img_block .header_sign_btn:hover{border-color: var(--secondarycolor);}
.header_sign_list .header_sign_img_block .header_sign_btn.active{border-color: var(--secondarycolor); box-shadow: inset 0 0 0 1px var(--secondarycolor);}
.header_sign_list .header_sign_img_block .header_sign_tooltip_icon{position: absolute; top: -6px; right: -6px; z-index: 2; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; background-color: #fff; border-radius: 50%; box-shadow: 0 1px 3px rgba(0,0,0,.15); line-height: 0; transition: border-color .15s ease, box-shadow .15s ease; font-size: 12px; color: var(--primaryDefaul); }
.header_sign_list .header_sign_img_block .header_sign_tooltip_icon svg{width: 20px; height: 20px;}
.header_sign_list .header_sign_img_block .header_sign_tooltip_icon:hover{border-color: #d5d5d5; box-shadow: 0 1px 4px rgba(0,0,0,.25);}

@media(max-width: 1200px) {
    .saved_item_grid{grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); }
}
@media(max-width: 767px) {
    .saved_item_grid{grid-template-columns: 1fr 1fr 1fr; }    
}
.motif_no_results{text-align: center; padding: 20px 20px; background-color: #f7f7f7; border-radius: 10px;}
.motif_no_results_icon{display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background-color: #ededed; color: var(--secondarycolor); font-size: 20px; margin-bottom: 8px;}
.motif_no_results_title{margin: 0 0 4px; font-size: 16px; font-weight: 600; color: var(--primaryDefault);}
.motif_no_results_subtext{margin: 0; font-size: 13px; color: #6B7A83;}

@media(max-width: 567px) {
    .saved_item_grid{grid-template-columns: 1fr 1fr; }
    .qty_stepper_input{width: 50px;}
    .qty_stepper_btn{Width: 35px;}
    .qty_step_block{gap: 10px;}
}
.text_input_block .ss-field-warning {font-weight:var(--text-bold);}