/* IE8 */
.spacer{
	margin-top: 101px;
}
/* END */

.reportHeader{
	text-align: center;
}

.red{
	color: red;
	font-weight: bold;
}

#user-form .control-group{
	margin-top: 10px;
	float: left;
	margin-bottom: 10px;
	margin-left: 1%;
	width: 48%;
}

#user-form .registerForm .control-group .controls input{
	width: 96%;
}

#user-form .form-actions{
	clear: both;
	overflow: hidden;
	padding-left: 10px !important;
	padding-right: 10px;
}

/*@media (max-width: 767px){*/
@media (max-width: 550px){
	#user-form .control-group{
		float: none;
		width: auto;
		padding-top: 0;
		text-align: left;
	}
}

@media (max-width: 979px){
	.spacer{
		margin-top: 0px;
	}
	
	.navbar-fixed-top{
		margin-bottom: 0px !important;
	}
	
	#user-form .registerForm .control-group .controls{
		margin: 10px 0px 10px 0px;
		clear: both;
	}
	
	#user-form .control-group .control-label{
		width: auto !important;
	}
	
	#user-form .registerForm .control-group .controls input{
		width: 90%;
	}
}

.general, .wardActivity, .availableResources, .status, .statusHeader, .statusRow{
	overflow: hidden;
}

/* women status at width above 979px */
.status .control-group .control-label{
	display: none;
}

.status .control-group .controls{
	margin-left: 0px;
}

.status .control-group{
	width: auto;
}

.status .control-group:first-child{
	margin-left: 5px;
}

/* column widths */
.status .statusRow .statusFieldContainer1, .statusHeader .header1{
	width: 22%;
}
.status .statusRow .statusFieldContainer2, .statusHeader .header2{
	width: 9%;
}
.status .statusRow .statusFieldContainer3, .statusHeader .header3{
	width: 10%;
}

/* IE < 9 */
.status .statusRow .statusFieldContainer4, .statusHeader .header4{
	width: 21%;
}
.status .statusRow .statusFieldContainer5, .statusHeader .header5{
	width: 24%;
}
.status .statusRow .statusFieldContainer6, .statusHeader .header6{
	width: 7%;
}

/* responsive for other browsers */
@media (min-width: 980px){
	.spacer{
		margin-top: 101px;
	}
	
	.status .statusRow .control-group:nth-child(4), .statusHeader div:nth-child(4){
		width: 21%;
	}
	.status .statusRow .control-group:nth-child(5), .statusHeader div:nth-child(5){
		width: 24%;
	}
	.status .statusRow .control-group:nth-child(6), .statusHeader div:nth-child(6){
		width: 7%;
	}
	.navbar-inner {
		height: 100px;
	}
	.navbar-inner .container .nav{
		top: 60px;
		float: right !important;
	}
}
@media (max-width: 979px){
	.status .statusRow .control-group:nth-child(4), .statusHeader div:nth-child(4){
		width: 20%;
	}
	.status .statusRow .control-group:nth-child(5), .statusHeader div:nth-child(5){
		width: 23%;
	}
	.status .statusRow .control-group:nth-child(6), .statusHeader div:nth-child(6){
		width: 9%;
	}
	.navbar-inner {
		min-height: 100px !important;
	}
	.navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner{
		padding: 0 5px !important;
	}
}

/*  status header columns margin */
.statusHeader div{
	margin-left: 1%;
}
.statusHeader{
	margin-bottom: 5px;
}

/* status headers */
.statusHeader div{
	float: left;
	min-height: 1px;
}

/* remove margins between rows (emulating a table look) */
.status .control-group{
	margin-top: 0px;
	margin-bottom: 5px !important;
}

.status .statusRow .control-group .controls input, .signatureRow input{
	width: 100%;
	box-sizing: border-box;
	height: 30px !important;
}
.status .statusRow .control-group .controls textarea{
	width: 100% !important;
	box-sizing: border-box;
}


/* statuses on lower res - below 800px */
@media (max-width: 799px){
	.status .statusHeader div{
		display: none;
	}
	
	.status .statusRow .control-label{
		display: block;
	}
	.status .statusRow .control-group, .signatureRow .control-group{
		width: 98% !important;
		float: none;
	}
	
	.status .statusRow{
		padding-bottom: 10px;
		border-bottom: 1px solid #e5e5e5;
		margin-bottom: 25px;
	}
	
	.status .statusRow:last-of-type{
		border-bottom: none;
		margin-bottom: 0px;
	}
}

@media (max-width: 767px){
	body{
		padding: 0px !important;
	}
	#mainContainer{
		padding-left: 20px;
		padding-right: 20px;
	}
	#ClinicalAreaReport_datetime, #NicuClinicalAreaReport_datetime{
		display: block;
		min-height: 30px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.navbar-fixed-top{
		margin: 0px !important;
	}
}
.statusRow .checkbox{
	padding-left: 0px !important;
}
@media (min-width: 800px) and (max-width: 1199px){
	.status .statusHeader.baby div:nth-child(1),
	.status .statusHeader.baby div:nth-child(4),
	.status .statusHeader.baby div:nth-child(5),
	.status .statusHeader.baby div:nth-child(6){
		margin-top: 20px;
	}
}
@media (min-width: 980px) and (max-width: 1199px){
	.report2 .status .statusHeader.baby div:nth-child(2){
		margin-top: 20px;
	}
	.breadcrumb-title{
		width: 940px;
	}
}

/* signature row (signed and title inputs) */
.signatureRow{
	overflow: hidden;
}


.signatureRow input{
	width: 100% !important;
}
@media (min-width: 800px){
	.signatureRow .controls{
		margin-left: 75px !important;
	}
	.signatureRow label{
		width: 65px !important;
		display: block;
	}
}
@media (max-width: 799px){
	.signatureRow .controls{
		margin-left: 0px !important;
	}
}

/* the inner tables(related) won't have borders on the left of the firt column' */
tr[id*=relatedinfo] th:first-child, tr[id*=relatedinfo] table td:first-child
{
	border-left: none;
	background: none;
}

@media (min-width: 400px){
	tr[id*=relatedinfo] .detail-view th{
		width:280px;
	}
}

@media (max-width: 399px){
	tr[id*=relatedinfo] .detail-view th{
		width:200px;
	}
}
/*
 widen the width of the labels on the reports 
.form-horizontal ..registerForm .control-label{
	width: 225px;
}
.form-horizontal ..registerForm .controls{
	margin-left: 235px;
}*/

.addMoreButton{
	float: right;
	margin-right: 15px;
	margin-top: 5px;
}

.grid-view-hidden{
	display: none;
}

@media (min-width: 1200px){
	.breadcrumb-title{
		 width: 1170px;
	}
}

.oneRow{
	width: 100%;
	float: left;
	overflow: hidden;
}
.navbar-inner .btn-navbar{
	margin-top: 35px !important;
}


/* classes dropdowns */
@media (min-width: 600px){
	.classesDropdown{
		width: 450px !important;
	}
	.classesDropdown.short{
		width: 205px !important;
	}
	.classesDropdown.short:nth-child(3), .classesDropdown.short:nth-child(5), .classesDropdown.short:nth-child(7){
		margin-left: 10px;
	}
}
@media (max-width: 599px){
	.classesDropdown{
		width: 70% !important;
	}
	.classesDropdown.short{
		width: 33% !important;
	}
	.classesDropdown.short:nth-child(3), .classesDropdown.short:nth-child(7){
		margin-left: 4%;
	}
}

.nav .dropdown-toggle{
    background-color: transparent !important;
}