/*#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;
    }

        /*#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: scroll !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: scroll !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: 0px;
            min-width: 75px;
        }

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

        .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: scroll !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*/