<!-- bank manager stylesheet -->
<!-- Copyright 2004 Global Databases Ltd. All rights reserved. -->
<!-- 23 Jul 04 MM Version 1.00 -->
a {font:8pt "Arial Narrow" ; font-weight:bold; color:#000066; text-decoration:none}
h3{margin-top:5px;margin-bottom:5px}
.green30 {font:10pt; color:#009900; width:30; font-weight:bold; background:#ffffcc}
.amber30 {font:10pt; color:#ff9933; width:30; font-weight:bold; background:#ffffcc}
.red30 {font:10pt; color:#ff0000; width:30; font-weight:bold; background:#ffffcc}
.blue30 {font:10pt; color:#0000cc; width:30; font-weight:bold; background:#ffffcc}
.mini20 {font:10pt; color:#000000; width:20; height:20; font-weight:bold; background:#ffffcc}
.symbol25 {font:10pt "Symbol" ; color:#000000; width:25; font-weight:bold; background:#ffffcc}
.dummy {font:10pt; color:#cccccc; width:95; font-weight:bold; background:#ffffcc}
.dummyx {font:10pt; color:#cccccc; font-weight:bold; background:#ffffcc}
.dummy120 {font:10pt; color:#cccccc; width:120; font-weight:bold; background:#ffffcc}
.dummy90 {font:10pt; color:#cccccc; width:90; font-weight:bold; background:#ffffcc}
.dummy80 {font:10pt; color:#cccccc; width:80; font-weight:bold; background:#ffffcc}
.dummy70 {font:10pt; color:#cccccc; width:70; font-weight:bold; background:#ffffcc}
.dummy60 {font:10pt; color:#cccccc; width:60; font-weight:bold; background:#ffffcc}
.dummy50 {font:10pt; color:#cccccc; width:50; font-weight:bold; background:#ffffcc}
.dummy40 {font:10pt; color:#cccccc; width:40; font-weight:bold; background:#ffffcc}
.dummy30 {font:10pt; color:#cccccc; width:30; font-weight:bold; background:#ffffcc}
.dummy25 {font:10pt; color:#cccccc; width:25; font-weight:bold; background:#ffffcc}
.test_server{font:20pt; font-weight:bold; color:#ff0000}
.bank_manager{font:14pt; font-weight:bold; color:#660000}
.site_name{font:10pt; font-weight:bold; color:#660000}
.strapline{font:20pt; font-weight:bold; color:#660000}
.pagetitle{font:10pt; font-weight:bold; color:#000000}
.link{font:10pt; font-weight:normal; color:#000000}
.formhelp{font:10pt; font-weight:normal; color:#000099}
.formtext{font:8pt; font-weight:normal; color:#000000}
.formgray{font:9pt; font-weight:normal; color:#666666}
.formheading{font:10pt; font-weight:bold; color:#000099}
.formlegend{font:10pt; font-weight:bold; color:#000000}
.formerror{font:10pt; font-weight:bold; color:#CC0000}
.formshow{font:10pt; font-weight:bold; color:#ff0000; background:#ffffff}
.formgreen{font:10pt; font-weight:bold; color:#339933; background:#ffffff}
.xm_forbid{font:10pt; font-weight:bold; color:#ff0000}
.xm_password{font:10pt; font-weight:bold; color:#ff9900}
.xm_warning{font:10pt; font-weight:bold; color:#009900}
.fridge_status{font:10pt; font-weight:bold; color:#000000; background:#ffffff}
.fridge_legend{font:16pt; font-weight:bold; color:#000000}
.fridge_progress{font:16pt; font-weight:bold; color:#000000}
.fridge_instruction{font:16pt; font-weight:bold; color:#cc0000}
.fridge_error{font:16pt; font-weight:bold; color:#000000}
.fridge_ghost{font:16pt; font-weight:bold; color:#999999}
.antibodies{font:10pt; font-weight:normal}
.notice{font:14pt; font-weight:bold; color:#ff0000; background:#ccffff}
.blood{font:10pt; font-weight:bold}
.flashing{font:10pt; font-weight:bold}
.flag{font:10pt; font-weight:normal}
.help_text{font:10pt; font-weight:normal; color:#000000}
.fixedfont {font:10pt "Courier";color:#000000}
.patient_notes {font:10pt; font-weight:bold; color:#000000; background:#ccffcc}
.patient_notes_show {font:10pt; font-weight:bold; color:#ff0000; background:#ccffcc}
.note_text {font:10pt; font-weight:nornal}
.sample_notes {font:10pt; font-weight:bold; color:#000000; background:#ccffff}
.bgcolor_buttons {background:#cccccc;}

input[type=file] {width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;}

.audit-container{width:100%;max-height:600px;overflow-y:auto;overflow-x:hidden;}

input::-ms-clear {
  display: none;
}

.bgcolor_red {background:#ff0000;}
.line {background:#000000;}
.timebox {font:9pt; font-weight:normal; border:none color:#000000; background:#ffffff;}
.border{border-style:solid; border-width:1; border-color:#999999;}
.pattern {font:10pt "Courier" ; font-weight:normal; border:none color:#000000; background:#ccffff;}
.interpretation {font:10pt; font-weight:bold; border:none color:#000000; background:#ccffff;}
.blend {font:10pt; font-weight:normal; border:none color:#000000; background:#ccffcc;}
.green {font:10pt; font-weight:bold; color:#339933;}
.blue{color:blue;font-weight:bold;}


BODY{font-family: roboto, Calibri, sans-serif;padding:0px;margin:0px;overflow-x:hidden;font-size:14px;padding-bottom:20px;}
.body-primary{background-color:#F0F0F0;}
.body-secondary{background-color:#ffff99;}
.body-test{background-color:#F0F0F0;}

.bgcolor_buttons {background:#cccccc;}
.bm-admin {background-color:#ffcccc;}
.bm-system {background-color:#ffcccc;}
.bgcolor_admin_dark {background:#ff9999;}
.bm-stock {background-color:#ffcc99;}
.bgcolor_stock_dark {background:#ff9966;}
.bm-patient {background-color:#ccffcc;}
.bgcolor_patient_dark {background:#99ff99;}
.bm-alias {background-color:#cccccc;}
.bgcolor_alias_dark {background:#999999;}
.bm-sample {background-color:#ccffff;}


.bgcolor_sample_dark {background:#99ffff;}
.bm-request {background-color:#ffccff;}
.bgcolor_request_dark {background:#ff99ff;}
.bm-popup {background-color:#ffffcc;}
.bgcolor_popup_dark {background:#ffff99;}
.bm-ward {background-color:#ffffff;}
.bgcolor_ward_dark {background:#cccccc;}
.bm-fridge {background-color:#cccccc;}
.bgcolor_fridge_dark {background:#999999;}
.bm-tracking{background-color:#cccccc;}
.bgcolor_tracking_dark {background:#999999;}

.page-header{text-align:center;padding:10px;font-size:18px;}
.page-header.sml{font-size:16px;padding:5px}

.bm-admin{background-color:#213A8F !important;}
.bm-admin .page-header{background-color:#28306e !important;;color:white;}


.bm-system{background-color:#213A8F;}
.bm-system .page-header{background-color:#4A89DC;color:white;}

.bm-patient{background-color:#F0F0F0;}
.bm-patient .page-header{background-color:#61686F;color:white;}

.bm-patients{background-color:#F0F0F0;}
.bm-patients .page-header{background-color:#61686F;color:white;}

.bm-request{background-color:#889EE4;}
.bm-request .page-header{background-color:#213A8F;color:white;}

.bm-requests{background-color:#889EE4;}
.bm-requests .page-header{background-color:#213A8F;color:white;}

.bm-sample{background-color:#AAE4E9;}
.bm-samples{background-color:#AAE4E9;}
.bm-sample .page-header{background-color:#00ADBA;color:white;}
.bm-samples .page-header{background-color:#00ADBA;color:white;}

.bm-sample{background-color:#AAE4E9;}
.bm-sample .page-header{background-color:#00ADBA;color:white;}

.bm-assays{background-color:#AAE4E9;}
.bm-assays .page-header{background-color:#00ADBA;color:white;}

.bm-stock{background-color:#FFCE54;}
.bm-stock .page-header{background-color:#F6BB42;color:white;}

.bm-reports{background-color:#61686F;}
.bm-reports .page-header{background-color:#464d53;color:white;}

.bm-tracking{background-color:#F5F7FA;}
.bm-tracking .page-header{background-color:#E6E9ED;color:black;}

.bm-reports .section h2{color:white;}

.bm-user-homepage{background-color:white !important;}
.bm-user-forgotten-password{background-color:#ffcccc !important;}

.panel{background-color:white;border: solid 1px #ddd;border-radius: 3px;}
.panel .panel-heading{padding:5px;text-align:center;color: #333;
    background-color: #f5f5f5;
    border-bottom: solid 1px #ddd;
	    border-top-left-radius: 2px;
    border-top-right-radius: 2px;}
.panel .panel-body{padding:5px;}
.panel .panel-footer{padding:5px;color: #333;
    background-color: #f5f5f5;
    border-top: solid 1px #ddd;
	  border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;}
	
	.modal{background-color:white;border: solid 1px #ddd;border-radius: 3px;position:absolute;max-width:800px;z-index:1000;}
.modal .modal-heading{padding:5px;text-align:center;color: #333;
    background-color: #f5f5f5;
    border-bottom: solid 1px #ddd;
	    border-top-left-radius: 2px;
    border-top-right-radius: 2px;}
.modal .modal-body{padding:10px;min-width:300px;}
.modal .modal-footer{padding:5px;color: #333;
    background-color: #f5f5f5;
    border-top: solid 1px #ddd;
	  border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;}
.overlay{	
	position: fixed; 
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
  filter: alpha(opacity=50);
  z-index:999;
}

.overlay_cover{	
	position: fixed; 
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #4FC1E9;
  opacity: 1;
  filter: alpha(opacity=100);
  z-index:999;
}

#modal-wait{background-color:white;background-image:url(../imgs/loader.gif);background-position:center center;background-repeat:no-repeat;}

.login_logo{text-align:center;}

.version{float:right;padding:6px;}


.hidden{display:none;}

.stock-menu{position: absolute;
    float: right;
    margin-top: 15px;
    background-color: #F6BB42;
    padding: 5px;
    font-size: 12px;
    width: 190px;
    margin-left: -180px;display:none;
-webkit-box-shadow: 2px 4px 5px 1px rgba(0,0,0,0.19);
-moz-box-shadow: 2px 4px 5px 1px rgba(0,0,0,0.19);
box-shadow: 2px 4px 5px 1px rgba(0,0,0,0.19);}

.menu-item{
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	  -webkit-transition: width 2s; /* Safari */
    transition: width 2s;
	width:auto;
	border-right:solid 1px grey;
	cursor:pointer;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  color:#444;

}
.menu-item:nth-child(2){border-left:solid 1px grey;}
.menu-item:hover{
	
	background: #e5e5e5;
}

.btn .material-icons{font-size:18px !important;display:block;}

.autocomplete_selector:hover{background-color:#4FC1E9;}
.ui-state-active{background-color:#4FC1E9 !important;}

.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
  }

.btn {
	background-color:grey;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  padding: 10px 10px 10px 10px;
  text-decoration: none;
	display:inline-block;
	cursor:pointer;
	border-radius: 1px;
margin-right:5px;
	-webkit-transition: background-color 0.2s; /* Safari */
    transition: background-color 0.2s;
	text-align:center;
}

.btn-small{padding:5px 5px 5px 5px;}
.table-test-results .btn-small{padding:5px 5px 5px 5px;font-size:12px;}


.btn-xs{padding:5px 5px 5px 5px;}
.btn-xs .material-icons{font-size:14px !important;display:block;}

.btn:last-child{margin-right:0px;}

.col-12{padding-left:0px !important;margin-left:0px !important;}

.label{border-radius:3px;color:white;background-color:black;;margin:2px;padding:5px;display:inline-block;font-size:10px;}
.label-big{font-size:14px;}
	.label-ward{background-color:darkgreen;}
	.label-lab{background-color:orange;}
	.label-store{background-color:blue;}
	.label-terminal{background-color:yellow;color:black;}
	.label-invalid{color:#a94442;
    background-color: #f2dede;
    border-color:#ebccd1;} 
	
		.label-error{color:white;
    background: #d93434;
    border-color:#ebccd1;}
	
	.label-success{
		    color: #3c763d;
		    background-color: #dff0d8;
		    border-color: #d6e9c6;
		    cursor: default;
	}
	
	.label-warning{
		    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
		
	}
	
	.label-after{
		    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
	}
	
	.label-before{
		   color:white;
    background: #d93434;
    border-color:#ebccd1;
		
	}

.btn-primary{
	
	 background: #3498db;

	border: solid #20658a 1px;
}


.btn-primary.btn-selected{background-color:#20658a;}
.btn-primary.btn-selected:hover{background-color:#20658a;}

.label-special{
	background:#00ADBA;
	
}

.btn-primary:hover {
  background: #3cb0fd;
  text-decoration: none;
}

.btn-danger{
	
background: #d93434;

	border: solid #8c1f1f 1px;
}
.btn-danger:hover{
	
	background: #8c1f1f;
}

.btn-danger-selected{
	
	background: #EF0071;
	border: solid #be015b 1px;
}

.btn-male-donor{
	
background: #c1138a;

	border: solid #841962 1px;
}
.btn-male-donor:hover{
	
	background: #841962;
}

.btn-male-donor-selected{
	
	background: #841962;
	border: solid #841962 1px;
}

.btn-mb-plasma-selected{
	
	background: #213A8F;
	border: solid #4A89DC 1px;
}

.btn-success{
	
background: #5cb85c;

	border: solid #4cae4c 1px;
}
.btn-success:hover{
	
	background: #478d47;
}


.btn-warning{    background-color: #f0ad4e;
    border-color: #eea236;}
	
	.btn-warning:hover{ background-color: #eea236;}
	
.btn-blue{background-color:#ADD8E6;border: solid 1px #89BED0;}
.btn-blue:hover{background-color:#89BED0;}

.btn-dummy{background-color:grey;border:solid 1px dimgrey;}

.btn-selector{background-color:white;border:solid 1px grey;color:grey;width:100px}
.btn-selector span{display:inline-block;width:80px;overflow:hidden}
.btn-selector-drop{text-align:left;display:none;position:absolute;background-color:white;border:solid 1px grey;z-index:100}
.btn-selector-drop-active{display:inline-block;}

.tab {
	background-color:white;
  border-radius: 5px 5px 0px 0px;
  border:solid 1px lightgray;
  border-bottom-width:0px;
  font-family: Arial;
  color: black;
  font-size: 14px;
  padding: 10px 10px 10px 10px;
  text-decoration: none;
	display:inline-block;
	cursor:pointer;

margin-right:5px;
	-webkit-transition: background-color 0.2s; /* Safari */
    transition: background-color 0.2s;
	text-align:center;
}

.tab-selected{
	border-bottom:solid 1px white;
}

.tab-danger{
	
background: #d93434;

	border: solid #8c1f1f 1px;
}
.tab-danger:hover{
	
	background: #8c1f1f;
}

.tab-danger-selected{
	
	background: #EF0071;
	border: solid #be015b 1px;
}

.tab-warning{    background-color: #f0ad4e;
	border-color: #eea236;}
	
.tab-warning:hover{ background-color: #eea236;}

.tab-primary{
	
	background: #3498db;

   border: solid #20658a 1px;
}

.tab-primary:hover {
   background: #3cb0fd;
   text-decoration: none;
 }

textarea ,select, input{width:95%;padding:5px;}
label{width:100%;margin-top:3px;display:block;padding:5px}


.pull-right{float:right;display:block}
.pull-left{float:left;display:block}

.alert{padding:5px;
	text-align:center;
	border-width:1px;
	border-style:solid;font-size:12px}
	
	.alert-error{color:white;
  background: #d93434;
    border-color:#ebccd1;}
	
	.alert-success{
		    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
	}
	
	.alert-warning{
		    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
		
	}
	
	.alert-info{
	    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
		
	}
	
.alert ul {padding:0px !important;font-size:12px;
 list-style:none;
    padding-left:0;}
	
	.alert ul li{padding-top:2px;padding-bottom:2px;}
	
.alert-close{float:right;cursor:pointer;margin-right:10px;}
	
	.page-title{text-align:center;padding:8px;background-color:#213A8F;color:white;font-size:14px;}
	.page-menu{background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );border-bottom:solid 1px grey;}

	.username{font-size:14px;padding:7px;color:white;}
	
	input[type=button]{
		width:auto;
		border:solid 1px grey;
			background-color:lightgrey;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: Arial;
  color: black;
  font-size: 14px;
  padding: 10px 10px 10px 10px;
  text-decoration: none;
	display:inline-block;
	cursor:pointer;
		
	}
	
	input[type=checkbox]{
		
		width:auto;
		cursor:pointer;
	}
	
	h4{margin-bottom:15px !important;font-size:14px;}
	
	.form-footer{text-align:center;margin-top:20px;margin-bottom:20px;}
	
	.warning {background-color:#59358C;border:solid 1px #3e286f;text-align:center;color:white}
	.warning h3{margin:0px;padding:10px;}
	
	.description{font-size:12px;font-style:italic;}
	.description1{font-size:12px;font-style:italic;width:90%}
	
	
	.rules-forbid{
		display:block;
		font-size:14px;
		background-color:#f2dede !important;
		color:#a94442 !important;
	}
	.rules-allow{
		display:block;
		font-size:14px;
	}
	.rules-warning{
		display:block;
		font-size:14px;
		background-color:#fb8d19 !important;
		color:black !important;
	}
	.rules-password{
		display:block;
		font-size:14px;
		background-color:#f2d376 !important;
		color:#826b28 !important;
	}
	
	.row-C{background-color: #dff0d8;}
	.row-M{background-color: #fcf8e3;}
	.row-D{background-color: #f2dede;}
	.row-lst td{border-bottom:solid 1px grey;}
	
	.row-selected{background-color:pink;}
	
	.table-confirm{background-color:white;width:100%;text-align:center;margin-bottom:5px;}
	.table-confirm > tbody > tr > th{border-top:solid 1px #e6e9ed;border-bottom:solid 1px #e6e9ed;padding:10px;padding-left:5px;padding-right:5px;color:#656d78;font-weight:normal;font-size:16px}
	.table-confirm > tbody > tr > th:first-child{border-left:solid 1px #e6e9ed;}
	.table-confirm > tbody > tr > th:last-child{border-right:solid 1px #e6e9ed;}
	
	.table-confirm > tbody > tr > td:first-child{border-left:solid 1px #e6e9ed;}
	.table-confirm > tbody > tr > td:last-child{border-right:solid 1px #e6e9ed;}
	
	.table-confirm > tbody > tr > .heading{background-color:lightgrey;}
	
	.table-confirm > tbody > tr > td{padding:3px;padding-left:5px;padding-right:5px;color:#656d78;font-size:12px;}
	.table-confirm > tbody > tr:last-child > td{border-bottom:solid 1px #e6e9ed;}
	
	.table-confirm-header{text-align:center;padding:5px;}
	
	.table{text-align:left;border:solid 8px white; background-color:white;border-radius:3px;-webkit-box-shadow: 0px 3px 14px -3px rgba(0,0,0,0.49);
-moz-box-shadow: 0px 3px 14px -3px rgba(0,0,0,0.49);
	box-shadow: 0px 3px 14px -3px rgba(0,0,0,0.49);}

	.table > tbody > tr > th{border-top:solid 1px #e6e9ed;border-left:solid 1px #e6e9ed;border-bottom:solid 1px #e6e9ed;padding:10px;padding-left:5px;padding-right:5px;color:black;font-weight:normal;font-size:14px}

	.table > tbody > tr > th:first-child{border-left:solid 1px #e6e9ed;}
	.table > tbody > tr > th:last-child{border-right:solid 1px #e6e9ed;}
	
	.table > tbody > tr > td:first-child{}
	.table > tbody > tr > td:last-child{}
	
	.table > tbody > tr > td{padding:3px;padding-left:5px;padding-right:5px;color:black;font-size:14px;border-left:solid 1px #e6e9ed}
	.table > tbody > tr > td:last-child{padding:3px;padding-left:5px;padding-right:5px;color:black;font-size:14px;border-right:solid 1px #e6e9ed;}

	.table > tbody > tr:last-child > td{border-bottom:solid 1px #e6e9ed;}
	
	
	.table > tbody > tr:nth-child(odd) {background-color: #f9f9f9;}
	.table.table-inner-border tr th {border-right:solid 2px #656d78;border-bottom:solid 2px #656d78;}
	.table.table-inner-border tr td {text-align:center;}
	.table.table-inner-border .right-border {border-right:solid 2px #656d78;}
	.table.table-inner-border .bottom-border td {border-bottom:solid 2px #656d78;}
	.table.table-inner-border .top-border td {border-top:solid 2px #656d78;}
	.table.table-inner-border .total td {color:white;background-color:#8c98aa;}
	.table.table-inner-border .total {color:white;background-color:#8c98aa;}
	
	.clickable {cursor:pointer;}
	.clickable:hover {background:#3cb0fd !important;color:white !important;}

	.table-pagination{border-top:solid 1px #e6e9ed;}
	tr.clickable:hover td{background:#3cb0fd !important;color:white !important;cursor:pointer;}
	
	.table .table-header {background-color: white !important;}
	.table .table-header-click {cursor:pointer;}
	.table .table-header-click:hover {text-decoration:underline;}
	.table .sort-by{font-weight:bold;}
	.table .sort-by-asc:after{font-family: webdings;
	content: "  6";
	}
	.table .sort-by-desc:after{font-family: webdings;
	content: "  5";
	}
	
	.table-tr-even td{background-color:white !important;border-width:0px;}
	.table-tr-odd td{background-color:#f9f9f9;border-width:0px;}
	.table .table-row-bottom{border-bottom:solid 1px #e6e9ed}
	
	.table-tr-even.row-urgent td{background-color:#d93434 !important;border-width:0px;}
	.table-tr-odd.row-urgent td{background-color:#ca3232;border-width:0px;}
	.table-sub-header{background-color:#dedede;}
	.table-sub-footer{background-color:#ccc !important;}

	
	#row-edit{background-color:white;}

	
	.table-small{border-width:4px !important;}
	.table-small tr th{font-size:12px !important;padding:5px !important;}
	.table-small > tbody > tr > td{padding:5px !important;vertical-align:top;font-size:12px !important}
	
	ul{margin-top:0px;margin-bottom:0px;list-style:none;padding-left:0px;}
	
	.table-no-border{border-width:0px;border-radius:0px;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);}

	.table-no-shadow{
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);}
	
	.table .table-form{border-width:0px !important;background-color:white;
	    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 5px;}
	.table .table-form #search{}
	.table .table-form #btn{display:inline-block;font-size:10px;    padding-top: 8px;
    padding-bottom: 7px;}
	
	.form{width:500px;}
	
	.well{border:solid 1px grey;background-color:white;padding:10px;}

	.admin-panels .panel{display:inline-block;margin-bottom:20px;width:100%;color:#656d78;}
	.admin-panels .panel-body{width:100%}
	.admin-panels .description{width:90%;min-height:30px;max-height:30px;margin-bottom:3px;}
	.admin-panels h3{margin-bottom: 5px;margin-top:5px;cursor:pointer;}
	.admin-panels i {float:left;font-size:48px;padding-right:5px;}
	.admin-panels .mini-links{font-size:12px;}
	
	.header-btns{float:right;margin-top:-10px;margin-bottom:0px;}
	
	.table-pagination{font-size:12px;background-color:white;}
	.table-pagination #limit{font-size:10px;float:right;width:60px;}
	.table-pagination #limit-text{float:right;width:50px;text-align:right;font-size:10px;}
	
	.table-pagination-pages .index{cursor:pointer;float:left;border:solid 1px lightgrey;border-left-width:0px;padding:3px;padding-left:7px;padding-right:7px;
	-webkit-transition: all 0.2s; /* Safari */
    transition: all 0.2s;}
	.table-pagination-pages .index:hover{background-color:lightgrey;color:white;}
	.table-pagination-pages .index i{font-size:10px}
	.table-pagination-pages .index i{font-size:10px}
	.table-pagination-pages :first-child {border-left-width:1px;}
	.table-pagination-pages .selected {background-color:lightgrey;color:white;}
	.table-pagination-pages {float:left}
	
	.list-item.selected{font-weight:bold;background-color:lightgrey;}
	.list-item{padding:3px;cursor:pointer;}
	
	.full>.col{margin-left:5px !important;margin-right:5px;margin-top:5px;margin-bottom:5px;}
	
	.form-value{margin-top:0px !important;margin-bottom:0px !important;font-weight:bold}
	.form-value-fixed{margin-left:5px !important;margin-top:0px !important;margin-bottom:0px !important;font-weight:bold}
	.form-label{margin-top:0px !important;margin-bottom:0px !important;}
	.form-label-fixed{width:95px !important;cursor: default;}
	
	.bm-patients-view .form-label{font-size:11px}
	.bm-patients-view .form-value{font-size:12px}
	
	.discharged{color:blue;font-weight:bold}
	.deceased{color:red;font-weight:bold}
	.unknown{color:red;font-weight:bold}
	
	label.disabled{color:grey;}
	
	input[type=radio]{width:auto;}

	.in{color:green;font-weight:bold;}
	.out{color:red;font-weight:bold;}
	
	.note-line{font-size:12px !important;}
	
	.table-notes{background-color:white;}
	
	.table-notes tr td{padding:3px;padding-left:5px;padding-right:5px;margin:0px; color:#656d78;border-bottom:solid 1px lightgrey;}

	#notes-pinned .table-notes tr td{font-weight:bold;}
	
	.list-item.selected{font-weight:bold;background-color:lightgrey;}
	.list-item{padding:3px;cursor:pointer;}
	
	.btn-group-switch{width:20px;height:40px;margin-right:5px;}
	.btn-group-switch .btn:first-child{margin-bottom:3px;}
	.btn-group-switch .btn{height:16px;display:block;width:100%;padding:0px;margin-right:0px;}
	.btn-group-switch .blank{height:16px;display:block;width:100%;padding:0px;margin-right:0px;}
	
		.btn-group-switch-sml{width:20px;height:30px;}
	.btn-group-switch-sml .btn:first-child{margin-bottom:3px;}
	.btn-group-switch-sml .btn{height:12px;display:block;width:100%;padding:0px;margin-right:0px;}
	.btn-group-switch-sml .blank{height:12px;display:block;width:100%;padding:0px;margin-right:0px;}
	.btn-group-switch-sml .btn i{margin-top:-3px;}
	
@media only screen and (min-width: 100px) and (max-width: 479px){ .hidden-xs{display:none;} }

@media only screen and (min-width: 480px) and (max-width: 767px){ .hidden-sm{display:none;} }

@media only screen and (min-width: 768px) and (max-width: 991px){ .hidden-md{display:none;} }

@media only screen and (min-width: 992px) { .hidden-lg{display:none;} }


/* surrounding tag container */
.tag-editor {
    list-style-type: none; padding: 0 5px 0 0; margin: 0; overflow: hidden; border: 1px solid #aaa; cursor: text;
    font: normal 14px sans-serif; color: #555; background: #fff; line-height: 20px; margin-top:4px;
}

/* core styles usually need no change */
.tag-editor li { display: block; float: left; overflow: hidden; margin: 3px 0; }
.tag-editor div { float: left; padding: 0 4px; }
.tag-editor .placeholder { padding: 0 8px; color: #bbb; }
.tag-editor .tag-editor-spacer { padding: 0; width: 8px; overflow: hidden; color: transparent; background: none; }
.tag-editor input {
    vertical-align: inherit; border: 0; outline: none; padding: 0; margin: 0; cursor: text;
    font-family: inherit; font-weight: inherit; font-size: inherit; font-style: inherit;
    box-shadow: none; background: none; color: #444;
}
/* hide original input field or textarea visually to allow tab navigation */
.tag-editor-hidden-src { position: absolute !important; left: -99999px; }
/* hide IE10 "clear field" X */
.tag-editor ::-ms-clear { display: none; }

/* tag style */
.tag-editor .tag-editor-tag {
    padding-left: 5px; color: #46799b; background: #e0eaf1; white-space: nowrap;
    overflow: hidden; cursor: pointer; border-radius: 2px 0 0 2px;
}

/* delete icon */
.tag-editor .tag-editor-delete { background: #e0eaf1; cursor: pointer; border-radius: 0 2px 2px 0; padding-left: 3px; padding-right: 4px; }
.tag-editor .tag-editor-delete i { line-height: 18px; display: inline-block; }
.tag-editor .tag-editor-delete i:before { font-size: 16px; color: #8ba7ba; content: "x"; font-style: normal; }
.tag-editor .tag-editor-delete:hover i:before { color: #d65454; }
.tag-editor .tag-editor-tag.active+.tag-editor-delete, .tag-editor .tag-editor-tag.active+.tag-editor-delete i { visibility: hidden; cursor: text; }

.tag-editor .tag-editor-tag.active { background: none !important; }

/* jQuery UI autocomplete - code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css */
.ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; font-size: 14px; }
.ui-front { z-index: 9999; }
.ui-menu { list-style: none; padding: 1px; margin: 0; display: block; outline: none; }
.ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.4; min-height: 0; /* support: IE7 */ }
.ui-widget-content { border: 1px solid #bbb; background: #fff; color: #555; }
.ui-widget-content a { color: #46799b; }
.ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background: #e0eaf1; }
.ui-helper-hidden-accessible { display: none; }

.cell-centered td{text-align:center;vertical-align:middle !important}

.bm-samples-create{background-color:#AAE4E9;}

.selector{font-family:robotomono;}

.td-middle td{vertical-align:middle !important;}
.td-top td{vertical-align:top !important;}
.td-center td{text-align:center;}

.row-create{    color: #155724;
    background-color: #d4edda !important;
    border-color: #c3e6cb;
}
.row-modify{    color: #856404;
    background-color: #fff3cd !important;
    border-color: #ffeeba;
}
.row-delete{color: #721c24;
    background-color: #f8d7da !important;
    border-color: #f5c6cb;}
	
.text-error{color:red;}
.text-warn{color:orange;}
.text-success{font-weight:bold;}
.text-authorised{font-weight:bold;color:green;}


.arrow {
    border: solid grey;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2px;
	margin-left:5px;
}

.user-menu{display:none;
	    position:fixed;
    right: 0px;
    background-color: lightgrey;
    border: solid 1px grey;
    border-top-width: 0px;
    top: 61px;
	padding:5px;
-webkit-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.3);
box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.3);
z-index:100;
}

.user-menu li{padding:5px;min-width:150px;}
.user-menu li:hover{cursor:pointer;background-color:lightsteelblue;}
.user-menu li .material-icons{vertical-align:middle}
.user-menu li .menu-text{vertical-align:middle}

.right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.switch-lg {
	position: relative;
	display: inline-block;
	width: 64px;
	height: 32px;
	padding: 0px;
	border: solid #20658a 1px;
}

.switch-lg input {display:none;}
.switch-lg .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #3498db;
	-webkit-transition: .4s;
	transition: .4s;
}
.switch-lg .slider:before {
	position: absolute;
	content: "";
	height: 28px;
	width: 28px;
	left: 2px;
	bottom: 2px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}
.switch-lg input:checked + .slider {
	background-color: #3498db;
}
.switch-lg input:focus + .slider {
	box-shadow: 0 0 1px #2196F3;
}
.switch-lg input:checked + .slider:before {
	-webkit-transform: translateX(31px);
	-ms-transform: translateX(31px);
	transform: translateX(31px);
}

.switch {
	position: relative;
	display: inline-block;
	width: 32px;
	height: 16px;
	padding: 0px;
}

.switch input {display:none;}
.switch .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}
.switch .slider:before {
	position: absolute;
	content: "";
	height: 12px;
	width: 12px;
	left: 2px;
	bottom: 2px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}
.switch input:checked + .slider {
	background-color: #3498db;
}
.switch input:focus + .slider {
	box-shadow: 0 0 1px #2196F3;
}
.switch input:checked + .slider:before {
	-webkit-transform: translateX(15px);
	-ms-transform: translateX(15px);
	transform: translateX(15px);
}
.slider.round {
	border-radius: 34px;
}
.slider.round:before {
	border-radius: 50%;
}

.switch-triple {
	position: relative;
	display: inline-block;
	width: 48px;
	height: 16px;
	padding: 0px;
}

.switch-triple .sect{width:48px;height:16px;position:absolute;}

.switch-triple input {display:none;}
.switch-triple label{float:left;width:16px;height:16px;margin:0px;padding:0px;}
.switch-triple .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}
.switch-triple .slider:before {
	position: absolute;
	content: "";
	height: 12px;
	width: 12px;
	left: 2px;
	bottom: 2px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}
.switch-triple input:checked ~ .slider {
	background-color: #3498db;
}
.switch-triple input:focus + .slider {
	box-shadow: 0 0 1px #2196F3;
}
.switch-triple .input-1:checked ~ .slider:before {
	-webkit-transform: translateX(15px);
	-ms-transform: translateX(15px);
	transform: translateX(15px);
}

.switch-triple .input-2:checked ~ .slider:before {
	-webkit-transform: translateX(30px);
	-ms-transform: translateX(30px);
	transform: translateX(30px);
}

.switch-triple .input-0:checked ~ .slider {
	background-color: red;
}

.switch-triple .input-1:checked ~ .slider {
	background-color: #ccc;
}

.switch-triple .input-2:checked ~ .slider {
	background-color: green;
}


.list-container{padding-left:20px;
width:100%;display:inline-block}

.list-container h4{padding-top: 8px;
    margin-bottom: 0px !important;}
	
	.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
    cursor: pointer;
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: white;
    color: grey;
    border: solid 1px grey;
    text-align: center;
    padding: 5px 0;
    border-radius: 2px;
 
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
	  width: 120px;
    bottom: 110%;
    left: 50%; 
    margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}

.tracking-expired td{color:white;background-color:#ebccd1;}

.rotate-90 {

/* Safari */
-webkit-transform: rotate(-90deg);

/* Firefox */
-moz-transform: rotate(-90deg);

/* IE */
-ms-transform: rotate(-90deg);

/* Opera */
-o-transform: rotate(-90deg);

/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}

.red{color:red;font-weight:bold;}
.amber{color:orange;font-weight:bold;}
.green{color:green;font-weight:bold;}
.blue{color:blue;font-weight:bold;}
.mandatory{font-size: 12px;cursor: default;}
.admin-panels .section .panel {
	cursor:pointer;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 50%;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	    padding: 5px;
    padding-right: 20px;
    z-index: 1;
	right:0;
}

.dropdown:hover .dropdown-content {
    display: block;
}

select.password_reason{max-width:300px;}

.flex-input{display:flex;}
.flex-input input{flex:1}