@import '_content/BlazorShared/BlazorShared.cy1ay6qv6v.bundle.scp.css';

/* _content/WebBlazor/Components/ClientAutoCompleteTemplate.razor.rz.scp.css */
.badge[b-z8djdzjtgd] {
    text-indent: 0; /* Remove Sf's text-indent for the badge */
}
/* _content/WebBlazor/Components/ClientPastReportsComponent.razor.rz.scp.css */
[b-94v5rjvaua] .col-form-label.required::after {
    visibility: hidden;
}
/* _content/WebBlazor/Components/DocumentEditorDetail.razor.rz.scp.css */
/* flex-fill the documenteditorcontainer so it will vertical stretch to the available modal height */
[b-hzuusufmnu] .e-documenteditorcontainer {
    flex: 1 1 auto; /* same as Bootstrap's .flex-fill */
}
/* _content/WebBlazor/Components/Generic/ZdProgressBar.razor.rz.scp.css */
.text-body[b-cf3hhesisy] {
    transition: left 0.6s ease; /* Same transition as the progressbar itself to smooth the label movement */
}

@media (prefers-reduced-motion: reduce) {
    .text-body[b-cf3hhesisy] {
        transition: none;
    }
}
/* _content/WebBlazor/Components/Menu/SideMenu.razor.rz.scp.css */
aside[b-fnlhe3f53i] {
  background-color: #fff;
}

.offcanvas[b-fnlhe3f53i] {
  width: 300px;
  top: 4rem;
}

.offcanvas-backdrop[b-fnlhe3f53i] {
  top: 4rem;
}

.offcanvas-header[b-fnlhe3f53i],
.offcanvas-body[b-fnlhe3f53i] {
  padding: 0.75rem 1.5rem;
}

.offcanvas-body[b-fnlhe3f53i] {
  display: flex;
  flex-direction: column;
}

@media (min-width: 1200px) {
  .offcanvas.docked[b-fnlhe3f53i] {
    position: sticky;
    height: calc(100vh - 4rem);
    transform: none;
    z-index: auto;
    top: 0;
  }
  .offcanvas-backdrop.docked[b-fnlhe3f53i] {
    display: none;
  }
}
nav > ul[b-fnlhe3f53i] {
  margin: 0 -0.75rem;
}

[b-fnlhe3f53i] li {
  display: flex;
  flex-direction: column;
}
[b-fnlhe3f53i] li + li {
  margin-top: 0.25rem;
}
[b-fnlhe3f53i] li > ul {
  margin: 0.25rem 0 0.4rem 0.75rem;
}
[b-fnlhe3f53i] .btn-menu {
  display: flex;
  align-items: baseline;
  text-align: start;
  --bs-btn-focus-shadow-rgb: var(--bs-magenta-rgb);
}
[b-fnlhe3f53i] .btn-menu[aria-expanded=false] + ul {
  display: none;
}
[b-fnlhe3f53i] .btn-menu .btn-menu-chevron {
  margin-left: auto;
  transition: transform 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  [b-fnlhe3f53i] .btn-menu .btn-menu-chevron {
    transition: none;
  }
}
[b-fnlhe3f53i] .btn-menu[aria-expanded=true] .btn-menu-chevron {
  transform: rotateX(180deg);
}
[b-fnlhe3f53i] .btn-menu .btn-menu-favorite {
  margin-left: auto;
  color: #fff;
  opacity: 0.4;
}
[b-fnlhe3f53i] .btn-menu .btn-menu-favorite.is-favorite {
  color: var(--bs-warning);
}
[b-fnlhe3f53i] .btn-menu .btn-menu-favorite:hover {
  opacity: 1;
}
[b-fnlhe3f53i] .active > button {
  background-color: var(--zd-body-bg);
}
[b-fnlhe3f53i] .btn-menu:hover,
[b-fnlhe3f53i] .active > a {
  color: #fff;
  background-color: var(--bs-magenta);
  border-color: var(--bs-magenta);
}

/*# sourceMappingURL=SideMenu.razor.css.map */
/* _content/WebBlazor/Components/Menu/UserOptionsMenu.razor.rz.scp.css */
.circular-icon[b-t9vdbmugmp] {
  --circular-icon-p: .8em;
}

.badge[b-t9vdbmugmp] {
  top: 7%;
  left: 93%;
}

.fa-chevron-down[b-t9vdbmugmp] {
  transition: transform 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .fa-chevron-down[b-t9vdbmugmp] {
    transition: none;
  }
}
[aria-expanded=true] .fa-chevron-down[b-t9vdbmugmp] {
  transform: rotateX(180deg);
}

.offcanvas[b-t9vdbmugmp] {
  top: 4rem;
  bottom: auto;
  max-width: 300px;
  width: auto;
}

.offcanvas-backdrop[b-t9vdbmugmp] {
  top: 4rem;
}

/*# sourceMappingURL=UserOptionsMenu.razor.css.map */
/* _content/WebBlazor/Pages/Account/UserPreferenceGeneralComponent.razor.rz.scp.css */
.signature[b-i4uqm6gspp] {
    /* Make sure that the signature is max 50% wide of the form row col.
        And if it's smaller the fit-content will resize it to the correct size. */
    width: fit-content;
    max-width: 50%;
}

.signature img[b-i4uqm6gspp] {
    /* Don't let images get larger than the available form row col */
    max-width: 100%;
}
/* _content/WebBlazor/Pages/Account/UserSignatureDetail.razor.rz.scp.css */
.uploaded-signature[b-9ckxyt46wb] {
    /* If the uploaded image is smaller than the form row col the fit-content will resize it to the correct size. */
    width: fit-content;
}

.uploaded-signature img[b-9ckxyt46wb] {
    /* Don't let images get larger than the available form row col */
    max-width: 100%;
}
/* _content/WebBlazor/Pages/Appointments/AppointmentDetail.razor.rz.scp.css */
/*
    ::deep is needed here, see also: https://docs.microsoft.com/en-us/aspnet/core/blazor/components/css-isolation?view=aspnetcore-5.0#child-component-support-1
    We remove the standaard Sf 'toggle detail' column, we use our own Font Awesome icon and custom functionality.
*/
[b-gna6v2nh9x] .grid-clients .e-detail-intent,
[b-gna6v2nh9x] .grid-clients .e-detailrowcollapse,
[b-gna6v2nh9x] .grid-clients .e-detailrowexpand,
[b-gna6v2nh9x] .grid-clients .e-detailheadercell,
[b-gna6v2nh9x] .grid-clients .e-detailindentcell {
    display: none;
}
/* _content/WebBlazor/Pages/BankTransfers/MatchBankTransferEntriesComponent.razor.rz.scp.css */
[b-2xw73sc4lb] .banktransfergrid .e-gridcontent {
    max-height: 70vh;
    overflow-y: auto;
}
/* _content/WebBlazor/Pages/ClientgroupRegistrations/ClientgroupRegistrationDetail.razor.rz.scp.css */
/*
    ::deep is needed here, see also: https://docs.microsoft.com/en-us/aspnet/core/blazor/components/css-isolation?view=aspnetcore-5.0#child-component-support-1
    We remove the standaard Sf 'toggle detail' column, we use our own Font Awesome icon and custom functionality.
*/
[b-84ztau3zt2] .clients-grid .e-detail-intent,
[b-84ztau3zt2] .clients-grid .e-detailrowcollapse,
[b-84ztau3zt2] .clients-grid .e-detailrowexpand,
[b-84ztau3zt2] .clients-grid .e-detailheadercell,
[b-84ztau3zt2] .clients-grid .e-detailindentcell {
    display: none;
}
/* _content/WebBlazor/Pages/Clients/ClientCard.razor.rz.scp.css */
[b-b454xhssil] .card {
    flex-grow: 1;
    max-width: min(50%, var(--bs-breakpoint-lg));
}
/* _content/WebBlazor/Pages/Clients/ClientInfo.razor.rz.scp.css */
.side-menu-placeholder[b-vhoel77ise] {
    width: 300px;
}

.p-navbar[b-vhoel77ise] {
    padding: 0.75rem 1.5rem;
}
/* _content/WebBlazor/Pages/Dossiers/ClientReportOverviewDetail.razor.rz.scp.css */
[b-7e7tev7f65] .col-form-label.required::after {
    visibility: hidden;
}
/* _content/WebBlazor/Pages/HonosQuestionnaires/HonosQuestionnaireDetail.razor.rz.scp.css */
table.questions[b-83x9gdfcyx] {
    border-collapse: separate; /* Otherwise the thead border bottom isn't shown when scrolling down */
    border-spacing: 0;
}

table.questions thead[b-83x9gdfcyx] {
    position: sticky;
    top: -1rem; /* Same as the modal-body padding */
    border-bottom: 2px solid currentColor;
    background-color: rgb(var(--bs-white-rgb));
}

table.questions thead th[b-83x9gdfcyx] {
    border-bottom-width: 2px; /* Needed otherwise the thead's border-bottom will be 1px heigh instead of 2px */
}
/* _content/WebBlazor/Pages/Templates/FormTypeNoteComponent.razor.rz.scp.css */
.note-text-preview[b-nk7b15kqmx] {
    overflow: hidden;
    height: 6em;
}

.note-text-preview[b-nk7b15kqmx]::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 6em;
    background-image: linear-gradient(hsla(0deg, 0%, 100%, 0), #fff);
}
/* _content/WebBlazor/Pages/Templates/TemplateDetail.razor.rz.scp.css */
/* flex-fill the documenteditorcontainer so it will vertical stretch to the available modal height */
[b-w7xz985i4i] .e-documenteditorcontainer {
    flex: 1 1 auto; /* same as Bootstrap's .flex-fill */
}
/* _content/WebBlazor/Shared/MainLayout.razor.rz.scp.css */
.top-navbar[b-snxkcux9i5] {
  height: 4rem;
}
.top-navbar.sticky-top[b-snxkcux9i5] {
  z-index: 1021;
}

.logo-container img[b-snxkcux9i5] {
  height: 2.5rem;
}

@media (min-width: 1200px) {
  .logo-container[b-snxkcux9i5] {
    width: 300px;
  }
}
.client-search[b-snxkcux9i5] {
  max-width: 650px;
}
.client-search[b-snxkcux9i5]  .e-input-group input {
  padding: 0.6rem !important;
  height: auto !important;
}
.client-search[b-snxkcux9i5]  .e-input-group input::placeholder {
  font-weight: 600;
}

.user-options li[b-snxkcux9i5] {
  display: flex;
  align-items: center;
}
.user-options .btn[b-snxkcux9i5] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  flex-grow: 1;
  text-align: left;
  padding: 0;
  margin: 0.5rem 0;
}
.user-options .btn:hover[b-snxkcux9i5] {
  color: var(--bs-primary);
}

/*# sourceMappingURL=MainLayout.razor.css.map */