*{
	margin:0;
	padding:0;
}
.body-bg{
	background-color:#0984e3;
}
.btn-primary{
	background-color:#0984e3;
	color:#fff;
	letter-spacing:2px;
	font-family:17px;
	border:1px solid #0984e3;
	transition:linear 0.5s;
}
.btn-primary:hover{
	border:1px solid #0984e3;
	background-color:#fff;
	color:#0984e3;
	letter-spacing:2px;
	font-family:17px;
}
.btn-block{
	width:100%;
}
.login_box{
	border-radius:20px!important;
	position:fixed;
	top:50%;
	width:290px;
	left:50%;
	transform:translate(-50%,-50%);
}
.h4{
	letter-spacing:2px;
	font-family:19px;
}
.p{
	letter-spacing:2px;
	font-family:17px;
}
.dp{
	letter-spacing:2px;
	font-size:13px!important;
}
.dashboard_box{
	background-color:#fff;
}
.card_{
	border-radius:20px!important;
	border:0px;
	padding:10px;
	margin-top:10px;
	margin-bottom:10px;
	height:90px;
}
.card_ small{
	margin-top:-15px;
}
.card_ p, .card_ small, .card_ h4 {
    margin: 0; /* Remove default margin */
    display: flex;
    align-items: center; /* Align items vertically in the center */
    justify-content: center; /* Center text horizontally */
}
.card_ .fa{
	text-align:center!important;
	color:#0984e3;
	margin-bottom:10px;
	font-size:20px;
}
.dcard{
	background-color:#0984e3;
	width:100%;
	position:fixed;
	height:55px;
	top:0px;
	z-index:10;
}
.dtitle{
	margin-top:13px;
	margin-left:20px;
}
.btn-barcode{
	width:50px;
	height:55px;
	padding-top:15px;
	background-color:#0984e3;
	color:#fff;
	position:absolute;
	top:0px;
	right:80px;
	text-align:center;
}
.btn-sign-out{
	width:50px;
	height:55px;
	padding-top:15px;
	background-color:#0984e3;
	color:#fff;
	position:absolute;
	top:0px;
	right:20px;
	text-align:center;
}	
#qr-reader{
	width:100%;	
	border:1px solid #0984e3!important;
	margin-left:auto;
	max-height:75vh;
	height:75vh;
	margin-right:auto;
}
#qr-reader__status_span{
	display:none;
}
#qr-reader__scan_region video{
	width:80%!important;
	margin-left:auto;
	margin-right:auto;
}
#qr-reader div{
	border:0px!important;
}
#qr-reader__camera_selection{
	width:100%;
	margin-bottom:10px;
}
#qr-reader span a{
	display:none;
}
#qr-reader button{
	width:100%!important;
	background-color:#0984e3;
	color:#fff;
	letter-spacing:2px;
	font-family:17px;
	border:1px solid #0984e3;
	transition:linear 0.5s;
}
#qr-reader button:hover{
	border:1px solid #0984e3;
	background-color:#fff;
	color:#0984e3;
	letter-spacing:2px;
	font-family:17px;
}
#qr-reader__dashboard_section_swaplink{
	background-color:#0984e3;
	width:100%!important;
	color:#fff;
	margin-top:10px!important;
	display: inline-block;
	letter-spacing:2px;
	font-family:17px;
	border:1px solid #0984e3;
	transition:linear 0.5s;
	text-decoration:none!important;
}
#qr-reader__dashboard_section_swaplink:hover{
	border:1px solid #0984e3;
	background-color:#fff;
	color:#0984e3;
	letter-spacing:2px;
	font-family:17px;
}
.product_card{
	font-size:14px;
}
.product_card p{
	font-size:13px;
	margin:2px;
	padding:0px;
}
.product_card p b{
	font-size:13px;
	letter-spacing:1px;
}
.btn-floating{
	position:fixed;
	bottom:20px;
	right:20px;
	border-radius:50%;
}