@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&display=swap");

/* Cairo for Arabic, as in the portal; English keeps Elastic's Roboto. */
html[dir="rtl"] body,
html[dir="rtl"] input,
html[dir="rtl"] select,
html[dir="rtl"] textarea,
html[dir="rtl"] button,
html[dir="rtl"] .popover,
html[dir="rtl"] .ui-dialog {
  font-family: "Cairo", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Brand blue from the portal (--brand) on primary actions, instead of Elastic's light blue. */
.btn-primary,
.btn.btn-primary,
button.mainaction,
input.mainaction,
a.button.mainaction {
  background-color: #0f4c81;
  border-color: #0f4c81;
  color: #fff;
}

.btn-primary:hover,
.btn-primary:focus,
.btn.btn-primary:hover,
button.mainaction:hover,
input.mainaction:hover,
a.button.mainaction:hover {
  background-color: #0d4170;
  border-color: #0d4170;
  color: #fff;
}

#login-form #logo {
  max-width: 96px;
  max-height: 96px;
}