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%;
}

body {
  margin-bottom: 60px;
}

.portal-btn-reunion {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0.72rem 1.2rem;
  border-radius: 999px;
  background: linear-gradient(135deg, #4f46e5, #0ea5e9);
  color: #fff;
  font-size: 0.9rem;
  font-weight: 800;
  text-decoration: none;
  border: none;
  box-shadow: 0 10px 20px rgba(255, 47, 104, 0.22);
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    background 0.2s ease;
}

.portal-btn-reunion:hover {
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 14px 24px rgba(255, 47, 104, 0.28);
  background: linear-gradient(135deg, green 0%, #0ea5e9 100%);
}
.div.dataTables_wrapper div.dataTables_filter input,
div.dataTables_wrapper div.dataTables_length select {
  padding: 0.4rem 1.75rem !important;
}