/**
* AbiEX v1.0 - https://abiex.educarex.es/
*
* Autores:
*  Pedro Obregón Mejías (pedro.obregon@educarex.es)
*  José Rasero Mejías (jose.rasero@educarex.es)
*
* Junta de Extremadura, Consejería de Educación y Empleo (STE).
*
* License: GPL v2 or higher (http://www.gnu.org/licenses/gpl.html)

* AbiEX sirve como base del desarrollo de Abies+
* Autor:
* Instituto Nacional de Tecnologías Educativas y de Formación del Profesorado (INTEF) - https://intef.es
*
* License: GPL v3 (http://www.gnu.org/licenses/gpl.html)
* Se atenderá a la "Excepción de Sistema Específico": en la GPLv3 se encuentra en el Artículo 7 de la licencia.
* Esta cláusula establece que ciertas actividades de ejecución y transmisión relacionadas con
* el funcionamiento normal del sistema operativo no están sujetas a los requisitos de la licencia,
* por lo que no se requiere que se distribuya el código fuente en esos casos.
* Abies+ proporciona datos a un tercero (portal que recoge estadísticas de uso, gestión de licencias, etc.).
*/
/* Comunes */
.form .imagen a {
	position: absolute; right: 10px; bottom: 10px; z-index: 3; font-size: 12pt; color: #000;
	padding: 7px 9px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.5);
}
.form .imagen a:hover { color: #C00; }

/* Mod. Aviso y política de cookies */
#aviso-cookies {
	position: fixed; z-index: 90; overflow: hidden; left: 0; top: 0; width: 100%; padding: 4px;
	background-color: rgba(224, 224, 224, 0.5); border-bottom: 1px solid #AAA;
	box-shadow: 0 1px 5px 1px rgba(0,0,0,0.3); box-sizing: border-box;
}
#aviso-cookies p, #pcook {
    font: bold 11pt arial,sans-serif; text-align: center; color: #444; text-shadow: 1px 1px 1px #EFE;
}
#pcook { color: #448; }

#btnAcept { position: absolute; bottom: 8px; right: 10px; }

#pol-cookies { display: none; padding: 0 8px; font-size: 90%; }
#pol-cookies .aptdo {
	margin: 12px 0 5px; font: bold 10pt arial,sans-serif; text-decoration: underline;
}

/* Login */
#bgl {
	position: fixed; z-index: 0; top: 0; left: 0; width: 100%; height: 100%;
	background:
		url("../imgs/bgs/bg-pie.png") 50% 98% no-repeat,
		url("../imgs/bgs/bg-def0.png") 50% 0/cover no-repeat;
	background-color: #1b1d78;
}

#bgl p { font: bold 32pt Abel, sans-serif; color: #434343; width: 25%; margin: 28px 36px; text-shadow: 0 0 2px rgba(0,0,0,0.4); }

.panel-login::before {
	content: ""; display: block; position: absolute; top: -150px; left: 0; height: 150px; width: 100%;
	background: url("../imgs/logoabies.png") 50%/contain no-repeat;
}
.panel-login::after {
	content: ""; display: block; position: absolute; top: 180px; left: 0; height: 50px; width: 100%;
	background: url("../imgs/logo-gobw.png") 50%/contain no-repeat;
}

.panel-login {
	position: relative;	width: 90vw; max-width: 280px; padding: 28px 30px 20px; border-radius: 8px;
	background-color: rgba(255, 255, 255, 1); margin: 32vh auto 0; box-shadow: 0 0 12px rgba(0,0,0,0.4);
}
.panel-login label { color: #444; }
.panel-login h1 {
	margin: 4px 0 24px; font: bold 16pt arial; color: #FFF; text-shadow: 1px 1px 1px #222;
}
.panel-login .group-material { width: 68%; }
.panel-login .group-material input.text { color: #444; font-weight: bold; }
.panel-login .group-material input { border-color: #444; }
.panel-login .group-material span::before, .panel-login .group-material span::after { background-color: #444; }
.panel-login a { display: block; position: absolute; width: 50px; right: 30px; top: 51px; outline: none; }
.panel-login i {
	display: inline-block; width: 48px; line-height: 48px; border-radius: 8px; background-color: #D60;
	text-align: center; font-size: 28pt; color: #FFF; box-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	border: 1px solid transparent;
}
.panel-login a:focus { right: 29px; top: 52px; }
.panel-login a:focus i { box-shadow: none; border: 1px inset #C50; }
#msj-error-login {
	background-color: #C00; color: #EE0; text-align: center; padding: 6px; margin-top: 6px;
	font: bold 10pt arial,sans-serif; border-radius: 6px;
}

/* Menus navegación */
#panelnav .menu { padding: 8px 0 8px 8px; box-sizing: border-box; font-size: 12pt; min-width: 200px; }
#panelnav .menu li a {
	display: block; cursor: pointer; font: bold 110% abel,arial,sans-serif; padding: 4px 6px;
	text-decoration: none; border-radius: 5px 0 0 5px; color: #EEE;
}
#panelnav .menu li a.sel,
#panelnav .menu li a:hover { background-color: #F8F7F6; color: #444; text-decoration: none; }
#panelnav .subm { margin-left: 12px; display: none; }
#panelnav .subm li a { font: normal 100% abel,arial,sans-serif; text-decoration: underline dotted #898; }

#open-menu {
	display: none; position: absolute; top: 2px; left: 2px; padding: 10px;
	width: 24px; height: 24px; font-size: 180%; color: #444;
}
#close-menu {
	display: none; text-align: right; padding: 10px 10px 0; font-size: 180%; color: #EEE;
	min-width: 180px;
}
#open-menu:hover,
#close-menu:hover { color: #F90; }

/* Editor CDUs */
#edit_cdu { display: none; margin: 10px 0 0; }
#edit_cdu .group-material:last-child { margin-bottom: 6px !important; }
#arbol_cdu {
	position: relative; margin-top: 4px; border: 1px solid #AAA; padding: 0 4px 4px;
	height: 60vh; overflow: auto; background-color: #FFF;
}
#arbol_cdu a { display: block; padding: 3px 4px; border-radius: 5px; border: 1px solid transparent; }
#arbol_cdu a:hover { background-color: #FFA; color: #444; border: 1px solid #EE6; }
#arbol_cdu a.sel { background-color: #CEF; color: #444; border: 1px solid #ACD; }
#arbol_cdu i { margin-left: 8px; font-size: 80%; color: #777; font-weight: normal; }

/* Fondos */
#grid-fondos td[abbr="tit"] b { font-weight: bold; color: #666; /* cursor: url("../imgs/fgrid/dblclick.png"), pointer; */ }
#grid-fondos td[abbr="tit"] b:hover { color: #24A; text-decoration: underline; cursor: pointer; }
#seltfondo { font-weight: bold; }
#tagsAutores_tagsinput, #tagsDescriptores_tagsinput { padding-right: 32px ! important; }
#tagsAutores_addTag, #tagsDescriptores_addTag {
	position: absolute; right: 3px; top: 2px; padding: 2px; margin: 0; cursor: pointer;
	color: #888; font: normal 16pt 'Font Awesome Solid';
}
#tagsAutores_addTag::after,
#tagsDescriptores_addTag::after { content: "\f055"; line-height: 21px; }
#imp_texto textarea { font-size: 8pt; height: 14em; }
#nejemplares { margin-top: 6px; padding-top: 6px; border-top: 3px dotted #888; }
#cdu.selector { margin-bottom: 0; }
#sel-cdu {
	display: none; height: 13.5em; overflow: auto; background-color: #FFF; padding: 0 3px 10px 10px;
	margin-bottom: 10px; border: 1px solid #CCC; border-radius: 5px; box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}
#sel-cdu > ul { margin-bottom: 4px; }
#sel-cdu a {
	display: block; padding: 3px 4px; border-radius: 5px; border: 1px solid transparent; color: #272;
	font-size: 9pt; font-weight: normal;
}
#sel-cdu a:hover { background-color: #FFA; color: #444; border: 1px solid #EE6; }
#sel-cdu a.sel { background-color: #CEF; color: #444; border: 1px solid #ACD; }

/* Importación catalogación fandos */
#imp-resultados { min-height: 60vh; }
#imp-resultados ul { max-height: 70vh; }
#imp-resultados li { position: relative; border-top: 1px dotted #AAA; margin: 0; padding: 6px; }
#imp-resultados li:first-child { border: none; }
#imp-resultados li span { color: #44A; }
#imp-resultados li .btn {
	position: absolute; right: 4px; bottom: 6px; padding: 5px 8px; font-size: 84%; font-weight: normal;
}
#imp-resultados li .btn:active { top: auto; left: auto; }
#imp-resultados li:hover { background-color: #CEF; }

/* Unificación fondos */
#asist-unif p { text-align: center; font: bold 12pt arial,sans-serif; color: #88A; }
.flexigrid div.bDiv tr.dest-unificar td,
.flexigrid div.bDiv tr.dest-unificar:hover td,
.flexigrid div.bDiv tr.dest-unificar:hover td.sorted {
	background-color: #6A6 ! important; color: #FFF;
}
.flexigrid div.bDiv tr.dest-unificar td a,
.flexigrid div.bDiv tr.dest-unificar td b { color: #FFF ! important; }

/* Ejemplares */
/* #grid-ejemplares tr.eChgd td { background-color: rgba(240,160,160,0.3) } */
#grid-ejemplares tr td span.eChgd { color: #B00; font-weight: bold; }
#wnd-etqs { overflow: hidden; }
#wnd-etqs iframe { width: 100%; height: 100%; border: none; }
#form-etqs > div { display: flex; }
#form-etqs > div > div:first-child { width: 64%; }
#form-etqs > div > div:last-child { margin: 2px 5px 4px 15px; }
#form-etqs .tx1 { width: calc(100% - 24.5%); }
#form-etqs .prevEtq {
	display: table; width: 160px; height: 230px; border: 1px solid #CCC;
	box-sizing: border-box;
}
#form-etqs .prevEtq li { display: table-row; }
#form-etqs .prevEtq li span { display: table-cell; border: 1px solid #E4E4E4; padding: 0; margin: 0; }
#form-etqs .prevEtq li span.no { background-color: #F4F4CE; border: 1px solid #EAEAC0; }
#form-etqs .prevEtq li span:hover { background-color: #AEA; cursor: pointer; }
/* #form-etqs .prevEtq li span.off { background-color: #EEE; cursor: not-allowed; } */
#form-etqs fieldset { margin: 0 3px 10px; }
#form-etqs fieldset label { display: block; margin-bottom: 6px; }
#form-etqs select#color { font-weight: bold; }

/* Definición estados ejemplar */
#grid-ejemplares td[abbr="est"] div { padding: 3px; }
#grid-ejemplares span[class^="ee-"] {
	display: block; padding: 3px 10px; font-weight: bold;
	text-transform: capitalize; color: #FFF; border-radius: 4px;
	text-shadow: -1px -1px 1px #666;
}
.ee-disponible { background-color: #28A745; }
.ee-prestado   { background-color: #72246C; }
.ee-retrasado  { background-color: #DB0024; }
.ee-expurgado  { background-color: #AAA; }

/* Sección de auxiliares */
#auxiliares { margin-bottom: 10px; }

/* Menú botones grandes */
#auxiliares .menu-btns {
	text-align: center; border-bottom: 1px solid #888; margin-bottom: 10px; padding-bottom: 10px;
}
#auxiliares .menu-btns a {
	position: relative;	display: inline-block; width: 120px; height: 88px; padding: 0;
	border: 1px solid #888; text-align: center; margin: 5px; vertical-align: top;
	border-radius: 6px; background-color: #FFF; text-decoration: none; outline: none;
	overflow: hidden;
}
#auxiliares .menu-btns a::before {
	position: absolute; display: block; top: 0; left: 0; width: 100%; height: 60px;
	content: ""; padding-top: 13px; font-size: 30pt; color: #888; transition: all .2s;
}
#auxiliares .menu-btns a p {
	position: absolute; bottom: 0; width: 100%; font: bold 10pt abel,arial,sans-serif; text-align: center;
	margin: 0; border-top: 1px solid #DDD; padding: 3px 0; color: #444; background-color: #F4F4F4;
}
#auxiliares .menu-btns a.sel,
#auxiliares .menu-btns a:focus,
#auxiliares .menu-btns a:hover {
	top: -2px; left: -2px; box-shadow: 3px 3px 5px #AAA; cursor: pointer;
}
#auxiliares .menu-btns a:focus::before { color: #464; transform: scale(1.1); }
#auxiliares .menu-btns a.sel::before,
#auxiliares .menu-btns a:hover::before { color: #080; transform: scale(1.3); }
#auxiliares .menu-btns a.apl::before { content: "\f1b3"; }
#auxiliares .menu-btns a.aut::before { content: "\f4ff"; }
#auxiliares .menu-btns a.cdu::before { content: "\f0e8"; }
#auxiliares .menu-btns a.des::before { content: "\f02c"; }
#auxiliares .menu-btns a.edt::before { content: "\f518"; }
#auxiliares .menu-btns a.grp::before { content: "\f0c0"; }
#auxiliares .menu-btns a.pro::before { content: "\f277"; }
#auxiliares .menu-btns a.tej::before { content: "\f02d"; }
#auxiliares .menu-btns a.tle::before { content: "\f2bd"; }
#auxiliares .menu-btns a.ubi::before { content: "\f3c5"; }

/* Operaciones */
#ed-operacion { position: relative; }
#ed-operacion h3 ~ a { position: absolute; right: 0; top: 2px; font-weight: normal; color: #444; }
#ed-operacion h3 ~ a:hover { color: #28E; text-decoration: underline; }
#ed-operacion h3 ~ a i { font-size: 18pt; color: #888; vertical-align: middle; }
#ed-operacion h3 ~ a i::before { content: "\f204"; }
#ed-operacion h3 ~ a.on i { color: #2A2; }
#ed-operacion h3 ~ a.on i::before { content: "\f205"; }
#ed-operacion label,
#ed-operacion input { font-size: 110%; }
#ed-operacion .info { display: flex; }
#ed-operacion .info > div {
	position: relative;	width: 50%; margin: 8px; border: 1px solid #CCC; min-height: 100px;
	padding: 8px; background-color: #F0F8FF; overflow: hidden; box-sizing: border-box;
}
#ed-operacion .info > div img {
	float: left; width: 120px; height: 160px; object-fit: cover; box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
	margin: 0 4px 2px 0; background-color: #FFF;
}
#ed-operacion .info > div p {
	display: inline-block; margin: 4px 0; width: calc(100% - 130px); float: right;
	border-bottom: 1px dotted #555; color: #888;
}
#ed-operacion .info > div p span {
	display: inline-block; float: right; width: 82%; font-weight: bold; color: #444;
	white-space: nowrap; text-overflow: ellipsis; overflow: hidden;
}
#info-lect div.avisos { position: absolute; right: 6px; bottom: 6px; font: bold 11pt arial,sans-serif; color: #444; }
#info-lect div.avisos i { margin: 0 2px; vertical-align: middle; }
#info-lect div.avisos .sancion { font-size: 150%; color: #D70; }
#info-lect div.avisos .retraso { font-size: 150%; color: #B00; }
#info-lect div.avisos > span { display: block; margin: 2px 4px; }
#fdev { display: none; }
#ed-operacion .msj {
	display: none; padding: 8px; margin: 6px auto; text-align: center; border: 1px solid #CCC;
	color: #FFF; background-color: #EE8; border-radius: 5px; font-weight: bold; font-size: 120%;
	text-shadow: 0 0 2px rgba(0,0,0,0.7);
}
#ed-operacion .tm_ok { background-color: #6C6; }
#ed-operacion .tm_error { background-color: #E44; }

/* Préstamos */
/* Definición estados préstamo */
#grid-historial td[abbr="est"] div,
#grid-prestamos td[abbr="est"] div { padding: 3px; }
#grid-historial span[class^="ep-"],
#grid-prestamos span[class^="ep-"] {
	display: block; padding: 3px 10px; font-weight: bold;
	text-transform: capitalize; color: #FFF; border-radius: 4px;
	text-shadow: -1px -1px 1px rgba(0,0,0,0.6);
}
.ep-prestado   { background-color: #726; }
.ep-devuelto   { background-color: #2A4; }
.ep-prorrogado { background-color: #26E; }
.ep-retrasado  { background-color: #D02; }
.ep-anulado    { background-color: #AAA; }
#form-cartas fieldset label { display: block; margin-bottom: 6px; }
#opmasiva button { display: block; width: 90%; margin: 6px auto; }

/* Reservas */
#grid-reservas tr td:last-child div { padding: 3px; }
#grid-reservas span[class^="er-"] {
	display: block; padding: 3px 10px; font-weight: bold;
	text-transform: capitalize; color: #FFF; border-radius: 4px;
	text-shadow: -1px -1px 1px #666;
}
.er-activa     { background-color: #2A4; }
.er-cerrada    { background-color: #26E; }
.er-caducada   { background-color: #C00; }
.er-anulada    { background-color: #AAA; }

/* Configuración */
#configuracion hr { border: none; border-top: 1px solid #ECA; }
#biblioteca .imagen {
    position: static; margin: 10px 10px 0; width: 220px; display: inline-block; vertical-align: top;
}
#biblioteca p.nota { margin: 0 auto; width: 90%; }

/* Usuarios */
#imgZoom {
	display: none; position: absolute; z-index: 10; width: 120px; max-height: 180px;
	border: 1px outset #CCC; box-shadow: 2px 2px 4px rgba(0,0,0,0.5); background-color: #FFF;
}
#grid-usuarios td img { width: 20px; height: 25px; cursor: zoom-in; object-fit: cover; border-radius: 6px; }
#grid-usuarios tbody tr td:last-child div { padding: 3px 4px 0; }
#grid-usuarios td a.edt { color: #A00; }
#grid-usuarios td a.edt:hover { text-decoration: underline; }
#grid-usuarios td a.edt i { font-size: 140%; padding: 1px 8px; color: #888; }
#grid-usuarios td div.edt { padding: 2px; position: relative; }
#grid-usuarios td input.fecha { width: 100%; text-align: center; box-sizing: border-box; padding-right: 20px; }
#grid-usuarios td input.fecha ~ a {
	position: absolute; top: 4px; right: 3px; font-size: 130%; color: #A00; padding: 2px 4px;
}
#ed-usuario .imagen { position: static; margin: 0 auto; width: 140px; }
#grid-gestores td img { width: 20px;  height: 25px;  cursor: zoom-in;  object-fit: cover; border-radius: 6px; }
/* #grid-gestores tbody tr td:last-child div { padding: 3px 4px 0; } */
#grid-gestores td a.edt { color: #A00; }
#grid-gestores td a.edt:hover { text-decoration: underline; }
#grid-gestores td a.edt i { font-size: 140%; padding: 1px 8px; color: #888; }
#grid-gestores td div.edt { padding: 2px; position: relative; }
#grid-gestores td input.fecha { width: 100%; text-align: center; box-sizing: border-box; padding-right: 20px; }
#grid-gestores td input.fecha~a { position: absolute; top: 4px; right: 3px; font-size: 130%; color: #A00; padding: 2px 4px; }
#ed-gestor .imagen { position: static; margin: 0 auto; width: 140px; }
#dat_usr .perfiles label {
	display: block; border-bottom: 1px dotted #888; padding: 1px 0 6px; margin: 4px 0;
}
#dat_usr .perfiles label:nth-last-child(1) { border: none; }
/* TODO: Que el border de 'Lector' no aparezca (ideal: de las opciones últimas en cada nivel)*/
#dat_lector { display: none; padding: 0 32px; }
#dat_lector label { display: inline; }
#dat_lector label.fix {
	display: inline-block; width: 19%; margin: 0 2px; padding-left: 2px;
	border-bottom: 1px dotted #AAA; vertical-align: top;
}
#dat_provincia { display: none; padding: 0 32px; }
#dat_provincia label { display: inline; }
#dat_provincia label.fix {
  display: inline-block; width: 19%; margin: 0 2px; padding-left: 2px;
  border-bottom: 1px dotted #AAA; vertical-align: top;
}
#wnd-carnets { overflow: hidden; }
#wnd-carnets iframe { width: 100%; height: 100%; border: none; }

#form-idslector fieldset { margin: 0 3px 10px; }
#form-idslector fieldset label { display: block; margin-bottom: 6px; }
#form-idslector fieldset label.fix { display: inline-block; }
#form-idslector .tx1 { width: calc(100% - 24.8%); }
#form-idslector .prevEtq {
	display: table; width: 150px; height: 210px; border: 1px solid #CCC;
	box-sizing: border-box; margin: 3px auto;
}
#form-idslector .prevEtq li { display: table-row; }
#form-idslector .prevEtq li span { display: table-cell; border: 1px solid #E4E4E4; padding: 0; margin: 0; }
#form-idslector .prevEtq li span.no { background-color: #F4F4CE; border: 1px solid #EAEAC0; }
#form-idslector .prevEtq li span:hover { background-color: #AEA; cursor: pointer; }
/* #form-idslector .prevEtq li span.off { background-color: #EEE; cursor: not-allowed; } */
.password-container { position: relative; display: flex; align-items: center; }
.toggle-password { position: absolute; right: 10px; border: none; background: none; cursor: pointer; font-size: 16px; margin-top: 6px; }

/* Sincronización */
#sincro { text-align: center; padding-top: 8vh; }
#sincro h2 { font-size: 200%; color: #888; }
#sincro .entrada hr { margin: 6vh 10vw; }
#sincro .progreso { display: none; }
#sincro .progreso p {
	display: inline-block; width: 190px; height: 190px; margin: 10vh auto 0;
	background: url("../imgs/load/loading_io.gif") 50% 50% / contain no-repeat;
	font: bold 20pt arial,sans-serif; color: #888; line-height: 190px;
}

/* Estadísticas */
#estadisticas { height: 100%; display: flex; flex-direction: column; }
.est-selector { display: none; }
#grafico { border: 1px solid #CCC; margin-top: 10px; height: 75vh; }
#est-selFechas span.sep2 { display: inline-block; width: 19px; text-align: center; }

/* Rastauración copias seguridad */
#copias .nota { width: 55%; min-width: 300px; padding: 10px; margin: 0 auto 10px; }
#copias .lst { max-height: calc(100vh - 290px); }
#copias .lst label { font-size: 10pt; }
#copias .lst label:hover { font-weight: bold; }

/* Visor del Log */
#log .ctrl { display: inline-block; float: right; margin-top: -31px; font-size: 23pt; color: #555; }
#log form input.fecha { width: 11.4%; }
#log form ~ hr { margin-top: 0; }
#log span.sep2 { display: inline-block; width: 11px; text-align: center; }
#listado { border-collapse: collapse; width: 100%; border: 1px solid #CCC; margin-bottom: 1em; }
#listado th { background-color: #EEE; }
#listado th, #listado td { border: 1px solid #CCC; padding: 4px; font-size: 80%; }
#listado td.nrow { text-align: center; font-weight: bold; background-color: #EEE; }
#listado tr:hover { background-color: #FFC; }
#listado tr.sel { background-color: #CEF; }
#listado td span { font-size: 80%; color: #88A; }
.detalle-log label { border-bottom: 1px dotted #444; }
.detalle-log p { margin-top: 4px; font-size: 90%; padding: 0 1em; color: #44A; }
.detalle-log div {
	margin-top: 4px; font-size: 90%; padding: 0; padding-left: 1em;
	color: #44A; max-height: 6em; overflow-y: auto;
}

/* Fondos lector */
#fondos { position: relative; height: 100%; overflow: hidden; }
#fondos #txBusc {
	position: absolute; top: 2px; right: 2px; padding: 5px; min-width: 300px; box-sizing: border-box;
}
#fondos .grd { overflow: auto; height: 95%; padding-right: 10px; font-size: 9pt; color: #222; }
#fondos .grd ul { text-align: center; }
#fondos .grd > p { text-align: center; font-size: 140%; color: #777; }
#fondos .grd > p i { font-size: 180%; margin-bottom: 10px; }
#fondos li {
	position: relative; display: inline-block; vertical-align: top; margin: 4px; width: 32.5%;
	min-width: 450px; background-color: #FFF; box-sizing: border-box; border: 1px solid #CCC;
	border-radius: 7px; overflow: hidden;
}
#fondos li.sel { transform: scale(1.01); box-shadow: 1px 1px 3px rgba(0,0,0,0.3); }
#fondos li a { display: block; padding: 8px; overflow: hidden; }
#fondos li a:hover { background-color: #FFC; }
#fondos li.sel a,
#fondos li a:focus { background-color: #CEF; }
#fondos li img {
	float: left; width: 102px; height: 160px; margin-right: 8px; object-fit: cover; object-position: center;
}
#fondos li p { text-align: left; margin: 2px 0; color: #585858; }
#fondos li p.tit { font-weight: bold; font-size: 11pt; margin-top: 10px; color: #222; }
#fondos li p.aut { font-weight: normal; font-style: italic; }

#info-fondo { padding: 10px; }
#info-fondo img {
	float: right; width: 160px; height: 250px; margin-left: 12px; object-fit: cover; object-position: center;
}
#info-fondo p { text-align: left; margin: 2px 0; color: #555; }
#info-fondo p.tit { font-weight: bold; font-size: 12pt; margin: 2px 0 6px; color: #222; }
#info-fondo p.aut { font-style: italic; margin-bottom: 1em; }
#info-fondo span {
	display: block; width: 120px; border-bottom: 1px dotted #444; font-weight: bold; color: #888; font-size: 8pt;
}
#info-fondo span ~ p { padding-left: 1em; margin-bottom: 6px; text-align: justify; }

/* Contacto */
#texto { height: 24vh; min-height: 4em; }

/* Bibliotecas */
#grid-bibliotecas td[abbr="est"] div { padding: 3px; }
#grid-bibliotecas span[class^="eb-"] {
	display: block; padding: 3px 10px; font-weight: bold; color: #FFF;
	border-radius: 4px; text-shadow: -1px -1px 1px rgba(0,0,0,0.4);
}
.eb-activa { background-color: #0A0; }
.eb-inactiva { background-color: #888; }
.eb-pendiente { background-color: #08E; }
.eb-import { background-color: #E80; }
.eb-error { background-color: #D00; }

/* Ilustraciones para ejemplares */
#ilustraciones { position: relative; height: 100%; overflow: hidden; }
#ilustraciones #txBusc {
	position: absolute; top: 2px; right: 2px; padding: 5px; min-width: 300px; box-sizing: border-box;
}
#ilustraciones .grd { overflow: auto; font-size: 9pt; color: #222; height: 95%; }
#ilustraciones .grd > p { text-align: center; font-size: 140%; color: #777; }
#ilustraciones .grd > p i { font-size: 180%; margin-bottom: 10px; }
#ilustraciones li {
	position: relative; display: inline-block; vertical-align: top; margin: 4px; width: 16em;
	height: 12em; background-color: #FFF; box-sizing: border-box; border: 1px solid #CCC;
	border-radius: 7px; overflow: hidden;
}
#ilustraciones li.sel { background-color: #CEF; transform: scale(1.01); box-shadow: 1px 1px 3px rgba(0,0,0,0.3); }
#ilustraciones li a { display: block; padding: 8px; overflow: hidden; height: 100%; box-sizing: border-box; }
#ilustraciones li a:hover { background-color: #FFC; }
#ilustraciones li a.add { padding: 8em 0 0; color: #CCC; text-align: center; box-sizing: border-box; }
#ilustraciones li a.add::before {
	position: absolute; top: 18px; left: 66px; content: "\f067"; font: normal 50pt Font Awesome Solid; color: #CCC;
}
#ilustraciones li img { width: 140px; height: 102px; object-fit: contain; }
#ilustraciones li p {
	margin: 2px 0 0; color: #585858; font: normal 10pt arial,sans-serif; color: #222; text-align: center;
	border-top: 1px dotted #CCC; padding-top: 3px;
}
#ilustraciones li a.acc {
	position: absolute; width: 31px; height: 31px; border-radius: 9px; background-color: rgba(0,0,0,0.1);
	right: 5px; font: normal 11pt "Font Awesome Solid"; color: #444; padding: 7px 0 0 9px;
}
#ilustraciones li a.acc:hover { color: #090; background-color: rgba(0,0,0,0.15); }
#ilustraciones li a[href="#sel"] { top: 5px; }
#ilustraciones li a[href="#edit"] { top: 41px; }
#ilustraciones li a[href="#del"] { top: 77px; }
#ilustraciones li a[href="#sel"]::after { content: "\f00c"; }
#ilustraciones li a[href="#edit"]::after { content: "\f044"; }
#ilustraciones li a[href="#del"]::after { content: "\f2ed"; }

#info-fondo { padding: 10px; }
#info-fondo img {
	float: right; width: 160px; height: 250px; margin-left: 12px; object-fit: cover; object-position: center;
}
#info-fondo p { text-align: left; margin: 2px 0; color: #555; }
#info-fondo p.tit { font-weight: bold; font-size: 12pt; margin: 2px 0 6px; color: #222; }
#info-fondo p.aut { font-style: italic; margin-bottom: 1em; }
#info-fondo span {
	display: block; width: 120px; border-bottom: 1px dotted #444; font-weight: bold; color: #888; font-size: 8pt;
}
#info-fondo span ~ p { padding-left: 1em; margin-bottom: 6px; text-align: justify; }

/* Inventario */
#grid-inventarios td[abbr="eInv"] div { padding: 3px; }
#grid-inventarios span[class^="ei-"] {
	display: block; padding: 3px 10px; font-weight: bold;
	text-transform: capitalize; color: #FFF; border-radius: 4px;
	text-shadow: -1px -1px 1px #666;
}
.ei-proceso { background-color: #28A745; }
.ei-finalizado  { background-color: #585858; }

/* Sistema */
#sistema .imagen {
	position: static;
	margin: 10px 10px 0;
	width: 220px;
	display: inline-block;
	vertical-align: top;
  }


.lang-selector {
    padding: 0.5em 0.5em;
    background: #c5c5c56b;
    margin-bottom: 2px;
    cursor: pointer;
    border-radius: 4px;
}

.lang-selector:hover{
    background: #c5c5c5e3;
}
/* Inventarios */
#tabla_inventarios td[abbr="est"] div { padding: 3px; }
#tabla_inventarios span[class^="ie-"] {
	display: block; padding: 3px 10px; font-weight: bold; color: #FFF;
	border-radius: 4px; text-shadow: -1px -1px 1px rgba(0,0,0,0.4);
}
.ie-correcto { background-color: #0A0; }
.ie-noexiste { background-color: #D00; }
.ie-ubicaincorrecta { background-color: #08E; }
.ie-repetido { background-color: #D00; }
.ie-expurgado { background-color: #dc8707; }

/* Solicitudes */
.btn-accept {
    background-color: green;
    cursor: pointer;
    color: white;
    padding: 0.5em 1em;
    font-size: 8.5pt;
    border: 1px solid #CCC;
    border-radius: 4px;
    margin: 0 3px;
}
.btn-decline {
    background-color: red;
    cursor: pointer;
    color: white;
    padding: 0.5em 1em;
    font-size: 8.5pt;
    border: 1px solid #CCC;
    border-radius: 4px;
    margin: 0 3px;
}
/* Configuracion */
.prev { margin-left: 5px; }

#dialogo{
    text-align: center;
}