/* ---------------- tablas -------------------- */

#wbb5 table.table-clear, #wbb5 table.table-clear tr, #wbb5 table.table-clear td {
	box-shadow: unset !important;
	border-collapse: unset;
	background: unset !important;
	border: 0 !important;
	margin-top:0;
}

/* Tabla por defecto */

#wbb5 table {
	border-collapse: collapse;
	margin-top: 20px; 
	margin-bottom: 0;
	/*box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);*/
}
#wbb5 table th { 
  background: var(--color-rediris-table-th-bg) none repeat scroll 0 0;
	/*  line-height:2.5em;*/
  text-align:left;
  border-bottom:6px solid var(--color-rediris-amarillo);
}

#wbb5 table th {
  padding: 10px;
	font-size: var(--rediris-fontsize-table-th);
}

#wbb5 .is-narrow th,
#wbb5 .is-narrow td {
	padding: .25em .5em;
	font-size: 0.8rem;
}

/* Eliminar el borde inferior de las tablas */
#wbb5 table.table-no-border-bottom {
	border-bottom: 0px;
}

/* 
 * Se podría cambiar por #wbb5 table thead th pero habría que añadir el thead a todas las tablas
 */
#wbb5 table.table-th-no-border th,
#wbb5 table tr.table-th-no-border th,
#wbb5 table th.table-th-no-border{
  border-bottom:0px;
}
#wbb5 table.table-th-border-bottom-small th,
#wbb5 table tr.table-th-border-bottom-small th,
#wbb5 table th.table-th-border-bottom-small{
  border-bottom: solid 1px var(--color-rediris-table-border);
}


#wbb5 table tr:nth-child(odd) {
  background-color: var(--color-rediris-table-tr-bg-odd);
}
#wbb5 table tr:nth-child(even) {
  background-color: var(--color-rediris-table-tr-bg-even);
}
#wbb5 table tr:first-of-type {
  border-bottom: 0px solid var(--color-rediris-table-border);
}
/*
#wbb5 table tr:last-of-type {
  border-bottom: 2px solid var(--color-rediris-table-border);
  border-right: 0px;
}
*/
#wbb5 table {
  border-bottom: 2px solid var(--color-rediris-table-border);
  border-right: 0px;
	border-collapse: unset !important;
}
#wbb5 table td {
	padding: 10px;
  border-bottom: 1px solid var(--color-rediris-table-td-border);
	font-size: var(--rediris-fontsize-table-td);
}
#wbb5 table td:last-of-type {
  border-right: 0px;
}


.box-scroll {
  overflow-x:auto;
  margin-top: 20px; 
	margin-bottom: 0;
}
.box-scroll>table {
  margin-top: initial!important;
}
.box-shadow {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
}


/* -- Opciones: table-no-zebra, table-border-vi, table-border -- */


#wbb5 table.table-break-word td {
	/*overflow-wrap: break-word;*/
	word-break: break-word; 
	hyphens: auto;
}


/* no-shadow */
#wbb5 table.table-no-shadow {
	box-shadow: unset;
}


/* no-zebra */
#wbb5 table.table-no-zebra tr:nth-child(odd) {
  background-color: var(--color-white);
}
#wbb5 table.table-no-zebra tr:nth-child(even) {
  background-color: var(--color-white);
}




/*
#wbb5 table.table-border-h td {
  border-bottom: 1px solid var(--color-rediris-table-td-border);
}
*/



/* Borde horizontal interior */
#wbb5 table.table-border-hi-wg td {
  border-bottom: 1px solid var(--color-rediris-table-td-border);
}
#wbb5 table.table-border-hi td,
#wbb5 table.table-border-hi-g td {
  border-bottom: 1px solid var(--color-rediris-table-border);
}
#wbb5 table.table-border-hi-y td {
  border-bottom: 1px solid var(--color-rediris-amarillo);
}
#wbb5 table.table-border-hi tr:last-of-type td,
#wbb5 table.table-border-hi-wg tr:last-of-type td,
#wbb5 table.table-border-hi-g tr:last-of-type td,
#wbb5 table.table-border-hi-y tr:last-of-type td {
  border-bottom:0px solid var(--color-rediris-table-border) !important;
}



/* Borde vertical interior */
#wbb5 table.table-border-vi-wg th, 
#wbb5 table.table-border-vi-wg td {
  border-right:1px solid #ddeeee;
}
#wbb5 table.table-border-vi th, 
#wbb5 table.table-border-vi td, 
#wbb5 table.table-border-vi-g th, 
#wbb5 table.table-border-vi-g td {
  border-right:1px solid var(--color-rediris-table-border);
}
#wbb5 table.table-border-vi-y th, 
#wbb5 table.table-border-vi-y td {
  border-right:1px solid var(--color-rediris-amarillo);
}
#wbb5 table.table-border-vi-wg th:last-of-type,
#wbb5 table.table-border-vi-wg td:last-of-type, 
#wbb5 table.table-border-vi th:last-of-type,
#wbb5 table.table-border-vi td:last-of-type,
#wbb5 table.table-border-vi-g th:last-of-type,
#wbb5 table.table-border-vi-g td:last-of-type,
#wbb5 table.table-border-vi-y th:last-of-type,
#wbb5 table.table-border-vi-y td:last-of-type {
  border-right:0px solid var(--color-rediris-table-border) !important;
}


/* Borde */
#wbb5 table.table-border {
  border: 1px solid var(--color-rediris-table-border);
	border-collapse: unset !important;
}
#wbb5 table.table-border td:last-of-type {
  border-right:0px solid var(--color-rediris-table-border) !important;
}


#wbb5 table.table-form th {
	border-bottom: 0;
}
#wbb5 table.table-form td {
	background-color: #f8f8f8;
}



/*-- Tablas responsive --*/

@media (max-width: 640px) {
  .table-responsive {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow-x: auto;


  }

  .table-responsive tr {
    display: block;
    width: 100%;
    border: solid 1px var(--color-rediris-table-th-bg) !important;
  }

  .table-responsive th {
    width: 100%;
	}

  .table-responsive td {
    display: block;
    width: 100%;
    border: none;
    padding: 8px 0;
  }

  .table-responsive td::before {
    content: attr(data-label);
    font-weight: bold;
    display: block;
    margin-bottom: 4px; /* Incrementa un poco el espacio para mayor claridad */
  }

  .table-responsive col {
/*    width: 100% !important; */
width: auto !important;
  }

}









/*-- Estilos de tablas de w4 --*/


/* Estilo de tabla a1b1 */
table.a1b1, table.a1b2, table.a1b3, table.a1b4 {
  margin-top: 20px; margin-bottom: 20px;
  border:medium none;
  border-collapse:collapse;
  border-bottom:1px solid #8fa7a7;
}

table.a1b2 {
  width: 100%;
  margin-top: 10px; margin-bottom: 10px;
}
table.a1b1 th, table.a1b2 th, table.a1b3 th, table.a1b4 th {
  background:#b3d0d3 none repeat scroll 0 0;
  border-bottom:1px solid var(--color-white);
}
table.a1b1 th, table.a1b3 th, table.a1b4 th {
  line-height:2.5em;
  padding:0 7px;
  text-align:left;
}
table.a1b2 th {
  border-left:1px solid #f4f9fa;
  border-left:1px solid #ddeeee;
  padding:2px 4px;
  text-align:center;
}
table.a1b1 th, table.a1b2 th {
  font-size:11px;
}
table.a1b3 th, table.a1b4 th {
  font:0.8em;
}



table.a1b1 td, table.a1b2 td, table.a1b3 td, table.a1b4 td {
  border: 0;
/*  border-top:1px solid #b3d0d3;*/
  border-top:1px solid #e6e6e6;
  line-height:135%;
  padding:5px 7px;
  vertical-align:top;
}
table.a1b1 td, table.a1b2 td, table.a1b3 td {
/*  background:#f4f9fa none repeat scroll 0 0;*/
  background: var(--color-rediris-table-tr-bg-even) none repeat scroll 0 0;
}

table.a1b1 td, table.a1b2 td {
  font-size:11px;
}
table.a1b3 td, table.a1b4 td {
  font:0.8em;
}

table.a1b1 td.right, table.a1b1 th.right {
  text-align:right;
}


table.a1b1 tr.odd>td, table.a1b3 tr.odd>td {
  background:#fdfdfd none repeat scroll 0 0;
}

table.a1b4 tr:nth-child(odd) {
  background-color:var(--color-white);
}
table.a1b4 tr:nth-child(even) {
  background-color: var(--color-rediris-table-tr-bg-even);
}
table.a1b4 td {
  border-top: 1px solid #e6e6e6;
}



/* sorted table */
table.sorted>thead th.header {
  background-image:url(../mm/arr-td.gif);
  background-position:right center;
  background-repeat:no-repeat;
  cursor:pointer;
  padding-right: 20px;
}
table.sorted>thead th.headerSortDown, 
table.sorted>thead th.headerSortUp {
  /*text-decoration: underline;*/
  color: var(--color-black);
  background-color: var(--color-rediris-amarillo-arrow);
}
table.sorted>thead th.headerSortDown {
  background-image: url(../mm/arr-d.gif); 
}
table.sorted>thead th.headerSortUp {
  background-image: url(../mm/arr-t.gif); 
}


/* Estilo a4b5 */
.a4b5 {
  -moz-border-radius-bottomleft:8px;
  -moz-border-radius-bottomright:8px;
  -moz-border-radius-topleft:8px;
  -moz-border-radius-topright:8px;
  background: var(--color-gray-2) url(../mm/bg_a4b5.png) repeat-x scroll center top;
  border:2px solid #C3C3C3;
  color: var(--color-rediris-text-body);
  margin-top:20px;
  margin-bottom:20px;
  padding:10px;
}


.tbTitAnuncio4
{
  color: #dddddd;
  font-weight: bold;
}