@charset "utf-8";
/* CSS Document */

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:white;
	margin:0px 0px 0px 0px;
}



div,.DisableSelection
{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    }
 
 .EnableSelection
 {
 	 -webkit-touch-callout: initial;
-webkit-user-select: initial;
-khtml-user-select: initial;
-moz-user-select: initial;
-ms-user-select: initial;
user-select: initial;
 	}
.MaxLimit
{
    background-color: orange;
    padding: 5px 10px;
    display: inline-block;
    border-radius: 0px 10px 10px 0px;
    color: yellow;
    border: 1px solid rgb(255, 252, 252);
    box-shadow: 0px 1px 11px 5px rgb(252, 232, 8);
}
select, input,textarea
{
	border:1px solid #898A8B;		
	font-size:12px;     
	font-family: Arial, Helvetica, sans-serif;     
    padding:3px;
     margin:0px;   
     outline:medium none; 
     -webkit-border-radius:  3px;
     -moz-border-radius: 3px;
     border-radius:  3px;

}

select:focus, input:focus,textarea:focus,input[type="checkbox"]:focus
{	
	border:1px solid #E99326;
	 -webkit-border-radius:  3px;
     -moz-border-radius: 3px;
     border-radius:  3px;  
     -webkit-box-shadow: 0px 0px 2px #DD2300;
    -moz-box-shadow: 0px 0px 2px #DD2300;
    box-shadow: 0px 0px 2px #DD2300;
     
}

select:disabled, input:disabled,textarea:disabled,input[type="checkbox"]:disabled,input[type="image"]:disabled,button:disabled
{	
	
    background-color: #F8F7F7;
	border-color: rgba(199, 199, 199, 0.84);
	cursor:default;
	color:Gray;
	font-weight:normal;
}
	
input[type="checkbox"]:checked::after {
	content: url(../img/checkmark.png);
	display: block;
	position: absolute;
	top: -6px;
	left: -5px;
}

input[type="checkbox"]:hover, Select:hover, input:hover,textarea:hover {
/*border-color: #C6C6C6;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);*/
}

input[type="checkbox"] {
-webkit-appearance: none;
appearance: none;
width: 13px;
height: 13px;
cursor: pointer;
vertical-align: bottom;
background: white;
border: 1px solid rgb(95, 92, 92);
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
 outline:medium none;
    top: 0px;
    left: 1px;
}

.TLabel
{
    background-color: gray;
    padding: 3px 10px;
    border-radius: 0px 10px 10px 0px;
    color: white;
    line-height: 24px;
}
.TValue
{
    font-size: 12px;
    color: rgb(45, 95, 6);
}

table,tr,td
{    height: 1px;
}

/* Let's get this party started */
::-webkit-scrollbar {
    width: 6px;
    height:6px;
}


/*--------------- ScrollBar Settings -------------------*/
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(39, 182, 228, 0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255,0,0,0.4); 
}
/*----------------------------------------------------------*/
.TopHeader {
	width:100%;
	height:62px;
	 /* IE10 */
	background-image: -ms-linear-gradient(top, #FFFFFF 20%, rgb(232, 233, 230) 80%);
	/* Mozilla Firefox */
	background-image: -moz-linear-gradient(top, #FFFFFF 20%, rgb(232, 233, 230) 80%);
	/* Opera */
	background-image: -o-linear-gradient(top, #FFFFFF 20%, rgb(232, 233, 230) 80%);
	/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #FFFFFF), color-stop(1, rgb(232, 233, 230)));
	/* Webkit (Chrome 11+) */
	background-image: -webkit-linear-gradient(top, #FFFFFF 20%, rgb(232, 233, 230) 80%);
	/* Proposed W3C Markup */
	background-image: linear-gradient(top, #FFFFFF 20%, rgb(232, 233, 230) 80%);
}

.TopIndicator {
    /*left: 45% !important;*/
    height: 20px;
    top: 38px;
    padding: 0px 10px !important;
    line-height: 20px;
    border-radius: 0px 0px 10px 10px !important;
    font-weight: bold;
    font-size: 11px;
}
#DivProductLogo{
	width: 123px;
	height: 60px;
	vertical-align: middle;
	text-align: left;
	float: left;
	position: relative;
	border-right: 1.5px rgba(115, 113, 116, 0.19) inset;
	padding-right: 7px;
	
}

#DivHospitalInfo {
	width:500px; height:30px;
	vertical-align:top;
	float:left; position:relative;
	padding-left:5px;
	margin-top: -3px;
}

.HospName {
	font-size: 18px;
    font-weight: bold;
    color: rgb(204, 6, 14);
    line-height: 18px;
}

.HospAddress {
	font-size: 75%;
    color: #095580;
    width: 100%;
    white-space: nowrap;
    line-height: 14px;
    font-weight: normal;
    }

#DivPatientSearch {
	width: 250px;
	position:relative;
	float: right;
	height: 30px;
	text-align: right;
    padding-right: 17px;
}

#DivServerTime {	
    position: absolute;
    height: 30px;
    margin-top: -29px;
    text-align: right;
    right: 23%;
}
.ServerTime {
	font-size: 13px;	
	color: gray;
}
.ServerDate {
	font-size:13px;
	line-height:25px;	
	color:gray;
	margin-right:6px;
}
.ArrowSelector {
	margin-left: -28px;
	margin-bottom: -5px;
	padding: 8px;
	position: relative;
	background-color:rgb(253, 253, 253);
	transition:background-color 0.90s ease-in;
}

.ArrowSelector:hover {
	background-color:rgb(206, 201, 199);
}

#PSearchImage{
	position: relative;
	top: 4px;
}

#DivDashBoardInfo {
	width:100%; height:30px;
	
	line-height:29px;
	background-image: -ms-linear-gradient(top, rgb(250, 250, 250) 20%, rgb(239, 245, 247) 80%);
	/* Mozilla Firefox */
	background-image: -moz-linear-gradient(top, rgb(250, 250, 250) 20%, rgb(239, 245, 247) 80%);
	/* Opera */
	background-image: -o-linear-gradient(top, rgb(250, 250, 250) 20%, rgb(239, 245, 247) 80%);
	/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-gradient(linear, left top, right bottom,rgb(250, 250, 250), color-stop(1,rgb(239, 245, 247)));
	/* Webkit (Chrome 11+) */
	background-image:-webkit-linear-gradient(top, rgb(250, 250, 250) 20%, rgb(239, 245, 247) 80%);
	/* Proposed W3C Markup */
	background-image: linear-gradient(top, rgb(250, 250, 250) 20%, rgb(239, 245, 247) 80%);	

}

/*Print Prescription classes*/
.HosNameadd h1
{
    font-size:20px; 
    color:#000; 
    font-weight: bold;
text-align:left;
}

.HosNameadd span
{
    font-size:14px; 
    color:#000; 
    font-weight: bold;
text-align:left;
}

.Prescript h1
{
    height: 23px;
    font-size:20px; 
    color:#000; 
    font-weight: bold;
    text-align:center;
    margin-top: 2px;
}

.Addressfont tr td
{
      
     font-size: 16px;
     color: #000102;	
	border-spacing: 1px;
	padding-bottom:4px;
	border-left: none;
	border-right: none;
	text-overflow:ellipsis;
	overflow:hidden;
	vertical-align:middle;
	
}

.presallergies tr td {
      font-size: 14px;
     color: #000102;	
	border-spacing: 1px;
	padding-bottom:4px;
	border-left: none;
	border-right: none;
	text-overflow:ellipsis;
	overflow:hidden;
	vertical-align:middle;
	
}

.PrescDetails strong 
{
      font-size: 18px;
     color: #000102;	
	border-spacing: 1px;
	padding-bottom:4px;
	border-left: none;
	border-right: none;
	text-overflow:ellipsis;
	overflow:hidden;
	vertical-align:middle;
}

.PrescptItems th
{
     font-size: 16px;
     color: #000102;	
	border-spacing: 1px;
	padding-bottom:4px;
	border-left: none;
	border-right: none;
	text-overflow:ellipsis;
	overflow:hidden;
	vertical-align:middle;
}

.PrescptItems tr td
{
     font-size: 15px;
     color: #000102;	
	border-spacing: 1px;
	padding-bottom:4px;
	border-left: none;
	border-right: none;
	text-overflow:ellipsis;
	overflow:hidden;
	vertical-align:middle;
        line-height: 17px !important;
}

.otheradvice
{
     font-size: 14px;
     color: #000102;	
	border-spacing: 1px;
	padding-bottom:4px;
	border-left: none;
	border-right: none;
	text-overflow:ellipsis;
	overflow:hidden;
	vertical-align:middle;
}



/*---------->>Print Prescription classes<<------*/

.DocName {
	font-size:14px;
	font-weight:bold;
	color:#000;
}

.DocEducation {
	font-size:12px;
	font-weight:bold;
	color:#333;
}
.Speciality {
	font-size:12px;
	color:#333;
}
.DocMobile {
	font-size:14px;
	font-weight:bold;
	color:#333;	
}
.Spacer {
	background-color: #CCC;
	margin-left: 5px;
	margin-right: 3px;
	padding-right: 1px;
}
#DivUserMessage{
	height: 16px;
	position: absolute;
	right: 21%;
	top: -5px;
	width: 35%;
	font-size: 14px;
	line-height: 12px;
}

.ScrollLeft{
	white-space: nowrap; 
	overflow: hidden; 
	overflow-x:-webkit-marquee; 
	-webkit-marquee-direction:;
	-webkit-marquee-style: scroll; 
	-webkit-marquee-speed:medium; 
	-webkit-marquee-increment: small; 
	/*-webkit-marquee-repetition: 5; */
	overflow-x: marquee-line; 
	marquee-direction: backwards; 
	marquee-style: scroll; 
	marquee-speed: medium; 
	/*marquee-play-count: 5;*/
}

#DivUserInfo {
	position: relative;
    float: right;
    right: 8px;    
    height: 30px;
}

.UserName {	
    font-size: 12px;
    padding-right: 30px;
    font-weight: bold;
    color: #187DDB;
    background-color: rgb(255, 255, 255);
    padding: 4px 10px;
    border-radius: 10px 0px 0px 10px;
    padding-right: 20px;
    box-shadow: 1px 1px 4px gray;
    -moz-box-shadow: 1px 1px 4px gray;
    -webkit-box-shadow: 1px 1px 4px gray;
    -o-box-shadow: 1px 1px 4px gray;
    white-space: nowrap;
    
}

.TextBold {
	font-size: 16px;
	line-height: 16px;
	color: rgb(5, 116, 145);
}
.TextNormal {
	font-size: 12px;
	line-height: 12px;
	color: rgb(155, 4, 4);;
}

/*  Sign Out Div */

#DivSignOut {
	width: auto;
	background-color: white;
	
	position: absolute;
	top: 24px;
	right: 4px;
	display: none;
	z-index: 100;
	line-height: 19px;
	border: 1px solid rgba(213, 211, 211, 0.53);
	border-left:2px solid red;
	outline:none;
}

#DivSignOut ul {
	list-style-type: none;
	padding: 15px;
	margin-top:0px;
	width:210px;
	
}
#DivSignOut ul a {
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
	line-height: 30px;
	text-decoration: none;
	
	font-size: 12px;
	color: #371C1C;
	/*border-top: 1px solid rgb(213, 214, 214);*/
	-webkit-transition: background-color 0.90s ease-in;
    -moz-transition: background-color 0.90s ease-in;
    -ms-transition: background-color 0.90s ease-in;
    -o-transition: background-color 0.90s ease-in;
    transition: background-color 0.90s ease-in;
    
	margin-right: 10px;
	padding-left: 10px;
	background-color:White;
}

#DivSignOut ul a:hover {
	background-color: rgb(240, 241, 238);
	-webkit-transition:all 0.30s ease-in;
    -moz-transition: all 0.30s ease-in;
    -ms-transition: all 0.30s ease-in;
    -o-transition: all 0.30s ease-in;
    transition: all 0.30s ease-in;
}

#DivSignOut ul li {
	display: block;
	line-height: 30px;
	text-decoration: none;
	cursor:pointer;
	font-size: 12px;
	color: #371C1C;
	border-top: 1px solid rgb(213, 214, 214);
	-webkit-transition: background-color 0.90s ease-in;
    -moz-transition: background-color 0.90s ease-in;
    -ms-transition: background-color 0.90s ease-in;
    -o-transition: background-color 0.90s ease-in;
    transition: background-color 0.90s ease-in;
    
	margin-right: 10px;
	padding-left: 10px;
	background-color:White;
}

#DivSignOut ul li:hover {
	background-color: rgb(240, 241, 238);
	-webkit-transition:all 0.30s ease-in;
    -moz-transition: all 0.30s ease-in;
    -ms-transition: all 0.30s ease-in;
    -o-transition: all 0.30s ease-in;
    transition: all 0.30s ease-in;
}

/*#DivSignOut ul a {
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
	line-height: 20px;
	text-decoration: none;	
	font-size: 12px;
	color: #371C1C;
	transition: background-color 0.90s ease-in;
	-webkit-transition : background-color 0.90s ease-in;
    -moz-transition :background-color 0.90s ease-in;
    -ms-transition:background-color 0.90s ease-in;
    -o-transition:background-color 0.90s ease-in;
	height: 20px;
	margin-right: 10px;
}*/

/*#DivSignOut ul li {
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
	line-height: 30px;
	text-decoration: none;
	
	font-size: 12px;
	color: #371C1C;
	border-top: 1px solid rgb(213, 214, 214);
	-webkit-transition: background-color 0.90s ease-in;
    -moz-transition: background-color 0.90s ease-in;
    -ms-transition: background-color 0.90s ease-in;
    -o-transition: background-color 0.90s ease-in;
    transition: background-color 0.90s ease-in;
    
	margin-right: 10px;
	padding-left: 10px;
	cursor:pointer;
}

#DivSignOut ul li:hover {
	background-color: rgb(240, 241, 238);
	-webkit-transition:all 0.30s ease-in;
    -moz-transition: all 0.30s ease-in;
    -ms-transition: all 0.30s ease-in;
    -o-transition: all 0.30s ease-in;
    transition: all 0.30s ease-in;
}
#DivSignOut ul li {
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
	line-height: 20px;
	text-decoration: none;	
	font-size: 12px;
	color: #371C1C;
	transition: background-color 0.90s ease-in;
	-webkit-transition : background-color 0.90s ease-in;
    -moz-transition :background-color 0.90s ease-in;
    -ms-transition:background-color 0.90s ease-in;
    -o-transition:background-color 0.90s ease-in;
	height: 20px;
	margin-right: 10px;
}*/


/*-------------------------------------------------*/
#divDocSel,#divNurseStationSel {
	width: auto;
	background-color: white;
	position: absolute;
	display: none;
	z-index: 1500;
	line-height: 19px;
	border: 1px solid rgba(213, 211, 211, 0.53);
	outline:none;
}

#divDocSel ul {
	list-style-type: none;
	padding: 10px;
	margin-top:0px;
	min-width:200px;
	max-width:300px;
	max-height:500px;
	overflow-y:auto;
    width:auto;
}
#divNurseStationSel ul {
	list-style-type: none;
	padding: 10px;
	margin-top:0px;
	min-width:200px;
	max-width:300px;
	max-height:420px;
	overflow-y:auto;
    width:auto;
}
#divDocSel ul a ,#divNurseStationSel ul a {
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
	line-height: 30px;
	text-decoration: none;
	font-size: 12px;
	width:98%;
	color: #371C1C;
	border-top: 1px solid rgb(213, 214, 214);
	-webkit-transition: background-color 0.90s ease-in;
    -moz-transition: background-color 0.90s ease-in;
    -ms-transition: background-color 0.90s ease-in;
    -o-transition: background-color 0.90s ease-in;
    transition: background-color 0.90s ease-in;
    
	margin-right: 10px;
	padding-left: 10px;
}

#divDocSel ul a:hover,#divNurseStationSel ul a:hover {
	background-color: rgb(240, 241, 238);
	-webkit-transition:all 0.30s ease-in;
    -moz-transition: all 0.30s ease-in;
    -ms-transition: all 0.30s ease-in;
    -o-transition: all 0.30s ease-in;
    transition: all 0.30s ease-in;
}
#divDocSel ul a ,#divNurseStationSel ul a {
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
	line-height: 20px;
	text-decoration: none;	
	font-size: 12px;
	width:98%;
	color: #371C1C;
	transition: background-color 0.90s ease-in;
	-webkit-transition : background-color 0.90s ease-in;
    -moz-transition :background-color 0.90s ease-in;
    -ms-transition:background-color 0.90s ease-in;
    -o-transition:background-color 0.90s ease-in;
	height: 20px;
	margin-right: 10px;
}

.Active
{
    background-color: rgb(12, 132, 189)  !important;
    color:white !important
}
.DocSelTitle 
{
    background-color: rgb(100, 93, 93);
    display: block;
    padding: 5px;
    color: white;
    margin-top: -10px;
    margin-left: -10px;
    width: 105%;
}
/*------------------------------------------------*/
.AlergyButton {
	position: relative;
	float: right;
	margin-top: -19px;
	background-color: rgba(248, 57, 20, 0.75);
	background-image: none;
	color: white;
	text-shadow: none;
	padding:10px;
	background-image: -ms-linear-gradient(top,rgb(243, 198, 54),rgb(243, 121, 9));
	/* Mozilla Firefox */
	background-image: -moz-linear-gradient(top,rgb(243, 198, 54),rgb(243, 121, 9));
	/* Opera */
	background-image: -o-linear-gradient(top,rgb(243, 198, 54),rgb(243, 121, 9));
	/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, rgb(243, 198, 54)), color-stop(1, rgb(243, 121, 9)));
	/* Webkit (Chrome 11+) */
	background-image: -webkit-linear-gradient(top,rgb(243, 198, 54),rgb(243, 121, 9));
	/* Proposed W3C Markup */
	background-image: linear-gradient(top,rgb(243, 198, 54),rgb(243, 121, 9));
	
}

/*-------------------------------------------------------------------*/	
#DivDashBoard01, #DivDashBoard02,#DivDashBoardApp,#DivDashBoardOP,#DivDashBoardIP {
	width:80%;
	height:250px;
	background-color:rgba(255,255,255,.5);
	margin:10px 10px 10px;	
		transition: all 0.25s ease-in;
  -webkit-transition: all 0.25s ease-in;
}
#DivDashBoardBL {
	width:80%;
	height:250px;
	background-color:rgba(255,255,255,.5);
	margin:10px 10px 10px;	
}

#DivDashBoardApp,#DivDashBoardOP,#DivDashBoardIP{
	height:500px;
}
#DivDashBoardBL{
	height:500px;
}
/*#DivDashBoard01 {
		background-image:url(../Image/clock.jpg) ;
		background-position:bottom;
		background-repeat:no-repeat;
}*/

#DivContent { /* For Home */
		background-image:url(../Img/Doctors.jpg);
		background-position:center;
		background-repeat:no-repeat;
}
#DivContentApp { /* For Appointment */
		background-image:url(../Img/Doctors.jpg);
		background-position:center;
		background-repeat:no-repeat;
}
#DivContentOP { /* For OutPatients */
		background-image:url(../Img/ConsultDoctor.png);
		background-position:center;
		background-repeat:no-repeat;
}

/*Dashboard Box Title */
#DivDashBoard01 h1, 
#DivDashBoard02 h1, 
#DivRightSummary  h1, 
#DivDashBoardApp h1,
#DivDashBoardOP h1,
#DivDashBoardIP h1 {	
	line-height: 30px;
	font-size: 14px;
	/*background-color: rgb(6, 151, 248);*/
	padding-left: 10px;
	color: rgb(6, 54, 82);
	background-image: -ms-linear-gradient(top, rgb(224, 224, 224) 20%, rgb(180, 180, 180) 80%);
	/* Mozilla Firefox */
	background-image: -moz-linear-gradient(top, rgb(224, 224, 224) 20%, rgb(180, 180, 180) 80%);
	/* Opera */
	background-image: -o-linear-gradient(top, rgb(224, 224, 224) 20%, rgb(180, 180, 180) 80%);
	/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, rgb(224, 224, 224)), color-stop(1, rgb(180, 180, 180)));
	/* Webkit (Chrome 11+) */
	background-image: -webkit-linear-gradient(top, rgb(224, 224, 224) 20%, rgb(180, 180, 180) 80%);
	/* Proposed W3C Markup */
	background-image: linear-gradient(top, rgb(224, 224, 224) 20%, rgb(180, 180, 180) 80%);
}
#DivDashBoardBL h1 {	
	line-height: 30px;
	font-size: 14px;
	/*background-color: rgb(6, 151, 248);*/
	padding-left: 10px;
	color: rgb(6, 54, 82);
	background-color :#870C0C;
	background-image: -ms-linear-gradient(top, rgb(224, 224, 224) 20%, rgb(180, 180, 180) 80%);
	/* Mozilla Firefox */
	background-image: -moz-linear-gradient(top, rgb(224, 224, 224) 20%, rgb(180, 180, 180) 80%);
	/* Opera */
	background-image: -o-linear-gradient(top, rgb(224, 224, 224) 20%, rgb(180, 180, 180) 80%);
	/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, rgb(224, 224, 224)), color-stop(1, rgb(180, 180, 180)));
	/* Webkit (Chrome 11+) */
	background-image: -webkit-linear-gradient(top, rgb(224, 224, 224) 20%, rgb(180, 180, 180) 80%);
	/* Proposed W3C Markup */
	background-image: linear-gradient(top, rgb(224, 224, 224) 20%, rgb(180, 180, 180) 80%);
}

.CommonBack
{
	background-image: -ms-linear-gradient(top, rgb(224, 224, 224) 20%, rgb(180, 180, 180) 80%);
	/* Mozilla Firefox */
	background-image: -moz-linear-gradient(top, rgb(224, 224, 224) 20%, rgb(180, 180, 180) 80%);
	/* Opera */
	background-image: -o-linear-gradient(top, rgb(224, 224, 224) 20%, rgb(180, 180, 180) 80%);
	/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, rgb(224, 224, 224)), color-stop(1, rgb(180, 180, 180)));
	/* Webkit (Chrome 11+) */
	background-image: -webkit-linear-gradient(top, rgb(224, 224, 224) 20%, rgb(180, 180, 180) 80%);
	/* Proposed W3C Markup */
	background-image: linear-gradient(top, rgb(224, 224, 224) 20%, rgb(180, 180, 180) 80%);

	}

#DivRightDate{
	width: 17%;	
	background-color:rgb(109, 105, 98);
	position: absolute;
	float: right;
	top: 102px;
	right: 11px;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
	border-radius:12px 12px 0px 0px;
	-moz-border-radius:12px 12px 0px 0px;
	-webkit-border-radius:12px 12px 0px 0px;
	-o-border-radius:12px 12px 0px 0px;
		transition: all 0.25s ease-in;
  -webkit-transition: all 0.25s ease-in;
	
}

#DivRightSummary {
	width: 17%;
	height: 465px;
	background-color: rgb(209, 209, 208);
	position: absolute;
	float: right;
	top: 145px;
	right: 11px;
	transition: all 0.25s ease-in;
  -webkit-transition: all 0.25s ease-in;
}
/* Legend Bar Styles */

#DivLegendBar,#DivLegendBarIP,#divExternalAdmission,#ExtInpatient {
	width: 100%;
	text-align: left;
	background-color: rgb(241, 241, 241);
	background-image: -ms-linear-gradient(bottom right, rgb(255, 255, 255) 0%, rgb(233, 233, 233) 100%);
	background-image: -moz-linear-gradient(bottom right, rgb(255, 255, 255) 0%, rgb(233, 233, 233) 100%);
	background-image: -o-linear-gradient(bottom right, rgb(255, 255, 255) 0%, rgb(233, 233, 233) 100%);
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0,  rgb(255, 255, 255)), color-stop(1, rgb(233, 233, 233)));
	background-image: -webkit-linear-gradient(bottom right, rgb(255, 255, 255) 0%, rgb(233, 233, 233) 100%);
	background-image: linear-gradient(bottom right, rgb(255, 255, 255) 0%, rgb(233, 233, 233) 100%);

	color: black;
	font-size: 11px;
	line-height: 10px;
	height: 22px;
	position: fixed;
	bottom: 20px;
	left: 0px;
	border-top: 1px solid gray;
	padding-top:3px;
	float:left;
}

#DivLegendBar div,#DivLegendBarIP div,#divExternalAdmission div,#ExtInpatient div {
	margin-left:5px;
	float:left;
	
}

#DivLegendBarConsultingRoom {
	width: 100%;
	text-align: left;
	background-color: rgb(241, 241, 241);
	background-image: -ms-linear-gradient(bottom right, rgb(255, 255, 255) 0%, rgb(233, 233, 233) 100%);
	background-image: -moz-linear-gradient(bottom right, rgb(255, 255, 255) 0%, rgb(233, 233, 233) 100%);
	background-image: -o-linear-gradient(bottom right, rgb(255, 255, 255) 0%, rgb(233, 233, 233) 100%);
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0,  rgb(255, 255, 255)), color-stop(1, rgb(233, 233, 233)));
	background-image: -webkit-linear-gradient(bottom right, rgb(255, 255, 255) 0%, rgb(233, 233, 233) 100%);
	background-image: linear-gradient(bottom right, rgb(255, 255, 255) 0%, rgb(233, 233, 233) 100%);

	color: black;
	font-size: 11px;
	line-height: 10px;
	height: 22px;
	position: fixed;
	bottom: 20px;
	left: 0px;
	border-top: 1px solid gray;
	padding-top:3px;
	float:left;
}

#DivLegendBarConsultingRoom div {
	margin-left:5px;
	float:left;
	
}

.Legend {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: center;
	border-radius: 3px;
	float: left;
	border: 1px solid gray;
	
}
.RowLegend {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
	text-align: center;
	border-radius: 3px;
	float: left;
	border: 1px solid gray;
	cursor:pointer;
}
.Reserved {
	background-color:#F7F9E4 ;
	
}
.Arrived {
	background-color:#E9FF75 ;
	
}
.Pre-Consult{
		background-color:#FFDBC1 ;
}
.PreConsulting{
		background-color:#ADD2FF ;
}
.BeingSeen{
	background-color:#FFAB6D;
}
.Consulted{
	background-color:#ADD2FF ;
}
.Completed{
	background-color:#E9B4E8 ;
}
.Reconsult{
	background-color:#F97777; 
    color:#000000;
}

.Cancelled{    
   background-color: Yellow;
}

.Reffered
{
    /*background-color:#FF9966;*/
	background: -webkit-gradient( linear, left top, left bottom, from(#FCFEFF), color-stop(0.50, #90D4F7), color-stop(0.50, #96D8C8), to(#88E8FF));
}

.Admitted{
	background-color:#FF9933;
	
}

.Discharged{
	background-color:#FFFF99;
	
}

.OpReferr{
	/*background-color:Silver;*/
	background: -webkit-gradient( linear, left top, left bottom, from(#FFFFFF), color-stop(0.50, #DCEBEF), color-stop(0.50, #CFCFCF), to(#DCEBEF));
	
}


#DivConfirmed div{
	line-height:12px;
	padding-left:5px;
	vertical-align:middle;
}
.Status{
	padding:4px;
}
.PBar {
	background-color: rgba(5, 185, 255, 0.52);
	padding:2px;
}
.W10 {
	width:10%;
}
.W20 {
	width:20%;
}
.W30 {
	width:30%;
}
.W40 {
	width:40%;
}
.W50 {
	width:50%;
}
.W60 {
	width:60%;
}
.W70 {
	width:70%;
}
.W80 {
	width:90%;
}
.W90 {
	width:90%;
}
.W100 {
	width:100%;
}
/*-------------------------------------------*/
#FooterDiv {
	width: 100%;
	text-align: right;
	background-color: rgb(0, 80, 128);
	color: white;
	font-size: 11px;
	line-height: 0px;
	height: 20px;
	position: fixed;
	bottom: 0px;
	left: 0px;	
}

.Clear {
	clear:both;
}

/* Menu Styles */

#DivTopMenu {
	width: auto;
    height: 30px;
    position: absolute;
    right: 10px;
    top: 31px;
}

#DivTopMenu ul {
list-style-type: none;
height: 30px;
width: auto;
margin: auto;
}
#DivTopMenu ul a {
	background-position: right;
    padding-right: 15px;
    padding-left: 15px;
    display: block;
    line-height: 30px;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
    color: #FAF4F4;
    margin-right: 1px;
    background-color: rgb(0, 163, 255);
    border: none 3px #000000;
   /* -moz-border-radius-topleft: 11px;
    -moz-border-radius-topright: 11px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 11px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-top-left-radius: -8px;
    border-top-right-radius: 11px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;*/
    border-top: 2px rgb(170, 170, 170) solid;
    transition: all 0.05s ease-in;
    -webkit-transition : all 0.05s ease-in;
    -moz-transition :all 0.05s ease-in;
    -ms-transition:all 0.05s ease-in;
    -o-transition:   all 0.05s ease-in;
}

.SelectedMenu
{
	background-color: white !important;	
	border-top: 2px rgb(231, 231, 231) solid !important;
	color:#333 !important;
	}

#DivTopMenu ul a:hover {
	background-color: rgb(155, 146, 146);
    transition: all 0.30s ease-in-out;
    -webkit-transition : all 0.30s ease-in-out;
    -moz-transition :all 0.30s ease-in-out;
    -ms-transition:all 0.30s ease-in-out;
    -o-transition:all 0.30s ease-in-out;
    border-bottom: 2px rgb(255, 0, 0) solid;
    color: rgb(255, 255, 255);
}

#DivTopMenu li
{
	display: inline;
	float: left;
	text-decoration: none;
}

.LGShadow{
	-webkit-box-shadow:5px 5px 10px -4px #CCCCCC;
	-moz-box-shadow: 5px 5px 10px -4px #CCCCCC;
	box-shadow: 5px 5px 10px -4px #CCCCCC;
	}

.LGBorder {
	border:1px solid #DDD9D9;
	background-color:#FFF;
	color: #CCC;
}


    button.myButton, a.myButton, input[type=submit].myButton,input[type=button].myButton,div.myButton {
	padding: 10px;
	-webkit-border-radius: 6px 6px;
	-moz-border-radius: 6px 6px;
	border-radius: 6px 6px;	
	border: solid 1px #dadada;
	background: rgba(250, 252, 223, 0.93);
	background: -moz-linear-gradient(top, rgb(255, 255, 255) 50%, rgba(216, 216, 216, 0.93) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgb(255, 255, 255)), color-stop (100%,rgba(216, 216, 216, 0.93)));
	background: -webkit-linear-gradient(top, rgb(255, 255, 255) 50%,rgba(216, 216, 216, 0.93) 100%);
	background: -o-linear-gradient(top, rgb(255, 255, 255) 50%,rgba(216, 216, 216, 0.93) 100%);
	background: -ms-linear-gradient(top, rgb(255, 255, 255) 50%,rgba(216, 216, 216, 0.93) 100%);
	background: linear-gradient(top, rgb(255, 255, 255) 50%,rgba(216, 216, 216, 0.93) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr=rgba(216, 216, 216,0.93),GradientType=0 );
	color: #555;
	text-decoration: none;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	text-shadow: 0px 1px 1px rgba(255,255,255,1);
	line-height: 11px;
	font-size: 11px;
	white-space: nowrap;	overflow:hidden;	
}
 
.myButton:hover { 
    border:1px solid rgb(255, 157, 126);       
    transition: all 0.5s;
    -webkit-transition : all 0.5s;
    -moz-transition :all 0.5s;
    -ms-transition:all 0.5s;
    -o-transition:all 0.5s;

}
	
	
 .NewButton {
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ebebeb 50%,
		#dbdbdb 50%,
		#ECEBEB);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(0.50, #ebebeb),
		color-stop(0.50, #dbdbdb),
		to(#ECEBEB));
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #FFF;
	-moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5),	inset 0px 0px 1px rgba(255,255,255,1);
	-webkit-box-shadow:0px 1px 3px rgba(000,000,000,0.5),inset 0px 0px 1px rgba(255,255,255,1);
	box-shadow:	0px 1px 3px rgba(000,000,000,0.5),inset 0px 0px 1px rgba(255,255,255,1);	
	position: relative;
	line-height: 16px;
	font-size: 12px;
	font-weight: bold;
	padding: 4px;
	margin-top: -5px;
	cursor:Pointer;
	
}


 .NewButton:hover{
	background-color: #ececec;
	border: 1px solid rgb(245, 169, 9);
} 

 
 .NewButton img {
 	margin-bottom: -4px;
	padding-right: 5px;
 }
    
.RedButton {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #F60));
	background:-moz-linear-gradient(top, #ffffff 5%, #F60 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #F60 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #F606 100%);
	background:-ms-linear-gradient(top, #ffffff 5%,#F60 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #F60 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#F60',GradientType=0);
	
}

.SmallButton{
	padding: 2px;
	color: rgb(3, 120, 175);
	font-size: 11px !important;
}

 Summary Classes -
.SummaryMain {
	line-height:14px;
	padding: 5px;
	float: left;
}

.SummaryCount {
	height: 50px;
	width: 23%;
	font-size: 18px;
	text-align: center;
	background-color: rgb(109, 105, 98);
	margin-bottom: 5px;
	margin-left: 10px;
	color: white;
	line-height: 50px;
	border-bottom: 1px solid rgb(196, 187, 187);
}

.SummaryNote {
	font-size: 12px;
	line-height: 18px;
	width: 56%;
	height: 29px;
	vertical-align: text-bottom;
	float: right;
	margin-top: -56px;
	margin-right: 10px;
	background-color: rgb(238, 238, 238);
	padding: 10px;
	border-bottom: 1px solid rgb(196, 187, 187);
	vertical-align:middle;
	
}

.BoxClose {
	/* background-image:url(../Image/boxclose.png);*/
	cursor: pointer;
	height: 21px;
	opacity: .4;
	padding: 0px;
	position: absolute;
	right: 4px;
	top: 4px;
	width: 21px;
	/*border: 1px solid rgb(206, 206, 206);*/
}

.BoxClose :hover {
	background-color:#CCC;
}

#DivOutPatientList, #DivAppList, #DivOutPatListPending, #DivOutPatListCompleted {
	height:200px;
	overflow:auto;
}

.SubTitle {
	line-height: 21px;
	padding-right: 10px;
	background-color: rgb(108, 111, 112);
	width: 250px;
	color: white;
	font-size: 13px;
	margin-top: -6px;
	border-radius: 0px 10px;
	margin-bottom: 3px;
	text-align: right;
	text-transform: uppercase;
}

#divPageLoad
{
    position:fixed;
    width:150px;
    height:150px;
    background-image:url(../Img/PageLoader.gif);
	background-position:center;
	background-repeat:no-repeat;
    top:50%;
    left:50%;
    margin-left:-75px;
    margin-top:-75px;
    }
 
 
.CommonTable {
	font-size: 14px;
	line-height: 14px;
	white-space: nowrap;
	padding: 10px;
	margin-top: -10px;
}
.CommonTable th {
	background-color: rgb(221, 221, 221);
	color:black;
	empty-cells: show;
	font-size: 90%;
	height: 2.83ex;
	outline: none;
	overflow: hidden;
	padding: 2px 1px;
	vertical-align: middle;
	white-space: nowrap;
	text-align:left;
}
.CommonTable tr {
	background: rgba(243, 243, 243, 0.73);
	color: #222;
	cursor:pointer;
	padding: 4 1ex;
}

.CommonTable td {
	border-bottom: 1px #e5e5e5 solid;
	empty-cells: show;
	font-size: 80%;
	height: 2.83ex;
	outline: none;
	overflow: hidden;
	padding: 2px 1px;
	vertical-align: middle;
	white-space: nowrap;
	
}

.CommonTable tr:hover {
	background-color:rgba(245, 235, 209, .85);
	
}

/*----------------Rulled Table --------------------------*/

.RulledTable {
	font-size: 14px;
	line-height: 14px;
	white-space: nowrap;
}
.RulledTable th {
	background-color: rgb(221, 221, 221);
	color:black;
	font-size: 90%;
	height: 2.83ex;
	outline: none;
	overflow: hidden;
	padding: 2px 1px;
	vertical-align: middle;
	white-space: nowrap;
	text-align:left;
}
.RulledTable tr:nth-child(even) {
	background: rgba(255, 255, 255, 0.7);
	color:Black;
}

.RulledTable tr:nth-child(odd) {
	background:rgba(241, 239, 239, 0.7);
	color:Black;
}

.RulledTable td {
	border-bottom: 1px #e5e5e5 solid;
	font-size: 90%;
	outline: none;
	padding: 2px 1px;
	vertical-align: middle;
	white-space: nowrap;
}

.RulledTable tr:hover {
	background-color:rgba(245, 235, 209, .85);
}

/*----------------------------------------------------*/


/* OP Patient Consultation Screen */

#DivPatientInfo {
	/*position: relative;	*/
	float:right;
	right:5px; top:-5px;
	width:17%;
	height: 98%;
	padding: 10px;
	color:black;
	text-align: left;
	background-color:white;
	font-size:12px;
	line-height: 23px;

/*	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgb(255, 255, 255)), color-stop(100%, rgb(235, 235, 235)));
	background-image: -webkit-linear-gradient(rgb(255, 255, 255),rgb(235, 235, 235));
	background-image: -moz-linear-gradient(rgb(255, 255, 255),rgb(235, 235, 235));
	background-image: -o-linear-gradient(rgb(255, 255, 255),rgb(235, 235, 235));
	background-image: linear-gradient(rgb(255, 255, 255),rgb(235, 235, 235));*/


}

.PMain{
/*	font-size: 14px;
	font-weight: bold;
	background-color: white;
	padding-left: 2px;
	padding-right: 5px;
    font-weight: bold;	
    box-shadow: 2px 1px 1px 1px rgb(216, 213, 213);
	color: rgb(10, 10, 10);*/
	font-size: 14px;
	
	color: rgb(10, 10, 10);
	border-bottom: 1px solid #F0EBEB;
	line-height: 23px;
}

.PSub{
	font-size: 12px;
    line-height: 15px;
    color: rgb(17, 18, 19);
}

/*#DivAlergy {
	position:static;
	float:right;
	height:48px;
	width:250px;
	overflow:hidden;
	background-color:#FCFAE9;
	color:red;
	margin-top:-25px;
	margin-right:-5px;
	padding-left:5px; padding-right:5px;

	background-image: -ms-linear-gradient(top bottom, #FFFFFF 0%, rgb(245, 245, 153) 50%);
	background-image: -moz-linear-gradient(top bottom, #FFFFFF 0%, rgb(245, 245, 153) 50%);
	background-image: -o-linear-gradient(top bottom, #FFFFFF 0%, rgb(245, 245, 153) 50%);
	background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #FFFFFF), color-stop(0.5, rgb(245, 245, 153)));
	background-image: -webkit-linear-gradient(top bottom, #FFFFFF 0%, rgb(245, 245, 153) 50%);
	background-image: linear-gradient(top bottom, #FFFFFF 0%, rgb(245, 245, 153) 50%);
	z-index:100;
	
	transition: all 0.90s ease-in;
}*/

#DivAlergy img{
	float: right;
	right: 5px;
	padding: 2px;
	border: 1px solid rgb(129, 51, 51);
}
	

.Alergy {
	float: left;
	max-height: 200px;
	width: 95%;
	font-size: 11px;
	line-height:15px;
	background-color:white;
	color: red;	
	padding: 10px;
	z-index: 100;
	margin-left: -5px;
	margin-top:10px;
	transition: height 0.50s ease-in;	
	-webkit-transition : height 0.50s ease-in;	
    -moz-transition :height 0.50s ease-in;	
    -ms-transition:height 0.50s ease-in;	
    -o-transition:height 0.50s ease-in;	
	
/*	background-image: -ms-linear-gradient(top bottom, #FFFFFF 0%, rgb(245, 245, 153) 50%);
	background-image: -moz-linear-gradient(top bottom, #FFFFFF 0%, rgb(245, 245, 153) 50%);
	background-image: -o-linear-gradient(top bottom, #FFFFFF 0%, rgb(245, 245, 153) 50%);
	background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #FFFFFF), color-stop(0.5, rgb(245, 245, 153)));
	background-image: -webkit-linear-gradient(top bottom, #FFFFFF 0%, rgb(245, 245, 153) 50%);
	background-image: linear-gradient(top bottom, #FFFFFF 0%, rgb(245, 245, 153) 50%);*/
	
}

.AllergyTitle {
	position: relative;
	width: 110%;
	margin-top: -11px;
	margin-left: -10px;
	height: 22px;
	line-height: 20px;
	background: rgb(255, 102, 0);
	color: White;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

/* ----------------------------Vertical Menu Stylee ----------------------------------------*/
        /* Styles for Example #2 */
        #DivOPMenu {
            margin:0;
            padding:0;
            width:300px;
            list-style-type:none;
            background-color:#FFFFFF;
            color:#000000;
            line-height:120%;
            height:300px;
        }

        #DivOPMenu a {
            display:block;
            font-weight:normal;
            text-decoration:none;
        }

        #DivOPMenu ul {
            overflow: hidden;
            margin:0;
            padding:0;
        }

        #DivOPMenu li {
            margin:0;
            padding:0;
            list-style-type:none;
        }

        #DivOPMenu li a {
            width:285px;
            padding:5px 0 0 15px;
            display:block;
            color:#000000;
            background-color:#666;
        }

        #DivOPMenu li a.closed {
            color:#000000 !important;
            background-color:#666 !important;
        }

        #DivOPMenu li.firstitem a.closed {
            color:#000000 !important;
            background-image:url(../StyleSheetfff/ha-header-first.jpg) !important;
        }

        #DivOPMenu li.lastitem a.closed {
            color:#000000 !important;
            background-image:url(../StyleSheetfff/ha-header-last.jpg) !important;
        }

        #DivOPMenu li li {
            border-left:1px solid #E5E5E5;
            border-right:1px solid #E5E5E5;
            padding:0 15px 0 15px;
            height:15px;
        }

        #DivOPMenu li a.opened {
            background-image:url(../StyleSheetfff/ha-header-active.jpg);
            color:#FFFFFF;
        }

        #DivOPMenu li.firstitem a.opened {
            background-image:url(../StyleSheetfff/ha-header-first-active.jpg);
            color:#FFFFFF;
        }

        #DivOPMenu li.lastitem li {
            margin-bottom:-4px;
        }

        #DivOPMenu li.lastitem ul {
            background-image:url(../StyleSheetfff/ha-footer.jpg);
            background-repeat:no-repeat;
            background-position:bottom;
            padding-bottom:4px;
        }

/*-------------------------------- End of Vertical menu Style ---------------------*/

#DivMainPage {
	width: 61%;
	height: 99%;
	float: left;
	position: absolute;
	left: 19%;
	border: 1px solid rgb(189, 189, 189);
	transition: all 0.20s cubic-bezier(0,1.12,.39,.98);
	-webkit-transition : all 0.20s cubic-bezier(0,1.12,.39,.98);
    -moz-transition :all 0.20s cubic-bezier(0,1.12,.39,.98);
    -ms-transition:all 0.20s cubic-bezier(0,1.12,.39,.98);
    -o-transition:all 0.20s cubic-bezier(0,1.12,.39,.98);

}

.FS10 {	font-size:10px !important; }
.FS11 {	font-size:11px !important; }
.FS11 tr td {	font-size:11px !important; }
.FS12 {	font-size:12px !important; }
.FS14 {	font-size:14px !important; }

.FB  {font-weight:bold !important; }
.FB500  {font-weight:500 !important; }
.FB700  {font-weight:700 !important; }

.NoPad { padding:0px !important;}


/************* Word selector Div ----------------------*/

#DivWordSelector {
	width: 69%;
	height: 50px;
	background-color: white;
	border: 1px solid #999;
	position: absolute;
	z-index: 100;
	padding: 5px;
}

#btnWordCloser {
	position: absolute;
	float: right;
	right: 5px;
}

.SelWord {
	padding-right: 8px;
	color: rgb(156, 148, 148);
	line-height: 14px;
	cursor: pointer;
	float:left;
}

.wordOver{
	color:#333;
	font-weight:bold;
}

.PreHistoryNavi {
	background-color: rgb(213, 214, 214);
	padding: 4px;
	float: right;
	position: absolute;
	right: 5px;
	top: 2px;
	z-index: 100;

	-webkit-border-radius: 25px;
    -moz-border-radius:  25px;
    border-radius:  25px;
}

#DivPreHistory {
	width: 63%;
	z-index: 90;
	height: auto;
	background: #FFF;
	position: absolute;
	top: 45px;
	padding: 10px;
	border: 1px solid rgb(233, 153, 12);
	left: 100px;
}

#DivPageToolBar {
	position: absolute;
	float: right;
	right: 20px;	
}

#DivPageToolBar img {
	float: left;
	border-left: 1px solid rgba(175, 175, 175, 0.69);
	padding: 5px;
}


#DivPageNavi {
	height: 30px;
	float: right;
	text-align: right;
	margin-right: 74px;
	margin-top: -4px;
	overflow: hidden;
}

#DivPageNavi img {
	float: left;
	border-left: 1px solid rgba(175, 175, 175, 0.69);
	padding: 5px;
}

#DivPageNavi img :hover {
	border:1px solid #F90;
}


#DivPreHistSubToolbar {
	height: 30px;
	float: right;
}

#DivPreHistSubToolbar img {
	float: left;
	border-left: 1px solid rgba(105, 102, 102, 0.31);
	padding: 5px;
}

#DivPreHistSubToolbar img :hover {
	border:1px solid #F90;
}

#DivPreHistoryTitle {
	line-height: 30px;
	font-size: 14px;
	font-weight: bold;
	padding-left: 10px;
	color: rgb(6, 54, 82);
	background-image: -ms-linear-gradient(top, rgb(195, 248, 248) 20%, rgb(119, 207, 241) 80%);
	background-image: -moz-linear-gradient(top, rgb(195, 248, 248) 20%, rgb(119, 207, 241) 80%);
	background-image: -o-linear-gradient(top, rgb(195, 248, 248) 20%, rgb(119, 207, 241) 80%);
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, rgb(195, 248, 248)), color-stop(1,  rgb(119, 207, 241)));
	background-image: -webkit-linear-gradient(top, rgb(195, 248, 248) 20%, rgb(119, 207, 241) 80%);
	background-image: linear-gradient(top, rgb(195, 248, 248) 20%, rgb(119, 207, 241) 80%);

}

#DivAddFavorite {
	position:absolute;
	float:right;
	height:16px;
}

.SelectAll{
	float: right;
	right: 20px;
	color: rgb(252, 252, 252);
	background-color: rgb(168, 168, 168);
	padding: 3px;
	white-space: nowrap;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.LGTitleShade {
	line-height: 30px;
	font-size: 12px;
	padding-left: 10px;
	color: rgb(6, 54, 82);
	background-image: -ms-linear-gradient(top, rgb(245, 245, 245) 20%, rgb(219, 219, 219) 80%);
	background-image: -moz-linear-gradient(top, rgb(245, 245, 245) 20%, rgb(219, 219, 219) 80%);
	background-image: -o-linear-gradient(top, rgb(245, 245, 245) 20%, rgb(219, 219, 219) 80%);
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0,  rgb(245, 245, 245)), color-stop(1, rgb(219, 219, 219)));
	background-image: -webkit-linear-gradient(top, rgb(245, 245, 245) 20%, rgb(219, 219, 219) 80%);
	background-image: linear-gradient(top, rgb(245, 245, 245) 20%, rgb(219, 219, 219) 80%);
}

#DivBottomImage {
	position:absolute;
	bottom:0px; left:60px;
	z-index:-100;
}

#DivBottomGreen {
	position:absolute;
	bottom:0px; right:0px;	
	/*z-index:-100;*/
	
}

/* Procedure and investigation Deivion Area  */

#DivLeftSelection {
	width: 100%;
	height: 200px;
	background-color: white;
	float: left;
	overflow: auto;
}

#DivRightSelected {
	width: 100%;
	height: 200px;
	background-color: white;
	float: left;
	margin-top: 5px;
}

#DivCenterTools {
	width: 100%;
	height: 26px;
	background-color: rgb(215, 247, 252);
	color:black;
	float: left;
	margin-top: 5px;
	padding: 0px;
	text-align: center;
	vertical-align: middle
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));
	background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
	box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3), 
	 1px 0px 0px 0px rgba(255,255,255,0.9) inset, 
	 0px 2px 2px rgba(0,0,0,0.1);
}
#DivCenterTools img {
	padding: 2px;
	margin-top: 2px;
	background-color: rgb(242, 248, 168);
	margin-left: 4px;	
}

#DivBottomSave,#DivBottomReview {
	width: 100%;
	min-height: 65px;
	max-height:100px;	
	background-color: rgb(215, 247, 252);
	float: left;
	margin-top: 5px;
	padding: 0px;
	text-align: center;
	color: black;
	vertical-align: middle;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));
	background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
	box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3), 
	 1px 0px 0px 0px rgba(255,255,255,0.9) inset, 
	 0px 2px 2px rgba(0,0,0,0.1);
	color: #333;
}

#DivToolBar {
	margin-top: -11px;
	border-top: 1px rgb(179, 173, 173) solid;
	padding-top: 5px;
}

.ac-container{
	width: 100%;
margin: 35px auto 30px auto;
	text-align: left;
	-webkit-transition: all 0.3s ease-in-out, box-shadow 0.6s linear;
	-moz-transition: all 0.3s ease-in-out, box-shadow 0.6s linear;
	-o-transition: all 0.3s ease-in-out, box-shadow 0.6s linear;
	-ms-transition: all 0.3s ease-in-out, box-shadow 0.6s linear;
	transition: all 0.3s ease-in-out, box-shadow 0.6s linear;
	overflow: auto;
    height: 91%;
}
.ac-container label{
	font-family: Arial, sans-serif; /*'BebasNeueRegular',*/	
	padding: 2px 2px;
	padding-left:9px !important;
	position: relative;
	z-index: 20;
	display: block;
	height: 27px;
	cursor: pointer;
	color: rgb(49, 49, 49);
	/*text-shadow: 1px 1px 1px rgba(255,255,255,0.8);*/
	line-height: 24px;
	font-size: 13px;
	font-weight: bold;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));
	background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
	box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3), 
	 1px 0px 0px 0px rgba(255,255,255,0.9) inset, 
	 0px 2px 2px rgba(0,0,0,0.1);
}
.ac-container label:hover{
	background: #fff;
}
.ac-container input:checked + label,
.ac-container input:checked + label:hover{
	/*background: #c6e1ec;*/
	color: #0063C6;
	text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);
	box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		0px 2px 2px rgba(0,0,0,0.1);
}
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	right: 13px;
	top: 7px;
	/*background: transparent url(../img/arrow_down.png) no-repeat center center;*/	
}
/*.ac-container input:checked + label:hover:after{
	background-image: url(../img/arrow_up.png);
}*/
.ac-container input{
	display: none;
}
.ac-container article{
	background: rgba(255, 255, 255, 0.5);
	margin-top: -1px;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 10;
	-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}
/*.ac-container article a{
	color: #777;
	line-height: 14px;
	font-size: 12px;
	padding: 10px;
	background-color:#FC9;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
}*/
.SMenu {
	color: rgb(8, 9, 10);
	padding: 5px 5px;
	padding-left: 10px;
	font-size: 13px;
	line-height: 14px;
	border-bottom: 1px solid rgb(226, 226, 226);
	width: 100%;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
	cursor:pointer;
	overflow-x: hidden;
	transition: background-color 0.40s ease-in;
	-webkit-transition : background-color 0.40s ease-in;
    -moz-transition :background-color 0.40s ease-in;
    -ms-transition:background-color 0.40s ease-in;
    -o-transition:background-color 0.40s ease-in;
}

.SMenuOver{
	background-color: #D1E8BB;
}

.SMenuActive{
	background-color: rgb(248, 227, 145);
}

.ac-container input:checked ~ article{
	-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
}

.ac-container input:checked ~ article.ac-small{
	height: auto;
	padding-left:5px;	
}
.ac-container input:checked ~ article.ac-medium{
	height: auto;		
	padding-left:5px;
}
.ac-container input:checked ~ article.ac-large{
	height: auto;	
	padding-left:5px;	
}


#DivDialogTitle {
	height: 21px;
	width: 100%;
	position: absolute;
	z-index: 1000;
	background-color: rgb(211, 71, 27);
	font-size: 16px;
	color: white;
	padding: 6px;
	top: 0px;
	cursor:pointer;
	margin-left: -25px;	
	text-align:left;
	font-weight: bold;
	white-space:nowrap;
}

#DivRightCloseButton{
	position: absolute;
	right: 5px;
	background-color: rgb(27, 137, 211);
	z-index: 1000;
	cursor: pointer;
	padding: 5px;
}

.NoWidth{width:0px; }
.ShowWidth{width:19%; }

.divLoadStatus
{
	
	color:Black;
	moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius:3px;
	text-align:center;
	padding:2px;
	background-color :#f9edbe ;
	width:200px;	
	font-family:Arial,tahoma;
	font-size:12px;
	border:1px solid #f0c36d;
	position:absolute;
	z-index:1001;
	left:50%;
	margin-left:-100px;
	top:10px;
	/* -webkit-box-shadow: inset 0 3px 3px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0 3px 3px rgba(0,0,0,0.1);
	box-shadow: inset 0 3px 3px rgba(0,0,0,0.1);
*/
	}
	
	
	.divErrorStatus
	{	background-color: rgb(252, 38, 10) !important;
		border: 1px solid rgb(255, 23, 13) !important;		
		color: White !important;
	}
	
	#tblEmpanelledAdmitlist_filter,#tblEmpanelRequest_filter
	{
		margin-top:-33px;		
		float:right;
		right:2.2%;
		position:absolute;
		}
	#tblOpWaiting_filter,#tblOpCompleted_filter,#tblAppointment_filter,#tblEmpanelledAdmit_filter,#tblIpList_filter
	{
		
		margin-top:-33px;		
		float:right;
		right:20.2%;
		position:absolute;
		
		}
		
	
	#tblOpWaiting_filter input,#tblOpCompleted_filter input,#tblAppointment_filter input,#tblIpList_filter input,#tblEmpanelledAdmitlist_filter input,#tblEmpanelRequest_filter input
	{	
		height: 13px;
	}	
	
	
		#tblFBCompleted_filter,#tblFBCompleted_filter,#tblAppointment_filter
	{
		
		margin-top:-33px;		
		float:right;
		right:20.2%;
		position:absolute;
		
		}
	
	#tblFBCompleted_filter input,#tblFBCompleted_filter input,#tblAppointment_filter input
	{	
		height: 13px;
	}	
		
	
	.dataTables_scrollBody
	{
		margin-top:-10px;
		}
		
	.rotate-90 {
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	}
	
	.rotate90 {
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
	}
	
	#DivMenuShower
	{
		width:25px;
		z-index: 2001;
		position: absolute;
		left: 0px;top: 34px;
		height: 94%;
		cursor: pointer; 
		background-color:rgb(27, 137, 211);
		}
		
	#DivMenuShower #divOpTitle
	{
		color:White;
		font-size:16px;
		white-space:nowrap;
		left:200px;
		margin-top:20px;			
		font-weight: bold;
		}
#divRightPanel{
    float: right;
    position: absolute;
    right: 5px;
    top: 33px;
    height: 94%;
    cursor: pointer;
    z-index: 1000;
    font-family: Arial, Helvetica, sans-serif;
    width: 25px;
    background: rgb(27, 137, 211);
    color: white;
}

#divRightPanelTitle{
    margin-top:10px;
    white-space:nowrap;
    font-weight:bold;
}

#divPinPatientInfo{        
    padding-left:5px;
    padding-top:5px;     
    border-bottom:1px solid white
}

#DivPatientInfo
{
    transition: all 0.20s cubic-bezier(0,1.12,.39,.98);
    -webkit-transition :  all 0.20s cubic-bezier(0,1.12,.39,.98);
    -moz-transition : all 0.20s cubic-bezier(0,1.12,.39,.98);
    -ms-transition: all 0.20s cubic-bezier(0,1.12,.39,.98);
    -o-transition: all 0.20s cubic-bezier(0,1.12,.39,.98);
    }
    
#divSaveMessage
{
	position:absolute;display:none;width:200px;height:68px; 
    background-color:rgb(0, 163, 255);font-size:18px; font-weight:bold; text-align:center; 
    line-height:65px;color:white;left:50%;top:50%;z-index:10002;
    margin-left:-100px;
    margin-top:-34px;
    border :3px solid rgb(167, 209, 248);
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -o-border-radius: 20px;
	}
	
.css_BlueButton {
   padding: 10px 20px;
   border: 1px solid #FFFFFF;
   background: -webkit-gradient(linear, left top, left bottom, from(#56A6FC), to(#06466B));
   background: -webkit-linear-gradient(top, #56A6FC, #06466B);
   background: -moz-linear-gradient(top, #56A6FC, #06466B);
   background: -ms-linear-gradient(top, #56A6FC, #06466B);
   background: -o-linear-gradient(top, #56A6FC, #06466B);
   background-color: #06466B;
   box-shadow: 0px 7px 2px -5px #1A1A1A, inset 0px 0px 9px #1292E8;
   -webkit-box-shadow: 0px 7px 2px -5px #1A1A1A, inset 0px 0px 9px #1292E8;
   -moz-box-shadow: 0px 7px 2px -5px #1A1A1A, inset 0px 0px 9px #1292E8;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   text-shadow: #031124 1px 1px 0px;
   color: #FCFCFC;
   font-size: 14px;
   font-family: Arial;
   text-decoration: none;
   font-weight: bold;
   -webkit-transition: 1.1s;
   -moz-transition: 1.1s;
   -o-transition: 1.1s;
   transition:1.1s;
   cursor: pointer;
   }
.css_BlueButton:hover {
   background: none;
   background-color: #06466B;
   box-shadow: 0px 0px 5px 0px #AAAAAA;
   -webkit-box-shadow: 0px 0px 5px 0px #AAAAAA;
   -moz-box-shadow: 0px 0px 5px 0px #AAAAAA;
   border: 1px solid #ffffff;
   color: #F7F6ED;
   }
.css_BlueButton:active {
   top: 1px;
   position: relative;
   }
   
   
 .three-sixty {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  overflow: hidden;
}
.three-sixty:hover, .three-sixty:focus {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}

#DivSearchFilter 
{
    background-color:rgba(221, 240, 193, 0.88);
    z-index: 10000;
    position:absolute;
    padding: 0px 0px;
    text-decoration: none;
    right:31px;
    text-align:left;
}
#DivSearchFilter ul{
    padding: 0px 10px 0px 10px;
    width: 100px;
}
#DivSearchFilter ul li 
{
    list-style:none;
    padding-left: 5px;
    border-bottom: 1px dotted white;
    line-height: 18px;
}
#DivSearchFilter ul li a
{
    text-decoration: none;
    color: rgb(12, 11, 11);
    display: inherit;
    vertical-align: top;
}

#DivSearchFilter ul li a:hover {color: rgb(253, 0, 0); }
#DivSearchFilter ul li a:hover:before ,#DivSearchFilter ul li a:focus:before , #DivSearchFilter ul li .active a:before 
{
    content: url('../img/rightarrow.gif');
    margin-left: -10px;
 }

#DivPatInfo 
{
    height: 156px;
    width: 300px;
    background-color: white;
    position: absolute;
    z-index: 100;
    top: 50%;
    left: 50%;
    border-bottom:2px solid red;
    
}

#divPatientToolBar  
{
   bottom: 0px;
    text-align: right;
    background-color: rgb(122, 122, 122) !important;
    height: 31px;
}

#divPatDG 
{
    width: 100%;
    line-height: 20px;
    color: black;
    font-size: 13px;
    margin: 5px;
}

#divPatientToolBar img 
{
    margin-right: 3px;
    padding: 2px;
    float: left;
    background-color: rgb(235, 235, 235);
    margin-top: 4px;
}

.BlueRTCurveBox {
background-color: rgb(10, 118, 218);
font-weight: bold;
color: white;
width: 100px;
padding: 0px;
padding-left: 10px;
border-radius: 0px 13px 0px 0px;
-moz-border-radius: 0px 13px 0px 0px;
-o-border-radius: 0px 13px 0px 0px;
-webkit-border-radius: 0px 13px 0px 0px;
}
.RedRBCurveBox {
font-weight: bold;
background-color: rgb(187, 13, 13);
padding: 0x;
padding-right: 10px;
color: white;
padding-left: 10px;
border-radius: 0px 13px 0px 13px;
-moz-border-radius: 0px 13px 0px 13px;
-o-border-radius: 0px 13px 0px 13px;
-webkit-border-radius: 0px 13px 0px 13px;
}
#divErrorMessage 
{
	position:absolute;display:none;width:400px;min-height:30px; 
    background-color:rgb(0, 163, 255);font-size:18px; font-weight:bold; text-align:center; 
    line-height:30px;color:white;left:50%;top:50%;z-index:1000002;
    margin-left:-200px;
    margin-top:-34px;
    border :3px solid rgb(167, 209, 248);
    border-radius: 9px;
    -moz-border-radius:9px;
    -webkit-border-radius: 9px;
    -o-border-radius: 9px;
    box-shadow: 2px 2px 10px rgb(90, 85, 85);
	}

 .Error
{
	background-color: rgb(247, 104, 9) !important;
    border : 3px solid rgb(224, 23, 23) !important;
	}
	
.Info
{
	background-color: rgb(255, 254, 252) !important;
    border : 3px solid rgba(38, 159, 240, 1) !important;
    color: rgb(66, 64, 64) !important;
	}
	
.Warning
{
	background-color: rgb(250, 224, 185) !important;
    border : 3px solid rgba(218, 181, 88, 1) !important;
    color: rgb(66, 64, 64) !important;
	}
	
#divLabResult 
{
    font-size: 12px;
    line-height: 12px;
    margin-top: 30px;
}

/* Pager Style */

.CommonTable .pgr { background-color: white !important; }
.CommonTable .pgr table { margin: 5px 0; }
.CommonTable .pgr td { 
    border-width: 0;          
    color:White;
    line-height: 12px; 
    -moz-box-shadow: 0px 1px 4px #ccc;
    -webkit-box-shadow: 0px 1px 4px #CCC;
    box-shadow: 0px 1px 4px #CCC;
 }   
 

.CommonTable .pgr td td  
{
font-size: 12px;
background-color: #8A8A8A !important;
border-radius: 0px 5px;
-webkit-border-radius: 0px 5px;
-moz-border-radius: 0px 5px;
-ms-border-radius: 0px 5px;
-o-border-radius: 0px 5px;

font-weight: bold; 
color: #0E61DD; 
}

.CommonTable .pgr td td:hover 
{
background-color: red !important;
color: white;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-transition: all 60ms ease-in-out;
-moz-transition: all 60ms ease-in-out;
-ms-transition: all 60ms ease-in-out;
-o-transition: all 60ms ease-in-out;
transition: all 60ms ease-in-out;
}
    
.CommonTable .pgr a,.CommonTable .pgr a:hover  { color:white; font-weight: normal;  text-decoration: none;padding:3px 6px; display:block; }
.CommonTable .pgr td span
{
	padding:3px 6px;
	color:#0A0755;
	}

#divResultType 
{
    right: 5px;
    top: 45px;
    position: fixed;
    padding-right: 1px;
    z-index: 1000;
    
}
/**/

.w4em { width:4em;}

.FrmTable 
{
    width: 100%;
    padding: 10px;
}
/*.FrmTable tr:nth-child(even) {background: #F1F1F1;}
.FrmTable tr:nth-child(odd) {background: #FFF}*/
.FrmTable tr:nth-child(odd) {background: #F1F1F1;}

blockquote {
    font-family: Georgia, serif;
    font-size: 18px;
    font-style: italic;
    width: 500px;
    margin: 0.25em 0;
    padding: 0.25em 40px;
    line-height: 1.45;
    position: relative;
    color: #383838;
}

blockquote:before {
    display: block;
    content: "\201C";
    font-size: 70px;
    position: absolute;
    left: -8px;
    top: -25px;
    color: #4B4848;
}

.ItemHLight
{
    padding: 0px 5px;
    background-color: rgb(234, 242, 253);
}

.cssNoContent 
{
    width: 80%;
    text-align: center;
    font-size: 1.5em;
    text-transform: uppercase;
    border: 2px solid rgb(255, 254, 253);
    padding: 10px;
    background-color: rgb(105, 101, 101);
    color: rgb(246, 247, 240);
    margin-left: 10%;
    border-radius: 32px;
     -moz-box-shadow:    5px 6px 5px 1px #ccc;
    -webkit-box-shadow: 5px 6px 5px 1px #ccc;
    box-shadow:        5px 6px 5px 1px #ccc;
}

.cssNoContent:after {
    content: url('../img/DodleInfo.png');
    position: absolute;
    right: 15%;
}

.shadow {
  -moz-box-shadow:    3px 3px 5px 6px #ccc;
  -webkit-box-shadow: 3px 3px 5px 6px #ccc;
  box-shadow:         3px 3px 5px 6px #ccc;
  
}
.NewText
{
    color:Black;
    width:100%;
}

.Mandatory, .Mandatory:focus{border-left: 3px solid red;}

#PendingMedicineApproval,#InsQuery, #InvestigationResultView, #PhysioResultView, #DialysisRequestView,#PendingVerbalApproval,#DrugScheduleStatus,#PackageApprStatusView,#DivPostponerequest,#DivpatreleaseRequest,#SurgeryApprovalCountView,
#DivResourceOverlapping
{
    position: absolute;
    z-index: 100;
    background-color: orange;
    padding: 5px 5px;
    border-radius: 25px;
    left: 17%;
    margin-top: -37px;
    background: #fceabb;
    background: -moz-linear-gradient(top, #fceabb 0%, #fccd4d 44%, #f8b500 65%, #fbdf93 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fceabb), color-stop(44%,#fccd4d), color-stop(65%,#f8b500), color-stop(100%,#fbdf93));
    background: -webkit-linear-gradient(top, #fceabb 0%,#fccd4d 44%,#f8b500 65%,#fbdf93 100%);
    background: -o-linear-gradient(top, #fceabb 0%,#fccd4d 44%,#f8b500 65%,#fbdf93 100%);
    background: -ms-linear-gradient(top, #fceabb 0%,#fccd4d 44%,#f8b500 65%,#fbdf93 100%);
    background: linear-gradient(to bottom, #fceabb 0%,#fccd4d 44%,#f8b500 65%,#fbdf93 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 );
    cursor: pointer;
    border: 1px solid rgb(173, 155, 155);
}

#PendingMedicineApproval:hover, #PendingMedicineApproval:focus, #InvestigationResultView:hover, #InvestigationResultView:focus, #PhysioResultView:focus,#PendingVerbalApproval:hover,#PendingVerbalApproval:focus,#DrugScheduleStatus:focus,#PackageApprStatusView:focus,#PackageApprStatusView:hover,#DivPostponerequest:hover,#DivpatreleaseRequest:hover,
#DivResourceOverlapping:hover
{   background: #fceabb;
    background: -moz-linear-gradient(top,  #FFFFFF 10%, #fccd4d 44%, #fceabb 65%, #fbdf93 80%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #FFFFFF), color-stop(44%,#fccd4d), color-stop(65%,#f8b500), color-stop(100%,#fbdf93));
    background: -webkit-linear-gradient(top, #FFFFFF 10%, #fccd4d 44%, #fceabb 65%, #fbdf93 80%);
    background: -o-linear-gradient(top, #FFFFFF 10%, #fccd4d 44%, #fceabb 65%, #fbdf93 80%);
    background: -ms-linear-gradient(top,  #FFFFFF 10%, #fccd4d 44%, #fceabb 65%, #fbdf93 80%);
    background: linear-gradient(to bottom,#FFFFFF 10%,#fccd4d 44%,#f8b500 65%,#fbdf93 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fbdf93',GradientType=0 );
}

 #divConfirmMessage {
position: absolute;
width: 457px;
height: auto;
background-color: rgb(255, 255, 255);
font-size: 12px;
font-weight: normal;
text-align: center;
line-height: 14px;
color: Black;
left: 33%;
top: 50%;
z-index: 20002;
margin-left: -100px;
margin-top: -34px;
border: 3px solid rgb(181, 192, 51);
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
padding: 10px;
}

#divConfirmMessage .NewButton
{
    width:70px;
    }
    
#divConfirmbox
{
    background-color:rgba(10, 10, 10, 0.45);
    }
.RightAlign { text-align:right !important;}

.CommonMenuSelector
{
    position: absolute;
    z-index: 1000;
    width: auto;
    margin: 2px;
    max-height:400px;
    /*background-color: rgb(250, 248, 248);*/
    padding: 4px;
    right: 10%;
    background: #fff;
    border: 1px solid #ccc;
    border-color: rgba(0,0,0,.2);
    box-shadow: 0 2px 10px rgba(0,0,0,.2);
    display:none;
}

 #divReportMenuSelector .divMenus .SMenu
    {

        min-width:200px;
        width: auto;
        border-left: 3px solid red;
    }
    #divReportMenuSelector .divMenus .SMenu a
    {
        color:Black;
    }
    #divReportMenuSelector .divMenuGroup
    {
        display: inline-block;
        margin:1px;
        float:right;
        border:1px solid #d0d0d0;
    }
    #divReportMenuSelector .divMenus
    {
        display:none;
        position:absolute;
        z-index:1000; max-height:500px;
        overflow:auto;
        margin-left:-1px;
    }
    
    #divReportMenuSelector > form
    {
        height:100%;
    }
    #divReportMenuSelector .ac-container label
    {
        padding-right:9px !important;
    }
   #divReportMenuSelector .ac-container label:hover {
        background: #fff;
        border-left:3px solid red;
    }

.MainTitle 
{
    padding: 5px 15px;
    background-color: rgb(75, 75, 75);
    display: inline-block;
    color: white;
    border-radius: 0px 30px 30px 0px;
    font-size: 14px;
    margin-bottom: 10px;
}

.pressed {
box-shadow:  0px 0px 0px 2px rgb(68, 138, 14),0px 0px 6px 4px rgb(141, 224, 64);
-webkit-box-shadow:  0px 0px 0px 2px rgb(68, 138, 14),0px 0px 6px 4px rgb(141, 224, 64);
-moz-box-shadow: 0px 0px 0px 2px rgb(68, 138, 14),0px 0px 6px 4px rgb(141, 224, 64);
-o-box-shadow:  0px 0px 0px 2px rgb(68, 138, 14),0px 0px 6px 4px rgb(141, 224, 64);
}    
}

.chooseCombo 
{
    color: brown !important;
    width: 100%  !important;
    border-left: 2px solid red  !important;
}

.HDValue  
        {
            font-weight: bold;
            display: inline-block;
            background-color: white;
            border: 1px solid rgb(247, 176, 176);
            padding: 1px 5px;
            border-radius: 0px 10px 10px 0px;
        }
        
.TDisplay 
{
    color: #381D08;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
    line-height: 14px;
    font-size: 14px;
    font-weight: bold;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));
    background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
    background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
    background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
    background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
    box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3), 
     1px 0px 0px 0px rgba(255,255,255,0.9) inset, 
     0px 2px 2px rgba(0,0,0,0.1);
}          

.RoundedRedStatus
{
    color: rgb(255, 255, 255);
    font-weight: bold;
    font-size: 12px;
    background-color: red;
    padding: 5px 15px;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -o-border-radius: 25px;
    -ms-border-radius: 25px;
    box-shadow: 1px 2px 2px gray;
    -moz-shadow: 1px 2px 2px gray;
    -webkit-shadow: 1px 2px 2px gray;
    -o-shadow: 1px 2px 2px gray;
    -ms-shadow: 1px 2px 2px gray;
    border: 2px solid yellow;
    display:inline-block;
}

.CountCss 
{
    background-color: rgb(255, 82, 0);
    padding: 3px;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    color: yellow;
    margin-left: 5px;
    text-align: center;
    box-shadow: 1px 2px 1px gray;
    -webkit-box-shadow: 1px 2px 1px gray;
    -mozi-box-shadow: 1px 2px 1px gray;
}


 
 #DivPatDisesList
 {
height: auto;
width: 200px;
background-color: white;
position: absolute;
z-index: 100;
top: 50%;
left: 50%;
color: black;
border: 2px solid #CCC;

     }

 .Contagious
 {
    background-color:rgba(224, 36, 21, 0.91) !important;
 }
     
     .Vulnerable
    {
     background-color:rgb(255, 168, 8);
     padding: 2px;
     border-radius: 21px;
     -moz-border-radius: 21px;
     -webkit-border-radius: 21px;
     -o-border-radius: 21px;
     -ms-border-radius: 21px;
     border-radius: 21px;
     padding: 2px;
width:16px;
height:16px;
     }
 
 
 /*<-----------------------Edited by akhil 19/12/2014, Patient  Infectious Disease Alert*/
  

.ValueText{font-size: 14px;
font-weight: bold;
color: rgb(6, 6, 6);
line-height: 18px;}
.Line 
{
    border-bottom: 3px solid rgb(215, 215, 215);
    margin: 10px -5px;
}

.RedNumericValue
{
    text-align: right;
    color: rgb(226, 41, 7);
    font-weight: bold;
}

.TotalPayable {
line-height: 50px;
font-size: 30px;
font-weight: bold;
color: rgb(115, 170, 32);
}

.RGValue {
font-size: 20px;
font-weight: bold;
color: rgb(187, 53, 4);
}

.LblSave
{
    color: rgb(250, 250, 255);
    display:none;
    background-color: orange;
    text-align: center;
    padding: 2px;
    border-radius: 5px;
    font-size: 12px;
    
}

.spnDashNotes
{
      font-size: 12px;
      font-style: italic;
      line-height: 12px;
      color: rgb(81, 75, 75);
}

.spnDisplayName 
{
      font-weight: bold;
      color: rgb(0, 113, 194);
      line-height: 24px;
}

.ChangeDocLegend
{
    /*background-color:#FF9966;*/
	  background: -webkit-gradient( linear, left top, left bottom, from(#FDFFFC), color-stop(0.50, #F7CE90), color-stop(0.50, #D8AD96), to(#FFD288))
}
  .Selectcheckbox
        {
            float: right;
            right: 20px;
            color: rgb(252, 252, 252);
            background-color: rgb(0, 223, 252);
            padding: 3px;
            white-space: nowrap;
            border-radius: 3px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border: 1px solid white;
        }
        .DeSelectcheckbox
        {
            float: right;
            right: 20px;
            color: rgb(252, 252, 252);
            background-color: rgb(17, 169, 228);
            padding: 3px;
            white-space: nowrap;
            border-radius: 3px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
        }
/*Edited by Pramod for EMR Ipad option*/
 .IpadRow tr
        {
            height:45px;
            font-size:16px !important;
        }
        
        .IpadCloseButton
        {
            width:25px !important;
            height:22px !important;
            border-radius: 7px 7px 7px 7px;
            right: 0px !important;
            background: -webkit-gradient( linear, left top, left bottom, from(rgb(240, 140, 167)), color-stop(0.50, rgb(245, 61, 61)), color-stop(0.50, rgb(204, 17, 17)), to(rgb(232, 8, 50)));

        }
        
           .IpadCloseButtonimg
        {
           margin-left:10% !important;
        }
        
        .IpadTextBox
        {
            font-size:12px !important;
            height:25px;
        }
        
        .IpadLineHeight
        {
            line-height:20px !important;
        }
        
        .IpadLabelPadding
        {
            padding:15px !important;
            font-size:17px;
        }
          .IpadPrescriptionTemplate
        {
            width: 180px !important;
            height: 30px !important;
        }
       
         .IpadAddButton
        {
            width: 43px !important;
        }
           .IpaCloseButton
        {
            width: 45px !important;
        }
             .IpaEditButton
        {
            width: 28px !important;
        }
         .Ipadac-container label,.Ipadac-medium div 
         {
             height:40px;
         }
          .Ipadac-medium div 
         {
             height:20px;
         }
         .IpadScroll
         {
             overflow-x:auto !important;
         }
         .IpadNoHeight
         {
             height:auto !important;
         }
         .IpadminHeight
         {
             min-height:200px;
         }
         .IpadLabelStyle,#lblForchkDispAll
         {
                 padding: 8px !important;
                 font-size:15px;
         }
         .IpaddivDictionary ul li a
         {
                 height: 28px;
         }
         .Ipaddivtemplatehorizontal li
         {
             padding:12px !important;
         }
         .IpadlblShowHideMedicines
         {
             font-size: 15px;
            font-weight: bold;
         }
         .IpaddivSelect button
         {
            padding: 8px;
            font-size:12px;
         }
             
 #DivDSDoctor,#DstopPanel
{
    display:none;
}
#DivDSPrepared
{
    display:block;
    border-top: 1px solid rgb(14, 152, 218);
} 

#divDsDrPanel
{
    border: none;
}


/* For Graphical Radiology */
#divRadType li
        {
            float: left;
            padding: 5px;
            padding-left: 10px;
            background-color: rgb(255, 255, 255);
            margin-left: 7px;
            margin-top: 2px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            cursor: pointer;
            color: white;
            width: 8%;
            background-color: rgba(27, 137, 211, 0.77); /*padding: 4px 4px;
            background: rgb(252, 234, 187);
            background: -moz-linear-gradient(top, #fceabb 0%, #fccd4d 44%, #f8b500 65%, #fbdf93 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(252, 234, 187)), color-stop(44%,rgb(252, 205, 77)), color-stop(65%,rgb(248, 181, 0)), color-stop(100%,rgb(251, 223, 147)));
            background: -webkit-linear-gradient(top, rgb(252, 234, 187) 0%,rgb(252, 205, 77) 44%,rgb(248, 181, 0) 65%,rgb(251, 223, 147) 100%);
            background: -o-linear-gradient(top, #fceabb 0%,#fccd4d 44%,#f8b500 65%,#fbdf93 100%);
            background: -ms-linear-gradient(top, #fceabb 0%,#fccd4d 44%,#f8b500 65%,#fbdf93 100%);
            background: linear-gradient(to bottom, rgb(255, 191, 191) 0%,rgb(255, 118, 27) 44%,rgb(247, 72, 35) 65%,rgb(232, 92, 92) 100%);*/
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 );
            border: 1px solid rgb(173, 155, 155);
            text-align: center;
        }
        #divRadType li:hover
        {
            background: linear-gradient(to bottom, rgb(255, 191, 191) 0%,rgb(233, 30, 99) 44%,rgb(247, 72, 35) 65%,rgb(232, 92, 92) 100%);
        }
        
        .RadTypeSelected
        {
            border-radius: 4px;
            background: linear-gradient(to bottom, rgb(255, 191, 191) 0%,rgb(233, 30, 99) 44%,rgb(247, 72, 35) 65%,rgb(232, 92, 92) 100%) !important;
        }
        
        #divRadMenu
        {
            position: absolute;
            z-index: 1000;
            overflow: auto;
            background-color: rgba(4, 64, 125, 0.83);
            color: white;
            padding: 0px 0px;
            text-decoration: none;
        }
        #divRadMenu ul li
        {
            list-style: none;
            padding-left: 5px;
            border-bottom: 1px solid rgb(255, 255, 255);
            line-height: 18px;
        }
        #divRadMenu ul
        {
            padding: 0px 10px 0px 10px;
            width: auto;
            min-width: 100px;
        }
        #divRadMenu ul li a
        {
            text-decoration: none;
            color: white;
            display: inherit;
            vertical-align: top;
        }
        #divRadMenu ul li a span
        {
            color: white;
        }
        .SelectedProc
        {
            background-color: White;
            color: Black !important;
            border-bottom: 1px solid rgb(46, 96, 147);
        }
        .SelectedProc span
        {
            color: Black !important;
        }
        #tblRadOrder th
        {
            font-weight: bold !important;
        }
        .ClsFav
        {
            background: rgb(255, 193, 7);
        }
        
        .InsLabel 
        {
        	    font-weight: normal !important;
        }
        
#divEMRNotification
{
    position: absolute;
    z-index: 100;
    border-radius: 25px;
    left: 17%;
    margin-top: -40px;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 );
    cursor: pointer;
}
/*discharge summary*/
#DivDisTopMargin{
margin-top:-5px !important;
/*display: none !important;*/
}

#TblHosp {
	display: none !important;
}

#TblLogo {
width: 95% !important;
}

/*#TblLogo img {
width: 1060px !important;
height: 220px !important;
}*/

#TblLogo img {
width: 103% !important;
height: 50% !important;
margin-top: -30px !important;
}
/*********************************/

.otheradvice table td {
line-height: 16px !important;
}

.EMRPrescStrength {
display: none !important;
}
 



 /*.EMRPrescUOM {
display: none !important;
}*/


.EMRPrescDosage {
display: block!important;
height: 32px !important;
}