/* SPACING *******************************************************************/

.vspace {
	margin-bottom: 20px;
}

.dvspace {
	margin-bottom: 40px;
}

.nvspace{
	margin-top: -20px;
}

.center {
	display: block;
	margin: auto;
}

/* LANDING IMAGE  ************************************************************/

#landing-image {
	height: 256px;
	background-image: url(img/pexels-photo-91153.jpeg);
	background-position: center top;
}

/* CUSTOM BADGE CLASSES ******************************************************/

.badge-gold {
	background: #d4af37;
}

.badge-comment {
	background: #d0c8b0;
}

/* DIFF **********************************************************************/

.diff-marked-primary {
	background: #fc0;
}

.diff-marked-secondary {
	background: #0cf;
}

/* EDITOR ********************************************************************/

blockquote.intro { width: 600px; text-align: justify;  }
span.r { color: red; }
span.b, span.n, span.p { color: blue; }
span.f { color: green; }
span.m { color: Chocolate; }
/* .m { background: #ffe96c; } */
.metanav        { text-align: right; font-size: 0.8em; padding: 0.3em; 
                  margin-bottom: 1em; background: #fafafa; }

pre, .mono, .deptree, span.tt {
    font-family:
	  "Liberation Mono",
	  "Ubuntu Monospace",
	  "Andale Mono",
	  "Lucida Console",
	  "Droid Sans Mono",
	  "DejaVu Sans Mono",
	  "Courier",
	  monospace;
	font-size: 10pt;
}

.item {
	white-space: nowrap;
	display: inline;
}

.picker {
	top: 0px;
    left: 0px;
	padding: 5px;
	/*
	 * width: 30%; height: 30%;
	 */
	z-index: 10;
	display: none;
	position: fixed;
	border-style: dashed; 
	background-color: white;
    column-count: 5;
    -moz-column-count: 5;
    -webkit-column-count: 5;
}

.deptree {
	overflow-y: hidden;
	overflow-x: auto;
}
.word {
	fill: red;
	cursor: default;
}
.tag { fill: blue; }
.edge, .arrow { stroke: gray !important; }
.arrow { fill: gray; }
.dependency { fill: green; }
.dependency.active { fill: green; }
.word.active, { stroke: red !important; }
.edge.active, .arrow.active {
	stroke: #000 !important;
	stroke-width: 1.5;
}
.word.w0, .tag.w0, .dependency.w0 { fill: gray; }

.CodeMirror { border: 1px solid rgba(0,0,0,.125); }
#edit div.CodeMirror span.CodeMirror-matchingbracket { color: #000; background-color: lightgray;}
#edit div.CodeMirror span.CodeMirror-nonmatchingbracket { color: #000; background-color: #a22;}

pre {
	line-height: 11pt;
}

/* SEMANTIC ROLE ANNOTATION ***************************************************/

table.roles {
	border-collapse: separate;
	font-size: .875rem;
}

table.roles th, table.roles td {
	border: 1px solid #dfdfdf;
	padding: .25rem .5rem;
	border-radius: .2rem;
	white-space: nowrap;
}

table.roles th {
	color: #fff;
	background-color: #17a2b8;
	border-color: #17a2b8;
}

table.roles td {
	background-color: #f8f9fa;
	border-color: #17a2b8;
}

th.clickable, td.clickable {
	cursor: pointer;
}

table.roles.other th {
	background-color: #6c757d;
	border-color: #6c757d;
}

table.roles.other td {
	border-color: #6c757d;
}

table.roles input {
    background-color: transparent;
    border: none;
}

td.disagreement {
    border-style: dashed !important;
}