@import url("https://fonts.googleapis.com/css?family=Dosis");
@import url("https://fonts.googleapis.com/css?family=Georama");
.app-shadow-left, .dropdown-menu,
.dropdown-menu:active,
.dropdown-menu:focus {
  box-shadow: #212529 5px 0 10px !important;
}

.app-shadow-right {
  box-shadow: #212529 -5px 0 10px !important;
}

.app-title {
  text-transform: uppercase;
  font-size: 1.4rem;
  font-weight: lighter;
  color: #f4f2f2;
}

@media (max-width: 767.98px) {
  body {
    font-size: 14px;
  }
}
#blazor-error-ui {
  display: none;
}
#blazor-error-ui.force {
  display: block !important;
}

#components-reconnect-modal {
  display: none;
}
#components-reconnect-modal.components-reconnect-show {
  display: block;
}
#components-reconnect-modal.components-reconnect-show #reconnecting {
  display: block !important;
}
#components-reconnect-modal.components-reconnect-failed {
  display: block;
}
#components-reconnect-modal.components-reconnect-failed #failed {
  display: block !important;
}
#components-reconnect-modal.components-reconnect-rejected {
  display: block;
}
#components-reconnect-modal.components-reconnect-rejected #rejected {
  display: block !important;
}

.blazor-messages {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.1) 100%);
  z-index: 2;
}
.blazor-messages-item {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  padding: 3rem 0.5rem;
  text-align: center;
  border-bottom: solid 1px #e9ecef;
  background-color: #f39e2c;
  font-size: 1.1rem;
  color: #f8f9fa;
}
.blazor-messages-item.danger {
  background-color: #dd3c4d;
}
.blazor-messages-item.warning {
  background-color: #f39e2c;
}
.blazor-messages-item.visible {
  display: block !important;
}
.blazor-messages-item.clickable {
  cursor: pointer;
}