header {
  height: 4rem;
  background: #FFF;
}
header .media a.brand {
  max-height: 48px;
  min-width: 48px;
}
header .media a.brand img {
  max-height: 48px;
}
header .media h1 {
  font-size: 1.4rem;
  line-height: 1;
}
header .media .dropdown a.avatar {
  min-height: 48px;
  min-width: 48px;
  cursor: pointer;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
h1 {
  letter-spacing: -1px;
}
form .form-group small.text-danger {
  display: inline-block;
  margin-top: 0.25rem;
}
.transition {
  transition: all 0.5s ease-out;
}
a.app {
  border-left: 4px solid #F7F7F7;
}
a.app i.fa {
  color: #999999;
  opacity: 0.5;
}
a.app h5 {
  letter-spacing: -1px;
}
a.app:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  text-decoration: none;
  border-color: #FF6666;
}
a.app:hover i.fa {
  color: #FF6666;
  opacity: 1;
}
a.app:hover h5 {
  color: #DD3333;
}
a.app-home {
  color: #666;
  text-decoration: none;
}
a.app-home .ico {
  text-align: center;
  width: 64px;
}
a.app-home .ico img {
  max-height: 64px;
  max-width: 64px;
}
a.app-home h5 {
  letter-spacing: -1px;
}
a.app-home .small {
  color: #777;
  font-size: 0.8rem;
  line-height: 1;
}
a.app-home:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
a.app-home:hover h5 {
  color: #111;
}
a.app-home:hover .small {
  color: #333;
}