/* base.css - gasexchange (c) ethz , hirsch-hoffmann, 2016-2017
*/
@charset "utf-8";

* {
	margin:3;
}

/* fix dialog problem on dragging s. http://stackoverflow.com/questions/17247486/jquery-ui-dialog-dragging-issues */
html {
	height:100%;
} 

.container{
	position:relative;
	min-height: 100%;
	height: auto !important;
	height:100%;
}

body{
	/*height:100%;*/
	font-size:12px;
	font-family: verdana !important; 
}
input{
	font-size:10px;
}
input.right{
	text-align:right;
}
.css_100{
	width:100%;
}
.css_right{
	float:right;
}

span.msgboxerror{
	color:red !important;
}

/* CSS loading window : http://stackoverflow.com/questions/1964839/jquery-please-wait-loading-animation */
/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal {
	display:    none;
	position:   fixed;
	z-index:    1000;
	top:        0;
	left:       0;
	height:     100%;
	width:      100%;
	background: rgba( 0, 0, 0, .7 ) 
	            url('../images/spinner2.gif') 
	            50% 50% 
	            no-repeat;
/*	opacity: 0.90;*/
/*	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 80);*/
/*	filter: alpha(opacity = 80)*/
};

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}
a.link{
    cursor: pointer;
}
input.rootlength{
	border: 0px solid transparent;
	border-bottom: 1px solid grey;
	font-size:10px !important;
	text-align:right;
	width:30px;
}
.ui-dialog {
    position: fixed;
}

table.display tr.even.selected td {
	background-color: #FFCC33;
}

table.display tr.odd.selected td {
	background-color: #FFCC33;
}

textarea{
	font-family: verdana !important; 
	font-size:12px;
}

.tbl_result_head{
	width:50px;
}

.footer {
   position:fixed;
   bottom:3px;
   left:0;
   right:0;
   width:100%;
   height:40px;   /* Height of the footer */
   background:#eee;
   text-align:center;
}


#tbl-wrapper {
  position:relative;
  border:solid 0px blue;
}
#tbl-scroll {
  height:150px;
  overflow:auto;  
  margin-top:32px;
  border:solid 0px green;
}
#tbl-wrapper table {
  width:100%;
    
}
#tbl-wrapper table * {
  /*color:black;*/
}
#tbl-wrapper table thead th .text {
  position:absolute;   
  top:-32px;
  z-index:2;
  height:32px;
}
#tbl-wrapper table thead th  {

  border:0px solid grey;
}

.tooltip{
	color:black;
	cursor:default;
	
}

table.result tr:nth-child(odd)		{ background-color:#eee; }
table.result tr:nth-child(even)		{ background-color:#fff; }

.legend rect {
	fill:white;
	stroke:black;
	opacity:1;
}

rect {
  fill: none;
}

.axis path,
.axis line {
  fill: none;
  stroke: #ddd;
}

.line {
  fill: none;
}