/* /Components/Claims/ImageViewer/ImageViewer.razor.rz.scp.css */
[b-c62othyis0] .image-container {
  width: 100%;
  height: 100%;
  border: var(--border-size-s) solid var(--rz-base-500);
  background-color: var(--rz-base-100);
  transition: height 0.3s ease;
  z-index: 1;
}

[b-c62othyis0] .capped {
  height: 40vh;
}

.image-viewer-container[b-c62othyis0] {
  position: sticky;
  height: 100%;
  width: 100%;
  padding: 8px;
}

.preview-image[b-c62othyis0] {
  height: 100%;
  width: 100%;
  transition: height 0.3s ease;
}

.preview-image.capped[b-c62othyis0] {
  height: 40vh;
  transition: height 0.3s ease;
}

[b-c62othyis0] .image-zoom-button {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 1;
}
/* /Components/Claims/Item/ClaimItem.razor.rz.scp.css */
[b-jgzffvs8sw] .declaration-overview-card {
  border-radius: var(--rz-button-border-radius);
  position: relative;
  padding-left: 64px;
}
[b-jgzffvs8sw] .declaration-overview-card.no-action {
  padding-left: var(--rz-card-padding);
}

[b-jgzffvs8sw] .action-button {
  position: absolute;
  height: 100%;
  width: 48px;
  top: -4px;
  transition: width 0.3s ease, opacity 0.3s ease;
  min-width: 0;
  z-index: 1;

  i {
    font-size: xx-large;
    font-weight: 300;
    transition: opacity 0.3s ease;
  }
}

[b-jgzffvs8sw] .delete-button {
  left: -4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

[b-jgzffvs8sw] .confirm-button {
  width: 0;
  padding: 0 !important;
  right: -4px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;

  i {
    opacity: 0;
  }
}

[b-jgzffvs8sw] .expanded {
  width: 50%;
  padding: 8px;
  opacity: 0.8;

  i {
    opacity: 1;
  }
}

.small-margin[b-jgzffvs8sw] {
  margin: var(--rz-space-2) 0;
}

.line[b-jgzffvs8sw] {
  flex-grow: 1;
  height: var(--border-size-s);
  background-color: var(--rz-base-300);
}
/* /Components/Claims/Item/EditableDeclarationItem.razor.rz.scp.css */
/* /Components/ClaimsProjects/DateDivider/DateDivider.razor.rz.scp.css */
.date-divider-container[b-lqg7uz1xqi] {
  background-color: var(--rz-base-100);
  position: sticky;
  top: -1rem;
  z-index: 10;
}
.date-divider-container[b-lqg7uz1xqi]::stuck {
  background-color: var(--rz-base-900);
}

.date[b-lqg7uz1xqi] {
  font-size: var(--font-size-xs);
  line-height: var(--line-height-base);
  color: var(--rz-base-600);
}

.line[b-lqg7uz1xqi] {
  flex-grow: 1;
  height: var(--border-size-s);
  background-color: var(--rz-base-400);
}
/* /Components/ClaimsProjects/Item/ClaimProjectItem.razor.rz.scp.css */
.small-margin[b-cvmus4us9r] {
  margin: var(--rz-space-2) 0;
}

.line[b-cvmus4us9r] {
  flex-grow: 1;
  height: var(--border-size-s);
  background-color: var(--rz-base-300);
}
.close-card[b-cvmus4us9r] {
  min-width: 40px;
  border-radius: var(--rz-border-radius) 0 0 var(--rz-border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
}
/* /Components/ClaimsProjects/List/ClaimProjectList.razor.rz.scp.css */
[b-a86bteosrt] .hint-container {
  height: 100%;

  > p {
    color: var(--color-boskalis-grey);
    margin: 0;
  }
}

[b-a86bteosrt] .small {
  height: 4px;
}

.loading-container[b-a86bteosrt] {
  position: absolute;
  width: 100%;
  top: 64px;
  left: 0px;
}
/* /Components/ClaimsProjects/MonthList/MonthList.razor.rz.scp.css */
[b-s0252283uy] {
  .month-container {
    overflow-x: auto;
    white-space: nowrap;
    overflow-y: hidden;
    padding: var(--rz-space-2);
    /* 95px is the magic number to keep enough padding to scroll the months entirely to the left */
    padding-right: calc(100vw - 95px);
    margin-left: -8px;
    margin-right: -8px;
  }
}
/* /Components/ClaimsProjects/SaveProjectContainer/Container.razor.rz.scp.css */
[b-ptarkesyov] .success-alert {
    position: absolute;
    top: 0;
    left: 50%;
    right: 50%;
    width: 90vw;
    transform: translate(-50%, 0);
}
/* /Components/ClaimsProjects/Title/TitleInput.razor.rz.scp.css */
.text-edit-container[b-czefpjj5w8] {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3px;
  min-height: 36px;
}

[b-czefpjj5w8] .title-text-field {
  border: none !important;
  box-shadow: none !important;
  padding-left: 42px;
}

.title-text-field[b-czefpjj5w8] {
  border: none;
}

[b-czefpjj5w8] .edit-icon {
  position: absolute;
  left: 12px;
  transform: rotateY(180deg);
}

.project-chip-container[b-czefpjj5w8] {
  position: absolute;
  right: 0;
}

.small-margin[b-czefpjj5w8] {
  margin: 0;
}
/* /Components/Common/Chip/Chip.razor.rz.scp.css */
.chip[b-qxhgg1agdt] {
  position: relative;
  border-radius: var(--rz-border-radius);
  color: var(--rz-text-color);
  background-color: var(--rz-base);

  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--rz-space-1);
  padding: 0 var(--rz-space-2);
  min-width: 40px;

  flex-shrink: 0;

  &.none {
    background-color: transparent;
  }

  &.primary[b-qxhgg1agdt] {
    color: var(--rz-white);
    background-color: var(--rz-primary);
  }

  &.secondary[b-qxhgg1agdt] {
    background-color: var(--rz-secondary);
  }

  &.success[b-qxhgg1agdt] {
    color: var(--rz-success-darker);
    background-color: var(--rz-success-light);
  }

  &.error[b-qxhgg1agdt] {
    color: var(--rz-error-darker);
    background-color: var(--rz-error-light);
  }

  &.small[b-qxhgg1agdt] {
    height: 24px;
  }

  &.normal[b-qxhgg1agdt] {
    height: 32px;
  }

  &.large[b-qxhgg1agdt] {
    height: 48px;
    min-width: 60px;
  }
}

.chip.left[b-qxhgg1agdt] {
  flex-direction: row-reverse;
  gap: var(--rz-space-1);
}

.dot[b-qxhgg1agdt] {
  position: absolute;
  border-style: solid;
  border-radius: 50%;
  border-color: var(--rz-base-darker);
  height: 4px;
  width: 4px;

  &.primary {
    border-color: var(--rz-white);
  }

  &.success[b-qxhgg1agdt] {
    border-color: var(--rz-success-darker);
  }

  &.left[b-qxhgg1agdt] {
    position: relative;
  }

  &.top[b-qxhgg1agdt] {
    top: 12%;
  }

  &.bottom[b-qxhgg1agdt] {
    bottom: 7%;
    height: 2px;
    width: 2px;
  }

  &.right[b-qxhgg1agdt] {
    position: relative;
  }
}
/* /Components/Common/ClaimTypeIcon/ClaimTypeIcon.razor.rz.scp.css */
.icon-container[b-jblmh8bbkh] {
  padding: 8px;
  height: 36px;
  border-radius: var(--rz-border-radius-1);
  display: flex;
  align-items: center;
  justify-content: center;
}
/* /Components/Common/DeclarationTypeSelection/DeclarationTypeSelectorItem.razor.rz.scp.css */
.declaration-item-container[b-j9c5tmq1h5] {
  display: flex;
  align-items: center;
  gap: var(--rz-space-4);
  padding: var(--rz-space-2);
  border-bottom: 1px solid var(--rz-base-400);
}

.declaration-item-container:first-child[b-j9c5tmq1h5] {
  border-top: 1px solid var(--rz-base-400);
}

.declaration-item-text[b-j9c5tmq1h5] {
  flex: 1;
}
.declaration-item-check[b-j9c5tmq1h5] {
  width: 50px;
}
/* /Components/Common/Layout/ExpenseClaimHeader.razor.rz.scp.css */
[b-wkal11n2tt] .top-nav-bar {
  display: flex;
  position: relative;
  padding: var(--rz-space-2) var(--rz-space-4);
  align-items: center;
}

.left-action[b-wkal11n2tt] {
  min-width: 48px;
}

.boka-app-name[b-wkal11n2tt] {
  font-size: var(--font-size-h6);
  font-weight: bold;
  text-align: center;
  flex: 1;
}

.right-action[b-wkal11n2tt] {
  min-width: 48px;
}
/* /Components/Common/UnsavedChangesDialog/UnsavedChangesDialog.razor.rz.scp.css */
[b-05j5q8sq15] .button-min-width {
    min-width: 120px;
}
/* /Components/DeclarableProjects/Selector/ProjectSelector.razor.rz.scp.css */
.project-button-container[b-5ldr61apc5] {
  position: relative;
  display: flex;
  align-items: center;
  min-width: 80px;
  justify-items: start;
  gap: var(--rz-space-4);
}
.project-button-content[b-5ldr61apc5] {
  flex: 1;
}

[b-5ldr61apc5] .arrow {
  position: relative;
  color: var(--rz-base-600);
  font-size: var(--font-size-base) !important;
}
/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-nuj4o0zh7p] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-nuj4o0zh7p] {
    flex: 1;
}

.sidebar[b-nuj4o0zh7p] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-nuj4o0zh7p] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-nuj4o0zh7p]  a, .top-row[b-nuj4o0zh7p]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-nuj4o0zh7p]  a:hover, .top-row[b-nuj4o0zh7p]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-nuj4o0zh7p]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-nuj4o0zh7p] {
        justify-content: space-between;
    }

    .top-row[b-nuj4o0zh7p]  a, .top-row[b-nuj4o0zh7p]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-nuj4o0zh7p] {
        flex-direction: row;
    }

    .sidebar[b-nuj4o0zh7p] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-nuj4o0zh7p] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-nuj4o0zh7p]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-nuj4o0zh7p], article[b-nuj4o0zh7p] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Pages/Home.razor.rz.scp.css */
.home-container[b-cs5rg4y6jq] {
  display: flex;
  gap: var(--rz-space-4);
  flex-direction: column;
  overflow: auto;
  flex: 1;
}

.home-list-content[b-cs5rg4y6jq] {
  overflow: auto;
  padding: var(--rz-layout-body-padding);
}
.home-list-content:has(.hint-container)[b-cs5rg4y6jq],
.home-list-content:has(.loading-container)[b-cs5rg4y6jq] {
  flex: 1;
  align-content: center;
}
/* /Pages/Receipts/AddReceipt/AddReceiptPage.razor.rz.scp.css */
[b-bjf1a95cgx] .rz-fileupload-buttonbar {
  background-color: transparent;
}

[b-bjf1a95cgx] .rz-fileupload-choose,
[b-bjf1a95cgx] .big-button {
  position: relative;
  background-color: #00a5e6 !important;
  height: 125px !important;
  width: 125px !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 18px !important;
  color: white !important;
  font-weight: bold;
}

[b-bjf1a95cgx] .rz-fileupload-content {
  display: none;
}

[b-bjf1a95cgx] .centered-alert {
  align-items: center !important;
}

.loading-container[b-bjf1a95cgx] {
  position: absolute;
  width: 100%;
  top: 0px;
  left: 0px;
  height: 4px;
}

[b-bjf1a95cgx] .absolute-center {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
}

[b-bjf1a95cgx] .rz-progressbar {
  height: 100%;
}

.background-blur[b-bjf1a95cgx] {
  background: rgba(0, 0, 0, 0.1);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}
/* /Pages/Receipts/ConfirmReceipt/ConfirmReceipt.razor.rz.scp.css */
.loader[b-bq41u9cqsb] {
  background-color: var(--rz-base-100);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
/* /Pages/Receipts/Details/ReceiptDetails.razor.rz.scp.css */
.receipt-detail-container[b-y9658r6dox] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--rz-space-4);
  grid-auto-rows: max-content;
  width: 100%;
}
/* /Pages/SelectDeclarableProject/SelectDeclarableProject.razor.rz.scp.css */
[b-yeba2bvdoj] .rz-chkbox-box {
    visibility: hidden;

    &.rz-state-active {
        border-radius: 50%;
        visibility: visible;
    }
}