/* CSS Document */
* { margin:0; padding:0; box-sizing: border-box;}
body { height:100%; }
html { height:100%; }
textarea	{	font-family: Arial, Helvetica, sans-serif; 
		color:#5d5d60;	}	

/*input	{	font-family: Arial, Helvetica, sans-serif; 
		color:#5d5d60;	}	*/

html	{	font-family: Arial, Helvetica, sans-serif; 
		color:#5d5d60;	}	

object { vertical-align:top; outline:none}
.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center; color: black;}
.container1{ width:100%}
.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
div.container {	overflow:hidden; width: 100%;}
a img{ border:0}
img{ vertical-align:top;  }

a{color:#038486; text-decoration:underline; outline:none} 
a:hover{text-decoration:none}
b{ color:#101115}

/* side bar color */
#content .indent-col2{padding:20px 20px; background-color: #9ca2a2;}


.link{color:#000000; background:url(../images/marker.gif) top left no-repeat; padding-left:20px; background-position:0 5px; text-decoration:none; font-size:.916em  }
.link:hover{text-decoration:underline }
.link1{ color:#038486; font-size:.916em}

.button7 { background-color: #e79d19; color: white; padding-top: 1px; height: 45px; text-align: center; display: block; text-decoration: none; border: 2px solid #e79d19; cursor: pointer; font-size:25px; }
.button7:hover{text-decoration:none; background-color:#5d4f42; border: 2px solid #5d4f42;  }

.redText { color:#b91c04; text-align:justify; font-size: 16px; font-weight: 100; line-height: 1.2;}

.image { margin: 10px;}
.errorimg { color:red; text-align:right;}

#content ul{margin:0; padding:0; list-style:none;}
#content ul li{background:url(../images/marker.gif) top left no-repeat; background-position:0 3px; margin:0; padding-left:26px; padding-bottom:20px}
#content .ul li{background:url(../images/marker1.gif) top left no-repeat; background-position:0 3px; margin:0; padding-left:26px; padding-bottom:20px}
#content ul li a{color:#038486; text-decoration: underline; } 
#content ul li a:hover { text-decoration:none; }
#content ul li strong {color:#6e7882; text-decoration:none !important; line-height:1.5em} 

.link-1 { display:block; float:left; background:url(../images/link_bg.gif) repeat-x left top; color:#ffffff; text-decoration:none; }
.link-1 em { display:block; background:url(../images/link_left.gif) no-repeat left top;}
.link-1  b { display:block; background:url(../images/link_right.gif) no-repeat right top; padding:0 15px 0 15px; line-height:28px; font-weight:normal; font-style:normal;}
.link-1:hover{ text-decoration:none; color:#000000}



#head{position: relative; width:100%; margin-bottom:-12px; overflow: hidden;}
#head1{position: relative; width:100%; margin-bottom:-1px;}


/*content*/
#content .title{  margin-bottom:16px}
#content .img-left{ float:left; margin:0 20px 16px 0}
#content .img-indent{ margin:0 0 21px 0}
#content .img-indent1{ margin:0 0 25px 0}
#content p{ margin:0 0 9px 0}
#content .p{ margin:0}
#content .p1{ margin:0 0 17px 0}
#content h2{color:#282d38; font-size:2.66em; margin-bottom:17px; line-height:1.2em; letter-spacing:-1px }
#content h3{color:#038486; font-size:1.08em; font-weight:normal; text-transform:uppercase; margin-bottom:13px; line-height:1.53em }
#content h4{color:#038486; font-size:1em; margin-bottom:13px;  }
#content .tail{ padding-bottom:19px; margin-bottom:11px}
#content .tail1{ padding-bottom:29px; margin-bottom:19px}
#content .drimage { background-color: #9ca2a2; color: white; border: 1px solid darkgray; margin: 0px; padding: 0px; max-width: 352px; width: 100%; height: 100%; display:inline-block; float: left; margin: 0 1% 1% 0; line-height: 1.2; font-size: 20px; }
#content .drtreatment { background-color: lightgray; color: white; border: 1px solid darkgray; margin: 0px; padding: 5px; max-width: 352px; width: 100%; display:inline-block; float: left; margin: 0 1% 1% 0; font-size: 18px; line-height: 1.3; }
#content .drimageSize { max-width: 352px; width: 100%; height: 100%; }
#content .TreatSmall { background-color: white; color: black; margin: 0px; padding: 3px; max-width: 345px; width:100%; font-size: 10px; line-height: 1.3; }
#content .drimage1 { margin: 0px; padding: 10px; width: 173px; height: 116px; display:inline-block; float: left; margin: 0 1% 1% 0; }
#content .drdetails { color: white; margin: 10px; padding: 10px; display:inline-block; float: left; margin: 0 1% 1% 0; font-size: 16px; line-height: 1.3; text-align: left; }
#content .drapp { background-color: #9ca2a2; color: white; border: 1px solid darkgray; margin: 0px; padding: 0px; max-width: 352px;width:100%; display:inline-block; float: left; margin: 0 1% 1% 0; font-size: 20px; line-height: 1.2; }
#content .drappRed { background-color: red; color: white; border: 1px solid darkgray; margin: 0px; padding: 0px; max-width: 352px;width:100%; display:inline-block; float: left; margin: 0 1% 1% 0; font-size: 23px; line-height: 1.2; }
#content .drapp1 { background-color: lightgray; color: white; border: 1px solid darkgray; margin: 0px; padding: 0px; max-width: 4.0em;width:100%; display:inline-block; float: left; margin: 0 1% 1% 0; font-size: 23px; line-height: 1.2; }
#content .drappTreat { background-color:#861e1e; font-size:30px; margin-top: 10px;}
#content .editApp { background-color: #ffffff; color: #9ca2a2; border: 1px solid darkgray; margin: 0px; padding: 15px; width: 100%; max-width: 352px; display:inline-block; float: left; margin: 0 1% 1% 0; font-size: 23px; line-height: 1.2; }
#content .headingMain { color: white; }
#content .tabBlackBg { color: #f2f2f2; text-align: justify; font-size: 16px; line-height: 1.2; }
#content .login { font-size: 20px; line-height: 1.2; }
#content .smallGray { background-color: #f2f2f2; text-align: center; font-size: 10px; line-height: 1.2; }
#content .apps { color: white; margin: 0px; padding: 0px; max-width: 352px; width: 100%; height: 100%; display:inline-block; float: left; margin: 0 1% 1% 0; line-height: 1.2; font-size: 18px; }
/* buttons */
#content .myButton { background-color: #e79d19; color: white; padding: 14px 25px; text-align: center; text-decoration: none; display: inline-block; max-width: 350px; width:100%; font-size:25px;}
#content .myButton:hover, .myButton:active { background-color: #5d4f42; }
#content .myButtonGold { background-color: #5d4f42; color: white; padding: 14px 25px; text-align: center; text-decoration: none; display: inline-block; max-width: 350px; width:100%; font-size:18px;}
#content .myButtonGold:hover, .myButton:active { background-color: #e79d19; }
#content .mySelectButton { background-color: #5d4f42; color: white; padding: 14px 25px; text-align: center; text-decoration: none; display: inline-block; max-width: 350px; width: 100%;font-size:25px; }
#content .TreatButton { background-color: #e79d19; color: white; padding: 14px 25px; text-align: center; text-decoration: none; display: inline-block; max-width: 345px; width:100%;font-size:25px; }
#content .TreatButton:hover, .TreatButton:active { background-color: #5d4f42; }
#content .settingButton { background-color: #e79d19; color: white; padding: 14px 25px; text-align: center; text-decoration: none; display: inline-block; max-width: 345px;width:100%;font-size:18px; }
#content .settingButton:hover, .settingButton:active { background-color: #5d4f42; }
#content .umsettingButton { background-color: #5d4f42; color: white; padding: 14px 25px; text-align: center; text-decoration: none; display: inline-block; max-width: 345px;width:100%;font-size:25px; }
#content .umsettingButton:hover, .settingButton:active { background-color: #e79d19; }
#content .appButton { background-color: #e79d19; color: white; padding: 14px 25px; text-align: center; text-decoration: none; display: inline-block; max-width: 125; width:100%;font-size:20px; }
#content .appButton:hover, .appButton:active { background-color: #5d4f42; }
#content .buttonCalGray { background-color: #cccccc; color: #e79d19; padding-top: 7px; padding-bottom: 7px; text-align: center; text-decoration: none; display: inline-block; height: 34px; max-width:58px;width:100%; font-size:20px;}
#content .buttonCalGray:hover, .buttonCalGray:active { background-color: #5d4f42; }
#content .buttonCalWhite { background-color: #ffffff; color: #e79d19; padding-top: 7px;padding-bottom:7px; text-align: center; text-decoration: none; display: inline-block; height: 34px; max-width:58px;width:100%; font-size:20px;}
#content .buttonCalWhite:hover, .buttonCalWhite:active { background-color: #5d4f42; }
#content .buttonCalBrown { background-color: #5d4f42; color: #ffffff; padding-top:7px;padding-bottom:7px; text-align: center; text-decoration: none; display: inline-block; height: 34px; max-width:58px;width:100%; font-size:20px;}
#content .CalWhiteDead { color: gray; padding-top: 7px;padding-bottom:7px; text-align: center; text-decoration: none; height: 34px; max-width:58px;width:100%; font-size:20px;}
#content .editButton { background-color: #e79d19; color: white; padding: 14px 14px; text-align: center; text-decoration: none; display: inline-block; width: 100%; font-size:25px; }
#content .editButton:hover, .editButton:active { background-color: #5d4f42; }
#content .deleteButton { background-color: red; color: white; padding: 14px 14px; text-align: center; text-decoration: none; display: inline-block; width:100%; font-size:25px; }
#content .deleteButton:hover, .deleteButton:active { background-color: #5d4f42; }
#content .DrButton { background-color: #9ca2a2; color: white; padding: 14px 25px 5px; text-align: center; text-decoration: none; display: inline-block; max-width: 350px; width: 100%; font-size:25px; }
#content .DrButton:hover, .DrButton:active { background-color: #e79d19; }
#content .menuBar { padding: 3px; }
#content .tableInstruct {padding: 5px; background-color:#ffffff; color:#861e1e; text-align:justify;font-size:16px;}

#content .alldata{ width:100%; float:left; border:1px solid #ccc; border-collapse:collapse; text-align:center; margin-top:11px; font-size: 18px; }
#content .alldata1{ width:100%; float:left; border:1px solid #ccc; margin:8px; border-collapse:collapse; text-align:center; margin-top:11px; font-size: 18px; }
#content .indent{padding:40px 0 0 0}
#content .indent-3{ margin-left:-13px; position:relative}
#content .indent1{padding:0 15px 0 11px}
#content .indent-col{padding:0 5px 0 5px}
#content .indent-col3{padding:8px 0 0 70px}
#content .indent-col4{padding:8px 0 0 160px}
#content .indent2{padding:25px 0 0 0}
#content .indent3{padding:0 0 0 216px}
#content .indent4{padding:0 0 0 13px}

#content .block{ width:100%; height:112px; font-style:italic; font-size:1.25em; color:#038486}
#content .block .indent-block{padding:24px 22px 0 137px}
#content .block a{ float:right; display:block; color:#71ac00; font-size:.86em}
#content .block1 a{ color:#71ac00}

#content .txt-col2{ color:#ffffff; }
#content .txt-col2 h2{ color:#ffffff; font-size:3.08em; padding-bottom:5px; padding-left:3px; margin-bottom:33px}


/*footer*/
/*#footer { color:#6e7882; font-size:0.75em; }*/
#footer { background-color:#065658; color; white; font-size:0.75em; }
#footer .indent-footer{ padding:23px 32px 0 50px; text-align:right}
#footer .indent-footer1{ margin:21px 32px 0 25px; text-align:center; width:180px; color:#c3c8cb}
#footer .indent-footer1 img{ margin-right:5px; vertical-align:middle}
#footer span {color:#038486}  
#footer a {color:white; text-decoration:underline}  
#footer a:hover {  text-decoration:none}

#footer ul{margin:0; padding:0; list-style:none; float:right}
#footer ul li{ margin:0; display:inline; background:url(../images/bg_li.gif) center right no-repeat; float:left}
#footer ul li a{color:white; text-decoration:none; display:block; float:left; padding:2px 14px 2px 14px} 
#footer ul li a:hover { text-decoration: underline; color:#6e7882 }
#footer ul .last{background:none;}
#footer ul .last a{ padding-right:0}
#footer ul li .current{ text-decoration:underline; color:#6e7882  }

#footer .ul{margin:0; padding:0; list-style:none; float:left}
#footer .ul li{ margin:0; display:inline; background:none; float:left}
#footer .ul li a{display:block; float:left; padding:0 5px 0 0} 

fieldset{ border:0}

.jamp{ width:40px; margin-left:6px}
select{font-size:.84em; color:#2d3331; height:20px}
	
.indent-2{ position:relative; padding-left:20px; float:left}
.checkbox{  width:15px; background-color:#F0F0F0; margin:10px;}
.h{ height:20px; background-color:white}
.h1{ height:30px; background:url(../images/bg_input.gif) top left no-repeat}
.block-contact span{ float:right; margin-right:5px}
.input{
	border:none; 
	background:none;
	width:191px; height:20px;
	font-size:11px;
	color:#fff;
	padding-left:10px;
	padding-top:2px;
	padding-bottom:2px;
}input{
	/*border:1px solid #515459; */
	background:#1f2227;
	height:18px;
	font-size:1em;
	color:#6e7882;
	padding-left:5px;
	padding-top:2px;
	padding-bottom:2px;
}
textarea{
	border:1px solid #515459; 
	background:#1f2227;
	width:267px; height:176px;
	font-size:1em;
	color:#6e7882;
	padding-left:5px;
	margin-bottom:11px;
	overflow:auto}


	/* responsive header */
	.responsive-logo img { height: 100px; }

	.responsive-patient img { height: 100%; }


	.patientForm { width: 100%; overflow: hidden; padding:0px; }


	#row1 { width: 100%; float:left; margin-bottom: 15px;}
	
	#col1,
	#col2,
	#col3,
	#col4,
	#col5,
	#col6,
	#col7 { margin-bottom: 15px; }

	#col7 { overflow: hidden; }

	.field { height: 35px; background-color: #fff; font-size: 25px; }
	.radioBut { background-color: #fff; font-size: 25px; }

	.patientForm label { display: block; margin-bottom: 5px; }

	#fields2 .wrap > .button7 { margin: auto; }

	#fields2 .wrap > p { text-align: center; margin-top: 10px; line-height: 25px; }

	.wrap { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

	#col3 > .col3Child1 label,
	#col4 > .col4Child label {
		float: left;
		height: 30px;
		line-height: 30px;
		margin-right: 10px;
	}

	#col3 { overflow: hidden; }
	#col4 {overflow: hidden;}
	#col3 > .col3Child2 .field,
	#col4 > .col4Child2 .field,
	#col4 > .col4Child3 .field {
		width: 30px;
		height: 30px;
		line-height: 30px;
	}

	.col3Child1 {
		float: left;
		height: 30px;
	}

	.col3Child2 {
		float: left;
		height: 30px;
		line-height: 30px;
		display: flex;
		align-items: center;
	}

	.col4Child {
		float: left;
	}


	.col4Child2 > input,
	.col4Child3 > input,
	.col3Child2 > input {
		margin-right: 15px;
	}

	#fields1 {float:left; min-height: 150px;}
    #fields2 {float:left; min-height: 150px; position: relative; margin-top: 25px;}
	#fields3 {float:left; min-height: 150px;}

	#content .indent-col2 { overflow: hidden; }
#content .address{ margin-top:1px; font-size: 12px; text-align:left; color: #ffffff; }
#content .style1 { margin-left: 4px; margin-right: 10px; text-align:justify;}
#content .style2 { font-size:16px; line-height:1.2em; text-align:justify;}
#content .style3 { font-size:12px; line-height:1.2em; text-align:justify;}
#content .style4 { font-size:30px; line-height:1.2em; text-align:justify;}
#content .style5 { font-size:18px; line-height:1.2em; text-align:justify;}