.navigation-bar {
  visibility: hidden;
  display: flex;
  background-color: #424242;
  flex:1;
  justify-content: space-between;
  max-height: 60px;
  min-height: 60px;
  align-items: center;
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
}

.topic-next-title{
 display: flex;
  overflow: hidden;
  white-space: nowrap;
}

[concepts]{
	visibility:hidden;
	display:none;
}

.topic-prev-title{
  display: flex;
  overflow: hidden;
  white-space: nowrap;
}

.topic-next:hover {
  opacity:1;
}

.topic-prev:hover {
  opacity:1;
}

.topic-next {
	visibility: hidden;
	opacity: 0.5;
    overflow: hidden;
    display: flex;
    flex-basis: 49%;
    cursor: pointer;
    color: #EEEEEE;
    align-items: center;
	justify-content: flex-end;
}

.topic-prev-symbol {
  width: 50px;
  height: 50px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDQ2Ljg3NSA0Ni44NzUiIGNsYXNzPSJuZy1zY29wZSI+ICA8cGF0aCBmaWxsPSIjZWVlIiBmaWxsLW9wYWNpdHk9Ii45MzMiIGQ9Ik0yOC4zOSAyMi4yOTVoLTYuOTI2bDEuNTk1LTEuNDM2LS4wMDQtLjAwNWMuMjMyLS4yMS4zOC0uNTEuMzgtLjg0NiAwLS42My0uNTEtMS4xNDQtMS4xNDItMS4xNDQtLjI5NCAwLS41Ni4xMTQtLjc2Mi4yOTZsLS4wMDItLjAwMy0zLjgwOCAzLjQyNy4wMDMuMDAzYy0uMjMzLjIxLS4zOC41MS0uMzguODQ4IDAgLjMzNy4xNDguNjM3LjM4Ljg0NmwtLjAwMy4wMDMgMy44MSAzLjQyOHYtLjAwM2MuMjA0LjE4Mi40Ny4yOTYuNzYzLjI5Ni42MyAwIDEuMTQyLS41MTIgMS4xNDItMS4xNDMgMC0uMzM3LS4xNDgtLjYzNy0uMzgtLjg0NmwuMDAyLS4wMDUtMS41OTctMS40MzZoNi45MjVjLjYzIDAgMS4xNC0uNTEgMS4xNC0xLjE0MyAwLS42MzItLjUxLTEuMTQzLTEuMTQtMS4xNDN6TTIzLjQzNiAxMS4yNWMtNi43MyAwLTEyLjE4NyA1LjQ1Ny0xMi4xODcgMTIuMTg4IDAgNi43MyA1LjQ1NiAxMi4xODcgMTIuMTg3IDEyLjE4NyA2LjczIDAgMTIuMTg3LTUuNDU3IDEyLjE4Ny0xMi4xODcgMC02LjczLTUuNDU3LTEyLjE4OC0xMi4xODgtMTIuMTg4em0wIDIyLjA5Yy01LjQ2OCAwLTkuOTAyLTQuNDM0LTkuOTAyLTkuOTAyIDAtNS40NyA0LjQzNC05LjkwMyA5LjkwMi05LjkwMyA1LjQ3IDAgOS45MDMgNC40MzMgOS45MDMgOS45MDMgMCA1LjQ2OC00LjQzNSA5LjkwMi05LjkwNCA5LjkwMnoiLz48L3N2Zz4=);
}

.topic-next-symbol, .alternate-symbol {
  width: 50px;
  height: 50px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCIgdmlld0JveD0iMCAwIDQ2Ljg3NSA0Ni44NzUiIGNsYXNzPSJuZy1zY29wZSI+ICA8cGF0aCBmaWxsPSIjZWVlIiBmaWxsLW9wYWNpdHk9Ii45MzMiIGQ9Ik0yOS4xNSAyMi41OWwuMDAzLS4wMDItMy44MS0zLjQyOHYuMDAzYy0uMjA0LS4xODItLjQ3LS4yOTYtLjc2My0uMjk2LS42MyAwLTEuMTQyLjUxMi0xLjE0MiAxLjE0MyAwIC4zMzcuMTQ4LjYzNy4zOC44NDZsLS4wMDIuMDAzIDEuNTk1IDEuNDM0aC02LjkyM2MtLjYzIDAtMS4xNDIuNTEtMS4xNDIgMS4xNDMgMCAuNjMuNTEgMS4xNDIgMS4xNDIgMS4xNDJoNi45MjVsLTEuNTk0IDEuNDM1LjAwMi4wMDNjLS4yMzIuMjA4LS4zOC41MDgtLjM4Ljg0NSAwIC42My41MSAxLjE0MyAxLjE0MiAxLjE0My4yOTQgMCAuNTYtLjExNC43NjItLjI5NmwuMDAyLjAwMyAzLjgxLTMuNDI4LS4wMDQtLjAwM2MuMjMyLS4yMS4zOC0uNTEuMzgtLjg0NiAwLS4zMzgtLjE0OC0uNjM3LS4zOC0uODQ3em0tNS43MTItMTEuMzRjLTYuNzMgMC0xMi4xODggNS40NTctMTIuMTg4IDEyLjE4OCAwIDYuNzMgNS40NTcgMTIuMTg3IDEyLjE4OCAxMi4xODcgNi43MyAwIDEyLjE4Ny01LjQ1NyAxMi4xODctMTIuMTg3IDAtNi43My01LjQ1Ny0xMi4xODgtMTIuMTg3LTEyLjE4OHptMCAyMi4wOWMtNS40NyAwLTkuOTAzLTQuNDM0LTkuOTAzLTkuOTAyIDAtNS40NyA0LjQzNC05LjkwMyA5LjkwMy05LjkwMyA1LjQ2OCAwIDkuOTAyIDQuNDMzIDkuOTAyIDkuOTAzIDAgNS40NjgtNC40MzQgOS45MDItOS45MDIgOS45MDJ6Ii8+PC9zdmc+);
}

.topic-prev {
	visibility: hidden;
    opacity: 0.5;
    display: flex;
    cursor: pointer;
    color: #EEEEEE;
    align-items: center;
    flex: 0 1 49%;
    overflow: hidden;
}

.alternate select {
	padding: 5px 10px;
}

footer {
   margin-top: 20px;  
   margin-bottom: 150px !important;
}