.header { padding: 3em 2em; background: rgb(175,156,139);
background: radial-gradient(circle, rgba(175,156,139,1) 0%, rgba(160,147,129,1) 70%, rgba(127,104,83,1) 100%); color: #fff; text-align: center;}

#exportar_todo_PDF {
    margin-bottom: 2em;
    padding: 0.5em 1em;
    background-color: #fff;
    border-color: #212529;
    color: #212529;
}

#exportar_todo_PDF:hover {
    background-color: #212529; 
    color: #fff;
}

.tr-black th { background-color:#2A2F31; color:#fff; }

 .borrar-registro {width: 50%!important;
   margin-right: 10%!important;}
   .borrar-registro i { font-size:1em; color:white; }
.ver-registro{width: 40%!important;}

.btn-receipt { width: 500px; margin:2em 15%; padding:1em 0; background-color:#fff; border-color:#212529; color:#212529;  font-size: 1.3em;}
.btn-receipt:hover { background-color:#2A2F31; color:#fff; border-color:#212529; }

.btn-submit { background-color:#2A2F31; color:#fff; border-color:#212529; }
.btn-submit:hover {  background-color:#fff; border-color:#212529; color:#212529; }

th { border:1px solid #fff; }
footer{
	padding: 3em 0;
	margin-top: 3em;
	text-align: center;
	background-color: #2A2F31;
}

footer .app_platform li{
	margin: 0 0 0 60px;
}

footer .app_platform li:first-child{
	margin: 0;
}

footer .copyright{
	margin-top: 60px;
	color: #757171;
	font-size: 14px;
	letter-spacing: .5px;
}

footer .copyright a{
	color: #565555;
}

@media (max-width: 560px) {

 .borrar-registro {width: 100%!important; margin-bottom:5px; }
.ver-registro{width: 100%!important; }

}

/* Estilos para el formulario */
form {
  display: flex;
  flex-direction: column;
  max-width: 500px;
  margin: 0 auto;
  padding: 3em 0;
}

/* Estilos para los campos de entrada */
label {
  font-size: 16px;
  margin-bottom: 5px;
}

input[type=text],
input[type=password],
input[type=date]
{
  border: none;
  background-color: #f5f5f5;
  padding: 10px;
  margin-bottom: 20px;
  border-radius: 5px;
  font-size: 16px;
}

select {
  border: none;
  background-color: #f5f5f5;
  padding: 10px;
  margin-bottom: 20px;
  border-radius: 5px;
  font-size: 16px;
}

input[type=submit] {
      background-color: #fff;
    border: 1px solid #212529;
    color: #212529;
  padding: 10px;
  border-radius: 5px;
  font-size: 16px;
  cursor: pointer;
}

input[type=submit]:hover {
      background-color: #2A2F31;
    color: #fff;
    border-color: #212529;
}

.back { font-size:1em; padding:1em 2em; width:auto; background-color:transparent; color:#fff; border-color:#FFF; position:absolute; top:105px; left:0; }

/* Estilos para los mensajes de error */
.error-message {
  color: red;
  font-size: 14px;
  margin-bottom: 10px;
}
/*Este código incluye estilos para el formulario, los campos de entrada, el botón de envío y los mensajes de error. Puedes personalizar estos estilos según tus necesidades para lograr el aspecto moderno que estás buscando.*/