#shirt-column-headers > a{
    text-decoration: none;
    color: rgba(236, 32, 36, 0.75);
}

#custom-table-css tbody tr:hover{
    color:#EC2024;
}

.dropdown-menu {
    /* background-color: transparent; Background for dropdown */
    border: 1px solid #000000; /* Border for dropdown */
    border-radius: 4px; /* Rounded corners */
    padding: 10px 0; /* Spacing inside dropdown */
    background-color: #030303f6;
    color: #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4); /* Subtle shadow */
    --bs-dropdown-bg: transparent;
  }
  
  /* Dropdown Header */
  .dropdown-header {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    padding: 10px 20px;
    background-color: #ec2023f5; /* Light background for header */
  }

  .dropdown-item{
    color: #dddddd;
    font-weight:500;
  }


/* CHECKBOX */
td > input.received-checkbox{
  width: 25px;
  height: 25px;
  /* margin: 15px 0 0 15px; */
  accent-color: #EC2024;
  cursor: pointer;
  transition: 0.2s ease transform, 0.2s ease background-color,
    0.2s ease box-shadow;
  overflow: hidden;
  z-index: 1;
}

td > input.received-checkbox:hover {
  border: solid 1px #EC2024;
  box-shadow: 2px 3px 5px #EC2024;
}

td > input:checked{
  accent-color: #EC2024;
}

#custom-table-css > tbody > tr.w0.received-highlight-row{
  color:#EC2024;
}

.border-primary{
  box-shadow:2px 3px 8px black;
}