.update-quantities .refresh-wrapper,
.remove-item .refresh-wrapper {
  display: inline-block;
  line-height: 100%;
}

.spin {
  -webkit-animation: spin 3s linear infinite;
          animation: spin 3s linear infinite;
  animation-direction: reverse;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.item-name {
  font-size: 1.2rem;
  font-weight: bold;
}

.item-thumbnail {
  width: 100%;
  overflow: hidden;
  padding-top: 100%;
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.card-header.item-group-title {
  color: #fff;
  background-color: #4A4A4A;
}

.totals .row-total {
  font-size: 1.5rem;
  font-family: 'roboto condensed', Arial, sans-serif;
}