@import 'Toxias.Client.2tdi3j71pk.bundle.scp.css';
@import '_content/eSwysBlazor/eSwysBlazor.aleh2ajh6j.bundle.scp.css';

/* /Components/Controls/Analysis.razor.rz.scp.css */
.analysis_content[b-sl5c7bo76l] {
  display: flex;
  flex-direction: row;
  gap: 20px;
}

.baskets_box[b-sl5c7bo76l] {
  max-width: 450px !important;
}

.btn_filter_valid[b-sl5c7bo76l] {
  max-width: 450px;
}

.analysis_form[b-sl5c7bo76l] {
  width: 50%;
}

@media(max-width: 1100px) {
  .analysis_content[b-sl5c7bo76l] {
    flex-direction: column;
  }

  .analysis_form[b-sl5c7bo76l] {
    width: 100%;
  }
}

/* /Components/Controls/BasketItem.razor.rz.scp.css */
.cell[b-rqfbljk3vs] {
  aspect-ratio: 1 / 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.circle[b-rqfbljk3vs] {
    cursor: pointer;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: gray;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: clamp(0.8rem, 2vw, 1rem);
}
.circle-no-allowed[b-rqfbljk3vs] {
    pointer-events: none;
}
.selected_item[b-rqfbljk3vs] {
    background-color: #ffbf00;
}

.scanned_item[b-rqfbljk3vs] {
    background-color: #FF5F1F;
}

.confirmed_item[b-rqfbljk3vs] {
    background-color: #6b8e23;
}

/* /Components/Controls/BasketsComponent.razor.rz.scp.css */
.baskets-wrapper[b-n3bhe6fetb]{
    display: flex;
    flex-direction: row;
    gap: 4px;
    min-width: 200px;
}

.range-container[b-n3bhe6fetb] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
    margin-bottom: 12px;
    border-radius: 10px;
    width: 300px;
    box-shadow: 1px 1px 1px;
}
.grid[b-n3bhe6fetb] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr);
  gap: 8px;
}
/* Container colors */
.bg-red[b-n3bhe6fetb] {
    background-color: #f2f3f4;
}

.bg-green[b-n3bhe6fetb] {
  background-color: #d9dcdf;
}

.bg-yellow[b-n3bhe6fetb] {
  background-color: #d9dcdf;
}

.bg-default[b-n3bhe6fetb] {
    background-color: #f2f3f4;
}



/* /Components/Controls/Filtration.razor.rz.scp.css */
.baskets_box[b-v474lwjyh3] {
  min-width: 450px !important;
}

.filtration_filter_box[b-v474lwjyh3] {
  display: flex;
  flex-direction: column;
}

.btn_filter_valid_box[b-v474lwjyh3] {
  min-width: 450px;
}

.btn_filter_valid[b-v474lwjyh3] {
  width: 100%;
}


@media (max-width: 1750px) {
  .filtration_container[b-v474lwjyh3] {
    flex-direction: column !important;
  }

  .filtration_container > div[b-v474lwjyh3] {
    width: 100% !important;
    max-width: 100% !important;
  }

  .filtration_filter_box[b-v474lwjyh3] {
    flex-direction: row;
    gap: 10px;
  }

  .baskets_box[b-v474lwjyh3] {
    max-width: 400px !important;
  }
}

@media (max-width: 914px) {
  .filtration_filter_box[b-v474lwjyh3] {
    flex-direction: column;
  }
}
/* /Components/Controls/Preparation.razor.rz.scp.css */
.wrapper[b-pu6lk4siir] {
    display: flex;
    flex-direction: row;
    gap: 18px;
}

.title[b-pu6lk4siir] {

}

@media(max-width: 1550px){
    .wrapper[b-pu6lk4siir] {
        flex-direction: column;
    }
    .baskets[b-pu6lk4siir] {
        width: 200px;
    }
    .analysis_grid[b-pu6lk4siir] {
        width: 100%;
    }
}

/* /Components/Controls/SampleDxGrid.razor.rz.scp.css */

.selectors[b-e3o0b7ah2q] {
    display: flex;
    flex-direction: column;
}

.header-selectors[b-e3o0b7ah2q] {
    max-width: 300px;
}

.active-title[b-e3o0b7ah2q] {
    margin-bottom: 0px;
}

.section-col[b-e3o0b7ah2q] {
    min-width: 400px;
}
/* Grid popup photo */
.image-popup[b-e3o0b7ah2q] {
    max-width: 100%;
    max-height: 500px;
    display: block;
    margin: auto;
}

/* Shrink the "Select File" button */
.dx-fileinput-small .dxbl-upload-select-btn[b-e3o0b7ah2q] {
    font-size: 0.6rem !important;
    padding: 2px 6px !important;
    min-height: 24px !important;
    height: 24px !important;
    width: auto !important;
    background-color: red;
}


@media (min-width: 1540px) {
    .selectors[b-e3o0b7ah2q] {
        flex-direction: row;
    }
}

@media (max-width: 770px) {
    .selectors .section-col[b-e3o0b7ah2q] {
        width: 100% !important;
    }
    .header-selectors[b-e3o0b7ah2q] {
        max-width: 100% !important;
    }
    .active-title[b-e3o0b7ah2q] {
        margin-bottom: 4px;
    }

/*  .section-col .input_box {
    justify-content: space-between !important;
  }*/
}





/* /Components/Layout/Drawer.razor.rz.scp.css */
.drawer-container[b-fyzu14tqbb] {
    height: 100%;
}

.navigation-drawer-shading[b-fyzu14tqbb] {
    height: 100%;
    position: absolute;
    transition: ease 300ms;
    transition-property: opacity, visibility;
    visibility: visible;
    width: 100%;
    z-index: 99;
    background-color: var(--dxds-color-surface-backdrop-default-rest);
}

.navigation-drawer.mobile.panel-closed .navigation-drawer-shading[b-fyzu14tqbb] {
    opacity: 0;
    visibility: hidden;
}

[b-fyzu14tqbb] .navigation-drawer > .dxbl-drawer-panel {
    display: flex;
}

[b-fyzu14tqbb] .navigation-drawer.mobile > .dxbl-drawer-panel {
    display: none;
}

.navigation-drawer-shading[b-fyzu14tqbb] {
    display: none;
}

[b-fyzu14tqbb] .panel-open:not(.mobile) .nav-buttons-container .menu-button {
    display: none;
}

@media (max-width: 768px) {
    [b-fyzu14tqbb] .navigation-drawer > .dxbl-drawer-panel {
        display: none;
    }

    [b-fyzu14tqbb] .navigation-drawer.mobile > .dxbl-drawer-panel {
        display: flex;
    }

    .navigation-drawer-shading[b-fyzu14tqbb] {
        display: block;
    }

    [b-fyzu14tqbb] .panel-open:not(.mobile) .nav-buttons-container .menu-button {
        display: flex;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-f9cbay5nvc] {
    height: 100%;
    min-height: 0;
}

.logo[b-f9cbay5nvc] {
  width: 75%;
  height: 100%;
  text-align: center;
  object-fit: cover; /* or 'contain' if you want to fit the image inside the container */
}

[b-f9cbay5nvc] .navigation-drawer {
    --dxbl-drawer-panel-body-padding-x: 0;
    --dxbl-drawer-panel-body-padding-y: 1rem;
    --dxbl-drawer-panel-footer-bg: none;
    --dxbl-drawer-panel-header-bg: none;
    --dxbl-drawer-separator-border-width: 0;
}

[b-f9cbay5nvc] .navigation-drawer > .dxbl-drawer-panel {
    background-image: linear-gradient(180deg, var(--dxds-color-surface-primary-default-rest) 0%, var(--dxds-primary-170) 150%);
}

.navigation-drawer-header[b-f9cbay5nvc] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 1.375rem 0.375rem;
    width: 100%;
}

.navigation-drawer-header .logo[b-f9cbay5nvc] {
    height: auto;
    width: 9rem;
}

.navigation-drawer-footer[b-f9cbay5nvc] {
    display: flex;
    justify-content: space-evenly;
    padding-bottom: 0.875rem;
    width: 100%;
}

.drawer-content[b-f9cbay5nvc] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: auto;
    padding: 2rem 1.5rem 1.5rem 1.5rem;
}

.nav-buttons-container[b-f9cbay5nvc] {
    align-items: center;
    display: flex;
    gap: 0.625rem;
    min-height: 2rem;
}

[b-f9cbay5nvc] .nav-buttons-container > a {
    color: inherit;
}

[b-f9cbay5nvc] .nav-buttons-container .back-button {
    padding-left: 0;
    padding-right: 0.25rem;
}

[b-f9cbay5nvc] .nav-buttons-container .menu-button-float-end {
    margin-left: auto;
}

.page-content-container[b-f9cbay5nvc] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    min-height: 0;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
[b-q5zikkwoqf] .menu {
    --dxbl-menu-bottom-left-border-radius: 0;
    --dxbl-menu-bottom-right-border-radius: 0;
    --dxbl-menu-top-left-border-radius: 0;
    --dxbl-menu-top-right-border-radius: 0;
    --dxbl-menu-item-padding-x: 1.125rem;
    --dxbl-menu-item-padding-y: 0.5rem;
    --dxbl-menu-item-color: var(--dxds-color-content-neutral-default-static-dark-rest);
    --dxbl-menu-item-image-color: var(--dxds-color-content-neutral-default-static-dark-rest);
    --dxbl-menu-item-hover-bg: rgb(from var(--dxds-color-surface-neutral-default-static-light-rest) r g b / 0.15);
    --dxbl-menu-item-hover-color: var(--dxds-color-content-neutral-default-static-dark-hovered);
    --dxbl-menu-item-hover-image-color: var(--dxds-color-content-neutral-default-static-dark-hovered);

    background: none;
}

[b-q5zikkwoqf] .menu.display-mobile {
    margin-bottom: 2rem;
}

[b-q5zikkwoqf] .menu-item-active {
    background-color: rgb(from var(--dxds-color-surface-neutral-default-static-light-rest) r g b / 0.05);
}

@media (max-width: 768px) {
  #sidebar[b-q5zikkwoqf] {
    min-width: inherit;
    max-width: inherit;
    display: block;
  }

  .logo[b-q5zikkwoqf] {
    text-align: inherit;
  }
}

.theme-image[b-q5zikkwoqf] {
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: -3px;
  margin-right: 16px;
  border: 1px solid #fff;
}

.theme-name[b-q5zikkwoqf] {
  text-transform: capitalize;
}
/* /Components/Pages/Index/Index.razor.rz.scp.css */
[b-ti1avkilvq] .index-gridlayout {
    container-type: inline-size;
    height: auto;
    margin-top: auto;
    margin-bottom: auto;
    padding-bottom: 9rem;
}

[b-ti1avkilvq] .title {
    padding-bottom: 3rem;
    text-align: center;
}

[b-ti1avkilvq] .tiles {
    --tile-column-count: 4;

    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(var(--tile-column-count), max-content);
    justify-content: center;

    @container (max-width: 60.5rem) {
        --tile-column-count: 3;
    }
    @container (max-width: 45.125rem) {
        --tile-column-count: 2;
    }
    @container (max-width: 29.75rem) {
        --tile-column-count: 1;
    }
}
/* /Components/Pages/Index/IndexTile.razor.rz.scp.css */
.tile[b-o0z2bmyzaf] {
    border-radius: 0.75rem;
    height: 7.5rem;
    transition: box-shadow 0.2s;
    width: 14.375rem;
    border: 1px solid var(--dxds-color-border-neutral-default-rest);
}

.tile:hover[b-o0z2bmyzaf] {
    box-shadow: 0 4px 8px 0 rgba(170, 170, 170, 0.24), 0 0 2px 0 rgba(170, 170, 170, 0.2);
}

.tile[b-o0z2bmyzaf]  > a {
    text-decoration: none;
}

[b-o0z2bmyzaf] .tile-content {
    padding: 1rem;
}

[b-o0z2bmyzaf] .tile-icon {
    border-radius: 0.375rem;
    height: 2.75rem;
    padding: 0.75rem;
    width: 2.75rem;
    border: 1px solid var(--dxds-color-border-neutral-default-rest);
}

[b-o0z2bmyzaf] .tile-title {
    align-self: center;
    color: var(--dxds-color-content-neutral-default-rest);
    font-size: var(--dxds-font-size-base-md);
    font-weight: var(--dxds-font-weight-base-strong);
    letter-spacing: var(--dxds-letter-spacing-base-md);
    line-height: var(--dxds-line-height-base-md);
}

[b-o0z2bmyzaf] .tile-description {
    color: var(--dxds-color-content-neutral-subdued-rest);
    font-size: var(--dxds-font-size-base-sm);
    font-weight: var(--dxds-font-weight-base-default);
    letter-spacing: var(--dxds-letter-spacing-base-sm);
    line-height: var(--dxds-line-height-base-sm);
}