@import url("https://fonts.googleapis.com/css?family=Roboto");
@import url("//pro.fontawesome.com/releases/v5.11.2/css/all.css");
/*html, body {
    font-family: "Roboto", sans-serif;
}*/
.dbe-button,
.logout_content .loginpage_link a.ContentLink {
  background-color: #e13c20 !important;
  color: #ffffff !important; }
  .dbe-button:hover, .dbe-button:active,
  .logout_content .loginpage_link a.ContentLink:hover,
  .logout_content .loginpage_link a.ContentLink:active {
    background-color: #b62f18 !important;
    color: #ffffff !important; }

a.dbe-button:visited {
  color: #ffffff !important; }

.dbe-button,
.loginbutton_btn {
  background-color: #e13c20 !important;
  color: #ffffff !important; }
  .dbe-button:hover, .dbe-button:active,
  .loginbutton_btn:hover,
  .loginbutton_btn:active {
    background-color: #b62f18 !important;
    color: #ffffff !important; }

.promo .total-wrapper a.btn.add-to-cart {
  /*promo button wasn't matching inventory add to cart button*/
  border-radius: 3px !important;
  background-color: #8c8c8c !important;
  color: #ffffff !important; }
  .promo .total-wrapper a.btn.add-to-cart:hover, .promo .total-wrapper a.btn.add-to-cart:active {
    border-radius: 3px !important;
    background-color: #737373 !important; }

.dbe-button.dbe-checkout-button:not(.dbe-button-disabled) {
  background-color: #e13c20 !important;
  color: #ffffff !important; }
  .dbe-button.dbe-checkout-button:not(.dbe-button-disabled):hover, .dbe-button.dbe-checkout-button:not(.dbe-button-disabled):active {
    background-color: #b62f18 !important;
    color: #ffffff !important; }

.dbe-button.dbe-button-disabled {
  background-color: #e2e2e2 !important; }

/*button adjustments*/
/*bee buttons*/
#importPane #middle .get-template .mb-btn, #importPane #top #groupsDiv #groupForm .form-group .mb-btn#addBtn {
  color: #ffffff !important; }

#wrapper.login .login-panel p.welcome-login-text {
  color: #8c8c8c;
  font-family: "Roboto", sans-serif !important; }

#wrapper.login .login-panel .login-box #username-text_container::before,
#wrapper.login .login-panel .login-box #password-text_container::before {
  color: #e13c20; }

#wrapper.login .login-panel .login-box .dbe-textfield {
  color: #8c8c8c;
  border-bottom-color: #8c8c8c !important; }

#wrapper .header-wrapper .header-info-right .contact-info span,
#wrapper .header-wrapper .header-info-right .contact-info a {
  color: #8c8c8c; }

#wait .ydlg-hd-left,
#wait .ydlg-dlg-body {
  background-color: #8c8c8c; }

#wrapper .header-wrapper .header-nav #top_nav_v2 #nav_wrapper ul#nav li a,
#wrapper .header-wrapper .header-nav #top_nav_v2 #nav_wrapper ul#nav li a:hover,
#wrapper .header-wrapper .header-nav #top_nav_v2 #nav_wrapper ul#nav li a:active {
  color: #8c8c8c; }
  #wrapper .header-wrapper .header-nav #top_nav_v2 #nav_wrapper ul#nav li a .dd_arrow::before,
  #wrapper .header-wrapper .header-nav #top_nav_v2 #nav_wrapper ul#nav li a:hover .dd_arrow::before,
  #wrapper .header-wrapper .header-nav #top_nav_v2 #nav_wrapper ul#nav li a:active .dd_arrow::before {
    border-top-color: #8c8c8c; }
  #wrapper .header-wrapper .header-nav #top_nav_v2 #nav_wrapper ul#nav li a:hover, #wrapper .header-wrapper .header-nav #top_nav_v2 #nav_wrapper ul#nav li a:active, #wrapper .header-wrapper .header-nav #top_nav_v2 #nav_wrapper ul#nav li a.nav-selected,
  #wrapper .header-wrapper .header-nav #top_nav_v2 #nav_wrapper ul#nav li a:hover:hover,
  #wrapper .header-wrapper .header-nav #top_nav_v2 #nav_wrapper ul#nav li a:hover:active,
  #wrapper .header-wrapper .header-nav #top_nav_v2 #nav_wrapper ul#nav li a:hover.nav-selected,
  #wrapper .header-wrapper .header-nav #top_nav_v2 #nav_wrapper ul#nav li a:active:hover,
  #wrapper .header-wrapper .header-nav #top_nav_v2 #nav_wrapper ul#nav li a:active:active,
  #wrapper .header-wrapper .header-nav #top_nav_v2 #nav_wrapper ul#nav li a:active.nav-selected {
    color: #737373; }
    #wrapper .header-wrapper .header-nav #top_nav_v2 #nav_wrapper ul#nav li a:hover .dd_arrow::before, #wrapper .header-wrapper .header-nav #top_nav_v2 #nav_wrapper ul#nav li a:active .dd_arrow::before, #wrapper .header-wrapper .header-nav #top_nav_v2 #nav_wrapper ul#nav li a.nav-selected .dd_arrow::before,
    #wrapper .header-wrapper .header-nav #top_nav_v2 #nav_wrapper ul#nav li a:hover:hover .dd_arrow::before,
    #wrapper .header-wrapper .header-nav #top_nav_v2 #nav_wrapper ul#nav li a:hover:active .dd_arrow::before,
    #wrapper .header-wrapper .header-nav #top_nav_v2 #nav_wrapper ul#nav li a:hover.nav-selected .dd_arrow::before,
    #wrapper .header-wrapper .header-nav #top_nav_v2 #nav_wrapper ul#nav li a:active:hover .dd_arrow::before,
    #wrapper .header-wrapper .header-nav #top_nav_v2 #nav_wrapper ul#nav li a:active:active .dd_arrow::before,
    #wrapper .header-wrapper .header-nav #top_nav_v2 #nav_wrapper ul#nav li a:active.nav-selected .dd_arrow::before {
      border-top-color: #737373; }
    #wrapper .header-wrapper .header-nav #top_nav_v2 #nav_wrapper ul#nav li a:hover::after, #wrapper .header-wrapper .header-nav #top_nav_v2 #nav_wrapper ul#nav li a:active::after, #wrapper .header-wrapper .header-nav #top_nav_v2 #nav_wrapper ul#nav li a.nav-selected::after,
    #wrapper .header-wrapper .header-nav #top_nav_v2 #nav_wrapper ul#nav li a:hover:hover::after,
    #wrapper .header-wrapper .header-nav #top_nav_v2 #nav_wrapper ul#nav li a:hover:active::after,
    #wrapper .header-wrapper .header-nav #top_nav_v2 #nav_wrapper ul#nav li a:hover.nav-selected::after,
    #wrapper .header-wrapper .header-nav #top_nav_v2 #nav_wrapper ul#nav li a:active:hover::after,
    #wrapper .header-wrapper .header-nav #top_nav_v2 #nav_wrapper ul#nav li a:active:active::after,
    #wrapper .header-wrapper .header-nav #top_nav_v2 #nav_wrapper ul#nav li a:active.nav-selected::after {
      background-color: #e13c20; }

#catalog-drawer-all a#btn-catalogs {
  background-color: #e13c20; }

#catalog-drawer-all.open a#btn-catalogs:hover,
#catalog-drawer-all.open a#btn-catalogs:active {
  background-color: #b62f18; }

#catalog-drawer-all .category-menu {
  border-color: #e13c20; }

#catalog-drawer-all #catalogTree a.x-tree-node-anchor span {
  color: #8c8c8c; }

#catalog-drawer-all #catalogTree a.x-tree-node-anchor:hover span,
#catalog-drawer-all #catalogTree a.x-tree-node-anchor:active span {
  color: #737373; }

#catalog-drawer-all #catalogTree .x-tree-node-collapsed span.x-tree-node-indent::before,
#catalog-drawer-all #catalogTree .x-tree-node-expanded span.x-tree-node-indent::before {
  color: #8c8c8c; }

#catalog-drawer-all .catalog-list-next,
#catalog-drawer-all .catalog-list-prev {
  background-color: #e13c20; }
  #catalog-drawer-all .catalog-list-next:hover, #catalog-drawer-all .catalog-list-next:focus,
  #catalog-drawer-all .catalog-list-prev:hover,
  #catalog-drawer-all .catalog-list-prev:focus {
    background-color: #b62f18; }

.header-breadcrumbs a.breadcrumb-link {
  color: #353535; }
  .header-breadcrumbs a.breadcrumb-link::before {
    color: #8c8c8c; }
  .header-breadcrumbs a.breadcrumb-link.breadcrumb-link:hover, .header-breadcrumbs a.breadcrumb-link.breadcrumb-link:focus {
    color: #1c1c1c; }

.header-breadcrumbs span.breadcrumb-leaf {
  color: #e13c20; }

#itemDiv .ux-carousel-container .ux-carousel-navbottom a.ux-carousel-nav-next::before,
#itemDiv .ux-carousel-container .ux-carousel-navbottom a.ux-carousel-nav-prev::before {
  color: #8c8c8c; }

#itemDiv .ux-carousel-container .ux-carousel-navbottom a.ux-carousel-nav-pgs {
  color: #8c8c8c !important;
  background-color: #ffffff;
  border: 1px solid #e2e2e2; }
  #itemDiv .ux-carousel-container .ux-carousel-navbottom a.ux-carousel-nav-pgs:hover, #itemDiv .ux-carousel-container .ux-carousel-navbottom a.ux-carousel-nav-pgs:active {
    background-color: #e2e2e2;
    color: #353535 !important; }
  #itemDiv .ux-carousel-container .ux-carousel-navbottom a.ux-carousel-nav-pgs.ux-carousel-pgs-selected {
    background-color: #8c8c8c;
    border: 1px solid #8c8c8c;
    color: #ffffff !important; }

#itemDiv .ux-carousel-container .ux-carousel-slide .catalog-list-item {
  border: 1px solid transparent !important; }
  #itemDiv .ux-carousel-container .ux-carousel-slide .catalog-list-item.item-block .catalog-list-item-name a,
  #itemDiv .ux-carousel-container .ux-carousel-slide .catalog-list-item.item-block .catalog-list-item-name, #itemDiv .ux-carousel-container .ux-carousel-slide .catalog-list-item.catalog-block .catalog-list-item-name a,
  #itemDiv .ux-carousel-container .ux-carousel-slide .catalog-list-item.catalog-block .catalog-list-item-name {
    color: #8c8c8c !important; }
    #itemDiv .ux-carousel-container .ux-carousel-slide .catalog-list-item.item-block .catalog-list-item-name a:hover, #itemDiv .ux-carousel-container .ux-carousel-slide .catalog-list-item.item-block .catalog-list-item-name a:active,
    #itemDiv .ux-carousel-container .ux-carousel-slide .catalog-list-item.item-block .catalog-list-item-name:hover,
    #itemDiv .ux-carousel-container .ux-carousel-slide .catalog-list-item.item-block .catalog-list-item-name:active, #itemDiv .ux-carousel-container .ux-carousel-slide .catalog-list-item.catalog-block .catalog-list-item-name a:hover, #itemDiv .ux-carousel-container .ux-carousel-slide .catalog-list-item.catalog-block .catalog-list-item-name a:active,
    #itemDiv .ux-carousel-container .ux-carousel-slide .catalog-list-item.catalog-block .catalog-list-item-name:hover,
    #itemDiv .ux-carousel-container .ux-carousel-slide .catalog-list-item.catalog-block .catalog-list-item-name:active {
      color: #737373 !important; }
  #itemDiv .ux-carousel-container .ux-carousel-slide .catalog-list-item:hover.item-block .catalog-list-item-name a,
  #itemDiv .ux-carousel-container .ux-carousel-slide .catalog-list-item:hover.item-block .catalog-list-item-name, #itemDiv .ux-carousel-container .ux-carousel-slide .catalog-list-item:hover.catalog-block .catalog-list-item-name a,
  #itemDiv .ux-carousel-container .ux-carousel-slide .catalog-list-item:hover.catalog-block .catalog-list-item-name, #itemDiv .ux-carousel-container .ux-carousel-slide .catalog-list-item:active.item-block .catalog-list-item-name a,
  #itemDiv .ux-carousel-container .ux-carousel-slide .catalog-list-item:active.item-block .catalog-list-item-name, #itemDiv .ux-carousel-container .ux-carousel-slide .catalog-list-item:active.catalog-block .catalog-list-item-name a,
  #itemDiv .ux-carousel-container .ux-carousel-slide .catalog-list-item:active.catalog-block .catalog-list-item-name {
    color: #737373 !important; }
  #itemDiv .ux-carousel-container .ux-carousel-slide .catalog-list-item .item-thumb {
    border: 1px solid transparent !important; }

.itemDetailMain #itemDetail_right #itemDetail_title .itemDescOnly {
  color: #8c8c8c; }

.itemDetailMain #itemDetail_right #price-display-parent-wrapper .dbe-displayfield-data {
  color: #8c8c8c; }

.itemDetailMain #itemDetail_right .itemDescOnly {
  font-family: "Roboto", sans-serif !important; }

.itemDetailMain #itemDetail_right .quantity-parent-wrapper input[type="text"] {
  color: #8c8c8c; }

.itemDetailMain #itemDetail_right #all_collapsible_note #collapsible_note {
  font-family: "Roboto", sans-serif !important; }

#wrapper .header-wrapper #header-shopping-cart {
  color: #8c8c8c; }

#checkout_wrapper #main_checkout_form table#itemlist_table_v2 th,
#checkout_wrapper #main_checkout_form table#itemlist_table_v2 th a {
  background-color: #8c8c8c; }

a.MenuNavLink {
  /*table link colors*/
  color: #ffffff !important; }

#checkout_wrapper #main_checkout_form table#itemlist_table_v2 th,
#checkout_wrapper #main_checkout_form table#itemlist_table_v2 td {
  border-color: #737373; }

/* chili */
#chiliCustomizeMain #chili_customize_header #chili-customize-toolbar #chili-customize-wizard > div.chili-step2a-inactive {
  /*create pdf button-inactive*/
  background-color: #e2e2e2 !important; }
  #chiliCustomizeMain #chili_customize_header #chili-customize-toolbar #chili-customize-wizard > div.chili-step2a-inactive .chili-wizard-inactive-text {
    color: #ffffff; }

#chiliCustomizeMain #chili_customize_header #chili-customize-title {
  color: #8c8c8c; }

#chiliCustomizeMain #chili_customize_header #chili-customize-wizard {
  /*view proof button*/ }
  #chiliCustomizeMain #chili_customize_header #chili-customize-wizard > div {
    border-radius: 3px;
    background-color: #8c8c8c !important; }
    #chiliCustomizeMain #chili_customize_header #chili-customize-wizard > div:hover, #chiliCustomizeMain #chili_customize_header #chili-customize-wizard > div:active {
      border-radius: 3px;
      background-color: #737373 !important; }
  #chiliCustomizeMain #chili_customize_header #chili-customize-wizard .chili-view-proof-done {
    background-color: #e2e2e2 !important; }
    #chiliCustomizeMain #chili_customize_header #chili-customize-wizard .chili-view-proof-done:hover {
      background-color: #e2e2e2 !important; }

#chiliCustomizeMain #chili_customize_save_button_wrapper > div {
  border-radius: 3px;
  background-color: #8c8c8c !important; }
  #chiliCustomizeMain #chili_customize_save_button_wrapper > div:hover, #chiliCustomizeMain #chili_customize_save_button_wrapper > div:active {
    border-radius: 3px;
    background-color: #737373 !important; }

#chiliCustomizeMain #chili_customize_save_button_wrapper #chili-tab-lower-nav-left::before, #chiliCustomizeMain #chili_customize_save_button_wrapper #chili-tab-lower-nav-right::before {
  color: #ffffff !important; }
  #chiliCustomizeMain #chili_customize_save_button_wrapper #chili-tab-lower-nav-left::before:hover, #chiliCustomizeMain #chili_customize_save_button_wrapper #chili-tab-lower-nav-right::before:hover {
    color: #ffffff !important; }

#chiliCustomizeMain #customize_form .chili-variable-value .chili-button {
  background-color: #8c8c8c; }

/*Overrides - Temporary until default skin clean up occurs*/
/*Overrides - Links*/
A, A.ContentLink,
A:visited {
  color: #8c8c8c; }

A:hover.ContentLink, A:active.ContentLink,
A:hover,
A:active {
  color: #e13c20; }

.ContentLink,
A:visited.ContentLink {
  color: #8c8c8c; }

A:hover.ContentLink,
A:active.ContentLink {
  color: #e13c20; }

.TabMenuLink,
A:visited.TabMenuLink {
  color: #8c8c8c; }

A:hover.TabMenuLink,
A:active.TabMenuLink {
  color: #e13c20; }

/*Overrides: tabs*/
.yui-ext-tabbody {
  border: 1px solid #8c8c8c;
  border-top: none; }

.ytab-right {
  border-top: 1px solid #8c8c8c;
  border-right: 1px solid #8c8c8c;
  border-left: 1px solid #8c8c8c; }

.ytab-wrap {
  border-bottom: 1px solid #8c8c8c; }

.ytab-strip .ytab-text {
  color: #8c8c8c; }

.ytab-strip .on .ytab-text {
  color: #e13c20; }

/*Overrides: Headers and Titles*/
.TitleLevel01,
.TitleLevel02,
.TitleLevel03,
.FormLabels
h1,
h2,
h3 {
  color: #8c8c8c !important; }

/*Cust Admin Control Panel*/
#sidenav_menu .SideNavLink,
#sidenav_menu A:hover.SideNavLink,
#sidenav_menu A:active.SideNavLink {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 12px;
  background-color: transparent; }

#sidenav_menu A:hover.SideNavLink,
#sidenav_menu A:active.SideNavLink {
  color: #e13c20; }

/*login css*/
#wrapper.login * #main_content {
  padding-bottom: 0; }

#wrapper.login * #main_wrapper2 {
  width: auto;
  position: absolute;
  background-image: url(/images/1/20-43010000/skin/Loginmenubuilder.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  top: 0;
  right: 0;
  left: 472px;
  bottom: 0; }

.login-container {
  width: 400px;
  height: 100%;
  position: absolute;
  left: -472px;
  top: 0;
  bottom: 0; }

#login_form {
  position: absolute;
  top: 46%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 390px;
  left: 33px; }

.login-box {
  background-image: url(/images/1/20-43010000/skin/HGI-Logo_1B_Hub_B.png);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 85%;
  padding-top: 140px;
  padding-bottom: 130px;
  left: 0;
  top: 0;
  margin: 0 !important; }

/*#wrapper.login * .contact-info {
    z-index: 10;
    width: 500px;
    visibility: visible;
    position: absolute;
    right: 10px;
    top: 10px;
}*/
#wrapper.login * .telephone,
#wrapper.login * .support-email,
#wrapper.login * .support-hours {
  color: #ffffff !important; }

#wrapper .header-wrapper .header-info-right .contact-info {
  display: block; }

/*contact info table*/
.contactInfo th, .contactInfoRight th {
  background-image: none;
  color: #8c8c8c;
  font-weight: 600;
  font-size: 14px;
  font-family: "Roboto", sans-serif; }

.contactInfo td, .contactInfoRight td {
  color: #8c8c8c; }
  .contactInfo td .contactText, .contactInfoRight td .contactText {
    font-weight: 600;
    font-family: "Roboto", sans-serif; }
  .contactInfo td .fa, .contactInfo td .fas, .contactInfoRight td .fa, .contactInfoRight td .fas {
    padding-left: 2px; }
  .contactInfo td a.contactText, .contactInfoRight td a.contactText {
    font-weight: 600;
    font-family: "Roboto", sans-serif; }
    .contactInfo td a.contactText:hover, .contactInfoRight td a.contactText:hover {
      text-decoration: underline;
      -webkit-transition: all 0.3s ease-in-out 0s;
      -o-transition: all 0.3s ease-in-out 0s;
      transition: all 0.3s ease-in-out 0s; }

a.contactIcon:active, a.contactIcon:hover, a.contactText:active, a.contactText:hover {
  color: #8c8c8c !important; }

.contact-info a {
  margin: 0 !important; }

table.contactInfoRight {
  float: right; }

td.contactText, a.contactText {
  font-weight: 600 !important;
  font-family: "Roboto", sans-serif; }

#wrapper .header-wrapper .header-info-right .contact-info span,
#wrapper .header-wrapper .header-info-right .contact-info a {
  font-weight: 500;
  font-size: 14px; }

a.support-email i.fa.fa-envelope {
  padding-right: 4px; }

a.support-email:hover {
  text-decoration: underline;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s; }

#wrapper.login * .header-banner,
#wrapper.login * .header-wrapper {
  /*position: absolute;
  top: 0;
  right: 0; }*/
  visibility: hidden; }

#footer-bottom-bar.login {
  display: none; }

.welcome-login-text {
  position: absolute;
  left: 480px;
  width: 600px;
  visibility: hidden; }

#wrapper.login .login-panel p.welcome-login-text {
  color: #FFFFFF;
  text-align: left; }

/*internal overrides*/
.header-logo {
  background-image: url(/images/1/20-43010000/skin/HGI-Logo_1B_Final.png);
  background-size: contain;
  height: 60px;
  top: 20px; }

.catalog-list-item-name,
.catalog-list-item-name:hover {
  height: 75px; }

#orderform-qty {
  /*remove italics on avail in UOM per MB-121888*/
  font-style: normal !important; }

/* Allow Long Item Description to Display */
#itemDiv .ux-carousel-container .ux-carousel-slide .catalog-list-item.catalog-block .catalog-list-item-name a {
  white-space: normal !important;
  -o-text-overflow: inherit !important;
  text-overflow: inherit !important; }

#itemDiv .ux-carousel-container .ux-carousel-slide .catalog-list-item.item-block .catalog-list-item-name {
  /*shows 3 lines of item name then ellipsis*/
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: normal !important; }

#itemDiv .ux-carousel-container .ux-carousel-slide .catalog-list-item,
#itemDiv .ux-carousel-container .ux-carousel-slide .catalog-list-of-item {
  /* additional height to carousel pages to allow for long descriptions and additional elements not to overlap */
  height: 335px; }

/*item carousel thumbnails*/
.slick-list {
  margin-left: 15px; }

.slick-prev {
  left: -13px; }

#itemDetail_image img {
  -o-object-fit: contain;
  object-fit: contain; }

.itemDetailCarouselImage img {
  height: auto;
  max-height: 73px;
  background-size: contain;
  -o-object-fit: contain;
  object-fit: contain; }

.carouselImages {
  width: 329px; }

/*asset pop-up page*/
.TitleLevel01, .FormLabels {
  color: #353535; }

.x-combo-list .x-combo-selected {
  /* current selected item */
  background: #e2e2e2 !important; }

/*remove thumbnail zoom*/
.imageBox a.highslide {
  pointer-events: none; }

.promo .images .masterImage .expand {
  display: none; }

/*item group selection dropdown width*/
/*.itemDetailMain #itemDetail_right .item-group-detail-wrapper .dbe-itemdetail-textfield-wrapper .x-form-text {
    width: max-content !important;
    padding-right: 30px !important;
}
.x-combo-list {
    width: max-content !important;
}*/
.BOTTOM-TEXT {
  /* padding-top: 570px;
    padding-left: 30px; */
  font-size: .75em;
  position: absolute;
  bottom: 5%;
  left: 33px;
  width: 390px; }