:root{
  --colorGrisFoco: #e9edef;
  --colorGrisHover: #d2d8de;
}

/* https://allthingssmitty.com/2020/05/11/css-fix-for-100vh-in-mobile-webkit/ */
html{height: -webkit-fill-available;}

body{
  min-height: -webkit-fill-available;
  background-attachment: fixed;
  background-image: url('../../mm/img/fondo.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}

.bodyOscuro{background-image: url('../../mm/img/fondoOscuro.jpg');}

.link-secondary:hover, a.input-group-text:hover{
  color: var(--colorRojo) !important;
}

/*Números de páginas responsivos*/
@media(max-width: 576px) /* bootstrap sm */{
  div.dataTables_wrapper div.dataTables_paginate ul.pagination{flex-wrap: wrap;}
}

.dataTables_length{text-align: right;}

.registroLista th{text-align: center;}

.select2-selection__choice__remove, .select2-selection__clear{
  width: 0.5em !important;
  height: 0.5em !important;
}

table img{max-height: 4em;}

.apv-imgTable{max-height: 4em;}

form img{max-height: 8em;}

.nav-pills > .nav-link:hover{color: var(--colorRojo);}

.nav-pills > .nav-link.active:hover{background: var(--colorGrisHover);}

.apv-icono{font-size: 2em;}

.apv-iconoGrande{font-size:4em;}

/* https://stackoverflow.com/a/72304567 */
.apv-divMeter{
  border: 2px solid var(--colorGris);
  border-radius: 0.5rem;
  padding: 0.2rem;
  box-sizing: border-box;
}

.apv-divMeter meter{
  background: none;
  width: 100%;
  height: 0.5rem;
  display: block;
  border-color: transparent;
  /* Needed for Safari */
}

.apv-divMeter meter::-webkit-meter-bar{
  height: 0.5rem;
  border: 0;
  background-color: transparent;
  background-image: none;
}

.apv-divMeter meter::-webkit-meter-optimum-value{
  border-radius: .5rem;
  background-color: none;
  background-image: linear-gradient(to right, green, black);
  transition: all .15s ease;
}

.apv-divMeter meter:-moz-meter-optimum::-moz-meter-bar{
  border-radius: .5rem;
  background-color: none;
  background-image: linear-gradient(to right, green, black);
  transition: all .15s ease;
  /* Does not seem to work */
}

h2, .apv-flexLink{font-size: 1.7em;}

h3, legend{font-size: 1.4em;}

/* https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_phrase_code_css */
code{
  font-family: Consolas,"courier new";
  color: crimson;
  background-color: #f1f1f1;
  padding: 2px;
  font-size: 105%;
}

.form-check{margin-top: 0.45em;}

.apv-invisible{opacity: 0.8;}

.apv-divEmbed{min-height: 40rem;}

.apv-imgCabeza{max-height: 8em;}

.apv-colCierre [cierre]{font-size: 1.2em;}

@media (min-height: 576px) and (min-width: 576px) /* bootsrap sm */{
  .apv-overflow{overflow:hidden;}
}

.apv-pilink i{margin-right: 5px;}

chart /* google chart */{min-height: 576px;}

.tab-content > .tab-pane, .pill-content > .pill-pane{
  display: block;
  height: 0;
  overflow-y: hidden;
}

.tab-content > .active, .pill-content > .active{height: auto;}