.navbar-scroll .navbar-brand {
  color: #fff;
}

.navbar-scrolled {
  background-color: #ed161f;
}

.navbar-scrolled .navbar-brand,
.navbar-scrolled .nav-link,
.navbar-scrolled .fa-bars {
  color: #fff;
}

.page-footer {
  background-color: #2b3b68;
  margin-top: -1px;
}

@media (min-width: 1400px) {
  main,
  header,
  #main-navbar {
    padding-left: 240px;
  }
}
@media (min-width: 1400px) {
  .sidenav-backdrop {
    display: none !important;
    pointer-events: none !important;
  }
}

.sidenavXXX-bg {
  background-image: url("https://mdbootstrap.com/img/Photos/Others/sidenav4.jpg");
}

/* Replace SCSS vars with actual values */
.flex-table {
  display: flex;
  flex-flow: row wrap;
  border-left: solid 1px #d9d9d9;
  transition: 0.5s;
}

/* You can't use &:first-of-type in plain CSS; write selector explicitly */
.flex-table:first-of-type {
  border-top: solid 1px #1565c0;
  border-left: solid 1px #1565c0;
}

.flex-table:first-of-type .flex-row {
  background: #1976d2;
  color: white;
  border-color: #1565c0;
}