@import "tailwindcss";

.activenav {
	@apply bg-gray-300;
	@apply text-black;
}
* {
	font-family: Athiti;
}
.html5-qrcode-element {
	@apply block;
	@apply w-full;
	@apply p-4;
}
#qr-scanner__dashboard_section_csr {
	/* padding-right: 20px; */
	padding: 1rem;
}
#html5-qrcode-select-camera {
	@apply px-2 py-2 inline-flex text-lg leading-5 font-semibold rounded-md border border-current bg-neutral-100 text-neutral-800 mb-2;
}
#html5-qrcode-button-camera-start {
	@apply px-2 inline-flex text-lg leading-5 font-semibold rounded-md border border-current bg-green-100 text-green-800 mb-2 cursor-pointer;
}
#html5-qrcode-button-camera-stop {
	@apply px-2 inline-flex text-lg leading-5 font-semibold rounded-md border border-current bg-red-100 text-red-800 mb-2 cursor-pointer;
}
.donation_inactive_tab {
	@apply min-w-0 flex-1 bg-white first:border-s-0 border-s border-b-2 border-neutral-200 py-4 px-4 text-neutral-800 hover:text-neutral-700 text-sm font-medium text-center overflow-hidden hover:bg-neutral-200 cursor-pointer focus:z-10 focus:outline-hidden focus:bg-neutral-200 disabled:opacity-50 disabled:pointer-events-none;
}
.donation_active_tab {
	@apply min-w-0 flex-1 bg-blue-400 text-white first:border-s-0 border-s border-b-2 border-neutral-200 py-4 px-4 text-sm font-medium text-center overflow-hidden cursor-pointer focus:outline-hidden;
}