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

.fpmheader-middle {
    /*As Item*/
    flex: 1 1 33.33%;
    /*As Container*/
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.fpmheader-right {
    /*As Item*/
    flex: 1 1 33.33%;
    /*As Container*/
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: end;
}

.h5 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
/* #endregion */

/* #region Switch*/
.patient-chart-header-right-container {
    /*As Item*/
    flex: 1 1 33.33%;
    /*As Container*/
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: end;
}

.alert-dialog .e-switch-wrapper,
.patient-chart-header-right-container > .e-switch-wrapper {
    flex: 0 0 5rem;
    height: 2rem;
    border: 0;
    /*As Container*/
    display: flex;
    flex-direction: column;
}

    .fpm-patient-search .fpm-search-switch-item .e-switch-inner,
    .alert-dialog .e-switch-wrapper > .e-switch-inner,
    .patient-chart-header-right-container > .e-switch-wrapper > .e-switch-inner {
        /*As Item*/
        flex: 1 1 100%;
        border: 0;
        border-radius: .25rem;
        /*As Container*/
        display: flex;
        flex-direction: row;
    }

        .fpm-patient-search .fpm-search-switch-item .e-switch-off,
        .alert-dialog .e-switch-wrapper > .e-switch-inner > .e-switch-off,
        .patient-chart-header-right-container > .e-switch-wrapper > .e-switch-inner > .e-switch-off {
            background: lightgray;
            text-indent: 0;
        }

        .fpm-patient-search .fpm-search-switch-item .e-switch-on,
        .alert-dialog .e-switch-wrapper > .e-switch-inner > .e-switch-on,
        .patient-chart-header-right-container > .e-switch-wrapper > .e-switch-inner > .e-switch-on {
            text-indent: 0;
        }

        .alert-dialog .e-switch-wrapper > .e-switch-handle,
        .patient-chart-header-right-container > .e-switch-wrapper > .e-switch-handle,
        .fpm-patient-search .fpm-search-switch-item .e-switch-handle {
            display: none;
        }
/* #endregion */

/*#region Card, Grid, Tab - No Scroll*/

.fpmcard-noscroll.e-card,
.fpmgrid-noscroll.e-grid,
.fpmtab-noscroll.e-tab { /*must be in a flex column*/
    /*As Item*/
    flex: 1 1 0;
    min-height: 0;
    /*As Container*/
    display: flex;
    flex-direction: column;
}

.fpmtab-noscroll.e-tab {
    padding-left: .5rem;
    padding-right: .5rem;
}

    .fpmcard-noscroll.e-card > .e-card-header { /*comes from a flex column layout*/
        /*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;
    }

    .fpmtab-noscroll.e-tab > .e-tab-header { /*comes from a flex column layout*/
        /*As Item*/
        flex: 0 0 2rem;
        width: 100%;
        /*As Container*/
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .fpmcard-noscroll.e-card > .e-card-content {
        padding-top: .5rem !important;
        padding-left: .5rem !important;
        padding-right: .5rem !important;
    }

    .fpmtab-noscroll.e-tab > .e-content {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important;
    }

        .fpmcard-noscroll.e-card > .e-card-content,
        .fpmgrid-noscroll.e-grid > .e-gridcontent,
        .fpmgrid-noscroll.e-grid > .e-gridcontent > .e-content,
        .fpmtab-noscroll.e-tab > .e-content,
        .fpmtab-noscroll.e-tab > .e-content > .e-item.e-active {
            /*As Item*/
            flex: 1 1 100%;
            min-height: 0;
            overflow: hidden;
            padding: 0;
            /*As Container*/
            display: flex;
            flex-direction: column;
        }
/*#endregion*/

/*#region Card, Grid, Tab - Scroll*/
.fpmcard-scroll.e-card,
.fpmgrid-scroll.e-grid,
.fpmtab-scroll.e-tab {
    /*As Item*/
    flex: 1 1 0;
    min-height: 0;
    /*As Container*/
    display: flex;
    flex-direction: column;
}

.fpmcard-scroll.e-card > .e-card-header { /*comes from a flex column layout*/
    /*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;
}

    .fpmgrid-scroll.e-grid > .e-gridcontent,
    .fpmtab-scroll.e-tab > .e-content {
        /*As Item*/
        flex: 1 1 0;
        min-height: 0;
        /*As Container*/
        display: flex;
        flex-direction: column;
    }

        .fpmcard-scroll.e-card > .e-card-content,
        .fpmgrid-scroll.e-grid > .e-gridcontent > .e-content,
        .fpmtab-scroll.e-tab > .e-content > .e-item.e-active {
            /*As Item*/
            flex: 1 1 0;
            min-height: 0;
            overflow-y: auto !important;
            padding-right: .5rem;
            /*As Container*/
            /*Should be no children*/
        }

.no-grid-header.e-grid > .e-gridheader {
    display: none;
}
/*#endregion*/

/*#region Autocomplete Component*/
.fpm-patient-search {
    flex: 1 1 100%;
    display: flex;
    flex-direction: row;
}

.fpm-patient-search .fpm-autocomplete-item {
    flex: 1 1 82%;
    min-width: 260px;
    display: flex;
}

.fpm-patient-search .fpm-search-switch-item.e-switch-wrapper {
    flex: 1 1 18%;
    min-width: 85px;
    height: 2rem;
    /*As Container*/
    display: flex;
}
/* #endregion  */

/*#region FPM Text Editor*/
/*Outer Div for width and height*/
.note-texteditor-container { /*Comes from note-card-noscroll (row) e-card-content*/
    /*As Item*/
    flex: 0 0 33.33%;
    height: 100%;
    min-height: 0;
    min-width: 0;
    margin-bottom: .35rem;
    /*As Container*/
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-sizing: border-box;
}

.note-clinical-observation-texteditor-container {
    /*As Item*/
    flex: 0 0 50%; /*width of texteditor*/
    min-width: 0;
    width: calc(33.33% - .5rem) !important; /*height of texteditor*/
    height: calc(33.33% - .5rem) !important; /*height of texteditor*/
    min-height: 0;
    /*As Container*/
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding-left: .5rem;
}

.observation-interview-texteditor-container {
    /*As Item*/
    flex: 0 0 50%; /*width of texteditor*/
    min-width: 0;
    min-height: 0;
    /*As Container*/
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

.generic-note-texteditor-container,
.apnote-texteditor-container { /*Comes from note-card-noscroll (row) e-card-content*/
    /*As Item*/
    flex: 0 0 100%;
    height: 100%;
    min-height: 0;
    min-width: 0;
    margin-bottom: .35rem;
    /*As Container*/
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-sizing: border-box;
}

.fpmtexteditor.e-richtexteditor { /*Editor Container*/
    /*As Item*/
    flex: 1 1 100%; /*height of texteditor*/
    min-height: 0;
    min-width: 0;
    box-sizing: border-box;
}

    .fpmtexteditor.e-richtexteditor .e-content {
        overflow-y: auto !important;
/*        display: flex;
        flex-direction: column;
*/    }

    .fpmtexteditor.e-richtexteditor .e-rte-content {
        padding-bottom: .5rem;
    }
/*#endregion*/

.account-information {
    padding: .5rem;
    margin: .5rem;
    font-size: small;
    border: 1px solid gray;
    width: 100px;
    border-radius: .25rem;
}

.insurance-information {
    padding: .5rem;
    margin: .5rem;
    font-size: small;
    border: 1px solid gray;
    width: 150px;
    border-radius: .25rem;
}

.fpmheader-left > .fpm-patient-search {
    flex: 0 0 30% !important;
    display: flex;
    flex-direction: row;
}

/* #region Header*/
.captionheader-left {
    width: 33.33%;
}

.captionheader-middle {
    width: 33.33%;
}

.captionheader-right {
    width: 33.33%;
    text-align: end;
}
/* #endregion */