/*
 -------------------------------------------------------------------------
 Web Resources Plugin for GLPI
 Copyright (C) 2019-2021 by Curtis Conard
 https://github.com/cconard96/glpi-webresources-plugin
 -------------------------------------------------------------------------
 LICENSE
 This file is part of Web Resources Plugin for GLPI.
 Web Resources Plugin for GLPI is free software; you can redistribute it and/or modify
 it under the terms of the GNU General Public License as published by
 the Free Software Foundation; either version 2 of the License, or
 (at your option) any later version.
 Web Resources Plugin for GLPI is distributed in the hope that it will be useful,
 but WITHOUT ANY WARRANTY; without even the implied warranty of
 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 GNU General Public License for more details.
 You should have received a copy of the GNU General Public License
 along with Web Resources Plugin for GLPI. If not, see <http://www.gnu.org/licenses/>.
 --------------------------------------------------------------------------
 */
.webresources-toolbar {
  margin-bottom: 10px;
  font-size: 14px;
  padding: 10px;
  display: flex;
  align-items: center;
  border: var(--tblr-border-color);
  /** The select style here is just to prevent jarring changes between page load and when it gets converted to a select2. */
}
.webresources-toolbar .select2 {
  min-width: 150px;
}
.webresources-toolbar select {
  height: 30px;
  font-size: 13px;
  line-height: 29px;
  min-width: 150px;
  text-align-last: center;
}
.webresources-header {
  font-size: 1.4em;
  margin-bottom: 15px;
}
#page .webresources-dashboard .webresources-categories .webresources-category {
  border-top: 1px solid var(--tblr-border-color);
  margin-bottom: 15px;
}
#page .webresources-dashboard .webresources-categories .webresources-category .webresources-category-header {
  font-size: 1.2em;
  border-top: 4px solid var(--tblr-border-color);
  width: fit-content;
  padding-right: 10px;
}
#page .webresources-dashboard[data-view-mode="grid"] .webresources-item {
  display: inline-block;
  margin-left: 15px;
  margin-right: 10px;
  width: 5em;
  vertical-align: top;
}
#page .webresources-dashboard[data-view-mode="grid"] .webresources-item a, #page .webresources-dashboard[data-view-mode="grid"] .webresources-item a:hover {
  color: var(--tblr-body-color);
  text-decoration: none;
}
#page .webresources-dashboard[data-view-mode="grid"] .webresources-item:hover {
  background-color: var(--tblr-muted);
  opacity: 0.6;
}
#page .webresources-dashboard[data-view-mode="grid"] .webresources-item .webresources-item-icon {
  text-align: center;
  font-size: 1.2em;
  width: 74px;
  height: 74px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#page .webresources-dashboard[data-view-mode="grid"] .webresources-item .webresources-item-icon img, #page .webresources-dashboard[data-view-mode="grid"] .webresources-item .webresources-item-icon i.fas, #page .webresources-dashboard[data-view-mode="grid"] .webresources-item .webresources-item-icon i.far, #page .webresources-dashboard[data-view-mode="grid"] .webresources-item .webresources-item-icon i.fab {
  font-size: 64px;
  width: 64px;
  height: 64px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-bottom: 3px;
}
#page .webresources-dashboard[data-view-mode="grid"] .webresources-item .webresources-item-icon img {
  height: auto !important;
}
#page .webresources-dashboard[data-view-mode="grid"] .webresources-item .webresources-item-title {
  text-align: center;
}
#page .webresources-dashboard[data-view-mode="list"] table.table {
  border-collapse: collapse;
}
#page .webresources-dashboard[data-view-mode="list"] table.table tr {
  vertical-align: middle;
}
#page .webresources-dashboard[data-view-mode="list"] table.table tr td:first-of-type {
  text-align: center;
  width: 64px;
  height: 64px;
}
#page .webresources-dashboard[data-view-mode="list"] table.table tr .webresources-item-icon i.fas, #page .webresources-dashboard[data-view-mode="list"] table.table tr .webresources-item-icon i.far, #page .webresources-dashboard[data-view-mode="list"] table.table tr .webresources-item-icon i.fab {
  font-size: 48px;
}