.modalDialog {
  max-width: 1200px;
  /* height: 80%; */
}
.form {
  gap: 24px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.requireSignatureContainer {
  display: flex;
  gap: 10px;
  align-items: start;
}
.requireSignatureContainer label {
  padding: 0px;
  margin-top: -6px;
}
.contractTemplateContainer {
  flex: 1 1 0px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: -10px;
}
.contractTemplateFlex {
  display: flex;
  width: 100%;
}
.templateTags {
  border: 1px solid black;
  border-radius: 8px;
  padding: 10px 4px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: fit-content;
}
.templateTags button {
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  padding: 2px 0;
}
.templateTags button:hover {
  background-color: aliceblue;
}
.textAreaWrapper {
  flex: 1 1 0px;
  max-height: 400px;
  height: fit-content;
  overflow-y: auto;
  border: 1px solid rgba(102, 98, 98, 0.695);
  border-radius: 8px;
}
.textAreaWarning {
  background: rgba(222, 84, 84, 0.288);
  width: 100%;
  padding: 3px;
  font-size: 12px;
  color: rgba(188, 14, 14, 0.911);
}
.textAreaWrapper:focus-within {
  outline: 4px solid rgba(98, 172, 238, 0.866);
  outline-offset: 2px;
  transition: all;
}
.templateTextarea {
  width: 100%;
  resize: none;
  border: none;
}
.footer {
  margin-top: 10px;
  padding-top: 10px;
}
.submitButton {
  width: fit-content;
  margin: 0 auto;
}
.submitButton:disabled {
  opacity: 0.6;
}
