.outline-badge {
  background-color: rgba(242,244,248,0.1);
  color: #ffc548;
  border: 1px solid #ffc548;
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 700;
  position: relative;
}

  .outline-badge.warning {
    color: #ffc548;
    border: 1px solid #ffc548;
  }

  .outline-badge.success {
    color: #42ba96;
    border: 1px solid #42ba96;
  }

  .outline-badge.danger {
    color: #dc3545;
    border: 1px solid #dc3545;
  }

  .outline-badge.secondary {
    color: #64748b;
    border: 1px solid #64748b;
  }

  .outline-badge.info {
    color: #0dcaf0;
    border: 1px solid #0dcaf0;
  }


.animal-info {
  list-style-type: none;
  font-size: 18px;
  padding-left: 1em;
  font-family: var(--bs-body-font-family);
}

  .animal-info li {
    display: flex !important;
    line-height: 2em;
    width: 100%;
    justify-content: flex-start;
    text-align: left;
  }

    .animal-info li::before {
      color: var(--main-color);
    }

.li-font {
  font-family: var(--bs-body-font-family);
  padding-left: .5em;
}

.height-100p{
    height:100%;
}

.dark .search-form.search-box .form-group input{
    color: var(--color-white);
}

.dataTables_filter{
    display:none;
}

.page-body{
    padding-bottom:60px;
}
.dataTables_wrapper table.dataTable tbody tr:hover {
  background-color: #2b2b2b;
}