/** @format */

.catg-box .btn {
  margin-right: 4px !important;
}

.catg-box .catg-header {
  overflow: hidden;
}

.ui-tree-block {
  display: contents;
}

.ui-tree-container {
  overflow: auto;
  width: 100%;
  height: 80%;
}

.ui-tree-container-dialog {
  overflow: auto;
  width: 100%;
  height: 700px;
}

.ui-tree-node-waiting {
  display: block;
  position: absolute;
  top: 50%;
  width: 100px;
  padding-left: 80px;
}

.tree-node-noncatg .entity-title {
  color: #9c27b0;
}

.ui-tree-node-guide span {
  padding-left: 5px;
}

.tree-node-content .sub-act-ok {
  background-color: #f5e868 !important;
}

.tree-node-content .sub-act-nok {
  background-color: #3d3c42 !important;
}

.tree-node-content md-input-container {
  margin: 0;
  padding: 0 5px;
  max-width: 50%;
  top: 15px;
}

.ui-tree-node-selected {
  background: #bce0d2 !important;
}

.ui-tree-node-selected-parent ~ ol .tree-node {
  background: #bce0d2 !important;
}

.angular-ui-tree-handle {
  background: #e4f7ed;
  border: 1px solid #f7f7f7;
  color: #3d3c42;
  padding: 5px 5px;
}

.tree-node-drag-hover {
  border: 2px solid #0000ff !important;
}

.angular-ui-tree-placeholder {
  background: #f0f9ff;
  border: 2px dashed #bed2db;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

tr.angular-ui-tree-empty {
  height: 100px;
}

.group-title {
  background-color: #687074 !important;
  color: #fff !important;
}

/* --- Tree --- */
.tree-node {
  border: 1px solid #f7f7f7;
  background: #e4f7ed;
  color: #3d3c42;
}

.nodrop {
  background-color: #f2dede;
}

.tree-node-content {
  margin: 10px;
  line-height: 2.3rem !important;
}
.tree-handle {
  padding: 10px;
  background: #82c8e2;
  color: #fff;
  margin-right: 10px;
}

.angular-ui-tree-handle:hover {
}

.angular-ui-tree-placeholder {
  background: #f0f9ff;
  border: 2px dashed #bed2db;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.entity-count {
  color: #00818a;
}
.catg-header .md-button.md-small {
  float: right;
  margin: 6px 8px 8px 6px;
  line-height: 36px;
  border: none;
  background-color: #00000000;
}

/* move to normal start */
.catg-content {
  height: 855px;
}
.catg-box {
  float: left;
  width: 23%;
  height: 100%;
}
.catg-header {
  height: 50px;
  color: #6d9886;
  font-size: 16px;
  /* border-top: 1px solid #6d9886; */
  /* background: #f7f7f7; */
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
    rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
  border-radius: 8px;
  text-align: center;
  margin: 0;
  padding-left: 10px;
  line-height: 50px;
  font-weight: 700;
  margin-bottom: 10px;
}

.ui-tree-node-guide {
  /* margin-top: 10px; */
}

.catg-box {
  float: left;
  width: 23%;
  height: 80vh;
}

.catg-box .catg {
  width: 100%;
  overflow: auto;
  min-height: 790px;
}
.catg-content {
  float: right;
  width: 75%;
  height: 80vh;
}

.catg-content {
  float: right;
  width: 75%;
}
/* move to normal end */