/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */


 .row-highlight {
  td {
    animation: rowHighlight 0.5s ease-in-out 0s;
  }
 }

 @keyframes rowHighlight { from { color: var(--bs-yellow); } to {  color: inherit; } }

.card .card-table:first-child thead:first-child tr:first-child>*,
   .card .card-table:first-child tbody:first-child tr:first-child>* {
  border-top: 0;
  border-top-left-radius: var(--bs-card-border-radius);
  border-top-right-radius: var(--bs-card-border-radius);
}

.card .card-table:last-child thead:last-child tr:last-child>*,
   .card .card-table:last-child tbody:last-child tr:last-child>* {
      border-bottom: 0;
      border-bottom-left-radius: var(--bs-card-border-radius);
      border-bottom-right-radius: var(--bs-card-border-radius);
}