.cross-icon {
    color: red;
}

.Select-menu-outer {
    display : block !important;
    }

/* Change the background color of the active cell */
.dash-spreadsheet-container .dash-cell.focused {
    background-color: #f0f0f0 !important; /* Light grey */
    color: black !important;
}

/* Change the background color of the cell when hovered */
.dash-spreadsheet td:hover {
    background-color: #e0e0e0 !important; /* Slightly darker grey */
}

/* Red Highlight (Essential Tier) */
.highlight-red {
    box-shadow: 0 0 0.5rem 0.2rem rgba(220, 53, 69, 0.4); /* Bootstrap 'danger' red */
    border: 2px solid #dc3545;
    transition: box-shadow 0.3s ease;
  }
  
  /* Blue Highlight (Growth Tier) */
  .highlight-blue {
    box-shadow: 0 0 0.5rem 0.2rem rgba(13, 110, 253, 0.4); /* Bootstrap 'primary' blue */
    border: 2px solid #0d6efd;
    transition: box-shadow 0.3s ease;
  }
  
  /* Green Highlight (Mastery Tier) */
  .highlight-green {
    box-shadow: 0 0 0.5rem 0.2rem rgba(25, 135, 84, 0.4); /* Bootstrap 'success' green */
    border: 2px solid #198754;
    transition: box-shadow 0.3s ease;
  }
  
  /* Smooth glow on hover */
  .highlight-red:hover,
  .highlight-blue:hover,
  .highlight-green:hover {
    box-shadow: 0 0 1rem 0.3rem rgba(0, 0, 0, 0.2);
    transform: translateY(-2px);
  }