/* Approved product artwork. This sheet follows the legacy layout styles.
   Customer logo panels and configuration values are deliberately not selected. */
.Glow .loginLgo,
.Metro .loginLgo {
  display: block;
  float: none;
  width: 280px;
  max-width: 90%;
  height: 88px;
  padding: 0;
  margin: 8px auto;
  background: #282828 url('../Images/AssetHive/assethive-compact.png') no-repeat center;
  background-size: 92% auto;
  border-radius: 4px;
}

.Glow #toppage .HdgTxtDv,
.Metro #toppage .HdgTxtDv {
  background: none;
  width: auto !important;
  padding-left: 0;
}

.assetHiveHeaderLogo {
  display: inline-block;
  width: 140px;
  height: auto;
  padding: 4px;
  vertical-align: middle;
  background-color: #282828;
  border-radius: 3px;
}

.Glow .LuceoLgo,
.Metro .LuceoLgo {
  background: #282828 url('../Images/AssetHive/assethive-compact.png') no-repeat center;
  background-size: 90% auto;
  width: 140px;
  height: 44px;
  padding: 0;
  border-radius: 3px;
}

.assetHiveSidebarLogo {
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: 220px;
  height: auto;
  padding: 12px;
  margin: 8px auto;
  background-color: #282828;
}

@media (max-width: 480px) {
  .Glow .loginDv,
  .Metro .loginDv { max-width: calc(100vw - 24px); }
  .assetHiveHeaderLogo { width: 108px; }
}