/* Part of freeyourstuff.cc, licensed under CC-0: https://github.com/eloquence/freeyourstuff.cc */
  .facebook, .twitter, .google {
    width: 100%;
    height: 2.5em;
    padding-top: 2%;
    margin-top: 0.4em;
  }
  .google, .google:hover, .google:active, .google:visited, .google-small {
    background-color: #dd4b39;
    color: #fff;
  }
  .twitter, .twitter:hover, .twitter:active, .twitter:visited, .twitter-small {
    background-color: #00aced;
    color: #fff;
  }
  .facebook, .facebook:hover, .facebook:active, .facebook:visited, .facebook-small {
    background-color: #3b5999;
    color: #fff;
  }
  .social-small {
    padding: 4px;
  }
  .modal-social-icons {
    padding: 0 10%;
    margin-top: 0.1em;
    margin-bottom: 0.5em;
  }
  .modal-icons {
    float: left;
    margin-left: 0.5em;
    margin-top: 5px;
  }
  .dialogMessage {
    color: red;
  }
  #userNameNav {
    color: #666;
    margin-right: 1em;
  }
  #signoutForm {
    display: inline;
  }
  .navbar {
    margin-bottom: 0px;
  }
  .top-margin {
    margin-top: 2em;
  }
  .notifications {
    margin-right:1em;
    color:green;
    font-weight:bold;
  }
  .formErrorIcon {
    display: none;
  }
  /* These fall outside the viewport on mobile screens, so let's hide them */
  @media all and (max-width:800px) {
    .popover {
      display: none !important;
    }
  }
  .technicalNotice {
    font-size: small;
    color: #666;
  }

  .headerTable {
    margin-bottom: 1em;
  }

  .headerCell {
    padding-right: 1em;
  }

  .headerKey {
    border-bottom: 1px dotted #000;
    cursor: help;
  }

  #extensionMessage {
    color: green;
    display: none;
  }

  /* Don't let images explode tables */
  img {
    max-width: 100%;
  }
