.MDCField {
  margin-top: 32px;
  margin-bottom: 32px;
}
.MDCVerticalMargin {
  margin-top: 18px;
  margin-bottom: 18px;
}
.MDCErrorListItem {
  list-style-type: none;
}
.MDCErrorList {
  padding-left: 10px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: var(--mdc-typography-caption-font-size, 0.75rem);
  color: var(--mdc-theme-error, #b00020);
}
.MDCHelpText {
  font-size: var(--mdc-typography-caption-font-size, 0.75rem);
  color: rgba(0, 0, 0, 0.6);
  padding-left: 10px;
}
.MDCAccordionMenu {
  display: block;
  overflow: hidden;
  max-height: 0px;
}
@media (max-width: 700px) {
  .MDCDataTableResponsive thead {
    display: none; }
  .MDCDataTableResponsive tr {
    display: block; }
  .MDCDataTableResponsive td {
    display: block;
    text-align: right;
    height: auto; }
  .MDCDataTableResponsive td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold; } }

.ToggleNextElement svg {
  transition: all 0.5s ease;
}
.ToggleNextElement.open svg {
  transform: rotate(180deg);
}
.MDCFilterField h3 {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 700px) {
  .MDCDataTablePagination [slot] {
    display: block; } }

.InlineForm {
  display: inline-block;
}
.InlineForm .MDCField {
  display: inline-block;
}
.mdc-icon-button[disabled] {
  cursor: default;
  pointer-events: none;
  color: rgba(0, 0, 0, 0.38); }

.VotersDetailCard {
  cls: card;
}
expiry-counter[disabled] {
  pointer-events: none;
  background-color: lightgray !important; }

form.form.no-notch .MDCField {
  display: inline-flex;
  width: 64px;
  height: 96px; }
  form.form.no-notch .MDCField label {
    height: 100%; }
    form.form.no-notch .MDCField label input {
      font-size: 32px;
      height: 100%;
      text-align: center; }

form.form.no-notch .mdc-notched-outline__notch {
  display: none; }

.ContestCreateCard {
  cls: card;
}
.scan-region-highlight svg {
  stroke: var(--mdc-theme-primary) !important; }

qr-scanner i {
  color: var(--mdc-theme-primary);
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 10;
  cursor: pointer; }

.qr-input .mdc-button {
  margin: 0; }

qr-scanner {
  max-width: 300px;
  margin: 32px auto; }

.qr-input {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 12px; }
  .qr-input .qr-input__input-field {
    flex-grow: 1; }

footer.Footer {
  font-size: 19px; }
  footer.Footer a, footer.Footer a:visited {
    color: black;
    text-decoration: underline; }