/*  =====================================================================================  */
    /* ===  Boxed Screen  === */
        /* ===  Make screen not scrollable AND fit all data into screen  === */
        .boxed_screen /* This class must be added to elem ( #my_container ) by JS ( call func boxed_screen() )  */
        { 
            height: 100vh !important;
            min-height: 100vh !important;
            display: flex !important;
            flex-direction: column !important;
            overflow: hidden !important;

            /* border: 2px solid red; */
        }



        /*  This class ( .boxed_screen_container ) can be given all intermediate elements until ( .boxed_screen_scrollable )  */
        .boxed_screen_container
        {
            flex: 1 !important;
            display: flex !important;
            flex-direction: column !important;
            overflow: hidden !important;

            /* border: 2px solid green; */
        }



        /*  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!  */
            /* ===  Lower portion of the screen ( scrollable )  === */
            .boxed_screen_scrollable /* This class ( boxed_screen_scrollable ) must be added to scrollable elem ( #XXXXXXXX ) in HTML */
            {
                flex: 1 !important;
                /* overflow: auto !important; */
                overflow-x: hidden !important;
                overflow-y: auto !important;
                width: fit-content !important;
            }

        /*  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!  */
            /* Update Required */  /* Must be added to ( table ) tag */ 
                /* Vertical and horizontal scrolling controllers must be added */
        /*  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!  */

            

        /*  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!  */

        .boxed_screen hr
        {
            width: 100% !important;
        }

/* ===  Boxed Screen  === */
/*  =====================================================================================  */