/* read-only - compiled from less */
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
/*
 * metro-bootstrap files
 */
.tile {
  margin: 10px;
  text-transform: capitalize;
}
.thumbnail.tile {
  display: block;
  cursor: pointer;
  -webkit-perspective: 0;
  -webkit-transform-style: preserve-3d;
  -webkit-transition: -webkit-transform 0.2s;
  float: left;
  width: 130px;
  height: 130px;
  text-align: center;
  /* padding: 5px; */
  opacity: 0.9;
  background-color: #2e8bcc;
  border: 0;
  overflow: hidden;
  position: relative;
}
.thumbnail.tile h1,
.thumbnail.tile h2,
.thumbnail.tile h3,
.thumbnail.tile h4,
.thumbnail.tile h5,
.thumbnail.tile h6 {
  color: #ffffff;
  -webkit-user-select: none;
}
.thumbnail.tile h2 {
  font-size: 1.75em;
  margin-top: -20px;
  margin-left: 0px;
}
.thumbnail.tile h3,
.thumbnail.tile h4 {
  margin-top: -15px;
}
.thumbnail.tile h1.tile-text,
.thumbnail.tile h2.tile-text,
.thumbnail.tile h3.tile-text,
.thumbnail.tile h4.tile-text {
  margin-top: 43.333333333333336px;
  z-index: 2;
  position: relative;
}
.thumbnail.tile a:hover {
  text-decoration: none;
}
.thumbnail.tile img {
  border: 0;
}
.thumbnail.tile:hover {
  opacity: 1;
}
.thumbnail.tile.tile-double {
  width: 280px;
}
.thumbnail.tile.tile-triple {
  width: 390px;
}
.thumbnail.tile.tile-blue {
  background-color: #2e8bcc;
}
.thumbnail.tile.tile-green {
  background-color: #339933;
}
.thumbnail.tile.tile-red {
  background-color: #e51400;
}
.thumbnail.tile.tile-yellow {
  background-color: #ffc40d;
}
.thumbnail.tile.tile-orange {
  background-color: #f39c12;
}
.thumbnail.tile.tile-pink {
  background-color: #e671b8;
}
.thumbnail.tile.tile-purple {
  background-color: #7b4f9d;
}
.thumbnail.tile.tile-lime {
  background-color: #8cbf26;
}
.thumbnail.tile.tile-magenta {
  background-color: #ff0097;
}
.thumbnail.tile.tile-teal {
  background-color: #00aba9;
}
.thumbnail.tile.tile-turquoise {
  background-color: #1abc9c;
}
.thumbnail.tile.tile-green-sea {
  background-color: #16a085;
}
.thumbnail.tile.tile-emerald {
  background-color: #2ecc71;
}
.thumbnail.tile.tile-nephritis {
  background-color: #27ae60;
}
.thumbnail.tile.tile-peter-river {
  background-color: #3498db;
}
.thumbnail.tile.tile-belize-hole {
  background-color: #2980b9;
}
.thumbnail.tile.tile-amethyst {
  background-color: #9b59b6;
}
.thumbnail.tile.tile-wisteria {
  background-color: #8e44ad;
}
.thumbnail.tile.tile-wet-asphalt {
  background-color: #34495e;
}
.thumbnail.tile.tile-midnight-blue {
  background-color: #2c3e50;
}
.thumbnail.tile.tile-sun-flower {
  background-color: #f1c40f;
}
.thumbnail.tile.tile-carrot {
  background-color: #e67e22;
}
.thumbnail.tile.tile-pumpkin {
  background-color: #d35400;
}
.thumbnail.tile.tile-alizarin {
  background-color: #e74c3c;
}
.thumbnail.tile.tile-pomegranate {
  background-color: #c0392b;
}
.thumbnail.tile.tile-clouds {
  background-color: #ecf0f1;
}
.thumbnail.tile.tile-silver {
  background-color: #bdc3c7;
}
.thumbnail.tile.tile-concrete {
  background-color: #95a5a6;
}
.thumbnail.tile.tile-asbestos {
  background-color: #7f8c8d;
}
.thumbnail.tile.tile-primary {
  background-color: #2D85C5;
}
.thumbnail.tile.tile-important {
  background-color: #B71C1C;
}
a.fa-links {
  color: #ffffff;
}
a.fa-links:hover,
a.fa-links:focus {
  color: #ffffff;
}
.alert {
  border: 0px;
}
.alert-success {
  border: 0px;
}
.alert-info {
  border: 0px;
}
.alert-warning {
  border: 0px;
}
.alert-danger {
  border: 0px;
}
.label {
  border-radius: 0px;
}
.label-default {
  border-radius: 0px;
}
.label-primary {
  border-radius: 0px;
}
.label-success {
  border-radius: 0px;
}
.label-info {
  border-radius: 0px;
}
.label-warning {
  border-radius: 0px;
}
.label-danger {
  border-radius: 0px;
}
.modal-dialog {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  .navbar-side {
    width: 225px;
    margin-left: -225px;
    left: 225px;
    position: fixed;
    height: 100%;
    z-index: 1000;
  }
  .navbar-side .navbar-header {
    float: none;
    padding-top: 15px;
  }
  .navbar-side .navbar-nav {
    float: none;
  }
  .navbar-side .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
    padding-top: 30px;
    margin-bottom: 50px;
  }
  .navbar-side .navbar-nav > li {
    float: none;
  }
  .navbar-side .navbar-nav > li > a {
    display: inline-block;
    width: 100%;
    padding-left: 25px;
  }
  .navbar-side .navbar-nav > li > a:hover {
    background: rgba(85, 85, 85, 0.5);
  }
  .navbar-side.navbar-side-closed {
    width: 85px;
    margin-left: -85px;
    left: 85px;
  }
  .navbar-side.navbar-side-closed .navbar-nav .fa {
    font-size: 2em;
  }
  .navbar-side.navbar-side-closed .navbar-nav span {
    font-size: 12px;
  }
  .navbar-side.navbar-side-closed .navbar-nav > li > a {
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
  }
  .navbar-side.navbar-side-closed .navbar-nav > li > a > span {
    display: list-item;
  }
}
.navbar-side-options {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 40px;
  width: 100%;
  text-align: center;
}
@media (max-width: 768px) {
  .navbar-side-options {
    display: none;
  }
}
.tile .tile-content {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
}
.tile .tile-content.image {
  width: 100%;
  min-height: 100%;
  max-height: 100%;
  z-index: 0;
}
.tile .tile-content iframe {
  width: 100%;
  min-height: 100%;
  max-height: 100%;
  z-index: 0;
}
.tile .tile-content.text {
  color: white;
  display: table-cell;
  vertical-align: middle;
}
.tile .tile-content.text a {
  color: white;
}
.tile .tile-status {
  position: absolute;
  bottom: 47px;
  left: 0;
  right: 0;
  min-height: 29px;
  margin: 0;
  display: block;
  font-size: 10pt;
  font-size: 150%;
  padding-top: 1px;
  background: #2196F3;
  color: #ffffff;
  /*
    background: #212121;
    color: #ffffff; 
    */
  padding: 1px 3px;
  z-index: 2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tile .tile-status:empty {
  display: none;
}
.tile .tile-status-small {
  font-size: 12px;
  padding: 0px 7px;
  min-height: 0px;
}
.tile .tile-status-bottom {
  bottom: 0px;
  left: 0;
  right: 0;
}
.tile .tile-status-bottom-left {
  bottom: 0px;
  left: 0;
  right: auto;
}
.tile .tile-status-bottom-right {
  bottom: 0px;
  left: auto;
  right: 0;
}
.tile .tile-status-top-left {
  top: 0px;
  left: 0;
  bottom: auto;
  right: auto;
}
.tile .tile-status-top-right {
  top: 0px;
  left: auto;
  right: 0;
  bottom: auto;
}
.tile .tile-status-top {
  bottom: auto;
  top: 0px;
  left: 0;
}
.tile .tile-status-plain {
  background: #999999;
}
.tile .tile-status .badge {
  position: absolute;
  right: 4px;
  top: 5px;
}
.tile .tile-content.icon [class*="icon-"],
.tile .tile-content.icon [class*="fa-"],
.tile .tile-content.icon img {
  line-height: 56px;
  height: 56px;
  width: 56px;
  font-size: 48px;
  color: #ffffff;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -40px;
  margin-left: -28px;
}
.tile .tile-content.icon .icon-letter {
  font-weight: bold;
}
.tile .tile-content.image-set img {
  margin: 0;
  padding: 0;
  width: 25% !important;
  height: 50%;
  float: left;
  border: 1px #fff solid;
}
/*
.tile .tile-content.image-set img:first-child {
    width: 50% !important;
    float: left;
    height: 100%;
}
*/
.tile-wrapper {
  padding: 0;
}