/***********************************************************************
 *
 *
 *
 ***********************************************************************/

.rx-page-container
{
    width: 100wv;
    height: 100hv;
    
    border: 4px solid #0000FF;

}

#rx-page-container
{

    display: flex;
    flex-flow: column;

    margin: 0px;
    padding: 0px;

    width: 100vw;
    height: 100vh;

    /* background: var(--rx-page-container-background, red);* /

    /* border: var(--rx-page-container-border); */


    margin: 0px;
    padding: 10px;
    
    width: 100vw;
    height: 100vh;
    
    background-image: url('/img/backdrop-gray.jpg');

    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    
    /* border: var(--rx-page-container-border-a); */

    border: 0px solid #0000FF;
    
    margin-bottom: 0px;


}




#rx-page-container-old  
{
    
    /* display: flex; */
    
    display: border-box;

    /* flex: 1; */
    
    flex-flow: column;
    
    margin: 0px;
    padding: 10px;
    
    width: 100vw;
    height: 100vh;
    
    background-image: url('/img/backdrop-gray.jpg');

    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    
    /* border: var(--rx-page-container-border-a); */

    border: 0px solid #0000FF;
    
    margin-bottom: 0px;
}

#rx-page-body-container
{
    

    /*
    flex; 1;
    display: grid;

    grid-template-columns: 100%;
    grid-template-rows: 100%;
    */

    height: calc( 100% - 215px );
    
    border: 0px solid #0000FF;
    margin-top: 10px;
    margin-bottom: 10px;

    overflow: auto;

}



.page-grid-1
{

    flex: 1;
    display: grid;
    
    grid-template-columns: 100%;
    grid-template-rows: 100%;
 
    margin-top: 2px;   
   /* border: 2px solid #FF0000; */

    
    
}

.page-grid-1-item
{

       height: 720px; 
     /* border: 2px solid #0000FF; */
    
}

.page-grid-3
{
    display: grid;
    
    grid-template-columns: 33.3% 33.3% 33.3%;
    grid-template-rows: 100%;
 
    margin-top: 2px;   
   /* border: 2px solid #FF0000; */

}

.page-grid-item
{

    

}

                                                         
#rx-page-footer-container                                
{

   left: 0px;
   height: 45px;
   width: 100%;
   border: var(--rx-grid-footer-border);

   border: 0px solid #0000FF;
}

#rx-grid-footer                                          
{

    display: grid;
    grid-template-columns: repeat(3, 1fr);

    grid-gap: 4px;

    /* vertical-align: center;  */

    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0px;
    width: 100%;
    height: 100%;

}


#rx-grid-footer > diva                                   
{
   background: #99D3DF;
   text-align: center;
   padding: 0px;
   margin: 0px;
   font-size: 1em;
   align-items: center;
   border: var(--rx-grid-footer-border-div);
   border-radius: 6px;
}


#rx-grid-footer-left                                     
{
    display: flex;
    vertical-align: middle;
    height: 100%;
    text-align: left;
    align-items: center;
    padding-left: 50px;
    background: #99D3DF;
    /* border: 2px solid #FF0000; */
}

#rx-grid-footer-center                                   
{
    display: flex;
    vertical-align: middle;
    height: 100%;
    align-items: center;
    text-align: center;
    background: #99D3DF;
    /* border: 2px solid #00FF00; */

}

#rx-grid-footer-right                  
{
    display: flex;
    vertical-align: middle;

    height: 100%;
    width: 100%;
    align-items: center;
    text-align: right;
    padding-right: 50px;
    background: #99D3DF;
    /* border: 2px solid #0000FF; */

}