#notification-links-unread {
	font-weight: bold;
	text-decoration: none;
}

#notification-links-read {
	text-decoration: none;
}

#notification-links-unread:hover {
	color:#f39801;
}

#notification-links-read:hover {
	color:#f39801;
}

#notification-icon {
	color:#f39801;
	background-color:transparent;
	border:none;
}

#notification-btn {
	background-color:#f39801;
	border:none;
}

#notification-title {
	color:#f39801;
}

.modal-notif {
	width: 550px;
  }

.text-overflow {
	white-space: nowrap; 
    width: 450px; 
    overflow: hidden;
	text-overflow: ellipsis;
	color: blue;
}
hr {
    border: none;
    height: 1px;
    /* Set the hr color */
    color: #333; 
    background-color: #333; /* Modern Browsers */
}

.news-text-title{
	font-weight: bold;
	border-left: 4px solid #333;
	padding: 10px;
	background-color: lightgray
}


.news-text-content textarea:hover{
	/* text-align: justify;
	text-justify: inter-word;
    padding: 20px;
    border: 1px solid #333;
	border-radius: 8px; */
	cursor: text;
}
.btn-download {
    border-radius: 8px;
    border: none;
    padding: 10px 30px;
	cursor: pointer;
	width: 100%;
}

/* Darker background on mouse-over */
.btn-download:hover {
    background-color:lightgrey;
}

.td-overflow {
    max-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.th-content{
	  width: 40%
  }
.th-action{
	width: 20%
}
/* .badge-points{
    position: absolute;
    left:5px;
    bottom:5px;
    background:rgba(251, 146, 47, 0.849);
    text-align: center;
    border-radius: 5px 5px 5px 5px;
    color:white;
    padding:5px 10px;
	font-size:20px;
	font-weight: 800;
} */