@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css");
@import url('https://fonts.cdnfonts.com/css/meta-pro');
@import url('https://fonts.cdnfonts.com/css/noto-sans');

.nav-item a {
    color: white;
    border-radius: 4px;
    height: 3rem;
    display: flex;
    align-items: center;
    line-height: 3rem;
}

.nav-item {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type {
        padding-top: 1rem;
    }

    .nav-item:last-of-type {
        padding-bottom: 1rem;
    }

    .nav-item ::deep a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

        .nav-item ::deep a.active {
            background-color: rgba(255,255,255,0.25);
            color: white;
        }

        .nav-item ::deep a:hover {
            background-color: rgba(255,255,255,0.1);
            color: white;
        }

.sidebar {
    background-image: linear-gradient(180deg, #1b8695 0%, #028dd9 100%);
    font-palette: revert;
}

.nav-item {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type {
        padding-top: 1rem;
    }

    .nav-item:last-of-type {
        padding-bottom: 1rem;
    }

html, body {
    background-color: #f2f4f8;
}
.pod-header {
    text-align: center;
    background-color: #f2f4f8;
    height: 4.0rem;
    float: left;
    width: 100%;
    padding: 1.0rem;
}

.dashboard-content {
    padding: 4rem;
    background-color: #f2f4f8;
}

.top-row.px-4 {
    background: url(https://metronorth.health.qld.gov.au/wp-content/uploads/2023/09/newsroom-banner-2023.png) no-repeat right bottom, linear-gradient(90deg, #007e8e 0%,#60aeb8 100%);
    background-position: right bottom !important;
}

    .nav-item ::deep a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

        .nav-item ::deep a.active {
            background-color: rgba(255,255,255,0.25);
            color: white;
        }

        .nav-item ::deep a:hover {
            background-color: rgba(255,255,255,0.1);
            color: white;
        }