:root {
    --image-baner-height: 33vh;
    --application-height: 67vh;
}

.header-wrapper {
    height: var(--image-baner-height);
    width: 100%;
    z-index: 999999;
    background-image: url(../../img/misc/bg-header.png);
}

body:not(.screensaver-open) .header-wrapper {
    background-image: url(../../img/misc/bg-header-dark.png);
}

.background-map-wrapper {
    top: var(--image-baner-height);
}

.aside-details-content-wrapper {
    top: unset;
}

.layout-fixed .main-sidebar {
    top: var(--image-baner-height);
}

.main-sidebar {
    height: var(--application-height);
    overflow-y: auto;
}

    .main-sidebar::-webkit-scrollbar {
        width: 0;
        background: transparent;
    }

.aside-details-content-wrapper .content {
    height: calc( var(--application-height) - (3.5rem + 1px));
}

.modal-fullscreen .modal-dialog button.close {
    top: var(--image-baner-height);
}

#modal-container {
    top: var(--image-baner-height);
    height: var(--application-height);
}

.screensaver {
    top: var(--image-baner-height);
    background-image: url(../../img/screensaver/bg-screensaver.png);
}

#modal-container-location {
    height: calc( var(--application-height) - (3.5rem + 1px));
    top: calc( var(--image-baner-height) + (3.5rem + 1px));
}

.login-page, .register-page {
    background-image: url(../../img/screensaver/bg-screensaver.png);
}

.toasts-top-right {
    position: fixed;
    top: var(--image-baner-height);
}

.toast.flat {
    border: none;
}

.login-page, .register-page {
    background-image: url(../../img/icons/misc/login-bg-tv.jpg);
}

.mfp-close {
    font-size: 3rem;
}

.modal-fullscreen.video {
    justify-content: start;
}