.order-thumb {
  cursor: pointer;
  padding: 7px 0px;
  border-radius: 8px;
  border: 1px solid rgba(0,0,0,.2);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0);
  /* IE6-9 */
}

.order-thumb:active {
  /* zoom: 0.98; */
}

.order-thumb-wrap {
  height: 110px;
}

.order-thumb:hover {
  box-shadow: 0 1px 2px 0 rgba(228, 241, 250, 0.3), 0 1px 3px 1px rgba(60,64,67,0.15);
  border: 1px solid rgba(0,0,0,0);
}
.order-thumb:active {
  cursor: pointer;
  box-shadow: inset 0 1px 2px 0 rgba(228, 241, 250, 0.3),  inset 0 1px 3px 1px rgba(60,64,67,0.15);
  border: 1px solid rgba(0,0,0,.2);
}
.order-thumb-wrap .order-thumb-type {
  font-size: 1.2rem;
  font-weight: 500;
  margin-left: 10px;
  margin-right: 10px;
  color: black;
}

.order-thumb-wrap .order-thumb-type span {
  font-size: 1rem;
  line-height: 1.8;
  color: grey;
  font-size: 0.875rem;
}

.order-thumb-log-wrap {
  /* background: #ececec !important; */
  height: 20px;

}

.order-thumb-log-wrap .order-thumb-log {
  color: grey;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
}


.order-thumb-wrap .order-thumb-employee {
  font-size: 15px;
  margin-left: 10px;
  margin-right: 10px;
  color: #4c5054;
}