@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: black;
    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, #d89dc9a6 0%, #d598c4 100%);
}

html, body {
    background-color: #ece4ef;
}

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

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

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


.top-row {
    height: 4.5rem;
    background-color: #d49fc9;
}

.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;
        }