html,
body {
  height: 100%;
}

body {
  min-height: 100vh;
}

#allrecords {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

#allrecords > .t-records,
#allrecords > .t-records_animated,
#allrecords > .r {
  flex: 1 0 auto;
}

#t-footer,
.t-footer,
footer {
  margin-top: auto;
  flex-shrink: 0;
}

    
    .nav-link .tn-atom {
        transition: color .2s ease-in-out !important;
        cursor: pointer;
    }

    .nav-link:hover .tn-atom {
        color: #F96006 !important;
    }