* {
	margin: 0px;
	font-size: 9pt;
	font-family: Arial, 微软雅黑, 宋体;
}

body {
	background-image: url(isc-mark.png);
	background-color: #F0F6FB;	
}
.ok.button {
	height: 35px;
	width: 92px;
	background-color: #5582f3;
	color: white;
	font-size: 14px;
	cursor: pointer;
	position: absolute;
	left: 45%;
	border-radius: 3px;
	margin-left: 40px;
}
.cancel.button {
    background: inherit;
	width: 92px;
	border: 1px solid #bbb;
	border-radius: 3px;
	height: 35px;
	color: #666;
	cursor: pointer;
	font-size: 14px;
	position: absolute;
	left: 26%;
}
.panel {
	position: absolute;
	left: 2px;
	top: 2px;
	bottom: 2px;
	width: 160px;
	overflow: auto;
	border: 1px solid lightgray;
	border-radius: 3px;
	background-color: white;
}

[data-rtl=true] .panel {
	right: 2px;
	left: auto;
}

.diagram {
	position: absolute;
	left: 150px;
	top: 2px;
	right: 2px;
	bottom: 2px;
	overflow: auto;
	border: 1px solid lightgray;
	border-radius: 3px;
	border-radius: 3px;
	background-image: linear-gradient( 90deg, #eee 10%, rgba(0, 0, 0, 0) 10% ), linear-gradient(#eee 10%, rgba(0, 0, 0, 0) 10%);
    background-size: 10px 10px;
	/*background-color: #F0F6FB;*/
}

.expand-cancas {
	position:absolute; 
	width:3000px; 
	height:2000px;
	z-index: -1;
}

#MASK_DIV {
	z-index: 10;
	background-color: rgb(192, 192, 192);
	opacity: 0.618;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}

.dialog {
	background-color: rgb(143, 143, 143);
	border: 1px solid lightgray;
	box-shadow: 0 2px 8px 0 rgba(0,0,0,.15);
	left: 35%;
	top: 20%;
	border-radius: 6px;
}

.dialog .content {
		padding-top: 130px;
		padding-left: 80px;
		padding-right: 80px;
		padding-bottom: 0px;
		font: 20px Microsoft YaHei;
		text-align: center;
}

.dialog #CONFIRM, .dialog #MESSAGE {
	background-color: white;
	padding-left: 26px;
	padding-right: 26px;
	color: #828282;
}
.dialog #CONFIRM{
	background-image: url(ico/deleteNode.png);
	background-repeat: no-repeat;
	background-position: 50% 0%;
}
.dialog .header {
	font-size:18px;
	padding-top: 20px;
    padding-left: 30px;
    padding-right: 0px;
    padding-bottom: 10px;
	background-color: white;
	color: #333;
	height: 30px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.dialog .footer {
	background-color: white;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-direction: row;
	-webkit-box-pack: center;
	justify-content: center;
	font-size: 14px;
	line-height: 32px;
	height: 60px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

.node .complete TABLE {
	color: green
}

.node .complete .flag {
	
}
.node .manual_complete TABLE {
    color: #5400ff;
}
.nodeRunningState_manual_complete{
	width:inherit;
	height:inherit;
	background-image: url(ico/manual_complete.svg);
	background-repeat: no-repeat;
	background-position: top right;
}
.nodeRunningState_complete{
	width:inherit;
	height:inherit;
	background-image: url(ico/complete.svg);
	background-repeat: no-repeat;
	background-position: top right;
}
.nodeRunningState_failed{
	width:inherit;
	height:inherit;
	background-image: url(ico/failed.svg);
	background-repeat: no-repeat;
	background-position: top right;
}
.nodeRunningState_terminated{
	width:inherit;
	height:inherit;
	background-image: url(ico/terminated.svg);
	background-repeat: no-repeat;
	background-position: top right;
}
.nodeRunningState_ignored {
	width:inherit;
	height:inherit;
	background-image: url(ico/ignored.svg);
	background-repeat: no-repeat;
	background-position: top right;
}

.nodeRunningState_started {
	width:inherit;
	height:inherit;
	background-image: url(ico/started.svg);
	background-repeat: no-repeat;
	background-position: top right;
}
.nodeRunningState_arrived {
	width:inherit;
	height:inherit;
	background-image: url(ico/arrived.svg);
	background-repeat: no-repeat;
	background-position: top right;
}
.nodeRunningState_ready {
	width:inherit;
	height:inherit;
	background-image: url(ico/ready.svg);
	background-repeat: no-repeat;
	background-position: top right;
}
.nodeRunningState_suspended {
	width:inherit;
	height:inherit;
	background-image: url(ico/suspended.svg);
	background-repeat: no-repeat;
	background-position: top right;
}
.nodeRunningState_unExecuted{
	width:inherit;
	height:inherit;
}


.node .started  TABLE, .node .running  TABLE, .node .ready  TABLE {
	color: blue
}

.node .arrived  TABLE {
	color: lightgreen;
}

.node .suspended  TABLE {
	color: orange;
}

.node .failed  TABLE {
	color: red;
}

.node .flag {
	padding-bottom: 6px;
	padding-right: 6px;
}

.node .failed .flag {
	
}

.node .terminated  TABLE {
	color: lightgray;
}

.node .ignored   TABLE {
	color: lightgray;
}

[data-rtl=true] .node {
	direction: rtl;
}