[data-collapsable] {
  overflow: hidden;
  height: 100%;
  max-height: 0;
  transition: 0.6s; }
  [data-collapsable].open {
    max-height: 1337px; }

[data-collapse] {
  font-weight: normal;
  cursor: pointer; }
  [data-collapse] > i {
    width: 25px;
    display: inline-block;
    font-size: 18px; }
  [data-collapse].open {
    font-weight: 900; }

h3[data-collapse] > i {
  font-size: 15px; }

.scans-header {
  background-color: #f8f8f8; }
  .scans-header > .header {
    padding-top: 30px;
    padding-bottom: 75px;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px; }
    .scans-header > .header > h1 {
      margin: 0;
      margin-bottom: 15px;
      color: #777;
      font-weight: 900;
      font-size: 35px; }
    .scans-header > .header > p {
      font-size: 19px;
      color: #999;
      margin-top: 25px;
      margin-bottom: 0; }

.scans.content > .guide {
  margin-bottom: 25px; }
  .scans.content > .guide h2 {
    font-size: 21px; }
  .scans.content > .guide h3 {
    font-size: 19px; }
  .scans.content > .guide pre {
    margin: 10px 0;
    background-color: #f8f8f8;
    color: #555; }

.scans.content .form-container {
  position: relative;
  top: -50px; }
  .scans.content .form-container > .box-container {
    text-align: center; }
    .scans.content .form-container > .box-container > .box {
      background-color: #444;
      display: inline-block;
      max-width: 400px;
      padding: 20px 25px;
      margin: 0 auto;
      border-radius: 4px;
      box-shadow: 0px -2px 25px rgba(0, 0, 0, 0.1); }

.scans.content #resultsList {
  margin-bottom: 50px; }

.scans.content .alert-default {
  background-color: #f8f8f8;
  border-color: #ddd;
  color: #555; }

.footer .ion-ios-heart {
  margin: 0 3px; }

.footer > .sharer {
  float: right; }
  .footer > .sharer .stButton .stFb, .footer > .sharer .stButton .stTwbutton, .footer > .sharer .stButton .stMainServices, .footer > .sharer .stButton_gradient {
    height: 22px; }