@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap");
.minw-100 {
  min-width: 100px;
}

@media (min-width: 768px) {
  .minw-100-md {
    min-width: 100px;
  }
}

@media (max-width: 991px) {
  .minw-100-sm {
    min-width: 100px;
  }
}

.minw-200 {
  min-width: 200px;
}

@media (min-width: 768px) {
  .minw-200-md {
    min-width: 200px;
  }
}

@media (max-width: 991px) {
  .minw-200-sm {
    min-width: 200px;
  }
}

.minw-300 {
  min-width: 300px;
}

@media (min-width: 768px) {
  .minw-300-md {
    min-width: 300px;
  }
}

@media (max-width: 991px) {
  .minw-300-sm {
    min-width: 300px;
  }
}

.minw-400 {
  min-width: 400px;
}

@media (min-width: 768px) {
  .minw-400-md {
    min-width: 400px;
  }
}

@media (max-width: 991px) {
  .minw-400-sm {
    min-width: 400px;
  }
}

.fw-light {
  font-weight: 300;
}

.fw-regular {
  font-weight: 400;
}

.fw-medium {
  font-weight: 500;
}

.fw-semibold {
  font-weight: 600;
}

.fw-bold {
  font-weight: 700;
}

.fw-black {
  font-weight: 900;
}

@font-face {
  font-family: "font-regular";
  src: url("../fonts/Roboto-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "font-medium";
  src: url("../fonts/Roboto-Medium.ttf") format("truetype");
}
:root {
  --regular-font: "font-regular";
  --medium-font: "font-medium";
}

:root {
  --color--gray-light: hsl(0, 0%, 96%);
  --custom-color-dark: hsl(206, 93%, 16%);
  --custom-color-light: hsl(240, 62%, 90%);
  --custom-color-bright: hsl(240, 100%, 50%);
  --custom-color-bright-secundary: hsl(240, 62%, 90%);
  --custom-color-icons: hsl(28, 100%, 45%);
}

.formSizedButton {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.formSizedButton p::before {
  content: "  ";
}
.formSizedButton button {
  flex-grow: 1;
}

.ibv-button-bar > .d-flex {
  flex-wrap: wrap;
  gap: 0.5rem;
}
@media (max-width: 767px) {
  .ibv-button-bar > .d-flex {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .ibv-button-bar > .d-flex > .flex-grow-1 {
    display: none;
  }
}

.wizardNoStart .ibv-button-bar .ibv-button-start {
  display: none;
}

.fixed-table table {
  table-layout: fixed;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .mud-popover:has(.mud-picker) {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    transform: translate(-50%, -50%) !important;
    max-width: calc(100vw - 2rem);
    max-height: calc(100vh - 2rem);
    overflow: auto;
  }
  .mud-popover .mud-picker {
    position: static !important;
    transform: none !important;
  }
}
div.readonly .mud-input-control-input-container {
  background-color: #f5f5f5 !important;
  color: #666 !important;
}

div.readonly .mud-input-control-input-container input[readonly].mud-input-root ~ fieldset.mud-input-outlined-border {
  border-color: #ccc !important;
  box-shadow: none !important;
}

div.readonly .mud-input-control-input-container input[readonly].mud-input-root ~ .mud-input-adornment-end svg {
  fill: #666 !important;
}

div.readonly .mud-input-control-input-container input[readonly].mud-input-root ~ .mud-input-adornment-end button {
  pointer-events: none !important;
  opacity: 0.4 !important;
}

.license-plate-input .mud-input-error {
  margin-top: 1.5em;
}

/*
   Country picker of /ibv/Form/PhoneNumber.

   Deliberately a hand-rolled ARIA listbox rather than a MudSelect: each row shows a flag,
   a country name and a dial code, and needs letter typeahead over the names, which
   MudSelect has no ItemTemplate for.

   All colours come from MudBlazor CSS variables rather than fixed hex values, so the
   component follows each tenant's theme.
*/
/* align-self keeps this out of the row's stretch. MudStack defaults to align-items: stretch, so
   without it the picker grows to match the text field once a status line or an error message
   appears below the input - the button would tower over the input it belongs to, and the dropdown,
   anchored at top: 100%, would open that much lower. The message must not move the picker. */
.phone-number-country {
  position: relative;
  flex: 0 0 auto;
  align-self: flex-start;
}

/* Matched visually to a MudBlazor input: same border, radius and height rhythm. A fixed height
   rather than 100%, for the same reason as the align-self above. */
.phone-number-toggle {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  height: 2.5rem;
  min-height: 2.5rem;
  padding: 0.25rem 0.5rem;
  border: 1px solid var(--mud-palette-lines-inputs);
  border-radius: var(--mud-default-borderradius);
  background-color: var(--mud-palette-surface);
  color: var(--mud-palette-text-primary);
  font-family: inherit;
  font-size: 1rem;
  line-height: 1.5;
  cursor: pointer;
}

.phone-number-toggle:hover:not(:disabled) {
  background-color: var(--mud-palette-action-default-hover);
}

.phone-number-toggle:focus-visible {
  outline: 2px solid var(--mud-palette-primary);
  outline-offset: -2px;
}

.phone-number-toggle:disabled {
  cursor: not-allowed;
  color: var(--mud-palette-action-disabled);
  border-color: var(--mud-palette-action-disabled-background);
}

.phone-number-dial {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.phone-number-caret {
  width: 0;
  height: 0;
  border-left: 0.3rem solid transparent;
  border-right: 0.3rem solid transparent;
  border-top: 0.35rem solid currentColor;
  opacity: 0.6;
}

.phone-number-toggle.open .phone-number-caret {
  transform: rotate(180deg);
}

.phone-number-flag {
  display: block;
  flex: 0 0 auto;
  width: 21px;
  height: 21px;
  border-radius: 50%;
}

/* ---------- option list ---------- */
/* No overflow:hidden on an ancestor inside the component: that would clip this
   absolutely positioned list. */
.phone-number-listbox {
  display: none;
  position: absolute;
  z-index: 1300; /* above MudBlazor's own overlays (mud-popover starts at 1200) */
  top: calc(100% + 2px);
  left: 0;
  width: 17rem;
  max-height: 17rem;
  margin: 0;
  padding: 0.25rem 0;
  overflow-y: auto;
  list-style: none;
  border-radius: var(--mud-default-borderradius);
  background-color: var(--mud-palette-surface);
  box-shadow: var(--mud-elevation-8);
}

.phone-number-listbox.open {
  display: block;
}

.phone-number-option {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.35rem 0.75rem;
  cursor: pointer;
}

.phone-number-option-name {
  flex: 1 1 auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.phone-number-option-dial {
  flex: 0 0 auto;
  color: var(--mud-palette-text-secondary);
  font-variant-numeric: tabular-nums;
}

.phone-number-option.selected {
  font-weight: 600;
}

/* The active row is the aria-activedescendant: this is the keyboard highlight. */
.phone-number-option.active {
  background-color: var(--mud-palette-primary);
  color: var(--mud-palette-primary-text);
}

.phone-number-option.active .phone-number-option-dial {
  color: var(--mud-palette-primary-text);
  opacity: 0.85;
}

.phone-number-option:hover:not(.active) {
  background-color: var(--mud-palette-action-default-hover);
}

@media (max-width: 480px) {
  .phone-number-listbox {
    width: min(17rem, 100vw - 3rem);
  }
}
.pick-card .mud-card {
  border: solid 1px var(--mud-palette-primary);
}

.pick-card .mud-card:hover {
  background-color: var(--mud-palette-secondary-lighten);
}

.pick-card-selected .mud-card {
  background-color: var(--mud-palette-primary);
}

.signaturePad {
  position: relative;
}
.signaturePad canvas {
  border: 1px gray solid;
  width: 300px;
  height: 150px;
}
.signaturePad .signaturePadIconWrapper {
  position: absolute !important;
  top: 4px !important;
  left: 274.5px !important;
}
.signaturePad .signaturePadIcon {
  cursor: pointer !important;
}
.signaturePad .mud-tooltip-root.mud-tooltip-inline svg {
  position: unset;
  top: unset;
  margin-left: unset;
}

.signatureSigned .mud-checkbox {
  display: none !important;
}

.mud-stepper .mud-stepper-nav.mud-stepper-nav-scrollable .mud-stepper-nav-connector {
  min-width: 8px;
}

.mud-step-label-icon {
  transition: color 0.2s, background-color 0.2s;
}

.floatingWizard .stepperBar {
  position: sticky;
  top: 0;
  padding-top: 10px;
  z-index: 10;
}

.mud-tooltip-root.mud-tooltip-inline svg {
  position: relative;
  top: 6px;
  margin-left: 2px;
}

html {
  scrollbar-gutter: stable;
}

body.mud-scroll-locked {
  padding-right: max(12px, env(safe-area-inset-right));
}

@supports (padding: max(0px)) {
  body {
    padding-left: max(12px, env(safe-area-inset-left));
    padding-right: max(12px, env(safe-area-inset-right));
    padding-top: max(12px, env(safe-area-inset-top));
    padding-bottom: max(12px, env(safe-area-inset-bottom));
  }
}
.content {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - 77px);
  background-color: hsl(0, 0%, 96%);
  margin-top: 77px;
}
@media (min-width: 992px) {
  .content {
    min-height: 100vh;
    margin-left: 220px;
    margin-top: 0;
  }
}
.content h2 {
  font-size: 1.1rem;
}

th > p {
  font-weight: bold !important;
}

/*Headers by xs*/
.mud-xs-table .mud-table-cell:before {
  font-weight: bold !important;
}

ul {
  padding-left: 1.2rem;
}

.mobile-only {
  display: block;
}

.desktop-only {
  display: none;
}

@media (min-width: 768px) {
  .mobile-only {
    display: none;
  }
  .desktop-only {
    display: block;
  }
}
html:root {
  --mud-palette-primary: #1B7BC0 !important;
  --mud-palette-primary-darken: #155F96 !important;
  --mud-palette-primary-lighten: #6CB0DD !important;
  --mud-palette-text-primary: #21252B !important;
  --mud-palette-secondary: #ffce34 !important;
  --mud-palette-secondary-darken: #155F96 !important;
  --mud-palette-secondary-lighten: #6CB0DD !important;
  --mud-palette-secondary-text: #21252B !important;
  --mud-typography-h1-family: Plus Jakarta Sans, sans-serif !important;
  --mud-typography-h2-family: Plus Jakarta Sans, sans-serif !important;
  --mud-typography-h3-family: Plus Jakarta Sans, sans-serif !important;
  --mud-typography-h4-family: Plus Jakarta Sans, sans-serif !important;
  --mud-typography-h5-family: Plus Jakarta Sans, sans-serif !important;
  --mud-typography-h6-family: Plus Jakarta Sans, sans-serif !important;
  --mud-typography-subtitle1-family: Plus Jakarta Sans, sans-serif !important;
  --mud-typography-subtitle2-family: Plus Jakarta Sans, sans-serif !important;
  --mud-typography-button-family: Plus Jakarta Sans, sans-serif !important;
  --mud-typography-body1-family: Plus Jakarta Sans, sans-serif !important;
  --mud-typography-default-size: 16px !important;
  --mud-typography-h1-size: 2.5rem !important;
  --mud-typography-h2-size: 2rem !important;
  --mud-typography-h3-size: 1.75rem !important;
  --mud-typography-h4-size: 1.5rem !important;
  --mud-typography-h5-size: 1.25rem !important;
  --mud-typography-h6-size: 1rem !important;
  --mud-typography-button-size: 1rem !important;
  --mud-typography-h1-weight: 800 !important;
  --mud-typography-h2-weight: 700 !important;
  --mud-typography-h3-weight: 600 !important;
  --mud-typography-h4-weight: 600 !important;
  --mud-typography-h5-weight: 600 !important;
  --mud-typography-h6-weight: 600 !important;
  --mud-typography-subtitle1-size: 16px !important;
  --mud-typography-subtitle2-size: 14px !important;
  --mud-typography-body1-size: 16px !important;
  --mud-typography-body2-size: 14px !important;
  --mud-typography-button-size: 14px !important;
  --mud-typography-caption-size: 12px !important;
  --mud-typography-overline-size: 12px !important;
  --mud-palette-background: #fff !important;
  --mud-appbar-height: 40px !important;
  --mud-elevation-1: 0 3px 10px 0 rgba(0,0,0,.1) !important;
  --mud-appbar-height: 90px !important;
  --mud-palette-appbar-background: #fff !important;
}

html {
  font-size: 15px;
}
@media (min-width: 768px) {
  html {
    font-size: 17px;
  }
}

body {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: #21252B !important;
}

h1, .h1 {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 2.5rem;
  font-weight: 800;
  line-height: 1.2;
  margin: 0 0 0.5em;
}

h2, .h2 {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 0.5em;
}

h3, .h3 {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.2;
  margin: 0 0 0.5em;
}

h4, .h4 {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.2;
  margin: 0 0 0.5em;
}

h5, .h5 {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.2;
  margin: 0 0 0.5em;
}

h6, .h6 {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.2;
  margin: 0 0 0.5em;
}

@media (min-width: 768px) {
  .minw-125 {
    min-width: 125px;
  }
}

@media (min-width: 768px) {
  .minw-150 {
    min-width: 150px;
  }
}

@media (min-width: 768px) {
  .minw-175 {
    min-width: 175px;
  }
}

@media (min-width: 768px) {
  .minw-200 {
    min-width: 200px;
  }
}

p {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
}

.header-inner {
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header, .logo {
  width: 100%;
}

.logo-block {
  min-width: 120px;
}

.logo, .logo-block {
  background: no-repeat url("../images/PolisaDE/logo.svg");
  background-size: contain;
  height: 34px;
}

.header-right {
  display: flex;
  align-items: center;
  gap: 20px;
}

@media (max-width: 768px) {
  .header-right {
    gap: 6px;
  }
}
.flag {
  width: 28px;
  height: 28px;
  display: inline-block;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 50%;
}

.flag-de-DE {
  background: url("../../images/countryFlags/circle-de.svg") center/cover no-repeat;
}

.flag-nl-NL {
  background: url("../../images/countryFlags/circle-nl.svg") center/cover no-repeat;
}

.flag-pl-PL {
  background: url("../../images/countryFlags/circle-pl.svg") center/cover no-repeat;
}

.flag-ro-RO {
  background: url("../../images/countryFlags/circle-ro.svg") center/cover no-repeat;
}

.flag-block {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.language-name {
  font-size: 0.8rem;
  line-height: 1;
  color: #21252B !important;
  transform: translateY(10px);
}

.phone-block {
  background: #1B7BC0;
  width: 220px;
  color: #fff;
  padding: 10px 18px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.4;
}
.phone-block .mud-icon-root {
  color: #fff;
  font-size: 1.2rem;
}

@media (max-width: 768px) {
  .phone-block {
    display: none;
  }
}
/* colors */
.mud-input-control .mud-icon-root.mud-svg-icon, .mud-tooltip-root .mud-icon-root.mud-svg-icon {
  color: var(--mud-palette-primary);
}

.mud-disabled, .mud-disabled input, .mud-disabled.mud-input-control .mud-icon-root.mud-svg-icon, .mud-disabled.mud-tooltip-root .mud-icon-root.mud-svg-icon {
  color: var(--mud-palette-text-disabled);
}

.color-primary {
  color: var(--mud-palette-primary) !important;
}

.mud-button-filled.mud-button-filled-default {
  background-color: #5cb85c !important;
}

.mud-button-filled.mud-button-filled-default:hover {
  background-color: #0095d8 !important;
}

.mud-button-filled.mud-button-filled-primary {
  background-color: #5cb85c !important;
}

.mud-button-filled.mud-button-filled-primary:hover {
  background-color: #0095d8 !important;
}

/* colors */
/* premiumCards */
button.TileButton {
  border: solid 2px #F58B3C;
  border-radius: 25px 25px 25px 25px;
  padding: 0;
}

.premiumCards .mud-card-header-actions .mud-icon-root {
  color: #5cb85c !important;
}

.premiumCards .mud-card-content {
  text-transform: none;
  text-align: left;
  margin-top: -50px;
}

.premiumCards .bullet-line {
  padding-left: 1.4rem;
  text-indent: -1.4rem;
}

/* premiumCards */
/* ModalDialog Link */
.modalDialogLink {
  color: #0095d8;
  cursor: pointer;
  text-decoration: none !important;
}

.modalDialogLink:hover {
  color: #0a58ca;
  text-decoration: underline !important;
  opacity: 0.85;
}

/* ModalDialog Link */
/* Radio flex */
.radio-flex {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 0.8rem;
}

.radio-flex .mud-typography {
  width: 65%;
}

.radio-flex.fw-bold > p.mud-typography {
  font-weight: 700 !important;
}

/* Radio flex */
.mud-input-error-absolute .mud-input-helper-text.mud-input-error {
  position: absolute !important;
  width: 300px;
}

.mud-input-error-absolute .mud-input-helper-text.mud-input-error {
  position: absolute !important;
  width: 300px;
}

.mud-input-error-top-60 .mud-input-helper-text.mud-input-error {
  top: 60px;
}

.mud-input-error-top-80 .mud-input-helper-text.mud-input-error {
  top: 80px;
}

.footnote {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  margin-top: 0.25rem;
  display: block;
}

.footnote-blue {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: #0095d8;
  margin-top: 0.25rem;
  display: block;
}

.checkbox-center-text {
  align-items: center;
}

.secureidlink-box {
  border: 2px solid deepskyblue;
  border-radius: 20px 0 20px 0;
  width: 100%;
  max-width: 700px;
  box-sizing: border-box;
}

.secureidlink-box .mud-card-header {
  display: none;
}

/* Two classes deep to beat MudBlazor's own .mud-card-content padding. */
.secureidlink-box .mud-card-content {
  padding: 24px 28px;
}

@media (max-width: 768px) {
  .secureidlink-box {
    max-width: 34rem;
  }
  .secureidlink-box .mud-card-content {
    padding: 16px 18px;
  }
}
/* NEW ADDED BY STURDY DIGITAL */
.body_relation {
  background-color: #EAF2F9;
}

.mud-container {
  background-color: #fff;
  padding: 45px 70px !important;
  border-radius: 0 30px 0 30px;
}

.mud-stepper.mud-stepper__horizontal .mud-stepper-nav {
  margin-bottom: 30px;
  flex-wrap: wrap;
}

.mud-stepper .mud-stepper-nav .mud-step.mud-clickable {
  padding: 10px 15px;
}

.mud-stepper .mud-stepper-nav .mud-step .mud-step-label {
  gap: 10px;
}

.mud-stepper .mud-stepper-nav .mud-step .mud-step-label .mud-step-label-icon {
  width: 32px;
  height: 32px;
  font-size: 15px;
  border-radius: 8px;
}

.mud-stepper .mud-stepper-nav .mud-step:not(.active) .mud-step-label .mud-step-label-icon {
  background: #EAF2F9;
  color: #0A2C45;
}

.mud-stepper .mud-stepper-nav .mud-step .mud-step-label .mud-step-label-icon .mud-typography {
  font-size: inherit;
}

.mud-stepper .mud-stepper-nav .mud-step .mud-step-label .mud-step-label-content-title {
  color: #0A2C45;
  font-size: 16px;
}

.floatingWizard > span {
  padding-left: 0 !important;
}

.mud-paper {
  padding-left: 0 !important;
  box-shadow: none;
  background-color: transparent;
}

.mud-card-header,
.mud-card-content {
  padding: 0;
}

.mud-card-content .flex-column {
  gap: 24px !important;
}

.mud-card-header {
  margin-bottom: 30px;
}

.mud-popover {
  background-color: #fff;
}

.mud-input > input.mud-input-root-outlined, div.mud-input-slot.mud-input-root-outlined {
  padding: 12px 14px 14px 0 !important;
  line-height: 1;
  font-size: 16px;
}

.mud-input.mud-input-outlined .mud-input-outlined-border {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  border-color: #21252B;
}

.mud-button-text.mud-button-text-primary {
  text-transform: none;
  font-size: 16px;
  font-weight: 600;
}

.mud-button-text.mud-button-text-primary:nth-child(2) {
  background-color: #EAF2F9;
  min-width: 150px;
  box-shadow: none;
  padding: 20px;
  text-transform: none;
  font-size: 16px;
  border-radius: 10px;
  font-weight: 600;
}

.mud-button.mud-button-filled {
  box-shadow: none;
  padding: 20px;
  text-transform: none;
  min-width: 220px;
  font-size: 16px;
  border-radius: 10px;
  font-weight: 600;
}

.mud-button-filled.mud-button-filled-primary {
  background-color: #88B71B !important;
}

.mud-button-filled.mud-button-filled-primary:hover {
  background-color: #709D06 !important;
}

.premiumCards {
  margin-bottom: 30px;
  gap: 30px;
}

button.TileButton {
  border: 1px solid #1B7BC0;
  border-radius: 0 20px;
  padding: 30px;
}

.premiumCards .bullet-line {
  text-indent: 0;
  padding-left: 0;
  margin-top: 10px !important;
}

.mud-input-adornment-text {
  font-weight: 600;
}

.fw-bold > .mud-input-control {
  margin-bottom: 24px;
}

.mud-radio-group {
  margin-top: 12px;
}

.mud-checkbox,
.mud-radio {
  gap: 12px;
}

.gap-5:has(.mud-checkbox) {
  gap: 0;
}

.mud-radio .mud-ripple-radio {
  width: 24px;
  height: 24px;
  border: 1px solid #21252B;
  border-radius: 100%;
}

.mud-radio .mud-ripple-radio:has(input:checked) {
  border-color: #1B7BC0;
  background-color: #1B7BC0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='9' fill='none' viewBox='0 0 13 9'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m.75 4.95 3.143 2.8 7.857-7'/%3E%3C/svg%3E");
  background-position: 54% 51%;
  background-repeat: no-repeat;
}

.mud-checkbox .mud-ripple-checkbox svg,
.mud-radio .mud-ripple-radio svg {
  display: none;
}

.mud-checkbox .mud-ripple-checkbox {
  width: 24px;
  height: 24px;
  border: 1px solid #21252B;
  border-radius: 0;
}

.mud-checkbox .mud-ripple-checkbox:has(input:checked) {
  border-color: #1B7BC0;
  background-color: #1B7BC0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='9' fill='none' viewBox='0 0 13 9'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m.75 4.95 3.143 2.8 7.857-7'/%3E%3C/svg%3E");
  background-position: 54% 51%;
  background-repeat: no-repeat;
}

/* NEW ADDED BY STURDY DIGITAL */
/* CORRECTION ON STURDY DIGITAL */
@media (max-width: 768px) {
  .mud-container {
    padding: 24px 16px !important;
  }
}
/* Nav is presentational only; the Blazor loop that fills it must keep running. */
.wizardNoNav .mud-stepper.mud-stepper__horizontal {
  display: none;
}

/* CORRECTION ON STURDY DIGITAL */