body {

    font-size: .875rem;

  }

  

  .feather {

    width: 16px;

    height: 16px;

    vertical-align: text-bottom;

  }

  

  /*

   * Sidebar

   */

  

  .sidebar {

    position: fixed;

    top: 0;

    bottom: 0;

    left: 0;

    z-index: 100; /* Behind the navbar */

    padding: 60px 0 0; /* Height of navbar */

    box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);

  }

  

  .sidebar-sticky {

    position: relative;

    top: 0;

    height: calc(100vh - 48px);

    padding-top: .5rem;

    overflow-x: hidden;

    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */

  }

  

  @supports ((position: -webkit-sticky) or (position: sticky)) {

    .sidebar-sticky {

      position: -webkit-sticky;

      position: sticky;

    }

  }

  

  .sidebar .nav-link {

    font-weight: 500;

    color: #333;

  }

  

  .sidebar .nav-link .feather {

    margin-right: 4px;

    color: #999;

  }

  

  .sidebar .nav-link.active {

    color: #007bff;

  }

  

  .sidebar .nav-link:hover .feather,

  .sidebar .nav-link.active .feather {

    color: inherit;

  }

  

  .sidebar-heading {

    font-size: .75rem;

    text-transform: uppercase;

  }

  

  /*

   * Content

   */

  

  [role="main"] {

    padding-top: 133px; /* Space for fixed navbar */

  }

  

  @media (min-width: 768px) {

    [role="main"] {

      padding-top: 60px; /* Space for fixed navbar */

    }

  }



  .more {

      margin: 0 5px;

      opacity: 0.5;

  }



  .more:hover {

      opacity: 0.75;

  }



 .thumbnail {

    width: 150px;

    height: 150px;

    display: inline-flex;

    text-align: center;

    padding: 10px;

    margin-right: 10px;

    border: 1px solid  #ccc;

    border-radius: 10px;

    align-items: center;

    align-content: center;

 }

 .thumbnail img {

    max-height: 130px;

    max-width: 130px;

    border-radius: 5px;

    margin: 0 auto;

 }



.card ul {

  list-style: none;

   padding: 0.2rem;

   margin: 0;

}



.card ul li {

  padding-bottom: 0.5rem;

  font-size: 1rem;

}

.noradio {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}


.small-pill {
  padding: .2rem 1rem;
  font-size: 0.8rem;
}