/***** Progress bar *****/
table.progress {
  border-collapse: collapse;
  border-spacing: 0pt;
  empty-cells: show;
  text-align: center;
 // float: left;
  position: relative;
  td{
		border-width: 0px !important;
		border-style: solid;
		height: 0.5*$gap;
		&.closed {
			background: $color-main none repeat scroll 0%;
			//border-color: $color-main !important;
		}
		&.done {
			background: $color-positive none repeat scroll 0%;
			//border-color: $color-positive !important;
		}
		&.todo {
			background: $color-border-minor none repeat scroll 0%;
			//border-color: $color-border !important;
		}
	}
	&+.percent {
		display: none;
		position: absolute;
		padding: 0;
		margin: 0 auto;
		top: 0;
		left: 0;
		right: 0;
		text-align: center;
		text-shadow: 0 0 5px #fff;
		font-size: $font-small;
		line-height: 1;
		background-color: rgba(255, 255, 255, 0.5);
			&:hover{
				display: block;
			}
	}
	&:hover{
		& + .percent{
			display: block;
		}
  }

}
p.progress-info {
  // clear: left;
  font-size: $font-small;
  margin-top: $gap;
  color: #777;
  text-align: center;
}

.progress-parent{
  position: relative;
	// overflow: hidden;
	@extend %border-radius-infinite;
}