/* ----- 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-light:rgb(243, 236, 206, 0.85);
  
  --bs-body-color:#554555;/*--ucm-text-color*/
  --bs-body-bg:#FCFCF6;
  
  --bs-header-bg: var(--bs-gray-200);
  
  
  /*----- Colores UCM -----*/
  /* https://www.w3schools.com/colors/colors_picker.asp 
  */
  --ucm-text-color:#554555;/*47%*/
  
  --ucm-red:#b01131;/*47%*/
  --ucm-light-red:#f2a6a6;/*80%*/
  --ucm-medium-red:#de2121;/*50%*/
  --ucm-dark-red:#9b1717;/*35%*/
  --ucm-darker-red:#590d0d;/*20%*/
  
  --ucm-blue:#385e9d;/*42%*/
  --ucm-light-blue:#b4c6e4;/*80%*/
  --ucm-medium-blue:#4472bb;/*50%*/
  --ucm-dark-blue:#2f4f83;/*35%*/
  --ucm-darker-blue:#1b2d4b;/*20%*/
  
  --ucm-gray:#4d4d4d;/*30%*/
  --ucm-light-gray:#cccccc; /*80%*/
  --ucm-medium-gray:#808080;/*50%*/
  --ucm-dark-gray:#666666;/*40%*/
  --ucm-darker-gray:#343434;/*20%*/
  
  --ucm-green:#00b300;/*35%*/
  --ucm-light-green:#99ff99;/*80%*/
  --ucm-medium-green:#00ff00;/*50%*/
  --ucm-dark-green:#009900;/*30%*/
  --ucm-darker-green:#006600;/*20%*/
  
  --ucm-yellow:#ffff66;/*70%*/
  --ucm-light-yellow:#ffff99;/*80%*/
  --ucm-medium-yellow:#ffff00;/*50%*/
  --ucm-dark-yellow:#b3b300;/*35%*/
  --ucm-darker-yellow:#666600;/*20%*/
  
  --ucm-cyan:#00cccc;/*40%*/
  --ucm-light-cyan:#99ffff;/*80%*/
  --ucm-medium-cyan:#00ffff;/*50%*/
  --ucm-dark-cyan:#009999;/*30%*/
  --ucm-darker-cyan:#006666;/*20%*/
  
  --ucm-brown:#b35900;/*35%*/
  --ucm-light-brown:#ffcc99;/*80%*/
  --ucm-medium-brown:#ff8000;/*50%*/
  --ucm-dark-brown:#994d00;/*30%*/
  --ucm-darker-brown:#663300;/*20%*/
  
  --ucm-gray-0: #000000;
  --ucm-gray-5: #0d0d0d;
  --ucm-gray-10:#1a1a1a;
  --ucm-gray-15:#262626;
  --ucm-gray-20:#333333;
  --ucm-gray-25:#404040;
  --ucm-gray-30:#4d4d4d;
  --ucm-gray-35:#595959;
  --ucm-gray-40:#666666;
  --ucm-gray-45:#737373;
  --ucm-gray-50:#808080;
  --ucm-gray-55:#8c8c8c;
  --ucm-gray-60:#999999;
  --ucm-gray-65:#a6a6a6;
  --ucm-gray-70:#b3b3b3;
  --ucm-gray-75:#bfbfbf;
  --ucm-gray-80:#cccccc;
  --ucm-gray-85:#d9d9d9;
  --ucm-gray-90:#e6e6e6;
  --ucm-gray-95:#f2f2f2;
  --ucm-gray-100:#ffffff;
  
  --ucm-active-shadow: 0 0 0.1rem 0.15rem rgba(240, 128, 128, 0.5);
}


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


/* ----- 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(--ucm-darker-red); margin:0 0.15rem; }
/*.truncate-suffix:after { content:" "}*/
.truncate-label { font-size:0.75rem; color:var(--ucm-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(--ucm-gray-75) !important;
  color:var(--ucm-gray-90) !important;
}