[data-fluid="master"] {
	
	position: relative;
	margin-right: 1em;
}

[data-fluid="editor"] {
	
	/*white-space: break-spaces;*/
}

[data-fluid="editor"] div {
	
	max-width: 100%;
}


[fluid-hiddenarea] {
	overflow: hidden;
	position: absolute;
	height: 0px;
	left: 0px;
	top: 0px;
}

[fluid-hiddentext] {
	position: absolute;
	padding: 0px;
	left: 2em;
	width: 0;
	height: 0;
	outline: none;
	/*font-size: 4px;*/
}

[data-extradyn]{
	display: none;
}



[fluid-sidebar] {
	
	display: flex;
	flex-direction: column;
	justify-content: center;

	width: 4em;

	/*position: fixed;
	z-index: 10;
	overflow-x: hidden;

	left: 2em;
	
	top: 7em;
	bottom: 2em;*/

	background: #ddd;
}

[fluid-sidebar] > [fluid-sidebar-content] {

	display: flex;
	flex-direction: column;
	justify-content: center;

	padding: 0.5em 0.5em;

}


[fluid-box],
[fluid-boxbar]{
	
	padding: 2px;
	margin:  0.2em 0;

	cursor: pointer;
	white-space: normal;

	background-color: white;
	border: 2px dotted black;
	border-radius: 4px;

	height: 3em;
	width: 3em;

	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
}


[fluid-boxbar] {

	border: 2px solid black;
}


[fluid-box]:disabled, [fluid-boxbar]:disabled, [fluid-txt]:disabled, [fluid-msc]:disabled,
[fluid-box][disabled], [fluid-boxbar][disabled], [fluid-txt][disabled], [fluid-msc][disabled]{
	opacity: 0.3;
}

[fluid-box]:hover, [fluid-boxbar]:hover, [fluid-txt]:hover, [fluid-msc]:hover,
[fluid-box][hover], [fluid-boxbar][hover],[fluid-txt][hover],[fluid-msc][hover] {

	box-shadow: 2px 2px 2px 1px #AAAA;
}

[fluid-box] > img,
[fluid-boxbar] > img,
[fluid-msc] > img,
[fluid-txt] > img {

	cursor: pointer;
	min-width: 1em;
	height: 100%;
	width: 100%;
	font-size: unset;
}



[fluid-boxdropper],
[fluid-movedropper] {
	position: relative;

	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;

	color:  #AAA;
	/*background-color: #EEE;*/
	height: 0;
}
[fluid-boxdropper-content] {
	pointer-events: none;
	
	position: absolute;

	/*box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;*/

	border: 4px dashed #EEE;
	background-color: #FFF;

	top:0px;bottom:0px;
	left:0px;right:0px;

	/*left: 50%;
	top: 50%;*/
	/*transform: translate(-50%, -50%);*/
	/*transform-origin: center center;*/
}

[fluid-boxdropper].scaleOut,
[fluid-movedropper].scaleOut
{animation: scaleOut 1s ease;}
@keyframes scaleOut {
  0% { height: attr(debug-h)px; }
  100% { height:0;}
}


[fluid-boxdropper].scaleOut [fluid-boxdropper-content],
[fluid-movedropper].scaleOut [fluid-boxdropper-content]
 { animation: scaleOutC 1s ease; }
@keyframes scaleOutC {
  0% { transform: scaleY(attr(debug-h)); }
  100% { transform: scaleY(0); }
}





[fluid-boxdropper-content] > div{
	pointer-events: none;
	position: relative;
	transform: translateY(-50%);
	top: 50%;
	text-align: center;
}


[fluid-boxdropper].dragover [fluid-boxdropper-content],
[fluid-movedropper].dragover [fluid-boxdropper-content]{

	border: 4px dashed #BBB;
}

[fluid-movedropper].source [fluid-boxdropper-content]{

	border: 4px dashed #FDD;
}
[fluid-movedropper].source.dragover [fluid-boxdropper-content]{

	border: 4px dashed #FBB;
}




[fluid-textbar] {
	
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;

	/*position: fixed;
	z-index: 10;
	overflow-x: hidden;

	top: 3.3em;
	height: 3em;
	left: 2em;
	right: 2em;*/

	background: #DDD;
	padding: 0.5em;
}

[fluid-txt],[fluid-msc] {
	
	padding: 2px;
	margin:  0 0.2em;

	cursor: pointer;
	white-space: normal;

	background-color: white;
	border: 2px solid black;
	border-radius: 4px;

	height: 3em;
	width: 3em;

	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
}

[fluid-txt].used {
	

	background-color: #CCC;
	border: 2px solid black;
	border-radius: 4px;
}


[data-scaler]{
	width: 5em;
	height: 1em;
}
[fluid-scaler]{
	width: 5em;
	margin-left: 2em !important;
	margin-right: 2em !important;
}


[fluid-foldedcontent] {
	display: none;
}

[data-careter] {
	/*position:  relative;*/
}

[data-fluid="caret"] {
	
	position: absolute;
	width: 2px;

	background-color: black;

	animation: blink-animation 1s steps(5, start) infinite;
	-webkit-animation: blink-animation 1s steps(5, start) infinite;
}

/* this is the care container */
[data-caret="1"] {

	position: relative;
	display: inline-block;
	min-height: 1em;
}

[data-caret="1"] > span {

	position: absolute;

	left: 0;
	top: 0;
	bottom: -0.2em;
	width: 2px;

	background-color: black;

	animation: blink-animation 1s steps(5, start) infinite;
	-webkit-animation: blink-animation 1s steps(5, start) infinite;
}

[data-caret="1"].inactive > span {

	position: absolute;

	left: 0;
	top: 0;
	bottom: -0.2em;
	width: 4px;

	background-color: #CCCC;

	animation: none;
	-webkit-animation: none;
}


@keyframes blink-animation {
	to {
		visibility: hidden;
	}
}
@-webkit-keyframes blink-animation {
	to {
		visibility: hidden;
	}
}



[data-fluid="sec"] {

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: stretch;
	
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

[data-fluid="sec"] > div#bracket{

	border-left: 1px solid #BBB;
	width: 4px;
}

[data-fluid="sec"] > div#content{

	flex-grow: 2;
	margin-left: 2px;
}

[data-fluid="sec"] > div#content span#indexer{

	margin-right: 1em;
}

[data-fluid="sec"] > div#content hr.fluid-endsec {
	
	height: 1px;
	
	color: black;
	background-color: #dddddd;
	
	border-width: 0;
	margin-top: 1em;
	margin-bottom: 0;
}


[data-fluid="txt"] { /* what is this? */

	text-align: justify;
	text-justify: inter-word;
}

[data-fluid="par"] {

	min-height: 1.5em;

	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 1em;

	text-align: justify;
	text-justify: inter-word;
}
[data-fluid="par"] > [fluid-controls] {
	width: 4em;
	min-width: 4em;
	max-width: 4em;
	justify-content: flex-end;
}
[data-fluid="par"] > [fluid-controls] > button {
	margin: 0px;
}
[data-fluid="parcnt"] {
	flex-grow: 2;
}



[data-fluid="li"] [data-fluid="par"] {
	margin:  0;
}


/*
[data-fluid="par"] [data-formula] {

	margin-left: 0.5em;
	margin-right: 0.5em;
}
*/


[data-fluid="formula"] {

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

[data-fluid="formula"] > #renderer {
	cursor: pointer;
}
[data-fluid="formula"] > #renderer:hover {
	border: 1px dotted black;
	border-radius: 4px;
}
[data-fluid="formula"] > #renderer,
[data-fluid="formula"] > #formula {

	flex-grow: 2;
}

[data-fluid="formula"] > #number {

}



[data-fluid="plot"] #previewbox,
[data-fluid="plot"] #preview {
	height: 100% !important; 
	width: 100% !important;
}



[data-fluid="activetable"]{
	margin-bottom: 1em;
}

table.xyztable thead th {text-align: center;}
table.xyztable tbody td {text-align: right;}
table.xyztable tbody td:first-child {text-align: left;}



[data-fluid] #blockbra {

	width: 2px;
	background-color: #DDDD;
}

[data-fluid] #error.error{text-align: center;}

[fluid-controls]{height:1.5em;}

[fluid-controls] button {
	display: none;
}
[fluid-controls] #separator {
	font-weight: bolder;
	margin-left: 1em;
}


/* this is a file input hidden from the user - cos we have a better UI! */
[fluid-hiddeninput] { 

	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}


[data-progress] {
	height: 1em;
	width: 100%;
}


/* *** FILE UPLOAD AREAS *** */

[fluid-filedrop] button#upbt {
	width: 3em; height: 3em;
}

[fluid-filedrop] input[type="file"] {

	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

[fluid-filedrop] #filelist {

	max-height: 10em;
	overflow-y: auto;
	overflow-x: hidden;
	max-width: 100%;

	margin: 1em 0;
}


[fluid-filedrop] label {

	margin: 1em 0;
	cursor: pointer;
	text-decoration: underline;
}

.droparea.highlight {

	background-color: #EEE;
	border: 3px dashed #BBB;
}

.droparea {
	
	background-color: #DDD;
	position: relative;
	padding: 1em;

	border: 3px dashed #AAA;

	-webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
	transition: outline-offset .15s ease-in-out, background-color .15s linear;
}




/* *************************************** */




[data-fluid] #error {
	white-space: pre-line;
}




[data-fluid="table"],
[data-fluid="img"], [data-fluid="structure"],
[data-fluid="plot"], [data-fluid="plot2d"], [data-fluid="matplot"],
[data-fluid="histo"] {
	margin: 1em 0;
}

#tablepager {
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	width:2em;
}



[data-fluid="img"] #imagebox {
	object-fit: contain;
	max-height: inherit;
}
[data-fluid="img"] [img-area]{
	object-fit: contain;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

[data-fluid] #indexer {
	font-weight: bolder;
	margin-right: 1em;
}


[data-fluid] #captionbox {

	font-size: 11px;
	margin: 0.5em 2em;
}

[data-fluid="caption"]{
	min-width: 2em;
	/*text-align: justify; these do not seem to affect anything and i cannot justify the caption!
	text-justify: inter-word;*/
}




[data-fluid="matplot"] #errorlog,
[data-fluid="python"] #errorlog, {
	margin:  0.5em;
}
[data-fluid="matplot"] #errorlog > div > span:first-child, [data-fluid="python"] #errorlog > div > span:first-child,
[data-fluidtool="matplotedit"] #errorlog > div > span:first-child, [data-fluidtool="pythonedit"] #errorlog > div > span:first-child {

	width: 6em;
}

[data-fluid="matplot"] #error, [data-fluid="matplot"] #stdout,
[data-fluid="python"] #error, [data-fluid="python"] #stdout,
[data-fluidtool="matplotedit"] #error, [data-fluidtool="matplotedit"] #stdout,
[data-fluidtool="pythonedit"] #error, [data-fluidtool="pythonedit"] #stdout {

	white-space: pre;
}

[data-fluidtool="chemdrawedit"] [chemdraw-topbar] {
	height:3em;
	position:absolute;
	top:0;
	left:0;
	right:0;
}
[data-fluidtool="chemdrawedit"] [chemdraw-smicnt] {
	position: absolute;
	top:3em;
	bottom:3em;
	left:0;
	right:0;
}
[data-fluidtool="chemdrawedit"] [chemdraw-smibar] {
	height:3em;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
}


[fluid-placeholder] {

	color: #AAA;
	font-style: italic;
}



[data-txt] {
	white-space: pre-line;
}

[data-fluidtool="timeedit"] {
	width: 32em;
}


[data-fluidstyle="text"],
[data-fluid="caption"]{
	white-space: pre-wrap;
}

[data-fluidstyle="qty"],
[data-fluidstyle="time"],
[data-fluidstyle="xref"] {
	
	display: inline-flex;
	align-items: baseline;
	cursor: pointer;

	/*padding: 0em 0.15em;*/
}

[data-fluidstyle="qty"]:hover,
[data-fluidstyle="item"]:hover,
[data-fluidstyle="time"]:hover,
[data-fluidstyle="xref"]:hover,
[data-fluidstyle="inmath"]:hover {
	border: 1px dotted black;
	border-radius: 4px;
}

[data-fluidstyle="inmath"] {
	white-space: normal;
	cursor: pointer;
}

[data-fluidstyle="inmath"] .inputspan {
	display: inline-block;
	border: 1px solid #ccc;
	font-family: inherit;
	font-size: inherit;
	padding: 1px 6px;
	max-width: 50%;
}

[data-fluidstyle="inmath"] > #renderer {

	/*padding: 0 0.5em;*/
}

[data-fluidstyle="item"] {
	cursor: pointer;
}


[data-fluidstyle="link"] button,
[data-fluidstyle="xref"] button,
[data-fluidstyle="bib"] button {
	height: 1em;
	width: 1em;
	margin: 0;
}

[data-biblabel] #index {

	cursor: pointer;
	text-decoration: underline;
}


[data-fluidstyle="xref"] {
	font-weight: bold;
}







/* *** FLUIDTOOL PANELS *** *********************************************** */

[data-fluidtool] {

	border: 2px solid #333;
	border-radius: 4px;
	box-shadow: 0 0 4px 0px #CCC;
	padding: 10px;
	margin: 10px;

	display: none;
	position: fixed;
	z-index: 1000;
	overflow: auto;
	width: 50%;
	height: 30%;
	background-color: white;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

[data-fluidtool].p8080{
	width: 80%;
	height: 80% !important;
}
[data-fluidtool].p9080{
	width: 90%;
	height: 80% !important;
}


[data-fluidtool].corner {
	right: 0;
	transform: none;
	top: 3em;
	left: unset;
	height: unset;
}

[data-fluidtool].small {
	width: 30%;
}
[fluid-tab].absolute {
	position: absolute;
	inset: 5em 0 0 0;
}
[fluid-tab].absolutenobar {
	position: absolute;
	inset: 3em 0 0 0;
}

[data-fluidtool] .controls {
	min-width: 30%;
	margin-right: 1em;
}
[data-fluidtool] [data-previewarea] {
	flex-grow: 2;
}
[data-fluidtool] [data-previewbox], [data-fluidtool] [data-preview]{
	width: 100% !important;
	height:100% !important;
}

[data-fluidtool] [ui-spinner] {
	display: none;
	width:1.5em;
	height:1.5em;
	margin: 0 4px;
}



[data-fluidtool="permissionedit"] {
	height: 70% !important;
}
[data-fluidtool="permissionedit"] [fluid-tab] {
	position: absolute;
	inset: 5em 0 0 0;
}



[data-fluidtool="bibedit"] {
	height: 38em !important;
}

[data-fluidtool="xrefedit"] {
	height: 25em !important;
}
[data-fluidtool="qtyedit"],
[data-fluidtool="timeedit"] {
	height: 19em !important;
}
[data-fluidtool="linkedit"] {
	height: 11em !important;
}

[data-fluidtool="itemedit"]{
	height: 26em !important;
}


[data-fluidtool="supportform"] span.lbl {
	width: 8em;
}

[data-fluidtool="supportform"] textarea {
	flex-grow: 2;
	min-height: 6em;
	height: 90%;
	resize: none;
}

[data-fluidtool="supportform"] input {
	flex-grow: 2;
}




[draw-canvas-cnt] {
	position: relative;
	border:  1px solid black;
	border-radius: 2px;
}

[draw-canvas] {
	position:  absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 100%;
}
[draw-tool] {
	background-color: white;
}
[draw-tool].selected {
	background-color: #DDD;
}



[data-fluidtool="imgedit"] [fluid-tab="select"] [data-container]{
	flex-grow:2;
	align-items:normal;
	overflow:hidden;
}
[data-fluidtool="imgedit"] [fluid-tab="select"] [data-selector-master]{
	max-width: 33%;
}
[data-fluidtool="imgedit"] [fluid-tab="select"] #preview {
	flex-grow: 10;
	margin-left: 1em;
	background-repeat: no-repeat;
	background-size: contain;
}
td[data-cell]{
	position: relative;
}
td[data-cell] > div{
	position: absolute;
	top: 0.2em; bottom: 0.2em;
	left: 0.2em; right: 0.2em;
}
[img-cmp-label]{
	position: absolute;
	top: 0.1em;
	left: 0.1em;
	text-shadow: 0 0 2px white;
	font-size: 14px;
	z-index: 100;
}
[img-cmp-img], [img-preview]{
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}




[data-fluidtool="qtyedit"] span,
[data-fluidtool="itemedit"] span {

	width: 6em;
}
[data-fluidtool="qtyedit"] input {

	flex-grow: 2;
}


[data-fluidtool="linkedit"] span.label {
	width: 5em;
}


[data-fluidtool="xrefedit"] #objlist {

	max-height: 11em;
	overflow: auto scroll;
	padding: 0.2em;
	border: 1px solid black;
}


[data-fluidtool="bibedit"] {

	right: 0;
	transform: none;
	top: 3em;
	left: unset;
	height: unset;
	width: 70%;
	min-width: 50em;
}

[data-fluidtool="bibedit"] .label {

	width: 8em;
}

[data-fluidtool="bibedit"] .label~input {

	flex-grow: 2;
}


[data-fluidtool="bibedit"] [data-fixcontainer] {

	flex-grow: 2;
	overflow-x: none;
	overflow-y: auto;
	min-height: 15em;
}

[data-bibresult] {


}
[data-bibresult] span {

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
}


[data-bibitem] #number {
	margin-right: 1em;
}

[data-bibitem] #journal,
[data-bibitem] #pages {
	margin-right: 0.5em;
}

[data-bibitem] #journal {
	font-style: italic;
}
[data-bibitem] #volume {
	font-weight: 900;
}




label.cnt {
	margin: 0;
	text-decoration: unset;

	display: inline-flex;
	align-items: center;
	position: relative;
}



[data-fluidtool] > div.flexcol {
	position:absolute;
	top:1em;
	bottom:1em;
	left:1em;
	right:1em;
}





[data-fluidtool="spmedit"] [fluid-tab="upload"] #files,
[data-fluidtool="tableedit"] [fluid-tab="upload"] #files,
[data-fluidtool="structureedit"] [fluid-tab="upload"] #files {

	border:1px solid black;
}

[data-fluidtool="spmedit"] [fluid-tab="upload"] #dropped, [data-fluidtool="spmedit"] [fluid-tab="upload"] #csvformat,
[data-fluidtool="tableedit"] [fluid-tab="upload"] #dropped, [data-fluidtool="structureedit"] [fluid-tab="upload"] #dropped,
[data-fluidtool="tableedit"] [fluid-tab="upload"] #csvformat, [data-fluidtool="structureedit"] [fluid-tab="upload"] #csvformat {

	margin-right: 1em;
}

#csvformat table td:nth-child(1),
#csvformat table th:nth-child(1) {

	min-width: 8em;
}
#csvformat table td:nth-child(2),
#csvformat table th:nth-child(2) {

	max-width: 5em;
}
#csvformat table td:nth-child(2) input {
	width: 4em;
}

#csvformat table td:nth-child(3),
#csvformat table th:nth-child(3) {

	min-width: 1em;
}

#csvformat label.labcore {
	margin: 0 0;
}

[data-fluidtool="activetableedit"] #jsheet tbody tr > td[style] {
	background-color: white !important;
}
[data-fluidtool="activetableedit"] #jsheet tbody tr > td[style].highlight {
	background-color: var(--jexcel_content_background_highlighted) !important;
}
[data-fluidtool="activetableedit"] #jsheet tbody tr > td[style].locked {
	background-color: #FFDDDD !important;
}

[data-fluidtool="activetableedit"] #jsheet tbody tr.locked > td[style] {
	background-color: #FFDDDD !important;
}



[spm-channel-preview] {
	width: 256px;
	min-height: 256px;
	align-items: center;
}
[spm-channel-preview] [spm-chimg]{
	background-repeat: no-repeat;
	background-size: auto;
	max-height: 256px;
}
[spm-channels]{
	flex-wrap: wrap;
}


/* *** TSNE & PCA STUFF *** ************************************************** */

[data-fluidtool="tsneedit"] h5,
[data-fluidtool="pcaedit"] h5 {
	margin: 0.2em 0;
}

[data-fluidtool="tsneedit"] .controls,
[data-fluidtool="pcaedit"] .controls {
	height: 100%;
	overflow: auto;
}

[data-fluidtool="tsneedit"] .controls > div > span,
[data-fluidtool="pcaedit"] .controls > div > span {
	width: 10em;
}
[data-fluidtool="tsneedit"] .controls > div :last-child,
[data-fluidtool="pcaedit"] .controls > div :last-child {
	flex-grow:2;
}

[data-fluid="tsne"] #actualcontent,
[data-fluid="pca"] #actualcontent {
	height: 35em;
}
[data-fluid="tsne"] #actualcontent > div:first-child,
[data-fluid="pca"] #actualcontent > div:first-child {
	flex-grow: 2;
	position: relative;
}
[data-fluid="tsne"] [tsne-plotarea],
[data-fluid="pca"] [pca-plotarea] {
	position: absolute;
	top: 0;
	left: 25em;
	right: 2em;
	bottom: 0;
}
[data-fluid="tsne"] [tsne-params],
[data-fluid="pca"] [pca-params] {
	position: absolute;
	top: 0;
	left: 0;
	width: 25em;
	display: inline-flex;
	bottom: 0;

	font-family: consolas, monaco, monospace;
	white-space: pre;
}
[data-fluid="tsne"] [tsne-params] > div > span:first-child,
[data-fluid="pca"] [pca-params] > div > span:first-child {
	width: 9em;
}

/* *************************************************************************** */
/* *** TABLE EDIT PANEL *** ************************************************** */

[data-fluidtool="tableedit"] [fluid-filedrop]{
	width: 100%;
	height: 100%;
}
[data-fluidtool="tableedit"] #controls{
	align-items: flex-start;
	flex-grow: 2;
}
[data-fluidtool="tableedit"] #csvformat{
	min-width: 15em;
}
[data-fluidtool="tableedit"] #csvformat #usrpre{
	flex-grow:2; margin-left:0.5em;
}

[data-fluidtool="tableedit"] [table-container]{
	overflow: auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 7em;
	bottom: 0;
}
[data-fluidtool="tableedit"] [table-container] table{
	width: 100%;
}

[data-fluidtool="tableedit"] #preview{
	margin-left: 1em;
	flex-grow: 2;
	height: 100%;
	position: relative;
}

[data-fluid="table"] [table-main],
[data-fluid="structure"] [table-main]{
	position: relative;
	width:100%;
	min-height: 27em;
}
[data-fluid="table"] #tabledata,
[data-fluid="structure"] #tabledata{
	position: absolute;
	overflow: auto;
	height: 100%;
	left: 2em;
	right: 0;
}

/* *************************************************************************** */
/* *** STRUCTURE EDIT PANEL *** ********************************************** */

[data-fluidtool="structureedit"] [fluid-filedrop]{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
[data-fluidtool="structureedit"] #controls{
	align-items: flex-start;
	flex-grow: 2;
	overflow: hidden;
}
[data-fluidtool="structureedit"] #dropped{
	height: 100%;
	min-width: 12em;
}
[data-fluidtool="structureedit"] #files{
	overflow:auto;
}
[data-fluidtool="structureedit"] #preview{
	flex-grow: 2;
	position: relative;
	height: 100%;
}
[data-fluidtool="structureedit"] #pcontainer{
	position: absolute;
	left:0;
	right:0;
	bottom:0;
	top:6em;
	overflow:auto;
}
[data-fluidtool="structureedit"] #atomplot{
	width: 100%;
	height: 100%;
}


/* *************************************************************************** */
/* *** DATA UPLOADER *** ***************************************************** */

[uploader-container]{
	flex-grow: 2;
	overflow: auto;
	margin: 1em 0;
}

[data-parsetag] {
	border: 2px solid black;
	border-radius: 4px;
	min-height: 2em;
	max-height: 11em;
	margin:0.5em 0;
	padding:0 0.5em;
}
[parsetag-type], [parsetag-subtype], [upload-type],[upload-subtype]{
	/*margin-right: 1em;*/
	min-width: 10em;
}
[data-parsetag] [parsetag-flist]{
	margin: 0.5em 1em;
	border: 1px solid black;
	max-width: 30em;
	max-height: 5em;
	overflow: auto;
}


/* *************************************************************************** */
/* *** DATAEDIT PANEL********************************************************* */

[data-fluidtool="dataedit"] [data-rec-renamer]{
	flex-grow: 2
}
[data-fluidtool="dataedit"] [data-rec-reuniter]{
	width:100%;
}



/* *************************************************************************** */


div#dropped {
	height: 100%;
	min-width: 10em;
}

.rel{
	position: relative;
}

#jsheet > .jexcel_content {
	max-height: 100% !important;
	width: 100% !important;
}





/* *** MISC *** */

[notebook-fixedpage]{
	/*width: 100%;
	height: 100%;
	display: block;
	overflow: auto;*/
}


/* *** tab selector button *** */
.tab {

	border: 2px solid black;
	border-bottom: none;
	border-radius: 8px 2px 0 0;

	margin-right: 4px;
	padding: 2px;

	cursor: pointer;
	white-space: normal;

	background-color: #FFF;

	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
}

.tab:disabled, .tab[disabled]{
	opacity: 0.3;
	color: gray;
}

.tab:hover, .tab[hover] {

	box-shadow: 0 0 4px 0px #4c4c4c59;
	background-color: #EEE;
}

.tab.selected {
	background-color: #DFD;
	font-weight: bolder;
}



[fluid-usrlnk] {

	margin-right: 0.5em;
}


[data-selector-current], [selector-current]{
	overflow: auto;
	/*max-height: 40%;*/
	min-height: 10em;
	flex-grow: 2;
	border: 1px solid black;
	margin-bottom: 0.5em;
	background-color: #EEE;
}

[data-selector-list], [selector-list]{
	overflow: auto;
	/*max-height: 40%;*/
	min-height: 10em;
	flex-grow: 3;
	border: 1px solid black;
}

[data-selector-filter], [selector-filter]{
	flex-grow: 2;
	margin-left: 0.5em;
	min-width: 4em;
}

[data-tabsbar] {

	margin-bottom: 4px;
	border-bottom: solid black 1px;
}