/*
  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/>
*/

body {
padding: 1em;
padding-right: 1.5em;
background: none;
}

body>div{
	display:none;
}

body>div.CodeMirror-completions{
	display:block;
}

body>#close{
	display:block;
}

form {
margin-bottom: 0em;
}

.text {
max-width: 200em;
margin-left:-1em;
margin-right:auto;
margin-bottom: 0em;
background:none;
}

.codespace {
display: block;
padding: 0em 0em 0em 0em;
border-top-left-radius: 10px;
width: 100%;  
    height : 100%;
    border : 1px solid rgba(255, 255, 255, 0.4);
	-webkit-box-flex: 200;
    }
.codespace form{
 height :100%;
}


.validationspace {
    display: block;
   -webkit-box-flex: 200;
    border : 1px solid rgba(255, 255, 255, 0.4);
    min-height: 5em;
	width: 100%;
	overflow-x: hidden;
	border-bottom-right-radius: 10px;
	/*padding-right: 1em;
    margin-left: -1em;*/
}

.validationspace p{
padding-left: 1em;
padding-right: 1em;
padding-top: 1em;
width:97%;
}

.validationspace::-webkit-scrollbar-thumb {
	border-bottom-right-radius: 9px;
	border-bottom-width: 0px;
	border-bottom-style: none
}

.validationspace::-webkit-scrollbar  {
	border-bottom-right-radius: 9px;
	padding-bottom:0px
    }

textarea {
-webkit-user-select: text;
}

body {
	display: -webkit-box;
	-webkit-box-pack: justify;
	-webkit-box-align: center;
    margin: 0em;
	padding: 0em;
	width: 100%;
	height: 100%;
}

#workspace, #navigation, #wheel {
    margin: 0.7em;
	padding: 1em;
	padding-top: 0em;
    margin-bottom: 0em;
    padding-bottom: 0em;
	height: 100%;
}

#workspace, #wheel {
	border-bottom-right-radius: 10px;
	-webkit-box-flex: 1;
	width: 100%;
    margin-right: 0em;
	display: -webkit-box;
	-webkit-box-pack: justify;
	-webkit-box-align: center;
	-webkit-box-orient: vertical;
}

#navigation {
	background-color: rgba(255, 255, 255, 0.4);
	width: 20em;
	max-width: 20em;
	min-width: 20em;
	border-top-left-radius: 10px;
	height: 100%;
	display: block;
	overflow: auto;
}

#tree{
	background:transparent;
	height: 100%;
	width: 20em;
}

.barspace{
	-webkit-box-flex: 1;
	width: 100%;
}
.visualisationspace{
	-webkit-box-flex: 200;
	width: 100%;
	height:100%;
}

.text {
	display: -webkit-box;
	-webkit-box-pack: justify;
	-webkit-box-align: center;
	-webkit-box-orient: vertical;
	height:100%;
}

.splitter {
	-webkit-box-flex: 1;
    height : 17px;
    max-height: 5em;
	width: 100%;
    cursor : n-resize;
}

.barspace {
left:0.5em;
right: 1em;
}

.barspace .ui{
  height :16px;
  width: 16px;
  float: left;
  margin-right:1em;
  opacity:0.6;
  margin-bottom: 0.5em;
}

.barspace input.ui{
width: 7em;margin:0;
}
 
.undo.ui, .previous.ui{
  margin-right:0;
}

.barspace .ui:hover{
  opacity:0.9;
}

.barspace .ui:active{
  opacity:1;
}

.barspace .ui:disabled{
  display:none;
}

.undo {
   background-image: url(icons/arrow_undo.png);
}

.redo {
   background-image: url(icons/arrow_redo.png);
}

.indent {
   background-image: url(icons/text_indent.png);
}

.next {
  background-image: url(icons/arrow_next.png);
}

.previous {
  background-image: url(icons/arrow_previous.png);
}

.case_sensitive.sensitive {
  background-image: url(icons/sensitive.png);
}

.case_sensitive.unsensitive {
  background-image: url(icons/unsensitive.png);
}

.replace_all {
  background-image: url(icons/replace_all.png);
}

.replace{
  background-image: url(icons/replace.png);
}

.color{
   background-image: url(icons/color.png);
}
.color.ui{
  float: right;
}

.link{
  background-image: url(icons/link.png);
}
.link.ui{
  float: right;
  margin-right: 25px;
}
.interface fieldset{
  border: none;
  margin:0;
  padding:0;
}
.interface select{
  max-width: 20em;
}
.interface.ui{
  float: right;
  margin-right: 120px;
  margin-top: -5px;
}

.code{
  display :none;
}


#wheel{
	display:none;
	margin-left:0;
	padding-left:8;
}

#wheel svg {
	margin-top:22px;
	border:none;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
    background-image : url(icons/chromatic.png);
	border: solid 1px rgba(255, 255, 255, 0.4);
	border-bottom-right-radius: 10px;
	border-top-left-radius: 10px;
}

g circle, g rect{
	fill: none;
	stroke-opacity: 0;
	stroke-width: 4;
	pointer-events: all;
}

g circle:hover, g rect:hover{
	stroke-opacity: 0.5;
	stroke: black; 
}

g circle:active, g rect:active{
	stroke-opacity: 0.5;
	stroke: white;
}

line, .trace{
	stroke: white; 
	stroke-opacity: 0.5;
	stroke-width: 4;
	stroke-linecap : round;
}

text {fill: white; font-size: 2em; opacity: 0.8;}
text.left {text-anchor:end;}
text.center {text-align:center; text-anchor:middle;}
text.right {text-anchor:start;}
text:hover {cursor:default;}
text:active {cursor:default;}

#close{
	height:16px;
	width:16px;
	position:absolute;
	right:8px;
	top:8px;
	border:none;
	margin:0px;
	background-color: transparent !important;
	background-repeat: no-repeat;
	background-position: top right;
	background-image:url(../share/icons/close.png);
	background-size: contain;
}
#close:active{background-image:url(../share/icons/close_pressed.png) !important;}
#close:hover {background-image:url(../share/icons/close_hover.png)}

#tree li.draft{
	display:none;
}
#tree li.jstree-open.draft, #tree li.jstree-closed.draft{
	display:block;
}

.modified {color: white;}