/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *

    This file contains rules for
    FUNCTION MENU
    that implement the UU design system specifically for Sitevision

* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* Icon-profile does not support after in designsystem 7.1 so we add it here */
.icon-profile::after {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI3LjcuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxhZ2VyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTEyLDEyYy0xLjEsMC0yLTAuNC0yLjgtMS4yQzguNCwxMCw4LDkuMSw4LDhzMC40LTIsMS4yLTIuOFMxMC45LDQsMTIsNHMyLDAuNCwyLjgsMS4yUzE2LDYuOSwxNiw4CglzLTAuNCwyLTEuMiwyLjhDMTQsMTEuNiwxMy4xLDEyLDEyLDEyeiBNNiwyMGMtMC41LDAtMS0wLjItMS40LTAuNlM0LDE4LjUsNCwxOHYtMC44YzAtMC42LDAuMS0xLjEsMC40LTEuNgoJYzAuMy0wLjUsMC43LTAuOCwxLjItMS4xYzEtMC41LDIuMS0wLjksMy4yLTEuMlMxMC45LDEzLDEyLDEzczIuMiwwLjEsMy4yLDAuNHMyLjEsMC42LDMuMSwxLjJjMC41LDAuMiwwLjksMC42LDEuMiwxLjEKCWMwLjMsMC41LDAuNCwxLDAuNCwxLjZWMThjMCwwLjUtMC4yLDEtMC42LDEuNFMxOC42LDIwLDE4LDIwSDZ6Ii8+Cjwvc3ZnPgo=);
}

/* There is an issue with background color on focus for the function menu buttons in Designsystem
   8.0 so fixing it here. Also, the hover color is overridden by other CSS rules so we set it here
   as well. */
.function-menu-logout-button:focus,
.function-menu-logout-button:hover,
.function-menu-dropdown-toggle:focus,
.function-menu-dropdown-toggle:hover {
    color: var(--color-text);
    background-color: var(--color-grey-light);
}


/* We need to set margin 0 of .nav-expandable in .layout-header-buttons when using Designsystem 8.0,
   but this destroys the margin in the function menu so we set it back here */
.function-menu-first-level-list {
    margin: .75rem 0 !important;
}