form .required::after {
  content: " *";
}
.add-button {
  margin: 1rem 0 1.5rem 0;
}

.remove-button {
    background-color: transparent;
    background-image: url("../../../img/recyclebin.svg");
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    width: 1.8rem;
    height: 2.1rem;
    margin: 0.3rem 0 0.3rem 0;
}

.button-all-unset {
  all: unset;
}

.up-button {
  background-color: transparent;
  border: none;
  color: rgba(0, 75, 100, 1) !important;
  width: 45%;
  font-size: 1.25rem;
  margin: 0;
  padding: 0;
}

.down-button {
  background-color: transparent;
  border: none;
  color: rgba(0, 75, 100, 1) !important;
  width: 45%;
  font-size: 1.25rem;
  margin: 0;
  padding: 0;
}

.copy-button {
  background-color: transparent;
  border: none;
  width: 100%;
  font-size: 1.75rem;
  color: #004b64 !important;
}

.copy-row-button {
  background-color: transparent;
  border: none;
  width: 100%;
  color: #004b64 !important;
}

.edit-button {
  background-color: transparent;
  border: none;
  color: rgba(0, 75, 100, 1) !important;
  width: 100%;
  font-size: 1.75rem;
}

.upload-button.big {
    background-image: url("../../../img/upload.svg");
    background-repeat: no-repeat;
    background-position-x: 1rem;
    background-position-y: 0.3rem;
    background-color: white;
    padding-left: 2rem;
    margin: 1rem 0 1rem 0;
}

.download-button.big {
    background-image: url("../../../img/download.png");
    background-size: auto 75%;
    background-repeat: no-repeat;
    background-color: white;
    background-position-x: 1rem;
    background-position-y: center;
    background-attachment: unset;
    padding-left: 2rem;
    margin: 1rem 0 1rem 0;
}

.annex-button {
    text-decoration: none !important;
    color: inherit !important;
    display: flex;
    width: 13rem;
    justify-content: center;
    align-items: center;
    background-image: url("../../../img/pdf.png");
    background-repeat: no-repeat;
    background-position-x: 1rem;
    background-position-y: 0.3rem;
    background-color: white;
    padding-left: 3.5rem;
    padding-right: 1em;
}

.info-button {
    background-color: white;
    background-image: url("../../../img/info.svg");
    border: none;
    width: 1.875rem;
    height: 1.875rem;
    border-radius: 50%;
    margin-right: 1rem;
}

td > .info-button {
  margin: auto !important;
}

.link-button {
  text-decoration: none !important;
  color: inherit !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

.form-section,
section {
  position: relative;
  padding: 1rem;
  margin: 4rem 1rem 1rem 1rem;
  border: var(--panel-border);
  color: var(--panel-color);
  background-color: var(--panel-bgcolor);
}
.form-section legend,
.form-section h2,
section legend,
section h2 {
  position: absolute;
  top: -2.5rem;
  left: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

form:not(.table-search-form):not(.table-select-form) {
  text-align: left;
}
form:not(.table-search-form):not(.table-select-form) > div #explanation-text {
  border: none;
  background-color: transparent;
  padding: 0;
  margin-top: 1rem;
  font-size: var(--font-size-body-larger);
}
form:not(.table-search-form):not(.table-select-form) .date {
  max-width: 10rem;
}
form:not(.table-search-form):not(.table-select-form) .specification-text {
  width: 25rem;
}
form:not(.table-search-form):not(.table-select-form) textarea {
  width: 100%;
  margin-bottom: 1rem;
  height: 5rem;
  box-sizing: border-box;
  display: block;
}
form:not(.table-search-form):not(.table-select-form) .textarea-narrow {
  width: 50% !important;
}
form:not(.table-search-form):not(.table-select-form) .textarea-label {
  width: 50%;
  box-sizing: border-box;
}
form:not(.table-search-form):not(.table-select-form) .radio-item {
  margin-right: 1rem;
}
form:not(.table-search-form):not(.table-select-form) .radio-item.vertical {
  display: block;
}
form:not(.table-search-form):not(.table-select-form) input[type="checkbox"] {
  width: 1rem;
}
form:not(.table-search-form):not(.table-select-form)
  input[type="checkbox"]:not(.ignore-height) {
  height: 2rem;
}
form:not(.table-search-form):not(.table-select-form)
  input[type="checkbox"]:not(.ignore-margins) {
  position: relative;
  top: 0.666rem;
  margin-right: 0.5rem;
}
form:not(.table-search-form):not(.table-select-form)
  .validation-summary-errors {
  font-weight: normal;
  display: block;
}
form:not(.table-search-form):not(.table-select-form) .field-validation-error {
  color: var(--error-color);
  font-weight: bold;
  display: block;
}
form:not(.table-search-form):not(.table-select-form) .field-validation-warning {
  color: var(--warning-color);
  font-weight: bold;
  display: block;
}
form:not(.table-search-form):not(.table-select-form) .validation-summary-valid {
  display: none;
}
form:not(.table-search-form):not(.table-select-form) .action-buttons {
  margin: 1rem 0;
}
form:not(.table-search-form):not(.table-select-form) .hidden {
  display: none;
}
form:not(.table-search-form):not(.table-select-form) .wide-button {
  width: 22rem;
}
form:not(.table-search-form):not(.table-select-form) .input-validation-error {
  border: var(--error-border) !important;
}
form:not(.table-search-form):not(.table-select-form)
  .input-validation-error[type="radio"] {
  outline: var(--error-border);
}
form:not(.table-search-form):not(.table-select-form) .input-validation-warning {
  border: var(--warning-border) !important;
}

.table-select-form {
  text-align: left;
  margin-top: 0.5rem;
}

.table-search-form {
  display: grid;
  grid-template-columns: repeat(
    6,
    minmax(8rem, 1fr)
  ); /* six columns, fill the cells */
  align-items: end;
  grid-gap: 0.8rem;
}
.table-search-form select {
  width: 100%;
  display: block;
}
.table-search-form label,
.table-search-form .label-like {
  display: block;
  margin: 0;
}
.table-search-form input {
  width: 100%;
  display: block;
}
.table-search-form #search-button {
  min-width: 8rem;
}
.officer-wastereport-table-search-form {
  display: grid;
  grid-template-columns: repeat(5, minmax(8rem, 1fr));
  align-items: end;
}

.select2-container .select2-selection--single {
  height: 2.7rem !important;
  border-color: var(--font-color-body) !important;
  padding-top: 0.33rem;
  font-weight: normal;
}

.select2-selection__arrow {
  height: 2.7rem !important;
}

.left-indent {
  margin-left: 1rem;
}

.bold {
  font-weight: bold;
}

.template-form-text {
  width: 8em;
  padding: 0;
}

.template-form-input {
  padding: 0;
}

.template-too-big {
  color: crimson;
}

.modal-content label {
  display: block;
  margin-top: 0.6rem;
}
.modal-content fieldset div label {
  margin-top: 0.6rem;
}
.modal-content fieldset legend {
  padding-top: 2rem;
  font-size: var(--font-size-body-larger);
  font-weight: bold;
}
.modal-content input:not([type="checkbox"]):not([type="radio"]) {
  width: 100%;
}

.add-new-company-button {
  margin-top: 0.5rem;
  margin-bottom: 1.5rem;
  width: 13rem;
}

#refresh-page-button {
  display: none !important;
  visibility: hidden !important;
}
