:root {
	--menu-link-background: rgba(0, 0, 0, 0.7);
	--menu-link-hover: #000;
	--statements-toggle-opacity: 1;
	--statements-toggle-background-image: url('../images/close-small.svg');
	--statements-toggle-background-opacity: 1;
	--graph-link-background-image: url('../images/graphnet.png');
	--graph-link-opacity: 1;
	--improve-layout-opacity: 1;
	--improve-layout-background-image: url('../images/diamond.png') !important;
	
	--network-layout-opacity: 1;
	--network-layout-background-image: url('../images/network.png') !important;
	
	--circle-layout-opacity: 1;
	--circle-layout-background-image: url('../images/circlelayout.png') !important;
	
	--walkthrough-button-opacity: 1;
	--walkthrough-button-background-image: url('../images/question.png') !important;
	
	--table-layout-opacity: 1;
	--table-layout-background-image: url('../images/table.png') !important;

	--manual-button-opacity: 1;
	--manual-button-background-image: url('../images/manual.png') !important;

	--adjustsettings-button-opacity: 0.8;
	--adjustsettings-button-background-image: url('../images/settings.png') !important;

	--adjustfilter-button-opacity: 0.8;
	--adjustfilter-button-background-image: url('../images/filter.png') !important;

	--themeswitch-button-opacity: 0.6;
	--themeswitch-button-background-image: url('../images/theme.png') !important;
	
	--tree-layout-opacity: 0.6;
	--tree-layout-background-image: url('../images/tree.png') !important;

	--deletecontextbutton-opacity: 1;
	--deletecontextbutton-background-image: url('../images/trash.png') !important;

	--deletebutton-image: url('../images/trash.png') !important;

	--collaborate-link-opacity: 0.7;
	--collaborate-link-background-image: url('../images/group.png') !important;

	--import-link-opacity: 1;
	--import-link-background-image: url('../images/telescope.png') !important;

	--windowdown-link-opacity: 1;
	--windowdown-link-background-image: url('../images/closewindow.png') !important;

	--top-link-opacity: 1;
	--top-link-background-image: url('../images/lnr-arrow-up.png') !important;

	--statements-link-opacity: 1;
	--statements-link-background-image: url('../images/square.png') !important;

	--timer-link-opacity: 1;
	--timer-link-background-image: url('../images/timer.png') !important;

	--watch-link-opacity: 1;
	--watch-link-background-image: url('../images/watch.png') !important;

	--microphone-link-opacity: 1;
	--microphone-link-background-image: url('../images/microphone.png') !important;


	--midi-link-opacity: 1;
	--midi-link-background-image: url('../images/midi.png') !important;

	--addcontext-link-opacity: 1;
	--addcontext-link-background-image: url('../images/intersect.png') !important;


	--mergecontext-link-opacity: 1;
	--mergecontext-link-background-image: url('../images/intersect-merge.png') !important;

	--diffcontext-link-opacity: 0.9;
	--diffcontext-link-background-image: url('../images/diff.png') !important;

	--swapcontext-link-opacity: 0.9;
	--swapcontext-link-background-image: url('../images/compare.png') !important;

	--privacy-link-share-image: url('../images/share.png');
	--privacy-link-share-opacity: 0.9;

	--download-link-share-image: url('../images/download.png');
	--download-link-share-opacity: 0.8;

	--savegraph-link-share-image: url('../images/save.png');
	--savegraph-link-share-opacity: 0.9;


	--live-link-image: url('../images/toggle-off.svg');
	--live-link-opacity: 0.7;



	--google-import-opacity: 1;
	--google-import-background-image: url('../images/google-logo-bw.png') !important;

	--twitter-import-opacity: 1;
	--twitter-import-background-image: url('../images/twitter-logo-bw.png') !important;

	--file-import-opacity: 1;
	--file-import-background-image: url('../images/import-file.png') !important;

	--text-standard: #f0ecec;

	--contextdelete-background-image: url('../images/trash-white-small.png') !important;
	--contextrename-background-image: url('../images/context-name-edit.png') !important;

	--biasindex-font: #666;
}

.pure-img-responsive {
	max-width: 100%;
	height: auto;
}

#layout {
	position: absolute;
	padding-left: 0;
	left: 0px;
	right: 0px;
	bottom: 0px;
	top: 0px;
	height: 100%;
}

#layout.active {

	left: 305px;
}

#layout.active #menu {
	left: 305px;
	width: 305px;
}

#layout.active .menu-link {
	left: 305px;
}

#layout.sidebar {
	right: 450px;
}

#start {
	background-color: rgb(168, 230, 255) !important;
}

#manual {
	background-color: rgb(168, 230, 255) !important;
}

#manualFrame {
	position: fixed;
	display: none;
	width: 449px;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	overflow-y: auto;
	border-left: 1px solid #ccc;
	-webkit-overflow-scrolling: touch;
}

#insideIFrame {
	height: 100%;
	background: '';
}

#loadingMes {
	position: absolute;
	transform: translate(-50%, -57%);
	left: 50%;
	top: 57%;
}

.panelControllers {
	position: relative;
	margin-left: -30px;
	height: 30px;
}

#panelControllersAnalytics {
	height: 60px;
}

.panelControllers ul li {
	padding-right: 10px;
	list-style: none;
}

.panelControlBtn {
	margin-bottom: 10px;
	margin-right: 9px;
}

.sentiment_link:not(#reset_data) {
	cursor: pointer;
	text-decoration: none !important;
	font: 15px 'IstokWeb-Bold', sans-serif;
}

.sentiment_bold {
	text-decoration: underline !important;

}

#positive_data {
	color: #00aa00 !important;
}

#negative_data {
	color: #ee0000 !important;
}

.statementInputMenu {
	font: 15px 'IstokWeb-Bold', sans-serif;
}


#menu {
	margin-left: -305px;
	/* "#menu" width */
	width: 305px;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	background: #191818;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	z-index: 3147483738;
}

/*
    All anchors inside the menu should be styled like this.
    */
#menu a {
	color: #999;
	border: none;
	padding: 0.6em 0 0.6em 0.6em;
}

/*
    Remove all background/borders, since we are applying them to #menu.
    */
#menu .pure-menu,
#menu .pure-menu ul {
	border: none;
	background: transparent;
}

/*
    Add that light border to separate items into groups.
    */
#menu .pure-menu ul,
#menu .pure-menu .menu-item-divided {
	border-top: 1px solid #333;
}



.menu-item-divided .menu-context-delete {
	z-index: 100 !important;
	content: var(--contextdelete-background-image);
	margin-top: -35px !important;
	float: right;
	visibility: hidden;
}

.menu-item-divided:hover .menu-context-delete {
	visibility: visible;
}

.menu-context-loading {
	margin-top: 5px;
	content: url('../images/loading-icon.svg') !important;
	float: right;
}

.menu-item-divided .menu-context-rename {
	z-index: 100 !important;
	content: var(--contextrename-background-image);
	margin-top: -35px !important;
	margin-right: 28px;
	float: right;
	visibility: hidden;
}

.menu-item-divided:hover .menu-context-rename {
	visibility: visible;
}

/*
        Change color of the anchor links on hover/focus.
        */
#menu .pure-menu li a:hover,
#menu .pure-menu li a:focus {
	background: #333;
}

#menu .menu-item-small {
	font-size: 80%;
}

/*
    This styles the selected menu item `<li>`.
    */
#menu .pure-menu-selected,
#menu .pure-menu-heading {
	background: #1f8dd6;
	border-radius: 4px;
}

/*
        This styles a link within a selected menu item `<li>`.
        */
#menu .pure-menu-selected a {
	color: #fff;
}

/*
    This styles the menu heading.
    */
#menu .pure-menu-heading {
	font-size: 110%;
	color: #fff;
	margin: 0;
}


/*
`.menu-link` represents the responsive menu toggle that shows/hides on
small screens.
*/
.menu-link {
	position: fixed;
	display: block;
	/* show this only on small screens */
	top: 0;
	left: 0;
	/* "#menu width" */

	background: var(--menu-link-background);
	font-size: 8px;
	/* change this value to increase/decrease button size */
	width: 2.5em;
	height: auto;
	padding: 2.4em 1.8em;
	z-index: 500 !important;
}

.menu-link:hover,
.menu-link:focus {
	background: var(--menu-link-hover);
}

.menu-link span {
	position: relative;
	display: block;
}

.menu-link span,
.menu-link span:before,
.menu-link span:after {
	background-color: #fff;
	width: 100%;
	height: 0.2em;
}

.menu-link span:before,
.menu-link span:after {
	position: absolute;
	margin-top: -0.6em;
	content: " ";
}

.menu-link span:after {
	margin-top: 0.6em;
}


#topnav {
	top: 0;
	left: 0;
	padding-left: 2px;
	margin-top: 0px;
	padding-top: 2px;
	padding-bottom: 15px;
	display: inline-flex !important;
	z-index: 2 !important;
}

#topnav .pure-menu.pure-menu-open.pure-menu-horizontal li {
	border-radius: 15px !important;
	display: inline-flex !important;
}

#topnav_aux {
	/* padding-top: 1px; */
	left: 14px;
	padding-left: 50px;
	margin-top: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	display: inline-flex !important;
	z-index: 2 !important;
	max-width: 600px;
	position: relative;
	opacity: 80%;
	background-color: #f0ecec;

}

.topnav_aux {
	left: 14px;
	padding-left: 50px;
	margin-top: 0px;
	padding-top: 2px;
	position: relative;
}

#topnav_aux .pure-menu.pure-menu-open.pure-menu-horizontal li {
	border-radius: 15px !important;
	display: inline-flex !important;
}

#controls {
	position: absolute;
	display: block;
	top: 40px;
	right: 0px;
	z-index: 13;
}

#statements-toggle {
	position: absolute;
	display: inline-block;
	/* show this only on small screens */
	top: 0;
	right: 0;
	/* "#menu width" */

	margin-left: 0px;
	width: 24px;
	height: 32px;
	padding-top: 14px !important;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 6px;
	z-index: 10;
	background-image: var(--statements-toggle-background-image);
	opacity: var(--statements-toggle-background-opacity);
	background-repeat: no-repeat;
	background-position: center;
	pointer-events: auto !important;
	background-color: var(--entry-form-background);
	background-size: 60%;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}

#seo-helper,
#niche-helper {
	position: relative;
	display: none;
	padding-left: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#close-firstentry,
#close-firstentry-niche,
#close-firstentry-google-app,
#close-firstentry-twitter-app,
#close-firstentry-notes-app {
	position: relative;
	display: inline;
	/* show this only on small screens */
	top: 5px;
	right: 0;
	/* "#menu width" */
	font-size: 5px;
	/* change this value to increase/decrease button size */
	width: 32px;
	height: auto;
	float: right;
	padding: 2.5em 1.5em;
	z-index: 21;
	background-image: var(--statements-toggle-background-image);
	opacity: var(--statements-toggle-opacity);
	background-repeat: no-repeat;
	background-position: center;
	pointer-events: auto !important;
	cursor: pointer;
}


#top-link {
	display: none;
	/* Hidden by default */
	position: relative;
	/* Fixed/sticky position */
	top: 10px;
	/* Place the button at the bottom of the page */
	left: 5px;
	/* Place the button 30px from the right */
	z-index: 99;
	/* Make sure it does not overlap */
	border: none;
	/* Remove borders */
	outline: none;
	/* Remove outline */
	background-color: #dadada;
	/* Set a background color */
	cursor: pointer;
	/* Add a mouse pointer on hover */
	padding: 15px 15px 15px 19px;
	/* Some padding */
	border-radius: 10px;
	/* Rounded corners */
	font-size: 22px;
	/* Increase font size */
	width: 40px;
	height: 40px;
	background-image: var(--top-link-background-image);
	opacity: var(--top-link-opacity);
	background-repeat: no-repeat;
	background-position: center;
	pointer-events: auto !important;
}


#statements-link {
	position: relative;
	grid-column: 1;
	background: none;
	text-align: left;
	font-size: 32px;
	/* change this value to increase/decrease button size */
	width: 32px;
	height: 32px;
	/* float: right; */
	padding: 3px 5px;
	z-index: 10;
	background-image: var(--statements-link-background-image);
	opacity: var(--statements-link-opacity);
	background-repeat: no-repeat;
	background-position: center;
	pointer-events: auto !important;
}

#timer-link {
	position: relative;
	grid-column: 1;
	background: none;
	text-align: left;
	font-size: 32px;
	/* change this value to increase/decrease button size */
	width: 32px;
	height: 32px;
	/* float: right; */
	padding: 3px 5px;
	z-index: 10;
	background-image: var(--timer-link-background-image);
	opacity: var(--timer-link-opacity);
	background-repeat: no-repeat;
	background-position: center;
	pointer-events: auto !important;
}

.timer-link-on {
	background-image: url('../images/timer-blue.png') !important;
}

#watch-link {
	position: relative;
	grid-column: 1;
	background: none;
	text-align: left;
	font-size: 32px;
	/* change this value to increase/decrease button size */
	width: 32px;
	height: 32px;
	/* float: right; */
	padding: 3px 5px;
	z-index: 10;
	background-image: var(--watch-link-background-image);
	opacity: var(--watch-link-opacity);
	background-repeat: no-repeat;
	background-position: center;
	pointer-events: auto !important;
}

.watch-link-on {
	opacity: 0.8;
	background-image: url('../images/watch-blue.png') !important;
}

.statements-link-on {
	background-image: url('../images/squareplus.png') !important;
}

.statements-link-on-dark {
	opacity: 0.8;
	background-image: url('../images/squareplus-white.png') !important;
}

#file-import,
#file-import-notes {
	position: relative;
	left: 0;
	/* "#menu width" */
	text-align: right;
	padding-top: 7px;
	padding-bottom: 6px;
	padding-left: 22px;
	padding-right: 6px;
	margin-left: 5px;
	background-color: #f5f5f5;
	color: #666;
	font: 13px 'IstokWeb-Regular', sans-serif;
	z-index: 10;
	background-image: var(--file-import-background-image);
	opacity: var(--file-import-link-opacity);
	background-repeat: no-repeat !important;
	display: inline-block;
	width: 50px;
	float: right;
	background-position: 5px 4px;
	/* pointer-events: auto!important;   */
}


#all-import {
	position: relative;
	left: 0;
	/* "#menu width" */
	text-align: center;
	padding-top: 7px;
	padding-bottom: 6px;
	padding-left: 6px;
	padding-right: 6px;
	margin-left: 5px;
	background-color: #f5f5f5;
	color: #666;
	font: 13px 'IstokWeb-Regular', sans-serif;
	/* width: 32px;
    height: 32px;
    float: right; */

	z-index: 10;
	display: inline-block;
	min-width: 15px;
	float: right;

	/* pointer-events: auto!important;   */
}

#file-import:hover,
#file-import-notes:hover,
#all-import:hover {
	background-color: #efefef;
}


#windowdown-link {
	position: absolute;
	display: inline;
	/* show this only on small screens */
	top: 0;
	right: 30px;
	/* "#menu width" */
	background: none;
	font-size: 8px;
	/* change this value to increase/decrease button size */
	width: 2em;
	height: auto;
	float: right;
	padding: 3.3em 1.6em;
	z-index: 10;
	background-image: var(--windowdown-link-background-image);
	opacity: var(--windowdown-link-opacity);
	background-repeat: no-repeat;
	background-position: center;
	pointer-events: auto !important;
}

#entryinput-settings {
	position: absolute;
	display: inline;
	/* show this only on small screens */
	top: 0;
	right: 30px;
	/* "#menu width" */
	background: none;
	font-size: 8px;
	/* change this value to increase/decrease button size */
	width: 2em;
	height: auto;
	float: right;
	padding: 3.3em 1.6em;
	z-index: 10;
	background-image: var(--adjustsettings-button-background-image);
	opacity: var(--adjustsettings-button-opacity);
	background-repeat: no-repeat;
	background-position: center;
	pointer-events: auto !important;

}

#deletecontext {
	position: relative;
	grid-column: 1;
	text-align: left;
	font-size: 32px;
	/*   this value to increase/decrease button size */
	width: 32px;
	height: 32px;
	/* float: right; */
	padding: 3px 5px;
	z-index: 10;
	background-image: var(--deletecontextbutton-background-image);
	opacity: var(--deletecontextbutton-opacity);
	background-repeat: no-repeat;
	background-position: center;
	pointer-events: auto !important;
}

#deletecontextform {
	padding: 2px;
}


#deletebutton {
	background: var(--deletebutton-image);
	background-repeat: no-repeat;
	background-position: center;
	border: 0;
	display: inline-block;
	height: 23px;
	width: 23px;
	text-indent: -9999px;
	line-height: 0px;
	font-size: 0px;
	position: relative;
	top: -5px;
}

.deletebutton-dark {

	background-image: url('../images/trash-white.png') !important;
}

#deletecontextbutton,
#deletecontextselect {
	clear: both;
	margin-top: 14px;

}

#privacy-link {
	position: relative;
	grid-column: 1;
	text-align: left;
	font-size: 32px;
	/*   this value to increase/decrease button size */
	width: 32px;
	height: 32px;
	/* float: right; */
	padding: 3px 5px;
	z-index: 10;
	background-image: var(--privacy-link-share-image);
	opacity: var(--privacy-link-share-opacity);
	background-repeat: no-repeat;
	background-position: center;
	pointer-events: auto !important;
}

#downloaddata-link {
	position: relative;
	grid-column: 1;
	text-align: left;
	font-size: 32px;
	/*   this value to increase/decrease button size */
	width: 32px;
	height: 32px;
	/* float: right; */
	padding: 0px 5px 6px 5px;
	z-index: 10;
	margin-top: -2px;
	background-image: var(--download-link-share-image);
	opacity: var(--download-link-share-opacity);
	background-repeat: no-repeat;
	background-position: center;
	pointer-events: auto !important;
}

#savegraph-link {

	position: relative;
	grid-column: 1;
	text-align: left;
	font-size: 32px;
	/*   this value to increase/decrease button size */
	width: 32px;
	height: 32px;
	/* float: right; */
	padding: 3px 5px;
	z-index: 10;
	background-image: var(--savegraph-link-share-image);
	opacity: var(--savegraph-link-share-opacity);
	background-repeat: no-repeat;
	background-position: center;
	pointer-events: auto !important;
}

#collaborate-link {
	display: none;
	position: relative;
	/* show this only on small screens */
	grid-column: 1;
	background: none;
	text-align: left;
	font-size: 32px;
	/* change this value to increase/decrease button size */
	width: 32px;
	height: 32px;
	/* float: right; */
	padding: 3px 5px;
	z-index: 10;
	background: var(--collaborate-link-background-image);
	opacity: var(--collaborate-link-opacity);
	background-repeat: no-repeat;
	background-position: center;
	pointer-events: auto !important;
}


.is-public {
	background: url('../images/share-green.png') !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}

.is-live {
	background: url('../images/toggle-on.svg') !important;
	background-repeat: no-repeat !important;
	background-position: right !important;
}

.is-collab {
	background: url('../images/group-green.png') !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}

#import-link {
	position: relative;
	/* show this only on small screens */
	grid-column: 1;
	background: none;
	text-align: left;
	font-size: 32px;
	/* change this value to increase/decrease button size */
	width: 32px;
	height: 32px;
	/* float: right; */
	padding: 3px 5px;
	z-index: 10;
	background: var(--import-link-background-image);
	opacity: var(--import-link-opacity);
	background-repeat: no-repeat;
	background-position: center;
	pointer-events: auto !important;
}

#graph-link {
	margin-top: 0px;
	background: none;
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	/* "#menu width" */
	font-size: 8px;
	/* change this value to increase/decrease button size */
	/* width: 2em; */
	height: auto;
	/* padding: 2.6em 2.6em; */
	z-index: 11;
	width: 50px;
	height: auto;
	padding: 20px 5px;
	background-image: var(--graph-link-background-image);
	opacity: var(--graph-link-opacity);
	background-repeat: no-repeat;
	background-position: center;
}

#entry-link {
	margin-top: 0px;
	background: none;
	position: absolute;
	display: none;
	bottom: 15px;
	left: 10px;
	/* "#menu width" */
	font-size: 8px;
	/* change this value to increase/decrease button size */
	width: 2em;
	height: auto;
	padding: 2.6em 2.6em;
	z-index: 11;
	border-radius: 30px;
	/* background-image: url('..../images/chat.png'); */
	background-image: var(--graph-link-background-image);
	opacity: var(--graph-link-opacity);
	background-repeat: no-repeat;
	background-position: center;
	box-shadow: 0 3px 15px rgba(0, 0, 0, .16);
	-webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, .16);
}

.graph-highlight {
	background: rgba(31, 141, 214, 1) !important;
	background-image: url('../images/application.png') !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}

.entry-link-hide {
	display: none;
}

.graph-highlight:hover {
	background: rgba(0, 0, 0, 0.7) !important;
	background-image: url('../images/application.png') !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}

#graph-link:hover {
	background: rgba(0, 0, 0, 0.7);
	background-image: url('../images/graphnet-white.png');
	background-repeat: no-repeat;
	background-position: center;
}

#entry-link:hover {
	background: rgba(0, 0, 0, 0.7);
	background-image: url('../images/graphnet-white.png');
	background-repeat: no-repeat;
	background-position: center;
}

#microphone-link {
	display: none;
	opacity: var(--microphone-link-opacity);
	grid-column: 1;
	position: relative;
	font-size: 32px;
	/* change this value to increase/decrease button size */
	width: 32px;
	height: 32px;
	font-size: 32px;
	/* change this value to increase/decrease button size */
	padding: 3px 5px;
	z-index: 10;
	background-image: var(--microphone-link-background-image);
	background-repeat: no-repeat;
	background-position: center;

}

#midi-link {
	display: inline;
	opacity: var(--midi-link-opacity);
	grid-column: 1;
	position: relative;
	font-size: 32px;
	/* change this value to increase/decrease button size */
	width: 32px;
	height: 32px;
	font-size: 32px;
	/* change this value to increase/decrease button size */
	padding: 3px 5px;
	z-index: 10;
	background-image: var(--midi-link-background-image);
	background-repeat: no-repeat;
	background-position: center;

}

#statementmenu {
	position: fixed;
	top: 40px;
	width: 42px;
	display: grid;
	z-index: 10;
}

#addcontext-link {

	position: relative;
	grid-column: 1;
	background: none;
	text-align: left;
	font-size: 32px;
	/* change this value to increase/decrease button size */
	width: 32px;
	height: 32px;
	padding: 3px 5px;
	z-index: 10;
	opacity: var(--addcontext-link-opacity);
	background-image: var(--addcontext-link-background-image);
	background-repeat: no-repeat;
	background-position: center;
	pointer-events: auto !important;

}

.addcontext-on {
	opacity: 1 !important;
	background-image: url('../images/intersect-active.png') !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}

.addcontext-visible {
	background-image: url('../images/intersect-on.png') !important;
}

#diffcontext-link {
	position: relative;
	grid-column: 1;

	background: none;
	text-align: left;
	font-size: 32px;
	/* change this value to increase/decrease button size */
	width: 32px;
	height: 32px;
	padding: 3px 5px;
	z-index: 10;
	opacity: var(--diffcontext-link-opacity);
	background-image: var(--diffcontext-link-background-image);
	background-repeat: no-repeat;
	background-position: center;
	pointer-events: auto !important;

}

#swapcontext-link {
	position: relative;
	grid-column: 1;

	background: none;
	text-align: left;
	font-size: 32px;
	/* change this value to increase/decrease button size */
	width: 32px;
	height: 32px;
	padding: 3px 5px;
	z-index: 10;
	opacity: var(--swapcontext-link-opacity);
	background-image: var(--swapcontext-link-background-image);
	background-repeat: no-repeat;
	background-position: center;
	pointer-events: auto !important;
}

.diffcontext-on {
	opacity: 1 !important;
	background-image: url('../images/diff-active.png') !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}

#mergecontext-link {
	position: relative;
	grid-column: 1;
	background: none;
	text-align: left;
	font-size: 32px;
	/* change this value to increase/decrease button size */
	width: 32px;
	height: 32px;
	padding: 3px 5px;
	z-index: 10;
	opacity: var(--mergecontext-link-opacity);
	background-image: var(--mergecontext-link-background-image);
	background-repeat: no-repeat;
	background-position: center;
	pointer-events: auto !important;
}

.mergecontext-on {
	opacity: 1 !important;
	background-image: url('../images/intersect-merge-active.png') !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}

.mergecontext-visible {
	background-image: url('../images/intersect-merge-on.png') !important;
}

.diffcontext-visible {
	background-image: url('../images/diff-on.png') !important;
}

#improve-layout {
	position: absolute;
	top: 85px;
	font-size: 8px;
	width: 2em;
	height: 25px;
	right: 0;
	font-size: 8px;
	padding: 0em 2.5em;
	z-index: 11;
	opacity: var(--improve-layout-opacity);
	background-image: var(--improve-layout-background-image);
	background-repeat: no-repeat;
	background-position: center;
}

#network-layout {
	position: absolute;
	top: 95px;
	font-size: 8px;
	width: 2em;
	height: 25px;
	right: 0;
	font-size: 8px;
	padding: 0em 2.5em;
	z-index: 11;
	opacity: var(--network-layout-opacity);
	background-image: var(--network-layout-background-image);
	background-repeat: no-repeat;
	background-position: center;
}

#circle-layout {
	position: absolute;
	top: 135px;
	font-size: 8px;
	width: 2em;
	height: 25px;
	right: 0;
	padding: 0em 2.5em;
	z-index: 11;
	background-image: var(--circle-layout-background-image);
	opacity: var(--circle-layout-opacity);
	background-repeat: no-repeat;
	background-position: center;
}

#tree-layout {
	position: absolute;
	top: 175px;
	font-size: 8px;
	width: 2em;
	height: 25px;
	right: 0;
	padding: 0em 2.5em;
	z-index: 11;
	background: none;
	background-image: var(--tree-layout-background-image);
	opacity: var(--tree-layout-opacity);
	background-repeat: no-repeat;
	background-position: center;
}

#table-layout {
	position: absolute;
	top: 215px;
	font-size: 8px;
	width: 2em;
	height: 25px;
	right: 0;
	padding: 0em 2.5em;
	z-index: 11;
	background: none;
	background-image: var(--table-layout-background-image);
	opacity: var(--table-layout-opacity);
	background-repeat: no-repeat;
	background-position: center;
}

#walkthrough {
	position: absolute;
	top: 205px;
	font-size: 8px;
	width: 2em;
	height: 25px;
	right: 0;
	padding: 0em 2.5em;
	z-index: 11;
	background: none;
	background-image: var(--walkthrough-button-background-image);
	opacity: var(--walkthrough-button-opacity);
	background-repeat: no-repeat;
	background-position: center;
}

#manualsupport {
	position: fixed;
	top: 440px;
	right: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	width: 50px;
	height: 120px;
	background: #288fd4;
	/* #105bfb; */
	z-index: 15;
	border-radius: 10px 0px 0px 10px;
	text-decoration: none !important;
	opacity: 1;

}

#manualsupport:hover {
	background: #2472a7;
}

#manualsupport p {
	font-size: 16px;
	/* change this value to increase/decrease button size */
	color: var(--text-standard);
	padding: 5px 0px 0px 10px;
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}

#adjustsettings {
	position: absolute;
	top: 5px;
	font-size: 8px;
	width: 2em;
	height: 25px;
	right: 0;
	padding: 0em 2.5em;
	z-index: 12;
	background: none;
	background-image: var(--adjustsettings-button-background-image);
	opacity: var(--adjustsettings-button-opacity);
	background-repeat: no-repeat;
	background-position: center;
}

#adjustfilters {
	position: absolute;
	top: 45px;
	font-size: 8px;
	width: 2em;
	height: 25px;
	right: 0;
	padding: 0em 2.5em;
	z-index: 12;
	background: none;
	background-image: var(--adjustfilter-button-background-image);
	opacity: var(--adjustfilter-button-opacity);
	background-repeat: no-repeat;
	background-position: center;
}

#themeswitch {
	position: absolute;
	top: 165px;
	font-size: 8px;
	width: 2em;
	height: 25px;
	right: 0;
	padding: 0em 2.5em;
	z-index: 11;
	background: none;
	background-image: var(--themeswitch-button-background-image);
	opacity: var(--themeswitch-button-opacity);
	background-repeat: no-repeat;
	background-position: center;
}

.microphone-on {
	opacity: 1 !important;
	background-image: url('../images/microphone-blue.png') !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}

.midi-on {
	opacity: 1 !important;
	background-image: url('../images/midi-blue.png') !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}

.layout-on {
	opacity: 1 !important;
	background-image: url('../images/diamond-blue.png') !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}

.circle-on {
	opacity: 1 !important;
	background-image: url('../images/location-precise-blue.png') !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}

.abstract-on {
	opacity: 1 !important;
	background-image: url('../images/diamond-blue.png') !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}

.manual-on {
	opacity: 0.8 !important;
}

#graph-tools {
	position: absolute;
	top: 300px;
	text-align: right;
	right: -2px;
	height: 80px;
	font-size: 8px;
	padding-top: 0;
	padding-right: 2.3em;
	z-index: 11;
}

#graph-reload {
	position: fixed;
	top: 0px;
	text-align: right;
	right: -2px;
	/* "#menu width" */
	font-size: 8px;
	/* change this value to increase/decrease button size */
	/* width: 2em;
     height: auto;*/
	padding: 0 2.3em;
	z-index: 11;
	margin-top: 6em;
}

#addcontextinput {
	position: relative;
	float: left;
}

#addcontextdiv {
	clear: both;
	display: block;
	padding-top: 25px !important;
	padding-bottom: 10px;
}

#addNewContext {
	position: relative !important;
	clear: both;
	padding-bottom: 10px;
}

#addcontextbutton {
	text-decoration: none;
}

#listall {
	clear: both;
}


#addcontextname {
	float: left;
}

input#addcontextsubmit {
	position: relative;
	margin-top: 5px;
	margin-left: 10px;
	background: url('../images/save-white.png') no-repeat;
	border: none;
	width: 23px;
	height: 23px;
	float: left;
}

input#contextrename {
	position: relative;
	top: 5px;
	padding-top: 10px;
	margin-left: 10px;
	background: url('../images/save-white.png') no-repeat;
	border: none;
	width: 23px;
	height: 23px;
	float: none;
	content: none;
}

#addcontextbreak {
	float: none;
}

.whiten {
	color: #cfcfcf !important;
}

#biascaption {
	font: 13px 'IstokWeb-Regular', sans-serif;
	line-height: 15px;
	color: var(--biasindex-font) !important;
}

#biascaption:after {
	content: attr(data-after);
	font: 13px 'IstokWeb-Bold', sans-serif;
}

#distribution_info,
#dfa_info {
	padding-top: 10px;
	font: 13px 'IstokWeb-Regular', sans-serif;
	line-height: 16px;

}

#distribution_info>.headline,
#dfa_info>.headline {
	font: 13px 'IstokWeb-Bold', sans-serif;
	line-height: 16px;
}
/*
Hides the menu at `48em`, but modify this based on your app's needs.
*/
@media (min-width: 480em) {
	.content {
		padding-left: 2em;
		padding-right: 2em;
	}

	#layout {
		padding-left: 305px;
		/* left col width "#menu" */
		left: 0;
	}

	#menu {
		left: 305px;
	}

	.menu-link {
		position: fixed;
		left: 305px;
		display: none;
	}

	#layout.active .menu-link {
		left: 305px;
	}
}


@media (min-width: 48em) {
	#graph-tools {
		display: block;
	}

	#graph-container {
		/*left: 150px;*/
	}
}

@media (max-width: 460px) {

	#maincontent {
		max-width: 340px !important;
	}

	#manualFrame {
		position: absolute;
		display: none;
		width: 349px;
		height: 100%;
		top: 0;
		right: 0;
		bottom: 0;
		overflow-y: auto;
		border-left: 1px solid #ccc;
		z-index: 400;
		-webkit-overflow-scrolling: touch;
	}

	#manualsupport {
		position: fixed;
		top: 435px;
		font-size: 8px;
		/* change this value to increase/decrease button size */
		width: 2em;
		height: 35px;
		right: 0;
		/* "#menu width" */
		padding: 0em 2.5em;
		z-index: 11;
		background: none;
		background-image: var(--manual-button-background-image);
		opacity: var(--manual-button-opacity);
		background-repeat: no-repeat;
		background-position: center;
	}

	#manualsupport p {
		display: none;
	}

	.manual-on {
		opacity: 1 !important;
		background-image: url('../images/manual-blue.png') !important;
	}

	#graph-link {
		margin-top: 0px;
		background: none;
		position: absolute;
		display: block;
		top: 0;
		right: 0;
		/* "#menu width" */
		font-size: 8px;
		/* change this value to increase/decrease button size */
		width: 2em;
		height: auto;
		padding: 2.6em 2.6em;
		z-index: 11;
		background-image: url('../images/graphnet.png');
		background-repeat: no-repeat;
		background-position: center;
	}

	#graph-link:hover {
		background: rgba(0, 0, 0, 0.1);
		background-image: url('../images/graphnet.png');
		background-repeat: no-repeat;
		background-position: center;
	}

	#entry-link:hover {
		background: rgba(0, 0, 0, 0.1);
		background-image: url('../images/graphnet.png');
		background-repeat: no-repeat;
		background-position: center;
	}

	#statements-toggle {
		/* display:none; */
	}

	#entryform {
		max-width: 310px;
	}

	#importpane::before {
		content: "";
		padding-right: 3px;
	}

	#google-import {
		font: 13px 'IstokWeb-Regular', sans-serif;
		width: 50px;

	}

	#file-import,
	#all-import {
		font: 13px 'IstokWeb-Regular', sans-serif;
		position: relative;
	}

	#import-link {

		bottom: 10px;
		right: 135px;
		/* "#menu width" */
	}

	#collaborate-link {
		bottom: 10px;
		right: 170px;
		/* "#menu width" */
	}

	#globalsearchinput {
		display: none;
	}

	#search {
		display: none;
	}

	#messages {
		top: auto !important;
		right: 60px !important;
		bottom: 30px !important;

	}

	.statementInputMenu {
		font: 14px 'IstokWeb-Bold', sans-serif;
	}
}

@media (max-width: 600px) {
	.signupbtn {
		top: 43px;
		right: 80px;
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
	}

	#globalsearchinput {
		display: none;
	}

	#topnav {
		font: 14px 'IstokWeb-Bold', sans-serif;
	}

	.statementInputMenu {
		font: 14px 'IstokWeb-Bold', sans-serif;
	}
}


.noUi-background {
	height: 8px !important;

}

.noUi-target {
	height: 8px !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
	margin-top: 5px !important;
}

.noUi-base .noUi-connect {
	background-color: rgb(31, 141, 214);
}

.noUi-base .noUi-handle {
	background-color: rgb(45, 93, 252);
	border: none;
	border-radius: 8px;
	box-shadow: none;
	color: white;
	height: 16px !important;
	width: 16px !important;
	top: -5px !important;
	left: 14px !important;
}

.noUi-base .noUi-handle:hover {
	background-color: rgb(27, 71, 214);
	border: none;
	border-radius: 8px;
}

.noUi-horizontal .noUi-base .noUi-handle {
	cursor: ew-resize;
}


.noUi-base .noUi-handle::before {
	vertical-align: middle;
	display: none;
}

.noUi-base .noUi-handle::after {
	display: none;
}


#datemetrics {
	margin-left: -1px;
	position: relative;
	margin-top: 12px !important;
}

.datemetrics {
	position: relative;
	top: -2px !important;
}

#proportional-labels {
	margin-left: -1px;
	position: relative;
	margin-top: 12px !important;
}

#labels-color {
	margin-left: -1px;
	position: relative;
}

.proportional-labels {
	position: relative;
	top: -2px !important;
}

#nonmentionslayer {
	position: relative;
	padding: 0 !important;
	margin: 0 !important;
	display: none;
	margin-top: 2px !important;
}

#nonmentions {
	margin-left: -1px;
}

.nonmentions {
	position: relative;
	top: -2px !important;
}