/* App overrides on top of stock Bulma 1.0.4 (bulma/bulma.css). */

:root {
  --bulma-link: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-l), 1);
  --bulma-link-rgb: 50.082, 76.738, 210.018;
  --bulma-link-h: 230deg;
  --bulma-link-s: 64%;
  --bulma-link-l: 51%;
  --bulma-link-00-l: 1%;
  --bulma-link-05-l: 6%;
  --bulma-link-10-l: 11%;
  --bulma-link-15-l: 16%;
  --bulma-link-20-l: 21%;
  --bulma-link-25-l: 26%;
  --bulma-link-30-l: 31%;
  --bulma-link-35-l: 36%;
  --bulma-link-40-l: 41%;
  --bulma-link-45-l: 46%;
  --bulma-link-50-l: 51%;
  --bulma-link-55-l: 56%;
  --bulma-link-60-l: 61%;
  --bulma-link-65-l: 66%;
  --bulma-link-70-l: 71%;
  --bulma-link-75-l: 76%;
  --bulma-link-80-l: 81%;
  --bulma-link-85-l: 86%;
  --bulma-link-90-l: 91%;
  --bulma-link-95-l: 96%;
  --bulma-link-100-l: 100%;
  --bulma-link-00-invert-l: var(--bulma-link-65-l);
  --bulma-link-05-invert-l: var(--bulma-link-70-l);
  --bulma-link-15-invert-l: var(--bulma-link-75-l);
  --bulma-link-35-invert-l: var(--bulma-link-95-l);
  --bulma-link-40-invert-l: var(--bulma-link-100-l);
  --bulma-link-45-invert-l: var(--bulma-link-100-l);
  --bulma-link-65-invert-l: var(--bulma-link-00-l);
  --bulma-link-70-invert-l: var(--bulma-link-05-l);
  --bulma-link-75-invert-l: var(--bulma-link-15-l);
  --bulma-link-90-invert-l: var(--bulma-link-30-l);
  --bulma-link-95-invert-l: var(--bulma-link-35-l);
  --bulma-link-100-invert-l: var(--bulma-link-40-l);
  --bulma-link-light-invert-l: var(--bulma-link-30-l);
  --bulma-link-on-scheme-l: 51%;
  --bulma-info-rgb: 153, 195.5, 255;
  --bulma-info-h: 215deg;
  --bulma-info-l: 80%;
  --bulma-info-00-invert-l: var(--bulma-info-60-l);
  --bulma-info-05-invert-l: var(--bulma-info-65-l);
  --bulma-info-10-invert-l: var(--bulma-info-70-l);
  --bulma-info-15-invert-l: var(--bulma-info-75-l);
  --bulma-info-20-invert-l: var(--bulma-info-85-l);
  --bulma-info-25-invert-l: var(--bulma-info-90-l);
  --bulma-info-45-invert-l: var(--bulma-info-100-l);
  --bulma-info-50-invert-l: var(--bulma-info-100-l);
  --bulma-info-55-invert-l: var(--bulma-info-100-l);
  --bulma-info-60-invert-l: var(--bulma-info-00-l);
  --bulma-info-65-invert-l: var(--bulma-info-05-l);
  --bulma-info-75-invert-l: var(--bulma-info-15-l);
  --bulma-info-85-invert-l: var(--bulma-info-20-l);
  --bulma-info-90-invert-l: var(--bulma-info-25-l);
  --bulma-info-95-invert-l: var(--bulma-info-25-l);
  --bulma-info-100-invert-l: var(--bulma-info-30-l);
  --bulma-info-invert-l: var(--bulma-info-15-l);
  --bulma-info-light-invert-l: var(--bulma-info-25-l);
  --bulma-info-dark-invert-l: var(--bulma-info-70-l);
  --bulma-info-on-scheme-l: 40%;
}
@media (prefers-color-scheme: light) {
  :root {
    --bulma-link-rgb: 50.082, 76.738, 210.018;
    --bulma-link-h: 230deg;
    --bulma-link-s: 64%;
    --bulma-link-l: 51%;
    --bulma-link-00-l: 1%;
    --bulma-link-05-l: 6%;
    --bulma-link-10-l: 11%;
    --bulma-link-15-l: 16%;
    --bulma-link-20-l: 21%;
    --bulma-link-25-l: 26%;
    --bulma-link-30-l: 31%;
    --bulma-link-35-l: 36%;
    --bulma-link-40-l: 41%;
    --bulma-link-45-l: 46%;
    --bulma-link-50-l: 51%;
    --bulma-link-55-l: 56%;
    --bulma-link-60-l: 61%;
    --bulma-link-65-l: 66%;
    --bulma-link-70-l: 71%;
    --bulma-link-75-l: 76%;
    --bulma-link-80-l: 81%;
    --bulma-link-85-l: 86%;
    --bulma-link-90-l: 91%;
    --bulma-link-95-l: 96%;
    --bulma-link-100-l: 100%;
    --bulma-link-00-invert-l: var(--bulma-link-65-l);
    --bulma-link-05-invert-l: var(--bulma-link-70-l);
    --bulma-link-15-invert-l: var(--bulma-link-75-l);
    --bulma-link-35-invert-l: var(--bulma-link-95-l);
    --bulma-link-40-invert-l: var(--bulma-link-100-l);
    --bulma-link-45-invert-l: var(--bulma-link-100-l);
    --bulma-link-65-invert-l: var(--bulma-link-00-l);
    --bulma-link-70-invert-l: var(--bulma-link-05-l);
    --bulma-link-75-invert-l: var(--bulma-link-15-l);
    --bulma-link-90-invert-l: var(--bulma-link-30-l);
    --bulma-link-95-invert-l: var(--bulma-link-35-l);
    --bulma-link-100-invert-l: var(--bulma-link-40-l);
    --bulma-link-light-invert-l: var(--bulma-link-30-l);
    --bulma-link-on-scheme-l: 51%;
    --bulma-info-rgb: 153, 195.5, 255;
    --bulma-info-h: 215deg;
    --bulma-info-l: 80%;
    --bulma-info-00-invert-l: var(--bulma-info-60-l);
    --bulma-info-05-invert-l: var(--bulma-info-65-l);
    --bulma-info-10-invert-l: var(--bulma-info-70-l);
    --bulma-info-15-invert-l: var(--bulma-info-75-l);
    --bulma-info-20-invert-l: var(--bulma-info-85-l);
    --bulma-info-25-invert-l: var(--bulma-info-90-l);
    --bulma-info-45-invert-l: var(--bulma-info-100-l);
    --bulma-info-50-invert-l: var(--bulma-info-100-l);
    --bulma-info-55-invert-l: var(--bulma-info-100-l);
    --bulma-info-60-invert-l: var(--bulma-info-00-l);
    --bulma-info-65-invert-l: var(--bulma-info-05-l);
    --bulma-info-75-invert-l: var(--bulma-info-15-l);
    --bulma-info-85-invert-l: var(--bulma-info-20-l);
    --bulma-info-90-invert-l: var(--bulma-info-25-l);
    --bulma-info-95-invert-l: var(--bulma-info-25-l);
    --bulma-info-100-invert-l: var(--bulma-info-30-l);
    --bulma-info-invert-l: var(--bulma-info-15-l);
    --bulma-info-light-invert-l: var(--bulma-info-25-l);
    --bulma-info-dark-invert-l: var(--bulma-info-70-l);
    --bulma-info-on-scheme-l: 40%;
  }
}
@media (prefers-color-scheme: dark) {
  :root {
    --bulma-link-on-scheme-l: 66%;
    --bulma-info-on-scheme-l: 80%;
  }
}
[data-theme=light], .theme-light {
  --bulma-link: hsla(var(--bulma-link-h), var(--bulma-link-s), var(--bulma-link-l), 1);
  --bulma-link-rgb: 50.082, 76.738, 210.018;
  --bulma-link-h: 230deg;
  --bulma-link-s: 64%;
  --bulma-link-l: 51%;
  --bulma-link-00-l: 1%;
  --bulma-link-05-l: 6%;
  --bulma-link-10-l: 11%;
  --bulma-link-15-l: 16%;
  --bulma-link-20-l: 21%;
  --bulma-link-25-l: 26%;
  --bulma-link-30-l: 31%;
  --bulma-link-35-l: 36%;
  --bulma-link-40-l: 41%;
  --bulma-link-45-l: 46%;
  --bulma-link-50-l: 51%;
  --bulma-link-55-l: 56%;
  --bulma-link-60-l: 61%;
  --bulma-link-65-l: 66%;
  --bulma-link-70-l: 71%;
  --bulma-link-75-l: 76%;
  --bulma-link-80-l: 81%;
  --bulma-link-85-l: 86%;
  --bulma-link-90-l: 91%;
  --bulma-link-95-l: 96%;
  --bulma-link-100-l: 100%;
  --bulma-link-00-invert-l: var(--bulma-link-65-l);
  --bulma-link-05-invert-l: var(--bulma-link-70-l);
  --bulma-link-15-invert-l: var(--bulma-link-75-l);
  --bulma-link-35-invert-l: var(--bulma-link-95-l);
  --bulma-link-40-invert-l: var(--bulma-link-100-l);
  --bulma-link-45-invert-l: var(--bulma-link-100-l);
  --bulma-link-65-invert-l: var(--bulma-link-00-l);
  --bulma-link-70-invert-l: var(--bulma-link-05-l);
  --bulma-link-75-invert-l: var(--bulma-link-15-l);
  --bulma-link-90-invert-l: var(--bulma-link-30-l);
  --bulma-link-95-invert-l: var(--bulma-link-35-l);
  --bulma-link-100-invert-l: var(--bulma-link-40-l);
  --bulma-link-light-invert-l: var(--bulma-link-30-l);
  --bulma-link-on-scheme-l: 51%;
  --bulma-info-rgb: 153, 195.5, 255;
  --bulma-info-h: 215deg;
  --bulma-info-l: 80%;
  --bulma-info-00-invert-l: var(--bulma-info-60-l);
  --bulma-info-05-invert-l: var(--bulma-info-65-l);
  --bulma-info-10-invert-l: var(--bulma-info-70-l);
  --bulma-info-15-invert-l: var(--bulma-info-75-l);
  --bulma-info-20-invert-l: var(--bulma-info-85-l);
  --bulma-info-25-invert-l: var(--bulma-info-90-l);
  --bulma-info-45-invert-l: var(--bulma-info-100-l);
  --bulma-info-50-invert-l: var(--bulma-info-100-l);
  --bulma-info-55-invert-l: var(--bulma-info-100-l);
  --bulma-info-60-invert-l: var(--bulma-info-00-l);
  --bulma-info-65-invert-l: var(--bulma-info-05-l);
  --bulma-info-75-invert-l: var(--bulma-info-15-l);
  --bulma-info-85-invert-l: var(--bulma-info-20-l);
  --bulma-info-90-invert-l: var(--bulma-info-25-l);
  --bulma-info-95-invert-l: var(--bulma-info-25-l);
  --bulma-info-100-invert-l: var(--bulma-info-30-l);
  --bulma-info-invert-l: var(--bulma-info-15-l);
  --bulma-info-light-invert-l: var(--bulma-info-25-l);
  --bulma-info-dark-invert-l: var(--bulma-info-70-l);
  --bulma-info-on-scheme-l: 40%;
}
[data-theme=dark], .theme-dark {
  --bulma-link-on-scheme-l: 66%;
  --bulma-info-on-scheme-l: 80%;
}
.title, .subtitle {
  --bulma-subtitle-size: 18px;
}

/* App layout tokens. Bulma breakpoints stay as literals in @media because CSS custom
   properties cannot be used in media conditions: tablet >= 769px, desktop >= 1024px,
   widescreen >= 1216px, fullhd >= 1408px. */
:root {
  --sandeslatt-sidebar-width: 250px;
  --sandeslatt-content-width: 960px;
  --sandeslatt-modal-width: 960px;
  --sandeslatt-modal-width-medium: 760px;
  --sandeslatt-modal-width-small: 680px;
}

/* Keep the current container width; the app does not use widescreen/fullhd classes. */
@media screen and (min-width: 1216px) {
  .container:not(.is-max-tablet):not(.is-max-desktop) {
    max-width: var(--sandeslatt-content-width);
  }
}

@media screen and (min-width: 1408px) {
  .container:not(.is-max-tablet):not(.is-max-desktop):not(.is-max-widescreen) {
    max-width: var(--sandeslatt-content-width);
  }
}

/* App-specific styles. */
html {
  -webkit-text-size-adjust: 100%;
}

.has-text-success-dark {
  color: hsl(var(--bulma-success-h), var(--bulma-success-s), var(--bulma-success-dark-l)) !important;
}

.has-text-orange {
  color: hsl(28, 95%, 48%) !important;
}

.has-text-purple {
  color: hsl(275, 75%, 55%) !important;
}

html, body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1:focus {
  outline: none;
}

.valid.modified:not([type=checkbox]) {
  outline: 1px solid #26b050;
}

.invalid {
  outline: 1px solid red;
}

.validation-message {
  color: red;
}

.blazor-error-boundary {
  /*background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;*/
  padding: 1rem 1rem 1rem 3.7rem;
  color: white;
}

.blazor-error-boundary::after {
  content: "An error has occurred.";
}

body,
.navbar-item,
.navbar-link,
.select select,
.textarea,
.input,
.title,
.subtitle {
  color: hsl(221, 14%, 14%);
}

.container {
  padding: 0.5rem;
}

.section {
  padding: 1rem 1rem;
}

.float-right {
  float: right;
  padding-top: 7px;
  padding-left: 10px;
}

.float-left {
  float: left;
  padding-top: 7px;
  padding-right: 10px;
}

.button .icon:first-child:last-child {
  margin-right: 0.2em;
}

optgroup {
  padding-top: 8px;
  padding-left: 6px;
}

figcaption {
  font-size: 0.9em;
  font-style: italic;
  padding-left: 4px;
}

.has-background-transparent {
  background-color: transparent;
}

ul {
  list-style-type: disc;
  list-style-position: inside;
}
ul li:before {
  content: "";
  margin-left: -0.5rem;
}

.select select[multiple] option {
  padding: 0.3em 0.5em;
}

.modal-background {
  background-color: rgba(100, 100, 100, 0.7);
}

.modal-card-head {
  background-color: white;
  border-bottom: none;
}
.modal-card-head .modal-card-title {
  font-weight: 600;
}

.modal-card-foot {
  background-color: white;
  border-top: none;
  justify-content: flex-end;
}

.modal-card-foot .button:not(:last-child) {
  margin-right: 0.7rem;
}

.nowrap {
  white-space: nowrap;
}

.input-date {
  width: fit-content;
}