:host {
  @apply flex flex-col box-border;
}

.card {
  @apply flex flex-col rounded-md items-stretch h-full bg-white pb-3 mb-3;
}

.header {
  @apply flex flex-col bg-white mx-10 mt-5 mb-5;
}

.order-category-dummy {
  @apply flex flex-row items-center mt-5 ml-0;
}

.order-category {
  @apply flex flex-row items-center mt-5;

  .icon {
    @apply mr-4 text-ucla-blue;
  }
}

.row {
  @apply flex flex-row my-1 w-full;
}

.justify {
  @apply justify-between;
}

.col {
  @apply flex flex-col;

  &.left {
    width: 62%;
  }

  &.right {
    width: 38%;
  }
}

.title {
  @apply text-page-heading font-bold justify-between mb-2;
}

.label {
  width: 150px;
}

.bold {
  @apply font-bold;
}

.right {
  @apply text-right;
}

.order-category {
  @apply mx-10;

  h2 {
    @apply text-card-sub;
  }
}

.orders {
  @apply bg-white overflow-y-scroll;
  height: calc(100vh - 470px);
}

.line {
  @apply bg-customer h-px-2;
}

h2 {
  @apply font-bold;
}
