/* Ancho por defecto 60% (PC) */
.modal-dialog {
  width: 60%;
  max-width: 100%;
}

/* En pantallas pequeñas (móviles) hacer ancho 100% */
@media (max-width: 767px) {
  .modal-dialog {
    width: 100% !important;
    margin: 0; /* Quitar márgenes para que ocupe todo el ancho */
  }
}
.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; /* para mejor scroll en iOS */
}
.oculto{
	display: none;
}
.puntero{
	cursor: pointer;
}
.textocentrado{
	text-align: center;
}
.textoizquierda{
	text-align: left;
}
.textoderecha{
	text-align: right;
}

th{
	/*background-color: #3c8dbc;*/
	background-color: #3c8dbc;
	   color: #fff;
  }
  
  .puntero{
	cursor: pointer;
  }
  
  .FielColor {
	  border: 2px solid #BF0D0D;
  }
  
  .Fields {
	  border: 2px solid #BF0D0D;
  }