@charset "iso-8859-1";
	html,body {
		height: 77%;
	}

.zam-logo {
	float:left;
	background: #fff; /*#8090AB;*/
	width:22vw;

	border:0.1vw solid #FF0;
	border-top-right-radius:50%;
	border-bottom-right-radius:50%;
}
.zam-logo img {
	float:left;
	margin-left:0.2vw;
	width:13.2vw;
	height:6.1vw;
}

.zam-header-date-english { /*correct format name apply it*/
	width:56vw;
	margin-top:1.5vw;
	text-align:center;
	font-size: 3.5vw;
	line-height:3.5vw;
	color:#FFF;
}
.zam-header-date-urdu {
	width:56vw;
	margin-top:1.5vw;
	text-align:center;
	font-family:'Jameel-Noori-Nastaleeq','Jameel Noori Nastaleeq','Urdu Naskh Asiatype';
	font-size:3.5vw;
	line-height:3.5vw;
	color:#FFF;
}


.zam-header-time {
	float:right;
	width:22vw;

	text-align:right;
	font-family:'digital-clock-font';
	font-size: 4.2vw;
	color:#000;
	background-color:#fff;
	
	border:0.1vw solid #FF0;
	border-top-left-radius:50%;
	border-bottom-left-radius:50%;
}
@media only screen and (max-width: 1990px){
  .zam-header-time{ height:6.6vw; }
	.zam-logo { height:6.6vw; }
}
.zam-header-time span {
	float:right;
	width:7.1vw; /*97px*/
	font-size: 2.3vw;
	padding-top:2.0vw;
	padding-right:0.5vw;
}
		
.zam-h-10{
	height: 10%;
}
.zam-h-90{
	height: 90%;
}
		
.dr-avatar {
	width: 80px;
	height: 80px;
	max-width: 5rem;
	max-height: 5rem;
	border: 0.3rem solid rgba(#fff, 0.3);
  margin-top: -3rem;
	margin-left: 1rem;
}

.zam-doctor-name-english{
	text-align:center;
	font-size: 1.2rem;
	margin-top: .5rem;
}

.zam-doctor-name-urdu{
	text-align:center;
	font-family:'Jameel-Noori-Nastaleeq','Jameel Noori Nastaleeq','Urdu Naskh Asiatype';
	font-size: 1.5rem;
	margin-top: -0.3rem;
}
		
/* Eng text in doctor detail, below the doctor name, from right to left direction */
.zam-detail-english {
	overflow: hidden;
 	white-space:nowrap;
}
/* EO - Scroll Eng text in doctor detail, below the doctor name, from right to left direction */
/* Urdu text in doctor detail, below the doctor name, from left to right direction */
.zam-detail-urdu {
	text-align: right;
 	font-family:'Jameel-Noori-Nastaleeq','Jameel Noori Nastaleeq','Urdu Naskh Asiatype';
	overflow: hidden;
	white-space:nowrap;
}
/* EO - Scroll Urdu text in doctor detail, below the doctor name, from left to right direction */

.zam-token-title-english{
	/*position:absolute; top:-3.8rem;*/
	margin-bottom: 1rem;
}

.zam-token-title-urdu{
	/*position:absolute; top:-3.5rem; right:3%; width: 3.3rem;*/
	text-align: right;
	margin-top: -0.2rem;
	margin-bottom: 1rem;
	font-family:'Jameel-Noori-Nastaleeq','Jameel Noori Nastaleeq','Urdu Naskh Asiatype';
	font-weight:bolder;
}

.zam-prev-next-urdu{
	font-family:'Jameel-Noori-Nastaleeq','Jameel Noori Nastaleeq','Urdu Naskh Asiatype';
}

.zam-appt-title-english{
	/*position:absolute; top:-3.8rem;*/
	margin-bottom: 1rem;
}

.zam-time {
	font-family:'digital-clock-font';
}
.zam-appt-title-urdu{
/*position:absolute; top:-3.5rem; right:3%; width: 13rem;*/
	text-align: right;
	margin-top: -0.2rem;
	margin-bottom: 1rem;
	font-family:'Jameel-Noori-Nastaleeq','Jameel Noori Nastaleeq','Urdu Naskh Asiatype';
	font-weight:bolder;
}

@media only screen and (max-width: 1990px){
  .zam-token-title-urdu{ }
	.zam-appt-title-urdu{ }
}

/* Eng text in footer from right to left direction */
.zam-news-english {
	font-size:2rem;
	font-weight: 100;
	color:#fff;
	white-space:nowrap;
}
/* EO - Eng Scroll text in footer from right to left direction */

/* Urdu text in footer from left to right direction */
.zam-news-urdu {
	font-family:'Jameel-Noori-Nastaleeq','Jameel Noori Nastaleeq','Urdu Naskh Asiatype';
	font-size:2rem;
	color:#fff;
	white-space:nowrap;
}
/* EO - Scroll Urdu text in footer from left to right direction */
/* End /////////// Scrolling text like marquee ////////////// */
	

#fixed-result {
  border: 1px solid red;
  position: absolute;
  top: 50%;
  left: 35%;
  background: yellow;
  width: 30%;
  display: none;
  z-index: 1000;

  padding: 1rem;
  border-radius: 5px;
}

.slot-btn{
	height:30px;
	width:50px;
	line-height:30px;
	font-siz:14px;
	font-weight: bold;
	
	position:absolute;
	left:94%;
	top:0px;
	
	text-align:center;
	margin:-30px 0 0 -50px;
	border-radius:100px;
	z-index:1;
}
@media only screen and (max-width: 768px){
	 .slot-btn{left:94%!important; }
}

/*animation plugin*/
/*Ripple alarm*/
.ripple-btn-screen{
	height:36px;
	width:30px;
	line-height:30px;
	font-size:14px;
	font-weight: bold;
	
	text-align:center;
	margin:-30px 0 0 -30px;
	border-radius:100px;
	z-index:1
}
@media only screen and (max-width: 768px){
   .ripple-btn-screen{left:54%!important; }
}

.ripple-btn-screen .ripple{
	position:absolute;
	
	width:150px;
	height:150px;
	z-index:-1;
	opacity:0;
	margin:-62px 0 0 -80px;
	border-radius:100px;
	-webkit-animation:ripple 1.8s infinite;
	animation:ripple 1.8s infinite
}

@-webkit-keyframes ripple{
	0%{
			opacity:1;
			-webkit-transform:scale(0);
			transform:scale(0)
	}
	100%{
			opacity:0;
			-webkit-transform:scale(1);
			transform:scale(1)
	}
}
@keyframes ripple{
	0%{
			opacity:1;
			-webkit-transform:scale(0);
			transform:scale(0)
	}
	100%{
			opacity:0;
			-webkit-transform:scale(1);
			transform:scale(1)
	}
}
.ripple-btn-screen .ripple:nth-child(2){
	animation-delay:.3s;
	-webkit-animation-delay:.3s
}
.ripple-btn-screen .ripple:nth-child(3){
	animation-delay:.6s;
	-webkit-animation-delay:.6s
}
/*EO - Ripple alarm*/
/*EO - animation plugin*/