*.icon-white {
	color: white
}

*.icon-silver {
	color: silver
}

*.icon-green {
	color: green
}

*.icon-dark {
	color: gray
}

@media screen and (max-width: 768px) {

	/* small screen */
	div.full-details {
		display: none
	}

	div.less-details {
		display: block;
	}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {

	/* medium screen */
	div.full-details {
		display: block;
	}

	div.less-details {
		display: none;
	}

	.hideable-column {
		display: none
	}
}

@media screen and (min-width: 1024px) {

	/* small screen */
	div.less-details {
		display: none;
	}

	.hideable-column {
		display: table-cell;
	}
}

.notification-badge {
	background-color: red !important;
	color: white !important;
	border-radius: 50%;
	padding: 2px 6px;
	font-size: 0.75em;
	position: relative !important;
	top: -10px !important;
	right: 5px !important;
	font-weight: bold;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	z-index: 1;
}