if ('serviceWorker' in navigator) {
  window .addEventListener('load', () => {
    navigator.serviceWorker.register('/service-worker.js')
      .then((registration) => {
        console.log('Service Worker registrace úspěšná: ', registration);
      })
      .catch((error) => {
        console.log('Service Worker registrace selhala: ', error);
      });
  });
}





html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
  /*background-image: url('/images/img4background.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;*/
  background-color: rgba(255, 0, 255, 10.5); /* Bílá barva s 50% průhledností */
  padding-left: 5px;
  padding-right: 5px;
}

  body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('/images/img4background.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    opacity: 0.75; /* Nastavení průhlednosti obrázku */
    z-index: -1; /* Ujistěte se, že obrázek je za obsahem stránky */
  }



@keyframes blink {
  50% {
    opacity: 0.2;
  }
}

.blink {
  animation: blink 0.5s infinite;
}


td{
  /*background-color: yellow;*/
}

td .operator{
  /*background-color: blue;*/
}

.operator{
  /*background-color: blue;*/
}

/*tr {
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 10px;
}*/

div {
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 10px;
  padding: 2px 5px 2px 5px;
  margin: 5px;
}

h1 {
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 10px;
  padding: 2px 10px 2px 10px;
}