div.workarea{
  height: calc(100vh - 48px);
  position:relative;
  background-color: #46495b;
  overflow: scroll;

  div.row div.loader{
    top: 45%;
    position:absolute;
  }
}

div.file-manager-bar{
  position: relative;
  height: 48px;
  div.upload-area{
    width: 60%;
    display: inline-block;
    position:absolute;
  }

  div.search-area{
    position:absolute;
    right:0;
    top:0;
    width: 40%;
    display: inline-block;
    height: 48px;
    background-color:grey;
    border-left: 5px solid darkgrey;
    border-right: 5px solid darkgrey;
    .search-people{
      width: 100%;
      bottom: 0px;
      position: absolute;
      height: 100%;
      border:0px;
      padding-right: 48px;
      padding-left: 10px;
      background-color: lightgoldenrodyellow;
    }
    .search-people:focus {
      outline:none;
      border:0px;
    }
    kendo-icon{
      position: absolute;
      right:10px;
      margin: 5px;
      color: lightgrey;
    }
    kendo-icon:hover{
      color: darkgreen;
    }
  }

  .contact-image {
    width: 22px;
    height: 22px;
    margin-right: 8px;
    border-radius: 50%;
  }

}

.vertical-spacer{
  height: 150px;
}

.bottom-pager {
  position: fixed;
  bottom: 0px;
  z-index: 100;
}

