.md-icon-big {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  padding: 10px; }

.active-milestone md-icon {
  color: #36c5cd !important; }

.active-milestone ~ div md-icon.hide-milestone {
  display: none; }

.active-milestone ~ div md-icon.next-milestone {
  display: inline;
  filter: grayscale(100%); }

.next-milestone {
  display: none; }

.md-card-image-logo {
  width: 125px;
  height: auto;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat; }