.visit-parametermodule-container {
	position: absolute;
	z-index: 100;
	top: 2.5em;
	margin: 2.2em 5px 10px 10px;

	/* Resizing width prevented */
	width: calc(100% - 20px);
	min-width: calc(100% - 20px);
	max-width: calc(100% - 20px);

	/* Resizing height allowed */
	height: 150px; /* Widget area padding-top must follow resized value! */

	border: 2px dashed black;
	border-radius: 7px;
	background-color: #ddd; /* rgba(160,160,160,0.2); */
	/*background-image: url(../../images/parameters-info-text.svg);*/
	background-position: center center;
	background-repeat: no-repeat;

	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.visit-parameter-help {
	position: absolute;
	margin: auto;
	top: 2rem;
	left: 33rem;
	font-size: 3em;
	color: #b0b0b0;
	pointer-events: none;
	cursor: initial;
}

/* --------------- */
/* Parameters item */
/* --------------- */
.visit-parametermodule-item {
	position: absolute;
	max-width: 15em;
	min-width: 15em;
	border: none;
	border-radius: 0.3em;
	font-size: 80%;
	background-color: white;
	color: white;
	text-align: left;
	-moz-box-shadow: 0px 2px 3px 1px #AAA;
	-webkit-box-shadow: 0px 2px 3px 1px #AAA;
	box-shadow: 0px 2px 3px 1px rgba(160,160,160,0.5);
}

.visit-parametermodule-title {
	padding: 0.1em 2.5em 1.8em 1.5em;
	font-weight: bold;
	font-size: 120%;
	cursor: move;
}

.plumb-btns {
	position: absolute;
	text-align: center;
	bottom: 0.2em;
	right: 3.5em;
}
.plumb-btns .glyphicon-cog {
	margin-left: 1em;
}

/* -------- */
/* Plumbing */
/* -------- */
.visit-parametermodule-connect {
	width: 100%;
	height: 20px;
	cursor: pointer;
	background-color: #40B3DF;
}

.window { z-index:20; }
.jtk-connector { z-index:101; /* 4; Jukka 4 -> 101 */ }
.jtk-endpoint { z-index:102; /*5*/ }
.jtk-overlay { z-index:103; /*6*/ }

.endpointTargetLabel, .endpointSourceLabel {
	z-index:104;
	color: #444;
}

.widgetContainer .parameter-plumbing-container {
	display: inline-block;
	background: rgba(255,255,255,0.8); /*#c3f29f;*/
	/*border: 1px solid #7ab02c;*/
	border-radius: 0.75em;
	height: 1.4em;
	padding: 0 0.5em;
}

.visit-parametermodule-item .plumb-anchor-class-inbound,
.visit-parametermodule-item .plumb-anchor-class-outbound,
.visit-parametermodule-item .plumb-anchor-widget-inbound,
.visit-parametermodule-item .plumb-anchor-widget-outbound,
.visit-parametermodule-item .plumb-anchor-class-inbound div,
.visit-parametermodule-item .plumb-anchor-class-outbound div,
.visit-parametermodule-item .plumb-anchor-widget-inbound div,
.visit-parametermodule-item .plumb-anchor-widget-outbound div {
	position: absolute;
}
.visit-parametermodule-item .plumb-anchor-class-inbound svg,
.visit-parametermodule-item .plumb-anchor-class-outbound svg,
.visit-parametermodule-item .plumb-anchor-widget-inbound svg,
.visit-parametermodule-item .plumb-anchor-widget-outbound svg,
.widgetContainer .plumb-anchor-inbound svg,
.widgetContainer .plumb-anchor-outbound svg  {
	position: absolute;
	width: 2em;
	height: 2em;
	top: -1em;
	left: -1.15em;
}

.visit-parametermodule-item .plumb-anchor-class-inbound { bottom: 1.05em; left: 1em; }
.visit-parametermodule-item .plumb-anchor-class-outbound { bottom: 1.05em; right: 1em; }

.visit-parametermodule-item .plumb-anchor-class-inbound svg polygon,
.visit-parametermodule-item .plumb-anchor-class-outbound svg polygon { /*BROWN*/ fill: #d8b56e; stroke: #aa9900; stroke-width: 0.1em; }

.visit-parametermodule-item .plumb-anchor-widget-inbound { bottom: 1.05em; left: 2.5em; }
.visit-parametermodule-item .plumb-anchor-widget-outbound { bottom: 1.05em; right: 2.5em; }

.visit-parametermodule-item .plumb-anchor-widget-inbound svg polygon,
.widgetContainer .plumb-anchor-outbound svg polygon { /*ORANGE*/ fill: #ffaa66; stroke: #ff6600; stroke-width: 0.1em; }

.visit-parametermodule-item .plumb-anchor-widget-outbound svg polygon,
.widgetContainer .plumb-anchor-inbound svg polygon { /*GREEN*/ fill: #b6ef8d; stroke: #7ab02c; stroke-width: 0.1em; }

.widgetContainer .plumb-anchor-outbound {
	display: inline-block;
	position: absolute;
	width: 0em;
	height: 1em;
	top: 0.6em;
	right: 4.2em;
}
.widgetContainer .plumb-anchor-inbound {
	display: inline-block;
	position: absolute;
	width: 0em;
	height: 2em;
	top: 0.6em;
	right: 6em;
}

.jtk-connector {
	z-index: 100;
}
.jtk-endpoint {
	z-index: 120;
	cursor: pointer;
	margin-left: 0;
	margin-top: 0.1em;
	font-size: smaller;
}

.visit-parameters-plumbing.class.jtk-endpoint svg circle { r: 0.4em; }
.visit-parameters-plumbing.widget.jtk-endpoint svg circle { r: 0.5em; }

.visit-parameters-plumbing.jtk-endpoint svg circle { fill: black; stroke-width: 0.2em; }
.visit-parameters-plumbing.classToClass.jtk-endpoint svg circle { stroke: #aa9900; }
.visit-parameters-plumbing.classToWidget.jtk-endpoint svg circle { stroke: #7ab02c; }
.visit-parameters-plumbing.widgetToClass.jtk-endpoint svg circle { stroke: #ff6600; }

.visit-parameters-plumbing.classToClass.jtk-endpoint.jtk-endpoint-connected svg circle { fill: #aa9900; }
.visit-parameters-plumbing.classToWidget.jtk-endpoint.jtk-endpoint-connected svg circle { fill: #7ab02c; }
.visit-parameters-plumbing.widgetToClass.jtk-endpoint.jtk-endpoint-connected svg circle { fill: #ff6600; }