/* Maintenance styles */

/* Per environment styles
Colors dot near title, adds 4px border and moves content down 4px*/
.navBar__title i, .navBar__title svg {
  font-size: .75rem;
  margin-right: 5px;
}

.prod .topnav-navbar,
.production .topnav-navbar {
  border-bottom: 4px solid var(--bs-danger, inherit);
}

.prod .topnav-navbar .navBar__title i, .prod .topnav-navbar .navBar__title svg,
.production .topnav-navbar .navBar__title i, .production .topnav-navbar .navBar__title svg {
    color: var(--bs-danger, inherit);
}

.uat .topnav-navbar,
.staging .topnav-navbar {
  border-bottom: 4px solid var(--bs-warning, inherit);
}

  .uat .topnav-navbar .navBar__title i, .uat .topnav-navbar .navBar__title svg,
  .staging .topnav-navbar .navBar__title i, .staging .topnav-navbar .navBar__title svg {
    color: var(--bs-warning, inherit);
  }

.devops .topnav-navbar,
.dev .topnav-navbar,
.qa .topnav-navbar,
.test .topnav-navbar {
  border-bottom: 4px solid var(--bs-green, inherit);
}

  .devops .topnav-navbar .navBar__title i, .devops .topnav-navbar .navBar__title svg,
  .dev .topnav-navbar .navBar__title i, .dev .topnav-navbar .navBar__title svg,
  .qa .topnav-navbar .navBar__title i, .qa .topnav-navbar .navBar__title svg,
  .test .topnav-navbar .navBar__title i, .test .topnav-navbar .navBar__title svg {
    color: var(--bs-green, inherit);
  }

.local .topnav-navbar {
  border-bottom: 4px solid var(--bs-purple, inherit);
}

  .local .topnav-navbar .navBar__title i, .local .topnav-navbar .navBar__title svg {
    color: var(--bs-purple, inherit);
  }

/* Part History */
/* Change tracking spits out both Part Class and Product Type names, we're hiding Product Type via .productTypeName - kr */

li.history-partClass .productTypeName {
  display: none;
}

/* Applications Builder / Summary */
/* image size per comps */
#divNoColors img {
  width: 263px;
}
/* to indent 2nd and subsequent folder/file names in the ul  */
.summary-folderNames li:not(:first-child) {
  margin-left: 2rem;
}

/* Brands & Categories / Catalogs tab */
div[aria-labelledby='lnkTabCatalogs'] > ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

  div[aria-labelledby='lnkTabCatalogs'] > ul > li {
    flex: 0 1 100%;
    max-width: 320px;
    padding: 8px;
  }
/* end Brands & Categories / Catalogs tab */


/* Dealers & Distributors */
#subscriptionAlertDetails i:before {
  color: #000;
}