.grid-cards-container {
  padding-left: 18px;
  padding-top: 4px; }
  .grid-cards-container .grid-card {
    box-sizing: border-box;
    border: 1px solid #e9e9e9;
    margin-bottom: 16px;
    box-shadow: 0 1px 4px 0 #e9e9e9;
    float: left;
    min-width: 200px;
    width: calc(25% - 18px);
    margin-right: 18px;
    height: 250px;
    transition: all 0.2s linear; }
    .grid-cards-container .grid-card.selected {
      border: 1px solid #5FC660; }
    .grid-cards-container .grid-card:hover {
      transform: translate(0px, -3px);
      border: 1px solid #c9c9c9;
      box-shadow: 0 2px 5px 0 #d9d9d9; }

.grid-view-sort .group-name {
  padding: 5px;
  background-color: #e9e9e9;
  color: #333;
  font-weight: bold; }
.grid-view-sort a.order-by-link {
  padding: 5px 30px 5px 5px;
  border-bottom: 1px solid #eee;
  display: block;
  color: #777;
  text-decoration: none;
  white-space: nowrap; }
  .grid-view-sort a.order-by-link:hover {
    color: #666; }
.grid-view-sort .order-by-direction-asc > a {
  color: #333;
  background-image: url("/assets/images/symbols/grid-order-asc.png");
  background-position: right 5px center;
  background-repeat: no-repeat; }
.grid-view-sort .order-by-direction-desc > a {
  color: #333;
  background-image: url("/assets/images/symbols/grid-order-desc.png");
  background-position: right 5px center;
  background-repeat: no-repeat; }

/*# sourceMappingURL=grid-cards.css.map */