/* CyberLink Server - OWA Login Overrides (Blue Corporate) */
body, html {
  background: #0b2a55;
}
#brandingArea, .signInBg {
  background-image: url("backgroundimage.jpg");
  background-size: cover;
  background-position: center;
}
#logonForm, .signinwrap, .loginPanel {
  background: rgba(255,255,255,0.94);
  border-radius: 12px !important;
  box-shadow: 0 12px 40px rgba(0,0,0,.25);
}
input[type="text"], input[type="password"] {
  border-radius: 8px !important;
  padding: 10px 12px !important;
}
input[type="submit"], .signinbutton {
  background: #0A74DA !important;
  border: 1px solid #0A74DA !important;
  color: #fff !important;
  border-radius: 999px !important;
  padding: 10px 18px !important;
  transition: transform .05s ease, box-shadow .15s ease;
}
input[type="submit"]:hover {
  filter: brightness(1.05);
  box-shadow: 0 6px 18px rgba(10,116,218,.35);
}
a.help-link {
  display:inline-block;
  margin-top:10px;
  color:#0A74DA;
  text-decoration:none;
}
a.help-link:hover { text-decoration: underline; }/* CYBERLINK: force background + modern button */
html, body {
  background: #0b2a55 !important;
}
#brandingArea, .signInBg, body {
  background-image: url("backgroundimage.jpg") !important;
  background-size: cover !important;
  background-position: center !important;
}
#logonForm, .signinwrap, .loginPanel {
  background: rgba(255,255,255,0.94) !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 40px rgba(0,0,0,.25) !important;
}
input[type="submit"], .signinbutton {
  background: #0A74DA !important;
  border: 1px solid #0A74DA !important;
  color: #fff !important;
  border-radius: 999px !important;
  padding: 12px 22px !important;
}
/* ===== CYBERLINK – Clean, modern login + custom wordmark ===== */

/* Base background + form polish */
html, body {
  background: #0b2a55 !important;
}
#brandingArea, .signInBg {
  background-image: url("backgroundimage.jpg") !important;
  background-size: cover !important;
  background-position: center !important;
}
#logonForm, .signinwrap, .loginPanel {
  background: rgba(255,255,255,0.94) !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 40px rgba(0,0,0,.25) !important;
}
input[type="text"], input[type="password"] {
  border-radius: 8px !important;
  padding: 10px 12px !important;
}
input[type="submit"], .signinbutton {
  background: #0A74DA !important;
  border: 1px solid #0A74DA !important;
  color: #fff !important;
  border-radius: 999px !important;
  padding: 12px 22px !important;
  transition: transform .05s ease, box-shadow .15s ease;
}
input[type="submit"]:hover {
  filter: brightness(1.05) !important;
  box-shadow: 0 6px 18px rgba(10,116,218,.35) !important;
}

/* Link color */
a.help-link { color:#0A74DA !important; text-decoration:none; }
a.help-link:hover { text-decoration:underline; }

/* ===== Replace Outlook wordmark on the login page ===== */
/* Make the area we overlay onto positioned */
#brandingArea { position: relative !important; }

/* Hide the default large Outlook wordmark (covers common builds) */
img[alt="Outlook"], img[src*="OutlookLogo"], .outlookTextLogo, .ms-landing-page-logo {
  opacity: 0 !important; /* use opacity to preserve layout */
}

/* Draw our logo as an overlay near the top-left content column */
#brandingArea::after {
  content: "";
  position: absolute;
  /* Adjust these if needed to nudge placement */
  top: 40px;         /* move up/down */
  left: 330px;       /* move left/right (right edge of the blue bar) */
  width: 220px;
  height: 44px;
  background: url("logoimage.png") no-repeat center / contain;
  z-index: 1000;
}

/* Optional: shrink the big gap above the form if needed */
/* .pageHeader, .signInHeader { margin-top: 8px !important; } */