/*.qrscanner video {
  max-width: 95%;
  max-height: 75%;
}

.row-element-set {
  display: flex;
  flex-direction: column;
}
.row-element {
  padding: .2em 0em;
}

.row-element-set-QRScanner
{
  max-width: 30em; 
  display: flex;
  flex-direction: column;
}

body
{
  display: flex;
  justify-content: center;
}

.form-field-caption {
  font-weight: bold;
}

.form-field-input
{
 width: 100%; 
}

    
*/

.navbar {
	padding-left :0;
	padding-right: 0;
}

.navbar span {
	color: #ffc107 !important;
	font-weight: bold;
}

.frame-overlay {
	margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%)	
}

.navbar-brand {
	color: #ffc107 !important;
	font-weight: bold;
}

.info-text {
	color: #ffc107 !important;	
	position: absolute;
	left: 15px;
	bottom: 22px;	
}

.error_message {
    color: red; 
    background-color: white; 
    border: 1px solid red; 
    padding: 4px;
	margin: 20px;	   
    font-family: sans-serif 
}

.install-button {
  position: absolute;
  right: 15px;
  bottom: 15px;
  color: #ffc107;
  background-color: transparent;
}

.action-button a {
	color: white;
	text-decoration: none;
}

#flash-icon {
	filter: invert(79%) sepia(15%) saturate(4016%) hue-rotate(354deg) brightness(104%) contrast(101%);
}

#qr-video {   
display: none;
}

#pwa-logo {
  position: absolute;
  left: 15px;
  bottom: 7px;
}


canvas {   
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	position: fixed;   
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%) !important;     
	z-index: -100;
	background-size: cover;
}

#debug-div {
	color: #ffc107;
}