.mf-gallery-app .browsehappy {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }

.mf-gallery-app .error-box {
  margin: 10px; }

.mf-gallery-app .mf-gallery {
  padding: 0 15px; }
  .mf-gallery-app .mf-gallery h1 small {
    display: block; }
  .mf-gallery-app .mf-gallery .modal-backdrop.in {
    opacity: 0.8; }
  .mf-gallery-app .mf-gallery .caption {
    margin: auto; }
    .mf-gallery-app .mf-gallery .caption .time {
      text-align: left;
      padding-left: 5px;
      color: dimgrey; }
    .mf-gallery-app .mf-gallery .caption .name {
      text-align: right;
      padding-left: 5px;
      padding-right: 0; }
  .mf-gallery-app .mf-gallery .album h1 {
    font-size: 32px;
    font-weight: normal;
    line-height: 40px; }
  .mf-gallery-app .mf-gallery .sub-albums .thumbnail {
    border: 0; }
  .mf-gallery-app .mf-gallery .sub-albums img {
    max-height: 150px; }
  .mf-gallery-app .mf-gallery .sub-albums .no-cover {
    width: 150px;
    height: 150px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background: grey;
    font-size: 4em; }
  .mf-gallery-app .mf-gallery .sub-albums .image-count {
    position: absolute;
    top: 4px;
    right: 4px;
    min-width: 20px;
    min-height: 20px;
    text-align: center;
    color: #ffffff;
    background-color: #428bca;
    opacity: 0; }
  .mf-gallery-app .mf-gallery .sub-albums .caption {
    max-width: 212px; }
  .mf-gallery-app .mf-gallery .sub-albums ul {
    display: -webkit-flex;
    /* Safari */
    display: flex;
    -webkit-flex-wrap: nowrap;
    /* Safari */
    flex-wrap: wrap;
    -webkit-align-content: space-between;
    /* Safari */
    justify-content: space-between; }
    .mf-gallery-app .mf-gallery .sub-albums ul:after {
      content: "";
      flex: auto; }
  .mf-gallery-app .mf-gallery .sub-albums li {
    vertical-align: top;
    position: relative; }
  .mf-gallery-app .mf-gallery .sub-albums li:hover {
    background-color: #428bca;
    transition: all 200ms ease-in; }
    .mf-gallery-app .mf-gallery .sub-albums li:hover a {
      text-decoration: none; }
    .mf-gallery-app .mf-gallery .sub-albums li:hover .image-count {
      transition: all 200ms ease-in;
      opacity: 0.8; }
    .mf-gallery-app .mf-gallery .sub-albums li:hover span, .mf-gallery-app .mf-gallery .sub-albums li:hover div {
      color: #fff; }
  .mf-gallery-app .mf-gallery .images li {
    padding: 0;
    vertical-align: middle; }
    .mf-gallery-app .mf-gallery .images li .gallery-image {
      margin: 2px;
      position: relative; }
      .mf-gallery-app .mf-gallery .images li .gallery-image.waiting {
        background: url("../images/ajax-loader.gif") center center no-repeat; }
      .mf-gallery-app .mf-gallery .images li .gallery-image .overlay {
        position: absolute;
        bottom: 0;
        width: 100%;
        min-height: 25px;
        background-color: #428bca;
        border-radius: 3px;
        color: #fff;
        padding: 0 5px;
        display: table;
        opacity: 0; }
        .mf-gallery-app .mf-gallery .images li .gallery-image .overlay * {
          display: table-cell;
          vertical-align: middle; }
    .mf-gallery-app .mf-gallery .images li:hover {
      background-color: #428bca;
      transition: all 200ms ease-in; }
      .mf-gallery-app .mf-gallery .images li:hover .gallery-image .overlay {
        opacity: 0.8;
        transition: all 200ms ease-in; }
  .mf-gallery-app .mf-gallery .lightbox .modal {
    display: block; }
  .mf-gallery-app .mf-gallery .lightbox .dialog {
    position: relative; }
  .mf-gallery-app .mf-gallery .lightbox.lbmodal .dialog {
    margin: auto; }
  .mf-gallery-app .mf-gallery .lightbox .image {
    min-height: 200px;
    background: center center no-repeat; }
  .mf-gallery-app .mf-gallery .lightbox.lbmodal .image {
    margin: auto; }
  .mf-gallery-app .mf-gallery .lightbox .controls {
    position: absolute;
    top: 0;
    margin: 1px; }
    .mf-gallery-app .mf-gallery .lightbox .controls .glyphicon {
      color: #ffffff;
      text-shadow: 0 1px 0 black;
      opacity: 0.5; }
    .mf-gallery-app .mf-gallery .lightbox .controls > * {
      position: absolute;
      color: #fff; }
    .mf-gallery-app .mf-gallery .lightbox .controls .close {
      top: 5px;
      right: 5px;
      font-size: 40px;
      cursor: pointer;
      z-index: 11; }
      .mf-gallery-app .mf-gallery .lightbox .controls .close:hover .glyphicon {
        opacity: 0.9; }
    .mf-gallery-app .mf-gallery .lightbox .controls .previous {
      left: 0;
      top: 0;
      width: 30%;
      height: 100%; }
      .mf-gallery-app .mf-gallery .lightbox .controls .previous .glyphicon {
        left: 0; }
    .mf-gallery-app .mf-gallery .lightbox .controls .next {
      right: 0;
      top: 0;
      width: 70%;
      height: 100%; }
      .mf-gallery-app .mf-gallery .lightbox .controls .next .glyphicon {
        right: 0; }
    .mf-gallery-app .mf-gallery .lightbox .controls .nav {
      z-index: 10; }
      .mf-gallery-app .mf-gallery .lightbox .controls .nav .glyphicon {
        font-size: 60px;
        top: calc(50% - 30px);
        cursor: pointer;
        position: absolute; }
      .mf-gallery-app .mf-gallery .lightbox .controls .nav:hover .glyphicon {
        opacity: 0.9; }
    .mf-gallery-app .mf-gallery .lightbox .controls .info {
      left: 0;
      bottom: 0;
      width: 100%;
      height: 25px;
      background: rgba(0, 0, 0, 0.1);
      cursor: pointer;
      z-index: 11;
      transition: height 0.5s ease-in; }
      .mf-gallery-app .mf-gallery .lightbox .controls .info .text {
        font-size: 20px; }
      .mf-gallery-app .mf-gallery .lightbox .controls .info .show-original {
        float: right;
        font-size: 20px;
        padding: 0 10px;
        color: #fff; }
        .mf-gallery-app .mf-gallery .lightbox .controls .info .show-original * {
          color: #fff; }
        .mf-gallery-app .mf-gallery .lightbox .controls .info .show-original:hover,
        .mf-gallery-app .mf-gallery .lightbox .controls .info .show-original:hover * {
          text-decoration: none; }
      .mf-gallery-app .mf-gallery .lightbox .controls .info > * {
        opacity: 0.5; }
      .mf-gallery-app .mf-gallery .lightbox .controls .info:hover {
        transition: all 200ms ease-in;
        background: black; }
        .mf-gallery-app .mf-gallery .lightbox .controls .info:hover * {
          opacity: 1; }
      .mf-gallery-app .mf-gallery .lightbox .controls .info.open {
        height: 75px;
        transition: height 0.5s ease-out; }

.mf-gallery-app .mf-gallery-ifs .header-line {
  margin-bottom: 10px; }
  .mf-gallery-app .mf-gallery-ifs .header-line .item-pos {
    background: whitesmoke;
    font-size: 1.2em;
    padding: 4px 8px;
    border-radius: 2px; }

.mf-gallery-app footer {
  margin-top: 20px;
  width: 100%;
  text-align: center;
  background-color: #fff; }

/* fix for thumbnail. */
.mf-gallery-app .mf-gallery .lightbox .image {
  background-size: contain;
}
.mf-gallery-app .mf-gallery {
  padding: 0;
}