.usercp_nav_myalerts {
	background: url(../../../images/usercp/transmit_blue.png) no-repeat left center !important;
}

.usercp_nav_myalerts_delete_all {
	background: url(../../../images/usercp/delete.png) no-repeat left center !important;
}

.usercp_nav_myalerts_delete_read {
	background: url(../../../images/usercp/bin.png) no-repeat left center !important;
}

.newAlerts > a {
	color: red !important;
}

ul.panel_links a.myalerts {
	background-position: 0 -180px;
}

.alert-row__no-alerts td {
	text-align: center;
}

.alert--read.alert {
	opacity: .5;
}

.alert.alert--read td.trow1 {
	background-color: #F5F5F5;
}

.alerts--new a {
	color: red !important;
	font-weight: bold;
}

/* ===== Dropdown notifications ===== */
.myalerts-dd {
	position: relative;
}

.myalerts-dd__panel {
	position: absolute;
	top: 100%;
	right: 0;
	margin-top: 8px;
	width: 380px;
	max-width: 92vw;
	background: #1e252d;
	color: #e6e6e6;
	border: 1px solid #2c333c;
	border-radius: 8px;
	box-shadow: 0 12px 28px rgba(0,0,0,.45);
	z-index: 9999;
	overflow: hidden;
	font-size: 13px;
}

.myalerts-dd__panel:before {
	content: "";
	position: absolute;
	top: -7px;
	right: 18px;
	width: 12px;
	height: 12px;
	background: #1e252d;
	border-left: 1px solid #2c333c;
	border-top: 1px solid #2c333c;
	transform: rotate(45deg);
}

.myalerts-dd__inner {
	 /* display: flex;*/
	flex-direction: column;
	max-height: 70vh;
}

.myalerts-dd__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 14px;
	border-bottom: 1px solid #2c333c;
	background: #232b34;
}

.myalerts-dd__title {
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .04em;
	font-size: 12px;
	color: #cfd6df;
}

.myalerts-dd__count-badge {
	display: inline-block;
	min-width: 18px;
	padding: 1px 6px;
	margin-right: 4px;
	background: #d33;
	color: #fff;
	border-radius: 10px;
	font-size: 11px;
	text-align: center;
	font-weight: 700;
}

.myalerts-dd__viewall {
	padding: 5px 10px;
	background: #2f3a45;
	color: #e6e6e6 !important;
	border-radius: 4px;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: .04em;
	text-decoration: none;
}

.myalerts-dd__viewall:hover {
	background: #3a4754;
	text-decoration: none;
}

.myalerts-dd__list {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow-y: auto;
	max-height: 420px;
}

.myalerts-dd__item {
	position: relative;
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 10px 14px;
	border-bottom: 1px solid #262d36;
	background: transparent;
	transition: background .15s ease;
}

.myalerts-dd__item:last-child {
	border-bottom: 0;
}

.myalerts-dd__item:hover {
	background: #252d37;
}

.myalerts-dd__item.alert--read {
	opacity: .65;
}

.myalerts-dd__avatar img {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	object-fit: cover;
	display: block;
	background: #2c333c;
}

.myalerts-dd__msg {
	flex: 1;
	min-width: 0;
	color: #e6e6e6 !important;
	text-decoration: none;
	line-height: 1.35;
	word-wrap: break-word;
}

.myalerts-dd__msg:hover {
	text-decoration: none;
	color: #fff !important;
}

.myalerts-dd__time {
	display: block;
	margin-top: 4px;
	color: #8b95a1;
	font-size: 11px;
}

.myalerts-dd__rowbtns {
	display: flex;
	align-items: center;
	gap: 6px;
	opacity: 0;
	transition: opacity .15s ease;
	flex-shrink: 0;
}

.myalerts-dd__item:hover .myalerts-dd__rowbtns {
	opacity: 1;
}

.myalerts-dd__rowbtns a {
	color: #aab3bd !important;
	text-decoration: none;
	font-size: 13px;
	padding: 2px 4px;
	border-radius: 3px;
}

.myalerts-dd__rowbtns a:hover {
	color: #fff !important;
	background: #3a4754;
}

.myalerts-dd__rowbtns a.hidden {
	display: none;
}

.myalerts-dd__empty {
	padding: 24px 14px;
	text-align: center;
	color: #8b95a1;
	list-style: none;
}

.myalerts-dd__footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	padding: 10px 14px;
	border-top: 1px solid #2c333c;
	background: #1a2027;
	font-size: 11px;
	flex-wrap: wrap;
}

.myalerts-dd__footer a {
	color: #aab3bd !important;
	text-decoration: none;
}

.myalerts-dd__footer a:hover {
	color: #fff !important;
	text-decoration: underline;
}

.myalerts-dd__filter {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	color: #aab3bd;
	cursor: pointer;
}

.myalerts-dd__sep {
	color: #4a5562;
	margin: 0 2px;
}

.myalerts-dd__loading {
	padding: 24px 14px;
	text-align: center;
	color: #8b95a1;
}

/* Red dot indicator on the bell when there are unread alerts */
.alerts.alerts--new > a.myalerts-dd__toggle:after,
li.alerts.alerts--new > a.myalerts-dd__toggle:after {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	margin-left: 4px;
	background: #e64545;
	border-radius: 50%;
	vertical-align: top;
}