.user-not-logged-in.path-user .block-local-tasks-block,
.user-not-logged-in.path-user .block-system-main-block {
  margin: 0 auto;
  max-width: 500px;
}

.user-logged-in.path-user .user-form {
  width: 50vw;
  margin: 0 auto;
}

@media (max-width: 780px) {
  .user-logged-in.path-user .user-form {
    width: 80vw;
  }
}

.user-logged-in.path-user .view-commerce-user-orders table {
  color: #fff;
  /*width: 50vw;*/
  margin: 0 auto;
}

@media (max-width: 780px) {
  .user-logged-in.path-user .view-commerce-user-orders table {
    width: 100%;
  }
}

.user-logged-in.path-user .view-commerce-order-item-table table {
  color: #fff;
  border-bottom: 1px solid #57c4c1;
}

.user-logged-in.path-user .view-commerce-user-orders td.is-active {
  background-color: #333232;
}

.user-logged-in.path-user .view-commerce-user-orders tr {
  display: table-row;
  vertical-align: inherit;
  border-color: inherit;
}

.user-logged-in.path-user .view-commerce-user-orders td {
  width: 30%;
}

.user-logged-in.path-user .customer-information, .order-information {
  margin: 0 auto;
  padding-top: 10px;
}

.user-logged-in.path-user .customer-information {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  margin: 0 auto;
  padding-top: 10px;
  gap: 10px;
}

.user-logged-in.path-user .order-information {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 2em;
}

.field.field--name-completed.field--type-timestamp.field--label-above {
  width: 48%;
}

.field.field--name-placed.field--type-timestamp.field--label-above {
  width: 48%;
}

.field.field--name-order-items.field--type-entity-reference.field--label-above {
  width: 100%;
}

.field.field--name-order-items.field--type-entity-reference.field--label-above .field__items {
  display: flex;
  gap: 10px;
  flex-direction: column;
}

.field.field--name-total-price.field--type-commerce-price.field--label-hidden.field__item {
  width: 100%;
}

.field.field--name-order-items.field--type-entity-reference.field--label-above .field__items {
  display: flex;
  gap: 10px;
  flex-direction: column
}

.field.field--name-order-items.field--type-entity-reference.field--label-above .field__items {
  display: flex;
  gap: 10px;
  flex-direction: column
}

.user-not-logged-in.path-user button, .path-user [type="button"], .path-user [type="reset"], .path-user [type="submit"] {
  background-color: #32beb9 ! important;
  border-radius: 0 !important;
  color: #fff !important;
  border: 0 !important;
}

.path-user .form-control {
  border-radius: 0 ! important;
}

.ui-dialog .ui-dialog-titlebar-close {
  background-color: #fff !important;
}

.path-user ul.tabs {
  display: flex;
  justify-content: space-between;
}

.path-user ul.tabs li a:not(.is-active) {
  background-color: #414242;
  padding-bottom: 5px;
}

@media (max-width: 960px) {
  .path-user ul.tabs {
    flex-wrap: wrap;
    justify-content: start;
  }

  .path-user ul.tabs li {
    margin: 6px;
  }
}

@media (max-width: 576px) {
  .path-user ul.tabs {
    text-align: center;
    flex-direction: column;
    gap: 10px;
  }

  .path-user ul.tabs li {
    margin: 0;
  }
}