:root{
    --full-height: calc(100vh - 56px);
}

.full-height, main {
    min-height: var(--full-height) !important;
}

.fade:not(.show) {
    display: none;
}

.alert{
    width: 100%;
    z-index: 200;
    margin: 2px 0;
}

main{
    overflow-x: auto;
    padding-bottom: 50px;
}

nav .container {
    position: relative !important;
    left: 0;
    top: 0;
}

nav.header{
    border-bottom: 1px solid #cbcbcb;
}

nav.header-fixed {
    position: fixed;
    width: 100%;
    z-index: 2;
}

nav.sidebar:before{
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    width: 50vw;
    background-color: #f8f9fa!important;
    left: 0;
    transform: translateX(-100%);
}

nav.sidebar .nav-link{
    padding-left: 0;
}

nav.sidebar.transparent {
  opacity: 0.9;
  background-color: inherit;
  border-radius: 0.25rem;
  padding-left: 3rem;
}


nav.sidebar.transparent:before {
  background-color: transparent !important;
}

#header-controls .nav-item:not(:last-child) {
    margin-right: 22px;
}

#alertsContainer{
    position: absolute;
    right: 0;
    z-index: 99999;
}