wizdom365-livetiles-tile > .livetiles-tile:focus,
wizdom365-livetiles-add > .livetiles-tile:focus,
wizdom365-livetiles-filler > .livetiles-tile:focus {
  box-shadow: 0 0 3px 2px #3399ff; }

.livetiles-tile-flow {
  position: relative;
  margin: 0 auto; }

.livetiles-tile-container {
  position: absolute; }
  .livetiles-tile-container.livetiles-draggable .livetiles-tile {
    cursor: move; }
    .livetiles-tile-container.livetiles-draggable .livetiles-tile:hover {
      box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.6);
      z-index: 2; }
  .livetiles-tile-container.livetiles-audience {
    border: 3px darkorange dashed; }
  .livetiles-tile-container.livetiles-error {
    border: 3px double red;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: red; }
    .livetiles-tile-container.livetiles-error::before {
      content: "\e209";
      position: absolute;
      font-size: 5em;
      color: red;
      z-index: 10;
      font-family: "Glyphicons Halflings";
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      text-shadow: 2px 2px 25px black; }
  .livetiles-tile-container .livetiles-remove-tile {
    position: absolute;
    top: 2px;
    right: 2px;
    z-index: 1;
    color: #444;
    text-shadow: -1px 0 #eee, 0 1px #eee, 1px 0 #eee, 0 -1px #eee; }

.livetiles-cursor-pointer {
  cursor: pointer; }

.livetiles-tile {
  height: 100%;
  width: 100%; }

.livetiles-tile.livetiles-filler-tile,
.livetiles-tile.livetiles-add-tile {
  position: relative;
  background-color: #555; }
  .livetiles-tile.livetiles-filler-tile > .glyphicon-plus,
  .livetiles-tile.livetiles-filler-tile > .glyphicon-picture,
  .livetiles-tile.livetiles-add-tile > .glyphicon-plus,
  .livetiles-tile.livetiles-add-tile > .glyphicon-picture {
    font-size: 5em;
    color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -51%); }

.livetiles-add-tile:hover {
  background-color: #777; }

.livetiles-add-tile > span.glyphicon-plus::before {
  letter-spacing: -0.075em; }

.livetiles-tile-sliding {
  box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.25); }

.livetiles-tile-dragover::before {
  position: absolute;
  left: -5px;
  z-index: 1;
  display: inline-block;
  content: '';
  width: 3px;
  height: 100%;
  background-color: #444; }

.livetiles-tile-content {
  height: 100%;
  width: 100%;
  position: absolute;
  overflow: hidden; }
  .livetiles-tile-content > div {
    height: 100%;
    width: 100%; }

.livetiles-hover-content {
  height: 100%;
  position: absolute;
  width: 100%;
  overflow: hidden;
  display: none;
  bottom: 0;
  z-index: 100; }
  .livetiles-hover-content > div {
    height: 100%;
    width: 100%; }

.livetiles-tile-content,
.livetiles-hover-content {
  background-color: #ddd; }

.livetiles-content-text {
  margin: 5px; }

.livetiles-content-center {
  text-align: center; }

.livetiles-icon-row {
  position: absolute;
  top: 5px;
  bottom: 41px;
  width: 100%; }

.livetiles-icon-cell {
  height: 100%; }
  .livetiles-icon-cell > img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    max-height: 100%;
    max-width: 100%; }

.livetiles-text-cell {
  position: absolute;
  bottom: 0;
  width: 100%; }

.livetiles-tile-container .livetiles-text-cell .livetiles-text-cell-title {
  height: 36px;
  line-height: 18px;
  overflow: hidden; }

.livetiles-gallery-view {
  position: relative;
  padding-top: 31px; }

.livetiles-gallery-view-header {
  position: absolute;
  top: 1px;
  left: 0;
  right: 0;
  height: 31px;
  border-bottom: 1px solid #ddd; }

.livetiles-gallery-view-content {
  max-height: 360px;
  overflow-y: auto; }
  .livetiles-gallery-view-content > .table .livetiles-showmore-row {
    background-color: transparent; }
    .livetiles-gallery-view-content > .table .livetiles-showmore-row .btn {
      width: 100%; }
  .livetiles-gallery-view-content > .table > thead > tr > th {
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: none; }
    .livetiles-gallery-view-content > .table > thead > tr > th > div {
      position: absolute;
      top: 0;
      line-height: 31px; }
  .livetiles-gallery-view-content colgroup > col:nth-of-type(1) {
    width: 35%; }
  .livetiles-gallery-view-content colgroup > col:nth-of-type(2) {
    width: 50%; }
  .livetiles-gallery-view-content colgroup > col:nth-of-type(3) {
    width: 15%; }
