@import url('variables.css');

.form_title {
  font-weight: bold;
  margin-top: -6px;
  margin-left: -6px;
  margin-right: -6px;
  padding: var(--spacing-medium, 12px);
  border-top-left-radius: var(--radius-small);
  border-top-right-radius: var(--radius-small);
  margin-bottom: var(--spacing-large, 12px);
  background-color: var(--color-gray-light, #dedede);
  box-shadow: 0 4px 8px var(--explorer-color-shadow);
}

.form_container {
  border: 1px solid var(--color-border, #b3b3b3);
  background-color: var(--color-background-white, #fff);
  margin-bottom: var(--spacing-medium, 12px);
  border-radius: var(--radius-small, 6px);
  padding: var(--spacing-small, 6px);
}

form {
  padding: 0;
  margin: 0;
  border: 0;
}

th, td {
  vertical-align: top;
}

table.form{
  border:0;
}

td.form_element_label{
  font-weight: bold;
  vertical-align: top;
  padding-top: 3px;
  font-size: var(--font-size-base, 1em);
}


input,select,textarea{
  background-color: var(--color-background-white, #fff);
  border: 1px solid var(--color-border, #b3b3b3);
  border-radius: var(--radius-small, 6px);
  padding: 2px var(--spacing-small, 6px);
  width:100%;             /* grow to fill but never exceed the cell   */
  max-width:100%;         /* stop user-resize from overflowing         */
  box-sizing:border-box;  /* include padding & border in the 100 %     */
}

input:focus, select:focus, textarea:focus {
  background-color: var(--color-message-warning, #FFFEF8);
}