/***************************************/
/* header */ 
/***************************************/


#P9D{
    
    padding: 0 0.6rem 0.6rem 0.6rem;
    display: flex;
    gap:0.6rem;
    width: 100%;
    overflow: auto;
    
}

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

#P9C{
    position: sticky;
    background: white;
    border-bottom: 1px solid #c1c1c1;
    #navBar {
        display: flex;
        
        color: #1A237E;
        /*color: white;*/
        padding: 0.1rem 0.2rem;
    }
    #navBar > div {
        border-radius: 0.4rem;
        padding:0.2rem 0.4rem;
    }
    #navBar > div.active {
        
        background: #EEEEEE;
    }
 




}
#P9CS{
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 0.6rem;
    gap: 0.4rem;
    /*font-size: 1.2rem;*/
    #zinput {
        border: 1px solid #777;
        border-radius:1rem;
        padding:0.3rem 0.6rem;
        
        background: #EEEEEE;
        
    }


    & > div {

        padding: 0.2rem;
    }

}