html,
body {
  height: 100%;
  margin: 0px;
  flex-flow: column;
  display: flex;
  width: 100%;
  font-family: "SE Normal";
  font-size: 12px;
  color: #626469;
  overflow: hidden;
}

body.disabled {
  pointer-events: none;
  background: black;
  opacity: 0.5;
}

/* @JB - Spec Styles - Start */
div#specContainer .hideMe {
  display: none;
}

.ui-autocomplete {
  width: 300px;
}

.ui-autocomplete .ui-menu-item-wrapper {
  width: 100%;
  display: block;
}

.ui-autocomplete .ui-menu-item {
  padding: 5px;
  border-bottom: 1px solid;
}

div#specContainer .showMe {
  display: inline;
  color: red;
}

div#specContainer .showMe.fontGreen {
  color: #009530;
}

div#specContainer .specInput.fontGreen {
  color: #009530 !important;
  /* need to add !important because the specData from the pdm has inline styling that needs to be overridden*/
}

div#specContainer {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

div#specLeft {
  width: 19%;
  height: 100%;
  vertical-align: top;
  display: flex;
  flex-wrap: wrap;
  float: left;
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: auto;
}

div#specRight {
  width: 79%;
  height: 100%;
  vertical-align: top;
  display: inline-block;
  overflow-y: auto;
  padding: 5px;
  float: left;
}

select.specOptionMenu {
  margin-top: 2px;
  width: 90%;
}

div.specOptionMenuDiv,
div.specRadioMenuDiv,
div.specInputMenuDiv {
  padding: 8px 12px 0px 12px;
  box-sizing: border-box;
  width: 100%;
}

div.specOptionMenuDiv.splitWidth {
  min-width: 50%;
}

div.specOptionMenuDiv span {
  margin-top: 2px;
  margin-bottom: 2px;
}

div.specOptionMenuDiv span.ui-selectmenu-button {
  width: -webkit-calc(100% - 5px) !important;
  width: -moz-calc(100% - 5px) !important;
  width: calc(100% - 5px) !important;
}

div#specButtonDiv {
  margin-top: 40px;
  margin-bottom: 10px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

div#specButtonDiv * {
  display: inline-block;
  width: -webkit-calc((100% - 10px)/2);
  width: -moz-calc((100% - 10px)/2);
  width: calc((100% - 10px) / 2);
  margin: 0 5px;
  padding: 0.4em 0;
  border: solid 1px #009530;
}

a.specButton {
  color: black;
}

a.specButton:hover {
  background: #3dcd58;
  color: white;
}
/* @JB - Spec Styles - End */

textarea {
  resize: none;
}

div.layoutFastHeaderDiv {
  font-family: "SE Normal";
  font-size: 32px; /*6-25-17*/
}

button {
  color: #626469;
}

.element-hidden {
  display: none !important;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

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

.flexContainer {
  display: flex;
  align-items: center;
  height: 100%;
}

#lfHeader {
  float: left;
  height: 100%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  color: #3dcd58;
}

#lHeader,
#fHeader {
  margin: auto;
}

#proHeader {
  margin: 12px 0 12px 7px;
  font-size: 20px;
  height: 32px;
  display: flex;
  align-items: flex-end;
}

ul li .enableCheckbox_noRed,
ul li .checkboxFilters {
  border: 2px solid #9fa0a4;
}

.seNormal {
  font-family: "SE Normal";
}

.seThick {
  font-family: "SE Thick";
}

.seThin {
  font-family: "SE Thin";
}

div#documentHeading {
  background-color: #ffffff;
  color: #ffffff;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  height: 80px;
  width: 100%;
}

#documentHeading a.headerIcons {
  color: #333;
  text-decoration: none;
  height: 100%;
  width: 40px;
  float: right;
  justify-content: space-around;
  display: flex;
  align-items: center;
  margin: 0 4px;
}

#documentHeading a.headerIcons:hover {
  color: #42b4e6;
}

#documentHeading a.docManager {
  background-image: url("images/button-icons-mult-ui-states/DataSheet_enabled.png");
}

#documentHeading a.docManager.disabled {
  background-image: url("images/button-icons-mult-ui-states/DataSheet_disabled.png");
}

#documentHeading a.docManager.selected {
  background-image: url("images/button-icons-mult-ui-states/DataSheet_selected.png");
}

#documentHeading a:hover.docManager {
  background-image: url("images/button-icons-mult-ui-states/DataSheet_hover.png");
}

#documentHeading a.support-icon {
  background-image: url("images/button-icons-mult-ui-states/Support_enabled.png");
}

#documentHeading asupport-icon.disabled {
  background-image: url("images/button-icons-mult-ui-states/Support_disabled.png");
}

#documentHeading a.support-icon.selected {
  background-image: url("images/button-icons-mult-ui-states/Support_selected.png");
}

#documentHeading a:hover.support-icon {
  background-image: url("images/button-icons-mult-ui-states/Support_hover.png");
}

#documentHeading a.help-icon {
  /*background-image: url("images/layoutfast_icons/help.png");*/
}

div#settingsDiv {
  height: 100%;
  width: 100%;
  display: flex;
  margin: 0 auto;
  flex-direction: row-reverse;
  box-sizing: border-box;
  border-bottom: 1px solid lightgray;
}

div#settingsDiv .flex-item {
  display: flex;
}

div#settingsDiv .flex-logo {
  margin-right: auto;
}

div#settingsDiv.hide {
  display: none;
}

div#settingsDiv .seLogoWrapper {
  width: 172;
  height: 32;
  padding: 8px;
  background-color: #3dcd58;
}

.messageCountIndicator {
  position: absolute;
  background-color: #e47f00;
  border-radius: 50%;
  right: -5px;
  text-align: center;
  height: 18px;
  width: 18px;
  top: 12px;
  color: white;
  line-height: 18px;
  font-weight: bold;
}

div#layoutFastHead {
  float: left;
  height: 100%;
  display: flex;
  align-items: center;
  cursor: pointer;
  padding-left: 32px;
}

div#layoutFastLogoDiv {
  float: left;
  margin: 0;
  display: flex;
  align-items: center;
}
p#betaHeaderText {
  color: #ec7913;
  font-style: italic;
  font-family: "SE Thick";
  font-size: 12px;
  margin-top: -2px;
}

img#headerImage {
  height: 25px;
}

#titleHeaderText {
  color: #3dcd58;
  margin-left: 10px;
  font-size: 20px;
  font-family: "SE Thick";
}

div.header-divisions {
  width: auto;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
}

div#userDiv::after {
  font-family: se-icon;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #626469;
  position: absolute;
  right: 0;
  content: "\F43B";
}

div#container {
  width: 100%;
  min-height: 100%;
  background-color: #fafafa;
  height: 100%;
}

.progressBar div#container {
  min-height: calc(100% - 5px);
}

div#tabControl.active {
  height: calc(100% - 88px);
  border: 0;
  padding: 0;
  display: block;
  background-color: #fafafa;
}

div#fullCalendar.active {
  height: -webkit-calc(100% - 60px);
  height: -moz-calc(100% - 60px);
  height: calc(100% - 60px);
  border: 0;
  padding: 0;
  display: block;
}

div#tabControl {
  min-height: 350px;
}

div#tabControl.inactive,
div#fullCalendar.inactive {
  display: none !important;
}

div#tabControl.expand.active,
div#tabControl.fastTree.active,
div#tabControl.expandForLandingTab.active,
div#fullCalendar.expand.active,
div#fullCalendar.expandForLandingTab.active,
div#tabControl.tabControls.active.buswayFastActive,
div#tabControl.specEdit.active {
  height: -webkit-calc(100% - 108px);
  height: -moz-calc(100% - 108px);
  height: calc(100% - 108px);
}

div#tabControl.active.embedLoad {
  height: 100%;
}

div#menu1 {
  float: left;
  height: 48px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  background: #fff;
  box-sizing: border-box;
  border-bottom: solid 4px #fff;
  padding: 0 16px;
}

div#tabListDiv {
  height: 100%;
  width: 100%;
}

ul#docHeading {
  /*		height: 100%;*/
  /*	  width: -webkit-calc(100% - 12px);
		  width: -moz-calc(100% - 12px);
		  width: calc(100% - 12px);*/
  border-radius: 0;
  padding-left: 7px;
  /* height: 31px;
    padding-top: 4px;*/
  padding-right: 0;
  line-height: normal;
  height: 100%;
  padding: 0;
  background-color: #fff;
  box-sizing: border-box;
  margin: 0;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: left;
  text-align: left;
  justify-content: left;
}
/* #3dcd58 */

ul#docHeading li {
  display: flex;
  flex: 1;
  margin: 0;
  border: none;
  height: 100%;
  padding-bottom: 0;
  border-radius: 0;
  background-color: #fff;
  align-items: center;
  text-align: center;
  cursor: pointer;
  position: relative;
}

ul#docHeading li a {
  float: none;
  flex: 1;
  justify-content: center;
  font-size: 18px;
  font-weight: 700;
  width: 100%;
  margin: 0 0 0 0;
  font-size: 16px; /*6-25-17*/
  color: #000;
  /* background-color: yellow;
            border: 1px red solid; */
  text-decoration: none;
  display: inline-block;
  position: relative;
  
}

ul#docHeading li.ui-state-active a span,
ul#docHeading li:hover a span {
  position: relative;
}

ul#docHeading li.ui-state-active a span::after,
ul#docHeading li:hover a span::after {
    content: "";
    position: absolute;
    margin-left: 0px;
    right: 0;
    bottom: -4px;
    left: 0;
    border-bottom: 4px solid #008A16;
    opacity: 1;
    z-index: 1;
    transition: opacity 0.3s linear;
}

ul#docHeading li#tabAccountButton {
  padding: 0;
  justify-content: center;
}

ul#docHeading li:hover {
  /*background: #FFC000;*/
}

ul#docHeading li.ui-state-active {
}

ul#docHeading li.ui-state-active a {
}

ul#docHeading li.ui-state-active:hover {
  /*background: #42B4E6;*/
}

ul#docHeading.editProjectItem li.liMainTabs a.mainTabs {
  opacity: 0.35;
  pointer-events: none;
}

ul#docHeading.editProjectItem li.liMainTabs a#tabDesignref.mainTabs {
  opacity: 1;
  pointer-events: all;
}

ul#docHeading li.revitPluginLink {
  cursor: pointer;
  font-weight: normal;
  padding: 0;
}

li#tabCompareButton.disable {
  opacity: 0.35;
  pointer-events: none;
}

li#tabCompareButton.disable a#compareDropDown {
  cursor: initial;
}

.notInRelease {
  display: none !important;
}

a#compareDropDown {
  font-weight: initial;
  cursor: pointer;
}

div#schneiderLogoDiv {
  float: right;
  height: 100%;
  /* width: 50%;*/
  text-align: right;
  background: #3dcd58;
  /*	padding-top: 3.2px;*/
}

div#subMenu1,
div#homeTabMenuBar,
div#communityTabMenuBar,
div#vSpacesTabMenuBar,
div#specEditorMenuBar {
  width: 100%;
  box-sizing: border-box;
  background: #fafafa;
  padding: 0px;
  height: 48px;
}

div#homeTabMenuBar {
  padding: 0;
  border-bottom: 1px solid #ededed;
}

div#homeTabMenuBar ul#homeTabSubMenuButtons li.headerLinks {
  border-right: 1px solid #ededed;
  margin-right: 32px;
}

div#homeTabMenuBar ul#homeTabSubMenuButtons li.headerLinks:hover {
  background-color: #ededed;
}

div#subMenuSelectors,
div#homeTabSubMenuSelectors,
div#communityTabSubMenuSelectors,
div#vSpacesTabSubMenuSelectors {
  /*width: 40%;*/
  width: -webkit-calc(100% - 460px);
  width: -moz-calc(100% - 460px);
  width: calc(100% - 460px);
  height: 100%;
  float: left;
  background: #f7f7f7;
}

div.specEditHeading {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 16px;
  height: 100%;
  width: 100%;
}

div#subMenuSelectors {
  width: auto;
}

div#productTypesContainer {
  float: left;
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: relative;
}

li#prodTypeLiDropDown {
  margin-right: auto;
}

span#productTypesDropDown-button {
  background: #9fa0a4;
  color: white;
  border: #9fa0a4 !important;
  border-radius: 0;
  /*position: absolute;*/
  left: 0px;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  height: 100%;
  white-space: nowrap;
}

span#productTypesDropDown-button.ui-state-focus {
  border: #9fa0a4 !important;
}

span#productTypesDropDown-button span.ui-icon-triangle-1-s {
  background-image: url("images/ui-icons_ffffff_256x240.png");
  position: initial;
  top: 0;
  /*transform: translate(0, -50%);
		  -ms-transform: translate(0%, -50%);
		  -webkit-transform: translate(0%, -50%);*/
  margin-top: 0;
  right: 0;
  order: 2;
}

span#productTypesDropDown-button span.ui-selectmenu-text {
  line-height: normal;
  height: 20px;
  /* padding: 0.0em 2.1em 0.0em 1em;*/
  padding: 0;
}

ul#productTypesDropDown-menu {
  border-color: #9fa0a4;
}

ul#productTypesDropDown-menu li.ui-state-focus {
  background: #9fa0a4;
  border-color: #9fa0a4;
}

ul#subMenuButtons,
ul#homeTabSubMenuButtons,
ul#communityTabSubMenuButtons,
ul#vSpacesTabSubMenuButtons {
  list-style-type: none;
  margin: 0;
  padding: 0;
  background: #f7f7f7;
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  float: left;
  font-size: 16px; /*6-25-17*/
  overflow-y: hidden;
  white-space: nowrap;
}

div#subMenu1.revitLaunch {
  height: 36px;
}

div#subMenuSelectors.revitLaunch {
  width: 50px;
  height: 100%;
}

div#subMenuIcons.revitLaunch {
  width: -webkit-calc(100% - 50px);
  width: -moz-calc(100% - 50px);
  width: calc(100% - 50px);
  height: 100%;
}

div#selectTabSplitterContainer.revitLaunch {
  height: -webkit-calc(100% - 36px);
  height: -moz-calc(100% - 36px);
  height: calc(100% - 36px);
}

input.rangeSearchBox {
  color: #626469;
  width: 100%;
  font-size: 12px; /*6-25-17*/
  height: 32px;
  margin-top: 8px;
  margin-bottom: 8px;
  padding-left: 2px;
  text-overflow: ellipsis;
  border: solid 1px #e6e6e6;
  border-right: none !important;
  border-radius: 0 !important;
  text-indent: 0;
  -webkit-appearance: none;
  outline: none;
}

span.searchIcon {
}

a.subMenuRefs.active,
a.homeMenuRefs.active,
a.homeProjectsRef.active,
a.communityMenuRefs.active,
a.vSpacesMenuRefs.active {
  color: #3dcd58 !important;
  text-decoration: none !important;
  background: #ffffff;
  border-top: solid 2px #3dcd58;
  /*font-weight: bold;*/
}

div#subMenuIcons,
div#homeTabSubMenuIcons,
div#communityTabSubMenuIcons,
div#vSpacesTabSubMenuIcons {
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #fafafa;
  height: 100%;
  width: 460px;
  float: right;
  overflow: hidden;
}

div#homeTabSubMenuIcons {
  display: none;
}

div#subMenuIcons {
  width: -webkit-calc(100% - 60px);
  width: -moz-calc(100% - 60px);
  width: calc(100% - 60px);
}

img.subMenuImages {
  height: 24px;
  padding-top: 6px;
  padding-bottom: 6px;
  float: left;
  cursor: pointer;
  display: none;
}

div#recentFavesDivSelectTab {
  float: left;
  height: 100%;
  display: none;
  padding: 0 12px;
  align-items: center;
}

ul#subMenuButtons li#threeLineMenu {
  margin: 0px;
  padding: 7px 0;
  height: 22px;
}

ul#subMenuButtons li#threeLineMenu.docked {
  display: none;
}

div.prodSizeSubMenuMiddle-imageSizing {
  height: 32px;
  display: flex;
  align-items: flex-end;
  box-sizing: border-box;
  float: right;
  margin: 6px 0;
  margin: 8px 32px 8px 0;
}

div.prodSizeImageSizeContainers {
  height: 100%;
  display: flex;
  align-items: center;
  cursor: pointer;
  background: #ededed;
}

div.prodSizeImageSizeContainers::after {
  font-family: se-icon;
  font-size: 32px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #626469;
}

div.prodSizeImageSizeContainers.active {
  background: #626469;
}

div.prodSizeImageSizeContainers.active::after {
  color: #ffffff;
}

div.prodSizeImageSizeContainers.prodSizeImageSmall {
  justify-content: center;
  border: solid 1px #626469;
  border-top: none;
  border-bottom: none;
}

div.prodSizeImageSizeContainers.prodSizeImageExtraSmall {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

div.prodSizeImageSizeContainers.prodSizeImageMedium {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}

div.prodSizeImageSizeDivs {
  background: #ffffff;
  margin-bottom: 6px;
  display: none;
}

div.prodSizeImageSizeContainers.active div.prodSizeImageSizeDivs {
  background: #42b4e6;
}

div.prodSizeImageExtraSmallDiv {
  height: 8px;
  width: 8px;
  margin-left: auto;
}

div.prodSizeImageExtraSmall::after {
  content: "\F13E";
}

div.prodSizeImageSmallDiv {
  height: 16px;
  width: 16px;
}

div.prodSizeImageSmall::after {
  content: "\F140";
}

div.prodSizeImageMediumDiv {
  height: 24px;
  width: 24px;
}

div.prodSizeImageMedium::after {
  content: "\F13C";
}

div.prodSizeImageLargeDiv {
  height: 28px;
  width: 28px;
}

a#marketingTag {
  color: yellow !important;
}

a:hover#marketingTag,
a#marketingTag.active {
  color: #fff !important;
}

ul#subMenuButtons li.headerLinks,
ul#homeTabSubMenuButtons li.headerLinks,
ul#communityTabSubMenuButtons li.headerLinks,
ul#vSpacesTabSubMenuButtons li.headerLinks {
  text-align: center;
  margin: 0;
  display: none;
}

ul#homeTabSubMenuButtons li.headerLinks {
  display: flex;
  height: 100%;
  align-items: center;
}

li#descriptionItem.headerLinks.docked {
  margin-left: 0;
}

ul#subMenuButtons li.headerLinks:hover,
ul#homeTabSubMenuButtons li.headerLinks:hover,
ul#communityTabSubMenuButtons li.headerLinks:hover,
ul#vSpacesTabSubMenuButtons li.headerLinks:hover {
  /*background: #FFC000;*/
}

ul#subMenuButtons li.headerLinks:hover a.active,
ul#homeTabSubMenuButtons li.headerLinks:hover a.active,
ul#communityTabSubMenuButtons li.headerLinks:hover a.active,
ul#vSpacesTabSubMenuButtons li.headerLinks:hover a.active {
  background: #ffffff;
  text-decoration: none;
}

ul#subMenuButtons li.headerLinks a.subMenuRefs,
ul#homeTabSubMenuButtons li.headerLinks a.homeMenuRefs,
ul#communityTabSubMenuButtons li.headerLinks a.communityMenuRefs,
ul#vSpacesTabSubMenuButtons li.headerLinks a.vSpacesMenuRefs {
  display: flex;
  align-items: center;
  color: #626469;
  text-align: left;
  text-decoration: none;
  height: 100%;
  line-height: 36px;
  font-size: 14px;
  font-weight: bold;
  padding: 16px;
  cursor: pointer;
}

ul#subMenuButtons li.headerLinks #layoutFastthreeLineMenuTag a.subMenuRefs {
  padding: 0;
}

div#mainSection {
  height: 100%;
  width: 100%;
}

div#mainSection.controlGroups {
  height: -webkit-calc(100% - 126px);
  height: -moz-calc(100% - 126px);
  height: calc(100% - 126px);
  width: 100%;
}

div#mainSection.specDisplay {
  height: -webkit-calc(100% - 36px);
  height: -moz-calc(100% - 36px);
  height: calc(100% - 36px);
}

div#mainSection.expand {
  height: -webkit-calc(100% - 107px);
  height: -moz-calc(100% - 107px);
  height: calc(100% - 107px);
}

div#mainSection.fastTree {
  height: -webkit-calc(100% - 18px);
  height: -moz-calc(100% - 18px);
  height: calc(100% - 18px);
  margin-top: 16px;
}

div#crumbs.fastTree {
  display: none !important;
}

div#cartEditorOverlay {
  display: none;
}

div#cartEditorOverlay.editorOn {
  display: block;
  height: 70px;
}

div#cartEditorInform {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  height: 30px;
  background: #3dcd58;
  color: #ffffff;
}

div#cartEditorOverlayButtonsDiv {
  display: flex;
  height: 39px;
  align-items: center;
  justify-content: space-between;
  border-bottom: solid 1px;
}

.cartEditorButtonDivs {
  margin: 12px;
}

.cartEditorButtonDivs a.linkButton {
  background: #e47f00;
  color: #ffffff;
  width: 275px;
  border-radius: 0;
  border-color: #e47f00;
}

div#splitterContainer1 {
  width: 100%;
  height: 100%;
  float: left;
  overflow: auto;
  display: flex;
  justify-content: space-around;
  height: calc(100% - 45px);
}

div#splitterContainer1.editorOn {
  height: -webkit-calc(100% - 70px);
  height: -moz-calc(100% - 70px);
  height: calc(100% - 70px);
}

div#splitterContainer1.fastTree {
  height: calc(100% - 55px);
  transition: height 0.4s linear;
}

div#splitterContainer1.fastTree.fastTreeTables {
  height: 0;
  transition: height 0.4s linear;
}

div#splitterContainer2 {
  float: left;
  overflow: auto;
  width: -webkit-calc(100% - 315px);
  width: -moz-calc(100% - 315px);
  width: calc(100% - 315px);
  height: 100%;
  min-width: 60%;
}

div#leftSection {
  width: 30%;
  overflow: hidden;
  float: left;
  padding: 0px 16px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  order: 1;
}

div#leftSection.revitSizing {
  min-width: 250px;
}

div#leftSection-inner,
div#middleSection-inner {
  width: 100%;
  height: 100%;
}

div#mobileProductNameContainer {
  width: -webkit-calc(100% - 24px);
  width: -moz-calc(100% - 24px);
  width: calc(100% - 24px);
  display: none;
  margin: 0 12px 5px 12px;
  height: 19px;
}

img#mobileCompanyNameImg {
  height: 16px;
  margin-right: 12px;
}

div#solutionSearchDiv,
div#wizardTemplateDiv {
  width: 100%;
  height: 22px;
  margin: 0 0 5px 0;
}

form#designTabSearchForm {
  width: calc(100% - 54px);
}

input#solutionSearch {
  width: -webkit-calc(100% - 2px);
  width: -moz-calc(100% - 2px);
  width: calc(100% - 2px);
  float: left;
  background: #ffffff;
  border: solid 1px #eaeaea;
  border-right: none;
  padding: 0.2em 0em 0.2em 0.3em;
  -webkit-appearance: none; /* IOS remove rounded corners*/
  -webkit-border-radius: 0; /* IOS remove rounded corners*/
}

button#designTabSearchCloseIcon {
  right: 30px;
}

div#solutionSearchFavIconDiv,
div#recentFavesDiv {
  width: 22px;
  height: 100%;
  float: left;
  margin-left: 5px;
}

img#favoritesIcon,
img#searchIcon {
  height: 100%;
  float: right;
  cursor: pointer;
}

div.middleSectionGeneralView {
  height: -webkit-calc(100% - 24px);
  height: -moz-calc(100% - 24px);
  height: calc(100% - 24px);
}

div.middleSectionGeneralView.lineupActive {
  height: -webkit-calc(50% - 48px);
  height: -moz-calc(50% - 48px);
  height: calc(50% - 48px);
  margin-top: 24px;
}

div.middleSectionGeneralView.devicesActive {
  display: none;
}

div#middleSectionHeading {
  padding-left: 40px;
  height: 105px;
}

div#middleSectionHeading.fullHeight {
  height: 100%;
}

div#prodOverview-benefits-section {
  display: block;
  margin-top: 10px;
}

div#prodOverview-benefits-section.fullHeight {
}

div.prodNameContainer {
  height: 24px;
  font-size: 18px; /*6-25-17*/
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  width: 100%;
  padding-left: 40px;
  box-sizing: border-box;
}

div.prodName {
  min-width: 250px;
}

div.marketing-prodNameContainer {
  padding: 7px;
  height: 38px;
  font-weight: bold;
  color: #009530;
}

div.prodOverviewButtonsContainer {
  height: 0px;
  display: flex;
  align-items: center;
  width: 100%;
}

span.prodOverviewButtons {
  border: solid 1px #009530;
  border-radius: 4px;
  width: 100px;
  align-items: center;
  text-align: center;
  padding: 2px 0;
  cursor: pointer;
  display: none;
}

span.prodOverviewButtons.active {
  color: white;
  background: #3dcd58;
}

span#overviewButton {
  margin: 0 20px 0 auto;
}

span#eCatalogButton {
  margin: 0 40px 0 0;
}

div#prodOverviewContainer {
  height: 105px;
  overflow: auto;
  margin-right: 2px;
}

div#prodOverviewContainer.fullHeight {
  height: 100%;
}

div.prodOverview-displaySection {
  padding-right: 35px;
}

div#tabularDataSection.productOverview-sections {
  height: 100%;
}

div#tabularDataSection.productOverview-sections div.tablesContainer {
  height: 100% !important;
}

div.tabularDataLoad div.multifilterHeadingsDivs {
  box-sizing: border-box;
}

img.companyNameImage {
  height: 100%;
  margin-right: 10px;
}

div.featuresSelectBoxes {
  border: 0;
  /*max-height: -webkit-calc(100% - 20px);
    max-height: -moz-calc(100% - 20px);
    max-height: calc(100% - 20px);
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px 0px;*/
  display: flex;
  flex-wrap: wrap;
}

div.wizardTemplateDiv.splitWidth {
  /*width: calc(50% - 17px);
    margin-right: 0px;
    margin-bottom: 0;*/
}

div#solutionSearchDiv.splitWidth {
  /* width: calc(50% - 12px);
    margin-right: 12px;
    margin-left: 0px;
    margin-bottom: 0;*/
}

div#wizardTemplateDiv.splitWidth div.wizardSelectContainer {
  /*padding-right: 5px;*/
}

div.saveOpenClearDivs {
  height: 50%;
  width: 100%;
  display: block;
  box-sizing: border-box;
}

div.saveOpenClearDivs.hide {
  display: none;
}

div.saveClear {
  height: 100%;
  float: left;
  width: 50%;
  box-sizing: border-box;
  padding: 0 12px;
}

div#clearButtonDiv {
  width: 100%;
  box-sizing: border-box;
  padding: 0;
}

a#clearSolutionButton.clearButton.linkButton {
  width: 100%;
  overflow: hidden;
  z-index: 2;
  background: #42b4e6;
  border-color: #42b4e6;
  border-radius: 0;
  color: #ffffff;
}

a#clearSolutionButton.clearButton.linkButton:hover {
  background-color: #42b4e6;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #59bde9),
    color-stop(100% #42b4e6)
  );
  background-image: -webkit-linear-gradient(top, #59bde9 0, #42b4e6 100%);
  background-image: -moz-linear-gradient(top, #59bde9 0, #42b4e6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff59bde9',endColorstr='#ff42b4e6',GradientType=0);
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff59bde9',endColorstr='#ff42b4e6',GradientType=0);
  background-image: -ms-linear-gradient(top, #59bde9 0, #42b4e6 100%);
  background-image: -o-linear-gradient(top, #59bde9 0, #42b4e6 100%);
  background-image: linear-gradient(top, #59bde9 0, #42b4e6 100%);
}

a#clearSolutionButton.clearButton.linkButton:active {
  background-color: #3dcd58;
  background-image: none;
  filter: none;
}

.fullScreen {
  display: block;
}

.mobileScreen {
  display: none;
}

a.openButton,
a.saveButton {
  color: #626469;
  width: 100%;
  overflow: hidden;
  z-index: 2;
}
/*
a#saveSolutionButton {
    margin: 3px 6px 3px 12px;
}

a#openSolutionButton {
    margin: 3px 6px;
}

a#clearSolutionButton {
    margin: 3px 12px 3px 0;
}
    */
div#middleSection {
  width: 30%;
  align-content: center;
  height: 100%;
  order: 0;
}

#prodNameFavStar {
  margin: 0 10px 0 0;
  height: 20px;
  cursor: pointer;
}

#prodInfoExpandArrow {
  margin: 0 5px 0 auto;
  height: 24px;
  cursor: pointer;
}

div#middleTop {
  height: calc(100% - 140px);
  /*    max-height: 100%;
    position: absolute !important;
    top: 114px !important;
    left: 50% !important;
    margin-right: -50% !important;
    -ms-transform: translate(-50%, 0%) !important;
    -webkit-transform: translate(-50%, 0%) !important;
    transform: translate(-50%, 0%) !important;*/
}

div#middleTopImages {
  height: 100%;
  overflow: auto;
}

.connected-carousels .forge-viewer-image {
  height: 40px;
  width: 40px;
  right: 40px;
  position: absolute;
  background-image: url("images/3dCube.png");
  background-size: 40px;
  cursor: pointer;
}

.connected-carousels .forge-viewer-image.disabled {
  opacity: 0.5;
  pointer-events: none;
}

.autodesk-forge-region .forge-backto-images-btn {
  height: 17px;
  width: 17px;
  right: 57px;
  position: absolute;
  /*background-image: url('images/arrowLeftsmall.png');*/
  background-image: url("images/Back-2.png");
  background-size: 17px;
  top: 5px;
  z-index: 10;
  cursor: pointer;
}

.autodesk-forge-region .adsk-icon-fullscreen {
  /*top: 3px;
    height: 25px;
    width: 25px;*/
  height: 17px;
  width: 17px;
  top: 5px;
  right: 30px;
  font-size: 23px;
  display: inline-block;
  position: absolute;
  cursor: pointer;
  z-index: 10;
  color: #626469;
  /*add new image and overwrite forge image placed in content ::before*/
  background-image: url("images/Expand-3.png");
  background-size: 17px;
}

.autodesk-forge-region .adsk-icon-fullscreen::before {
  content: "";
}

.autodesk-forge-region .infoButton {
  right: 90px;
}

.autodesk-forge-region .homeViewWrapper {
  right: 115px !important;
}

/*
table.prodSpecs {
    border-collapse: separate !important;
    border-spacing: 0px 6px !important;
    color: #626469;
}

tr.prodSpecs {
    height: 28.188px !important;
}

td.prodSpecs {
    border: 1px solid !important;
    border-radius: 4px !important;
    text-align: center !important;
    border-collapse: separate !important;
}*/

div#rightSection {
  height: 100%;
  overflow: auto;
  width: 100%;
}

div#rightSection-normalDisplay {
  height: 100%;
  width: 100%;
}

div#rightSection-simpleDisplay {
  height: 100%;
  width: 100%;
  display: none;
  overflow: auto;
}

div.simpleResultsContainer {
  overflow: auto;
}

div#amazonAddToCompareDiv1 {
  display: none;
}

div.amazonButtonDiv {
  width: 100%;
}

#mainMenu .ui-tabs-anchor {
  width: 100%;
}

ul#mainMenu {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  /*height: 5%;*/
}

ul#mainMenu li {
  width: -webkit-calc(50%/3);
  width: -moz-calc(50%/3);
  width: calc(50% / 3);
  margin-left: -webkit-calc(50%/3);
  margin-left: -moz-calc(50%/3);
  margin-left: calc(50% / 3);
  margin-right: -webkit-calc(50%/3);
  margin-right: -moz-calc(50%/3);
  margin-right: calc(50% / 3);
  margin-bottom: 0;
  margin-top: 0;
  text-align: center;
  border: none;
}

ul#mainMenu li a {
  text-align: center;
  border: none;
  padding: 0;
  border-bottom: 1px solid #009530;
}

li.ui-tabs-active a.mainTabs {
  text-decoration: underline;
}

div.mainMenuTabs {
  height: inherit;
  width: 100%;
}

div.mainMenuTabs.embedLoad {
  height: 100%;
  width: 100%;
}

div#DesignArrows {
  width: 100%;
  margin-top: 5px;
  margin-bottom: 10px;
  height: 8%;
}

ul#DesignMenu {
  display: table;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 10px;
  -webkit-padding-start: 0px;
  height: -webkit-calc(100% - 15px);
  height: -moz-calc(100% - 15px);
  height: calc(100% - 15px);
}

ul#DesignMenu li {
  display: table-cell;
  width: 20%;
  text-align: center;
}

ul#DesignMenu li a {
  display: block;
  background-color: #42b4e6;
  color: white;
  border: none;
  text-align: center;
  padding: 0;
}

ul#DesignMenu li a:hover {
  background-color: #42b4e6;
}

ul#DesignMenu li a:active {
  background-color: #ffd100;
}

.divContainers .buttonContainers {
  width: 100%;
}

div.divContainers.rowLayout #middleRightProdContainer {
  height: 100%;
  display: flex;
  margin-left: 16px;
  flex-flow: column;
  flex: 1;
}

div.divContainers.rowLayout {
  width: calc(50% - 10px);
  min-width: 500px;
  cursor: pointer;
  flex: 1;
  margin-bottom: 16px;
}

div.divContainers.rowLayout.decreaseSize {
  height: 75px;
}

div.divContainers.imageLayout,
div.divContainers.categoryLayout {
  position: relative;
  display: inline-table;
  width: 200px;
  height: 200px;
  padding: 0;
  text-align: center;
  background: #ffffff;
  margin-bottom: 15px;
}

div.divContainers.categoryLayout {
  margin-right: 15px;
}

/* div.divContainers.imageLayout.decreaseSize,
    div.divContainers.categoryLayout.decreaseSize {
        width: 85px;
    } */

div.divContainers.imageLayout.iconMidSize,
div.divContainers.categoryLayout.iconMidSize {
  width: 137px;
  height: 137px;
}

div.divContainers.iconMidSize {
  font-size: 0.875em;
}

div.divContainers.decreaseSize {
  font-size: 0.75em;
  height: 100px;
}

div.divsLeft {
  height: 100%;
  width: 100%;
  float: left;
  background: white;
}

div.divsLeft.rowLayout {
  width: 200px;
  height: 200px;
  background: #ffffff;
}

div.divsLeft.rowLayout.decreaseSize {
  width: 85px;
  height: 136px;
}

/* div.divsLeft.rowLayout.iconMidSize {
            width: 125px;
            height: 200px;
        } */

div.divsMiddle.rowLayout {
  padding: 0 16px 0px;
  float: left;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: bold;
  color: #009530;
}

div.divsMiddle.rowLayout p {
  margin-top: 0;
  margin-bottom: 6px;
}

div.divsMiddle.imageLayout,
div.divsRight.imageLayout,
div.divsMiddle.categoryLayout,
div.divsRight.categoryLayout {
  display: none;
}

div.divsLeft.imageLayout {
  height: 200px;
}

div.divsRight.rowLayout {
  float: left;
  height: 100%;
  overflow: auto;
  padding: 0 16px 16px;
}

p.parRight {
  display: block;
}

p.parRight-short {
  display: none;
}
/*
div.divsRight.rowLayout.decreaseSize {
    width: -webkit-calc(100% - 295px);
    width: -moz-calc(100% - 295px);
    width: calc(100% - 295px);
}

div.divsRight.rowLayout.iconMidSize {
    width: -webkit-calc(100% - 335px);
    width: -moz-calc(100% - 335px);
    width: calc(100% - 335px);
        
}
*/

figure.figures {
  width: 100%;
  height: 100%;
  margin: 0px;
  box-sizing: border-box;
  float: left;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
  overflow: hidden;
}

figure.figures.categoryLayout {
  height: 200px;
  width: 200px;
}

figure.figures.imageLayout,
figure.figures.categoryLayout,
figure.figures.rowLayout {
  border: solid 1px lightgray;
}

figure.figures.imageLayout:hover,
figure.figures.categoryLayout:hover,
figure.figures.rowLayout:hover {
  /*box-shadow: 10px 10px 5px #888888;*/
  /* box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.6); */
  transition: box-shadow 0.2s ease;
  box-shadow: rgb(153, 153, 153) 0px 2px 7px;
}

figure.figures.decreaseSize {
  width: 75px;
  height: 100px;
}

/* figure.figures.iconMidSize {
        width: 115px;
        height: 150px;
    }

        figure.figures.iconMidSize div.productImagesDiv {
            height: -webkit-calc(100% - 80px);
            height: -moz-calc(100% - 80px);
            height: calc(100% - 80px);
        } */

figure.figures div.productTile-hover {
  width: 100%;
  position: absolute;
  bottom: 0;
  padding: 10px 15px 15px;
  display: flex;
  flex-direction: column;
  opacity: 0;
  z-index: 2;
  background: #ffffff;
  transition: opacity 0.2s ease;
}

figure.figures div.productTile-hover div.productTile-hover-config,
figure.figures div.productTile-hover div.productTile-hover-overview {
  padding: 7px 10px;
  margin: 5px 15px 0 15px;
  box-sizing: border-box;
  background: #3dcd58;
  color: #ffffff;
  font-size: 16px;
  border-radius: 2px;
  cursor: pointer;
}

figure.figures div.productTile-hover div.productTile-hover-overview {
  background: #ededed;
  color: #626469;
}

.divsLeft:hover div.productTile-banner,
.divsLeft:hover div.prodListing-comp-div,
.divsLeft:hover div.productImagesDiv {
  opacity: 0.5;
}

.divsLeft:hover figure.figures div.productTile-hover {
  opacity: 1;
}

.productTile-banner {
  position: absolute;
  /* -webkit-transform: translate(65%, -50%) rotate(45deg);
            -ms-transform: translate(65%, -50%) rotate(45deg);
            transform: translate(65%, -50%) rotate(45deg); */
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  left: 5px;
  top: 10px;
  text-align: center;
  line-height: 20px;
  box-sizing: border-box;
  z-index: 1;
  color: #ffffff;
  align-items: center;
  display: none;
}
.productTile-banner.new,
.productTile-banner.end,
.productTile-banner.updated,
.productTile-banner.beta {
  display: flex;
}
.productTile-banner.new .productTile-banner-text {
  background-color: #3dcd58;
  min-width: 43px;
  max-width: 65px;
  height: 20px;
  margin: 0 0 117.5px;
  border-radius: 16px;
}

.productTile-banner.end .productTile-banner-text {
  background-color: #b10043;
  min-width: 43px;
  max-width: 70px;
  height: 20px;
  margin: 0 0 117.5px;
  border-radius: 16px;
  width: 70px;
}

.productTile-banner.updated .productTile-banner-text {
  background-color: #299bcd;
  min-width: 65px;
  max-width: 68px;
  height: 20px;
  margin: 0 0 117.5px;
  border-radius: 16px;
}

.productTile-banner.beta .productTile-banner-text {
  background-color: #dd8235;
  font-style: italic;
  font-weight: bold;
  min-width: 43px;
  max-width: 65px;
  height: 20px;
  margin: 0 0 117.5px;
  border-radius: 16px;
}

.productTile-banner-text {
  display: flex;
  align-items: center;
  text-align: center;
  width: 100%;
  height: 15px;
  justify-content: center;

  font-family: Nunito;
  font-size: 12px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
}

figcaption.imageLayout,
figcaption.categoryLayout {
  width: 100%;
  text-align: center;
  height: 50px;
  /*display: flex;*/
  align-items: center;
  justify-content: center;
  padding: 0 2px;
  box-sizing: border-box;
  display: none;
}

figcaption.rowLayout {
  display: none;
}

.prod-text-empty-holder {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
}

.prodText {
  width: 189px;
  height: 30px;
  margin: 8px 0 0 1px;
  font-family: Nunito;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: #333;
  /* height: -webkit-calc(100% - 30px);
    height: -moz-calc(100% - 30px);
    height: calc(100% - 30px);
    width: 100%;
    position: absolute;
    top: 150px;
    overflow: hidden;
    z-index: -1;
    background: #ffffff;
    color: #626469;
    transition: top linear .35s;
    font-family: "SE Normal" !important; */
}

.prodText .prodText-description,
.prodText .prodText-description span {
  font-family: "SE Normal" !important;
  color: #ffffff !important;
  font-size: inherit !important;
}

/*
    .divsLeft:hover .prodText {
        top: 30px;
        background: #3DCD58;
        color: #ffffff !important;
    }
*/

.prodText-name {
  height: 50px;
  display: flex;
  text-align: center;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
}

.prodText-description {
  overflow: auto;
  height: -webkit-calc(100% - 50px);
  height: -moz-calc(100% - 50px);
  height: calc(100% - 50px);
}

.divsLeft:hover .prodText .prodText-name {
  font-weight: bold;
}

.prodListing-comp-div {
  /* padding: 10px 10px 5px 10px; */

  width: 53px;
  height: 16px;
  margin: 9px 109px 1px 1px;
}

.prodListing-comp-img {
  height: 100%;
  float: left;
}

.prodListing-fav-img {
  position: absolute;
  top: 1px;
  right: 0px;
  height: 100%;
  z-index: 99;
}

.prodListing-fav-img.show {
  display: block;
}

.prodListing-fav-img.show.divsMiddle__favImgStar {
  margin-left: auto;
  height: 16px;
  display: none;
}

.productTab-amazonStarRatingDivs {
  height: 20px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 5px;
}

.productTab-amazonStarRatingDivs.decreaseSize,
.productTab-amazonStarRatingDivs.iconMidSize,
.prodTabStarRatingsNums.decreaseSize,
.prodTabStarRatingsNums.iconMidSize {
  display: none;
}

.productTab-amazonStarRatingDivs div.br-wrapper {
  height: 100%;
}

.starRatingsValueDiv {
  display: flex;
  align-items: center;
}

#footerContainer {
  border-style: solid;
  border-color: #626469;
  border-width: 1px;
  width: -webkit-calc(100% - 2px);
  width: -moz-calc(100% - 2px);
  width: calc(100% - 2px);
  border-bottom: none;
  border-left: none;
  border-right: none;
  display: none;
}

#footerContainer.revitEditActive ul#footerCarousel {
  pointer-events: none;
}

.footerItems {
  /*		display: inline-block;
			height: 125px;
			float: left;*/
  font-size: 12px; /*6-25-17*/
  width: 120px;
  height: 100%;
  float: left;
  text-align: center;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  background: #d8d8d8;
  justify-content: space-around;
}

.footerItems.active {
  background: #42b4e6;
}

.footerItems.active a.footerText {
  color: #ffffff;
}

a.footerArrowRefs {
  width: 40px;
  height: 100%;
  float: left;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  background: black;
  cursor: pointer;
}

img.footerArrows {
  width: 100%;
}

img.leftArrow {
  -ms-transform: rotate(180deg); /* IE 9 */
  -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
  transform: rotate(180deg);
}

div#tablesDiv,
a#digestFastIconButton {
  display: none;
}

div#suggestionBoxButtonDiv.halfSizeButtonsRight {
  float: left;
}

#relatedProducts {
  /*			display: table-cell;
    	vertical-align: middle*/
  /* Rotate div */
  /*  	-ms-transform: rotate(270deg); */
  /* IE 9 */
  /*  	-webkit-transform: rotate(270deg);  */
  /* Chrome, Safari, Opera */
  /*   	transform: rotate(270deg);
			width: 125px;
			text-align: center;*/
  /*white-space: nowrap;*/
  /*	  margin-left: 10px;*/
}

#components {
  /*		display: table-cell;
    	vertical-align: middle*/
  /* Rotate div */
  /*   	-ms-transform: rotate(90deg); 	*/
  /* IE 9 */
  /*   	-webkit-transform: rotate(90deg); 	*/
  /* Chrome, Safari, Opera */
  /*   	transform: rotate(90deg);
			width: 125px;
			text-align: center;*/
  /*  margin-right: 10px;*/
}

a.footerText {
  /*			margin: 0;
   		position: absolute;               
   		top: 20%;  
			left: 50%;
    	margin-right: -50%;
   		transform: translate(-50%, -50%);*/
  text-decoration: none;
  color: black;
}

ul#footerCarousel {
  left: 0;
  padding: 0;
  margin: 0;
  width: 20000em;
  text-align: center;
  height: 100%;
  display: flex;
}

ul#footerCarousel.noParts,
ul#footerCarousel.noParts.left,
ul#footerCarousel.noParts.right {
  width: 100% !important;
  justify-content: center;
}

ul#footerCarousel.left {
  float: left;
  text-align: center;
  width: 100% !important;
  justify-content: flex-start;
}

ul#footerCarousel.right {
  float: right;
  text-align: center;
  width: 100% !important;
  justify-content: flex-end;
}

li.footerLi {
  width: 260px;
  height: 88px;
  float: left;
  margin: 0 5px 10px 5px;
  list-style: none;
  box-sizing: border-box;
  border: solid 1px #ededed;
  background: #ffffff;
}

#footerImages {
  overflow-x: auto;
  overflow-y: hidden;
  height: 90px;
  margin-top: 10px;
  float: left;
  width: -webkit-calc(100% - 320px);
  width: -moz-calc(100% - 320px);
  width: calc(100% - 320px);
  position: initial !important;
}

.selectTab-display {
  display: none;
  height: 100%;
  width: 100%;
}

.selectTab-display.active {
  display: block;
  margin: auto;
}

div.productListingsOverviewDisplay {
  cursor: pointer;
}

div.mobile-list-slides {
  height: 100%;
  width: 100%;
  display: none;
  overflow: auto;
}

div.mobile-list-slides.active {
  display: block;
}

ul#mobile-application-ul {
  padding: 0;
  margin: 0;
}

li.mobile-application-li {
  list-style: none;
  padding: 19px 14px;
  border-bottom: solid 1px #9fa0a4;
  position: relative;
  display: flex;
  align-items: center;
}

li.mobile-application-li:hover {
  background: #3dcd58;
}

li.mobile-application-li:hover a.mobile-application-link {
  color: white;
}

a.mobile-application-link {
  text-decoration: none;
  color: #626469;
  font-weight: bold;
}

div.ui-accordion-header {
  font-weight: bold;
}

div.subcategory-level-head {
  padding: 19px 0px 19px 40px;
  position: relative;
  display: flex;
  align-items: center;
}

div.category-level-head.ui-accordion-header,
div.subcategory-level-head.ui-accordion-header,
div.category-level-head {
  border: none;
  border-radius: 0;
  border-bottom: solid 1px #9fa0a4;
  margin: 0;
  display: flex;
  align-items: center;
  height: 16px;
  line-height: 16px;
}

div.category-level-head.mobile-category-head {
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: 1.25em 2.2em 1.25em 1.4em;
  min-height: 0;
  font-size: 100%;
}

div.category-level-head:hover,
div.subcategory-level-head:hover {
  background: #3dcd58;
  color: white;
}

div.subcategory-level-head:hover a.mobile-subcategory-links {
  color: white;
}

div.subcategory-level-head a.mobile-subcategory-links {
  color: #626469;
  text-decoration: none;
}

span.subcategory-triangle.ui-accordion-header-icon.ui-icon-triangle-1-e {
  position: absolute;
  right: 1em;
  top: initial;
  margin-top: 0;
  width: 16px;
  height: 16px;
  background-image: url(images/ui-icons_9FA0A4_256x240.png);
}

div.subcategory-level-head:hover
  span.subcategory-triangle.ui-accordion-header-icon.ui-icon-triangle-1-e {
  background-image: url(images/ui-icons_ffffff_256x240.png);
}

div.category-level-head.previous-level
  span.ui-accordion-header-icon.ui-icon-triangle-1-e,
div.category-level-head.previous-level
  span.ui-accordion-header-icon.ui-icon-triangle-1-s {
  left: 0.5em;
  background-position: -96px -16px;
  background-image: url(images/ui-icons_9FA0A4_256x240.png);
}

div#category-accordion {
  width: 100%;
  height: -webkit-calc(100% - 47px);
  height: -moz-calc(100% - 47px);
  height: calc(100% - 47px);
  overflow: auto;
}

div.category-level-head.previous-level {
  background: #ffffff !important;
  height: 46px;
  padding: 0;
}

div.mobile-category-subcategory-previous-selector {
  width: 25%;
  height: 100%;
  color: #626469;
  display: block;
  float: left;
}

div#designTab-previous-selector-overview-products-buttonGroup,
div#previous-mobile-button-accordion {
  display: none;
}

a.mobile-cat-subcat-buttons {
  float: left;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #3dcd58;
  color: #ffffff;
  text-decoration: none;
  border-right: solid 1px #ffffff;
  border-left: solid 1px #ffffff;
  box-sizing: border-box;
}

a.mobile-types-selector-links.active {
  color: #ffd100;
}

div#selectTabSplitterContainer,
div#homeTabBody {
  width: 100%;
  text-align: left;
  background-color: #fafafa;
}

div#selectTabSplitterContainer div.multifilterDropdown {
  float: left;
  box-sizing: border-box;
  background-color: white;
  margin: 16px;
  margin: 16px 0;
  padding-right: 16px;
  box-sizing: border-box;
  top: 0;
  width: auto;
  position: relative;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
  width: 350px;
}
div#homeTabBody.register {
  height: 100% !important;
}

.ui-accordion-header-application {
  position: absolute;
  height: 24px;
  width: 24px;
  right: 12px;
}

.ui-accordion-header-icon.ui-accordion-arrow {
  background-image: url(images/gray-arrow-right.png);
  background-size: contain;
  opacity: 0.5;
  height: 24px;
  width: 24px;
}

.ui-accordion-header-icon.ui-accordion-arrow.category-level-arrow {
  position: absolute;
  right: 1em;
  top: initial;
  margin-top: 0;
}

.ui-accordion-header-icon.ui-accordion-arrow-active {
  background-image: url(images/Arrow-Right-White-Rounded.png);
  -webkit-transform: rotate(90deg); /* Safari and Chrome */
  -moz-transform: rotate(90deg); /* Firefox */
  -ms-transform: rotate(90deg); /* IE 9 */
  -o-transform: rotate(90deg); /* Opera */
  transform: rotate(90deg);
  background-size: contain;
  height: 20px;
  width: 20px;
  right: 16px !important;
}

span.subcategory-triangle.ui-accordion-header-icon.ui-icon-triangle-1-e {
  background-image: url(images/Arrow-Right-White-Rounded.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  height: 20px;
  width: 20px;
  right: 16px !important;
}

div#marketingSectionDiv {
  height: -webkit-calc(100% - 4px);
  height: -moz-calc(100% - 4px);
  height: calc(100% - 4px);
  width: 100%;
  overflow: auto;
  text-align: left;
}

div.marketing-splitter1 {
  height: 100%;
  width: 100%;
}

div.marketing-data-div {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 0 0px 7px 0px;
}

table.marketing-data-table {
  border-collapse: collapse;
  width: 100%;
}

table.marketing-data-table th,
table.marketing-data-table td {
  border: solid 1px #626469;
  width: 50%;
  box-sizing: border-box;
  padding: 0 7px;
}

table.marketing-data-table th {
  padding: 7px;
  background: #e9e9e9;
}

table.marketing-data-table .marketing-left {
  border-left: none;
}

table.marketing-data-table .marketing-right {
  border-right: none;
}

div.marketing-data,
div.marketing-info-center,
div.marketing-knowledge-center {
  height: 100%;
  width: 50%;
  float: left;
  min-width: 315px;
  max-width: -webkit-calc(100% - 315px);
  max-width: -moz-calc(100% - 315px);
  max-width: calc(100% - 315px);
}

div.marketing-data {
  max-width: 60%;
}

div.marketing-info-center {
  background: #e0e0e0;
  padding: 5px;
}

.marketing-search-labels {
  font-weight: bold;
  font-size: 16px;
  width: 150px;
}

form#marketing-info-search-form,
form#marketing-knowledge-search-form {
  width: -webkit-calc(100% - 150px);
  width: -moz-calc(100% - 150px);
  width: calc(100% - 150px);
}

input#marketing-info-search,
input#marketing-knowledge-search {
  color: #626469;
  width: 100%;
  font-size: 12px;
  height: 24px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 2px;
  text-overflow: ellipsis;
  border: solid 1px lightgrey;
  border-right: none;
  border-radius: 0 !important;
  text-indent: 0;
}

div.marketing-info-select-div {
  margin: 10px 0;
}

#marketing-info-select {
  width: 50%;
  border: none;
}

#marketing-info-textarea {
  width: 100%;
  height: 100px;
  box-sizing: border-box;
  border: none;
}

div.marketing-info-searchDiv {
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

div.marketing-knowledge-center div.marketing-info-searchDiv {
  padding: 5px;
  background: #e0e0e0;
}

div.marketing-knowledge-center iframe.bimIFrames {
  width: 100%;
  height: -webkit-calc(100% - 33px);
  height: -moz-calc(100% - 33px);
  height: calc(100% - 33px);
}

div.marketing-splitter2 {
  height: 100%;
  width: 50%;
  float: left;
  min-width: 630px;
}

div#mobile-freq-repl {
  height: -webkit-calc(100% - 135px);
  height: -mpz-calc(100% - 135px);
  height: calc(100% - 135px);
  overflow: auto;
  text-align: center;
  display: none;
}

div#mobile-freq-repl.mobileHide {
  display: none;
}

div#productPicturesContainer {
  min-width: 150px;
  box-sizing: border-box;
  text-align: left;
  background-color: #fafafa;
}

div#productPicturesContainer.undocked {
  width: 100% !important;
  margin: 20px 0px 0px 0px !important;
  height: -webkit-calc(100% - 20px);
  height: -moz-calc(100% - 20px);
  height: calc(100% - 20px);
}

div#productPictures {
  display: flex;
  flex-wrap: wrap;
  padding: 16px;
  place-content: center;
  padding: 16px 0 16px 16px;
}

.figuresFooter {
  height: 100%;
  width: 100%;
  margin: 0;
  display: flex;
}

.figuresFooterName {
  text-align: center;
  height: 100%;
  font-size: 10.5px;
  display: flex;
  align-items: center;
  padding: 5px;
}

div.footerImageContainers {
  height: 100%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  margin: auto;
  justify-content: center;
}

div.footerImageContainers img {
  height: 100%;
}

div#triangleSelectorDiv {
  display: none;
}

div#projectSubMenu {
  color: white;
  background: #9fa0a4;
  /*	margin-top: 3px;*/
  width: 100%;
  height: 60px;
  overflow: hidden;
}

div.projectSubMenuQuarters {
  width: 50%;
  height: 20px;
  margin-top: 5px;
  margin-bottom: 5px;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  float: left;
}

.projectLabels {
  width: 30%;
  display: table-cell;
  padding-left: 15px;
}

.projectLabelInfo {
  width: 70%;
  display: table-cell;
}

div#subMenuIconsDiv {
  float: right;
  height: 100%;
  height: 32px;
  box-sizing: border-box;
  margin: 8px 0;
  border-radius: 4px;
}

div.subMenuDivs {
  float: right;
  width: 32px;
  display: flex;
  align-items: center;
  height: 100%;
  box-sizing: border-box;
  background: #ededed;
  cursor: pointer;
}

div.subMenuDivs.active {
  background: #626469;
}

div.subMenuDivs::after {
  font-family: se-icon;
  font-size: 32px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #626469;
}

div#categoryImageDiv.subMenuDivs::after {
  content: "\F1FF";
  position: absolute;
  margin-top: 10px;
}

div#categoryImageDiv.subMenuDivs::before {
  font-family: se-icon;
  font-size: 32px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #626469;
  content: "\F1FF";
  position: absolute;
  top: 0;
  margin-top: 1px;
}

div#fullTemplateImageDiv.subMenuDivs::after {
  content: "\F2D9";
}

div#gridImageDiv.subMenuDivs::after {
  content: "\F1C7";
}

div.countryImageDiv {
  margin: 0 6px 0 13px;
  width: 50px;
  padding-left: 5px;
}

div.subMenuDivs.active::after,
div#categoryImageDiv.subMenuDivs.active::before {
  color: #ffffff;
}

div#categoryImageDiv {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

div#gridImageDiv {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

div#fullTemplateImageDiv {
  border-left: solid 1px #626469;
  border-right: solid 1px #626469;
}

div#main-countryImageDiv {
  width: 60px;
  margin: 8px 36px 8px 0;
  box-sizing: border-box;
  height: 32px;
  padding: 2px 20px 2px 2px;
  align-items: center;
  display: flex;
  border: solid 1px #626469;
  cursor: pointer;
  background: #f7f7f7;
}

div#main-countryImageDiv:hover img {
  background: #ffffff;
}

div#main-contactUsDiv {
  width: 112px;
  margin: 8px 36px 8px 0;
  box-sizing: border-box;
  height: 19px;
  align-items: center;
  display: flex;
  cursor: pointer;
  background: transparent;
  border: none;
  color: #0087cd;
  font-size: 16px;
  padding: 0;
  letter-spacing: normal;
  word-spacing: normal;
  line-height: normal;
  text-transform: none;
  text-indent: 0px;
  text-shadow: none;
  display: inline-block;
  text-align: center;
  font-family: "SE Normal", Arial, Helvetica, sans-serif;
}

div#tabAccount {
  display: flex;
  flex-flow: column;
  height: calc(100% + 5px);
  width: 100%;
}

div#tabAccount.register,
div#homeTabBody.register {
  height: 100% !important;
}

.pushpinIcon {
  height: 100%;
  position: absolute;
  right: 30px;
  cursor: pointer;
  -ms-transform: rotate(90deg); /* IE 9 */
  -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
  transform: rotate(90deg);
}

.pushpinIcon.docked {
  -ms-transform: rotate(0deg); /* IE 9 */
  -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
  transform: rotate(0deg);
}

.multifilter-close-icon {
  height: 18px;
  position: absolute;
  right: 0;
  cursor: pointer;
  display: none;
}

.dropbtn {
  display: inline-block;
  color: white;
  text-align: center;
  /* padding: 14px 16px;*/
  text-decoration: none;
}

.dropdown {
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  top: 83px;
  min-width: 45px;
  z-index: 10;
}

div.subMenuDivs.dropdown::after {
  font-family: se-icon;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #626469;
  content: "\F43B";
  padding: 2px;
}

.multifilterDropdown {
  /*background: #d8ecf3;*/
  /*border: solid 1px #9FA0A4;*/
  top: 85px;
  font-size: 12px; /*6-25-17*/
  z-index: 10001;
  max-width: 500px;
  /*max-height: 75%;*/
  overflow: auto;
  width: 350px;
  /*height: -webkit-calc(100% - 266px);
    height: -moz-calc(100% - 266px);
    height: calc(100% - 266px);*/
  position: absolute;
}

.multifilterDropdown.undocked {
  width: 350px !important;
  max-height: 75%;
}

.dropdown-content-over {
  position: absolute;
  margin-left: 33px;
  height: 100%;
  width: 100px;
  /* border-left: solid 1px #9FA0A4;*/
}

.multifilterHeadingsDivs {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 0px;
  color: white;
  background: lightgrey;
  margin-bottom: 1px;
  position: relative;
  box-sizing: border-box;
}

.multifilterHeadingsDivs.expandable i {
  cursor: pointer;
  visibility: hidden;
}

.multifilterHeadingsDivs.retract i:before,
.multifilterHeadingsDivs.retract i:after {
  background: #626469;
}

.filterDropDownMenuSection {
}

.filterDropDownMenuSection.advancedPermission {
  display: none;
}

.filterDropDownMenuSection.advancedPermission.show {
  display: block;
}

.filterDropDownMenuHeadings {
  display: inline-block;
  font-weight: bold;
  color: #626469;
}

.multiFilterSelectionsDivs {
  padding: 5px 10px;
  display: none;
}

.multiFilterSelectionsDivs.show {
  display: block;
}

div.multifilterHeadingsDivs.amazonLabelContainer
  label.amazonFilterHeading.questionLabel {
  margin: 0;
  font-size: 12px;
}

div#companyFilterSection {
  display: none !important; /*hide the Brand filter*/
}

a#userPermissionLink {
  color: #42b4e6;
  text-decoration: underline;
  margin-right: 20px;
  cursor: pointer;
}

a#userPermissionLink:hover {
  background: none;
}

.dropdownExpansionIcon {
  height: 16px;
  position: absolute;
  right: 5px;
  padding: 7px;
  cursor: pointer;
  -ms-transform: rotate(180deg); /* IE 9 */
  -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
  transform: rotate(180deg);
}

#myLinkDropdown {
  z-index: 1000;
  top: 39px;
  right: 39px;
}

#myLinkDropdown a,
#myCategoryDropdown a,
#mySettingsDropdown a {
  padding: 3px;
}

#myLinkDropdown a:hover,
#mySettingsDropdown a:hover {
  color: white;
  background: #626469;
}

#mySettingsDropdown {
  z-index: 10;
  top: 44px;
  right: 1px;
  min-width: 120px;
  cursor: pointer;
}

div.add-fav-link-container {
  height: 20px;
  display: flex;
  align-items: center;
}

a.linksRefs.addNewLinksRefs {
  width: -webkit-calc(100% - 30px);
  width: -moz-calc(100% - 30px);
  width: calc(100% - 30px);
}

img.removeFavLinksIcon {
  height: 14px;
  margin: 0 5px 0 auto;
  box-sizing: border-box;
  cursor: pointer;
}

#versionRef:hover {
  background: white !important;
  color: #626469 !important;
  cursor: pointer;
}

.myCountryDropdown {
  top: 220px;
  z-index: 1000;
  max-height: 50%;
  overflow: auto;
  border: solid 1px #626469;
}

.myCountryDropdown a {
  height: 28px;
  width: 40px;
  padding: 5px;
}

#main-myCountryDropdown.myCountryDropdown {
  top: 40px;
  width: 60px;
  box-sizing: border-box;
  margin-left: -3px;
  border-top: none;
}

.myCountryDropdown-addCountries a.myCountryDropdown-addCountries-link {
  vertical-align: middle;
  text-align: center;
  height: 24px;
  box-sizing: border-box;
  margin: 10px 5px;
  background: #42b4e6;
  color: white;
  line-height: 14px;
  padding: 5px;
}

.myCountryDropdown-addCountries a.myCountryDropdown-addCountries-link:hover {
  background-color: #42b4e6;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #59bde9),
    color-stop(100% #42b4e6)
  );
  background-image: -webkit-linear-gradient(top, #59bde9 0, #42b4e6 100%);
  background-image: -moz-linear-gradient(top, #59bde9 0, #42b4e6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff59bde9',endColorstr='#ff42b4e6',GradientType=0);
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff59bde9',endColorstr='#ff42b4e6',GradientType=0);
  background-image: -ms-linear-gradient(top, #59bde9 0, #42b4e6 100%);
  background-image: -o-linear-gradient(top, #59bde9 0, #42b4e6 100%);
  background-image: linear-gradient(top, #59bde9 0, #42b4e6 100%);
}

.myCountryDropdown-addCountries a.myCountryDropdown-addCountries-link:active {
  background-color: #3dcd58;
  background-image: none;
  filter: none;
}

.dropdownFlags {
  height: 24px;
  width: 100%;
  float: left;
  cursor: pointer;
}

#myCategoryDropdown {
  right: 75px;
  z-index: 1;
}

.dropdown-content a {
  color: #626469;
  text-decoration: none;
  display: block;
  text-align: left;
  margin: auto;
}

.dropdown-content a:hover {
  color: white;
  background: #42b4e6;
}

.dropdown-content a.linksRefs {
  white-space: nowrap;
}

.dropdown-content a.flagDropDownContainers:hover {
  color: white;
  background: #f7f7f7;
}

.show {
  display: block;
}

#compareDropDownContainer {
  top: 31px;
  z-index: 1000;
}

#compareDropDownContainer a.compareDropDownLinks {
  color: #626469;
  padding: 3px 10px 3px 3px;
  font-size: 12px; /*6-25-17*/
}

img.compareLinksDelete {
  opacity: 0.5;
  height: 16px;
  padding: 3px;
}

div#buttonMenuDiv {
  height: 36px;
}

.iconSizeSelectorDiv {
  display: flex;
  align-items: center;
  padding: 3px;
}

.iconSelectorText {
  width: 30%;
  height: 38px;
  color: #626469;
  text-align: left;
  order: 1;
}

.sliderContainer {
  width: 70%;
  height: 38px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.sliderSizesContainer {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #626469;
  direction: ltr;
  font-size: 9px; /*6-25-17*/
}

.slider {
  width: -webkit-calc(100% - 1.2em);
  width: -moz-calc(100% - 1.2em);
  width: calc(100% - 1.2em);
  margin: auto;
}

.footerDivs {
  width: 100%;
  height: 120px;
  display: block;
  border-style: solid;
  border-color: #626469;
  border-width: 1px;
  width: 100%;
  border-bottom: none;
  border-left: none;
  border-right: none;
  background: #ffffff;
}

.footerDivs.noDisplay,
.footerDivs.register {
  display: none !important;
}

.footerDivs.displayFooter {
  display: block;
}

.footerDivs.noDisplay.hideElem,
.footerDivs.displayFooter.hideElem,
.footerDivs.displayFooter.buswayFastActive,
.footerDivs.displayFooter.fastTree,
.footerDivs.displayFooter.specEdit {
  display: none;
}

.ui-tabs .ui-tabs-panel {
  position: relative;
  margin: auto;
  box-sizing: border-box;
  overflow: auto;
}

.ui-tabs #tabSplash {
  max-width: none;
  padding: 0;
}

a.bannerToggleLink {
  height: 30px;
  width: 30px;
  position: absolute;
  z-index: 100000;
  left: 0px;
  bottom: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
}

a.bannerToggleLink.hideElem,
a.bannerToggleLink.fastTree {
  bottom: 0px;
  width: 100%;
}

a.bannerToggleLink.register,
a.bannerToggleLink.buswayFastActive,
a.bannerToggleLink.fastTree,
a.bannerToggleLink.specEdit {
  display: none !important;
}

img.bannerCloseIcon {
  height: 14px;
}

#bimSchneiderFrame {
  width: 100%;
  height: -webkit-calc(100% - 3px);
  height: -moz-calc(100% - 3px);
  height: calc(100% - 3px);
  border: none;
}

div.projectButtonsDivs {
  margin-left: 10px;
  margin-right: 10px;
  float: left;
}

div.projectButtonsDivs a {
  color: #626469;
}

div.projectButtonsDivs a:hover {
  color: white;
}

tr.projectTable {
  height: 25px;
  border-color: #626469;
  border-style: solid;
  border-width: 1px;
  vertical-align: top;
}

div.expertButtonClassDiv {
  width: -webkit-calc(100% - 24px);
  width: -moz-calc(100% - 24px);
  width: calc(100% - 24px);
  height: 40px;
  position: fixed;
  bottom: 176px;
  z-index: 1;
}

/*.vertButttonExpansionLinks{
    height: 32px;
    width: 32px;
}*/
div#selectTabVerticalButtons,
div#cartTabVerticalButtons {
  /*height: 39px;*/
  position: fixed;
  width: 385px;
  bottom: 355px;
  right: -175px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  -webkit-transform: rotate(-90deg); /* Safari and Chrome */
  -moz-transform: rotate(-90deg); /* Firefox */
  -ms-transform: rotate(-90deg); /* IE 9 */
  -o-transform: rotate(-90deg); /* Opera */
  transform: rotate(-90deg);
  z-index: 100;
}

div#designTabVerticalButtons,
div#designTabVerticalButtonsNewProds {
  /*height: 39px;*/
  position: absolute;
  width: 385px;
  right: -178px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  -webkit-transform: rotate(-90deg); /* Safari and Chrome */
  -moz-transform: rotate(-90deg); /* Firefox */
  -ms-transform: rotate(-90deg); /* IE 9 */
  -o-transform: rotate(-90deg); /* Opera */
  transform: rotate(-90deg);
  z-index: 100;
}

div#designTabVerticalButtonsNewProds {
  left: -175px;
  justify-content: space-around;
}

a#projectExpertAccessRef.expertAccessRef,
a#selectExpertAccessRef.expertAccessRef,
a#designExpertAccessRef.expertAccessRef,
a#cartExpertAccessRef.expertAccessRef,
a#selectDistributorRef.expertAccessRef,
a#designDistributorRef.expertAccessRef,
a#cartDistributorRef.expertAccessRef,
a#selectChatRef.expertAccessRef,
a#designChatRef.expertAccessRef,
a#cartChatRef.expertAccessRef,
a#designNewProductsRef.expertAccessRef,
a#featureProductsRef.expertAccessRef {
  background: #42b4e6;
  color: white;
  text-decoration: none;
  padding: 0.4em 1em;
  /*position: absolute;
    right: 0px;
    bottom: 0;*/
  border-style: solid;
  border-color: #42b4e6;
  border-width: 1px;
}

a#selectDistributorRef.expertAccessRef,
a#designDistributorRef.expertAccessRef,
a#cartDistributorRef.expertAccessRef {
  /*right: 128px;*/
}

a#selectChatRef.expertAccessRef,
a#designChatRef.expertAccessRef,
a#cartChatRef.expertAccessRef,
a#featureProductsRef.expertAccessRef {
  /*right: 256px;*/
  background: #3dcd58;
}

a#designNewProductsRef.expertAccessRef {
  padding: 0.4em 1.9em;
}

.expertAccessRef:hover {
  color: #42b4e6;
  background: white;
}

a#supportHref:hover {
  color: #b10043 !important;
}

a#selectChatRef.expertAccessRef,
a#cartChatRef.expertAccessRef,
a#designChatRef.expertAccessRef {
  padding: 0;
  display: flex;
  align-items: center;
}

img.chatImage {
  height: 28px;
  padding: 0 0 0 0.5em;
}

label.chatLabel {
  padding: 0.4em 1em 0.4em 0.5em;
}

div.categoryDivs {
  display: table;
  width: -webkit-calc(100% - 30px);
  width: -moz-calc(100% - 30px);
  width: calc(100% - 30px);
}

div.categoryDivs.hide,
div.categoryNameLayoutDivs.hide {
  display: none;
}

div.categoryNameLayoutDivs {
  display: flex;
  font-size: 18px; /*6-25-17*/
  font-weight: bold;
  background: none;
  padding: 0;
}

div.categoryNameDivs.decreaseSize {
  font-size: 15.75px; /*6-25-17*/
}

/* div.categoryNameDivs.iconMidSize {font-size: 18.25px; 6-25-17 } */

div.categoryNameLayoutDivs.multifilterHeadingsDivs i {
  height: 25px;
  width: 25px;
}

div.categoryNameLayoutDivs.multifilterHeadingsDivs i::before {
  height: 16px;
  top: 5px;
}

div.categoryNameLayoutDivs.multifilterHeadingsDivs i::after {
  width: 16px;
  left: 5px;
}

div.categoryLoadDivs {
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}

div.categoryLoadDivs.hide {
  display: none;
}

img.productImage.productImageSetHeight,
img.productImage.productImageSetWidth {
  position: absolute;
  pointer-events: initial;
}

img.productImage.productImageSetHeight {
  height: 100%;
  width: auto;
}

img.productImage.productImageSetWidth {
  width: 100%;
  height: auto;
}

.productImagesDiv {
  width: 100%;
  height: -webkit-calc(100% - 80px);
  height: -moz-calc(100% - 80px);
  height: calc(100% - 80px);
  margin-top: 5px;
  position: relative;
}

.productImages {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 100%;
  width: auto;
  height: 100%;
  max-height: 100%;
  height: auto;
  padding: 3px 0;
  box-sizing: border-box;
}

img.imageSetHeight {
  height: 90%;
}

img.imageSetWidth {
  width: 90%;
}
/*
img.imageSetFooterHeight {
    height: 100%;
}

img.imageSetFooterWidth {
    width: 100%;
}
    */
div#carousel2Navigation {
  margin-bottom: 0px !important;
  position: relative;
  height: 70px;
  margin: auto;
}

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

div#middleTop,
div.connected-carousels,
div.stage {
  /*max-width: 440px !important;
			overflow: hidden !important;*/
}

div.carousel-stage,
li.picContainer {
  /*max-width: 440px !important;
			max-height: 440px;*/
}

div.connected-carousels {
  height: 100%;
  width: 100%;
  position: absolute;
}

div.autodesk-forge-region {
  height: calc(100% - 34px);
  width: 100%;
  background-color: rgb(237, 237, 237);
  position: relative;
  margin: 10px 0 0 0;
}

div.autodesk-forge-viewer {
  height: 100%;
  width: 100%;
}

div#carousel2ImageContainer {
  height: 80px;
  position: absolute !important;
  /*top: 0% !important;*/
  left: 50% !important;
  margin-right: -50% !important;
  -ms-transform: translate(-50%, 0%) !important;
  -webkit-transform: translate(-50%, 0%) !important;
  transform: translate(-50%, 0%) !important;
}

div#designTabSocialDiv.lineupActive,
div#carousel2Navigation.lineupActive,
div#middleSectionHeading.lineupActive,
div.designTab-distributor-contact-chat-cont.lineupActive,
div.designTab-featured-new-cont.lineupActive {
  display: none;
}
/*
div#middleTop.lineupActive,
div#lineupContainer.lineupActive{
    height: 50% !important;
    width: 100% !important;
}

div#middleTopImages.lineupActive{
    padding: 20px !important;
    box-sizing: border-box !important;
}

div.stage.lineupActive{
    height: 100% !important;
    width: 100% !important;
    margin: 0 !important;
}

div#middleTopImages.lineupActive div.connected-carousels{
    position: initial;
}

div.stage.lineupActive div.carousel.carousel-stage,
div.stage.lineupActive div.carousel.carousel-stage ul.carouselLayoutFast,
div.stage.lineupActive div.carousel.carousel-stage ul.carouselLayoutFast li.picContainer{
    height: 100% !important;
}

div.stage.lineupActive div.carousel.carousel-stage ul.carouselLayoutFast li.picContainer img.productImageSetWidth,
div.stage.lineupActive div.carousel.carousel-stage ul.carouselLayoutFast li.picContainer img.productImageSetHeight{
    height: 100% !important;
    width: auto !important;
}
*/

#designTabSocialDiv {
  margin: 11px 0 0 0;
  padding: 0px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  background: #fff;
  overflow: initial;
  min-width: 1170px;
  z-index: 10;
}

#designTabSocialDiv.hide {
  display: none;
}

.socialFeeds a {
  padding: 0 5px;
  font-weight: bold;
  text-decoration: none;
  display: flex;
  height: 100%;
  align-items: center;
}

.socialFeeds.twitter a,
.socialFeeds.twitter ul li p.interact {
  color: #34abde;
}

.socialFeeds.facebook a {
  color: #3c5a96;
}

.socialFeeds.linkedin a {
  color: #127bb7;
}

.socialFeeds a i.fa {
  font-size: 22px;
  margin: auto 5px auto 0;
}

.socialFeeds-text {
  font-size: 14px;
  font-size: 12px;
  margin: auto, auto, auto, 5px;
  line-height: 12px;
  text-align: left;
  min-width: 320px;
}

div#groupsContainer {
  height: 27px;
  border: none;
  border-bottom: solid 3px #42b4e6;
  border-radius: 0;
  margin-bottom: 10px;
  padding-bottom: 0px;
  padding-top: 15px;
  width: 100%;
}

.prodFavOff {
  content: url("images/star_icon.png");
}

.prodFavOn {
  content: url("images/star_select_icon.png");
}

.profileFlag {
  height: 24px;
  margin: 0 7px;
}

/*  Ignite UI attaches a div with their logo watermark to the DOM that needs to be hidden
		We have a license to use this grid in this application*/

.ui-igtrialwatermark {
  display: none;
}

div#mobileButtonsDiv,
div#imagesMobileBackButtonDiv {
  display: none;
  width: 100%;
  height: 38px;
  margin-top: 9px;
  background: #3dcd58;
}

div.mobileNavDivs {
  width: -webkit-calc(100% / 3);
  width: -moz-calc(100% / 3);
  width: calc(100% / 3);
  float: left;
  height: 100%;
}

a.mobileNavButtons {
  color: white !important;
  background: #3dcd58 !important;
}

div#clearFreqReplaceDiv {
  display: none;
}

table#BOM-Table {
  border: solid black 1px;
  width: -webkit-calc(100% - 22px);
  width: -moz-calc(100% - 22px);
  width: calc(100% - 22px);
  height: -webkit-calc(100% - 289px);
  height: -moz-calc(100% - 289px);
  height: calc(100% - 289px);
  margin: 10px;
  overflow: auto;
}

.homeTabSections {
  float: left;
}

#homeTabFilterDiv {
  width: 10%;
  max-width: 350px;
  margin-right: 2px;
  overflow: auto;
}

#myProductsTagDiv {
  width: 100%;
  height: 100%;
}

#homeSplitter1 {
  width: 100%;
  height: 100%;
}

#homeSplitter2 {
  width: 100%;
  height: 100%;
  position: relative;
}

#homeTabMainSectionDiv {
  width: 55%;
  min-width: 50%;
  display: contents;
  margin: auto;
}

.homeTabMainSection {
  width: 100%;
  display: none;
}

.homeTabMainSection.active {
  display: block;
}

div#myProductsTagDivCont {
  height: -webkit-calc(100% - 20px);
  height: -moz-calc(100% - 20px);
  height: calc(100% - 20px);
  min-width: 300px;
  padding: 10px;
  overflow: auto;
  display: flex;
  flex-wrap: wrap;
  text-align: left;
  align-content: flex-start;
  /*position: relative;*/
}

#homeTabSchneiderWebDiv {
  width: 45%;
  height: 100%;
  /* min-width: 300px;*/
  max-width: 50%;
}

.schneiderWebToggle {
  height: 20px;
  width: 20px;
  padding: 8px 12px;
  float: right;
  margin-left: auto;
}

.schneiderWebToggle.disable {
  pointer-events: none;
}

.schneiderWebToggle.disable img.schneiderWebCloseIcon {
  display: none;
}

.schneiderWebCloseIcon {
  height: 100%;
}

.homeProfileModal {
  height: 100%;
  width: 100%;
  z-index: 0;
  overflow: auto;
}

.homeProfileTop {
  overflow: auto;
  position: relative;
}

.homeProfileBottom {
  background-color: #9fa0a4;
  width: 100%;
}

.ProfileTopHeadings {
  box-sizing: border-box;
  margin: 0;
  padding: 12px 0;
  width: 100%;
  height: 44px;
  float: left;
  min-width: 375px;
}

.profileEditableBody {
  height: 100%;
  overflow: auto;
  width: -webkit-calc(100% - 2px);
  width: -moz-calc(100% - 2px);
  width: calc(100% - 2px);
  margin-right: 2px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.myProfile-sections {
  box-sizing: border-box;
  margin: 0;
  padding: 0 60px 12px 12px;
  min-width: 375px;
  max-width: 600px;
}

.extra-info-section {
  padding-top: 17px;
}

.profile-company-info-container {
  width: 100%;
  height: 100%;
  display: block;
}

.profile-company-info-container.hide {
  display: none;
}

.homeProfileEditableSection,
.homeProjectEditableSection {
  width: 100%;
  height: 100%;
}

.modalActive {
  pointer-events: none;
}

.modalOverlay {
  pointer-events: none;
  z-index: 10000;
  background: black;
  opacity: 0.5;
}

.infoHeadingDiv {
  font-weight: bold;
  font-size: 16px;
}

.profileInfoHeadings {
  padding: 17px 0 0 0;
}

ul.profile-ul li label {
  white-space: initial;
}

.terms-conditions-span-text.red {
  color: red;
}

#homeOpenUpdateProfileButton,
.homeEditContactButtons {
  padding: 5px 20px;
  text-decoration: none;
  font-size: 12px;
  line-height: 24px;
  background: #42b4e6;
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 10px;
}

#homeOpenUpdateProfileButton.inactive {
  display: none;
}

.homeEditContactButtons {
  display: none;
}

.homeEditContactButtons.active {
  display: block;
}

#homeEditContactCloseButton {
  right: 100px;
  background: #009530;
}

table.expert-table {
  width: 100%;
}

th.expert-table-heading,
td.expert-table-td {
  padding: 5px 0;
}

.homeProjectsMenuBar {
  background: #9fa0a4;
  height: 36px;
}

#homeProjectsMenuButtons {
  list-style-type: none;
  margin: 0;
  padding: 0;
  background-color: #9fa0a4;
  width: 100%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  float: left;
  font-size: 16px;
  overflow-y: hidden;
  white-space: nowrap;
  width: -webkit-calc(100% - 152px);
  width: -ms-calc(100% - 152px);
  width: calc(100% - 152px);
}

#homeProjectsMenuButtons li {
  text-align: center;
  margin: 0 25px;
  display: inline-block;
}

#homeProjectsMenuButtons li a,
a#homeTabAddNewProjectRef {
  display: inline-block;
  color: white;
  text-align: left;
  text-decoration: none;
  height: 36px;
  line-height: 36px;
}

a#homeTabAddNewProjectRef {
  width: 140px;
  color: #b10043;
  font-size: 16px;
  margin-right: 12px;
}

.homeProjectUpperSections {
  box-sizing: border-box;
  padding: 12px;
  height: 100%;
  float: left;
  min-width: 300px;
}

.homeProjectLeftSection {
  width: -webkit-calc(100% - 302px);
  width: -ms-calc(100% - 302px);
  width: calc(100% - 302px);
  float: left;
  height: 100%;
}

.homeProjectRightSection {
  width: 300px;
  float: left;
  height: 100%;
  margin-right: 2px;
}

.homeProjectTop {
  height: -webkit-calc(100% - 50px);
  height: -moz-calc(100% - 50px);
  height: calc(100% - 50px);
  overflow: auto;
}

.homeProjectBottom {
  height: 50px;
}

.homeProjectTabs {
  display: none;
  width: 100%;
  height: 100%;
  overflow: auto;
}

.homeProjectTabs.active {
  display: block;
}

.homeProjectsListings {
  height: -webkit-calc(100% - 36px);
  height: -ms-calc(100% - 36px);
  height: calc(100% - 36px);
  overflow: auto;
  display: block;
}

.homeProjectsEdit {
  height: 100%;
  overflow: auto;
  display: block;
}

.homeProjectsListings.inactive,
.homeProjectsEdit.inactive,
#homeProjectsMenu.inactive {
  display: none;
}

#editProjectImageDiv {
  padding-top: 53px;
}

#projectPicture {
  width: 100%;
  box-sizing: border-box;
}

#projectFileForUploadButton {
  color: #e47f00 !important;
  text-align: center;
  cursor: pointer;
  background: none;
  padding: 0;
  border: none;
  white-space: inherit;
  margin: auto;
}

.projectContainer {
  height: 180px;
  width: 100%;
  border-bottom: solid 2px #9fa0a4;
  padding: 10px;
  overflow: auto;
  box-sizing: border-box;
}

.projectImageContainer {
  width: 150px;
  float: left;
  height: 100%;
}

.projectImages {
  width: 100%;
  height: 100%;
}

.projectEditIcon {
  height: 14px;
  float: right;
  cursor: pointer;
}

.projInfoColumns {
  float: left;
  height: 100%;
  width: -webkit-calc((100% - 170px)/3);
  width: -ms-calc((100% - 170px)/3);
  width: calc((100% - 170px) / 3);
  padding: 0 10px;
  box-sizing: border-box;
}

.projectInfoHeading {
  font-weight: bold;
  font-size: 14px;
  padding-bottom: 5px;
}

.projectInfoData {
  padding-bottom: 5px;
}

.projectInfoDropdowns {
  border: none;
}

.myDocumentsSplitter {
  height: 100%;
  width: 100%;
}

div#homeContactsSearchDiv a.inviteContactsLink {
  color: #e47f00;
}

input#contactEmailInviteInput {
  background: lightyellow;
  margin: 0 10px 0 40px;
}

a#inviteContactLink {
  margin-right: 10px;
}

#homeContactsSearchDiv {
  height: 20px;
  padding: 10px 37px 10px 20px;
  align-items: center;
}

#contactSearch,
#contactEmailInviteInput {
  margin: 0 10px;
}

#addNonFastContactLink {
  margin-left: auto;
}

.contactsHeader {
  height: 14px;
  padding: 10px;
  background: #9fa0a4;
  color: #626469;
  font-weight: bold;
  display: flex;
  align-items: center;
}

.contactsSection1 {
  width: 50px;
}

.contactsSection2 {
  width: -webkit-calc((100% - 100px)/3);
  width: -moz-calc((100% - 100px)/3);
  width: calc((100% - 100px) / 3);
}

#contactsEditDiv {
  height: 100%;
  width: 100%;
  display: none;
}

#contactsEditDiv.active {
  display: block;
}

#contactsEditAppendTempl {
  height: -webkit-calc(100% - 50px);
  height: -moz-calc(100% - 50px);
  height: calc(100% - 50px);
  width: 100%;
  overflow: auto;
}

.contactsLoadDiv {
  width: 100%;
  height: -webkit-calc(100% - 148px);
  height: -moz-calc(100% - 148px);
  height: calc(100% - 148px);
  display: block;
}

.contactsLoadDiv.contactInfoDisplay.active {
  display: block;
}

.contactInfoDisplay {
  display: none;
}

.contactInfoDisplay.active {
  display: flex;
}

.friendContainer {
  display: flex;
  padding: 10px;
  height: 30px;
  align-items: center;
}

a.editFriendsButton {
  color: #626469 !important;
  text-decoration: none;
  border: solid 1px #626469;
  padding: 7px;
}

.friendsIcon {
  height: 30px;
  width: 30px;
}

.contactsSubmitDiv {
  height: 50px;
  padding: 12px;
}

.contactsSubmitDiv a {
  color: #626469;
  text-decoration: none;
}

.updateContacts-Edit {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 250px;
  margin-left: auto;
}

.contactsEditProfileFor {
  height: 20px;
  padding: 15px 12px;
}

.contactsProfileForHeaderLeft {
  font-size: 16px;
}

.contactsProfileForHeaderRight {
  font-size: 20px;
  font-weight: bold;
}

.editProfilePermissionTemplateDiv.hideElem {
  display: none;
}

.contactPermissionsTable {
  width: 100%;
}

.permissionLabel {
  width: 100px;
}

.permissionInputs {
  width: -webkit-calc((100% - 100px)/4);
  width: -moz-calc((100% - 100px)/4);
  width: calc((100% - 100px) / 4);
  text-align: center;
}

#landingTabBIMSection {
  height: 100%;
  width: 100%;
  overflow: auto;
}

.bimImageContainer.awardSection {
  position: relative;
  padding-top: 30px;
  margin: 0 auto;
  width: 90%;
  max-width: 1200px;
  text-align: center;
  box-sizing: border-box;
  overflow: hidden;
}

.vidAndTextContainer h1 {
  color: #3dcd58;
  font-size: 30px;
}

#landingTabBim4 .half-width {
  width: 46%;
}

div.flexButton {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.vidAndTextContainer .button {
  padding: 8px 16px;
  background-color: #42b4e6;
  text-decoration: none;
  line-height: 45px;
}

.vidAndTextContainer div.flexButton .button {
  line-height: initial;
}

.vidAndTextContainer .well {
  display: flex;
  margin: 20px 0px;
  padding: 30px;
  text-align: left;
  background-color: #eaeaea;
}

#landingTabBim4 {
  padding: 0;
  height: 100%;
  box-sizing: border-box;
}

#landingTabBim4 .well h3 {
  color: #3dcd58;
}

.vidAndTextContainer .well iframe {
  width: 100%;
  height: 100%;
}

.vidAndTextContainer .video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  border: solid 20px black;
  border-radius: 16px;
}

.vidAndTextContainer .video-container iframe,
.vidAndTextContainer .video-container object,
.vidAndTextContainer .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.well.noBackground {
  background: none;
  height: calc(100% - 40px);
  width: 100%;
  padding: 60px;
  box-sizing: border-box;
  max-width: 1800px;
  margin: 0 auto;
}

div#landingTabBim7 {
  margin-bottom: 0;
}

div#landingTabBim7 div.well.noBackground div.video-container {
  padding: 0;
  height: 100%;
  box-sizing: border-box;
}

.bimBackground {
  position: relative;
  width: 100%;
  height: 100%;
  margin-bottom: 150px;
}

#landingTabBim6 {
  margin-bottom: 0;
}

.hideForLandingTab,
a.bannerToggleLink.hideForLandingTab {
  display: none !important;
}

.bimImageContainer {
  width: 100%;
  height: -webkit-calc(100% - 100px);
  height: -moz-calc(100% - 100px);
  height: calc(100% - 100px);
}

.bimImageContainer.fullSize {
  display: flex;
  align-items: center;
}

.bimImageContainer.centeredImageContainer {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.landingPageIframe {
  height: 80%;
  width: 80%;
  max-width: 1072px;
}

.bimImageContainer img,
.communityTabBackgroundDiv img {
  min-width: 100%;
  max-width: 100%;
  max-height: 100%;
}

img.bimImageSetHeight {
  min-width: 0;
  height: 100%;
}

.bimImageContainer img.bimImageSplit {
  max-height: 50%;
}

.bimTextContainer {
  position: absolute;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 50%;
  height: -webkit-calc(100% - 100px);
  height: -moz-calc(100% - 100px);
  height: calc(100% - 100px);
}

.bimTextContainer.left {
  left: 0px;
}

.bimTextContainer.right {
  right: 0px;
}

.bimInnerTextContainer {
  width: 300px;
  overflow: auto;
  color: #ffffff;
  background: black;
  opacity: 0.75;
  padding: 20px 30px;
  max-height: 100%;
}

.bimInnerTextContainer.left {
  margin: auto auto auto 40px;
}

.bimInnerTextContainer.right {
  margin: auto 40px auto auto;
}

.bimText {
  display: block;
  text-align: justify;
  font-size: 18px;
}

.bimLandingArrowButtonDiv {
  width: 100%;
  height: 100px;
  display: flex;
  align-items: center;
}

.bimLandingArrowButtonDiv a {
  margin: auto;
}

.bimLandingReturnButtonDiv {
  position: fixed;
  bottom: 0px;
}

.bimLandingReturnButtonDiv.hide {
  display: none;
}

.bimArrowButton,
.landingTabReturnTopImage {
  height: 40px;
}

.bimArrowButton.bimArrowButtonUp {
  transform: rotate(180deg);
}

.landingTabReturnTopImage {
  transition: all 0.3s ease-in-out;
  transform: rotate(90deg);
}

.landingTabSection2 {
  /*position: relative;*/
  width: 100%;
  height: 100%;
}
/*
.landingTabSection2 a{
    margin: 0 20px 0 auto;
}
   */
.communityTabDivs {
  display: none;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
}

.communityTabDivs.active {
  display: flex;
  justify-content: space-around;
}

#communityTabBody,
#vSpacesTabBody {
  width: 100%;
  height: -webkit-calc(100% - 39px);
  height: -moz-calc(100% - 39px);
  height: calc(100% - 39px);
  position: relative;
  display: block;
}

#communityTabBackgroundDiv {
  height: 100%;
  width: 100%;
}

#communityTabBackgroundImage {
  width: 100%;
}

.bimIFrames {
  width: 50%;
  height: 100%;
  resize: horizontal;
}

#vSpacesTabBody {
  display: flex;
}

#vSpacesLeft {
  height: 100%;
  width: 40%;
  overflow: auto;
  display: block;
}

/*vSpaces*/
.vSpacesIcon {
  height: 16px;
  width: 16px;
  margin-right: 10px;
}

.vSpacesItem {
  list-style-type: none;
  border: none;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

#vSpacesRight {
  height: 100%;
  width: 60%;
  overflow: auto;
  display: block;
}

.vSpacesLeft,
.vSpacesRight {
  display: none;
  width: -webkit-calc(100% - 2px);
  width: -moz-calc(100% - 2px);
  width: calc(100% - 2px);
  height: 100%;
  margin-right: 2px;
  overflow: auto;
}

.vSpacesLeft.active,
.vSpacesRight.active {
  display: block;
}

.vSpacesImages {
  min-width: 100%;
}

#vSpacesIframe {
  min-width: 100%;
  min-height: 100%;
}

.vSpacesSection {
  display: none;
}

.vSpacesSection.active {
  display: block;
}

.vSpacesOptionsContainer.retract {
  display: none;
}

.vSpacesLabelContainer {
  padding: 1px 10px;
}

.vSpacesFilterHeading {
  margin: 4px 0;
  color: #626469;
  font-weight: bold;
}

.vSpacesToolsUL {
  padding-left: 30px;
}

.vSpacesItem a.vToolsLink {
  text-decoration: none;
  color: #626469;
  font-weight: bold;
}

.vSpacesItem a.vToolsLink.active {
  color: #42b4e6;
}

.vSpacesTools {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: none;
}

.vSpacesTools.active {
  display: block;
}

/*particles.js add-in styling*/
#particles-js {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: -webkit-calc(100% - 100px) !important;
  height: -moz-calc(100% - 100px) !important;
  height: calc(100% - 100px) !important;
}

@media only screen and (max-width: 1100px) {
  div.divContainers.rowLayout {
    width: 100% !important;
  }

  div#productPictures.rowLayout {
    flex-direction: column;
  }
}

@media only screen and (max-height: 935px) {
  div.distributor-contact-chat-cont,
  div.featured-new-cont {
    display: none;
  }
}

div#homeTabBody {
  height: 100%;
}

@media only screen and (max-width: 1100px) {
  /*  div#productPicturesContainer {
        height: -webkit-calc(100% - 276px);
        height: -moz-calc(100% - 276px);
        height: calc(100% - 276px);
    }*/

  /*   img#gearIcon,*/
  img#learningLinkIcon,
  img#docManagerIcon,
  img#imageManagerIcon,
  img#blueLinkIcon,
  img#schneiderLogo {
    display: none;
  }

  div#tabListDiv {
    width: 100%;
  }

  div#schneiderLogoDiv {
    display: none;
  }

  ul#docHeading {
    display: flex;
    padding-right: 12px;
  }

  ul#docHeading li#tabQuoteButton {
    /* margin-right: 0;*/
  }

  ul#docHeading li#tabCompareButton {
    margin-right: 0;
  }

  .figcaptions.imageLayout {
    /*display: none;*/
  }

  /*2/27/19    div.divsMiddle.imageLayout {
        height: 25%;
        width: 100%;
        text-align: center;
    }
*/
  /*  p.parMiddle {
        position: relative;
        -webkit-transform: initial;
        -ms-transform: initial;
        transform: initial;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        top: 100%;
        left: inherit;
        margin-right: 0;
    }*/
  /*
    figure.figures.imageLayout {
        height: 150px;
        margin: 0;
    }

    div.divsLeft {
        display: block;
        height: 150px;
    }
       */
  div.divsLeft.categoryLayout {
    float: none;
  }
  /*2/27/2019
    div.divContainers.imageLayout,
    div.divContainers.categoryLayout {
        height: 150px;
        padding-bottom: 25px;
    }

        div.divContainers.imageLayout.decreaseSize,
        div.divContainers.categoryLayout.decreaseSize {
            height: 100px;
            padding-bottom: 25px;
        }
*/
  div.productImagesDiv {
    /*height: 100%;*/
    /* height: 150px;*/
  }

  div#categorySubCategoryHead {
    font-size: 12px !important; /*6-25-17*/
  }
}

@media only screen and (max-width: 980px) {
  ul.tier-two-menu.show {
    overflow: auto;
  }
}

@media only screen and (max-width: 800px) {
  /*2/27/2019    div#categoryImageDiv,
    div.prodListing-comp-div,
    div.productTab-amazonStarRatingDivs {
        display: none !important;
    }
*/
  .mobileShow {
    display: block !important;
  }

  .mobileHide {
    display: none !important;
  }

  div#productPictures {
    width: -webkit-calc(100% - 4px);
    width: -moz-calc(100% - 4px);
    width: calc(100% - 4px);
    margin: 0 2px;
    height: -webkit-calc(100% - 47px);
    height: -moz-calc(100% - 47px);
    height: calc(100% - 47px);
    position: relative;
  }

  div#previous-mobile-button-accordion {
    display: block;
    height: 46px;
    width: 100%;
    bottom: 0px;
    position: absolute;
    background: #3dcd58;
  }

  div#designTab-previous-selector-overview-products-buttonGroup {
    display: none;
    height: 46px;
    width: 100%;
    background: #3dcd58;
  }

  div#designTab-previous-selector-overview-products-buttonGroup.mobileShow {
    display: block;
  }

  div.mobile-selector-buttons {
    width: 25%;
    float: left;
    height: 100%;
    background: #3dcd58 !important;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: solid 1px white;
    border-left: solid 1px white;
    box-sizing: border-box;
  }

  div.mobile-selector-overview-products.active {
    color: #ffd100;
  }
  /*2/27/2019
    div.divContainers.imageLayout, div.divContainers.categoryLayout {
        height: 100px;
        width: 100px;
        padding: 0 6px 12px 6px;
    }

    div.productImagesDiv {
        height: -webkit-calc(100% - 40px);
        height: -moz-calc(100% - 40px);
        height: calc(100% - 40px);
    }

    div.prod-text-empty-holder {
        height: 40px;
    }
*/
  div#selectTabSplitterContainer,
  div#homeTabBody {
    height: -webkit-calc(100% - 72px);
    height: -moz-calc(100% - 72px);
    height: calc(100% - 72px);
  }

  div.removeOnProductChange,
  div.removeOnProductChange.splitWidth,
  div.wizardTemplateDiv.splitWidth {
    width: 100%;
    margin-right: 0;
  }

  div#solutionSearchDiv.splitWidth {
    width: -webkit-calc(100% - 24px);
    width: -moz-calc(100% - 24px);
    width: calc(100% - 24px);
    margin: 0 12px 5px 12px;
  }

  div.featuresSelectBoxes,
  div.featuresSelectBoxes.splitWidth {
    display: block;
  }

  div#tabControl.active,
  div#fullCalendar.active {
    height: -webkit-calc(100% - 60px);
    height: -moz-calc(100% - 60px);
    height: calc(100% - 60px);
  }

  div.footerDivs,
  a.bannerToggleLink {
    display: none !important;
  }

  div.expertButtonClassDiv,
  div#selectTabVerticalButtons,
  div#designTabVerticalButtons,
  div#designTabVerticalButtonsNewProds,
  div#designTabTwitterDiv,
  img.pushpinIcon,
  div#productPicturesContainer div.distributor-contact-chat-cont,
  div#productPicturesContainer div.featured-new-cont {
    display: none !important;
  }

  .multifilter-close-icon {
    display: block;
  }
  /*
    div.divContainers.imageLayout {
        width: 75px;
        padding-right: 7.5px;
    }

    div.divsLeft {
        height: 75px;
    }

    figure.figures.imageLayout {
        height: 75px;
        width: 75px;
    }

    div.productImagesDiv {
        height: 75px;
    }

    div.divContainers.categoryLayout {
        width: 75px;
        padding-left: 0px;
        padding-right: 0px;
        padding: 0;
        margin: 0;
    }

    figure.figures.categoryLayout {
        height: 120px;
        width: 75px;
    }
*/
  /*2/27/2019   div.categoryDivs {
        padding: 0px 2px;
        width: -webkit-calc(100% - 4px);
        width: -moz-calc(100% - 4px);
        width: calc(100% - 4px);
    }

    figcaption.figcaptions.categoryLayout {
        font-size: .75em;
    }
*/

  li#tabAccountButton,
  li#tabCompareButton {
    display: none !important;
  }

  ul#docHeading li#tabQuoteButton {
    margin-right: 0;
  }

  ul#subMenuButtons li,
    ul#homeTabSubMenuButtons li /*,
    ul#communityTabSubMenuButtons li,
    ul#vSpacesTabSubMenuButtons li*/ {
    margin: 0 15px;
  }
  /*2/27/2019
    p.parRight {
        display: none;
    }

    p.parRight-short {
        display: block;
    }

    .divsLeft:hover .prodText {
        top: 150px;
        background: #ffffff;
        color: #626469;
    }

    div.divsLeft.rowLayout {
        width: 100px;
    }

    div.divsMiddle.rowLayout,
    div.divsRight.rowLayout {
        width: -webkit-calc(100% - 140px);
        width: -moz-calc(100% - 140px);
        width: calc(100% - 140px);
    }

        div.divsMiddle.rowLayout img.divsMiddle__favImgStar {
            display: inline-flex;
            height: 14px;
            margin-left: auto;
        }

    div.divsLeft.rowLayout div.prod-text-empty-holder,
    div.divsLeft.rowLayout div.prodText {
        display: none;
    }

    div.divContainers.rowLayout {
        height: 100px;
        border-bottom: solid 1px lightgrey;
    }

    div.divsLeft.rowLayout figure.figures.rowLayout {
        border: none;
    }

        div.divsLeft.rowLayout figure.figures.rowLayout div.productImagesDiv {
            height: 100%;
        }

    figure.figures.rowLayout div.productImagesDiv img.productImages {
        max-height: 100%;
        max-width: 100%;
        padding: 0 5px;
    }
    */
}

@media only screen and (max-width: 600px) {
  li#tablesItem,
  a.headerIcons.myLinks,
  a.headerIcons.docManager {
    display: none !important;
  }

  ul#subMenuButtons,
    ul#homeTabSubMenuButtons /*,
    ul#communityTabSubMenuButtons,
    ul#vSpacesTabSubMenuButtons */ {
    width: 100%;
  }

  ul#subMenuButtons li,
        ul#homeTabSubMenuButtons li /*,
        ul#communityTabSubMenuButtons li,
    ul#vSpacesTabSubMenuButtons li*/ {
    /*margin-right: auto;*/
  }
}

@media only screen and (max-width: 550px) {
  ul#subMenuButtons a,
    ul#homeTabSubMenuButtons a /*,
    ul#communityTabSubMenuButtons a,
    ul#vSpacesTabSubMenuButtons a */ {
    /* padding: 10px 3px;*/
    /*font-size: .75em;*/
  }

  span#productTypesDropDown-button,
  ul#productTypesDropDown-menu {
    /* font-size: .75em;*/
  }

  input#rangeSearch {
    font-size: 0.75em;
  }
}

@media only screen and (max-width: 500px) {
  div#subMenuSelectors,
    div#homeTabSubMenuSelectors /*,
    div#communityTabSubMenuSelectors,
    div#vSpacesTabSubMenuSelectors*/ {
    width: 100%;
  }

  div#subMenu1 {
    height: 36px;
  }

  div#subMenuIcons {
    height: 100%;
  }

  div#selectTabSplitterContainer {
    height: -webkit-calc(100% - 36px);
    height: -moz-calc(100% - 36px);
    height: calc(100% - 36px);
  }

  div.subMenuDivs {
    /* margin-left: 6px;*/
  }

  div#countryImageDiv {
    /*    width: 30px !important;
            margin: 0 0 0 6px;*/
  }

  ul#docHeading {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    padding-right: 12px;
  }

  ul#docHeading li {
    margin-right: auto;
  }

  ul#docHeading li#tabDesignButton {
  }

  div#productTypesContainer {
    padding: 0 !important;
  }

  ul#subMenuButtons,
    ul#homeTabSubMenuButtons /*,
    ul#communityTabSubMenuButtons,
    ul#vSpacesTabSubMenuButtons*/ {
    /*  width: -webkit-calc(100% - 110px);
              width: -moz-calc(100% - 110px);
              width: calc(100% - 110px);*/
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
  }

  ul#docHeading li#tabCommunityButton,
  ul#docHeading li#tabToolsButton,
  ul#subMenuButtons li.headerLinks.mobile-header-hide,
  ul#subMenuButtons li#threeLineMenu.headerLinks,
  ul#subMenuButtons li#descriptionItem.headerLinks,
  div#subMenuSelectors {
    display: none;
  }

  div#searchBoxDiv {
    width: -webkit-calc(100% - 194px);
    width: -moz-calc(100% - 194px);
    width: calc(100% - 194px);
  }

  form#selectTabSearchForm {
    width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: calc(100% - 40px);
    max-width: 200px;
  }

  input#rangeSearch {
    max-width: 200px;
    width: 100%;
    min-width: 100px;
  }

  div.layoutFastHeaderDiv {
    font-size: 2em;
  }

  div#layoutFastHead {
    pointer-events: none;
  }

  span#proHeader {
    font-size: 14px;
    height: 27px;
  }
}

@media only screen and (max-width: 450px) {
  div.subMenuDivs {
    margin-left: 6px;
  }

  div#countryImageDiv {
  }

  div#searchBoxDiv {
    width: -webkit-calc(100% - 176px);
    width: -moz-calc(100% - 176px);
    width: calc(100% - 176px);
  }

  input#rangeSearch {
    min-width: 100px;
  }
}

@media only screen and (max-width: 400px) {
  div.subMenuDivs {
    margin-left: 6px;
  }

  div#countryImageDiv {
    width: 30px !important;
    margin: 0 0 0 6px;
  }

  div#layoutFastHead {
    /*width: 175px !important;*/
  }

  div#layoutFastLogoDiv {
  }

  div#settingsDiv {
    margin-right: 0 !important;
  }

  ul#docHeading li a {
    font-size: large;
    padding: 6.5px 0px;
  }

  span#productTypesDropDown-button span.ui-selectmenu-text,
  ul#subMenuButtons li a ul#homeTabSubMenuButtons li a,
  ul#communityTabSubMenuButtons li a,
  ul#vSpacesTabSubMenuButtons li a {
    font-size: 12px; /*6-25-17*/
  }

  div#userDiv {
    font-size: 1em !important;
  }

  span#productTypesDropDown-button {
    width: 100% !important;
  }

  div#subMenuIconsDiv {
  }

  div#searchBoxDiv {
    width: -webkit-calc(100% - 138px);
    width: -moz-calc(100% - 138px);
    width: calc(100% - 138px);
  }

  form#selectTabSearchForm {
    width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: calc(100% - 40px);
  }

  input#rangeSearch {
    width: 100%;
    min-width: 100px;
  }

  img#headerImageTag {
    margin-left: 0 !important;
  }
}

@media only screen and (max-width: 359px) {
  img#headerImageTag {
    display: none;
  }
}
/*  this block is for media queries for the design tab */

@media only screen and (max-width: 800px) {
  div.vsplitter,
  div.footerItems,
  a.footerArrowRefs,
  div#saveOpenClearContainer,
  div.designTab-distributor-contact-chat-cont,
  div.designTab-featured-new-cont,
  div.social-media-links-div,
  div#designTabSocialDiv,
  div#amazonRightSection div.clearFilterDiv {
    display: none !important;
  }

  div#mobile-freq-repl {
    display: block;
  }

  div#clearFreqReplaceDiv {
    display: block;
    height: 38px;
    width: 100%;
  }

  div#mainSection {
    height: 100%;
    margin-top: 5px;
  }

  div#mainSection.mobileMainLeft {
    height: -webkit-calc(100% - 140px);
    height: -moz-calc(100% - 140px);
    height: calc(100% - 140px);
  }

  div#mainSection.overviewFullHeight,
  div#mainSection.mobileMainLeft.overviewFullHeight {
    height: -webkit-calc(100% - 87px);
    height: -moz-calc(100% - 87px);
    height: calc(100% - 87px);
  }

  div#leftSection.left_panel,
  div#splitterContainer2 {
    min-width: 200px;
    width: 100% !important;
    max-width: 100%;
  }

  div#leftSection {
    padding: 0;
    overflow: hidden;
  }

  div#mobileProductNameContainer {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    align-items: center;
  }

  div#middleSection {
    /* width: 98% !important;
        left: 50%;
        margin-right: -50%;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);*/
    width: 100% !important;
    padding: 0;
  }

  div#middleTop {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    -ms-transform: translate(-50%, -50%) !important;
    -webkit-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
  }

  div.prodNameContainer {
    height: 48px;
  }

  img.companyNameImage {
    height: 24px;
  }

  div.middleSectionGeneralView {
    height: -webkit-calc(100% - 48px);
    height: -moz-calc(100% - 48px);
    height: calc(100% - 48px);
  }

  div.middleSectionGeneralView.overviewFullHeight {
    height: -webkit-calc(100% - 4px);
    height: -moz-calc(100% - 4px);
    height: calc(100% - 4px);
  }

  div#rightSection {
    width: 100% !important;
    height: 100% !important;
    /*padding-right: 10px;*/
    left: 50%;
    margin-right: -50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }

  div#mobileButtonsDiv {
    display: block;
  }

  div#imagesMobileBackButtonDiv {
    display: block;
  }

  div#middleSectionHeading,
  div#prodNameContainer {
    display: none;
  }

  .fullScreen {
    display: none;
  }

  .mobileScreen {
    display: block;
  }

  a.clearButton.linkButton,
  a.mobileNavButtons {
    height: 100%;
    background: #3dcd58;
    color: white;
    border-radius: 0;
    margin-top: 0px;
    margin-bottom: 0px;
  }

  a.clearButton.linkButton span.ui-button-text,
  a.mobileNavButtons span.ui-button-text {
    position: relative;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    padding: 0;
  }

  div.dropdown-content-1 {
    font-size: 9px; /*6-25-17*/
    left: 15%;
    width: 70%;
    margin-left: 0;
  }

  div.dropdown-content-1 a {
    white-space: initial;
  }

  .dropdown:hover .dropdown-content-1 {
    max-height: -webkit-calc(100% - 150px);
    max-height: -moz-calc(100% - 150px);
    max-height: calc(100% - 150px);
  }

  a#mobileClearSolutionButton,
  a#mobileComponentButton,
  a#mobileClearBackButton,
  a#mobileBackButton,
  a#mobileImagesButton {
    width: -webkit-calc(100% - 1px);
    width: -moz-calc(100% - 1px);
    width: calc(100% - 1px);
    background: #3dcd58;
    border: none;
  }

  a#mobileRelatedButton,
  a#mobilePartsIncludedButton {
    width: 100%;
    border: none;
    margin: 0;
  }

  a#mobileClearSolutionButton,
  a#mobileBackButton {
    border-right: solid 1px white;
    margin: 0;
  }

  a#mobileComponentButton,
  a#mobileImagesButton {
    border-left: solid 1px white;
    margin: 0;
  }

  a#imagesMobileBackButton {
    border: none;
    margin: 0;
  }

  a.mobileNavButtons {
    line-height: 28px;
    padding: 5px 0;
  }

  div#footerContainer {
    height: -webkit-calc(100% - 135px);
    height: -moz-calc(100% - 135px);
    height: calc(100% - 135px);
    border: none;
  }

  div#footerImages {
    width: 100% !important;
    text-align: left;
    height: 100%;
    overflow: auto;
    margin: 0;
  }

  ul#footerCarousel {
    height: 100%;
    width: 100% !important;
  }

  li.footerLi {
    width: 100px;
    height: 150px;
  }

  figure.figuresFooter {
    height: 140px;
    /*width: 75px;*/
    float: left;
    margin: 10px 0px 10px 0px;
    padding-left: 3.5px;
    text-align: left;
    font-size: 0.75em;
  }

  div.footerImageContainers {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-bottom: 5px;
  }

  img.productImagesRelated {
    /* max-height: 75px;
        max-width: 75px;*/
  }

  div.figuresFooterName {
    display: block;
    font-size: 9px; /*6-25-17*/
  }

  div#triangleSelectorDiv {
    display: block;
    height: 19px;
  }

  div.triangleSelectors {
    width: -webkit-calc(100% / 3);
    width: -moz-calc(100% / 3);
    width: calc(100% / 3);
    float: left;
    height: 100%;
    position: relative;
  }

  span.triangleSelectorsSpan {
    width: 0;
    height: 0;
    border-left: 19px solid transparent;
    border-right: 19px solid transparent;
    border-bottom: 19px solid #3dcd58;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
  }
  /*
    .ui-selectmenu-menu .ui-menu{
        max-height: 200px;
    }
        */
  li.ui-menu-item {
    line-height: normal !important;
  }

  div#middleSectionHeading {
    padding-left: 10px;
  }

  div.prodOverview-displaySection {
    padding-right: 10px;
  }

  div.amazonItemsLoad {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  div.amazonFilterItemContainer.layoutThumbnailFormat {
    width: 48%;
    margin: 0 0 20px 0;
    min-width: 0;
  }
}

@media only screen and (max-width: 500px) {
  a.clearButton.linkButton span.ui-button-text {
    font-size: 0.9em;
  }

  div.amazonFilterItemContainer {
    margin-right: 0;
  }

  @media only screen and (max-width: 345px) {
    a.clearButton.linkButton span.ui-button-text {
      font-size: 0.8em;
    }
  }
}

/*  this block is for media queries for the project tab */

@media only screen and (max-width: 900px) {
  div#projectSubMenu {
    font-size: 0.7em;
  }
}

@media only screen and (max-width: 800px) {
  div#projectButtonsDiv,
  div#projectFooterDiv,
  div#cartFooterDiv {
    display: none;
  }

  table#BOM-Table {
    font-size: 0.75em;
  }
}

#caption-wrap {
  position: absolute !important;
  right: 0;
  top: 100px;
}

#toggle-caption {
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  float: right;
  background: #ddd;
  border-right: 1px solid #fff;
  border-radius: 10px 0px 0px 10px;
  box-shadow: 0px -10px 10px -10px #bbb inset;
  cursor: pointer;
}

#caption {
  float: right;
  background: #ddd;
  padding: 0 10px;
  box-shadow: 0px -10px 10px -10px #bbb inset;
  display: none;
}

.vertButttonExpansionLinks {
  float: left;
  width: 80px;
  padding: 10px;
  text-align: center;
  align-items: center;
}

.vertButtonExpansionImages {
  height: 28px;
}

.product-overview {
  padding: 30px;
  box-sizing: border-box;
  background-image: url("images/BIM-Images/BIM_Pic5.jpg");
  background-size: cover;
  height: 100%;
  width: 100%;
  overflow: auto;
}

.product-panel {
  margin: auto;
  margin-bottom: 20px;
  padding: 20px;
  text-align: left;
  max-width: 300px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.8);
}

.product-panel ul {
  padding-left: 15px;
}

.product-overview td {
  width: 33%;
  text-align: center;
  vertical-align: top;
}