body {
  padding: 0;
  margin: 0;
}

body, html {
  height: 100%;
  margin: 0;
}

#map {
  height: 92vh;
  width: 100vw;
}

p {
  margin: 0;
}

.geothermal-report p {
  margin: 0 !important;
}

.geothermal-report {
  max-width: 100%;
  width: 600px; /* Adjust as needed */
  margin: 0 auto; /* Center the content */
}

#myModal {
  overflow-y: hidden;
}

.modal-header {
  cursor: move;
}

.custom-modal-title {
  margin-right: auto;
}

#myModal .modal-dialog {
  left: 2.4vw;
  margin-left: 0;
  top: 9vh;
  margin: 0;
  padding: 0;
  pointer-events: auto; 
  max-height: 80vh !important;;
  overflow-y: auto !important;;
}

.modal {
  pointer-events: none;
  animation: fadeIn 0.5s ease-out;
}

@keyframes fadeIn {
  from {
      opacity: 0;
  }
  to {
      opacity: 1;
  }
}

.modal.show {
  pointer-events: auto; 
}

.modal-backdrop {
  display: auto !important; 
}

.container {
  margin: 0 !important;
  padding: 0 !important;
  width: 100vw !important;
  box-sizing: border-box;
}

#address-bar {
  display: flex;
  height: 5vh; 
  background-color: #2D2D2D;
  padding-left: 1vw;
  padding-right: 1vw;
  padding-top: 1vh;
  padding-bottom: 1vh;
  margin: 0;
  box-sizing: border-box;
  pointer-events: auto;
}

.modal-footer {
  display: flex;
  justify-content: flex-start;
}

.modal-footer .print-btn:first-child {
  margin-right: auto;
}

#address-input {
  flex: 1;
  font-size: 2vh;
  height: 100%;
  margin-right: 1vw;
  padding: 0;
  pointer-events: auto;
}

#address-bar button {
  height: 100%;
  font-size: 2vh;
  width: 10vw;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  pointer-events: auto;
}

#branding {
  display: flex; /* New container for "GERMAG" */
  align-items: center; /* Center the content vertically */
  margin-right: 1vw;
  pointer-events: auto;
}

#branding-text {
  font-size: 2.5vh;
  color: white;
  pointer-events: auto;
}

#functions {
  display: flex;
  height: 3vh; 
  background-color: #2D2D2D;
  padding-left: 1vw;
  padding-right: 1vw;
  padding-top: 0vh;
  padding-bottom: 0.5vh;
  margin: 0;
  box-sizing: border-box;
  pointer-events: auto;
}

.Iconbutton {
  height: 100%;
  border: none;
  color: black; /* White text */
  margin: 0;
  padding: 0;
  font-size: 16px; 
  cursor: pointer;
  vertical-align: baseline;
  pointer-events: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
}

.Iconbutton:hover {
  background-color: #D8D8D8;
}

.Iconbutton img {
  width: 100%; /* Adjust the width according to your icon size */
  height: 100%; /* Adjust the height according to your icon size */
}



.Submitbutton {
  height: 100%;
  border: none;
  color: black; /* White text */
  font-size: 16px; 
  cursor: pointer;
  vertical-align: baseline;
  pointer-events: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 20px;
  margin-right: 5px;
}

.Submitbutton:hover {
  background-color: #D8D8D8;
}

.Submitbutton:disabled {
  background-color: #ccc;
  color: #666;
}

.checkbox-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
}

/* Increase the size of the checkbox */
.checkbox-container input[type="checkbox"] {
  width: 20px; /* Increase width */
  height: 20px; /* Increase height */
  cursor: pointer; /* Change cursor to pointer */
}

/* Style the label */
.checkbox-container label {
  justify-content: center;
  align-items: center;
  color: white; /* Set text color to white */
  margin-left: 10px; /* Space between checkbox and label */
  font-size: 15px; /* Increase font size */
}