@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
body {
    background: #000000 url('/images/sisu-wolf.jpg') center center no-repeat fixed;
    background-size: cover;
}
main {
    min-height: 90vh;
}
h1,h2,h3,h4,h5,h6,p {
    font-family: Roboto, sans-serif;
}
#toast-container {
    z-index: 9999;
    position: absolute;
    bottom: 10px;
    right: 10px;
}
input[type="date"]::-webkit-inner-spin-button, input[type="date"]::-webkit-clear-button { 
  display: none;
}
.nav-tabs .nav-link, .nav-tabs .nav-link:hover {
  color: #fff;
}
.nav-tabs .nav-link .active {
  color: #495057;
}
.pulse {
    overflow: visible;
    position: relative;
  }
.pulse:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: inherit;
  border-radius: inherit;
  transition: opacity .3s, transform .3s;
  animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
    z-index: -1;
}
@keyframes pulse-animation {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0;
    transform: scale(1.5);
  }
  100% {
    opacity: 0;
    transform: scale(1.5);
  }
}

  .spinner {
    animation-name: spin;
    animation-duration: 1000ms;
  }

  @keyframes spin {
		from {
			transform: rotate(0);
		}
		to {
			transform: rotate(360deg);
		}
	}