/*
  Copyright (2010-2013) Cédric Coussinet (cedric.coussinet@nomoseed.net)

  This program is free software: you can redistribute it and/or modify
  it under the terms of the GNU General Public License as published
  by the Free Software Foundation, version 2 of the License.

  This program is distributed in the hope that it will be useful,
  but WITHOUT ANY WARRANTY; without even the implied warranty of
  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
  GNU General Public License for more details.

  You should have received a copy of the GNU General Public License
  along with this program. If not, see <http://www.gnu.org/licenses/>
*/

#logging body {
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	-webkit-box-orient: vertical;
	height: 95%;
	padding: 1%
}


#logging fieldset {
	border:none;
	position:relative;
	top:-0.5em;
}

#ihm, #screen {
	width: 100%;
}

#ihm{
	border-top-left-radius: 18px;
}

#screen{
	margin-top:1em;
	-webkit-box-flex:1;
	margin-bottom:2em;
	min-width : 64em;
}

#ihm form, #screen {
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	-webkit-box-orient: horizontal;
	-webkit-box-sizing: content-box;
}

#ihm fieldset>div {
	height: 10em;
	margin: 0.2em;
	padding: 1em;
}

#ihm #query>div  {
	margin-left: 1em;
	margin-right: 1em;
}

#ihm fieldset input.light.big{
	width: 10em;
	height: 2em;
	padding: 0em;
	margin-bottom: 0.3em;
	margin-top: 0.3em;
	margin-left: 0em;
	margin-right: 0em;
	text-align: center;
}

#view>div {
	width: 16em;
	border-bottom-right-radius: 18px;
}

#view {
	margin-left: 0em;
	padding-left: 0em;
}

legend{
position:relative;
top:1em;
}

#query {
	-webkit-box-flex:2;
	margin-left: 0em;
	margin-right: 0em;
	padding-left: 0em;
	padding-right: 0em;
}

#query>div {
	padding: 1em;
}

#database>div {
	width: 16em;
	border-top-left-radius: 18px;
}

#database {
	margin-right: 0em;
	padding-right: 0em;
}

#screen {
	height: 100%;
	border-bottom-right-radius: 18px;
	overflow: auto;
}

#screen::-webkit-scrollbar-thumb {
	border-bottom-right-radius: 17px;
	border-bottom-width: 0px;
	border-bottom-style: none
}

#screen::-webkit-scrollbar {
	border-bottom-right-radius: 17px;
	padding-bottom:0px
}

#screen::-webkit-scrollbar-corner {
	background: none;
}

table { border-collapse: separate; }
table td { border: 1px solid rgba(255, 255, 255, 0.0); }
table tr:hover td  {border-top-color: white; border-bottom-color: white; color:white; background-color:rgba(0, 0, 0, 0.7)}

textarea { 
    resize: none;
	width: 100%;
	height: 100%;
	-webkit-user-select: text;
	background-color: rgba(255, 255, 255, 0.1);
	border-radius: 5px;
	border-width: 0px;
}
textarea:focus{ 
	background-color: rgba(255, 255, 255, 0.2);
}

textarea::-webkit-scrollbar-thumb {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-width: 0px;
	border-bottom-style: none
}

textarea::-webkit-scrollbar  {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	padding-bottom:0px
}

#ihm input.limited:disabled{
	color: rgba(255, 255, 255, 0.3);
}

#ihm input.limited:disabled:hover{
	border-color: rgba(255, 255, 255, 0);
}


#screen text, #screen ttspan{
	font-family: Verdana;
	fill: white;
	fill-opacity: 0.7;
}

#screen svg>rect{
	fill-opacity:0;
}

#screen svg{
preserveAspectRatio:xMidYMid meet
}