.error {
  color: red;
}

.dialog {
  z-index: 1000;
  border: none;
  border-radius: 4px;
  padding: 0;
}

.dialog::backdrop {
  background-color: rgba(0, 0, 0, 0.45);
}

.dialog .form-group {
    display: flex;
    align-items: center;
    margin-bottom: 1em;
    border: none;
    padding: 0;
  }

.dialog .form-group.align-top {
    align-items: flex-start;
  }

.dialog .form-control:not(label):not(button):not([type='checkbox']):not([type='radio']) {
    flex: 1;
  }

.dialog .form-group label {
    width: 30%;
    display: inline-block;
    white-space: nowrap;
  }

.dialog input.form-control[type='radio'],.dialog input.form-control[type='checkbox'] {
    vertical-align: middle;
    margin: 0 4px;
  }

.dialog select.form-control {
    max-width: 85%;
    width: 100%;
  }

.form table {
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid #bcbdbf;
  width: 100%;
  margin-bottom: 1em;
}

.form th {
  background: linear-gradient(to bottom, #d1d1d1 0%, #eaeaea 100%); /* W3C */
}

.form th,
.form td {
  padding: 2px 2px 2px 6px;
}

.form td.noExpansion {
  max-width: 1em;
  overflow: hidden;
  text-overflow: ellipsis;
}

.form th:last-child {
  width: 2em;
  padding-right: 2px;
}

.form *:disabled {
  cursor: default;
}