/* Bootstrap's body font. The system fonts apply until the web font loads, or if it cannot be reached. */
:root {
  --bs-body-font-family: "Noto Kufi Arabic", system-ui, -apple-system, "Segoe UI", Tahoma, Arial, sans-serif;
}

html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}

/* Options in the list built by js/searchable-select.js. */
.searchable-option {
  display: block;
  width: 100%;
  padding: 0.25rem 0.75rem;
  border: 0;
  border-radius: var(--bs-border-radius-sm);
  background: none;
  color: inherit;
  text-align: start;
}

.searchable-option:hover {
  background-color: var(--bs-tertiary-bg);
}

.searchable-option.active {
  background-color: var(--bs-primary);
  color: #fff;
}
/* Passwords and passphrases are typed left to right, even in the RTL layout. */
input[type="password"] {
  direction: ltr;
  text-align: left;
}