body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label,
.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label,
.mdc-list-item__graphic,
.mdc-list-item--activated,
.mdc-list-item__graphic {
  color: var(--mdc-theme-primary);
}

.firstCardLevel {
  border-color: var(--mdc-theme-primary);
}

.secondCardLevel {
}

.mdc-select:not(.mdc-select--disabled) .mdc-select__anchor {
  background-color: #ffffff;
}

.mdc-snackbar__action:not(:disabled) {
  color: var(--mdc-theme-secondary);
}

card {
  overflow-x: hidden;
  overflow-y: hidden;
  display: block;
}

.mdc-linear-progress__bar-inner {
  border-color: var(--mdc-theme-secondary);
}

.full-width {
  width: 100%;
}

.mdc-data-table {
  width: 100%;
}

.mdc-card .title {
  font-weight:bold;
  color: var(--mdc-theme-primary);
}

.mdc-card .body {
  color: rgba(0,0,0,.6);
}

.space-8 {
  height: 8px;
}

.space-16 {
  height: 16px;
}

.space-32 {
  height: 32px;
}

.sides-8 {
  margin-left:8px;
  margin-right:8px;
}

.sides-16 {
  margin-left:16px;
  margin-right:16px;
}

.hidden {
  display:none;
}

.footer {
  text-align: center;
  width: 100%;
  border-top: 1px solid var(--mdc-theme-primary);
  padding-top:8px;
  padding-bottom:8px;
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 1s linear infinite;
  -moz-animation: rotating 1s linear infinite;
  -ms-animation: rotating 1s linear infinite;
  -o-animation: rotating 1s linear infinite;
  animation: rotating 1s linear infinite;
}

.tox-notification { display: none !important }