:root {
  --app-footer-height: 36px;
}

.w-100 {
  width: 100%;
}

.app-footer {
  background-color: var(--mud-palette-background-gray);
  height: var(--app-footer-height);
}

.app-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}

.mud-select.language-select {
  width: 200px;
  -webkit-box-flex: unset;
      -ms-flex-positive: unset;
          flex-grow: unset;
}

/* Content gallery */
.content-gallery-item {
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform 0.2s, -webkit-box-shadow 0.2s;
  transition: -webkit-transform 0.2s, -webkit-box-shadow 0.2s;
  transition: transform 0.2s, box-shadow 0.2s;
  transition: transform 0.2s, box-shadow 0.2s, -webkit-transform 0.2s, -webkit-box-shadow 0.2s;
  cursor: pointer;
}
.content-gallery-item.draft {
  border: 3px solid var(--mud-palette-warning);
}
.content-gallery-item.deleted {
  opacity: 0.5;
  border: 3px solid var(--mud-palette-error);
}
.content-gallery-item:hover {
  -webkit-transform: translateY(-4px);
      -ms-transform: translateY(-4px);
          transform: translateY(-4px);
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  background-color: var(--mud-palette-primary-hover);
}
.content-gallery-item .mud-chip {
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
}
.content-gallery-item .mud-card-media {
  background-color: #f5f5f5;
  -o-object-fit: cover;
     object-fit: cover;
}
.content-gallery-item .mud-card-content {
  padding: 12px !important;
}
.content-gallery-item .mud-typography-body1 {
  font-weight: 500;
  color: var(--mud-palette-text-primary);
}
@media (max-width: 600px) {
  .content-gallery-item .mud-typography-body1 {
    font-size: 0.875rem;
  }
}

.page-gallery-item {
  cursor: pointer;
  overflow: hidden;
  -webkit-transition: -webkit-transform 0.2s, -webkit-box-shadow 0.2s;
  transition: -webkit-transform 0.2s, -webkit-box-shadow 0.2s;
  transition: transform 0.2s, box-shadow 0.2s;
  transition: transform 0.2s, box-shadow 0.2s, -webkit-transform 0.2s, -webkit-box-shadow 0.2s;
}
.page-gallery-item.draft {
  border: 3px solid var(--mud-palette-warning);
}
.page-gallery-item.deleted {
  opacity: 0.5;
  border: 3px solid var(--mud-palette-error);
}
.page-gallery-item:hover {
  -webkit-transform: translateY(-4px);
      -ms-transform: translateY(-4px);
          transform: translateY(-4px);
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  background-color: var(--mud-palette-primary-hover);
}
.page-gallery-item.active {
  background-color: rgba(from var(--mud-palette-primary) r g b/0.5);
}

/* File upload */
.mud-input-error .drop-zone {
  border-color: var(--mud-palette-error);
}

.drop-zone {
  border-width: 2px;
  cursor: pointer;
}
.drop-zone.hover {
  border-color: var(--mud-palette-primary);
  background-color: var(--mud-palette-action-default-hover);
}
.drop-zone.drag-over.hover {
  border-color: var(--mud-palette-primary);
  background-color: var(--mud-palette-primary-hover);
}
.drop-zone img {
  width: inherit;
}

.mud-menu.user-menu:hover {
  background-color: var(--mud-palette-action-default-hover);
}
.mud-menu.user-menu .mud-avatar.user-avatar {
  width: 32px;
  height: 32px;
  background-color: var(--mud-palette-white);
}

.mud-menu-item.language-menu-item-selected {
  color: var(--mud-palette-primary);
}
/*# sourceMappingURL=D:\source\SimpleAula 2.0 New\SimpleAula\src\SimpleAula.UI\wwwroot\css\app.css.map */