.form-control::-webkit-input-placeholder {
	  color: #cbcbcb  !important;
	}
	/* th { font-size: 1em !important; 
		text-align: center !important;
	} */
/* 	td { font-size: 1em !important;
		width: 14% !important; 
	 } */
	
/* 	table.dataTable tbody th, table.dataTable tbody td {
		padding: 0.3em !important;
	} */
	/* table.dataTable tbody td {
		  vertical-align: middle;
		} */
/* .dt-head-center {
	text-align: center !important;
} */

.pdblue {	
	background-color: #0047ba;
}
.pdgreen {	
	background-color: #6abf4b;
}
		
.db-btn {
			text-align: left;
		/*    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;*/
			color: #000;
			position: relative;
			padding-left: 0.4em;
			/* width:100%;
			height:100%; */
		}
.db-btn:hover {
			background-color: #6abf4b;
			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 */
}
.db-btn2 {
			text-align: center;
		/*    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;*/
			color: #d2232a;
			position: relative;
/* 			padding-left: 0.4em; */
/* 			width:100%;
			height:100%; */
		}
.db-btn2:hover {
			background-color: #d2232a;
			color: #FFF !important;
			width:100% !important;
			height:100% !important;
		}
.db-btn2 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 */
}
.db-btn3 {
			text-align: center;
		/*    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;*/
/* 			color: #000; */
			position: relative;
/* 			padding-left: 0.4em; */
/* 			width:100%;
			height:100%; */
		}
.db-btn3:hover {
			background-color: #d2232a;
			color: #FFF !important;
		}
.db-btn3 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 */
}
.db-btn4 {
			text-align: center;
		/*    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;*/
 			color: #d2232a;
			position: relative;
/* 			padding-left: 0.4em; */
/* 			width:100%;
			height:100%; */
		}
.db-btn4:hover {
			background-color: #d2232a;
			color: #FFF !important;
		}
.db-btn4 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 */
}
.date1 {
	min-width: 14%;
	text-align: center;
	background-color: #5cb85c;
	color: #FFF;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}
.date1:hover {
	background-color: #468d46;
}
.date1 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 */
}
.date2 {
	min-width: 14%;
	text-align: center;
	background-color: #ffc107;
	color: #FFF;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}
.date2:hover {
	background-color: #468d46;
}
.date2 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 */
}
.scrolling-wrapper{
	overflow-x: auto;
	/* height: 50vh; */
}
	.cardholder {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.tile {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}
	
}
/* Radio buttons */

.btn-group {
	flex-wrap: wrap !important;
}
/* #useType {
	visibility: hidden;
} */
input[type=radio] {
	  opacity: 0;
	}
	
	/* .box { */
           
		/* position: absolute; */
		/* opacity: 0.8;  /* for demo purpose  */
	} */
	/* .stack-top {
		z-index: 9;
	} */
	
	/* Radio buttons */
	
[type="radio"]:checked,
[type="radio"]:not(:checked) {
  position: absolute !important;
  left: -9999px !important;
}

[type="radio"]:checked+label,
[type="radio"]:not(:checked)+label {
  position: relative !important;
  padding: 8px;
  cursor: pointer !important;
  border-radius: 5px !important;
  color: #fff !important;
}

[type="radio"]:not(:checked)+label {
  /* border: 1px solid #196e2c; */
  color: #FFF !important;
  background: #cfcfcf !important;
  /* width:100%; */
}

[type="radio"]:not(:checked)+label:hover {
	color: #fff !important;
  background: #6abf4b !important;
}

[type="radio"]:checked+label {
  background: #0047ba !important;
  /* border-color: #b58905; */
  color: #fff !important;
  /* width:100%; */

}

/* Checkboxes */
	
[type="checkbox"]:checked,
[type="checkbox"]:not(:checked) {
  position: absolute !important;
  left: -9999px !important;
}

[type="checkbox"]:checked+label,
[type="checkbox"]:not(:checked)+label {
  position: relative !important;
  /* padding: 5px 10px; */
  cursor: pointer !important;
  border-radius: 5px !important;
  /* margin: 2px; */
  color: #fff !important;
}

[type="checkbox"]:not(:checked)+label {
  /* border: 1px solid #196e2c; */
  color: #fff !important;
  background: #6c757d !important;
}

[type="checkbox"]:not(:checked)+label:hover {
	color: #fff !important;
  background: #ffc107 !important;
}

[type="checkbox"]:checked+label {
  background: #d2232a !important;
  /* border-color: #b58905; */
  color: #fff !important;
}

.dataTables_paginate { 
	margin-top: 20px !important; 
}
.dataTables_filter {
	margin: 50px !important;
}

/* ----------------------------------------- */
/* Quagga and supporting styles:			       */ 
/* ----------------------------------------- */
#scanner-window-container {
	position: fixed;
	z-index: 1000000;
	height: 64%;
	width: 100%;
	background-color: #6abf4b;
	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: #0047ba !important;
   color:white !important;
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 0;
	width: 100%;
}
#scanner-window-container.is-loading {
  background-color: #6abf4b;
}
#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 {
	background-color: #dc3545 !important;
	color: #FFF !important;
}
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); }
}