/* Estilo do modal */
.modal {
  display: none; /* Ocultar o modal por padrão */
  position: fixed; /* Posicionar o modal de forma fixa */
  z-index: 0; /* Colocar o modal acima do fundo */
  left: 50%; /* Centralizar horizontalmente */
  top: 50%; /* Centralizar verticalmente */
  transform: translate(-50%, -50%); /* Ajuste para centralização */
  width: 80%; /* Definir a largura do modal */
  max-width: 600px; /* Limitar a largura máxima */
  background-color: white; /* Cor de fundo branca */
  border: 1px solid #888; /* Borda */
  padding: 10px; /* Espaçamento interno */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Sombra */
}
.modal_ignition_table {
  display: none; /* Ocultar o modal por padrão */
  position: fixed; /* Ficar posicionado fixo na janela */
  z-index: 0; /* Colocar o modal em cima de tudo */
  left: 0;
  top: 0;
  width: 100%; /* Largura total */
  height: 100%; /* Altura total */
  overflow: auto; /* Habilitar rolagem */
  background-color: rgba(0, 0, 0, 0.4); /* Cor de fundo semi-transparente */
  font-size: 12px;
}
.modal_injection_table {
  display: none; /* Ocultar o modal por padrão */
  position: fixed; /* Ficar posicionado fixo na janela */
  z-index: 0; /* Colocar o modal em cima de tudo */
  left: 0;
  top: 0;
  width: 100%; /* Largura total */
  height: 100%; /* Altura total */
  overflow: auto; /* Habilitar rolagem */
  background-color: rgba(0, 0, 0, 0.4); /* Cor de fundo semi-transparente */
  font-size: 12px;
}
.modal_injection_settings {
  display: none; /* Ocultar o modal por padrão */
  position: fixed; /* Ficar posicionado fixo na janela */
  z-index: 1; /* Colocar o modal em cima de tudo */
  left: 0;
  top: 0;
  width: 100%; /* Largura total */
  height: 100%; /* Altura total */
  overflow: auto; /* Habilitar rolagem */
  background-color: rgba(0, 0, 0, 0.4); /* Cor de fundo semi-transparente */
  font-size: 12px;
}
.modal_injector_settings {
  display: none; /* Ocultar o modal por padrão */
  position: fixed; /* Ficar posicionado fixo na janela */
  z-index: 1; /* Colocar o modal em cima de tudo */
  left: 0;
  top: 0;
  width: 100%; /* Largura total */
  height: 100%; /* Altura total */
  overflow: auto; /* Habilitar rolagem */
  background-color: rgba(0, 0, 0, 0.4); /* Cor de fundo semi-transparente */
  font-size: 12px;
}
.modal_trigger_pattern {
  display: none; /* Ocultar o modal por padrão */
  position: fixed; /* Ficar posicionado fixo na janela */
  z-index: 1; /* Colocar o modal em cima de tudo */
  left: 0;
  top: 0;
  width: 100%; /* Largura total */
  height: 100%; /* Altura total */
  overflow: auto; /* Habilitar rolagem */
  background-color: rgba(0, 0, 0, 0.4); /* Cor de fundo semi-transparente */
}
#roda_dentada {
  border: 1px solid black;

}
.modal_spark_settings {
  display: none; /* Ocultar o modal por padrão */
  position: fixed; /* Ficar posicionado fixo na janela */
  z-index: 1; /* Colocar o modal em cima de tudo */
  left: 0;
  top: 0;
  width: 100%; /* Largura total */
  height: 100%; /* Altura total */
  overflow: auto; /* Habilitar rolagem */
  background-color: rgba(0, 0, 0, 0.4); /* Cor de fundo semi-transparente */
}

.modal_dwell_settings {
  display: none; /* Ocultar o modal por padrão */
  position: fixed; /* Ficar posicionado fixo na janela */
  z-index: 1; /* Colocar o modal em cima de tudo */
  left: 0;
  top: 0;
  width: 100%; /* Largura total */
  height: 100%; /* Altura total */
  overflow: auto; /* Habilitar rolagem */
  background-color: rgba(0, 0, 0, 0.4); /* Cor de fundo semi-transparente */
}

.modal_cold_advance {
  display: none; /* Ocultar o modal por padrão */
  position: fixed; /* Ficar posicionado fixo na janela */
  z-index: 1; /* Colocar o modal em cima de tudo */
  left: 0;
  top: 0;
  width: 100%; /* Largura total */
  height: 100%; /* Altura total */
  overflow: auto; /* Habilitar rolagem */
  background-color: rgba(0, 0, 0, 0.4); /* Cor de fundo semi-transparente */
}

.modal_calibrate_temperature_sensors {
  display: none; /* Ocultar o modal por padrão */
  position: fixed; /* Ficar posicionado fixo na janela */
  z-index: 1; /* Colocar o modal em cima de tudo */
  left: 0;
  top: 0;
  width: 100%; /* Largura total */
  height: 100%; /* Altura total */
  overflow: auto; /* Habilitar rolagem */
  background-color: rgba(0, 0, 0, 0.4); /* Cor de fundo semi-transparente */
}
.modal_protection {
  display: none; /* Ocultar o modal por padrão */
  position: fixed; /* Ficar posicionado fixo na janela */
  z-index: 1; /* Colocar o modal em cima de tudo */
  left: 0;
  top: 0;
  width: 100%; /* Largura total */
  height: 100%; /* Altura total */
  overflow: auto; /* Habilitar rolagem */
  background-color: rgba(0, 0, 0, 0.4); /* Cor de fundo semi-transparente */
}
.modal_acceleration_enrichment_settings {
  display: none; /* Ocultar o modal por padrão */
  position: fixed; /* Ficar posicionado fixo na janela */
  z-index: 1; /* Colocar o modal em cima de tudo */
  left: 0;
  top: 0;
  width: 100%; /* Largura total */
  height: 100%; /* Altura total */
  overflow: auto; /* Habilitar rolagem */
  background-color: rgba(0, 0, 0, 0.4); /* Cor de fundo semi-transparente */
}
.modal_calibrate_tps_sensor {
  display: none; /* Ocultar o modal por padrão */
  position: fixed; /* Ficar posicionado fixo na janela */
  z-index: 1; /* Colocar o modal em cima de tudo */
  left: 0;
  top: 0;
  width: 100%; /* Largura total */
  height: 100%; /* Altura total */
  overflow: auto; /* Habilitar rolagem */
  background-color: rgba(0, 0, 0, 0.4); /* Cor de fundo semi-transparente */
}
.modal_calibrate_map_sensor {
  display: none; /* Ocultar o modal por padrão */
  position: fixed; /* Ficar posicionado fixo na janela */
  z-index: 1; /* Colocar o modal em cima de tudo */
  left: 0;
  top: 0;
  width: 100%; /* Largura total */
  height: 100%; /* Altura total */
  overflow: auto; /* Habilitar rolagem */
  background-color: rgba(0, 0, 0, 0.4); /* Cor de fundo semi-transparente */
}
/* Estilo do conteúdo do modal */
.modal-content {
  background-color: #fefefe; /* Cor de fundo do modal */
  margin: 1% auto; /* Centralizar o modal verticalmente e deixar uma margem superior e inferior */
  padding: 20px;
  border: 1px solid #888;
  
  max-height: 100%; /* Definir uma altura máxima para o conteúdo */
  overflow-y: auto; /* Habilitar a rolagem vertical apenas no conteúdo */
  max-width: 90%; /* Definir uma largura máxima para o conteúdo */
}

/* Estilo do botão de fechar */
.close {
  color: #aaa;
  float: right;
  font-size: 40px;
  font-weight: bold;
  border: 1px solid #888;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.modal-header {
  cursor: move;
  padding: 10px;
  background-color: #f1f1f1;
  border-bottom: 1px solid #888;
}

/* Estilo do fundo semi-transparente */
.modal-background {
  position: fixed;
  z-index: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  display: none;
}