/* Crystal Alarm branding */

/* Override Mautic navbar avatar rule: img { width:28px; aspect-ratio:1/1; border-radius:100% } */
#app-header.navbar .navbar-nocollapse .navbar-nav img.crystal-header-logo {
  border-radius: 0 !important;
  width: 148px !important;
  height: 36px !important;
  min-width: 148px !important;
  max-width: none !important;
  aspect-ratio: 148 / 36 !important;
  object-fit: contain !important;
  display: block !important;
}
#app-header.navbar .navbar-nocollapse .navbar-nav a.crystal-brand-link {
  display: flex !important;
  align-items: center !important;
  height: 48px !important;
  width: auto !important;
  padding: 0 12px 0 14px !important;
  overflow: visible !important;
  line-height: 0 !important;
}

.crystal-login-logo {
  width: 100%;
  max-width: 360px;
  margin: 0 auto 1.5rem;
}
.crystal-login-logo img,
.crystal-login-logo svg {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 148 / 36;
  object-fit: contain;
}

#form-loginbtn.btn-primary,
.login-form .btn-primary {
  background-color: #fc1124 !important;
  border-color: #fc1124 !important;
  color: #fff !important;
}
#form-loginbtn.btn-primary:hover,
#form-loginbtn.btn-primary:focus,
.login-form .btn-primary:hover {
  background-color: #d70619 !important;
  border-color: #d70619 !important;
  color: #fff !important;
}