/* /Components/AssessmentSnapshots/AssessmentSnapshotBarDisplay.razor.rz.scp.css */
harm-score h4[b-d3nvhwf9hx],
benefit-score h4[b-d3nvhwf9hx] {
  text-align: center;
  font-size: 14px;
  font-weight: 700;
}
harm-score tag[b-d3nvhwf9hx],
benefit-score tag[b-d3nvhwf9hx] {
  margin-left: 10px;
}
snapshot-overview labels[b-d3nvhwf9hx] {
  display: grid;
  grid-template-columns: repeat(5, 1fr) 2px repeat(5, 1fr);
  font-size: 12px;
  margin: 10px 0;
}
snapshot-overview labels number[b-d3nvhwf9hx] {
  position: relative;
  color: #6e7c8b;
}
snapshot-overview labels label[b-d3nvhwf9hx] {
  position: relative;
  text-align: center;
  color: var(--brand-dark-blue);
  text-transform: uppercase;
}
snapshot-overview labels zero-label number[b-d3nvhwf9hx] {
  left: -2px;
}
snapshot-overview labels harm-label[b-d3nvhwf9hx] {
  display: grid;
  grid-template-columns: auto 1fr;
}
snapshot-overview labels harm-label label[b-d3nvhwf9hx],
snapshot-overview labels harm-label number[b-d3nvhwf9hx] {
  left: -7px;
}
snapshot-overview labels benefit-label[b-d3nvhwf9hx] {
  display: grid;
  grid-template-columns: 1fr auto;
}
snapshot-overview labels benefit-label label[b-d3nvhwf9hx],
snapshot-overview labels benefit-label number[b-d3nvhwf9hx] {
  right: -7px;
}
snapshot-overview snapshot-overview-bar[b-d3nvhwf9hx] {
  display: grid;
  grid-template-columns: 1fr 2px 1fr;
  height: 48px;
  position: relative;
  background-color: #E8E9EB;
}
snapshot-overview snapshot-overview-bar zero[b-d3nvhwf9hx] {
  position: relative;
  background-color: #0b2a4c;
}
snapshot-overview snapshot-overview-bar zero[b-d3nvhwf9hx]::before {
  content: "";
  position: absolute;
  background-color: #0b2a4c;
  height: 10px;
  top: -6px;
  width: 2px;
}
snapshot-overview snapshot-overview-bar harm[b-d3nvhwf9hx] {
  display: grid;
  position: relative;
  width: 100%;
}
snapshot-overview snapshot-overview-bar harm bar[b-d3nvhwf9hx] {
  mask: linear-gradient(#fff 0 0);
  justify-self: end;
}
snapshot-overview snapshot-overview-bar harm bar[b-d3nvhwf9hx]::before {
  content: "";
  position: absolute;
  background-image: linear-gradient(to left, var(--harm-color-very-low), var(--harm-color-very-low) 20%, var(--harm-color-low) 20% 40%, var(--harm-color-moderate) 40% 60%, var(--harm-color-high) 60% 80%, var(--harm-color-very-high) 80% 100%);
  inset: 0;
}
snapshot-overview snapshot-overview-bar benefit[b-d3nvhwf9hx] {
  display: grid;
  position: relative;
  width: 100%;
}
snapshot-overview snapshot-overview-bar benefit bar[b-d3nvhwf9hx] {
  mask: linear-gradient(#fff 0 0);
}
snapshot-overview snapshot-overview-bar benefit bar[b-d3nvhwf9hx]::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(to right, var(--benefit-color-very-low), var(--benefit-color-very-low) 20%, var(--benefit-color-low) 20% 40%, var(--benefit-color-moderate) 40% 60%, var(--benefit-color-high) 60% 80%, var(--benefit-color-very-high) 80% 100%);
}
snapshot-overview scores[b-d3nvhwf9hx] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-items: center;
}
/* /Components/AuditHistory/AuditHistory.razor.rz.scp.css */
audit-history-list[b-3pvw6adslf] {
  display: block;
  max-height: 500px;
  width: 600px;
  max-width: 600px;
  overflow-y: scroll;
}
audit-history-list date-group[b-3pvw6adslf] {
  display: block;
}
audit-history-list date-group audit-history-items[b-3pvw6adslf] {
  padding: 0 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
audit-history-list date-group[b-3pvw6adslf]  audit-history-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
audit-history-list date-group[b-3pvw6adslf]  audit-history-item audit-content {
  display: contents;
}
/* /Components/Common/RiskListItemActions.razor.rz.scp.css */
risk-list-item-actions[b-1b99cexsui] {
  margin: 10px;
  cursor: pointer;
}
risk-list-item-actions[b-1b99cexsui]  .popup-trigger i {
  padding: 10px;
  color: #0b2a4c;
  opacity: 0.38;
  transition: opacity 1s;
}
risk-list-item-actions[b-1b99cexsui]  .popup-trigger i:hover {
  opacity: 1;
}
risk-list-item-actions[b-1b99cexsui]  action-container {
  background-color: #fff;
  box-shadow: 0 2px 4px -1px #0003, 0 4px 5px #00000024, 0 1px 10px #0000001f;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  padding: 8px 0;
}
risk-list-item-actions[b-1b99cexsui]  action-container button {
  text-transform: capitalize;
  background-color: transparent;
  padding: 4px 32px 4px 16px;
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  color: #000000de;
  height: 32px;
}
risk-list-item-actions[b-1b99cexsui]  action-container button[disabled] {
  opacity: 0.4;
}
risk-list-item-actions[b-1b99cexsui]  action-container button > i {
  color: #0000008a;
}
risk-list-item-actions[b-1b99cexsui]  action-container button.delete {
  background-color: transparent;
  color: #ad3a2d;
}
risk-list-item-actions[b-1b99cexsui]  action-container button.delete > i {
  color: #ad3a2d;
}
risk-list-item-actions[b-1b99cexsui]  action-container button:hover {
  background: #0000000a;
}
/* /Components/Common/RiskRegisterActionButton.razor.rz.scp.css */
/* /Components/Common/SummaryForBoolOnList.razor.rz.scp.css */
summary-for[b-ggzjrkyhyn] {
  position: relative;
  width: 30px;
  height: 30px;
  z-index: 2;
  padding: 0;
  margin: 0;
  cursor: inherit;
  border: 1px solid rgba(0, 168, 184, 0.5);
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
}
summary-for[checked][b-ggzjrkyhyn] {
  background-color: rgba(0, 168, 184, 0.3);
}
summary-for input[b-ggzjrkyhyn] {
  position: absolute;
  opacity: 0;
  cursor: inherit;
}
summary-for[checked][b-ggzjrkyhyn]::before {
  font-family: "Font Awesome 6 Pro";
  color: #00a8b8;
  content: "\f00c";
  font-weight: 600;
}
/* /Components/Common/SummaryForRiskScore.razor.rz.scp.css */
.risk-block[b-y9il965yud] {
  padding: 5px 10px;
  border-radius: 5px;
}
/* /Components/ControlMeasureActions/DisplayForControlMeasureAction.razor.rz.scp.css */
/* /Components/ControlMeasureActions/EditorForControlMeasureAction.razor.rz.scp.css */
/* /Components/ControlMeasureReviews/ControlMeasureReviewListItems.razor.rz.scp.css */
list-items[b-is8jwco6ot]  list-item-card {
  display: grid;
  gap: 15px;
  border: 1px solid #E8E9EB;
  padding: 10px;
  border-radius: 8px;
  margin-bottom: 10px;
  grid-template-columns: 1fr 40px;
}
list-items[b-is8jwco6ot]  list-item-card:hover {
  cursor: pointer;
}
list-items[b-is8jwco6ot]  list-item-card > h3 {
  margin: 5px;
}
list-items[b-is8jwco6ot]  list-item-card next-review-date label {
  font-weight: 600;
}
list-items[b-is8jwco6ot]  list-item-card list-item-actions {
  grid-column: 2 / span 1;
}
/* /Components/ControlMeasures/ActiveControlMeasureListItems.razor.rz.scp.css */
/* /Components/ControlMeasures/DisplayForControlMeasure.razor.rz.scp.css */
display-for[b-9dqg7zw3bq] {
  /*.sub-section {
        padding: 20px;
        margin-top: 20px;
        background-color: @background-color;
        border-radius: 8px;
        
        h2 {
            margin-top: 0;
        }
    }*/
}
/* /Components/ControlMeasures/LibraryControlMeasureListItems.razor.rz.scp.css */
/* /Components/ControlMeasureTemplateActions/DisplayForControlMeasureActionTemplate.razor.rz.scp.css */
/* /Components/ControlMeasureTemplateActions/EditorForControlMeasureActionTemplate.razor.rz.scp.css */
/* /Components/ControlMeasureTemplates/DisplayForControlMeasureTemplate.razor.rz.scp.css */
/* /Components/ControlMeasureTemplates/EditorForControlMeasureTemplate.razor.rz.scp.css */
/* /Components/HazardRisks/DisplayForHazardRisk.razor.rz.scp.css */
display-for-hazard-risk[b-vndbv6l4dj] {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  gap: 38px;
  padding: 16px;
  border-radius: 20px;
}
display-for-hazard-risk card-title h3[b-vndbv6l4dj] {
  color: var(--brand-dark-blue);
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  line-height: 21px;
  min-height: 21px;
  margin: 0;
}
display-for-hazard-risk current-assessment:hover[b-vndbv6l4dj] {
  cursor: pointer;
}
display-for-hazard-risk current-assessment current-assessment-content[b-vndbv6l4dj] {
  display: flex;
  flex-direction: column;
}
display-for-hazard-risk hazard-tiles[b-vndbv6l4dj] {
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-flow: row;
}
display-for-hazard-risk tile-title[b-vndbv6l4dj] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
display-for-hazard-risk actions-call-to-action view-actions[b-vndbv6l4dj] {
  display: flex;
  align-items: center;
  justify-content: center;
}
display-for-hazard-risk control-measures[b-vndbv6l4dj]  list-items list-item:hover {
  cursor: pointer;
}
/* /Components/LinkedResources/DisplayForLinkedResourceList.razor.rz.scp.css */
/* /Components/LinkedResources/DisplayForLinkedResourceListItem.razor.rz.scp.css */
linked-resource-list-item[b-sltrng7uj8] {
  display: flex;
  flex-flow: row nowrap;
  border-bottom: 1px solid #E8E9EB;
}
linked-resource-list-item display-for-linked-resource[b-sltrng7uj8] {
  flex: 1 auto;
  display: flex;
  margin: 5px 0;
}
linked-resource-list-item display-for-linked-resource[b-sltrng7uj8]  form-field[breezer-form-field] {
  margin: 10px 0;
  flex: 1;
}
/* /Components/LinkedResources/EditorForLinkedResourceList.razor.rz.scp.css */
linked-resource-list list-actions[b-9v2ne0c0at] {
  display: block;
  margin: 10px 0;
}
/* /Components/LinkedResources/EditorForLinkedResourceListItem.razor.rz.scp.css */
linked-resource-list-item[b-r5ncj05grv] {
  display: flex;
  flex-flow: row nowrap;
  border-bottom: 1px solid #E8E9EB;
}
linked-resource-list-item editor-for-linked-resource[b-r5ncj05grv] {
  display: flex;
  flex: 1;
  gap: 20px;
  margin: 5px 0;
}
linked-resource-list-item editor-for-linked-resource[b-r5ncj05grv]  form-field[breezer-form-field] {
  margin: 12px 0;
  flex: 1 auto;
}
/* /Components/RiskAssessments/DisplayForRiskAssessment.razor.rz.scp.css */
/* /Components/RiskAssessments/DisplayForRiskMatrixDisplayModel.razor.rz.scp.css */
risk-matrix[b-jpeyhlsdk3] {
  display: inline-grid;
  grid-template-columns: repeat(6, 1fr);
}
risk-matrix > div[b-jpeyhlsdk3],
risk-matrix > div > div[b-jpeyhlsdk3] {
  align-content: center;
  text-align: center;
}
risk-matrix .zero-zero-grid > div[b-jpeyhlsdk3] {
  border-radius: 20px;
  padding: 5px 15px;
  max-width: 150px;
  text-align: center;
}
risk-matrix div[selected][b-jpeyhlsdk3] {
  border: solid 3px black;
}
/* /Components/RiskAssessments/DisplayForRiskMatrixSummaryModel.razor.rz.scp.css */
.risk-block[b-qux6gg868x] {
  border-radius: 20px;
  padding: 5px 15px;
  max-width: 150px;
  text-align: center;
}
/* /Components/RiskAssessments/DisplayForWorkFactorRiskSummaryModel.razor.rz.scp.css */
/* /Components/RiskAssessments/EditorForRiskAssessment.razor.rz.scp.css */
/* /Components/RiskAssessments/EditorForRiskMatrix.razor.rz.scp.css */
editor-for-risk-matrix[b-kqkopzod8k] {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}
editor-for-risk-matrix > div[b-kqkopzod8k],
editor-for-risk-matrix > div > div[b-kqkopzod8k] {
  align-content: center;
  text-align: center;
}
editor-for-risk-matrix .zero-zero-grid > div[b-kqkopzod8k] {
  border-radius: 20px;
  padding: 5px 15px;
  max-width: 150px;
  text-align: center;
}
editor-for-risk-matrix div[selected][b-kqkopzod8k] {
  border: solid 3px black;
}
/* /Components/RiskAssessments/SummaryForRiskMatrix.razor.rz.scp.css */
div.risk-block[b-jt1y6gdy5a] {
  border-radius: 20px;
  padding: 5px 15px;
  max-width: 150px;
  text-align: center;
}
/* /Components/Tabs/TabControl.razor.rz.scp.css */
tab-control[b-nmde5w36om] {
  display: block;
}
tab-control header-image[b-nmde5w36om] {
  width: 100%;
}
tab-control header-image img[b-nmde5w36om] {
  width: 100%;
}
tab-control tab-options[b-nmde5w36om] {
  display: flex;
  flex-flow: row nowrap;
  column-gap: 20px;
  border-bottom: 1px solid #E8E9EB;
  margin-bottom: 20px;
}
tab-control tab-options action[b-nmde5w36om] {
  cursor: pointer;
  padding: 8px 16px 8px 16px;
  text-align: center;
  color: #6e7c8b;
}
tab-control tab-options action.selected[b-nmde5w36om] {
  border-bottom: 2px solid #00a8b8;
  color: #0b2a4c;
}
tab-control tab-options action.selected i[b-nmde5w36om] {
  color: #00a8b8;
}
tab-control[b-nmde5w36om]  dropdown.page-select {
  display: none;
}
tab-control[b-nmde5w36om]  dropdown.page-select dropdown-options {
  min-width: 137px;
}
tab-control[b-nmde5w36om]  dropdown.page-select dropdown-options action {
  padding: 7px;
  cursor: pointer;
  font-size: 14px;
  transition: all 0.1s;
}
tab-control[b-nmde5w36om]  dropdown.page-select dropdown-options action:hover,
tab-control[b-nmde5w36om]  dropdown.page-select dropdown-options action[selected] {
  background-color: #A7D8BA26;
}
/* /Components/Users/EditorForRiskRegisterUser.razor.rz.scp.css */
/* /Layout/RiskRegisterLayout.razor.rz.scp.css */
div.app-layout[b-8uosj4x501] {
  display: grid;
  grid-template-columns: 300px 1fr;
  width: 100%;
  margin: 0 auto;
  height: 100vh;
}
div.app-layout aside[b-8uosj4x501] {
  display: grid;
  grid-template-rows: 150px 1fr;
  background-color: #00a8b8;
  color: #fff;
}
div.app-layout aside logo-container[b-8uosj4x501] {
  align-self: center;
  justify-self: center;
}
div.app-layout aside logo-container img[b-8uosj4x501] {
  max-height: 100px;
  background-color: #fff;
  border-radius: 50px;
}
div.app-layout body-content[b-8uosj4x501] {
  display: flex;
  flex-flow: column nowrap;
  overflow-y: auto;
}
div.app-layout body-content header[b-8uosj4x501] {
  display: flex;
  justify-content: flex-end;
  min-height: 64px;
  align-items: center;
  background-color: #FFF;
}
div.app-layout body-content main[b-8uosj4x501] {
  background-color: #f4f6fa;
  padding: 10px;
}
div.app-layout body-content main[b-8uosj4x501]  > * > header {
  display: flex;
  justify-content: space-between;
  margin: 36px 0;
}
div.app-layout body-content main[b-8uosj4x501]  > * > header h1 {
  font-size: 28px;
  font-weight: 500;
}
/* /Layout/RiskRegisterMenu.razor.rz.scp.css */
risk-register-menu[b-rkm7pwl35z]  .mdc-list-item--selected,
risk-register-menu[b-rkm7pwl35z]  .mdc-list-item--activated {
  color: #FFF;
  background-color: color-mix(in srgb, #00a8b8, #000 20%);
}
/* /Pages/ActionTracker.razor.rz.scp.css */
/*
    Scoped component css

    Nothing magical here for anyone familiar with Blazor, but for newcomers, this stylesheet will be emitted in a bundle, and modified so
    it just targets html elements in the Index page.
*/
/* /Pages/AddEntry.razor.rz.scp.css */
breezer-page[b-ac6but0o84] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
breezer-page > header[b-ac6but0o84] {
  max-width: var(--max-page-width);
  width: var(--max-page-width);
}
section[b-ac6but0o84] {
  max-width: var(--max-page-width);
  width: var(--max-page-width);
  margin-bottom: 20px;
  display: block;
  background-color: #FFF;
  border-radius: 8px;
  border: 1px solid #EDEDED;
  padding: 16px;
}
section.scenario[b-ac6but0o84]  form-field.control-measure,
section.actions[b-ac6but0o84]  form-field.control-measure {
  visibility: hidden;
}
/* /Pages/ControlMeasureModules.razor.rz.scp.css */
/*
    Scoped component css

    Nothing magical here for anyone familiar with Blazor, but for newcomers, this stylesheet will be emitted in a bundle, and modified so
    it just targets html elements in the Index page.
*/
h3[b-fb6ergukna] {
  color: darkolivegreen;
}
/* /Pages/ControlsLibraryPage.razor.rz.scp.css */
breezer-page[b-gmbqx2e6jn]  tab-control {
  grid-area: content;
}
div.control-list[b-gmbqx2e6jn] {
  margin-bottom: 10px;
}
/* /Pages/HazardControls.razor.rz.scp.css */
/*
    Scoped component css

    Nothing magical here for anyone familiar with Blazor, but for newcomers, this stylesheet will be emitted in a bundle, and modified so
    it just targets html elements in the Index page.
*/
breezer-page[b-1wmwe3q8wp]  tab-control {
  grid-area: content;
}
breezer-page[b-1wmwe3q8wp]  tab-control list-items[breezer-list-items] {
  --field-count: 7 !important;
}
breezer-page[b-1wmwe3q8wp]  tab-control .hazard-harm-list [property=benefit-score] {
  display: none;
}
breezer-page[b-1wmwe3q8wp]  tab-control .benefit-score-list [property=harm-score] {
  display: none;
}
/* /Pages/HazardRiskDisplayPage.razor.rz.scp.css */
:root[b-ew2s5jbwei] {
  --brand-dark-blue: #0b2a4c;
  --brand-teal: #00a8b8;
  --brand-peach: #f9836b;
  --color-primary: #00a8b8;
  --color-disabled: #c4c4c4;
  --color-middling: #f39d0e;
  --color-middling-light: rgba(243, 157, 14, 0.1);
  --color-negative: #e56e19;
  --color-negative-light: rgba(229, 110, 25, 0.1);
  --color-positive: #73cf64;
  --color-positive-light: rgba(115, 207, 100, 0.1);
  --color-very-negative: #ad3a2d;
  --color-very-negative-light: rgba(173, 58, 45, 0.1);
  --color-very-positive: #20b55b;
  --color-very-positive-light: rgba(32, 181, 91, 0.1);
  --component-background: #ffffff;
  --heading: #0b2a4c;
  --mdc-theme-primary: #00a8b8;
  --mdc-theme-secondary: #018786;
  --mdc-theme-background: #fff;
  --mdc-theme-surface: #fff;
  --mdc-theme-error: #b00020;
  --mdc-theme-on-primary: #fff;
  --mdc-theme-on-secondary: #fff;
  --mdc-theme-on-surface: #000;
  --mdc-theme-on-error: #fff;
  --mdc-theme-text-primary-on-background: rgba(0, 0, 0, 0.87);
  --mdc-theme-text-secondary-on-background: rgba(0, 0, 0, 0.54);
  --mdc-theme-text-hint-on-background: rgba(0, 0, 0, 0.38);
  --mdc-theme-text-disabled-on-background: rgba(0, 0, 0, 0.38);
  --mdc-theme-text-icon-on-background: rgba(0, 0, 0, 0.38);
  --mdc-theme-text-primary-on-light: rgba(0, 0, 0, 0.87);
  --mdc-theme-text-secondary-on-light: rgba(0, 0, 0, 0.54);
  --mdc-theme-text-hint-on-light: rgba(0, 0, 0, 0.38);
  --mdc-theme-text-disabled-on-light: rgba(0, 0, 0, 0.38);
  --mdc-theme-text-icon-on-light: rgba(0, 0, 0, 0.38);
  --mdc-theme-text-primary-on-dark: white;
  --mdc-theme-text-secondary-on-dark: rgba(255, 255, 255, 0.7);
  --mdc-theme-text-hint-on-dark: rgba(255, 255, 255, 0.5);
  --mdc-theme-text-disabled-on-dark: rgba(255, 255, 255, 0.5);
  --mdc-theme-text-icon-on-dark: rgba(255, 255, 255, 0.5);
}
/*
Todo: From the MatBlazor style. Need to line these up with the Mibo Ones?
	Also, the components aren't getting the default class. Buttons -> mdc-button... 
*/
:root[b-ew2s5jbwei] {
  --background-colour: #f4f6fa;
  --primary-colour: var(--color-primary);
  --background-highlight-colour: color-mix(in srgb, var(--brand-teal), white 90%);
  --text-colour: color-mix(in srgb, var(--brand-dark-blue), black 50%);
  --border-colour: #e1ebe5;
  --font-awesome-family: 'Font Awesome 6 Pro';
}
:root[b-ew2s5jbwei] {
  --header-background-colour: var(--background-highlight-colour);
  --menu-background-colour: var(--background-highlight-colour);
  --harm-color-very-low: #ffcb56;
  --harm-color-low: #f4a900;
  --harm-color-moderate: #e56e19;
  --harm-color-high: #ad3a2d;
  --harm-color-very-high: #961203;
  --benefit-color-very-low: #98e27e;
  --benefit-color-low: #73cf64;
  --benefit-color-moderate: #4ac456;
  --benefit-color-high: #20b55b;
  --benefit-color-very-high: #02963d;
  --risk-color-very-low: #38b54c;
  --risk-color-low: #2f923a;
  --risk-color-medium: #f7eb0f;
  --risk-color-high: #f89123;
  --risk-color-very-high: #ea1520;
  --risk-color-extreme: #bc151b;
}
.popup-content[b-ew2s5jbwei] {
  background-color: var(--background-highlight-colour);
}
body[b-ew2s5jbwei] {
  font-family: "proxima-nova", sans-serif;
}
div.page > main[b-ew2s5jbwei] {
  padding: 10px;
}
/* /Pages/Index.razor.rz.scp.css */
content page-block[b-xlwwcew3mt] {
  display: block;
  background-color: #FFF;
  border-radius: 8px;
  border: 1px solid #EDEDED;
  padding: 16px;
}
content page-block-sections[b-xlwwcew3mt] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
content system-modules > description[b-xlwwcew3mt] {
  display: block;
  margin-bottom: 20px;
}
content system-modules list-items-header[b-xlwwcew3mt] {
  grid-template-columns: repeat(2, 1fr) 130px;
}
content system-modules list-item[b-xlwwcew3mt] {
  grid-template-columns: repeat(2, 1fr) 130px;
}
content recent-activity list-items-header[b-xlwwcew3mt] {
  grid-template-columns: 0.5fr 1fr 0.5fr 0.5fr 1fr 0.5fr;
}
content recent-activity list-item[b-xlwwcew3mt] {
  grid-template-columns: 0.5fr 1fr 0.5fr 0.5fr 1fr 0.5fr;
}
content recent-activity list-item tag[b-xlwwcew3mt] {
  display: inline-block;
  width: fit-content;
  border-radius: 6px;
}
content recent-activity list-item tag.control-measure[b-xlwwcew3mt] {
  background-color: forestgreen;
  color: #fff;
}
content recent-activity list-item tag.scenario[b-xlwwcew3mt] {
  background-color: deepskyblue;
  color: #fff;
}
content recent-activity list-item tag.action[b-xlwwcew3mt] {
  background-color: red;
  color: #fff;
}
content recent-activity list-item tag.review[b-xlwwcew3mt] {
  background-color: deepskyblue;
  color: #fff;
}
content recent-activity list-item tag.active[b-xlwwcew3mt] {
  background-color: forestgreen;
  color: #fff;
}
content recent-activity list-item tag.not-started[b-xlwwcew3mt] {
  background-color: orange;
  color: #fff;
}
content recent-activity list-item tag.in-progress[b-xlwwcew3mt] {
  background-color: red;
  color: #fff;
}
content recent-activity list-item tag.overdue[b-xlwwcew3mt] {
  background-color: darkred;
  color: #fff;
}
content recent-activity list-item tag.completed[b-xlwwcew3mt] {
  background-color: deepskyblue;
  color: #fff;
}
content getting-started[b-xlwwcew3mt],
content best-practices[b-xlwwcew3mt] {
  display: block;
  padding: 0 20px;
}
content getting-started h3[b-xlwwcew3mt],
content best-practices h3[b-xlwwcew3mt] {
  display: flex;
  gap: 10px;
}
content getting-started[b-xlwwcew3mt]  action,
content best-practices[b-xlwwcew3mt]  action {
  display: inline-block;
}
content getting-started[b-xlwwcew3mt]  action button,
content best-practices[b-xlwwcew3mt]  action button {
  display: flex;
  gap: 10px;
}
content list-items[b-xlwwcew3mt] {
  display: block;
}
content list-items *[b-xlwwcew3mt] {
  padding: 5px 5px;
}
content list-items-header[b-xlwwcew3mt] {
  display: grid;
  border-bottom: 1px solid #E8E9EB;
}
content list-items-header list-items-header-item[b-xlwwcew3mt] {
  padding: 5px 10px;
}
content list-item[b-xlwwcew3mt] {
  display: grid;
  border-bottom: 1px solid #E8E9EB;
  align-items: center;
}
content list-item module[b-xlwwcew3mt] {
  display: grid;
  column-gap: 10px;
  grid-template-columns: 50px 1fr;
  grid-template-rows: 35px 35px;
}
content list-item module icon[b-xlwwcew3mt] {
  grid-row: 1 / span 2;
  align-self: center;
}
/* /Pages/Settings.razor.rz.scp.css */
/*
    Scoped component css

    Nothing magical here for anyone familiar with Blazor, but for newcomers, this stylesheet will be emitted in a bundle, and modified so
    it just targets html elements in the Index page.
*/
h3[b-mweaidb6av] {
  color: darkolivegreen;
}