/* CSS used here will be applied after bootstrap.css
.blink_me:hover + .notifications {
	display: block;
}*/
.dropdown {
	display: inline-block;
	margin-left: 57%;
	margin-top: 3%;
	width: 20%;
	/* padding: 10px; */
	background-color: #88b2dd;
	text-align: center;
	min-width: 167px;
}
.blink_me {
	animation: color-change 1s infinite;
}

@keyframes color-change {
	0% { color: red; }
	50% { color: blue; }
	100% { color: red; }
}

.glyphicon-bell {

	font-size:1.5rem;
}

.notifications {
	/*min-width:420px; */
}

.notifications-wrapper {
	overflow:auto;
	max-height:250px;
}

.menu-title {
	color:#ff7788;
	font-size:1.5rem;
	display:inline-block;
}

.glyphicon-circle-arrow-right {
	margin-left:10px;
}


.notification-heading, .notification-footer  {
	padding:2px 10px;
}


.dropdown-menu.divider {
	margin:5px 0;
}

.item-title {

	font-size:1.3rem;
	color:#000;

}

.notifications a.content {
	text-decoration:none;
	background:#ccc;

}

.notification-item {
	padding:10px;
	margin:5px;
	background:#ccc;
	border-radius:4px;
	cursor: default;
}
.horizontal-timeline .items {
	border-top: 3px solid #0b70d5;
}

.horizontal-timeline .items .items-list {
	display: block;
	position: relative;
	text-align: center;
	padding-top: 70px;
	margin-right: 0;
}

.horizontal-timeline .items .items-list:before {
	content: "";
	position: absolute;
	height: 36px;
	border-right: 2px dashed #29639d;
	top: 0;
}

.horizontal-timeline .items .items-list .event-date {
	position: absolute;
	top: 36px;
	left: 0;
	right: 0;
	width: 75px;
	margin: 0 auto;
	font-size: 1.9rem;
	padding-top: 8px;
}

@media (min-width: 1140px) {
	.horizontal-timeline .items .items-list {
		display: inline-block;
		width: 24%;
		padding-top: 45px;
	}

	.horizontal-timeline .items .items-list .event-date {
		top: -17px;
	}
}