/* --- global */

body {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

}





a {

	color: #000;	

}



textarea {

	resize: none;

	min-height: 150px;	

}



.hint {

	color: #f00;

	font-size: 10px;

}



.action-button {

	margin: 10px 0;	

}



.login .login-content {

	margin: -80px 0 10px;

}



.login .login-content form {

	background: url(../../assets/images/white.png);

	border: 1px solid #ddd;

	box-shadow: 2px -3px 15px #2A2A2A;

	padding: 15px;

}



.login .login-content .login-action {

	display: block;	

}



.login .control-header {

	background: #5BC0DE;

	display: block;

	height: 180px;

}



.header .head-links {

	margin-top: 30px;	

}



.active {

	background: #4B8CF7;

}



.active a {

	color: #fff !important;	

}



.active a:hover {

	text-decoration: none;

}



.header {

	background: #5BC0DE;

	border-bottom: 5px solid rgba(0, 0, 0, 0.4);

}



.header-title {

	background: #fff;

	border-radius: 5px 5px 0 0;

	height: 18%;

	padding: 5px 5px 0 0;

	position: relative;

	width: 18%;

}



.header .head-li {

	background: #1F8DAE;

	border-radius: 4px;

	margin: 0 2px;

	padding: 2px 0;

}



.header .head-li a {

	color: #fff;	

}



.header .head-li a:hover {

	text-decoration: none;	

}



.header .dropdown-link {

	color: #000 !important;

	margin: 0;

	padding: 3px 4px;

}



.header .dropdown-menu li > a:hover,

.dropdown-menu li > a:focus,

.dropdown-submenu:hover > a {

  color: #fff !important;

  background-color: #5BC0DE;

  background-image: -moz-linear-gradient(top, #5BC0DE, #5BC0DE);

  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5BC0DE), to(#5BC0DE));

  background-image: -webkit-linear-gradient(top, #5BC0DE, #5BC0DE);

  background-image: -o-linear-gradient(top, #4B8CF7, #5BC0DE);

  background-image: linear-gradient(to bottom, #5BC0DE, #5BC0DE);

  background-repeat: repeat-x;

  	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5BC0DE', endColorstr='#5BC0DE', GradientType=0);

}



.section {

	border: 1px solid #ddd;

	border-radius: 3px;

	margin-top: 1em;

	min-height: 300px;

	overflow: hidden;

	padding: 3px;

}



.section1 {

	border: 1px solid #ddd;

	border-radius: 3px;

	margin-top: 1em;

	overflow: hidden;

	padding: 10px;

}



form {

	margin: 5px;

}



.pagination a {

	background: #000;

	border: 1px solid #000;

	border-radius: 3px;

	color: #fff;

	padding: 5px;

	margin: 1px;	

}



.pagination a:hover {

	background: #4B8CF7;

	border: 1px solid #4B8CF7;

	color: #fff;

	text-decoration: none;	

}



.pagination strong {

	padding: 5px;

}



.content-textarea {

	height: 400px;

}



.notification {

	margin: 5px 0;	

}



.important {

	color: #F00;

	font-size: 15px;

	font-family: Arial, Helvetica, sans-serif;	

}



.border-container {

	border: 1px solid #ddd;

	border-radius: 5px;

	padding: 5px;

	margin: 10px 3px;

}



.btn-margin {

	margin: 5px; 

}



.border-red {

	border: 1px solid #F00 !important;	

}



.question-name-user {

	margin: 1px 0px 0 5px;

}



.post-title {

	color: #c33;

	font-size: 30px;

	margin: 5px 0;

}



.footer {

	margin: 10px 0;	

}



.error {

	border: 1px solid #F00 !important;

}



.border {

	border: solid 1px #ddd;

	height: 170px;

	margin-bottom: 1%;

	overflow: auto;

}



div.container .container-fluid .row-fluid .span12 .span1 {

	width: 8.8%;

}



.table-width {

	width: 250px;

}



ul.typeahead li.active,

.dropdown-menu .active > a, .dropdown-menu .active > a:hover {

	color: #000000 !important;

	background-color: #5BC0DE;

	background-image: -moz-linear-gradient(top, #5BC0DE, #5BC0DE);

	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5BC0DE), to(#5BC0DE));

	background-image: -webkit-linear-gradient(top, #5BC0DE, #5BC0DE);

	background-image: -o-linear-gradient(top, #4B8CF7, #5BC0DE);

	background-image: linear-gradient(to bottom, #5BC0DE, #5BC0DE);

	background-repeat: repeat-x;

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffeeeeee', GradientType=0);

}



.space {

	margin-top: 3em;

}



.table th,

.table td {

  padding: 3px;

}



label, input, button, select, textarea {

	font-size: 11px;

	margin-bottom: 1px;

}



input.span5,

input.span6,

input.span7,

input.span8,

input.span12,

input.span11,

select.span7,

textarea.span8,

textarea.span12,

div.span8 input,

div.span8 select {

	font-size: 11px !important;

	min-height: 1em !important;

	padding: 1px 0px !important;

}



select.span7,

select.span8,

div.span4 select.span12 {

	height: 2em !important;

	min-height: 20px !important;

	padding: 1px 0px !important;

}







button.btn {

	font-size: 11px !important;

	min-height: 1em !important;

	padding: 1px 5px !important;

}



legend {

	line-height: 25px;

	margin-bottom: 10px;

}



/* For the medical history forms */

.custom-formModal {

	background: url(../../assets/images/black.png);

	bottom: 0;

	display: none;

	left: 0;

	position: fixed;

	right: 0;

	top: 0;

	z-index: 100;

}



.custom-formModal .modal-container {

	background: #fff;

	border-radius: 3px;

	bottom: 15%;

	display: table-cell;

	left: 38%;

	height: 300px;

	overflow: auto;

	position: absolute;

	right: 38%;

	top: 15%;

	vertical-align: middle;

	width: 380px;

	z-index: 103;

}



.close-formModal {

	margin: 5px;

}



.a.inline.span2 {

	margin-top: 0.5em;

}



.no-border td {

	border-top: none;

}



.modal {

	position: absolute !important;

}



.phone-number {

	margin-top: 0.4em;

}



#ieuploader {

	border: 0;

	height: 180px;

	width: 340px;

}



.test {

	border: solid 1px red;

}



.status{

    border-radius: 4px;

    border: 5px solid;

    text-transform: capitalize;

}



.green.status{

    background-color: green;

    border-color: green; 

}



.grey.status{

    background-color: grey;

    border-color: grey;

}



.red.status{

    background-color: red;

    border-color: red;

}