.scanner-laser {
  position: absolute;
  margin: 30px;
  height: 30px;
  width: 30px;
  opacity: 0.5;
}

.laser-rightBottom {
  bottom: 0;
  right: 0;
  border-bottom: solid red 5px;
  border-right: solid red 5px;
}

.laser-rightTop {
  top: 0;
  right: 0;
  border-top: solid red 5px;
  border-right: solid red 5px;
}

.laser-leftBottom {
  bottom: 0;
  left: 0;
  border-bottom: solid red 5px;
  border-left: solid red 5px;
}

.laser-leftTop {
  top: 0;
  left: 0;
  border-top: solid red 5px;
  border-left: solid red 5px;
}

#scanner{
  background-color: #000;
}
.bg-blue {
  background-color: #96d6d2 !important;
  color: black;
}

.bg-dblue {
  background-color: #7dc5c0 !important;
  color: #555;
}

.sidenav-light .sidenav-menu .nav-link.active {
  background-color: rgba(0,0,0,.1) !important;
  color:#555 !important;
}
.sidenav-light .sidenav-menu .nav-link.active .nav-link-icon {
	color: #444;
}
.sidenav-light .sidenav-menu .sidenav-menu-heading {
	color: #999;
}
.sidenav-light .sidenav-menu .nav-link {
	color: #666;
}
.sidenav-light .sidenav-menu .nav-link .nav-link-icon {
	color: #888;
}
.sidenav-light .sidenav-footer .sidenav-footer-subtitle {
	color: #777;
}

.input-group.is-invalid{
  border-color: #e81500 !important;
}