/* *****************************************************************************
 * GENERAL
 ******************************************************************************/

/***********
 * Elementos de la pantalla se suscrición a boletines de Vulnerabilidades
 ***********/

/* Envoltorio general para seleccionar fabricantes/producto  */
.vulnerabilities-section{ display: flex; flex-wrap: wrap; margin: 0 -15px;margin-bottom:40px;}

/* Bloque en el que está el text input y los botones para seleccionar fabricante/producto  */
.vulnerabilities-section #edit-vendor-container{
  flex: 0 0 50%;
  padding: 0 15px;
  order: 1;
}

/* Bloque quue despliega en un select los productos de un fabricante (oculto si no se selecciona la opción de productos) */
.vulnerabilities-section #edit-product-container #edit-product {
  max-height: 300px;
  overflow-y: auto;
}
.vulnerabilities-section #edit-product-container{
	flex: 0 0 50%;
	padding: 0 15px;
	order: 2;
}

/* Text input para buscar fabricantes/productos */
.vulnerabilities-section #edit-vendor-container input[type="text"]{ width: 100%; }
.vulnerabilities-section #edit-vendor-container input[type="submit"]{ margin: 0; margin-right: 20px; min-width: 100%; margin-bottom: 1em; white-space: initial;
}

/* Botón para seleccionar producto */
.vulnerabilities-section #edit-product-container input[type="submit"]{ margin: 0; margin-right: 20px; min-width: 150px; }

/* Estilo para cada producto desplegado */
.vulnerabilities-section #edit-product-container .form-item label {
    word-break: break-all;
}

/* Bloque que muestra los productos/fabricantes seleccionados */
.vulnerabilities-section #edit-results-container {
  flex: 0 0 100%;
  margin-top: 24px;
  padding: 0 15px;
  order: 3;
}

/* Títulos del bloque donde se guardan los fabricantes/productos seleccionados */
.vulnerabilities-section #edit-results-container legend{
  color: #212529;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

/* Envoltorio del bloque que muestra los productos/fabricantes seleccionados */
.vulnerabilities-section #edit-results-container > .fieldset-wrapper {
  border: 1px solid #212529;
  display: flex;
  padding: 24px 9px;
  max-height: 300px;
  overflow-y: scroll;
  position:relative;
}

/* Cada uno de los bloques que muestran productos/fabricantes seleccionados */
.vulnerabilities-section #edit-results-container > .fieldset-wrapper #edit-results-vendor-container,
.vulnerabilities-section #edit-results-container > .fieldset-wrapper #edit-results-products-container{
  flex: 0 0 50%;
  margin: 0;
  padding: 0 15px;
}

/* Bloque-envoltorio que muestran productos seleccionados */
.vulnerabilities-section #edit-results-container > .fieldset-wrapper #edit-results-products-container > .fieldset-wrapper{position:relative;}
.vulnerabilities-section #edit-results-container > .fieldset-wrapper #edit-results-products-container #edit-results-products:before {
  content: "";
  background: #000;
  width: 2px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -15px;
}

/* Bloque-envoltorio que muestran fabricantes seleccionados */
.vulnerabilities-section #edit-results-container > .fieldset-wrapper #edit-results-vendor-container > .fieldset-wrapper{position:relative;}
.vulnerabilities-section #edit-results-container > .fieldset-wrapper #edit-results-vendor-container #edit-results-products:before {
  content: "";
  background: #000;
  width: 2px;
  height: 100%;
  position: absolute;
  top: 0;
  right: -15px;
}

/* Elementos internos del bbloque de fabricantes/productos seleccionados */
.vulnerabilities-section #edit-results-container > .fieldset-wrapper #edit-results-vendor-container .vendor-line,
.vulnerabilities-section #edit-results-container > .fieldset-wrapper #edit-results-products-container .product-line{ margin-bottom: 10px; position: relative; }
.vulnerabilities-section #edit-results-container > .fieldset-wrapper #edit-results-vendor-container .vendor-line .vendor-delete,
.vulnerabilities-section #edit-results-container > .fieldset-wrapper #edit-results-products-container .product-line .product-delete,
.vulnerabilities-section #edit-results-container > .fieldset-wrapper #edit-results-products-container .product-delete-all,
.vulnerabilities-section #edit-results-container > .fieldset-wrapper #edit-results-vendor-container .vendor-delete-all {
  border: 1px solid darkred!important;
  color: darkred;
  display: block;
  font-size: 13px;
  font-weight: 700;
  padding: 2px 5px;
  position: absolute;
  right: 0px;
  top: -1px;
  text-transform: uppercase;
}

/* Botones para eliminar todos los fabricantes o productos seleccionados */
.vulnerabilities-section #edit-results-container > .fieldset-wrapper #edit-results-products-container .product-delete-all,
.vulnerabilities-section #edit-results-container > .fieldset-wrapper #edit-results-vendor-container .vendor-delete-all {
  position: relative;
  display: inline-block;
  margin-bottom: 15px;
}

/* Botones para eliminar de manera individual los fabricantes o productos seleccionados */
.vulnerabilities-section #edit-results-container > .fieldset-wrapper #edit-results-vendor-container .vendor-line .vendor-delete:hover,
.vulnerabilities-section #edit-results-container > .fieldset-wrapper #edit-results-products-container .product-line .product-delete:hover{
  background-color: darkred;
  color: #fff;
  text-decoration: none;
}

/* Título de cada fabricante en la lista de productos seleccionados */
.vulnerabilities-section #edit-results-container > .fieldset-wrapper #edit-results-products-container h6{
  font-weight:600;
}

/***********
 * CSV de Suscriptores
 ***********/

.view-id-vul_simplenews_statistics #csv-aux-textarea{
  display: none;
}
.csv-feed.views-data-export-feed .feed-icon{
  background: url(/modules/contrib/views_data_export/images/csv.png) no-repeat;
  overflow: hidden;
  text-indent: -9999px;
  display: block;
  width: 36px;
}
@media (max-width: 991px) {
  .vulnerabilities-section #edit-vendor-container,
  .vulnerabilities-section #edit-product-container{
    flex: 0 0 100%;
  }
  .vulnerabilities-section #edit-results-container > .fieldset-wrapper{
    display: block;
  }
}