/*CRM Button*/
.btn-rubymed {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.375rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  border-radius: 20px !important;
}
.btn-rubymed-primary {
  background-color: #d1e3fc !important;
  color: #2e86c1;
  border-radius: 20px;
}

.btn-rubymed-primary:hover {
  background-color: #b0d0fa !important;
  color: #2e86c1;
}

.btn-rubymed-success {
  background-color: #bbfcdd78;
  color: #198754;
  border-radius: 20px;
}

.btn-rubymed-success:hover {
  background-color: #98f4c9;
  color: #146c43;
}

.btn-rubymed-danger {
  background-color: #ffd0d5;
  color: #dc3545;
  border-radius: 20px;
}

.btn-rubymed-danger:hover {
  background-color: #f8b4bb;
  color: #a71d2a;
}

.btn-rubymed-warning {
  background-color: #ffefbf;
  color: #aa8106;
  border-radius: 20px;
}

.btn-rubymed-warning:hover {
  background-color: #ffe79b;
  color: #d39e00;
}

.btn-rubymed-info {
  background-color: #bcf4ff;
  color: #068aa4;
  border-radius: 20px;
}

.btn-rubymed-info:hover {
  background-color: #a3ecff;
  color: #0ba3c9;
}

.btn-rubymed-light {
  background-color: #f8f9fa;
  color: #f8f9fa;
  border-radius: 20px;
}
.btn-rubymed-light:hover {
  background-color: #e2e6ea;
  color: #495057;
}

.btn-rubymed-dark {
  background-color: #a9b0b7;
  color: #212529;
  border-radius: 20px;
}
.btn-rubymed-dark:hover {
  background-color: #8f969d;
  color: #0c0d0e;
}

/* Botón Principal */
.btn-rubymed-primary-in {
  color: #ffffff !important; /* Texto en blanco */
  background-color: #2e86c1 !important;
}
.btn-rubymed-primary-in:hover {
  color: #ffffff !important; /* Texto en blanco */
  background-color: #0b70b3 !important;
}

/* Botón de Éxito */
.btn-rubymed-success-in {
  color: #ffffff !important; /* Texto en blanco */
  background-color: #198754 !important;
}
.btn-rubymed-success-in:hover {
  color: #ffffff !important; /* Texto en blanco */
  background-color: #146c43 !important;
}

/* Botón de Peligro */
.btn-rubymed-danger-in {
  color: #ffffff !important; /* Texto en blanco */
  background-color: #dc3545 !important;
}
.btn-rubymed-danger-in:hover {
  color: #ffffff !important; /* Texto en blanco */
  background-color: #a71d2a !important;
}

/* Botón de Advertencia */
.btn-rubymed-warning-in {
  color: #ffffff !important; /* Texto en blanco */
  background-color: #ffc107 !important;
}
.btn-rubymed-warning-in:hover {
  color: #ffffff !important; /* Texto en blanco */
  background-color: #d39e00 !important;
}

/* Botón de Información */
.btn-rubymed-info-in {
  color: #ffffff !important; /* Texto en blanco */
  background-color: #0dcaf0 !important;
}
.btn-rubymed-info-in:hover {
  color: #ffffff !important; /* Texto en blanco */
  background-color: #0ba3c9 !important;
}

/* Botón Neutro (Light) */
.btn-rubymed-light-in {
  color: #ffffff !important; /* Texto en blanco */
  background-color: #6c757d !important;
}
.btn-rubymed-light-in:hover {
  background-color: #495057 !important;
}

/* Botón Oscuro */
.btn-rubymed-dark-in {
  color: #ffffff !important; /* Texto en blanco */
  background-color: #212529 !important;
}
.btn-rubymed-dark-in:hover {
  background-color: #0c0d0e !important;
}

.btn-rubymed-lg {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 20px;
}

.btn-rubymed-sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 20px;
}

.badge {
  display: inline-block;
  padding: 0.35em 0.7em;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.5rem;
}

.badge-primary {
  background-color: #d0e2ff;
  color: #084298;
} /* Azul pastel */
.badge-secondary {
  background-color: #e2e3e5;
  color: #41464b;
} /* Gris claro */
.badge-success {
  background-color: #d1e7dd;
  color: #0f5132;
} /* Verde menta */
.badge-danger {
  background-color: #f8d7da;
  color: #842029;
} /* Rojo rosa */
.badge-warning {
  background-color: #fff3cd;
  color: #664d03;
} /* Amarillo pastel */
.badge-info {
  background-color: #cff4fc;
  color: #055160;
} /* Celeste suave */
.badge-light {
  background-color: #fefefe;
  color: #6c757d;
} /* Blanco hueso */
.badge-dark {
  background-color: #d6d8d9;
  color: #1b1e21;
} /* Gris oscuro */