@font-face {
  font-family: himalaya;
  src: url(himalaya.ttf);
}
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,100;9..40,200;9..40,300;9..40,400;9..40,500;9..40,600&display=swap');


BODY {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
    background:url(images/bg.jpg) repeat-x;
	FONT-SIZE: 12px !important;
	background-color:#FFFFFF;
	COLOR: #666666;
	line-height:21px;
	FONT-FAMILY:Arial, Helvetica, sans-serif;
	font-weight:100;
	outline:0;
	border:0;
	}
.logo_text{
   font-family: himalaya;
font-size: 23px;
color: #002144;
float: left;
position: relative;
top: 24px;
margin:0;
padding:0;
}
.popup{
    background-color: #de3025;
    width: 800px;
    position: fixed;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
/*    border-radius: 8px;*/
    border:1px solid #90e69d;
    font-family: "Poppins",sans-serif;
    display: none;
    text-align: center;
    z-index: 999;
}
.popup::before {
    content: '';
    background-color: #ffffffba;
    width: 12000px;
    height: 18000px;
    position: fixed;
    z-index: -1;
    left: -1980px;
    right: 0;
    top: -250px;
    bottom: 270px;
    filter: blur(98px);
    -webkit-filter: blur(98px);
    backdrop-filter: blur(10px);
}
.popup button{
    display: block;
    background-color: transparent;
    font-size: 3rem;
    color: #de3025;
    border: none;
    outline: none;
    cursor: pointer;
    position: absolute;
    right:0px;
    z-index:999;
}
.popup p{
    font-size: 14px;
    text-align: justify;
    margin: 20px 0;
    line-height: 25px;
}
.p_counter{
    border-bottom:0 !important;color: #1d9006;text-decoration:none;
}
.p_counter .tooltiptext {
    visibility: hidden;
    width: 226px !important;
}
  .patient_count {
    display: inline-block;
    /*width: 150px;*/
    padding: 7px 10px;
    background: #e82f2f;
    border-radius: 10px;
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    line-height: 20px;
    text-align: left;
    height: 20px;
 
}
.patient_count_details {
    display: inline-block;
    /*width: 150px;*/
    padding: 7px 10px;
    background: #e82f2f;
    border-radius: 10px;
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    position: relative;
    line-height: 20px;
    height: 20px;
    margin-bottom: 2px;
}
.blink-eff {
        padding: 5px !important;
        background: #fff;
        color: #fff !important;
        border-radius: 6px;
        animation: colorChange 5s infinite alternate;
    }
    
  
    @keyframes colorChange {
        0%{              
            background: #e40046;   
        }
        10%{
            background: #59b854;                
        }
        20%{
            background: #e40046;               
        }
        30%{                
            background: #59b854;
        }
        40%{
            background: #e40046;            
        }
        50%{                
            background: #59b854;
        }
        60%{
            background: #e40046;                
        }
        70%{
            background: #59b854;               
        }
        80%{               
            background: #e40046;
        }
        90%{                
            background: #59b854;
        }
        100%{               
            background: #e40046;
        }
    }

	
.no_border_bg{
    background: none;border: 0;outline: 0;
}
.search_bg{
    background:#e98585;border:#e98585 solid 1px; padding:5px;
}
.column__heading{
    font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#0066CC; padding:10px;text-align:center;
}
.column__id{
    font-size: 15px;text-align:center;display:block;color: #0288d1; 
}
.column__anchor{
    color:#FFFFFF; background-color:#0066CC;text-align: center;
}
.column__anchor a{
    color:#FFFFFF; 
}
.column__anchor a:focus{
    color:#FFFFFF; 
}
.cursor{
    cursor:pointer;
}
.main__logo{
    color: #000;
    text-decoration: none;
    outline: 0;
    border: 0;
    
    vertical-align: text-top;
    display: inline-flex;
}
.float__left{
    float:left;
}
.margin0{
    margin:0;
}

.txt_fld{
background:#F4F4F4;
color:#000;
border:#a9a9a9 solid 1px;
height:25px; width:270px;
font-size:15px;


}
.txt_bcc{
background:#F4F4F4;
color:#000;
border:#E9E9E9 solid 1px;
height:140px; width:270px;
font-size:15px;
FONT-FAMILY: Arial, Helvetica, sans-serif;
}	

.cont_hd {
	color:#06158c;
	font-size:16px;
	line-height:22px;
	font-weight:normal;
	font-family:"Calibri";
	src:url("Calibri.eot?") format("eot"), url("Calibri.woff") format("woff"), url("Calibri.ttf") format("truetype");
	text-decoration:none;
}
	
	
.menu a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight:bold;
}
.menu a:link {
	text-decoration: none;
}
.menu a:visited {
	text-decoration: none;
	color: #FFFFFF;
	font-weight:bold;
}
.menu a:hover {
	text-decoration: none;
	color: #FFCC00;
	font-weight:bold;
}
.menu a:active {
	text-decoration: none;
	color: #FFFFFF;
	font-weight:bold;
}


	
.top_bg{
background:url(images/bg.jpg) repeat;
	background-repeat:repeat;
}	


.top_innr{
background:url(images/top_bg.jpg) repeat;
	background-repeat:repeat;
}
	
.header_bg
{
background-image:url(images/header_bg_02.png);
background-repeat:repeat;
}

.h1
{
font:Arial, Helvetica, sans-serif;
color:#007DC5;
font-size:19px;
font-weight:bold;
}

.head1
{
font:Arial, Helvetica, sans-serif;
color:#0067ac;
font-size:15px;
font-weight:bold;
}

.head2
{
font:Arial, Helvetica, sans-serif;
color:#117e3d;
font-size:16px;
font-weight:bold;
}


.content
{
font:Arial, Helvetica, sans-serif;
color:#666666;
font-size:12px;
font-weight:100;
line-height:25px;
}
.btn{
background:#24a961;
font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; size:12px; font-weight:bold;
height:35px; width:128px;
border:0px;
border-radius: 5px 5px 5px 5px;
box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);
cursor:pointer;
outline:0;
}

.btn2{
background:#24a961;
font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; size:12px; font-weight:bold;
height:28px; width:200px;
border:0px;

}


.footer_bg
{
background-image:url(images/footer_bg_12.png);
background-repeat:repeat;
}

.wht{FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #fff; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none;
text-shadow: 0 2px 1px #666;}

.facilities{
FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #fff; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none;
text-shadow: 0 1px 1px #666;}
	
.textwhitebold {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #553305; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}


.footer_bg {
	background-color:#FCFBF7
}


.ftext{
FONT-SIZE: 11px; COLOR: #01519a; FONT-FAMILY: "verdana";
}
h2 {
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	font-family: verdana;
	text-align:left;
}
h3 {
	font-size: 12px;
	color: #EA5E2F;
	font-weight: bold;
	font-family: verdana;
	text-align:left;
	
}
.area{
FONT-SIZE: 12px; COLOR: #535251; FONT-FAMILY: "verdana";
}
.color{
FONT-SIZE: 11px; COLOR: #006600; FONT-FAMILY: "verdana"; text-decoration:none;
}
.colorwhite{
FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: "verdana"; text-decoration:none;
}
.footerlink{
	 FONT-SIZE: 12px; font-weight:bold; COLOR: #FFF; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none;
}
.footerlink:link {
	 FONT-SIZE: 12px;font-weight:bold; COLOR: #FFF; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none;
}
.footerlink:hover {
	FONT-SIZE: 12px; COLOR: #00CCCC; font-weight:bold; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none; 
}

.red {
	FONT-SIZE:14px; font-weight:bold; COLOR: #FFFFFF; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none; 
}

.black {
	FONT-SIZE: 18px; font-weight:bold; COLOR: #ee0919; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none; 
}

.rightlink {
	FONT-SIZE: 12px; font-weight:400; COLOR: #666666; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none; 
}
.rightlink:hover {
	FONT-SIZE: 12px; font-weight:400; COLOR: #0099FF; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none; 
}

.white1 {
	FONT-SIZE: 12px; font-weight:bold; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none; 
}

.bold
{font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
}







/*content part*/
#main-wrapper{
	width:960px; margin:0 auto;
}
#main-wrapper #main{
	width:958px;
}
.with-navigation #content, .with-navigation .region-sidebar-first, .with-navigation .region-sidebar-second{
	margin-top:0px;
}
#main{	
	background:#FFFFFF;
	color:#CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}
.front #main{
	border:none;
}
#content-area{
	font-size:12px;
	line-height:20px;	
}
#content-area a{
font-size:12px;
	line-height:20px;
	color: #0186D5;
    text-decoration: none;
}
#content-area a:hover{
font-size:12px;
	line-height:20px;
	color:#115388;
	text-decoration:underline;
	cursor:pointer;
}


.top_cont
{
font-family:Arial, Helvetica, sans-serif;
color:#0B72C1;
font-size:12px;
text-decoration:none;
}

.footlink {
	FONT-SIZE: 13px; font-weight:bold; COLOR: #FFFFFF; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none; 
}
.footlink:hover {
	FONT-SIZE: 13px; font-weight:bold; COLOR: #FFFFFF; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none; 
}

.arw
{
font:Arial, Helvetica, sans-serif;
color:#FF0000;font-size:12px;font-weight:bold;
}


.textfield
{
height:21px;
width:140px;
color:#333333;
border:#0099CC 1px solid;
}

.textfield1
{
height:35px;
width:140px;
color:#333333;
border:#0099CC 1px solid;
}

.sitelink {
	FONT-SIZE: 11px; font-weight:400; COLOR: #666666; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none; 
}
.sitelink:hover {
	FONT-SIZE: 11px; font-weight:400; COLOR: #0099FF; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none; 
}

.foot_bg
{
background:url(images/foot_bg.jpg);

}


.right_menu ul 
{
margin:0 auto;
list-style-image:url("images/bullet_icon.jpg");
list-style-position: inside;
margin-left:7px;
padding:0px;
}
.right_menu ul li {
border-bottom:#E4E4E4 1px solid;
}
.right_menu li a:link {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:35px;
color:#336699;
text-decoration:none;
font-weight:bold;

}
.right_menu li a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:35px;
color:#336699;
text-decoration:none;
font-weight:bold;

}
.right_menu li a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FF9900;
text-decoration:none;
font-weight:bold;
}


#events ul			{ margin:0px; padding:10px 0px 0 0px; list-style-type:none; }
#events ul li		{ background:url(../images/arw.jpg) no-repeat 8px 10px; padding:5px 0px 4px 22px ; font-weight:bold; font-family:verdana; font-size:11px; line-height:14px; border-bottom:dotted 1px #D3D3D3; margin-left:0; margin-right:5px;}
#events ul li:hover		{ background-color:#e8e8e8;}
#events ul li:hover a	{ color:#228800}
#events ul li a	{   font-size:11px; font-weight:bold; color:#666666; font-size:11px; text-decoration:none }
#events ul li a:hover{   font-size:11px; color:#228800; font-size:11px; text-decoration:none;}
.facilities{
FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #fff; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none;
text-shadow: 0 1px 1px #666;}


.foot a {

color: #666666;
font-size:16px;
line-height:23px;
font-weight:normal;
font-family: "Calibri";
  src: url("Calibri.eot?") format("eot"),
  url("Calibri.woff") format("woff"),
  url("Calibri.ttf") format("truetype");
}
.foot a:link {
	text-decoration: none;
	color: #666666;
}

.foot a:hover {
	text-decoration: none;
	color: #0066FF;
	}
	
.city_panel {
height:30px;
width:160%;
border:#CCCCCC 1px solid;
color:#000000;
padding-left:5px;
}
.type_panel {
height:30px;
width:100%;
border:#CCCCCC 1px solid;
color:#000000;
padding-left:5px;
border-radius:5px;
}



.what_panel {
width:400px;
height:30px;
color:#000000;
padding-left:5px;
border:#CCCCCC 1px solid;
}	
	
	
div.scroll {
height: 290px;
width: 92%;
overflow: auto;
border: 0px solid #666;
background-color: #fff;
padding: 8px;
}


div.scr {
height: 327px;
width:100%;
overflow: auto;
border: 0px solid #666;
background-color: #fff;
padding: 8px;
}



#catagory{ width:100%;margin:0px; padding:0px;}
#catagory ul { list-style: none;margin:0px; padding:0px;}
#catagory ul li {float:left;  padding:5px; width:824px;height:auto;overflow:hidden; text-align:center;}
#catagory ul li img{
/*-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
  border:4px solid #CCCCCC;*/
  }


.textbox {
    color: #333333;
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    border: 1px solid #eee;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    outline: none;
    width: 100%;
    padding: 7px 14px;
    display: block;
    margin-bottom: 10px;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}


h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	color:#626262 !important;
	font-size:15px !important;
	/*padding-bottom:7px !important;*/
	
	display:inline-block  !important;
	padding :5px   !important;
	border-bottom:1px solid #ccc;
	width:100%;
}

.border_dr{
	border:1px solid #ccc;
	padding:10px 0px;
	width:100%;
	height:auto;
	display:inline-block;
	margin-bottom:15px;
}
 .dr_img{
 	width:100%;
}

.bg_date{
	background:#0099FF;
	padding:10px;
	width:100%;
	height:auto;
	font-size:14px;
	color:#fff;
	font-weight:bold;
}
.day{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#0099FF;
}
.border_btn_b{
	border-bottom:1px dashed #ccc;
	padding:8px 5px;
	display:inline-block;
	width:100%;
	height:auto;
}



.dr_apment a {
    background: #046db7;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    size: 12px;
    font-weight: bold;
    height: 28px;
    padding:5px 15px;
    border: 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	border-radius: 5px;
	text-decoration:none;

}
.dr_apment a:hover {
    background: #024f84;
     color: #FFFFFF;
 }
 
 .available{
 	font-size:12px;
	color:#498a01;
	font-weight:bold;
	float:left;
	margin-right:10px;
}

.available_bg{
	background:#498a01;
	height:20px;
	width:20px;
	border:1px solid #ccc;
	float:left;
}
.not_available{
 	font-size:12px;
	color:#949494;
	font-weight:bold;
	float:left;
	margin-right:10px;
}

.not_available_bg{
	background:#949494;
	height:20px;
	width:20px;
	border:1px solid #ccc;
	float:left;
}
 
.selected{
 	font-size:12px;
	color:#2293E3;
	font-weight:bold;
	float:left;
	margin-right:10px;
}

.selected_bg{
	background:#2293E3;
	height:20px;
	width:20px;
	border:1px solid #ccc;
	float:left;
}
.clear{
	clear:both;
}
.float_left{
	float:left;
	font-size:14px;
	color:#333;
	margin-left:10px;
	font-weight:bold;
}
.float_left_non{
	 
	font-size:13px;
	color:#333;
	padding-top:10px;
	font-weight:bold;
}

.no_Not_Avail_Slots {
    background-color: #949494;
    background-image: -moz-linear-gradient(center top, #c9cac8, #c9cac8);
    border: 1px solid #aeaeae;
    border-radius: 3px 3px 3px 3px;
    color: #868686;
    float: left;
    font-family: arial,helvetica,sans-serif;
    font-weight: bold;
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 5px;
    padding: 2px;
    text-align: center;
    cursor: default;
}

.Lock_Avail_Slots {
    background-color: #2293e3;
    background-image: -moz-linear-gradient(center top, #2293e3, #2293e3);
    border: 1px solid #B7B7B7;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    font-family: arial,helvetica,sans-serif;
    font-weight: bold;
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 5px;
    padding: 2px;
    text-align: center;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
    cursor: pointer;
}


.bg_footer{
	background:#8baf62;
	padding:6px;
	width:100%;
	height:auto;
	font-size:14px;
	color:#fff;
	font-weight:bold;
	display:inline-block;
}

.TakeAppnt {
    background-color: #00AC7A;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);
    color: #FFFFFF;
    float: left;
    
    padding:5px 10px;
    
    top: 0;
    
    text-align: center;
    display:inline-block;
}


.btn_3{
background:#24a961;
font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; size:12px; font-weight:bold;
height:35px; width:90px;
border:0px;
border-radius: 5px 5px 5px 5px;
box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);

}

.Avail_Slots {
			background-color: #72AF2E;
			border: 1px solid #34740E;
			border-radius: 3px 3px 3px 3px;
			color: #FFFFFF;
			float: left;
			font-family: arial,helvetica,sans-serif;
			font-weight: bold;
			margin-left: 2px;
			margin-right: 2px;
			margin-top: 5px;
			padding: 2px;
			text-align: center;
			cursor: pointer;
		}
		
		.Not_Avail_Slots {
			background-color: #2293E3;
			border: 1px solid #2293E3;
			border-radius: 3px 3px 3px 3px;
			color: #FFFFFF;
			float: left;
			font-family: arial,helvetica,sans-serif;
			font-weight: bold;
			margin-left: 2px;
			margin-right: 2px;
			margin-top: 5px;
			padding: 2px;
			text-align: center;
			cursor: pointer;
		}
		
		.login
		{
		background-color:#f7ae0a;
		height:35px;
		width:100%;
		border-radius:6px;
		color:#000;
		font-size:14px;
		font-weight:bold;
		}
		.register
		{
		background-color:#1b8207;
		height:40px;
		width:100%;
		border-radius:6px;
		color:#FFFFFF;
		font-size:14px;
		font-weight:bold;
		}
		
		.logoutt
		{
		background-color:#E88486;
		height:35px;
		width:100%;
		border-radius:6px;
		color:#FFFFFF;
		font-size:14px;
		font-weight:bold;
		text-decoration:none;
		}
		.bnt
		{
		background-color:#fff;
		height:32px;
		width:70%;
		border-radius:8px;
		font-weight:bold;
		color:fff;
		border:0px;
		}
		
		.free-btn
		{
		background-color:#989900;
		height:32px;
		width:70%;
		border-radius:8px;
		font-weight:bold;
		color:fff;
		border:0px;
		}
		.claim_con{
		  background: #e82f2f;
        color: #fff;
        padding: 7px 12px;
        text-decoration: none;
        font-size: 14px;
        border-radius: 8px;
        margin-left: 11px;
		}
		.upgrade{
		  background: #000;
        color: #fff;
        padding: 7px 12px;
        text-decoration: none;
        font-size: 14px;
        border-radius: 8px;
        margin-left: 11px;
		}
 .claim_hd{
     margin-right: 123px;
 }
 .tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}
.tooltip2 {
  position: relative;
}
.tooltip2 .tooltiptext2 {
    visibility: hidden;
    width: 475px;
    height: 107px;
    background-color: #f9d2d2f7;
    border: 2px solid #debaba;
    color: #2c3648;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: -116%;
    left: 91%;
    margin-left: -398px;
}
.tooltip2 .tooltiptext2::after {
    content: "";
    position: absolute;
    right: 0%;
    left: 101.5%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent  #debaba;
    margin-top: -7px;
}
.tooltip2:hover .tooltiptext2 {
  visibility: visible;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 320px;
    background-color: #f9d2d2f7;
    border: 2px solid #debaba;
    color: #2c3648;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 114%;
    left: -29%;
    margin-left: -60px;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 103%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #debaba transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}