date_default_timezone_set('America/New_York');

<link rel="shortcut icon" href="images\favicon.ico">
<!--Page Loader Start-->
<div class="se-pre-con"></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
	$(window).load(function() {
		// Animate loader off screen
		$(".se-pre-con").fadeOut("slow");;
	});
  </script>
<!--Page Loader End-->

<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/demo.css">
<link rel="stylesheet" href="css/modal.css">
<link rel="stylesheet" href="css/newsticker.css">
<link rel="stylesheet" href="css/footer-distributed-with-address-and-phones.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/latest/plugins/ScrollToPlugin.min.js"></script>
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script  src="js/index.js"></script>

<script src="https://www.w3schools.com/lib/w3.js"></script>

<script src="js/bubble.js"></script>
<link rel="stylesheet" href="css/bubble.css">


<script src="js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
  /* Note: Try to remove the following lines to see the effect of CSS positioning */
  .affix {
      top: 0;
      width: 100%;
  }

  .affix + .container-fluid {
      padding-top: 70px;
  }
  
  .w3-text-post{
	  color:#145f9b;
  }
  
  #topnav{
	padding-left:0px; 
	font-size:10px; 
	font-weight:bold;
  }
  
   #topnavadmin{
	border-bottom:1px dashed silver;
	padding-left:0px; 
	font-size:11px; 
	font-weight:bold;
  }
  
  .team_social.showLinks {
    opacity: 1;
    -o-transform: translate(0, 100%);
    -webkit-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    transform: translate(0, 100%);
    z-index: 1;
	}
	.team_social {
		width: 100%;
		opacity: 0;
		padding-top: 15px;
		position: absolute;
		right: 0;
		bottom: 0;
		text-align: right;
		-o-transform: translate(0, -200%);
		-webkit-transform: translate(0, -200%);
		-ms-transform: translate(0, -200%);
		transform: translate(0, -200%);
		-webkit-transition: all 300ms ease-in-out;
		-o-transition: all 300ms ease-in-out;
		transition: all 300ms ease-in-out;
		-webkit-overflow-scrolling: touch;
	}
	.list-group-item {
		background-color:#F0F3F4;
	}
	.watermark {
		  
		  background-image: url(images/Ashoka_Chakra.png);
		  background-repeat: no-repeat;
		  background-position: center;
		
		  background-size: 340px;
		}
		
	a {text-decoration:none;}		
	a:hover {text-decoration:none;}	
	
	
	
	
	.no-js #loader { display: none;  }
	.js #loader { display: block; position: absolute; left: 100px; top: 0; }
	.se-pre-con {
		position: fixed;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		z-index: 9999;
		background: url(images/Preloader_2.gif) center no-repeat #fff;
	}

	small { 
	font-size:12px;
	color:#006699;
	}
  </style>

<!--script language="JavaScript">
  /**
    * Disable right-click of mouse, F12 key, and save key combinations on page
    */
  window.onload = function() {
    document.addEventListener("contextmenu", function(e){
      e.preventDefault();
    }, false);
    document.addEventListener("keydown", function(e) {
    //document.onkeydown = function(e) {
      // "I" key
      if (e.ctrlKey && e.shiftKey && e.keyCode == 73) {
        disabledEvent(e);
      }
      // "J" key
      if (e.ctrlKey && e.shiftKey && e.keyCode == 74) {
        disabledEvent(e);
      }
      // "S" key + macOS
      if (e.keyCode == 83 && (navigator.platform.match("Mac") ? e.metaKey : e.ctrlKey)) {
        disabledEvent(e);
      }
      // "U" key
      if (e.ctrlKey && e.keyCode == 85) {
        disabledEvent(e);
      }
      // "F12" key
      if (event.keyCode == 123) {
        disabledEvent(e);
      }
    }, false);
    function disabledEvent(e){
      if (e.stopPropagation){
        e.stopPropagation();
      } else if (window.event){
        window.event.cancelBubble = true;
      }
      e.preventDefault();
      return false;
    }
  };
</script-->

<!-- Modal start here -->
<script>
        window.onload = function() {
            document.getElementById("opdPopup").style.display = "flex";
        };
		
        // Redirect function
        function redirectToOPD() {
            document.getElementById("opdPopup").style.display = "none";
            window.location.href = "https://eupchaarharyana.org.in/eupchaar/eupchaar/Patient_Portal_Reg";
        }

        function closePopup(){
            document.getElementById("opdPopup").style.display = "none";
        }
    </script>
<!-- Modal end here --><!DOCTYPE html>
<html>
<head>
	<title>Welcome to SHKM, Govt. Medical College, Nalhar, Nuh, Haryana.</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link href="style.css" rel="stylesheet" type="text/css" />
	<link rel="stylesheet" href="../css/bootstrap.css">
	<link rel="stylesheet" href="../css/footer-distributed-with-address-and-phones.css">
<script type="text/javascript" src="js/validation.js" type="text/javascript"></script>
<SCRIPT LANGUAGE="JavaScript">
	var dayarray=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday")
	var montharray=new Array("January","February","March","April","May","June","July","August","September","October","November","December")
	function getthedate(){
	var mydate=new Date()
	var year=mydate.getYear()
	if (year < 1000)
	year+=1900
	var day=mydate.getDay()
	var month=mydate.getMonth()
	var daym=mydate.getDate()
	if (daym<10)
	daym="0"+daym
	var hours=mydate.getHours()
	var minutes=mydate.getMinutes()
	var seconds=mydate.getSeconds()
	var dn="AM"
	if (hours>=12)
	dn="PM"
	if (hours>12){
	hours=hours-12
	}
	{
	 d = new Date();
	 Time24H = new Date();
	 Time24H.setTime(d.getTime() + (d.getTimezoneOffset()*60000) + 3600000);
	 InternetTime = Math.round((Time24H.getHours()*60+Time24H.getMinutes()) / 1.44);
	 if (InternetTime < 10) InternetTime = '00'+InternetTime;
	 else if (InternetTime < 100) InternetTime = '0'+InternetTime;
	}
	if (hours==0)
	hours=12
	if (minutes<=9)
	minutes="0"+minutes
	if (seconds<=9)
	seconds="0"+seconds
	//change font size here
	var cdate=dayarray[day]+", "+montharray[month]+" "+daym+" "+year+" | "+hours+":"+minutes+":"+seconds+" "+dn+""
	document.getElementById("caldiv").innerHTML=cdate;

	/*var cdate=dayarray[day]+",  "+hours+":"+minutes+":"+seconds+" "+dn+""
	document.getElementById("caldiv").innerHTML=cdate;

	var cdate=" "+montharray[month]+" "+daym+", "+year+""
	document.getElementById("clockdiv").innerHTML=cdate;*/
	}
	function goforit(){

	setInterval("getthedate()",1000)
	}
	window.onload=goforit
</script>
<style>
/* Full-width input fields */
input[type=text], input[type=password] {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

/* Set a style for all buttons */
button {
    background-color: #4CAF50;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
}

button:hover {
    opacity: 0.8;
}

/* Extra styles for the cancel button */
.cancelbtn {
    width: auto;
    padding: 10px 18px;
    background-color: #f44336;
}

/* Center the image and position the close button */
.imgcontainer {
    text-align: center;
    margin: 24px 0 12px 0;
    position: relative;
}

img.avatar {
    width: 40%;
    border-radius: 50%;
}

.inputcontainer {
    padding: 16px;
}

span.psw {
    float: right;
    padding-top: 16px;
}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    padding-top: 60px;
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button (x) */
.close {
    position: absolute;
    right: 25px;
    top: 0;
    color: #000;
    font-size: 35px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: red;
    cursor: pointer;
}

/* Add Zoom Animation */
.animate {
    -webkit-animation: animatezoom 0.6s;
    animation: animatezoom 0.6s
}

@-webkit-keyframes animatezoom {
    from {-webkit-transform: scale(0)} 
    to {-webkit-transform: scale(1)}
}
    
@keyframes animatezoom {
    from {transform: scale(0)} 
    to {transform: scale(1)}
}

/* Change styles for span and cancel button on extra small screens */
@media screen and (max-width: 300px) {
    span.psw {
       display: block;
       float: none;
    }
    .cancelbtn {
       width: 100%;
    }
}
</style>

 <script src="https://www.google.com/recaptcha/enterprise.js?render=6Lf_40ArAAAAAMbjj1maOPUNIn24UbhSz8RVDIrP"></script>

</head>
<body>	
	<div class="container" id="topnavadmin">	
		<div class="logo">
			<!--a class="navbar-brand" href="#myPage"><img src="../images/Shkm_logo.png" style="height:70px; width:70px; margin:-25px 0 0 0;" /></a-->
			<h3> शहीद हसन ख़ान मेवाती, गवर्नमेंट मेडिकल कॉलेज, नल्हर, मेवात</h3>
			<h3> Saheed Hasan Khan Mewati, Govt. Medical College, Nalhar, Mewat</h3>
		</div>	
	</div>

	<div class="container">	
		<div style="float:right">
			<span id="caldiv"></span>
		</div><br>
		<div class="col-sm-5 col-sm-offset-4">
			<form class="modal-content animate" action="/index.php" name="adminsub" method="post" onsubmit="return validate();">
								
				<div class="imgcontainer">
					<h3>Admin Panel</h3>
					<img src="images/img_avatar.png" alt="Avatar" class="avatar">
				</div>

				<div class="inputcontainer">
					<label><b>Username</b></label><br>
					<input name="textfield22" id="textfield22" type="text"  placeholder="Enter Username" required><br>
				
					<label><b>Password</b></label><br>
					<input name="textfield222" id="textfield222" type="password" placeholder="Enter Password" required><br>				  
					<script>
					  function onClick(e) {
						e.preventDefault();
						grecaptcha.enterprise.ready(async () => {
						  const token = await grecaptcha.enterprise.execute('6Lf_40ArAAAAAMbjj1maOPUNIn24UbhSz8RVDIrP', {action: 'LOGIN'});
						});
					  }
					</script>
					
					<button type="submit"  alt="submit"  name="adminlogin">Login</button>
					<input type="checkbox" checked="checked"> Remember me
				</div>

				<!--div class="container" style="background-color:#f1f1f1">
					<button type="button" onclick="document.getElementById('id01').style.display='none'" class="cancelbtn">Cancel</button>
					<span class="psw">Forgot <a href="#">password?</a></span>		
				</div-->
			</form>
		</div>
		<script>
			// Get the modal
			var modal = document.getElementById('id01');

			// When the user clicks anywhere outside of the modal, close it
			window.onclick = function(event) {
				if (event.target == modal) {
					modal.style.display = "none";
				}
			}
		</script>
	</div>
	<footer class="footer-distributed">
		<div style="margin-bottom:-10px;">
			<p class="footer-company-name" style="text-align:center;">Copyright © 2018. शहीद हसन ख़ान मेवाती, गवर्नमेंट मेडिकल कॉलेज, नल्हर,  नूँह.  All rights reserved.</p>
		</div>	
	</footer>
</body>
</html>