@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');

html, body {
    font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

h1:focus {
    outline: none;
}

a, .btn-link {
    color: #212529;
    text-decoration: none;
}
.card-text {
    font-size: .7rem;
}

.sidebar {
    transition: .3s ease-in-out;
}
    .sidebar.minimize {
        width: 3.5rem !important;
        transition: .3s ease-in-out;
    }
    
.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;
}

.col img {
    vertical-align: middle;
    border-style: none;
    align-self: stretch;
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: .6em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle;
    float: right;
}

div#offcanvasExample {
    WIDTH: 20REM;
}

.fa-stack[data-count]:after {
    position: absolute;
    right: 0%;
    top: 1%;
    content: attr(data-count);
    font-size: 30%;
    padding: .6em;
    border-radius: 999px;
    line-height: .75em;
    color: white;
    background: rgba(255, 0, 0, 0.85);
    text-align: center;
    min-width: 2em;
    font-weight: bold;
}


.col.col-img-logo-top {
    height: inherit;
}

.col.col-img-logo-top-right {
    height: inherit;
    float: right;
}

img.img-fluid.img-logo-top {
    height: inherit;
    background-color: #e6e6e6;
    border-radius: .25rem;
}

footer.fixed-bottom.bottom-row.px-4.text-center {
    background: #f7f7f7;
    margin-top: auto !important;
    font-size: small;
}

figure {
    display: flex;
    align-items: center;
    height: 3.5rem;
    margin-top: .8rem;
    background-color: #e6e6e6;
}

img, figcaption {
    display: inline-block;
    vertical-align: middle;
    margin-right: 1rem;
}

img.img-fluid.img-logo-top-right {
    height: inherit;
    float: right;
}

#messageText {
    border-radius: 5.0rem;
    padding-left: 8.5rem;
    padding-right: 6rem;
}

@media (min-width: 992px) {
    #messageText {
        padding-left: 1rem;
    }
}

@media (max-width: 641px) {
    
    #messageText {
        padding-left: 5.5rem;
        padding-right: 4rem;
    }
}


button.btn.btn-primary {
    width: 40%;
    margin: 1rem;
}

button.btn.btn-light {
    width: 40%;
    border-color:#eee0e0
   
}

.invalid-tooltip-chat {
    top: 100%;
    z-index: 5;
    max-width: 100%;
    margin-top: .1rem;
    font-size: .7rem;
    color: #dc3545;
    border-radius: .375rem;
    padding: 0rem;
    margin-left: 1rem;
}

.invalid-tooltip {
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    margin-top: .1rem;
    font-size: .6rem;
    color: indianred;
    color: #dc3545;
    border-radius: .375rem;
    background-color:white;
    padding: 0rem;
    position:relative;
    
}

label.form-check-label {
    font-size:.8rem;
}

.col-sm-8.col-md-4.col-lg-2.patient-card {
    margin-top: 2rem;
    min-width: 15rem;
}

.pod-header {
    text-align: center;
    background-color: aliceblue;    
}

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

.pod-text {
    float: left;   
    font-size: smaller;
}

.pod-text-smallest {
    float: left;
    font-size: .6rem;
    color: #7c8a95f0;
    text-align: left;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

    .blazor-error-boundary::after {
        content: "An error has occurred."
    }

.hidden-row {
    visibility: collapse
}

.label_encounterdetail {
    display: inline-block;
    width: 180px;
}


.oi {
    font-size: 1.4rem;
    vertical-align: text-top;
    top: -4px;
    margin-left: 10px;
}

.grid {
    display: inline-block;
    clear: both;
    float: none
}

tr:has(td):has(span.green) {
    background-color: #f1f8e9
}

    tr:has(td):has(span.green):hover {
        background-color: #dce2d6
    }

tr:has(td):has(span.blue) {
    background-color: #e3f2fd
}

    tr:has(td):has(span.blue):hover {
        background-color: #c7d5df
    }

tr:has(td):has(span.orange) {
    background-color: #fff3e0
}

    tr:has(td):has(span.orange):hover {
        background-color: #ddd2c1
    }

tr:has(td):has(span.red) {
    background-color: #ffebee
}

    tr:has(td):has(span.red):hover {
        background-color: #d8c6c9
    }

.col img {
    vertical-align: middle;
    border-style: none;
    align-self: stretch;
}

.col.col-img-logo-top {
    height: inherit;
}

.col.col-img-logo-top-right {
    height: inherit;
    float: right;
}

img.img-fluid.img-logo-top {
    height: 3.5rem;
    margin-top: 0.8rem;
}


figure {
    display: flex;
    align-items: center;
    height: 3.5rem;   
    margin-top: 0rem;
    background-color: inherit;
    padding-left: 1rem;
}

img, figcaption {
    display: inline-block;
    vertical-align: middle;
    margin-right: 1rem;
}

    img.img-fluid.img-logo-top-right {
        height: 3.0rem;
        float: right;
    }

.pod-header-text {
    float: left;        
    font-family: system-ui;
    vertical-align: middle;
    font-size: x-large;
   
}

a:hover {
    color: #212529;
}

.col-sm-8.col-md-4.col-lg-2.patient-card {
    margin-top: 2rem;
    min-width: 15rem;
}

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

    .topbar .nav-item .nav-link {
        height: 4.375rem;
    }
        .btn-primary {
            color: #fff;
            background-color: #1b6ec2;
            border-color: #1861ac;
        }
        
.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.validation-message {
    color: red;
}

.bg-proton-red {
    background-color: #f96d6d;
}

.bg-wild-rose {
    background-color: #3c497a1a
}

.bg-fairy-sparkles {
    background-color: #a9d7f6;
}

.bg-cornflower {
    background-color: #8fb1e9;
}

.bg-caramel {
    background-color: #e9c78f;
}

.bg-mint-green {
    background-color: #8fe99a;
}

a:hover {
    color: #212529;
}

.bg-blush-pink {
    background-color: #e98fb1;
}

.color-proton-red {
   color: #f96d6d;
}

.color-wild-rose {
   color: #b84d69;
}

.color-fairy-sparkles {
   color: #a9d7f6;
}

.color-cornflower {
   color: #8fb1e9;
}

.color-caramel{
    color: #e9c78f;
}

.color-mint-green {
    color: #8fe99a;
}

.color-blush-pink{
    color:#e98fb1;
}

.color-electric-blue{
    color: #028dd9 !important;
}
.vh-75{
    height: 75vh;
}

.btn-teal{
    background-color: #12505b !important;
    border-color: #12505b !important;
    color: white !important;
}
.btn-teal:hover{
    background-color: #028dd9 !important;
    border-color: #028dd9 !important;
    color: white !important;
}

.form-check-input:checked {
    background-color: #028dd9 !important;
    border-color: #028dd9 !important;
}