@charset "UTF-8";
/* CSS Document */

th { font-size: 0.8em !important; }
td { font-size: 0.9em !important; }

/*
table.dataTable tbody th, table.dataTable tbody td {
    padding: 0 !important;
}
*/
.bcabox {
	background-color: #f05423;
}
.dt-body-right {
	text-align: right;
}

.db-btn {
    text-align: left;
/*    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    color: #000;
    position: relative;
	padding-left: 0.4em;
}
.db-btn:hover {
	background-color: #f05423;
	color: #FFF;
}
.db-btn a {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	text-decoration:none; /* Makes sure the link   doesn't get underlined */
	z-index:10; /* raises anchor tag above everything else in div */
	background-color:white; /*workaround to make clickable in IE */
	opacity: 0; /*workaround to make clickable in IE */
	filter: alpha(opacity=1); /*workaround to make clickable in IE */
}


/* ----------------------------------------- */
/* Quagga and supporting styles:			       */ 
/* ----------------------------------------- */
#scanner-window-container {
	position: fixed;
	z-index: 1000000;
	height: 64%;
	width: 100%;
	background-color: black;
	top: 0;
	left: 0;
	overflow: hidden;
}
#scanner-window-container #scanner-window {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
  text-align: center;
}
#scanner-window-container #scanner-window video {
  height: 100%;
}
#scanner-window-container #scanner-window canvas.drawingBuffer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000010;
}
#scanner-window-container #scanner-window-header {
  position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
	width: 100%;
}
#scanner-window-container #scanner-window-footer {
/*    background-color: #6c5c7f !important;*/
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 0;
	width: 100%;
}
#scanner-window-container.is-loading {
  background-color: #447054;
}
#scanner-window-container .loading-overlay {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1000015;
}
#scanner-window-container.is-loading .loading-overlay {
  display: block;
}
#scanner-window-container.is-loading video {
  opacity: 0.3;
}
#scanner-window-container.is-loading canvas.drawingBuffer,
#scanner-window-container.is-loading #scanner-window-footer {
  display: none;
}
input.scanner-input.error {
	border-color: #f09191;
	color: #b84d4d;
}
input.scanner-input::placeholder {
  color: rgba(0, 0, 0, 0.2);
}
form label.error {
  margin: 6px 0 0 0;
  color: #b84d4d;
}


#alert-container {
  position: fixed;
	z-index: 1000020;
	width: 100%;
  top: 0;
	left: 0;
}
#alert-container .scanner-js-alert {
  animation: animScale 0.35s;
}
@keyframes animScale {
  0% { opacity: 0; transform: translate3d(0,-40px,0) scale3d(0.1,0.6,1); }
  100% { opacity: 1; transform: translate3d(0,0,0) scale3d(1,1,1); }
}