html, body {
	width: 100%!important; 
	overflow-x: hidden!important;
	background-color: #f4f4f4;
	padding: 0px;
	margin: 0px;
} 
	

        #reader {
			position: absolute !important;
            width: 100%;
			border:0px !important;
			height: 100%;
			display: flex;
			align-items: center;
			flex-direction: column;
			justify-content: center;
			top: -40px;

        }
		
		#reader > div:nth-child(1) > img {
			display:none !important;
		}
		

        #result {
			display:none;
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			overflow:none;
			overflow-y: hidden !important;
			overflow-x: hidden !important;
		}
        #btnRefresh{
            display: none;
        }
		
		/* Add some basic styling for the button */
        button {
            padding: 10px 20px;
            background-color: #3498db;
            color: #fff;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            font-size: 16px;
			margin-bottom:15px;
			margin-top:15px;
			transition: background-color 0.3s ease;
        }

        /* Add hover effect */
        button:hover {
            background-color: #2980b9;
        }
		
		#btnRefresh{
			z-index: 999999;
			position: fixed;
			top: 85%;
			left: 50%;
			transform: translate(-50%, -50%);
			font-size: 26px;
			width: 80vw;
			height: 14vh;
			
		}
		
		.result-msg{
			text-align: center;
			font-size: 40px;
			color: #ffffff;
		}