/* Custom styles goes here */
a.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}


@media (max-width: 576px) {
  .avatar-initial i {
    font-size: 1.5rem !important;
  }

  .card h4 {
    font-size: 1.25rem;
  }

  .card .text-heading {
    font-size: 0.9rem;
  }
}

#qr-reader video {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  object-fit: cover; /* Ako želiš da video ispuni container */
}

#qr-reader canvas {
  display: none !important; /* Sakri canvas koji html5-qrcode koristi za overlay, po potrebi */
}
#qr-reader {
  min-height: 300px;
  width: 100%;
}
#switchCameraBtn {
  margin-top: 10px;
}

body.offcanvas-open #scheduleContainer {
  margin-right: 400px;
  transition: margin-right 0.3s ease;
}