/* Shared styles for Foro Farmacias ADIUM */
:root {
  --adium-red: #fa0032;
  --adium-red-dark: #dd002c;
}

body {
  font-family: Arial, Helvetica, sans-serif;
  background: #f8f9fa;
}

.box {
  max-width: 480px;
  margin: 50px auto;
}

.card-register {
  max-width: 700px;
  margin: 30px auto;
}

.required {
  color: #d00;
}

.small-note {
  font-size: .9rem;
  color: #6c757d;
}

.text-adium {
  color: var(--adium-red);
  font-weight: bold;
}

.btn-adium, .btn-adium:focus, .btn-adium:active, .btn-adium:hover {
  background-color: var(--adium-red);
  color: #fff;
  font-weight: bold;
  padding: 10px 20px;
  border-radius: 5px;
  text-decoration: none;
  display: inline-block;
}

.btn-adium:hover {
  background-color: var(--adium-red-dark);
  color: #fff;
}

/* Custom scrollbar: red theme */
/* WebKit (Chrome, Edge, Safari) */
*::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

*::-webkit-scrollbar-track {
  background: #f1f1f1;
}

*::-webkit-scrollbar-thumb {
  background-color: var(--adium-red);
  border-radius: 10px;
  border: 3px solid #f1f1f1; /* gives a padding-like effect */
}

*::-webkit-scrollbar-thumb:hover {
  background-color: var(--adium-red-dark);
}

/* Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: var(--adium-red) #f1f1f1;
}

/* Provide a high-contrast fallback for older browsers by styling focused elements */
a:focus, button:focus, input:focus, textarea:focus {
  outline-color: var(--adium-red);
}