#program_navigation {
  display: none !important;
  opacity: 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  position: fixed;
  left: -1000vw;
  top: -1000vh;
}

.program_container form,
.program_container input,
.program_container textarea,
.program_container button,
.program_container .btn,
.program_container .alert {
  font-family: "Inter", sans-serif !important;
  font-size: 1em !important;
}

.program_container .prompt {
  margin-bottom: 0.25em;
}

.program_container input,
.program_container textarea {
  border: 2px solid var(--gray-light) !important;
  border-radius: 4px !important;
  padding: 8px !important;
  margin-bottom: var(--global-padding);
  width: 100%;
  min-width: 100%;
  max-width: 100%;
}

.program_container input:focus,
.program_container textarea:focus {
  border: 2px solid var(--navy-blue-medium-light) !important;
}

.program_container textarea {
  min-height: 6em;
}

.program_container .btn {
  background-color: var(--navy-blue) !important;
  color: white !important;
  border: 0 !important;
  border-radius: 4px !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
  font-weight: bold !important;
  width: 100%;
  cursor: pointer;
}

.program_container .btn:hover {
  background-color: var(--navy-blue-medium-light) !important;
}

.program_container .btn-active {
  background-color: var(--navy-blue-dark) !important;
}

.program_container .component, .alert {
  border-radius: 4px !important;
  border: 0 !important;
  background-color: var(--navy-blue-very-light);
  padding: var(--global-padding);
  margin-bottom: var(--global-padding);
}

.program_container .alert-danger {
  background-color: #ff0058;
  color: white;
}