.document-item {
    background-color: #f0f0f0; /* Light grey background for document items */
    border: 0px; /* Blue border on the left */
    border-radius: 5px; /* Rounded corners */
    transition: background-color 0.3s ease; /* Smooth transition for background color */
    color: #000;
}

.document-item:hover {
    background-color: #d0d0d0; /* Darker grey on hover */
    border-left: 5px solid #1e5cb2; /* Blue border on the left */
    color: #1e5cb2;
}
/* viewed document styles */
.viewed-doc {
    background-color: #d0d0d0; /* Darker grey on hover */
    border-left: 5px solid #1e5cb2;
    color: #1e5cb2;
}
.viewed-doc small {
    color: #000;
}

.document-item:not(.viewed-doc) small {
    color: #6c757d;
}
/* Make the date text turn black when hovering over the document item */ 
.document-item:hover small {
  color: #000; /* Change color to black */
}
#end-of-results {
    color: #666;
}