.MultiPatientObservationGroupName {
    display:inline;
}


.MultiPatientObservationOptions {
    border-color:lightgray;
    background-color:lightgray;
    padding:.05em;
    border-radius:4px;
}

.DarkMode .MultiPatientObservationOptions {
    background-color: darkslategray;
}

.MultiPatientObservationSelectSpecificPatient {
}

.MultiPatientObservationMyPatientsBox {
}

.MultiPatientObservationSetMyPatientsButton {
    margin-right:1em;
}

.MultiPatientObservationPatientSetBox {
    display: inline;
    max-width: 40em;
    margin-left:1em;
}

@media (max-width:400px) {
    .MultiPatientObservationPatientSetBox{
        max-width:22em;
    }
}

.MultiPatientObservationStandardObservationGroup {
    border:solid;
    border-color:lightgray;
}


.MultiPatientObservationLegend {
    margin-top: .5em;
}

.DarkMode .MultiPatientObservationLegend {
    color: #212529;
}

.MultiPatientObservationIntervalExceededLabel {
    color: white;
    background-color: red;
    padding: .2em;
    white-space: nowrap;
}

.MultiPatientObservationAboutToExceedIntervalLabel {
    background-color: yellow;
    padding: .2em;
    white-space: nowrap;
}

.MultiPatientObservationWithinIntervalLabel {
    background-color: white;
    padding: .2em;
    border: solid;
    border-width: 1px;
    border-color: black;
    white-space: nowrap;
}

.MultiPatientObservationReviewNeededLabel {
    background-color: lightblue;
    padding: .2em;
    white-space: nowrap;
}

.MultiPatientObservationWitnessNeededLabel {
    background-color: orange;
    padding: .2em;
    white-space: nowrap;
}

.MultiPatientObservationFirstReviewLabel {
    background-color: gainsboro;
    padding: .2em;
    white-space: nowrap;
}

.MultiPatientObservationDisplayType {
    display: inline-block;
    border: solid;
    border-color: lightgray;
    border-width: 1px;
    padding: .2em;
}

.MultiPatientObservationActions {
    display: inline-block;
    border: solid;
    border-color: lightgray;
    border-width: 1px;
    padding: .2em;
}

@media (max-width:400px) {
    .MultiPatientObservationActions {
        border: none;
    }

    .MultiPatientObservationGroupName {
        display: none;
    }

    .MultiPatientObservationLegend {
        font-size: x-small;
    }
}

.MultiPatientObservationReview-OrShowWithinText {
    margin-left: 2em;
}

.MultiPatientObservationReview-RefreshButton {
    margin-left: 2em;
    margin-right: 2em;
}


.MultiPatientObservationReview-GapExceeds {
    background-color: red;
}

.MultiPatientObservationReview-DateRange {
}

.MultiPatientObservationReview-RefreshButtonNeedsRefresh {
    color: red;
}

.MultiPatientObservationReview-UpdateReasonButton {
    margin-left: .5em;
}

.MultiPatientObservationReview-Header {
    position: sticky;
    top: 0;
    background-color: white;
}