/*
    This file contains the styles that apply globally, and aren't tied to any particular component.  
*/
h1 {
  font-size: larger;
}
body {
  font-family: "Roboto Mono";
  color: #111111;
  background: #f5f6fa;
}
button {
  font-family: "Roboto Mono";
  border-radius: 50%;
}
button:not(.inline) {
  border-radius: 35px;
}
input {
  font-family: "Roboto Mono";
}
input:not([type="color"]) {
  font-family: "Roboto Mono";
}
.blazored-modal-overlay {
  backdrop-filter: none;
  background-color: #0d193680;
  animation: fade-in-modal-overlay 0.3s linear forwards;
}
.blazored-modal-header > button.blazored-modal-close {
  background-color: transparent;
  color: #111111;
  border: none;
}
.blazored-modal-header > button.blazored-modal-close:hover {
  color: #184aef;
}
.blazored-modal {
  width: 800px;
  max-width: 100%;
  min-width: 10vw;
}
.blazored-modal .blazored-modal-header .blazored-modal-title {
  font-weight: normal;
}
button.secondary {
  border-radius: 30px;
}
breezer-page {
  margin: 0px;
}
breezer-page content page-heading {
  display: flex;
  margin: 25px 0px;
  align-items: center;
  justify-content: space-between;
}
breezer-page content page-heading h2 {
  margin: 0px;
}
.app-loading img {
  height: 100px;
  width: 100px;
}