monitor-dashboard/src/assets/monitor-custom.css

:root {
    --portal-main-color: #9ABB55;
    --portal-main-contrast: white;
    --portal-dark-color: #7c9144;

    --openaire-main-color: #313179;

    --explore-portal-color: #D95F2D;
    --provide-portal-color: #37C7E9;
    --monitor-portal-color: #9ABB55;
    --connect-portal-color: #EBB13E;
    --develop-portal-color: #DA65AB;

    --explore-portal-lower-tone: #a0462c;
    --provide-portal-lower-tone: #3A8FA3;
    --monitor-portal-lower-tone: #7c9144;
    --connect-portal-lower-tone: #b48536;
    --develop-portal-lower-tone: #9f4e7e;


    /* Dashboard variables*/
    --sidebar-width: 320px;
    --sidebar-font-size: 16px;
    --header-height: 70px;
    --primary-color: #0d47a1;
    --secondary-color: #1CA9D5;

    --monitor-header-menu-height: 100px;
}

.refresh-iframe {
    background-color: rgba(0, 0, 0, 0.50);
    position: absolute;
}

.rotate-90 {
    transform: rotate(90deg);
}

.double-header #header_menu a {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
}

.dashboard .double-header  #header_main .uk-navbar-nav > li > a {
    font-size: 16px;
    font-family: "Open Sans", serif;
}

.double-header #header_main .uk-navbar-nav > li.uk-active {
    position: relative;
    display: inline;
    transition:  position 0s linear 0.2s;
}

.double-header #header_main .uk-navbar-nav > li.uk-active a {
    font-weight: bold;
}

.double-header #header_main .uk-navbar-nav > li.uk-active a:before {
    top: 45px;
    left: 50%;
    border-style: solid;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-bottom-color: #ECECEC;
    border-width: 15px;
    margin-left: -15px;
}


.double-header #header_main .uk-navbar-nav > li a span {
    padding-bottom: 4px;
    text-transform: capitalize;
}
.double-header #header_main{
    top: var(--monitor-header-menu-height);
}
.double-header #header_menu {
    position: fixed;
    top: 0;
    left: 0;
    height:var(--monitor-header-menu-height);
    background:white;
    z-index: 1215;
}

.double-header #header_menu .uk-navbar-nav > li.uk-active a span {
    -webkit-box-shadow: inset 0 -2px 0 #333;
    box-shadow: inset 0 -2px 0  #333;
    padding-bottom: 2px;

}

.dashboard .double-header .header_full #sidebar_main {
    top: calc(var(--header-height) + var(--monitor-header-menu-height));
}

.dashboard .double-header .header_full #page_content_inner {
    /*top:  calc(var(--header-height) + var(--monitor-header-menu-height));*/
    /*position: absolute;*/
    margin-top: calc(var(--header-height) + 24px);
}

.double-header .uk-logo img{
    max-height: calc(var(--header-height) - 20px);
}

.stakeholderPage #style_switcher {
    top:200px;
}


/* Login Box*/
.dashboard .double-header .login {
    color: rgba(0,0,0,.54);
    font-weight: bold;
}

.dashboard .double-header circle, .dashboard .double-header .login svg,
.dashboard .double-header svg svg *, .dashboard .double-header .login svg *  {
    stroke: rgba(0,0,0,.54);
    fill: none;
}

.dashboard .double-header text {
    stroke: rgba(0,0,0,.54);
    fill: rgba(0,0,0,.54);
}