// Place all the styles related to the favorites controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: https://sass-lang.com/

.favNav {

  border-top: 1px solid #ddd;
  margin-left: -1em;
  margin-right: -1em;
  margin-top: -0.5em;
  display: flex;

  a {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }

  a:link, a:visited {
    font-family: Helvetica, sans-serif;
    transition: .3s all ease-in-out;
    font-size: 18px;
    background-color: #3F51B5;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    flex-grow: 1;
  }

  a:hover, a:active {
    background-color: #009688;
  }
}

.thumb {
  width: 3em;
}

.table_wrapper {
  overflow-x: auto;

  table {
    border-collapse: collapse;
    width: 100%;
  }

  tr:nth-child(odd) {
    th, td {
      //padding: 8px;
      text-align: left;
      border-bottom: 1px solid #ddd;
    }

  }
}