:root {
    --color-principal: 229, 9, 37; /* RGB sin alpha #b51319 */
	--color-secundario: 228, 207, 161;/*#f1dedb;*/
    --filtro-color-principal: invert(16%) sepia(66%) saturate(2796%) hue-rotate(322deg) brightness(91%) contrast(93%);
}
body {
  font-size: .875rem;
  font-family: "Ibarra Real Nova", serif;
}

.feather {
  width: 16px;
  height: 16px;
  vertical-align: text-bottom;
}

/*
 * Sidebar
 */

.sidebar {
  position: fixed;
    top: 57px;
    bottom: 0;
    left: 0;
    z-index: 24;
    padding: 0px 0 0;
    /*border-top: 50px solid #444;*/
    background: #ffffff!important;
    overflow: auto;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, .3);
}
.sidebar::-webkit-scrollbar, .resultados-typeahead::-webkit-scrollbar {
  width: 9px;
}
.sidebar::-webkit-scrollbar-track, .resultados-typeahead::-webkit-scrollbar-track {
  background: #a6a6a6;
}
.sidebar::-webkit-scrollbar-thumb, .resultados-typeahead::-webkit-scrollbar-thumb {
  background-color: #6e6869;
  /*border-radius: 20px;*/
}
.sidebar li .submenu{ 
		list-style: none; 
		margin: 0; 
		padding: 0; 
		padding-left: 1rem; 
		/*padding-right: 1rem;*/
	}

.sidebar .nav-link {
		font-weight: 500;
		color: var(--bs-dark);
}
.sidebar .nav-link:hover {
	color: var(--bs-primary);
}
.sidebar .nav {
    border-bottom: 1px solid rgba(var(--color-principal), 0.25);
	margin-bottom: 100px;
}
li.nav-item.has-submenu, li.nav-item {
    border-top: 1px solid rgba(var(--color-principal), 0.25);
	position: relative;
	overflow: hidden;
	width: 100%;
}
.vistocap {
    width: 0px;
    height: 100%;
    margin-top: 0px;
    border-top: 2px solid rgb(var(--color-principal));
    background: rgb(181, 19, 25);
    background: linear-gradient(180deg, rgba(181, 19, 25, 0.10) 0%, rgba(181, 19, 25, 0) 100%);
    position: absolute;
    pointer-events: none;
}
.flecha {
	cursor: pointer;
    position: absolute;
    width: 16px;
    height: 16px;
    background: #c4afaf;
    background-image: url(../img/siguiente.svg);
    top: 5px;
    right: 5px;
    opacity: .5;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transform: rotate(90deg);
    filter: invert(100%) sepia(100%) saturate(38%) hue-rotate(321deg) brightness(110%) contrast(110%);
}
.flecha:hover{
	opacity: 1;
}
a.nav-link {
    padding-right: 15px;
}
a.nav-link.capitulo.actual, a.nav-link.actual, a.nav-link.actual:hover {
    color: #ffffff;
	background: rgba(var(--color-principal), 0.54);
}
a.nav-link.capitulo.actual.abierto {
    /*color: #fff;
    background: #493f3f;*/
}
.capitulo.actual span {
    background: rgb(var(--color-principal));
}
a.nav-link.subcapitulo.actual {
    color: #ffffff;
    background: rgba(var(--color-principal), 0.54);
}
.subcapitulo.actual span {
    background: rgb(var(--color-principal));
}
.submenu li {
    /*border-bottom: 1px solid rgba(var(--color-principal), 0.25);*/
}
#mostrarindice {
    left: 18px;
    top: 75px;
    position: fixed;
    background-color: #444;
    outline: 1px solid #444;
    transition: 0.5s;
    cursor: pointer;
	z-index: 200;
}
#mostrarindice.off {
    opacity: 0;
    transition: 0.5s;
    cursor:auto;
}
.indice {
    /*background: url(/img/icono-indice.png) no-repeat center;*/
	background: url(/img/libro-multimedia.svg) no-repeat center;
    background-size: contain;
	width: 57px;
    height: 57px;
    margin-left: 1px;
    float: left;
    outline: 1px solid #fff;
}
.indice.selected, .bbdd.selected, #mostrarindice:hover {
    background-color: rgb(var(--color-principal));
    outline: 1px solid rgb(var(--color-principal));
}
.bbdd {
    background: url(/img/database.svg) no-repeat center;
    background-size: contain;
	width: 57px;
    height: 57px;
    margin-left: 1px;
    float: left;
    outline: 1px solid #fff;
}
.iconopeq {
    width: 57px;
    height: 57px;
    margin-left: 1px;
    float: left;
	padding: 5px;
    /*outline: 1px solid rgb(var(--color-principal));*/
	outline: 1px solid rgb(0 0 0);
}
h3.icono {
    /*color: #ffffff;*/
    /* margin-top: 10px; */
    padding-top: 12px;
    margin-left: 70px;
    font-size: 15px;
    /* font-family: 'Times New Roman', Georgia, Serif; */
    font-weight: bold;
    text-transform: uppercase;
}
h3.icono span{
    font-weight:normal;
	display: block;
}
.textoarticulo h3 {
    margin-top: 2rem;
    margin-bottom: 1rem;
    font-size: 1.7rem;
}
.textoarticulo li {
    font-size: 1.2em;
}
.sidebar hr {
    margin: 0;
    border-bottom: 1px dashed #fff;
}
.cabecerasubmenu {
    margin-left: 18px;
    margin-bottom: 30px;
    margin-top: 18px;
}
.cabecerasubmenu.apendice {
    margin-bottom: 21px;
    margin-top: 20px;
}
.menu-tabs{
	position: fixed;
	padding-top: 12px;
	top: 57px;
    background: #444444;
}
.menu-tabs .nav-item {
    border-top: 0;
}
.sidebar .menu-tabs .nav-link {
    color: #ccc;
}
.sidebar .menu-tabs .nav-link.active {
    color: #000;
}
.contenedorimagen {
    position: relative;
    background: #FFCC00;
}
.pagination{
	display: block;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
	/*margin-bottom: 30px;*/
}
.pagination a, .pagination span{
    padding: 4px 8px 2px 8px;
    min-width: 29px;
    display: inline-block;
    margin: 0 4px;
    text-decoration: none;
    background: #FFF;
    border: 1px solid rgb(var(--color-principal));
    color: rgb(var(--color-principal));
}
.pagination a:hover{
	border: 1px solid rgb(var(--color-principal));
	background: rgba(var(--color-principal), 0.62);
	color: #FFF;
}
.pagination span.current {
    background: rgb(var(--color-principal));
    color: #FFF;
    font-weight: bold;
}
.pagination span.disabled {
    color: #d1d0cb;
	border-color: #d1d0cb;
    cursor: default;
}
.mostrando{
	border-bottom: 2px solid rgb(var(--color-secundario));
}
.mostrando span {
    background: rgb(var(--color-secundario));
    padding: 3px 6px;
}
.navbar.sticky-top {
    z-index: 1200;
}
table .sticky-top {
    top: 57px;
    background: #ab7a7b;
    color: #fff;
	    z-index: 23;
}
#gal.sticky-top {
    top: 124px;
	z-index: 23;
}
.table-striped, .tabladocumentos {
    margin-bottom: 30px;
    margin-top: 30px;
}
.columnas3 td:nth-child(1){
	width:10%;
}
.columnas3 td:nth-child(2){
	width:80%;
}
.columnas3 td:nth-child(3){
	width:10%;
	text-align: right;
}
.columnas4 td:nth-child(1){
	width:10%;
}
.columnas4 td:nth-child(2){
	width:50%;
}
.columnas4 td:nth-child(3){
	width:20%;
	text-align: right;
}
.columnas4 td:nth-child(4){
	width:20%;
	text-align: right;
}
.tablagrande td:nth-child(1){
	width:10%;
}
/*.tablagrande td:last-of-type:not(:first-of-type) {*/
.tablagrande td:last-of-type:not(:first-of-type):not(:nth-of-type(2)) {
	text-align: right;
}
td ul {
    margin-bottom: 0;
}
td ul li{
    font-size: 1em !important;
}
.sidebar-sticky {
  position: relative;
  top: 0;
  height: calc(100vh - 48px);
  padding-top: .5rem;
  overflow-x: hidden;
  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}

.sidebar .nav-link {
  font-weight: 500;
  /*color: #333;*/
}
.sidebar .nav-link:hover {
    color: #ededed;
    background: #363636;
}

.sidebar .nav-link.active {
  color: #2470dc;
}

.sidebar .nav-link:hover .feather,
.sidebar .nav-link.active .feather {
  color: inherit;
}

.sidebar-heading {
  font-size: .75rem;
  text-transform: uppercase;
}

/*
 * Navbar
 */

.navbar-brand {
  /*padding-top: .75rem;
  padding-bottom: .75rem;*/
  padding-top: 0;
  padding-bottom: 0;
  font-size: 1rem;
  /*display: block;*/
	display: flex;
    align-items: center;
}
.navbar-brand span {
  font-style: italic;
  color: #ffc1c1;
  line-height: 1.1em;
}
span.titulo-principal {
  color: #FFF;
  font-style: normal;
  margin-top: 8px;
  font-weight: bold;
}
a.navbar-brand img {
    height: 44px;
    margin-right: 20px;
    /* padding-right: 20px; */
    /* border-right: 1px dashed #765323; */
    vertical-align: middle;
}
.navbar-text-content {
    display: flex;
    flex-direction: column;
}
.navbar .navbar-toggler {
  top: .25rem;
  right: 1rem;
}

.navbar .form-control {
  /*padding: .75rem 1rem;*/
  padding: 1rem 0.75rem 0.65rem 2rem;
  border-width: 0;
  border-radius: 0;
}
#sidebarMenu .form-control {
  /*padding: .75rem 1rem;*/
  padding: 1rem 0.75rem 0.65rem 2rem;
  border-width: 0;
  border-radius: 0;
}

.form-control-dark {
  color: #fff;
  background-color: rgba(255, 255, 255, .1);
  border-color: rgba(255, 255, 255, .1);
}

.form-control-dark:focus {
    border-color: transparent;
    box-shadow: inset 0px 0px 0 9px rgba(var(--color-principal), 0.85);
}
select#s {
    display: inline-block;
    max-width: 130px;
    padding: 4px 2px 4px 8px;
    border-radius: 0;
    margin-left: 10px;
    font-size: 0.9em;
    vertical-align: top;
    border: 1px solid #000;
}
.logos{
text-align: center;
}
.recuadrologo{
	display: inline-flex;
    margin: 15px;
}
.recuadrologo img{
    height: 80px;
}
.portada {
    color: #000;
    text-align: center;
    max-width: 810px;
    background: #ffffffd4;
    padding: 20px 25px 5px 25px;
    border: 8px solid #000000;
}
/*.portada span{
    background: rgba(255,255,255,0.3);
    padding: 0 10px;
}*/
.portada h1 span, .portada h3 span {
    /*background: rgb(255 255 255 / 0%);
    color: #FFF;
    padding: 0 10px;
    text-shadow: 4px 5px 5px black;*/
	font-size: 3rem;
}
.portada p span {
	color: #1e1e1e;
}
/*.portada h2{
    margin-bottom: 5%;
}*/
.portada h3 {
    margin-bottom: 25%;
}
.portada h4 {
    font-weight: bold;
    /*color: #e50925;*/
}
.portada h6 {
    color: #464545;
    font-size: 0.85rem;
}
.capital {
    color: rgb(var(--color-principal));
    font-size: 500%;
    margin-top: -23px;
    margin-bottom: -30px;
    margin-left: -15px;
    float: left;
    padding: 0 15px;
    font-family: 'Times New Roman', Georgia, Serif;
}
h2 .capital {
    font-size: 365%;
}
.breadcrumb {
    padding: 8px 15px 2px 15px;
	margin-top: 20px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5b3;
    border-radius: 4px;
}
.breadcrumb h6 {
    font-size: 1em;
}
.capitulo span {
    padding: 0 7px;
    font-weight: bold;
    color: #FFF;
    margin-right: 4px;
    background: #978f8f;
    display: inline-block;
    text-align: center;
	width: 20px;
    height: 20px;
}
.subcapitulo span {
    font-weight: bold;
    color: #FFF;
    margin-right: 4px;
    background: #8f8989;
    padding: 0px 4px;
    display: inline-block;
    text-align: center;
	min-width: 27px;
    height: 20px;
}
span.borrador {
    background: #665f5f;
    border: 1px solid #e5dcdc;
    color: #e5dcdc;
    font-size: 0.8rem;
    padding: 2px 4px;
    display: inline;
}
.oculto{
	display: none;
}
.nivel3 {
    margin-left: 15px;
}
.nivel4 {
    margin-left: 30px;
}
.nivel5 {
    margin-left: 45px;
}
.documentostexto {
    color: #c34545;
    font-size: 0.8em;
}
.documentostexto ul {
    margin-bottom: 0;
}
body.modal-open {
    overflow-y: scroll!important;
    padding-right: initial!important;
}
body:not(.modal-open){
  padding-right: 0px !important;
}
.navbar.sticky-top {
    padding-right: 0!important;
    margin-right: 0!important;
}
.modal-copyright {
    text-align: right;
    padding-right: 1rem;
    margin-top: 5px;
    color: #a5a5a5;
    font-size: 0.9em;
	border-bottom: 1px solid #CCC;
}
.modal-body {
    font-size: 1.1em;
}
.pop {
    background: #f7f1f1;
    display: inline;
    /* width: auto; */
    /* height: auto; */
    border: 0px;
    padding: 2px 4px 2px 2px;
    font-weight: bold;
    color: rgb(var(--color-principal))!important;
    border-radius: 0px;
    font-size: 0.95em;
    cursor: pointer;
    transition: 0.5s;
}
main {
	margin-top: 5px;
}
main h1 {
    margin-bottom: 1.8rem;
}
main p {
    /* color: #FFCC00; */
    font-size: 1.2em;
}
.contautor {
    float: right;
    margin: 0rem 0 1.5rem 1.5rem;
    padding: 1rem;
	background: #db670b0d;
	min-width: 400px;
	max-width: 560px;
}
.contautor:hover{
	background: #db670b26;
}
.fotoautor {
    float: right;
    width: 130px;
    height: 130px;
	margin-left: 15px;
}
.autores {
    /*text-align: right;
    float: left;*/
}
.autores p {
    /*text-align: right;
	font-size: 0.85rem;
    padding-right: 144px;
	margin-bottom: 0;*/
	/*text-align: justify;*/
    font-size: 0.85rem;
    margin-bottom: 0;
}

blockquote {
    margin-left: 20px;
    padding: 5px 5px 5px 10px;
    border-left: 3px solid #5e5e5e;
    background: #f5f5f5;
    font-size: 1.05em;
}
blockquote p {
    font-size: 1.05em;
}
.input-busqueda {
    position: relative;
}
.input-busqueda > input {
    text-indent: 13px;
}
.input-busqueda > .lupa {
    position: absolute;
    top: 18px;
    left: 21px;
    width: 20px;
    height: 20px;
    background: url(../img/search-sharp.svg) no-repeat center;
    background-size: 20px;
	filter: invert(100%) sepia(5%) saturate(362%) hue-rotate(236deg) brightness(112%) contrast(89%);
}
.input-busqueda > input::placeholder {
  color: #f1f1f1;
}
input:focus {
    filter: none;
}
input:focus + .lupa {
	/*filter: invert(51%) sepia(66%) saturate(567%) hue-rotate(143deg) brightness(90%) contrast(90%);*/
	filter: var(--filtro-color-principal);
}
#resultados-typeahead-cont {
    /*position: fixed;
    top: 64px;
    left: 0px;
    right: 0;
    bottom: 0;*/
	
	position: fixed;
	top: 57px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 24;
	
    height: auto;
	display:none;
    background: #f0f0f0;
    transition: 0.3s ease-out;
}
.resultados-typeahead {
    height: auto;
    overflow-x: hidden;
}
.resultados-typeahead.sidebarcontent {
    background: inherit;
    margin-top: 15px;
    padding: 0;
	overflow-y: auto;
	height: calc(100vh - 138px) !important;
}
.sinresultados {
    text-align: center;
    padding: 20px;
    margin-top: 20px;
}
.sinresultados span {
    background: #343a40;
    color: #FFF;
    padding: 15px;
    font-weight: bold;
    border-radius: 10px;
    font-size: 1.4em;
}
.textobusqueda {
    color: #ffffff;
    text-align: center;
    font-weight: 600;
	background: rgba(var(--color-principal), 0.85);
    font-size: 1.5em;
    padding: 10px 5px 10px 5px;
}
.btncerrar {
    background: #343a40;
    width: 35px;
    height: 35px;
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 0;
    border-radius: 5px;
    float: right;
    padding: 2px;
    transition: 0.5s;
    cursor: pointer;
    opacity: 0.7;
}
.btncerrar:hover {
    background-color: #b5a395;
    border: 1px solid #FFF;
    opacity: 1;
    transition: 0.5s;
}
.thumbsearch img {
    height: 160px;
}
.inforesult {
    border: 1px solid #CCC;
	background: #fff;
    display: flow-root;
}
.inforesult h4, .inforesult p {
    padding-left: 15px;
	padding-right: 15px;
}
.articuloimgsearch {
    height: 100px;
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center 30%;
}
.articuloimgsearch.sinimagen {
    height: 27px;
    background: #e2cacb;
    /* background: #fff; */
}
.obraimgsearch {
    height: 300px;
    background-repeat: no-repeat;
    background-size: contain;
}
.cuadradosearch {
	position: relative;
    width: 150px;
    height: 150px;
    float: left;
    background: #dbdbdb;
    margin: 0 8px 8px 8px;
}
.obra_nombre{
	margin-left: 15px;
}
.cap span {
    /*background: rgb(var(--color-principal));*/
    color: #84282d;
    /*position: absolute;*/
	font-weight:bold;
    /*margin-top: -35px;*/
    padding: 3px 15px;
	display: block;
}
a.enlaceobra {
    color: #000;
}
.pswp__dynamic-caption h6 {
    color: #CCC;
    font-size: 0.9em;
}
.pswp__dynamic-caption h4 {
    font-size: 1.5em;
}
.pswp__dynamic-caption h5 {
    font-size: 1.1em;
}
.bibliografia {
    background: url(../img/library-outline.svg) no-repeat center;
    background-size: contain;
	background-origin: content-box;
	filter: var(--filtro-color-principal);
	margin-right: 12px;
}
.notas {
    background: url(../img/document-text-outline.svg) no-repeat center;
    background-size: contain;
	background-origin: content-box;
	filter: var(--filtro-color-principal);
	margin-right: 12px;
}
.iconogaleria {
    background: url(../img/images-outline.svg) no-repeat center;
    background-size: contain;
	background-origin: content-box;
	filter: var(--filtro-color-principal);
	margin-right: 12px;
}
.siguiente {
    background: url(../img/siguiente3.svg) no-repeat center;
    background-size: contain;
	background-origin: content-box;
	filter: var(--filtro-color-principal);
	margin-right: 12px;
}
.inventarios {
    background: url("../img/inventarios.svg") no-repeat center;
    background-size: contain;
	background-origin: content-box;
	filter: var(--filtro-color-principal);
	margin-right: 12px;
}
.documentos {
    background: url("../img/document.svg") no-repeat center;
    background-size: contain;
	background-origin: content-box;
	filter: var(--filtro-color-principal);
	margin-right: 12px;
}
.obras {
    background: url("../img/color-palette-outline.svg") no-repeat center;
    background-size: contain;
	background-origin: content-box;
	filter: var(--filtro-color-principal);
	margin-right: 12px;
}
.equipo {
    background: url(../img/people-outline.svg) no-repeat center;
    background-size: contain;
	background-origin: content-box;
	filter: var(--filtro-color-principal);
	margin-right: 12px;
}
.asc {
    background: url(../img/triangle-outline.svg) no-repeat center;
    background-size: contain;
	background-origin: content-box;
	filter: invert(100%) sepia(7%) saturate(7481%) hue-rotate(216deg) brightness(104%) contrast(114%);
	margin-left: 12px;
	display: inline-block;
    width: 12px;
    height: 12px;
	transition: 0.5s;
}
.desc {
    background: url(../img/triangle-outline.svg) no-repeat center;
    background-size: contain;
	background-origin: content-box;
	filter: invert(100%) sepia(7%) saturate(7481%) hue-rotate(216deg) brightness(104%) contrast(114%);
	margin-left: 12px;
	display: inline-block;
    width: 12px;
    height: 12px;
	transform: rotate(-180deg);
	transition: 0.5s;
}
.table th {
    min-width: 70px;
}
.table th a {
    color: #fff;
}
.table th.activo{
    background: #a84f51;
}
.table th a:hover span.desc{
    transform: rotate(0deg)!important;
}
.table th a:hover span.asc{
    transform: rotate(-180deg)!important;
}
.table td.td-con-acordeon {
  padding:0;
}
span.titulodoc {
    color: #FFF;
    background: #951e42;
    padding: 4px;
    border-radius: 5px;
}
.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 2px 10px 2px 20px;
    /* padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x); */
    font-size: 0.95rem;
    color: var(--bs-accordion-btn-color);
    text-align: left;
    background-color: transparent;
    /* background-color: var(--bs-accordion-btn-bg); */
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: var(--bs-accordion-transition);
}
.accordion-body p {
    font-size: 0.9rem;
}
.accordion-button:focus,
.accordion-button:focus-visible {
  box-shadow: none;
  outline: none;
}
.accordion-button:not(.collapsed) {
    color: #fff;
    background-color: rgba(var(--color-principal),0.6);
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-item {
    background-color: transparent;
}
.accordion {
    --bs-accordion-border-color: rgba(var(--color-principal),0.2);
}
.accordion-button::after {
    order: -1; /* mueve el icono al principio */
    margin-left: 0;
    margin-right: 1rem; /* espacio entre flecha y texto */
}
.accordion-button:not(.collapsed)::after {
  filter: brightness(0) invert(1); /* cambia la flecha a blanco */
}
.accordion-body ul.biblio {
    font-size: 0.8rem;
    margin-left: 36px;
}
.tabladocumentos tr.par {
    background: rgb(var(--color-secundario),0.65);
	border-top: 1px solid rgba(var(--color-principal),0.2);
	border-bottom: 1px solid rgba(var(--color-principal),0.2);
}
.tabladocumentos tr.impar { 
	background: rgba(var(--color-secundario),0.20);
	border-top: 1px solid rgba(var(--color-principal),0.2);
	border-bottom: 1px solid rgba(var(--color-principal),0.2);
}
.thumbgal {
    margin: 0px 15px 0 0;
    display: inline-block;
    border: 1px solid rgb(var(--color-principal));
}
.thumbgal img {
    object-fit: cover;
    width: 200px;
    height: 200px;
}
.derechos{
	font-size:0.7em;
}
.slide-text .derechos {
    color: #f5f0ec;
    font-size: 0.8em;
}
h5.icono {
    color: #444;
    margin-top: 20px;
    margin-bottom: 30px;
    display: inline-block;
    font-size: 18px;
    text-transform: uppercase;
    color: rgb(var(--color-principal));
    font-weight: bold;
}
.continuar h6{
	color: rgb(var(--color-principal));
    font-weight: bold;
    margin-top: 1rem;
    margin-bottom: 0.2rem;
}
.textobiblio {
    font-weight: 300;
    font-size: 1em;
    text-align: left;
    padding-left: 74px;
}
ul.biblio {
    margin-left: 0;
    padding-left: 16px;
    list-style-type: square;
}
ol.listanotas {
    margin-left: 0;
    padding-left: 16px;
}
ol.listanotas img {
    max-width: 300px;
	vertical-align: text-top;
}
.dato {
    font-size: 1.2em;
}
.dato h5 {
    color: rgb(var(--color-principal));
    font-size: 0.6em;
    text-transform: uppercase;
    border-bottom: 1px dashed #dabfbf;
    padding-bottom: 2px;
    margin-top: 0.6rem;
    font-weight: 600;
    margin-bottom: 5px;
}
.dato h6 {
    color: #6a6767;
    font-weight: normal;
    font-size: 0.8em;
    margin-bottom: 0;
}
.dato p {
    font-size: 1em;
}
.dato ul {
    list-style-type: square;
    list-style-position: inside;
    padding-left: 0;
	margin-bottom: 0;
}
/*.dato li a {
    margin-left: -10px;
}*/
.dato .ps-4 {
    padding-left: 2.2rem!important;
}
li .dato h5 {
    color: #9c9c9c;
    border-bottom: 1px dashed #9c9c9c;
}
li .dato {
    font-size: 1em;
}
.my-custom-icon {
    width: 20px !important;
    height: 20px !important;
    margin-left: -10px!important;
    margin-top: -38px!important;
    border-radius: 18px;
    /* border: 2px solid #3F51B5; */
    text-align: center;
    /* padding-bottom: 4px; */
    color: #ffffff;
    background-color: #084298;
    z-index: 9999!important;
    font-size: 14px;
    font-weight: bold;
	pointer-events: none!important;
}
.cuadrado{
  position: relative;
  margin-top: 1.8rem;
  padding-bottom: 100%;
  /* border: 1px solid gray; */
  background: #dbdbdb;
  overflow: hidden;
}
.cuadrado img{
   position:absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;/*contain;*/
  display: block;
}
#gal .cuadrado {
    margin-top: 0;
}
.galeriaseccion .cuadrado {
    margin-top: 0.3rem;
    margin-bottom: 1rem;
}
a.enlacecontexto {
    display: block;
    margin-top: 0.4rem;
}
.nodisponible {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #FFF;
    font-size: 1.4em;
    text-align: center;
}
.enlaceobra {
    text-decoration: none;
	transition: 0.4s;
}
.enlaceobra:hover, .enlacebuscador:hover {
    transition: 0.7s;
    filter: drop-shadow(0 0 0.45rem grey);
}
.enlaceobra img {
	transition: 0.4s;
}
.enlaceobra:hover img {
	transition: 0.7s;
    transform: scale(1.1);
}
.enlaceobra:hover .pieobra {
	transition: 0.7s;
    color:rgb(var(--color-principal));
}
.enlaceobra:hover .cuadrado {
	/*transition: 0.7s;*/
    outline: 4px solid rgb(var(--color-principal));
}
.enlacebuscador .inforesult img {
	transition: 0.7s;
    transform:none;
}
.enlacebuscador{
	color:#444444;
	text-decoration: none;
	transition: 0.7s;
}
.enlacebuscador:hover{
	color:#84282d;
	transition: 0.7s;
}
.pieobra {
	margin-top: 10px;
	transition: 0.7s;
}
.pieobra h4 {
    font-size: 1.2em;
    margin-top: 0.5rem;
    margin-bottom: 0.1rem;
}
.pieobra h5 {
    font-size: 1em;
	font-style: italic;
	margin-bottom: 0.3rem;
}
.pieobra h6 {
    font-size: 0.8em;
}
    
.hotspot.contexto {
    background: #f7f1f1;
    width: 20px;
    height: 20px;
    display: inline-flex;
    border: 0px;
    padding: 2px 4px 2px 2px;
    color: rgb(var(--color-principal))!important;
    border-radius: 0px;
    transition: none!important;
    font-size: 0.95em;
    transition: 0.5s;
}
.hotspot, .hotspoti {
    /* width: 18px; */
    /* height: 18px; */
    cursor: pointer;
    z-index: 15;
    color: #000000;
    background: rgb(200, 110, 56);
    border: 4px solid rgba(255,255,255,.8);
    background-size: 24px 24px;
    border-radius: 20%;
    text-align: center;
    text-decoration: none!important;
    transition: 1s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.mini-pdf {
    background-image: url(../img/iconopdf.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
	display: inline-block;
    vertical-align: text-bottom;
    filter: var(--filtro-color-principal);
    width: 16px;
    height: 16px;
}
.mini-imagen {
    background-image: url(../img/imagen-outline.svg);
    /* background-image: url(../img/image-on-svgrepo-com.svg); */
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    padding-left: 20px;
    /* background-position: center; */
    /* background-repeat: no-repeat; */
    /* background-size: contain; */
    /* display: inline-block; */
    /* vertical-align: text-bottom; */
    filter: var(--filtro-color-principal);
}
.mini-link {
    background-image: url(../img/external-link.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
	display: inline-block;
    vertical-align: text-bottom;
    /*filter: var(--filtro-color-principal);*/
	filter: invert(31%) sepia(34%) saturate(6597%) hue-rotate(209deg) brightness(101%) contrast(98%);
    width: 16px;
    height: 16px;
}
.mini-bibliografia {
    background-image: url(../img/library-outline.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    filter: var(--filtro-color-principal);
    width: 16px;
    height: 16px;
}
.mini-bibliografiamenu {
    background-image: url(../img/library-outline.svg);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 25px;
	margin-left: 2px;
	/*filter: invert(80%) sepia(37%) saturate(0%) hue-rotate(151deg) brightness(91%) contrast(95%);*/
}
.mini-inventariosmenu {
    background-image: url(../img/inventarios.svg);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 25px;
	margin-left: 2px;
	/*filter: invert(80%) sepia(37%) saturate(0%) hue-rotate(151deg) brightness(91%) contrast(95%);*/
}
.mini-inventario {
    background-image: url(../img/inventarios.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    filter: var(--filtro-color-principal);
    width: 16px;
    height: 16px;
}
.mini-documento {
    background-image: url(../img/document.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    filter: var(--filtro-color-principal);
    width: 16px;
    height: 16px;
}
.mini-documentosmenu {
    background-image: url(../img/document.svg);
    background-position: left center;
    background-repeat: no-repeat;
	background-size: contain;
    padding-left: 25px;
	margin-left: 2px;
	/*filter: invert(80%) sepia(37%) saturate(0%) hue-rotate(151deg) brightness(91%) contrast(95%);*/
}
.mini-home {
    background-image: url(../img/home.svg);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 25px;
    margin-left: 2px;
	/*filter: invert(80%) sepia(37%) saturate(0%) hue-rotate(151deg) brightness(91%) contrast(95%);*/
}
.mini-obrasmenu {
    background-image: url(../img/color-palette-outline.svg);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 25px;
	margin-left: 2px;
	/*filter: invert(80%) sepia(37%) saturate(0%) hue-rotate(151deg) brightness(91%) contrast(95%);*/
}
.mini-galeriamenu {
    background-image: url(../img/images-outline.svg);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 25px;
	margin-left: 2px;
	/*filter: invert(80%) sepia(37%) saturate(0%) hue-rotate(151deg) brightness(91%) contrast(95%);*/
}
.mini-equipomenu {
    background-image: url(../img/people-outline.svg);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 25px;
	margin-left: 2px;
	/*filter: invert(80%) sepia(37%) saturate(0%) hue-rotate(151deg) brightness(91%) contrast(95%);*/
}
.mini-alfabetico {
    background-image: url(../img/sort-alphabetical-descending-svgrepo-com.svg);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 25px;
}
.mini-calendario {
    background-image: url(../img/calendar-outline.svg);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 25px;
} 
.opcionesgrid {
	text-align: right;
}
.mini-opciones {
	display: inline-block;
    width: 28px;
    height: 28px;
    margin: 0 0 0 10px;
    border: 1px solid #000;
}
.mini-opciones.activo {
    filter: var(--filtro-color-principal);
}
.mini-lista {
    background-image: url(../img/list-outline.svg);
	background-position: left center;
    background-repeat: no-repeat;
    padding-left: 25px;
    /*background-position: center;
    background-repeat: no-repeat;
    padding: 4px;
    background-origin: content-box;*/
}
.mini-grid {
    background-image: url(../img/grid-outline.svg);
    background-position: center;
    background-repeat: no-repeat;
    padding: 4px;
    background-origin: content-box;
}
a.enlacecaption {
    border: 1px solid #fff;
    padding: 8px 20px;
    display: inline-block;
    margin-top: 4px;
	transition:0.5s;
	text-decoration: none;
}
a.enlacecaption:hover {
    background: #fff;
	color:#343434;
}
.cabeceracap {
    width: 100%;
    /* max-height: 100vw; */
    position: absolute;
    margin-left: -50%;
    height: 0px;
    opacity: 0;
    left: 50%;
    background-size: contain!important;
    /* z-index: -1; */
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.cabecerasubcap {
    width: 100%;
    /* max-height: 100vw; */
    position: absolute;
    margin-left: -50%;
    height: 101px;
    opacity: 1;
    left: 50%;
    background-size: cover!important;
    background-position: 50% 50%!important;
    z-index: -1;
    /* -webkit-filter: grayscale(100%); */
    /* filter: grayscale(100%);*/
}
.contenedorimagen.portada {
    border-bottom: 6px solid rgb(var(--color-principal));
    /* margin: -5px 0 30px 0; */
    background-size: cover!important;
	padding-bottom: 35%;
	opacity: 0;
}
.copyrighimagenportada {
    font-size: 0.7rem;
    line-height: 0.8rem;
    text-align: right;
    position: absolute;
    color: #c6c6c6;
    top: 0;
    max-width: 240px;
    right: 0;
}
.copyrighimagenportada span{
	background: rgb(0 0 0 / 47%);
	padding: 0;
}
.copyrighimagenhome {
    font-size: 0.7rem;
    line-height: 0.8rem;
    text-align: right;
    position: absolute;
    color: #c6c6c6;
    top: 7px;
    max-width: 240px;
    right: 0;
}
.copyrighimagenhome span{
	background: rgb(0 0 0 / 47%);
	padding: 0;
}
.contenedorimagen h3 {
    position: absolute;
    top: 35px;
    font-size: 1.3em;
	font-weight: bold;
}
.contenedorimagen h3 span {
    /* background: rgba(227,7,19,0.8); */
    background: rgb(var(--color-principal));
    color: #FFF;
    padding: 10px;
}
h3.etiquetasubcapitulo {
    border-bottom: 6px solid rgb(var(--color-principal));
    margin-bottom: 1rem;
    margin-top: 61px;
}
h3.etiquetasubcapitulo.prologo {
    margin-top: 0;
}
.etiquetasubcapitulo span {
    background: rgb(var(--color-principal));
    color: #FFF;
    padding: 8px 8px 3px 8px;
    font-size: 0.6em;
    margin-top: 4px;
    font-weight: bold;
    display: inline-block;
}
#cab {
    margin-top: 0px;
	transition: 0.5s;
}
#cab.headeroffset {
    margin-top: -52px;
	transition: 0.5s;
}
.actual > .mini-equipomenu, .actual > .mini-bibliografiamenu, .actual > .mini-inventariosmenu, .actual > .mini-obrasmenu, .actual > .mini-home {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}
.active .mini-alfabetico, .active .mini-lista, .active .mini-calendario {
    filter: invert(98%) sepia(0%) saturate(0%) hue-rotate(23deg) brightness(102%) contrast(105%);
}
.btn.active {
    background-color: rgb(var(--color-principal))!important;
}
.mini-texto {
    /*background-image: url(../img/piece-of-paper-svgrepo-com.svg);*/
	background-image: url(../img/document-text-outline.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    filter: var(--filtro-color-principal);
    width: 16px;
    height: 16px;
}
span.contexto {
    padding-left: 16px;
}
span.sup {
    color: rgb(var(--color-principal));
    padding-right: 2px;
}
.popover {
     max-width: 350px;
}
.popover img {
     max-width: 310px;
	margin:0;
	padding:0
}
.custom-popover {
  --bs-mi-borde:rgb(var(--color-principal));
  --bs-mi-fondo:#fff;
  --bs-popover-bg:var(--bs-mi-fondo);
  --bs-popover-border-color: var(--bs-mi-borde);
  --bs-popover-header-bg: var(--bs-primary);
  --bs-popover-header-color: var(--bs-white);
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: .5rem;
}
.custom-popover p:last-of-type {
    margin-bottom: 0;
}
.custom-popover.extenso{max-width:450px!important;}
.custom-popover.extenso1{max-width:600px!important;}
.custom-popover.extenso2{max-width:750px!important;}
.tooltip-inner {
max-width:300px;
text-align:left;
}
.custom-tooltip {
  --bs-mi-borde:rgb(var(--color-principal));
  --bs-mi-fondo:#f4e3d7;
  --bs-tooltip-bg:var(--bs-mi-borde);
  --bs-tooltip-border-color: var(--bs-mi-borde);
  --bs-tooltip-header-bg: var(--bs-primary);
  --bs-tooltip-header-color: var(--bs-white);
  --bs-tooltip-body-padding-x: 1rem;
  --bs-tooltip-body-padding-y: .5rem;
}
.custom-tooltip a {
  color:#FFF;
}
/*
.tooltip-arrow {
  color: #ffcc00!important;
}*/

/* //////////////// slider //////////////*/
.slick-slide img {
    width: 100%;
}
.slide-text {
    background: rgb(var(--color-principal));
    padding: 5px 10px;
    color: #FFF;
    text-align: left;
}
.slick-track{/*centra horizontal y verticalmente*/
    position: relative;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
}
.slider-nav img {
    object-fit: cover;
    width: 60px!important;
    height: 60px!important;
	border:1px solid #CCC;
	cursor:pointer;
}
.slider-nav.slider img {
    object-fit: contain!important;
	background: #FFFFFF;
}
.slick-prev, .slick-next {
    position: absolute;
    z-index: 5;
    top: 45%;
    cursor: pointer;
    width: 30px;
    height: 30px;
    outline: none;
    color: transparent;
    background-color: #ffffff36;
    border: 1px solid #000;
    background-size: contain!important;
    background-repeat: no-repeat!important;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	filter: invert(98%) sepia(0%) saturate(0%) hue-rotate(23deg) brightness(102%) contrast(105%);
}
.slick-prev {
    left: 5px;
}
.slick-next {
    right: 5px;
}
.slick-prev:hover, .slick-next:hover {
	filter: invert(9%) sepia(100%) saturate(4952%) hue-rotate(352deg) brightness(104%) contrast(93%);	
}
.slick-prev {
    background-image: url(../img/anterior.svg);	
}
.slick-next {
    background-image: url(../img/siguiente.svg);
}
/* //////////////// slider //////////////*/
.slider {
    width: 100%;
    /* height: 60%; */
    margin: 0px auto;
    /* margin: 20px auto; */
    background: white;
    text-align: center;
}
.max500 {
    width: 100%;
    max-width: 500px;
    margin-bottom: 10px;
}
.max600 {
    width: 100%;
    max-width: 600px;
    margin-bottom: 10px;
}
.alinearDerecha {
    float: right;
    margin: 15px 0 15px 45px;
	clear: right;
}
.footer {
    background-color: #464646;
	margin-top: 3rem;
    margin-bottom: 0;
    font-size: .875em;
    color: #6c757d;
    border-top: 6px solid #444;
}
.contenedorlogos {
    padding: 10px 0;
}
.contenedorlogos a {
    text-decoration: none;
}
img.logos {
    height: 120px;
    padding: 20px;
    background: #ffffff08;
    margin: 2px 0;
	filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(120%) contrast(45%);
	transition: 0.5s;
}
img.logos.inicio {
    filter: none;
}
.bg-image {
    height: 100vh;
	display: flex;
    flex-direction: column;
}
.portadatitulo {
	white-space: nowrap;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.creditoslibro{
	text-align: center;
	position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
#rabasf.logos:hover, #areces.logos:hover{
	filter: none;
	background: #ffffff;
}
.bg-dark {
    border-bottom: 1px dashed #ccc;
    outline: 6px solid rgb(var(--color-principal));
	background-color: rgb(var(--color-principal)) !important;
}
.footertop{
	background: #5e5e5e;
    padding: 12px;
    font-size: 1.05em;
    color: #b9b9b9;
	border-top: 1px dashed #CCC;
}
.bottombar {
    background: #171616;
    padding: 10px;
}
.bottombar a{
    color:#ccc;
	text-decoration: none;
	margin-left: 10px;
    margin-right: 10px;
}
.bottombar a:hover{
    color:#fff;
	text-decoration:underline;
}
.persona {
	position: relative;
    background: #db670b0d;
    border: 15px solid #FFF;
    padding-top: 15px;
    transition: 0.5s;
}
.persona:hover{
	background: #db670b26;
}
.persona img {
    float: left;
    width: 100px;
    height: 100px;
    margin: 0 20px 10px 0;
	transition: all 0.5s ease-in-out;
}
.persona p {
    font-size: 1em;
}
.persona h4 {
    font-size: 1.3em;
}
.persona .bio {
    display: none;
}
.persona a, .contautor a {
    text-decoration: none;
    color: inherit;
    padding: 0;
    margin: 0;
}
.persona:hover {
    border: 15px solid #edc098;
    background-color: #db670b0d;    
}
.expandido:hover {
    border: 15px solid #ffffff;
    background: #db670b26;    
}
.mas{
	position: absolute;
    right: 10px;
    top: 10px;
    height: 30px;
    width: 30px;
    background-image: url(../img/add-circle-outline.svg);
    background-repeat: no-repeat;
    background-size: contain;
    filter: invert(86%) sepia(21%) saturate(818%) hue-rotate(324deg) brightness(96%) contrast(93%);
	opacity:0;
	transition: all 0.5s ease-in-out;
}
.persona:hover > .mas{
	opacity:1;
	transition: all 0.5s ease-in-out;
}
.expandido > .mas, .expandido:hover > .mas{
	opacity:0;
}
.expandido img {
    width: 200px;
    height: 200px;
}
.expandido{
    font-size:1rem;
	background: #db670b26;
	cursor:auto;
}
.expandido .bio {
    display: block;
	margin-left: 220px;
    margin-right: 10px
}
.expandido .biocorta {
    display: none;
}
.row [class*='col-'] {
    transition: all 0.5s ease-in-out;
}
.container {
    /*transition: flex 0.5s ease-in-out, max-width 0.5s ease-in-out;
    */
    transition: flex 0.75s cubic-bezier(0.23, 1, 0.32, 1),
        max-width 0.75s cubic-bezier(0.23, 1, 0.32, 1);
}
.wrapper .icono {
	position: absolute;
    width: 22px;
    height: 22px;
    margin-left: 6px;
	filter: invert(52%) sepia(6%) saturate(13%) hue-rotate(335deg) brightness(94%) contrast(88%);
}
input:focus + .llave, input:focus + .correo {
	filter: var(--filtro-color-principal);
}
.wrapper {
    max-width: 350px;
    /*min-height: 500px;*/
    margin: 80px auto;
    padding: 40px 30px 30px 30px;
    background-color: #ecf0f3;
    border-radius: 15px;
    box-shadow: 13px 13px 20px #cbced1, -13px -13px 20px #fff;
}
.wrapper .navbar-brand {
    overflow: auto;
}
.wrapper .navbar-brand img{
    overflow: auto;
	filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(327deg) brightness(96%) contrast(104%);
}
.wrapper .name {
    font-size: 1rem;
    color: #676767;
}

.wrapper .form-field input {
    width: 100%;
    display: block;
    border: none;
	margin-left: 26px;
    outline: none;
    background: none;
    /*font-size: 1.2rem;*/
    color: #666;
    padding: 10px 15px 10px 10px;
    /* border: 1px solid red; */
}

.wrapper .form-field {
    /*padding-left: 10px;*/
    margin-bottom: 20px;
    border-radius: 5px;
    box-shadow: inset 8px 8px 8px #cbced1, inset -8px -8px 8px #fff;
}

.wrapper .form-field .fas {
    color: #555;
}

.wrapper .btn {
    box-shadow: none;
    width: 100%;
    height: 40px;
    background-color: rgb(var(--color-principal));
    color: #fff;
    /*border-radius: 25px;*/
    box-shadow: 3px 3px 3px #b1b1b1,
        -3px -3px 3px #fff;
    letter-spacing: 1.3px;
}

.wrapper .btn:hover {
    background-color: #7c0a0f;
}
#mensaje {
    color: #bf1522;
	word-wrap: break-word;
}
#mensaje p {
    font-size: 0.9rem;
}
.wrapper a {
    text-decoration: none;
    font-size: 0.8rem;
    color: #03A9F4;
}

.wrapper a:hover {
    color: #039BE5;
}
.correo {
    background: url(../img/mail-outline.svg) no-repeat center;
    background-size: contain;
    background-origin: content-box;
}
.llave {
    background: url(../img/key-outline.svg) no-repeat center;
    background-size: contain;
    background-origin: content-box;
}
.leaflet-popup-content-wrapper {
    border-radius: 0!important;
}
.leaflet-popup-content {
    margin: 10px!important;
}
.leaflet-popup-content h5 span {
    font-size: 0.8em;
    font-weight: bold;
    color: #FFF;
    background: #084298;
    padding: 2px;
}
.leaflet-popup-content h6 {
    color:#084298;
}
.leaflet-popup-content h6 span {
    font-style: italic;
    font-size: 0.9em;
    display: block;
}
.obrainfo {
    color: #5a5a5a;
    border-bottom: 1px dashed #5a5a5a;
    margin-bottom: 10px;
    padding-bottom: 5px;
}

@media (min-width: 992px) {
	#sidebarMenu.collapse{left:-340px;transition:0.6s;}
	/*#sidebarMenu.in{display:block!important;left:0px!important;-webkit-transition-delay:0.8s;transition-delay:0.8s;}*/
	#sidebarMenu.in{
		left:0px;
	}
	/*#sidebarMenu.collapsing{display:block!important;transform:scale(0.706) skew(25deg) translate(96px);width:50px;left:-340px;}*/
	transform: translateZ(0) scale(1,1)!important;
	main p {
		text-align: justify;
	}
	.opcionesgrid {
    margin-bottom: -22px;
	}
	
}
@media (min-width: 1200px) {
	.indentxl{
	padding-left: 2.2rem!important;		
	}
}
@media (max-width: 1200px) {
	.indentxs{
	padding-left: 2.2rem!important;		
	}
}
@media (max-width: 992px) {
img.logos.inicio {
    width: 100%;
    height: auto;
	padding: 0;
}
.recuadrologo {
    margin: 60px 0 0 0;
}
.portadatitulo {
    white-space: normal;
}
.fotoautor {
    width: 90px;
    height: 90px;
}
.autores p {
    text-align: right;
}
#resultados-typeahead-cont {
    z-index: 26;
}
.indentxs{
	padding-left: 1.4rem!important;		
}
.nopad{
	padding: 0!important;
}
.expandido .bio {
    display: block;
    margin-left: 0;
    text-align: left;
    margin-right: inherit;
}
.expandido img {
    width: 150px;
    height: 150px;
}
.contautor {
	max-width: 100%;
}
.mas {
    right: auto;
    left: 12px;
    top: 15px;
    height: 25px;
    width: 25px;
    background-color: #88898a;
}
}