html, body {
    height: 100%;
    /*overflow: hidden;*/
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
    min-height: unset;
    padding: 10px;
    text-align: unset;
}
.sidebar-menu .menu-open > .nav-link .nav-arrow {
    transform: translateY(-50%) rotate(180deg) /*rtl:ignore*/;
}

.app-main{
    padding-top: 1rem!important;
    height: 100%;
    overflow: hidden;
}
.app-content{
    height: 100%;
    overflow: hidden;
}
.app-content>.container-fluid{
    position: relative;
    height: 100%;
    overflow: hidden;
}

.app-footer {
    position: sticky;
    bottom: 0;
    padding-bottom: env(safe-area-inset-bottom, 16px);
    z-index: 1000;
}

.leaflet-control-layers-toggle {
    background: none !important;
    position: relative;
}

.leaflet-control-layers-toggle::before {
    content: "\f5fd"; /* fa-layer-group unicode */
    font-family: "Font Awesome 6 Pro";
    font-weight: 900; /* solid ise 900 */
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color:#333 !important;
}