html, body {
  padding: 20px 0;
  background-color: darkslateblue;
  font-family: "Segoe UI";
  font-size: 16px;
}
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}
#detailsView {
  display: none;
}
img {
  width: 128px;
  margin: 0 0 15px;
  padding: 0 0 15px;
  border-bottom: 1px solid #eee;
}
#details h3 {
  padding: 0;
  margin: 0 0 10px 0;
}
.thumb {
  width: 128px;
  margin-bottom: 20px;
}
.dropdown-menu {
   position: static !important;
   top: auto !important;
   float: none !important;
   border: none !important;
   -webkit-box-shadow: none;
   box-shadow: none;
}
.panel-heading {
 background-color: #f5f5f5 !important;
 border-color: #ddd !important;
}
input[type=text] {
font-size: 16px;
text-decoration: none;
border: 0;
border-bottom: 1px solid #e6e6e6;
outline: none;
background-color: transparent;
margin-bottom: 10px;
padding: 0px;
}
input[type=text]:focus {
outline: none;
background-color: none;
display: inline-block;
}
input[name=search] {
  margin: 0;
}
.table-responsive, h1 {
  color: #fff;
}
.people_list:hover {
  color: #777 !important;
}
.list_headers:hover {
  transform: scale(1.02);
}
.btn:hover, .button:hover {
  transform: scale(1.05);
}
small {
  color: darkgray;
}
.navbar {
  background: #fff;
  color: #777;
  font-size: 16px;
}
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
  color: black !important;
}
#submit {
  border-radius: 3px;
  width: 194px;
}
#googleIcon {
  margin: 10px 0 0 0 !important;
  width: 20px !important;
}
#formDivider {
  display: none;
}
#previewContainer > img {
  opacity: 0.7;
}

#previewContainer > span {
  color: red;
  margin-bottom: 10px;
}