:root {
  --dl-brand: rgb(233 30 140);
  --dl-brand-700: rgb(190 24 93);
  --dl-accent: rgb(255 180 91);
  --dl-ink: rgb(15 23 42);
  --dl-line: rgb(226 232 240);
}
body {
  color: var(--dl-ink);
}
a,
#nav a.active,
#sub_nav a.active,
#footer a,
#poweredBy a {
  color: var(--dl-brand-700);
}
a:hover,
#nav a:hover,
#sub_nav a:hover {
  color: var(--dl-brand);
}
button,
.button,
input[type="submit"],
input[type="button"],
.action-button {
  border-color: var(--dl-brand-700) !important;
  background: var(--dl-brand) !important;
  color: #fff !important;
}
button:hover,
.button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.action-button:hover {
  background: var(--dl-brand-700) !important;
}
input:focus,
textarea:focus,
select:focus {
  border-color: var(--dl-brand) !important;
  box-shadow: 0 0 0 3px rgb(233 30 140 / 0.14) !important;
  outline: none !important;
}
#header,
#landing_page #new_ticket,
#landing_page #check_status,
#content,
#loginBox {
  border-color: var(--dl-line) !important;
}
#logo img,
h1#logo img {
  max-width: 220px;
  max-height: 72px;
  object-fit: contain;
}
#loginBody #loginBox {
  border-top: 4px solid var(--dl-brand);
}
#loginBody .submit.button {
  border-radius: 6px;
}
#nav,
#sub_nav {
  border-bottom-color: var(--dl-line) !important;
}
#msg_notice,
.success-banner {
  border-color: rgb(20 184 166 / 0.35) !important;
}