@media (min-width: 48em) {
  .form-duo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .form-duo .form-group {
    width: 48%;
  }
  .form-duo .form-check {
    width: 48%;
  }
  .form-trio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .form-trio .form-group {
    width: 32%;
  }
}

/* danger button for delete bien aliene */


.btn-danger {
  color: #fff;
  background-color: #b53535;
  border-color: #b53535;
}

.btn-danger:hover {
  color: #fff;
  background-color: #8e2929 !important;
  border-color: #862727 !important;
}

.btn-danger:focus, .btn-danger.focus {
  color: #fff;
  background-color: #8e2929 !important;
  border-color: #862727 !important;
}

.btn-danger:active, .btn-danger.active,
.open > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #8e2929;
  border-color: #862727;
  background-image: none;
}

.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus,
.open > .btn-danger.dropdown-toggle:hover,
.open > .btn-danger.dropdown-toggle:focus,
.open > .btn-danger.dropdown-toggle.focus {
  color: #fff;
  background-color: #722121;
  border-color: #521818;
}

.btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger:disabled:focus, .btn-danger:disabled.focus {
  background-color: #b53535;
  border-color: #b53535;
}

.btn-danger.disabled:hover, .btn-danger:disabled:hover {
  background-color: #b53535;
  border-color: #b53535;
}