body {
    padding-top: 52px;
  }
  
  
  /*
   * Global add-ons
   */
  
  .sub-header {
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
  }
  
  /*
   * Top navigation
   * Hide default border to remove 1px line.
   */
  .navbar-fixed-top {
    border: 0;
  }

  .navbar {
    background-image: linear-gradient(#54b4eb, #2fa4e7 60%, #1d9ce5);
    background-repeat: no-repeat;
    color: white;
  }

  .navbar a {
    color: white;
  }

  .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 */
  }