/* ----- Adaptaciones BS5 ----- */
:root {
  --bs-link-color:#406080;
  --bs-link-hover-color:#C06040;
  --bs-link-bg:transparent;
  --bs-link-hover-bg:#F0FDDE0;
  
  --bs-dark:rgb(248, 247, 242, 0.85);
  --bs-ligth:rgb(243, 236, 206, 0.85);
  
  --bs-body-color:#602020;/*--usal-text-color*/
  --bs-body-bg:#FCFCF6;
  
  --bs-header-bg: var(--bs-gray-200);
  
  /*----- Colores USAL -----*/
  /* https://www.w3schools.com/colors/colors_picker.asp 
  */
  --usal-text-color:#602020;/*47%*/
  
  --usal-red:#d22020;/*47%*/
  --usal-light-red:#f2a6a6;/*80%*/
  --usal-medium-red:#de2121;/*50%*/
  --usal-dark-red:#9b1717;/*35%*/
  --usal-darker-red:#590d0d;/*20%*/
  
  --usal-blue:#385e9d;/*42%*/
  --usal-light-blue:#b4c6e4;/*80%*/
  --usal-medium-blue:#4472bb;/*50%*/
  --usal-dark-blue:#2f4f83;/*35%*/
  --usal-darker-blue:#1b2d4b;/*20%*/
  
  --usal-gray:#4d4d4d;/*30%*/
  --usal-light-gray:#cccccc; /*80%*/
  --usal-medium-gray:#808080;/*50%*/
  --usal-dark-gray:#666666;/*40%*/
  --usal-darker-gray:#343434;/*20%*/
  
  --usal-green:#00b300;/*35%*/
  --usal-light-green:#99ff99;/*80%*/
  --usal-medium-green:#00ff00;/*50%*/
  --usal-dark-green:#009900;/*30%*/
  --usal-darker-green:#006600;/*20%*/
  
  --usal-yellow:#ffff66;/*70%*/
  --usal-light-yellow:#ffff99;/*80%*/
  --usal-medium-yellow:#ffff00;/*50%*/
  --usal-dark-yellow:#b3b300;/*35%*/
  --usal-darker-yellow:#666600;/*20%*/
  
  --usal-cyan:#00cccc;/*40%*/
  --usal-light-cyan:#99ffff;/*80%*/
  --usal-medium-cyan:#00ffff;/*50%*/
  --usal-dark-cyan:#009999;/*30%*/
  --usal-darker-cyan:#006666;/*20%*/
  
  --usal-brown:#b35900;/*35%*/
  --usal-light-brown:#ffcc99;/*80%*/
  --usal-medium-brown:#ff8000;/*50%*/
  --usal-dark-brown:#994d00;/*30%*/
  --usal-darker-brown:#663300;/*20%*/
  
  --usal-gray-0: #000000;
  --usal-gray-5: #0d0d0d;
  --usal-gray-10:#1a1a1a;
  --usal-gray-15:#262626;
  --usal-gray-20:#333333;
  --usal-gray-25:#404040;
  --usal-gray-30:#4d4d4d;
  --usal-gray-35:#595959;
  --usal-gray-40:#666666;
  --usal-gray-45:#737373;
  --usal-gray-50:#808080;
  --usal-gray-55:#8c8c8c;
  --usal-gray-60:#999999;
  --usal-gray-65:#a6a6a6;
  --usal-gray-70:#b3b3b3;
  --usal-gray-75:#bfbfbf;
  --usal-gray-80:#cccccc;
  --usal-gray-85:#d9d9d9;
  --usal-gray-90:#e6e6e6;
  --usal-gray-95:#f2f2f2;
  --usal-gray-100:#ffffff;
  
}


/* ----- Ampliacion de colores para "botones" CRUD y otros ----- */
.btn-index, .btn-admin {
  --bs-btn-color: var(--usal-gray-95);
  --bs-btn-bg: var(--usal-medium-blue);
  --bs-btn-border-color: var(--usal-medium-blue);
  --bs-btn-hover-color: var(--usal-gray-95);
  --bs-btn-hover-bg: var(--usal-medium-blue);
  --bs-btn-hover-border-color: var(--usal-medium-blue);
  --bs-btn-active-color: var(--usal-gray-95);
  --bs-btn-active-bg: var(--usal-medium-blue);
  --bs-btn-active-border-color: var(--usal-medium-blue);
  --bs-btn-disabled-color: var(--usal-gray-95);
  --bs-btn-disabled-bg: var(--usal-medium-blue);
  --bs-btn-disabled-border-color: var(--usal-medium-blue);
}
.btn-list {
  --bs-btn-color: var(--usal-gray-5);
  --bs-btn-bg: var(--usal-cyan);
  --bs-btn-border-color: var(--usal-cyan);
  --bs-btn-hover-color: var(--usal-gray-5);
  --bs-btn-hover-bg: var(--usal-cyan);
  --bs-btn-hover-border-color: var(--usal-cyan);
  --bs-btn-active-color: var(--usal-gray-5);
  --bs-btn-active-bg: var(--usal-cyan);
  --bs-btn-active-border-color: var(--usal-cyan);
  --bs-btn-disabled-color: var(--usal-gray-5);
  --bs-btn-disabled-bg: var(--usal-cyan);
  --bs-btn-disabled-border-color: var(--usal-cyan);
}
.btn-view {
  --bs-btn-color: var(--usal-gray-5);
  --bs-btn-bg: var(--usal-light-green);
  --bs-btn-border-color: var(--usal-light-green);
  --bs-btn-hover-color: var(--usal-gray-5);
  --bs-btn-hover-bg: var(--usal-light-green);
  --bs-btn-hover-border-color: var(--usal-light-green);
  --bs-btn-active-color: var(--usal-gray-5);
  --bs-btn-active-bg: var(--usal-light-green);
  --bs-btn-active-border-color: var(--usal-light-green);
  --bs-btn-disabled-color: var(--usal-gray-5);
  --bs-btn-disabled-bg: var(--usal-light-green);
  --bs-btn-disabled-border-color: var(--usal-light-green);
}
.btn-create {
  --bs-btn-color: var(--usal-gray-5);
  --bs-btn-bg: var(--usal-light-cyan);
  --bs-btn-border-color: var(--usal-light-cyan);
  --bs-btn-hover-color: var(--usal-gray-5);
  --bs-btn-hover-bg: var(--usal-light-cyan);
  --bs-btn-hover-border-color: var(--usal-light-cyan);
  --bs-btn-active-color: var(--usal-gray-5);
  --bs-btn-active-bg: var(--usal-light-cyan);
  --bs-btn-active-border-color: var(--usal-light-cyan);
  --bs-btn-disabled-color: var(--usal-gray-5);
  --bs-btn-disabled-bg: var(--usal-light-cyan);
  --bs-btn-disabled-border-color: var(--usal-light-cyan);
}
.btn-update {
  --bs-btn-color: var(--usal-gray-5);
  --bs-btn-bg: var(--usal-light-brown);
  --bs-btn-border-color: var(--usal-light-brown);
  --bs-btn-hover-color: var(--usal-gray-5);
  --bs-btn-hover-bg: var(--usal-light-brown);
  --bs-btn-hover-border-color: var(--usal-light-brown);
  --bs-btn-active-color: var(--usal-gray-5);
  --bs-btn-active-bg: var(--usal-light-brown);
  --bs-btn-active-border-color: var(--usal-light-brown);
  --bs-btn-disabled-color: var(--usal-gray-5);
  --bs-btn-disabled-bg: var(--usal-light-brown);
  --bs-btn-disabled-border-color: var(--usal-light-brown);
}
.btn-delete {
  --bs-btn-color: var(--usal-gray-95);
  --bs-btn-bg: var(--usal-red);
  --bs-btn-border-color: var(--usal-red);
  --bs-btn-hover-color: var(--usal-gray-95);
  --bs-btn-hover-bg: var(--usal-red);
  --bs-btn-hover-border-color: var(--usal-red);
  --bs-btn-active-color: var(--usal-gray-95);
  --bs-btn-active-bg: var(--usal-red);
  --bs-btn-active-border-color: var(--usal-red);
  --bs-btn-disabled-color: var(--usal-gray-95);
  --bs-btn-disabled-bg: var(--usal-red);
  --bs-btn-disabled-border-color: var(--usal-red);
}
.btn-save {
  --bs-btn-color: var(--usal-gray-95);
  --bs-btn-bg: var(--usal-dark-green);
  --bs-btn-border-color: var(--usal-dark-green);
  --bs-btn-hover-color: var(--usal-gray-95);
  --bs-btn-hover-bg: var(--usal-dark-green);
  --bs-btn-hover-border-color: var(--usal-dark-green);
  --bs-btn-active-color: var(--usal-gray-95);
  --bs-btn-active-bg: var(--usal-dark-green);
  --bs-btn-active-border-color: var(--usal-dark-green);
  --bs-btn-disabled-color: var(--usal-gray-95);
  --bs-btn-disabled-bg: var(--usal-dark-green);
  --bs-btn-disabled-border-color: var(--usal-dark-green);
}
.btn-return {
  --bs-btn-color: var(--usal-gray-5);
  --bs-btn-bg: var(--usal-light-blue);
  --bs-btn-border-color: var(--usal-light-blue);
  --bs-btn-hover-color: var(--usal-gray-5);
  --bs-btn-hover-bg: var(--usal-light-blue);
  --bs-btn-hover-border-color: var(--usal-light-blue);
  --bs-btn-active-color: var(--usal-gray-5);
  --bs-btn-active-bg: var(--usal-light-blue);
  --bs-btn-active-border-color: var(--usal-light-blue);
  --bs-btn-disabled-color: var(--usal-gray-5);
  --bs-btn-disabled-bg: var(--usal-light-blue);
  --bs-btn-disabled-border-color: var(--usal-light-blue);
}
.btn-yes {
  --bs-btn-color: var(--usal-gray-95);
  --bs-btn-bg: var(--usal-green);
  --bs-btn-border-color: var(--usal-green);
  --bs-btn-hover-color: var(--usal-gray-95);
  --bs-btn-hover-bg: var(--usal-green);
  --bs-btn-hover-border-color: var(--usal-green);
  --bs-btn-active-color: var(--usal-gray-95);
  --bs-btn-active-bg: var(--usal-green);
  --bs-btn-active-border-color: var(--usal-green);
  --bs-btn-disabled-color: var(--usal-gray-95);
  --bs-btn-disabled-bg: var(--usal-green);
  --bs-btn-disabled-border-color: var(--usal-green);
}
.btn-no {
  --bs-btn-color: var(--usal-gray-95);
  --bs-btn-bg: var(--usal-red);
  --bs-btn-border-color: var(--usal-red);
  --bs-btn-hover-color: var(--usal-gray-95);
  --bs-btn-hover-bg: var(--usal-red);
  --bs-btn-hover-border-color: var(--usal-red);
  --bs-btn-active-color: var(--usal-gray-95);
  --bs-btn-active-bg: var(--usal-red);
  --bs-btn-active-border-color: var(--usal-red);
  --bs-btn-disabled-color: var(--usal-gray-95);
  --bs-btn-disabled-bg: var(--usal-red);
  --bs-btn-disabled-border-color: var(--usal-red);
}
.btn-accept, .btn-ok {
  --bs-btn-color: var(--usal-gray-95);
  --bs-btn-bg: var(--usal-darker-green);
  --bs-btn-border-color: var(--usal-darker-green);
  --bs-btn-hover-color: var(--usal-gray-95);
  --bs-btn-hover-bg: var(--usal-darker-green);
  --bs-btn-hover-border-color: var(--usal-darker-green);
  --bs-btn-active-color: var(--usal-gray-95);
  --bs-btn-active-bg: var(--usal-darker-green);
  --bs-btn-active-border-color: var(--usal-darker-green);
  --bs-btn-disabled-color: var(--usal-gray-95);
  --bs-btn-disabled-bg: var(--usal-darker-green);
  --bs-btn-disabled-border-color: var(--usal-darker-green);
}
.btn-cancel, .btn-ko {
  --bs-btn-color: var(--usal-gray-95);
  --bs-btn-bg: var(--usal-dark-blue);
  --bs-btn-border-color: var(--usal-dark-blue);
  --bs-btn-hover-color: var(--usal-gray-95);
  --bs-btn-hover-bg: var(--usal-dark-blue);
  --bs-btn-hover-border-color: var(--usal-dark-blue);
  --bs-btn-active-color: var(--usal-gray-95);
  --bs-btn-active-bg: var(--usal-dark-blue);
  --bs-btn-active-border-color: var(--usal-dark-blue);
  --bs-btn-disabled-color: var(--usal-gray-95);
  --bs-btn-disabled-bg: var(--usal-dark-blue);
  --bs-btn-disabled-border-color: var(--usal-dark-blue);
}

.btn-index, .btn-admin, .btn-list 
, .btn-view, .btn-create, .btn-update, .btn-delete
, .btn-save, .btn-return
, .btn-yes , .btn-no
, .btn-accept, .btn-ok
, .btn-cancel, .btn-ko
{
  --bs-btn-focus-shadow-rgb: 32, 128, 64;
  --bs-btn-active-shadow: 0 0 0 0.25rem rgba(240, 192, 0, 0.5)
}

.btn-index:active, .btn-admin:active, .btn-list:active
, .btn-view:active, .btn-create:active, .btn-update:active, .btn-delete:active
, .btn-save:active, .btn-return:active
, .btn-yes:active, .btn-no:active
, .btn-accept:active, .btn-ok:active
, .btn-cancel:active, .btn-ko:active
{  filter: brightness(110%); box-shadow: var(--bs-btn-active-shadow); }

.btn-index:hover, .btn-admin:hover, .btn-list:hover
, .btn-view:hover, .btn-create:hover, .btn-update:hover, .btn-delete:hover
, .btn-save:hover, .btn-return:hover
, .btn-yes:hover , .btn-no:hover
, .btn-accept:hover, .btn-ok:hover
, .btn-cancel:hover, .btn-ko:hover
{  filter: brightness(80%); }


/* ----- Enlaces ----- */
a {
  color:var(--bs-link-color);
  background-color:var(--bs-link-bg);

  /*color: #3285a7;*/
  /*color: #3285a7;*/
  text-decoration: none;
}
a:hover {
  color:var(--bs-link-hover-color);
  background-color:var(--bs-link-hover-bg);
  
  /*color: #1087f7;
  background-color: #f7f7e0;*/
}


/* ----- Fondos Web ----- */
.bg-tratados {
  position:fixed; top:0; bottom:0; left:0; right:0;
  z-index:-9999;
}
.bg-tratados, .bg-tratado-fondo-light {
  /*background:#f8f7f2; /* rgb(248, 247, 242); */
  /*background:rgb(248, 247, 242, 0.85);*/
  background-color:var(--bs-dark);
}
.bg-tratado-fondo-dark {
  /*background:#dfd8ba; /* rgb(223, 216, 186); */
  /*background:rgb(223, 216, 186, 0.85); */
  /*background:rgb(243, 236, 206, 0.85);*/
  background-color:var(--bs-light);
}

.bg-tratado-1x { background-image: url('../img/fondo1.jpg'); background-repeat: no-repeat; background-position: top center;}
.bg-tratado-2x { background-image: url('../img/fondo2.jpg'); background-repeat: no-repeat; background-position: top center;}
.bg-tratado-3x { background-image: url('../img/fondo3.jpg'); background-repeat: no-repeat; background-position: top center;}
.bg-tratado-4x { background-image: url('../img/fondo4.jpg'); background-repeat: no-repeat; background-position: top center;}


/* ----- Paginacion ----- */
.pagination {
  justify-content: center;
  --bs-pagination-active-bg:#cd6e6d;
  --bs-pagination-active-border-color:#cd6e6d;
  --bs-pagination-color:#602020;
  --bs-pagination-hover-color:#C06020;
  --bs-pagination-focus-color:#C06020;  
}

/* ----- Estilos para el truncado de textos ----- */
.truncate-block {}
.truncate-suffix { color:var(--usal-darker-red); margin:0 0.15rem; }
/*.truncate-suffix:after { content:" "}*/
.truncate-label { font-size:0.75rem; color:var(--usal-medium-red); padding:0.15rem;}
.truncate-pointer { cursor:pointer;}

.truncate-visible { display:initial;}
.truncate-hidden { display:none;}

.truncate-more::before { content:" ["}
.truncate-less::before { content:" ["}
.truncate-more::after { content:"]"}
.truncate-less::after { content:"]"}

/* ----- Carga de datos en Autocompletar ----- */
/* Usar las definiciones de BS5 para las clases de JUI. */
.ui-autocomplete-loading {
  background-color:var(--usal-gray-75) !important;
  color:var(--usal-gray-90) !important;
}

/* ----- Lista de Formas de Contacto----- */
ul.formas-contacto {
}
ul.formas-contacto li.list-group-item {
  /*-- background-color --*/
  --bs-list-group-bg:transparent;
  /*-- padding --*/
  --bs-list-group-item-padding-x: 0.25rem;
  --bs-list-group-item-padding-y: 0rem;
  /*-- color --*/
  --bs-list-group-color:var(--usal-text-color)
}

/* ----- ????? ????? ????? ----- */
.usuario-acceso { font-size:0.75rem; color:var(--usal-medium-blue); padding:0.15rem;}

/* ----- ????? ????? ????? ----- */
.forma-contacto-tipo { font-size:0.75rem; color:var(--usal-medium-gray); padding:0.15rem;}
.forma-contacto-datos {}







/* ----- Cabecera / Logo de la Página ----- */
header {
  /*color: var(--bs-gray-200);*/
  background-color: red;/*var(--bs-header-bg);*/
  /*border-top:none;
  border-left:none;
  border-right:none;
  border-bottom:2px solid var(--bs-gray-800);*/
  
  border:2px solid var(--usal-dark-red);
  border-radius:15px;
  
  /*background: bg-color bg-image position/bg-size bg-repeat bg-origin bg-clip bg-attachment initial|inherit;*/
  
  /*background: 0 center / 12rem no-repeat url("../img/logo_usal.png"), */
  background: 
    repeat url("../img/logo_tratado_fon_1.jpg")
  , var(--bs-header-bg) 
  ;
}
header .header-info {
  width: 100%;
}
header .header-left {
  /*justify-content: flex-start;*/
  /*border:1px solid red;*/
}
header .header-center {
  /*justify-content: center;*/
  /*border:1px solid red;*/
}
header .header-right {
  /*justify-content: flex-end;*/
  /*border:1px solid red;*/
}

.panel-logo {
  width: 10%;
  height: 100%;
  font-size:75%;
  margin:0;
  padding:0;
  background: 0 center / contain no-repeat url("../img/logo_usal.png");
}
.panel-info {
  /*width: 50%;*/
  /*height: 5rem;*/
  height: 3.5rem;
  
  /*font-size:125%;*/
  margin:0;
  padding:0;
  
  background: url("../img/logo_tratado_txt2_1.png")
  /*, url("../img/logo_tratado_img_1.png"), url("../img/logo_tratado_fon_1.png")
  */
  ;
  background-position-x: center, center, center;
  background-position-y: 0%, 0%, 0%;
  background-repeat: no-repeat, no-repeat, repeat;
  background-size: contain, contain, contain;
  
}
.panel-usuario {
  /*width: 10%;*/
  height: 100%;
  font-size:75%;
  margin:0;
  padding:0;
  
}
.menu-gestion {
  --bs-navbar-toggler-font-size:0.875rem;
}


/* ----- Contenido principal de la Página ----- */
main > .container {
  /*padding: 70px 15px 20px;*/
  /*padding: 0.5rem;*/
}

main .left-content {
  /*margin: 0 0.25rem 0 0.5rem;
  padding: 0.5rem;*/
  /*background-color: #f0f0a0;*/
  /*border: 1px solid red;*/
}

main .center-content {
  /*margin: 0 0.5rem 0 0.25rem;
  padding: 0.5rem;*/
  /*background-color: #d0e0b0;*/
  /*border: 1px solid red;*/
  /*padding: 70px 15px 20px;*/
}


/* ----- Pié de Página ----- */
.footer {
    /*background-color: #f5f5f5;*/
    font-size: .9em;
    height: 60px;
}

.footer > .container {
    padding-right: 15px;
    padding-left: 15px;
}


/* ----- Varios ----- */
.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    content: '';
    left: 3px;
    display: inline-block;
    width: 0;
    height: 0;
    border: solid 5px transparent;
    margin: 4px 4px 2px 4px;
    background: transparent;
}

a.asc:after {
    border-bottom: solid 7px #212529;
    border-top-width: 0;
}

a.desc:after {
    border-top: solid 7px #212529;
    border-bottom-width: 0;
}

.grid-view th {
    white-space: nowrap;
}

/* ----- Mensajes de Error en formularios ----- */
/*.help-block::before {
  content:"*"
}*/
.help-block {
  /*color:var(--usal-red);*/
  color:var(--bs-danger);
  background-color:var(--bs-bg--danger);
}
.has-error {
  border:var(--bs-border-width) var(--bs-border-style) rgba(var(--bs-danger-rgb),0.25) !important;
  border-radius:var(--bs-border-radius) !important;
  box-shadow:0 0 0.5rem rgba(var(--bs-danger-rgb),0.50) !important
}
.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}
.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding-top: 7px;
    color: rgba(255, 255, 255, 0.5);
}

@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 0;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.75);
}

.nav > li > form > button.logout:focus {
    outline: none;
}

/* ------------------------------------------------------------------ */
.enlinea { display:inline-block; width:100%; padding:0.5rem; 
  background-color:#c0e080 
}
.hojaColums {
  column-fill:balance; column-width:auto; column-rule:3px ridge #c0f0c0; text-align:justify;
  column-count:4;
}
@media (max-width: 575.9px) { /*XS*/
  .hojaColums { column-count:1;}
}
@media (min-width: 576px) { /*SM*/
  .hojaColums { column-count:1;}
}
@media (min-width: 768px) { /*MD*/
  .hojaColums { column-count:2;}
}
@media (min-width: 992px) { /*LG*/
  .hojaColums { column-count:3;}
}
@media (min-width: 1200px) { /*XL*/
  .hojaColums { column-count:4;}
}
@media (min-width: 1400px) { /*XXL*/
  .hojaColums { column-count:5;}
}

@media screen and (orientation:portrait) {
.d-portrait { display:inherit !important }
}

@media screen and (orientation:landscape) {
.d-landscape { display:inherit !important }
}

/* ------------------------------------------------------------------ */
.user-logout { 
}
.user-name { display:inline-block; font-size:0.75rem; font-weight:bold; 
  color:#804000;
}
.user-rol {display:inline-block; font-size:0.75rem; font-weight:bold; 
  color:#004080;
}


/* ------------------------------------------------------------------ */
.filtros {
  background-color:#F0F0E0;
  border:1px solid #F0F080;
  border-radius:0.5rem;
  margin-top:1rem;
}
.filtros-head {
  background-color:#FCFCF6;
  border-radius:0.5rem;
  padding-top:0.5rem;
  
}
.filtros-head hr {
  margin:0.5rem 0;
}

a:disabled, a.disabled, button:disabled, button.disabled {
  color: currentColor;
  cursor: not-allowed;
  opacity: 0.5;
  text-decoration: none;
  /*pointer-events:none;*/
}
.filtro {
  /*
  border:2px ridge #F8F0E8;
  background:#F8F0E8;
  border-radius:7px;
  border-shadow:nose;
  */
  padding:0.15rem 0rem;
  margin:0.05rem;
}

.siglos-option, .letras-option { text-align: center !important; 
  padding:0.125rem;
  cursor: pointer;
}
.siglos-list .siglos-option.active { color:black; background-color:#E0E0C0; border-color:#F0F0C0;}
.siglos-list .siglos-option:hover { color:black; background-color:#F0F0C0; border-color:#E0E0C0}

.x_letras-veces { margin-left:0.25rem; font-size:75%; font-weight:bolder; vertical-align:baseline; color:#804020;}
.xletras-list { padding-left:0rem;}
.letras-veces { font-size:70%; color:#804020;}

.letras-list .letras-option.active {
  color:black; background-color:#E0E0C0; border-color:#F0F0C0;
}
.letras-list .letras-option:hover { 
  color:black;
  background-color:#F0F0C0; border-color:#E0E0C0
}

/* Vistas de resultados de búsqueda */
.panel-resultados {
  /*color:#602020 !important;*/
}
.lista-resultados {
  /*color:#602020 !important;*/
  background-color:#FDFDF0;
  border:1px solid #F0F0C0;
}
ul.lista-resultados {
  list-style-type: none;
  padding-left: 0.5rem;
}
ul.lista-resultados li {
  /*margin-bottom: .3em;*/
  padding-left: 1.5rem;
  text-indent: -1.5rem;
}
ul.lista-resultados a {
  /*color: #202060;*/
}
ul.lista-resultados a.tratado {
  color: #206020;
}
ul.lista-resultados a.autor {
  /*color: #602020;*/
}
ul.lista-resultados a.tratado:hover, ul.lista-resultados a.autor:hover {
  color: #606020;
  background-color: #F0F8F8;
}

ul.lista-resultados .card {
  /*color: #204020;
  */
  background-color:#FDFDF6;
  border:1px solid #F0F0C0;
  margin-right:1rem;
}

.fuente.card {
  text-indent: -0.5rem;
  padding: 0.25rem 1rem;
  /*color:0*/
}

.expande {
 font-family: monospace;
 font-weight: normal;
}

.list-view hr {
  margin:0.5rem 0;
}
.list-view div.expande-all {
  position:relative;
  width:30%;
  left:70%;
  padding:0 0.5rem;
  text-align:right;
}
.list-view div.summary {
  position:relative;
  width:70%;
  left:0%;
  top:1.5rem;
  padding:0 0.5rem;
  text-align:left;
  /*
  left:30%;
  top:-1.5rem;
  float:right;
  float:right;
  text-align:left;
  display:block;
  top:1.5rem;
  float:right;
  */
}
/*.list-view .pagination {

  justify-content: center;
}*/


/*Imagenes particulares de la aplicación */
img.imagen-marca {
 color:red;
 font-size:12px;
 background-color:yellow;
 min-width: 1rem;
 min-height: 1rem;
}