/*
----------+-----------------------------------
 #sidebar | #main =
          |        .header
          +-----------------------------------
          |        .content =
          | .wiki-content | .semantic-content
          |               |
          |               |
          |               |
*/
/* _____ _____ _____ font defs */
@import url('../fonts/fantasque/stylesheet.css');

/* _____ _____ _____ main fluid layout */
body,html,.row-offcanvas {
	height: 100%;
}

#sidebar {
	width: inherit;
	min-width: 220px;
	max-width: 220px;
	background-color: #dedede;
	float: left;
	height: 100%;
	position: relative;
	overflow-y: auto;
	overflow-x: hidden;
	padding-top: 5px;
	font-size: 12px;
}

#main {
	height: 100%;
	overflow: auto;
	padding-top: 5px;
	/* avoid x-scroll when we need the y-scroll */
	padding-right: 15px;
	padding-left: 15px;
}

.content,.debug,.embedded-page {
	background-color: #f5f5f5;
}

.embedded-page {
	padding: 5px;
}

.wiki-content,.pagename {
	background-color: white;
	border-radius: 2px;
}

code {
	color: rgba(0, 0, 0, 0.85);
	background-color: inherit;
}

#rightbar {
	background-color: #f5f5f5;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	margin-right: -15px;
}

/* off Canvas sidebar */
@media screen and (max-width: 768px) {
	.row-offcanvas {
		position: relative;
		-webkit-transition: all 0.25s ease-out;
		-moz-transition: all 0.25s ease-out;
		transition: all 0.25s ease-out;
		width: calc(100% + 220px);
	}
	.row-offcanvas-left {
		left: -220px;
	}
	.row-offcanvas-left.active {
		left: 0;
	}
	.sidebar-offcanvas {
		position: absolute;
		top: 0;
	}
}

/* _____ _____ left */
/* _____ sub-pages */
.highlight {
	background-color: #FFFFEC;
}

#main .highlight {
	background-color: #FFFFD0;
	font-weight: bold;
}

/* _____ _____ right */
/* _____ typeahead.js */
.tt-query {
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
	color: #999
}

.tt-dropdown-menu {
	width: 422px;
	margin-top: 12px;
	padding: 8px 0;
	background-color: #fff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 8px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	overflow: hidden;
}

.tt-suggestion {
	padding: 3px 20px;
	font-size: 18px;
	line-height: 24px;
}

.tt-suggestion.tt-cursor {
	/* UPDATE: newer versions use .tt-suggestion.tt-cursor */
	color: #fff;
	background-color: #0097cf;
}

.tt-suggestion p {
	margin: 0;
}

/* _____ content */
.content .editor {
	background-color: rgba(0, 0, 0, 0.9);
	color: rgba(255, 255, 255, 0.9);
	font-family: "Fantasque Sans Mono";
	font-size: 18px;
}

/* _____ Home Wiki */
.wiki-content {
	font: Verdana, Arial, sans-serif;
	font-family: Verdana, Arial, sans-serif;
	font-size: 13px;
	/* 	border-bottom: 1px solid rgb(228, 228, 228); */
	/* 	border-left: 1px solid rgb(228, 228, 228); */
	/* 	border-right: 1px solid rgb(228, 228, 228); */
	/* 	border-top: 2px solid #ccc; */
	margin-top: 2px;
	margin-left: 10px;
	margin-right: -12px;
	padding-top: 15px;
	margin-bottom: 12px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
}

.postit {
	/* gradient */
	background-color: #FFFFEC;
	background: -moz-linear-gradient(45deg, #ffffd8 0%, #ffffec 11%, #ffffec 90%,
		#ffffb2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #ffffd8),
		color-stop(11%, #ffffec), color-stop(90%, #ffffec),
		color-stop(100%, #ffffb2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg, #ffffd8 0%, #ffffec 11%, #ffffec 90%,
		#ffffb2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg, #ffffd8 0%, #ffffec 11%, #ffffec 90%, #ffffb2
		100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg, #ffffd8 0%, #ffffec 11%, #ffffec 90%, #ffffb2
		100%); /* IE10+ */
	background: linear-gradient(45deg, #ffffd8 0%, #ffffec 11%, #ffffec 90%, #ffffb2
		100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffd8',
		endColorstr='#ffffb2', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */
}

.postit::BEFORE {
	position: absolute;
	width: 40%;
	height: 10px;
	content: ' ';
	top: 10px;
	left: auto;
	right: 0px;
	background: transparent;
	-webkit-box-shadow: 1px -6px 12px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 1px -6px 12px rgba(0, 0, 0, 0.3);
	box-shadow: 1px -6px 12px rgba(0, 0, 0, 0.3);
	z-index: -1;
	-webkit-transform: skew(6deg) rotate(-3deg);
	-moz-transform: skew(6deg) rotate(-3deg);
	-ms-transform: skew(6deg) rotate(-3deg);
	-o-transform: skew(6deg) rotate(-3deg);
	transform: skew(6deg) rotate(-3deg);
}

.google-core_card {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;
	box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 4px,
		rgba(0, 0, 0, 0.0980392) 0px 0px 3px;
}

h1.pagename,h2.pagename {
	margin-top: 0;
	padding-top: 2px;
	font-size: 36px;
	padding-left: 11px;
	word-break: break-all;
}

.wiki-content H1,.wiki-content H2,.wiki-content H3,.wiki-content H4 {
	font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom: 0px;
	border-bottom: 1px solid white;
}

.wiki-content H1,.wiki-content H2,.wiki-content H3,.wiki-content H4 {
	background-color: #f7f7ff; /* #F3DDA9;*/
}

.wiki-content H3 {
	background-color: #E0EaF5; /*E6B84A;*/
}

.wiki-content H2 {
	font-size: 20px;
	font-weight: bold;
	padding-left: 16px;
	border-top-left-radius: 13px;
	border-top-right-radius: 13px;
	margin-left: -10px;
	margin-right: -10px;
	padding-top: 4px;
	padding-bottom: 1px;
}

.wiki-content H3 {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 15px;
	font-weight: bold;
	padding-left: 15px;
	border-top-left-radius: 11px;
	border-top-right-radius: 11px;
	padding-top: 2px;
	padding-bottom: 1px;
}

.wiki-content H4 {
	font-size: 13px;
	font-weight: bold;
	padding-left: 10px;
	/*	
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	margin-left: 20px;
	margin-right: 20px;
	*/
}

.wiki-content a {
	/* 	word-break: break-all; */
	
}

/*
.wiki-content A.footnoteref {
	vertical-align: super;
	font-size: 70%;
}

.wiki-content A.footnote {
	color: #0044AA;
}
*/
.wiki-content li,.wiki-content ul {
	margin-left: 1em;
	padding-left: 0;
}

.wiki-content li {
	list-style-type: square;
}

.wiki-content ul {
	border-top-color: #D3D3D3;
	border-top-style: dotted;
	border-top-width: 1px;
	border-bottom-color: #D3D3D3;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	margin-top: 1px;
	margin-bottom: 5px;
}

.wiki-content P {
	margin-top: 1px;
	margin-bottom: 1px;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: #F2DBA6;
}

/* tables */
.wiki-content TABLE.wikitable {
	
}

.wiki-content TABLE.wikitable * TD {
	text-align: left;
}

.wiki-content TABLE.wikitable * TH {
	
}

/* For the CalendarTag */
.wiki-content TABLE.calendar {
	font-size: 80%;
}

.wiki-content TABLE.calendar TD {
	text-align: center;
}

.wiki-content TABLE.calendar TD.othermonth {
	color: #707070;
}

.wiki-content TABLE.calendar TD.link {
	background: #E0E0E0;
}

.wiki-content TABLE.calendar TR.month {
	font-size: 120%;
	font-family: sans-serif;
}

.wiki-content TABLE.calendar TR.weekdays {
	font-color: #FF0000;
}

/* For the BreadcrumbsTag */
.wiki-content .breadcrumbs {
	font-size: 11px
}

/* _____ semantic item view */
#rightbar .panel-heading {
	color: rgba(0, 0, 0, 0.5);
	font-weight: bold;
}

#rightbar .panel-heading a {
	font-weight: normal;
}

tr.backward .rel::BEFORE {
	content: "\25c0  ";
	color: #777;
	display:inline-block;
}

ol.targets {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: inline;
	word-break: break-all;
}

.target {
	margin: 0;
	padding: 0;
	display: inline;
}

.targets li.target::AFTER {
	content: ", ";
}

.targets li.target:last-child::AFTER {
	content: "";
}

.semantic-content .table>tbody>tr:nth-child(even)>td,.semantic-content .table>tbody>tr:nth-child(even)>th
	{
	background-color: #f9f9f9;
}

.semantic-content .table>tbody>tr:nth-child(odd)>td,.semantic-content .table>tbody>tr:nth-child(odd)>th
	{
	/* 	background-color: #F9F9F1; */
	
}

/* _____ links  */
/* links colors -- must match the background */
.item.iri a,.item.url a {
	color: #A93A3A;
}

/* .item.iri:HOVER::AFTER { */
/* 	content: "DEBUG INFO: ID=" attr(data-id) "\A"; */
/* 	display: block; */
/* 	color: white; */
/* 	padding: 5px; */
/* 	background-color: black; */
/* 	margin-top: 6px; */
/* 	text-align: center; */
/* 	position: fixed; */
/* 	top: 0; */
/* 	height: 20px; */
/* 	width: 100%; */
/* 	word-break: break-all; */
/* 	z-index: 100; */
/* } */
.item.intern a,.item.noitem a {
	color: #954B00;
	/* 	border-bottom: 2px solid rgba(255, 255, 255, 0.8); */
}

.item.autolink a {
	color: #997857;
}

.item.new::AFTER {
	color: rgba(100, 0, 0, 0.5);
}

.item.manyrels {
	background-color: rgba(255, 255, 255, 0.9);
	border-radius: 3px;
}

.wiki-content .item.manyrels {
	background-color: rgba(255, 255, 255, 0.55);
	border-radius: 3px;
}

/* links stuff except colors */
.item.new::AFTER,.item.noitem::AFTER,.item.orphan::AFTER,.item.leaf::AFTER
	{
	font-size: x-small;
	position: relative;
	top: -3px;
	left: 1px;
	white-space: no-wrap;
}

.item.new::AFTER,.item.noitem::AFTER {
	content: "?";
}

.item.noitem::AFTER {
	color: red;
}

.item.orphan::AFTER {
	content: "orphan";
}

.item.orphan::AFTER {
	content: "leaf";
}
.item.autolink::AFTER {
	content: "";
}

.item.iri::AFTER,.item.url::AFTER {
	content: "⇗";
	white-space: nowrap;
}

.item.exists {
	text-decoration: underline;
}

.item.longpage {
	font-size: 14px;
}

.item.inf {
	background-color: rgba(0,0,0,0.15);
}

/* _____ debug  */
.debug {
	color: #eee;
}

/* _____ sandbox  */
@import url('sandbox.css');

a.editpart {
	display: block;
	float: right;
	color: #ABC0D3;
}

a.editpart:BEFORE {
	content: "\270f";
	display: block;
	font-family: 'Glyphicons Halflings';
	width: 30px;
	text-align: center;
}

.properties input[type="submit"], .relations input[type="submit"] {
	float:right;
	display: none;
}

.properties tr:hover input[type="submit"], .relations tr:hover input[type="submit"] {
	display: inherit;
}

.properties input[type="text"], .relations input[type="text"] {
  background-color: transparent;
  border: none;
  cursor: pointer;
}

.properties input[type="text"]:focus, 
.properties tr:hover input[type="text"], 
.relations input[type="text"]:focus ,
.relations tr:hover input[type="text"]
{
  background-color: inherit;
  border: 1px solid #ccc;
  cursor: inherit;
}

/* Horizontal Rule */
hr {
    border: 0;
    height: 0; /* Firefox... */
    box-shadow: 0 0 5px 1px #777;
}
hr:after {  /* Not really supposed to work, but does */
    content: "\00a0";  /* Prevent margin collapse */
}