#top-navbar{
    background: var(--app-navbar-bg-colour);
    color: var(--app-navbar-text-colour);
}

.navbar-toggler{
    color: var(--app-navbar-text-colour);
}

.navbar-brand-img{
    width: 30px;
}

.navbar-brand-text{
    color:#ffffff80;
  }

.navbar-text-link{
    color:#ffffff80;
  }

.navbar-img-link{
    opacity: 0.5;
  }

.navbar-img-user{
    width: 40px;
    z-index:-1;
    display: block;
  }

.border-navbar-user-out {
    border-width: 2px !important;
    border-color: var(--app-user-out-colour) !important;
}

.border-navbar-user-in {
    border-width: 2px !important;
    border-color: var(--app-user-in-colour) !important;
}

.navbar-clear-img-link{
    opacity: 1.0;
  }

.navbar-badge-number{
    float:right;
    margin-bottom:-10px;
}

 .clock-container{
    background-color: #ffffff80;
 }

 .clock-container-no-navbar{
    background-color: #ffffff00;
 }

 .footer-text{
    font-size: 4vmin;
    color: #6c757d;
 }

 .footer-text-no-navbar{
    font-size: 10vmin;
    color: white;
 }

.fixed-clock{
    float: right;
    bottom: 0;
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 1030;
}

@media (min-width: 991px) {
.navbar-brand.abs
    {
        position: absolute;
        width: 100%;
        left: 0;
        text-align: center;
        z-index: -900;
    }
}

@media (max-width: 1281px) {

  .navbar-img-link{
    width: var(--app-navbar-button);
    display: block;
  }
  .navbar-text-link{
    display: none;
  }
  .navbar-text-user{
    display: none;
  }

}

@media (min-width: 1281px) {
  .navbar-brand-text{
    display: block;
  }
  .navbar-img-link{
    width: var(--app-navbar-xl-button);
    display: block;
  }
  .navbar-text-link{
    display: none;
  }
  .navbar-img-user{
    width: 72px;
    display: block;
    opacity: 1.0;
  }
  .border-navbar-user-in {
    border-width: 5px !important;
  }
  .border-navbar-user-out {
    border-width: 5px !important;
  }
}

@media (max-width: 991px) {
  .navbar-img-link{
    width: var(--app-navbar-button);
    display: block;
  }
  .navbar-text-link{
    display: block;
  }
  .navbar-text-user{
    display: block;
  }
}