.notices {
	min-width: 15rem;
	max-height: 30rem;
	padding: 0;
	left:-20rem;
	box-shadow: 0px 0px 8px #eeeeee;
	overflow-y: auto;
	overflow-x: hidden;
}

.notice-item {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #eeeeee;
}

.notice-msg, .notice-title, .notices link, .notices a, span.notices-badge {
	font-size: 0.7em;
}

.notice-msg, .notice-title, .notice-date {
	padding: 0px 8px 8px 8px;
}

.notice-msg {
	margin: 0;
	white-space: normal;
	overflow-wrap: normal;
	padding: 0 20px 12px 20px;
}

.notice-title {
	padding: 4px 8px 4px 8px;
	background-color: #eceff1;
	display: block;
	color: #2196f3;
	font-weight: bold;
	font-size: 0.9em;
	white-space: normal;
	overflow-wrap: normal;
}

.notice-date {
	font-size: 0.6em;
	color: #bdbdbd;
	white-space: normal;
	overflow-wrap: normal;
}

span.notices-badge {
    position: relative;
    top: -10px;
    right: 10px;
    border: #F8F9FA 1px solid;
    margin-right: -18px;
}

a.notices-dropdown-toggle::after {
	content: "";
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	display: none;
}