﻿* {
  box-sizing: border-box;
}

body {

      margin: 0;
}

.title
{
height:70px;
background-color: #003366;

 margin-bottom: 10px;
            margin-left: 0px;
            margin-right: 5px;
text-align: left;
 overflow: hidden;
            padding: 5px;
            clear: both;
            Top:0px;
            width:100%;
            left: -5px;

}
 .footer
        {
            background-color: #003366;
            overflow: hidden;
            padding: 5px;
            clear: both;
            height: auto;
            margin-top: 10px;
            margin-left: 5px;
            margin-right: 5px;
            text-align: center;
            color: #FFFFFF;
            font-family: Cambria;
            position:fixed;
            bottom:0px;
            width:100%;
            left: -5px;
                        }
 .LogoImg
        {
     height:70px;
     width:80px;
     float:left;

      }
    .MoblblSup {
         font-size:16px; 
        vertical-align:top;
        color:red;
     }
 .LgoTxt
        {
            color:#FFCCCC;
            font-family:Cambria;
            font-size:x-large;
            text-align:left;
            
           
 }
 
 .headerTxt
        {
            color:#FFCCCC;
             font-family:Cambria;
            font-size:x-large;
           text-align:left;
           
 }

ol.aged {
  list-style-type: circle;
}
li.aged {
  list-style-type: circle;
}

        ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid #e7e7e7;
  background-color: #f3f3f3;
}

li {
  float: left;
}

li a {
  display: block;
  color: #666;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

li a:hover:not(.active) {
  background-color: #ddd;
}

li a.active {
  color: white;
  background-color: #003366;
}
.navbarnonmob

{

    }
.navbarmob

{
display:none;
    }



.btn
{
	margin:5px;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	cursor: pointer;
	padding: 5px 10px;
	outline: none;
	color: #ffffff;
	text-decoration:none;
	font-size: 12px;
	text-transform: uppercase;
	-webkit-appearance: none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
font-weight:bold;
	
	background: #003366;
	border: 1px solid #68BE8B;
	
	}
.btn:hover
{background: #63BE88;
color:#F13D6D;
	
	}

	.txtnew
	{
		background-color: white;

border: 1px solid #63BE88;
padding: 0;
cursor: text;
overflow: hidden;

height: 100px;
position: relative;

width:100%;

padding: 2px 3px;
border-radius:2px;
float:left;
	top: -1px;
	left: 0px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	}
		
	.txt
	{
		background-color: white;

border: 1px solid #63BE88;
padding: 0;
cursor: text;
overflow: hidden;
height: auto !important;
height: 1%;
position: relative;
height: 20px;
width:110px;

padding: 2px 3px;
border-radius:2px;
float:left;
	top: -1px;
	left: 0px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	}
	
		.txt:hover
		{
		 border-color: Orange;
		}
	.txtLogin
	{
		background-color: white;

border: 1px solid #63BE88;
padding: 0;
cursor: text;
overflow: hidden;
height: auto !important;
height: 1%;
position: relative;
height: 20px;
width:250px;

padding: 2px 3px;
border-radius:2px;
float:left;
	top: -1px;
	left: 0px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	}
	
		.txtLogin:hover
		{
		 border-color: Orange;
		}	
        .tblLogin {
    border:thin solid #003366;
    width:450px;
}
.lbl
	{
		
		color: #003366;
		text-align:right;
		
		
	}
	
	.tbl
	{
	    width:100%;
   
}
		.tbl2
	{
	    width:250px;
   
}    
	    .tblhead
	    {
	        height:30px;
	        color:#fff;
	        text-align:center;
	        font-weight:bold;
	        background:#003366;
	        padding:2px;
	        font-size:14px;
	        }

        .divAppointment
         {
            background-image:url('appointmentNMob.jpg');
             height:200px;
             background-repeat:no-repeat;
            margin:5px 5px 5px 5px;
            background-position:center;
  }
 .w3-content,.w3-auto{margin-left:auto;margin-right:auto}.w3-content{max-width:980px}.w3-auto{max-width:1140px}
.w3-animate-right{position:relative;animation:ease-in 0.5s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-section,.w3-code{margin-top:16px!important;margin-bottom:16px!important}
.w3-left-align{text-align:left!important}.w3-right-align{text-align:right!important}
.w3-text-khaki,.w3-hover-text-khaki:hover{color:#b4aa50!important}
.w3-center{text-align:center!important}
.w3-container,.w3-panel{padding:0.01em 16px}.w3-panel{margin-top:16px;margin-bottom:16px}
.w3-large{font-size:18px!important}
.w3-text-white,.w3-hover-text-white:hover{color:#fff!important}
.w3-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.w3-badge,.w3-tag{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}.w3-badge{border-radius:50%}
.w3-border{border:1px solid #ccc!important}
.w3-transparent,.w3-hover-none:hover{background-color:transparent!important}
.w3-white,.w3-hover-white:hover{color:#000!important;background-color:#fff!important}
.mySlides {display:none;}
.w3-left, .w3-right, .w3-badge {cursor:pointer}
.w3-badge {height:13px;width:13px;padding:0}
.w3-display-bottommiddl{position:absolute;top:335px;Left:50%;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.w3-left{float:left!important}.w3-right{float:right!important}
.w3-bkcolor {
 margin: Auto;
  padding: 0;
  overflow: hidden;
  border: 1px solid #e7e7e7;
  background-color: #f3f3f3;
 width:60%;
}

.Divflx

{
float:left;
width:50%;
padding:0px 20px 0px 0px;

    }
.Divflxlft

{
float:left;
width:50%;
padding:0px 0px 0px 5px;

    }
.Divflc

{
float:left;
width:32%;
padding:5px 5px 10px 5px;

    }
  .img
    {
        border-radius:6px;
        Height:150px;
         Width:130px; border:solid 1px #ccc;
         
        }
        .img:hover
    {
        border-radius:6px;
          Height:150px;
         Width:130px;
         border:solid 1px red;
         
        }

.cgrid:hover
{
    text-decoration:underline;
    
    
    }
    
    .igrid
    {
        border: thin solid #DBDBDB;
        }
        
        .igrid:hover
        {
            border: thin solid #DBDBDB;
            }
        /* Create two equal columns that floats next to each other */
.columnd {
  float: left;
  width: 50%;
  padding: 15px;
}

/* Clear floats after the columns */
.rowd:after {
  content: "";
  display: table;
  clear: both;
}
 .vimg
  {
      border:solid 1px #ccc;
      }
      
       .vimg:hover
  {
      border:solid 1px #333;
      }
        .img
    {
        border-radius:6px;
        Height:150px;
         Width:130px; border:solid 1px #ccc;
         
        }
        .img:hover
    {
        border-radius:6px;
          Height:150px;
         Width:130px;
         border:solid 1px red;
         
        }
