@CHARSET "UTF-8";
body { 
  background-color: #fff;
  font-family:      Georgia, "Times New Roman", Times, serif;
  font-size:        0.9em;
  margin:           0%;
  padding-left: 	10px;
  padding-right: 	10px;  
  color: 			#000;
  font: 			12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;
}

.number_range_filter {
  width:50px;
}

#IDF_accordion .ui-icon { display: none; }
#protocols_accordion .ui-icon, #SDRF_accordion .ui-icon, #FC_accordion .ui-icon { display: none; }
#objects_accordion .ui-icon, #treatments_accordion .ui-icon, #media_accordion .ui-icon, #staining_accordion .ui-icon, #conditions_accordion .ui-icon, #multiwell_accordion .ui-icon, #imaging_accordion .ui-icon, #files_accordion .ui-icon { display: none; }

#other_temp {
      display: none;
      margin-top: 10px;
}
	
.indicator{
	 vertical-align: middle;
	 width: 20px;
}

.bordered {
    border-top: 2px solid #788bc7 !important;
}

.black_bordered {
    border-top: 2px solid #000 !important;
}

.black_bordered_left {
    border-left: 2px solid #000 !important;
}

.darkblue {
		background-color: #788bc7 !important;
		color:#fff;
		border: #788bc7 solid 2px;
}

.yellow{
		background-color: orange;
}

.wasyellow{
		background-color: #fff;
}

.yelloww{
		background-color: orange;
}

.wasyelloww{
		background-color: #fff;
}

.green{
		background-color: green;
}

.wasgreen{
		background-color: #fff;
}

a.dt-button.buttons-columnVisibility{
	width: 250px;
}

div.dt-button-collection{
	width: 500px !important;
}

#condform{
    max-height: 200px;
	overflow: auto;	
}
	
#parameters {
	border: #007e7e solid 1px;
	color: #fff;
	float: left;
	background-color: #788bc7;
	line-height: 1;
	clear: both;
	min-width: 310px;
	border-radius: 2px;
}

#parameters_slim {
	border: #007e7e solid 1px;
	color: #fff;
	float: left;
	background-color: #788bc7;
	line-height: 1;
	clear: both;
	min-width: 210px;
	border-radius: 2px;
}

#parameters_up {
	border: #95c7dc solid 1px;
	color: #fff;
	float: left;
	background-color: #95c7dc;
	line-height: 1;
	clear: both;
	min-width: 210px;
	border-radius: 2px;
}

fieldset {
    border: 0;
}

div.table { 
	display:table; 
	border-collapse:collapse; 
	position: relative;
	top: 150px;
}

div.tr { 
	display:table-row;
}

div.td#image { 
	width:90%;
	font-size: 110%;
	padding-left:10px;
	}

div.td#image a {
  color:            #fff;
  text-decoration:  none;
}

#image div.dt-buttons a{
	color:#000;
}

div.td#image_up { 
	position: relative;
	width:90%;
	font-size: 110%;
	padding-left:10px;
	padding-bottom:20px;
}

.sdrf {
  width: 100%;
  margin: 20px auto;
  table-layout: auto;
  border-collapse: collapse;
  border: solid 1px;
}
#SDRF_accordion div , #FC_accordion div{
	overflow: visible !important;
}

.fc th, .fc td {
  padding: 10px;
  border: solid 1px #ccc;
}

.fc {
  table-layout: auto;
  border-collapse: collapse;
  border: solid 1px;
}

.sdrf th, .sdrf td {
  padding: 10px;
  border: solid 1px #ccc;
}

#belowbutton{
  clear:both;
}

#submit_part {
	background-color:#95c7dc;
}

#export_re {
	background-color:#95c7dc;
}

#submit_all {
	background-color:#88888a;
}

div.td#image_up a {
  color:            #fff;
  text-decoration:  none;
}

#image_up div.dt-buttons a{
	color:#000;
}

div.td#parameters a {
  color:            #ffffff;
  text-decoration:  none;
}

div.td#parameters_slim a {
  color:            #ffffff;
  text-decoration:  none;
}

div.td#parameters_up a {
  color:            #ffffff;
  text-decoration:  none;
}

#parameters_up .ui-state-default {
	background-color:#95c7dc;
}

div.td#shortimage { 
	width: 800px;
	font-size:        110%;
	padding-left: 90px;
	font-size: 110%;
	text-align: justify;
	line-height:1.5;
	}
	
div.td#shortimage a {
  color:            #788bc7;
  text-decoration:  none;
}

.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 0 0 2px 0;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
	font-size: 100%;
	background:#95c7dc;
	border: 1px solid #dddddd;
	border-radius: 2px;
}

#ms_table{
    word-break:break-all;
    white-space: normal;
}

#accordion .ui-icon { display: none; }

div.td {
	display:table-cell; 
	padding:5px;
	padding-top: 0px;
    width: auto;
    vertical-align: top;
}

th, td { 
	white-space: nowrap; 
	}
	
div.dataTables_wrapper {
        width: 100%;
		max-width: 1000px;
        margin: 0 0;
		float: left;
}

h1 {
  font-size:        120%;
}

.logo {
	position: absolute;
	top: 10px;
}

.title {
	left: 100px;
	position: absolute;
	top: 10px;
}

#header {
	position: absolute;
}

#choiceform{
	width: 75%;
	line-height: 125%;
	text-align: justify;
}

.venntooltip {
  line-height: 1;
  font-weight: bold;
  position: absolute;
  text-align: center;
  background: #788bc7;
  color: #fff;
  padding: 8px;
  border-radius: 2px;
  overflow: hidden;
  pointer-events: none;
  opacity:0;
}

.bar:hover {
  fill: #788bc7;
}

.d3-tip {
  line-height: 1;
  font-weight: bold;
  padding: 8px;
  background: #788bc7;
  color: #fff;
  border-radius: 2px;
}


svg { overflow: hidden; }

th.dpass, td.dpass {display: none;}


.ui-tooltip, .arrow:after {
  background: white;
  box-shadow: 0px 4px 15px 0px #00000040;
  position: my
  }
.ui-tooltip {
  padding: 10px 20px;
  color: white;
  display: block;
  left: 90px;
  }
.arrow {
  width: 70px;
  height: 16px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  margin-left: -35px;
  bottom: -16px;
}
.arrow.top {
  top: -16px;
  bottom: auto;
}
.arrow.left {
  left: 20%;
}
.arrow:after {
  content: "";
  position: absolute;
  left: 20px;
  top: -20px;
  width: 25px;
  height: 25px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.arrow.top:after {
  bottom: -20px;
  top: auto;
}