.text-center {
  text-align: center !important;
}

.pointer {
  cursor: pointer !important;
}

.text-bold {
  font-weight: 600 !important;
}

.full-width {
  width: 100% !important;
}

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

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

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

.transparent {
  background-color: transparent !important;
}

.mud-appbar {
  border-bottom: 1px solid #ececec;
}

.mud-nav-link-active p {
  font-weight: 500 !important;
  color: var(--mud-palette-secondary);
}

.mud-nav-link-active svg {
  color: var(--mud-palette-secondary) !important;
}

.loading-panel {
  width: 100%;
  height: 100vh;
  background-color: #fff;
}
.loading-panel .logo {
  position: absolute;
  top: calc(50% - 3.5rem);
  left: calc(50% - 3.5rem);
  width: 7rem;
  height: 7rem;
  animation: beatFade 1s ease-in-out infinite;
}

.mud-menu-list {
  padding: 0.5rem;
  border-radius: var(--mud-default-borderradius);
}
.mud-menu-list .mud-menu-item {
  padding: 0.3rem 1rem;
  border-radius: var(--mud-default-borderradius);
}

.mud-popover-provider .mud-popover {
  margin-top: 5px;
}

.mud-table.bordered {
  border: 1px solid #e0e0e0;
}

.upload-row {
  width: 100%;
  padding: 0.5rem 1rem;
  background: var(--mud-palette-background-gray);
  border-radius: var(--mud-default-borderradius);
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-left: 5px solid var(--mud-palette-primary);
}

.index-h2 {
  font-size: 1.1rem;
  font-weight: 400;
  opacity: 0.8;
}

.index-counter {
  font-size: 3rem;
  font-weight: 700;
}

.award-badge {
  background: #fff;
  border-radius: var(--mud-default-borderradius);
  border: 1px solid var(--mud-palette-dark);
  padding: 0.6rem 1rem;
  color: var(--mud-palette-dark);
}
.award-badge .award-title {
  text-transform: uppercase;
  font-size: 0.7rem;
  font-weight: 500;
}
.award-badge .award-text {
  font-weight: 700;
}

@keyframes beatFade {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
}
@keyframes mud-expand-animation {
  0% {
    height: 0px;
  }
  100% {
    height: 0px;
  }
}