.text-form-container {
  display: flex;
}

.text-form-container.inline-error-container {
  flex-direction: column;
}

.text-form-inner-container {
  display: flex;
  align-items: center;
}

.text-form-inner-container .data-label {
  flex: 1;
  font-weight: bold;
}

.text-form-inner-container .text-form-input {
  width: 300px;
  margin-right: 8px;
}

.text-form-inner-container .action-icon {
  width: 30px;
  height: 30px;
  mask-size: 30px;
  -webkit-mask-size: 30px;
  mask-position: center;
  -webkit-mask-position: center;
}

.text-form-inner-container .action-icon:not(:last-child) {
  margin-right: 6px;
}

.text-form-inner-container .close-button.action-icon {
  -webkit-mask-image: url(../img/commonIcon/inline-form-close.svg);
  mask-image: url(../img/commonIcon/inline-form-close.svg);
  background-color: var(--normal-button-color);
}

.text-form-inner-container .close-button.action-icon:hover {
  background-color: var(--main-border-color);
}

.text-form-inner-container .submit-button.action-icon {
  -webkit-mask-image: url(../img/commonIcon/inline-form-confirm.svg);
  mask-image: url(../img/commonIcon/inline-form-confirm.svg);
  background-color: var(--active-app-text-color);
}

.text-form-inner-container .submit-button.action-icon:hover {
  background-color: var(--main-key-color);
}