@font-face {
    font-family: 'mrrobotregular';
    src: url('/fonts/mr_robot-webfont.eot');
    src: url('/fonts/mr_robot-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/mr_robot-webfont.woff2') format('woff2'),
         url('/fonts/mr_robot-webfont.woff') format('woff'),
         url('/fonts/mr_robot-webfont.ttf') format('truetype'),
         url('/fonts/mr_robot-webfont.svg#mrrobotregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

td > span ~ a {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 35em;
  vertical-align: middle;
}


.brand, .navbar-brand, h1, h2, h3 {
    font-family: mrrobotregular;
}
  .thumbs-container {
    position: absolute;
    left:0;
    top:0;
    z-index:8000;
    margin-left: 1.5em;
  }

  .thumb-box {
    display: block;
    position: absolute;;
  }
  .thumb-box .wrapper {
    position: relative;
    display: inline-block;
  }
  .thumb-box progress {
    width: 100%
  }
  .thumb-box #progressor, .thumb-box #percentage {
    position: absolute;
  }
  .thumb-box #progressor {
    height: 0.5em;
    bottom: 3px;
    width: calc(100% - 3px);
    border: 0;
    margin: auto;
    left: 50%;
    transform: translate(-50%, 0);
  }
  .thumb-box #percentage {
    text-align: center;
    display: block;
    margin-top: 5px;
    width: 100%;
    bottom: 0px;
  }
  .thumb-box #results {
    width: 80px;
    height: 50px;
    overflow: auto;
    position: relative;
    background: black;
  }
  .thumb-box #results img {
    position:absolute;
    display: none;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    width: 100%;
  }
  .thumb-box #results img.loading-thumb {
    display: block;
  }