﻿.metro h1,
.metro h2,
.metro h3,
.metro h4,
.metro h5,
.metro h6 {
  margin: 12.5px 0;
  font-family: "Segoe UI Light", "Helvetica Neue", "Segoe UI", "Segoe WP", sans-serif;
  font-weight: 100;
  line-height: 35px;
  color: inherit;
  text-rendering: optimizelegibility;
}

.thumbnails > li.tile {
  display: block;
  cursor:default;
  -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.75;
  background-color: #2e8bcc;
}

.thumbnails > li.tile h1,
.thumbnails > li.tile h2,
.thumbnails > li.tile h3,
.thumbnails > li.tile h4,
.thumbnails > li.tile h5,
.thumbnails > li.tile h6 {
  color: #ffffff;
  -webkit-user-select: none;
}
.thumbnails > li.tile h2 {
  font-size: 1.75em;
  margin-top: -20px;
  margin-left: 0px;
}
.thumbnails > li.tile h3,
.thumbnails > li.tile h4 {
  margin-top: -15px;
}
.thumbnails > li.tile h1.tile-text,
.thumbnails > li.tile h2.tile-text,
.thumbnails > li.tile h3.tile-text,
.thumbnails > li.tile h4.tile-text {
  margin-top: 43.333333333333336px;
}
.thumbnails > li.tile a:hover {
  text-decoration: none;
}
.thumbnails > li.tile img {
  border: 0;
}
.thumbnails > li.tile:hover {
  opacity: 1;
}
.thumbnails > li.tile.tile-double {
  width: 260px;
}
.thumbnails > li.tile.tile-blue {
  background-color: #2e8bcc;
}
.thumbnails > li.tile.tile-green {
  background-color: #339933;
}
.thumbnails > li.tile.tile-red {
  background-color: #e51400;
}
.thumbnails > li.tile.tile-yellow {
  background-color: #ffc40d;
}
.thumbnails > li.tile.tile-orange {
  background-color: #f09609;
}
.thumbnails > li.tile.tile-pink {
  background-color: #e671b8;
}
.thumbnails > li.tile.tile-purple {
  background-color: #7b4f9d;
}
.thumbnails > li.tile.tile-lime {
  background-color: #8cbf26;
}
.thumbnails > li.tile.tile-magenta {
  background-color: #ff0097;
}
.thumbnails > li.tile.tile-teal {
  background-color: #00aba9;
}
.bs-docs-example {
position: relative;
margin: 15px 0;
margin-top:0px;
padding: 39px 19px 14px;
background-color: #fff;
border: 1px solid #ddd;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

.bs-docs-example-after {
position: absolute;
top: -1px;
left: -1px;
padding: 3px 7px;
font-size: 12px;
font-weight: bold;
background-color: #f5f5f5;
border: 1px solid #ddd;
color: #9da0a4;
-webkit-border-radius: 4px 0 4px 0;
-moz-border-radius: 4px 0 4px 0;
border-radius: 4px 0 4px 0;
}