ss_new_ui_skin_and_page/ss/GooFlow/theme/GooFlow.css

v\:group,v\:rect,v\:imagedata,v\:oval,v\:line,v\:polyline,v\:stroke,v\:textbox { display:inline-block;background:transparent }
.GooFlow{
	overflow:auto;font: 12px Arial, Helvetica, sans-serif;
	-moz-user-select:none;-webkit-user-select:none;
}
body{/* background-image:url(img/pattern.png) !important;*/background-position: right top !important; background-repeat: repeat-y !important;background-color:#f7f7f7 !important;}


.GooFlow_head{clear:both;height:22px;padding:1px}
.GooFlow_head label{
	font-weight:bold; text-indent:18px;display:block inline;height:14px;margin:2px;border:#B7C8D7 1px solid;border-right:#E9F4FA 1px solid;border-bottom:#E9F4FA 1px solid;padding:1px;width:160px;text-align:center;
	background: url(img/gooflow_icon.png) no-repeat -137px 1px;float:left;color:#15428B;-moz-border-radius:3px; -webkit-border-radius:3px;border-radius:3px;overflow:hidden;
}
.GooFlow_head span{float:left;height:22px;width:0px;overflow:hidden;border-left:#9AC6FF 1px solid;border-right:#FFFFFF 1px solid;margin:0px 1px;}
.GooFlow_head_btn{display:block;border:0px;height:18px;width:18px;cursor:default;padding:2px;margin:0px 1px;float:left;outline:none;blr:expression(this.onFocus=this.blur)}
.GooFlow_head_btn b{display:inline-block;overflow:hidden;width:18px;height:18px;border:0px;}
.GooFlow_head_btn:hover{
	-moz-border-radius:2px; -webkit-border-radius:2px;border-radius:2px;border:#8E9DA6 1px solid;
	padding:0px;border:#8B7654 1px solid; background:url(img/gooflow_btn_bg.png) repeat-x;width:20px;height:20px;
}
.GooFlow_head_btn:hover b{border:#F6A32D 1px solid;border-top-color:#B1905D;margin:0px;-moz-border-radius:1px; -webkit-border-radius:1px;border-radius:1px;}
.GooFlow_tool{
	float:left;clear:left;background-color: #efefef;margin-top: 0px !important;
}
.GooFlow_tool_div{overflow:auto;-moz-border-radius:2px; -webkit-border-radius:2px;border-radius:2px;}

.GooFlow_tool span{height:0px;overflow:hidden;border-bottom:#9AC6FF 1px solid;border-top:#FFFFFF 1px solid;margin:1px;clear:both;display:block;}
.GooFlow_tool_btn{display:block;border:0px;height:18px;width:18px;cursor:default;padding:2px;margin:1px;outline:none;blr:expression(this.onFocus=this.blur);}
.GooFlow_tool_btn b{display:block;overflow:hidden;width:18px;height:18px;border:0px}
.GooFlow_tool_btn:hover{-moz-border-radius:3px; -webkit-border-radius:3px;border-radius:3px;padding:0px;border:#8E9DA6 1px solid;width:20px;height:20px;}
.GooFlow_tool_btn:hover b{border:#F5FAFC 1px solid;-moz-border-radius:2px; -webkit-border-radius:2px;border-radius:2px}
.GooFlow_tool_btndown{
	width:20px;height:20px;cursor:default;margin:1px;outline:none;blr:expression(this.onFocus=this.blur);
	-moz-border-radius:3px; -webkit-border-radius:3px;border-radius:3px;border:#8E9DA6 1px solid;border:0px;
	padding:0px;border:#8B7654 1px solid; background:url(img/gooflow_btn_bg.png) repeat-x;display:block;
}
.GooFlow_tool_btndown b{
	display:block;overflow:hidden;width:14px;height:14px;border:#F6A32D 1px solid;
	border-top-color:#B1905D;margin:0px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;
}



.GooFlow_work{float:right;margin:0px 3px 3px 0px;/*border-left:#ddd 1px solid;*/position:relative; margin-top: 0px !important;}
.GooFlow_work .GooFlow_work_inner{/*  background-image:url(/env/js/GooFlow/codebase/img/pattern.png);background-position: 850px top; background-repeat: repeat-y; */ position:relative;}
.GooFlow_work .GooFlow_work_group{position:absolute;overflow:hidden;top:0px;left:0px}


.GooFlow_area{position:absolute;overflow:hidden;}
.GooFlow_area .lock{cursor:default;}
.GooFlow_area .bg{cursor:move;filter:Alpha(Opacity=30);-moz-opacity:0.3;opacity: 0.3;}
.GooFlow_work .lock .bg{cursor:default;}
.GooFlow_area label{cursor:text;top:1px;left:1px;position:absolute;display:block;font-size:12px;text-indent:18px;height:18px;line-height:18px}
.GooFlow_work .lock label{cursor:default;}
.GooFlow_area b{display:block;height:18px;widht:18px;top:0px;left:0px;position:absolute;cursor:pointer}
.GooFlow_work .area_red .bg{border:1px solid red;background-color:#FF7865}
.GooFlow_work .area_red label{color:red;background:url(img/gooflow_bullet.png) no-repeat 1px 1px}
.GooFlow_work .area_yellow .bg{border:1px solid #CD925A;background-color:#FFD564}
.GooFlow_work .area_yellow label{color:#FFBA1D;background:url(img/gooflow_bullet.png) no-repeat 1px -16px}
.GooFlow_work .area_blue .bg{border:1px solid #347BB1;background-color:#549CDE}
.GooFlow_work .area_blue label{color:#347BB1;background:url(img/gooflow_bullet.png) no-repeat 1px -33px}
.GooFlow_work .area_green .bg{border:1px solid green;background-color:#84CA04}
.GooFlow_work .area_green label{color:green;background:url(img/gooflow_bullet.png) no-repeat 1px -50px}

.GooFlow_work svg{display:block;position:absolute}
.GooFlow_work v\:group{position:relative;display:block}
.GooFlow_work v\:group v\:line{overflow:visible}
.GooFlow_work v\:group v\:polyline{overflow:visible}
.GooFlow_work v\:group div{cursor:text;position:absolute;overflow:visible;display:inline;float:left;white-space: nowrap}
.GooFlow_work .draw{color:#ff3300}


.GooFlow_item.node_foreach,
/* 并行，增加背景色、方角，抄自 .GooFlow.node_decision。Lin
.GooFlow_item.node_fork{border:none;} */
.GooFlow_item.node_fork{border: none; border-radius: 3px; background-color:#e4cdfd;}

/* 汇合，增加大圆角、去掉边框。Lin
.GooFlow_item.node_join,
.GooFlow_item.node_join{background-color:#fce6c8;} */
.GooFlow_item.node_join{border: none; border-radius: 100px; background-color:#fce6c8;}
/* 分支，去掉背景色、大圆角 -- 改用图片 fork1.png 作为背景色。Lin
.GooFlow_item.node_decision{background-color:#e4cdfd;}
.GooFlow_item.node_decision{ border: none; border-radius: 100px; } */
.GooFlow_item.node_decision{ border: none; }

/* .GooFlow_work_inner .GooFlow_item.node_foreach .span,
.GooFlow_work_inner .GooFlow_item.node_fork .span,
.GooFlow_work_inner .GooFlow_item.node_decision .span,
.GooFlow_work_inner .GooFlow_item.node_join .span{ top: 47px !important  } */

/* 再改，独立指定 node_fork.span、node_foreach .span 的 top -- 把 .GooFlow.ico_fork2、.GooFlow.ico_foreach2 高度降低了。Lin
 * 相应的，在 GooFlow.addNode( 里，去掉 <table 的宽、高指定
 * 把 "分支"(<字典名>)、"汇合"、"并行" 放到框里
.GooFlow_work_inner .GooFlow_item.node_fork .span,
.GooFlow_work_inner .GooFlow_item.node_decision .span,
.GooFlow_work_inner .GooFlow_item.node_join .span,
.GooFlow_work_inner .GooFlow_item.node_foreach .span{  word-wrap: break-word;top: 40px!important;  transform: none !important } */
.GooFlow_work_inner .GooFlow_item.node_fork .span,
.GooFlow_work_inner .GooFlow_item.node_foreach .span {word-wrap:break-word; top:8px!important; transform:none !important}
.GooFlow_work_inner .GooFlow_item.node_decision .span,
.GooFlow_work_inner .GooFlow_item.node_join .span {word-wrap: break-word;top: 12px!important;  transform: none !important}

.GooFlow .GooFlow_item.node_foreach .rs_opener,
.GooFlow .GooFlow_item.node_fork .rs_opener,
.GooFlow .GooFlow_item.node_decision .rs_opener,
.GooFlow .GooFlow_item.node_join .rs_opener{top:-19px;}
.GooFlow_item.item_round.item_focus{ background-color: transparent !important; }
.GooFlow_item{
	position:absolute;
	border:2px solid #333;
	border-radius:3px;
	color:#333;
	font-weight: bold;
	z-index: 1000;
}
.GooFlow_item:not(.item_round) .span{
	width: 100%;
	left: 0 !important;
	top: 50% !important;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	text-align: center

}
.GooFlow table{border:0px #EBF4FD solid;padding:0px;border-radius:2px}

.GooFlow td{ vertical-align:middle;text-align:center;padding:0px;cursor:default;word-wrap: break-word;word-break:break-all}
.GooFlow .ico{width:18px;}
.GooFlow b{display:block;width:20px;height:20px;overflow:visible; position: relative; }
.GooFlow_tool b:after{content:''; position: absolute;width: 100%;height:100%;left:-2px;top:-2px;border-radius: 5px; }
.GooFlow_tool_div > div:hover b:after,
.elementListSelected b:after{
/* 	 background:url(img/gooflow_btn_bg.png) repeat-x; */
	border: 2px solid #bd1f16 !important;
}
.GooFlow_tool_div > div:hover b,
.elementListSelected b{
	background-color:#f4dadb ;
}



.GooFlow .item_round{ border-radius:30px; overflow:visible;border:0;}
.GooFlow .item_round table{border:0px;padding:0px;width:22px;height:22px}
.GooFlow .item_round .span{
	display:block;text-align:center; position:absolute;width:40px;left:-10px;overflow:visible;text-align:center;
	padding:0px;cursor:default;word-wrap: break-word;word-break:break-all
}
.GooFlow .item_complex{background:#C2DB4E;}
.GooFlow div .rs_right{overflow:hidden;position:absolute;right:-1px;top:-1px;height:100%;width:6px;cursor:w-resize}
.GooFlow div .rs_bottom{overflow:hidden;position:absolute;left:-1px;bottom:-1px;width:100%;height:6px;cursor:n-resize}
.GooFlow div .rs_rb{
	position:absolute;right:-1px;bottom:-1px;width:9px;height:9px;overflow:hidden;cursor:nw-resize;/*background:url(img/gooflow_tip.png) no-repeat 0px -8px;*/
}

.GooFlow div .rs_control{
/* 换图标。Lin
	position:relative;left:0px;top:0px;width:15px;height:15px;overflow:hidden;cursor:pointer;background:url(img/gooflow_opener.png) no-repeat 0px -30px; */
	position:relative;left:0px;top:0px;width:15px;height:15px;overflow:hidden;cursor:pointer;background:url(img/gooflow_icon.png) no-repeat -137px -47px;
}
.GooFlow div .rs_rejectline{
	position:relative;left:-20px;top:-27px;width:15px;height:15px;overflow:hidden;cursor:pointer;color: #333;
}

.GooFlow div .rs_close{
/* 换图标。Lin
	position:relative;left:0px;top:0px;width:15px;height:15px;overflow:hidden;cursor:pointer;background:url(img/gooflow_opener.png) no-repeat 0px -15px */
	position:relative;left:0px;top:0px;width:15px;height:15px;overflow:hidden;cursor:pointer;background:url(img/gooflow_icon.png) no-repeat -119px -0px
}
.GooFlow_item.item_round  .rs_opener{top:167%;right: 2px; }
.GooFlow div .rs_opener{
	border: solid 1px #7DA2CE;
	position: absolute;
	width: auto;
	/*height: 15px;*/
	background-color: #D8E8FC;
	opacity: 0.5;
	right: 0;
	top: -19px;
	display: flex;
}

.GooFlow .rs_ghost{
	position:absolute;display:none;overflow:hidden;border:#8EA4C1 1px dashed; background:#D9E8FB;
	filter:Alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6;z-index:10
}
.GooFlow .item_focus{border-color:#bd1f16 ;margin:1px;background-color:#f4dadb !important;}
.GooFlow .item_mark{border:#bd1f16 2px solid;margin: 2px;}
.GooFlow .item_mark td{cursor:hand}
.GooFlow textarea{position:absolute;border:#5068AE 1px solid;display:none;font-size:12px;overflow-y:visible;width:100px;z-index:10001}

/*线选框*/
.GooFlow .GooFlow_line_oper{
	width:70px;height:15px;background-color:#D8E8FC;border:#7DA2CE 1px solid;position:absolute;
	filter:Alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5;z-index:10000;
}
.GooFlow .GooFlow_line_move{filter:Alpha(Opacity=50);-moz-opacity:0.5;opacity:0.5;overflow:hidden;position:absolute;z-index:9999;background:url(0) no-repeat}
.GooFlow .GooFlow_line_oper b{display:inline-block;width:15px;height:15px;margin-left:0px;cursor:pointer}
.GooFlow .GooFlow_line_oper .b_l1{background:url(img/GooFlow_line_oper.png) no-repeat 1px 1px}
.GooFlow .GooFlow_line_oper .b_l2{background:url(img/GooFlow_line_oper.png) no-repeat 1px -14px}
.GooFlow .GooFlow_line_oper .b_l3{background:url(img/GooFlow_line_oper.png) no-repeat 1px -29px}
.GooFlow .GooFlow_line_oper .b_x{background:url(img/GooFlow_line_oper.png) no-repeat 1px -44px;margin-left:10px}

/*节点选框*/
.GooFlow .GooFlow_node_oper{
	width:15px;height:15px;background-color:#D8E8FC;border:#7DA2CE 1px solid;position:absolute;
	filter:Alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5;z-index:10000;display: block;
}
.GooFlow .GooFlow_node_move{filter:Alpha(Opacity=50);-moz-opacity:0.5;opacity:0.5;overflow:hidden;position:absolute;z-index:9999;background:url(0) no-repeat}
.GooFlow .GooFlow_node_oper b{display:inline-block;width:15px;height:15px;margin-left:0px;cursor:pointer}
.GooFlow .GooFlow_node_oper .b_l1{background:url(img/gooflow_icon.png) no-repeat -135px -45px}



.GooFlow .ico_cursor{background:url(img/gooflow_icon.png) no-repeat 2px -20px}
.GooFlow .ico_start{background:url(img/gooflow_icon.png) no-repeat -19px -20px}
.GooFlow .ico_end{background:url(img/gooflow_icon.png) no-repeat -39px -20px}
.GooFlow .ico_fork{background:url(img/gooflow_icon.png) no-repeat -59px -20px}
.GooFlow .ico_join{background:url(img/gooflow_icon.png) no-repeat -78px -20px}
.GooFlow .ico_direct{background:url(img/gooflow_icon.png) no-repeat -137px -20px}
.GooFlow .ico_group{background:url(img/gooflow_icon.png) no-repeat -96px -20px}
.GooFlow .ico_complex{background:url(img/gooflow_icon.png) no-repeat -116px -20px}
.GooFlow .ico_node{background:url(img/gooflow_icon.png) no-repeat -19px -45px}
.GooFlow .ico_task{background:url(img/gooflow_icon.png) no-repeat 2px -45px}
.GooFlow .ico_chat{background:url(img/gooflow_icon.png) no-repeat -38px -45px}
.GooFlow .ico_state{background:url(img/gooflow_icon.png) no-repeat -59px -45px}
.GooFlow .ico_plug{background:url(img/gooflow_icon.png) no-repeat -135px -45px}
/*另外一份图标*/
.GooFlow .ico2_task, .GooFlow .ico2_start, .GooFlow .ico2_end, .GooFlow .icon2_decision,
.GooFlow .ico2_fork, .GooFlow .ico2_join , .GooFlow .ico2_direct,.GooFlow .ico2_cursor{
	display:block;
	width: 36px;
	height: 36px;
	border: 1px solid #ddd;
	border-radius: 5px; 
	background-image :url(img/icons.png);
	background-repeat: no-repeat;
	background-position: 1px 1px;

}


.GooFlow .ico2_cursor{background-position: center -144px;}
.GooFlow .ico2_start{background-position: 6px -36px;  }
.GooFlow .ico2_end{background-position: 5px -80px;}
.GooFlow .ico2_fork{background-position: center -35px;}
.GooFlow .ico2_join{background-position: center -72px;}
.GooFlow .ico2_direct{background-position: center -108px;}
.GooFlow .icon2_decision{  background-position: 1px -133px;  }
.GooFlow .icon2_decision{  background-position: 1px -133px;  }

.GooFlow .ico2_group{background:url(img/gooflow_icon.png) no-repeat -96px -20px}
.GooFlow .ico2_complex{background:url(img/gooflow_icon.png) no-repeat -116px -20px}
.GooFlow .ico2_node{background:url(img/gooflow_icon.png) no-repeat -19px -45px}

.GooFlow .ico2_chat{background:url(img/gooflow_icon.png) no-repeat -38px -45px}
.GooFlow .ico2_state{background:url(img/gooflow_icon.png) no-repeat -59px -45px}
.GooFlow .ico2_plug{background:url(img/gooflow_icon.png) no-repeat -135px -45px}
.GooFlow_tool_div > div{
	box-sizing: border-box;
	/*text-align: center;*/
	text-align: left;
	width: 150px;
  /*  width: 64px;*/
	padding: 5px 12px 0;
	position: relative;
	cursor: hand;
	margin: 7px 0px;
	color: #333;
	/*border: #15428B solid 1px;*/
    display: inline-block;
}
.GooFlow_item.item_focus{top:0;}
.GooFlow_tool p{margin-top: 2px;}
.GooFlow .ico_open{background:url(img/gooflow_icon.png) no-repeat -19px 1px}
.GooFlow .ico_new{background:url(img/gooflow_icon.png) no-repeat 2px 1px}
.GooFlow .ico_reload{background:url(img/gooflow_icon.png) no-repeat -97px 1px}
.GooFlow .ico_save{background:url(img/gooflow_icon.png) no-repeat -39px 1px}
.GooFlow .ico_undo{background:url(img/gooflow_icon.png) no-repeat -58px 1px}
.GooFlow .ico_redo{background:url(img/gooflow_icon.png) no-repeat -78px 1px}



/*面板显示画面*/
.GooFlow .ico_cursor2{background:url(img/gooflow_icon.png) }
.GooFlow .ico_start2{background:url(img/start_new.png) no-repeat center center; width: 21px;height: 21px;}
.GooFlow .ico_end2{background:url(img/end_new.png) no-repeat center center;width: 21px;height: 21px;}
/* 并行，去掉图标，缩小宽度、高度。Lin
.GooFlow .ico_fork2{background:url(img/fork1.png) no-repeat center center;width: 62px;height: 38px;} */
.GooFlow .ico_fork2{background: no-repeat center center;width: 38px;height: 28px;}
/* 汇合，去掉图标，腾出空间显示分支字典描述。Lin
.GooFlow .ico_join2{background:url(img/join_new.png) no-repeat center center;width: 38px;height: 38px;} */
.GooFlow .ico_join2{background: no-repeat center center;width: 38px;height: 38px;}
/* 并行，去掉图标，缩小宽度、高度。Lin
.GooFlow .ico_foreach2{background:url(img/fork1.png) no-repeat center center;width: 62px;height: 38px;} */
.GooFlow .ico_foreach2{background: no-repeat center center;width: 38px;height: 28px;}
/* 分支，改为菱形、增加宽度。Lin
.GooFlow .ico_node2{background:url(img/decision_new.png) no-repeat center center;width: 38px;height: 38px;} */
.GooFlow .ico_node2{background: url(img/fork1.png) no-repeat center center;width: 62px;height: 38px;}
.GooFlow .ico_direct2{background:url(img/gooflow_icon.png)}
.GooFlow .ico_group2{background:url(img/gooflow_icon.png)}
.GooFlow .ico_complex2{background:url(img/gooflow_icon.png)}

.GooFlow .ico_task2{background:url(img/task.svg) no-repeat;background-size:100% 100%;width:100%;height:100%}
.GooFlow .ico_chat2{background:url(img/gooflow_icon.png)}
.GooFlow .ico_state2{background:url(img/gooflow_icon.png)}
.GooFlow .ico_plug2{background:url(img/gooflow_icon.png)}
.GooFlow .ico_open2{background:url(img/gooflow_icon.png)}
.GooFlow .ico_new2{background:url(img/gooflow_icon.png)}
.GooFlow .ico_reload2{background:url(img/gooflow_icon.png)}
.GooFlow .ico_save2{background:url(img/gooflow_icon.png)}
.GooFlow .ico_undo2{background:url(img/gooflow_icon.png)}
.GooFlow .ico_redo2{background:url(img/gooflow_icon.png)}

#closeBtn{	cursor:pointer;
			height:21px;
			width:21px;
			border-radius:20px;
			background-image:url(/env/js/GooFlow/codebase/img/cross.png);
			background-repeat:no-repeat;
			background-position:center center;
			background-color:#b2b2b2;
			display:inline-block;
			position:absolute;
			right:-9px;top:-9px;
			transition:all .2s ease-in-out ;
			-webkit-transition:all .2s ease-in-out;}
#closeBtn:hover{background-color:#bd1f16 !important; transition:all .2s ease-in-out; }
#control table{ font-size:12px;font-weight:bold}
#control tr:last-child th{background-color: #fff; border-right: none;}
#control tr:last-child{border:none;}
#control tr{ line-height:29px;height:29px;border:1px solid #e4e4e4;}
#control th{background-color:#f0f0f0;border-right:1px solid #e4e4e4;}
#control input[type=text],
#control input[type=number]{height:17px;width:138px;border:1px solid #eaeaea;margin-left:10px;margin-right:8px;font-weight:bold;padding-left:10px;font-size:12px;}
#control input[type=checkbox]{margin-left: 10px;}
#control select{margin-left:10px;border:1px solid #ececec;border-radius:4px;background-color:#f1f1f1;font-size:12px;font-weight:bold;}

#floatDiv{
	z-index: 99999;
    height: 300px!important;
    overflow: scroll!important;
    width: 250px!important;
    /* display: none!important; */
}

#floatDiv table{ font-size:12px;font-weight:bold}
#floatDiv tr:last-child th{background-color: #fff; border-right: none;}
#floatDiv tr:last-child{border:none;}
#floatDiv tr:odd{ line-height:29px;height:29px;border:1px solid #e4e4e4;}
#floatDiv th{background-color:#f0f0f0;line-height:29px;border-right:1px solid #e4e4e4;width: 100px;height:29px;border:1px solid #e4e4e4;}
#floatDiv td{width: 150px;height:29px;line-height:29px;border:1px solid #e4e4e4;padding-left: 5px;}
#floatDiv input[type=text],
#floatDiv input[type=number]{height:17px;width:138px;border:1px solid #eaeaea;margin-left:10px;margin-right:8px;font-weight:bold;padding-left:10px;font-size:12px;}
#floatDiv input[type=checkbox]{margin-left: 10px;}
#floatDiv select{margin-left:10px;border:1px solid #ececec;border-radius:4px;background-color:#f1f1f1;font-size:12px;font-weight:bold;}
#floatDiv tr:even{
	height:0px!important;
}

#floatDiv h4{
	text-align: center;
	padding: 5px;
}
#demo{
  background-image: url(img/pattern.jpg) !important;
}