/* 
    Created on : Mar 7, 2016, 2:35:10 PM
    Author     : JT
*/

#navBar {
    display:grid;
    grid-template-columns: repeat(6,1fr);    
    width: 100%;
    margin: 5px 0 5px 0;
    padding: 0;
    border: 1px solid black;
    font-size: 16px;
   
}
.navRadio {
    display: none;
}

.navLabel{ 
   
    background-color: black ;
    display: block;
    width: 100%;
    font-weight: bold;
    color: white;
    text-align: center;
    height: 2em;
    padding-top: 5px;
    padding-left: 5px;    
    border-bottom: 1px solid black;
}

.navRadio:checked + label {
    background-color: white;
    color:blue;

}


.navLabel:hover {
    background-color: aliceblue;
    color:blue;
    
}

#navBar:disabled{
    background-color: lightgrey; 
}

#navBar #radCharts:checked ~ #navTabs #lblPatient,
#navBar #radCharts:checked ~ #navTabs #lblHealthInsurance,
#navBar #radCharts:checked ~ #navTabs #lblAppointment,
#navBar #radCharts:checked ~ #navTabs #lblEncounter,
#navBar #radCharts:checked ~ #navTabs #lblInvoice {

    /* Display the corresponding tab content when the radio button is checked */
    display: block;
    
}
    
#navBar #radCharts:not(:checked) ~ #navTabs #lblPatient,
#navBar #radCharts:not(:checked) ~ #navTabs #lblHealthInsurance,
#navBar #radCharts:not(:checked) ~ #navTabs #lblAppointment,
#navBar #radCharts:not(:checked) ~ #navTabs #lblEncounter,
#navBar #radCharts:not(:checked) ~ #navTabs #lblInvoice {

    /* Hide the corresponding tab content when the radio button is checked */
    display: none;
   
}           
#navBar #radProviders:checked ~ #navTabs #lblProviders {

    /* Display the corresponding tab content when the radio button is checked */
    display: block;
    
}
    
#navBar #radProviders:not(:checked) ~ #navTabs #lblProviders {

    /* Hide the corresponding tab content when the radio button is checked */
    display: none;
   
}        
#navBar #radPayers:checked ~ #navTabs #lblPayers {

    /* Display the corresponding tab content when the radio button is checked */
    display: block;
    
}
    
#navBar #radPayers:not(:checked) ~ #navTabs #lblPayers {

    /* Hide the corresponding tab content when the radio button is checked */
    display: none;
   
}           
#navBar #radICD:checked ~ #navTabs #lblICD {

    /* Display the corresponding tab content when the radio button is checked */
    display: block;
    
}
    
#navBar #radICD:not(:checked) ~ #navTabs #lblICD {

    /* Hide the corresponding tab content when the radio button is checked */
    display: none;
   
}           
#navBar #radCPT:checked ~ #navTabs #lblCPT {

    /* Display the corresponding tab content when the radio button is checked */
    display: block;
    
}
    
#navBar #radCPT:not(:checked) ~ #navTabs #lblCPT {

    /* Hide the corresponding tab content when the radio button is checked */
    display: none;
   
}           

#navBar #radReports:checked ~ #navTabs #lblReports {

    /* Display the corresponding tab content when the radio button is checked */
    display: block;
    
}
    
#navBar #radReports:not(:checked) ~ #navTabs #lblReports{

    /* Hide the corresponding tab content when the radio button is checked */
    display: none;
   
}