@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.bundle.scp.css';

/* /Layout/Core/NavigationList.razor.rz.scp.css */
[b-1x7iknwe2a] .nav-button button {
  font-size: calc(1.3rem + .6vw);
  font-weight: 500;
  width: 100%;
  text-align: start;
}

/* /Layout/Core/NavMenu.razor.rz.scp.css */
.navbar-default[b-1lirchxfuy]
{
  width: 100vw;
  justify-content: space-between;
  align-items: center;
  background: var( --bs-secondary-bg);
}

  .navbar-default[b-1lirchxfuy]  button
  {
    margin: .5rem;
  }

.middle-text span[b-1lirchxfuy]
{
  height: fit-content;
  width: fit-content;
  text-align: center;
  margin: 0;
  text-overflow: ellipsis;
  max-width: 50vw;
}

.middle-text[b-1lirchxfuy]
{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  max-width: 50vw;
}

.nav-container[b-1lirchxfuy]
{
  flex-basis: auto;
  flex-shrink: 0;
  flex-grow: 0;
}
/* /Layout/CustomComponents/Containers/VerkoopAppField.razor.rz.scp.css */
.vka-field-container[b-6tcxubxvx7]
{
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: baseline;
  max-width: 100vw;
}

  .vka-field-container:not(.no-title)[b-6tcxubxvx7]
  {
    justify-content: space-between;
  }

  .vka-field-container.no-title[b-6tcxubxvx7]
  {
    width: fit-content;
  }

.name-label[b-6tcxubxvx7]
{
  text-align: start;
}

.name-label:not(.no-title)[b-6tcxubxvx7]
{
  font-size: calc(1.0rem + .6vw);
  margin-top: 0;
  margin-bottom: .5rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--bs-heading-color);
}

.name-label.no-title[b-6tcxubxvx7]
{
  margin-right: 1em;
  white-space: nowrap;
}

.value-label:not(.allow-overflow)[b-6tcxubxvx7]
{
  overflow: hidden;
}

.vka-editform .name-label.no-child[b-6tcxubxvx7]
{
  grid-column: 1 / -1;
}

.vka-editform .name-label:not(.no-child)[b-6tcxubxvx7]
{
  grid-column: 1 / 2;
}

.vka-editform .value-label.no-name[b-6tcxubxvx7]
{
  grid-column: 1 / -1;
}

.vka-editform .value-label:not(.no-name)[b-6tcxubxvx7]
{
  grid-column: -1 / -2;
  text-align: end;
}

.value-label[b-6tcxubxvx7]  > *,
.name-label[b-6tcxubxvx7]  > *
{
  width: 100%;
}
/* /Layout/CustomComponents/Containers/VerkoopAppList.razor.rz.scp.css */
/* General Styling */
.item[b-4d5ejc0ljt]
{
  color: var(--text-color);
  padding-top: 8px;
  padding-bottom: 8px;
  position: relative;
  text-align: center;
}

  .item.clickable[b-4d5ejc0ljt],
  .item:has(> a[href])[b-4d5ejc0ljt]
  {
    cursor: pointer;
  }

  .item.active[b-4d5ejc0ljt]
  {
    background: var(--background-active);
  }

  .item.bordered[b-4d5ejc0ljt]
  {
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
  }

    .item.bordered:has(+.active)[b-4d5ejc0ljt]
    {
      border-bottom: inherit;
    }

    .item.bordered:first-child[b-4d5ejc0ljt],
    .item.active[b-4d5ejc0ljt]
    {
      border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
    }

.text-decoration-none[b-4d5ejc0ljt]
{
  color: inherit;
}

/* Search box */
div.search-box-container-container[b-4d5ejc0ljt]
{
  padding: 0;
  position: -webkit-sticky;
  position: sticky;
  top: 3.5rem;
  margin: 0.25rem;
  z-index: 510;
}

a.search-box-container[b-4d5ejc0ljt]  input
{
  width: 100%;
  font-size: calc(1.3rem + 0.6vw);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.72 6.71c0 3.35 2.73 6.08 6.08 6.08 1.54 0 2.96-.58 4.03-1.53l3.88 3.88c.07.07.16.11.26.11s.19-.04.26-.11c.14-.14.14-.37 0-.52l-3.88-3.88c.95-1.07 1.53-2.48 1.53-4.03 0-3.35-2.73-6.08-6.08-6.08s-6.08 2.73-6.08 6.08zM12.15 6.71c0 2.95-2.4 5.35-5.35 5.35s-5.35-2.4-5.35-5.35 2.4-5.35 5.35-5.35 5.35 2.4 5.35 5.35z'/%3E%3C/svg%3E");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: calc(1.3rem + 2vw);
}

  a.search-box-container[b-4d5ejc0ljt]  input:focus-within
  {
    background-image: unset;
  }

/* Flex styling */
.flex-item[b-4d5ejc0ljt]
{
  display: block;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  order: 0;
  transition: flex-grow, flex-shrink 0.5s ease;
}

/* Grid Styling */
.grid-container[b-4d5ejc0ljt]
{
  display: grid;
  grid-template-columns: auto auto;
  column-gap: var(--bs-gutter-x, 1em);
}

.grid-same-height[b-4d5ejc0ljt]
{
  grid-auto-rows: 1fr
}

.take-parent-grid[b-4d5ejc0ljt]
{
  display: grid;
  grid-template-columns: subgrid;
  grid-column: 1 / -1;
}
/* /Layout/CustomComponents/Containers/VKAEditForm.razor.rz.scp.css */
.vka-editform[vka-editform-css-scope-id]
{
  display: grid;
  grid-template-columns: auto auto;
  row-gap: var(--bs-gutter-y, 1em);
  column-gap: var(--bs-gutter-x, 1em);
}
/* /Layout/CustomComponents/Elements/VerkoopAppIcon.razor.rz.scp.css */
.icon[b-ya0qc7jb3t] {
  mask-repeat: no-repeat;
  aspect-ratio: 1;
  width: var(--vai-size);
  height: var(--vai-size);
}

.RBK[b-ya0qc7jb3t] {
  background-image: url("/favicon.png");
  background-color: transparent;
  background-size: contain;
}

.CHEVRON[b-ya0qc7jb3t] {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 13.1l-8-8 2.1-2.2 5.9 5.9 5.9-5.9 2.1 2.2z'/%3E%3C/svg%3E");
}

.PLUS[b-ya0qc7jb3t] {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M7.3 8.7h-4v-1.3h4v-4h1.3v4h4v1.3h-4v4h-1.3v-4Z'/%3E%3C/svg%3E");
}

.CROSS[b-ya0qc7jb3t] {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 10.2l-8-8 2.1-2.2 5.9 5.9 5.9-5.9 2.1 2.2zM8 5.9l8 8-2.1 2.2-5.9-5.9-5.9 5.9-2.1-2.2Z'/%3E%3C/svg%3E");
}

.MINUS[b-ya0qc7jb3t] {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.3 8.7v-1.3h9.3v1.3Z'/%3E%3C/svg%3E");
}

.PENCIL[b-ya0qc7jb3t]
{
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M0 16l3.55-.67 9.62-9.62-2.89-2.89-9.62 9.62zM13.83 5.06l2.17-2.17-2.89-2.89-2.17 2.17z'/%3E%3C/svg%3E");
}

.CHEVRON.bottom[b-ya0qc7jb3t] {
  transform: rotate(0);
}

.CHEVRON.top[b-ya0qc7jb3t] {
  transform: rotate(180deg);
}


.CHEVRON.right[b-ya0qc7jb3t] {
  transform: rotate(-90deg);
}

.CHEVRON.left[b-ya0qc7jb3t] {
  transform: rotate(90deg);
}
/* /Pages/Customers/Customers.razor.rz.scp.css */
.customer-container[b-zw1wm4wr41] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-around;
  align-content: space-around;
}

.customer-name[b-zw1wm4wr41] {
  margin-left: 0;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
}
/* /Pages/Orders/Order.razor.rz.scp.css */
.total-display[b-y1wg2s3hnt]
{
  top: 4.1em;
  display: grid;
  grid-template-columns: subgrid;
  grid-column: 1 / -1;
  border: var(--bs-border-width) solid var(--bs-border-color);
}

.button-reaspect[b-y1wg2s3hnt]
{
  max-width: 50%;
  min-height: 60%;
}
/* /Pages/Orders/Orders.razor.rz.scp.css */
.order-container[b-3tn6c1dg5n] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
}

.order-number[b-3tn6c1dg5n] {
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
  overflow-x: auto;
  overflow-y: hidden;
  max-width: 70%;
}

.order-create-button[b-3tn6c1dg5n] {
  position: fixed;
  right: 3em;
  bottom: 3em;
  z-index: 20;
}

  .order-create-button[b-3tn6c1dg5n]  button {
    border-radius: 50%;
    font-weight: bold;
    aspect-ratio: 1;
  }

.order-data[b-3tn6c1dg5n] {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
/* /Pages/Stocks/Lots.razor.rz.scp.css */
.stocks-container[b-ccxl9bsofc] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: flex-start;
}

.stock-row[b-ccxl9bsofc] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
}

