th.sort{
  cursor: pointer;
}

#Scoping,
#Draft,
#Comment,
#Finalizing,
#Rulemaking,
#Drafting,
#Complete
{
    /*content: "Comment Period";*/
    background-color: rgba(25,135,84,1); /* Semi-transparent green */    
    opacity: .5;
}

#Scoping:before {
    /*content: "Scoping";*/
    background-color: rgba(25,135,84,1); /* Semi-transparent green */
    color: white; /* Text remains fully visible */  
}

#Draft:before {
    /*content: "Creating Draft";*/
    background-color: rgba(25,135,84,1); /* Semi-transparent green */
    color: white; /* Text remains fully visible */  
}

#Comment:before {
    /*content: "Comment Period";*/
    background-color: rgba(25,135,84,1); /* Semi-transparent green */
    color: white; /* Text remains fully visible */  
}

#Finalizing:before {
    /*content: "Finalizing";*/
    background-color: rgba(25,135,84,1); /* Semi-transparent green */
    color: white; /* Text remains fully visible */  
}

#Rulemaking:before {
    /*content: "Rulemaking Completed";*/
    background-color: rgba(25,135,84,1); /* Semi-transparent green */
    color: white; /* Text remains fully visible */  
}

#Drafting:before {
    /*content: "Drafting";*/
    background-color: rgba(25,135,84,1); /* Semi-transparent green */
    color: white; /* Text remains fully visible */  
}
#Drafting-null:before {
    content: "Drafting";
    background-color: rgba(108,117,125,1);
    border-width: 0;
}

#Complete:before {
    /*content: "Complete";*/
    background-color: rgba(25,135,84,1); /* Semi-transparent green */
    color: white; /* Text remains fully visible */  
}

#Empty {
    /*opacity: .5 !important;*/
    background-color: #fff !important;
    border-width: 0;
}

#null {
    /*opacity: .5 !important;*/
    background-color: rgba(108,117,125,1);
    border-width: 0;
}

/*
#null:before {
    border-width: 0;  
}
*/

.null {
    background-color: rgba(108,117,125,1) !important;
    border-width: 0;
    color: #fff !important;

}

.Complete {
    /*background-color: rgba(25,135,84,1) !important; /* green */
    color: white !important;
}

.Current {
    background-color: rgba(25,135,84,1) !important; /* green */
    color: white !important;
}
  
/* Print-specific styles */
@media print {
body {
-webkit-print-color-adjust: exact; /* For Chrome, Safari */
print-color-adjust: exact; /* For Firefox */
}
}