.icard {
  background-color: #fff;
  color: #777;
  border: 1px solid #eee;
  @include flexbox();
  @include border-radius(0.25rem);

  overflow: hidden;
  margin-bottom: 1em;
  -webkit-transition:all .3s cubic-bezier(.25,.8,.25,1);
  -o-transition:all .3s cubic-bezier(.25,.8,.25,1);
  transition:all .3s cubic-bezier(.25,.8,.25,1);
}

.icard:hover {
  -webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.25), 0 0px 0px rgba(0,0,0,0.22);
  box-shadow: 0 2px 10px rgba(0,0,0,0.25), 0 0px 0px rgba(0,0,0,0.22);
}

.icard > div{
  @include flexbox();
  @include align-items(center);
  @include justify-content(center);
  @include flex(1);

  padding: 0 5px;
}


.icard small {
  display: block;
  margin-top: 5px;
  color: #888;
}

.ltr .icard .vdivider{
  border-right:1px solid #eee;
  margin:5px 0;
}
.rtl .icard .vdivider{
  border-left:1px solid #eee;
  margin:5px 0;
}