.hidden {
        display: none;
    }



/* Estilos generales */
#tablaMenu {
  max-width: 100%;
  overflow-x: auto;
  display: block; /* Necesario para aplicar scroll horizontal */
  box-sizing: border-box;
}

/* Opcional: estilos para la tabla dentro */
#tablaMenu table {
  width: 100%;
  border-collapse: collapse;
  min-width: 600px; /* o ajusta según tu contenido mínimo */
}

/* Responsive extra */
@media (max-width: 768px) {
  #tablaMenu {
    padding: 0 8px;
  }

  #tablaMenu table {
    font-size: 14px;
  }
}
h1 {
    white-space: nowrap;
    text-align: center;
    color: #000000;
    text-decoration: none;
    font-size: 20px;
    font-weight: bold;
}
h2 {
    white-space: nowrap;
    text-align: center;
    color: #000000;
    text-decoration: none;
    font-size: 15px;
    font-weight:normal;
}
.help {
    position: absolute;
    left: 150px;
    top: 10px;
    display:block;
    width:400px;
    z-index:2;
    background-color:#FFFFFF;
    border-color:#000000;
    border-style:solid;
    border-width:3px;
    text-align:left;
    padding-left: 5px;
    padding: 5px;
}
.oculto {
    display:none;
    visibility:hidden;
}
.mostrar {
    display:inline;
    visibility:visible;
}
.spancolor {
    color: #349adc;
}
/*##############INICIO MENU SALERNO CRISTIAN################################*/
:root {
  --color-primario: #5d96d9;
  --color-secundario: #9D9FA0;
  --color-hover: #CCCCCC;
  --color-texto-claro: #ffffff;
  --color-texto-oscuro: #000000;
  --fuente-principal: 'Arial', sans-serif;
  --tamano-fuente-menu: 15px;
  --tamano-fuente-submenu: 11px;
  --transicion: all 0.3s ease;
}

/* Estilos de menú INICIO */
.menuu {
  background-color: var(--color-primario);
  font-family: var(--fuente-principal);
  padding: 10px 15px;
  margin-bottom: 15px;
  height: 15px;
  border-radius: 4px;
}

.menuu a {
  color: var(--color-texto-claro);
  font-size: var(--tamano-fuente-menu);
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
  /*transition: var(--transicion);*/
}

.menuu a:hover {
  color: var(--color-texto-oscuro);
}

.menuu .finmenu {
  background-color: var(--color-primario);
  font-size: var(--tamano-fuente-menu);
  font-weight: bold;
  color: var(--color-primario);
  height: 3px;
  margin: 10px 0;
}

/* Estilos mejorados para el submenú */
.menuu .submenu {
  font-size: var(--tamano-fuente-submenu);
  line-height: 1.2;
  color: var(--color-texto-claro);
  background-color: var(--color-secundario);
  cursor: pointer;
  text-decoration: none;
  padding: 12px 12px;
  display: block;
  /*transition: var(--transicion);*/
  border-radius: 4px; /* Bordes redondeados */
  margin: 2px 0; /* Espaciado entre elementos del submenú */
}

.menuu .submenu:hover,
.menuu .submenuover {
  color: var(--color-texto-oscuro);
  background-color: var(--color-hover);
  transform: scale(1.25);  /* Efecto de escala al hacer hover */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Sombra más pronunciada */
  padding: 12px 12px;
}

/* Estilos para la lista del submenú */
.menuu .submenu-list {
  list-style-type: none;
  padding: 12px 12px;
  margin: 0;
  display: none;
  position: absolute;
  background-color: var(--color-secundario);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Sombra más pronunciada */
  border-radius: 4px; /* Bordes redondeados */
  z-index: 1000;
  min-width: 150px; /* Ancho mínimo para el submenú */
}

.menuu .menu-item:hover .submenu-list {
  display: block;
}

.menuu .submenu-item {
  margin-bottom: 1px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .menuu .menu-list {
    flex-direction: column;
  }

  .menuu .menu-item {
    margin-right: 0;
    margin-bottom: 5px;
  }

  .menuu .submenu-list {
    position: static;
    display: none;
    box-shadow: none; /* Eliminar sombra en móviles */
  }

  .menuu .menu-item:hover .submenu-list {
    display: block;
  }

  .menuu .submenu {
    padding: 8px 10px; /* Ajustar padding para móviles */
  }
}
/*##############FIN MENU SALERNO CRISTIAN################################*/
/*##############INICIO MENU ROBERTO GIMENEZ################################*/
/* Estilos de menu INICIO*/
/*.menu {
    background-color: #5d96d9;
    font-weight: bold;
    color: #ffffff;
    text-decoration:none;
    font-size: 8pt;
    cursor:pointer;
    margin-bottom: 15px;
    
}
.finmenu {
    background-color: #5d96d9;
    font-size: 13px;
    font-weight: bold;
    color: #5d96d9;
}
.submenu {
    font-size: 8pt;
    line-height: 10px;
    color: #ffffff;
    background-color: #9D9FA0;
    cursor: pointer;
    text-decoration: none;
}
.submenuover {
    font-size: 8pt;
    line-height: 10px;
    color: #000000;
    background-color: #CCCCCC;
    cursor: pointer;
    text-decoration: none;
}*/
/*#################FIN MENU ROBERTO GIMENEZ####################################*/
/* Estilos de menu FIN*/
/* Estilo de tablas */
/*.tabla {
    border-width: 0px;
    border-color:#008000;
    border-style:solid;
    vertical-align: middle;
     border-radius: 6px; 

        width: 100%;
        height: 100%;
}
.tablatit {
    border-width: 1px;
    border-color:#000000;
    border-style:solid;
    background-color:#5d96d9;
    color:#ffffff;
     border-radius: 6px; 
}
.tr {
    border-width: 1px;
    border-color:#000000;
    border-style:solid;
    
}
.th {
    border-width: 1px;
    border-color:#000000;
    border-style:solid;
    background-color:#5d96d9;
    color: #ffffff;
    font-size:9pt;
    font-weight:bold;
    padding: 3px;
}
.thsel {
    border-width: 1px;
    border-color:#000000;
    border-style:solid;
    background-color:#ffff00;
    color: #000000;
    font-size:9pt;
    font-weight:bold;
    padding: 3px;
}
.td {
    border-width: 1px;
    border-color:#000000;
    border-style:solid;
    background-color:#eeeeee;
    font-size:9pt;
    text-align: left;
    padding: 3px;
}
.tdn {
    border-width: 1px;
    border-color:#000000;
    border-style:solid;
    background-color:#eeeeee;
    font-size:9pt;
    text-align: left;
    padding: 3px;
    text-align:right;
    white-space:nowrap;
}
.tdc {
    border-width: 1px;
    border-color:#000000;
    border-style:solid;
    background-color:#eeeeee;
    font-size:9pt;
    text-align: center;
    padding: 3px;
}
.tdr {
    border-width: 1px;
    border-color:#000000;
    border-style:solid;
    background-color:#eeeeee;
    font-size:9pt;
    text-align: right;
    padding: 3px;
}
.td1 {
    border-width: 1px;
    border-color:#000000;
    border-style:solid;
    background:#c9c9c9;
    padding: 3px;
}
.tdtit {
    border-width: 1px;
    border-color:#000000;
    border-style:solid;
    background-color:#5d96d9;
    color:#FFFFFF;
    font-size:9pt;
    padding: 3px;
    text-align:left;
}
.tddat {
    border-width: 1px;
    border-color:#000000;
    border-style:solid;
    font-size: 8pt;
    color:#5d96d9;
    font-weight:bold;
    text-align:left;
    padding: 3px;
}*/
/*//################Gustavo Salerno INICIO########################*/
/*//################Gustavo Salerno FIN########################*/


/*//################Gustavo Salerno INICIO########################*/

/* TABLA GENERAL */
/* CONTENEDOR RESPONSIVO PARA TABLAS */
/* CONTENEDOR RESPONSIVO PARA TABLAS */
:root {
  /* Paleta de colores */
  --color-fondo: #f8f9fa;
  --color-texto: #333333;
  --color-primario: #3498db;
  --color-secundario: #2ecc71;
  --color-acento: #e74c3c;
  --color-borde: #dee2e6;
  --color-hover: #edf2f7;
  
  /* Espaciado y tamaños */
  --espaciado-celda: 0.75rem 1rem;
  --radio-borde: 8px;
  --ancho-maximo: 1200px;
  
  /* Tipografía */
  --fuente-principal: 'Roboto', sans-serif;
  --tamano-fuente: 0.9rem;
  --tamano-fuente-cabecera: 1rem;
  
  /* Efectos */
  --sombra-tabla: 0 4px 6px rgba(0, 0, 0, 0.1);
  --transicion: all 0.3s ease;
}

/* Estilos generales de la tabla */
.tabla {
  width: 100%;
  max-width: var(--ancho-maximo);
  margin: 2rem auto;
  border-collapse: separate;
  border-spacing: 0;
  background-color: #ffffff;
  box-shadow: var(--sombra-tabla);
  border-radius: var(--radio-borde);
  overflow: hidden;
  font-family: var(--fuente-principal);
  font-size: var(--tamano-fuente);
  color: var(--color-texto);
}
  .tabla-ajus {
    max-width: 30%;
    
}
/* Estilos para la cabecera */
.tabla .tablatit,
.tabla .th {
  background-color: var(--color-primario);
  color: #ffffff;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: var(--espaciado-celda);
  text-align: center;
  font-size: var(--tamano-fuente-cabecera);
  border-bottom: 2px solid var(--color-borde);
}

/* Estilos para las celdas */
.tabla .td,
.tabla .tdn,
.tabla .tdc,
.tabla .tdr {
  padding:  0.6rem;
  border-bottom: 1px solid var(--color-borde);
  transition: var(--transicion);
}

/* Alineaciones específicas */
.tabla .tdn, 
.tabla .tdr { text-align: right; }
.tabla .tdc { text-align: center; }

/* Estilos para filas alternas */
.tabla .tr:nth-child(even) {
  background-color: var(--color-fondo);
}

/* Efecto hover en filas */
.tabla .tr:hover {
  background-color: var(--color-hover);
}

/* Estilos para celdas numéricas */
.tabla .tdn {
  font-family: 'Roboto Mono', monospace;
  white-space: nowrap;
}

/* Estilos para celdas destacadas */
.tabla .td1 {
  background-color: var(--color-secundario);
  color: #ffffff;
  font-weight: 600;
}

/* Estilos para celdas de datos especiales */
.tabla .tddat {
  color: var(--color-acento);
  font-weight: 600;
}

/* Estilos para la cabecera seleccionada */
.tabla .thsel {
  background-color: var(--color-secundario);
  color: #ffffff;
}

/* Estilos para títulos en celdas */
.tabla .tdtit {
  background-color: var(--color-primario);
  color: #ffffff;
  font-weight: 600;
  padding: 15px;
}

/* Media query para responsividad en pantallas pequeñas */
@media (max-width: 768px) {
  .tabla {
    font-size: 0.8rem;
  }
  
  .tabla .tablatit,
  .tabla .th,
  .tabla .td,
  .tabla .tdn,
  .tabla .tdc,
  .tabla .tdr {
    padding: 0.5rem;
  }
  
  /* Hacer la tabla scrollable horizontalmente en móviles */
  .tabla-container {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

/* Estilos para mejorar la visualización de datos */
.tabla .trend-up {
  color: var(--color-secundario);
}

.tabla .trend-down {
  color: var(--color-acento);
}

.tabla .tag {
  display: inline-block;
  padding: 0.2rem 0.5rem;
  border-radius: 20px;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
}

.tabla .tag-success {
  background-color: var(--color-secundario);
  color: #ffffff;
}

.tabla .tag-warning {
  background-color: #f39c12;
  color: #ffffff;
}

.tabla .tag-danger {
  background-color: var(--color-acento);
  color: #ffffff;
}
/*//################Gustavo Salerno FIN########################*/
/*//################Gustavo Salerno INICIO Filtro de clientes.php########################*/
:root {
  --color-primario: #3498db;
  --color-secundario: #2c3e50;
  --color-fondo: #f8f9fa;
  --color-borde: #e9ecef;
  --color-texto: #333;
  --radio-borde: 4px;
  --sombra: 0 2px 4px rgba(0,0,0,0.1);
}

.filtro-clientes {
  background-color: var(--color-fondo);
  border-radius: var(--radio-borde);
  padding: 10px;
  box-shadow: var(--sombra);
  max-width: 800px;
  margin: 20px auto;
  display:flex;
  justify-content: center
}

.filtro-titulo {
  color: var(--color-secundario);
  text-align: center;
  margin-bottom: 15px;
  font-size: 1.1rem;
}

.filtro-form {
  display: flex;
  align-items: center;
  gap: 15px;
}

.filtro-grupo {
  display: flex;
  align-items: center;
}

.busqueda-prioridad {
 display: flex;
  align-items: center;
  gap: 10px;
  flex: 2;
}

.input-busqueda {
  display: flex;
  align-items: center;
  flex: 0.7;
}

.filtro-grupo input[type="text"],
.filtro-grupo select {
  height: 32px;
  padding: 4px 8px;
  border: 1px solid var(--color-borde);
  border-radius: var(--radio-borde);
  font-size: 14px;
}

.filtro-grupo input[type="text"] {
  flex: 1;
}

.filtro-grupo select {
  width: 120px;
}

.btn-buscar {
  background-color: var(--color-primario);
  border: none;
  border-radius: var(--radio-borde);
  padding: 4px 8px;
  cursor: pointer;
  margin-left: 5px;
  height: 32px;
}

.btn-buscar img {
  width: 16px;
  height: 16px;
}

.radio-grupo {
  display: flex;
  justify-content: left;
  gap: 10px;
  
}
.radio-grupo span {
  white-space: nowrap;
  font-size: 19px
}
.radio-prioridad {
  display: flex;
  align-items: center;
  gap: 15px;
}
.radio-grupo label {
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
  font-size: 16px;
  padding: 4px
}

.btn-aplicar {
  background-color:#3498db;
  color: white;
  border: none;
  border-radius: var(--radio-borde);
  padding: 6px 12px;
  cursor: pointer;
  font-size: 14px;
  transition: background-color 0.3s ease;
  height: 32px;
}

.btn-aplicar:hover {
  background-color: #2980b9;
}

@media (max-width: 768px) {
  .filtro-form {
    flex-direction: column;
    align-items: stretch;
  }

  .busqueda-prioridad {
    flex-direction: column;
    gap: 10px;
  }

  .filtro-grupo {
    width: 100%;
  }

  .radio-grupo {
    justify-content: space-between;
  }
}


/*//################Gustavo Salerno FIN########################*/
#monedaSe{
    text-align: center;
}
#contizacion{
    text-align: center;
}

/*//################Gustavo Salerno INICIO########################*/
/*ESTILOS DE LOS ICONOS DE LAS TABLAS*/
/* Asegurar que el <td> mantenga su estructura */
[id^="tdid_"][id$="_Acción"] {
  text-align: center; /* Centra el contenido */
  vertical-align: middle; /* Asegura alineación vertical */
  padding: 5px;
}

/* Aplica estilo a todas las imágenes dentro de los td con la estructura específica */
[id^="tdid_"][id$="_Acción"] img {
  display: inline-flex; /* Permite alineación flexible */
  align-items: center;  /* Centra verticalmente */
  margin: 0 5px; /* Espacio entre los íconos */
}
[id^="tdid_"][id$="_mercado_pago"] {
  font-size: 15px
}



/*//################Gustavo Salerno FIN########################*/

/*//################Gustavo Salerno INICIO########################*/

.paglnk {
    cursor: pointer;
    font-weight: bold;
    font-size: 14px;
    font-family: Tahoma, Verdana, Arial, sans-serif;
    color: #ffffff;
    background-color: #3498db; /* Azul moderno */
    padding: 10px 14px;
    border-radius: 6px;
    text-decoration: none;
    transition: background 0.3s ease, transform 0.2s ease;
    display: inline-block;
    margin: 3px;
    border: none;
}

.paglnk:hover {
    background-color: #217dbb; /* Azul más oscuro en hover */
    transform: scale(1.1);
}

/* Número de página activa */
.spanpag {
    background-color: #eeeeee;
    color: #333;
    font-weight: bold;
    padding: 10px 14px;
    border-radius: 6px;
    font-size: 14px;
    /*display: inline-block;*/
    display: none;
    margin: 3px;
}

/* Estilo general para la paginación */
.pag {
    font-size: 14px;
    font-family: Tahoma, Verdana, Arial, sans-serif;
    color: #2c3e50;
    padding: 8px 12px;
    border-radius: 6px;
    margin: 3px;
}

/* Ocultar números intermedios y reemplazarlos por "..." */
.pag:nth-child(n+4):nth-last-child(n+4) {
    display: none;
}

.pag:first-child,
.pag:last-child {
    display: inline-block;
}
/*//################Gustavo Salerno FIN########################*/
/*//################ROBERTO GIMENEZ########################*/
/*.paglnk {
    cursor: pointer;
    font-weight:bold;
    font-size:8pt;
    font-family:tahoma, verdana, arial;
}
.spanpag {
    background-color:#eeeeee;
    width:580px;
    font-family:tahoma, verdana, arial;
    font-weight:normal;
    padding-left:3px;
    padding-right: 3px;
}
.pag {
    font-size:8pt;
    font-family:tahoma, verdana, arial;
}*/
/*//#####################################################*/
/* Estilos de Formularios Modernizados */
.chk {
    color: #555; /* Color más suave */
    font-size: 12px; /* Tamaño de fuente más legible */
    border: 0;
    padding: 8px;
    margin: 5px 0;
    cursor: pointer;
   margin-left: 15px
}

.input, .inputs, .inputw, .inputvw, .inputm, .inputd, .inputxt, .inputxtw, .inputro, .inputchk, .sele, .radio {
   
    font-family: 'Segoe UI', Tahoma, Verdana, sans-serif; /* Fuente moderna */
    font-size: 14px; /* Tamaño de fuente más grande */
    color: #333; /* Color de texto más oscuro */
    border: 1px solid #ccc; /* Borde más suave */
    border-radius: 6px; /* Bordes redondeados */
    padding: 10px; /* Espaciado interno más generoso */
    margin-top: 5px; /* Espaciado entre campos */
    margin-bottom: 5px; /* Espaciado entre campos */
    background-color: #fff; /* Fondo blanco */
    transition: border-color 0.3s ease, box-shadow 0.3s ease; /* Transiciones suaves */
}

.input:focus, .inputs:focus, .inputw:focus, .inputvw:focus, .inputm:focus, .inputd:focus, .inputxt:focus, .inputxtw:focus, .sele:focus, .radio:focus {
    border-color: #007bff; /* Color de borde al enfocar */
    box-shadow: 0 0 8px rgba(0, 123, 255, 0.2); /* Sombra suave al enfocar */
    outline: none; /* Elimina el contorno predeterminado */
}

.input {
    width: 150px; /* Ancho ligeramente mayor */
}

.inputs {
    width: 50px; /* Ancho más generoso */
}

.inputw {
    width: 260px; /* Ancho ajustado */
}

.inputvw {
    width: 520px; /* Ancho ajustado */
}

.inputm {
    width: 70px; /* Ancho más generoso */
}

.inputd {
    width: 100px; /* Ancho más generoso */
}

.inputro {
    background-color: #f9f9f9; /* Fondo gris claro */
    color: #666; /* Color de texto más suave */
    cursor: not-allowed; /* Cursor de no permitido */
}

.inputxt, .inputxtw {
    height: auto; /* Altura automática */
    resize: vertical; /* Permite redimensionar verticalmente */
}

.inputxt {
    width: 260px; /* Ancho ajustado */
}

.inputxtw {
    width: 520px; /* Ancho ajustado */
}

.button {
    border: 1px solid #007bff; /* Borde azul */
    font-size: 14px; /* Tamaño de fuente más grande */
    color: #fff; /* Texto blanco */
    background-color: #007bff; /* Fondo azul */
    padding: 10px 20px; /* Espaciado interno */
    border-radius: 6px; /* Bordes redondeados */
    cursor: pointer; /* Cursor de puntero */
    transition: background-color 0.3s ease, border-color 0.3s ease; /* Transiciones suaves */
}

.button:hover {
    background-color: #0056b3; /* Color de fondo al pasar el mouse */
    border-color: #0056b3; /* Color de borde al pasar el mouse */
}

.sele {
    font-weight: normal; /* Peso de fuente normal */
    color: #333; /* Color de texto más oscuro */
    border-color: #ccc; /* Borde más suave */
    padding: 10px; /* Espaciado interno */
    background-color: #fff; /* Fondo blanco */
    
}

.radio {
    font-weight: normal; /* Peso de fuente normal */
    color: #333; /* Color de texto más oscuro */
    border: 1px solid #ccc; /* Borde más suave */
    padding: 10px; /* Espaciado interno */
    background-color: #fff; /* Fondo blanco */
    margin-right: 10px; /* Espaciado entre radios */
    cursor: pointer; /* Cursor de puntero */
}

.radio:checked {
    background-color: #007bff; /* Fondo azul cuando está seleccionado */
    border-color: #007bff; /* Borde azul cuando está seleccionado */
}
/*#########################ROBERTO GIMENEZ INCIO #############################*/
/* Estilos de Formularios */
/*.chk {
    color:#666666;
    font-size:8pt;
    border:0px;
    padding: 1px 1px 1px 1px;
}
.input {
    width: 125px;
    font-weight:bold;
    color:#666666;
    font-size:8pt;
    border:1px solid #8080a0;
    padding: 1px 1px 1px 1px;
    height: 17px;
}
.inputs {
    width: 35px;
    font-weight:bold;
    color:#666666;
    font-size:8pt;
    border:1px solid #8080a0;
    padding: 1px 1px 1px 1px;
    height: 17px;
}
.inputchk {
    font-weight:bold;
    color:#666666;
    font-size:8pt;
    padding: 1px 1px 1px 1px;
    height: 17px;
    text-align: center;
}
.inputm {
    width: 50px;
    font-weight:bold;
    color:#666666;
    font-size:8pt;
    border:1px solid #8080a0;
    padding: 1px 1px 1px 1px;
    height: 17px;
}
.inputd {
    width: 80px;
    font-weight:bold;
    color:#666666;
    font-size:8pt;
    border:1px solid #8080a0;
    padding: 1px 1px 1px 1px;
    height: 17px;
}
.inputw {
    width: 240px;
    font-weight:bold;
    color:#666666;
    font-size:8pt;
    border:1px solid #8080a0;
    padding: 1px 1px 1px 1px;
    height: 17px;
}
.inputvw {
    width: 500px;
    font-weight:bold;
    color:#666666;
    font-size:8pt;
    border:1px solid #8080a0;
    padding: 1px 1px 1px 1px;
    height: 17px;
}
.inputro {
    color:#000000;
    font-size:9pt;
    border:0px;
    padding: 1px 1px 1px 1px;
    height: 17px;
    background-color:#eeeeee;
    font-family:tahoma, verdana, arial;
}
.inputxt {
    width: 240px;
    font-weight:bold;
    color:#666666;
    font-size:8pt;
    border:1px solid #8080a0;
    padding: 3px 3px 3px 5px;
    height: 80px;
}
.inputxtw {
    width: 500px;
    font-weight:bold;
    color:#666666;
    font-size:8pt;
    border:1px solid #8080a0;
    padding: 3px 3px 3px 5px;
    height: 100px;
}
.button {
    BORDER: #000000 1px solid;
    FONT-SIZE: 10px;
    COLOR: #ffffff;
    FONT-FAMILY: Tahoma, Verdana, Arial;
    BACKGROUND-COLOR: #808080;
    cursor:pointer;

}
.sele {
    font-weight:bold;
    color:#666666;
    font-size:8pt;
    border-color:#666666;
    border-bottom-width: 1px;
    border-style:solid;
    padding: 1px 1px 1px 1px;
}
.radio {
    font-weight:bold;
    color:#666666;
    font-size:8pt;
    border:1px solid #8080a0;
    padding: 1px 1px 1px 1px;
    height: 20px;
}*/


/*#########################ROBERTO GIMENEZ FIN #############################*/
/* Imagenes de Accin */
.imgacc {
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center; /* Centra verticalmente */
    justify-content: center; /* Centra horizontalmente */
    width: fit-content; /* Ajusta el tamaño al contenido */
    height: fit-content; /* Ajusta el tamaño al contenido */
    padding: 5px; /* Espaciado opcional */
    margin: auto; /* Centra en su contenedor padre */
}

/* Mensajes luego de un proceso */
.error {
    font-weight:bold;
    color:#da0e51;
    font-size:8pt;
}
.msg {
    font-weight:bold;
    color:#000000;
    font-size:8pt;
}
/* Facturas */
.facdesitem{
    font-size:8pt;
    font-family:tahoma, verdana, arial;
    font-weight:normal;
}
/* Help */
.help {
    position:inherit;
    border-width: 1px;
    border-color:#000000;
    border-style:solid;
    background-color:#ff9900;
    color:#000000;
    font-size:9pt;
    text-align: left;
    padding: 3px;
    font-weight:normal;
}
#divTickets .tabla {
    border-width: 0px;
    border-color:#008000;
    border-style:solid;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}

@media only screen and (max-width: 600px) {
    .tabla {
        width: 100%;
    }

    .tabla th,
    .tabla td {
        padding: 5px;
    }

    .tabla .th,
    .tabla .td {
        font-size: 14px;
        text-align: left;
    }

    .tabla .th:first-child,
    .tabla .td:first-child {
        text-align: center;
    }
}

h3{
    text-align: center;
    margin-top: 15px;
    /* background-color: #008000; */
}

.table .table-bordered{
    margin: auto auto;
    background-color: #008000;
}



/* Comienzo de cristian */

.tablenew {
    border-collapse: separate;
    width: auto;
    /* max-width: 600px; */
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    margin: auto; /* Centrar la tabla */
    
}
.thnew, .tdnew {
    padding: 10px;
    text-align: left;
    border: 1px solid #000000;
}
.thnew {
    background-color: #f4f4f4;
    width: 30%;
}

.hiper{
    text-decoration: none;
    color: black;
}

#tablaForm, #acciona, #idCtaCte{
    display: none;
}




/* Estilos nuevos a partir del 31/01/2025*/ 
/*###########################################*/
/*###########Estilos Buscar Cliente.php##################*/
/* Estilos generales de la tabla */
/* Diseño de la tarjeta más compacta */
/*.card {
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    padding: 1rem;
}

.card-title {
    font-size: 1rem;  Reducir tamaño de texto 
    color: #333;
    font-weight: 600;
}

.form-label {
    font-size: 0.9rem;  Reducir tamaño de texto 
    font-weight: 500;
    color: #555;
}

.form-control, .form-select {
    border-radius: 6px;
    padding: 0.6rem;  Reducir padding 
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.08);
}

.form-control:focus, .form-select:focus {
    border-color: #0069d9;
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}

.form-check-input {
    margin-right: 8px;  Reducir espacio entre los botones de radio 
}

.form-check-label {
    font-size: 0.9rem;  Reducir tamaño de texto 
}

img {
    max-width: 18px;  Reducir el tamaño de la imagen de búsqueda 
    transition: transform 0.3s ease;
}

img:hover {
    transform: scale(1.1);
}

button[type="submit"] {
    font-weight: 600;
    background-color: #0069d9;
    border: none;
    border-radius: 20px;
    padding: 8px 20px;  Reducir tamaño de padding 
    transition: background-color 0.3s ease;
}

button[type="submit"]:hover {
    background-color: #0056b3;
}

 Estilos para dispositivos móviles 
@media (max-width: 768px) {
    .card {
        padding: 0.8rem;
    }
}*/

/*###########################################*/

/*
.table-modern {
    width: 100%;
    border-collapse: collapse;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

.table-modern th {
    background: #3498db;
    color: white;
    padding: 10px;
    text-align: left;
}

.table-modern td {
    padding: 10px;
    border-bottom: 1px solid #ddd;
}

.table-modern tr:nth-child(even) {
    background: #f2f2f2;
}

.table-modern tr:hover {
    background: #ddd;
}*/



/*#####################################INICIO FORMULARIO USUSARIOS############################################################*/
/* CSS general para el formulario */
.form-group {
    margin-bottom: 1rem;
}

.form-label {
    font-weight: bold;
    display: block;
    margin-bottom: 0.5rem;
}

.form-control {
    width: 50%;
    padding: 0.375rem 0.75rem;
    border-radius: 0.25rem;
    border: 1px solid #ced4da;
    font-size: 1rem;
}

textarea.form-control {
    height: 400px;
}

input[type="checkbox"].form-check-input {
    margin-top: 0.3rem;
}

button.btn {
    padding: 0.5rem 1rem;
    border-radius: 0.25rem;
    border: none;
    background-color: #007bff;
    color: white;
    cursor: pointer;
}

button.btn:hover {
    background-color: #0056b3;
}

button.btn-secondary {
    background-color: #6c757d;
    color: white;
}

button.btn-secondary:hover {
    background-color: #5a6368;
}

input[type="text"], input[type="email"], input[type="password"] {
    margin-bottom: 0.5rem;
}

small.form-text.text-muted {
    font-size: 0.875rem;
    color: #6c757d;
}

/*#####################################FIN FORMULARIO USUSARIOS############################################################*/
/*###########################################*/


.table-modern {
/*    width: 100%;
    border-collapse: collapse;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);*/
}

.table-modern th {
    background: #3498db;
    color: white;
    padding: 10px;
    text-align: left;
}

.table-modern td {
    padding: 10px;
    border-bottom: 1px solid #ddd;
}

.table-modern tr:nth-child(even) {
    background: #f2f2f2;
}

.table-modern tr:hover {
    background: #ddd;
}



/*#####################################INICIO FORMULARIO USUSARIOS############################################################*/
/* CSS general para el formulario */
.form-group {
    margin-bottom: 1rem;
}

.form-label {
    font-weight: bold;
    display: block;
    margin-bottom: 0.5rem;
}

.form-control {
    width: 50%;
    padding: 0.375rem 0.75rem;
    border-radius: 0.25rem;
    border: 1px solid #ced4da;
    font-size: 1rem;
}

textarea.form-control {
    height: 100px;
}

input[type="checkbox"].form-check-input {
    margin-top: 0.3rem;
}

button.btn {
    padding: 0.5rem 1rem;
    border-radius: 0.25rem;
    border: none;
    background-color: #007bff;
    color: white;
    cursor: pointer;
}

button.btn:hover {
    background-color: #0056b3;
}

button.btn-secondary {
    background-color: #6c757d;
    color: white;
}

button.btn-secondary:hover {
    background-color: #5a6368;
}

input[type="text"], input[type="email"], input[type="password"] {
    margin-bottom: 0.5rem;
}

small.form-text.text-muted {
    font-size: 0.875rem;
    color: #6c757d;
}


/*#####################################FIN FORMULARIO USUSARIOS############################################################*/

      .inputd {
        background-color: #f7f7f7;
        border: 1px solid #dcdcdc;
        font-family: 'Arial', sans-serif;
        font-size: 16px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        transition: all 0.3s ease;
        border-radius: 8px;
    }

    .inputd:focus {
        background-color: #ffffff;
        border-color: #007bff;
        box-shadow: 0 0 8px rgba(0, 123, 255, 0.5);
    }

    .inputd:hover {
        background-color: #f0f0f0;
        border-color: #bbb;
    }


    .tdtit {
        font-weight: bold;
        color: #333;
    }

    .tddat input {
        width: 100%;
        padding: 10px;
        font-size: 16px;
        border-radius: 8px;
        box-sizing: border-box;
    }
    
    
   /*#########Inicio Formulario Facturas Gestion#########*/
/* Estilos generales de la tabla y el formulario */
/* Ajustar el tamaño del div del dialogo */
#divInstalacion {
    display: none;  /* Asegúrate de que se oculte por defecto */
    width: 100%; /* Ajusta el ancho al contenedor padre */
    max-width: 1000px; /* Ancho máximo */
    height: auto;
    padding: 20px 20px 20px 20px;
    overflow: auto; /* Evita el scroll horizontal */
    box-sizing: border-box;
    margin: 20px auto;
}

.ui-dialog {
    width: 90% !important; /* Asegura que el dialog tenga un tamaño adecuado */
    max-width: 1200px !important; /* Limita el máximo ancho del dialog */
    height: auto !important; /* Deja que el alto se ajuste al contenido */
    max-height: 100vh; /* Limita la altura máxima del dialog */
    overflow: auto ; /* Evita el scroll dentro del dialog */
}

.ui-dialog-content {
    padding: 0 !important; /* Elimina el padding por defecto */
    height: auto; /* Asegura que el contenido ocupe la altura necesaria */
}

/*.ui-dialog-titlebar {
    display: none;  Opcional: si no necesitas la barra de título 
}*/