/*#region Header*/
.note-header-left {
    /*As Item*/
    flex: 1 1 50%;
    /*As Container*/
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: start;
}

.note-header-right {
    /*As Item*/
    flex: 1 1 50%;
    /*As Container*/
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: end;
}
/*#endregion*/

/*#region Main Card - No Scroll*/
.note-card-noscroll.e-card {
    /*As Item*/
    flex: 1 1 auto;
    min-height: 0;
    /*As Container*/
    display: flex;
    flex-direction: column;
    justify-content: start;
}

    .note-card-noscroll.e-card > .e-card-header {
        /*As Item*/
        flex: 0 0 3.75rem;
        background: whitesmoke;
        padding: .5rem;
        background: whitesmoke;
        border-bottom: 1px solid #dee2e6;
        /*As Container*/
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .note-card-noscroll.e-card > .e-card-content {
        /*As Item*/
        flex: 1 1 auto;
        min-height: 0;
        min-width: 0;
        padding: .5rem !important;
        /*As Container*/
        display: flex;
        flex-direction: row;
        overflow: hidden;
        box-sizing: border-box;
    }
/*#endregion*/

/*#region Main Tab - Scroll - Left 66%*/
.note-tab-scroll.e-tab {
    /*As Item*/
    flex: 0 0 66.66%;
    min-height: 0;
    height: 100% !important;
    /*As Container*/
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-sizing: border-box;
}

    /*#region Toolbar*/
    .note-tab-scroll.e-tab > .e-toolbar {
        /*As Item*/
        flex: 0 0 2.65rem;
        min-height: 0;
        /*As Container*/
        display: flex;
        flex-direction: row;
        justify-content: start;
    }

        .note-tab-scroll.e-tab > .e-toolbar > .e-toolbar-items {
            /*As Item*/
            height: 100%;
            /*As Container*/
            display: flex;
            align-items: stretch;
        }

            .note-tab-scroll.e-tab > .e-toolbar > .e-toolbar-items > .e-toolbar-item {
                /*As Item*/
                height: 100%;
                /*As Container*/
                display: flex;
                align-items: stretch;
            }

                .note-tab-scroll.e-tab > .e-toolbar > .e-toolbar-items > .e-toolbar-item > .e-tab-wrap {
                    /*As Item*/
                    height: 100%;
                    /*As Container*/
                    display: flex;
                    align-items: center;
                }

        .note-tab-scroll.e-tab,
        .note-tab-scroll.e-tab > .e-toolbar,
        .note-tab-scroll.e-tab > .e-toolbar > .e-toolbar-items {
            /*As Item*/
            min-width: 0;
            /*As Container*/
        }
            /*#endregion*/

            .note-tab-scroll.e-tab > .e-content {
                /*As Item*/
                flex: 1 1 auto;
                min-height: 0;
                min-width: 0;
                /*As Container*/
                display: flex;
                flex-direction: column;
                height: 100%;
                overflow: hidden;
                box-sizing: border-box;
            }

.note-tab-scroll.e-safari > .e-content {
    height: calc(-198px + 100vh) !important;
}

/*#region Clinical Observation Tab*/
.note-tab-scroll.e-tab > .e-content > .e-item.e-active:has(.note-clinical-observation-texteditor-container) {
    /*As Item from a column*/
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-right: .5rem;
    border-left: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    /*As Container*/
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    box-sizing: border-box;
}

.note-tab-scroll.e-tab > .e-content > .e-item.e-active > .note-clinical-observation-texteditor-container > .observation-label {
    /*As Item*/
    flex: 0 0 1.5rem;
    min-height: 0;
    min-width: 0;
    margin-left: .5rem;
    margin-top: .25rem;
    box-sizing: border-box;
}

.note-tab-scroll.e-tab > .e-content > .e-item.e-active > .note-checkbox-container {
    /*As Item*/
    flex: 1 1 50%; /*width*/
    min-height: 0;
    min-width: 0;
    padding-left: .5rem;
    /*As Container*/
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    box-sizing: border-box;
}
/*#endregion*/

/*#region Other Tabs*/
.note-tab-scroll.e-tab > .e-content > .e-item.e-active:not(:has(.note-clinical-observation-texteditor-container)) {
    /*As Item from a column*/
    flex: 1;
    min-height: 0;
    min-width: 0;
    height: 100%;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-right: .5rem;
    padding-left: .5rem;
    border-left: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    box-sizing: border-box;
}

.note-tab-scroll.e-tab > .e-content > .e-item.e-active > .assessment-card {
    /*As Item*/
    width: 100%;
    min-height: 0;
    min-width: 0;
    /*As Container*/
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

    .note-tab-scroll.e-tab > .e-content > .e-item.e-active > .assessment-card > .e-card-header {
        /*As Item*/
        flex: 0 0 3.75rem;
        background: whitesmoke;
        padding: .5rem;
        border-bottom: 1px solid #dee2e6;
        /*As Container*/
        display: flex;
        flex-direction: row;
        align-items: center;
        box-sizing: border-box;
    }

    .note-tab-scroll.e-tab > .e-content > .e-item.e-active > .assessment-card > .e-card-content {
        /*As Item*/
        flex: 1 1 auto;
        min-height: 0;
        min-width: 0;
        padding: .5rem !important;
        /*As Container*/
        display: flex;
        flex-direction: column;
        overflow: hidden;
        box-sizing: border-box;
        justify-content: start;
    }

/* #region  Assessment Table */
.assessment-table {
    width: 100%
}

    .assessment-table .slim-column {
        width: 7%;
    }

    .assessment-table .small-column {
        width: 10%;
    }

    .assessment-table .mid-column {
        width: 25%;
    }

    .assessment-table .medium-column {
        width: 40%;
    }

    .assessment-table .large-column {
        width: 54%;
    }

    .assessment-table .administer,
    .assessment-table .score,
    .assessment-table .confidence-interval {
        text-align: center;
    }

    .assessment-table .descriptor {
        vertical-align: middle;
    }

td.score input,
td.score input::placeholder,
td.confidence-interval input,
td.confidence-interval input::placeholder {
    text-align: center;
    padding-left: 0;
    min-width: 75px;
}

td.score .e-dropdownlist.e-input {
    min-width: 100px;
    min-height: 0;
}

.e-tab-header .missing-score,
.missing-score .e-tab-wrap {
    background-color: #fff3cd !important;
}

    .missing-score .e-tab-wrap:hover {
        background: #fff3cd !important;
    }
/* #endregion */
/*#endregion*/
/*#endregion*/

/*#region AP Note - Left 66%*/
.note-card-noscroll.e-card > .e-card-content > .note-tab-noscroll.e-tab {
    /*As Item*/
    flex: 0 0 66.66%;
    min-height: 0;
    /*As Container*/
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-sizing: border-box;
}

/*#region Toolbar*/
.note-tab-noscroll.e-tab > .e-toolbar {
    /*As Item*/
    flex: 0 0 2.65rem;
    min-height: 0;
    /*As Container*/
    display: flex;
    flex-direction: row;
    justify-content: start;
}

    .note-tab-noscroll.e-tab > .e-toolbar > .e-toolbar-items {
        /*As Item*/
        height: 100%;
        /*As Container*/
        display: flex;
        align-items: stretch;
    }

        .note-tab-noscroll.e-tab > .e-toolbar > .e-toolbar-items > .e-toolbar-item {
            /*As Item*/
            height: 100%;
            /*As Container*/
            display: flex;
            align-items: stretch;
        }

            .note-tab-noscroll.e-tab > .e-toolbar > .e-toolbar-items > .e-toolbar-item > .e-tab-wrap {
                /*As Item*/
                height: 100%;
                /*As Container*/
                display: flex;
                align-items: center;
            }

    .note-tab-noscroll.e-tab,
    .note-tab-noscroll.e-tab > .e-toolbar,
    .note-tab-noscroll.e-tab > .e-toolbar > .e-toolbar-items {
        /*As Item*/
        min-width: 0;
        /*As Container*/
    }
        /*#endregion*/

        .note-tab-noscroll.e-tab > .e-content {
            /*As Item*/
            flex: 1 1 auto;
            min-height: 0;
            min-width: 0;
            /*As Container*/
            display: flex;
            flex-direction: column;
            overflow: hidden;
            box-sizing: border-box;
        }

            .note-tab-noscroll.e-tab > .e-content > .e-item.e-active {
                /*As Item from a column*/
                flex: 1 1 auto;
                min-height: 0;
                min-width: 0;
                overflow: hidden;
                padding: .5rem;
                border-left: 1px solid #dee2e6;
                border-bottom: 1px solid #dee2e6;
                /*As Container*/
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                box-sizing: border-box;
            }
/*#endregion*/

/*#region AP Diagnoses - Right 33%*/
.apnote-checkbox-diagnosis-container {
    /*As Item*/
    flex: 0 0 33.33%;
    height: 100%;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
    /*As Container*/
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    box-sizing: border-box;
}

.apnote-checkbox-container {
    /*As Item*/
    flex: 0 0 calc(4 * 1.5rem);
    min-height: 0;
    min-width: 0;
    /*As Container*/
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

    .apnote-checkbox-container > .diagnosis {
        flex: 0 0 1.5rem;
        padding-left: 1rem;
    }
/*#endregion*/

/*#region BSP Note - Left 66%*/
.bsp-card {
    /*As Item*/
    width: 100%;
    height: 100%;
    min-height: 0;
    min-width: 0;
    /*As Container*/
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

    .bsp-card > .e-card-header {
        /*As Item*/
        flex: 0 0 3.75rem;
        background: whitesmoke;
        padding: .5rem;
        border-bottom: 1px solid #dee2e6;
        /*As Container*/
        display: flex;
        flex-direction: row;
        align-items: center;
        box-sizing: border-box;
    }

    .bsp-card > .e-card-content {
        /*As Item*/
        flex: 1 1 auto;
        min-height: 0;
        min-width: 0;
        padding: .5rem !important;
        overflow-y: auto !important;
        /*As Container*/
        display: flex;
        flex-direction: column;
        overflow: hidden;
        box-sizing: border-box;
        justify-content: start;
    }

.hidden {
    display: none !important;
}

.show {
    display: block !important;
}

.fpm-question {
    margin-bottom: 0;
    width: 100%;
}

.fpm-answer {
    margin-bottom: 2rem;
    width: 100%;
}

.e-card-header:has(.fpmheader-left.green-okay) {
    background: whitesmoke !important;
}

.e-card-header:has(.fpmheader-left.yellow-risk) {
    background: #FFFF00 !important;
}

.e-card-header:has(.fpmheader-left.orange-high-risk) {
    background: #FF6600 !important;
}

.e-card-header:has(.fpmheader-left.red-warning) {
    background: #FF0000 !important;
}
/*#endregion*/