@import url("https://fonts.googleapis.com/css?family=Figtree:400,500,700,900&subset=&display=swap");
.footer-toolbar {
  position: sticky;
  bottom: 3rem;
  width: 100%;
  height: 50px;
}

.floating-update-button {
  position: fixed;
  right: 2rem;
  bottom: 2rem;
  padding: 1rem 1.5rem;
  animation: fadein 2s ease-out;
  height: 4rem;
  color: var(--black-colour) !important;
  z-index: 100000;
}

.asset-card {
  border-top: 0.8rem solid var(--brand-colour);
}
.asset-card label {
  max-height: 3rem;
  overflow: clip;
  margin-bottom: 0.3rem;
  text-wrap: nowrap;
  max-width: 100%;
  text-align: right;
  text-overflow: ellipsis;
}

@keyframes fadein {
  from {
    right: -100%;
  }
  to {
    right: 2rem;
  }
}
@media (max-width: 768px) {
  .app-main {
    display: block;
  }
  .footer-toolbar {
    position: sticky;
    bottom: 11rem !important;
    width: 100%;
    height: auto;
  }
  .app-sidebar-wrapper {
    position: fixed;
    left: 0;
    right: 0;
    top: unset;
    bottom: 0;
    width: 100%;
    height: auto;
    z-index: 14;
    margin: 0 1rem;
    margin-bottom: 0;
  }
  .app-main .app-main__outer {
    flex: 1;
    flex-direction: column;
    display: flex;
    z-index: 12;
    padding: 0 0 100px 0;
    transition: all 0.2s;
  }
  .app-main .app-main__outer.collapsed {
    padding: 0 0 120px 0;
  }
  .app-sidebar {
    overflow-x: auto;
  }
  .app-sidebar-collapsed {
    --menu-width: 100%;
    width: 100%;
    min-width: 100%;
  }
  .app-sidebar-collapsed img {
    display: none;
  }
  .app-sidebar-collapsed div > a:first-child {
    display: none;
  }
  .app-sidebar-collapsed div > div > div:last-child {
    display: none;
  }
}
.tl-dash-card {
  display: flex;
  flex-direction: column;
  padding: 2rem 3rem;
  background-color: var(--secondary-colour);
  border-radius: 0.6rem;
  width: 100%;
}

:root {
  --menu-offset-x: 0px;
  --menu-offset-y: 0px;
  --menu-width-expanded: 200px;
}

.tl2-btn-primary {
  color: var(--text-colour) !important;
}

.app-sidebar a {
  color: #fff;
}

.image-invert {
  filter: invert(75%);
}

body {
  -webkit-font-smoothing: antialiased;
}

.app-header {
  padding: 1.5rem 0;
  margin: 0;
}

.app-sidebar a:hover, .app-inner-layout .app-inner-layout__wrapper .app-inner-layout__sidebar.card a:hover {
  color: var(--primary-colour);
}
.app-sidebar ul li:hover {
  background-color: var(--brand-colour);
}