@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@300;400;600;700&display=swap');

:root {
    --ortecBlue: #0084CB;
    --ortecGreen: #87BB40;
    --ortecOrange: #F57F25;
    --ortecDarkBlue: #21407A;
    --ortecYellow: #FCAF43;
    --textWhite: #ffffff;
    --textGrey: #515151;
    --background: #F2F3F7;
}

body *:not(.glyphicon):not(.fa) {
    font-family: 'Fira Sans', sans-serif !important;
}

/****************************** 
 *          POWER-BI
 ******************************/

 /* Make pages with power-bi visuals wider: */

.power-bi-page .container {
    width: 100%;
}

@media (min-width: 1600px) {
    .power-bi-page .container {
        width: 1600px;
    }
}

.powerbi {
    height: auto !important;
    aspect-ratio: 16/9;
    position: relative;
}

iframe {
    padding: 0px;
    margin: 0px;
    border: 0px;
    height: 100%;
    width: 100%;
}

.powerbi-fullscreen-toggle {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s 0.3s, opacity 0.3s ease-out;

    position: absolute;
    top:4px;
    right: -20px;

    cursor: pointer;
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    overflow: hidden;
    background-size: cover;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCI+DQogIDx0aXRsZT4NCiAgICBmdWxsc2NyZWVuDQogIDwvdGl0bGU+DQogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEgMXY2aDJWM2g0VjFIMXptMiAxMkgxdjZoNnYtMkgzdi00em0xNCA0aC00djJoNnYtNmgtMnY0em0wLTE2aC00djJoNHY0aDJWMWgtMnoiLz4NCjwvc3ZnPg0K);
}

.row:has(.powerbi):hover .powerbi-fullscreen-toggle {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.3s ease-out;
}

/****************************** 
 *          NAVBAR
 ******************************/
.navbar {
    width: 100% !important;
    position: fixed !important;
    padding: 5px 5px 5px 5px !important;
}

.navbar-brand img {
    height: 60px !important;
}

.navbar-inverse .navbar-nav>li>a {
    color: #ffffff;
    font-weight: 200 !important;
    font-size: 18px;
}

.navbar-inverse .navbar-nav>li>a:hover {
    background-color: #0084CB;
    color: var(--textWhite) !important;
    text-decoration: Underline;
}

.navbar-inverse .navbar-nav>li>a:focus {
    background-color: #0084CB;
    color: var(--textwhite) !important;
    text-decoration: Underline;
}

.navbar-inverse .navbar-nav>li>a:focus {
    background-color: var(--ortecBlue) !important;
    color: var(--textWhite) !important;
    text-decoration: Underline !important;
    border: none !important;
    outline: none !important;
}

.navbar-inverse .navbar-nav>.open>a {
    color: var(--textWhite) !important;
    background-color: #0084CB !important;
    text-decoration: Underline importt !important;
}

.navbar-inverse .navbar-nav .open .dropdown-menu {
    background-color: var(--background) !important;
    text-decoration: none !important;
}

.navbar-inverse .navbar-nav .open .dropdown-menu {
    background-color: var(--background) !important;
    text-decoration: none;
}

.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
    color: var(--textGrey) !important;
    text-decoration: none;
}

.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
    background-color: var(--background) !important;
    color: var(--ortecBlue) !important;
    text-decoration: Underline;
    border: 2px solid var(--background) !important
}

.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover {
    background-color: var(--background);
    color: var(--ortecOrange) !important;
    text-decoration: Underline;
}

.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {
    background-color: var(--background) !important;
    color: var(--ortecOrange) !important;
    text-decoration: Underline;
}

.navbar-toggle {
    background-color: var(--ortecBlue) !important;
  }

  .navbar-inverse .navbar-toggle {
    border: 1px solid var(--ortecBlue) !important;
  }