.inner-navigator-panel {
  position: absolute;
  left: 120px;
  height: calc(100% - 60px);
  width: calc(100% - 120px);
  min-width: 640px;
  padding: 25px;
  display: flex;
  flex-direction: column;
}
.inner-navigator-panel .inner-navigator-header-div {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.inner-navigator-panel .inner-navigator-header-div #inner-navigator-header-span {
  font-size: 32px;
  font-weight: bold;
}

.modal-panel {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 5;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.modal-panel .modal-content {
  background: white;
  max-height: 80%;
  max-width: 80%;
  width: 440px;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
}
.modal-panel .modal-content .modal-header {
  background-color: #1b8724;
  border-radius: 5px 5px 0 0;
  padding: 5px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.modal-panel .modal-content .modal-header .modal-header-span-div {
  flex-grow: 1;
  width: 80%;
}
.modal-panel .modal-content .modal-header .modal-header-span-div .modal-header-span {
  font-size: 32px;
}
.modal-panel .modal-content .modal-header .modal-header-close-div {
  height: 40px;
  width: 40px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.modal-panel .modal-content .modal-header .modal-header-close-div .modal-header-close-i {
  position: unset;
  cursor: pointer;
}
.modal-panel .modal-content .modal-header .modal-header-close-div .modal-header-close-i:hover {
  color: gray;
}
.modal-panel .modal-content .modal-body {
  flex-grow: 1;
  height: 80%;
  border-top: 2px solid black;
  display: flex;
  flex-direction: column;
  padding: 25px 20px 25px 20px;
}
.modal-panel .modal-content .modal-body .modal-input-text-div {
  padding: 5px;
  display: flex;
  flex-direction: column;
}
.modal-panel .modal-content .modal-body .modal-input-text-div .modal-input-text-span-div {
  margin-bottom: 5px;
}
.modal-panel .modal-content .modal-body .modal-input-text-div .modal-input-text-input {
  width: 100%;
}
.modal-panel .modal-content .modal-body .modal-input-check-div {
  padding: 5px;
}
.modal-panel .modal-content .modal-body .modal-text-div {
  padding: 5px;
  display: flex;
  flex-direction: row;
}
.modal-panel .modal-content .modal-footer {
  border-top: 2px solid black;
  padding: 5px;
  border-radius: 0 0 5px 5px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.modal-panel .modal-content .modal-footer .modal-footer-button-div {
  width: 180px;
  padding: 5px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

/*# sourceMappingURL=panel.css.map */
