.gp-form {
  display: flex;
  flex-direction: column;
  margin: auto;
}

.gp-form-footer {
  padding-top: 15px;
  padding-right: 5px;
}

.gp-form-group {
  display: flex;
  align-items: center;
  width: 100%;
}
.gp-form-group .gp-form-label {
  flex: 1;
  text-align: right;
  margin-right: 10px;
  white-space: nowrap;
}
.gp-form-group .gp-form-field {
  flex: 2;
  padding: 5px;
}
.gp-form-group .gp-form-text {
  color: var(--kendo-color-subtle, #666);
}

@media (max-width: 600px) {
  .gp-form-group {
    flex-direction: column;
    align-items: stretch;
  }
  .gp-form-group .gp-form-label {
    text-align: left;
    margin-bottom: 5px;
  }
}