/* UPA TIK UNRAM - osTicket 1.17.x client portal: align logo at far left.
   Load this AFTER unram-modern.css, unram-header-fix.css,
   and unram-nav-buttons.css. Does not modify ticket form or PHP logic. */

/* Remove horizontal centering inherited from the default/client theme. */
#header {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: left !important;
  gap: 12px 20px;
}

/* The logo can be an anchor or container, with either an <img> or background image. */
#header #logo,
#header a#logo {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  align-self: center !important;
  position: static !important;
  float: none !important;
  clear: none !important;
  flex: 0 1 auto !important;
  margin: 0 auto 0 0 !important;
  padding: 0 !important;
  text-align: left !important;
  max-width: min(280px, 100%) !important;
  min-width: 0 !important;
}
#header #logo img,
#header a#logo img {
  display: block !important;
  margin: 0 !important;
  max-width: 100% !important;
  max-height: 66px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain;
  object-position: left center;
}
/* Keep sign-in/status links on the right, where present. */
#header .pull-right {
  margin-left: auto !important;
  text-align: right !important;
  float: none !important;
  position: static !important;
}
/* Some client templates use #header .right instead of .pull-right. */
#header > .right { margin-left: auto !important; }

@media (max-width: 700px) {
  #header { justify-content: flex-start !important; padding: 14px 16px !important; }
  #header #logo, #header a#logo { max-width: min(230px, 100%) !important; }
  #header #logo img, #header a#logo img { max-height: 56px !important; }
  #header .pull-right { margin-left: 0 !important; text-align: left !important; }
}