.right_col .brxComponent {padding-top: 0!important}
.forms-container {width:100%;padding-top:37px}
form.finder-wrapper label {display: block;font-size: 16px;line-height: 22px;font-weight: 500;color: #212934;padding-bottom:10px;}
.dimensions-open-base {
	width: 100%;
    margin: 0 auto;
    max-width: 1028px;
    padding-right: 0px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	margin-bottom: 38px;
}

.dimensions {display: table;margin-left: auto;margin-right: auto;margin-bottom: 38px;}

/*** General workbench css ***/
.workbench-forms-nav-desktop {padding-bottom:52px; }
.workbench-forms-nav-desktop  ul {padding: 20px 0;text-align: center;}
.workbench-forms-nav-desktop ul.top-nav {background: #004E7D;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.20);}
.workbench-forms-nav-desktop  ul.bottom-nav {opacity: 0.6;background: #34769d;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.20);}
.workbench-forms-nav-desktop li {display: inline-block;padding-left: 10px;padding-right: 10px;}
.workbench-forms-nav-desktop li a {color:#fff;font-size: 16px;font-weight: 500;text-decoration: none;padding-left: 10px;padding-right: 10px;}
.workbench-forms-nav-desktop li::after {content:"";border-right: 2px solid #fff;padding-right: 20px;}
.workbench-forms-nav-desktop li:last-child::after{border-right: none;}

/*** mobile menu ***/ 
.workbench-forms-nav-icon .checkbox-container {
    width: 100%;
}
#tt-nav-toggle {height:60px;width: 100%;position: relative;z-index: 4;opacity:0;margin:0}
.workbench-forms-nav-mobile {display: none}
.workbench-forms-nav-icon .hamburger-lines {
	height: 28px;
	width: 35px;
	position: absolute;
	z-index: 2;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	left: 27px;
	top: 15px;
}

.show-wb-mobile-menu {
	display:block;
	background: #fff;
	width: 100%;
	position: relative;
	border-top: 1px solid #e3e3e3;
	max-width: 1028px;
	z-index: 15;
	top: -20px;
}		 
				 
.show-wb-mobile-menu ul {
    position: relative;
    padding-left: 27px;
    box-shadow: 0px 12px 15px -5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 12px 15px -5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 12px 15px -5px rgba(0, 0, 0, 0.2);
    justify-content: center;
    z-index: 500;
    margin-top: 20px;
    margin-bottom: 20px;
}

.show-wb-mobile-menu li {
	height: 45px;
}
.workbench-forms-nav-icon .line { display: block; height: 4px; width: 100%; background: #bcbec0;}
.workbench-forms-nav-icon .line1 { transform-origin: 0% 0%; transition: transform 0.3s ease-in-out; }
.workbench-forms-nav-icon .line2 { transition: transform 0.1s ease-in-out; }
.workbench-forms-nav-icon .line3 {  transform-origin: 0% 100%; transition: transform 0.3s ease-in-out; }


.checkbox-container input[type="checkbox"]:checked ~ .hamburger-lines .line1 { transform: rotate(45deg); }   
.checkbox-container input[type="checkbox"]:checked ~ .hamburger-lines .line2 { transform: scaleY(0);  }
.checkbox-container input[type="checkbox"]:checked ~ .hamburger-lines .line3 { transform: rotate(-45deg); }

.workbench-finder-btn, .workbench-finder-btn:hover,.workbench-finder-btn:active,.workbench-finder-btn:focus {
    background-color: #D41E3D;
    border:1px solid #D41E3D;
    color: #ffffff;
    border-radius: 8px;
    width: 247px;
    height: 45px;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
    display: block;
    margin:auto;
    font-weight: 700;
    font-size: 16px;
    cursor: pointer;
}
.workbench-finder-btn.cabinet-wb-finder-btn,.workbench-finder-btn.cabinet-wb-finder-btn:hover,
.workbench-finder-btn.cabinet-wb-finder-btn:active,.workbench-finder-btn.cabinet-wb-finder-btn:focus{margin-bottom:40px}
.about-workbench-cont {display: flex;border-bottom:1px solid #D8D8D8; padding-bottom:8px}
.about-workbench-cont figure {width: 140px;height:140px;margin:0}
.wb-section {border-bottom: 1px solid #D8D8D8;margin-bottom: 28px;}
.about-workbench {padding-left:27px;}
.about-workbench h3 {line-height: 120%;margin:0;padding-bottom:20px}
.about-workbench p {line-height: 146.5%;font-weight: 300}
.about-workbench-cont-preconfigured {padding-top: 22px;padding-bottom:25px}

/*** popular sections ***/
.popular-section {background: #F9F9F9;padding:8px 0 12px 14px;margin-top: 37px;margin-bottom:28px}
.popular-section p {
	color: #212934;
	font-size: 20px;
	font-weight: 500;
	line-height: 120%;
	padding-bottom: 14px;
	padding-top: 14px;
}
.popular-items-cont figure {
	height:86px;
	display: inline-table;
	margin-inline-start: 0;
    margin-block-start: 0;
    margin-inline-end: 0;
    margin-block-end: 0;
	margin: 10px 22px 10px 0;
}
.popular-items-cont figure:last-child {margin-right: 0;}
.popular-items-cont img {
	width:86px;
	height:86px;
	border-radius: 2px;
	border: 1px solid #D9D9D9;
	padding: 4px;
	background: white;
	display: table-cell;
}
.popular-items-cont figcaption {
	color: #212934;
	font-size: 14px;
	font-weight: 400;
	line-height: 120%;
	width: 148px;
	padding-left: 7px;
	vertical-align: middle;
	display: table-cell;
}
.popular-items-cont {display: flex;width:100%;flex-wrap:wrap}
.popular-items-cont a {display: flex;align-items: center;}

/*** other workbench types and preconfigured sections ***/
.flip-img {transform: scaleX(-1);}
.other-types {padding-top: 47px;padding-bottom:34px;}
.other-types li {
	border-radius: 1.59px;
	border: 0.795px solid #D8D8D8;
	background: #FFF;
	width: 184px;
	height: 202px;
	display: inline-block;
	margin-right: 18px;
}
.other-types.other-types-preconfigured ul {display: table}
.other-types.other-types-preconfigured li {
	width: 180px;
	height: 230px;
	cursor:pointer;
	float:left;
	display: inline;
}
.other-types li:last-child {margin-right: 0;}
.other-types figure {width: 120px;height: 120px;margin: 13px auto;}
.other-types.other-types-preconfigured figure {
	width: 116px;
	height: 116px;
	margin: 13px auto 11px auto;
}
.other-types p {
	color: #212934;
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	line-height: 120%;
	padding: 0 10px;
	padding: 11px 10px 0;
}
.other-types.other-types-preconfigured p {font-size: 14px;}


/***other workbenches types ***/
.other-types.other-types-preconfigured ul {display: table}
.other-types.about-workbench-cont-other ul li p {font-size: 14px!important;}

/*** workbench accessories section ***/
.wb-accessories-cont li {display: inline;width: 150px;height: 220px;margin-right: 15px;float: left;}
.wb-accessories-cont li:nth-child(6),.wb-accessories-cont li:nth-child(12) {margin-right: 0}
.wb-accessories-cont figure {width:150px;height:150px;margin-inline-start: 0;margin-inline-end: 0;margin-block-start: 0;margin-block-end: 0;}
.wb-accessories-cont figure a {width:150px;height:150px;text-align: center;margin: 0 auto;border:1px solid #DDD;display: block;background-color: #fff;}
.wb-accessories-cont img  {width:120px;height:120px;text-align: center;margin: 0 auto;margin-top:15px;}
.wb-accessories-cont figcaption {color: #212934;font-size: 15px;font-weight: 500;line-height: 120%;display: block;height: 40px;text-align: center;padding: 5px;}
.wb-accessories-section {background:#F8F8F8;border:none}
.wb-accessories-cont {padding-left: 25px;}
.wb-accessories-cont ul {
    padding-inline-start: 0;
    margin-block-start: 0;
    margin-block-end: 0;
    display: table;
}
.wb-accessories-section h3 {padding-top: 25px;padding-left: 25px;}

/**** brands section ****/
.brands-cont figure {margin-block-start: 0;margin-block-end: 0;margin-inline-start: 0;margin-inline-end: 0;}
.brands-cont li:last-child {margin-right: 0}
.brands-cont li {border:1px solid #cccc;width: 189px;height: 96px;margin-right: 20px;justify-content: space-around;vertical-align: middle;
	align-content: center;display: inline-flex;flex-wrap: wrap;cursor:pointer}
.brands-cont img {vertical-align:middle}
.brands-cont ul{display:flex;flex-wrap: wrap;}
.wb-section-brands p {color: #212934;padding-bottom: 5px;font-size: 26px;font-weight: 500;line-height: normal;}
.wb-section-brands {margin-bottom: 30px}

/*** drop down imgs ***/
.icon-mobile,[data-img*="icon-mobile"]::after {
	 background: url("https://staging.globalindustrial.bloomreach.cloud/site/binaries/content/gallery/gicwebbrx/workbench-html-frm-brands/mobile-sd-dd-img.png?123") 0 0 no-repeat;
}

.icon-stationary, [data-img*="icon-stationary"]::after { 
	 background: url("https://staging.globalindustrial.bloomreach.cloud/site/binaries/content/gallery/gicwebbrx/workbench-html-frm-brands/stationary-sd-dd-img.png?123") 0 0 no-repeat;
}

.icon-birch-butcher-block,[data-img*="icon-birch-butcher-block"]::after {
	background: url("https://images.globalindustrial.com/images/40x40/318850.webp") 0 0 no-repeat;
}

.icon-maple-butcher-block, [data-img*="icon-maple-butcher-block"]::after {
	background: url("https://images.globalindustrial.com/images/40x40/30035992.webp") 0 0 no-repeat;
}

.icon-phenolic-resin, [data-img*="icon-phenolic-resin"]::after {
	background: url("https://images.globalindustrial.com/images/40x40/PG5656.webp") 0 0 no-repeat;
}

.icon-plastic-laminate, [data-img*="icon-plastic-laminate"]::after {
	background: url("https://images.globalindustrial.com/images/40x40/PG51.webp") 0 0 no-repeat;
}

.icon-shop-top, [data-img*="icon-shop-top"]::after {
	background: url("https://images.globalindustrial.com/images/40x40/PG50.webp") 0 0 no-repeat;
}

.icon-steel,.icon-stainless-steel, [data-img*="icon-steel"]::after, [data-img*="icon-stainless-steel"]::after {
	background: url("https://images.globalindustrial.com/images/40x40/PG5636.webp") 0 0 no-repeat;
}

.icon-ash-butcher-block, [data-img*="icon-ash-butcher-block"]::after {
	background: url("https://images.globalindustrial.com/images/40x40/STA_A7236-4000-BK.webp") 0 0 no-repeat;
}

.icon-esd-laminate, [data-img*="icon-esd-laminate"]::after {
	background: url("https://images.globalindustrial.com/images/40x40/PG1306.webp") 0 0 no-repeat;
}

.icon-compressed-wood, [data-img*="icon-compressed-wood"]::after {
	background: url("https://images.globalindustrial.com/images/40x40/AF6_CK22TM.webp") 0 0 no-repeat;
}

.icon-hardboard, [data-img*="icon-hardboard"]::after {
	background: url("https://images.globalindustrial.com/images/40x40/HAW_FKWT6024M.webp") 0 0 no-repeat;
}

.icon-hardwood-butcher-block, [data-img*="icon-hardwood-butcher-block"]::after {
	background: url("https://images.globalindustrial.com/images/40x40/30035992.webp") 0 0 no-repeat;
}

/*** jquery ui ***/

.option-selected {color: #000 !important;border-color:#000 !important}
.ui-selectmenu-button.option-selected::after {
	position:absolute;
	content:"";
	right: 40px;
	width:40px;
	height:40px;
	top:5px;
}

/*.ui-state-disabled {display: none;}*/

.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 1px;
	margin-top: 4px;
}
.ui-overflow {height: 278px;}
.ui-selectmenu-open {display: block;}
.ui-menu .ui-menu-item-wrapper {
    position: relative;
	border: 1px solid #fff;
	height: auto;
	padding: 3px 0 3px 1em;
}

.ui-menu-custom-icons .ui-menu-item-wrapper {
	line-height:100%;
	display: flex;
	}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	/*margin: -1px;*/
}
.ui-menu-icons {position: relative;}
.ui-menu .ui-menu-item {
    margin: 0;
    cursor: pointer;
}
.ui-menu li.ui-menu-item:first-child .ui-menu-item-wrapper {
	height: auto;
	padding: 3px 1em;
	line-height: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
}

.ui-menu li.ui-menu-item:first-child .ui-menu-item-wrapper span.ui-icon-text {
	height: auto;
	width: auto;
	padding: 0;
	line-height: 100%;
	position: relative;
}

.ui-icon.undefined {display:none}

.ui-icon-text  {
	width: calc(100% - 42px);
	margin: auto;
}

.dimensions .ui-selectmenu-button.ui-button {
    text-align: left;
    white-space: nowrap;
    width: 246px;
    height: 48px;
    border-radius: 4px;
    border: 1px solid #BCBEC0;
    background-color: #FFF;
    color: #BCBEC0;
    font-weight: 400;
}

.dimensions-open-base .ui-selectmenu-button.ui-button {
    text-align: left;
    white-space: nowrap;
    width: 100%;
    height: 48px;
    border-radius: 4px;
    border: 1px solid #bcbec0;
    background-color: #ffffff;
    color: #bcbec0;
    font-weight: 400;
}

.dimensions-open-base .ui-state-disabled.ui-button {
    background-color: #f9f9f9;
}

.ui-button .ui-selectmenu-icon {
    float: right;
    display: inline-block;
    width: 15px;
    height: 11px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 11" fill="none"><path d="M8.30986 11H6.69014L0 1.57143L2.1831 0L7.53521 7.45515L12.8521 0L15 1.57143L8.30986 11Z" fill="rgba(188, 190, 192, 1)"/></svg>');
    position: relative;
    background-repeat: no-repeat;
    top: 7px;
    right: 0;
}
.ui-selectmenu-text {
    display: block;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
}

#attr_topmaterial-open-base-button.option-selected .ui-selectmenu-text {
	margin: 0;
	width: calc((100% - 42px) - 1em);
}

.ui-selectmenu-text span {
   position:absolute;
	width: 40px;
	height: 40px;
	right: 30px;
	bottom: 0;
}
.ui-button {
    padding: 0.75em 1em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: 0.1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: visible;
}
.ui-widget.ui-widget-content {border: 1px solid rgba(108, 194, 237);border-radius:4px;}
.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {text-decoration: none;}
.ui-visual-focus {box-shadow: 0 0 3px 1px rgba(234, 245, 255,0.49);}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #EAF5ff;
	background-color: #000000;
}
.ui-state-active {
	border: 1px solid #EAF5ff;
	background: #EAF5ff;
	font-weight: normal;
	color: #000000;
}
.ui-selectmenu-button.ui-selectmenu-button-open {border: 1px solid rgb(108, 194, 237);}
.ui-icon {
   margin: auto 0;
   display:block;
   width: 40px;
   height: 40px;
   position: relative;
   right: .5em;
}
.ui-front {z-index: 100;}
.ui-widget-content {
    /*border: 1px solid #dddddd;*/
    background: #ffffff;
    color: #333333;
}
.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0;
}

/*** Media Queries ***/

@media (max-width: 768px) {
	.contentWrapper .contentWrapper {padding: 0 !important;}
	.popular-items-cont figcaption {width: 200px;}
	.about-workbench-cont figure {margin: 0 auto;}
	.about-workbench-cont {display:block}
	.about-workbench {padding-left:0}
	.about-workbench h3 {padding-bottom:10px}
	.forms-container {padding-top: 20px;}
	form.finder-wrapper label {padding-bottom: 5px;}
	.dimensions .input-grp {margin-bottom: 20px;}
	.finder-wrapper .dimensions {margin-bottom: 0}
	.popular-section {margin-bottom: 15px;}
	.wb-section {margin-bottom: 0}
	.other-types {padding-top: 15px;display: flex;}
	.other-types.other-types-preconfigured li {display: block;height: 200px;margin-left: 2.5%;width: 45%;margin-right: 2.5%;}
	.other-types li {margin-right: 0;width: 45%;margin-left: 2.5%;margin-bottom: 20px;height: auto;}
	.other-types.other-types-preconfigured ul {margin:0 auto}
	.ss-wt-section {margin-top: 20px}
	.other-types p {padding-bottom: 10px}
	.other-types-section {padding-bottom: 0;}
	.other-types.other-types-preconfigured p {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		word-break: break-word;
		padding-bottom: 0;
	}
	.wb-accessories-cont {padding-left: 0}
	.wb-accessories-cont li {width: 45%; margin-left: 2.5%; margin-right: 2.5%}
	.wb-section-brands {margin-top: 20px;margin-bottom: 0}
	.popular-section p {text-align:center}
	.wb-section h3 {text-align:center}
	.brands-cont li {width: 47%;margin-right: 1.5%;margin-left: 1.5%;margin-bottom: 20px;}
	.mobile-banner-wrapper {margin-bottom: 20px;}
}


@media (min-width:568px){
	.dimensions .input-grp{float:left;padding-left:8px}
	.dimensions .input-grp:first-child {padding-left:0}
	.dimensions-open-base .input-grp {width: calc((100% / 5) - 1%); position: relative;}
}

@media (max-width:1025px){
	.other-types-preconfigured li {margin-bottom: 20px;}
	.workbench-forms-nav li a {font-size: 14px}
	.workbench-forms-nav li::after {padding-right: 10px;}
	.workbench-forms-nav li, .workbench-forms-nav li a {padding:0}
}