/*
 * Base structure
 */

/* Move down content because we have a fixed navbar that is 3.5rem tall */
body {
    padding-top: 3.5rem;
    font-family: "Open Sans", sans-serif;
  }
  
  /*
   * Typography
   */
  
  h1 {
    padding-bottom: 9px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
  }

  .card-header h1 {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: auto;
  }

  #footer{
    background-color:#008f66;  
  }

  body header{
    margin-bottom:15px;
  }

  header .logo{
    display: inline-block;
    color:#fff;
    font-size:1.2em;
    vertical-align: middle;
    margin-left: 20px;
    padding-left:20px;
    border-left: 1px solid #fff;
  }

  #top-nav img{
    display: inline-block;
    vertical-align: middle;
    height: 15px;
    margin-left: 4px;
  }

  h2.card-header.bg-primary,h3.card-header.bg-primary,h4.card-header.bg-primary,h5.card-header.bg-primary{
    color:#fff;
  }

  h2.card-header.bg-success,h3.card-header.bg-success,h4.card-header.bg-success,h5.card-header.bg-success{
    color:#fff;
  }

  h2.card-header.bg-warning,h3.card-header.bg-warning,h4.card-header.bg-warning,h5.card-header.bg-warning{
    color:#fff;
  }

  h2.card-header.bg-danger,h3.card-header.bg-danger,h4.card-header.bg-danger,h5.card-header.bg-danger{
    color:#fff;
  }

  h2.card-header.bg-info,h3.card-header.bg-info,h4.card-header.bg-info,h5.card-header.bg-info{
    color:#fff;
  }
  
  /*
   * Sidebar
   */
  
  .sidebar {
    position: fixed;
    top: 51px;
    bottom: 0;
    left: 0;
    z-index: 1000;
    padding: 20px 0;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    border-right: 1px solid #eee;
  }
  
  .sidebar .nav {
    margin-bottom: 20px;
  }
  
  .sidebar .nav-item {
    width: 100%;
  }
  
  .sidebar .nav-item + .nav-item {
    margin-left: 0;
  }
  
  .sidebar .nav-link {
    border-radius: 0;
  }

  .sidebar a img{
    vertical-align: middle;
    display: inline-block;
    margin-right: 10px;
    width:25px;
  }
  
  /*
   * Dashboard
   */
  
  /* Placeholders */
  .placeholders {
    padding-bottom: 3rem;
  }
  
  .placeholder img {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .form-inline button{
    margin-right:10px;
    cursor:pointer;
  }

  #sub-nav{
    padding-left:0px;
    padding-right:0px;
  }

  .breadcrumb-item a{
    text-decoration:underline;
  }

  .breadcrumb-item.active{
    font-weight:bold;
    color:#404041;
  }

  input[type="submit"]{
    cursor:pointer;
  }

  @media(max-width:950px){
    header .logo{
      font-size:1em;
    }
  }
  
  @media(max-width:890px){
    header .logo{
      font-size:.8em;
    }
  }

  @media(max-width:610px){
    header .logo{
      display:none;
    }
  }

  @media(max-width:600px){
    .container{
      padding:30px;
    }
  }