/*
 * Compatibilidad temporal para las vistas Bootstrap 4 pendientes de migración.
 * Debe reducirse y eliminarse por módulo durante la fase 5.
 */
.form-group {
  margin-bottom: 1rem;
}

.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}

.form-row > [class*="col-"] {
  padding-right: 5px;
  padding-left: 5px;
}

/* Controles personalizados Bootstrap 4 aún presentes en formularios públicos. */
.custom-control {
  position: relative;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5rem;
}

.custom-control .form-check-input {
  position: absolute;
  left: 0;
  margin-top: .25rem;
}

.custom-control .form-check-label {
  margin-bottom: 0;
}

.btn-block {
  display: block;
  width: 100%;
}

.badge-primary { background-color: #0d6efd; }
.badge-secondary { background-color: #6c757d; }
.badge-success { background-color: #198754; }
.badge-danger { background-color: #dc3545; }
.badge-warning { background-color: #ffc107; color: #212529; }
.badge-info { background-color: #0dcaf0; color: #212529; }

.ml-1 { margin-left: .25rem !important; }
.ml-2 { margin-left: .5rem !important; }
.ml-3 { margin-left: 1rem !important; }
.ml-4 { margin-left: 1.5rem !important; }
.ml-5 { margin-left: 3rem !important; }
.mr-1 { margin-right: .25rem !important; }
.mr-2 { margin-right: .5rem !important; }
.mr-3 { margin-right: 1rem !important; }
.mr-4 { margin-right: 1.5rem !important; }
.mr-5 { margin-right: 3rem !important; }
.mr-sm-2 { margin-right: .5rem !important; }

.pl-1 { padding-left: .25rem !important; }
.pl-2 { padding-left: .5rem !important; }
.pl-3 { padding-left: 1rem !important; }
.pr-1 { padding-right: .25rem !important; }
.pr-2 { padding-right: .5rem !important; }
.pr-3 { padding-right: 1rem !important; }