#mainMenu {
    overflow-y: scroll;
    overflow-x: hidden;
    height: calc(100vh - 64px);

}
    /*
        #mainMenu::-webkit-scrollbar-track {*/
    /*background: transparent;*/ /* color of the tracking area */
    /*}*/
    /* Hide scrollbar for Chrome, Safari and Opera */
    #mainMenu::-webkit-scrollbar {
        display: none;
    }

/* Hide scrollbar for IE, Edge and Firefox */
#mainMenu {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

#mainContainer {
    overflow-y: auto;
    overflow-x: hidden;
    /*height: calc(100vh - 64px);*/
    height: 100vh;
    scroll-behavior: smooth;
    padding-bottom: 1vh;
    display: grid;
    grid-template-rows: auto 1fr auto;
}

.bodyParent {
    padding-top:4rem;
}

#pageContextMenu ul.dropdown-menu {
    /*min-width: 20rem;*/    
    box-shadow: -1px -1px 1px 1px rgba(255,255,255,.15);
    width:max-content;
}

    #pageContextMenu ul.dropdown-menu.dropdown-menu-dark {
        background-color: var(--color-etrac-dark);
    }

#pageContextMenu a.dropdown-toggle {
    border-color: transparent;
    border-width: 1px;
    border-style: solid;
}
#pageContextMenu a.dropdown-toggle:hover,
#pageContextMenu a.dropdown-toggle:focus {
    color: #fff !important;
    border-color: #fff;
    
    
}

#pageContextMenu img.fi,
#pageContextMenuContent img.fi {
    margin-right: .5rem;
}
/*@media (min-width: 992px) {*/
/*#pageContextMenuContent.dropdown-menu,*/
.contextMenuAsDiv {
    display: block;
    position: fixed;
    left: 300px;
    /*left: 20rem;*/
    top: 5.9rem;
    /*transform:translate(-150%);*/
    /*transform:translate(-50%);*/
    transition: opacity .2s ease-in-out;
    background-color: transparent;
    font-size: 15px;
    border-color: transparent;
    opacity: 0;
    width: max-content;
    margin-left: .5rem;
}

/*    .contextMenuAsDiv a,
    .contextMenuAsDiv li {
        text-align:end;
    }*/

    .contextMenuAsDiv li.dropdown-item {
        cursor: none;
        text-transform: uppercase;
        font-size: smaller;
        border-bottom: 1px solid var(--row-border-color);
        margin-bottom: .2rem;

    }

    .contextMenuAsDiv .dropdown-item,
    #pageContextMenu li a.dropdown-item {
        padding-top: .5rem;
        padding-bottom: .5rem;
    }

        .contextMenuAsDiv hr {
            visibility: hidden;
        }

/*}*/

.nav-button{
    height: 2.25rem;
    font-size: 1rem;
}


@keyframes spinner {
    from {
        transform: rotate(0deg);
    }

    12.5% {
        transform: rotate(360deg);
    }

    to {
        transform: rotate(360deg);
    }
    /*            37.5% {transform: rotate(360deg);}
            12.5% {
                transform: rotate(360deg);
            }
            37.5% {transform: rotate(360deg);}
            12.5% {
                transform: rotate(360deg);
            }*/
    /*to {transform: rotate(0deg);}*/
}
/*        @@keyframes bgSpinner {
          to { transform: rotate(180deg); }
        }
*/
html {
    --spinnerHeight: 64px;
    --spinnerWidth: 64px;
    --spinnerTop: 50%;
    --spinnerLeft: 50%;
}

#logoutForm .bgSpinner {
    --spinnerHeight: 32px;
    --spinnerWidth: 32px;}

.spinner {
    z-index: 10000;
    /*        }
            .spinner:before { */

    content: '';
    box-sizing: border-box;
    position: absolute;
    top: var(--spinnerTop);
    left: var(--spinnerLeft);
    width: var(--spinnerWidth);
    height: var(--spinnerHeight);
    margin-top: -10px;
    margin-left: -10px;
    border-radius: 50%;
    border: 6px solid transparent;
    border-top-color: #07d;
    border-bottom-color: #07d;
    animation: spinner 3.125s ease infinite;
    filter: blur(0px) !important;
}

.bgSpinner {
    background-image: url(/images//spinner.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 12rem 12rem;

}

.blurContents {
    /*filter: blur(2px);*/
    /*filter: contrast(20%);*/
    /*filter:brightness(50%);*/
    filter: opacity(.5);
}