/* .tabs-title{pointer-events: none;} */
.tabs-title.current{pointer-events: unset;}
.restart-btn{text-align: center; padding-top: 20px;}

.size-guide-wrap .left-dv .blue-btn {text-align: center;}
.size-guide-wrap .left-dv .blue-btn a{color:#ffffff;font-size:16px;font-weight:700;background-color:#2f5397;line-height:20px;font-family:'HelveticaNeueBold';text-transform:uppercase;min-width:366px;display:inline-block;padding:12px 16px 14px 19px;text-align:center;position:relative;margin:45px 0 30px 0;transition:400ms;border:2px solid #2f5397;}
.size-guide-wrap .left-dv .blue-btn a svg{margin:0 0 0 9px;}
.size-guide-wrap .left-dv .blue-btn a svg path{transition:400ms;}
.size-guide-wrap .left-dv .blue-btn a:hover{text-decoration:none;color:#2f5397;background-color:transparent;}
.size-guide-wrap .left-dv .blue-btn a:hover svg path{fill:#2f5397;}
.size-guide-wrap .breadcrumb a{opacity:1!important}

.widgetwrap_guide { padding: 70px 0 20px; display:none; }
.widgetwrap_guide .wrapper { flex-wrap: wrap; }
.widgetwrap_guide .innercover { display: flex; flex-flow: row wrap; align-items: center; width: 100%;  align-items: center; }	
.widgetwrap_guide .fltr-txt { color: #2f5397; font-size: 24px; font-weight: 700; line-height: 30px; }	
.widgetwrap_guide .fltr-action { display: flex; flex-flow: row wrap; align-items: center; margin-left: 20px; position: relative; }	
.widgetwrap_guide .fltr-action .fltr-btn .icons-button { display: inline-block; }	
.widgetwrap_guide .fltr-action .fltr-btn .icons-button a { color: #2f5397; display: inline-flex; align-items: center; text-decoration:none; background-color: #fff;  border: 2px solid #2f5397; border-radius: 7px; font-size: 17px; font-weight: 700; font-style: normal; letter-spacing: normal;     line-height: 23px; padding:15px 20px; }	
.widgetwrap_guide .fltr-action .fltr-btn .icons-button a img { width: 23px; height: 23px; display: block; object-fit: contain; margin-right: 10px;  transition: 0.5s; }	
.widgetwrap_guide .fltr-action .fltr-btn .icons-button { position: relative; }	
.widgetwrap_guide .fltr-action .fltr-btn .icons-button .fltr-count {position: absolute;top: -10px;right: -10px;width: 25px;height: 25px;background-color: #47d1ab;border-radius: 50rem;color: #2f5397;font-size: 15px;font-weight: 700;display: flex;justify-content: center;align-items: center;}	
.widgetwrap_guide .fltr-action .fltr-btn .icons-button a:hover,	
.widgetwrap_guide .fltr-action.filled .fltr-btn .icons-button a {  background-color: #2f5397; color: #fff;  transition: 0.5s; } 	
.widgetwrap_guide .fltr-action .fltr-btn .icons-button a:hover img,	
.widgetwrap_guide .fltr-action.filled .fltr-btn .icons-button a img { filter: brightness(0) invert(1); }	
.widgetwrap_guide .fltr-action .fltrclr-btn { margin-left: 20px; }	
.widgetwrap_guide .fltr-action .fltrclr-btn a { color: #2f5397; font-size: 20px; font-weight: 700; line-height: 30px; }	
.widgetwrap_guide .fltr-action .fltr-collection { display: none;position: absolute; top: calc(100% + 12px); left: 0; background-color: #fff; box-shadow: 0 3px 20px rgba(0, 0, 0, 0.16); border-radius: 7px; min-width: 460px;    z-index: 9;  }	
.widgetwrap_guide .fltr-action .fltr-collection .title-part { padding: 20px 35px; display: flex; align-items: center;cursor: pointer; font-size: 17px; font-weight: 700; line-height: normal; color: #373b42; }	
.widgetwrap_guide .fltr-action .fltr-collection .title-part img { margin-right: 13px; transform: rotate(-90deg); transition: 0.5s; }	
.widgetwrap_guide .fltr-action .fltr-collection .title-part.active img { transform: rotate(0); } 	
.widgetwrap_guide .fltr-action .fltr-collection .checkboxgrp-box { display: none;background-color: #f8f8f8; padding: 5px 35px; }
.boxaccordian .more-filtter { display: block; width: 100%; padding: 9px 0; }	
.boxaccordian .more-filtter a { color: #2f5397; font-size: 17px; font-weight: 700; line-height: 24px; text-decoration: none; cursor: pointer; }	

.checkboxgrp-box .checkbox-inner { position: relative; display: flex; flex-flow: row wrap; align-items: center; }	
.checkboxgrp-box .checkbox-inner label { padding-left: 27px; position: relative; cursor: pointer; }	
.checkboxgrp-box .checkbox-inner label:before  { content: ''; position: absolute; top: 0; bottom: 0; left: 0; margin: auto 0; width: 17px; height: 17px; background: #fff; border-radius: 2px; border: 1px solid #bababa; transition: 0.5s }	
.checkboxgrp-box .checkbox-inner.boxaccordian .more-filtterOpt { width: 100%;display: none; }	
.checkboxgrp-box .checkbox-inner.boxaccordian .more-filtterOpt .more-filtterWrap { width: 100%; display: flex; flex-flow: row wrap; align-items: center; }	
.checkboxgrp-box .checkbox-inner .checkbox-option,	
.checkboxgrp-box .checkbox-inner.boxaccordian .more-filtterOpt .checkbox-option { display: block; width: 50%; padding: 9px 0; }	
.checkboxgrp-box .checkbox-inner input[type="checkbox"] { opacity: 0; padding: 0; -webkit-appearance: none; margin: 0; outline: 0; z-index: 99; display: none; }	
.checkboxgrp-box .checkbox-inner input[type="checkbox"]:checked + label:before {border-color: #2f5397; background: #2f5397; }	
.checkboxgrp-box .checkbox-inner.fullColumn .checkbox-option { width: 100%; } 	

.widgetwrap_guide .tag_wrap { width: 100%; margin: 30px 0 0; }
.widgetwrap_guide .tag_wrap .tag-list { display: flex; flex-flow: row wrap; width: 100%; }	
.widgetwrap_guide .tag_wrap .tag-list .tag-item { margin: 5px; }	
.widgetwrap_guide .tag_wrap .tag-list .tag-item > span { position: relative; background-color: #2f5397; color: #ffffff; font-size: 12px; font-weight: 700; text-align: center; text-transform: uppercase; font-style: normal; letter-spacing: normal; line-height: normal; display: block; padding: 5px 25px 5px 10px; border-radius: 30px; }	
.widgetwrap_guide .tag_wrap .tag-list .tag-item > span .close { width: 9px; height: 9px; display: block; position: absolute; top: 50%; right: 10px; transform: translate(0, -50%); cursor: pointer; }	
.widgetwrap_guide .tag_wrap .tag-list .tag-item > span .close img { display: block; width: 100%; height: 100%; }	

.featured-class:first-child { border-top: 2px solid #428bca; position: relative; }
.featured-class+ .unfeatured-class { border-top: 2px solid #428bca; }
.featured-class { border-left: 2px solid #428bca; border-right: 2px solid #428bca; }
.featured-class:first-child > td:first-child:before { content: 'featured Enclosures'; position: absolute; top: -14px; left: -3px; background-color: #428bca; display: inline-block; color: #fff; padding: 5px 7px; line-height: normal;     text-transform: capitalize;     font-family: Arial,sans-serif; }
.featured-class:first-child > td:first-child:after { content: ''; width: 0; height: 0; border-top: 12px solid transparent; border-left: 12px solid #428bca; border-bottom: 12px solid transparent; position: absolute; top: -14px; left: 121px; }
.size-guide-wrap .right-option.results-wrapper .table-wrapper table .featured-class:first-child td { padding-top: 20px !important; }

.block .btn_style.next-btn,.block .back{display:none}

.size-guide-wrap .right-option .guide_arrow { display: flex; align-items: center; justify-content: center; margin-top: 25px; gap: 15px; }
.size-guide-wrap .right-option .guide_arrow a.arrow:hover { transform: translateY(-5px); }
.size-guide-wrap .right-option .guide_arrow a.arrow { transition: all ease-in-out .4s; }
.size-guide-wrap .right-option .guide_arrow a.disable { opacity: 0.1; pointer-events: none; }
 

@media (max-width: 767px){
    .size-guide-wrap .left-dv .blue-btn a{min-width:auto;padding:10px 15px 10px 15px;line-height:24px;}
}


@media (max-width:767px){
    
    .widgetwrap_guide { padding: 40px 0 20px; }

    .widgetwrap_guide .fltr-txt {width:100%; display: block; margin-bottom: 15px;} 	
    .widgetwrap_guide .fltr-action {width:100%; margin: auto;justify-content: space-between; }	
    .widgetwrap_guide .fltr-action .fltr-collection { min-width: auto; width: 100%; }
}

@media (max-width: 600px) {

    .widgetwrap_guide .innercover { margin-bottom: 20px; }	
    .widgetwrap_guide .fltr-txt { font-size: 20px; line-height: 26px; }	
    .widgetwrap_guide .fltr-action .fltrclr-btn a { font-size: 16px; line-height: 22px; }	
    .widgetwrap_guide .fltr-action .fltr-btn .icons-button a img { width: 18px; height: 18px; }	
    .widgetwrap_guide .fltr-action .fltr-btn .icons-button a { font-size: 16px; line-height: 18px; padding: 12px 15px;  }	
    .widgetwrap_guide .fltr-action .fltr-collection .title-part { padding: 15px 20px; font-size: 15px;  }	
    .widgetwrap_guide .fltr-action .fltr-collection .checkboxgrp-box { padding: 15px 20px; font-size: 14px; }	
    .checkboxgrp-box .checkbox-inner .checkbox-option, .checkboxgrp-box .checkbox-inner.boxaccordian .more-filtterOpt .checkbox-option { width: 100%;  } 
}

.table-sortable th{cursor:pointer}
.table-sortable .sort-by span{display:inline-block;padding-right:10px;position:relative;vertical-align:middle}
/* .table-sortable .sort-by span:before{content:"\25b4 \25be";top: 50%;transform: translateY(-50%);width: 11px;word-break: break-all; }
.table-sortable .sort-by span:after,
.table-sortable .sort-by span:before{color:#b3b3b3;font-size:18px;line-height:12px;position:absolute;right:-3px}

/* .table-sortable .sort-by span:after{content:"\25be";top:7px} 
.table-sortable .sort-by.th-sort-asc span:before{color:#428bca;content:"\25b4";},
.table-sortable .sort-by.th-sort-desc span:before{color:#428bca;content:"\25be";} */
.table-sortable .sort-by span i:before{content:"\25b4"; margin-top: 4px; }
.table-sortable .sort-by span i:after,
.table-sortable .sort-by span i:before{color:#b3b3b3;font-size:18px;line-height:8px; display: inline-block; vertical-align: top; }
.table-sortable .sort-by span i:after{content:"\25be"; }
.table-sortable .sort-by.th-sort-asc span i:before,
.table-sortable .sort-by.th-sort-desc span i:after{color:#428bca}

.table-sortable .sort-by span i { position: absolute; right: -2px; top: 50%; transform: translateY(-50%) rotate(-10deg); width: 10px; text-align: center; height: 25px; line-height: 0; display: flex; flex-flow: wrap; align-items: center; justify-content: center; }
.table-sortable .sort-by span i:after { text-indent: -3px; margin-top: -5px; }