@import "fonts/fonts.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;

    --sidebar-width: 320px;
    --sidebar-font-size: 16px;
    --header-height: 70px;

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

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

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

/*monitor #header_main{*/
/*    height: var(--monitor-header-height);*/
/*}*/

/*.dashboard monitor  .header_full #sidebar_main {*/
/*    top: var(--monitor-header-height);*/

/*}*/

.double-header  #header_main .uk-navbar-nav > li > a {
    font-size: 20px;
    font-family: 'Open Sans';
}

.double-header .uk-navbar-nav > li.uk-active > a {
    font-weight: bold;
}
.double-header #header_main .uk-navbar-nav > li.uk-active a span {
    -webkit-box-shadow: inset 0 -2px 0 #FFFFFF;
    box-shadow: inset 0 -2px 0 #FFFFFF;
}
.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);
}

.stakeholderPage  #sidebar_main .menu_section > ul li > a {
    font-size: 18px;
}

.double-header .uk-logo img{
    max-height: 80px;
}

.stakeholderPage #style_switcher{
    top:200px;
}

.loginLink, .loginLink:hover{
    color: white;
    font-weight: bold;
}