.example-container {
  text-align: center;
}

.form-container {
  width: 100%;
  /*height: 600px;*/
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}

.form-field {
  display: flex;
  flex-direction: column;
}

.request-form {
  border: 1px dotted silver;
  padding: 10px;
  background: #F7F7F7;
}

.previous-next-button {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  flex-wrap: wrap;
}

.next-button {
  display: flex;
  justify-content: flex-end;
}

.admin-buttons {
  display: flex;
  justify-content: flex-end;
}

.save-button {
  margin-left: auto;
}

.close-button {
  float: right;
  top: -24px;
  right: -24px;
}

.close-icon {
  transition: 1s ease-in-out;
}

.close-icon:hover {
  transform: rotate(180deg);
}

::ng-deep .icon-outside .close-button {
  float: right;
  top: -52px;
  right: -52px;
}

::ng-deep .icon-outside .mat-dialog-container {
  overflow: unset;
}

input[readonly] {
  color: black;
}

.request-form-icon {
  width: 5%;
}