.open-new-tab {
  margin-left: 2px;
  width: 10px;
  position: relative;
  top: -5px;
  color: white;
}

.navbar-local {
  background-color: #00D1FF !important;
}
.navbar-local a.border-indigo-400 {
  border-color: black;
  font-weight: bold;
}
.navbar-local a .open-new-tab {
  margin-left: 2px;
  width: 10px;
  position: relative;
  top: -5px;
}

.navbar-development {
  background-color: #FF29D0 !important;
}
.navbar-development .nav-link-items a {
  color: white;
}
.navbar-development .nav-link-items a.border-indigo-400 {
  border-color: black;
  font-weight: bold;
}
.navbar-development .nav-link-items a .open-new-tab {
  margin-left: 2px;
  width: 10px;
  position: relative;
  top: -5px;
}
.navbar-development .nav-link-items .navbar-dropdown .dropdown-label button {
  color: white;
  font-weight: 600;
}

.navbar-staging {
  background-color: #700CB3 !important;
}
.navbar-staging .nav-link-items a {
  color: white;
}
.navbar-staging .nav-link-items a.border-indigo-400 {
  border-color: black;
  font-weight: bold;
}
.navbar-staging .nav-link-items a .open-new-tab {
  margin-left: 2px;
  width: 10px;
  position: relative;
  top: -5px;
  color: white;
}
.navbar-staging .nav-link-items .navbar-dropdown .dropdown-label button {
  color: white;
  font-weight: 600;
}

.navbar-qa {
  background-color: #FF4E00 !important;
}
.navbar-qa .nav-link-items a {
  color: white;
}
.navbar-qa .nav-link-items a .open-new-tab {
  margin-left: 2px;
  width: 10px;
  position: relative;
  top: -5px;
}
.navbar-qa .navbar-dropdown .dropdown-label button {
  color: white;
  font-weight: 600;
}

.lula-logo {
  width: 50px;
}

.logo-banner .lula-logo {
  width: 100px;
}

.environment .bg-local-light {
  background: #b3f1ff;
}
.environment .bg-development-light {
  background: #ffdcf7;
}
.environment .bg-staging-light {
  background: #c57bf6;
}
.environment .bg-qa-light {
  background: #ffcab3;
}