html,
body {
    font-family: SwecoSans-Regular, Arial !important;
}



/* TOPBAR */

/* Poistetaan full screen toiminto käytöstä */
#TopBar #FullScreenSwitcher {
    display: none;
}

/* Muokataan järjestys topbarissa, tällä ja order säännöillä */
#TopBar {
    flex-direction: row-reverse;
}

#TopBar .themename {
    order: 1;
}

#TopBar div.center-span {
    order: 2 ;
}

div.AppMenu {
    order: 4 ;
    text-align: left !important;
    padding-left: 1em;
}


div.AppMenu div.appmenu-menu-container {
    left: 0;
    width: 16em !important;
}

#TopBar div.AppMenu .appmenu-button {
    width: 12em !important;
}

/* Disable default logo location */
#TopBar img.logo {
    display:none;
}

#TopBar .swecologo {
    height: 1.8em;
    opacity: 0.6;
    /* padding-left: 1em; */
}

@media only screen and (max-width: 900px) {
    #TopBar .themename {
        display: none;
    }
}

@media only screen and (max-width: 760px) {
    div.AppMenu {
        padding-left: 0.5em;
    }
    #TopBar div.AppMenu .appmenu-button {
        width: 4em !important;
    }
}

/* LAYERTREE */

#LayerTree span.layertree-delete-legend {
    display:none;
}

#LayerTree span.layertree-item-remove {
    display:none;
}

.icon-karttatasot-nuoli {
    font-size: large;
}

div.resizeable-window-titlebar {
    background-color: #3f3f42 !important;
}

#LayerTree .layertree-item-sublayer {
    margin-left: 0.8em;
}