/*VISUALIZACAO*/
.bpm-canvas-view .djs-palette {
	display: none;
}

.bpm-canvas-view .djs-context-pad {
	display: none;
}

.bpm-canvas-view {
	position: relative;
}

.bjs-container .djs-container > svg {
	box-sizing: border-box;
}

/*WflPainelAnaliseBPM*/
.wpc-content .bpm-canvas-view {
	height: 100%;
	padding-bottom: 40px;
	box-sizing: border-box;
}

.bpm-controls {
	position: absolute;
	height: 36px;
	width: 100%;
	background-color: #F3F6F6;
	z-index: 90;
	text-align: center;
	padding: 4px 10px;
	bottom: 0px;
	left: 50%;
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	box-sizing: border-box;
}

.ui-dialog-footer .bpm-controls-wrapper {
	display: flex;
	width: calc(100% - 90px);
	float: left;
	margin-top: 2px;
}

.bpm-controls .bpm-controls-wrapper {
	display: flex;
	width: 100%;
}

.bpm-slider {
	display: inline-block;
}

.bpm-controls .bpm-slider {
	width: 100%;
	margin-top: 6px;
}

.ui-dialog-footer .bpm-slider {
	width: calc(100% - 90px);
	margin-top: 6px;
}

.bpm-subtitle {
	position: absolute;
	right: 5px;
	top: 5px;
	border: 1px solid black;
	padding: 4px;
	font-size: 14px;
	color: black;
	background: #ffffffed;
	z-index: 10000;
    text-align: left;
}

.bpm-subtitle-marker {
	height: 10px;
	width: 10px;
	border: 1px solid;
	display: inline-block;
}

.bpm-subtitle-opened .bpm-subtitle-marker {
	background-color: #178EFF;
	border-color: black;
}

.bpm-subtitle-closed .bpm-subtitle-marker {
	background-color: #A2A2A2;
	border-color: black;
}

.bpm-subtitle-current .bpm-subtitle-marker {
	background-color: #f9ff6c;
	border-color: #00bb04;
}

.bpm-subtitle-current-ori .bpm-subtitle-marker {
	background-color: #e4ffd1;
	border-color: #00bb04;
}

/*highlight*/
.link-highlight .djs-visual>:nth-child(1) {
	fill: #0288d199 !important;
}

.wfl-view-hl-closed .djs-visual>:nth-child(1) {
	fill: #A2A2A2 !important;
}

.wfl-view-hl-opened .djs-visual>:nth-child(1) {
	fill: #178eff !important;
}

.wfl-view-hl-current .djs-visual>:nth-child(1) {
	stroke: #00bb04 !important;
	fill: #f9ff6c !important;
}

.wfl-view-hl-current-ori .djs-visual>:nth-child(1) {
	stroke: #00bb04 !important;
	fill: #e4ffd1 !important
}

.wfl-view-hl-current-con .djs-visual>:nth-child(1) {
	stroke: #00bb04 !important;
}