/*
	************************************************************
		GML UI - Graph Merging Library User Interface Styles
	************************************************************
*/

* {
	color:#000;
	font-family:Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
	font-size:15px;
	line-height:22px;
	font-style:normal;
	font-weight:500;
	box-sizing:border-box;
	text-align:left;
	text-rendering:optimizeLegibility;
}

body {
	padding:16px;
	background:rgb(255, 255, 255) none repeat scroll 0% 0%;
	position:relative;
	min-width:880px;
}

i, i > span {
	font-style:italic;
}

b {
	font-weight:bold;
}

code {
	margin:0px 2px;
	padding:0px 4px;
	box-shadow:0px 0px 2px rgba(0, 0, 0, 0.15);
	background:#EEE none repeat scroll 0% 0%;
	font:16px "Monaco","Menlo","Ubuntu Mono","Consolas","source-code-pro",monospace;
}

span.creditline {
	position:absolute;
	bottom:8px;
}

.absleft {
	left:16px;
}

.absright {
	right:16px;
}

div.mainbox, div.tabbox > div {
	border:1px solid #000;
	border-radius:16px;
	box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.8);
}

div.tabbox {
	padding:0px;
	margin-top:-48px;
	margin-bottom:84px;
}

div.tabbox > div {
	display:inline-block;
	padding:24px 12px 4px 12px;
	margin-bottom:8px;
	margin-right:8px;
	float:left;
}

div.mainbox {
	padding:16px 16px 0px 16px;
	margin-bottom:32px;
	background:rgb(255, 255, 255) none repeat scroll 0% 0%;

	/* when verbosity = 1, and we get an error (and nothing else),
	   then the padding looks stupid unless we specify this min-height here */
	min-height:152px;
}

div.mainbox > div, div.mainbox > input, div.mainbox > div.button {
	display:block;
	margin-bottom:16px;
}

div.mainbox > div > div.col-6 {
	margin-bottom:16px;
}

div.mainbox > div > input {
	display:block;
	width:100%;
}

div.mainbox > div input.in-text-input {
	display:inline-block;
	width:10%;
	margin-right:5px;
	margin-left:5px;
}

div.mainbox div.col-4, div.mainbox > div > input.col-4 {
	display:inline-block;
	width:32%;
}

div.mainbox div.col-4:nth-child(2n), div.mainbox > div > input.col-4:nth-child(2n) {
	margin-left:1.7%;
}

div.mainbox div.col-4:nth-child(3n), div.mainbox > div > input.col-4:last-child {
	float:right;
}

div.mainbox div.col-6, div.mainbox > div > input.col-6 {
	display:inline-block;
	width:49%;
}

div.mainbox div.col-6:nth-child(2n), div.mainbox > div > input.col-6:last-child {
	float:right;
}

input, div.button, div.panel {
	border:1px solid #000;
	box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.8);
	border-radius:4px;
}

input {
	background:#FFF none repeat scroll 0% 0%;
	padding:2px 9px;
}

input.up {
	text-transform:uppercase;
}

div.panel {
	padding:16px;
}

div.panel > div.success, div.panel > div.error, div.panel > div.danger, div.panel > div.note {
	margin:8px -16px 0px -16px;
}

div.button {
	padding:2px 0px;
	text-align:center;
}

div.button, div.tabbutton, span.infobtn, div.svg_btn {
	background: #EEE none repeat scroll 0% 0%;
	cursor:pointer;
}

div.button:hover, div.tabbutton:hover, span.infobtn:hover, div.svg_btn:hover {
	background: #DDD none repeat scroll 0% 0%;
}

div.button:active, div.tabbutton:active, span.infobtn:active, div.svg_btn:active {
	background: #CCC none repeat scroll 0% 0%;
}

span.infobtn {
	float:right;
	border:1px solid #000;
	box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.8);
	border-radius:4px;
	line-height:20px;
	padding:0px 4px;
	display:block;
}

div.input-info-container {
	position:relative;
}

div.input-info-container > span.infobtn {
	position:absolute;
	right:6px;
	top:3px;
}

div.input-info-container > span.randbtn {
	right:46px;
}

div.button > span.infobtn {
	margin-right:5px;
}

div.tabbox > div.active {
	padding-top:40px;
	font-weight:700;
}

/* subscript */
span.d {
	font-size:11px;
	top:4px;
	position:relative;
}

/* superscript */
span.u {
	font-size:11px;
	bottom:4px;
	position:relative;
}

/* highlight */
td.h, td.h > span {
	color:#FFF;
	background-color:#F00;
}

/* extra highlight */
td.x, td.x > span {
	color:#FFA;
	background-color:#A0A;
}

div.table_box {
	width:100%;
	text-align:center;
}

table {
	display:inline-block;
	max-width:100%;
	border-collapse:collapse;
	border: 1px solid rgb(0, 0, 0);
	box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.8);
	margin-top:16px;
	overflow-x:auto;
}

/* position texts with indices just like other texts */
td {
	vertical-align:super;
}

tbody.vbars > tr > td, tbody.lastbar > tr > td {
	text-align:center;
}

/* vertical bars between all columns */
tbody.vbars > tr > td {
	border-right:1px solid #000;
}
tbody.vbars > tr > td:last-child {
	text-align:left;
}

/* vertical bars only before last column */
tbody.lastbar > tr > td:last-child {
	border-left:1px solid #000;
	text-align:left;
}

/* td only in existence for vertical bar */
td.b {
	padding:1px 1px 0px 0px;
}

tr > td:last-child {
	border-right: 0px solid #FFF !important;
}

th, td {
	padding:1px 3px 2px 3px;
}

tr.barless > td {
	border-left:0px;
	border-right:0px;
}
tr.barless > td:first-child {
	border-left:1px solid #000;
}
tr.barless > td:nth-last-child(2) {
	border-right:1px solid #000;
}
tr.barless > td:last-child {
	border-left:1px solid #000;
	border-right:1px solid #000;
}

.our_checkbox {
	text-align:center;
	width:25px;
}

.our_slider {
	width:25%;
}

.our_checkbox, .our_slider {
	display:inline-block;
	box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.8);
	border-radius:4px;
	border:1px solid rgb(0, 0, 0);
	margin-right:5px;
}

.our_slider > span {
	display:inline-block;
	box-shadow:-50px 0px 50px -5px rgba(0, 0, 0, 0.5) inset;
	background:#EEE none repeat scroll 0% 0%;
	border-radius:3px;
}

span.col-4 {
	width:33.33%;
	display:inline-block;
}

span.col-6 {
	width:50%;
	display:inline-block;
}

div.no_select {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

div.error {
	background-color:#F02;
}

div.note {
	background-color:#666;
}

div.danger {
	background-color:#D61;
}

div.success {
	background-color:#0B0;
}

div.error, div.note, div.danger, div.success {
	margin:48px -16px;
	text-align:center;
}

div.error *, div.error, div.note *, div.note, div.danger *, div.danger, div.success *, div.success {
	color:#FFF;
	font-weight:700;
}

div.working {
	margin-top:16px;
}

div#dropdown {
	position:absolute;
	right:25px;
	border-radius:10px;
	box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.8);
	padding:2px;
	background:white none repeat scroll 0% 0%;
	border:1px solid black;
	min-width:150px;
}

div#dropdown > span.infobtn {
	float:none;
	margin:3px;
	text-align:center;
}

input.fileinput {
	position:absolute;
	top:-100px;
	left:-500px;
}



/* SVG */

svg > text, svg > text > tspan {
	font-size:30px;
}

svg > text.prefix, svg > text.prefix > tspan {
	font-size:15px;
}

/* subscript */
svg > text > tspan.d {
	font-size:20px;
}
svg > text.prefix > tspan.d {
	font-size:10px;
}

/* superscript */
svg > text > tspan.u {
	font-size:20px;
}
svg > text.prefix > tspan.u {
	font-size:10px;
}

div.svg_container {
	position:relative;
	min-height:10px;
}

div.svg_btn {
	position:absolute;
	right:0px;
	top:-10px;
	border:1px solid #000;
	box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.8);
	border-radius:4px;
	line-height:20px;
	padding:0px 4px;
}