@CHARSET "UTF-8";


/*
 * 流程相关样式
 */

.WORKFLOW_BACKGROUND {
  background: url(./img/workbg.gif) repeat;
}

.WFNODE {
  /* height: 25px; */
  height: 35px;
  display: block;
  position: absolute;
  overflow: visible;
  cursor: default;
  background-color: #FFFFFF;
  width: 80px;
  border-radius: 8px;
  padding: 0 8px;
  cursor: pointer !important;
}

.NORMAL {
  background-color: #A4AAB0;
}

.HIDDEN {
  display: none!important;
}

.WFNODE div {
  margin-top: 6px;
}

.WFNODE td div {
  margin: 0;
}

.WFNODE div.TXT {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.WFNODE td.TXT {
  width: auto;
  color: #FFFFFF;
}

.WFNODE td.TXT a {
  color: #FFFFFF;
  text-decoration: none;
}

.WFNODE td.TXT a:hover {
  font-weight: normal;
  text-decoration: none;
  cursor: text;
}

.WFNODE a {
  cursor: pointer !important;
}

.CURRENT,
.CURRENT td {
  background-color: rgb(255, 144, 1) !important;
  color: #FFF !important;
}

.PASSED,
.PASSED td {
  background-color: rgb(79, 186, 79) !important;
  color: #FFF !important;
}

.CANCELED,
.CANCELED td {
  background-color: #777!important;
  color: #FFF !important;
}

.WAIT,
.WAIT td {
  background-color: rgb(126, 126, 127) !important;
  color: #FFF !important;
}

.FREEWAIT,
.FREEWAIT td {
  background-color: #FFCC66!important;
  color: #FFF !important;
}

.FREEED {
  border: #ff0000 dashed 2px!important;
  color: #FFF !important;
}

.FREEED td {
  color: #FFF !important;
}

.SKIPPED,
.SKIPPED td {
  background-color: #A4AAB0!important;
  color: #FFF !important;
}

.START {
  background: url(./img/start-w.gif) no-repeat 50%;
  width: 16px;
  height: 16px;
}

.END {
  background: url(./img/end-w.gif) no-repeat 50%;
  width: 16px;
  height: 16px;
}

.JOIN {
  background: url(./img/join-w.gif) no-repeat 50%;
  width: 16px;
  height: 16px;
}

.FORK {
  background: url(./img/fork-w.gif) no-repeat 50%;
  width: 16px;
  height: 16px;
}

.NODE {
  background: url(./img/node-w.gif) no-repeat 50%;
  width: 16px;
  height: 16px;
}

.TURN {
  background: url(./img/turn-w.gif) no-repeat 50%;
  width: 16px;
  height: 16px;
}

.AUTO {
  background: url(./img/auto-w.gif) no-repeat 50%;
  width: 16px;
  height: 16px;
}

.FREE {
  background: url(./img/transition-w.gif) no-repeat 50%;
  width: 16px;
  height: 16px;
}

.PLAN {
  background: url(./img/help-w.gif) no-repeat 50%;
  width: 16px;
  height: 16px;
}

.SUBLFOW {
  background: url(./img/mixview-w.gif) no-repeat 50%;
  width: 16px;
  height: 16px;
}

.SUBFLOWSTART {
  background: url(./img/subflowstart-w.gif) no-repeat 50%;
  width: 16px;
  height: 16px;
}

.SUBFLOWSTOP {
  background: url(./img/subflowstop-w.gif) no-repeat 50%;
  width: 16px;
  height: 16px;
}

.LINK {
  background: url(./img/link-w.gif) no-repeat 50%;
  width: 16px;
  height: 16px;
}