.app-card {
  order: 0;
  flex: 0 1 auto;
  align-self: auto;
  width: 190px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  margin-bottom: 30px;
  margin-right: 10px;
  margin-left: 10px;
  padding: 20px;
}

.app-card .app-card__header {
  position: relative;
  /* background-color: #e3000f; */
  background-color: lightgreen;
  height: 200px;
  margin: -20px -20px 20px -20px;
  -webkit-transition: height 0.5s;
  transition: height 0.5s;
  overflow: hidden;
}

.app-card__disabled {
  background-color: lightgrey !important;
}

.app-card .app-card__header .app-card__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  display: block;
  width: 128px;
  height: 128px;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}

.app-card .app-card__body {
  height: 44px;
  -webkit-transition: height 0.5s;
  transition: height 0.5s;
  overflow: hidden;
}

.app-card .app-card__body .app-card__title {
  font-family: Raleway-Light;
  font-size: 18px;
  text-transform: uppercase;
}

.app-card .app-card__body .app-card__subtitle {
  color: #9a9997;
  font-family: Raleway-Regular;
  font-size: 12px;
  line-height: 22px;
}

.app-card .app-card__body .app-card__action {
  margin-top: 15px;
}

.app-card .app-card__body .app-card__action li {
  border-radius: 4px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
  color: #fff;
  display: inline-block;
  font-family: Raleway-SemiBold;
  font-size: 12px;
  margin-top: 15px;
  padding: 8px;
}

/* .app-card:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
} */

.app-card:hover .app-card__header {
  height: 80px;
}

.app-card:hover .app-card__header .app-card__icon {
  -webkit-transform: translateX(-50%) translateY(-50%) scale(3);
  transform: translateX(-50%) translateY(-50%) scale(3);
}

.app-card:hover .app-card__body {
  height: 164px;
}

/* .app-card:hover .app-card__body .app-card__action li {
} */

li.action-enabled:hover {
  box-shadow: none !important;
}

.action-enabled {
  /* background-color: #0059bc; */
  background-color: #2196F3;
  cursor: pointer;
}

.action-disabled {
  /* background-color: #9a9997; */
  background-color: lightgray;
  box-shadow: none !important;
  cursor: default;
}