body {
    padding-top: 0.1rem;
    background-color: #333333;
  }
  .starter-template {
    padding: 1.5rem 1.5rem;
    text-align: center;
  }
  .resultsTable th {
    background-color: #333333;
    position: sticky !important;
    top: 0;
    box-shadow: 0px 2px 0px 0px rgba(255, 255, 255, 1);
  }

  .clickable { cursor: pointer; }
  input {
    padding:10px;
      font-family: FontAwesome, "Open Sans", Raleway, sans-serif;
    font-style: normal;
    font-weight: normal;
    color:white;
    text-decoration: inherit;
    border-radius: 0 !important;
  }
  
  .form-control {
    border-radius: 0 !important;
    font-size: 12x;
  }
  #snackbar {
    visibility: hidden; 
    min-width: 250px; 
    margin-left: -125px; 
    background-color: #333;
    color: #fff; 
    text-align: center; 
    border-radius: 2px; 
    padding: 16px; 
    position: fixed; 
    z-index: 1; 
    left: 50%;
    bottom: 30px; 
  }
  
  #snackbar.show {
    visibility: visible; 
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
  }
  
  @-webkit-keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 30px; opacity: 1;}
  }
  
  @keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 30px; opacity: 1;}
  }
  
  @-webkit-keyframes fadeout {
    from {bottom: 30px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
  }
  
  @keyframes fadeout {
    from {bottom: 30px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
  }