@charset "UTF-8";
/*================================================================================
	Item Name: Materialize - Material Design Admin Template
	Version: 5.0
	Author: PIXINVENT
	Author URL: https://themeforest.net/user/pixinvent/portfolio
================================================================================

NOTE:
------
PLACE HERE YOUR OWN CSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */
/* El breadcrumb en mobile debe dejar espacio al logo */
@media (max-width: 993px) {
  #breadcrumbs-wrapper {
    padding-top: 7em !important;
  }
}
.avatar-hh {
  top: -0.7em;
}

/* Estilos de las cabeceras de los formularios */
.card h6 {
  font-size: 1.2em;
  font-weight: bold;
}

.card h6 span {
  font-size: 1em;
  font-weight: normal;
}

/* Para igualar las alineaciones y márgenes de los Iconos de los Botones en los Dropdown Lists */
.dropdown-content li form {
  display: flex;
  align-items: center;
}
.dropdown-content li form button {
  display: flex;
  align-items: center;
  padding-left: 24px;
  letter-spacing: 0;
}
.dropdown-content li form button:hover {
  background-color: transparent;
}
.dropdown-content li form button i {
  margin: 0 12px 0 0;
}

/* Para que los listados estén contenidos en la pantalla y las cabeceras y paghinación fijos */
.table-container {
  max-height: calc(100vh - 295px);
  overflow-y: auto;
}

.table-container table thead th {
  position: sticky;
  top: 0;
  background: white;
  z-index: 10;
}

/* Para que los formularios estén contenidos en la pantalla y los títulos y botones fijos */
.scrollable-card {
  max-height: calc(100vh - 190px);
  display: flex;
  flex-direction: column;
}

.scrollable-content {
  overflow-y: auto;
  flex-grow: 1; /* Para que el contenido ocupe todo el espacio disponible */
  margin-top: 1em;
}

.sticky-action {
  position: sticky;
  bottom: 0;
  background: white;
  z-index: 1;
  padding-bottom: 35px !important;
}

/* Para aplicar un margen extra en el formulario de variedades y que los desplegables no hagan cosas raras */
@media (min-width: 601px) {
  .mb-16 {
    margin-bottom: 23% !important;
  }
}
@media (min-width: 993px) {
  .mb-16 {
    margin-bottom: 16% !important;
  }
}
/* Paginación */
.pagination li {
  line-height: 31px;
}

.pagination li i.material-icons {
  line-height: 31px;
}

.pagination li a,
.pagination li i {
  font-size: 15px;
}

.pagination li.active {
  background-color: #009688 !important;
  border-radius: 50% !important;
  color: white !important;
}

.pagination li:not(.active) a:hover {
  background-color: #F1F1F1 !important;
  border-radius: 50% !important;
}