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


body{
	font-family:arial, sans-serif;		
	background:white !important;
}

.site{
	height:auto;
	top:0px;
	padding:0;
	background:white !important;
}

.alertMsg{
	position:absolute;
	top:0px;
	z-index:100;
	font-size:12px;
	display:inline;
	left:550px;
}

.patientInfo{
	padding:15px;
	line-height:200%;
	font-size:18px;
	color:#333;
	background-color:#f2f2f2;
	border-radius:2px;

}

.patientInfo2{
	padding:15px;
	line-height:200%;
	font-size:14px;
	color:#333;
	background-color:#FFFFCC;
	border-radius:2px;

}
.reportedInfoContainer{
	display:none;
}
.toggleScheduledFormDisplay{
	margin:20px 0px;
}

.toggleAddressDisplay{
	cursor:pointer;
}

.divAddress{
	display:none;
	position:absolute;
	z-index:100;
	width:150px;
	height:auto;
	border-radius:3px;
	box-shadow:0 0 2px #444;

	background:#FFFF99; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#FFFFCC, #FFFF99); /* For Safari 5.1 to 6.0 */
   	background: -o-linear-gradient(#FFFFCC, #FFFF99); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFFFCC, #FFFF99); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFFFCC, #FFFF99); /* Standard syntax */
	
	color:#444;
	padding:15px;
	font-size:12px;
	top:30px;
	line-height:170%;
}
 
.loginFormContainer{
	max-width:600px;
	margin:0px auto 50px auto;	
	padding:40px;
	border-radius:20px;
	background: #f5f5f5; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#f5f5f5, #f1f1f1); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f5f5f5, #f1f1f1); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f5f5f5, #f1f1f1); /* For Firefox 3.6 to 15 */
   	background: linear-gradient(#f5f5f5, #f1f1f1); /* Standard syntax */	
}

header.site-header{
	padding:0;
	margin:0 auto;
	max-width:100%;
	height:46px;
	
	background: #0F114F; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#221A86, #0F114F); /* For Safari 5.1 to 6.0 */
   	background: -o-linear-gradient(#221A86, #0F114F); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#221A86, #0F114F); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#221A86, #0F114F); /* Standard syntax */
}
.roboto{
	font-family:'roboto condensed';
}

h1.blue
h2.blue,
h3.blue,
h4.blue{
	color:#069;
	border-bottom:1px dotted #ccc;
	padding-bottom:8px;
	font-family:'roboto';
	font-weight:normal;
}

.headerLine{
	color:#2C1C7F;
	font-family:'roboto condensed';
}

.chooseFormTypeContainer{
	max-width:700px;
	margin:0 auto;
	text-align:center;
}

    .chooseFormTypeContainer .selectFormType {
        width:100%;
        height: 90px;
        margin-bottom: 20px;
    }
.chooseFormTypeContainer select{
	margin:0 auto;
}

.pageTitle{
	position:absolute;
	top:40px;
	
	color:#2C1C7F;
	font-family:'roboto condensed';
	padding:15px 0px 12px 18vw;	
	margin:0;
	width:100%;
	
	background: #f5f5f5; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#f5f5f5, #eee); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f5f5f5, #eee); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f5f5f5, #eee); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f5f5f5, #eee); /* Standard syntax */	
	
	box-shadow:0 0px 3px #777;	
	font-size:22px;
	
	display:none;
}
.roboto{
	font-family:'roboto condensed';
}

.divHidden{
	display:none;
}

table{
	width:100%;
}

.table-bordered > thead > tr > th{
	background: #f1f1f1; 
    background: -webkit-linear-gradient(#f3f3f3, #dedede); 
    background: -o-linear-gradient(#f3f3f3, #dedede); 
    background: -moz-linear-gradient(#f3f3f3, #dedede);
    background: linear-gradient(#f3f3f3, #dedede);
	border:0;
	font-weight:bold;
	cursor:pointer;
}

.table-bordered>tbody>tr>td{
	padding:6px!important;
	font-size:14px!important;
}
table td button.btn-sm{
	font-size:11px !important;
}

.table-bordered.reportedInfo>tbody>tr>td{
	padding:4px!important;
	font-size:11px!important;
}

.bold{
	font-weight:bold;
}

/* header */
div.headerMenu{
	color:white;
}

.logoContainer {	
	z-index: 100000;		
}

/* main nav*/
nav.main-navigation .nav > li{
	display:inline;
	float:left;	
	margin-right:10px;
}
nav.main-navigation ul li a:hover{
	color:#FF9A00;
	background:none;
}

nav.main-navigation ul li.active a{
	background: #fff; 
    background: -webkit-linear-gradient(#fff, #f1f1f1); 
    background: -o-linear-gradient(#fff, #f1f1f1); 
    background: -moz-linear-gradient(#fff, #f1f1f1);
    background: linear-gradient(#fff, #f1f1f1);
	color:#555;	
	border-top-right-radius:4px;
	border-top-left-radius:4px;
}

nav.main-navigation ul li:first-child a{
	padding-left:10px;
}

/* user login and profile */

.topMenu{
	cursor:pointer;
	text-align:right;
	padding:8px;
}

/* pills */
.nav-pills > li > a{
	color:#fff;
}
.nav-pills > li{
	margin-right:10px;
}

.nav-pills > li > a:focus, 
.nav-pills > li > a:hover{
	background-color:white;
	color:#666;
	
}

.nav-pills>li.active>a, 
.nav-pills>li.active>a:focus, 
.nav-pills>li.active>a:hover{
	background-color:#3A2E95;
}

.topBar{	
	background-color:#f6f6f6;
	padding-top:8px;
	padding-bottom:8px;
	box-shadow:0 0 2px #999;
	position:fixed;
	z-index:100;
}

/* end nav pills */

.red{
	background-color:#FFFFCC;
}
.mainContent{
	padding:0;
	padding-top:100px;	
}

.whiteBg{
	background-color:white;
	padding:20px;
	min-height:600px;
	padding-bottom:100px;
}

.sectionNumber{
	color:#2C1C7F;
	font-family:'roboto condensed';	
}

/* forms */


.instructions{
	background:white;
	padding:15px;
	borde-radius:5px;
	font-size:14px;
	color:#069;
	box-shadow:0 0 2px #666;
}
.formLeftNavStatic{
	position:fixed;
	width:200px;
	top:200px;
	z-index:1000;
}

.formSection{
	background-color:white;	
}
.formSectionButton{
	width:100%;
	margin-bottom:3px;
	display:block;
	clear:both
}

.formSectionHeader{	
	
	font-weight:normal;
	height:48px;		
	color:#333;	
	
	padding:12px 15px 8px 15px;
	border-top-right-radius:5px;
	border-top-left-radius:5px;		
	margin-top:5px;
	margin-bottom:0px;
	text-transform:capitalize;
	border:1px solid #999;
	box-shadow:0 0 3px #ddd;
	cursor:pointer;	
	font-size:16px;
	
	background: #ddd; 
    background: -webkit-linear-gradient(#efefef, #ddd); 
    background: -o-linear-gradient(#efefef, #ddd); 
    background: -moz-linear-gradient(#efefef, #ddd);
    background: linear-gradient(#efefef, #ddd);
}

.formSectionHeader.active{
	color:white;		
	height:48px;	
	padding:12px 15px 8px 15px;
	
	background:#0F114F; 
    background: -webkit-linear-gradient(#221A86, #0F114F); 
    background: -o-linear-gradient(#221A86, #0F114F); 
    background: -moz-linear-gradient(#221A86, #0F114F);
    background: linear-gradient(#221A86, #0F114F);		
}


.formSectionHeader .sectionCheck{
	float:right;
	font-size:24px;
	font-weight:bold;
	color:#222;
	
	
} 

.formSectionHeader.active .sectionCheck{
	float:right;
	font-size:24px;
	font-weight:bold;
	color:white;
}

.formSectionHeader .sectionCheck .txt{
	font-size:14px;
	margin-right:20px;
	margin-top:5px;
	float:left;
}

.formSectionHeader .sectionCheck .incompleteIcon{
	color:#ccc;
}


.prevNext{
	background-color:#fff;
	text-align:right;
	padding:6px;
	margin-top:10px;
	border-radius:4px;
}

.formSectionInner{
	border:1px solid #999;	
	border-top:0;
	background:#f4f4f4;
	background: -webkit-linear-gradient(#fff, #f4f4f4); 
    background: -o-linear-gradient(#fff, #f4f4f4); 
    background: -moz-linear-gradient(#fff, #f4f4f4);
    background: linear-gradient(#fff, #f4f4f4);
	padding:20px 20px 5px 20px;
	box-shadow:inset 0 -1px 10px #ddd;	
}

.formSectionHeader:empty{
	display:none !important;
}

.individualform .form-group{
	display: block !important;
	padding:6px 0px;
	margin:0 !important;
}

.individualform .form-group:hover{
/*	background-color:#fff;
	border-radius:5px;
	box-shadow:0 0 2px #aaa;
	*/

}

label.leftAlignLabel{
	text-align:right;	
	margin:0;
	padding:0;
	padding-right:25px;
	font-weight:400;
	color:#333;
	font-size:16px;
	font-family:roboto;
	
}

.individualform .form-group label:only-child{
	width:100% !important;
	text-align:left;
	line-height:140%;
	font-weight:normal !important;
	font-size:14px !important;
	color:#069 !important;	
	margin:0;
	padding:0;	
}

.btn-nav{
	background:#FF9A00; 
    background: -webkit-linear-gradient(#FF9A00, #FF3300); 
    background: -o-linear-gradient(#FF9A00, #FF3300); 
    background: -moz-linear-gradient(#FF9A00, #FF3300);
    background: linear-gradient(#FF9A00, #FF3300);	
	border:white;
	color:white;
}

.btn-nav:hover,
.btn-nav:focus{
	background:#FF3300; 
    background: -webkit-linear-gradient(#FF3300, #FF3300); 
    background: -o-linear-gradient(#FF3300, #FF3300); 
    background: -moz-linear-gradient(#FF3300, #FF3300);
    background: linear-gradient(#FF3300, #FF3300);	
	border:white;
	color:white;
}

.btn-purple{
	background:#0F114F; 
    background: -webkit-linear-gradient(#221A86, #0F114F); 
    background: -o-linear-gradient(#221A86, #0F114F); 
    background: -moz-linear-gradient(#221A86, #0F114F);
    background: linear-gradient(#221A86, #0F114F);	
	border:white;
	color:white !important;
}


input, select{
	padding:1px 6px;
}

textarea{
	width:50%;	
}

footer{
}


.individualform .form-group-nodisplay{
	display:none !important;
}

.form-group-nodisplay{
	display:none !important;
}

.submitForm{
	/*float:right;*/
	margin-top:30px;
}

.imageTd {
	text-align:center
}
.imageTd img{
	max-width:80%;
}

.tablesorter-bootstrap:not(.table-inverse)>tbody>tr td.primary, 
.tablesorter-bootstrap:not(.table-inverse)>tbody>tr.even td.primary, 
.tablesorter-bootstrap:not(.table-inverse)>tbody>tr.odd td.secondary{
	background-color:#fff;
}

input[type=date]{
	width:50%;
}

.whatKind{
	margin-bottom:20px;
}

.changeFormTypeContainer{
	z-index:1000;
	background-color:#fcfcfc;
	border-radius:2px;
	box-shadow:0 0 5px #666;
	padding:30px;
	position:absolute;
	top:10px;
	left:140px;
	width:340px;
}

.individualform .form-group.hideBecauseCancelled{
	display: none !important;
}

.mobileButtons button,a{

}

button.disabled{
	background:#cdcdcd !important;
	color:#555!important;
	border:0!important;
}

@media screen and (max-width: 767px) {	


	.loginFormContainer{
		max-width:90%;
	}
	
	div.topLineMobile{
		background: #131052; /* For browsers that do not support gradients */  	
		z-index:20;	
		color:white;
		height:30px;
	}


	header.site-header{
		height:auto;
	}
	
	.headerMenu{
		padding-bottom:0px;
	}
	
	.logoContainer {	
		top: 0px !important;		
		z-index: 100000;	
		position:relative;	
	}
	
	.logoContainer img{
		position:absolute;
		top: 0px !important;		
	}
	
	.pageTitle{
		position:relative;
		top:0;		
		padding:10px;		
		font-size:18px;
	}
	
	.username{
		text-align:right;
		padding:5px;		
	}
	.topMenu{	
		padding:5px;
	}	

	.iconContainer .label{
		font-size:2vw;
		font-family:arial;
	}

	.iconContainer {
		text-align: center;
		padding-bottom:5px;
		border-right:1px solid #000099;
	}
	
	.whiteBg{
		margin-top:40px;
	}
	
	.iconContainer a{
		color:white;
	}
	
	.iconContainer.active a,
	.iconContainer.active .label,	
	.iconContainer a:hover{
		color:#FF6600;
		text-decoration:none;
	}	
	
	.whatKind{
		margin-bottom:0px;
		padding:0;
	}	
	
	.changeFormTypeContainer{
		z-index:1000;
		background-color:#fcfcfc;
		border-radius:2px;
		box-shadow:0 0 5px #666;
		padding:20px;
		position:absolute;
		top:10px;
		left:50px;
		width:160px;
	}
	
	.changeFormTypeContainer button{
		margin-bottom:10px;
		
	}
}
@media screen and (max-width: 350px) {	
	.btnContainer{
		width:100%;
		float:none;
	}
	.chooseFormTypeContainer .selectFormType{
		height:auto;
		margin-bottom:5px;
	}
	.changeFormTypeContainer{
		width:200px;	
		padding:12px;
		left:40px;	
	}	

}