body {
  padding-top: 55px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

  /*
   * Global add-ons
   */
  
  .sub-header {
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
  }
  

  .jumbotron {
    border-radius: 6px;
    padding-left: 60px;
    padding-right: 60px;
  }
  
  /*
   * Sidebar
   */
  
  @media (min-width: 768px) {
    .sidebar {
      /*position: fixed;
      top: 51px;
      */
      bottom: 0;
      left: 0;
      z-index: 1000;
      /*display: block;*/
      padding: 20px;
      overflow-x: hidden;
      overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
      background-color: #f5f5f5;
      border-right: 1px solid #eee;
    }
  }
  .main {
    padding: 0px;
      /*top: 51px;*/
      bottom: 0px;
  }
  .main .page-header {
    margin-top: 0;
  }
  

  
  .ng-valid[required], .ng-valid.required  {
    border-left: 5px solid #42A948; /* green */
  }
  
  .ng-invalid:not(form)  {
    border-left: 5px solid #a94442; /* red */
  }