/* /AutoPages/Filtering/AdvancedFilter.razor.rz.scp.css */
advanced-filter[b-i4y7u14hie] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
@media only screen and (max-width : 600px) {
  advanced-filter[b-i4y7u14hie] {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    flex-wrap: nowrap;
  }
}
.basic-filters[b-i4y7u14hie] {
  display: flex;
  gap: 5px;
}
.advanced-filter-search[b-i4y7u14hie] {
  display: flex;
  align-items: center;
  background-color: white;
  height: 38px;
  border-radius: 8px;
  transition: 0.2s;
}
@media only screen and (max-width : 600px) {
  .advanced-filter-search[b-i4y7u14hie] {
    width: 100%;
  }
  .advanced-filter-search.connected[b-i4y7u14hie] {
    display: grid;
    grid-template-columns: auto 40px;
  }
  .advanced-filter-search:not(.connected) .search[b-i4y7u14hie] {
    width: 100%;
  }
}
.advanced-filter-search .search[b-i4y7u14hie] {
  height: 38px;
  position: relative;
  border: 1px solid var(--border-colour, #40404041);
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  transition: 0.2s;
}
.advanced-filter-search .search.search-only[b-i4y7u14hie] {
  border-radius: 5px;
}
.advanced-filter-search .search input[b-i4y7u14hie] {
  border: none;
  border-radius: unset;
  background-image: none;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  height: 38px;
  padding-left: 33px;
  font-size: 14px;
  z-index: 2;
  position: relative;
  min-width: unset;
  width: 100%;
}
.advanced-filter-search .search input:hover[b-i4y7u14hie],
.advanced-filter-search .search input:focus[b-i4y7u14hie] {
  border: none;
  outline: none;
}
.advanced-filter-search .search i[b-i4y7u14hie] {
  z-index: 1;
  height: 38px;
  position: absolute;
  color: var(--secondary-text-colour, #404040E6);
  left: 10px;
  display: flex;
  align-items: center;
  font-size: 15px;
}
.advanced-filter-search .search:hover[b-i4y7u14hie],
.advanced-filter-search .search:focus-within[b-i4y7u14hie] {
  border-color: var(--primary-colour, #2F65E7);
}
.advanced-filter-search .search:hover i[b-i4y7u14hie],
.advanced-filter-search .search:focus-within i[b-i4y7u14hie] {
  color: var(--primary-colour, #2F65E7);
}
.advanced-filter-search .search:hover input[b-i4y7u14hie]::placeholder,
.advanced-filter-search .search:focus-within input[b-i4y7u14hie]::placeholder {
  color: var(--primary-colour, #2F65E7);
  opacity: 0.7;
  transition: 0.2s;
}
.advanced-filter-search .advanced-toggle[b-i4y7u14hie] {
  position: relative;
  transition: 0.2s;
  color: var(--secondary-text-colour, #404040E6);
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 14px;
  padding: 0 10px;
  height: 38px;
  cursor: pointer;
  border: 1px solid var(--border-colour, #40404041);
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.advanced-filter-search .advanced-toggle.toggle-only[b-i4y7u14hie] {
  border-radius: 5px;
}
.advanced-filter-search .advanced-toggle:hover[b-i4y7u14hie],
.advanced-filter-search .advanced-toggle.expanded[b-i4y7u14hie] {
  border-color: var(--primary-colour, #2F65E7);
  color: var(--primary-colour, #2F65E7);
}
.advanced-filter-search .advanced-toggle.applied[b-i4y7u14hie] {
  color: var(--primary-colour, #2F65E7);
}
.advanced-filter-search .advanced-toggle span.toggle-message[b-i4y7u14hie] {
  white-space: nowrap;
  user-select: none;
}
.advanced-filter-search .advanced-toggle div.mobile-count[b-i4y7u14hie] {
  position: absolute;
  display: none;
  top: -5px;
  right: -5px;
  background-color: var(--warning-colour, #F9034C);
  color: white;
  font-size: 10px;
  width: 14px;
  height: 14px;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
}
.advanced-filter-search .advanced-toggle i.dropdown-indicator[b-i4y7u14hie] {
  font-size: 10px;
}
.advanced-filter-search .advanced-toggle button.clear[b-i4y7u14hie] {
  color: var(--text-colour, #404040);
}
.advanced-filter-search .advanced-toggle button.clear:hover[b-i4y7u14hie] {
  color: var(--primary-colour, #2F65E7);
}
@media only screen and (max-width : 600px) {
  .advanced-filter-search .advanced-toggle[b-i4y7u14hie] {
    display: flex;
    justify-content: center;
  }
  .advanced-filter-search .advanced-toggle i.dropdown-indicator[b-i4y7u14hie],
  .advanced-filter-search .advanced-toggle button.clear[b-i4y7u14hie] {
    display: none;
  }
  .advanced-filter-search .advanced-toggle span.toggle-message[b-i4y7u14hie] {
    display: none;
  }
  .advanced-filter-search .advanced-toggle div.mobile-count[b-i4y7u14hie] {
    display: flex;
  }
}
.advanced-filters[b-i4y7u14hie] {
  width: 100%;
  background-color: white;
  border: 1px solid var(--border-colour, #40404041);
  border-radius: 10px;
  padding: 10px;
}
.advanced-filters .filters[b-i4y7u14hie] {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}
.advanced-filters .actions[b-i4y7u14hie] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
}
.basic-filters[b-i4y7u14hie]  > form-field {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-right: 20px;
}
.basic-filters[b-i4y7u14hie]  > form-field > label {
  margin-right: 8px;
  white-space: pre;
}
.basic-filters[b-i4y7u14hie]  editor-for[breezer-editor-for-range] {
  flex-direction: row;
  gap: 5px;
}
.basic-filters[b-i4y7u14hie]  editor-for[breezer-editor-for-range] .range {
  flex-wrap: nowrap;
}
.basic-filters[b-i4y7u14hie]  editor-for[breezer-editor-for-range] form-field[breezer-form-field].use-range {
  flex-direction: row-reverse;
  align-items: center;
  gap: 5px;
  margin-left: 7px;
}
.basic-filters[b-i4y7u14hie]  editor-for[breezer-editor-for-range] form-field[breezer-form-field].use-range label {
  white-space: pre;
}
.basic-filters[b-i4y7u14hie]  editor-for[type="enum"] {
  margin: 0;
}
.basic-filters[b-i4y7u14hie]  dropdown-selected[breezer-dropdown] {
  min-width: unset;
}
.basic-filters[b-i4y7u14hie]  dropdown-selected[breezer-dropdown] dropdown-indicator {
  margin-left: 5px;
}
.advanced-filters .filters[b-i4y7u14hie]  > form-field {
  display: flex;
  flex-direction: column;
  align-items: start;
  margin: 0px 35px 15px 0px;
}
.advanced-filters .filters[b-i4y7u14hie]  > form-field > label {
  margin-right: 8px;
  white-space: pre;
}
.advanced-filters .filters[b-i4y7u14hie]  editor-for[breezer-editor-for-range] {
  flex-direction: row;
  gap: 5px;
}
.advanced-filters .filters[b-i4y7u14hie]  editor-for[breezer-editor-for-range] .range {
  flex-wrap: nowrap;
}
.advanced-filters .filters[b-i4y7u14hie]  editor-for[breezer-editor-for-range] form-field[breezer-form-field].use-range {
  flex-direction: row-reverse;
  align-items: center;
  gap: 5px;
  margin-left: 7px;
}
.advanced-filters .filters[b-i4y7u14hie]  editor-for[breezer-editor-for-range] form-field[breezer-form-field].use-range label {
  white-space: pre;
}
/* /AutoPages/ListPage/EditorForListViewToggle.razor.rz.scp.css */
editor-for[type="list-view-toggle"][b-d4vjvb392g] {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: end;
  align-items: center;
}
editor-for[type="list-view-toggle"] i[b-d4vjvb392g] {
  padding: 0px 5px 0px 5px;
}
editor-for[type="list-view-toggle"] i.selected[b-d4vjvb392g] {
  color: var(--primary-colour, #2F65E7);
}
editor-for[type="list-view-toggle"] i.unselected[b-d4vjvb392g] {
  color: color-mix(in srgb, var(--text-colour, #404040) 80%, transparent);
}
/* /AutoPages/ListPage/IndyFormsListItem.razor.rz.scp.css */
.list-item-grid-row[b-z223for66u] {
  color: var(--text-colour, #404040);
}
.list-item-grid-row[b-z223for66u]  > * {
  display: flex;
}
.list-item-grid-row[has-action][b-z223for66u] {
  cursor: pointer;
}
/* /AutoPages/ListPage/IndyFormsListItemActions.razor.rz.scp.css */
.featured-action[b-e6omegmf87] {
  width: 26px;
  height: 26px;
  color: color-mix(in srgb, var(--text-colour, #404040) 80%, transparent);
  border-radius: calc(26px / 2);
  display: flex;
  justify-content: center;
  align-items: center;
}
.featured-action:hover[b-e6omegmf87] {
  background-color: color-mix(in srgb, var(--text-colour, #404040) 10%, transparent);
}
.list-item-actions[b-e6omegmf87]  > auto-action button,
.list-item-actions[b-e6omegmf87]  > auto-action a {
  width: 26px;
  height: 26px;
  color: color-mix(in srgb, var(--text-colour, #404040) 80%, transparent);
  border-radius: calc(26px / 2);
  display: flex;
  justify-content: center;
  align-items: center;
}
.list-item-actions[b-e6omegmf87]  > auto-action button:hover,
.list-item-actions[b-e6omegmf87]  > auto-action a:hover {
  background-color: color-mix(in srgb, var(--text-colour, #404040) 10%, transparent);
}
[b-e6omegmf87] .actions auto-action button,
[b-e6omegmf87] .actions auto-action a {
  display: grid;
  grid-template-columns: 15px auto;
  gap: 10px;
  justify-content: start;
  align-items: center;
  padding: 12px 15px;
  color: var(--text-colour, #404040);
  border-bottom: none;
  border-left: none;
  border-right: none;
  border-top: 1px solid var(--border-colour, #40404041);
  width: 100%;
  border-radius: unset;
}
[b-e6omegmf87] .actions auto-action button:hover,
[b-e6omegmf87] .actions auto-action a:hover {
  background-color: color-mix(in srgb, var(--text-colour, #404040) 10%, transparent);
}
[b-e6omegmf87] .actions auto-action button:not(:first-child),
[b-e6omegmf87] .actions auto-action a:not(:first-child) {
  border-top: 1px solid var(--border-colour, #40404041);
}
[b-e6omegmf87] .actions auto-action:first-of-type button,
[b-e6omegmf87] .actions auto-action:first-of-type a {
  border-top: none;
}
/* /AutoPages/ListPage/IndyFormsListItemNoData.razor.rz.scp.css */
/* /AutoPages/ListPage/IndyFormsListItems.razor.rz.scp.css */
.list-item-grid[b-7tm7b1i86r] {
  grid-template-columns: min-content repeat(var(--column-count), 1fr);
}
/* /AutoPages/ListPage/IndyFormsListItemsGridHeader.razor.rz.scp.css */
/* /AutoPages/ListPage/IndyFormsListItemsGridHeaderProperty.razor.rz.scp.css */
button[b-foewxnsd0o] {
  display: flex;
  gap: 5px;
  white-space: nowrap;
}
/* /AutoPages/ListPage/IndyFormsListPageTitle.razor.rz.scp.css */
indy-forms-list-page-title[b-xqi32466qe] {
  display: flex;
  align-items: start;
  justify-content: start;
  gap: 5px;
}
/* /AutoPages/ListPage/ListFilterAdvancedFilterButton.razor.rz.scp.css */
advanced-filter-toggle[b-duxptturlf] {
  box-shadow: none;
  border-radius: 5px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0px 10px 0px 0px;
  background-color: white;
  border: 1px solid var(--border-colour, #40404041);
  height: 100%;
  color: var(--secondary-text-colour, #404040E6);
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  margin: 10px 0px;
  height: 38px;
  cursor: pointer;
  user-select: none;
}
advanced-filter-toggle[b-duxptturlf]  i {
  line-height: 1;
  color: var(--secondary-text-colour, #404040E6);
  padding: 0px 8px;
  margin: 10.23px 5px 10.23px 0px;
  font-size: 16px;
}
advanced-filter-toggle.left-connect[b-duxptturlf] {
  border-radius: 0px 5px 5px 0px;
}
advanced-filter-toggle.hovered[b-duxptturlf] {
  border: 1px solid var(--primary-colour, #2F65E7);
}
/* /Components/AccountUsage/AccountQuotas.razor.rz.scp.css */
account-quotas[b-in5ur7kshk] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 10px;
}
@media only screen and (max-width : 600px) {
  account-quotas[b-in5ur7kshk] {
    grid-template-columns: auto;
  }
}
/* /Components/AccountUsage/QuotaExceededOverlay.razor.rz.scp.css */
.quota-limit-container[b-74dz9doe5e] {
  position: relative;
}
.quota-limit-container .quota-limit-overlay[b-74dz9doe5e] {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: color-mix(in srgb, var(--text-colour, #404040) 50%, transparent);
  display: flex;
  justify-content: center;
  align-items: center;
}
.quota-limit-container .quota-limit-overlay .lock-icon[b-74dz9doe5e] {
  cursor: pointer;
  font-size: 25px;
  color: rgba(255, 255, 255, 0.8);
}
.quota-limit-container .quota-limit-overlay .lock-icon[b-74dz9doe5e]::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 600;
  content: "\f023";
  margin: 0;
}
/* /Components/AccountUsage/QuotaUsageGraph.razor.rz.scp.css */
quota-usage[b-qay29foqn1] {
  display: flex;
  flex-direction: column;
  padding: 15px;
  gap: 15px;
  border: 1px solid var(--border-colour, #40404041);
  border-radius: 15px;
}
quota-usage header[b-qay29foqn1] {
  display: flex;
  align-items: center;
  gap: 10px;
}
quota-usage header label[b-qay29foqn1] {
  font-weight: bold;
}
quota-usage header i[b-qay29foqn1] {
  font-size: 18px;
}
quota-usage header span.period[b-qay29foqn1] {
  font-size: 12px;
  margin-left: auto;
  color: var(--secondary-text-colour, #404040E6);
}
quota-usage .graph[b-qay29foqn1] {
  height: 18px;
  width: 100%;
  background-color: #DEEDE6;
  border-radius: 9px;
  overflow: hidden;
}
quota-usage .graph .used[b-qay29foqn1] {
  border-bottom-left-radius: 9px;
  border-top-left-radius: 9px;
  background-color: #98C9A3;
  height: 18px;
}
quota-usage.exceeded .graph[b-qay29foqn1] {
  background-color: color-mix(in srgb, var(--warning-colour, #F9034C) 50%, transparent);
}
quota-usage.exceeded .graph .used[b-qay29foqn1] {
  display: none;
}
quota-usage.exceeded .summary .used[b-qay29foqn1] {
  color: color-mix(in srgb, var(--warning-colour, #F9034C) 50%, transparent);
}
quota-usage .summary[b-qay29foqn1] {
  margin-top: auto;
  display: flex;
  justify-content: space-between;
  font-weight: bold;
}
quota-usage .summary .used[b-qay29foqn1] {
  color: var(--primary-colour, #2F65E7);
}
quota-usage .summary .total[b-qay29foqn1] {
  color: var(--secondary-text-colour, #404040E6);
}
/* /Components/ActionItems/ActionItemDetails.razor.rz.scp.css */
action-item-details[b-e2zo73h1gh] {
  display: grid;
  grid-template-areas: 'respond header' 'respond content' 'respond footer';
  grid-template-columns: 40px auto;
  background-color: white;
  border-radius: 0px;
  padding: 5px 20px 5px 0px;
  gap: 5px;
  cursor: pointer;
  --border-colour: var(--border-colour, #40404041);
  border: 1px solid var(--border-colour);
  /*box-shadow: @z-depth-1;*/
  border-radius: 5px;
}
action-item-details:hover[b-e2zo73h1gh] {
  border-color: var(--primary-colour, #2F65E7);
}
.respond[b-e2zo73h1gh] {
  grid-area: respond;
  display: flex;
  align-items: center;
  justify-content: center;
}
.respond .respond-fraction[b-e2zo73h1gh] {
  font-weight: bold;
}
header[b-e2zo73h1gh] {
  grid-area: header;
  color: var(--text-colour, #404040);
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
  cursor: pointer;
  font-weight: bold;
}
content[b-e2zo73h1gh] {
  grid-area: content;
}
footer[b-e2zo73h1gh] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.actions i[b-e2zo73h1gh] {
  cursor: pointer;
  padding: 8px;
}
.actions .action-items[b-e2zo73h1gh] {
  background-color: white;
  border-radius: 10px;
  box-shadow: 0 3px 3px 0 rgba(64, 64, 64, 0.14), 0 1px 7px 0 rgba(64, 64, 64, 0.12), 0 3px 1px -1px rgba(64, 64, 64, 0.2);
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 13px;
  border: 1px solid var(--border-colour, #40404041);
}
[b-e2zo73h1gh] img {
  max-width: 100%;
}
/* /Components/ActionItems/ActionItemDetailsModal.razor.rz.scp.css */
action-item-details-modal[b-sdtbxmbvkh] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
header[b-sdtbxmbvkh] {
  display: flex;
  gap: 20px;
  align-items: center;
}
header button[b-sdtbxmbvkh] {
  margin-left: auto;
}
@media only screen and (max-width : 600px) {
  header[b-sdtbxmbvkh] {
    display: grid;
  }
}
.description[b-sdtbxmbvkh] {
  max-height: 300px;
  overflow-y: auto;
  padding: 20px;
  background-color: var(--background-highlight-colour, #4040400D);
  min-height: 50px;
}
a.record-link[b-sdtbxmbvkh] {
  font-weight: bold;
  font-size: 16px;
}
.responses[b-sdtbxmbvkh] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 20px;
  background-color: var(--background-highlight-colour, #4040400D);
}
.assigned-user[b-sdtbxmbvkh] {
  background-color: white;
  width: 100%;
  padding: 15px;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  box-shadow: 0 2px 2px 0 rgba(64, 64, 64, 0.14), 0 3px 1px -2px rgba(64, 64, 64, 0.12), 0 1px 5px 0 rgba(64, 64, 64, 0.2);
}
.assigned-user .header[b-sdtbxmbvkh] {
  display: flex;
  align-items: center;
  gap: 15px;
}
.assigned-user .header span.name[b-sdtbxmbvkh],
.assigned-user .header span.date-actioned[b-sdtbxmbvkh],
.assigned-user .header span.no-response[b-sdtbxmbvkh] {
  color: var(--secondary-text-colour, #404040E6);
}
.assigned-user .header span.date-actioned[b-sdtbxmbvkh],
.assigned-user .header span.no-response[b-sdtbxmbvkh] {
  margin-left: auto;
}
.assigned-user .header .response-status[b-sdtbxmbvkh] {
  position: relative;
}
.assigned-user .header .response-status .completed-indicator[b-sdtbxmbvkh] {
  position: absolute;
  top: -4px;
  right: -8px;
  width: 16px;
  height: 16px;
  font-size: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--success-colour, #33DA82);
  border-radius: 10px;
  color: white;
  border: 1px solid white;
}
/* /Components/ActionItems/ActionItemEditModal.razor.rz.scp.css */
action-item-edit-modal[b-n4c4e3ws6q] {
  margin: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
header[b-n4c4e3ws6q] {
  display: flex;
  justify-content: space-between;
}
/* /Components/ActionItems/ActionItemList.razor.rz.scp.css */
action-item-list[b-7675f6fz8l] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
header[b-7675f6fz8l] {
  display: flex;
  justify-content: space-between;
}
header h3[b-7675f6fz8l] {
  font-weight: 400;
  color: var(--text-colour, #404040);
}
content[b-7675f6fz8l] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
span.no-items[b-7675f6fz8l] {
  margin: 25px 0;
  color: var(--secondary-text-colour, #404040E6);
  text-align: center;
}
/* /Components/ActionItems/ActionItemListFilter.razor.rz.scp.css */
action-item-list-filter[b-iyx0odaqnk] {
  display: flex;
  display: grid;
  grid-template-columns: auto 136px;
}
action-item-list-filter[b-iyx0odaqnk]  editor-for[breezer-editor-for-enum] {
  margin: 0;
}
action-item-list-filter[b-iyx0odaqnk]  input {
  min-width: unset;
  width: 100%;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  height: 35px;
}
action-item-list-filter[b-iyx0odaqnk]  dropdown-selected {
  min-width: unset;
  width: 136px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  height: 35px;
}
/* /Components/ActionItems/ActionItemResponseControl.razor.rz.scp.css */
/* /Components/ActionItems/ActionItemResponseModal.razor.rz.scp.css */
header[b-xu3nqdrwib] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/* /Components/Address/IndyFormsEditorForAddress.razor.rz.scp.css */
editor-for-address[b-mdk3z264sw] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 15px;
}
editor-for-address[b-mdk3z264sw]  form-field[item="address-1"],
editor-for-address[b-mdk3z264sw]  form-field[item="address-2"] {
  grid-column-start: 1;
  grid-column-end: 3;
}
editor-for-address[b-mdk3z264sw]  input {
  width: 100%;
  min-width: unset;
}
@media only screen and (max-width : 600px) {
  editor-for-address[b-mdk3z264sw] {
    display: flex;
    flex-direction: column;
  }
}
/* /Components/AgeRange/EditorForAgeRange.razor.rz.scp.css */
editor-for[b-7juoc8ezux] {
  display: flex;
  gap: 5px;
}
editor-for .range[b-7juoc8ezux] {
  display: flex;
  align-items: center;
  gap: 10px;
}
editor-for[b-7juoc8ezux]  form-field.use-range {
  flex-direction: row-reverse;
  gap: 5px;
  align-items: center;
}
editor-for[b-7juoc8ezux]  form-field.use-range label {
  white-space: pre;
}
/* /Components/AgeRange/EditorForAgeRangeSelect.razor.rz.scp.css */
editor-for[b-qyusq6z4p2] {
  display: flex;
  align-items: center;
  gap: 5px;
  background-color: white;
  border: 1px solid var(--border-colour, #40404041);
  border-radius: 8px;
  transition: 0.2s;
  height: 35px;
}
editor-for input[b-qyusq6z4p2] {
  border: none;
  border-radius: unset;
  background-image: none;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  width: 25px;
  padding-left: 10px;
  height: 100%;
}
editor-for input:hover[b-qyusq6z4p2],
editor-for input:focus[b-qyusq6z4p2] {
  border: none;
  outline: none;
}
editor-for label[b-qyusq6z4p2] {
  height: 100%;
  display: flex;
  align-items: center;
  padding-right: 10px;
  margin: unset;
}
editor-for label.filled[b-qyusq6z4p2] {
  color: var(--text-colour, #404040);
}
editor-for span[b-qyusq6z4p2],
editor-for label[b-qyusq6z4p2] {
  color: var(--secondary-text-colour, #404040E6);
}
editor-for span.seperator[b-qyusq6z4p2] {
  font-size: 12px;
}
editor-for:hover[b-qyusq6z4p2] {
  border-color: var(--primary-colour, #2F65E7);
}
editor-for:focus-within[b-qyusq6z4p2] {
  border-color: var(--primary-colour, #2F65E7);
}
/* /Components/AI/AIDesignerModal.razor.rz.scp.css */
ai-designer-modal[b-m35x115ddi] {
  display: grid;
  grid-template-columns: repeat(2, calc(50% - 7.5px));
  gap: 15px;
  height: 700px;
  max-height: 100%;
}
@media only screen and (max-width : 600px) {
  ai-designer-modal[b-m35x115ddi] {
    max-height: calc(90svh - 65px);
    grid-template-columns: 1fr;
    overflow: auto;
    scrollbar-gutter: stable;
  }
  ai-designer-modal .preview[b-m35x115ddi] {
    display: none;
  }
}
ai-designer-modal > *[b-m35x115ddi] {
  height: 700px;
}
.preview[b-m35x115ddi] {
  position: relative;
  background-color: var(--background-colour, #FBFBFB);
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.preview > span[b-m35x115ddi] {
  margin: auto;
  color: var(--secondary-text-colour, #404040E6);
}
.preview .preview-container[b-m35x115ddi] {
  height: 700px;
  width: 100%;
  padding: 15px;
  padding-bottom: 100px;
  background-color: var(--background-colour, #FBFBFB);
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow-y: auto;
  scrollbar-gutter: stable;
}
.preview[b-m35x115ddi]  button.use-ai-design {
  position: absolute;
  bottom: 25px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: min-content;
  white-space: nowrap;
  box-shadow: 0 8px 17px 2px rgba(64, 64, 64, 0.14), 0 3px 14px 2px rgba(64, 64, 64, 0.12), 0 5px 5px -3px rgba(64, 64, 64, 0.2);
  background-color: var(--success-colour, #33DA82);
  border: none;
  padding: 15px 20px;
  border-radius: 10px;
  z-index: 1000;
  font-weight: bold;
}
/* /Components/AI/AIDesignerPreviewModal.razor.rz.scp.css */
ai-designer-preview-modal[b-ahlalrlp20] {
  position: relative;
  background-color: var(--background-colour, #FBFBFB);
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
ai-designer-preview-modal > span[b-ahlalrlp20] {
  margin: auto;
  color: var(--secondary-text-colour, #404040E6);
}
ai-designer-preview-modal .preview-container[b-ahlalrlp20] {
  height: 700px;
  width: 100%;
  padding: 15px;
  padding-bottom: 100px;
  background-color: var(--background-colour, #FBFBFB);
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow-y: auto;
  scrollbar-gutter: stable;
}
ai-designer-preview-modal[b-ahlalrlp20]  button.use-ai-design {
  position: absolute;
  bottom: 25px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: min-content;
  white-space: nowrap;
  box-shadow: 0 8px 17px 2px rgba(64, 64, 64, 0.14), 0 3px 14px 2px rgba(64, 64, 64, 0.12), 0 5px 5px -3px rgba(64, 64, 64, 0.2);
  background-color: var(--success-colour, #33DA82);
  border: none;
  padding: 15px 20px;
  border-radius: 10px;
  z-index: 1000;
  font-weight: bold;
}
ai-designer-preview-modal > span[b-ahlalrlp20] {
  margin: auto;
  color: var(--secondary-text-colour, #404040E6);
}
ai-designer-preview-modal .preview-container[b-ahlalrlp20] {
  height: 700px;
  width: 100%;
  padding: 15px;
  padding-bottom: 100px;
  background-color: var(--background-colour, #FBFBFB);
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow-y: auto;
  scrollbar-gutter: stable;
}
ai-designer-preview-modal[b-ahlalrlp20]  button.use-ai-design {
  position: absolute;
  bottom: 25px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: min-content;
  white-space: nowrap;
  box-shadow: 0 8px 17px 2px rgba(64, 64, 64, 0.14), 0 3px 14px 2px rgba(64, 64, 64, 0.12), 0 5px 5px -3px rgba(64, 64, 64, 0.2);
  background-color: var(--success-colour, #33DA82);
  border: none;
  padding: 15px 20px;
  border-radius: 10px;
  z-index: 1000;
  font-weight: bold;
}
/* /Components/AI/IndyFormsAiChat.razor.rz.scp.css */
ai-chat[b-nuro9eqrjp] {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  overflow: auto;
  scrollbar-gutter: stable;
}
ai-chat[b-nuro9eqrjp]  .ai-chat[breezer-ai-chat] {
  padding-top: 30px;
}
ai-chat[b-nuro9eqrjp]  .ai-chat[breezer-ai-chat] .chat-container[breezer-ai-chat] {
  padding-bottom: 30px;
}
@media 600px {
  ai-chat[b-nuro9eqrjp]  .ai-chat[breezer-ai-chat] .chat-container[breezer-ai-chat] {
    padding-bottom: 10px;
    padding: 10px;
  }
}
ai-chat[b-nuro9eqrjp]  .ai-chat[breezer-ai-chat] .chat-container[breezer-ai-chat] .chat-input[breezer-ai-chat-input] {
  gap: 20px;
  display: grid;
  align-items: start;
  grid-template-columns: max-content 1fr max-content;
}
@media 600px {
  ai-chat[b-nuro9eqrjp]  .ai-chat[breezer-ai-chat] .chat-container[breezer-ai-chat] .chat-input[breezer-ai-chat-input] {
    gap: 10px;
  }
}
ai-chat[b-nuro9eqrjp]  .ai-chat[breezer-ai-chat] .chat-container[breezer-ai-chat] .chat-input[breezer-ai-chat-input] textarea,
ai-chat[b-nuro9eqrjp]  .ai-chat[breezer-ai-chat] .chat-container[breezer-ai-chat] .chat-input[breezer-ai-chat-input] .send-button {
  order: 1;
}
ai-chat[b-nuro9eqrjp]  .ai-chat[breezer-ai-chat] .chat-container[breezer-ai-chat] .chat-input[breezer-ai-chat-input] textarea {
  height: 100%;
}
ai-chat[b-nuro9eqrjp]  .ai-chat[breezer-ai-chat] .chat-container[breezer-ai-chat] .editor-for-chat-documents[breezer-editor-for-chat-documents] {
  grid-row: 2;
  flex-wrap: wrap;
  grid-column: span 3;
}
ai-chat[b-nuro9eqrjp]  .ai-chat[breezer-ai-chat] .chat-container[breezer-ai-chat] .actions[breezer-ai-chat-input] {
  display: contents;
}
ai-chat[b-nuro9eqrjp]  .ai-chat[breezer-ai-chat] .chat-container[breezer-ai-chat] .actions[breezer-ai-chat-input] .send-button[breezer-ai-chat-input] {
  margin: 0;
  padding: 0;
  width: 30px;
  height: 30px;
  margin-left: auto;
  border-radius: 50%;
  background-color: var(--background-highlight-colour);
}
ai-chat[b-nuro9eqrjp]  .ai-chat[breezer-ai-chat] .chat-container[breezer-ai-chat] .actions[breezer-ai-chat-input] indyforms-file-upload .description {
  /*display: none;*/
  max-width: 150px;
}
[b-nuro9eqrjp] .ai-chat[breezer-ai-chat] > chat-messages[data-in-progress] > aitoolnotifications::after {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 600;
  content: "\f3f4";
  width: min-content;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  z-index: 2;
  animation: spin 1.5s ease infinite;
  opacity: 0.8;
}
[b-nuro9eqrjp] .chat-input::after {
  content: "AI can make mistakes. Verify the output.";
  position: absolute;
  bottom: 5px;
  width: 100%;
  text-align: center;
  left: 0;
  font-size: 12px;
  color: var(--secondary-text-colour);
}
/* /Components/Areas/Area.razor.rz.scp.css */
.app-area.root[b-p85q1sjmcz] {
  border: 1px solid var(--border-colour, #40404041);
  border-radius: 8px;
  background-color: var(--background-colour, #FBFBFB);
}
.app-area.root:not(.has-children) > .area-info[b-p85q1sjmcz],
.app-area.root:not(.expanded) > .area-info[b-p85q1sjmcz] {
  padding: 10px;
  margin: 0px;
}
.app-area.root:not(.expanded) > .area-info[b-p85q1sjmcz] {
  padding: 10px;
  margin: 0px;
}
.app-area.selected > .area-info[b-p85q1sjmcz] {
  background-color: color-mix(in srgb, var(--primary-colour, #2F65E7) 20%, transparent);
}
.area-info[b-p85q1sjmcz] {
  position: relative;
  display: flex;
  gap: 5px;
  align-items: center;
  transition: 0.2s;
  padding: 7px;
  margin: 3px;
  border-radius: 8px;
}
.area-info[b-p85q1sjmcz]  area-dropzone {
  position: absolute;
  left: 0;
  border-radius: 8px;
}
.area-info:hover[b-p85q1sjmcz] {
  background-color: color-mix(in srgb, var(--primary-colour, #2F65E7) 10%, transparent);
}
.area-info .expand-indicator[b-p85q1sjmcz] {
  height: 20px;
  width: 20px;
  min-width: 20px;
  min-height: 20px;
  font-size: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.area-info .expand-indicator:hover[b-p85q1sjmcz] {
  color: var(--primary-colour, #2F65E7);
}
.area-info[draggable="true"] .details i[b-p85q1sjmcz] {
  cursor: grab;
}
.area-info .details[b-p85q1sjmcz] {
  flex-grow: 1;
  white-space: wrap;
}
.area-info .details span[b-p85q1sjmcz] {
  cursor: default;
  white-space: wrap;
}
.area-info .actions[b-p85q1sjmcz] {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-left: 10px;
  color: var(--secondary-text-colour, #404040E6);
}
.area-info .actions .select-area[b-p85q1sjmcz] {
  display: flex;
  gap: 5px;
  align-items: center;
}
.area-info .actions .select-area .descendants-selected[b-p85q1sjmcz] {
  margin-left: auto;
  font-size: 12px;
  font-style: italic;
  color: var(--secondary-text-colour, #404040E6);
}
.area-info .actions .select-area.partial-selected[b-p85q1sjmcz]  editor-for[display="checkbox"][checked][breezer-editor-for-bool] {
  color: var(--text-colour, #404040);
  border-color: var(--text-colour, #404040);
  background: repeating-linear-gradient(45deg, transparent, transparent 5px, color-mix(in srgb, var(--text-colour, #404040) 10%, transparent) 5px, color-mix(in srgb, var(--text-colour, #404040) 10%, transparent) 10px);
}
.area-info .actions .select-area[b-p85q1sjmcz]  editor-for[display="checkbox"][breezer-editor-for-bool] {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  font-size: 12px;
}
.app-area[b-p85q1sjmcz] {
  display: flex;
  flex-direction: column;
}
.child-areas[b-p85q1sjmcz] {
  display: flex;
  flex-direction: column;
  animation: openChildren ease-in 0.2s forwards;
  margin-left: 18px;
}
/* /Components/Areas/AreaActions.razor.rz.scp.css */
i[b-mos0t3lij7] {
  cursor: pointer;
}
i:hover[b-mos0t3lij7] {
  color: var(--primary-colour, #2F65E7);
}
.actions[b-mos0t3lij7] {
  background-color: white;
  border-radius: 10px;
  box-shadow: 0 3px 3px 0 rgba(64, 64, 64, 0.14), 0 1px 7px 0 rgba(64, 64, 64, 0.12), 0 3px 1px -1px rgba(64, 64, 64, 0.2);
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 13px;
  border: 1px solid var(--border-colour, #40404041);
}
.actions > *[b-mos0t3lij7] {
  word-wrap: anywhere;
  color: var(--text-colour, #404040);
  font-size: 16px;
  padding: 5px 0;
  border-radius: 3px;
  transition: 0.2s;
  text-align: start;
  cursor: pointer;
}
.actions > *:hover[b-mos0t3lij7] {
  color: var(--primary-colour, #2F65E7);
}
/* /Components/Areas/AreaDropzone.razor.rz.scp.css */
area-dropzone[b-5s8rulgfft] {
  display: block;
  width: 100%;
  height: 100%;
}
area-dropzone[b-5s8rulgfft]  > dropzone {
  width: 100%;
  height: 100%;
}
area-dropzone[b-5s8rulgfft]  > dropzone[target] {
  background-color: color-mix(in srgb, var(--primary-colour, #2F65E7) 10%, transparent);
  border: 1px dashed var(--primary-colour, #2F65E7);
}
/* /Components/Areas/AreaExplorer.razor.rz.scp.css */
area-explorer[b-z4s71geqo6] {
  display: grid;
  gap: 10px;
  grid-template-rows: auto 1fr;
  padding: 15px;
}
.fixed-areas[b-z4s71geqo6] {
  display: grid;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  gap: 0;
}
.fixed-areas[b-z4s71geqo6]  .app-area.root:not(:last-child),
.fixed-areas[b-z4s71geqo6]  .app-area.root:not(:last-child) > .area-info,
.fixed-areas[b-z4s71geqo6]  .app-area.root:not(:last-child) > .area-info:hover {
  border-start-end-radius: 0;
  border-end-end-radius: 0;
}
.fixed-areas[b-z4s71geqo6]  .app-area.root:not(:first-child),
.fixed-areas[b-z4s71geqo6]  .app-area.root:not(:first-child) > .area-info,
.fixed-areas[b-z4s71geqo6]  .app-area.root:not(:first-child) > .area-info:hover {
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}
.fixed-areas[b-z4s71geqo6]  .expand-indicator,
.fixed-areas[b-z4s71geqo6]  .actions {
  display: none;
}
.fixed-areas[b-z4s71geqo6]  .details {
  text-align: center;
}
header[b-z4s71geqo6] {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  grid-template-columns: 1fr 20px;
}
header[b-z4s71geqo6]  > i {
  width: 30px;
  height: 30px;
  align-content: center;
  cursor: pointer;
}
.root[b-z4s71geqo6] {
  border-radius: 8px;
  border: solid 1px var(--border-colour, #40404041);
  background-color: var(--content-background-colour, #ffffff);
}
.explorer[b-z4s71geqo6] {
  overflow-y: auto;
}
.explorer[b-z4s71geqo6] {
  position: relative;
  padding-bottom: 50px;
  display: grid;
  gap: 8px;
}
.explorer[b-z4s71geqo6]  button.add-area {
  position: absolute;
  box-shadow: 0 2px 2px 0 rgba(64, 64, 64, 0.14), 0 3px 1px -2px rgba(64, 64, 64, 0.12), 0 1px 5px 0 rgba(64, 64, 64, 0.2);
  bottom: 10px;
  left: 0;
  right: 0;
  margin: auto;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  padding: 0;
  background-color: var(--text-colour, #404040);
  border: none;
}
.explorer[b-z4s71geqo6]  button.add-area:hover {
  background-color: var(--primary-colour, #2F65E7);
  box-shadow: 0 4px 5px 0 rgba(64, 64, 64, 0.14), 0 1px 10px 0 rgba(64, 64, 64, 0.12), 0 2px 4px -1px rgba(64, 64, 64, 0.3);
  opacity: 1;
}
[b-z4s71geqo6] dropzone {
  border: 1px dashed var(--border-colour, #40404041);
}
@media only screen and (max-width : 600px) {
  area-explorer[b-z4s71geqo6] {
    display: flex;
    flex-direction: column;
  }
}
/* /Components/Areas/AreaSelectPanel.razor.rz.scp.css */
area-select-panel[b-4bhjb5qcum] {
  padding: 5px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 250px;
  max-width: 300px;
  overflow-y: auto;
  background-color: var(--background-colour, #FBFBFB);
  background-color: color-mix(in srgb, var(--background-colour, #FBFBFB), #000 3%);
}
area-select-panel[b-4bhjb5qcum]  area-select {
  display: none;
}
@media only screen and (max-width : 1400px) {
  area-select-panel[b-4bhjb5qcum] {
    height: 60px;
    width: 100%;
    position: absolute;
    background-color: inherit;
  }
  area-select-panel[b-4bhjb5qcum]  area-explorer {
    display: none;
  }
  area-select-panel[b-4bhjb5qcum]  area-select {
    display: block;
  }
  area-select-panel.expanded[b-4bhjb5qcum] {
    position: relative;
    min-width: 250px;
    max-width: 300px;
    height: auto;
    background-color: color-mix(in srgb, var(--background-colour, #FBFBFB), #000 3%);
  }
  area-select-panel.expanded[b-4bhjb5qcum]  area-select {
    display: none;
  }
  area-select-panel.expanded[b-4bhjb5qcum]  area-explorer {
    display: block;
  }
}
@media only screen and (max-width : 600px) {
  area-select-panel[b-4bhjb5qcum] {
    min-width: unset;
    max-width: unset;
    position: relative;
    width: 100vw;
  }
  area-select-panel.expanded[b-4bhjb5qcum] {
    height: auto;
    width: 100vw;
    min-width: unset;
    max-width: unset;
  }
}
/* /Components/Areas/EditAreaModal.razor.rz.scp.css */
edit-area-modal[b-yed51knvb6] {
  display: flex;
  flex-direction: column;
}
[b-yed51knvb6] form-field.description input {
  width: 100%;
}
[b-yed51knvb6] form-field.parent-folder summary-for {
  width: fit-content;
}
[b-yed51knvb6] button {
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}
/* /Components/Areas/Entity/EditorForArea.razor.rz.scp.css */
summary-for[b-rg41pw962z] {
  height: 26px;
  display: flex;
  gap: 5px;
  padding: 0 13px;
  border-radius: 13px;
  color: var(--text-colour, #404040);
  border: 1px solid var(--text-colour, #404040);
  cursor: default;
  font-size: 12px;
  font-weight: bold;
}
summary-for:hover[b-rg41pw962z] {
  color: var(--primary-colour, #2F65E7);
  border: 1px solid var(--primary-colour, #2F65E7);
}
summary-for > *[b-rg41pw962z] {
  margin: auto;
}
/* /Components/Areas/Entity/EntityAreaSelectModal.razor.rz.scp.css */
form-area-select-modal[b-nwps9r6nyd] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.actions[b-nwps9r6nyd] {
  display: flex;
  justify-content: center;
}
/* /Components/Areas/Legacy/AreaExplorerSummary.razor.rz.scp.css */
area-explorer-summary[b-ua0kxwue9m] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
[b-ua0kxwue9m] .item-details {
  color: color-mix(in srgb, var(--text-colour, #404040) 20%, transparent);
}
[b-ua0kxwue9m] .item-details i {
  font-size: 12px;
  margin: 0 5px;
  color: var(--success-colour, #33DA82);
}
[b-ua0kxwue9m] .item-details.selected {
  color: var(--text-colour, #404040);
}
[b-ua0kxwue9m] .children {
  display: flex;
  gap: 5px;
}
[b-ua0kxwue9m] .children .child-items {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.root > span[b-ua0kxwue9m] {
  font-weight: bold;
}
/* /Components/Areas/Legacy/AreaSelect.razor.rz.scp.css */
area-select[b-fxbpp2mxxy] {
  display: flex;
  gap: 8px;
  height: 45px;
  cursor: pointer;
  align-items: center;
  width: 100%;
  background-color: white;
  color: var(--text-colour, #404040);
  padding: 0 8px;
  overflow-x: auto;
  border-bottom: 1px solid var(--border-colour, #40404041);
  color: color-mix(in srgb, var(--text-colour, #404040) 80%, transparent);
  animation: area-slide-in-b-fxbpp2mxxy 0.3s linear forwards;
}
area-select > *[b-fxbpp2mxxy] {
  animation: area-slide-in-content-b-fxbpp2mxxy 0.3s linear forwards;
}
area-select label[b-fxbpp2mxxy] {
  white-space: pre;
  cursor: pointer;
}
.fraction-selected[b-fxbpp2mxxy] {
  font-weight: bold;
  margin: 0 5px;
  color: var(--text-colour, #404040);
  height: 26px;
  border-radius: calc(26px / 2);
  background-color: color-mix(in srgb, var(--text-colour, #404040) 10%, transparent);
  font-size: 12px;
  display: flex;
  align-items: center;
  padding: 0 10px;
}
.fraction-selected:hover[b-fxbpp2mxxy] {
  background-color: color-mix(in srgb, var(--text-colour, #404040) 20%, transparent);
}
.area-summary[b-fxbpp2mxxy] {
  height: 26px;
  border-radius: calc(26px / 2);
  background-color: color-mix(in srgb, var(--primary-colour, #2F65E7) 10%, transparent);
  color: var(--primary-colour, #2F65E7);
  padding: 0 13px;
  font-size: 12px;
  display: flex;
  align-items: center;
  gap: 5px;
  position: relative;
  white-space: pre;
}
.area-summary i[b-fxbpp2mxxy] {
  font-weight: bold;
}
.area-summary span[b-fxbpp2mxxy] {
  white-space: nowrap;
}
.area-summary:hover[b-fxbpp2mxxy] {
  background-color: color-mix(in srgb, var(--primary-colour, #2F65E7) 20%, transparent);
}
.all-areas[b-fxbpp2mxxy] {
  font-weight: bold;
  color: var(--primary-colour, #2F65E7);
}
[b-fxbpp2mxxy] loading-spinner spinner[breezer-loading-spinner] {
  border-color: white;
}
@keyframes area-slide-in-b-fxbpp2mxxy {
  0% {
    max-height: 0;
  }
  95% {
    max-height: 100%;
  }
}
@keyframes area-slide-in-content-b-fxbpp2mxxy {
  0% {
    opacity: 0;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* /Components/Areas/Legacy/AreaSelectionWidget.razor.rz.scp.css */
/* /Components/Areas/Legacy/AreaSelectModal.razor.rz.scp.css */
area-select-modal[b-6lv14y9uoe] {
  margin: 10px 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.actions[b-6lv14y9uoe] {
  display: flex;
  justify-content: center;
}
/* /Components/Areas/SelectedAreasSummary.razor.rz.scp.css */
area-select[b-2jejikwz1k] {
  display: flex;
  gap: 8px;
  height: 45px;
  cursor: pointer;
  align-items: center;
  width: 100%;
  color: var(--text-colour, #404040);
  padding: 0 8px;
  overflow-x: auto;
  color: color-mix(in srgb, var(--text-colour, #404040) 80%, transparent);
  animation: area-slide-in-b-2jejikwz1k 0.3s linear forwards;
}
area-select > *[b-2jejikwz1k] {
  animation: area-slide-in-content-b-2jejikwz1k 0.3s linear forwards;
}
area-select label[b-2jejikwz1k] {
  white-space: pre;
  cursor: pointer;
}
.fraction-selected[b-2jejikwz1k] {
  font-weight: bold;
  margin: 0 5px;
  color: var(--text-colour, #404040);
  height: 26px;
  border-radius: calc(26px / 2);
  background-color: color-mix(in srgb, var(--text-colour, #404040) 10%, transparent);
  font-size: 12px;
  display: flex;
  align-items: center;
  padding: 0 10px;
}
.fraction-selected:hover[b-2jejikwz1k] {
  background-color: color-mix(in srgb, var(--text-colour, #404040) 20%, transparent);
}
.area-summary[b-2jejikwz1k] {
  height: 26px;
  border-radius: calc(26px / 2);
  background-color: color-mix(in srgb, var(--primary-colour, #2F65E7) 10%, transparent);
  color: var(--primary-colour, #2F65E7);
  padding: 0 13px;
  font-size: 12px;
  display: flex;
  align-items: center;
  gap: 5px;
  position: relative;
  white-space: pre;
}
.area-summary i[b-2jejikwz1k] {
  font-weight: bold;
}
.area-summary span[b-2jejikwz1k] {
  white-space: nowrap;
}
.area-summary:hover[b-2jejikwz1k] {
  background-color: color-mix(in srgb, var(--primary-colour, #2F65E7) 20%, transparent);
}
.all-areas[b-2jejikwz1k] {
  font-weight: bold;
  color: var(--primary-colour, #2F65E7);
}
[b-2jejikwz1k] loading-spinner spinner[breezer-loading-spinner] {
  border-color: white;
}
@keyframes area-slide-in-b-2jejikwz1k {
  0% {
    max-height: 0;
  }
  95% {
    max-height: 100%;
  }
}
@keyframes area-slide-in-content-b-2jejikwz1k {
  0% {
    opacity: 0;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* /Components/Areas/SummaryForArea.razor.rz.scp.css */
summary-for[b-om5x3z8f5p] {
  height: 26px;
  display: flex;
  gap: 5px;
  padding: 0 13px;
  border-radius: 13px;
  color: var(--text-colour, #404040);
  border: 1px solid var(--text-colour, #404040);
  cursor: default;
  font-size: 12px;
  font-weight: bold;
  white-space: nowrap;
}
summary-for:hover[b-om5x3z8f5p] {
  color: var(--primary-colour, #2F65E7);
  border: 1px solid var(--primary-colour, #2F65E7);
}
summary-for > *[b-om5x3z8f5p] {
  margin: auto;
}
/* /Components/Billing/CurrencyValueEditor.razor.rz.scp.css */
input[b-mygovcvaaq] {
  max-width: 120px;
  min-width: unset;
}
span.currency[b-mygovcvaaq] {
  opacity: 0.5;
}
/* /Components/Calendar/CalendarDisplay.razor.rz.scp.css */
calendar[b-kalfz2xj83] {
  display: flex;
  flex-direction: column;
}
calendar header[b-kalfz2xj83] {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  padding: 8px 0;
  margin-bottom: 5px;
}
calendar header label[b-kalfz2xj83] {
  font-size: 18px;
  font-weight: bold;
}
calendar header button[b-kalfz2xj83] {
  font-size: 18px;
  padding: 8px;
}
calendar .calendar-days[b-kalfz2xj83] {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-column-gap: 3px;
  grid-row-gap: 3px;
}
calendar .calendar-day-label[b-kalfz2xj83] {
  color: #a5b2c1;
}
calendar .calendar-day[b-kalfz2xj83],
calendar .calendar-day-label[b-kalfz2xj83] {
  font-weight: 600;
  display: flex;
  justify-content: center;
}
calendar .calendar-day[b-kalfz2xj83] {
  color: var(--text-colour, #404040);
  display: flex;
  position: relative;
  padding: 3px;
  cursor: pointer;
}
calendar .calendar-day label.day[b-kalfz2xj83] {
  cursor: inherit;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50px;
}
calendar .calendar-day.today label[b-kalfz2xj83] {
  background-color: #ecf0f1;
}
calendar .calendar-day:hover label[b-kalfz2xj83] {
  background-color: var(--background-highlight-colour, #4040400D);
}
calendar .calendar-day.monday[b-kalfz2xj83] {
  grid-column: 1;
}
calendar .calendar-day.tuesday[b-kalfz2xj83] {
  grid-column: 2;
}
calendar .calendar-day.wednesday[b-kalfz2xj83] {
  grid-column: 3;
}
calendar .calendar-day.thursday[b-kalfz2xj83] {
  grid-column: 4;
}
calendar .calendar-day.friday[b-kalfz2xj83] {
  grid-column: 5;
}
calendar .calendar-day.saturday[b-kalfz2xj83] {
  grid-column: 6;
}
calendar .calendar-day.sunday[b-kalfz2xj83] {
  grid-column: 7;
}
calendar .calendar-day .events[b-kalfz2xj83] {
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
calendar .calendar-day .events .event-indicator[b-kalfz2xj83] {
  margin: 0 1px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
calendar .calendar-day .events .additional-events[b-kalfz2xj83] {
  margin: 0 1px;
  font-size: 9px;
  color: var(--secondary-text-colour, #404040E6);
}
.generation-rule-calendar .event-indicator[b-kalfz2xj83] {
  background-color: #2f65e7;
}
.due-dates .event-indicator[b-kalfz2xj83] {
  --event-colour: #5664e3;
  background-color: var(--event-colour);
}
.due-dates .event-indicator.due-soon[b-kalfz2xj83] {
  --event-colour: #e8c174;
}
.due-dates .event-indicator.overdue[b-kalfz2xj83] {
  --event-colour: #eb4034;
}
.due-dates .event-indicator.action-item[b-kalfz2xj83] {
  background-color: unset;
  border: 2px solid var(--event-colour);
}
/* /Components/ColourPicker.razor.rz.scp.css */
colour-picker[b-9hw6lc1tqt] {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
colour-picker button.colour[b-9hw6lc1tqt] {
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: none;
  padding: unset;
}
colour-picker button.colour:hover[b-9hw6lc1tqt] {
  box-shadow: 0 2px 2px 0 rgba(64, 64, 64, 0.14), 0 3px 1px -2px rgba(64, 64, 64, 0.12), 0 1px 5px 0 rgba(64, 64, 64, 0.2);
}
colour-picker button.colour.selected[b-9hw6lc1tqt] {
  box-shadow: 0 4px 5px 0 rgba(64, 64, 64, 0.14), 0 1px 10px 0 rgba(64, 64, 64, 0.12), 0 2px 4px -1px rgba(64, 64, 64, 0.3);
}
/* /Components/CopyTextButton.razor.rz.scp.css */
button[b-c397l4k17w] {
  position: relative;
}
.copied-indicator[b-c397l4k17w] {
  z-index: 2000;
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
  height: 26px;
  width: max-content;
  border-radius: calc(26px / 2);
  padding: 0px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  background-color: color-mix(in srgb, var(--text-colour, #404040) 80%, transparent);
  font-weight: bold;
  color: white;
  font-size: 12px;
  white-space: pre;
  overflow: visible;
  animation: fade-in-out-b-c397l4k17w ease-out 1.5s forwards;
}
@keyframes fade-in-out-b-c397l4k17w {
  0% {
    opacity: 0;
    top: -10px;
  }
  20% {
    top: -30px;
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* /Components/CouponCodes/CouponCodeUpdateModal.razor.rz.scp.css */
coupon-code-update-modal[b-tr2zl0u9lp] {
  margin-top: 25px;
  display: grid;
  grid-template-columns: 80% 20%;
  gap: 10px;
  align-items: center;
}
@media only screen and (max-width : 600px) {
  coupon-code-update-modal[b-tr2zl0u9lp] {
    grid-template-columns: auto;
  }
}
p[b-tr2zl0u9lp] {
  grid-row: 2;
  grid-column-end: 3;
  grid-column-start: 1;
}
p.coupon-description[b-tr2zl0u9lp] {
  color: var(--success-colour, #33DA82);
}
p.invalid-code[b-tr2zl0u9lp] {
  color: var(--warning-colour, #F9034C);
}
/* /Components/DateInput.razor.rz.scp.css */
date-input[b-gdtzuda6xa] {
  display: flex;
  align-items: center;
}
span[b-gdtzuda6xa] {
  margin: auto 7px;
  color: grey;
  font-size: 18px;
}
input[type="text"][b-gdtzuda6xa] {
  width: 48px;
  min-width: unset;
}
input[type="text"][b-gdtzuda6xa]::-webkit-calendar-picker-indicator {
  display: none !important;
}
input[type="text"].year[b-gdtzuda6xa] {
  width: 60px;
}
button.clear-input[b-gdtzuda6xa] {
  padding: 10px;
}
button.clear-input[b-gdtzuda6xa]::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  content: "\f00d";
  margin: 0;
}
/* /Components/DateRange/IndyFormsEditorForDateRange.razor.rz.scp.css */
editor-for[b-fvmwnslsxh] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.range[b-fvmwnslsxh] {
  align-items: center;
  display: flex;
  gap: 5px;
  flex-wrap: nowrap;
}
[b-fvmwnslsxh] form-field {
  flex-direction: row;
  gap: 5px;
  align-items: center;
  justify-content: center;
  margin: 0px;
}
[b-fvmwnslsxh] label {
  overflow-y: visible;
  white-space: nowrap;
  padding-left: 5px;
}
/* /Components/DesignModal/FormDesignModal.razor.rz.scp.css */
.design-actions[b-t7ibtab6yo] {
  margin: 20px 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
}
@media only screen and (max-width : 600px) {
  .design-actions[b-t7ibtab6yo] {
    grid-template-columns: 1fr;
  }
}
/* /Components/DesignModal/FormDesignModalAction.razor.rz.scp.css */
.form-design-modal-action[b-9bwaeftwt4] {
  position: relative;
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 15px;
  border: 1px solid var(--border-colour, #40404041);
  border-radius: 10px;
  transition: 0.2s;
}
.form-design-modal-action:hover[b-9bwaeftwt4] {
  cursor: pointer;
  background-color: var(--background-highlight-colour, #4040400D);
  border-color: var(--primary-colour, #2F65E7);
}
label[b-9bwaeftwt4] {
  font-weight: bold;
  cursor: pointer;
}
i[b-9bwaeftwt4] {
  color: var(--text-colour, #404040);
  width: 45px;
  height: 45px;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--background-colour, #FBFBFB);
  border-radius: 10px;
}
.loading-overlay[b-9bwaeftwt4] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* /Components/DisplayForIndyFormsUser.razor.rz.scp.css */
display-for[b-p9uyiu8q6t] {
  display: flex;
  flex-direction: column;
  padding: 14px;
  margin: 5px 0;
  background-color: white;
  border-radius: 12px;
  transition: 0.3s;
  width: 100%;
  border: 1px solid var(--border-colour, #40404041);
}
display-for[b-p9uyiu8q6t]  summary-for[type="tenant-membership-status"] {
  width: min-content;
}
display-for[b-p9uyiu8q6t]  form-field[breezer-form-field] {
  margin: 5px 0;
}
display-for[b-p9uyiu8q6t]  form-field[breezer-form-field].name-and-avatar {
  margin: 10px 0;
  display: flex;
  flex-direction: row;
  gap: 5px;
  align-items: center;
}
display-for[b-p9uyiu8q6t]  form-field[breezer-form-field].name-and-avatar > span {
  font-size: 18px;
  font-weight: bold;
}
display-for[b-p9uyiu8q6t]  display-for[type="list-manage-users-group-summary-model"] summary-for {
  display: block;
}
display-for-activity-feed[b-p9uyiu8q6t] {
  display: flex;
  flex-direction: column;
  padding: 14px;
  margin: 20px 0 5px;
  background-color: white;
  border-radius: 12px;
  transition: 0.3s;
  width: 100%;
  border: 1px solid var(--border-colour, #40404041);
}
display-for-activity-feed[b-p9uyiu8q6t]  form-field[breezer-form-field].activity-feed > button {
  margin-top: 10px;
  margin-left: auto;
  width: max-content;
}
/* /Components/DocumentLibrary/AreaTagEditor.razor.rz.scp.css */
.area-tag[b-66qtngbvi5] {
  display: flex;
  gap: 8px;
  align-items: center;
}
/* /Components/DocumentLibrary/LibraryDocumentIcon.razor.rz.scp.css */
i[b-jnd953d4mi] {
  width: min-content;
  height: min-content;
  color: var(--text-colour, #404040);
}
/* /Components/DocumentLibrary/LibraryDocumentPreview.razor.rz.scp.css */
.library-document-display[b-aw5eahosmo] {
  min-width: 400px;
  max-width: 100%;
  width: 100%;
  min-height: 400px;
  height: 100%;
  max-height: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
  position: relative;
}
.library-document-display .onlyoffice-container[b-aw5eahosmo] {
  top: -28px;
  height: calc(400px + 28px);
  position: absolute;
  width: 100%;
  height: 100%;
}
/* /Components/Documents/ImageDisplayModal.razor.rz.scp.css */
image-display-modal[b-c9191rtagb] {
  z-index: 1000;
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #0d193680;
  display: flex;
  justify-content: center;
  align-items: center;
}
.image-display[b-c9191rtagb] {
  position: relative;
}
.image-display button[b-c9191rtagb] {
  position: absolute;
  top: -55px;
  right: -20px;
  padding: 20px;
  font-size: 25px;
  color: white;
  opacity: 0.6;
}
.image-display button:hover[b-c9191rtagb] {
  opacity: 1;
}
/* /Components/Documents/IndyFormsFileUpload.razor.rz.scp.css */
indyforms-file-upload[b-mvrma3jx52] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  padding: 15px;
  border-radius: 8px;
  border: 1px dashed var(--border-colour, #40404041);
}
indyforms-file-upload:hover[b-mvrma3jx52] {
  border-color: var(--primary-colour, #2F65E7);
  background-color: color-mix(in srgb, var(--primary-colour, #2F65E7) 5%, transparent);
}
span.description b[b-mvrma3jx52] {
  color: var(--primary-colour, #2F65E7);
}
i[b-mvrma3jx52] {
  width: 48px;
  height: 48px;
  font-size: 25px;
  background-color: color-mix(in srgb, var(--primary-colour, #2F65E7) 10%, transparent);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: var(--primary-colour, #2F65E7);
}
[b-mvrma3jx52] input[type="file"] {
  position: absolute;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  padding: 0;
  margin: 0;
  font-size: 0;
  cursor: pointer;
}
[b-mvrma3jx52] input[type="file"]:disabled {
  cursor: default;
}
/* /Components/Documents/StorageExceededOverlay.razor.rz.scp.css */
storage-quota-exceeded-overlay[b-x9kpdiowjy] {
  z-index: 2000;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: color-mix(in srgb, var(--soft-warning-colour, #D38200) 50%, transparent);
  background: repeating-linear-gradient(-45deg, color-mix(in srgb, var(--text-colour, #404040) 20%, transparent), color-mix(in srgb, var(--text-colour, #404040) 20%, transparent) 10px, color-mix(in srgb, var(--text-colour, #404040) 50%, transparent) 10px, color-mix(in srgb, var(--text-colour, #404040) 50%, transparent) 20px);
  display: flex;
  justify-content: center;
  align-items: center;
}
storage-quota-exceeded-overlay i.quota-reached[b-x9kpdiowjy] {
  font-style: normal;
  font-size: 22px;
  color: var(--text-colour, #404040);
}
storage-quota-exceeded-overlay i.quota-reached[b-x9kpdiowjy]::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 800;
  content: "\f023";
  margin: 0;
}
/* /Components/Documents/SummaryForDocument.razor.rz.scp.css */
summary-for[b-0x054i2q0o] {
  display: block;
}
.file-preview[b-0x054i2q0o] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  color: var(--text-colour, #404040);
  font-size: 10px;
  cursor: pointer;
}
.file-preview > *[b-0x054i2q0o] {
  transition: 0.2s;
}
.file-preview i.file-icon[b-0x054i2q0o] {
  font-size: 30px;
}
.file-preview span.file-name[b-0x054i2q0o] {
  text-align: center;
}
.file-preview:hover[b-0x054i2q0o] {
  color: var(--primary-colour, #2F65E7);
}
.file-preview:hover img[b-0x054i2q0o] {
  border: 1px solid var(--primary-colour, #2F65E7);
}
[b-0x054i2q0o] img {
  border: 1px solid transparent;
  max-width: 120px;
  max-height: 120px;
}
/* /Components/Documents/SummaryForDocumentList.razor.rz.scp.css */
summary-for[b-soz6axddbd] {
  display: flex;
  gap: 5px;
  align-items: end;
}
/* /Components/DropdownActions.razor.rz.scp.css */
/* /Components/Dropzone.razor.rz.scp.css */
dropzone[b-u3uiuxns7r] {
  display: block;
}
/* /Components/DueDates/DueItemList.razor.rz.scp.css */
/* /Components/EditorForDateOnly.razor.rz.scp.css */
/* /Components/EditorForFormAccessType.razor.rz.scp.css */
editor-for[b-c9xr2n71mf] {
  display: flex;
  gap: 8px;
  align-items: center;
}
editor-for label[b-c9xr2n71mf] {
  font-weight: bold;
  opacity: 0.2;
  color: var(--primary-colour, #2F65E7);
}
editor-for label.active[b-c9xr2n71mf] {
  opacity: 1;
}
editor-for[b-c9xr2n71mf]  editor-for[display="toggle"][breezer-editor-for-bool] {
  background-color: var(--primary-colour, #2F65E7);
  border: 1px solid var(--primary-colour, #2F65E7);
}
editor-for[b-c9xr2n71mf]  editor-for[display="toggle"][breezer-editor-for-bool]::after {
  background-color: var(--border-colour, #40404041);
}
editor-for[b-c9xr2n71mf]  editor-for[display="toggle"][breezer-editor-for-bool][disabled] {
  pointer-events: none;
  opacity: 0.5;
}
/* /Components/EditorForFormResponseDatasetFilter.razor.rz.scp.css */
editor-for[b-z2jkqmw0sc] {
  display: flex;
  gap: 5px;
}
/* /Components/EditorForGenerationRulePause.razor.rz.scp.css */
pause-toggle[b-dxaclbkdkt] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
pause-toggle[b-dxaclbkdkt]  editor-for[display="toggle"][checked][breezer-editor-for-bool] {
  background-color: var(--primary-colour, #2F65E7);
  border-color: var(--primary-colour, #2F65E7);
}
pause-toggle[b-dxaclbkdkt]  editor-for[display="toggle"][checked][breezer-editor-for-bool]::after {
  background-color: var(--border-colour, #40404041);
}
label[b-dxaclbkdkt] {
  padding-left: 5px;
  color: var(--text-colour, #404040);
}
label.active[b-dxaclbkdkt] {
  color: var(--primary-colour, #2F65E7);
  font-weight: bold;
}
/* /Components/EditorForTimeOnly.razor.rz.scp.css */
input[b-hy8ekzty5k] {
  width: 90px;
  min-width: 90px;
}
/* /Components/EditorForTimeSpan.razor.rz.scp.css */
editor-for input[b-34mlssztlk] {
  width: 60px;
}
/* /Components/ExpandableMenu/ExpandableMenu.razor.rz.scp.css */
expandable-item-menu[b-yuqabzf7r0] {
  position: relative;
}
library-document-expandable-menu-clickable[b-yuqabzf7r0] {
  height: fit-content;
  width: fit-content;
  position: absolute;
  right: -12px;
  padding: 12px 12px 0px 0px;
}
library-document-expandable-menu-clickable library-document-expandable-menu-floating-menu[b-yuqabzf7r0] {
  height: fit-content;
  width: fit-content;
  border-radius: 8px 0px 8px 8px;
  padding: 5px;
  margin: 5px;
  display: flex;
  flex-direction: column;
  z-index: 500 !important;
  justify-content: start;
  align-items: end;
  background-color: white;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
}
/* /Components/ExpandableMenu/ExpandableMenuOption.razor.rz.scp.css */
expandable-menu-option[b-xt9fqxdbqd] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  flex-wrap: nowrap;
  cursor: pointer;
  background-color: none;
  padding: 0px;
  margin: 0px;
}
expandable-menu-option.light-mode[b-xt9fqxdbqd] {
  color: var(--secondary-text-colour, #404040E6);
}
expandable-menu-option.light-mode.highlighted[b-xt9fqxdbqd] {
  text-shadow: 0.5px 0px 0px var(--primary-colour, #2F65E7);
  color: var(--primary-colour, #2F65E7);
}
expandable-menu-option.dark-mode[b-xt9fqxdbqd] {
  color: white;
}
expandable-menu-option.dark-mode.highlighted[b-xt9fqxdbqd] {
  text-shadow: 0.5px 0px 0px white;
  color: white;
}
expandable-menu-option i[b-xt9fqxdbqd] {
  padding: 0px 8px 0px 8px;
}
expandable-menu-option p[b-xt9fqxdbqd] {
  white-space: nowrap;
  padding: 0px 8px;
}
/* /Components/Filtering/AdvancedFilterButton.razor.rz.scp.css */
button[b-yrslgpearw] {
  position: relative;
  padding: unset;
  width: 34px;
  height: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
  color: var(--text-colour, #404040);
  border: 1px solid var(--border-colour, #40404041);
  border-radius: 8px;
  overflow: visible;
}
button:hover[b-yrslgpearw],
button.applied[b-yrslgpearw] {
  border-color: var(--primary-colour, #2F65E7);
  color: var(--primary-colour, #2F65E7);
}
button .count[b-yrslgpearw] {
  position: absolute;
  top: -7px;
  right: -7px;
  background-color: var(--primary-colour, #2F65E7);
  color: white;
  width: 14px;
  line-height: 14px;
  font-size: 10px;
  border-radius: 7px;
}
/* /Components/Filtering/listItemAdvancedFilterModal.razor.rz.scp.css */
.advanced-filter-modal[b-bafkg9ec1n]  .properties {
  display: flex;
  flex-wrap: wrap;
  row-gap: 5px;
  column-gap: 15px;
}
.advanced-filter-modal .actions[b-bafkg9ec1n] {
  margin-top: 15px;
  display: flex;
  justify-content: center;
  gap: 10px;
}
/* /Components/Filtering/ListItemFilter.razor.rz.scp.css */
.list-item-filter[b-66uxb9u6c4] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.list-item-filter[b-66uxb9u6c4]  > form-field label {
  display: none;
}
.list-item-filter[b-66uxb9u6c4]  dropdown-selected {
  min-width: 80px;
  border-radius: 8px;
}
/* /Components/Filtering/Search.razor.rz.scp.css */
.search[b-lxqqdrigu9] {
  height: 34px;
  border: 1px solid var(--border-colour, #40404041);
  border-radius: 8px;
  display: flex;
  background-color: white;
  width: min-content;
  cursor: text;
  position: relative;
}
.search i[b-lxqqdrigu9] {
  cursor: pointer;
  width: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--secondary-text-colour, #404040E6);
}
.search input[b-lxqqdrigu9] {
  width: 231px;
}
@media only screen and (max-width : 600px) {
  .search[b-lxqqdrigu9] {
    width: 100%;
  }
  .search input[b-lxqqdrigu9] {
    width: 100%;
  }
}
@media only screen and (min-width : 601px) {
  .search:not(.expanded) input[b-lxqqdrigu9] {
    width: 0px;
    opacity: 0;
  }
  .search:not(.expanded):hover input[b-lxqqdrigu9],
  .search:not(.expanded):focus input[b-lxqqdrigu9],
  .search:not(.expanded):focus-within input[b-lxqqdrigu9] {
    width: 231px;
    opacity: 1;
  }
  .search:hover[b-lxqqdrigu9],
  .search:focus[b-lxqqdrigu9],
  .search:focus-within[b-lxqqdrigu9] {
    border-color: var(--primary-colour, #2F65E7);
  }
  .search:hover i[b-lxqqdrigu9],
  .search:focus i[b-lxqqdrigu9],
  .search:focus-within i[b-lxqqdrigu9] {
    color: var(--text-colour, #404040);
  }
}
.search button.clear[b-lxqqdrigu9] {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  color: var(--text-colour, #404040);
  margin-top: auto;
  margin-bottom: auto;
  font-size: 10px;
}
/* /Components/FormDefinitionDueDateChooser.razor.rz.scp.css */
form-definition-due-date-chooser[b-86v765uv8k]  editor-for[type="radio-option"]:first-of-type .option-content label::before {
  content: "None";
}
/* /Components/FormDefinition/EditorForFormStatus.razor.rz.scp.css */
editor-for[b-t3krkp0dl9] {
  display: block;
}
.status-toggle[b-t3krkp0dl9] {
  cursor: pointer;
}
.status-toggle[b-t3krkp0dl9]  label {
  cursor: pointer;
}
/* /Components/FormDefinition/SummaryForFormStatus.razor.rz.scp.css */
summary-for[b-rrsh5flxvo] {
  border-radius: calc(26px / 2);
  height: 26px;
  display: flex;
  align-items: center;
  padding: 0 13px;
  font-size: 12px;
  font-weight: bold;
}
summary-for[status="active"][b-rrsh5flxvo] {
  background-color: color-mix(in srgb, var(--primary-colour, #2F65E7) 20%, transparent);
  color: var(--primary-colour, #2F65E7);
}
summary-for[status="inactive"][b-rrsh5flxvo] {
  background-color: color-mix(in srgb, var(--soft-warning-colour, #D38200) 20%, transparent);
  color: var(--soft-warning-colour, #D38200);
}
/* /Components/FormDefinition/SummaryForSectionPermissions.razor.rz.scp.css */
summary-for-section-permissions[b-gl3ey80ohe] {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  color: var(--text-colour, #404040);
}
summary-for-section-permissions .permission[b-gl3ey80ohe] {
  font-size: 14px;
  display: flex;
  gap: 5px;
}
summary-for-section-permissions .permission i[b-gl3ey80ohe] {
  color: var(--primary-colour, #2F65E7);
}
summary-for-section-permissions .permission.hidden[b-gl3ey80ohe] {
  opacity: 0.8;
}
/* /Components/FormIndex/FormNavigationIndex.razor.rz.scp.css */
form-navigation-index[b-uxdovzjm46] {
  display: block;
}
nav[b-uxdovzjm46] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
/* /Components/FormIndex/FormNavigationIndexLink.razor.rz.scp.css */
form-navigation-index-link[b-x8yg89kuc6],
.child-links[b-x8yg89kuc6] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
form-navigation-index-link.untitled a[b-x8yg89kuc6] {
  font-style: italic;
  color: color-mix(in srgb, var(--text-colour, #404040) 80%, transparent);
}
.link-container[b-x8yg89kuc6] {
  display: grid;
  grid-template-columns: 1fr 14px min-content;
  align-items: center;
  border-radius: 6px;
}
.link-container:hover[b-x8yg89kuc6] {
  background-color: color-mix(in srgb, var(--primary-colour, #2F65E7) 10%, transparent);
}
a[b-x8yg89kuc6] {
  padding: 12px 14px;
  color: var(--text-colour, #404040);
  font-weight: bold;
}
button.expand-toggle[b-x8yg89kuc6] {
  padding: 12px 14px;
}
.child-links[b-x8yg89kuc6] {
  padding-left: 15px;
}
/* /Components/FormIndex/FormNavigationIndexPopup.razor.rz.scp.css */
form-navigation-index-popup[b-teraz7bxgg] {
  --nav-icon-size: 48px;
  --nav-icon-font-size: 20px;
  width: min-content;
  height: min-content;
  display: block;
}
button.navigation-trigger-icon[b-teraz7bxgg] {
  width: var(--nav-icon-size);
  height: var(--nav-icon-size);
  border-radius: calc(var(--nav-icon-size) / 2);
  font-size: var(--nav-icon-font-size);
  display: flex;
  justify-content: center;
  align-items: center;
}
button.navigation-trigger-icon:hover[b-teraz7bxgg] {
  opacity: 1;
  box-shadow: 0 4px 5px 0 rgba(64, 64, 64, 0.14), 0 1px 10px 0 rgba(64, 64, 64, 0.12), 0 2px 4px -1px rgba(64, 64, 64, 0.3);
}
.navigation-container[b-teraz7bxgg] {
  width: 300px;
  max-height: 80vh;
  height: min-content;
  border: 1px solid var(--primary-colour, #2F65E7);
  background-color: white;
  border-radius: calc(var(--nav-icon-size) / 2);
  padding: 8px;
  z-index: 10000;
  overflow-y: auto;
  box-shadow: 0 4px 5px 0 rgba(64, 64, 64, 0.14), 0 1px 10px 0 rgba(64, 64, 64, 0.12), 0 2px 4px -1px rgba(64, 64, 64, 0.3);
}
.navigation-container header[b-teraz7bxgg] {
  padding-left: 14px;
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.navigation-container header button.collapse[b-teraz7bxgg] {
  background-color: transparent;
  border: unset;
  font-size: 20px;
  color: var(--primary-colour, #2F65E7);
}
button.navigation-trigger-icon[expanded][b-teraz7bxgg] {
  background-color: white;
  color: var(--primary-colour, #2F65E7);
  box-shadow: unset;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-right: unset;
  z-index: 999999999999999999;
}
button.navigation-trigger-icon[expanded][b-teraz7bxgg]::after {
  content: ' ';
  height: 100%;
  width: 5px;
  background-color: white;
  position: absolute;
  top: 0;
  right: -3px;
}
[b-teraz7bxgg] .popup[data-popper-placement="right-start"] .navigation-container {
  border-top-left-radius: 0px;
}
[b-teraz7bxgg] .popup[data-popper-placement="right-end"] .navigation-container {
  border-bottom-left-radius: 0px;
}
/* /Components/FormPreview/FormPreviewModal.razor.rz.scp.css */
form-preview-modal[b-dqx7ae9wsw] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  max-height: calc(90vh - 80px);
}
@media only screen and (max-width : 600px) {
  form-preview-modal[b-dqx7ae9wsw] {
    margin-bottom: 2em;
  }
}
.preview[b-dqx7ae9wsw] {
  width: 100%;
  max-width: 800px;
  background-color: var(--background-colour, #FBFBFB);
  border: 5px solid var(--background-colour, #FBFBFB);
  padding: 80px;
  height: 800px;
  overflow: auto;
}
@media only screen and (max-width : 1400px) {
  .preview[b-dqx7ae9wsw] {
    padding: 50px;
  }
}
@media only screen and (max-width : 600px) {
  .preview[b-dqx7ae9wsw] {
    width: 100%;
    padding: 5px;
    height: 600px;
  }
}
form-preview-modal[b-dqx7ae9wsw]  .navigation-widget-container {
  height: unset;
}
form-preview-modal[b-dqx7ae9wsw]  .navigation-widget-container form-navigation-index-popup {
  position: initial;
  --nav-icon-size: 30px;
  --nav-icon-font-size: 14px;
}
/* /Components/FormResponses/Auditing/FormRecordAuditHistory.razor.rz.scp.css */
form-record-audit-history[b-ntjyjg74fw] {
  height: 800px;
  max-height: 80vh;
  overflow-y: auto;
  padding: 10px;
}
form-record-audit-history .date-group h4[b-ntjyjg74fw]::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  content: "\f133";
  margin: 0 5px 0 0;
}
form-record-audit-history .date-group .items[b-ntjyjg74fw] {
  margin-left: 5px;
  padding-left: 15px;
  padding-top: 15px;
  border-left: solid 1px var(--text-colour, #404040);
}
form-record-audit-history[b-ntjyjg74fw]  list-paginator {
  margin-top: auto;
}
/* /Components/FormResponses/Auditing/FormRecordAuditItem.razor.rz.scp.css */
form-record-audit-item[b-n8l4xigltn] {
  align-items: center;
  display: flex;
  min-height: 50px;
  gap: 10px;
}
form-record-audit-item .summary[b-n8l4xigltn] {
  font-size: 0.8em;
  padding: 5px 10px;
  border-radius: 20px;
  margin-top: -3px;
  background-color: #f4b545;
  font-weight: bold;
}
form-record-audit-item .summary.updated-record-item[b-n8l4xigltn] {
  background-color: color-mix(in srgb, var(--text-colour, #404040) 20%, transparent);
  color: var(--text-colour, #404040);
}
form-record-audit-item .summary.unlocked-record[b-n8l4xigltn],
form-record-audit-item .summary.due-date-changed[b-n8l4xigltn],
form-record-audit-item .summary.archived-record[b-n8l4xigltn] {
  color: var(--soft-warning-colour, #D38200);
  background-color: color-mix(in srgb, var(--soft-warning-colour, #D38200) 10%, transparent);
}
form-record-audit-item .summary.created-record[b-n8l4xigltn],
form-record-audit-item .summary.submitted-record[b-n8l4xigltn] {
  background-color: color-mix(in srgb, var(--primary-colour, #2F65E7) 20%, transparent);
  color: var(--primary-colour, #2F65E7);
}
/* /Components/FormResponses/Contributors/ManageContributorsModal.razor.rz.scp.css */
manage-contributors-modal[b-bagfoyqbtj] {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 10px 0;
}
header[b-bagfoyqbtj] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
content[b-bagfoyqbtj] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
content .contributor[b-bagfoyqbtj] {
  display: flex;
  gap: 5px;
  align-items: center;
}
content .contributor button[b-bagfoyqbtj] {
  padding: 7px;
}
/* /Components/FormResponses/Contributors/RecordContributors.razor.rz.scp.css */
record-contributors[b-05o5jyw6hj] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
button.share[b-05o5jyw6hj] {
  padding-left: 10px;
  display: flex;
  align-items: center;
  gap: 5px;
}
/* /Components/FormResponses/DisplayFor/DisplayForAgeResponse.razor.rz.scp.css */
display-for[b-e8zjy7hn8i] {
  display: flex;
  flex-direction: column;
}
.age[b-e8zjy7hn8i] {
  margin: 12px 0;
  color: var(--secondary-text-colour, #404040E6);
  font-size: 14px;
}
/* /Components/FormResponses/DisplayFor/DisplayForAnnotatedPictureResponse.razor.rz.scp.css */
/* /Components/FormResponses/DisplayFor/DisplayForGeoTagResponse.razor.rz.scp.css */
span.no-location[b-zjs567qj8w] {
  font-style: italic;
  color: var(--secondary-text-colour, #404040E6);
}
display-for[b-zjs567qj8w] {
  display: flex;
  flex-direction: column;
}
/* /Components/FormResponses/DisplayFor/DisplayForHtmlFragmentReadOnlyField.razor.rz.scp.css */
display-for[b-j9v68543he] {
  width: 100%;
}
[b-j9v68543he] .ql-editor {
  padding: 0;
}
[b-j9v68543he] img {
  max-width: 100%;
}
/* /Components/FormResponses/DisplayFor/DisplayForImageResponse.razor.rz.scp.css */
display-for[b-ofcgm9utr7] {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
/* /Components/FormResponses/DisplayFor/DisplayForNumberResponse.razor.rz.scp.css */
input[b-jr5de14q76] {
  max-width: 80px;
  min-width: unset;
}
/* /Components/FormResponses/DisplayFor/DisplayForPaymentResponse.razor.rz.scp.css */
display-for[b-snyf44fmof] {
  gap: 5px;
}
/* /Components/FormResponses/DisplayFor/DisplayForSelectDatasetResponse.razor.rz.scp.css */
display-for[b-tukvomcxwf] {
  display: flex;
}
display-for[b-tukvomcxwf]  summary-for {
  margin-top: 3px;
  margin-right: 3px;
  padding: 5px;
  border: 1px solid var(--border-colour, #40404041);
  background-color: var(--background-highlight-colour, #4040400D);
}
/* /Components/FormResponses/DisplayFor/DisplayForSelectResponse.razor.rz.scp.css */
display-for[b-jmrbfqxx64] {
  display: flex;
}
span[b-jmrbfqxx64] {
  margin: 5px 0;
}
span.no-selections[b-jmrbfqxx64] {
  color: var(--secondary-text-colour, #404040E6);
  font-style: italic;
}
span.selected-choice[b-jmrbfqxx64] {
  margin-top: 3px;
  margin-right: 5px;
  padding: 5px;
  border: 1px solid var(--border-colour, #40404041);
}
/* /Components/FormResponses/DisplayFor/DisplayForSignatureResponse.razor.rz.scp.css */
display-for[b-kpiafbn892] {
  width: 200px;
  height: 115px;
}
display-for[b-kpiafbn892]  img {
  overflow: hidden;
  max-width: 100%;
  max-height: 100%;
}
/* /Components/FormResponses/EditorFor/EditorForAgeResponse.razor.rz.scp.css */
editor-for[b-pcgtd7i7dp] {
  display: flex;
  flex-direction: column;
}
.age[b-pcgtd7i7dp] {
  margin: 12px 0;
  color: var(--secondary-text-colour, #404040E6);
  font-size: 14px;
}
/* /Components/FormResponses/EditorFor/EditorForAnnotatedPictureResponse.razor.rz.scp.css */
editor-for[b-t0zevyigux] {
  display: block;
  position: relative;
}
editor-for[saving][b-t0zevyigux]  breezer-canvas {
  opacity: 0.3;
}
annotated-picture-controls[b-t0zevyigux] {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
annotated-picture-controls[b-t0zevyigux]  button.save {
  margin-top: 10px;
  width: 120px;
  padding: 10px;
}
/* /Components/FormResponses/EditorFor/EditorForDateResponse.razor.rz.scp.css */
editor-for[b-vl6ik0zuuc] {
  display: flex;
  gap: 5px;
}
p.print-input[b-vl6ik0zuuc] {
  display: none;
}
@media print {
  p.print-input[b-vl6ik0zuuc] {
    display: block;
    min-width: 80px;
  }
  editor-for[b-vl6ik0zuuc] {
    display: none !important;
  }
}
/* /Components/FormResponses/EditorFor/EditorForDocumentResponse.razor.rz.scp.css */
button.remove-file[b-qzxu5vhd2i] {
  margin-top: 5px;
}
button.remove-file[b-qzxu5vhd2i]::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  content: "\f1f8";
  margin: 0;
}
editor-for[b-qzxu5vhd2i] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.uploaded-documents[b-qzxu5vhd2i] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 5px;
}
.uploaded-documents .uploaded-document[b-qzxu5vhd2i] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  box-shadow: 0 2px 2px 0 rgba(64, 64, 64, 0.14), 0 3px 1px -2px rgba(64, 64, 64, 0.12), 0 1px 5px 0 rgba(64, 64, 64, 0.2);
  position: relative;
  border-radius: 5px;
  padding: 5px;
  align-items: center;
}
.uploaded-documents .uploaded-document label[b-qzxu5vhd2i] {
  text-overflow: ellipsis;
  color: var(--secondary-text-colour, #404040E6);
  font-size: 12px;
}
.uploaded-documents .uploaded-document button.remove-file[b-qzxu5vhd2i] {
  margin-top: auto;
  background-color: var(--secondary-text-colour, #404040E6);
  width: 100px;
}
@media only screen and (max-width : 600px) {
  .uploaded-documents[b-qzxu5vhd2i] {
    grid-template-columns: 1fr;
  }
}
@media print {
  .uploaded-documents[b-qzxu5vhd2i] {
    display: block;
  }
  .uploaded-documents .uploaded-document[b-qzxu5vhd2i] {
    display: inline-block;
    box-shadow: none;
  }
}
[b-qzxu5vhd2i] img {
  max-width: 100%;
  max-height: 100%;
}
/* /Components/FormResponses/EditorFor/EditorForDurationResponse.razor.rz.scp.css */
editor-for[b-m8uyg053u1] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
editor-for .range[b-m8uyg053u1] {
  gap: 8px;
  display: flex;
  align-items: center;
}
editor-for span.result[b-m8uyg053u1] {
  color: var(--text-colour, #404040);
  font-weight: 800;
  font-size: 14px;
}
/* /Components/FormResponses/EditorFor/EditorForDurationResponseFilter.razor.rz.scp.css */
/* /Components/FormResponses/EditorFor/EditorForGeoTagResponse.razor.rz.scp.css */
editor-for[b-yzr0orq84v] {
  display: flex;
  flex-direction: column;
}
[b-yzr0orq84v] button::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  content: "\f601";
  margin: 0 8px 0 0;
}
[b-yzr0orq84v] display-for {
  margin-top: 20px;
}
/* /Components/FormResponses/EditorFor/EditorForImageResponse.razor.rz.scp.css */
button.remove-file[b-s5ara5lrys] {
  margin-top: 5px;
}
button.remove-file[b-s5ara5lrys]::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  content: "\f1f8";
  margin: 0;
}
editor-for[b-s5ara5lrys] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.uploaded-documents[b-s5ara5lrys] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 5px;
}
.uploaded-documents .uploaded-document[b-s5ara5lrys] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  box-shadow: 0 2px 2px 0 rgba(64, 64, 64, 0.14), 0 3px 1px -2px rgba(64, 64, 64, 0.12), 0 1px 5px 0 rgba(64, 64, 64, 0.2);
  position: relative;
  border-radius: 5px;
  padding: 5px;
  align-items: center;
}
.uploaded-documents .uploaded-document label[b-s5ara5lrys] {
  text-overflow: ellipsis;
  color: var(--secondary-text-colour, #404040E6);
  font-size: 12px;
}
.uploaded-documents .uploaded-document button.remove-file[b-s5ara5lrys] {
  margin-top: auto;
  background-color: var(--secondary-text-colour, #404040E6);
  width: 100px;
}
@media only screen and (max-width : 600px) {
  .uploaded-documents[b-s5ara5lrys] {
    grid-template-columns: 1fr;
  }
}
@media print {
  .uploaded-documents[b-s5ara5lrys] {
    display: block;
  }
  .uploaded-documents .uploaded-document[b-s5ara5lrys] {
    display: inline-block;
    box-shadow: none;
  }
}
[b-s5ara5lrys] img {
  max-width: 100%;
  max-height: 100%;
}
/* /Components/FormResponses/EditorFor/EditorForNumberResponse.razor.rz.scp.css */
input[b-awp5ynodxk] {
  max-width: 80px;
  min-width: unset;
}
/* /Components/FormResponses/EditorFor/EditorForPaymentResponse/EditorForPaymentResponse.razor.rz.scp.css */
editor-for[b-2t2hml93mc] {
  display: flex;
  align-items: baseline;
  gap: 5px;
}
editor-for :deep > button[b-2t2hml93mc] {
  margin-left: 10px;
}
/* /Components/FormResponses/EditorFor/EditorForPaymentResponse/EditorForPaymentResponseFilter.razor.rz.scp.css */
editor-for[type="payment-response-filter"][b-qjou8ihzy5]  editor-for[breezer-editor-for-enum] {
  margin: 0;
  display: block;
}
/* /Components/FormResponses/EditorFor/EditorForPaymentResponse/PaymentDetailModal.razor.rz.scp.css */
editor-for[b-dvblfmaw1j] {
  display: block;
}
/* /Components/FormResponses/EditorFor/EditorForPhoneResponse.razor.rz.scp.css */
editor-for[b-dd7eeafho3] {
  display: block;
}
/* /Components/FormResponses/EditorFor/EditorForSelectDatasetResponse/EditorForSelectDatasetResponse.razor.rz.scp.css */
span.no-data[b-cec0gx1aa9] {
  font-style: italic;
  color: var(--secondary-text-colour, #404040E6);
  margin: 10px 0;
  font-size: 12px;
}
/* /Components/FormResponses/EditorFor/EditorForSelectResponse/EditorForSelectResponseCheckboxes.razor.rz.scp.css */
checkboxes[b-4799rqlntx] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
checkboxes[b-4799rqlntx]  form-field {
  margin: 0px;
  align-items: center;
  display: grid;
  grid-template-areas: 'checkbox label';
  grid-template-columns: 40px auto;
}
checkboxes[b-4799rqlntx]  form-field label {
  grid-area: label;
  font-weight: 400;
  color: color-mix(in srgb, var(--text-colour, #404040) 80%, transparent);
}
checkboxes[b-4799rqlntx]  form-field editor-for {
  grid-area: checkbox;
}
@media print {
  checkboxes[b-4799rqlntx] {
    gap: 0px !important;
  }
}
/* /Components/FormResponses/EditorFor/EditorForSelectResponse/EditorForSelectResponseRadios.razor.rz.scp.css */
radios[b-5h8uipbdvf] {
  display: flex;
  flex-wrap: wrap;
}
radios[b-5h8uipbdvf]  editor-for {
  margin-top: 10px;
  margin-right: 15px;
}
/* /Components/FormResponses/EditorFor/EditorForSignatureResponse.razor.rz.scp.css */
editor-for[b-6yjatoj5hq] {
  width: min-content;
  position: relative;
  display: block;
  border: 1px solid var(--border-colour, #40404041);
  transition: 0.2s;
}
editor-for:not([disabled])[b-6yjatoj5hq] {
  cursor: pointer;
}
editor-for:not([disabled]):hover[b-6yjatoj5hq] {
  border: 1px solid var(--primary-colour, #2F65E7);
}
editor-for:not([disabled]):hover > .sign-now-overlay[b-6yjatoj5hq] {
  opacity: 1;
}
editor-for:not([disabled]):hover > button[b-6yjatoj5hq] {
  color: var(--primary-colour, #2F65E7);
}
editor-for button[b-6yjatoj5hq] {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 5px;
  color: var(--border-colour, #40404041);
}
.sign-now-overlay[b-6yjatoj5hq] {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: 0.2s;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: color-mix(in srgb, var(--primary-colour, #2F65E7) 10%, transparent);
}
.sign-now-overlay span[b-6yjatoj5hq] {
  padding: 5px;
  font-weight: bold;
  background-color: var(--primary-colour, #2F65E7);
  color: white;
}
@media print {
  editor-for[b-6yjatoj5hq] {
    border: none;
  }
}
/* /Components/FormResponses/EditorFor/EditorForSignatureResponseModal.razor.rz.scp.css */
editor-for-signature-response-modal[b-k4lqqf9u9g] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
}
editor-for-signature-response-modal .actions[b-k4lqqf9u9g] {
  display: flex;
  justify-content: center;
  gap: 15px;
}
editor-for-signature-response-modal .pending-save[b-k4lqqf9u9g] {
  position: absolute;
  top: 3px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  animation: pending-save-b-k4lqqf9u9g linear 0.3s forwards;
  pointer-events: none;
}
.canvas-container[b-k4lqqf9u9g] {
  position: relative;
}
@keyframes pending-save-b-k4lqqf9u9g {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* /Components/FormResponses/EditorFor/EditorForTableResponse/EditorForTableResponse.razor.rz.scp.css */
editor-for[b-00d1w3td0b] {
  display: flex;
  flex-direction: column;
  overflow-x: auto;
}
.table-container[b-00d1w3td0b] {
  overflow-x: auto;
}
[b-00d1w3td0b] button.add-row {
  width: 100%;
  padding: 5px;
  margin: 5px 0;
}
[b-00d1w3td0b] button.add-row::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  content: "\2b";
  margin: 0;
}
table td[b-00d1w3td0b],
table th[b-00d1w3td0b] {
  padding: 5px;
  max-width: 400px;
}
table th[b-00d1w3td0b] {
  border: 2px solid var(--border-colour, #40404041);
  font-weight: 400;
  text-align: start;
  font-size: 14px;
}
table th[b-00d1w3td0b]  > input {
  width: 100%;
  border: none;
  border-radius: unset;
  background-image: none;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
}
table th[b-00d1w3td0b]  > input:hover,
table th[b-00d1w3td0b]  > input:focus {
  border: none;
  outline: none;
}
@media not print {
  table[pin-first] tr td:first-child[b-00d1w3td0b],
  table[pin-first] tr th:first-child[b-00d1w3td0b] {
    left: 0;
    position: sticky;
    background-color: white;
    z-index: 3;
  }
}
table td[b-00d1w3td0b] {
  border: 1px solid var(--border-colour, #40404041);
  position: relative;
}
table td[b-00d1w3td0b]  input[type="text"] {
  min-width: unset;
}
table td.row-actions[b-00d1w3td0b] {
  border: none;
  position: sticky;
  right: 0;
}
table td.row-actions[b-00d1w3td0b]  button.remove-row {
  color: white;
  background-color: var(--primary-colour, #2F65E7);
  width: 25px;
  height: 25px;
  border-radius: 20px;
  font-size: 12px;
  opacity: 0.8;
  transition: 0.2s;
}
table td.row-actions[b-00d1w3td0b]  button.remove-row::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  content: "\f1f8";
  margin: 0;
}
table td.row-actions[b-00d1w3td0b]  button.remove-row:hover {
  opacity: 1;
}
table td.placeholder-td[b-00d1w3td0b] {
  opacity: 0.3;
}
table td.placeholder-td .input-preview-overlay[b-00d1w3td0b] {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
table th[b-00d1w3td0b] {
  white-space: nowrap;
  padding: 10px;
}
[b-00d1w3td0b] [type="signature-response"] {
  width: 100px;
  height: 50px;
}
@media print {
  editor-for[b-00d1w3td0b],
  .table-container[b-00d1w3td0b] {
    display: block !important;
    overflow-x: unset !important;
    width: 100%;
  }
  table[b-00d1w3td0b] {
    table-layout: fixed !important;
    width: 100% !important;
    padding: 0px !important;
  }
  td[b-00d1w3td0b],
  th[b-00d1w3td0b] {
    border: 1px solid var(--text-colour, #404040) !important;
    padding: 5px !important;
  }
  td[b-00d1w3td0b]  p.print-input,
  th[b-00d1w3td0b]  p.print-input,
  td[b-00d1w3td0b]  input:not([type="color"],[type="date"]),
  th[b-00d1w3td0b]  input:not([type="color"],[type="date"]),
  td[b-00d1w3td0b]  select,
  th[b-00d1w3td0b]  select,
  td[b-00d1w3td0b]  textarea,
  th[b-00d1w3td0b]  textarea,
  td[b-00d1w3td0b]  dropdown-selected,
  th[b-00d1w3td0b]  dropdown-selected,
  td[b-00d1w3td0b]  editor-for[type="string-expandable"],
  th[b-00d1w3td0b]  editor-for[type="string-expandable"] {
    max-width: 100%;
    min-width: unset;
    border: unset !important;
  }
  td[b-00d1w3td0b]  editor-for[type="signature-response"] canvas,
  th[b-00d1w3td0b]  editor-for[type="signature-response"] canvas {
    width: 150px !important;
  }
  td.row-actions[b-00d1w3td0b] {
    display: none !important;
  }
}
/* /Components/FormResponses/EditorFor/EditorForTableResponse/TableSummaryRow.razor.rz.scp.css */
th[b-20oy0rxjpl] {
  border: none;
  background-color: var(--background-highlight-colour, #4040400D);
  padding: 5px !important;
}
th[b-20oy0rxjpl]  p.print-input,
th[b-20oy0rxjpl]  input:not([type="color"],[type="date"]),
th[b-20oy0rxjpl]  select,
th[b-20oy0rxjpl]  textarea,
th[b-20oy0rxjpl]  dropdown-selected,
th[b-20oy0rxjpl]  editor-for[type="string-expandable"] {
  max-width: 100%;
  min-width: unset;
  border: unset !important;
}
th[b-20oy0rxjpl]  editor-for[type="signature-response"] canvas {
  width: 150px !important;
}
/* /Components/FormResponses/EditorFor/EditorForTextResponse.razor.rz.scp.css */
[b-u0f90a1kcb] editor-for[type="string-expandable"] {
  width: 100%;
  min-height: 50px;
  min-width: 350px;
}
p.print-input[b-u0f90a1kcb] {
  display: none;
}
@media print {
  p.print-input[b-u0f90a1kcb] {
    display: block;
  }
  editor-for[b-u0f90a1kcb] {
    display: none !important;
  }
}
/* /Components/FormResponses/EditorFor/EditorForTimeResponse.razor.rz.scp.css */
editor-for[b-tkqyezidvk] {
  display: flex;
  gap: 5px;
  white-space: nowrap;
}
/* /Components/FormResponses/EditorFor/EditorForUserSelectResponse/EditorForUserSelectResponse.razor.rz.scp.css */
i[b-cg6y41cv2e] {
  display: flex;
  align-items: center;
  margin-right: 8px;
  font-size: 16px;
}
.email-indicator[b-cg6y41cv2e] {
  color: var(--success-colour, #33DA82);
}
@media print {
  .email-indicator[b-cg6y41cv2e] {
    display: none;
  }
}
/* /Components/FormResponses/EditorFor/EditorForUserSelectResponse/UserSelectShareModal.razor.rz.scp.css */
user-select-share-modal[b-n3pjj5hi8n] {
  margin: 10px 0;
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 10px;
}
[b-n3pjj5hi8n] form-field {
  width: 100%;
}
.actions[b-n3pjj5hi8n] {
  width: 100%;
  display: flex;
  gap: 15px;
  justify-content: center;
}
/* /Components/FormResponses/FormResponse.razor.rz.scp.css */
form-response[b-qi9nu9yz4n] {
  max-width: 800px;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.sections[b-qi9nu9yz4n] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 200px;
}
.sections[b-qi9nu9yz4n]  h3 {
  display: flex;
}
.sections section-submit-actions[b-qi9nu9yz4n] {
  display: flex;
  gap: 8px;
  justify-content: center;
}
.sections[b-qi9nu9yz4n]  > .popup-control.top {
  margin: auto;
  width: max-content;
}
.navigation-widget-container[b-qi9nu9yz4n] {
  height: 0px;
  position: relative;
}
.navigation-widget-container[b-qi9nu9yz4n]  form-navigation-index-popup {
  position: absolute;
  top: 15px;
  left: -70px;
}
@media print {
  tags[b-qi9nu9yz4n] {
    display: none !important;
  }
}
@media only screen and (max-width : 1400px) {
  .navigation-widget-container[b-qi9nu9yz4n] {
    height: min-content;
  }
  .navigation-widget-container[b-qi9nu9yz4n]  form-navigation-index-popup {
    position: initial;
    --nav-icon-size: 30px;
    --nav-icon-font-size: 14px;
  }
}
/* /Components/FormResponses/FormResponseDueDateUpdateModal.razor.rz.scp.css */
form-response-due-date-update-modal[b-3xo2syts8a] {
  padding: 20px 0;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
form-response-due-date-update-modal .current-due-date[b-3xo2syts8a],
form-response-due-date-update-modal .form-details[b-3xo2syts8a] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 0;
}
form-response-due-date-update-modal .actions[b-3xo2syts8a] {
  display: flex;
  justify-content: center;
  gap: 10px;
}
form-response-due-date-update-modal .set-due-date[b-3xo2syts8a] {
  display: flex;
  gap: 5px;
}
/* /Components/FormResponses/FormResponseItem.razor.rz.scp.css */
form-response-item[b-momiiadg8p] {
  overflow: auto;
}
form-response-item.html-fragment-read-only-field[b-momiiadg8p] {
  width: 100%;
}
@media print {
  form-response-item[b-momiiadg8p] {
    display: block !important;
    page-break-inside: avoid;
  }
  form-response-item:first-of-type[b-momiiadg8p] {
    break-inside: auto;
  }
}
/* /Components/FormResponses/FormResponseItemInputField.razor.rz.scp.css */
form-response-item-input-field[b-izroipxml2] {
  display: block;
}
form-response-item-input-field[invalid][b-izroipxml2] {
  --border-colour: var(--warning-colour, #F9034C);
}
[b-izroipxml2] [breezer-with-tool-tip] {
  width: min-content;
}
span[b-izroipxml2] {
  white-space: pre;
  width: fit-content;
}
span.validation-message[b-izroipxml2] {
  margin-top: 5px;
  font-size: 12px;
  color: var(--warning-colour, #F9034C);
}
span.time-entered[b-izroipxml2] {
  margin-top: 10px;
  font-size: 12px;
  color: var(--secondary-text-colour, #404040E6);
  transition: 0.3s;
}
span.time-entered:hover[b-izroipxml2] {
  color: var(--text-colour, #404040);
}
.edit-info[b-izroipxml2] {
  margin-top: 7px;
  display: flex;
  align-items: center;
}
.edit-info[b-izroipxml2]  avatar {
  margin-left: 0;
  margin-right: 7px;
  width: 25px;
  height: 25px;
  font-size: 10px;
}
/* /Components/FormResponses/FormResponseSection.razor.rz.scp.css */
form-response-section[b-li94r80jxd] {
  display: flex;
  flex-direction: column;
  padding: 14px;
  margin: 5px 0;
  background-color: white;
  border-radius: 12px;
  transition: 0.3s;
  width: 100%;
  border: 1px solid var(--border-colour, #40404041);
}
@media print {
  form-response-section[b-li94r80jxd] {
    display: block !important;
    padding: 0px !important;
    margin: 0px !important;
    border-radius: 0px;
    margin-bottom: 20px;
  }
}
form-response-section p.section-description[b-li94r80jxd] {
  white-space: pre-wrap;
}
form-response-items[b-li94r80jxd] {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 15px;
}
.form-response-item-group[b-li94r80jxd] {
  border: 1px solid var(--border-colour, #40404041);
  padding: 12px;
  margin: 5px 0;
  border-radius: 8px;
  background-color: color-mix(in srgb, var(--text-colour, #404040) 3%, transparent);
}
@media print {
  form-response-section[b-li94r80jxd] {
    break-inside: avoid;
  }
  form-response-section:first-of-type[b-li94r80jxd] {
    break-inside: auto;
  }
  .form-response-item-group[b-li94r80jxd] {
    padding: 0px;
    border: none;
    display: block;
  }
  .form-response-item-group form-response-items[b-li94r80jxd] {
    display: block !important;
  }
  .form-response-item-group form-response-items[b-li94r80jxd]  > * {
    vertical-align: top;
    display: inline-block !important;
  }
}
/* /Components/FormResponses/FormResponseSkeleton.razor.rz.scp.css */
form-response-skeleton[b-9iwhcoqgrl] {
  width: 100%;
  max-width: 800px;
  margin-bottom: 25px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.title-skeleton[b-9iwhcoqgrl] {
  height: 2em;
  margin: 0.67em 0;
  width: 500px;
  background-color: var(--background-highlight-colour, #4040400D);
}
.sections-skeleton[b-9iwhcoqgrl] {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.section-skeleton[b-9iwhcoqgrl] {
  display: flex;
  flex-direction: column;
  padding: 14px;
  margin: 5px 0;
  background-color: white;
  border-radius: 12px;
  transition: 0.3s;
  width: 100%;
  border: 1px solid var(--border-colour, #40404041);
  height: 500px;
  opacity: 0.5;
}
@media print {
  .section-skeleton[b-9iwhcoqgrl] {
    display: block !important;
    padding: 0px !important;
    margin: 0px !important;
    border-radius: 0px;
    margin-bottom: 20px;
  }
}
/* /Components/FormResponses/Share/FormResponseItemContributorSharer.razor.rz.scp.css */
/* /Components/FormResponses/SummaryFor/SummaryForAddressResponse.razor.rz.scp.css */
summary-for[b-2q198exukw] {
  color: var(--text-colour, #404040);
  font-weight: bold;
}
/* /Components/FormResponses/SummaryFor/SummaryForAgeResponse.razor.rz.scp.css */
/* /Components/FormResponses/SummaryFor/SummaryForCheckboxResponse.razor.rz.scp.css */
checkbox-indicator[b-0kvamzozgb] {
  display: block;
  color: var(--secondary-text-colour, #404040E6);
}
checkbox-indicator[b-0kvamzozgb]::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  content: "\f0c8";
  margin: 0;
}
checkbox-indicator[completed][b-0kvamzozgb] {
  color: var(--text-colour, #404040);
}
checkbox-indicator[completed][b-0kvamzozgb]::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  content: "\f14a";
  margin: 0;
}
/* /Components/FormResponses/SummaryFor/SummaryForDurationResponse.razor.rz.scp.css */
.duration-response[b-yonmx7olxq] {
  gap: 4px;
  display: flex;
  flex-direction: column;
}
.start-and-end[b-yonmx7olxq] {
  gap: 3px;
  display: flex;
  align-items: center;
}
.start-and-end i[b-yonmx7olxq] {
  color: var(--primary-colour, #2F65E7);
}
span[b-yonmx7olxq] {
  font-weight: 800;
  color: var(--primary-colour, #2F65E7);
  white-space: nowrap;
}
/* /Components/FormResponses/SummaryFor/SummaryForEmailResponse.razor.rz.scp.css */
summary-for[b-1tirsxj9oy] {
  max-width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* /Components/FormResponses/SummaryFor/SummaryForNumberResponse.razor.rz.scp.css */
/* /Components/FormResponses/SummaryFor/SummaryForSelectDatasetFieldRow.razor.rz.scp.css */
summary-for[b-p730c1pins] {
  display: grid;
  grid-template-rows: auto auto;
  grid-auto-flow: column;
}
summary-for label[b-p730c1pins] {
  font-size: 0.8em;
  padding: 2px;
  margin-bottom: 3px;
  padding-right: 6px;
}
summary-for span[b-p730c1pins] {
  padding-right: 6px;
}
/* /Components/FormResponses/SummaryFor/SummaryForSelectDatasetResponse.razor.rz.scp.css */
summary-for[b-ha41myav5s] {
  display: flex;
  flex-wrap: wrap;
  min-width: 200px;
}
selected-row[b-ha41myav5s]  > summary-for[type="select-dataset-field-row"] span {
  color: var(--primary-colour, #2F65E7);
}
selected-row[b-ha41myav5s]  > summary-for[type="select-dataset-field-row"] span:hover {
  color: var(--text-colour, #404040);
}
selected-row:not(:first-of-type)[b-ha41myav5s]  summary-for label {
  height: 0;
  visibility: hidden;
}
/* /Components/FormResponses/SummaryFor/SummaryForSelectInputFieldOption.razor.rz.scp.css */
span[b-18x95n2evu] {
  white-space: normal;
}
summary-for[b-18x95n2evu] {
  display: flex;
  max-width: 60vw;
}
/* /Components/FormResponses/SummaryFor/SummaryForSelectResponse.razor.rz.scp.css */
summary-for[b-u5mzlg9xlx] {
  min-width: 150px;
  display: flex;
  flex-wrap: wrap;
}
span[b-u5mzlg9xlx] {
  color: var(--primary-colour, #2F65E7);
}
span:hover[b-u5mzlg9xlx] {
  color: var(--text-colour, #404040);
}
selected-choice[b-u5mzlg9xlx] {
  white-space: nowrap;
}
/* /Components/FormResponses/SummaryFor/SummaryForSignatureResponse.razor.rz.scp.css */
summary-for[b-5d8nij7z0g] {
  display: flex;
  white-space: nowrap;
}
/* /Components/FormResponses/SummaryFor/SummaryForTextResponse.razor.rz.scp.css */
summary-for[b-5qeqbyfeuy] {
  max-width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* /Components/FormResponses/SummaryFor/SummaryForUserSelectResponse.razor.rz.scp.css */
summary-for[b-2lxls2m2dw] {
  max-width: 400px;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
/* /Components/FormResponses/Validation/FormResponseValidationModal.razor.rz.scp.css */
form-response-validation-modal[b-8mmsokv1cz] {
  display: flex;
  flex-direction: column;
}
button[b-8mmsokv1cz] {
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
}
/* /Components/FormSharing/ShareForm.razor.rz.scp.css */
share-form[b-8cbd670lhy] {
  display: flex;
  flex-direction: column;
}
button.qr-code[b-8cbd670lhy] {
  width: min-content;
  margin: 10px 0 20px 0;
  white-space: nowrap;
  margin-right: auto;
}
header[b-8cbd670lhy] {
  display: flex;
  flex-wrap: wrap;
}
header h2[b-8cbd670lhy] {
  display: inline-block;
  flex: 1;
}
@media only screen and (max-width : 600px) {
  header[b-8cbd670lhy] {
    display: block;
  }
  header h2[b-8cbd670lhy] {
    display: block;
  }
}
header[b-8cbd670lhy]  .show-all {
  font-size: 0.8em;
  margin-left: 10px;
}
.form-link[b-8cbd670lhy] {
  display: grid;
  grid-template-columns: auto 20px 20px;
  gap: 5px;
}
.form-link[b-8cbd670lhy]  button,
.form-link a.new-record-link[b-8cbd670lhy] {
  font-size: 16px;
  color: var(--primary-colour, #2F65E7);
  opacity: 0.8;
}
.form-link[b-8cbd670lhy]  button:hover,
.form-link a.new-record-link:hover[b-8cbd670lhy] {
  opacity: 1;
  color: var(--primary-colour, #2F65E7);
}
.form-link a.new-record-link[b-8cbd670lhy] {
  display: flex;
  align-items: center;
}
.form-link[b-8cbd670lhy]  .copied-indicator {
  left: -40px;
}
.share-action[b-8cbd670lhy] {
  display: flex;
  justify-content: space-around;
  align-items: end;
}
.share-action .share-success[b-8cbd670lhy] {
  font-weight: bold;
  color: var(--primary-colour, #2F65E7);
}
.share-action[b-8cbd670lhy]  button.share {
  margin-left: auto;
}
/* /Components/FormSharing/ShareFormModal.razor.rz.scp.css */
/* /Components/FormSharing/ShareFormQRCode.razor.rz.scp.css */
share-form-qr-code[b-yocxm0iigq] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
}
img[b-yocxm0iigq] {
  width: 400px;
  max-width: 80%;
}
a[b-yocxm0iigq] {
  font-weight: bold;
}
p[b-yocxm0iigq] {
  text-align: center;
}
/* /Components/FormSharing/ShareUserPreviewModal.razor.rz.scp.css */
share-user-preview-dialog[b-2hwod074n1] {
  display: flex;
  flex-direction: column;
}
.user-list[b-2hwod074n1] {
  border: 1px solid var(--border-colour, #40404041);
  border-radius: 5px;
  width: 100%;
  gap: 10px;
  height: 400px;
  overflow-y: scroll;
  padding: 15px;
  display: flex;
  flex-direction: column;
  position: relative;
}
.user-list .exceeded-record-overlay[b-2hwod074n1] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: color-mix(in srgb, var(--primary-colour, #2F65E7) 5%, transparent);
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--primary-colour, #2F65E7);
  font-weight: bold;
}
.actions[b-2hwod074n1] {
  margin-top: 12px;
  display: flex;
  justify-content: center;
  gap: 25px;
}
/* /Components/FormSharing/SummaryForShareUserPreview.razor.rz.scp.css */
summary-for[b-zz4wobjaa3] {
  display: flex;
  gap: 5px;
  align-items: center;
  flex-wrap: wrap;
}
summary-for span.user i[b-zz4wobjaa3] {
  font-style: normal;
  color: var(--secondary-text-colour, #404040E6);
  font-size: 12px;
}
summary-for span.new[b-zz4wobjaa3] {
  background-color: #f4b545;
  color: white;
  padding: 3px;
  border-radius: 2px;
  font-size: 10px;
}
summary-for .groups[b-zz4wobjaa3] {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
}
summary-for .groups .group[b-zz4wobjaa3] {
  font-size: 12px;
  padding: 3px 5px;
  color: var(--primary-colour, #2F65E7);
  border: 1px solid var(--primary-colour, #2F65E7);
  border-radius: 5px;
}
/* /Components/FormUsers/EditorForFormUserSelectList.razor.rz.scp.css */
editor-for[b-i5klrqmcer] {
  display: flex;
  flex-wrap: wrap;
}
editor-for .selected-user.group[b-i5klrqmcer] {
  background-color: #e6d3d3;
}
editor-for .selected-user.group:hover[b-i5klrqmcer] {
  background-color: #e6d3d3aa;
}
editor-for .selected-user .remove-selected[b-i5klrqmcer] {
  font-size: 14px;
  margin-left: 5px;
  opacity: 0.5;
}
editor-for .selected-user .remove-selected[b-i5klrqmcer]::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  content: "\f057";
  margin: 0;
}
editor-for .selected-user:hover[b-i5klrqmcer] {
  background-color: #F7F0F0a1;
}
editor-for .selected-user:hover .remove-selected[b-i5klrqmcer] {
  opacity: 1;
}
editor-for .selected-user[b-i5klrqmcer],
editor-for .select-new[b-i5klrqmcer],
editor-for .create-new[b-i5klrqmcer],
editor-for .select-group[b-i5klrqmcer] {
  padding: 8px 10px;
  border-radius: 10px;
  margin-right: 5px;
  margin-bottom: 5px;
  display: flex;
  align-self: center;
}
editor-for .select-new[b-i5klrqmcer],
editor-for .create-new[b-i5klrqmcer],
editor-for .select-group[b-i5klrqmcer] {
  background-color: unset;
  border: 1px solid #303030;
  cursor: pointer;
  transition: 0.2s;
  color: #303030;
}
editor-for .select-new:hover[b-i5klrqmcer],
editor-for .create-new:hover[b-i5klrqmcer],
editor-for .select-group:hover[b-i5klrqmcer] {
  color: var(--primary-colour, #2F65E7);
  border-color: var(--primary-colour, #2F65E7);
  opacity: 1;
}
@media print {
  .select-new[b-i5klrqmcer],
  .select-group[b-i5klrqmcer],
  .create-new[b-i5klrqmcer] {
    display: none !important;
  }
}
/* /Components/FormUsers/SelectDialog.razor.rz.scp.css */
select-dialog[b-xn17qsh6v3] {
  display: flex;
  flex-direction: column;
  padding: 25px 0;
}
.search-summary[b-xn17qsh6v3] {
  color: grey;
  font-size: 12px;
  margin: 10px 0;
}
.options[b-xn17qsh6v3] {
  height: 300px;
  overflow: auto;
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 10px;
  border: 1px solid var(--border-colour, #40404041);
}
.options .user-select-item[b-xn17qsh6v3] {
  margin: 5px 0;
  cursor: pointer;
}
.options .user-select-item:hover[b-xn17qsh6v3],
.options .user-select-item.selected[b-xn17qsh6v3] {
  background-color: var(--background-highlight-colour, #4040400D);
  border-color: var(--primary-colour, #2F65E7);
}
/* /Components/FormUsers/SummaryForFormUserSelect.razor.rz.scp.css */
summary-for[b-s5pqclreqq] {
  display: flex;
  align-self: center;
  flex-wrap: wrap;
}
summary-for label.new-user[b-s5pqclreqq],
summary-for label.group[b-s5pqclreqq] {
  font-size: 12px;
  margin-right: 5px;
  padding: 5px;
  border: 1px solid var(--primary-colour, #2F65E7);
  color: var(--primary-colour, #2F65E7);
  display: flex;
  align-items: center;
}
summary-for label.group[b-s5pqclreqq] {
  color: var(--text-colour, #404040);
  border-color: var(--text-colour, #404040);
}
summary-for span[b-s5pqclreqq] {
  display: flex;
  align-items: center;
}
summary-for .new-user-group[b-s5pqclreqq] {
  display: flex;
  align-items: center;
  padding: 4px;
  margin: 0 3px;
}
summary-for .new-user-group span[b-s5pqclreqq] {
  color: var(--secondary-text-colour, #404040E6);
  font-size: 12px;
}
/* /Components/GenerationRules/FormGenerationRuleList.razor.rz.scp.css */
form-generation-rules[b-csf8qfm2tp] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 20px;
  padding: 12px;
  border: 1px solid var(--border-colour, #40404041);
  border-radius: 10px;
  height: 500px;
  min-width: 300px;
  position: relative;
  overflow-y: auto;
  background-color: color-mix(in srgb, var(--text-colour, #404040) 5%, transparent);
}
form-generation-rules[b-csf8qfm2tp]  > button {
  margin-top: auto;
  position: sticky;
  bottom: 10px;
  left: 5px;
  right: 5px;
  margin-left: auto;
  margin-right: auto;
  overflow: unset;
  width: min-content;
  white-space: pre;
}
.generation-rule[b-csf8qfm2tp] {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 15px;
  padding: 10px;
  background-color: white;
  border: 1px solid var(--border-colour, #40404041);
  border-radius: 16px;
}
.generation-rule .generation-rule-actions[b-csf8qfm2tp] {
  display: flex;
  flex-direction: column;
  height: 100%;
  align-items: end;
  justify-content: space-around;
}
.generation-rule .generation-rule-actions .generation-rule-actions-buttom[b-csf8qfm2tp] {
  display: flex;
  gap: 10px;
}
.generation-rule:hover[b-csf8qfm2tp] {
  background-color: color-mix(in srgb, var(--primary-colour, #2F65E7) 10%, transparent);
}
.generation-rule.paused[b-csf8qfm2tp] {
  opacity: 0.5;
}
/* /Components/GenerationRules/FormGenerationRuleListDialog.razor.rz.scp.css */
/* /Components/GenerationRules/FormGenerationRuleSummary.razor.rz.scp.css */
form-generation-rule-summary[b-rpayw4c0dz] {
  display: grid;
  gap: 8px;
  grid-template-areas: 'icon rrule' 'users users';
  align-items: center;
}
i[b-rpayw4c0dz] {
  grid-area: icon;
  padding: 5px;
  font-size: 18px;
}
[b-rpayw4c0dz] summary-for[type="rrule"] {
  grid-area: rrule;
  font-weight: bold;
}
[b-rpayw4c0dz] .user-selection {
  grid-area: users;
}
/* /Components/IconButton.razor.rz.scp.css */
i[b-ul40qvmyt3] {
  color: var(--text-colour, #404040);
  font-weight: 400;
  padding: 0px 6px;
}
i.dark-mode[b-ul40qvmyt3] {
  color: white;
}
i.dark-mode.highlighted[b-ul40qvmyt3] {
  color: white;
  font-weight: 800;
}
i.light-mode[b-ul40qvmyt3] {
  color: var(--text-colour, #404040);
}
i.light-mode.highlighted[b-ul40qvmyt3] {
  color: var(--secondary-text-colour, #404040E6);
  font-weight: 800;
}
i.large-icon[b-ul40qvmyt3] {
  font-size: 16pt;
}
/* /Components/InfoHover.razor.rz.scp.css */
info-hover[b-eb1evg2vi9] {
  position: relative;
  display: block;
}
info-hover i[b-eb1evg2vi9] {
  font-size: 1.3em;
  color: color-mix(in srgb, var(--text-colour, #404040) 50%, transparent);
  transition: 0.2s;
}
info-hover .info[b-eb1evg2vi9] {
  color: white;
  transition: opacity 0.3s;
  transition-delay: 0.1s;
  width: 200px;
  position: absolute;
  z-index: 2000;
  background-color: white;
  background-color: black;
  line-height: 20px;
  text-align: center;
  padding: 10px;
  box-shadow: 0 2px 2px 0 rgba(64, 64, 64, 0.14), 0 3px 1px -2px rgba(64, 64, 64, 0.12), 0 1px 5px 0 rgba(64, 64, 64, 0.2);
  opacity: 0;
  pointer-events: none;
}
info-hover:hover .info[b-eb1evg2vi9],
info-hover:focus .info[b-eb1evg2vi9],
info-hover:focus-within .info[b-eb1evg2vi9] {
  opacity: 1;
  display: block;
}
info-hover:hover i[b-eb1evg2vi9],
info-hover:focus i[b-eb1evg2vi9],
info-hover:focus-within i[b-eb1evg2vi9] {
  color: var(--text-colour, #404040);
}
/* /Components/InlineEditable/InlineEditableDisplay.razor.rz.scp.css */
inline-editable-display[b-r4r9smnae1],
.edit-actions[b-r4r9smnae1] {
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
}
[b-r4r9smnae1] button {
  font-size: 1.2em;
  color: color-mix(in srgb, var(--primary-colour, #2F65E7) 80%, transparent);
}
[b-r4r9smnae1] button:hover {
  color: var(--primary-colour, #2F65E7);
}
/* /Components/InlineEditable/InlineEditableTextField.razor.rz.scp.css */
inline-editable-text-field[b-zo30qzbore] {
  display: flex;
  align-items: center;
  gap: 5px;
  position: relative;
}
inline-editable-text-field:hover button[b-zo30qzbore] {
  opacity: 1;
}
inline-editable-text-field:hover[b-zo30qzbore]  i.placeholder-display {
  color: var(--primary-colour, #2F65E7);
}
inline-editable-text-field[b-zo30qzbore]  input,
inline-editable-text-field[b-zo30qzbore]  textarea,
inline-editable-text-field[b-zo30qzbore]  editor-for {
  width: 100%;
}
inline-editable-text-field:not([editing])[b-zo30qzbore] {
  cursor: pointer;
}
inline-editable-text-field:not([editing]) > *[b-zo30qzbore] {
  cursor: pointer;
}
button[b-zo30qzbore] {
  color: color-mix(in srgb, var(--text-colour, #404040) 50%, transparent);
  opacity: 0;
}
[b-zo30qzbore] i.placeholder-display {
  color: color-mix(in srgb, var(--text-colour, #404040) 50%, transparent);
}
@media only screen and (max-width : 600px) {
  button[b-zo30qzbore] {
    opacity: 0.25;
  }
}
/* /Components/Invoices/AllInvoicesModal.razor.rz.scp.css */
payments[b-fpsdqg1hpc] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.items[b-fpsdqg1hpc] {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 15px;
  border: 1px solid var(--border-colour, #40404041);
  max-height: 500px;
  overflow-y: auto;
}
/* /Components/Invoices/CurrentAndUpcomingPayment.razor.rz.scp.css */
current-and-upcoming-payment-summary[b-5i7rupcywo] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.upcoming-payment[b-5i7rupcywo] {
  opacity: 0.2;
  transition: 0.3s;
}
.upcoming-payment:hover[b-5i7rupcywo] {
  opacity: 1;
}
/* /Components/Invoices/SummaryForInvoice.razor.rz.scp.css */
summary-for[b-befmky4z0i] {
  box-shadow: 0 4px 5px 0 rgba(64, 64, 64, 0.14), 0 1px 10px 0 rgba(64, 64, 64, 0.12), 0 2px 4px -1px rgba(64, 64, 64, 0.3);
  border-radius: 5px;
  padding: 15px;
  display: grid;
  gap: 25px;
  grid-template-areas: 'date status' 'amount invoice';
}
summary-for .effective-dates[b-befmky4z0i] {
  grid-area: date;
  font-weight: bold;
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: 5px;
}
summary-for .effective-dates .current-indicator[b-befmky4z0i],
summary-for .effective-dates .upcoming-indicator[b-befmky4z0i] {
  color: white;
  padding: 3px 5px;
}
summary-for .effective-dates .current-indicator[b-befmky4z0i] {
  background-color: var(--text-colour, #404040);
}
summary-for .effective-dates .upcoming-indicator[b-befmky4z0i] {
  background-color: var(--success-colour, #33DA82);
  color: white;
}
summary-for .status[b-befmky4z0i] {
  grid-area: status;
  text-align: end;
}
summary-for .status span[b-befmky4z0i] {
  color: white;
  background-color: var(--text-colour, #404040);
  padding: 5px 10px;
}
summary-for .status.new span[b-befmky4z0i] {
  background-color: var(--primary-colour, #2F65E7);
}
summary-for .status.card-required span[b-befmky4z0i] {
  background-color: var(--primary-colour, #2F65E7);
}
summary-for .status.failed span[b-befmky4z0i] {
  background-color: var(--warning-colour, #F9034C);
}
summary-for .status.paid span[b-befmky4z0i] {
  background-color: var(--success-colour, #33DA82);
}
summary-for .amount[b-befmky4z0i] {
  grid-area: amount;
  font-size: 20px;
}
summary-for .external-invoice[b-befmky4z0i] {
  grid-area: invoice;
  text-align: end;
}
/* /Components/NotFound.razor.rz.scp.css */
not-found[b-tu9hynyzxt] {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
h1[b-tu9hynyzxt],
span[b-tu9hynyzxt],
error[b-tu9hynyzxt] {
  color: grey;
}
span[b-tu9hynyzxt] {
  font-size: 18px;
  margin: 12px;
}
error[b-tu9hynyzxt] {
  font-size: 40px;
}
error[b-tu9hynyzxt]::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  content: "\e39b";
  margin: 0;
}
/* /Components/PageLink.razor.rz.scp.css */
page-link[b-x7c2vtiw4h] {
  display: block;
  position: absolute;
  left: -28px;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  font-size: 18px;
  height: min-content;
  color: color-mix(in srgb, var(--text-colour, #404040) 20%, transparent);
}
@media only screen and (max-width : 600px) {
  page-link[b-x7c2vtiw4h] {
    position: static;
  }
}
/* /Components/PAT/ConfirmAndCopyTokenDialog.razor.rz.scp.css */
confirm-and-copy-token-dialog[b-e345vfh3ri] {
  gap: 15px;
  display: flex;
  flex-direction: column;
}
confirm-and-copy-token-dialog token-details[b-e345vfh3ri] {
  gap: 10px;
  display: flex;
  align-items: center;
}
confirm-and-copy-token-dialog warning[b-e345vfh3ri] {
  padding: 10px;
  color: var(--soft-warning-colour, #D38200);
  background-color: color-mix(in srgb, var(--soft-warning-colour, #D38200) 10%, transparent);
}
confirm-and-copy-token-dialog[b-e345vfh3ri]  > button {
  width: max-content;
  margin-left: auto;
}
confirm-and-copy-token-dialog[b-e345vfh3ri]  > button:not(:last-of-type) {
  margin: -5px auto 5px;
}
/* /Components/PopupMenu.razor.rz.scp.css */
.menu-content[b-32bu4smaor] {
  background-color: white;
  border-radius: 10px;
  box-shadow: 0 3px 3px 0 rgba(64, 64, 64, 0.14), 0 1px 7px 0 rgba(64, 64, 64, 0.12), 0 3px 1px -1px rgba(64, 64, 64, 0.2);
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 13px;
  border: 1px solid var(--border-colour, #40404041);
  align-items: start;
}
/* /Components/Roles/EditorForApplicationRolePermissions.razor.rz.scp.css */
editor-for[b-rp3u04h64z] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
editor-for[b-rp3u04h64z]  > * {
  min-height: 40px;
}
.role-select-permission[b-rp3u04h64z] {
  display: flex;
  gap: 25px;
  align-items: center;
  flex-wrap: wrap;
}
[b-rp3u04h64z] form-field.permission {
  display: grid;
  grid-template-columns: 150px auto;
}
[b-rp3u04h64z] form-field {
  margin: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 25px;
}
/* /Components/Roles/EditorForManageUserRolesList.razor.rz.scp.css */
/* /Components/Roles/SumaryForManageUserRolesList.razor.rz.scp.css */
summary-for[b-xd1dj42beg] {
  display: flex;
  gap: 2px;
  flex-wrap: wrap;
  color: var(--text-colour, #404040);
}
.group-container[b-xd1dj42beg] {
  border: 1px solid var(--text-colour, #404040);
  padding: 5px;
  white-space: pre;
}
/* /Components/RRule/DateOfMonthSelect.razor.rz.scp.css */
editor-for[b-dyvgq0o27x] {
  display: grid;
  grid-template-columns: repeat(7, 28px);
  grid-column-gap: 1px;
  grid-row-gap: 1px;
}
editor-for .day-select[b-dyvgq0o27x] {
  display: grid;
  color: var(--border-colour, #40404041);
  border: 1px solid var(--border-colour, #40404041);
  position: relative;
  transition: 0.2s;
}
editor-for .day-select.selected[b-dyvgq0o27x] {
  color: var(--primary-colour, #2F65E7);
  background-color: var(--background-highlight-colour, #4040400D);
  border-color: var(--primary-colour, #2F65E7);
}
editor-for .day-select:hover[b-dyvgq0o27x] {
  background-color: var(--background-highlight-colour, #4040400D);
}
editor-for .day-select > *[b-dyvgq0o27x] {
  grid-column: 1;
  grid-row: 1;
  width: 28px;
  height: 28px;
  margin: unset;
}
editor-for .day-select input[b-dyvgq0o27x] {
  z-index: 2;
  opacity: 0;
  cursor: pointer;
}
editor-for .day-select label[b-dyvgq0o27x] {
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  color: inherit;
  font-size: 11px;
}
/* /Components/RRule/DayOfWeekSelect.razor.rz.scp.css */
editor-for[b-ew882fg2tx] {
  display: flex;
  flex-wrap: wrap;
}
editor-for .weekday-option[b-ew882fg2tx] {
  width: 35px;
  height: 35px;
  display: grid;
  position: relative;
  border: 1px solid var(--border-colour, #40404041);
  color: var(--border-colour, #40404041);
  border-radius: 8px;
  margin-right: 5px;
  transition: 0.3s;
}
editor-for .weekday-option.selected[b-ew882fg2tx] {
  border-color: var(--primary-colour, #2F65E7);
  color: var(--border-colour, #40404041);
  background-color: var(--background-highlight-colour, #4040400D);
}
editor-for .weekday-option.selected > label[b-ew882fg2tx] {
  color: var(--primary-colour, #2F65E7);
}
editor-for .weekday-option > label[b-ew882fg2tx] {
  transition: 0.3s;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  font-size: 9px;
  color: inherit;
  color: #567AAAAA;
}
editor-for .weekday-option[b-ew882fg2tx]  > * {
  grid-column: 1;
  grid-row: 1;
}
editor-for .weekday-option[b-ew882fg2tx]  editor-for[display="checkbox"][breezer-editor-for-bool] {
  width: 35px;
  height: 35px;
  z-index: 3;
  opacity: 0;
}
editor-for .weekday-option[b-ew882fg2tx]  editor-for[display="checkbox"][breezer-editor-for-bool] > input[type="checkbox"] {
  width: 35px;
  height: 35px;
}
/* /Components/RRule/EditorForRRule.razor.rz.scp.css */
editor-for[b-apnidb15jo] {
  display: flex;
  flex-direction: column;
  position: relative;
}
.recurrence-indicator[b-apnidb15jo] {
  position: absolute;
  top: 0;
  right: 0;
}
.recurrence-indicator label[b-apnidb15jo] {
  color: var(--primary-colour, #2F65E7);
}
.rrule-popup[b-apnidb15jo] {
  padding: 5px;
  min-width: 20px;
  color: var(--secondary-text-colour, #404040E6);
  font-size: 12px;
}
.repetition[b-apnidb15jo],
.terminating[b-apnidb15jo] {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
}
.repetition label[b-apnidb15jo],
.terminating label[b-apnidb15jo] {
  color: var(--text-colour, #404040);
  font-size: 18px;
  margin: unset;
}
.interval-selection[b-apnidb15jo] {
  margin: 15px 0;
  display: flex;
  align-items: center;
  gap: 5px;
}
.interval-selection[b-apnidb15jo]  dropdown-selected[breezer-dropdown] {
  min-width: 110px;
}
.inline-field[b-apnidb15jo] {
  margin: 15px 0;
  font-size: 14px;
}
.inline-field[b-apnidb15jo]  editor-for {
  margin: 0 5px;
}
.month-rule .by-day[b-apnidb15jo],
.month-rule .by-date[b-apnidb15jo] {
  margin: 10px 0;
  display: flex;
  align-items: center;
}
.month-rule .by-day[b-apnidb15jo]  editor-for[type="radio-option"],
.month-rule .by-date[b-apnidb15jo]  editor-for[type="radio-option"] {
  margin-right: 15px;
}
.month-rule .by-day .month-day[b-apnidb15jo] {
  display: flex;
}
.month-rule .by-day .month-day[b-apnidb15jo]  dropdown-selected[breezer-dropdown] {
  min-width: 110px;
}
.terminating .terminating-conditions[b-apnidb15jo] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.terminating .terminating-conditions span.or[b-apnidb15jo] {
  margin: 0 25px;
  font-weight: bold;
}
.terminating .after-occurences[b-apnidb15jo] {
  margin: 15px 0;
  font-size: 14px;
}
.terminating .after-occurences[b-apnidb15jo]  editor-for {
  margin: 0 5px;
}
.terminating .at-date[b-apnidb15jo] {
  display: flex;
  align-items: center;
}
/* /Components/RRule/SummaryForRRule.razor.rz.scp.css */
/* /Components/Subscriptions/SubscriptionBlockedModal.razor.rz.scp.css */
subscription-blocked-modal[b-zgqzk23evb] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 25px;
}
subscription-blocked-modal > *[b-zgqzk23evb] {
  margin: 0;
}
/* /Components/Subscriptions/SubscriptionDeniedOverlay.razor.rz.scp.css */
.subscription-denied-container[b-3up9ri7sv3] {
  position: relative;
}
.subscription-denied-container .subscription-denied-overlay[b-3up9ri7sv3] {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: color-mix(in srgb, var(--text-colour, #404040) 50%, transparent);
  display: flex;
  justify-content: center;
  align-items: center;
}
.subscription-denied-container .subscription-denied-overlay .lock-icon[b-3up9ri7sv3] {
  cursor: pointer;
  font-size: 25px;
  color: rgba(255, 255, 255, 0.8);
}
.subscription-denied-container .subscription-denied-overlay .lock-icon[b-3up9ri7sv3]::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 600;
  content: "\f023";
  margin: 0;
}
/* /Components/Subscriptions/SubscriptionDisabledFieldSkeleton.razor.rz.scp.css */
subscription-disabled-field-skeleton[b-32ijah68df] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 10px;
  position: relative;
  width: 300px;
  height: 80px;
  background-color: color-mix(in srgb, var(--text-colour, #404040) 5%, transparent);
  border-radius: 8px;
  border: 1px solid var(--border-colour, #40404041);
}
subscription-disabled-field-skeleton[b-32ijah68df]::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  content: "\f023";
  margin: 0;
}
subscription-disabled-field-skeleton[b-32ijah68df]::before {
  z-index: 1;
  position: absolute;
  margin: auto;
  font-style: normal;
  color: color-mix(in srgb, var(--text-colour, #404040) 20%, transparent);
  font-size: 50px;
}
subscription-disabled-field-skeleton > *[b-32ijah68df] {
  z-index: 2;
}
subscription-disabled-field-skeleton p[b-32ijah68df] {
  color: var(--secondary-text-colour, #404040E6);
  text-align: center;
  margin: 0;
}
subscription-disabled-field-skeleton a[b-32ijah68df] {
  padding: 3px;
  font-weight: bold;
  font-size: 12px;
}
/* /Components/Subscriptions/TrialIndicator.razor.rz.scp.css */
trial-indicator[b-vwvso27n4z] {
  display: inline-block;
}
trial-indicator[b-vwvso27n4z] >  * {
  display: flex;
  width: min-content;
  white-space: nowrap;
  height: 26px;
  align-items: center;
  font-size: 13px;
  font-weight: bold;
  color: var(--soft-warning-colour, #D38200);
  background-color: color-mix(in srgb, var(--soft-warning-colour, #D38200) 10%, transparent);
  padding: 0 10px;
  transition: 0.3s;
}
trial-indicator[b-vwvso27n4z] >  *:hover {
  opacity: 0.8;
}
/* /Components/Subscriptions/UpgradeSubscriptionLevelBarrier.razor.rz.scp.css */
upgrade-subscription-level-barrier[b-sp4vzi1dwp] {
  padding: 14px;
  margin: 5px 0;
  background-color: white;
  border-radius: 12px;
  transition: 0.3s;
  width: 100%;
  border: 1px solid var(--border-colour, #40404041);
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
  height: 500px;
}
@media print {
  upgrade-subscription-level-barrier[b-sp4vzi1dwp] {
    display: block !important;
    padding: 0px !important;
    margin: 0px !important;
    border-radius: 0px;
    margin-bottom: 20px;
  }
}
upgrade-subscription-level-barrier > *[b-sp4vzi1dwp] {
  z-index: 2;
}
upgrade-subscription-level-barrier p[b-sp4vzi1dwp] {
  text-align: center;
}
upgrade-subscription-level-barrier[b-sp4vzi1dwp]::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  content: "\f023";
  margin: 0;
}
upgrade-subscription-level-barrier[b-sp4vzi1dwp]::before {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 80px;
  width: 80px;
  height: 80px;
  color: color-mix(in srgb, var(--text-colour, #404040) 10%, transparent);
}
/* /Components/SummaryForApplicationRoleList.razor.rz.scp.css */
.app-role-container[b-l13xsp0i0f] {
  border: 1px solid var(--primary-colour, #2F65E7);
  padding: 5px;
  white-space: pre;
}
/* /Components/SummaryForDueDate.razor.rz.scp.css */
.due-date[b-z6q174k9ex] {
  cursor: default;
}
.pill[b-z6q174k9ex] {
  height: 24px;
  border-radius: calc(24px / 2);
  background-color: var(--primary-colour, #2F65E7);
  line-height: 24px;
  padding: 0px 8px;
  font-size: 12px;
  color: white;
  white-space: pre;
  font-weight: bold;
}
.pill span[b-z6q174k9ex] {
  white-space: pre;
}
.pill i[b-z6q174k9ex] {
  margin-right: 5px;
}
.pill.due-soon[b-z6q174k9ex] {
  background-color: var(--soft-warning-colour, #D38200);
}
.pill.overdue[b-z6q174k9ex] {
  background-color: var(--warning-colour, #F9034C);
}
/* /Components/SummaryForFormAccessType.razor.rz.scp.css */
summary-for[b-1rn1296twl] {
  display: flex;
  align-items: center;
  font-size: 12px;
  gap: 5px;
  justify-content: center;
  color: var(--text-colour, #404040);
}
summary-for.public[b-1rn1296twl] {
  color: var(--primary-colour, #2F65E7);
}
summary-for span[b-1rn1296twl] {
  font-weight: bold;
}
/* /Components/SummaryForFormDefinition.razor.rz.scp.css */
summary-for[b-jom6eclgu6] {
  font-weight: bold;
  color: var(--text-colour, #404040);
}
/* /Components/SummaryForListItems.razor.rz.scp.css */
summary-for[b-kbomz81z2f] {
  display: flex;
  flex-wrap: wrap;
  max-width: 300px;
  align-items: center;
}
.item-container[b-kbomz81z2f] {
  margin: 3px;
  margin-left: 0px;
  display: flex;
  align-items: center;
}
.plus-items-indicator[b-kbomz81z2f] {
  font-style: italic;
  cursor: pointer;
  padding: 5px;
}
.plus-items[b-kbomz81z2f] {
  padding: 10px;
}
/* /Components/SummaryForResponseContributors.razor.rz.scp.css */
summary-for[b-f85kdjvw7e] {
  display: flex;
}
summary-for[b-f85kdjvw7e]  .user-container {
  position: relative;
}
summary-for[b-f85kdjvw7e]  .user-container avatar[breezer-avatar] {
  margin-right: unset;
  width: 32px;
  height: 32px;
  font-size: 12px;
}
summary-for[b-f85kdjvw7e]  .user-container .last-edit-indicator {
  z-index: 3;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: -3px;
  left: -4px;
  color: white;
  font-size: 9px;
  width: 15px;
  height: 15px;
  background-color: #455b8c;
  border-radius: 50%;
  box-shadow: 0 4px 5px 0 rgba(64, 64, 64, 0.14), 0 1px 10px 0 rgba(64, 64, 64, 0.12), 0 2px 4px -1px rgba(64, 64, 64, 0.3);
}
summary-for .additional-users-indicator[b-f85kdjvw7e] {
  color: var(--text-colour, #404040);
  border: 1px solid var(--text-colour, #404040);
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  cursor: pointer;
}
summary-for .additional-users-indicator:hover[b-f85kdjvw7e] {
  color: var(--primary-colour, #2F65E7);
  border-color: var(--primary-colour, #2F65E7);
}
summary-for .additional-users[b-f85kdjvw7e] {
  max-height: 250px;
  overflow-y: auto;
}
summary-for .additional-users[b-f85kdjvw7e]  summary-for {
  padding: 5px;
}
summary-for .additional-users[b-f85kdjvw7e]  summary-for span.name {
  color: var(--text-colour, #404040);
}
/* /Components/SummaryForResponseCount.razor.rz.scp.css */
summary-for[b-rhwnx8jajp] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.fraction[b-rhwnx8jajp] {
  display: flex;
  align-items: center;
  justify-content: start;
  font-size: 12px;
  color: var(--primary-colour, #2F65E7);
  font-weight: bold;
}
.fraction i[b-rhwnx8jajp] {
  margin: 0 3px;
  font-size: 12px;
}
.progress[b-rhwnx8jajp] {
  width: 80px;
  height: 10px;
  background-color: #d5dae6;
  border-radius: 4px;
  background-color: 4px;
}
.progress .progress-fill[b-rhwnx8jajp] {
  height: 10px;
  background-color: var(--primary-colour, #2F65E7);
  border-radius: 4px;
}
/* /Components/SummaryForStringColourCode.razor.rz.scp.css */
summary-for[b-cbf9u5hpp9] {
  display: flex;
  align-items: center;
}
div.indicator[b-cbf9u5hpp9] {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  margin-right: 4px;
}
/* /Components/SummaryForTenantMembershipStatus.razor.rz.scp.css */
summary-for[b-pm6ay3mlt9] {
  border-radius: calc(26px / 2);
  height: 26px;
  display: flex;
  align-items: center;
  padding: 0 13px;
  font-size: 12px;
  font-weight: bold;
  background-color: color-mix(in srgb, var(--text-colour, #404040) 10%, transparent);
}
summary-for.active[b-pm6ay3mlt9] {
  background-color: color-mix(in srgb, var(--primary-colour, #2F65E7) 20%, transparent);
  color: var(--primary-colour, #2F65E7);
}
summary-for.deactivated[b-pm6ay3mlt9] {
  background-color: color-mix(in srgb, var(--soft-warning-colour, #D38200) 20%, transparent);
  color: var(--soft-warning-colour, #D38200);
}
summary-for.rejected[b-pm6ay3mlt9] {
  color: color-mix(in srgb, var(--soft-warning-colour, #D38200) 10%, transparent);
  color: var(--warning-colour, #F9034C);
}
summary-for label[b-pm6ay3mlt9] {
  color: inherit;
}
/* /Components/SummaryForUserSelection.razor.rz.scp.css */
summary-for[b-4ia3ehb1l6] {
  display: flex;
  align-items: center;
}
summary-for[b-4ia3ehb1l6]  > summary-for {
  min-width: unset;
}
/* /Components/Templates/FormTemplatePreviewModal.razor.rz.scp.css */
form-preview-modal[b-bx0esmaqnw] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  max-height: calc(90vh - 80px);
}
@media only screen and (max-width : 600px) {
  form-preview-modal[b-bx0esmaqnw] {
    margin-bottom: 2em;
  }
}
.preview[b-bx0esmaqnw] {
  width: 100%;
  max-width: 800px;
  background-color: var(--background-colour, #FBFBFB);
  border: 5px solid var(--background-colour, #FBFBFB);
  padding: 80px;
  height: 800px;
  overflow: auto;
}
@media only screen and (max-width : 1400px) {
  .preview[b-bx0esmaqnw] {
    padding: 50px;
  }
}
@media only screen and (max-width : 600px) {
  .preview[b-bx0esmaqnw] {
    width: 100%;
    padding: 5px;
    height: 600px;
  }
}
/* /Components/Templates/FormTemplatesListModal.razor.rz.scp.css */
form-templates-list-modal[b-iog40mptj1] {
  margin: 25px 0;
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.thumbnails[b-iog40mptj1] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 25px;
}
/* /Components/Templates/FormTemplateThumbnail.razor.rz.scp.css */
form-template-thumbnail[b-tq2981ysp4] {
  display: block;
  position: relative;
}
[b-tq2981ysp4] .popup-control {
  position: absolute;
  z-index: 100;
  right: 0;
}
[b-tq2981ysp4] .popup-control .popup-trigger {
  padding: 5px;
  cursor: pointer;
  transition: 0.3s;
}
[b-tq2981ysp4] .popup-control .popup-trigger:hover {
  color: var(--primary-colour, #2F65E7);
}
[b-tq2981ysp4] .popup-control .actions {
  background-color: white;
  border-radius: 10px;
  box-shadow: 0 3px 3px 0 rgba(64, 64, 64, 0.14), 0 1px 7px 0 rgba(64, 64, 64, 0.12), 0 3px 1px -1px rgba(64, 64, 64, 0.2);
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 13px;
  border: 1px solid var(--border-colour, #40404041);
}
[b-tq2981ysp4] .popup-control .actions button {
  word-wrap: anywhere;
  color: var(--text-colour, #404040);
  font-size: 16px;
  padding: 5px 0;
  border-radius: 3px;
  transition: 0.2s;
  text-align: start;
  cursor: pointer;
}
[b-tq2981ysp4] .popup-control .actions button:hover {
  color: var(--primary-colour, #2F65E7);
}
[b-tq2981ysp4] .thumbnail .preview {
  position: absolute;
  padding-left: 20px;
  padding-right: 20px;
  transform: translateY(0);
  top: 25px;
}
[b-tq2981ysp4] .thumbnail .preview img {
  border-radius: 5px;
  max-width: 100%;
}
[b-tq2981ysp4] .thumbnail:not(:hover) .preview {
  animation: scroll-in-b-tq2981ysp4 ease-in-out 1s forwards;
}
[b-tq2981ysp4] .thumbnail:hover .preview {
  animation: scroll-out-b-tq2981ysp4 ease-in-out 1s forwards;
}
i.view-icon[b-tq2981ysp4] {
  opacity: 0;
  font-size: 30px;
  z-index: 5;
  transition: 0.3s;
}
[b-tq2981ysp4] .thumbnail:hover i {
  opacity: 0.8;
}
@keyframes scroll-out-b-tq2981ysp4 {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(calc(-100% + 170px - 30px));
  }
}
@keyframes scroll-in-b-tq2981ysp4 {
  0% {
    transform: translateY(calc(-100% + 170px - 30px));
  }
  100% {
    transform: translateY(0);
  }
}
/* /Components/Templates/FormTemplateThumbnailLayout.razor.rz.scp.css */
form-template-thumbnail-layout[b-5tk68fsqqp] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
}
form-template-thumbnail-layout label[b-5tk68fsqqp] {
  position: relative;
  font-weight: bold;
  color: var(--secondary-text-colour, #404040E6);
  max-width: 170px;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}
form-template-thumbnail-layout .tags[b-5tk68fsqqp] {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
form-template-thumbnail-layout[b-5tk68fsqqp]  loading-spinner spinner {
  width: 80px;
  height: 80px;
  border-width: 10px;
}
form-template-thumbnail-layout .thumbnail[b-5tk68fsqqp] {
  display: flex;
  width: 170px;
  height: 170px;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--border-colour, #40404041);
  background-color: var(--background-highlight-colour, #4040400D);
  transition: 0.3s;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
form-template-thumbnail-layout .thumbnail .loading-overlay[b-5tk68fsqqp] {
  z-index: 1000;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
form-template-thumbnail-layout .thumbnail:hover[b-5tk68fsqqp] {
  border-color: var(--primary-colour, #2F65E7);
  box-shadow: 0 2px 2px 0 rgba(64, 64, 64, 0.14), 0 3px 1px -2px rgba(64, 64, 64, 0.12), 0 1px 5px 0 rgba(64, 64, 64, 0.2);
}
/* /Components/Themes/OrganisationThemeSelection.razor.rz.scp.css */
/* /Components/Themes/ThemeOption.razor.rz.scp.css */
.theme-option[b-mjw5wzcuem] {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.theme-option .colours[b-mjw5wzcuem] {
  padding: 15px;
  background-color: white;
  box-shadow: 0 2px 2px 0 rgba(64, 64, 64, 0.14), 0 3px 1px -2px rgba(64, 64, 64, 0.12), 0 1px 5px 0 rgba(64, 64, 64, 0.2);
  display: flex;
  gap: 5px;
  transition: 0.2s;
  border: 1px solid var(--border-colour, #40404041);
}
.theme-option .colours .colour[b-mjw5wzcuem] {
  width: 50px;
  height: 50px;
  border: 1px solid var(--border-colour, #40404041);
}
.theme-option label[b-mjw5wzcuem] {
  font-weight: bold;
}
.theme-option:hover .colours[b-mjw5wzcuem] {
  box-shadow: 0 4px 5px 0 rgba(64, 64, 64, 0.14), 0 1px 10px 0 rgba(64, 64, 64, 0.12), 0 2px 4px -1px rgba(64, 64, 64, 0.3);
}
.theme-option.selected .colours[b-mjw5wzcuem] {
  background-color: color-mix(in srgb, var(--primary-colour, #2F65E7) 10%, transparent);
  border: 1px solid var(--primary-colour, #2F65E7);
}
/* /Components/Themes/ThemeSelection.razor.rz.scp.css */
.theme-selection[b-rboaw5kgy7] {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
/* /Components/Themes/UserThemeSelection.razor.rz.scp.css */
user-theme-selection[b-1dc88szctj] {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 15px;
}
/* /Components/Users/IndyFormsUserAvatar.razor.rz.scp.css */
indy-forms-user-avatar[b-ha0ty1k0ee] {
  --avatar-size: 30px;
  display: block;
  position: relative;
  width: min-content;
}
indy-forms-user-avatar .support-user-emblem[b-ha0ty1k0ee] {
  z-index: 2;
  position: absolute;
  top: -4px;
  right: -2px;
  font-size: 12px;
  color: var(--primary-colour, #2F65E7);
}
indy-forms-user-avatar.support[b-ha0ty1k0ee]  avatar {
  border: 1px solid var(--primary-colour, #2F65E7);
}
.well-known[b-ha0ty1k0ee] {
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  background-color: #3D5263;
  border-radius: 50%;
  font-size: 16px;
  width: var(--avatar-size);
  height: var(--avatar-size);
}
.well-known.guest-user icon[b-ha0ty1k0ee]::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 800;
  content: "\f007";
  margin: 0;
}
.hover-details[b-ha0ty1k0ee] {
  background-color: white;
  border-radius: 10px;
  box-shadow: 0 3px 3px 0 rgba(64, 64, 64, 0.14), 0 1px 7px 0 rgba(64, 64, 64, 0.12), 0 3px 1px -1px rgba(64, 64, 64, 0.2);
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 13px;
  border: 1px solid var(--border-colour, #40404041);
}
.hover-details .email[b-ha0ty1k0ee] {
  font-size: 12px;
  color: color-mix(in srgb, var(--text-colour, #404040) 50%, transparent);
}
/* /Components/Users/IndyFormsUserAvatars.razor.rz.scp.css */
indy-forms-user-avatars[b-pvo2i4qvbw] {
  display: flex;
  align-items: center;
}
.avatar-container[b-pvo2i4qvbw],
.user-summary-container[b-pvo2i4qvbw] {
  position: relative;
}
.additional-users-trigger[b-pvo2i4qvbw] {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  width: 30px;
  height: 30px;
  border: 1px solid var(--text-colour, #404040);
  color: var(--text-colour, #404040);
  cursor: pointer;
}
.additional-users-trigger:hover[b-pvo2i4qvbw] {
  color: var(--primary-colour, #2F65E7);
  border-color: var(--primary-colour, #2F65E7);
}
.additional-users-dropdown[b-pvo2i4qvbw] {
  background-color: white;
  border-radius: 10px;
  box-shadow: 0 3px 3px 0 rgba(64, 64, 64, 0.14), 0 1px 7px 0 rgba(64, 64, 64, 0.12), 0 3px 1px -1px rgba(64, 64, 64, 0.2);
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 13px;
  border: 1px solid var(--border-colour, #40404041);
}
/* /Components/Users/InviteExistingUserDialog.razor.rz.scp.css */
invite-existing-user-dialog[b-pp09wfz57e] {
  display: flex;
  flex-direction: column;
}
invite-existing-user-dialog .actions[b-pp09wfz57e] {
  margin-top: 25px;
  display: flex;
  justify-content: space-evenly;
}
/* /Components/Users/NewUserDialog.razor.rz.scp.css */
new-user-dialog[b-d9cs4ucsbh] {
  display: flex;
  flex-direction: column;
}
new-user-dialog .actions[b-d9cs4ucsbh] {
  margin-top: 25px;
  display: flex;
  justify-content: space-evenly;
}
span[b-d9cs4ucsbh] {
  color: grey;
  font-size: 12px;
}
p.group-message[b-d9cs4ucsbh] {
  font-weight: bold;
  text-align: center;
  margin: 0 3px;
}
/* /Components/Users/SummaryForIndyFormsUser.razor.rz.scp.css */
summary-for[type="indyforms-user"][b-sv0web3bjq] {
  background-color: white;
  border-radius: 6px;
  border: 1px solid var(--border-colour, #40404041);
  padding: 10px;
  display: flex;
  gap: 10px;
  align-items: center;
}
.name-and-email[b-sv0web3bjq] {
  display: flex;
  flex-direction: column;
}
.name-and-email .email[b-sv0web3bjq] {
  color: color-mix(in srgb, var(--text-colour, #404040) 50%, transparent);
  font-size: 11px;
}
/* /Components/Users/SummaryForUserStatus.razor.rz.scp.css */
summary-for[b-y4039a037j] {
  display: flex;
  gap: 15px;
  align-items: center;
}
summary-for span.admin-license[b-y4039a037j],
summary-for span.support-license[b-y4039a037j] {
  font-size: 12px;
  padding: 5px;
  color: white;
}
summary-for span.admin-license[b-y4039a037j] {
  background-color: #f4b545;
}
summary-for span.admin-license.disabled[b-y4039a037j] {
  opacity: 0.5;
  text-decoration: line-through;
}
summary-for span.support-license[b-y4039a037j] {
  background-color: var(--primary-colour, #2F65E7);
}
/* /Components/VersionLabel.razor.rz.scp.css */
version-label[b-gb16ocmc7u] {
  padding: 0 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 25px;
  border-radius: 12.5px;
  background-color: var(--text-colour, #404040);
}
span[b-gb16ocmc7u] {
  font-size: 13px;
  color: white;
  text-align: center;
  font-weight: bold;
}
/* /Layout/AppHeader.razor.rz.scp.css */
header[b-067wcrxyxd] {
  position: relative;
  display: flex;
  justify-content: space-between;
  background-color: var(--header-background-colour, #ffffff);
  align-items: center;
  border-bottom: 1px solid var(--border-colour, #40404041);
}
header[b-067wcrxyxd]  .indy-forms-free-indicator {
  margin-right: auto;
  padding: 5px 10px;
  background-color: var(--primary-colour, #2F65E7);
  color: white;
}
header .user-and-account[b-067wcrxyxd] {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-right: 10px;
}
header .user-and-account span.welcome-message[b-067wcrxyxd] {
  color: var(--text-colour, #404040);
  font-weight: bold;
}
header button.mobile-menu-toggle[b-067wcrxyxd] {
  display: none;
}
header .tenant-selection-container[b-067wcrxyxd] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: min-content;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width : 600px) {
  header .indy-forms-free-indicator[b-067wcrxyxd] {
    display: none;
  }
  header button.mobile-menu-toggle[b-067wcrxyxd] {
    display: block;
    margin-left: 15px;
    font-size: 23px;
  }
  header[b-067wcrxyxd]  span.welcome-message,
  header[b-067wcrxyxd]  .tenant-selection-container,
  header[b-067wcrxyxd]  trial-indicator {
    display: none;
  }
  header a.logo[b-067wcrxyxd] {
    margin-left: auto;
    margin-right: auto;
  }
  header a.logo img.logo[b-067wcrxyxd] {
    display: inline;
    margin-left: auto;
    margin-right: auto;
  }
  header[b-067wcrxyxd]  avatar[breezer-avatar] {
    width: 40px;
    height: 40px;
  }
  header[b-067wcrxyxd]  avatar[breezer-avatar] span {
    font-size: initial;
  }
}
/* /Layout/AreaContextLayout.razor.rz.scp.css */
area-layout[b-552s3nh5d6] {
  display: grid;
  grid-template-columns: auto;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  height: 100%;
}
area-layout .area-content[b-552s3nh5d6] {
  overflow: auto;
}
@media only screen and (max-width : 600px) {
  area-layout[b-552s3nh5d6] {
    grid-auto-flow: row;
    height: auto;
    width: 100%;
  }
}
/* /Layout/IndyFormsAccountWidget.razor.rz.scp.css */
indyforms-account-widget[b-xo4lktu9w1] {
  display: block;
}
indyforms-account-widget .avatar-placeholder[b-xo4lktu9w1] {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: var(--background-highlight-colour, #4040400D);
  color: white;
}
indyforms-account-widget[b-xo4lktu9w1]  avatar {
  width: 40px;
  height: 40px;
  cursor: pointer;
  transition: 0.3s;
}
indyforms-account-widget[b-xo4lktu9w1]  avatar:hover {
  opacity: 0.7;
  background-color: var(--primary-colour, #2F65E7);
  color: white;
}
indyforms-account-widget[b-xo4lktu9w1]  avatar span {
  user-select: none;
}
indyforms-account-widget account-widget-content[b-xo4lktu9w1] {
  background-color: white;
  border-radius: 10px;
  box-shadow: 0 3px 3px 0 rgba(64, 64, 64, 0.14), 0 1px 7px 0 rgba(64, 64, 64, 0.12), 0 3px 1px -1px rgba(64, 64, 64, 0.2);
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 13px;
  border: 1px solid var(--border-colour, #40404041);
  max-width: 500px;
  min-width: 300px;
}
indyforms-account-widget account-widget-content .account-summary[b-xo4lktu9w1] {
  display: flex;
  gap: 10px;
  align-items: center;
}
indyforms-account-widget account-widget-content .account-summary[b-xo4lktu9w1]  avatar {
  width: 50px;
  height: 50px;
  font-size: 18px;
}
indyforms-account-widget account-widget-content .account-summary .summary-details[b-xo4lktu9w1] {
  display: flex;
  flex-direction: column;
}
indyforms-account-widget account-widget-content .account-summary .summary-details > *[b-xo4lktu9w1] {
  word-wrap: anywhere;
}
indyforms-account-widget account-widget-content .account-summary .summary-details span.name[b-xo4lktu9w1] {
  font-size: 18px;
  font-weight: bold;
  color: var(--primary-colour, #2F65E7);
}
indyforms-account-widget account-widget-content .account-summary .summary-details span.email[b-xo4lktu9w1] {
  color: var(--secondary-text-colour, #404040E6);
  font-size: 12px;
}
indyforms-account-widget account-widget-content .account-menu[b-xo4lktu9w1] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
indyforms-account-widget account-widget-content .account-menu[b-xo4lktu9w1]  > * {
  word-wrap: anywhere;
  color: var(--text-colour, #404040);
  font-size: 16px;
  padding: 5px 0;
  border-radius: 3px;
  transition: 0.2s;
  text-align: start;
  cursor: pointer;
}
indyforms-account-widget account-widget-content .account-menu[b-xo4lktu9w1]  > *:hover {
  color: var(--primary-colour, #2F65E7);
}
/* /Layout/IndyFormsAuthorizedView.razor.rz.scp.css */
.page-layout[b-wkb3ft4l3k] {
  height: inherit;
  display: grid;
  grid-template-areas: 'header header' 'menu main';
  grid-template-rows: 70px auto;
  grid-template-columns: min-content 1fr;
}
.page-layout.guest[b-wkb3ft4l3k] {
  grid-template-areas: 'header header' 'main main';
}
.page-layout[b-wkb3ft4l3k]  > header {
  grid-area: header;
}
.page-layout[b-wkb3ft4l3k]  subscription-warning-banner {
  grid-area: warnings;
}
.page-layout main[b-wkb3ft4l3k] {
  grid-area: main;
}
.page-layout main .mobile-tenant-selection[b-wkb3ft4l3k] {
  display: none;
}
.page-layout .menu-container[b-wkb3ft4l3k] {
  display: contents;
}
.page-layout .menu-container[b-wkb3ft4l3k]  nav {
  grid-area: menu;
}
@media only screen and (max-width : 600px) {
  .page-layout[b-wkb3ft4l3k] {
    grid-template-areas: 'header' 'main';
    grid-template-columns: unset;
  }
  .page-layout main[b-wkb3ft4l3k] {
    border-top: unset;
  }
  .page-layout main .mobile-tenant-selection[b-wkb3ft4l3k] {
    display: block;
  }
  .page-layout main .mobile-tenant-selection[b-wkb3ft4l3k]  .tenant-handle {
    width: 100%;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }
  .page-layout .menu-container[b-wkb3ft4l3k] {
    display: none;
    position: absolute;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #0d193679;
  }
  .page-layout .menu-container[b-wkb3ft4l3k]  nav {
    grid-area: unset;
    overflow-y: auto;
    position: relative;
  }
  .page-layout .menu-container.mobile-show[b-wkb3ft4l3k] {
    display: flex;
    animation: menu-transition ease-in 0.3s forwards;
  }
  .page-layout .menu-container.mobile-show[b-wkb3ft4l3k]  nav {
    animation: nav-menu-transition-b-wkb3ft4l3k ease-in 0.2s forwards;
  }
}
.organisation-disabled[b-wkb3ft4l3k] {
  display: flex;
  flex-direction: column;
  padding: 14px;
  margin: 5px 0;
  background-color: white;
  border-radius: 12px;
  transition: 0.3s;
  width: 100%;
  border: 1px solid var(--border-colour, #40404041);
  margin: auto;
  margin-top: 100px;
  max-width: 800px;
}
@media print {
  .organisation-disabled[b-wkb3ft4l3k] {
    display: block !important;
    padding: 0px !important;
    margin: 0px !important;
    border-radius: 0px;
    margin-bottom: 20px;
  }
}
@keyframes nav-menu-transition-b-wkb3ft4l3k {
  0% {
    left: -200px;
  }
  0% img.menu-logo {
    opacity: 0;
  }
  100% {
    left: 0;
  }
  100% img.menu-logo {
    opacity: 1;
  }
}
main[b-wkb3ft4l3k] {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
/* /Layout/Menu/IndyFormsMenu.razor.rz.scp.css */
@media only screen and (max-width : 600px) {
}[b-t9y2qjnao0] .menu-item {
  margin: 4px 0px;
  position: relative;
  cursor: pointer;
  width: 100%;
  height: 40px;
  display: grid;
  grid-template-columns: 40px auto;
  align-items: center;
  text-align: start;
  color: inherit;
  font-size: 14px;
  color: var(--text-colour, #404040);
  white-space: nowrap;
  transition: 0.2s;
  border-radius: 10px;
}
[b-t9y2qjnao0] .menu-item.active {
  background-color: color-mix(in srgb, var(--primary-colour, #2F65E7) 20%, transparent);
}
[b-t9y2qjnao0] .menu-item.active:hover {
  opacity: 0.8;
}
[b-t9y2qjnao0] .menu-item.active icon {
  color: var(--primary-colour, #2F65E7);
}
@media only screen and (min-width : 601px) {
  [b-t9y2qjnao0] .menu-item:not(.active):hover {
    background-color: color-mix(in srgb, var(--primary-colour, #2F65E7) 20%, transparent);
  }
  [b-t9y2qjnao0] .menu-item:not(.active):hover icon {
    color: var(--primary-colour, #2F65E7);
  }
}
[b-t9y2qjnao0] .menu-item expanded-indicator {
  position: absolute;
  right: 0;
  padding: 10px;
}
[b-t9y2qjnao0] .menu-item expanded-indicator:not([expanded])::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 800;
  content: "\f0da";
  margin: 0;
}
[b-t9y2qjnao0] .menu-item expanded-indicator[expanded]::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 800;
  content: "\f0d7";
  margin: 0;
}
[b-t9y2qjnao0] ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
}
li[b-t9y2qjnao0] {
  display: flex;
}
nav[b-t9y2qjnao0] {
  opacity: 0.3;
  width: 250px;
  display: flex;
  flex-direction: column;
  background-color: var(--menu-background-colour, #FFFFFF);
  color: var(--secondary-text-colour, #404040E6);
  border-right: 1px solid var(--border-colour, #40404041);
  transition: width 0.25s, opacity 0.5s;
  padding: 4px 8px;
  -webkit-transition: width 0.25s, opacity 0.5s;
  -moz-transition: width 0.25s, opacity 0.5s;
}
nav[initialised][collapsed][b-t9y2qjnao0] {
  width: 40px;
  padding: 4px 0;
}
nav[initialised]:not([collapsed])[b-t9y2qjnao0] {
  width: 250px;
}
nav label.menu-label[b-t9y2qjnao0] {
  padding: 5px 15px;
  transition: 0.2s;
}
nav[collapsed] label.menu-label[b-t9y2qjnao0] {
  opacity: 0;
  padding: 0;
}
nav[expanded] label.menu-label[b-t9y2qjnao0] {
  opacity: 1;
}
nav[initialised][b-t9y2qjnao0] {
  opacity: 1;
}
.mobile-menu-header[b-t9y2qjnao0] {
  height: 70px;
  display: grid;
  grid-template-columns: 40px auto;
  align-items: center;
}
.mobile-menu-header button[b-t9y2qjnao0] {
  text-align: center;
  font-size: 25px;
}
.mobile-menu-header img[b-t9y2qjnao0] {
  margin-left: auto;
  padding: 20px;
  max-height: 70px;
}
.mobile-menu-header[b-t9y2qjnao0]  tenant-selection {
  justify-content: center;
}
.secondary-items[b-t9y2qjnao0] {
  margin-top: auto;
  margin-bottom: 0;
}
button.collapse-toggle[b-t9y2qjnao0] {
  border-top: 1px solid var(--border-colour, #40404041);
  border-radius: unset;
}
button.collapse-toggle:hover[b-t9y2qjnao0] {
  background-color: unset !important;
}
[b-t9y2qjnao0] icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  width: 100%;
}
[b-t9y2qjnao0] icon.forms::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 600;
  content: "\f00b";
  margin: 0;
}
[b-t9y2qjnao0] icon.dashboard::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 800;
  content: "\f015";
  margin: 0;
}
[b-t9y2qjnao0] icon.activity-feed::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  content: "\f03a";
  margin: 0;
}
[b-t9y2qjnao0] icon.documents::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 800;
  content: "\f15c";
  margin: 0;
}
[b-t9y2qjnao0] icon.users::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 800;
  content: "\f0c0";
  margin: 0;
}
[b-t9y2qjnao0] icon.groups::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 800;
  content: "\e594";
  margin: 0;
}
[b-t9y2qjnao0] icon.templates::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 800;
  content: "\f291";
  margin: 0;
}
[b-t9y2qjnao0] icon.advanced::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  content: "\f1de";
  margin: 0;
}
[b-t9y2qjnao0] icon.messenger::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 800;
  content: "\f27a";
  margin: 0;
}
[b-t9y2qjnao0] icon.help::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 800;
  content: "\f059";
  margin: 0;
}
[b-t9y2qjnao0] icon.sign-out::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  content: "\f011";
  margin: 0;
}
[b-t9y2qjnao0] icon.datasets::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  content: "\f03a";
  margin: 0;
}
[b-t9y2qjnao0] icon.external-datasource::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  content: "\f0ed";
  margin: 0;
}
[b-t9y2qjnao0] icon.scheduled-responses::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  content: "\f133";
  margin: 0;
}
[b-t9y2qjnao0] icon.tags::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  content: "\f02c";
  margin: 0;
}
[b-t9y2qjnao0] icon.trash::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  content: "\f1f8";
  margin: 0;
}
[b-t9y2qjnao0] icon.collapse::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  content: "\f323";
  margin: 0;
}
[b-t9y2qjnao0] icon.expand::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  content: "\f324";
  margin: 0;
}
[b-t9y2qjnao0] icon.generation-rules::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  content: "\e472";
  margin: 0;
}
[b-t9y2qjnao0] icon.designs::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  content: "\f03a";
  margin: 0;
}
[b-t9y2qjnao0] icon.merchant-centre::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  content: "\f81d";
  margin: 0;
}
/* /Layout/Menu/MenuItemChildren.razor.rz.scp.css */
ul[popout][b-msmq0xk21v] {
  z-index: 10;
  width: 250px;
  background-color: white;
  border: 1px solid var(--border-colour, #40404041);
  position: absolute;
  left: 100%;
  top: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
/* /Layout/Menu/MenuItemExpandable.razor.rz.scp.css */
@media only screen and (max-width : 600px) {
}@media only screen and (min-width : 601px) {
}li[b-dn2y0hyg8l] {
  position: relative;
}
/* /Layout/Menu/MenuItemLink.razor.rz.scp.css */
@media only screen and (max-width : 600px) {
}@media only screen and (min-width : 601px) {
}.menu-item-link[b-q4zv37em9v] {
  position: relative;
}
/* /Layout/SubscriptionStatusPageView.razor.rz.scp.css */
.subscription-status-loading-overlay[b-j2p5ugraes] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
}
.no-subscription[b-j2p5ugraes] {
  flex-direction: column;
  padding: 14px;
  margin: 5px 0;
  background-color: white;
  border-radius: 12px;
  transition: 0.3s;
  width: 100%;
  border: 1px solid var(--border-colour, #40404041);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 100px;
  margin-bottom: auto;
}
@media print {
  .no-subscription[b-j2p5ugraes] {
    display: block !important;
    padding: 0px !important;
    margin: 0px !important;
    border-radius: 0px;
    margin-bottom: 20px;
  }
}
.no-subscription p[b-j2p5ugraes] {
  text-align: center;
}
.page-container[b-j2p5ugraes] {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
}
/* /Layout/SubscriptionWarningBanner.razor.rz.scp.css */
subscription-warning-banner[b-nyecw1gyi1] {
  display: block;
  background-color: var(--warning-colour, #F9034C);
  color: white;
  height: 28px;
  width: 100%;
  animation: slide-in-b-nyecw1gyi1 0.5s linear forwards;
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
}
subscription-warning-banner.soft[b-nyecw1gyi1] {
  background-color: var(--soft-warning-colour, #D38200);
}
i[b-nyecw1gyi1] {
  padding: 0 5px;
}
span.warning[b-nyecw1gyi1] {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
span.count[b-nyecw1gyi1] {
  font-weight: bold;
  margin-left: auto;
  margin-right: 5px;
  padding: 3px 5px;
  color: var(--warning-colour, #F9034C);
  background-color: white;
}
@keyframes slide-in-b-nyecw1gyi1 {
  0% {
    height: 0px;
    color: transparent;
  }
  90% {
    height: 28px;
    color: transparent;
  }
  100% {
    height: 28px;
    color: white;
  }
}
/* /Layout/SubscriptionWarningBannerModal.razor.rz.scp.css */
.subscription-warnings[b-d4gfrkoeis] {
  display: flex;
  flex-direction: column;
  gap: 25px;
  align-items: center;
}
.warnings[b-d4gfrkoeis] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  max-height: 200px;
  overflow-y: auto;
}
.warning[b-d4gfrkoeis] {
  color: white;
  background-color: var(--warning-colour, #F9034C);
  padding: 10px;
}
.warning[b-d4gfrkoeis] {
  padding: 10px;
}
a[b-d4gfrkoeis] {
  font-weight: bold;
}
/* /Layout/TabbedPage.razor.rz.scp.css */
tabbed-layout[b-4hdwq03a79] {
  display: grid;
  grid-template-rows: min-content 1fr;
  height: 100%;
}
tabbed-layout > *[b-4hdwq03a79] {
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
tabbed-layout nav[b-4hdwq03a79] {
  position: sticky;
  top: 0;
  display: flex;
  margin-bottom: unset;
  display: grid;
  grid-auto-flow: column;
  background-color: white;
  z-index: 10;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border: 1px solid var(--border-colour, #40404041);
}
@media only screen and (max-width : 600px) {
  tabbed-layout nav[b-4hdwq03a79] {
    grid-column-gap: 5px;
  }
}
tabbed-layout nav[b-4hdwq03a79]  a {
  text-align: center;
  transition: opacity 0.2s;
  color: var(--text-colour, #404040);
  padding: 15px;
  background-color: white;
  opacity: 0.5;
  font-size: 14px;
  border-bottom: unset;
  border-bottom: 3px solid white;
  border-top: 3px solid white;
}
tabbed-layout nav[b-4hdwq03a79]  a.active {
  opacity: 1;
  border-bottom: 5px solid var(--primary-colour, #2F65E7);
}
tabbed-layout nav[b-4hdwq03a79]  a:hover {
  opacity: 1;
}
tabbed-layout nav[b-4hdwq03a79]  a:first-of-type {
  border-top-left-radius: 10px;
}
tabbed-layout nav[b-4hdwq03a79]  a:last-of-type {
  border-top-right-radius: 10px;
}
@media only screen and (max-width : 600px) {
  tabbed-layout nav[b-4hdwq03a79]  a {
    font-size: 12px;
    font-weight: bold;
  }
}
.tabbed-container[b-4hdwq03a79] {
  background-color: white;
  border-radius: 10px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  height: 100%;
  padding: 25px;
  overflow-y: auto;
  border: 1px solid var(--border-colour, #40404041);
  border-top: unset;
  /* // containing element for all sub pages.
    ::deep account-page {
        display: flex;
        flex-direction: column;
        gap: 10px;

        .account-section {
            padding: 25px;
            border-radius: 10px;
            border: 1px solid @border-colour;
        }
    }*/
}
content[b-4hdwq03a79] {
  border: unset;
  padding: unset;
}
/* /Layout/TenantSelection.razor.rz.scp.css */
[b-uufsedydg3] .popup-trigger {
  display: flex;
}
tenant-selection:hover .tenant-handle[b-uufsedydg3] {
  opacity: 0.8;
}
.tenant-handle[b-uufsedydg3] {
  animation: tenant-select-animation-b-uufsedydg3 0.5s linear forwards;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  background-color: var(--text-colour, #404040);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  color: white;
  padding: 0 15px;
  font-size: 14px;
  height: 28px;
  cursor: pointer;
  transition: 0.3s;
  -webkit-user-select: none;
  /* Safari */
  -ms-user-select: none;
  /* IE 10 and IE 11 */
  user-select: none;
  /* Standard syntax */
}
.tenant-handle:hover[b-uufsedydg3] {
  opacity: 0.8;
  background-color: var(--primary-colour, #2F65E7);
}
.tenant-handle span[b-uufsedydg3] {
  white-space: nowrap;
}
.tenant-handle i[b-uufsedydg3] {
  font-size: 10px;
  width: 8px;
}
.content[b-uufsedydg3] {
  background-color: white;
  max-height: 250px;
  max-width: minmax(800px, 100%);
  box-shadow: 0 4px 5px 0 rgba(64, 64, 64, 0.14), 0 1px 10px 0 rgba(64, 64, 64, 0.12), 0 2px 4px -1px rgba(64, 64, 64, 0.3);
  border-radius: 5px;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.content .options[b-uufsedydg3] {
  width: 250px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  overflow-y: scroll;
  align-items: center;
  gap: 5px;
  border-bottom: 2px solid var(--border-colour, #40404041);
}
.content .options[b-uufsedydg3]  .search,
.content .options .search:not(.expanded)[b-uufsedydg3] {
  border-radius: 5px;
}
.content .options[b-uufsedydg3]  .search input,
.content .options .search:not(.expanded) input[b-uufsedydg3] {
  opacity: 1;
  width: 195px;
  padding: 8px 0;
}
.content .buttons[b-uufsedydg3] {
  gap: 5px;
  width: 250px;
  display: flex;
  padding: 0 5px;
  align-items: center;
  justify-content: center;
}
.content.wide .options[b-uufsedydg3],
.content.wide .buttons[b-uufsedydg3] {
  width: 282px;
}
.content.wide .options[b-uufsedydg3]  .search input,
.content.wide .buttons[b-uufsedydg3]  .search input,
.content.wide .options .search:not(.expanded) input[b-uufsedydg3],
.content.wide .buttons .search:not(.expanded) input[b-uufsedydg3] {
  width: 225px;
}
.tenant-link[b-uufsedydg3] {
  display: grid;
  grid-template-columns: auto 40px;
  width: 100%;
}
.tenant-link a[b-uufsedydg3] {
  padding: 10px 8px;
  font-weight: bold;
  color: var(--text-colour, #404040);
}
.tenant-link a:hover[b-uufsedydg3] {
  color: var(--primary-colour, #2F65E7);
}
.tenant-link a.new-tab[b-uufsedydg3] {
  text-align: center;
}
a.new-organisation[b-uufsedydg3],
a.my-home-link[b-uufsedydg3] {
  margin: 8px 0;
  overflow: visible;
}
@keyframes tenant-select-animation-b-uufsedydg3 {
  0% {
    transform: scaleX(0);
    color: transparent;
  }
  50% {
    transform: scaleX(1);
    color: transparent;
  }
  100% {
    color: white;
  }
}
/* /Pages/Account/AccountPageLayout.razor.rz.scp.css */
tab-content[b-kieowfl7sj]  account-page {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
tab-content[b-kieowfl7sj]  account-page .account-section {
  padding: 25px;
  border-radius: 10px;
  border: 1px solid var(--border-colour, #40404041);
}
/* /Pages/Account/Correspondence/AccountCorrespondence.razor.rz.scp.css */
table[b-q6nfp3h1jg] {
  border-collapse: collapse;
  width: 100%;
}
table tr:nth-child(even)[b-q6nfp3h1jg] {
  background-color: var(--background-highlight-colour, #4040400D);
}
table th[b-q6nfp3h1jg] {
  text-align: start;
  font-weight: unset;
  font-size: 12px;
  font-weight: bold;
  padding: 5px 10px;
  color: var(--text-colour, #404040);
}
table th:nth-of-type(1)[b-q6nfp3h1jg] {
  width: 100px;
}
table th:nth-of-type(2)[b-q6nfp3h1jg] {
  width: 150px;
}
table td[b-q6nfp3h1jg] {
  padding: 10px;
  vertical-align: central;
}
table td.user[b-q6nfp3h1jg] {
  font-size: 12px;
}
table td.date[b-q6nfp3h1jg] {
  font-size: 12px;
  font-weight: bold;
}
table td.subject[b-q6nfp3h1jg] {
  font-size: 14px;
}
@media only screen and (max-width : 600px) {
  table[b-q6nfp3h1jg] {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  table tr.header-row[b-q6nfp3h1jg] {
    display: none;
  }
  table tr[b-q6nfp3h1jg] {
    border: 1px solid var(--border-colour, #40404041);
    border-radius: 5px;
    display: grid;
    grid-template-areas: 'user date' 'details details';
  }
  table td.subject[b-q6nfp3h1jg] {
    grid-area: details;
  }
}
/* /Pages/Account/Details/OrganisationLogoUpdater.razor.rz.scp.css */
organisation-logo-updater[b-h6xq6h6sez] {
  display: block;
}
.custom-logo[b-h6xq6h6sez] {
  display: flex;
  align-items: center;
  gap: 10px;
}
.custom-logo[b-h6xq6h6sez]  img {
  max-width: 250px;
}
/* /Pages/Account/Details/OrganisationNameUpdater.razor.rz.scp.css */
organisation-name-updater[b-vtnye5bjn8] {
  display: block;
}
organisation-name-updater .input-container[b-vtnye5bjn8] {
  display: flex;
  align-items: center;
  gap: 5px;
}
organisation-name-updater .input-container input[b-vtnye5bjn8] {
  width: 400px;
  max-width: 50vw;
}
/* /Pages/Account/Subscription/AccountCoupon.razor.rz.scp.css */
account-coupon[b-qe4x7a8mkm] {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: end;
}
span.current-coupon[b-qe4x7a8mkm] {
  font-weight: bold;
  color: var(--success-colour, #33DA82);
}
@media only screen and (max-width : 600px) {
  account-coupon[b-qe4x7a8mkm] {
    width: 100%;
    justify-content: space-between;
  }
  span.current-coupon[b-qe4x7a8mkm] {
    font-size: 12px;
  }
}
/* /Pages/Account/Subscription/AccountDataUsage.razor.rz.scp.css */
account-data-usage[b-ibhcla5mtz] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
account-data-usage .bar[b-ibhcla5mtz] {
  width: 100%;
  height: 30px;
  background-color: var(--border-colour, #40404041);
  display: flex;
  overflow-y: hidden;
}
account-data-usage .bar .designs[b-ibhcla5mtz] {
  background-color: var(--success-colour, #33DA82);
}
account-data-usage .bar .records[b-ibhcla5mtz] {
  background-color: var(--primary-colour, #2F65E7);
}
account-data-usage .bar .library-documents[b-ibhcla5mtz] {
  background-color: #f4b545;
}
account-data-usage span.last-calculated[b-ibhcla5mtz] {
  color: var(--secondary-text-colour, #404040E6);
  font-size: 14px;
}
account-data-usage .summary[b-ibhcla5mtz] {
  display: flex;
  gap: 15px;
}
@media only screen and (max-width : 600px) {
  account-data-usage .summary[b-ibhcla5mtz] {
    flex-direction: column;
  }
}
account-data-usage .summary span[b-ibhcla5mtz] {
  display: flex;
  gap: 5px;
  align-items: center;
  font-size: 14px;
}
account-data-usage .summary span[b-ibhcla5mtz]::before {
  display: block;
  content: ' ';
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: var(--usage-colour, var(--primary-colour, #2F65E7));
}
account-data-usage .summary span.designs[b-ibhcla5mtz] {
  --usage-colour: var(--success-colour, #33DA82);
}
account-data-usage .summary span.library[b-ibhcla5mtz] {
  --usage-colour: #f4b545;
}
account-data-usage .summary span.record[b-ibhcla5mtz] {
  --usage-colour: var(--primary-colour, #2F65E7);
}
/* /Pages/Account/Subscription/AccountSubscription.razor.rz.scp.css */
account-page .upcoming-cancellation[b-6zr36olnb5] {
  font-style: italic;
}
.payments .account-section[b-6zr36olnb5] {
  max-height: 400px;
  overflow-y: auto;
}
/* /Pages/Account/Subscription/AccountSubscriptionUpdateModal.razor.rz.scp.css */
account-subscription-update-modal[b-q53vgu98v9] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
account-subscription-update-modal header[b-q53vgu98v9] {
  display: flex;
  gap: 8px;
  align-items: center;
}
account-subscription-update-modal header h1[b-q53vgu98v9]  trial-indicator {
  margin-left: 10px;
  vertical-align: top;
  pointer-events: none;
}
account-subscription-update-modal header .actions[b-q53vgu98v9] {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 5px;
  position: relative;
}
account-subscription-update-modal header span.unsaved-changes[b-q53vgu98v9] {
  color: var(--primary-colour, #2F65E7);
  border-radius: 4px;
  white-space: nowrap;
  font-size: 12px;
}
@media only screen and (max-width : 600px) {
  account-subscription-update-modal header[b-q53vgu98v9] {
    flex-direction: column;
  }
  account-subscription-update-modal header .actions[b-q53vgu98v9] {
    margin-left: unset;
  }
}
account-subscription-update-modal content[b-q53vgu98v9] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
@keyframes selected-indicator-animation-b-q53vgu98v9 {
  0% {
    transform: scaleX(0.5);
    color: transparent;
  }
  80% {
    color: transparent;
    transform: scaleX(1);
  }
  100% {
    transform: none;
    color: white;
  }
}
.available-subscriptions[b-q53vgu98v9] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 25px;
}
.available-subscriptions p.pricing-reference[b-q53vgu98v9] {
  width: 100%;
  grid-column-start: 1;
  grid-column-end: 5;
  color: var(--secondary-text-colour, #404040E6);
}
@media only screen and (max-width : 1400px) {
  .available-subscriptions[b-q53vgu98v9] {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-flow: row;
    grid-row-gap: 25px;
    grid-column-gap: 50px;
  }
  .available-subscriptions p.pricing-reference[b-q53vgu98v9] {
    grid-column-start: 1;
    grid-column-end: 3;
  }
}
@media only screen and (max-width : 600px) {
  .available-subscriptions[b-q53vgu98v9] {
    display: flex;
    flex-direction: column;
    gap: 25px;
  }
}
.available-subscriptions .available-subscription[b-q53vgu98v9] {
  border: 1px solid var(--border-colour, #40404041);
  border-radius: 10px;
  box-shadow: 0 2px 2px 0 rgba(64, 64, 64, 0.14), 0 3px 1px -2px rgba(64, 64, 64, 0.12), 0 1px 5px 0 rgba(64, 64, 64, 0.2);
  transition: 0.3s;
  z-index: 1;
  position: relative;
}
.available-subscriptions .available-subscription:not(.enterprise)[b-q53vgu98v9] {
  cursor: pointer;
}
.available-subscriptions .available-subscription.canceled[b-q53vgu98v9] {
  cursor: default;
  opacity: 0.5;
}
.available-subscriptions .available-subscription header[b-q53vgu98v9] {
  padding: 10px;
  display: flex;
  justify-content: center;
  gap: 8px;
  font-weight: bold;
  font-size: 18px;
  color: white;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.available-subscriptions .available-subscription header label[b-q53vgu98v9] {
  cursor: pointer;
}
.available-subscriptions .available-subscription header.free[b-q53vgu98v9] {
  background-color: #777;
}
.available-subscriptions .available-subscription header.essential[b-q53vgu98v9] {
  background-color: var(--success-colour, #33DA82);
}
.available-subscriptions .available-subscription header.premium[b-q53vgu98v9] {
  background-color: var(--primary-colour, #2F65E7);
}
.available-subscriptions .available-subscription header.enterprise[b-q53vgu98v9] {
  background-color: var(--text-colour, #404040);
}
.available-subscriptions .available-subscription header .trial[b-q53vgu98v9] {
  line-height: 24px;
  font-size: 12px;
  background-color: #f4b545;
  border-radius: 12px;
  position: absolute;
  top: -18px;
  width: 120px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.available-subscriptions .available-subscription header span.base-price[b-q53vgu98v9] {
  font-size: 14px;
}
.available-subscriptions .available-subscription ul[b-q53vgu98v9] {
  margin: 20px 0;
  list-style: none;
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.available-subscriptions .available-subscription ul li[b-q53vgu98v9] {
  white-space: nowrap;
  display: inline-block;
  vertical-align: central;
}
.available-subscriptions .available-subscription ul li.included[b-q53vgu98v9]::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  content: "\f00c";
  margin: 0;
}
.available-subscriptions .available-subscription ul li.included[b-q53vgu98v9]:before {
  color: var(--primary-colour, #2F65E7);
  margin-right: 10px;
}
.available-subscriptions .available-subscription ul li.excluded[b-q53vgu98v9] {
  color: var(--secondary-text-colour, #404040E6);
}
.available-subscriptions .available-subscription ul li.excluded[b-q53vgu98v9]::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  content: "\f00d";
  margin: 0;
}
.available-subscriptions .available-subscription ul li.excluded[b-q53vgu98v9]:before {
  margin-right: 10px;
}
.available-subscriptions .available-subscription ul li span.count[b-q53vgu98v9] {
  color: var(--secondary-text-colour, #404040E6);
  font-size: 10px;
}
.available-subscriptions .available-subscription .selected-indicator[b-q53vgu98v9],
.available-subscriptions .available-subscription .enterprise-indicator[b-q53vgu98v9] {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  font-weight: bold;
  font-size: 12px;
  bottom: calc(24px / -2);
  border-radius: calc(24px / 2);
  line-height: 24px;
  animation: selected-indicator-animation-b-q53vgu98v9 0.1s linear forwards;
  text-align: center;
  vertical-align: central;
  box-shadow: 0 2px 2px 0 rgba(64, 64, 64, 0.14), 0 3px 1px -2px rgba(64, 64, 64, 0.12), 0 1px 5px 0 rgba(64, 64, 64, 0.2);
}
.available-subscriptions .available-subscription .selected-indicator[b-q53vgu98v9] {
  width: 80px;
  color: white;
  background-color: var(--text-colour, #404040);
}
.available-subscriptions .available-subscription .enterprise-indicator[b-q53vgu98v9] {
  height: 24px;
  background-color: var(--primary-colour, #2F65E7);
  width: 150px;
}
.available-subscriptions .available-subscription .enterprise-indicator p[b-q53vgu98v9] {
  display: none;
  position: absolute;
  color: var(--text-colour, #404040);
  font-weight: normal;
  background-color: white;
  border-radius: 5px;
  padding: 5px;
  box-shadow: 0 2px 2px 0 rgba(64, 64, 64, 0.14), 0 3px 1px -2px rgba(64, 64, 64, 0.12), 0 1px 5px 0 rgba(64, 64, 64, 0.2);
  width: 150px;
  cursor: default;
  margin: unset;
}
.available-subscriptions .available-subscription .enterprise-indicator:hover p[b-q53vgu98v9],
.available-subscriptions .available-subscription .enterprise-indicator:focus p[b-q53vgu98v9] {
  display: block;
}
.available-subscriptions .available-subscription:not(.enterprise):hover[b-q53vgu98v9],
.available-subscriptions .available-subscription:not(.enterprise).selected[b-q53vgu98v9] {
  box-shadow: 0 8px 17px 2px rgba(64, 64, 64, 0.14), 0 3px 14px 2px rgba(64, 64, 64, 0.12), 0 5px 5px -3px rgba(64, 64, 64, 0.2);
}
.subscription-user-summary[b-q53vgu98v9] {
  display: grid;
  grid-template-areas: 'included total' 'additional total';
  grid-row-gap: 10px;
}
@media only screen and (max-width : 600px) {
  .subscription-user-summary[b-q53vgu98v9] {
    display: flex;
    flex-direction: column;
  }
}
.subscription-user-summary .included[b-q53vgu98v9] {
  grid-area: included;
}
.subscription-user-summary .total[b-q53vgu98v9] {
  grid-area: total;
  display: flex;
  gap: 5px;
  justify-content: end;
  align-items: end;
  color: var(--primary-colour, #2F65E7);
}
.subscription-user-summary .total b[b-q53vgu98v9] {
  font-size: 20px;
}
.subscription-user-summary .additional[b-q53vgu98v9] {
  grid-area: additional;
  display: flex;
  gap: 8px;
  align-items: center;
}
.subscription-user-summary .additional sup[b-q53vgu98v9] {
  color: var(--secondary-text-colour, #404040E6);
}
.quota-warnings[b-q53vgu98v9] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.quota-warnings span[b-q53vgu98v9] {
  animation: warning-animation-b-q53vgu98v9 ease-out 0.3s forwards;
  position: relative;
  background-color: var(--warning-colour, #F9034C);
  padding: 10px;
  color: white;
  font-weight: bold;
  padding-left: 35px;
}
.quota-warnings span[b-q53vgu98v9]::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  content: "\f06a";
  margin: 0;
}
.quota-warnings span[b-q53vgu98v9]:before {
  font-size: 18px;
  position: absolute;
  left: 10px;
  margin-right: 5px;
}
hr[b-q53vgu98v9] {
  color: var(--border-colour, #40404041);
  margin: 16px 0;
}
.pricing-summary[b-q53vgu98v9] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.pricing-summary .pricing-disclaimer[b-q53vgu98v9] {
  font-size: 12px;
  color: var(--secondary-text-colour, #404040E6);
}
.pricing-summary p.trial-message[b-q53vgu98v9] {
  margin: 0;
}
@keyframes warning-animation-b-q53vgu98v9 {
  0% {
    opacity: 0;
    transform: scaleX(0.5);
    color: transparent;
  }
  80% {
    opacity: 1;
    transform: scaleX(1);
    color: transparent;
  }
  100% {
    color: white;
  }
}
/* /Pages/Account/Subscription/AccountSubscriptionUpdater.razor.rz.scp.css */
account-subscription-details[b-ft3lvs2aa9] {
  height: 100%;
  display: flex;
  gap: 15px;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
@media only screen and (max-width : 600px) {
  account-subscription-details[b-ft3lvs2aa9] {
    flex-direction: column;
    justify-content: start;
    gap: 30px;
  }
}
account-subscription-details .subscription[b-ft3lvs2aa9] {
  font-weight: bold;
  display: flex;
  align-items: center;
  gap: 10px;
}
account-subscription-details .subscription span.current[b-ft3lvs2aa9] {
  color: var(--primary-colour, #2F65E7);
}
account-subscription-details .subscription span.none-selected[b-ft3lvs2aa9] {
  color: var(--secondary-text-colour, #404040E6);
}
account-subscription-details .actions[b-ft3lvs2aa9] {
  display: flex;
}
account-subscription-details .actions p.disclaimer[b-ft3lvs2aa9] {
  position: absolute;
  bottom: -12px;
  left: 25px;
  white-space: nowrap;
  font-size: 12px;
  color: var(--secondary-text-colour, #404040E6);
  font-weight: bold;
}
/* /Pages/Account/Subscription/CancelSubscription.razor.rz.scp.css */
cancel-subscription[b-bkvwsupad0] {
  display: grid;
  grid-template-columns: 200px auto;
  align-items: center;
  gap: 25px;
}
@media only screen and (max-width : 1400px) {
  cancel-subscription[b-bkvwsupad0] {
    display: flex;
    flex-direction: column-reverse;
    gap: 8px;
  }
  cancel-subscription p[b-bkvwsupad0] {
    text-align: center;
  }
}
cancel-subscription p[b-bkvwsupad0] {
  color: var(--secondary-text-colour, #404040E6);
}
cancel-subscription button[b-bkvwsupad0] {
  color: var(--warning-colour, #F9034C);
  border-color: var(--warning-colour, #F9034C);
}
cancel-subscription button:hover[b-bkvwsupad0] {
  color: var(--warning-colour, #F9034C);
  border-color: var(--warning-colour, #F9034C);
}
/* /Pages/Account/Subscription/ConfirmPricingModal.razor.rz.scp.css */
confirm-pricing-modal[b-oskxas04wy] {
  display: block;
}
confirm-pricing-modal hr[b-oskxas04wy] {
  margin: 20px 0;
}
confirm-pricing-modal .actions[b-oskxas04wy] {
  display: flex;
  justify-content: center;
  gap: 10px;
}
confirm-pricing-modal table td[b-oskxas04wy],
confirm-pricing-modal table th[b-oskxas04wy] {
  padding: 5px 15px;
}
confirm-pricing-modal table th[b-oskxas04wy] {
  text-align: start;
}
confirm-pricing-modal table tr.total td[b-oskxas04wy],
confirm-pricing-modal table tr.applied-balance td[b-oskxas04wy] {
  padding-top: 20px;
}
confirm-pricing-modal table tr.total[b-oskxas04wy],
confirm-pricing-modal table tr.amount-due[b-oskxas04wy] {
  border-top: 2px solid var(--border-colour, #40404041);
  font-weight: bold;
}
/* /Pages/Account/Subscription/PaymentMethod.razor.rz.scp.css */
payment-method[b-uomrbkd1d2] {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 25px;
  align-items: center;
}
payment-method card-editor[b-uomrbkd1d2] {
  gap: 10px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width : 600px) {
  payment-method[b-uomrbkd1d2] {
    display: flex;
    flex-direction: column;
  }
}
payment-method[b-uomrbkd1d2]  editor-for[type="card-info"] {
  display: flex;
  gap: 10px;
  align-items: center;
}
payment-method .loading-overlay[b-uomrbkd1d2] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* /Pages/AdminLicenses/AdminLicenseAssignment.razor.rz.scp.css */
admin-user-assignment[b-0rlf7ovgsr] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
admin-user-assignment .quota-used[b-0rlf7ovgsr] {
  font-weight: bold;
}
admin-user-assignment .quota-used > *[b-0rlf7ovgsr] {
  font-size: 15px;
}
admin-user-assignment .quota-used.exceeded[b-0rlf7ovgsr] {
  color: var(--warning-colour, #F9034C);
}
admin-user-assignment .admin-user[b-0rlf7ovgsr] {
  padding: 10px 0;
  display: flex;
  gap: 5px;
  align-items: center;
  border-radius: 5px;
  position: relative;
}
admin-user-assignment .admin-user .locked-indicator[b-0rlf7ovgsr] {
  position: absolute;
  left: -18px;
  font-size: 12px;
  color: var(--secondary-text-colour, #404040E6);
}
admin-user-assignment .admin-user.locked[b-0rlf7ovgsr]  span,
admin-user-assignment .admin-user.locked[b-0rlf7ovgsr]  indy-forms-user-avatar {
  opacity: 0.5;
}
admin-user-assignment span.none-assigned[b-0rlf7ovgsr] {
  color: var(--secondary-text-colour, #404040E6);
  margin: 10px 0;
}
[b-0rlf7ovgsr] dropdown[type="indy-forms-admin-user-option-model"] .popup-trigger,
[b-0rlf7ovgsr] dropdown[type="indy-forms-admin-user-option-model"] dropdown-selected[breezer-dropdown] {
  width: 200px;
}
[b-0rlf7ovgsr] dropdown[type="indy-forms-admin-user-option-model"] dropdown-selected[breezer-dropdown] {
  border: none;
  font-size: 0.9rem;
  display: flex;
  width: 200px;
  justify-content: center;
  border: 1px solid var(--primary-colour, #2F65E7);
  color: var(--primary-colour, #2F65E7);
  font-weight: bold;
  transition: 0.2s;
}
[b-0rlf7ovgsr] dropdown[type="indy-forms-admin-user-option-model"] dropdown-selected[breezer-dropdown] dropdown-indicator {
  display: none;
}
[b-0rlf7ovgsr] dropdown[type="indy-forms-admin-user-option-model"] dropdown-selected[breezer-dropdown]:hover {
  color: white;
  background-color: var(--primary-colour, #2F65E7);
}
/* /Pages/AdminLicenses/AdminLicenseAssignmentPage.razor.rz.scp.css */
breezer-page[b-qgpnjvu5mu] {
  grid-template-columns: auto 800px auto;
}
content[b-qgpnjvu5mu] {
  display: flex;
  flex-direction: column;
  padding: 14px;
  margin: 5px 0;
  background-color: white;
  border-radius: 12px;
  transition: 0.3s;
  width: 100%;
  border: 1px solid var(--border-colour, #40404041);
  max-width: unset;
  padding: 25px;
}
@media print {
  content[b-qgpnjvu5mu] {
    display: block !important;
    padding: 0px !important;
    margin: 0px !important;
    border-radius: 0px;
    margin-bottom: 20px;
  }
}
/* /Pages/AdminLicenses/AdminLicenseConfirmationModal.razor.rz.scp.css */
admin-license-confirmation-modal[b-omuh920238] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
admin-license-confirmation-modal .checkbox[b-omuh920238] {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 5px;
}
admin-license-confirmation-modal .checkbox span[b-omuh920238] {
  font-size: 12px;
  color: var(--secondary-text-colour, #404040E6);
}
admin-license-confirmation-modal .actions[b-omuh920238] {
  display: flex;
  justify-content: center;
  gap: 10px;
}
/* /Pages/Dashboard/Dashboard.razor.rz.scp.css */
content[b-agp3swkaag] {
  margin-top: 20px;
  gap: 15px;
  align-items: center;
}
@media only screen and (min-width : 1401px) {
  content[b-agp3swkaag] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (min-width : 601px) and (max-width : 1400px) {
  content[b-agp3swkaag] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width : 600px) {
  content[b-agp3swkaag] {
    display: flex;
    flex-direction: column;
    gap: 15px;
  }
}
content[b-agp3swkaag]  .dashboard-widget.discover {
  height: 299px;
}
/* /Pages/Dashboard/Widgets/ActionItemsWidget.razor.rz.scp.css */
h3[b-o1027yuan1]::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 600;
  content: "\f00c";
  margin: 0 6px 0 0;
}
.action-item[b-o1027yuan1] {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 55px;
  padding: 0px 15px;
  border-bottom: 1px solid var(--border-colour, #40404041);
  cursor: pointer;
}
.action-item[b-o1027yuan1]  > * {
  cursor: pointer;
}
.action-item label[b-o1027yuan1] {
  color: var(--text-colour, #404040);
}
.action-item .completed-indicator[b-o1027yuan1] {
  width: 15px;
  display: flex;
  justify-content: start;
}
.action-item .due-date[b-o1027yuan1] {
  font-weight: bold;
  font-size: 12px;
  margin-left: auto;
  margin-right: 8px;
}
.action-item > *[b-o1027yuan1] {
  cursor: pointer;
}
.action-item:hover[b-o1027yuan1] {
  background-color: var(--background-highlight-colour, #4040400D);
}
.loading[b-o1027yuan1] {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width : 600px) {
  [b-o1027yuan1] indy-forms-user-avatars {
    display: none;
  }
}
/* /Pages/Dashboard/Widgets/CalendarWidget.razor.rz.scp.css */
h3[b-w4iramna6p]::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 600;
  content: "\f073";
  margin: 0 6px 0 0;
}
.calendar-container[b-w4iramna6p] {
  padding: 10px 15px;
}
/* /Pages/Dashboard/Widgets/CorrespondenceWidget.razor.rz.scp.css */
h3[b-2qsreiw22e]::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 600;
  content: "\f0e0";
  margin: 0 6px 0 0;
}
.emails-sent[b-2qsreiw22e] {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}
.emails-sent .email-sent[b-2qsreiw22e] {
  display: grid;
  grid-template-columns: min-content auto min-content;
  padding: 12px 15px 12px 10px;
  border-bottom: 1px solid var(--border-colour, #40404041);
}
.emails-sent .email-sent > *[b-2qsreiw22e] {
  padding: 5px;
}
.emails-sent .email-sent i[b-2qsreiw22e] {
  color: var(--primary-colour, #2F65E7);
}
.emails-sent .email-sent span.date[b-2qsreiw22e] {
  white-space: nowrap;
}
.emails-sent .email-sent:hover[b-2qsreiw22e] {
  background-color: var(--background-highlight-colour, #4040400D);
}
/* /Pages/Dashboard/Widgets/DashboardWidget.razor.rz.scp.css */
@keyframes widget-container-animation-b-4y6ipwpo2m {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes widget-content-animation-b-4y6ipwpo2m {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.dashboard-widget[b-4y6ipwpo2m] {
  animation: widget-container-animation-b-4y6ipwpo2m linear 0.3s forwards;
  margin-bottom: unset;
  background-color: white;
  border-radius: 10px;
  border: 1px solid var(--border-colour, #40404041);
  height: 380px;
  display: grid;
  grid-template-rows: 50px 1fr;
  overflow: hidden;
}
.dashboard-widget > *[b-4y6ipwpo2m] {
  animation: widget-content-animation-b-4y6ipwpo2m linear 0.3s forwards;
}
.dashboard-widget.with-popup[b-4y6ipwpo2m] {
  z-index: 999;
  position: relative;
}
@media only screen and (min-width : 1401px) {
  .dashboard-widget.two[b-4y6ipwpo2m] {
    grid-column: span 2;
  }
  .dashboard-widget.three[b-4y6ipwpo2m] {
    grid-column: span 3;
  }
  .dashboard-widget.four[b-4y6ipwpo2m] {
    grid-column: span 4;
  }
}
@media only screen and (min-width : 601px) and (max-width : 1400px) {
  .dashboard-widget.two[b-4y6ipwpo2m] {
    grid-column: span 2;
  }
  .dashboard-widget.three[b-4y6ipwpo2m] {
    grid-column: span 2;
  }
  .dashboard-widget.four[b-4y6ipwpo2m] {
    grid-column: span 2;
  }
}
@media only screen and (max-width : 600px) {
  .dashboard-widget[b-4y6ipwpo2m] {
    width: 100%;
  }
}
header[b-4y6ipwpo2m] {
  border-bottom: 1px solid var(--border-colour, #40404041);
  padding: 8px 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 2;
}
header[b-4y6ipwpo2m]  h3 {
  font-size: 14px;
  margin: 0;
}
header[b-4y6ipwpo2m]  dropdown-selected[breezer-dropdown] {
  white-space: nowrap;
  min-width: unset;
}
header[b-4y6ipwpo2m]  dropdown-selected[breezer-dropdown] dropdown-indicator {
  margin-left: 10px;
  font-weight: 800;
}
content[b-4y6ipwpo2m] {
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  z-index: 1;
}
content[b-4y6ipwpo2m]  .list-item-grid .data {
  border: unset;
  border-radius: unset;
  background-color: unset;
}
content[b-4y6ipwpo2m]  .list-item-grid-row {
  padding: 12px 15px;
}
content[b-4y6ipwpo2m]  .list-item-grid-row:last-of-type {
  border-bottom: 1px solid var(--border-colour, #40404041);
}
footer[b-4y6ipwpo2m] {
  z-index: 2;
  margin-top: -2px;
  background-color: white;
  border-top: 1px solid var(--border-colour, #40404041);
}
footer[b-4y6ipwpo2m]  list-paginator {
  margin: 5px;
  grid-row-gap: 0;
}
/* /Pages/Dashboard/Widgets/PinnedFormsWidget.razor.rz.scp.css */
h3[b-7h0n1mqkul]::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 600;
  content: "\f08d";
  margin: 0 6px 0 0;
}
[b-7h0n1mqkul] .list-item-grid-row {
  grid-template-columns: auto min-content;
}
[b-7h0n1mqkul] .list-item-grid-row list-item-property[property="name"] {
  grid-column: 1;
  grid-row: 1;
}
[b-7h0n1mqkul] .list-item-grid-row .data-row-actions {
  grid-row: 1;
  grid-column: 2;
}
/* /Pages/Dashboard/Widgets/RecentRecordsWidget.razor.rz.scp.css */
h3[b-7t16u7tkns]::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 600;
  content: "\f03a";
  margin: 0 6px 0 0;
}
[b-7t16u7tkns] .list-item-grid {
  grid-template-columns: auto auto 120px;
}
[b-7t16u7tkns] .list-item-grid .data-row {
  cursor: pointer;
}
[b-7t16u7tkns] .list-item-grid .data-row-actions {
  display: none;
}
/* /Pages/Dashboard/Widgets/StartHereWidget.razor.rz.scp.css */
.items[b-h6ivxwjaof] {
  padding: 13px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 13px;
}
@media only screen and (min-width : 601px) and (max-width : 1400px) {
  .items[b-h6ivxwjaof] {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width : 600px) {
  .items[b-h6ivxwjaof] {
    grid-template-columns: 1fr;
  }
}
/* /Pages/Dashboard/Widgets/StartHereWidgetDiscoveryItem.razor.rz.scp.css */
.discover-item[b-ka6mrb8fb1] {
  border: 1px solid var(--border-colour, #40404041);
  border-radius: 10px;
  display: grid;
  height: 220px;
  overflow-y: hidden;
  grid-template-rows: 80px auto;
  grid-template-columns: min-content auto;
  grid-template-areas: 'icon details' 'image image';
  align-items: center;
  gap: 10px;
  transition: 0.2s;
  cursor: pointer;
  padding: 10px;
}
.discover-item i[b-ka6mrb8fb1] {
  grid-area: icon;
  width: 60px;
  height: 60px;
  font-size: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--background-colour, #FBFBFB);
  border-radius: 10px;
}
.discover-item .details[b-ka6mrb8fb1] {
  grid-area: details;
}
.discover-item .details label[b-ka6mrb8fb1] {
  font-weight: bold;
  font-size: 16px;
}
.discover-item .details p[b-ka6mrb8fb1] {
  padding: unset;
  margin: 5px 0;
  font-size: 12px;
}
.discover-item img[b-ka6mrb8fb1] {
  grid-area: image;
  margin-top: auto;
  width: 100%;
}
.discover-item:hover[b-ka6mrb8fb1] {
  border: 1px solid var(--primary-colour, #2F65E7);
  background-color: var(--background-highlight-colour, #4040400D);
}
@media only screen and (max-width : 1400px) {
  .discover-item[b-ka6mrb8fb1] {
    grid-auto-rows: 1fr;
    grid-template-areas: 'icon details';
    height: 100px;
  }
  img[b-ka6mrb8fb1] {
    display: none;
  }
}
/* /Pages/Dashboard/Widgets/ToDoWidget.razor.rz.scp.css */
h3[b-5h89qgz36f] {
  color: var(--text-colour, #404040);
}
h3[b-5h89qgz36f]::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 600;
  content: "\f0ae";
  margin: 0 6px 0 0;
}
.to-do-list[b-5h89qgz36f] {
  height: 100%;
  display: grid;
  grid-template-rows: 1fr 1fr 1fr;
}
.to-do-list a[b-5h89qgz36f] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px;
}
.to-do-list a.today[b-5h89qgz36f],
.to-do-list a.this-week[b-5h89qgz36f] {
  border-bottom: 1px solid var(--border-colour, #40404041);
}
.to-do-list a label[b-5h89qgz36f] {
  color: var(--secondary-text-colour, #404040E6);
  font-size: 16px;
}
.to-do-list a span.count[b-5h89qgz36f] {
  min-width: 50px;
  height: 25px;
  padding: 3px 10px;
  border-radius: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.to-do-list a span.count.today[b-5h89qgz36f] {
  border: 1px solid var(--primary-colour, #2F65E7);
  color: var(--primary-colour, #2F65E7);
}
.to-do-list a span.count.this-week[b-5h89qgz36f] {
  border: 1px solid var(--soft-warning-colour, #D38200);
  color: var(--soft-warning-colour, #D38200);
}
.to-do-list a span.count.overdue[b-5h89qgz36f] {
  border: 1px solid var(--warning-colour, #F9034C);
  color: var(--warning-colour, #F9034C);
}
[b-5h89qgz36f] content {
  height: 100%;
}
/* /Pages/Dashboard/Widgets/UpcomingFormsWidget.razor.rz.scp.css */
h3[b-edqp4ncl07]::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 600;
  content: "\f0ae";
  margin: 0 6px 0 0;
}
[b-edqp4ncl07] .upcoming-forms {
  width: 400px;
}
/* /Pages/Dashboard/Widgets/UsersWidget.razor.rz.scp.css */
h3[b-vkrcpfroz9]::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 600;
  content: "\f0c0";
  margin: 0 6px 0 0;
}
/* /Pages/Datasets/DatasetRowsUpdatePage.razor.rz.scp.css */
dataset-update-actions[b-l69vrch3f1] {
  gap: 10px;
  display: flex;
  align-items: center;
}
dataset-update-actions pending-changes-indicator[b-l69vrch3f1] {
  opacity: 0;
  padding: 8px 10px;
  font-weight: bold;
  color: var(--soft-warning-colour, #D38200);
  border-radius: 8px;
  background-color: color-mix(in srgb, var(--soft-warning-colour, #D38200) 10%, transparent);
  transition: all linear 0.2s;
}
dataset-update-actions pending-changes-indicator[active][b-l69vrch3f1] {
  opacity: 1;
}
/* /Pages/Datasets/Importing/DatasetImportUpdatePage.razor.rz.scp.css */
breezer-page actions[b-9amiywz3n6] {
  gap: 5px;
  display: flex;
  align-items: center;
}
/* /Pages/Datasets/Shared/DatasetEditor.razor.rz.scp.css */
dataset-editor[b-2t22ncquii] {
  display: flex;
  flex-direction: column;
  position: relative;
  margin-top: 8px;
}
dataset-editor[b-2t22ncquii]  input,
dataset-editor[b-2t22ncquii]  span {
  border: none;
  border-radius: unset;
  background-image: none;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  width: 100%;
  padding: 5px;
}
dataset-editor[b-2t22ncquii]  input:hover,
dataset-editor[b-2t22ncquii]  span:hover,
dataset-editor[b-2t22ncquii]  input:focus,
dataset-editor[b-2t22ncquii]  span:focus {
  border: none;
  outline: none;
}
dataset-editor[b-2t22ncquii]  input[type="text"] {
  min-width: unset;
}
dataset-editor[b-2t22ncquii]  span {
  margin: auto;
}
dataset-editor legend[b-2t22ncquii] {
  gap: 15px;
  width: 100%;
  display: flex;
  justify-content: right;
}
dataset-editor legend > *[b-2t22ncquii] {
  gap: 5px;
  display: flex;
  align-items: center;
}
dataset-editor legend flag[b-2t22ncquii] {
  margin: 0;
  padding: 0;
  width: 20px;
  height: 20px;
  display: flex;
  border-radius: 3px;
}
dataset-editor legend edited-flag flag[b-2t22ncquii] {
  background-color: color-mix(in srgb, var(--soft-warning-colour, #D38200) 20%, transparent);
}
dataset-editor legend new-flag flag[b-2t22ncquii] {
  background-color: color-mix(in srgb, var(--success-colour, #33DA82) 20%, transparent);
}
dataset-editor legend moved-flag flag[b-2t22ncquii] {
  width: 5px;
  border-radius: 0;
  background-color: color-mix(in srgb, #2F65E7 30%, transparent);
}
dataset-editor legend deleted-flag flag[b-2t22ncquii] {
  height: 2px;
  border: 1px solid var(--warning-colour, #F9034C);
}
dataset-editor-body[b-2t22ncquii] {
  width: fit-content;
  position: relative;
  display: inline-grid;
  margin: 0 50px 20px 0;
  grid-template-rows: auto 50px;
}
dataset-editor-body.row-edit[b-2t22ncquii] {
  margin: 20px 0 0;
  width: unset;
}
dataset-editor-body.row-edit[b-2t22ncquii]  dataset-editor-columns {
  grid-template-columns: 100px auto 100px;
}
dataset-editor-body.row-edit[b-2t22ncquii]  dataset-editor-columns columns {
  grid-row: 1;
  grid-column: 2;
  padding-bottom: 0;
}
dataset-editor-body.importing[b-2t22ncquii] {
  margin: 20px 20px 0;
}
dataset-editor-body.importing[b-2t22ncquii]  dataset-editor-columns {
  grid-template-columns: auto;
}
dataset-editor-body:not(.row-edit)[b-2t22ncquii]  dataset-editor-columns dataset-editor-column {
  margin-top: 28px;
}
@media only screen and (max-width : 600px) {
  dataset-editor-body[b-2t22ncquii] {
    grid-template-rows: auto 30px;
  }
  dataset-editor-body.row-edit[b-2t22ncquii]  dataset-editor-columns {
    grid-template-columns: 75px auto 40px;
  }
}
dataset-column-adder[b-2t22ncquii],
dataset-row-adder[b-2t22ncquii] {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rbga(black, 0.1);
  transition: 0.3s;
  color: var(--secondary-text-colour, #404040E6);
}
dataset-column-adder[b-2t22ncquii]::before,
dataset-row-adder[b-2t22ncquii]::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  content: "\2b";
  margin: 0;
}
dataset-column-adder:hover[b-2t22ncquii],
dataset-row-adder:hover[b-2t22ncquii] {
  background-color: rgba(0, 0, 0, 0.1);
}
dataset-column-adder[b-2t22ncquii] {
  top: 28px;
  height: 40px;
  right: -50px;
  width: 50px;
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
}
@media only screen and (max-width : 600px) {
  dataset-column-adder[b-2t22ncquii] {
    right: -30px;
    width: 30px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
  }
}
dataset-row-adder[b-2t22ncquii] {
  bottom: 0;
  left: 100px;
  width: calc(100% - 200px);
  height: 50px;
  border-bottom-right-radius: 40px;
  border-bottom-left-radius: 40px;
}
@media only screen and (max-width : 600px) {
  dataset-row-adder[b-2t22ncquii] {
    left: 75px;
    width: calc(100% - 115px);
    height: 30px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
  }
}
/* /Pages/Datasets/Shared/DatasetEditorCell.razor.rz.scp.css */
dataset-editor-cell[b-0a7klroi2y] {
  display: flex;
  justify-content: center;
  border: 1px solid var(--border-colour, #40404041);
  border-top: none;
  border-left: none;
  padding: 2px;
  position: relative;
  background-color: white;
}
dataset-editor-cell[moved][b-0a7klroi2y] {
  animation: moved-cell-b-0a7klroi2y 0.2s linear forwards;
}
dataset-editor-cell input[type="checkbox"][b-0a7klroi2y] {
  width: 35px;
  height: 35px;
}
dataset-editor-cell:not(.no-hover):hover[b-0a7klroi2y],
dataset-editor-cell:not(.no-hover):focus-within[b-0a7klroi2y],
dataset-editor-cell:not(.no-hover)[targeted][b-0a7klroi2y] {
  background-color: rgba(0, 0, 0, 0.1);
}
dataset-editor-cell[edited][b-0a7klroi2y] {
  color: var(--soft-warning-colour, #D38200);
  background-color: color-mix(in srgb, var(--soft-warning-colour, #D38200) 10%, transparent);
}
dataset-editor-cell[new][b-0a7klroi2y] {
  background-color: color-mix(in srgb, var(--success-colour, #33DA82) 10%, transparent);
}
dataset-editor-cell[deleted][b-0a7klroi2y] {
  background-color: color-mix(in srgb, var(--text-colour, #404040) 5%, transparent);
}
dataset-editor-cell[deleted]:not(.no-hover):hover[b-0a7klroi2y],
dataset-editor-cell[deleted]:not(.no-hover):focus-within[b-0a7klroi2y],
dataset-editor-cell[deleted]:not(.no-hover)[targeted][b-0a7klroi2y] {
  background-color: color-mix(in srgb, var(--text-colour, #404040) 5%, transparent);
}
dataset-editor-cell[deleted] strikethrough[b-0a7klroi2y] {
  top: 19px;
  height: 2px;
  width: 110%;
  position: absolute;
  border-top: 2px solid var(--warning-colour, #F9034C);
}
@keyframes moved-cell-b-0a7klroi2y {
  0% {
    transform: scale(0.98);
  }
  99% {
    transform: scale(1);
  }
  100% {
    transform: none;
  }
}
/* /Pages/Datasets/Shared/DatasetEditorColumn.razor.rz.scp.css */
dataset-editor-column[b-0sypl93ubc] {
  width: 100%;
  min-width: 150px;
  display: grid;
  grid-auto-rows: 40px;
  position: relative;
  border-top: 1px solid var(--border-colour, #40404041);
}
dataset-editor-column:first-of-type dataset-editor-column-header[b-0sypl93ubc],
dataset-editor-column:first-of-type[b-0sypl93ubc]  dataset-editor-cell {
  border-left: 1px solid var(--border-colour, #40404041);
}
dataset-editor-column[coltype='date-time'][b-0sypl93ubc] {
  min-width: 210px;
}
dataset-editor-column[moved][b-0sypl93ubc] {
  animation: column-move-b-0sypl93ubc 0.1s linear forwards;
}
dataset-editor-column-control[b-0sypl93ubc] {
  position: absolute;
  display: flex;
  justify-content: space-evenly;
  width: 100%;
  padding: 10px 0;
  top: -38px;
  transition: 0.3s;
  opacity: 0;
}
dataset-editor-column-control[active][b-0sypl93ubc] {
  opacity: 1;
}
dataset-editor-column-control .popup-content[b-0sypl93ubc] {
  padding: 10px;
  border-radius: 12px;
  border: 1px solid var(--border-colour, #40404041);
  background-color: white;
}
button.delete-column[b-0sypl93ubc] {
  width: 100%;
}
button.delete-column[b-0sypl93ubc]::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  content: "\f1f8";
  margin: 0 10px 0 0;
}
dataset-editor-column-header[b-0sypl93ubc] {
  border-right: 1px solid var(--border-colour, #40404041);
  border-bottom: 1px var(--text-colour, #404040) solid;
  padding: 2px;
  display: flex;
  background-color: white;
  overflow: hidden;
}
dataset-editor-column-header:not(.no-hover):hover[b-0sypl93ubc] {
  background-color: var(--background-highlight-colour, #4040400D);
}
dataset-editor-column-header input[b-0sypl93ubc],
dataset-editor-column-header span[b-0sypl93ubc] {
  font-weight: 600;
}
button.move-left[b-0sypl93ubc]::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  content: "\f060";
  margin: 0;
}
button.move-right[b-0sypl93ubc]::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  content: "\f061";
  margin: 0;
}
button.settings[b-0sypl93ubc]::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  content: "\f013";
  margin: 0;
}
@keyframes column-move-b-0sypl93ubc {
  0% {
    transform: scale(0.97);
  }
  99% {
    transform: scale(1);
  }
  100% {
    transform: none;
  }
}
/* /Pages/Datasets/Shared/DatasetEditorColumns.razor.rz.scp.css */
dataset-editor-columns[b-9pdmilck07] {
  display: grid;
  overflow: auto;
  min-height: 40px;
  max-height: 526px;
  position: relative;
  height: max-content;
}
dataset-editor-columns columns[b-9pdmilck07] {
  overflow-x: auto;
  height: max-content;
  display: inline-flex;
  padding-bottom: 15px;
}
/* /Pages/Datasets/Shared/DatasetRowControl.razor.rz.scp.css */
dataset-row-control[b-zrx1y10sr4] {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  opacity: 0;
  transition: 0.3s;
}
dataset-row-control[active][b-zrx1y10sr4] {
  opacity: 1;
}
button.move-up[b-zrx1y10sr4]::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  content: "\f062";
  margin: 0;
}
button.delete[b-zrx1y10sr4]::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  content: "\f1f8";
  margin: 0;
}
button.move-down[b-zrx1y10sr4]::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  content: "\f063";
  margin: 0;
}
/* /Pages/Datasets/Shared/DatasetRowControls.razor.rz.scp.css */
dataset-row-controls[b-f8a55ix9x3],
dataset-row-flags[b-f8a55ix9x3] {
  top: 40px;
  width: 100px;
  display: grid;
  z-index: 10000;
  position: relative;
  height: max-content;
  grid-auto-rows: 40px;
}
dataset-row-flags[b-f8a55ix9x3] {
  width: 100px;
  left: unset;
}
@media only screen and (max-width : 600px) {
  dataset-row-controls[b-f8a55ix9x3] {
    width: 75px;
  }
  dataset-row-flags[b-f8a55ix9x3] {
    width: 40px;
  }
}
/* /Pages/Datasets/Shared/DatasetRowFlag.razor.rz.scp.css */
dataset-row-flag[b-5fltkyh5gc] {
  gap: 15px;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: left;
}
dataset-row-flag > *[b-5fltkyh5gc],
dataset-row-flag button[b-5fltkyh5gc] {
  opacity: 0;
  border: none;
  cursor: default;
  font-size: 100%;
  pointer-events: none;
  transition: all linear 0.2s;
}
dataset-row-flag > *[active][b-5fltkyh5gc],
dataset-row-flag button[active][b-5fltkyh5gc] {
  opacity: 1;
}
dataset-row-flag button[b-5fltkyh5gc] {
  padding: 6px;
  border: none;
  color: var(--text-colour, #404040);
  background-color: transparent;
}
dataset-row-flag button[active][b-5fltkyh5gc] {
  cursor: pointer;
  pointer-events: unset;
}
dataset-row-flag button[active]:hover[b-5fltkyh5gc] {
  color: var(--primary-colour, #2F65E7);
}
dataset-row-flag button:not([active]):hover[b-5fltkyh5gc] {
  opacity: 0;
}
dataset-row-flag moved-flag[b-5fltkyh5gc] {
  width: 5px;
  height: 100%;
  background-color: color-mix(in srgb, #2F65E7 30%, transparent);
}
@media only screen and (max-width : 600px) {
  dataset-row-flag[b-5fltkyh5gc] {
    gap: 9px;
  }
}
/* /Pages/Designer/Builder/DesignBuilder.razor.rz.scp.css */
.design-page[b-a9sxcn2bvi] {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: auto 400px;
}
.design-page.builder[b-a9sxcn2bvi] {
  padding: unset;
}
.mobile-item-settings[b-a9sxcn2bvi] {
  display: none;
}
.item-settings-container[b-a9sxcn2bvi] {
  display: none;
  position: fixed;
  right: 5%;
  z-index: 10000;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  height: min-content;
}
.item-settings-container[b-a9sxcn2bvi]  selected-item-settings {
  max-height: 90vh;
  overflow-y: auto;
}
.design[b-a9sxcn2bvi] {
  height: 100%;
  width: 100%;
  overflow-y: auto;
  padding: 15px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  background-color: color-mix(in srgb, var(--text-colour, #404040) 5%, transparent);
}
.side-panel-container[b-a9sxcn2bvi] {
  overflow-y: auto;
}
.navigation-index-container[b-a9sxcn2bvi] {
  height: 3px;
  width: 100%;
  max-width: 800px;
  position: relative;
  left: 0px;
  top: -20px;
}
.navigation-index-container[b-a9sxcn2bvi]  form-navigation-index-popup {
  --nav-icon-size: 28px;
  --nav-icon-font-size: 14px;
}
@media only screen and (max-width : 1400px) {
  .design-page[b-a9sxcn2bvi] {
    display: flex;
  }
  .mobile-item-settings[b-a9sxcn2bvi] {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--primary-colour, #2F65E7);
    box-shadow: 0 8px 17px 2px rgba(64, 64, 64, 0.14), 0 3px 14px 2px rgba(64, 64, 64, 0.12), 0 5px 5px -3px rgba(64, 64, 64, 0.2);
    position: fixed;
    background-color: white;
    z-index: 1000;
    max-width: 400px;
    width: 90%;
    height: 90%;
    max-height: 800px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 10px;
    overflow: hidden;
  }
  .mobile-item-settings button.close[b-a9sxcn2bvi] {
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px;
    z-index: 10000;
  }
  .side-panel-container[b-a9sxcn2bvi] {
    display: none;
  }
  .item-settings-container[b-a9sxcn2bvi] {
    left: 0;
    right: 0;
    margin: auto;
    width: min-content;
  }
}
/* /Pages/Designer/Builder/DesignBuilderSidePanel.razor.rz.scp.css */
.tabs[b-zd882x8pl2] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  position: sticky;
  top: 0;
  background-color: white;
}
.tabs button[b-zd882x8pl2] {
  padding: 12px;
  background-color: white;
}
.tabs button.inactive[b-zd882x8pl2] {
  background-color: color-mix(in srgb, var(--text-colour, #404040) 5%, transparent);
  color: color-mix(in srgb, var(--text-colour, #404040) 50%, transparent);
}
.side-panel-tab.inactive[b-zd882x8pl2] {
  display: none;
}
/* /Pages/Designer/Builder/DesignItemPicker.razor.rz.scp.css */
design-item-picker[b-fkl6la120b] {
  padding: 10px;
  background-color: white;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.item-category[b-fkl6la120b] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.item-category:not(:first-of-type)[b-fkl6la120b] {
  margin-top: 10px;
}
.category-details[b-fkl6la120b] {
  display: grid;
  grid-template-columns: 25px auto;
  font-weight: bold;
  padding: 10px;
}
.item-option[b-fkl6la120b] {
  background-color: color-mix(in srgb, var(--text-colour, #404040) 5%, transparent);
  padding: 10px;
  border-radius: 10px;
  display: grid;
  grid-template-columns: 25px auto 25px;
  min-width: 250px;
  align-items: center;
  cursor: pointer;
}
.item-option .drag-grip[b-fkl6la120b] {
  cursor: grab;
}
.item-option .item-icon[b-fkl6la120b] {
  color: var(--primary-colour, #2F65E7);
}
.item-option:hover[b-fkl6la120b] {
  background-color: color-mix(in srgb, var(--text-colour, #404040) 10%, transparent);
}
/* /Pages/Designer/Builder/DesignItemPickerLegacy.razor.rz.scp.css */
design-item-picker[b-ox5udectdi] {
  background-color: white;
  display: flex;
  flex-direction: column;
  background-color: color-mix(in srgb, var(--text-colour, #404040) 20%, white);
  border-radius: 10px;
  z-index: 1000;
}
.item-category[b-ox5udectdi] {
  position: relative;
}
.category-details[b-ox5udectdi] {
  padding: 3px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  cursor: pointer;
  width: 50px;
  height: 50px;
}
.category-details i[b-ox5udectdi] {
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.category-items[b-ox5udectdi] {
  z-index: 1000;
  display: none;
  padding: 10px;
  flex-wrap: wrap;
  gap: 10px;
  width: 280px;
  position: absolute;
  background-color: white;
  top: 0;
  left: calc(100% - 1px);
  border-radius: 10px;
  border-top-left-radius: 0px;
  border: 1px solid var(--primary-colour, #2F65E7);
  min-height: calc(50px + 20px);
}
.category-items label.category-label[b-ox5udectdi] {
  font-weight: bold;
  width: 100%;
  line-height: 1.8;
}
.category-items[b-ox5udectdi]::after {
  content: ' ';
  display: block;
  width: 2px;
  height: calc(50px - 2px);
  background-color: white;
  position: absolute;
  top: 0;
  left: -1px;
}
.item-option[b-ox5udectdi] {
  height: 35px;
  width: 120px;
  border-radius: 7px;
  padding: 7px;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  border: 1px solid var(--border-colour, #40404041);
  display: flex;
  user-select: none;
}
.item-option i[b-ox5udectdi] {
  font-size: 18px;
}
.item-option label[b-ox5udectdi] {
  font-size: 10px;
  color: color-mix(in srgb, var(--text-colour, #404040) 80%, transparent);
  user-select: none;
  pointer-events: none;
}
.item-option .drag-handle[b-ox5udectdi] {
  margin-left: auto;
  color: color-mix(in srgb, var(--text-colour, #404040) 50%, transparent);
  cursor: grab;
}
.item-option:hover[b-ox5udectdi] {
  border-color: var(--primary-colour, #2F65E7);
}
.item-option:hover i[b-ox5udectdi] {
  color: var(--primary-colour, #2F65E7);
}
.item-option.dragging[b-ox5udectdi] {
  background-color: color-mix(in srgb, var(--primary-colour, #2F65E7) 5%, transparent);
}
.item-category:hover .category-details[b-ox5udectdi] {
  background-color: white;
  border: 1px solid var(--primary-colour, #2F65E7);
  border-right-color: transparent;
}
.item-category:hover .category-items[b-ox5udectdi] {
  display: flex;
}
/* /Pages/Designer/Builder/InputProperties/PropertiesForSelectDatasetField.razor.rz.scp.css */
h5[b-bq7vq30nxu] {
  font-weight: 500;
}
h4[b-bq7vq30nxu] {
  margin-bottom: 0;
}
column-options[b-bq7vq30nxu] {
  display: flex;
  flex-wrap: wrap;
}
[b-bq7vq30nxu] form-field {
  margin-right: 15px;
}
[b-bq7vq30nxu] label {
  white-space: pre;
}
/* /Pages/Designer/Builder/InputProperties/PropertiesForSelectField.razor.rz.scp.css */
select-field-options[b-ukxfes7knx] {
  display: flex;
  flex-direction: column;
}
input[b-ukxfes7knx] {
  animation: fade-in-b-ukxfes7knx 0.5s linear forwards;
}
select-field-option[b-ukxfes7knx] {
  position: relative;
  margin-bottom: 7px;
  display: grid;
  grid-template-areas: 'drag input actions';
  align-items: center;
  grid-template-columns: 20px auto 80px;
  grid-column-gap: 10px;
}
select-field-option drag-grip[b-ukxfes7knx] {
  grid-area: drag;
}
select-field-option input[b-ukxfes7knx] {
  grid-area: input;
}
select-field-option .actions[b-ukxfes7knx] {
  grid-area: actions;
}
button[b-ukxfes7knx] {
  margin: 0 5px;
}
button:disabled[b-ukxfes7knx] {
  cursor: default;
  opacity: 0.5;
}
button.remove[b-ukxfes7knx]::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  content: "\f1f8";
  margin: 0;
}
button.add-option[b-ukxfes7knx]::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  content: "\2b";
  margin: 0;
}
button.move-up[b-ukxfes7knx]::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  content: "\f062";
  margin: 0;
}
button.move-down[b-ukxfes7knx]::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  content: "\f063";
  margin: 0;
}
select-field-option[dragging][b-ukxfes7knx] {
  opacity: 0.8;
}
[b-ukxfes7knx] dropzone {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 5;
  border: 1px dashed var(--primary-colour, #2F65E7);
  opacity: 0.3;
}
[b-ukxfes7knx] dropzone[target] {
  opacity: 0.5;
  background-color: var(--background-highlight-colour, #4040400D);
}
@keyframes fade-in-b-ukxfes7knx {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* /Pages/Designer/Builder/InputProperties/PropertiesForTextField.razor.rz.scp.css */
properties-for-text-field[b-56d73z677x] {
  display: grid;
}
/* /Pages/Designer/Builder/Items/HtmlFragmentEditor.razor.rz.scp.css */
editor-for[b-20b9km6evg] {
  min-height: 100px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
editor-for[b-20b9km6evg]  display-for {
  width: 100%;
}
editor-for:hover[b-20b9km6evg] {
  background-color: var(--background-highlight-colour, #4040400D);
}
editor-for:hover button[b-20b9km6evg] {
  opacity: 1;
}
editor-for.empty button[b-20b9km6evg] {
  opacity: 0.8;
}
button[b-20b9km6evg] {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  opacity: 0;
  height: min-content;
  z-index: 1;
}
/* /Pages/Designer/Builder/Items/HtmlFragmentEditorModal.razor.rz.scp.css */
.html-editor-modal-overlay[b-6eg68ch6dq] {
  position: absolute;
  z-index: 3;
  width: 100vw;
  height: 100vh;
  overflow: scroll;
  background-color: #0d193680;
}
.html-editor-modal-overlay .modal-container[b-6eg68ch6dq] {
  z-index: 10000;
  position: absolute;
  animation: fade-in-b-6eg68ch6dq linear forwards 0.3s;
  background-color: white;
  overflow: visible;
}
.html-editor-modal-overlay .modal-container button.close[b-6eg68ch6dq] {
  position: absolute;
  top: -20px;
  right: 0px;
}
@keyframes fade-in-b-6eg68ch6dq {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* /Pages/Designer/Builder/Items/InputFieldPreview.razor.rz.scp.css */
form-definition-input-field-preview[b-8ygkvj77hb]  > form-field {
  margin-top: 0;
}
/* /Pages/Designer/Builder/Items/InputFieldSettings.razor.rz.scp.css */
input-field-settings[b-d9j364k0v7] {
  display: flex;
  flex-direction: column;
}
/* /Pages/Designer/Builder/Items/ItemDesigner.razor.rz.scp.css */
item-designer[b-jm7ccs11nc] {
  position: relative;
  display: flex;
  min-width: 200px;
  flex-direction: column;
  gap: 10px;
  padding: 10px 30px 10px 20px;
  border: 2px solid transparent;
  transition: 0.3s;
}
item-designer .item-actions-container[b-jm7ccs11nc] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--primary-colour, #2F65E7);
  margin-bottom: 10px;
}
item-designer .item-actions-container[b-jm7ccs11nc]  button,
item-designer .item-actions-container .item-drag-grip[b-jm7ccs11nc] {
  opacity: 0;
}
item-designer .item-actions-container[b-jm7ccs11nc]  button.active,
item-designer .item-actions-container .item-drag-grip.active[b-jm7ccs11nc] {
  opacity: 1;
}
item-designer .item-actions-container .item-drag-grip[b-jm7ccs11nc] {
  cursor: grab;
  font-size: 18px;
}
item-designer:hover[b-jm7ccs11nc],
item-designer[selected][b-jm7ccs11nc] {
  border: 2px solid var(--primary-colour, #2F65E7);
}
item-designer:hover .item-actions-container[b-jm7ccs11nc]  button,
item-designer[selected] .item-actions-container[b-jm7ccs11nc]  button,
item-designer:hover .item-actions-container .item-drag-grip[b-jm7ccs11nc],
item-designer[selected] .item-actions-container .item-drag-grip[b-jm7ccs11nc] {
  opacity: 0.5;
}
item-designer:hover .item-actions-container[b-jm7ccs11nc]  button:hover,
item-designer[selected] .item-actions-container[b-jm7ccs11nc]  button:hover,
item-designer:hover .item-actions-container .item-drag-grip:hover[b-jm7ccs11nc],
item-designer[selected] .item-actions-container .item-drag-grip:hover[b-jm7ccs11nc],
item-designer:hover .item-actions-container[b-jm7ccs11nc]  button:focus,
item-designer[selected] .item-actions-container[b-jm7ccs11nc]  button:focus,
item-designer:hover .item-actions-container .item-drag-grip:focus[b-jm7ccs11nc],
item-designer[selected] .item-actions-container .item-drag-grip:focus[b-jm7ccs11nc],
item-designer:hover .item-actions-container[b-jm7ccs11nc]  button.active,
item-designer[selected] .item-actions-container[b-jm7ccs11nc]  button.active,
item-designer:hover .item-actions-container .item-drag-grip.active[b-jm7ccs11nc],
item-designer[selected] .item-actions-container .item-drag-grip.active[b-jm7ccs11nc] {
  opacity: 1;
}
item-designer[dragging][b-jm7ccs11nc] {
  opacity: 0.5;
}
.loading-overlay[b-jm7ccs11nc] {
  background-color: color-mix(in srgb, var(--primary-colour, #2F65E7) 5%, transparent);
}
content[b-jm7ccs11nc] {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width : 600px) {
  item-designer[b-jm7ccs11nc]  item-designer-actions button,
  item-designer[b-jm7ccs11nc]  item-designer-actions .item-drag-grip {
    opacity: 0.5;
  }
}
/* /Pages/Designer/Builder/Items/ItemDesignerActions.razor.rz.scp.css */
item-designer-actions[b-yjefswxsov] {
  display: flex;
  gap: 8px;
  transition: 0.2s;
}
button[b-yjefswxsov] {
  font-size: 15px;
}
button.edit[b-yjefswxsov]::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  content: "\f013";
  margin: 0;
}
button.copy[b-yjefswxsov]::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  content: "\f0c5";
  margin: 0;
}
button.delete[b-yjefswxsov]::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  content: "\f1f8";
  margin: 0;
}
button.down[b-yjefswxsov]::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  content: "\f329";
  margin: 0;
}
button.down.group[b-yjefswxsov]::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  content: "\f32b";
  margin: 0;
}
button.down.section[b-yjefswxsov]::before {
  font-weight: 800;
}
button.up[b-yjefswxsov]::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  content: "\f32c";
  margin: 0;
}
button.up.group[b-yjefswxsov]::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  content: "\f32a";
  margin: 0;
}
button.up.section[b-yjefswxsov]::before {
  font-weight: 800;
}
button.logic[b-yjefswxsov]::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  content: "\f126";
  margin: 0;
}
/* /Pages/Designer/Builder/Items/ItemDisplayLogicConfigurationModal.razor.rz.scp.css */
form-item-display-logic-configuration-modal[b-rfy7aojer1] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
form-item-display-logic-configuration-modal .field-preview[b-rfy7aojer1] {
  padding: 20px;
  border: 2px solid var(--primary-colour, #2F65E7);
}
.sections[b-rfy7aojer1] {
  background-color: color-mix(in srgb, var(--text-colour, #404040) 5%, transparent);
  padding: 25px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.sections .section[b-rfy7aojer1] {
  display: flex;
  flex-direction: column;
  padding: 14px;
  margin: 5px 0;
  background-color: white;
  border-radius: 12px;
  transition: 0.3s;
  width: 100%;
  border: 1px solid var(--border-colour, #40404041);
  gap: 15px;
}
@media print {
  .sections .section[b-rfy7aojer1] {
    display: block !important;
    padding: 0px !important;
    margin: 0px !important;
    border-radius: 0px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width : 601px) {
  .sections .section[b-rfy7aojer1] {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}
.sections .section.disabled[b-rfy7aojer1] {
  opacity: 0.5;
}
.sections .section.selected[b-rfy7aojer1] {
  border: 2px solid var(--primary-colour, #2F65E7);
}
.sections .section .actions[b-rfy7aojer1] {
  display: flex;
  justify-content: center;
}
/* /Pages/Designer/Builder/Sections/SectionAddButton.razor.rz.scp.css */
.section-add-button[b-e4h0u1rhmy] {
  position: relative;
  width: 100%;
  max-width: 800px;
  transition: 0.3s;
}
.section-add-button[b-e4h0u1rhmy]  button {
  display: flex;
  gap: 5px;
  justify-content: center;
  align-items: center;
  width: 100%;
  color: var(--text-colour, #404040);
  background-color: unset;
  border: unset;
  padding: 4px 8px;
}
.section-add-button[b-e4h0u1rhmy]  button span {
  display: none;
}
.section-add-button[b-e4h0u1rhmy]  dropzone {
  display: block;
  position: absolute;
  border-radius: 8px;
  border: 1px dashed var(--text-colour, #404040);
  background-color: color-mix(in srgb, var(--text-colour, #404040) 10%, transparent);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.section-add-button[b-e4h0u1rhmy]  dropzone[target] {
  background-color: color-mix(in srgb, var(--primary-colour, #2F65E7) 10%, transparent);
  border-color: var(--primary-colour, #2F65E7);
}
.section-add-button:hover[b-e4h0u1rhmy] {
  margin-bottom: 20px;
}
.section-add-button:hover button span[b-e4h0u1rhmy] {
  display: initial;
}
/* /Pages/Designer/Builder/Sections/SectionDesigner.razor.rz.scp.css */
section-designer[b-z95i5z2k8c] {
  gap: 10px;
  max-width: 800px;
  padding-top: unset;
}
section-designer.dragging[b-z95i5z2k8c] {
  background-color: color-mix(in srgb, var(--primary-colour, #2F65E7) 10%, transparent);
}
header[b-z95i5z2k8c] {
  display: grid;
  grid-template-columns: auto min-content;
  align-items: center;
  gap: 10px;
}
header[b-z95i5z2k8c]  input-edit-display.section-name {
  height: 40px;
}
header[b-z95i5z2k8c]  input-edit-display.section-name input {
  font-family: museo-sans;
  width: 100%;
}
[b-z95i5z2k8c] input-edit-display.section-description {
  width: 100%;
}
[b-z95i5z2k8c] input-edit-display.section-description editor-for,
[b-z95i5z2k8c] input-edit-display.section-description p {
  width: 100%;
}
content[b-z95i5z2k8c] {
  display: flex;
  flex-direction: column;
}
content[b-z95i5z2k8c]  > .item-dropzone-container > section-item-adder {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 250px;
}
content[b-z95i5z2k8c]  > .item-dropzone-container > section-item-adder button {
  width: 100%;
}
.section-drag-grip[b-z95i5z2k8c] {
  width: 100%;
  display: flex;
  justify-content: center;
  padding-top: 15px;
  font-size: 18px;
  color: color-mix(in srgb, var(--text-colour, #404040) 50%, transparent);
  cursor: grab;
}
[b-z95i5z2k8c] section-designer-actions {
  border: 1px solid transparent;
  border-color: transparent;
}
[b-z95i5z2k8c] section-designer-actions button {
  opacity: 0;
  transition: 0.3s;
}
[b-z95i5z2k8c] section-designer-actions button.always-active {
  opacity: 1;
  color: var(--primary-colour, #2F65E7);
}
section-designer:hover[b-z95i5z2k8c]  section-designer-actions,
section-designer:focus[b-z95i5z2k8c]  section-designer-actions {
  border-color: var(--border-colour, #40404041);
  transition: 0.3s;
}
section-designer:hover[b-z95i5z2k8c]  section-designer-actions button,
section-designer:focus[b-z95i5z2k8c]  section-designer-actions button {
  opacity: 1;
}
@media only screen and (max-width : 600px) {
  [b-z95i5z2k8c] section-designer-actions {
    border-color: var(--border-colour, #40404041);
  }
  [b-z95i5z2k8c] section-designer-actions button {
    opacity: 1;
    transition: 0.3s;
  }
}
/* /Pages/Designer/Builder/Sections/SectionDesignerActions.razor.rz.scp.css */
section-designer-actions[b-d28unixvzf] {
  border-radius: 8px;
  display: flex;
  gap: 8px;
  width: min-content;
  padding: 8px;
}
/* /Pages/Designer/Builder/Sections/SectionDisplayLogicConfigurationModal.razor.rz.scp.css */
form-section-display-logic-modal[b-blmrnv2qhc] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
p:nth-child(2)[b-blmrnv2qhc] {
  margin: 5px;
  font-weight: bold;
}
.field-requirements-container[b-blmrnv2qhc] {
  background-color: color-mix(in srgb, var(--text-colour, #404040) 5%, transparent);
  padding: 25px;
}
.field-requirements-container .field-requirements[b-blmrnv2qhc] {
  display: flex;
  flex-direction: column;
  padding: 14px;
  margin: 5px 0;
  background-color: white;
  border-radius: 12px;
  transition: 0.3s;
  width: 100%;
  border: 1px solid var(--border-colour, #40404041);
}
@media print {
  .field-requirements-container .field-requirements[b-blmrnv2qhc] {
    display: block !important;
    padding: 0px !important;
    margin: 0px !important;
    border-radius: 0px;
    margin-bottom: 20px;
  }
}
.actions[b-blmrnv2qhc] {
  margin-top: 20px;
  display: flex;
  justify-content: center;
  gap: 10px;
}
.actions[b-blmrnv2qhc]  button {
  width: 160px;
}
/* /Pages/Designer/Builder/Sections/SectionDisplayLogicItemSelector.razor.rz.scp.css */
.display-condition-item-selector[b-3r6p11yqli] {
  background-color: color-mix(in srgb, var(--text-colour, #404040) 5%, transparent);
  padding: 25px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.display-condition-item-selector .section[b-3r6p11yqli] {
  display: flex;
  flex-direction: column;
  padding: 14px;
  margin: 5px 0;
  background-color: white;
  border-radius: 12px;
  transition: 0.3s;
  width: 100%;
  border: 1px solid var(--border-colour, #40404041);
  gap: 10px;
}
@media print {
  .display-condition-item-selector .section[b-3r6p11yqli] {
    display: block !important;
    padding: 0px !important;
    margin: 0px !important;
    border-radius: 0px;
    margin-bottom: 20px;
  }
}
.display-condition-item-selector .section .item[b-3r6p11yqli] {
  padding: 10px;
  position: relative;
}
.display-condition-item-selector .section .item .overlay[b-3r6p11yqli] {
  border: 1px solid var(--border-colour, #40404041);
  border-radius: 9px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: 0.4s;
}
.display-condition-item-selector .section .item .overlay span[b-3r6p11yqli] {
  padding: 10px;
  background-color: color-mix(in srgb, var(--text-colour, #404040) 10%, transparent);
  color: color-mix(in srgb, var(--text-colour, #404040) 80%, transparent);
}
.display-condition-item-selector .section .item .overlay:hover[b-3r6p11yqli] {
  background-color: color-mix(in srgb, var(--primary-colour, #2F65E7) 5%, transparent);
  border-color: color-mix(in srgb, var(--primary-colour, #2F65E7) 50%, transparent);
}
.display-condition-item-selector .section .item .overlay:hover span[b-3r6p11yqli] {
  background-color: var(--primary-colour, #2F65E7);
  color: white;
}
/* /Pages/Designer/Builder/Sections/SectionItemAdder.razor.rz.scp.css */
button.show-options[b-9hdikkdr9s] {
  border: 1px solid var(--border-colour, #40404041);
  color: color-mix(in srgb, var(--primary-colour, #2F65E7) 50%, transparent);
  background-color: color-mix(in srgb, var(--text-colour, #404040) 5%, transparent);
  border-radius: unset;
  border: unset;
}
button.show-options:hover[b-9hdikkdr9s] {
  background-color: color-mix(in srgb, var(--primary-colour, #2F65E7) 10%, transparent);
  color: var(--primary-colour, #2F65E7);
  border-color: var(--primary-colour, #2F65E7);
  opacity: 1;
}
.dropdown-content[b-9hdikkdr9s] {
  width: 250px;
  max-height: 300px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.dropdown-content label.category-label[b-9hdikkdr9s] {
  font-weight: bold;
  line-height: 2;
  border-bottom: 1px solid var(--border-colour, #40404041);
}
.dropdown-content button.item-option[b-9hdikkdr9s] {
  overflow: initial;
  text-align: start;
  background-color: transparent;
  color: var(--text-colour, #404040);
  border: 1px solid transparent;
  padding: 10px 0px;
  display: grid;
  grid-template-columns: 25px auto;
  font-weight: 400;
}
.dropdown-content button.item-option:hover[b-9hdikkdr9s] {
  color: var(--primary-colour, #2F65E7);
}
/* /Pages/Designer/Builder/Sections/SectionItemDropzone.razor.rz.scp.css */
.item-dropzone-container[b-kvezslbm58] {
  position: relative;
  max-width: 100%;
}
.item-dropzone-container[b-kvezslbm58]  dropzone {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: color-mix(in srgb, var(--text-colour, #404040) 5%, transparent);
  border-radius: 10px;
  border: 1px dashed color-mix(in srgb, var(--text-colour, #404040) 50%, transparent);
  transition: 0.3s;
}
.item-dropzone-container[b-kvezslbm58]  dropzone[target] {
  background-color: color-mix(in srgb, var(--primary-colour, #2F65E7) 10%, transparent);
  border-color: color-mix(in srgb, var(--primary-colour, #2F65E7) 50%, transparent);
}
/* /Pages/Designer/Builder/Sections/SectionItemGroup.razor.rz.scp.css */
section-item-group[b-jhy9u3ss61] {
  display: grid;
  grid-template-columns: 1fr min-content;
  justify-content: space-between;
}
section-item-group[b-jhy9u3ss61]  section-item-adder button,
section-item-group[b-jhy9u3ss61]  section-item-adder .popup-control,
section-item-group[b-jhy9u3ss61]  section-item-adder .popup-trigger {
  height: 100%;
}
section-item-group content[b-jhy9u3ss61] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow: auto;
}
section-item-group content .items[b-jhy9u3ss61] {
  display: flex;
  align-items: start;
  flex-wrap: wrap;
  gap: unset;
}
section-item-group[grouped] content[b-jhy9u3ss61] {
  border: 1px solid var(--border-colour, #40404041);
  padding: 12px;
  margin: 5px 0;
  border-radius: 8px;
  background-color: color-mix(in srgb, var(--text-colour, #404040) 3%, transparent);
  width: 100%;
  margin: unset;
  border: 1px solid color-mix(in srgb, var(--text-colour, #404040) 50%, transparent);
}
[b-jhy9u3ss61] .item-dropzone-container[item-type="html-fragment-read-only-field-display-model"] {
  width: 100%;
}
/* /Pages/Designer/Builder/Sections/SectionPermissionsEditor.razor.rz.scp.css */
form-permissions-editor[b-lytjagsnit] {
  display: block;
}
table[b-lytjagsnit] {
  margin-top: 20px;
}
th[b-lytjagsnit],
td[b-lytjagsnit] {
  padding: 5px;
  text-align: center;
}
th.role-name[b-lytjagsnit] {
  white-space: pre-wrap;
  color: var(--text-colour, #404040);
  font-size: 15px;
  width: 80px;
}
th.add-group[b-lytjagsnit] {
  width: 80px;
}
th.add-group button[b-lytjagsnit] {
  padding: 0 12px;
  font-size: 15px;
}
.contributor-heading[b-lytjagsnit] {
  display: flex;
  gap: 5px;
  align-items: center;
  height: min-content;
}
.contributor-heading[b-lytjagsnit]  info-hover {
  height: min-content;
  font-size: 12px;
}
td.permission-label[b-lytjagsnit] {
  display: flex;
  gap: 5px;
  margin-right: 5px;
  align-items: center;
}
td.permission-label label[b-lytjagsnit] {
  font-weight: bold;
}
td.permission-label[b-lytjagsnit]  i {
  font-size: 15px;
  padding: 5px;
  padding-left: 0px;
}
td.permission-value[b-lytjagsnit]  > * {
  margin-left: auto;
  margin-right: auto;
}
td.permission-value i.na[b-lytjagsnit] {
  color: var(--secondary-text-colour, #404040E6);
  font-size: 12px;
}
td.permission-value.set-for-contributors[b-lytjagsnit] {
  background-color: unset;
  color: var(--text-colour, #404040);
}
td.permission-value.fixed[b-lytjagsnit],
td.permission-value.set-for-contributors[b-lytjagsnit] {
  background-color: rgba(211, 211, 211, 0.3);
}
td.permission-value.skeleton[b-lytjagsnit] {
  opacity: 0.1;
  pointer-events: none;
}
button.clear[b-lytjagsnit] {
  opacity: 0.5;
  width: 100%;
  height: 100%;
}
button.clear:hover[b-lytjagsnit] {
  opacity: 1;
}
tr.read-only label[b-lytjagsnit] {
  opacity: 0.4;
}
.read-only[b-lytjagsnit]  editor-for[display="checkbox"] {
  background-color: transparent;
  border: none;
  color: var(--primary-colour, #2F65E7);
}
.read-only[b-lytjagsnit]  editor-for[display="checkbox"] > input[type="checkbox"][breezer-editor-for-bool] {
  cursor: default;
}
td.group:not(.permission-value)[b-lytjagsnit] {
  padding: 10px;
  text-align: start;
  font-weight: bold;
  color: white;
  background-color: var(--text-colour, #404040);
  font-size: 14px;
}
td.inherited[b-lytjagsnit] {
  opacity: 0.5;
}
th.inherited[b-lytjagsnit] {
  opacity: 0.5;
}
td.action[b-lytjagsnit]  info-hover > i {
  padding: 0px;
  font-size: 15px;
}
/* /Pages/Designer/Builder/SelectedItemSettings.razor.rz.scp.css */
selected-item-settings[b-i3wfpmcy2r] {
  display: flex;
  flex-direction: column;
  background-color: white;
  padding: 15px;
  max-height: 100vh;
  overflow: auto;
}
/* /Pages/Designer/Builder/Tables/EditorForFormTableDefinition.razor.rz.scp.css */
editor-for[b-636ek59h64] {
  display: flex;
  flex-direction: column;
}
.table-container[b-636ek59h64] {
  overflow-x: auto;
}
button.add-row[b-636ek59h64] {
  width: 100%;
  padding: 5px;
  margin: 5px 0;
}
button.add-row[b-636ek59h64]::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  content: "\2b";
  margin: 0;
}
[b-636ek59h64] form-field[breezer-form-field].table-expandable,
[b-636ek59h64] form-field[breezer-form-field].display-in-summary,
[b-636ek59h64] form-field[breezer-form-field].pin-first-column {
  width: fit-content;
  flex-direction: row-reverse;
  align-items: center;
  margin-right: 15px;
}
[b-636ek59h64] form-field[breezer-form-field].table-expandable label,
[b-636ek59h64] form-field[breezer-form-field].display-in-summary label,
[b-636ek59h64] form-field[breezer-form-field].pin-first-column label {
  margin-left: 5px;
}
table td[b-636ek59h64],
table th[b-636ek59h64] {
  padding: 5px;
  max-width: 400px;
}
table th[b-636ek59h64] {
  border: 2px solid var(--border-colour, #40404041);
  font-weight: 400;
  text-align: start;
  font-size: 14px;
}
table th[b-636ek59h64]  > input {
  width: 100%;
  border: none;
  border-radius: unset;
  background-image: none;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
}
table th[b-636ek59h64]  > input:hover,
table th[b-636ek59h64]  > input:focus {
  border: none;
  outline: none;
}
@media not print {
  table[pin-first] tr td:first-child[b-636ek59h64],
  table[pin-first] tr th:first-child[b-636ek59h64] {
    left: 0;
    position: sticky;
    background-color: white;
    z-index: 3;
  }
}
table td[b-636ek59h64] {
  border: 1px solid var(--border-colour, #40404041);
  position: relative;
}
table td[b-636ek59h64]  input[type="text"] {
  min-width: unset;
}
table td.row-actions[b-636ek59h64] {
  border: none;
  position: sticky;
  right: 0;
}
table td.row-actions[b-636ek59h64]  button.remove-row {
  color: white;
  background-color: var(--primary-colour, #2F65E7);
  width: 25px;
  height: 25px;
  border-radius: 20px;
  font-size: 12px;
  opacity: 0.8;
  transition: 0.2s;
}
table td.row-actions[b-636ek59h64]  button.remove-row::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  content: "\f1f8";
  margin: 0;
}
table td.row-actions[b-636ek59h64]  button.remove-row:hover {
  opacity: 1;
}
table td.placeholder-td[b-636ek59h64] {
  opacity: 0.3;
}
table td.placeholder-td .input-preview-overlay[b-636ek59h64] {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
table td[b-636ek59h64],
table th[b-636ek59h64] {
  transition: border-color 0.3s, background-color 0.3s;
}
table th[editing][b-636ek59h64] {
  border-color: var(--primary-colour, #2F65E7);
}
table td[editing][b-636ek59h64],
table th[editing][b-636ek59h64] {
  background-color: rgba(157, 180, 232, 0.2);
}
table tr.summary th.not-aggregated[b-636ek59h64] {
  visibility: hidden;
}
tr.column-settings > td[b-636ek59h64],
td.add-column[b-636ek59h64],
td.row-actions[b-636ek59h64] {
  border: none;
}
tr.column-settings > td[b-636ek59h64] {
  text-align: center;
  white-space: nowrap;
}
tr.column-settings > td button.column-settings[b-636ek59h64] {
  padding: 0 5px;
}
tr.column-settings > td[b-636ek59h64]  .popup-control {
  width: min-content;
  display: inline-block;
}
[b-636ek59h64] button.move-row-up::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  content: "\f062";
  margin: 0;
}
[b-636ek59h64] button.move-row-down::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  content: "\f063";
  margin: 0;
}
[b-636ek59h64] button.remove-row::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  content: "\f1f8";
  margin: 0;
}
[b-636ek59h64] button.column-left::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  content: "\f060";
  margin: 0;
}
[b-636ek59h64] button.column-right::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  content: "\f061";
  margin: 0;
}
[b-636ek59h64] button.column-settings::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  content: "\f013";
  margin: 0;
}
[b-636ek59h64] button.column-delete::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  content: "\f1f8";
  margin: 0;
}
[b-636ek59h64] button.prefill {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 12px;
  color: var(--primary-colour, #2F65E7);
}
[b-636ek59h64] button.prefill::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 800;
  content: "\f044";
  margin: 0;
}
[b-636ek59h64] button.prefill:hover {
  color: var(--text-colour, #404040);
}
[b-636ek59h64] button.remove-prefilled {
  padding: 10px;
}
[b-636ek59h64] button.remove-prefilled::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  content: "\f00d";
  margin: 0;
}
.prefill-input[b-636ek59h64] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--background-highlight-colour, #4040400D);
  opacity: 0.5;
}
.preview-input[b-636ek59h64] {
  opacity: 0.5;
}
[b-636ek59h64] button.remove-prefilled {
  position: absolute;
  top: 0;
  right: 0;
}
td.row-actions[b-636ek59h64] {
  text-align: center;
  white-space: nowrap;
}
td.row-actions button[b-636ek59h64] {
  padding: 0 5px;
}
.column-settings-popup[b-636ek59h64] {
  text-align: start;
  background-color: white;
  padding: 10px;
  border: 1px solid var(--border-colour, #40404041);
}
/* /Pages/Designer/Builder/Tables/FormTableNewColumnSelect.razor.rz.scp.css */
button.select-column[b-iwwla7n4jf] {
  padding: 10px;
  white-space: nowrap;
}
button.select-column[b-iwwla7n4jf]::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  content: "\2b";
  margin: 0;
}
ul[b-iwwla7n4jf] {
  list-style-type: none;
  z-index: 10000;
  margin: auto;
  width: 250px;
  height: 300px;
  overflow-y: scroll;
  border-radius: 10px;
  box-shadow: 0 2px 2px 0 rgba(64, 64, 64, 0.14), 0 3px 1px -2px rgba(64, 64, 64, 0.12), 0 1px 5px 0 rgba(64, 64, 64, 0.2);
  background-color: white;
  padding: 10px 0;
}
li button[b-iwwla7n4jf] {
  width: 100%;
  border-radius: 0;
  background-color: transparent;
  border-color: transparent;
  color: var(--text-colour, #404040);
}
li button:hover[b-iwwla7n4jf] {
  color: white;
  background-color: var(--primary-colour, #2F65E7);
}
/* /Pages/Designer/Builder/Tables/TableDefinitionColumnSettings.razor.rz.scp.css */
[b-6x531svesy] form-field.summary-row dropdown {
  min-width: 90px;
}
/* /Pages/Designer/Builder/Tables/TableDefinitionSettings.razor.rz.scp.css */
table-definition-settings[b-l3h836tjp3]  form-field.column-settings {
  padding: 10px;
  margin: 10px 0;
  flex-direction: row;
  justify-content: space-between;
  border: 2px solid var(--border-colour);
}
table-definition-settings[b-l3h836tjp3]  form-field.column-settings .column-settings::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  content: "\f013";
  margin: 0;
}
/* /Pages/Designer/Deploy/DesignSharing.razor.rz.scp.css */
share-form[b-ecqptuj1eh] {
  width: 510px;
}
.publish-card[b-ecqptuj1eh] {
  max-width: 400px;
}
.publish-card .actions[b-ecqptuj1eh] {
  margin-top: 20px;
  display: flex;
  gap: 10px;
  justify-content: end;
}
/* /Pages/Designer/Deploy/ScheduleForm.razor.rz.scp.css */
/* /Pages/Designer/DesignTitleEditor.razor.rz.scp.css */
input[b-gjqxpsgk3f] {
  font-size: 1.5em;
  font-weight: bold;
  font-family: 'museo-sans';
  width: 100%;
  max-width: 500px;
  border-radius: 8px;
  margin-bottom: 10px;
}
@media only screen and (max-width : 1400px) {
  input[b-gjqxpsgk3f] {
    font-size: 1.2em;
  }
}
@media only screen and (max-width : 600px) {
  input[b-gjqxpsgk3f] {
    font-size: 1em;
  }
}
/* /Pages/Designer/FormAreaSelect.razor.rz.scp.css */
form-area-select[b-2lagxi4r12] {
  display: flex;
  align-items: center;
  gap: 10px;
}
form-area-select label[b-2lagxi4r12] {
  font-weight: bold;
}
form-area-select[b-2lagxi4r12]  summary-for {
  cursor: pointer;
}
/* /Pages/Designer/FormDesignerLayout.razor.rz.scp.css */
.form-designer[b-bwqraef70s] {
  display: grid;
  grid-template-rows: repeat(3, min-content) auto;
  height: 100%;
  margin-bottom: unset;
  margin-top: unset;
  padding-top: 30px;
}
header[b-bwqraef70s] {
  display: flex;
  gap: 10px;
  align-items: center;
}
header h1 i[b-bwqraef70s] {
  font-size: 16px;
  font-weight: 400;
  font-style: initial;
  color: color-mix(in srgb, var(--text-colour, #404040) 50%, transparent);
}
header .draft-indicator[b-bwqraef70s] {
  background-color: color-mix(in srgb, var(--soft-warning-colour, #D38200) 10%, transparent);
  color: var(--soft-warning-colour, #D38200);
  padding: 5px 10px;
  border-radius: calc(26px / 2);
  font-weight: bold;
}
header .design-actions-container[b-bwqraef70s] {
  margin-left: auto;
}
.tabs[b-bwqraef70s] {
  padding: 5px;
  border: 1px solid var(--border-colour, #40404041);
  background-color: white;
  border-radius: 10px;
  gap: 5px;
  width: min-content;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
  flex-wrap: nowrap;
  height: 40px;
  padding: 4px;
  overflow-x: auto;
  max-width: 100%;
}
.tabs[b-bwqraef70s]  .popup-control,
.tabs[b-bwqraef70s]  .popup-trigger {
  height: 100%;
}
.tabs[b-bwqraef70s]  a,
.tabs .tab[b-bwqraef70s] {
  cursor: pointer;
  font-family: 'museo-sans';
  white-space: nowrap;
  height: 100%;
  display: flex;
  gap: 3px;
  align-items: center;
  justify-content: center;
  color: var(--text-colour, #404040);
  border-radius: 6px;
  transition: 0.3s;
  padding: 0px 20px;
}
.tabs[b-bwqraef70s]  a.active,
.tabs .tab.active[b-bwqraef70s],
.tabs[b-bwqraef70s]  a:hover,
.tabs .tab:hover[b-bwqraef70s] {
  background-color: color-mix(in srgb, var(--primary-colour, #2F65E7) 10%, transparent);
}
.tabs[b-bwqraef70s]  a.active i,
.tabs .tab.active i[b-bwqraef70s],
.tabs[b-bwqraef70s]  a:hover i,
.tabs .tab:hover i[b-bwqraef70s] {
  color: var(--primary-colour, #2F65E7);
}
.tabs[b-bwqraef70s]  a.disabled,
.tabs .tab.disabled[b-bwqraef70s] {
  opacity: 0.5;
}
content[b-bwqraef70s] {
  width: 100%;
  height: 100%;
  border: 1px solid var(--border-colour, #40404041);
  border-radius: 10px;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow-y: hidden;
}
[b-bwqraef70s] .card-settings-list {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
[b-bwqraef70s] .design-settings-card {
  display: flex;
  flex-direction: column;
  background-color: white;
  border: 1px solid var(--border-colour, #40404041);
  border-radius: 10px;
  padding: 20px;
  min-width: 340px;
}
[b-bwqraef70s] .design-settings-card > h2 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 20px;
}
[b-bwqraef70s] .design-settings-card > h2 i {
  font-size: 0.8em;
}
[b-bwqraef70s] .design-page {
  padding: 15px;
  overflow-y: auto;
}
@media only screen and (max-width : 1400px) {
  .form-designer[b-bwqraef70s] {
    padding-top: 20px;
  }
  .area-and-status[b-bwqraef70s] {
    display: none;
  }
  header[b-bwqraef70s]  > form-area-select {
    display: none;
  }
}
@media only screen and (max-width : 600px) {
  .form-designer[b-bwqraef70s] {
    padding-top: 5px;
  }
  .tabs[b-bwqraef70s] {
    width: 100%;
  }
  .tabs[b-bwqraef70s]  a {
    padding: unset;
  }
  [b-bwqraef70s] .design-settings-card {
    min-width: unset;
  }
}
/* /Pages/Designer/FormDesignerPrimaryActions.razor.rz.scp.css */
form-designer-primary-actions[b-c4buadzpg7] {
  display: block;
  width: min-content;
  height: min-content;
}
.large-screen-actions[b-c4buadzpg7] {
  display: none;
  align-items: center;
  gap: 8px;
}
.large-screen-actions[b-c4buadzpg7]  button {
  white-space: nowrap;
}
.small-screen-actions[b-c4buadzpg7]  .dropdown-content {
  padding: 13px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.small-screen-actions[b-c4buadzpg7]  .dropdown-content form-field[breezer-form-field] {
  margin: unset;
}
.mobile-menu-trigger[b-c4buadzpg7] {
  width: 36px;
  height: 36px;
  border-radius: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--text-colour, #404040);
  border: 1px solid var(--text-colour, #404040);
}
.mobile-actions[b-c4buadzpg7] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.mobile-actions[b-c4buadzpg7]  publish-button,
.mobile-actions[b-c4buadzpg7]  publish-button .popup-trigger > button,
.mobile-actions[b-c4buadzpg7]  discard-changes-button > button,
.mobile-actions[b-c4buadzpg7]  create-new-record-button .popup-trigger > button {
  width: 100%;
}
@media only screen and (min-width : 1401px) {
  .large-screen-actions[b-c4buadzpg7] {
    display: flex;
  }
  .small-screen-actions[b-c4buadzpg7] {
    display: none;
  }
}
/* /Pages/Designer/FormVisibilityIndicator.razor.rz.scp.css */
form-design-visibility-indicator[b-zvzew62cv8] {
  display: block;
}
form-design-visibility-indicator a[b-zvzew62cv8] {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.2s;
  width: 36px;
  height: 36px;
  border-radius: calc(36px / 2);
  font-size: 14px;
  background-color: color-mix(in srgb, var(--text-colour, #404040) 10%, transparent);
  color: var(--text-colour, #404040);
}
form-design-visibility-indicator a:hover[b-zvzew62cv8] {
  background-color: var(--primary-colour, #2F65E7);
  color: white;
}
/* /Pages/Designer/Preview/DesignPreview.razor.rz.scp.css */
.design-page[b-kn8xqmeuwi] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.design-page > .warn[b-kn8xqmeuwi] {
  background-color: var(--soft-warning-colour);
  padding: 5px;
  color: white;
  font-weight: bold;
  font-size: 14px;
  border-radius: 8px;
  display: inline;
  text-align: center;
  z-index: 1;
}
@media only screen and (min-width : 1401px) {
  .design-page > .warn[b-kn8xqmeuwi] {
    position: sticky;
    top: 0;
  }
}
.design-page[b-kn8xqmeuwi]  > form-response {
  z-index: 0;
}
/* /Pages/Designer/PublishButton.razor.rz.scp.css */
publish-button[b-i8xg8h04so] {
  display: block;
  width: min-content;
  height: min-content;
}
publish-button[b-i8xg8h04so]  button {
  white-space: nowrap;
}
/* /Pages/Designer/Settings/DesignSettings.razor.rz.scp.css */
.design-page[b-47opxf7c7j] {
  overflow-y: auto;
}
/* /Pages/Designer/Settings/FormAccess.razor.rz.scp.css */
/* /Pages/Designer/Settings/FormPermissionGroupSelector.razor.rz.scp.css */
form-permission-group-selector[b-vnlq1zqbow] {
  max-height: 200px;
  width: 200px;
  background-color: white;
  border-radius: 10px;
  box-shadow: 0 3px 3px 0 rgba(64, 64, 64, 0.14), 0 1px 7px 0 rgba(64, 64, 64, 0.12), 0 3px 1px -1px rgba(64, 64, 64, 0.2);
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 13px;
  border: 1px solid var(--border-colour, #40404041);
  overflow-y: auto;
}
form-permission-group-selector .group[b-vnlq1zqbow] {
  font-weight: normal;
  cursor: pointer;
}
form-permission-group-selector .group:hover[b-vnlq1zqbow] {
  color: var(--primary-colour, #2F65E7);
}
/* /Pages/Designer/Settings/FormPermissionsEditor.razor.rz.scp.css */
form-permissions-editor[b-om0rqeefty] {
  display: block;
}
table[b-om0rqeefty] {
  margin-top: 20px;
}
th[b-om0rqeefty],
td[b-om0rqeefty] {
  padding: 5px;
  text-align: center;
}
th.role-name[b-om0rqeefty] {
  white-space: pre-wrap;
  color: var(--text-colour, #404040);
  font-size: 15px;
  width: 80px;
}
th.add-group[b-om0rqeefty] {
  width: 80px;
}
th.add-group button[b-om0rqeefty] {
  padding: 0 12px;
  font-size: 15px;
}
.contributor-heading[b-om0rqeefty] {
  display: flex;
  gap: 5px;
  align-items: center;
  height: min-content;
}
.contributor-heading[b-om0rqeefty]  info-hover {
  height: min-content;
  font-size: 12px;
}
td.permission-label[b-om0rqeefty] {
  display: flex;
  gap: 5px;
  margin-right: 5px;
  align-items: center;
}
td.permission-label label[b-om0rqeefty] {
  font-weight: bold;
}
td.permission-label[b-om0rqeefty]  i {
  font-size: 15px;
  padding: 5px;
  padding-left: 0px;
}
td.permission-value[b-om0rqeefty]  > * {
  margin-left: auto;
  margin-right: auto;
}
td.permission-value i.na[b-om0rqeefty] {
  color: var(--secondary-text-colour, #404040E6);
  font-size: 12px;
}
td.permission-value.set-for-contributors[b-om0rqeefty] {
  background-color: unset;
  color: var(--text-colour, #404040);
}
td.permission-value.fixed[b-om0rqeefty],
td.permission-value.set-for-contributors[b-om0rqeefty] {
  background-color: rgba(211, 211, 211, 0.3);
}
td.permission-value.skeleton[b-om0rqeefty] {
  opacity: 0.1;
  pointer-events: none;
}
button.clear[b-om0rqeefty] {
  opacity: 0.5;
  width: 100%;
  height: 100%;
}
button.clear:hover[b-om0rqeefty] {
  opacity: 1;
}
tr.read-only label[b-om0rqeefty] {
  opacity: 0.4;
}
.read-only[b-om0rqeefty]  editor-for[display="checkbox"] {
  background-color: transparent;
  border: none;
  color: var(--primary-colour, #2F65E7);
}
.read-only[b-om0rqeefty]  editor-for[display="checkbox"] > input[type="checkbox"][breezer-editor-for-bool] {
  cursor: default;
}
td.group:not(.permission-value)[b-om0rqeefty] {
  padding: 10px;
  text-align: start;
  font-weight: bold;
  color: white;
  background-color: var(--text-colour, #404040);
  font-size: 14px;
}
/* /Pages/DocumentLibrary/AutoLibraryDocumentListPage.razor.rz.scp.css */
.disclaimer[b-mzv1x05bk9] {
  color: grey;
  font-style: italic;
  font-size: 14px;
}
/* /Pages/DocumentLibrary/Modals/LibraryDocumentDisplayModal.razor.rz.scp.css */
library-document-display-modal[b-6j661r8mea] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
header[b-6j661r8mea] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  justify-content: space-between;
}
header > actions[b-6j661r8mea] {
  display: flex;
  gap: 5px;
}
header[b-6j661r8mea]  dropdown-actions {
  display: none;
}
header h1.untitled[b-6j661r8mea] {
  font-style: italic;
}
header button.actions-trigger[b-6j661r8mea] {
  font-size: 20px;
  padding: 0 10px;
  color: color-mix(in srgb, var(--text-colour, #404040) 50%, transparent);
}
@media only screen and (max-width : 600px) {
  header > actions[b-6j661r8mea] {
    display: none;
  }
  header[b-6j661r8mea]  dropdown-actions {
    display: unset;
  }
}
.draft-indicator[b-6j661r8mea] {
  padding: 5px;
  background-color: color-mix(in srgb, var(--primary-colour, #2F65E7) 10%, transparent);
  font-weight: bold;
  color: var(--primary-colour, #2F65E7);
}
.document-preview[b-6j661r8mea] {
  position: relative;
}
.document-actions[b-6j661r8mea] {
  display: flex;
  justify-content: space-between;
}
.edit-in-session[b-6j661r8mea] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: min-content;
  color: white;
  background-color: color-mix(in srgb, var(--text-colour, #404040) 50%, transparent);
  padding: 10px;
  text-align: center;
  max-width: 80%;
  margin: auto;
}
.details[b-6j661r8mea] {
  display: flex;
  flex-direction: column;
}
.details .date-details[b-6j661r8mea] {
  display: flex;
  flex-direction: row;
  gap: 15px;
}
.details[b-6j661r8mea]  summary-for[type="indyforms-user"] {
  width: min-content;
}
/* /Pages/DocumentLibrary/Modals/LibraryDocumentEditor.razor.rz.scp.css */
@media only screen and (max-width : 600px) {
}.document-editor[b-a34yak4o7g] {
  position: fixed;
  z-index: 9999999;
  background-color: #F7F7F7;
  width: 100vw;
  height: 100vh;
  display: grid;
  grid-template-rows: 70px auto;
}
header[b-a34yak4o7g] {
  border-bottom: 1px solid var(--border-colour, #40404041);
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 0 25px;
}
header h1 i[b-a34yak4o7g] {
  color: var(--primary-colour, #2F65E7);
  margin-right: 10px;
}
header .actions[b-a34yak4o7g] {
  margin-left: auto;
  display: flex;
  gap: 10px;
}
header span.draft-indicator[b-a34yak4o7g] {
  font-weight: bold;
  color: white;
  background-color: color-mix(in srgb, var(--primary-colour, #2F65E7) 50%, transparent);
  padding: 3px 5px;
}
content[b-a34yak4o7g] {
  overflow: hidden;
}
content[b-a34yak4o7g]  > * {
  transform: translateY(-56px);
  height: calc(100% + 56px);
}
/* /Pages/DocumentLibrary/Modals/LibraryDocumentEditorSaveModal.razor.rz.scp.css */
library-document-editor-save-modal[b-qzas1w3gs4] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
p[b-qzas1w3gs4],
ul[b-qzas1w3gs4] {
  margin: 0;
}
p[b-qzas1w3gs4] {
  margin-top: 15px;
}
.actions[b-qzas1w3gs4] {
  margin-top: 10px;
  display: flex;
  justify-content: center;
  gap: 20px;
}
.actions[b-qzas1w3gs4]  button {
  width: 120px;
}
/* /Pages/DocumentLibrary/Modals/LibraryDocumentPreviousVersionsModal.razor.rz.scp.css */
.library-document-previous-versions[b-yauzdfwonl] {
  max-height: 90%;
  height: 800px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow-y: scroll;
}
/* /Pages/DocumentLibrary/Modals/LibraryDocumentUploadModal.razor.rz.scp.css */
.library-document-upload-modal[b-01xutk7bgg] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  z-index: 10000;
}
.actions[b-01xutk7bgg] {
  display: flex;
  justify-content: end;
  gap: 10px;
}
/* /Pages/DocumentLibrary/Modals/LibraryDocumentVersionInfo.razor.rz.scp.css */
.library-document-version-info[b-owsvj3nxak] {
  display: flex;
  gap: 20px;
  border-radius: 10px;
  align-items: center;
}
[b-owsvj3nxak] .library-document-display {
  width: 200px;
  height: 200px;
}
[b-owsvj3nxak] form-field {
  margin: 3px 0;
}
[b-owsvj3nxak] form-field label {
  font-weight: bold;
}
/* /Pages/ExternalDatasets/ExternalDatasetSetupPage.razor.rz.scp.css */
header[b-qpqdzehzr4] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 10px 0;
}
content[b-qpqdzehzr4] {
  margin-bottom: 25px;
}
input#dataset-url[b-qpqdzehzr4] {
  font-style: italic;
  color: var(--primary-colour, #2F65E7);
}
external-dataset-setup-page[b-qpqdzehzr4] {
  width: 100%;
  display: flex;
  flex-direction: column;
}
external-dataset-setup-page > *[b-qpqdzehzr4] {
  margin-left: auto;
  margin-right: auto;
  width: 95%;
  max-width: 800px;
}
content[b-qpqdzehzr4] {
  background-color: white;
  padding: 15px;
  box-shadow: 0 4px 5px 0 rgba(64, 64, 64, 0.14), 0 1px 10px 0 rgba(64, 64, 64, 0.12), 0 2px 4px -1px rgba(64, 64, 64, 0.3);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
}
test-response-summary[b-qpqdzehzr4] {
  margin: 20px 0 10px 0;
  display: flex;
  justify-content: space-between;
}
json-content[b-qpqdzehzr4] {
  font-family: 'Courier New', monospace;
  font-size: 13px;
  border: 1px solid var(--border-colour, #40404041);
  box-shadow: 0 2px 2px 0 rgba(64, 64, 64, 0.14), 0 3px 1px -2px rgba(64, 64, 64, 0.12), 0 1px 5px 0 rgba(64, 64, 64, 0.2);
  padding: 10px;
  overflow-y: auto;
  height: 300px;
  margin-bottom: 10px;
  white-space: break-spaces;
}
label.response-status[b-qpqdzehzr4] {
  color: rgba(0, 0, 0, 0.5);
}
label.response-status.status-200[b-qpqdzehzr4] {
  color: var(--primary-colour, #2F65E7);
}
label.response-status.status-404[b-qpqdzehzr4] {
  color: var(--warning-colour, #F9034C);
}
label.response-content-type[b-qpqdzehzr4] {
  font-style: italic;
  color: rgba(0, 0, 0, 0.4);
}
p[b-qpqdzehzr4] {
  white-space: break-spaces;
}
p.transform-result-message.success[b-qpqdzehzr4] {
  color: var(--primary-colour, #2F65E7);
}
p.transform-result-message.failure[b-qpqdzehzr4] {
  color: var(--warning-colour, #F9034C);
}
textarea[b-qpqdzehzr4] {
  resize: none;
  height: 100px;
  font-family: 'Courier New', monospace;
}
.jmespath-href[b-qpqdzehzr4] {
  margin-left: auto;
  margin-top: 3px;
  color: var(--primary-colour, #2F65E7);
  font-size: 12px;
  text-decoration: underline;
}
/* /Pages/FormRecord/FormRecordMobileActionsModal.razor.rz.scp.css */
form-record-mobile-actions-modal[b-d4dhbywlwn] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
form-record-mobile-actions-modal[b-d4dhbywlwn]  > * {
  padding: 10px;
  display: flex;
  justify-content: start;
}
/* /Pages/FormRecord/FormRecordPage.razor.rz.scp.css */
/* Form record page layout */
form-record-page[b-heglmfi8mv] {
  height: 100%;
  display: grid;
  grid-template-areas: 'header header' 'record action-items';
  grid-template-columns: auto min-content;
  grid-template-rows: 50px auto;
  transition: 0.3s;
}
form-record-page.expanded[b-heglmfi8mv] {
  grid-template-columns: auto 400px;
}
form-record-page.collapsed[b-heglmfi8mv] {
  grid-template-columns: auto 50px;
}
form-record-page.public[b-heglmfi8mv] {
  grid-template-columns: auto 0px;
}
form-record-page header[b-heglmfi8mv] {
  grid-area: header;
}
form-record-page .record-container[b-heglmfi8mv] {
  grid-area: record;
}
form-record-page action-items[b-heglmfi8mv] {
  grid-area: action-items;
}
/* Header */
header[b-heglmfi8mv] {
  display: flex;
  gap: 15px;
  align-items: center;
  padding: 20px 30px;
  background-color: white;
  color: var(--text-colour, #404040);
  border-bottom: 2px solid var(--border-colour, #40404041);
  z-index: 2;
  animation: header-animation linear 0.3s infinite;
  height: 50px;
}
header label.title[b-heglmfi8mv] {
  font-weight: bold;
  color: var(--text-colour, #404040);
}
header .actions[b-heglmfi8mv] {
  margin-left: auto;
  display: flex;
  gap: 8px;
}
/* Form Record content */
.record-container[b-heglmfi8mv] {
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow-y: auto;
  padding: 20px;
}
.action-items-panel[b-heglmfi8mv] {
  background-color: var(--background-highlight-colour, #4040400D);
  overflow-y: auto;
  position: relative;
  /*::deep record-action-item-count {
        margin-left: auto;
        margin-right: auto;
        margin-top: 5px;
        padding: 5px;
        pointer-events: none;
        width: 20px;
        height: 20px;
        border-radius: 10px;
        background-color: @primary-colour;
        color: white;
        font-size: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
    }*/
}
.action-items-panel[b-heglmfi8mv]  action-item-list {
  padding: 0px 25px;
}
.action-items-panel[b-heglmfi8mv]  upgrade-subscription-level-barrier {
  background-color: unset;
}
.action-items-panel button.toggle[b-heglmfi8mv] {
  color: var(--secondary-text-colour, #404040E6);
  background-color: transparent;
  padding: unset;
  border: unset;
  height: 50px;
  width: 50px;
  border-radius: unset;
  display: flex;
  justify-content: center;
  align-items: center;
}
.action-items-panel button.toggle:hover[b-heglmfi8mv] {
  color: var(--text-colour, #404040);
  background-color: var(--secondary-text-colour, #404040E6);
  color: white;
}
.main-toolbar[b-heglmfi8mv] {
  display: contents;
}
.compact-toolbar[b-heglmfi8mv] {
  display: none;
}
@media only screen and (max-width : 1400px) {
  header[b-heglmfi8mv] {
    padding: 20px;
    gap: unset;
  }
  header label.title[b-heglmfi8mv] {
    display: none;
  }
  form-record-page[b-heglmfi8mv] {
    grid-template-columns: auto 0px !important;
  }
  .action-items-panel[b-heglmfi8mv] {
    display: none;
  }
  .main-toolbar[b-heglmfi8mv] {
    display: none;
  }
  .compact-toolbar[b-heglmfi8mv] {
    display: flex;
    align-items: center;
    font-size: 20px;
    padding: 0 10px;
  }
  .compact-toolbar .compact-toolbar-content[b-heglmfi8mv] {
    font-size: 14px;
    background-color: white;
    border-radius: 10px;
    box-shadow: 0 3px 3px 0 rgba(64, 64, 64, 0.14), 0 1px 7px 0 rgba(64, 64, 64, 0.12), 0 3px 1px -1px rgba(64, 64, 64, 0.2);
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 13px;
    border: 1px solid var(--border-colour, #40404041);
  }
  .compact-toolbar button.action-items[b-heglmfi8mv] {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  [b-heglmfi8mv] record-action-item-count {
    font-size: 14px;
    padding: 3px 8px;
    color: var(--primary-colour, #2F65E7);
    cursor: pointer;
  }
  [b-heglmfi8mv] record-action-item-count label,
  [b-heglmfi8mv] record-action-item-count span {
    cursor: pointer;
  }
}
@media only screen and (max-width : 600px) {
  [b-heglmfi8mv] record-action-item-count {
    padding: 3px 5px;
    font-size: 12px;
  }
}
@media print {
  form-record-page[b-heglmfi8mv] {
    display: flex;
    flex-direction: column;
  }
  header[b-heglmfi8mv] {
    display: none;
  }
  .action-items-panel[b-heglmfi8mv] {
    display: none;
  }
}
/* /Pages/FormRecord/MyActionItemCount.razor.rz.scp.css */
record-action-item-count[b-bbnfjbc2r3] {
  display: flex;
  align-items: center;
  gap: 3px;
  font-weight: bold;
}
record-action-item-count[b-bbnfjbc2r3] {
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  padding: 5px;
  pointer-events: none;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background-color: var(--primary-colour, #2F65E7);
  color: white;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* /Pages/FormRecord/RecordActionItemsWidget.razor.rz.scp.css */
button[b-q73go5fwuk] {
  display: flex;
  gap: 5px;
  align-items: center;
}
button[b-q73go5fwuk]  record-action-item-count {
  margin-top: unset;
  margin-right: unset;
}
/* /Pages/FormRecord/RecordAuditWidget.razor.rz.scp.css */
button[b-mw6v5rrwhd] {
  display: flex;
  align-items: center;
  gap: 5px;
}
/* /Pages/FormRecord/RecordDueDateWidget.razor.rz.scp.css */
record-due-date-widget[b-83u5oksy8t] {
  display: flex;
  gap: 5px;
  align-items: center;
  cursor: pointer;
}
record-due-date-widget:hover[b-83u5oksy8t] {
  color: var(--primary-colour, #2F65E7);
}
/* /Pages/FormRecord/RecordLockedIndicator.razor.rz.scp.css */
record-locked-indicator[b-1khjmuptc9] {
  display: flex;
  align-items: center;
  gap: 5px;
}
record-locked-indicator label[b-1khjmuptc9] {
  font-size: 12px;
  font-weight: bold;
}
record-locked-indicator[b-1khjmuptc9]  editor-for[display="toggle"][breezer-editor-for-bool]::after {
  font-family: 'Font Awesome 6 Pro';
  content: "\f023";
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--secondary-text-colour, #404040E6);
}
@media print {
  record-locked-indicator record-locked-indicator[b-1khjmuptc9] {
    display: none !important;
  }
}
@media only screen and (max-width : 600px) {
  record-locked-indicator label[b-1khjmuptc9] {
    display: none;
  }
}
/* /Pages/FormRecord/RecordPrintButton.razor.rz.scp.css */
i[b-dh5dx6jair] {
  margin-right: 5px;
}
.print-options[b-dh5dx6jair] {
  background-color: white;
  border-radius: 10px;
  box-shadow: 0 3px 3px 0 rgba(64, 64, 64, 0.14), 0 1px 7px 0 rgba(64, 64, 64, 0.12), 0 3px 1px -1px rgba(64, 64, 64, 0.2);
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 13px;
  border: 1px solid var(--border-colour, #40404041);
  gap: unset;
}
.print-options[b-dh5dx6jair]  button {
  width: 100%;
}
[b-dh5dx6jair] form-field.break-pages {
  display: flex;
  flex-direction: row-reverse;
  gap: 10px;
}
/* /Pages/FormRecord/SectionLockedIndicator.razor.rz.scp.css */
section-locked-indicator[b-8qe3nuffom] {
  display: flex;
  gap: 8px;
  align-items: center;
}
section-locked-indicator label[b-8qe3nuffom] {
  font-size: 12px;
  font-weight: bold;
}
section-locked-indicator[b-8qe3nuffom]  editor-for[display="toggle"][breezer-editor-for-bool]::after {
  font-family: 'Font Awesome 6 Pro';
  content: "\f023";
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--secondary-text-colour, #404040E6);
}
@media print {
  section-locked-indicator record-locked-indicator[b-8qe3nuffom] {
    display: none !important;
  }
}
@media only screen and (max-width : 600px) {
  section-locked-indicator label[b-8qe3nuffom] {
    display: none;
  }
}
/* /Pages/FormResponses/FormCompleted.razor.rz.scp.css */
form-completed[b-11p2fivuqz] {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 25px;
  margin: auto;
  padding: 80px 0;
  background-color: white;
  width: 800px;
  max-width: 90%;
  border-radius: 25px;
}
p.complete-message[b-11p2fivuqz] {
  font-size: 25px;
  text-align: center;
  font-weight: bold;
}
i[b-11p2fivuqz] {
  font-size: 60px;
  color: var(--success-colour, #33DA82);
}
/* /Pages/FormResponses/ListPage/FormRecords/AutoFormResponseListPage.razor.rz.scp.css */
.form-status[b-h4n4qaviyv] {
  display: flex;
  gap: 5px;
}
.actions[b-h4n4qaviyv] {
  display: flex;
  align-items: center;
  gap: 5px;
}
.actions[b-h4n4qaviyv]  button {
  display: flex;
  align-items: center;
  gap: 3px;
}
.loading[b-h4n4qaviyv] {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 400px;
}
/* /Pages/FormResponses/ListPage/FormRecords/FormRecordAdvancedFilterModal.razor.rz.scp.css */
.advanced-filter-modal[b-63tnpshwnb]  .properties {
  display: flex;
  flex-wrap: wrap;
  row-gap: 5px;
  column-gap: 15px;
}
.advanced-filter-modal .actions[b-63tnpshwnb] {
  margin-top: 15px;
  display: flex;
  justify-content: center;
  gap: 10px;
}
.advanced-filter-modal[b-63tnpshwnb]  .properties {
  display: flex;
  flex-wrap: wrap;
  row-gap: 5px;
  column-gap: 15px;
}
.advanced-filter-modal .actions[b-63tnpshwnb] {
  margin-top: 15px;
  display: flex;
  justify-content: center;
  gap: 10px;
}
/* /Pages/FormResponses/ListPage/FormRecords/FormRecordFilter.razor.rz.scp.css */
.list-item-filter[b-tjisxizz4a] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.list-item-filter[b-tjisxizz4a]  > form-field label {
  display: none;
}
.list-item-filter[b-tjisxizz4a]  dropdown-selected {
  min-width: 80px;
  border-radius: 8px;
}
.list-item-filter[b-tjisxizz4a]  > form-field label {
  display: none;
}
.list-item-filter[b-tjisxizz4a]  dropdown-selected {
  min-width: 80px;
  border-radius: 8px;
}
/* /Pages/FormResponses/ListPage/FormRecords/FormResponseListItem.razor.rz.scp.css */
.table-column-items[b-145m820o0d] {
  flex-direction: column;
  align-items: start;
  padding: 0;
}
table-column-value[b-145m820o0d] {
  display: flex;
  align-items: center;
  padding: 5px 12px;
  width: 100%;
  height: 50px;
  overflow-y: hidden;
  border-bottom: 1px solid #e1e8f2;
}
table-column-value:last-child[b-145m820o0d] {
  border-bottom: none;
}
table-column-value[b-145m820o0d]  .file-preview img {
  max-width: 30px;
  max-height: 30px;
}
table-column-value[b-145m820o0d]  .file-preview i.file-icon {
  font-size: 20px;
}
list-item-property[b-145m820o0d] {
  padding: 3px;
  display: flex;
}
list-item-property.last-edit-by[b-145m820o0d]  span.name,
list-item-property.last-edit-by[b-145m820o0d]  span.email {
  display: none;
}
list-item-property.action-items[b-145m820o0d]  span {
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  padding: 5px;
  pointer-events: none;
  width: 24px;
  height: 24px;
  border-radius: 12px;
  background-color: var(--primary-colour, #2F65E7);
  color: white;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* /Pages/FormResponses/ListPage/FormRecords/FormResponseListItemInputFieldHeader.razor.rz.scp.css */
button[b-5fsv1r2rui] {
  display: flex;
  gap: 5px;
  white-space: nowrap;
}
/* /Pages/FormResponses/ListPage/FormRecords/FormResponseListItems.razor.rz.scp.css */
.form-completed[b-i9gdkgnobf] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.list-item-grid[b-i9gdkgnobf] {
  grid-template-columns: min-content repeat(var(--column-count), 1fr);
}
/* /Pages/FormResponses/ListPage/RecordListItemStatus.razor.rz.scp.css */
summary-for[b-ylg5jq7b0g] {
  display: flex;
  align-items: center;
  gap: 3px;
  font-size: 12px;
  padding: 0 8px;
  height: 26px;
  border-radius: calc(26px / 2);
  font-weight: bold;
}
summary-for.complete[b-ylg5jq7b0g] {
  background-color: var(--success-colour, #33DA82);
  color: white;
}
summary-for.partial[b-ylg5jq7b0g] {
  background-color: color-mix(in srgb, var(--soft-warning-colour, #D38200) 10%, transparent);
  color: var(--soft-warning-colour, #D38200);
}
summary-for.partial i[b-ylg5jq7b0g] {
  color: var(--soft-warning-colour, #D38200);
}
summary-for.incomplete[b-ylg5jq7b0g] {
  background-color: color-mix(in srgb, var(--warning-colour, #F9034C) 5%, transparent);
  color: var(--warning-colour, #F9034C);
}
summary-for.incomplete i[b-ylg5jq7b0g] {
  color: var(--warning-colour, #F9034C);
}
/* /Pages/FormResponses/ListPage/RowItems/CheckboxFieldResponseRowItem.razor.rz.scp.css */
checkbox-field-row-item[b-ks85jvjqmh]  editor-for[breezer-editor-for-checkbox] {
  width: 20px;
  height: 20px;
  font-size: 12px;
}
checkbox-field-row-item[b-ks85jvjqmh]  editor-for[breezer-editor-for-checkbox] input {
  width: 20px;
  height: 20px;
}
/* /Pages/FormResponses/ListPage/RowItems/InputFieldResponseRowItem.razor.rz.scp.css */
input-field-response-row-item[b-yzvuolc1hp] {
  display: flex;
  position: relative;
}
input-field-response-row-item[editable][b-yzvuolc1hp] {
  cursor: pointer;
}
input-field-response-row-item[editable]:hover button.start-edit[b-yzvuolc1hp] {
  color: var(--text-colour, #404040);
}
button[b-yzvuolc1hp] {
  margin-left: 10px;
}
button.start-edit[b-yzvuolc1hp] {
  font-size: 10px;
  color: var(--secondary-text-colour, #404040E6);
}
button.start-edit[b-yzvuolc1hp]::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  content: "\f044";
  margin: 0;
}
button.start-edit:focus[b-yzvuolc1hp] {
  color: var(--text-colour, #404040);
}
button.stop-edit[b-yzvuolc1hp]::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  content: "\f00c";
  margin: 0;
}
inline-editable[b-yzvuolc1hp]  editor-for[type="text-response"] input[type="text"] {
  min-width: unset;
  max-width: 200px;
}
inline-editable[b-yzvuolc1hp] {
  position: relative;
}
/*inline-editable ::deep {
    editor-for[type="signature-response"], editor-for[type="annotated-picture-response"] {
        position: absolute;
        box-shadow: @z-depth-3;
        background-color: white;
        cursor: default;
        padding: 10px;
        z-index: 10;
    }
}*/
/* /Pages/FormResponses/ListPage/UserRecords/UserRecordListPageTitle.razor.rz.scp.css */
user-record-list-page-title[b-ogbvv88ihj] {
  display: flex;
  align-items: center;
  gap: 8px;
}
/* /Pages/Forms/FormListItemActions.razor.rz.scp.css */
.form-list-item-actions[b-93h40nu28b] {
  display: flex;
  align-items: center;
}
/* /Pages/Forms/FormListItemPinToggle.razor.rz.scp.css */
button.pin-toggle[b-wtjlht0dn5] {
  color: var(--secondary-text-colour, #404040E6);
  font-size: 15px;
  padding: 0 10px;
  transition: 0.2s opacity;
}
button.pin-toggle[b-wtjlht0dn5]::before {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 400;
  content: "\f08d";
  margin: 0;
}
button.pin-toggle:hover[b-wtjlht0dn5] {
  opacity: 1;
  color: var(--primary-colour, #2F65E7);
}
button.pin-toggle.pinned[b-wtjlht0dn5] {
  opacity: 1;
  color: var(--primary-colour, #2F65E7);
}
button.pin-toggle.pinned[b-wtjlht0dn5]::before {
  font-weight: 800;
}
button.pin-toggle.pinned:hover[b-wtjlht0dn5] {
  opacity: 0.5;
}
/* /Pages/Generation/EditorForGenerationRule.razor.rz.scp.css */
editor-for[b-jfj13j3yzs] {
  display: flex;
  flex-direction: column;
}
editor-for label[b-jfj13j3yzs] {
  font-size: 18px;
}
editor-for[b-jfj13j3yzs]  .starting {
  max-width: 250px;
}
editor-for .generation-section[b-jfj13j3yzs] {
  margin: 8px 0;
  position: relative;
}
editor-for .generation-section button.rrule-toggle[b-jfj13j3yzs] {
  position: absolute;
  top: 0;
  right: 0;
}
editor-for .generation-section[b-jfj13j3yzs]  editor-for[type="radio-option"]:first-of-type .option-content label::before {
  content: "Form Default";
}
editor-for .generation-section.no-date[b-jfj13j3yzs]  editor-for[type="radio-option"]:first-of-type .option-content label::before {
  content: "None";
}
editor-for .form-due-date[b-jfj13j3yzs] {
  color: var(--secondary-text-colour, #404040E6);
}
editor-for[b-jfj13j3yzs]  .calendar-day .event.form-generate {
  color: #2f65e7;
}
/* /Pages/Generation/GenerationRuleEditDialog.razor.rz.scp.css */
generation-rule-edit-dialog[b-4e13z3gkg7] {
  display: flex;
  flex-direction: column;
}
generation-rule-edit-dialog header[b-4e13z3gkg7] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
generation-rule-edit-dialog .actions[b-4e13z3gkg7]  > button {
  margin-left: 5px;
}
generation-rule-edit-dialog content[b-4e13z3gkg7] {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
generation-rule-edit-dialog content[b-4e13z3gkg7] >  form-field {
  width: 100%;
}
generation-rule-edit-dialog content[b-4e13z3gkg7] >  form-field info-hover {
  width: max-content;
}
generation-rule-edit-dialog .calendar-preview[b-4e13z3gkg7] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
generation-rule-edit-dialog .calendar-preview[b-4e13z3gkg7]  calendar {
  max-width: 400px;
  padding: 25px;
}
generation-rule-edit-dialog .calendar-preview .rrule-summary[b-4e13z3gkg7] {
  display: flex;
  color: var(--primary-colour, #2F65E7);
  margin: 10px 0;
  font-size: 18px;
  max-width: 300px;
}
generation-rule-edit-dialog .calendar-preview.disabled[b-4e13z3gkg7] {
  opacity: 0.5;
  cursor: pointer;
  pointer-events: none;
}
/* /Pages/HealthCheck.razor.rz.scp.css */
content[b-v9blpmdgfj] {
  display: flex;
  flex-direction: column;
  padding: 14px;
  margin: 5px 0;
  background-color: white;
  border-radius: 12px;
  transition: 0.3s;
  width: 100%;
  border: 1px solid var(--border-colour, #40404041);
}
@media print {
  content[b-v9blpmdgfj] {
    display: block !important;
    padding: 0px !important;
    margin: 0px !important;
    border-radius: 0px;
    margin-bottom: 20px;
  }
}
/* /Pages/Home/IndyFormsHome.razor.rz.scp.css */
indyforms-home[b-gsvr9rzt0l] {
  max-width: 1200px;
}
.tenant-forms[b-gsvr9rzt0l] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
}
.tenant-forms tenant-form-template[b-gsvr9rzt0l] {
  display: flex;
  padding: 15px;
  border-radius: 10px;
  box-shadow: 0 2px 2px 0 rgba(64, 64, 64, 0.14), 0 3px 1px -2px rgba(64, 64, 64, 0.12), 0 1px 5px 0 rgba(64, 64, 64, 0.2);
  flex-direction: column;
  background-color: white;
}
.tenant-forms tenant-form-template[b-gsvr9rzt0l]  dropdown dropdown-selected {
  color: var(--text-colour, #404040);
  font-weight: bold;
  font-family: museo-sans;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  padding: 0;
  border: none;
  min-width: unset;
  font-size: 1.5em;
  width: max-content;
  gap: 8px;
}
.tenant-forms tenant-form-template[b-gsvr9rzt0l]  dropdown dropdown-selected:hover {
  border: none;
  color: var(--primary-colour, #2F65E7);
}
.tenant-forms tenant-form-template[b-gsvr9rzt0l]  dropdown dropdown-selected:hover .empty-item,
.tenant-forms tenant-form-template[b-gsvr9rzt0l]  dropdown dropdown-selected:hover dropdown-indicator {
  color: var(--primary-colour, #2F65E7);
}
.tenant-forms tenant-form-template[b-gsvr9rzt0l]  dropdown dropdown-selected .empty-item {
  color: var(--text-colour, #404040);
}
.tenant-forms[b-gsvr9rzt0l]  header button.inline {
  font-size: 18px;
  margin-left: auto;
}
actions button.inline[b-gsvr9rzt0l] {
  display: flex;
  gap: 8px;
}
actions button.inline.show-more[b-gsvr9rzt0l] {
  margin-left: auto;
}
@media only screen and (max-width : 600px) {
  .tenant-forms[b-gsvr9rzt0l] {
    grid-template-columns: 1fr;
  }
}
/* /Pages/Home/IndyFormsHomeLayout.razor.rz.scp.css */
.indyforms-home-layout[b-a5kfldn3z7] {
  height: 100%;
  background-color: white;
  display: grid;
  grid-template-rows: 70px 1fr;
}
header[b-a5kfldn3z7] {
  height: 70px;
  background-color: var(--header-background-colour, #ffffff);
  border-bottom: 1px solid var(--border-colour, #40404041);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 10px;
}
content[b-a5kfldn3z7] {
  overflow-y: auto;
}
/* /Pages/Home/IndyFormsHomeOrganisationList.razor.rz.scp.css */
ul[b-4nu1mhnw3u] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
  padding-left: unset;
  border-radius: 15px;
}
li[b-4nu1mhnw3u] {
  transition: 0.2s;
  display: flex;
  height: 96px;
  justify-content: center;
  background-color: var(--primary-colour, #2F65E7);
  border-radius: 5px;
  box-shadow: 0 4px 5px 0 rgba(64, 64, 64, 0.14), 0 1px 10px 0 rgba(64, 64, 64, 0.12), 0 2px 4px -1px rgba(64, 64, 64, 0.3);
  position: relative;
  color: white;
}
li:nth-of-type(odd)[b-4nu1mhnw3u] {
  background-image: linear-gradient(55deg, hsl(222deg 79% 55%) 0%, hsl(224deg 79% 57%) 5%, hsl(225deg 79% 59%) 10%, hsl(226deg 79% 61%) 16%, hsl(227deg 80% 63%) 21%, hsl(227deg 80% 65%) 26%, hsl(228deg 80% 67%) 31%, hsl(228deg 80% 68%) 36%, hsl(229deg 81% 70%) 41%, hsl(229deg 81% 72%) 46%, hsl(229deg 82% 73%) 52%, hsl(230deg 82% 74%) 57%, hsl(230deg 83% 76%) 62%, hsl(230deg 83% 77%) 67%, hsl(230deg 84% 79%) 72%, hsl(230deg 84% 80%) 78%, hsl(230deg 85% 81%) 83%, hsl(230deg 85% 83%) 89%, hsl(231deg 86% 84%) 94%, hsl(231deg 86% 85%) 100%);
}
li:nth-of-type(even)[b-4nu1mhnw3u] {
  background-image: linear-gradient(55deg, hsl(222deg 79% 55%) 0%, hsl(212deg 100% 48%) 5%, hsl(211deg 100% 50%) 10%, hsl(208deg 100% 50%) 16%, hsl(206deg 100% 50%) 21%, hsl(204deg 100% 50%) 26%, hsl(202deg 100% 50%) 31%, hsl(200deg 100% 50%) 36%, hsl(198deg 100% 50%) 41%, hsl(196deg 100% 50%) 46%, hsl(192deg 100% 48%) 52%, hsl(188deg 100% 46%) 57%, hsl(184deg 100% 43%) 62%, hsl(178deg 100% 42%) 67%, hsl(172deg 100% 43%) 72%, hsl(167deg 100% 44%) 78%, hsl(162deg 100% 45%) 83%, hsl(157deg 100% 46%) 89%, hsl(152deg 100% 47%) 94%, hsl(137deg 87% 59%) 100%);
}
li:hover[b-4nu1mhnw3u] {
  box-shadow: 0 8px 17px 2px rgba(64, 64, 64, 0.14), 0 3px 14px 2px rgba(64, 64, 64, 0.12), 0 5px 5px -3px rgba(64, 64, 64, 0.2);
}
li.create-new[b-4nu1mhnw3u] {
  background-image: unset;
  background-color: white;
  color: color-mix(in srgb, var(--text-colour, #404040) 80%, transparent);
}
li.create-new a[b-4nu1mhnw3u] {
  display: flex;
  justify-content: center;
  align-items: center;
}
a[b-4nu1mhnw3u] {
  width: 100%;
  height: 100%;
  color: inherit;
  padding: 15px;
  font-weight: bold;
}
a > i[b-4nu1mhnw3u] {
  position: absolute;
  bottom: 7px;
  right: 7px;
  font-size: 17px;
}
label[b-4nu1mhnw3u] {
  cursor: pointer;
}
@media only screen and (max-width : 1400px) {
  ul[b-4nu1mhnw3u] {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width : 600px) {
  ul[b-4nu1mhnw3u] {
    grid-template-columns: repeat(2, 1fr);
  }
}
/* /Pages/Home/TenantContent.razor.rz.scp.css */
tenant-content[b-wa4mz2ul6u] {
  display: flex;
  flex-direction: column;
  background-color: white;
  box-shadow: 0 2px 2px 0 rgba(64, 64, 64, 0.14), 0 3px 1px -2px rgba(64, 64, 64, 0.12), 0 1px 5px 0 rgba(64, 64, 64, 0.2);
  border-radius: 10px;
}
tenant-content > *[b-wa4mz2ul6u] {
  padding: 15px;
}
header[b-wa4mz2ul6u] {
  display: flex;
  gap: 8px;
  justify-content: left;
  align-items: center;
}
a[b-wa4mz2ul6u] {
  font-size: 18px;
  color: var(--primary-colour, #2F65E7);
  padding: 10px;
}
content[b-wa4mz2ul6u] {
  display: flex;
  flex-direction: column;
}
/* /Pages/Home/TenantForms/CopyFormModal.razor.rz.scp.css */
copy-form-modal[b-05lc4jywo4] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
copy-form-modal[b-05lc4jywo4]  > button {
  margin-left: auto;
}
.setup[b-05lc4jywo4] {
  margin: 20px 0;
  display: grid;
  grid-template-columns: 1fr 60px 1fr;
  gap: 10px;
}
.setup .source[b-05lc4jywo4] {
  display: grid;
  gap: 10px;
  overflow-y: scroll;
  scrollbar-gutter: stable;
  max-height: 400px;
}
@media only screen and (max-width : 600px) {
  .setup .source[b-05lc4jywo4] {
    max-height: unset;
  }
}
.setup .details[b-05lc4jywo4] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 10px;
  gap: 5px;
  border: 1px solid var(--border-colour, #40404041);
  border-radius: 10px;
}
.setup .details .source-tenant[b-05lc4jywo4] {
  font-size: 18px;
  font-weight: bold;
}
.setup .details.destination[b-05lc4jywo4] {
  display: block;
  align-self: center;
}
.setup .copy-to[b-05lc4jywo4] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  font-size: 18px;
  color: var(--primary-colour, #2F65E7);
}
@media only screen and (max-width : 600px) {
  .setup[b-05lc4jywo4] {
    display: flex;
    flex-direction: column;
  }
  .setup > *[b-05lc4jywo4] {
    width: 100%;
  }
}
/* /Pages/Home/TenantForms/IndyFormsHomeTenantFormList.razor.rz.scp.css */
.actions[b-a0qglmkid9] {
  margin-bottom: 20px;
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 1fr auto auto;
  grid-gap: 10px;
}
.actions[b-a0qglmkid9]  editor-for[type='enum'] {
  margin: 0;
}
[b-a0qglmkid9] tenant-content > content {
  padding-top: unset;
}
@media only screen and (max-width : 600px) {
  .actions[b-a0qglmkid9] {
    grid-template-columns: auto auto;
    grid-template-rows: auto auto;
    gap: 10px;
  }
  .actions[b-a0qglmkid9]  div.search {
    grid-column: -1;
  }
}
/* /Pages/Home/TenantForms/IndyFormsHomeTenantFormListItems.razor.rz.scp.css */
list-items[b-w58zq7dw7v] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.tenant-form-summary[b-w58zq7dw7v] {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: bold;
  padding: 10px;
  border: 1px solid var(--border-colour, #40404041);
  border-radius: 10px;
}
.tenant-form-summary:hover[b-w58zq7dw7v] {
  border-color: var(--primary-colour, #2F65E7);
}
.tenant-form-summary[b-w58zq7dw7v]  :last-child {
  margin-left: auto;
}
[b-w58zq7dw7v] button.copy-design {
  font-weight: bold;
  padding: 5px;
}
/* /Pages/IndyFormsUsers/DisplayPage/IndyFormsUserDisplayPage.razor.rz.scp.css */
content[b-tx6jf6s0f1] {
  background-color: white;
  padding: 15px;
  border: 1px solid var(--border-colour, #40404041);
  border-radius: 10px;
}
/* /Pages/IndyFormsUsers/ListPage/ListItemUserName.razor.rz.scp.css */
summary-for[b-2zw9hlt2cb] {
  display: flex;
  gap: 5px;
}
summary-for.support[b-2zw9hlt2cb] {
  font-weight: bold;
  color: var(--primary-colour, #2F65E7);
}
/* /Pages/IndyFormsUsers/UserRoleEditor.razor.rz.scp.css */
user-role-editor[b-nqq7wk4k5n] {
  display: flex;
  flex-direction: column;
}
header[b-nqq7wk4k5n] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
[b-nqq7wk4k5n] .roles[breezer-editor-for-application-role-select] {
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: start;
}
[b-nqq7wk4k5n] editor-for[breezer-editor-for-application-role-select] {
  grid-template-columns: 50% 50%;
}
p[b-nqq7wk4k5n] {
  margin-top: 0;
  color: var(--secondary-text-colour, #404040E6);
}
.actions[b-nqq7wk4k5n]  button {
  margin-left: 6px;
}
/* /Pages/Market/Marketplace.razor.rz.scp.css */
/* /Pages/Market/MarketplaceFilter.razor.rz.scp.css */
@media only screen and (max-width : 600px) {
}marketplace-filter[b-skb5jcrgil] {
  display: flex;
  gap: 8px;
  margin-bottom: 25px;
  flex-direction: column;
}
marketplace-filter[b-skb5jcrgil]  .search:not(.expanded) input {
  width: 231px;
  opacity: 1;
}
@media only screen and (max-width : 600px) {
  marketplace-filter[b-skb5jcrgil] {
    flex-direction: column;
  }
}
.tags[b-skb5jcrgil] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.tags .tag-option[b-skb5jcrgil] {
  padding: 5px;
  transition: 0.3s;
}
.tags .tag-option:not(.selected)[b-skb5jcrgil] {
  opacity: 0.3;
}
.tags .tag-option:hover[b-skb5jcrgil] {
  opacity: 1;
}
.tags .tag-option:hover[b-skb5jcrgil]  > * {
  box-shadow: 0 2px 2px 0 rgba(64, 64, 64, 0.14), 0 3px 1px -2px rgba(64, 64, 64, 0.12), 0 1px 5px 0 rgba(64, 64, 64, 0.2);
}
.tags .tag-option[b-skb5jcrgil]  > * {
  cursor: pointer;
  user-select: none;
}
.tags .tag-option.selected[b-skb5jcrgil]  summary-for[breezer-summary-for-tag] > span {
  margin-right: 10px;
}
.tags .tag-option.selected[b-skb5jcrgil]  summary-for[breezer-summary-for-tag]::after {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 600;
  content: "\f057";
}
/* /Pages/Market/MarketplaceListItems.razor.rz.scp.css */
.templates[b-droboka3lf] {
  background-color: white;
  border-radius: 10px;
  border: 1px solid var(--border-colour, #40404041);
  padding: 25px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 25px;
}
.templates list-items-no-data[b-droboka3lf] {
  flex-direction: column;
}
/* /Pages/Market/MarketplaceTemplateModal.razor.rz.scp.css */
form-preview-modal[b-xbtjlp0jnu] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  max-height: calc(90vh - 80px);
}
@media only screen and (max-width : 600px) {
  form-preview-modal[b-xbtjlp0jnu] {
    margin-bottom: 2em;
  }
}
.preview[b-xbtjlp0jnu] {
  width: 100%;
  max-width: 800px;
  background-color: var(--background-colour, #FBFBFB);
  border: 5px solid var(--background-colour, #FBFBFB);
  padding: 80px;
  height: 800px;
  overflow: auto;
}
@media only screen and (max-width : 1400px) {
  .preview[b-xbtjlp0jnu] {
    padding: 50px;
  }
}
@media only screen and (max-width : 600px) {
  .preview[b-xbtjlp0jnu] {
    width: 100%;
    padding: 5px;
    height: 600px;
  }
}
.title-and-tags[b-xbtjlp0jnu] {
  display: flex;
  gap: 15px;
  align-items: center;
  flex-wrap: wrap;
}
.description[b-xbtjlp0jnu] {
  max-width: 800px;
}
/* /Pages/Market/MarketplaceTemplateThumbnail.razor.rz.scp.css */
form-template-thumbnail[b-vnsovqgail] {
  display: block;
  position: relative;
}
[b-vnsovqgail] .popup-control {
  position: absolute;
  z-index: 100;
  right: 0;
}
[b-vnsovqgail] .popup-control .popup-trigger {
  padding: 5px;
  cursor: pointer;
  transition: 0.3s;
}
[b-vnsovqgail] .popup-control .popup-trigger:hover {
  color: var(--primary-colour, #2F65E7);
}
[b-vnsovqgail] .popup-control .actions {
  background-color: white;
  border-radius: 10px;
  box-shadow: 0 3px 3px 0 rgba(64, 64, 64, 0.14), 0 1px 7px 0 rgba(64, 64, 64, 0.12), 0 3px 1px -1px rgba(64, 64, 64, 0.2);
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 13px;
  border: 1px solid var(--border-colour, #40404041);
}
[b-vnsovqgail] .popup-control .actions button {
  word-wrap: anywhere;
  color: var(--text-colour, #404040);
  font-size: 16px;
  padding: 5px 0;
  border-radius: 3px;
  transition: 0.2s;
  text-align: start;
  cursor: pointer;
}
[b-vnsovqgail] .popup-control .actions button:hover {
  color: var(--primary-colour, #2F65E7);
}
[b-vnsovqgail] .thumbnail .preview {
  position: absolute;
  padding-left: 20px;
  padding-right: 20px;
  transform: translateY(0);
  top: 25px;
}
[b-vnsovqgail] .thumbnail .preview img {
  border-radius: 5px;
  max-width: 100%;
}
[b-vnsovqgail] .thumbnail:not(:hover) .preview {
  animation: scroll-in-b-vnsovqgail ease-in-out 1s forwards;
}
[b-vnsovqgail] .thumbnail:hover .preview {
  animation: scroll-out-b-vnsovqgail ease-in-out 1s forwards;
}
i.view-icon[b-vnsovqgail] {
  opacity: 0;
  font-size: 30px;
  z-index: 5;
  transition: 0.3s;
}
[b-vnsovqgail] .thumbnail:hover i {
  opacity: 0.8;
}
@keyframes scroll-out-b-vnsovqgail {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(calc(-100% + 170px - 30px));
  }
}
@keyframes scroll-in-b-vnsovqgail {
  0% {
    transform: translateY(calc(-100% + 170px - 30px));
  }
  100% {
    transform: translateY(0);
  }
}
.free-indicator[b-vnsovqgail] {
  position: absolute;
  background-color: var(--success-colour, #33DA82);
  color: white;
  line-height: 20px;
  padding: 0 20px;
  border-radius: 10px;
  bottom: 5px;
  z-index: 5;
  font-weight: bold;
}
/* /Pages/Merchant/MerchantPageLayout.razor.rz.scp.css */
.merchant-status-container[b-7qcnzjiyht] {
  display: flex;
  align-items: center;
  gap: 8px;
}
/* /Pages/Merchant/MerchantSetupModal.razor.rz.scp.css */
div.stripe-account-container[b-kjar7m2k8a] {
  max-height: 80vh;
}
/* /Pages/Merchant/MerchantSetupStatus.razor.rz.scp.css */
div[b-q3ob5q58sj] {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}
span.status-text[b-q3ob5q58sj] {
  display: inline-block;
  padding: 8px;
  background-color: color-mix(in srgb, var(--text-colour, #404040) 5%, transparent);
  color: var(--secondary-text-colour, #1D4177E6);
  max-width: 70vw;
  border: 1px solid var(--border-colour, #40404041);
  border-radius: 8px;
  padding: 8px 10px;
}
a.button[b-q3ob5q58sj] {
  white-space: nowrap;
}
/* /Pages/Profile/AccessTokens.razor.rz.scp.css */
token-page[b-606clcbny0]  form-field > button.primary {
  width: max-content;
  margin-top: 15px;
  margin-left: auto;
}
/* /Pages/Profile/ProfileDetails.razor.rz.scp.css */
profile-page[b-krj49ym0d5] {
  max-width: 800px;
}
profile-page .actions[b-krj49ym0d5] {
  width: max-content;
  margin-left: auto;
}
profile-page .actions .unsaved-changes[b-krj49ym0d5] {
  margin: 0 12px;
  color: var(--soft-warning-colour, #D38200);
  font-weight: bold;
  font-size: 14px;
}
profile-content[b-krj49ym0d5] {
  align-items: flex-start;
}
profile-content[b-krj49ym0d5]  avatar {
  width: 100px;
  height: 100px;
  font-size: 40px;
  margin: 15px 0;
}
@media only screen and (max-width : 600px) {
  profile-content[b-krj49ym0d5]  avatar span {
    font-size: 40px;
  }
}
profile-content .groups[b-krj49ym0d5] {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}
profile-content .groups .group[b-krj49ym0d5] {
  padding: 5px 7px;
  border-radius: 5px;
  border: 1px solid var(--primary-colour, #2F65E7);
  color: var(--primary-colour, #2F65E7);
}
/* /Pages/Profile/ProfilePageLayout.razor.rz.scp.css */
profile-page-layout[b-2okju2fees]  tabbed-layout > * {
  max-width: 800px;
}
/* /Pages/SavingIndicator.razor.rz.scp.css */
.saving-indicator[b-cwi47z4830] {
  opacity: 1;
  transition: opacity 0.5s ease, background 0.2s ease;
  color: var(--text-colour, #404040);
  color: white;
  background: var(--success-colour, #33DA82);
  border-radius: calc(26px / 2);
  font-weight: bold;
  margin: 0 5px;
  height: 26px;
  font-size: 12px;
  display: flex;
  align-items: center;
  padding: 0 10px;
}
.saving-indicator[data-state="saving"][b-cwi47z4830] {
  transition: none;
  background: var(--primary-colour, #2F65E7);
}
.saving-indicator[data-state="not-saving"][b-cwi47z4830] {
  opacity: 0;
}
/* /Pages/Tags/EditorForTag.razor.rz.scp.css */
[b-sdcgfrca2p] colour-picker {
  gap: 5px;
}
[b-sdcgfrca2p] colour-picker button.colour {
  width: 40px;
  height: 40px;
  border: 2px solid white;
}
[b-sdcgfrca2p] colour-picker button.colour:hover {
  border: 2px solid var(--text-colour, #404040);
  box-shadow: unset;
  opacity: 1;
}
[b-sdcgfrca2p] colour-picker button.colour.selected {
  box-shadow: unset;
  border: 2px solid var(--text-colour, #404040);
}
/* /Pages/Tags/ListItemTagName.razor.rz.scp.css */
summary-for[b-ydhqcm29ep] {
  background-color: orange;
  padding: 5px 10px;
  border-radius: 15px;
  display: flex;
  align-items: center;
  width: min-content;
}
summary-for span[b-ydhqcm29ep] {
  white-space: nowrap;
  font-size: 12px;
}
/* /Pages/ToDo.razor.rz.scp.css */
.to-do-list[b-ddd4lmpa24] {
  padding-top: 5px;
}
/* /Pages/Trash/Trash.razor.rz.scp.css */
content[b-y76hhjk9zv] {
  display: flex;
  flex-direction: column;
  background-color: white;
  border-radius: 10px;
  padding: 15px;
}
/* /Pages/Trash/TrashDeleteConfirmDialog.razor.rz.scp.css */
trash-delete-confirm-dialog[b-piaj6dscaj] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
span[b-piaj6dscaj] {
  margin: 5px 0;
}
span.message[b-piaj6dscaj] {
  margin: 5px 0 10px;
}
span.type-to-confirm[b-piaj6dscaj] {
  font-weight: 900;
  font-size: 20px;
  margin: 5px;
}
span.enter-following[b-piaj6dscaj] {
  color: grey;
}
input[b-piaj6dscaj] {
  width: 100%;
  margin: 20px;
}