.fade:not(.show) {
  opacity: 0; }

body {
  margin: 10px !important; }

.main-alert p:last-of-type {
  margin-bottom: 0; }

/*
.modal-backdrop {
  position: absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  opacity: .5;
  background: #000000;
  z-index: 5;
}
.modal {
  z-index: 1000;
  position: absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  display: none;

  &.show {
    display: flex !important;
    justify-content: center;
    align-items: center;

  }
  .modal-dialog {
    background: #ffffff;
    min-width: 50em;
    min-height: 20em;
    position: relative;
    padding: 20px;
    border-radius: 10px;
    border: 2px solid #333;

    button.close {
      position: absolute;
      top:0px;
      right:5px;
      cursor: pointer;
      background: transparent;
      border: none;
      font-size: 1.5em;
    }
  }
}
*/
.main-alert {
  position: fixed;
  top: 10px;
  right: 10px;
  width: 40%;
  z-index: 10000; }

/*

div.infoBox {
  border: 1px solid blue;
  position: absolute;
  top:10px;
  right: 10px;
  width: 30%;
  min-height: 2em;
  height: auto;
  background: white;
  z-index: 1000;
  .close {
    position: absolute;
    top: 0.1em;
    right: 0.3em;
    cursor: pointer;
    color: blue;
  }
  .background {
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    margin:0;

  }

  main {
    margin: 0.2em 1.4em 0.2em 0.4em;
    border-radius: 10px;
    background: white;
    display: block;
  }

  &.success {
    border: 2px solid green;
    .background {
      background: rgba(0,255,0,0.1);
    }
    .close {
      color: green;
    }
  }
}
*/
html, body {
  height: 100%;
  min-height: 100%;
  max-height: 100%; }

* {
  -webkit-text-fill-color: unset !important;
  font-size: 1.1em; }

.alert-danger {
  border: 2px dashed red;
  color: darkred;
  padding: 5px;
  border-radius: 5px; }
  .alert-danger .close {
    display: none; }

.alert-success {
  background: #90EE9066;
  border: #90EE90BB;
  border-radius: 10px;
  padding: 10px; }
  .alert-success button {
    display: none; }

h1 {
  margin-top: 0 !important; }

#addform-wrapper {
  padding-bottom: 20px;
  margin-bottom: 10px;
  border-bottom: 1px solid gray;
  width: 30em; }

span.highlight {
  display: inline-block;
  background: yellow;
  border: 1px solid yellow;
  border-radius: 5px;
  padding: 2px 5px;
  font-weight: normal;
  font-size: 1rem; }

#niceConfirmModal {
  z-index: 2000; }
  #niceConfirmModal .modal-header > div {
    flex-grow: 1; }

.modal-backdrop:nth-child(2 of .modal-backdrop) {
  z-index: 1400; }

input[type=text], textarea {
  width: 100%; }

.formbox-row {
  margin-top: 0.5em; }

form label {
  margin-bottom: 0.2em; }

.mandatory label:after {
  content: " *";
  color: red; }

.alert button {
  padding: 0 !important;
  background: transparent;
  min-width: 0;
  cursor: pointer;
  transition: none;
  border-radius: 0;
  margin: .25rem .75rem !important; }

.alert button:hover, .alert button:active, .alert button:focus {
  box-shadow: none;
  border: none;
  transform: none;
  outline: none;
  opacity: 1 !important;
  transition: none;
  background: transparent !important; }

.hidden, .pichidden {
  display: none !important; }

#numberplatestable {
  border: 0;
  width: auto;
  min-width: 30em;
  box-shadow: none; }
  #numberplatestable tr:nth-child(even) {
    background: #eee; }

.loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00000033;
  z-index: 10; }

/* HTML: <div class="loader"></div> */
.loader {
  width: 50px;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 8px solid #514b82;
  animation: l20-1 0.8s infinite linear alternate, l20-2 1.6s infinite linear; }

@keyframes l20-1 {
  0% {
    clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%); }
  12.5% {
    clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%); }
  25% {
    clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%); }
  50% {
    clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%); }
  62.5% {
    clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%); }
  75% {
    clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%); }
  100% {
    clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%); } }
@keyframes l20-2 {
  0% {
    transform: scaleY(1) rotate(0deg); }
  49.99% {
    transform: scaleY(1) rotate(135deg); }
  50% {
    transform: scaleY(-1) rotate(0deg); }
  100% {
    transform: scaleY(-1) rotate(-135deg); } }

/*# sourceMappingURL=style.css.map */