/* @override
	https://expert.expressiveneuro.com/static/css/expert_dev.css
	https://dev.expressiveneuro.com/static/css/expert_dev.css
	https://delixdev.expnro.com/static/css/expert_dev.css
	https://delix.expnro.com/static/css/expert_dev.css
	https://devel.expressiveneuro.com/static/css/expert_dev.css */

/* @override
	http://www.expressiveneuro.com:8000/static/css/expert.css
	http://www.expressiveneuro.com:8000/static/css/expert_dev.css
	http://www.expressiveneuro.com:8001/static/css/expert_dev.css
	https://expert.expressiveneuro.com/static/css/expert_dev.css
	https://dev.expressiveneuro.com/static/css/expert_dev.css */

/* @override http://www.expressiveneuro.com:8000/static/css/expert.css */

/* @override http://www.expressiveneuro.com:8000/static/css/expert.css */

/* @override http://www.expressiveneuro.com:8000/static/css/expert.css */

/* @override 
	http://www.expressiveneuro.com:8000/static/css/expert.css */


/* width */
/* replace inline stuff */

.ui-autocomplete-loading {
 background: white url("static/images/ui-anim_basic_16x16.gif") right center no-repeat;
}
#clone_button {
		display: none;
}	
div#account_menu {
		display: none;
}	
div.dialog {
		display: none;
}
input.layer_export {
	display: none;
}
div#scatter_plot_selection {
	display: none;
}
div#select_box {
	display: none;
}
/* end inline replacements */
.hidden_deprecated {
	display: none;
}
.ca1_viewer img {
	width: 800px;
	padding: 10px;
}
.ca1_viewer div.fov {
}
.ca1_viewer div.label {
	background-color: white;
	width: 800px;
	text-align: center;
	margin-b .                                                                                                                                  ottom: 20px;
	margin-left: 10px;
}	

table.abeta_table {
	background-color: white;
}
.abeta_table img {
	width: 70%;
	text-align: center;
}
.abeta_table td {
	min-width: 100px;
	text-align: center;

}
table#kromp_table img.image {
	width: 500px;
}

select[disabled] {
	background-color: white;
	color: gray;
}
div.frame {
	display: inline-block;
}
div.frames {
	position: absolute;
	width: 1500px;
	top: 0px;
	left: 0px;
}
.frame img {
	width: 50px;
}


body {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background-color: #00320c;
}



input.error {
	color: red;
}
input[type=button] {
	border-radius: 3px;
	background-color: white;
	border-style: none;
}
input[type=button].symbol {
	font-size: 23px;
	vertical-align: top;
	height: 18px;
	width: 19px;
	margin-top: 2;
	line-height: 12px;
	padding: 0px 0px;
}
div#main {
	position: absolute;
	background: linear-gradient(to top, #18892a 0%, #00320c 100%) #00461e;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}

div#blocker {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	z-index: 3;
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	display: none;
	opacity: 1;
}

div#logo {
	border-radius: 12px;
	position: absolute;
	z-index: 2;
	bottom: 18px;
	background-color: white;
	left: 20px;
	width: 180px;
}

#logo img {
	width: 100%;
}

div.unzoom {
	cursor: default;
	user-select: none;
	position: absolute;
	height: 14px;
	width: 25px;
	border-radius: 5px;
	background-color: white;
	text-align: center;
	color: black;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
div.dimensions {
	cursor: default;
	user-select: none;
	position: absolute;
	height: 14px;
	width: 25px;
	border-radius: 5px;
	background-color: white;
	text-align: center;
	color: black;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
div.dimensions.two {
	background-color: #c6c6c6;
	text-align: center;
	color: #0267ab;
}

div.pixel_intensity_wrapper {
	position: absolute;
	top: 4px;
	height: 14px;
	width:140px;
	text-align: center;
	background-color: #1c1c1c;
	left: 0px;
	color: white;
}
div#pixel_intensity {
	position: absolute;
	right: 0px;
	top: 0px;
	height: 100%;
	width: 50%;
}
div.login {
	width: 400px;
	height: 200px;
	border-radius: 40px;
	text-align: center;
	color: white;
	background: #494545;
	margin: 100px auto auto;
	padding: 5px 20px 20px;
	box-shadow: 2px 2px 5px #0e0f0e;
}

.login div#email_element {
	position: relative;
	top: 0;
}

.login div#password_element {
	position: relative;
}

.login div#confirm_element {
	position: relative;
}

.login h1 {
	position: relative;
	top: -10px;
}

.login input:not([type='submit']) {
	position: relative;
	text-align: center;
	font-size: 14px;
	width: 250px;
	margin-bottom: 10px;
	padding: 6px;
	background-color: #f5f5f5;
	border: 0 solid #3b3939;
	top: -10px;
}

div.login_message {
	position: relative;
	margin: 20px auto auto;
	width: 160px;
	color: silver;
	text-align: center;
}

.login input[type='submit'] {
	font-size: 17px;
	background-color: white;
	border-style: solid;
	border-width: 1px;
	position: relative;
	top: -10px;
	border-radius: 8px;
}

div.signup {
	width: 400px;
	height: 270px;
	border-radius: 40px;
	text-align: center;
	color: white;
	background: #494545;
	margin: 100px auto auto;
	padding: 5px 20px 20px;
	box-shadow: 2px 2px 5px #0e0f0e;
}


.signup div#email_element {
	position: relative;

}

.signup div#password_element {
	position: relative;

}

.signup div#confirm_element {
	position: relative;
}

.signup h1 {
	position: relative;
	top: -10;
	line-height: 14px;
}

.signup input:not([type='submit']) {
	position: relative;
	text-align: center;
	font-size: 14px;
	width: 250px;
	margin-bottom: 10px;
	padding: 6px;
	background-color: #f5f5f5;
	border: 0 solid #3b3939;
	top: -10px;
}

div.signup_message {
	position: relative;
	margin: 20px auto auto;
	text-align: center;
	width: 360px;
	color: silver;
}

.signup input[type='submit'] {
	font-size: 17px;
	background-color: white;
	border-style: solid;
	border-width: 1px;
	position: relative;
	top: -10px;
	border-radius: 8px;
}




div.reup {
	width: 400px;
	height: 270px;
	border-radius: 40px;
	text-align: center;
	color: white;
	background: #494545;
	margin: 100px auto auto;
	padding: 5px 20px 20px;
	box-shadow: 2px 2px 5px #0e0f0e;
}

.reup div#email_element {
	position: relative;

}

.reup div#password_element {
	position: relative;

}

.reup div#confirm_element {
	position: relative;
}

.reup h1 {
	position: relative;
	top: -10;
	line-height: 14px;
}

.reup input:not([type='submit']) {
	position: relative;
	text-align: center;
	font-size: 14px;
	width: 250px;
	margin-bottom: 10px;
	padding: 6px;
	background-color: #f5f5f5;
	border: 0 solid #3b3939;
	top: -10px;
}

div.reup_message {
	position: relative;
	margin: 20px auto auto;
	text-align: center;
	width: 360px;
	color: silver;
}

.reup input[type='submit'] {
	font-size: 17px;
	background-color: white;
	border-style: solid;
	border-width: 1px;
	position: relative;
	top: -10px;
	border-radius: 8px;
}




div.refresh_element {
	background-color: transparent;
	cursor: default;
	position: absolute;
	z-index: 5;
	font-size: 33px;
	transform: rotate(70deg);
	color: #615858;
	font-weight: lighter;
	font-style: normal;
	left: 340px;
	user-select: none;
}

div.view_selector_old {
	border-radius: 5px;
	width: 90px;
	height: 25px;
	line-height: 25px;
	font-size: 14px;
	cursor: default;
	-webkit-user-select: none;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 4px;
	display: inline-block;
	background-color: #525050;
}
div#view_selectors {
	position: absolute;
	top: 8px;
	height: 36px;
	right: 10px;
	left: 10px;
	padding-top: 5px;
	text-align: center;
	border-radius: 12px 12px 12px 12px;
	background-color: #030303;
}
div#view_selectors_help {
	position: absolute;
	top: 8px;
	height: 36px;
	right: 10px;
	left: 10px;
	padding-top: 5px;
	text-align: center;
	border-radius: 12px 12px 12px 12px;

}
div#view_selector_help {
	position: absolute;
	width: 100%;
	top: 15px;
}
div#dataset_help {
	position: absolute;
	top: 3px;
	left: 20px;
}
div#button_help {
	position:  absolute;
	right: 10px;
	top: 13px;
}
div.view_selector {
	position: relative;
	border-radius: 5px;
	height: 25px;
	line-height: 25px;
	font-size: 14px;
	cursor: default;
	-webkit-user-select: none;
	padding-left: 10px;
	padding-right: 10px;	
	margin-top: 4px;
	display: inline-block;
	text-align: ;
	-align: center;
	background-color: #525050;
}

div.view_selector.selected {
	background-color: #007DFF;
	color: white;
}

div#view_selectors_old {
	position: absolute;
	top: 8px;
	height: 30px;
	right: 50px;
	left: 10px;
	position: absolute;
	border-radius: 12px 12px 12px 12px;
	text-align: center;
	background-color: #030303;
	display: inline-block;
	padding-top: 7px;
	overflow-y: auto;
}

div.search_controls {
	position: absolute;
	top: 7px;
	left: 10px;
	border-radius: 12px 12px 12px 12px;
	width: 200px;
	bottom: 8px;
	background-color: #1e1e1e;
	padding-top: 7px;
	text-align: center;
}

div#dataset_selector {
	position: absolute;
	left: 10px;
	top: -1px;
	width: 184px;
	height: 40px;
}
div#dataset_id_element {
	position: absolute;

	left: 0px;
	text-align: right;
	top: 10px;
	color: white;
}

div#account_button {
	position: absolute;
	top: 10px;
	right: 73px;	
}
#account_button.selected {
	opacity: 0.63;
}
#account_button img {
	width: 24px;
}

div#clone_button {
	position: absolute;
	top: 11px;
	right: 108px;	
}
#clone_button.selected {
	opacity: 0.63;
}
#clone_button img {
	width: 28px;
}

div#account_menu {
	position: absolute;
	border-radius: 5px;
	right: 40px;
	top: 20px;
	min-width: 200px;
	padding-left: 5px;
	padding-right: 5px;	
	height: 60px;
	display: inline-block;
	background-color: white;
	z-index: 4;
	user-select: none;
}
div#account_email {

}
div.account_info {
	width: 100%;
	font-size: 12px;
	color: gray;
	padding-top: 5px;
}
.account_info span {
	
}
div#account_logout {
	width: 100%; 
	margin-top: 8px;
	padding-top: 4px;
	height: 21px;
	font-size: 15px;
	cursor: default;
	border-radius: 5px;
}
div#account_logout.hovered {
	background-color: #007DFF;
	color: white;
}
div#account_logout.selected {
	background-color: #bdbcbc;
}
div#help_button {
	position: absolute;
	top: 10px;
	right: 10px;
	
}
#help_button img {
	width: 23px;
}
div#settings_button {
	position: absolute;
	top: 9px;
	right: 40px;
	
}
#settings_button img {
	width: 25px;
}
#settings_dialog div.title {
	position: relative;
	min-width: 160px;
	display: inline-block;
	text-align: right;
}
input#scroll_speed {
	width: 200px;
}
#settings_dialog div.content {
	padding-left: 20px;
	position: relative;
	width: 386px;
	display: inline-block;
	padding-left: 20px;
}
div#scroll_speed_element {
	position: relative;
	width: 670px;
	height: 60px;
	margin-top: 20px;
	overflow: hidden;
}
#settings_dialog img.hare {
	position: relative;
	height: 30px;
	left: 10px;
	top: 5px;
	
}
#settings_dialog img.tortoise {
	position: relative;
	top: 2px;
	height: 21px;
	padding-right: 10px;
	
}

#dataset_id_element label {
	vertical-align: middle;
}
.search_controls input, .search_controls select {
	margin-top: 3px;
	text-align: center;
}

div.view {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 50px;
	bottom: 0px;
}

tr.odd {
	background-color: #dfe1eb;
}

tr.even {
	background-color: white;
}

div.table_wrapper {
	position: absolute;
	border-radius: 10px 10px 10px 10px;
	left: 218px;
	right: 8px;
	top: 8px;
	height: 250px;
	background-color: #282828;
	overflow-y: hidden;
	overflow-x: auto;
}

div.table_headers {
	position: absolute;
	left: 10px;
	right: 10px;
	height: 22px;
	top: 25px;
	background-color: #343434;
	user-select: none;	
}

table.table_headers {
	width: 100%;
	border-collapse: collapse;
	color: white;
}

table.object_table {
	width: 100%;
	border-collapse: collapse;
}


.table_headers tr {
	vertical-align: middle;
	border-style: none;
	border-color: black;
}
.table_headers th.current_sort {
	background-color: #8a8a8d;
	-webkit-border-radius: 10px
}
.table_headers th.last_sort {
	background-color: #5b5b5b;
		-webkit-border-radius: 10px;
}
div.object_table {
	position: absolute;
	top: 47px;
	left: 10;
	right: 10px;
	bottom: 10px;
	overflow-x: hidden;
	overflow-y: scroll;
	background-color: #343434
}
div.help {
	display: none;
	background-color: rgba(0,0,0,0.6);
	pointer-events: none;
	clear: right;
	z-index: 5;
}
div.object_table_help {
	position: absolute;
	top: 47px;
	left: 10;
	right: 10px;
	bottom: 10px;
	background-color: rgba(0,0,0,0.7);
	color: white;
	width: 100%;
}
div.object_table_header_help {
	position: absolute;
	top: 0px;
	left: 10;
	right: 10px;
	bottom: 10px;
	background-color: rgba(0,0,0,0.6);
	color: white;
	width: 100%;
}

div.object_table_footer_help {
	position: absolute;
	text-align: left;
	height: 20px;
	left: 1px;
	right: 0px;
	top: 0px;
	border-radius: 12px 12px 0px 0px;
background-color: rgba(0,0,0,0.4);
	margin-left: 7px;
	padding-left: 30px;
	padding-top: 5px;
}

div.object_search_control_help {
	margin-top: 10px;
	position: absolute;
	text-align: left;
	height: 300px;
	width: 170px;
	left: 3px;
	right: 0px;
	top: 0;
	border-radius: 12px 12px 0px 0px;
background-color: rgba(0,0,0,0.6);
	margin-left: 7px;	
	padding-left: 30px;
	padding-top: 5px;
}
div.help_contents {
	position: absolute;
	opacity: 100;
	font: bold 13px "Courier New", Courier, mono;
	color: #fdf10a;
	white-space:nowrap;
	pointer-events: none;

}

.object_table_help .help_contents {
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);

}
.object_table_header_help .help_contents {
	left: 79px;
	top: 29px;


}
div#exit_help {
	position: fixed;
	height: 10px;
	width: 430px;
	right: 10px;
	bottom: 25px;
	font-size: 18px;
}
.object_table td {
	text-align: center;
}

.object_table td {
	text-align: center;
}

div.table_footers {
	position: absolute;
	text-align: left;
	height: 25px;
	left: 0px;
	right: 0px;
	top: 0px;
	border-radius: 12px 12px 0px 0px;
	background-color: #030303;
	margin-left: 7px;
}


tr.selected {
	background-color: #005EE2;
	color: white;
}



div.object_table_status {
	position: absolute;
	top: 12px;
	right: 12px;
	z-index: 2;
	color: silver;
	font-size: 14px;
}

div.object_content {
	position: absolute;
	left: 218px;
	right: 8px;
	top: 266px;
	z-index: 0;
	font-size: 12px;
	background-color: #1e1e1e;
	overflow-y: scroll;
	border-radius: 12px 12px 12px 12px;
	color: white;
	bottom: 8px;
}
div.object_content_help {
	position: absolute;
	left: 218px;
	right: 8px;
	top: 266px;
	z-index: 0;
	font-size: 12px;
	overflow-y: scroll;
	border-radius: 12px 12px 12px 12px;
	background-color: rgba(0,0,0,0.55);
	width: 100%;
	bottom: 8px;
}

div.object_content_status {
	position: absolute;
	width: 200px;
	height: 30px;
	bottom: 12px;
	right: 15px;
	z-index: 2;
}
/* animal view */

div#animal_show_placeholders_element label {
	color: white;
	position: relative;
	left: 3px;
}
div.ambiguous {
	border-style: none;
	border-color: black;
	background-color: rgb(210, 107, 3);
	outline: 2px solid black;
	outline-offset: -2px;
}
div.ambiguous label {
	color: white;
}
div#animal_table_header {

}
div#animal_table_footers {
	position: absolute;
	top: 8px;
	left: 210px;
	right: 10px;
	padding-left: 8px;
}

div#animal_table_wrapper {
	position: absolute;
}
div#animal_table {
	width: 2000px;
	right: 10px;
}
table#animal_table {
	table-layout: fixed;
	width: 1800px;
}
table#animal_table_headers {
	table-layout: fixed;
	width: 1800px;
}
.object_form div {
	margin: auto;
}
input#add_animal_range {
	display: none;
}

#animal_table tr.placeholder {
	color: silver;
}
#animal_table td {
	width: 100px;
	text-align: center;
}
#animal_table_headers th {
	width: 100px;
	text-align: center;
}


#animal_table td.description {
	text-align: center;
	width: 500px;
}
#animal_table_headers th.description {
	width: 500px;
	text-align: center;
}

#animal_table td.treatment {
	text-align: center;
	width: 500px;
}
#animal_table_headers th.treatment {
	width: 500px;
	text-align: center;
}

#animal_table td.strain {
	text-align: center;
	width: 200px;
}
#animal_table_headers th.strain {
	width: 200px;
	text-align: center;
}
div#animal_content_status {
	
}
div#animal_attachment_help {
	bottom: 42px;
	left: 120px;
}
div#animal_form_help {
	top: 110px;
	left: 120px;
}

div#add_animal_dialog div.animal_count_element {
	position: absolute;
	top: 6px;
	left: 201px;
}
div.animal_count_element input {
	width: 40px;
}
div#add_animal_dialog div.instructions.barcode {
	position: absolute;
	top: 40px;
	font: 12px "Courier New", Courier, mono;
	left: 180px;
}
div#add_animal_dialog div.instructions.template {
	position: relative;
	left: 5px;
	font: 13px "Courier New", Courier, mono;
	
}
div.vertical_handle {
	position: absolute;
	height: 100px;
	height: 8px;
	background-color: transparent;
	left: 220px;
	right: 8px;
	top: 258px;
	cursor: row-resize;
}

table#animal_tissue_table_header {
	position: absolute;
	width: 800px;
	margin-left: 10px;
	color: white;
}

#animal_tissue_table_header th {
	text-align: center;
	width: 14%;
}

div.ui-dialog {
	border-radius: 10px;
	background-color: #373434;
	box-shadow: 5px 5px 10px #6c6666;
	border: none !important;
	padding: 0px;
	outline: none;
}

.ui-menu-item {
	margin-left: 0px;
}
.ui-menu-item-wrapper {
	padding-left: -100px;
	width: 95%;
	left: -17px;
	border: none;
}
.ui-dialog div {
	color: white;
	border: none;
}
.ui-dialog .ui-dialog-title {
	color: white;
}
.ui-dialog label {
	color: white;
}

div.ui-dialog-titlebar {
	background-color: #050505;
	text-transform: capitalize;
	border-radius: 10px 10px 0px 0px;
}

div.ui-dialog-buttonpane {
	background-color: #050505;
	border: none;
	border-radius: 0px 0px 10px 10px;
}

div.ui-resizable-handle {
	display: none;
}

.ui-dialog-titlebar-close {
	display: none !important;
}

#tag_dialog div {
	margin: 5px;
}
div.tag_status {
	position: absolute;
	width: 20px;
	height: 20px;
	bottom: 0px;
	right: 0px;
}
#tag_dialog div#person_id_element {
	position: relative;
	left: 25px;
}
form#change_tag_form.remove div#person_id_element {
	display:none;
	position: relative;
	left: 25px;
}
#tag_dialog div#tag_id_element {
	position: relative;
	left: 50px;

}
#tag_dialog div#comment_element {
	position: relative;
	left: 7px;
}
#tag_dialog div#tag_type_id_element {
	position: relative;
	left: 45px;
}
#tag_dialog div#tag_name_element {
	position: relative;
	left: 7px;
}
#tag_name_element input{
	width: 267px;
}
form#change_tag_form.remove div#comment_element {
	position: relative;
	display: none;
	left: 7px;
}
form#change_tag_form #comment_element textarea {
	vertical-align: top;
	width: 251px;
	
}
form#create_tag_form #description_element textarea {
	vertical-align: top;
	width: 267px;
	height: 70px;
}
div#animal_tissue_table {
	position: absolute;
	bottom: 20px;
	overflow: scroll;
	margin-left: 10px;
	top: 28px;
}

#animal_tissue_table td {
	text-align: center;
	border: 1px solid black;
	background-color: #343434;
	width: 14%;
}

table#animal_tissue_table {
	width: 800px;
	border-collapse: collapse;
	color: #eeeeee;
}

form#create_dissection_form {
	font-size: 12px;
}

form#create_dissection_form ul {
	position: absolute;
	top: 7px;
	left: 0px;
	list-style-type: none;
	height: 10px;
}

form#create_dissection_form li {
	float: left;
	padding-left: 5px;
}

#create_dissection_form div.form_header {
	position: relative;
	top: -3px;
	left: 0;
}

form#create_dissection_Form #create_organ_id_element {
	position: relative;
	top: -20px;
}

form#create_dissection_form #create_operator_id_element {
	position: relative;
	display: inline-block;
	top: -28px;
	left: -6px;
}

form#create_dissection_form #create_protocol_id_element {
	position: relative;
	display: inline-block;
	top: -34px;
	left: -3px;
}

form#create_dissection_form #create_dissection_date_element {
	position: relative;
	top: 8px;
	left: 15px;
	width: 173px;
}

form#create_dissection_form #create_start_time_element {
	position: relative;
	top: -17px;
	left: 210px;
	width: 250px;
}

form#create_dissection_form #create_end_time_element {
	position: relative;
	top: -41px;
	left: 450px;
	width: 250px;
}

form#create_dissection_form input.now {
	position: relative;
	left: 2px;
}

form#create_dissection_form #create_notes_element {
	position: relative;
	top: -2px;
	left: -269px;
	display: inline-block;
}

form#create_slice_dissection_form {
	font-size: 12px;
}

form#create_slice_dissection_form #create_operator_id_element {
	position: absolute;
	top: 72px;
	left: 250px;
	display: inline-block;
}

form#create_slice_dissection_form #create_protocol_id_element {
	position: relative;
	top: 8px;
	width: 560px;
	display: inline-block;
	left: 70px;
}

form#create_slice_dissection_form #create_section_type_id_element {
	position: relative;
	top: 8px;
	left: -3px;
	display: inline-block;
}

form#create_slice_dissection_form #create_dissection_date_element {
	position: relative;
	top: 0;
	left: 41px;
	display: inline-block;
}

form#create_slice_dissection_form #create_start_time_element {
	position: relative;
	top: 0;
	left: 80px;
	width: 250px;
	display: inline-block;
}

form#create_slice_dissection_form #create_end_time_element {
	position: relative;
	top: 0;
	width: 250px;
	display: inline-block;
	left: 60px;
}

form#create_slice_dissection_form.now {
	position: relative;
	left: -5px;
}

form#create_slice_dissection_form #create_slice_count_element {
	position: relative;
	left: 5px;
	width: 250px;
	display: inline-block;
	top: 16px;
}

form#create_slice_dissection_form #create_notes_element {
	position: relative;
	display: inline-block;
	top: 48px;
	left: -217px;
}

#create_notes_element textarea {
	vertical-align: top;
	width: 300px;
	height: 140px;
}

/* plate view */

div#plate_view {
	display: none;
}

div#plate_map_well_selection_indicator {
	position: absolute;
	text-align: center;
	top: 3px;
	left: 60px;
	width: 150px;
	border-radius: 10px;
	height: 18px;
	background-color: silver;
	
	font-size: 14px;
	line-height: 18px;
	user-select: none;
	-webkit-user-select: none;
	color: gray;
}
div#plate_map_well_selection_indicator.selections {
	background-color: #007DFF;
	color: white;
	cursor: default;
	
	
}

div#plate_table_wrapper {
	overflow-x: scroll;
}

div#plate_table {
	width: 2000px;
}
div#plate_table_headers {
	width: 2000px;
	table-layout: fixed;
}
table#plate_table {
 width: 1500px;
	table-layout: fixed;
}
table#plate_table_headers {
	width: 1500px;
}
#plate_table td {
	width: 100px;

}
#plate_table_headers th {
	width: 100px;
}
#plate_table td.well_selection_indicator {
	width: 25px;
}
#plate_table_headers th.well_selection_indicator {
	width: 25px;
}
#plate_table td.description {
	width: 500px;
}
#plate_table_headers th.description {
	width: 500px;
}
#plate_table td.date {
	width: 150px;
}
#plate_table_headers th.date {
	width: 150px;
}
#plate_table td.project {
	width: 100px;
}
#plate_table_headers th.project {
	width: 100px;
}
div.plate_map_wrapper {
	position: relative;
	width: 2000px;
	height: 500px;
	overflow: hidden;
}
div.well_selection_indicator {
	width: 15px;
	height: 15px;
	border-radius: 8px;
	text-align: center;
	margin-left: 10px;
	font-size: 13px;
	color: white;
}
div.well_selection_indicator.selected {
	background-color: #007DFF;
}
tr.selected div.well_selection_indicator.selected {
	background-color: #a3d0fe;
	color: black;
}
div.plate_map {
	display: inline-block;
}
div.plate_map_image {
	position: relative;
	display: inline-block;
}
img.plate_map_image {
	height: 400px;;
}
div#plate_content_help {
	background-color: rgba(0,0,0,0.75);
}

div#plate_map_help {
	position: absolute;
	top: 300px;
	left: 50px;
}

table.plate_map {
	background-color: #ccced6;

	border-radius: 5px;	
}

table.plate_map.well_4 {
	height: 170px;
}
table.plate_map.well_24 {
	height: 357px;
}
table.plate_map.well_48 {
	height: 357px;
}

table.plate_map td {
	font-size: 12px;
}

table.plate_map.well_4 td {
		font-size: 26px;
		width: 130px;
}
table.plate_map.well_24 td {
		font-size: 16px;
		height: 80px;
		width: 90px;
}
table.plate_map.well_24 tr {
		font-size: 16px;
		height: 93px;
}
table.plate_map.well_24 tr.column_labels {
		font-size: 16px;
		height: 20px;
}
table.plate_map.well_48 td {
		font-size: 13px;
		height: 35px;
		width: 67px;
}

table.plate_map td.column_label {
	height: 10px;
	text-align: center;
	font-size: 15px;
	color: #4e4e4e;
	font-weight: bold;
	line-height: 1px;
}
table.plate_map td.row_label {
	width: 19px;
	text-align: center;
	font-size: 27px;
	color: #4e4e4e;
	font-weight: bold;
}

table.plate_map.well_24 td.row_label {
	width: 25px;
	text-align: center;
	font-size: 27px;
	color: #4e4e4e;
	font-weight: bold;
}
div.plate_map_well {
	background-color: white;
}
div.plate_map_well.selected {
	background-color: #007DFF;
}

table.well_4 div.plate_map_well {
	width: 120px;
	height: 120px;	
	border-radius: 500px;
	margin: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border: 2px solid #474545;
}
table.well_24 div.plate_map_well {
	width: 80px;
	height: 80px;	
	border-radius: 500px;
	margin: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border: 2px solid #474545;
}
table.well_48 div.plate_map_well {
	width: 57px;
	height: 57px;	
	border-radius: 500px;
	margin: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border: 2px solid #474545;
}

.plate_map_well div.barcode {
	position: absolute;
	font-weight: bold;
}
.plate_map_well div.barcode.sample_discarded {
	position: absolute;  	
	text-decoration: line-through;
	color: #cecdcd;
	font-weight: bold;
}
.plate_map_well div.barcode.sample_fated {
	position: absolute;
		color: #999797;
	text-decoration-style: wavy;
	text-decoration: wavy underline;
}

div.plate_map_well.editable div.barcode {
	display: none;
}

input.well_contents {
	position: absolute;
	width: 69px;
	text-align: center;
	font-size: 14px;
	display: none;	
}
input.well_contents.wrong {
	color: red;
}
div.plate_map_well.editable input.well_contents {
	display: inline-block;
}
div.plate_header {
	height: 0px;
	width: 380px;
	padding: 20px;
}
div.plate_form {
 width: 380px;
}

.ui-tooltip-content.plate {
text-align: center;	
font-size: 12px;
border-radius: 0px;
margin: 0px;
}

.ui-tooltip-content.plate span {
	color: #EEE;
}
.ui-tooltip-content.plate span.uv {
	color: #cccccc;
}
.ui-tooltip-content.plate span.fitc {
	color: #00FF11;
}
.ui-tooltip-content.plate span.dsred {
	color: #FF3000;
}
.ui-tooltip-content.plate span.cy5 {
	color: #FFFF00;
}
.ui-tooltip-content.plate span.animal_barcode {
	color: #FFFFFF;
}
.ui-tooltip-content.plate span.brain_tissue_sample_barcode {
	color: #FFFFFF;
}
.ui-tooltip-content.plate span.readout {
	text-align: left;
}
.ui-tooltip-content.plate {
	background-color: #333333;
	font-size: 13px;
	font-weight: bold;
}
.ui-tooltip.plate {
	background-color: #333333;
	border-radius: 5px;
}

form#create_plate_form {
	width: 200px;
}
#create_plate_form select {
	width: 120px;
}
span.optional {
	font-size: 12px;
}
#create_plate_form input {
	width: 400px;
}
/* microdissection */

form#create_micro_dissection_form {
	font-size: 12px;
}

form#create_micro_dissection_form #create_operator_id_element {
	position: absolute;
	top: 97px;
	left: 420px;
	display: inline-block;
}

form#create_micro_dissection_form #create_density_element {
	position: relative;
	top: 5px;
	width: 120px;
	display: inline-block;
	left: 29px;
}

form#create_micro_dissection_form #create_density_units_element {
	position: relative;
	top: 5px;
	width: 160px;
	display: inline-block;
	left: 86px;
}

form#create_micro_dissection_form #create_protocol_id_element {
	position: relative;
	top: 13px;
	width: 560px;
	display: inline-block;
	left: 23px;
}

form#create_micro_dissection_form #create_section_type_id_element {
	position: relative;
	top: 8px;
	left: -3px;
	display: inline-block;
}

form#create_micro_dissection_form #create_dissection_date_element {
	position: relative;
	top: 0;
	left: 41px;
	display: inline-block;
}

form#create_micro_dissection_form #create_start_time_element {
	position: relative;
	top: 0;
	left: 80px;
	width: 250px;
	display: inline-block;
}

form#create_micro_dissection_form #create_end_time_element {
	position: relative;
	top: 0;
	width: 250px;
	display: inline-block;
	left: 60px;
}

form#create_micro_dissection_form input.now {
	position: relative;
	left: -5px;
}

form#create_micro_dissection_form #create_nuclei_count_element {
	position: relative;
	left: 115px;
	width: 250px;
	display: inline-block;
	top: 8px;
}

form#create_micro_dissection_form #create_notes_element {
	position: relative;
	display: inline-block;
	top: 24px;
	left: 35px;
}



/* nuclei */

form#create_nuclei_dissection_form {
	font-size: 12px;
}

form#create_nuclei_dissection_form #create_operator_id_element {
	position: absolute;
	top: 97px;
	left: 420px;
	display: inline-block;
}

form#create_nuclei_dissection_form #create_density_element {
	position: relative;
	top: 5px;
	width: 120px;
	display: inline-block;
	left: 29px;
}

#create_density_element input {
	width: 60px;
	top: 0;
}

form#create_nuclei_dissection_form #create_density_units_element {
	position: relative;
	top: 5px;
	width: 160px;
	display: inline-block;
	left: 86px;
}

#create_density_units_element input {
	width: 60px;
	top: 0;
}

form#create_nuclei_dissection_form #create_protocol_id_element {
	position: relative;
	top: 13px;
	width: 560px;
	display: inline-block;
	left: 23px;
}

form#create_nuclei_dissection_form #create_section_type_id_element {
	position: relative;
	top: 8px;
	left: -3px;
	display: inline-block;
}

form#create_nuclei_dissection_form #create_dissection_date_element {
	position: relative;
	top: 0;
	left: 41px;
	display: inline-block;
}

form#create_nuclei_dissection_form #create_start_time_element {
	position: relative;
	top: 0;
	left: 80px;
	width: 250px;
	display: inline-block;
}

form#create_nuclei_dissection_form #create_end_time_element {
	position: relative;
	top: 0;
	width: 250px;
	display: inline-block;
	left: 60px;
}

form#create_nuclei_dissection_form input.now {
	position: relative;
	left: -5px;
}

form#create_nuclei_dissection_form #create_nuclei_count_element {
	position: relative;
	left: 115px;
	width: 250px;
	display: inline-block;
	top: 8px;
}

form#create_nuclei_dissection_form #create_notes_element {
	position: relative;
	display: inline-block;
	top: 24px;
	left: 35px;
}


/* cell prep */

form#create_cell_dissection_form {
	font-size: 12px;
}

form#create_cell_dissection_form #create_operator_id_element {
	position: absolute;
	top: 95px;
	left: 420px;
	display: inline-block;
}

form#create_cell_dissection_form #create_density_element {
	position: relative;
	top: 8px;
	width: 120px;
	display: inline-block;
	left: 29px;
}

#create_density_element input {
	width: 60px;
}

form#create_cell_dissection_form #create_density_units_element {
	position: relative;
	top: 8px;
	width: 160px;
	display: inline-block;
	left: 46px;
}

#create_density_units_element input {
	width: 60px;
}

form#create_cell_dissection_form #create_protocol_id_element {
	position: relative;
	top: 12px;
	width: 550px;
	display: inline-block;
	left: 23px;
}

form#create_cell_dissection_form #create_section_type_id_element {
	position: relative;
	top: 8px;
	left: -3px;
	display: inline-block;
}

form#create_cell_dissection_form #create_dissection_date_element {
	position: relative;
	top: 0;
	left: 41px;
	display: inline-block;
}

form#create_cell_dissection_form #create_start_time_element {
	position: relative;
	top: 0;
	left: 80px;
	width: 250px;
	display: inline-block;
}

form#create_cell_dissection_form #create_end_time_element {
	position: relative;
	top: 0;
	width: 250px;
	display: inline-block;
	left: 60px;
}

form#create_cell_dissection_form input.now {
	position: relative;
	left: -5px;
}

form#create_cell_dissection_form #create_cell_count_element {
	position: relative;
	left: 115px;
	width: 250px;
	display: inline-block;
	top: 8px;
}

form#create_cell_dissection_form #create_notes_element {
	position: relative;
	display: inline-block;
	top: 21px;
	left: 35px;
}

#xanimal_form input {
	width: 90px;
	text-align: center;
}

#xanimal_form select {
	width: 90px;
}

#xanimal_form #species_id_element {
	position: absolute;
	left: 14px;
	top: 5px;
}

#xanimal_form div#strain_id_element {
	position: absolute;
	left: 192px;
	top: 5px;
}

#xanimal_form  div#animal_source_id_element {
	position: absolute;
	left: 336px;
	top: 5px;
}

#xanimal_form div#birth_date_element {
	position: absolute;
	left: 31px;
	top: 30px;
}

#xanimal_form div#arrival_date_element {
	position: absolute;
	left: 492px;
	top: 5px;
}

#xanimal_form div#father_id_element {
	position: absolute;
	top: 30px;
	left: 340px;
}

#xanimal_form div#mother_id_element {
	position: absolute;
	top: 30px;
	left: 185px;
}

#xanimal_form div#sac_date_element {
	position: absolute;
	top: 56px;
	left: 8px;
}

#xanimal_form div#sac_weight_element {
	position: absolute;
	top: 56px;
	left: 162px;
}

div.barcode_list {
	position: absolute;
	left: 5px;
	top: 0px;
	height: 50px;
}

/* tissue sample view */

div#tissue_view {
	display: none;
}

div#tissue_table_wrapper {
	position: absolute;
	overflow-x: scroll;
}

div#tissue_table_headers {
	width: 1800px;
}
div#tissue_table_footers {
	position: absolute;
	top: 8px;
	left: 210px;
	right: 10px;
	padding-left: 8px;
}


div#tissue_table {
	width: 1800px;
	right: 10px;
}
table#tissue_table {
	table-layout: fixed;
	width: 1800px;
}
table.tissue_table_headers {
	table-layout: fixed;
	width: 1800px;
}


div#multiple_notification {
	position: relative;
	top: 50px;
	left: 70px;
}

div#tissue_attachment_help {
	bottom: 42px;
	left: 120px;
}
div#tissue_form_help {
	top: 110px;
	left: 120px;
}

#tissue_table td {
	width: 100px;
}

#tissue_table_headers th {
	width: 100px;
}

div#xtissue_content div#organ_id_element {
	position: absolute;
	left: 39px;
	top: 40px;
}

div#xtissue_content div#substructure_id_element {
	position: absolute;
	left: 149px;
	top: 40px;
}

div#xtissue_content div#weight_element {
	position: absolute;
	left: 360px;
	top: 40px;
}

div#xweight_element input {
	width: 50px;
}

div#xtissue_content #storage_medium_id_element {
	position: absolute;
	top: 40px;
	left: 480px;
}

div#xtissue_content #storage_temperature_element {
	position: absolute;
	top: 40px;
	left: 690px;
}

#xstorage_temperature_element input {
	width: 40px;
}

div#xtissue_content #vessel_type_id_element {
	position: absolute;
	top: 65px;
	left: 9px;
}

div#xtissue_content #vessel_label_element {
	position: absolute;
	top: 65px;
	left: 189px;
}

#xvessel_label_element input {
	width: 100px;
}

div#xtissue_content #storage_location_id_element {
	position: absolute;
	top: 65px;
	left: 349px;
}

div#xtissue_content #storage_time_element {
	position: absolute;
	top: 65px;
	left: 533px;
}

#xstorage_time_element input {
	width: 87px;
}

div#xtissue_content input.now {
	position: absolute;
	top: 0;
	width: 40px;
	left: 135px;
}

div#tissue_details.subform {
	height: 267px;
	position: relative;
	top: 0;
	width: 100%;
}

/* network view */

div#network_view {
	display: none;
}

div#network_content {
	top: 10px;
}

div#network_svg_container {
	position: absolute;
	width: 100%;
	top: 0px;
	bottom: 0px;
	background-color: white;
}

svg#network_svg {
	width: 100%;
	height: 100%;
}

form#xtissue_form {
	position: relative;
	top: 10px;
}

div.section_header {
	position: relative;
	text-align: left;
	top: 42px;
	left: 12px;
	font-size: 15px;
	text-decoration: underline;
}

div#tissue_section_header {
	width: 100%;
	position: relative;
	top: 33px;
	text-align: left;
}

div#dissection_section_header {
	width: 100%;
	text-align: left;
	position: relative;
	top: 0;
}

div#dissection_details.subform {
	position: relative;
	height: 180px;
	left: 10px;
}

form#xdissection_form {
	height: 170px;;
}

div#xdissection_details #operator_id_element {
	position: relative;
	top: 10px;
}

div#xdissection_details #protocol_id_element {
	position: absolute;
	width: 600px;
	top: 10px;
	left: 300px;
}

div#xdissection_details #dissection_date_element {
	position: absolute;
	top: 37px;
	left: 24px;
}

div#xdissection_details #start_time_element {
	position: absolute;
	top: 37px;
	left: 230px;
	width: 140px;
}

div#xdissection_details #end_time_element {
	position: absolute;
	width: 130px;
	top: 37px;
	left: 420px;
}

#xstart_time_element input {
	width: 90px;
}

#xend_time_element input {
	width: 90px;
}

div#xdissection_details #start_time_now {
	position: absolute;
	top: 0;
	left: 136px;
}

div#xdissection_details #end_time_now {
	position: absolute;
	top: 0;
	left: 128px;
}

div#xdissection_details #notes_element {
	position: absolute;
	width: 360px;
	top: 67px;
	left: 19px;
}

div#xdissection_details textarea {
	vertical-align: top;
	width: 300px;
	height: 100px;
}

table.montage_gallery {
	color: white;
}
img.montage {
	width: 100px;
}
div#montage_browser_content {
	position: absolute;
	width: 100%;
	height: 100%;

	top: 46px;
}
div#montage_browser_controls {
	background-color: black;
}
table.montage_browser {
	width: 100%;
	height: 100%;
	border-collapse: collapse;
}
img.montage.browser {
	width: 100%;
}
div.missing_montage {
	height: 100%;
	width: 100%;
	background-color: black;
}
div.montage_title {
	text-align: center;
	padding-top: 3px;
}

div#buttons {
	position: absolute;
	display: inline-block;
	left: 400px;
	top: 15px;
}
div#buttons img {
	padding: 3px;
	width: 25px;
}

.ui-menu {
	width: 160px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 3px 3px 10px #d1cfcf;
	box-shadow: 3px 3px 10px #d1cfcf;
	opacity: 1;
	border-style: none !important;
	background-color: transparent;
	padding: 0px !important;
}

.ui-menu-item {
	font-size: 15px;
	text-align: left;
	padding-left: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #EFEFEF;\
	opacity: 0.13;
	user-select: none;
}

li.ui-menu-item div {
	color: black;
	
}

.ui-menu-item:first-child {
	border-radius: 5px 5px 0px 0px;
}

.ui-menu-item:last-child {
	border-radius: 0px 0px 5px 5px;
}

.ui-menu-item.hovered {
	background-color: #005EE2;
	color: white;
}

.ui-menu-item:last-child {
	padding-bottom: 3px;
}

.ui-menu-item:first-child {
	padding-top: 3px;
}

.contextMenu ul {
	width: 500px !important; /*or Your desired width here */
}
.contextMenu.
.contextMenu ul li {
	white-space: nowarp;
}

div.search_controls div {
	margin-bottom: 2px;
	margin-top: 2px;
}

div.search_controls label {
	color: white;
	font-size: 14px;
	position: relative;
	top: 1px;
}
div.form_header {
	width: 100%;
	position: relative;
	text-align: left;
	top: -20px;
	left: 5px;
	height: 20px;
	font-weight: bold;
	font-size: 15px;
}

/* cdna view */

div#cdna_details.subform {
	height: 121px;
	position: relative;
	top: -4px;
	width: 100%;
}

div#cdna_section_header {
	display: relative;
	top: 28px;
}

div#xcdna_extraction_details.subform {
	height: 157px;
	position: relative;
	top: -10px;
	width: 100%;
}

form#cdna_form {
	position: absolute;
	top: 15px;
	left: 20px;
}

form#create_extraction_form {
	font-size: 12px;
}

form#create_extraction_form #create_extraction_type_id_element {
	position: relative;
	top: 0;
	left: 0px;
	display: inline-block;
}

form#create_extraction_form #create_protocol_id_element {
	position: relative;
	top: 0;
	width: 580px;
	display: inline-block;
	left: 25px;
}

form#create_extraction_form #create_operator_id_element {
	position: relative;
	top: 35px;
	left: 360px;
	display: inline-block;
}

form#create_extraction_form #create_extraction_date_element {
	position: relative;
	top: 6px;
	left: -279px;
	display: inline-block;
}

form#create_extraction_form #create_start_time_element {
	position: relative;
	top: 6px;
	left: -260px;
	width: 250px;
	display: inline-block;
}

form#create_extraction_form #create_end_time_element {
	position: relative;
	top: -18px;
	width: 250px;
	display: inline-block;
	left: 439px;
}

form#create_extraction_form input.now {
	position: relative;
	left: -5px;
}

form#create_extraction_form #create_notes_element {
	position: relative;
	top: -9px;
	left: -5px;
}

div#cdna_view {
	display: none;
}

#cdna_table td {
	width: 12%;
}

#cdna_table_headers th {
	width: 13%;
}

form#cdna_form div#buffer_id_element {
	position: absolute;
	left: 1px;
	top: 24px;
	width: 150px;
}

form#cdna_form div#concentration_element {
	position: absolute;
	top: 24px;
	left: 160px;
	width: 150px;
}

#concentration_element input {
	width: 50px;
}

form#cdna_form div#concentration_units_element {
	position: absolute;
	top: 24px;
	left: 320px;
	width: 150px;
}

input#concentration_units {
	width: 50px;
}

form#cdna_form div#volume_element {
	position: absolute;
	top: 54px;
	left: 197px;
	width: 150px;
}

#volume_element input {
	width: 50px;
}

form#cdna_form div#volume_units_element {
	position: absolute;
	top: 54px;
	left: 320px;
	width: 150px;
}

input#volume_units {
	width: 50px;
}

div#extraction_section_header {
	position: relative;
	width: 100%;
	text-align: left;
	top: 105px;
}

form.xextraction_form {
	position: absolute;
	top: 0px;
	left: 20px;
}

form.xextraction_form #extraction_type_id_element {
	position: absolute;
	width: 120px;
	left: 10px;
}

form.xextraction_form #extraction_date_element {
	position: absolute;
	top: 27px;
	width: 200px;
	left: 10px;
}

form.xextraction_form #start_time_element {
	position: absolute;
	top: 27px;
	left: 220px;
	width: 260px;
}

form.xextraction_form #end_time_element {
	position: absolute;
	top: 28px;
	left: 470px;
	width: 260px;
}

form.xextraction_form #protocol_id_element {
	position: absolute;
	display: inline-block;
	top: 60px;
	left: -730px;
}

form.xextraction_form #operator_id_element {
	position: absolute;
	display: inline-block;
	top: 60px;
	left: -674px;
}

form.xextraction_form #notes_element {
	position: absolute;
	display: inline-block;
	top: 61px;
	right: ;
	left: 3px;
	width: 500px;
}

#notes_element textarea {
	vertical-align: top;
	width: 360px;
	height: 80px;
}

form.extraction_form .now {
	position: relative;
	width: 50px;
	left: 5px;
}

/* extract view */

div#extract_view {
	display: none;
}
div#extract_attachment_help {
	bottom: 43px;
	left: 100px;
}
#extract_view h3 {
	position: relative;
	
}
div#xextract_details.subform {
	height: 121px;
	position: relative;
	top: -22px;
	width: 100%;
}

div#extract_sample_section_header {
	position: relative;
	width: 100%;
	text-align: left;
	top: 21px;
}

div#extraction_section_header {
	position: relative;
	width: 100%;
	text-align: left;
	top: 0px;
}

div#extract_extraction_details.subform {
	position: relative;
}

#extract_table td {
	width: 12%;
}

#extract_table_headers th {
	width: 13%;
}

form#xextract_form {
	position: absolute;
	left: 22px;
	top: 30px;
}

form#xextract_form div#buffer_id_element {
	position: absolute;
	left: 1px;
	top: 40px;
	width: 150px;
}

form#xextract_form div#concentration_element {
	position: absolute;
	top: 39px;
	left: 160px;
	width: 150px;
}

#xconcentration_element input {
	width: 50px;
}

form#xextract_form div#concentration_units_element {
	position: absolute;
	top: 39px;
	left: 320px;
	width: 150px;
}

input#xconcentration_units {
	width: 50px;
}

form#xextract_form div#volume_element {
	position: absolute;
	top: 67px;
	left: 197px;
	width: 150px;
}

#xvolume_element input {
	width: 50px;
}

form#xextract_form div#volume_units_element {
	position: absolute;
	top: 67px;
	left: 320px;
	width: 150px;
}

input#xvolume_units {
	width: 50px;
}

/* dataset view */

div#dataset_member_help {
	position: absolute;
	top: 20px;
	left: 300px;
}
form#add_to_dataset_form {
	position: relative;
}
div#dataset_view {
	display: none;
}
#dataset_view h3 {
	position: relative;
	
}

#dataset_table td {
	width: 12%;
}

#dataset_table_headers th {
	width: 13%;
}

#dataset_view div#dataset_id_element {
	position: relative;
	top: 0px;
	left: 0px;
	margin-bottom: 2px;
	margin-top: 2px;
	width: 100%;
	text-align: center;
	color: white;
}

div.dataset {
	position: relative;	
	left: 10px;
	top: 10px;
	width: 100%;
	height: 70px;
	overflow: auto;
	background-color: #343434;
	border-bottom: 1px solid gray;
}
div.dataset_title {
	position: absolute;
	left: 0px;
	width: 190px;
	height: 30px;
	padding-top: 10px;
	text-align: center;
	background-color: #343434;
	color: white;

}
div.dataset_config_form {
	position: absolute;
	left: 190px;
	width: 150px;
}

div.dataset_membership {
	position: absolute;
	display: flex-wrap;
	left: 360px;
	right: 0px;
	text-align: left;
	background-color: black;
	height: 100%;
	overflow: scroll;
}
div#confidential_hide_element{
	width: 131px;
	
}

#confidential_hide_element input.confidential_hide {
	position: relative;
	width: 20px;
	top: -3;
	left: -3px;
}
.dataset_config_form input.confidential_name {
	width: 140px;
}
#confidential_hide_element label {
	position: relative;
	display: inline;
	left: 17px;
	top: -19px;
}
div.member {
	display: inline-block;
	width: 100px;
	height: 15px;
	padding-top: 3px;
	margin-top: 2px;
	text-align: center;
	border-radius: 10px 10px 10px 10px;
	background-color: #800045;
	color: white;
	cursor: default;
	-webkit-user-select: none;
	user-select: none;
}
div.member.selected {
	background-color: #007DFF;
	color: white;
}
#create_dataset_form div {
	text-align: right;
	padding-right: 25px;
	padding-top: 10px;
}
#create_dataset_form textarea {
	vertical-align: top;
	width: 220px;
}
#create_dataset_form input {
	width: 220px;
}

/* report view */

div#dendrite_viewer {
	width: 500px;
	height: 500px;
	background: gray;
}
div#dendrite_stats {
	height: 20px;
	width: 100px;
	
	font-weight: bold;
	background-color: transparent;
	border-radius: 5px;
	
	position: relative;
	top: 63px;
	left: 5px;
	color: #bcfe54;
	font-family: "Courier New", Courier, mono;
	letter-spacing: -1px;
	}
	
	
div#image_stack_feature_diameter {
	height: 20px;
	width: 100px;
	font-weight: bold;
	top: 43px;
	left: 69px;
	background-color: transparent;
	border-radius: 5px;
	position: relative;
	color: #bcfe54;
	font-family: "Courier New", Courier, mono;
	letter-spacing: -1px;
	}
	
#dendrite_stats.provisional {
		color: #fda61f;	
}	
.ui-tooltip-content.hero {
text-align: center;	
font-size: 12px;
margin: 0px;
}
.ui-tooltip-content.hero .uv {
color: #aaaaaa;
background-color:#111111;
}
.ui-tooltip-content.hero .fitc {
color: #00ff11;
background-color:#111111;
}
.ui-tooltip-content.hero .dsred {
color: #ff3000;
background-color:#111111;
}
.ui-tooltip-content.hero .cy5 {
color: #ffff00;
background-color:#111111;
}


div#report_table_wrapper {
	display: none;
}
div#report_content {
	top: 7px !important;
}
div.low_res_image_labels {
	width: 100%;
	height: 30px;
}
#report_view img.fov_image.channel_hide {
	display: none;
}
#report_view div.channel_label.channel_hide {
	display: none;
}
div.low_res_image_labels div.filter {

	height: 20px;
	position: absolute;
	top: 2px;
	width: 200px;
	left: 420px;
	color: white;
	cursor: default;

}
#report_view div.data_file_element {
	color: white;
}
div.matrix_table_div {
	position: relative;
	top: 30px;
}
div#report_member_help {
	position: absolute;
	top: 20px;
	left: 300px;
}
form#add_to_report_form {
	position: relative;
}
div#report_view {
	display: none;
}
#dataset_view h3 {
	position: relative;
	
}

#report_table td {
	width: 12%;
}

#report_table_headers th {
	width: 13%;
}

#report_view table {
	width: 200px;
}
#report_view th.row_label {
	font-size: 16px;
	min-width: 60px;
	background-color: gray;
	color: white;
}
#report_view th.column_label {
	max-width: 10px;
	height: 300px;
	background-color: gray;
	color: white;
}
#report_view div.column_label_div {
	transform: rotate(90deg);
	white-space: nowrap;
	position: relative;
	top: -33px;;
	font-size: 15px;

}

/* job view */

div#processing_job_view {
	display: none;
}
div#processing_job_vertical_handle {
	top: -280px;
}
div#processing_job_table_header {

}
div#processing_job_table_footers {
	position: absolute;
	top: 8px;
	left: 210px;
	right: 10px;
	padding-left: 8px;
}

div#processing_job_table_wrapper {
	position: absolute;
}
div#processing_job_table {
	width: 2000px;
	right: 10px;

}
table#processing_job_table {
	table-layout: fixed;
	width: 1800px;
}
table#processing_job_table_headers {
	table-layout: fixed;
	width: 1800px;
	height: 10px;

}
div#not_job_content {
	top: 147px !important;
}
div#processing_job_plot_container {
	position: absolute;
	top: 0px;
	left:  0px;
	right: 0px;
	bottom: 0px;
	text-align: center;
}
/* protein view */

div#protein_view {
	display: none;
}

div#protein_details.subform {
	height: 121px;
	position: relative;
	top: -22px;
	width: 100%;
}

div#protein_section_header {
	display: relative;
	top: 26px;
}

div#protein_extraction_details.subform {
	height: 157px;
	position: relative;
	top: -10px;
	width: 100%;
}

#protein_table td {
	width: 12%;
}

#protein_table_headers th {
	width: 13%;
}

form#protein_form {
	position: absolute;
	left: 22px;
	top: 30px;
}

form#protein_form div#buffer_id_element {
	position: absolute;
	left: 1px;
	top: 40px;
	width: 150px;
}

form#protein_form div#concentration_element {
	position: absolute;
	top: 39px;
	left: 160px;
	width: 150px;
}

#concentration_element input {
	width: 50px;
}

form#protein_form div#concentration_units_element {
	position: absolute;
	top: 39px;
	left: 320px;
	width: 150px;
}

input#concentration_units {
	width: 50px;
}

form#protein_form div#volume_element {
	position: absolute;
	top: 67px;
	left: 197px;
	width: 150px;
}

#volume_element input {
	width: 50px;
}

form#protein_form div#volume_units_element {
	position: absolute;
	top: 67px;
	left: 320px;
	width: 150px;
}

input#volume_units {
	width: 50px;
}

/* rna view */

div#rna_view {
	display: none;
}

div#rna_details.subform {
	height: 121px;
	position: relative;
	top: -22px;
	width: 100%;
}

div#rna_section_header {
	display: relative;
	top: 26px;
}

div#rna_extraction_details.subform {
	height: 157px;
	position: relative;
	top: -10px;
	width: 100%;
}

#rna_table td {
	width: 12%;
}

#rna_table_headers th {
	width: 13%;
}

form#rna_form {
	position: absolute;
	left: 22px;
	top: 30px;
}

form#rna_form div#buffer_id_element {
	position: absolute;
	left: 1px;
	top: 25px;
	width: 150px;
}

form#rna_form div#concentration_element {
	position: absolute;
	top: 25px;
	left: 160px;
	width: 150px;
}

#concentration_element input {
	width: 50px;
}

form#rna_form div#concentration_units_element {
	position: absolute;
	top: 25px;
	left: 320px;
	width: 150px;
}

input#concentration_units {
	width: 50px;
}

form#rna_form div#volume_element {
	position: absolute;
	top: 53px;
	left: 197px;
	width: 150px;
}

#volume_element input {
	width: 50px;
}

form#rna_form div#volume_units_element {
	position: absolute;
	top: 53px;
	left: 320px;
	width: 150px;
}

input#volume_units {
	width: 50px;
}

.box {
	width: 400px;
	height: 100px;
	background-color: gray;
	opacity: 0.54;
	text-align: center;
	border-style: dashed;
}

.box__input label {
	font-weight: bold;
	margin-top: 20px;
}

button.box__button {
	display: none;
}

div.box__uploading {
	display: none;
}

div.box__error {
	display: none;
}

div.box__success {
	display: none;
}

form.is-dragover {
	background-color: yellow;
}

table.attachment_table {
	background-color: silver;
	width: 100%;
}

.attachment_table td {
	text-align: center;
}

.attachment_table td.thumbnail {
	width: 100px;
	max-width: 100px;
	height: 100px;
}

.attachment_table td.attachment {
	width: 300px;
}

form.attachment_form {
	display: none;
	position: absolute;
	width: 150px;
	height: 50px;
	bottom: 10px;
	left: 10px;
}

div.object_form {
	position: relative;
}



div.attachments {
	left: 10px;	
	right: 100px;
	height: 200px;
	bottom: 0px;
	border-style: none;
	white-space: nowrap;
	overflow-x: scroll;
	overflow-y: visible;
	border-width: 1px;
	margin-right: 20px;
	margin-bottom: 20px;
	height: 200px;
	vertical-align: middle;
	user-select: none;
}
div.attachments.empty {
	height: 100px;
	width: 100px;
	border-radius: 25px;
	border-style: dashed;
	border-width: 1px;
	background-color: #363333;
	user-select: none;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

h3 {
	position: relative;
	padding: 0px;
	margin: 0px;
	height: 20px;
	left: 10px;
}

div#animal_tissue_table_wrapper {
	position: relative;
	height: 0px;
}

div.attachments.is-dragover {
	background-color: #5e80b0;
}

div.attachment_item {
	display: inline-block;
	padding-top: 15px;
	padding-left: 2px;
	padding-right: 2px;
	margin-left: 1px;
	text-align: center;
	border: 3px solid transparent;
	border-radius: 10px 10px 10px 10px;
}

div.attachment_item.selected {
	background-color: #005EE2;
	border: 3px solid #005EE2;
}

div.magnify_attachments {
	position: relative;
	left: 200px;
	top: -30px;
	font-size: 20px;
}

div.attachment_item div.attachment_thumbnail {
	height: 150px;
	position: relative;

}

div.NOT_attachment_item.selected div.attachment_thumbnail {
	height: 500px;
	width: auto;
	display: inline-block;
	text-align: center;
}

.attachment_thumbnail img {
	height: 100%;
}

.attachment_thumbnail img.hover {
	height: 300px;
}

div.attachment_filename {
	display: inline-block;
	padding-top: 4px;
	height: 20px;
	left: 0px;
	right: 0px;
}

span.drag_prompt {
	position: absolute;
	width: 100%;
	height: 100%;
	color: #a0a0a0;
	font-size: 13px;
}

div#attachment_annotation_status {
	position: absolute;
	bottom: 0px;
	right: 10px;
}

#attachment_annotation_form #comment_element {
	position: absolute;
	top: 10px;
	right: 40px;
}

#comment_element textarea {
	vertical-align: top;
	width: 390px;
	height: 80px;
}

#attachment_annotation_form select {
	width: 170px;
}

#attachment_annotation_form #attachment_type_id_element {
	position: absolute;
	top: 10px;
	left: 33px;
}

#attachment_annotation_form #created_element {
	position: absolute;
	top: 49px;
	left: 10px;
}

form#attachment_annotation_form {
	height: 100px;
}

.img-magnifier-container {
	position: relative;
}

.img-magnifier-glass {
	position: absolute;
	border: 2px solid #a4a2a2;
	border-radius: 20px;
	cursor: none;
	  /*Set the size of the magnifier glass:*/
	width: 200px;
	height: 100px;
}
.plate_map_image .img-magnifier-glass {
	position: absolute;
	width: 200px;
	height: 200px;	
}

/* barcode view */

div#barcode_view {
	display: none;
}

div#barcode_content {
	top: 10px;
}

div#barcode_response {
	position: absolute;
	right: 20px;
	bottom: 20px;
	color: white;
}

#barcode_content #label_type_element {
	position: absolute;
	top: 10px;
	left: 31px;
}

#barcode_content #date_element {
	position: absolute;
	top: 33px;
	left: 64px;
}

#barcode_content #barcode_prefix_element {
	position: absolute;
	top: 70px;
	left: 10px;
}

#barcode_content #label_content_element {
	position: absolute;
	top: 154px;
	left: 12px;
}

#label_content_element textarea {
	vertical-align: top;
	width: 200;
	height: 100;
}

#barcode_content #start_num_element {
	position: absolute;
	top: 93px;
	left: 17px;
}

#barcode_content #end_num_element {
	position: absolute;
	top: 118px;
	left: 21px;
}

#end_num, #start_num {
	width: 60px;
}
}

#barcode_content textarea#label_content {
	vertical-align: top;
}

#barcode_content input#print_button {
	top: 200px;
	position: absolute;
}

#barcode_content input#print_button {
	top: 270px;
	position: absolute;
}

#barcode_content input#date {
	width: 100px;
}
/* notebook entry view */

div#notebook_entry_table_wrapper {
	position: absolute;
	overflow-x: scroll;
}

div#notebook_entry_table_headers {
	width: 2000px;
}
div#notebook_entry_table_footers {
	position: absolute;
	top: 8px;
	left: 210px;
	right: 10px;
	padding-left: 8px;
}


div#notebook_entry_table {
	width: 2000px;
	right: 10px;
}
table#notebook_entry_table {
	table-layout: fixed;
	width: 2000px;
}
table.notebook_entry_table_headers {
	table-layout: fixed;
	width: 2000px;
}

table#notebook_entry_table td {
	width: 100px;
}
table#notebook_entry_table_headers th {
	width: 100px;
}
table#notebook_entry_table td.name {
	width: 1000px;
}
table#notebook_entry_table_headers th.name {
	width: 1000px;
}
table#notebook_entry_table td.barcode {
	width: 300px;
}
table#notebook_entry_table_headers th.barcode {
	width: 300px;
}

form.output_upload_form div.download_template_element{
position: relative;
left: 50px;
top: -10px;
}
form.output_upload_form div.upload_file_element {
	position:relative;
	left: 120px;
	color: silver;
	top: 16px;
}
form.output_upload_form div.save_outputs_element {
	position: relative;
	left: 120px;
	top: 20px;
}
form.output_upload_form div.instructions {
	position: relative;
	width: 250px;
	color: white;
	left: 53px;
	font-size: 12px;
}
div.section_header {
	position: relative;
	top: 0px;
	width: 500px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
}
div#data_file_element {
	width: 300px;
	text-align: left;
	color: silver;
}
#data_file_element input {
	width: 300px;
}
#backfilling_element label {
	position: relative;
	top: -16px;
	left: 20px;
	text-align: left;
}
div.download_notebook_entry_template_element {
	width: 500px;
	text-align: left;
	color: silver;
}
input.download_notebook_entry_template {
	width: 150px !important;
}
#notebook_entry_data_file_form {
	width: 102px;
}
div.upload_notebook_entry_data_file_element {
	width: 100px;
}
div.notebook_entry_form_div {
	position: relative;
	top: 0px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 20px;
	overflow: hidden;
	color: white;
	width: 600px;
}

.notebook_entry date_element {
	display: inline-block;
}

.xnotebook_entry_form_div div {
	
}
div.notebook_entry_input_list.empty {
	height: 100px;
	width: 100%;
}
.notebook_entry_input_list .paste_target {
	position: relative;
	width: 200px;
	height: 100%;
	-webkit-border-radius: 10px;
	background-color: #2b2b2a;
	margin: auto;
	padding-top: 41px;
	vertical-align: bottom;
	text-align: center;
	color: #8f8989;
}
div.notebook_entry_input_table_wrapper {
	position: relative;
	min-width: 400px;
	text-align: center;
	color: black;
	width: 100%;
	overflow: hidden; 
	padding-bottom: 20px;
}

div.notebook_entry_input_table_headers {
	position: relative;
	top: 0px;
	left: 0px;;
	height: 50px;
	width: 100%;
}

table#notebook_entry_input_table_headers {
	color: white;
	color: silver;
}

#notebook_entry_input_table_headers th {
	width: 100px;
	text-align: center;
}

#notebook_entry_input_table_headers th.parameters {
	width: 330px;
}

#notebook_entry_input_table_headers th.outputs {
	text-align: center;

}

div#notebook_entry_input_table {
	position: relative;
	width: 100%;

}

table.notebook_entry_input_table {
	border-collapse: collapse;
	color: white;
}

.notebook_entry_input_table td {
	width: 100px;
	text-align: center;
}

.notebook_entry_input_table tr {
	background-color: #282929;
	border-bottom: 1px solid #484646;
}

.notebook_entry_input_table td.inputs {
	width: 200px;
	max-width: 200px;
	min-width: 200px;
}
#notebook_entry_input_table_headers th.inputs {
	width: 200px;
		max-width: 200px;
	min-width: 200px;
}	


table.notebook_entry_input_table td.operator {
	width: 200px;
}

#notebook_entry_input_table_headers th.operator {
	width: 200px;
}


table.notebook_entry_input_table td.uv {
	width: 100px;
}
#notebook_entry_input_table_headers th.uv {
	width: 100px;
}
table.notebook_entry_input_table td.fitc {
	width: 100px;
}
#notebook_entry_input_table_headers th.fitc {
	width: 100px;
}
table.notebook_entry_input_table td.dsred {
	width: 100px;
}
#notebook_entry_input_table_headers th.dsred {
	width: 100px;
}
table.notebook_entry_input_table td.cy5 {
	width: 100px;
}
#notebook_entry_input_table_headers th.cy5 {
	width: 100px;
}

table.notebook_entry_input_table td.well_location {
	width: 100px;
}
#notebook_entry_input_table_headers th.well_location {
	width: 100px;
}

table.notebook_entry_input_table td.plate {
	width: 100px;
}
#notebook_entry_input_table_headers th.plate {
	width: 100px;
}

table.notebook_entry_input_table td.notes {
	width: 300px;
	text-align: center;
}

table#notebook_entry_input_table_headers th.notes {
	width: 300px;
	text-align: center;
}

table.notebook_entry_input_table td.brain_hemisphere {
	width: 200px;
	text-align: center;
}

table#notebook_entry_input_table_headers th.brain_hemisphere {
	width: 200px;
	text-align: center;
}
table.notebook_entry_input_table td.section_type {
	width: 200px;
	text-align: center;
}

table#notebook_entry_input_table_headers th.section_type {
	width: 200px;
	text-align: center;
}

#notebook_entry_input_table_headers th.outputs {
	text-align: center;
	width: 200px;
}

table.notebook_entry_input_table td.output {
	padding-left: 10px;
	width: 200px;
}

div.output_type_divider {
	text-align: center;
	padding-top: 10px;
	width: 100%x;
}

form.notebook_entry_input_form {
	font-size: 12px;
	width: 300px;
}

form.notebook_entry_input_form label {
	display: block;
	position: relative;
	margin-bottom: -2px;
	font-size: 12px;
	left: 3px;
	font-weight: normal;
	font-weight: bold;
	color: silver;
}

form.notebook_entry_input_form input {
	display: block;
}

form.notebook_entry_input_form div {
	padding-bottom: 0;
	display: inline-block;
	padding-right: 20px;
}

form.notebook_entry_input_form #organ_id {
	font-size: 12px;
	vertical-align: top;
	height: 50px;
}

form.notebook_entry_input_form #notes_element {
	width: 500;
}

form.notebook_entry_input_form #notes {
	width: 300px;
	height: 50px;
}

.notebook_entry_input_form input.slice_count {
	width: 40px;
}

.notebook_entry_input_form input.section_thickness {
	width: 40px;
}

.notebook_entry_input_form input.reference_slice_index {
	width: 40px;
}

.notebook_entry_input_form input.reference_slice_offset {
	width: 40px;
}

div.notebook_entry_input {
	width: 80px;
	height: 19px;
	background-color: #800045;
	text-align: center;
	padding-top: 6px;
	border-radius: 20px 0px 0px 20px;
	margin: auto;
	margin-top: 2px;
	margin-bottom: 2px;
	color: white;
	font-size: 13px;
}

div#notebook_entry_attachment_wrapper {
	position: relative;
	top: 80px;
	height: 180px;
	width: 100%;
}


div.delete_input {
	position: relative;
	top: -17px;
	left: 73px;
	height: 17px;
	width: 17px;
	border-radius: 10px;
	background-color: white;
	color: black;
	font-size: 10px;
}

.close {
	position: absolute;
	right: 31px;
	top: 31px;
	width: 31px;
	height: 31px;
	opacity: 0.5;
}

.close:hover {
	opacity: 1;
}

.close:before, .close:after {
	position: absolute;
	left: 52px;
	content: ' ';
	height: 13px;
	width: 3px;
	background-color: #333;
	z-index: 1;
	top: -29px;
}

.close:before {
	transform: rotate(45deg);
}

.close:after {
	transform: rotate(-45deg);
}

div.notebook_entry_output {
	display: inline-block;
	width: 80px;
	height: 20px;
	background-color: #800045;
	text-align: center;
	padding-top: 6px;
	border-radius: 0px 20px 20px 0px;
	margin: auto;
	margin-top: 2px;
	margin-bottom: 2px;
	color: white;
	font-size: 13px;
	margin-left: 3px;
}

form#create_notebook_entry_form {
	height: 140px
}

form#notebook_entry_form {
	font-size: 12px;
	width: 780px !important
}

#xnotebook_entry_form input#created {
	width: 90px;
	text-align: center;
}
#notebook_entry_form input#name {
	width: 200px;
	text-align: center;
}
.notebook_entry_form textarea#comment {
	width: 400px;
}
.notebook_entry_form select#protocol_id {
	width: 300px;
	text-align: center;
}
.notebook_entry_form select#project_id {
	width: 300px;
	text-align: center;
}

form#xnotebook_entry_form label {
	display: block;
	position: relative;
	margin-bottom: -2px;
	font-size: 12px;
	left: 3px;
	font-weight: normal;
	font-weight: bold;
	color: gray;
}

form#xnotebook_entry_form input {
	display: block;
}

form#xnotebook_entry_form div {
	padding-bottom: 0;
	display: inline-block;
	padding-right: 20px;
}

#create_notebook_entry_dialog #project_id_element {
	position: absolute;
	top: 8px;
	left: 24px;
}

#create_notebook_entry_dialog #protocol_id_element {
	position: absolute;
	top: 34px;
}

#create_notebook_entry_dialog #person_id_element {
	position: absolute;
	left: 27px;
	top: 60px;
}

#create_notebook_entry_dialog #notebook_entry_date_element {
	position: absolute;
	top: 58px;
	left: 241px;
}

#create_notebook_entry_dialog #name_element {
	position: absolute;
	left: 31px;
	top: 87px;
}

#create_notebook_entry_dialog input#name {
	width: 386px;
}

#create_notebook_entry_dialog #comment_element {
	position: absolute;
	top: 117px;
	left: 5px;
}

div#notebook_entry_view {
	display: none;
}

div#notebook_entry_search_controls select#protocol_id {
	width: 180px;
}

div#notebook_entry_table {
	width: 2000px;
}


#xnotebook_entry_table td {
	width: 200px;
	text-align: center;
}
#xnotebook_entry_table_headers th {
	width: 200px;
	text-align: center;
}
xtable#notebook_entry_table {
	width: 1500px;
}
xtable#notebook_entry_table_headers {
	width: 1500px;
}

#notebook_entry_content {
}

div#notebook_page_viewer {
	position: absolute;
	width: 100%;
	top: 0px;
	bottom: 100px;
	border-bottom: 1px solid #858080;
}

div#notebook_toc {
	position: absolute;
	height: 100px;
	width: 100%;
	bottom: 0px;
}

div.notebook_pages {
	position: relative;
	left: 10px;
	right: 100px;
	height: 200px;
	border-style: none;
	white-space: nowrap;
	overflow-x: scroll;
	overflow-y: visible;
	border-width: 1px;
	margin-right: 20px;
	margin-bottom: 20px;
	height: 200px;
	vertical-align: middle;
	user-select: none;
}

div.notebook_pages.empty {
	left: 20px;
	width: 100px;
	height: 50px;
	border-radius: 25px;
	border-style: dashed;
	border-width: 1px;
	background-color: #363333;
	user-select: none;
}

div.notebook_pages.is-dragover {
	background-color: #5e80b0;
}

.css_select {
	display: block;
	font-size: 16px;
	font-family: sans-serif;
	font-weight: 500;
	color: #444;
	line-height: 1.1;
	padding: .6em 1.4em .5em .8em;
	width: 90%;
	max-width: 100%;
	box-sizing: border-box;
	margin: auto;
	border: 1px solid #aaa;
	box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
	border-radius: .5em;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
	  linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: .65em auto, 100%;
	text-align: center;
}

.select-css::-ms-expand {
	display: none;
}

.select-css:hover {
	border-color: #888;
}

.select-css:focus {
	border-color: #aaa;
	box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
	box-shadow: 0 0 0 3px -moz-mac-focusring;
	color: #222;
	outline: none;
}

.select-css option {
	font-weight: normal;
	text-align: center;
}

select {
	position: relative;
	display: inline;
	font-size: 12px;
	font-family: sans-serif;
	font-weight: 500;
	color: #444;
	line-height: 1;
	padding: .1em 1.7em .1em .8em;
	min-height: 20px;
	max-width: 100%;
	box-sizing: border-box;
	margin-top: 2px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2px;
	border: 1px solid #aaa;
	box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
	border-radius: .4em;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
	  linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
	background-repeat: no-repeat, repeat;
	background-position: right .5em top 50%, 0 0;
	background-size: .65em auto, 100%;
	
}

content {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}



img.drag_target {
	height: 70px;
	width: 70px;
	position: absolute;
	left: 15px;
	top: 15px;
	opacity: 0.8;
}

div.slide {
	display: inline-block;
	width: 150px;
	height: 50px;
	border: 2px groove #555050;
	position: relative;
	margin-top: 5px;
	margin-right: 5px;
	-webkit-border-radius: 4px;
	background-color: #585555;
}

div.slide_label_area {
	height: 100%;
	left: 0px;
	width: 25%;
	position: absolute;
	border-style: none;
	background-color: #d4d8d6;
	opacity: 0.62;
}

div.slide_label {
	position: absolute;
	top: 18px;
	transform: rotate(270deg);
	font-size: 11px;
	font-family: 'Permanent Marker', cursive;
	left: -6px;
}

div.slide_vendor_label {
	position: absolute;
	top: 20px;
	left: 22px;
	transform: rotate(270deg);
	color: white;
	font-size: 6px;
	letter-spacing: 4;
	font-weight: bold;
}

.slide .notebook_entry_output {
	position: absolute;
	top: 15px;
	right: 30px;
	height: 12px;
	width: 48px;
	font-size: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}

table.plate {
	display: inline-block;
	border-collapse: collapse;
	margin-top: 5px;
	margin-left: 2px;
	margin-right: 2px;
}

table.plate .notebook_entry_output {
	height: 12px;
	width: 48px;
	font-size: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}

table.plate td {
	border: 1px solid #333;
	padding: 3px;
	background-color: #eeeeee;
	width: 51px;
}

tr.plate_header {
	background-color: #262424;
	font-size: 12px;
	color: white;
}

th.row_label {
	font-size: 9px;
	width: 12px;
	background-color: #a09f9f;
	border: 1px solid #333;
	color: black;
}

th.column_label {
	font-size: 9px;
	height: 15px;
	background-color: a09f9f;
	border: 1px solid #333;
}

form.notebook_entry_form {
	width: 400px;
}

.notebook_entry_form input.name {
	width: 400px;
}
.notebook_entry_form select.protocol_id {
	width: 500px;
}
/* form auto formatting */

form.auto_format {
	margin-left: 20px;
}
form.auto_format label {
	display: block;
	position: relative;
	margin-bottom: -2px;
	font-size: 12px;
	left: 1px;
	font-weight: normal;
	font-weight: bold;
	color: silver;
}
form.auto_format div.ambiguous label {
	color: white;
}

form.auto_format input {
	display: block;
}

form.auto_format div {
	padding-bottom: 0;
	display: inline-block;
	padding-right: 5px;
	padding-left: 5px;	
	border-radius: 14px;
	padding-bottom: 5px;
}

form.auto_format input {
	width: 90px;
}

form.auto_format select {
	width: 90px;
}

form.auto_format textarea {
	width: 500px;
	height: 80px;
	margin-top: 2px;
}

form.disabled {
	pointer-events: none;	
}
form#animal_form {
	width: 750px;
}
#animal_form textarea#description {
width: 390px;
height: 25px;
}
form#animal_form select#genotype_id {
	width: 192px;
}
form#animal_form select#animal_source_id {
	width: 110px;
}

form#tissue_form {
	position: relative;
	width: 650px;
	top: 13px;

}

form#tissue_form div#storage_time_element input {
	display: inline-block;
}
form#dissection_form {
	position: relative;
	width: 500px;
}
form#dissection_form div#start_time_element input {
	display: inline-block;
}
form#dissection_form div#end_time_element input {
	display: inline-block;
}
form#notebook_entry_form {
	width: 650px;
}
form#extract_form {
	position: relative;
	width: 200px;
}
#extract_form #volume_units_element {
	margin-left: 32px;
}
form.extraction_form {
	position: relative;
	width: 602px;
}

form.extraction_form div#start_time_element input {
	display: inline-block;
}
form.extraction_form div#end_time_element input {
	display: inline-block;
}

input.now {
	width: 50px !important;
}	

/* image view */



div#image_recursive_element {
	color: white;
	position: relative;
	font-size: 13px;
}

div#image_content_scatter_plot {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	z-index: 5;
	display: none;
	overflow: hidden;
}
div#jitter_button {
	width: 25px;
	height: 25px;
	position: absolute;
	top: 130px;
	left: 20px;
	background-color: #c0bfbf;
	z-index: 14;
	text-align: center;
	font-weight: bold;
	font-size: 21px;
}
div#jitter_builder {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;

}
div#jitter_level_selector {
	position: absolute;
	top: 0px;
	height: 50px;
	width: 100%;
}
#jitter_level_selector select {
	width: 200px;
}
div#jitter_categories {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
	user-select: none;
}
div.category_level {
	display: inline-block;
	inline-block;
	background-color: #c0bfbf;
	height: 100%;
	width: 290px;
	color: black;

}
div.category_level_text {
	padding-top: 7px;
	width: 290px;
	font-size: 14px;
}
div.jitter_category {
	position: relative;
	height: 30px;
	background-color: gray;
	margin: 5px;
	margin-right: 40px;
	margin-left: 40px;
	text-align: center;
	border-radius: 20px;
}
div.jitter_category.selected {
	background-color: #005EE2}
	
div#jitter_series_selector {
	position: absolute;
	width: 100%;
	min-height: 410px;
	top: 50px;

}
div.jitter_category_exclusion {
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background-color: #0ffd0f;
	right: 10px;
	bottom: 10px;
}
div.jitter_category_exclusion.excluded {
	background-color: red;
}
form#jitter_configuration_form {
	position: absolute;
}


div#image_view {
	display: none;
}
div.image_annotation_controls {
	position: relative;
	height: 20px;
	width: 250px;
	left: 276px;
	background-color: transparent;
	opacity: 1;
	top: -16px;
}


div.spine_annotator {
	position: absolute;
	left: 105px;
	top: 0px;
	width: 100px;
	
}
div.image_dendrite_status {
	position: relative;
	left: 200px;
	top: 0px;
	background-color: transparent;
	display: none;
}
div.image_qc_rating {
	position: absolute;
	width: 100px;
	top: 26px;

	left: 0px;
	background-color: transparent;
	display: table-cell;

}
div.image_qc_rating_value {
	width: 10px;
	height: 10px;
	display: inline-block;
	background-color: #747373;
	border-radius: 5px;
	margin-left: 3px;
	margin-right: 3px;
	vertical-align: middle;	
}
div.image_qc_rating_value.selected {
	background-color: white;
	width: 14px;
	height: 14px;
	margin-left: 1px;
	margin-right: 1px;
	border-radius: 7px;
}
div.image_qc_rating_value.selected.failed {
	background-color: red;
	width: 14px;
	height: 14px;
	margin-left: 1px;
	margin-right: 1px;
	border-radius: 7px;
}
div.dendrite_qc_status {
	position: absolute;
	left: 252px;
	top: 2px;
}
.dendrite_qc_status img {
	width: 20px;
	height: 20px;
	top: 0;
}

.dendrite_qc_status img.qc_pass{
 display: none;
}
.dendrite_qc_status img.qc_fail{
 display: none;
}
.dendrite_qc_status img.qc_none{
 display: block;
}



.dendrite_qc_status.pass img.qc_fail{
 display: none;
}
.dendrite_qc_status.pass img.qc_none{
 display: none;
}
.dendrite_qc_status.pass img.qc_pass {
	display: block;
}


.dendrite_qc_status.fail img.qc_none{
  display: none;
}
.dendrite_qc_status.rail img.qc_pass {
	display: none;
}
.dendrite_qc_status.fail img.qc_fail {
	display: block;
}
img.qc_none {
	opacity: 0.5;
}
div.body_status {
	position: absolute;
	width: 16px;
	height: 16px;
	border-radius: 16px;
	left: 200px;
	top: 2px;
	border: 2px solid #B350FF;
	background-color: transparent;	
}
div.body_status.complete {
	background-color: #B350FF;
}

div.spine_status {
	position: absolute;
	width: 16px;
	height: 16px;
	border-radius: 16px;
	left: 226px;
	top: 2px;
	border: 2px solid #FF9701;
	background-color: transparent;

}
div.spine_status.complete {
	background-color: #FF9701;
} 

#image_table_footers input.export {
	position: relative;
	top: -8px;
}
#image_table_footers input.image_export {
	position: relative;
	top: -8px;
}
#image_table_footers input.dendrite_stats_export {
	position: relative;
	top: -8px;
}
#image_table_footers input.dendrite_progress_export {
	position: relative;
	top: -8px;
}
#image_table_footers input.layer_export {
	position: relative;
	top: -8px;
}
#image_table_footers input.xml_segmentation {
	position: relative;
	top: -8px;
}
#image_table_footers select.content_type {
	position: relative;
	top: -8px;
}
div#image_table_wrapper {
	height: 150px;
	overflow-y: hidden;
	overflow-x: auto;
}


div#image_vertical_handle {
	top: 160px;
}
div#image_content {
	top: 168px;
	overflow: hidden;
}
div#image_table_headers {
	position: absolute;
	right: 10px;
	width: 3350px;
}
table#image_table_headers {
	width: 99%;
}
#image_table_headers th {
	width: 100px;
}
#image_table_headers th.fov_index {
	width: 30px;
}
#image_table_headers th.genotype {
	width: 200px;
}
#image_table_headers th.treatment {
	width: 200px;
}
div#image_table {
	width: 3330px;
}
div#stack_metadata {
	position: absolute;
	left: 0px;
	width: 140px;
	height: 17px;
	top: 560px;
	text-align: left;
	
}
#stack_metadata div {
	display: inline-block;
	padding-left: 5px;;
	font-size: 13px;
	font-weight: bold;
}
#stack_metadata div.well_location {
	padding-left: 1px;
}
#stack_metadata div.plate_barcode {
		padding-left: 0px;
}
div#image_table_footers {
	position: absolute;
	top: 8px;
	left: 210px;
	right: 10px;
	padding-left: 8px;
}

div#image_content_fov {
	position: absolute;
	
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}
div#image_content_fov_help {
	display: none;
	position: absolu	te;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	border-radius: 10px 10px 10px 10px;	
}

div#image_label_help {
	position: absolute;
	font-size: 12px;
	width: 200px;
	height: 30px;
	top: 520px;
	left: 10px;
}
div#roi_header_help {
	position: absolute;
	top: 42px;
	font-size: 12px;
	left: 840px;
	width: 260px;
	height: 50px;
}
div#roi_image_help {
	position: absolute;
	top: 165px;
	font-size: 12px;
	left: 816px;
	width: 320px;
	height: 104px;
}
div#roi_sort_help {
	position: absolute;
	right: 15px;
	top: 10px;
	width: 230px;
	height: 15px;
}
	
div#image_channel_help {
	position: absolute;
	top: 295px;
	font-size: 12px;
	left: 141px
}
div#fov_image_image_help {
	position: absolute;
	top: 140px;
	font-size: 12px;
	left: 136px;
}


table#image_table {
	width: 100%;
}
#image_table td {
	width: 100px
}
#image_table td.genotype {
	width: 200px;
}
#image_table td.fov_index {
	width: 30px;
}
#image_table td.treatment {
	width: 200px;
}
img.stack_image {
	position: absolute;
}
img.image_polygon {
	display: inline;
	opacity: 0.5;
}
img.stack_image.twoD {

}

img.channel {
		mix-blend-mode: screen;
}

div#image_view img.stack_image.channel.z_hide {
	display: none;
}

img.stack_image.channel.channel_hide {
	display: none 
} 

img.region_overlay {
	position: absolute;
	z-index: 9;
}
img.region_overlay.blurry {
	filter: blur(5px);
}
img.stack_image.first {
	display: inline-block;
}

div#region_comparison_table_fov_viewer_status {
	position: absolute;
	top: 7px;
}

div.stack_image_wrapper {	
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
}
div.stack_images {
	position: relative;
	width:560px;
	height: 560px;
	display: inline-block;
	overflow: hidden;
	background-color: black;
}
.stack_images img {
	height: 100%;

}

div#image_stack_status {
	text-align: right;
	position: absolute;
	top: 5px;
	left: 456px;
	width: 100px;
	height: 20px;
	z-index: 17;
}

div.image_stack_wrapper {
position: absolute;
left: 1px;
top: 0px;
bottom: 0px;
right: 0px;	
}
div.region_delineation_images {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 560px;
	height: 560px;
	display: inline-block;
	overflow: hidden;
}
img.region_delineation_image {
	position: absolute;
	left: -1000px;
}
img.delineation {
	position: absolute;
	top: 2px;
	left: 60px;
	opacity: 0.48;
	filter: grayscale(100%);
	background-color: #666464;
}
img.delineation.selected {
	background-color: black;
	opacity: 1;
	filter: grayscale(0%);
}

img.spines {
	position: absolute;
	top: 3px;
	left: 92px;
	opacity: 1;
	filter: grayscale(100%) brightness(100%) contrast(100%);
	background-color: #000000 ;
	border-radius: 10px;
}
img.lasso {
	position: absolute;
	height: 25;
	top: 1px;
	left: 125px;
	filter: grayscale(100%) brightness(100%) contrast(100%);
	border-radius: 10px;	
}
img.lasso.selected {
		filter: grayscale(0%) brightness(100%) contrast(100%);	
}
div.image_polygon_toggle {
	position: absolute;
	left: 157px;
	top: 1px;
	
}
img.image_polygon_toggle{
	height: 18;
	filter: grayscale(100%) brightness(100%) contrast(100%);

}
img.image_polygon_toggle.selected{
	filter: grayscale(0%) brightness(100%) contrast(100%);

}
.polygonless img.image_polygon {
	display: none;
}
div.fine {

	position: absolute;	
	left: 183px;
	top: 2px;
	width: 33px;
	height: 17px;
	text-align: center;
	border-radius: 10px;
	background-color: #4d4b4b;
	font: 16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: silver;
	cursor: default;            

	
}
.fine img {
	position: relative;
	top: 4px;
	height: 11px;;
	width: 25px;
}
div.fine.selected {
	background-color: #005EE2;
	color: white;
}
div.calipers {
	      	position: absolute;	
	left: 256px;
	top: 2px;
	width: 33px;
	height: 17px;
	text-align: center;
	border-radius: 10px;
	background-color: #4d4b4b;
	font: 16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: silver;
	cursor: default;            
       
}
div.calipers.selected {
	background-color: #005EE2;
	color: white;
}
div.grid {

	position: absolute;	
	left: 226px;
	top: 3px;
	width: 15px;
	height: 15px;
	text-align: center;
	
	cursor: default;
	user-select: none;

	
}
div.grid img {
	position: relative;
	top: 0px;
	left: 0px;
	height: 15px;;
	width: 15px;
}
div.grid.selected {
	background-color: #005EE2;
	color: white;
}


img.spines.selected {
	background-color: black;
	opacity: 1;
	filter: grayscale(0%) brightness(400%) contrast(100%);
}

div.dendrite_marker {
	display: none;
	position: absolute;
	width: 5px;
	height: 20px;
	border-radius: 5px;
	background-color: #B350FF;
	border-radius: 0px;
	

}

div.dendrite_marker.hovered {
	border_radius: 0px;
	background-color: #B350FF;
	opacity: 0.5;
	width: 100px;
	height: 100px;
	border: 1px dashed #c379fc;
}
div.dendrite_marker.selected {
	background-color: #005EE2;
}
canvas.dendrite_canvas {
	position: absolute;
	pointer-events: none;
}
.polygonless canvas.dendrite_canvas {
	display: none;
}

div.dendrite_vertex {
	position: absolute;
	width: 12px;
	height: 12px;
	border-radius: 10px;
	background-color: #B350FF;
	opacity: 0.8;
}
div.dendrite_vertex.spine {
	background-color: #FF9701;
}
div.dendrite_vertex.selected {
	background-color:  #005EE2;
}
div.dendrite_vertex.selected.z_locked {
	background-color: transparent;
	width: 22px;
	height: 22px;
	border-radius: 20px;
	border: 2px solid #f9f9f9;
}
div.dendrite_vertex.focused {
	border: 2px solid #f9f9f9;
}
div.dendrite_vertex.focused.caliper {
	border: 0px;
}
div.dendrite_vertex.diameter_failure {
	background-color: #02e8e8;
}
div.region_wrapper {
	position: absolute;
	display: inline-block;
	right: -17px;
	top: 37px;
	bottom: 0px;
	overflow: hidden;
	left: 560px;
	border: 1px solid #403c3c;

}

div#region_image_table_headers {
	
}
table.region_image_table_headers {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 200px;
	color: white;
	height: 50px;
	border: 1px solid #333;
}
.region_image_table th.region_image {
	width: 200px;
	height: 400px;
}
div#region_table_headers {
	position: absolute;
	height: 50px;
	left: 200px;
	right: 0px;
	overflow-x: scroll;
}
table.region_table_headers {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1000px;
	color: white;
	border: 1px solid #333;
border-collapse: collapse;	
	height: 50px;
}
.region_table_headers th {
	min-width: 130px;
	max-width: 130px;
	width: 130px;
	font-size: 10px;
	
	border: 1px solid gray;
}

div.region_image_table {
	position: absolute;
	left: 0px;
	top: 51px;
	overflow-y: scroll;
	height: 100%;

	
}
table.region_image_table {
	border-collapse: collapse;
	
}
.region_image_table td {
	height: 200px;
	min-width: 200px;
	max-width: 200px;	
	text-align: center;
	border: 1px solid gray;
}
.region_image_table td.region_image {
	background-color: black;
	width: 200px;
	min-width: 200px;
	min-height: 200px;
	height: 200px;
	text-align: center;
}

div.region_table {
	position: absolute;
	left: 200px;
	right: 0px;
	height: 100%;
	top: 51px;
	overflow: scroll;
}

table.region_table {
	position: absolute;
	background-color: silver;
	width: 1000px;
	border-collapse: collapse;
}
.region_table td {
	height: 200px;
min-width: 130px;
max-width: 130px;
width: 130px;
	text-align: center;
	border: 1px solid gray;
}

td.region_image.selected {
	border: 2px solid #1975e1;
	border-right-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-left-width: 3px;
}
.region_image img {
	max-width: 100px;
	max-height:100px;
	
}
div.scroll_info {
	display: none;
	position: absolute;
	height: 100px;
	width: 200px;
	left: 10px;
	background-color: white;
	bottom: 200px;
	z-index: 1;
	color: black;
}
div.stack_image_labels {
	position: absolute;
	bottom: 16px;
	left: 2px;
	min-width: 560px;
	max-height: 15px;
	min-height: 15px;
	font: 12px "Courier New", Courier, mono;
	top: 558px;
	z-index: 0;
}
div.stack.label {
	font-weight: bold;
	font-size: 12px;
}
.stack_image_labels div.analysis_toolbar {
	position: absolute;
	top: 40px;
	width: 100%;
}
.stack_image_labels div.presentation_toolbar {

}
.stack_image_labels div.intensity_toolbar {
	position: absolute;
	top: 18px;

	width: 100%;
	height: 20px;
}
// look for div#stack_metadata instead of the following...
.presentation_toolbar div.stack_metadata {
	display: none;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 15px;
	width: 200px;
	background: red;
}

.presentation_toolbar div.channel_metadata {
	position: absolute;
	right: 0px;
	top: 2px;
	height: 17px;
	width: 420px;

}
#image_unzoom {
	left: 1px;
	margin-top: 2px;
	
}
#image_dimensions {
	position: absolute;
	left: 30px;
	margin-top: 2px;
	
}
div.brightness_label {
	display: inline-block;
	padding-left: 10px;
}
div.contrast_label {
	display: inline-block;
}
div.z_label {
	display: inline-block;
	position: absolute;
	top: 0px;
	left: 10px;
	bottom: 0px;
	text-align: center;
	vertical-align:center;
	font-size: 12px;
	color: white;
	padding-right: 0;
}
#image_content_fov div.dapi_label {
	position: absolute;
	height: 13px;
	cursor: default;
	user-select: none;
	text-align: center;	
	left: 10px;
	top: 1px;
	font-weight: bold;
	font: 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #d2d1d1;
	width: 100px;
	max-width: 100px;	
	white-space: nowrap;
	overflow: hidden;

}
#image_content_fov div#dapi_intensity {
	position: relative;
	left: 153px;
	top: 4px;
	width: 100px;
	text-align: center;
	color: white;
}
#image_content_fov div.fitc_label {
	position: absolute;
	height: 15px;
	text-align: center;	
	left: 81px;
	top: 1px;
	font-weight: bold;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #00ff11;
	width: 100px;
	max-width: 100px;	
	white-space: nowrap;
	overflow: hidden;
	cursor: default;
	user-select: none;
	
}
#image_content_fov div#fitc_intensity {
	position: absolute;
	left: 224px;
	top: 4px;
	width: 100px;
	text-align: center;
	color: white;


}

#image_content_fov div.dsred_label {
	position: absolute;
	height: 15px;
	text-align: center;	
	left: 154px;
	top: 1px;
	font-weight: bold;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #FF3000;
	width: 100px;
	max-width: 100px;	
	white-space: nowrap;
	overflow: hidden;
	cursor: default;
		user-select: none;

}

#image_content_fov div#dsred_intensity {
	position: absolute;
	left: 297px;
	top: 4px;
	width: 100px;
	text-align: center;
	color: white;
}

#image_content_fov div.cy5_label {
	position: absolute;
	height: 15px;
	text-align: center;	
	left: 224px;
	top: 1px;
	font-weight: bold;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #FFFF00;
	width: 100px;
	max-width: 100px;	
	white-space: nowrap;
	overflow: hidden;
		cursor: default;
}

#image_content_fov div#cy5_intensity {
	position: absolute;
	left: 395px;
	top: 4px;
	width: 40px;
	text-align: center;
	color: white;
}
#image_content_fov div.cy7_label {
	position: absolute;
	height: 15px;
	text-align: center;	
	left: 294px;
	top: 1px;
	font-weight: bold;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #9600FF;
	width: 100px;
	max-width: 100px;	
	white-space: nowrap;
	overflow: hidden;
		cursor: default;
}

#image_content_fov div#cy7_intensity {
	position: absolute;
	left: 464px;
	top: 4px;
	width: 40px;
	text-align: center;
	color: white;
}

.stack_image_labels span.label_text.channel_hide {
	display:none;
}

 div.region_comparison_table {
	position: absolute;
	left: 0;
	right: 0px;
	top: 44px;
	bottom: 0px;
	overflow: scroll;
}
table.region_comparison_table {
	background-colord-color: #000000;
	border-style: none;
	border-collapse: collapse;
	font-size: 12px;
}
div.region_comparison_table_headers {
	position: absolute;
	right: -20px;
	top: 0px;
	overflow: hidden;
	left: 0;
}
div#fov_region_comparison_filters {
	position: absolute;
	top: 4px;
	bottom: 100px;
	width: 100%;
	left: 600px;
	height: 30px;
	overflow: hidden;
	z-index: 6;
}
div#fov_region_comparison_filters div.qc_filters {
	position: absolute;
	top: 0px;
	left: 100px;
	width: 640px
}
.qc_filters .max_tortuosity_element {
	position: relative;
	top: 3px;
}
.qc_filters .max_flat_sidedness_element {
	position: relative;
	top: 3px;
}
.qc_filters .max_outer_brightness_element {
	position: relative;
	top: 3px;
}
div#fov_region_type_controls {
	position: absolute;
	top: 2px;
	left: 310px;
	width: 640px
}
#fov_region_comparison_filters div {
	position: relative;
	display: inline-block;

}
#fov_region_comparison_filters div.qc_filter_element {
	position: relative;
	left: 10px;
	width: 120px;
	text-align: left;
	top: 3px;
}
#fov_region_comparison_filters  input[type=text] {
	width: 60px;
}
#scatter_plot_controls div#max_flat_sidedness_element {
	position: relative;
	display: inline-block;
	margin-left: 5px;

}

#scatter_plot_controls div#max_outer_brightness_element {
	position: relative;
	display: inline-block;	
	margin-left: 5px;
}
#scatter_plot_controls div#log_x_element {
	position: absolute;
	left: 500px;
	top: 6px;
}
#scatter_plot_controls div#log_y_element {
	position: absolute;
	left: 550px;
	top: 6px;
}
#scatter_plot_controls div#mean_element {
	position: absolute;
	left: 599px;
	top: 6px;
}
#scatter_plot_controls div#median_element {
	position: absolute;
	left: 650px;
	top: 6px;
}
#scatter_plot_controls div.mode_switch {
	position: absolute;
	left: 770px;
	width: 20px;
	height: 20px;
	border-radius: 10px;
	text-align: center;	
	background-color: #cccaca;
	
	padding-top: 0;
	padding-left: 1px;
	line-height: 21px;
	color: black;
	font-weight: bold;
	top: 55px;
}

#scatter_plot_controls div.mode_switch.selected {
	background-color: #005EE2;
	line-height: 21px;
	color: white;
}
div#region_comparison_table_fov_viewer {
	position: absolute;
}

div#region_comparison_table_headers_fov_viewer {
	position: absolute;
	top: 0px;	
}



table.region_comparison_table_headers {
	left: 730px;
	background-color: #000000;
	border-collapse: collapse;
	z-index: 1;
}
table.region_comparison_table_headers2 {
	top: 3px;
	left: 10px;
	background-color: #000000;
	border-style: solid;
	border-collapse: collapse;
	position: fixed;
	border-width: 1px;
	z-index: 1;
}

.region_comparison_table_headers th {
	min-width: 250px;
	max-width: 250px;	
	cursor: default;
	border-bottom: 1px solid gray;
	border-style: none;
	border-color: #403c3c;
}
.region_comparison_table_headers th.region {
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.region_comparison_table_headers2 th {
	width: 230px;
	border-bottom: 1px solid gray;
}
.region_comparison_table_headers2 th.region {
	width: 140px;
	border-bottom: 1px solid gray;
}

div.region_image.channel_hide {
	display: none;
}

img.region_image {
	position: absolute;
	top: 0px;
	left: 15px;
	max-width: 200px;
	max-height:200px;
}
img.delineation_image {
	position: absolute;
	left: 15px;
	top: 0x;
	max-width: 200px;
	max-height:200px;
}
table.region_comparison_table th.channel {
	background-color: gray;
	border: 1px solid gray;
}
table.region_comparison_table_headers th.channel {
	background-color: gray;
	border: 1px solid gray;
	width: 500px;
}
table.region_comparison_table_headers2 th.channel {
	background-color: gray;
	border: 1px solid gray;
}
.channel div.filter {
	height: 20;
	font-weight: normal;
	font-style: normal;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: white;
}
table.region_comparison_table td {
	min-width: 246px;
	text-align: center;
	height: 230px;
	width: 250px;
	border: 1px solid #403c3c;
}
table.region_comparison_table th.region {
	min-width: 250px;
	border-bottom: 1px solid #403c3c;
	font-size: 15px;
}

.region_comparison_table div.mean {
	position: relative;
	top: -10px;
	font: bold 13px "Courier New", Courier, mono;
	color: silver;
	
}
.region_comparison_table div.readout {
position: relative;
top: -10px;
color: silver;
font-size: 15px;
}
.region_comparison_table th.region {
	color: white;
	width: 120px;
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
}
.region_comparison_table div.region_image {
	position: relative;
	top: 10px;
	height: 230px;
	min-width: 230px;
	max-width: 230px;
	width: 130px;
	text-align: center;
	
}


div.region_review_table {
	position: absolute;
	bottom: 10px;
	top: 100px;
	left: 0px;
	right: 10px;
	overflow: scroll;
}
div.region_review_table_headers {
	width: 500px;
	height: 30px;
	position: absolute;
	left: 0px;
	top: 0px;

}

div.region_review_table_headers div.channel_header {
	position: absolute;
	top: 10px;
	left: 10px;
	height: 30px;
	width: 500px;

}

div.region_review_table_headers div.channel_header.channel_hide {
	display: none;
}
div.region_review_table_headers .channel_label {
	position: absolute;
	left: 0px !important;
}
#scatter_plot_selection div.channel_filter {
	position: absolute;
	left: 60px;
}
.region_review_table div.mean {
	position: relative;
	width: 100%;
	text-align: center;
	bottom: 20px;
	font: bold 13px "Courier New", Courier, mono;
	color: silver;
	
}


.region_review_table img.region_image {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	max-width: 2000px;
	height: 100%;
	max-height: 2000px;
}
	
.region_review_table img.delineation_image {
	
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	max-width: 2000px;
	height: 100%;
	max-height: 2000px;
}
.region_review_table div.region_images {
	left: 0px;
	top: 0px;
		width: 230px;
	height: 230px;
	border: 2px solid transparent;
}
.region_review_table div.region_image {
	position: relative;
	width: 100%;
	height: 100%;

}
div.region_review_table_columns_element {
	position: absolute;
	left: 250px;
	top: 5px;
}
input#region_review_table_columns {
	width: 30px;
	text-align: center;
}
.region_review_table div.region_images.selected {
	position: relative;
	width: 230px;
	height: 230px;
	border: 2px solid #005EE2;
}
.region_review_table div.readout {
position: absolute;
bottom: 15px;
width: 100%;
text-align: center;
color: silver;
font-size: 15px;
}

div.image_sort_controls {
	position: absolute;
	right: 20px;
	top: 5px;
	width: 270px;
	height: 150px;
	-webkit-border-radius:10px;
	overflow: scroll;
	background-color: silver;
	z-index: 2;
}
div.image_sort_controls.closed {
	position: absolute;
	width: 20px;
	height: 20px;
	right: 20px;
	overflow: hidden;
	background-color: silver;
	
}
div.opener {
	position: absolute;
	right: 5px;
	top: 4px;
     border-left: 8px solid transparent;
     border-right: 8px solid transparent;
     border-top: none;
	 border-bottom: 16px solid black;
}

.image_sort_controls.closed .opener {
	right: 2px;
	 border-left: 8px solid transparent;
     border-right: 8px solid transparent;
	 border-top: 16px solid black;
     border-bottom: none;
}


div.image_sort_form {
	
	position: absolute; 
	padding-top: 15px;
	-webkit-border-radius: 10px;
	right: 6px;
	top: 23px;
	vertical-align: middle;
	height: 110px;
	width: 280px;
	z-index: 1;
	font-size: 12px;
	text-align: center;
}
.image_sort_form div#sort_button_element {
	position: relative;
	left: 20px;
	top: 10px;
}	
.image_sort_form select {
	width: 90px;
}
div.image_sort_form.open {
		width: 260px;
}
.image_sort_form .sort_pair {
	width: 100%;
	text-align: right;
} 
.sort_pair div {
	display: inline-block;
	margin-right: 9;
	
}
.sort_form div.button {
	padding-top: 10px;
	width: 100%;
	text-align: center;
}
div#scatter_plot_wrapper {
	display: table-cell;
	position: absolute;
	height: 100%;
	min-width: 600px;
	width: 800px;
	float: left;
	overflow: hidden;
}
div#scatter_plot_controls {
		position: absolute;
		width: 100%;
		height: 113px;
		overflow: hidden;
		user-select:none;
		-webkit-user-select: none;
}
div#x_parameter_element {
	position: absolute;
	bottom: 10px;
	top: 3px;
	left: 48px;
	text-align: center;
	
}
div#y_parameter_element {
	position: absolute;
	bottom: 10px;
	top: 3px;
	left: 209px;
	text-align: justify;
}
div#z_parameter_element {
	position: absolute;
	bottom: 10px;
	top: 3px;
	left: 335px;
	text-align: center;
	width: 180px;
}
div#color_parameter_element {
	position: absolute;
	bottom: 0;
	top: 28px;
	left: 8px;
	text-align: center;
	
}
#color_parameter_element select {
	width: 180px;
}
div#size_parameter_element {
	position: absolute;
	bottom: 10px;
	top: 28px;
	left: 285px;
	text-align: center;
	
}
#size_parameter_element select {
	width: 180px;
}
div#opacity_element {
	position: absolute;
	top: 28px;
	left: 598px;
	text-align: center;
	
}
div#dark_mode_element {
	position: absolute;
	top: 31px;
	left: 698px;
	text-align: center;
	
}
div#point_size_element {
	position: absolute;
	top: 28px;
	left: 521px;
	text-align: center;
	
}
#point_size_element input {
	width: 40px;
}
div#colorscale_element {
	display: none;
	position: absolute;
	bottom: 10px;
	top: 25px;
	left: 342px;
	text-align: center;
	
}
div#x_min_element {
	position: absolute;
	top: 50px;
}
input#x_min,input#x_max, input#y_min,input#y_max{
	width: 50px;
}
div#x_max_element {
	top: 50px;
	position: absolute;
	left: 100px;
}
div#y_min_element {
	top: 50px;
		
	position: absolute;
	left: 210px;
}
div#y_max_element {
	top: 50px;
	position: absolute;
	left: 310px;
}
div#scatter_plot_controls div#genotype_id_element {
	position: absolute;
	top: 53px;
	left: 2px;
	width: 430px;
}
div#scatter_plot_controls div#tag_id_element {
	position: absolute;
	top: 60px;
	left: 429px;
	width: 430px;
}
div#include_tags_element {
	position: absolute;
	width: 346px;
	height: 19px;
	top: 59px;
	left: 300px;
}
#include_tags_element .multiselect_container {
	position: absolute;
	top: -5px;
	width: 100%;
	left: 32px;
}
div.tag_inclusion {
	position: relative;
	display: none;
	height: 20px;
	width: 400px;
	background-color: maroon;
	border-radius: 10px;
	padding-left: 5px;
	padding-right: 5px;
	color: white;
	cursor: default;
	top: 3px;
	margin-right: 5px;
	margin-left: 5px;
}
div#included_tags {
	position: absolute;
	top: -3px;
	width: 342px;
	height: 100%;
	background-color: white;
	left: 33px;
	
	}
#scatter_plot_controls div#tag_entry_element {
	display: inline;
	position: absolute;
	top: 5px;
	height: 100%;
}
#tag_entry_element input {
	position: relative;
	display: inline-block;
	top: -7px;
	width: 60px;
}
#scatter_plot_controls div#require_all_element {
	position: absolute;
	top: 57px;
	left: 683px;
}
#scatter_plot_controls div#decon_element {
	position: absolute;
	top: 57px;
	left: 714px;

}
#scatter_plot_controls div#tag_list {
	position: absolute;
	top: 0px;
	left: 32px;
	width: 490px;
	height: 28px;
	border: 1px solid silver;
	background-color: white;

}

span#click {
	display: none;
}

#scatter_plot_controls div#fov_region_type_id_element {
	position: absolute;
	top: 80px;
	left: 447px;
}
#scatter_plot_controls div#qc_filter_element {
	position: absolute;
	top: 82px;
	left: 1px;
}
#scatter_plot_controls #qc_filter_element label {
	position: absolute;
	width: 57px;
	top: 3px;
}

#scatter_plot_controls div.qc_filters {
	position: absolute;
	width: 235px;
	height: 23px;
	top: 81px;
	left: 84px;
}

div.qc_filters input {
	width: 37px;
	text-align: right;
}
#scatter_plot_controls div#max_tortuosity_element {
	position: relative;
	display: inline-block;
}

#scatter_plot_controls div#max_flat_sidedness_element {
	position: relative;
	display: inline-block;	
	margin-left: 5px;

}

#scatter_plot_controls div#max_outer_brightness_element {
	position: relative;
	display: inline-block;	
	margin-left: 5px;
}

#scatter_plot_controls div#broadened_element {
	position: absolute;
	right: 8px;
	top: 75px;
}

div#scatter_plot_container {
	position: absolute;
	left: 10px;
	right: 10px;
	bottom: 10px;
	top: 121px;
	-webkit-user-select: none;
	user-select: none;
	border-width: 1px;
}
span#scatter_plot_points {
	text-align:right;
	top: 40px;
	right: 10px;
	width: 100px;
	font: 16px "Courier New", Courier, mono;
	color: #d7d7d7;
}
span#scatter_plot_selected_points {
	text-align:right;
	top: 40px;
	right: 10px;
	width: 100px;
	font: bold 16px "Courier New", Courier, mono;
	color: #d7d7d7;
	
}
div#size_by_form_div {
	position: absolute;
	bottom: 10px;
	top: 25px;
	left: 286px;
	text-align: center;
}
div#color_by_form_div {
	position: absolute;
	bottom: 10px;
	top: 25px;
	left: 10px;
	text-align: center;
}
div#z_axis_form_div {
	display: none;
	position: absolute;
	left: 0px;
	width: 50px;
	top: 10px;
	bottom: 100px;
	text-align: center;
}
div#scatter_plot_selection {
	overflow: hidden;
}
div#scatter_plot_selection2 {
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: 0px;
	left: 800px;
	border-left: 1px solid #403c3c;
}
div#scatter_plot_selection_pills {
	position: absolute;
	top: 7px;
	left: 0px;
}
img.pill {
	padding-left: 8px;
	cursor: default;
}
div#scale_lock_element,div#scale_unlock_element {
	position: absolute;
	top: 3px;
	right: 36px;
}
 img.lock_indicator {
	width: 30px;
	
}
div#scatter_plot_dont_rotate_element {
	position: absolute;
	left: 249px;
	top: 32px;
}
#scatter_plot_dont_rotate_element img {
	height: 18px;
	width: 26px;
}
div#scatter_plot_rotate_element {
	display: none;
	position: absolute;
	left: 249px;
	top: 32px;
}
#scatter_plot_rotate_element img {
	height: 18px;
	width: 26px;
}
div#scatter_plot_refresh_element {
	position: absolute;
	right: 8px;
	top: 6px;
}

#scatter_plot_refresh_element img {
	height: 23px;
	right: 0;
}

/* antibody view */
div#antibody_view {
	display: none;
}

img.antibody_lock_indicator {
	width: 30px;
}
#antibody_unlock_element img {
	position: relative;
	top: 1px;
}
div.antibody_lock_indicator {
	position: absolute;
	top: 11px;
	left: 710px;
}
div#antibody_table_wrapper {
	height: 250px;
	overflow-x: scroll;
}

div#aliquot_table_wrapper {
	position: absolute;
	top: 260px;
	bottom: 10px;
	height: auto;
	overflow: scroll;
}
div#antibody_table {
	width: 2300;
}
table#antibody_table {
	width: 2300px;
}
div#antibody_table_footers {
	position: absolute;
	top: 8px;
	left: 210px;
	right: 10px;
	padding-left: 8px;
}
#antibody_table_footers input {
	position: relative;
	top: -8px;
}
table#antibody_table_headers {
	width: 2300px;
}
#antibody_table td {
	width: 170px;
}
#antibody_table td.low_volume {
	background-color: #fe9a9a;
}

#antibody_table tr.depleted {
	opacity: 1;
	color: silver;
}
#antibody_table_headers th {
	width: 170px;
}
#antibody_table td.comment {
	width: 300px;
}
#antibody_table_headers th.comment {
	width: 300px;
}
div#antibody_table_status {
	background-color: black;
	width: 190px;
	z-index: 10;
	text-align: right;
}
div#antibody_content {
}
div#antibody_content_status {
	text-align: right;
}
form#antibody_form {
	width: 600px;
}
#antibody_form select#vendor_id {
	width: 200px;
	
}
form#antibody_lot_form {
	width: 750px;
}
#antibody_lot_form #depleted_element {
	position: relative;
	top: 16px;
	text-align: left;
	left: -40;
}


#antibody_lot_form #depleted_element label{
	position: relative;
	top: -17px;
	left: 60px;
}

#antibody_lot_form select#buffer_id {
	width: 500px;
	
}
#antibody_lot_form input#volume_checked {
	position: relative;
	top: 1px;
	width: 130px;
}
#antibody_lot_form input#arrival_date {
	position: relative;
	top: 1px;
	width: 130px;
}
div#scatter_plot_status {
	position: absolute;
	width: 100px;
	height: 30px;
	top: 95px;
	bottom: 0px;
	text-align: right;
}

div#region_comparison_table_scatterplot_viewer_status {
	position: absolute;
	text-align: right;
	width: 100px;
	top: 3px;
	right: 4px;
	height: 20px;
}

/* mosaic view */



div#mosaic_fov_help {
	position: absolute;
	left: 346px;
	top: -14px;
}
div#mosaic_pfov_help {
	position: absolute;
	left: 530px;
}
div.help span.hint {
	color: orange;
	font-size: 10px;
}
div#mosaic_zoom_help {
	position: absolute;
	left: 600px;
	top: -30px;
	z-index: 0;
}
div#mosaic_content_label_help {
	position: absolute;
	left: 550px;
	top: 3px;
}
div#mosaic_view {
	display: none;
}

div#select_box {
	background-color: rgba(255,255,255,0.1);
	border: 1px dashed white;
	opacity: 1;
	pointer-events: none;
}
.ui-tooltip-content.mosaic {
text-align: center;	
font-size: 12px;
margin: 0px;
}
.ui-tooltip-content.mosaic .barcode {
	font-weight: bold;
}
.ui-tooltip-content.mosaic .brain_region {
	color: blue;
}

div#mosaic_filter_file_form {
	position: relative;
	top: 20px;
	color: white;
	font-size: 14px;
}
div#mosaic_data_file_element {
	padding-top: 10px;
	padding-bottom: 5px;

}
div#mosaic_table_wrapper {
	height: 150px;
	overflow-x: scroll;
}

div#mosaic_table {
	width: 2400px;
}
div#mosaic_table_headers {
	width: 2390px;
}
div#mosaic_vertical_handle {
	top: 160px;
}
div#mosaic_content_status {
	background-color: black;
	width: 50px;
	z-index: 10;
}
div#mosaic_content_help {
	position: absolute;
	bottom: 0px;
	top: 22px;
	left: 0px;
	width: 100%;
}
div#mosaic_label_help {
	position: absolute;
	top: 0;
	font-size: 12px;
	left: 201px
}
div#mosaic_channel_indicator_help {
	position: absolute;
	left: 20px;
	top: -2px;
}
div#mosaic_channel_help {
	position: absolute;
	top: 40px;
	font-size: 12px;
	left: 21px;
}
div#mosaic_image_help {
	position: absolute;
	top: 160px;
	left: 340px;
}
div#mosaic_data_wrapper {
	position: absolute;
	width: 10px;
	height: 10px;
}
#mosaic_table_footers input.export {
	position: relative;
	top: -8px;
}
#mosaic_table_footers input.image_export {
	position: relative;
	top: -8px;
}
#mosaic_table_footers input.polygon_export {
	position: relative;
	top: -8px;
}
#mosaic_table_footers input.region_intensity_export {
	position: relative;
	top: -8px;
}
#mosaic_table_footers input.mosaic_table_export {
	position: relative;
	top: -8px;
}
#mosaic_table_footers input.quantify_plaques {
	position: relative;
	top: -8px;
}
#mosaic_table_footers input.export_plaques {
	position: relative;
	top: -8px;
}
form#segmentation_form {
	width: 300px;
}
select#segmentation_type {
	width: 200px;
}
form#broadening_form {
	width: 210px;
	text-transform: none;
}
div.broadening_factor {
	display: inline-block;
	font-size: 13px;
	line-height: 20px;
	top: -1px;
	position: relative;
	background-color: green;
	border-radius: 10px;
	width: 18px;
	height: 18px;
	color: white;
}
div.broadening_factor.pending {
background-color: orange;	
	color: black;
}
div#mosaic_table_footers {
	position: absolute;
	top: 8px;
	left: 210px;
	right: 10px;
	padding-left: 8px;
}

div#mosaic_content_labels {
	position: absolute;
	width: 100%;
	display: inline-block;
	height: 20px;
	border-radius:10px 10px 0px 0px;
}
#mosaic_content_labels div.channel_label {
	position: relative;
	top: 5px;
	left: 20px;
}
#mosaic_content_labels div.dapi_label {
	position: absolute;
	left: 10px;
	
}
#mosaic_content_labels div.fitc_label {
	display: none;
	position: absolute;
	left: 55px;
}
#mosaic_content_labels div.dsred_label {
	display: none;
	position: absolute;
	left: 100px;
}
#mosaic_content_labels div.cy5_label {
	display: none;
		position: absolute;
	left: 145px;
}
#mosaic_content_labels div.cy7_label {
	display: none;
		position: absolute;
	left: 190px;
}
#mosaic_content_labels div.label_text.channel_hide {
	display:none;
}
#mosaic_content_labels div.filter {
	left: 250px;
	top: 5px;
	position: absolute;
	cursor: default;
	-webkit-user-select: none;
	user-select:none;
}


#mosaic_content_labels div.filter.fitc {
	position: absolute;
	display: none;
}
#mosaic_content_labels div.filter.dsred {
	position: absolute;
	display: none;
}
#mosaic_content_labels div.filter.cy5 {
	position: absolute;
	display: none;
}
#mosaic_content_labels div.filter.advisory {
	position: absolute;
	display: none;
}

table#mosaic_table {
	width: 100%;
}
table#mosaic_table_headers {
	position: absolute;
	right: 2px;
}
#mosaic_table_headers th {
	width: 100px;
}

#mosaic_table td {
	width: 100px;
}
#mosaic_table td.genotype {
		width: 200px
}
#mosaic_table_headers th.genotype {
		width: 200px
}
#mosaic_table td.treatment {
		width: 200px
}
#mosaic_table_headers th.treatment {
		width: 200px
}
img.does_not_exist_mosaic_image.multi {
	width: 100%;
	left: 0;
	top: 0;
}
img.fov_cursor{
	position: absolute;
	left: 0px;
	top: 0px;	
	
}

img.fov_cursor.virtual.selected {
	border-style: none;
	border-color: #3379e6;
	background-color: #005EE2;
	opacity: 0.7;
}
img.fov_cursor.actual.selected {
	style: none;
	border-color: blue;
	background-color: #005EE2;
	opacity: 0.7;
}


.fovless img.fov_cursor.actual {
	display: none;
}
.pfovless img.fov_cursor.virtual {
	display: none;
}
img.fov_cursor.unadjusted {
	display: none;
}
img.polygon {
	display: inline;
	opacity: 0.5;
}

.polygonless img.polygon {
	display: none;
}

canvas.mosaic_canvas {
	position: absolute;
	width: 100%;
	height: 100%;
	pointer-events: none;
}
canvas.mosaic_grid_canvas {
	position: absolute;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.polygonless canvas.mosaic_canvas {
	display: none;
}


img.polygon.selected {
opacity: 0.9;
background-color: #005EE2;
}
img.polygon.hovered {
	background-color: #005EE2;
	opacity: 0.4;

}

img.polygon.unadjusted {
	display: none;
}

.ui-tooltip-content.polygon {
text-align: center;	
font-size: 12px;
border-radius: 0px;
margin: 0px;
background-color: #9a9797;
}
.ui-tooltip.polygon {
	pointer-events: none;
	background-color: #9a9797;
}

.ui-tooltip-content.polygon .channel {
	float: left;
	width: 47px;
	text-align: right;
}
.ui-tooltip-content.polygon .barcode {
	font-weight: bold;
}
.ui-tooltip-content.polygon .brain_region {
	color: blue;
}
.ui-tooltip-content.polygon .intensity {
	float: left;
	width: 40px;
	text-align: right;
}	
.ui-tooltip-content.polygon .intensity.fitc {
	color: #00ff11;
}
.ui-tooltip-content.polygon .intensity.dapi {
	color:  #d2d1d1;
}
.ui-tooltip-content.polygon .intensity.dsred {
	color: #FF3000;
}
.ui-tooltip-content.polygon .intensity.cy5 {
	color: #FFFF00;
}

div#mosaic_content_wrapper {
	position: absolute;
	top: 168px;
	bottom: 10px;
	overflow: hidden;
	background-color: black;
}
div#mosaic_content {
	position: absolute;
	bottom: 0px;
	top: 22px;
	left: 0px;
	width: 100%;
	overflow: auto;
	-webkit-user-select: none;	
}

div.mosaic_grid {

	position: absolute;	
	left: 682px;
	top: 3px;
	width: 15px;
	height: 15px;
	text-align: center;
	
	cursor: default;
	user-select: none;

	
}
div.mosaic_grid img {
	position: relative;
	top: 0px;
	left: 0px;
	height: 15px;;
	width: 15px;
}
div.mosaic_grid.selected {
	background-color: #005EE2;
	color: white;
}



div.mosaic_images {
	position: relative;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index: 0;
	-webkit-user-select: none;
}

div.mosaic_images_bad {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-color: black;
	z-index: 0;
	overflow-y: scroll;
	overflow-x: hidden;
	-webkit-user-select: none;
}
div.mosaic_image_wrapper_old {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	bottom: 45px;

}
div.mosaic_image_wrapper {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	bottom: 45px;
}
div.mosaic_image_wrapper.multi {
	position: relative;
	display: flex;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;

}
div.mosaic_images.multi{
	position: relative;
	display: inline-block;
	width: 480;
	height: 530;
	overflow: hidden;
}
.mosaic_images div.mosaic_image_title {
	position: fixed;
	left: 218px;
	bottom: 10px;
	right: 9px;
	text-align: center;
	background-color: black;
	height: 45px;
	font-size: 16px;
	-webkit-border-radius: 0px 0px 10px 10px;
}
.mosaic_image_title span.label {
	position: relative;
	top: -5px;
	font-size: 12px;

}
.mosaic_image_title span.label.dapi {
	color: silver;
}
.mosaic_image_title span.label.fitc {
	color: #00ff11;
}
.mosaic_image_title span.label.dsred {
	color: #FF3000;
}
.mosaic_image_title span.label.cy5 {
	color: #FFFF00;
}
.mosaic_image_title span.mosaic_image_genotype {
	font-size: 15px;
	color: white;
}
.mosaic_image_title span.mosaic_image_source {
	position: relative;
	top: -6px;
	font-size: 13px;
}
.mosaic_images.multi div.mosaic_image_title {
	position: absolute;
	left: 0px;
	bottom: 0px;
	text-align: center;
	background-color: black;
	width: 100%;
	height: 46px;
	font-size: 16px;
}
img.mosaic_image {
	position: absolute;
	width: 100%;
}

img.mosaic_image.channel.channel_hide {
	display: none 
} 

img.mosaic_image.multi {
	position: absolute;

}
img.mosaic_image.dapi{

}

img.mosaic_image.fitc{
	display: none;

}
img.mosaic_image.dsred{
	display: none;
}
img.mosaic_image.cy5{
	display: none;
}
img.mosaic_image.cy7{
	display: none;
}
div.fov_toggle {
	position: absolute;
	left: 450px;
	height: 14px;
	width: 60px;
	border-radius: 5px;
	background-color: silver;
	text-align: center;
	padding-top: 2px;
	font-size: 11px;
	margin-top: 1px;
	color: gray;
	cursor: default;
	user-select:none;
	-webkit-user-select: none;
	top: 2px;
}
div.fov_toggle.selected {
	background-color: #005EE2;
	color: white;
	user-select: none;
}

div.pfov_toggle {
	position: absolute;
	left: 520px;
	height: 14px;
	width: 60px;
	border-radius: 5px;
	background-color: silver;
	text-align: center;
	padding-top: 2px;
	font-size: 11px;
	margin-top: 1px;
	color: gray;
	cursor: default;
	user-select:none;
	-webkit-user-select: none;
	top: 2px;
}
div.pfov_toggle.selected {
	background-color: #ba3131;
	color: white;
	user-select: none;
}
div.polygon_toggle {
	position: absolute;
	left: 615px;
	height: 14px;
	width: 60px;
	border-radius: 5px;
	background-color: silver;
	text-align: center;
	padding-top: 2px;
	font-size: 11px;
	margin-top: 1px;
	color: gray;
	cursor: default;
	user-select:none;
	-webkit-user-select: none;
	top: 2px;
}
div.polygon_toggle.selected {
	background-color: #10d14d;
	color: white;
	user-select: none;
}

div.polygon_vertex {
	width: 11px;
	height: 11px;
	border-radius: 10px;
	background-color: red;
	opacity: 1;
}
div.polygon_vertex.first {
	border-radius: 0px;
}
.polygonless div.polygon_vertex {
	display: none;
}

div.polygon_vertex.selected {
	background-color: #005EE2;
}
#mosaic_unzoom {
	top: 2px;
	padding-top: 2px;
	margin-top: 1px;
	left: 587px;
	
}


/* width */
::-webkit-scrollbar {
	height: 10px;
	width: 10px;

}

/* Track */
::-webkit-scrollbar-track {
  height: 10px;
  width: 20px;
  border-radius: 5px;
  background-color: transparent;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #484646; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #656565; 
}

div.dendrite_gallery {
	-webkit-transform: rotate(180deg);
	position:absolute;
	background: black;
	padding-left:200px;
	padding-right:100px;
	padding-top: 200px;
}

table.dendrite_gallery {
	background-color: black;
	border-collapse: collapse;
}
table.dendrite_gallery td {
	text-align: center;
	height: 10px;
		//min-width: 220px;
}
div.cell_contents {
	position: relative;
	width: 100%;
	height: 100%;
	
 }
img.dendrite_image {
	bottom: 0px;
	padding-bottom: 51px;
	padding-top: 50px;
	-webkit-transform: rotate(180deg)

}
div.dendrite_label{
	position: absolute;
	top: -200px;
	height: 0px;
	width: 100%;
	color: red;
	font-size:45px;
	font-family: monospace;
	padding-top: 0px;
	padding-bottom: 230px;
	-webkit-transform: rotate(180deg);
}

form#add_customer_form div {
	display: inline-block;
}
#add_customer_form input.customer_name {
	width: 250px;
}
#add_customer_form input.customer_code {
	width: 50px;
}
form#add_project_form div {
	display: inline-block;
}
#add_project_form label {
	display: none;
}
form#add_project_form select.customer_id {
	width: 90px;
	text-align: right;
}
#add_project_form input.barcode_id {
	width: 60;
}
#add_project_form input.project_name {
	width: 500px;
}
/* decon_mosaics
div.decon_mosaic_table {
	position: absolute;

}
table.decon_mosaic_table {
	position: absolute;
}
.decon_mosaic_table div.region_image {
	position: relative;
	top: 10px;
	height: 230px;
	min-width: 230px;
	max-width: 230px;
	width: 130px;
	text-align: center;
	
}
.decon_mosaic_table td {
	background-color: orange;
	min-width: 200px;
	min-height: 200px;
	border-style: solid;

}
.decon_mosaic_table th {
	min-height: 200px;
	min-width: 200px;
	background-color: white;
}
.decon_mosaic_table img.region_image {
	min-height: 200px;
	min-width: 200px;	
}
.decon_mosaic_table div.roi_value {
	position: absolute;
	bottom: 10px;
	width: 100%;
} */