html {
  height: 100%;
  margin: 0;
}
.body {
  margin: 0;
  height: 100%;
}
.content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.section-header {
  margin-left: 2em;
  align-self: flex-start;
  margin-bottom: 1em;
}
hr {
  width: 100%;
}
.label {
}
.visually-hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

/* INPUTS */
.input {
  justify-self: center;
}
.input--money {
  width: 60%;
}

/* TEXT */
.text {
  margin: 0px;
}
.text--interactive:hover {
  cursor: pointer;
}
.text--page-header {
  align-self: flex-start;
  margin-left: 5%;
}
.underlinedText {
  text-decoration: underline;
  font-weight: 500;
}

/* BUTTONS */
.button {
  height: 2em;
  border-radius: 5px;
  border: solid 1px;
}
.button:hover {
  cursor: pointer;
  border-color: #a51e23;
}
.deleteBtn {
  border: solid 1px;
  border-radius: 5px;
  background-color: aliceblue;
}
.deleteBtn:hover {
  border: solid 1px;
  border-radius: 5px;
  border-color: red;

  cursor: pointer;
}
.deleteBtn {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* INDEX */
.req-list {
  width: 90%;
}
/* .req-list-item__link-wrapper {
  text-decoration: none;
  color: black;
}
.req-list-item__link-wrapper:hover {
  text-decoration: none;
  color: #a51e23;
} */
.req-list-headers {
  width: 90%;

  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.req-list-headers__text {
  text-align: center;

  color: #a51e23;
}
#indexHeaderDiv {
  display: flex;
  justify-content: space-between;
  align-items: center;

  width: 100%;
}

#indexHeaderDiv > select {
  width: 20%;
}

.sectionHeader {
  align-self: flex-start;
  margin-left: 5%;
}
.index-item {
  border: solid 1px;
  border-color: black;
  text-decoration: none;
  background-color: #d1d2d4;
  border-radius: 5px;

  height: 3em;

  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;

  margin-bottom: 0.5em;
}
.index-item:hover {
  border-color: #a51e23;
}

.index-item__text {
  margin: 0px;
  text-align: center;
  align-self: center;

  text-decoration: none;
  color: black;
}

/* DETAIL  */
.req-items-table {
  width: 95%;
}

.req-items-table__row {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
}
.req-items-table__row--header {
  background-color: #ddebf7;
  border: solid 1px;
}
.req-items-table__row-cell {
  border: solid 1px;

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

  min-height: 2em;
}
.req-items-table__text {
  margin: 0;
}
.req-items-table__text--old-price {
  color: darkgrey;
}
.req-items-table__text--new-price {
  color: darkgrey;
}
.req-items-table__text--total {
  font-weight: 600;
}
.req-items-table__text--header {
  margin: 0;
  text-align: center;
  font-weight: 500;
}
.detail-lineItemsTableRows {
  height: 100%;
}
.detail-lineItemsTableRows > p {
  margin: 0;
  text-align: center;
  align-self: center;
  justify-self: center;

  border: solid 1px;

  height: 100%;
  width: 100%;
}
.detail-third-block {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: 1em;

  width: 95%;
}

#detail-approvalDiv {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: 1em;
}

#detail-approvalDiv-leftSide {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#detail-approvalDiv-leftSide > table > thead {
  background-color: #ddebf7;
}

#detail-approvalDiv-leftSide > table > thead > tr > th {
  border: solid 1px;
  font-size: small;
}

#detail-approvalDiv-leftSide > table > tbody > tr > td {
  border: solid 1px;
  font-size: small;
}

#detail-approvalDiv-rightSide {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#detail-approvalDiv-rightSide > table > thead {
  background-color: #ddebf7;
}

#detail-approvalDiv-rightSide > table > thead > tr > th {
  border: solid 1px;
  font-size: small;
}

#detail-approvalDiv-rightSide > table > tbody > tr > td {
  border: solid 1px;
  font-size: small;
}

.detail-purchasing-block {
  width: 95%;
}
#approvalsPlaceholder {
  width: 100%;
  height: 100%;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#purchUseOnlyDiv {
  background-color: #fce4d6;
  border: solid 1px;

  display: flex;
  justify-content: center;

  margin-top: 2em;
}

#purchUseOnlyDiv > p {
  margin: 0;
  font-weight: 500;
}

#purchasingBottomDiv {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 1em;
}

#purchasingBottomDiv > p {
  text-align: center;
}

/* EDIT */
.edit-form__row-cell {
  display: flex;
  justify-content: center;
  align-items: center;

  padding-top: 0.25em;
  padding-bottom: 0.25em;
}

#vendorInput {
  width: 1fr;
}
.lineItemCell {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}
.lineItemCell > p {
  text-align: center;
}
.lineItemCell > input {
  width: 100%;
}

/* CREATE PAGE */
#createForm-requestHeader {
  margin-bottom: 2%;
}
#createForm-requestHeader > label {
  font-weight: 500;
  margin-right: 1%;
}
.createForm-lineItemsContainer-bodyRow > input {
  margin: 0;
  width: 100%;
}

.createForm-lineItemsContainer-bodyRow > p,
#createForm-lineItemsContainer-totalCostRow > p {
  margin: 0;
  text-align: center;
  justify-self: center;
}

.title {
  color: blue;
}