@font-face {
   font-family: Proxima Nova;
   src: url(../fonts/proxima_nova_light.otf);
}
@font-face {
   font-family: Proxima Nova Bold;
   src: url(../fonts/proxima_nova_bold.otf);
}

.new-workflow-list {
  font: inherit;
  position: fixed;
  background: #333E48;
  left: 96px;
  width: 300px;
  min-height: 50px;
}
.new-workflow-list .body {
  max-height: 500px;
  overflow-y: auto;
}

.hide-workflow-list {
  display: none;
}

.new-workflow-list .close-list {
  float: right;
  padding: 16px;
  cursor: pointer;
}

.new-workflow-list .body {
  clear: both;
  color: white;
  font-weight: bold;
  font-size: 12px;
  padding-bottom: 50px;
}

.sidebar-new-active {
  background: #333E48;
}

.navbar-inverse {
  border-color: #333E48;
}

ul {
  list-style: none;
}

.new-workflow-list ul li {
  cursor: pointer;
}

.new-workflow-list ul li .li-item:hover {
  color: #F7931E;
}

.new-workflow-list ul li .li-category-item {
  cursor: default;
}

.new-workflow-list .body ul li {
  margin: 5px 0;
}