hr {
  	width: 96%;               
  	height: 1px;
}

.item {
    position:relative;
    display:inline-block;
	padding: 2px;
}

.center-div {
     margin: 0 auto;
     width: 100px; 
}

.thick {
    font-weight: bold;
}

.label {
	font-size: 9px;
	text-transform: uppercase;
	background: #6e8594;
	border-radius: 4px;
	position: relative;
	padding: 0 4px;
    line-height: 16px;
	vertical-align: middle;
	display: inline-block;
}

.unavailable-badge {
	position: absolute;
    left:2px;
    top:2px;
    background:gray;
    color:white;
}

.limited-time-badge {
	position: absolute;
	top: auto;
	bottom: 2px;
    left:2px;
}


.repeatable-badge {
	position: absolute;
    left:2px;
    top:2px;
}

.points-badge {
	position: absolute;
    right:2px;
    bottom:2px;
    background:blue;
    #border-radius: 10px;
    color:white;
    #padding:10px;
	#font-size: 0.7em;
}

.count-badge {
	position: absolute;
    right:2px;
	top:2px;
    #bottom:2px;
    background:green;
    #border-radius: 10px;
    color:white;
    #padding:10px;
	#font-size: 0.7em;
}

.inactive-marker {
	opacity: 0.4;
  	filter: alpha(opacity=40);
}

.comment-marker {

}

.limited-time-marker {

}

.hide {
	display:none;
}

.show {
	display:block;
}

.bg-inactive {
	background: lightsteelblue;
	#color: white;
}

.bg-attention {
	background: #ffc107;
    #color: white;
	font-weight: 400;
}

.bg-ok-progress {
	background: #32CD32;
	#color: white;
	font-weight: 400;
}

.bg-behind-progress {
	background: #FF0000;
	color: white;
	font-weight: 500;
}

.table td, .table th {
	border: 1px solid #dee2e6;
	padding: 0.1rem;
	font-size: 12px;
}

.challenge-legend-box {
	font-size: 12px;
	padding: 1px;
}

.blink-old-version-text{	
	animation-name:blink;
	animation-duration:2s;
	animation-timing-function:ease-in;
	animation-iteration-count:Infinite;
	font-weight: bold;
}

@keyframes blink{
	0%{color:red;}
	50%{color:white;}
	100%{color:red;}
}