@charset "UTF-8";

/* Fuerza que el desplegable de idiomas se muestre por encima de la cabecera */
.language-nav__list {
  z-index: 100;
  max-width: 50px;
}

/* Fuerza que el listado de compras de la página principal ocupe todo el ancho aún estando vacía */
.compras {
  width: 100%;
}

/* Iconos de ordenación para las cabeceras de las tablas */
table thead .sorting, 
table thead .sorting_asc, 
table thead .sorting_desc {
  cursor: pointer;
  *cursor: hand;
  background-repeat: no-repeat;
  background-position: 99% bottom;
}

table thead .sorting {
  background-image: url(../images/iconos/sort_both.svg);
  background-size: 25px 25px;
}

table thead .sorting_asc {
  background-image: url(../images/iconos/sort_asc.svg);
  background-size: 25px 25px;
}

table thead .sorting_desc {
  background-image: url(../images/iconos/sort_desc.svg);
  background-size: 25px 25px;
}

/* Fondo para las notificaciones informativas al usuario */
.alert-user__info {
  padding: 20px;
  background: #eff8fc;
  color: #00224c;
  margin-bottom: 20px;
}

/* Colores de la leyenda de la ventana de resultados de búsqueda */
.legend__list--pink:after, 
.legend__list--orange:after, 
.legend__list--gray:after,
.legend__list--cyan:after {
  content: "";
  display: inline-block;
  height: 11px;
  float: left;
  padding-left: 8px;
  vertical-align: bottom;
  margin-top: 4px;
}

.legend__list--pink:after {
  border-left: 3px solid #ffdab5;
}

.tabla__responsive tbody tr.row--pink {
  border-left: 2px solid #ffdab5;
}

.legend__list--orange:after {
  border-left: 3px solid #fe9833;
}

.tabla__responsive tbody tr.row--orange{
  border-left: 2px solid #fe9833;
}

.legend__list--gray:after {
  border-left: 3px solid #ccc;
}

.tabla__responsive tbody tr.row--gray {
  border-left: 2px solid #ccc;
}

.legend__list--cyan:after {
  border-left: 2px solid #8fdbf7;
}

.tabla__responsive tbody tr.row--cyan {
  border-left: 2px solid #8fdbf7;
}

/* Eleva el icono de descarga de avisos para que no se solape con el texto */
.proveedores__avisos--icon {
  top: -3px;
}

/* Estilos para impresión */
@media print {

  /* Fuerza un tamaño de ancho fijo acordado con el cliente */
  html, body {
    width: 1024px;
    margin: 0;
    padding: 0;
  }
  
  /* Fuerza que el contenido ocupe todo el ancho */
  .container-content.col-md-9, .container-principal.col-md-8, .generic-text.col-md-8 {
    width: 100%;
  }
  
  /* Oculta elementos con imágenes, botones, ... */
  header, .banner-int, .submenu-lateral, aside, .links-portal, .scroll-up, footer, .button--large, .onlymobile {
    display: none;
  }
  
  /* Reduce márgenes para que todo quepa en una sola página */
  .container-content {
    margin-top: 0px;
  }
  .container-title {
    margin: 10px 0 10px 0;
  }
  .search__numResult {
    margin: 10px 0 10px 0;
  }
  .tabla__responsive tbody tr {
    margin-bottom: 1px;
  }
  .tabla__responsive td, .contratacion__tabla-expedientes tbody tr td:first-child {
    padding: 5px 10px 5px 15px;
  }
  .legend-icon {
    margin: 0 0 10px;
  }
  .contratacion__pagination {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  
  /* Cambia los colores de los enlaces, filas e iconos */
  a, .pagination a, .icon-enaire {
    color: #333 !important;
  }
  .tabla__responsive tbody tr.row--total {
    background: white;
    color: #333;
    border: 2px solid #00224c;
  }
  .tabla__responsive tbody tr {
    background: white;
  }
  .pagination .active a {
    border: 1px solid #bbb !important;
  }
  
  /* Duplica los estilos de bootstrap que no se encuentran en impresión */
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left
  }
  .col-md-1 {
    width: 8.333333%
  }
  .col-md-2 {
    width: 16.666667%
  }
  .col-md-3 {
    width: 25%
  }
  .col-md-4 {
    width: 33.333333%
  }
  .col-md-5 {
    width: 41.666667%
  }
  .col-md-6 {
    width: 50%
  }
  .col-md-7 {
    width: 58.333333%
  }
  .col-md-8 {
    width: 66.666667%
  }
  .col-md-9 {
    width: 75%
  }
  .col-md-10 {
    width: 83.333333%
  }
  .col-md-11 {
    width: 91.666667%
  }
  .col-md-12 {
    width: 100%
  }
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left
  }
  .col-sm-1 {
    width: 8.333333%
  }
  .col-sm-2 {
    width: 16.666667%
  }
  .col-sm-3 {
    width: 25%
  }
  .col-sm-4 {
    width: 33.333333%
  }
  .col-sm-5 {
    width: 41.666667%
  }
  .col-sm-6 {
    width: 50%
  }
  .col-sm-7 {
    width: 58.333333%
  }
  .col-sm-8 {
    width: 66.666667%
  }
  .col-sm-9 {
    width: 75%
  }
  .col-sm-10 {
    width: 83.333333%
  }
  .col-sm-11 {
    width: 91.666667%
  }
  .col-sm-12 {
    width: 100%
  }
}