﻿@media screen and (min-width: 769px) {
  /*
        #filer-list-table {
        .table tr td:nth-child(5) {
            display: none;
        }

        .table tr th:nth-child(5) {
            display: none;
        }

        .filer-details {
            display: none;
        }
    }

    */
  .sticky {
    position: sticky;
    top: 8%;
    overflow: hidden;
    z-index: 10;
    margin-left: 10px; }
  .desktop-content {
    display: block;
    overflow-y: auto; } }

/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
@media screen and (max-width: 768px) {
  #filer-list-table .table tr td:nth-child(3), #filer-list-table tr td:nth-child(4) {
    display: none; }
  #filer-list-table .table tr th:nth-child(3), #filer-list-table tr th:nth-child(4) {
    display: none; }
  .tabs a {
    padding: 0.5em 0.5em; } }

.is-filer-header {
  background-color: aliceblue; }

.full-photo {
  border: 1px solid #ddd;
  /* Gray border */
  border-radius: 4px;
  /* Rounded border */
  padding: 5px;
  /* Some padding */
  width: 200px;
  height: 200px; }

.full-photo:hover {
  box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5); }

.thumbnails {
  border: 1px solid #ddd;
  /* Gray border */
  border-radius: 4px;
  /* Rounded border */
  background-color: lightgray; }

.thumbnails:hover {
  box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5); }

.thumbnails-image > .fas {
  font-size: 1.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; }

.thumbnails-image > .far {
  font-size: 1.2rem;
  padding-top: 0.7rem;
  padding-bottom: 0.5rem; }
