@charset "UTF-8";
.title {
  margin: auto;
  background: #ffff;
}

.grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(100px, 1fr)) 150px 150px 100px;
  text-align: center;
  height: 50px;
  box-shadow: 2px 2px 2px 2px #eeeeee;
}

#contenedorGrids {
  width: 90%;
  margin-left: 5%;
  margin-top: 30px;
}

#contenedorSubGrids {
  overflow-y: scroll;
  max-height: 500px;
}

.form {
  margin: 0 0 2px 0;
  text-justify: auto;
}

.fields {
  margin: 0;
  height: inherit;
  line-height: 50px;
}

.headerField {
  font-size: 20px;
  color: #a3a6b4;
  background-color: #f5f6fa;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: 300;
  padding-right: 12px;
}

.formField {
  font-size: 15px;
  color: #4d4f5c;
  background-color: #ffff;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.download {
  width: 25px;
  height: 25px;
  background-size: contain;
  margin: auto;
  position: relative;
  top: 15px;
}
.download:hover {
  cursor: pointer;
}

.svg-download {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E %3Cg id='i_descargar' transform='translate(116.281 -6.244)'%3E %3Cg id='i_descargar-2' data-name='i_descargar' transform='translate(-394.676 1255.247) rotate(-90)'%3E %3Cpath id='Trazado_8436' data-name='Trazado 8436' d='M1233.942,285.088a.685.685,0,0,1-.693.693H1228.1a2.411,2.411,0,0,0-2.408,2.408V300.6a2.411,2.411,0,0,0,2.408,2.408h5.23a.686.686,0,0,1,.693.693.694.694,0,0,1-.693.693h-5.23a3.8,3.8,0,0,1-3.794-3.794V288.189a3.8,3.8,0,0,1,3.794-3.794h5.146A.693.693,0,0,1,1233.942,285.088Z' transform='translate(0)' fill='%238a8a8a'/%3E %3Cpath id='Trazado_8437' data-name='Trazado 8437' d='M1238.35,304.252a.728.728,0,0,0-.2-.488l-2.414-2.414h11.17a.693.693,0,0,0,0-1.386h-11.17l2.414-2.414a.713.713,0,0,0,.2-.5.681.681,0,0,0-.2-.48.692.692,0,0,0-.981,0l-3.594,3.6a.69.69,0,0,0-.2.49v0a.677.677,0,0,0,.2.48l3.6,3.6a.69.69,0,0,0,1.181-.488Z' transform='translate(-4.741 -6.262)' fill='%238a8a8a'/%3E %3C/g%3E %3Crect id='Rectángulo_846' data-name='Rectángulo 846' width='32' height='32' transform='translate(-116.281 6.244)' fill='none'/%3E %3C/g%3E %3C/svg%3E ");
}

.status, .status--terminado, .status--procesando, .status--importado, .status--error {
  width: 85px;
  height: 20px;
  border-radius: 50px/50px;
  font-size: 12px;
  color: #ffff;
  line-height: 20px;
  margin: auto;
  position: relative;
  top: 13px;
  padding: 2px;
}
.status--error {
  background: #e80808;
}
.status--importado {
  background: #eeb411;
}
.status--procesando {
  background: #ff7600;
}
.status--terminado {
  background: #1ac213;
}

.uploadType, .uploadType--liberar, .uploadType--asignar {
  height: 20px;
  border-radius: 50px/50px;
  line-height: 20px;
  position: relative;
  top: 15px;
}
.uploadType--asignar {
  background: #1ac213;
}
.uploadType--liberar {
  background: #0b5270;
}