.TAB_container{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

.TAB_body{
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.TAB_container .TAB_page{
    flex-grow: 1;
    display:none; /*don't show anything by default*/
}

.TAB_page.TAB_selected{
    display: flex;
}

.TAB_control{
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.TAB_button{
    flex-grow: 1;
    text-align: center;
    cursor: pointer;
    padding: 0 1em;
}