.cform {
  position: relative;
  display: flex;
  gap: 10px;

  flex-direction: column;

  width: 100%;
}

.cform-groups {
  position: relative;
  display: flex;
  gap: 10px;

  flex-direction: row;
  flex-wrap: wrap;

  width: 100%;
}

.cform .cform-col {
  position: relative;
  display: flex;
  flex: 1;

  flex-direction: column;

  width: 100%;
  min-width: calc(50% - (10px));
}

.cform .cform-inputgroup {
  position: relative;
  display: flex;

  flex-direction: column;

  width: 100%;

  margin-bottom: 20px;
}

.cform .cform-label {
  margin-bottom: 5px;

  font-weight: 600;
  font-size: 14px;

  color: rgba(0, 0, 0, 1);
}

.cform .cform-input {
  position: relative;

  border: 0;
  padding: 0;
  margin: 0;
  outline: 0;

  width: 100%;
  height: 40px;

  padding: 0 20px;

  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}
.cform .cform-input:focus {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
}
.cform .cform-inputgroup.has_error .cform-input {
  border-color: rgba(180, 0, 0, 1);
}

.cform .cform-input-error {
  position: relative;
  display: none;

  margin-top: 5px;

  font-weight: 600;
  font-size: 12px;

  color: rgba(180, 0, 0, 1);
}
.cform .cform-inputgroup.has_error .cform-input-error {
  display: flex;
}

.cform .cform-buttons {
  position: relative;
  display: flex;
  gap: 10px;

  justify-content: flex-end;

  flex-direction: row;

  width: 100%;
}

.cform .cform-button {
  appearance: none;
  border: 0;
  padding: 0;

  cursor: pointer;

  position: relative;
  display: flex;
  gap: 10px;

  align-items: center;
  justify-content: flex-start;

  flex-direction: row;

  padding: 10px 20px;

  border-radius: 4px;

  font-weight: 600;
  font-size: 12px;

  color: white;
  background: rgb(35, 150, 245, 1);

  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
.cform .cform-button span {
  margin-top: 3px;
}

.cform .cform-button, .cform .cform-button.primary {
  color: white;
  background: rgb(35, 150, 245, 1);
}
.cform .cform-button.success {
  color: white;
  background: rgb(50, 195, 60, 1);
}
.cform .cform-button.danger {
  color: white;
  background: rgb(220, 50, 50, 1);
}