.container {
  width: 1080px;
  margin: 0px auto;
  font-size: 1em;
  font-family: "Arial", Georgia, Serif;
  font-size: 15px;
  background-color: #eeeded;
  padding: 5px;
  margin-top: 5px;
  border-style: outset;
  border-color: gray;
  border-width: 10px;
}

header {
  text-align: center;
  border: 1px solid #666;
  background: #ffffff;
  padding-top: 5px;
}

section {
  background: #fafafa;
  border: 1px solid #ccc;
  margin-top: 5px;
  padding-bottom: 10px;
}

nav {

  padding-top: 15px;
}

nav a {
  margin-right: 0px;
}

nav ul {
  list-style-type: none;
  padding: 0px;
  display: table;
}

nav ul li {
  display: inline;
  float: left;
  margin-right: 10px;
  margin-left: 10px;
  margin-bottom: 10px;
}


input[type="number"] {
  padding: 3px;
}

input[type="text"] {
  padding: 3px;
}

p {
  margin-left: 10px;
  font-size: 20px;
}

#titulo {
  color: #140f50;
  font-weight: bolder;
}

h4 {
  padding: 5px;
  margin-bottom: 0px;
  margin-left: 10px;
  float: left;
}

h5 {
  padding: 5px;
  margin-bottom: 0px;
  text-align: center;
  font-size: 19pt;

}

.color-movimientos {
  background: #0258f7d0;
}

.col-text {
  color: white;
}

footer {

  width: 100%;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 10px 0px 10px 0px;
  background-color: #333;
  text-align: center;
}

footer a {
  color: #fff;
}

form {
  padding: 10px;
}

.buton {
  font-size: 15px;
  padding: 10px;
  border-radius: 5px;
  cursor: pointer;

}

.buton:hover {
  background: #ED7B35;

}

dialog {
  border: none;
  padding: 10px;
  max-width: 600px;
  position: fixed;
  inset: 0;
  background-color: #ED7B35;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);

}

.instructivo {
  padding: 0px;
  padding: 0;
}

.instructivo li {
  margin-bottom: 0;
  font-size: 14pt;
  list-style-type: none;
  padding: 0;
  float: none;
  display: block;
  color: white;

}

.formvarios {
  list-style-type: none;
  list-style-image: url(images/icon-pdf.png);
}

.formvarios li a {
  text-decoration: none;
  color: black;
  font-size: large;
}

.formvarios li a:hover {
  text-shadow: 0px 0px 5px #ED7B35;
}

.formdigital {
  list-style-type: none;

}

.formdigital li a {
  text-decoration: none;
  color: black;
  font-size: large;
}

.formdigital li a:hover {
  text-shadow: 0px 0px 5px #35ed4e;
}

tr.selected {
  background-color: yellow !important;
  /* Asegura que el color de fondo se aplique incluso con la clase "striped" */
  color: black;
  /* Ajusta el color del texto para que sea legible */
}

.selected {
  background-color: yellow !important;
  ;
  /* Color de fondo amarillo */
  color: #000000;
  /* Color de texto blanco */
  /* Otros estilos que desees aplicar */
}

.fila-seleccionada {
  background-color: yellow !important;
  ;
  /* Color de fondo amarillo */
  color: #000000;
  /* Color de texto blanco */
  /* Otros estilos que desees aplicar */
}

/* Adaptacion a dispositivos de 600 a 1024px */
@media all and (min-width:600px) and (max-width:1023px) {
  .container {
    width: auto;
  }

  nav {
    width: auto;
    height: auto;
    float: none;
  }
}

/* Adaptacion a dispositivos menos de 600px */
@media all and (max-width: 599px) {
  .container {
    width: auto;
  }

  nav {
    width: auto;
    height: auto;
    float: none;
  }
}