/************ CONTENEDOR PRINCIPAL *************/
.form-formularios {
  width: 100%;
  margin: auto;
}

.formulario-celda-doble {
  display: grid;
  padding-left: 0;
  padding-top: 0;
  grid-template-columns: 1fr 1fr; /* Divide el contenedor en dos columnas iguales */
  grid-gap: 10px; /* Espacio entre las columnas */
}

.formulario-agregar-container {
  display: grid;
  grid-gap: var(--margen_1);
  grid-auto-rows: minmax(0, max-content);
  padding: var(--margen_1);
  border-radius: var(--radio_2);
  background-color: var(--bg_2);
  margin: auto;
}

.formulario-agregar-container.simple {
  grid-template-columns: repeat(1, 1fr);
  width: 60%;
}

.formulario-agregar-container.ventana-simple {
  grid-template-columns: repeat(1, 1fr);
  width: 100%;
}

.formulario-agregar-container.ventana-doble {
  grid-template-columns: 50% 50%;
  width: 100%;
}

.formulario-agregar-container.simetrico {
  grid-template-columns: 50% 50%;
}

.formulario-agregar-container.decentrado {
  grid-template-columns: 45% 55%;
}

.formulario-agregar-container.doble {
  grid-template-columns: 40% 60%;
}

.formulario-agregar-container.tercio {
  grid-template-columns: 33% 67%;
}

.formulario-agregar-container.cuarto {
  grid-template-columns: 25% 75%;
}

.formulario-agregar-container.triple {
  grid-template-columns: 30% 30% 40%;
}

.formulario-agregar-container.triple-13 {
  grid-template-columns: 40% 0% 60%;
}

.formulario-agregar-container.triple-23 {
  grid-template-columns: 0% 40% 60%;
}

.overlay .formulario-agregar-container {
  background-color: transparent;
}

/************ TABLA *************/
.formulario-agregar-cell table {
  table-layout: fixed;
}

.formulario-agregar-cell th,
td {
  width: 25%; /* establece el ancho de las celdas al 25% del ancho total */
}

.formulario-agregar-cell th {
  background-color: var(--kinetic_t);
}

.formulario-agregar-cell.fino {
  padding: var(--margen_1);
}

.formulario-agregar-cell .principal {
  overflow-y: scroll;
  max-height: 400px;
}

.formulario-agregar-cell .detalles {
  padding: var(--margen_1);
}

/************ CELDAS *************/
.formulario-agregar-cell {
  min-width: 0;
  background-color: var(--bg_6);
  padding: var(--margen_2);
  /*margin-bottom: var(--margen_1);*/
  border-radius: var(--margen_1);
  box-shadow: var(--btn_shadow);
}

.formulario-agregar-cell.form1 {
  max-width: 500px;
  width: 100%;
  margin: 0 auto;
}

/************ CONTENIDO *************/
.form-info {
  display: grid;
  grid-template-columns: 1fr 60% 45px; /* Ancho de cada columna */
}

.form-info .resumen {
  padding: var(--margen_2);
}

.form-info .datos {
  padding: var(--margen_2);
}

.form-info .acciones {
  padding: 0;
}

.div-input {
  text-align: justify;
  border-radius: var(--pe_borde_menor);
  border: var(--pe_borde_color);
  width: calc(100% - 100px);
  min-height: 100px;
  max-height: 300px;
  background-color: var(--pe_bg);
  margin-left: 100px;
}

.div-input p {
  padding: 5px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.div-input p input[type='checkbox'] {
  margin-left: var(--margen_1);
}

.div-input p:hover:not(.seleccionado) {
  background-color: var(--bg_3);
  cursor: pointer;
}

.div-input p:nth-child(odd):not(.seleccionado) {
  background-color: var(--pe_bg);
}

/************ AGREGAR *************/
.form-campo {
  position: relative;
  margin-bottom: var(--margen_1);
}

.form-campo label {
  position: absolute;
  top: 10px;
  left: -15px;
  width: 100px;
  text-align: right;
  background-color: transparent;
  color: var(--bg_texto);
  font-size: var(--font_size_1);
}

.form-campo input[type='date'],
.form-campo input[type='text'],
.form-campo select,
.form-campo button,
.form-campo textarea {
  width: calc(100% - 100px);
  max-width: 600px;
  margin-left: 100px;
}

.form-campo button {
  width: 150px;
  min-height: 35px;
}
/* Extendido */
.form-campo.extendido input[type='date'],
.form-campo.extendido input[type='text'],
.form-campo.extendido select,
.form-campo.extendido textarea {
  width: calc(100% - 200px);
  max-width: 600px;
  margin-left: 200px;
}

.form-campo.extendido label {
  width: 200px;
}

/* Ancho */
.form-campo.ancho input[type='date'],
.form-campo.ancho input[type='text'],
.form-campo.ancho select,
.form-campo.ancho textarea {
  width: calc(100% - 160px);
  max-width: 600px;
  margin-left: 160px;
}

.form-campo.ancho label {
  width: 160px;
}

.form-campo .multiple {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-left: 100px;
}

.form-campo .multiple.ancho {
  margin-left: 160px;
}

.form-campo .multiple select {
  margin-left: initial;
}

.form-campo .multiple select:not(:last-child) {
  margin-right: var(--margen_2);
}

/************ TABLA *************/
.tabla-datos {
  table-layout: fixed;
  width: 100%;
}
.tabla-datos input[type='date'],
.tabla-datos input[type='text'],
.tabla-datos select,
.tabla-datos textarea {
  min-width: initial !important;
  min-height: initial !important;
  width: 100%;
}

.form-datos input[type='date'],
.form-datos input[type='text'],
.form-datos select,
.form-datos textarea {
  width: 100%;
  margin-left: 0;
}

/***RIEGO***/
.formulario-agregar-cell .grid {
  display: grid;
  grid-template-columns: 100px minmax(auto, 1fr) minmax(auto, 1fr); /* La primera columna es de 200px y las otras dos se dividen el espacio sobrante */
  grid-template-rows: repeat(2, 1fr);
  border: none;
}

.formulario-agregar-cell .fixed-col {
  height: 100%;
  text-align: right;
  padding: 15px;
}

.formulario-agregar-cell .cell {
  border: none;
  height: 100%;
  width: 100%;
  padding-top: 10px;
}

.cell p {
  padding: 5px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.cell img {
  height: 25px;
  width: auto;
  background-color: var(--nt_menu);
  border-radius: var(--radio_1);
  padding: 5px;
}

.cell img:hover {
  box-shadow: var(--post_btn_shadow_hover); /* La sombra al pasar el mouse por encima */
}

.cell p input[type='checkbox'] {
  margin-left: 10px;
}

/* MOVER USUARIOS */
.miembros {
  width: calc(100% - 100px);
  display: flex;
  margin: 10px 0 var(--margen_2) 100px;
  justify-content: space-between;
}

.miembros .listados {
  width: 100%;
}

.listados p {
  padding-bottom: 10px;
  width: 90%;
  text-align: center;
}

.listados select {
  width: 90%;
  height: 140px;
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 0;
  margin-left: 0;
}

.listados.izquierda {
  text-align: left;
}

.listados.derecha {
  text-align: right;
}

.tabla-agregar select,
.tabla-agregar input {
  min-width: initial;
  width: 100%;
}

.tabla-agregar td,
.tabla-agregar th {
  padding: var(--margen_0);
}

.grupos td,
.grupos th {
  text-align: center;
  width: initial;
}

/* TABLAS DENTRO DE LOS FORMULARIOS */
.form-tabla input,
.form-tabla select {
  width: 100%;
}

/* LISTA DENTRO DE LOS FORMULARIOS */
.form-radios input[type='radio'] {
  /* width: 60px; */
  margin-right: var(--margen_2);
}

.form-radios li {
  list-style: none;
}