/* The idea with this custom css is to override the default bootstrap 5 css to be similar to bootstrap 3.3.7 */

.btn-primary {
    color: #fff;
    background-color: #ec1b2e;
    border-color: #ec1b2e;
}

.btn-primary:hover {
    color: #fff;
    background-color: #6B6B6B;
    border-color: #6B6B6B;
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
  }

  .table-responsive {
    min-height: .01%;
    overflow-x: auto;
  }

  .table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
  }

  table {
    background-color: transparent;
  }

  table {
    border-spacing: 0;
    border-collapse: collapse;
  }

  
  
  table.table > tbody > tr:nth-child(odd) td {
    background-color: #ffffff !important; /* white */
  }
  
  table.table > tbody > tr:nth-child(even) td {
    background-color: #f2f2f2 !important; /* light grey */
  }
  
  .panel-default {
    border-color: #ddd;
  }

  .card {
    margin-bottom: 20px;
  }

  .card-body {
    padding: 15px
  }

  .text-danger { color: #a94442 !important; }

  /* .alert-danger {
    --bs-alert-color: #fff;
    --bs-alert-bg: #fff;
    --bs-alert-border-color: none;
    --bs-alert-link-color: var(--bs-danger-text-emphasis);
  } */