styles.css

/* Customize fonts */
  label { 
    font-family: 'Encode Sans Normal', Helvetica;
      font-weight: 400;
  }


h1, h2 { font-weight: 400; 
  font-family: 'Encode Sans Normal', Helvetica;}
    
    h3 { font-weight: 400; 
      font-family: 'Encode Sans Normal', Helvetica;
      color: white;}
  
  h4 { font-size: 1.6rem; 
    font-weight: 500;
    font-family: 'Encode Sans Normal', Helvetica;}
  
  li {
    color: white;
  }
  
  .nav-tabs {
    background: white;
    font-family: 'Encode Sans Normal', Helvetica;
  }
  
  .nav-tabs-custom .nav-tabs li.active:hover a, .nav-tabs-custom .nav-tabs li.active a{
    background-color: white;
    border-top-color: #C2C2C2;
  }
  
  .nav-tabs-custom .nav-tabs li.active {
    border-top-color: white;
  }
  
  /* logo */
    .skin-blue .main-header .logo {
      background-color: #252C4F;
    }
  
  /* logo when hovered */
    .skin-blue .main-header .logo:hover {
      background-color: #252C4F;
        font-family: 'Encode Sans Normal', Helvetica;
    }
  
  /* navbar (rest of the header) */
    .skin-blue .main-header .navbar {
      background-color: #252C4F;
        font-family: 'Encode Sans Normal', Helvetica;
    }        
  
  /* main sidebar */
    .skin-blue .main-sidebar {
      background-color: #C2C2C2;
        font-family: 'Encode Sans Normal', Helvetica;
    }
  
  /* active selected tab in the sidebarmenu */
    .skin-blue .main-sidebar .sidebar .sidebar-menu .active a{
      background-color: #b8b8b8;
        font-family: 'Encode Sans Normal', Helvetica;
    }
  
  /* other links in the sidebarmenu */
    .skin-blue .main-sidebar .sidebar .sidebar-menu a{
      background-color: #C2C2C2;
        color: #000000;
        font-family: 'Encode Sans Normal', Helvetica;
    }
  
  /* other links in the sidebarmenu when hovered */
    .skin-blue .main-sidebar .sidebar .sidebar-menu a:hover{
      background-color: white;
      font-family: 'Encode Sans Normal', Helvetica;
    }
  
  /* toggle button when hovered  */                    
    .skin-blue .main-header .navbar .sidebar-toggle:hover{
      background-color: #252C4F;
        font-family: 'Encode Sans Normal', Helvetica;
    }
  
  /*boxes*/
    .skin-blue .box-header {
      font-family: 'Encode Sans Normal', Helvetica;
    }
  
  
  .footer {
    font-family: 'Encode Sans Normal', Helvetica;
    font-size: 1.5rem;
    font-style: italic;
    color: white;
    background-color: #252C4F;
      height: auto;
    padding: 20px;
  }
  
  #footer-text {
  color: white;
  font-style: normal;
}

.fa-github {
  color: white;
}

.fa-robot {
  color: white;
}

.col-md-1 {
  text-align: center;
  font-size: 1.3rem;
}

.fa-chart-simple, .fa-chart-line{
  color: white !important;
}