.cursor-pointer{
  cursor: pointer;
}
.hover-card:hover{
-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
}
.card.finalizado{
	background: #dedede;
}
.card.pendiente{
	background: #ffecec;
}
.leyenda .card {
    width: 20px;
    height: 20px;
}
.leyenda .linea {
    display: inline-flex;
}
.leyenda .linea p {
    margin-left: 5px;
    line-height: 20px;
}