.angular-ui-tree-placeholder {
  border: 1px dashed rgba(42, 156, 254, 0.5); }

.angular-ui-tree-empty {
  background: url(/images/drag&drop.svg) no-repeat center center;
  margin: 10px 0;
  background-size: 60px; }

.resource-title {
  line-height: 36px; }

.child-title {
  box-shadow: 0px 0px 4px -1px #cccccc; }

.children-wrapper {
  background-color: #ECEFF1;
  overflow: hidden; }
  .children-wrapper.children-wrapper-resource {
    background-color: #ECECEC;
    position: fixed;
    bottom: 0px;
    right: 0px;
    margin: 0;
    width: 45%;
    z-index: 60;
    padding: 0;
    height: calc(70vh - 3px);
    overflow: visible; }
    .children-wrapper.children-wrapper-resource.children-wrapper-resource-100 {
      width: 100%; }
    .children-wrapper.children-wrapper-resource.hide-0 {
      height: 0vh; }
      .children-wrapper.children-wrapper-resource.hide-0 .down-arrow {
        left: auto;
        right: 0;
        top: calc(-70vh + 3px); }
    .children-wrapper.children-wrapper-resource [ui-tree-handle] {
      background-color: #fff;
      box-shadow: none; }
  .children-wrapper [ui-tree-handle] {
    background-color: #ffffff;
    box-shadow: 0 0 13px -18px #000 inset; }
    .children-wrapper [ui-tree-handle] + ol [ui-tree-handle] {
      background-color: #f3f3f3;
      box-shadow: none; }
      .children-wrapper [ui-tree-handle] + ol [ui-tree-handle] + ol [ui-tree-handle] {
        background-color: #f9f9f9; }
        .children-wrapper [ui-tree-handle] + ol [ui-tree-handle] + ol [ui-tree-handle] + ol [ui-tree-handle] {
          background-color: #fdfdfd; }
          .children-wrapper [ui-tree-handle] + ol [ui-tree-handle] + ol [ui-tree-handle] + ol [ui-tree-handle] + ol [ui-tree-handle] {
            background-color: #ffffff; }

.small-icons .md-icon-button {
  height: 36px; }
  .small-icons .md-icon-button .material-icons {
    font-size: 16px;
    margin-top: 8px; }
  .small-icons .md-icon-button .add {
    font-size: 22px;
    margin-top: 1px; }

.down-arrow {
  position: absolute;
  background-color: #ECECEC;
  top: 0;
  width: 50px;
  text-align: center;
  left: -50px; }

.overflow-scroll-resources {
  height: 55vh; }

.resource-margin {
  width: 37vw; }

@media only screen and (min-width: 2200px) {
  .resource-margin {
    width: 42vw; } }

.input-filter {
  position: relative;
  top: 5px; }

.tooltip-modules:after {
  content: ", "; }

.tooltip-modules:last-child:after {
  content: ""; }

.md-panel.md-tooltip {
  margin: 0;
  font-size: 12px; }