@import url("https://fonts.googleapis.com/css?family=Figtree:400,500,700,900&subset=&display=swap");
@import url("https://fonts.googleapis.com/css?family=Montserrat:400,500,700,900&subset=&display=swap");
:root {
  --default-font: "Montserrat";
  --menu-offset-x: 0px;
  --menu-offset-y: 0px;
}

.tl2-invert {
  filter: none;
}

.app-sidebar, .app-inner-layout .app-inner-layout__wrapper .app-inner-layout__sidebar.card {
  background-color: #083553;
  color: #fff;
}
.app-sidebar li:hover a, .app-inner-layout .app-inner-layout__wrapper .app-inner-layout__sidebar.card li:hover a {
  color: #222;
}
.app-sidebar a, .app-inner-layout .app-inner-layout__wrapper .app-inner-layout__sidebar.card a {
  transition: none;
  color: #fff;
}
.app-sidebar a:hover, .app-inner-layout .app-inner-layout__wrapper .app-inner-layout__sidebar.card a:hover {
  color: #222;
}

.tl2-tab {
  /*background: var(--secondary-colour);*/
  border-radius: var(--border-radius);
  padding-left: 1rem;
  overflow-x: auto;
}

.tl2-tab button, .tl2-tab a {
  margin-bottom: 0;
  border: 0;
}
.tl2-tab button.active, .tl2-tab a.active {
  background-color: var(--primary-colour);
  color: var(--body-colour);
  border-radius: var(--border-radius);
}