.demo-icon-wrapper {
  position: relative;
  padding-top: 10px;
  padding-bottom: 10px;
}
.demo-icon-wrapper .icon {
  position: relative;
  font-size: 14px;
  margin-right: 10px;
  color: #5b5c5f;
}
.demo-icon-wrapper:hover {
  color: #fff;
  background: #34495e;
}
.demo-icon-wrapper:hover .icon {
  color: #fff;
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
  -ms-transform: scale(2);
  -o-transform: scale(2);
  transform: scale(2);
}
.table .active code,
.table .success code,
.table .warning code,
.table .danger code,
.table .info code {
  min-width: 70px;
  text-align: center;
  margin-right: 5px;
  border: solid 1px #fff;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}
.element-holder-wrapper {
  display: table;
  margin-bottom: 20px;
  width: 100%;
}
.element-holder-wrapper .element-holder {
  display: table-cell;
  width: 100%;
  height: 250px;
  padding: 15px;
  text-align: center;
  vertical-align: middle;
  border: dotted 2px #dfe5ec;
}