@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.uk-active {
    position: relative;
    display: inline;
    transition:  position 0s linear 0.2s;
}

/*.double-header #header_main .uk-navbar-nav > li a:after {*/
/*    border-color: transparent ;*/
/*    border-width: 0px;*/
/*}*/
.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);
}

.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.light{
    color: white !important;
    font-weight: bold;
}

circle.userBox.light{
    stroke: white;
    fill: white;
}

text.userBox.light {
    stroke: #0d47a1;
    fill: #0d47a1;
}

svg .icon.userBox.light{
    stroke: #0d47a1;
    fill: none;
}

svg .loginLink.userBox.light{
    stroke: white;
    fill: none;
}

.loginLink.dark{
    color: rgba(0,0,0,.54) !important;
    font-weight: bold;
}

circle.userBox.dark, svg .icon.userBox.dark, svg .loginLink.userBox.dark{
    stroke: rgba(0,0,0,.54);
    fill: none;
}

text.userBox.dark {
    stroke: rgba(0,0,0,.54);
    fill: rgba(0,0,0,.54);
}