/* 
    Created on : Mar 7, 2016, 4:03:31 PM
    Author     : JT
*/

#navTabs  {
    grid-column: 1 / span 6;
    border: none;
    margin-top: 10px;
    width: 100%;
    padding: 10px;
     
  }

#navTabs input[type=radio] {
    display: none;
    }
#navTabs input[type=radio] + label {
    float: left;
    background-color: blue;
    font-weight: bold;
    color: white;
    text-align: center;
    border: 1px solid blue;
    padding: 4px;
    width: 10em;
    margin-right: 2px;
    margin-bottom: -1px;
}
#navTabs input[type=radio] + label:hover {
    color:blue;
    background-color: aliceblue;
    border-bottom-color: aliceblue;
}

#navTabs input[type=radio]:checked + label {
    background-color: aliceblue;
    border-bottom-color: aliceblue;
    color:blue;

}

.tabContent {    
    display: grid;
    grid-template-rows: 1fr auto;
    grid-template-areas:
    "form"
    "buttons"
    ;
    background-color: aliceblue;
    width: 100%;
    border: 1px solid blue;
    height: 595px;
    margin-top: 0;
    clear: left;
}


#navTabs #tabPatient:checked  ~ #tabContent #formPatient,
#navTabs #tabHealthInsurance:checked  ~ #tabContent #formHealthInsurance,
#navTabs #tabAppointment:checked  ~ #tabContent #formAppointments,
#navTabs #tabEncounter:checked  ~ #tabContent #formEncounters,
#navTabs #tabInvoice:checked  ~ #tabContent #formInvoices,
#navTabs #tabPayers:checked  ~ #tabContent #formPayers,
#navTabs #tabProviders:checked  ~ #tabContent #formProviders,
#navTabs #tabICD:checked  ~ #tabContent #formICD,
#navTabs #tabCPT:checked  ~ #tabContent #formCPT,
#navTabs #tabReports:checked  ~ #tabContent #formReports
 {
    display: block;
    /* Display the corresponding tab content when the radio button is checked */
}

#navTabs #tabPatient:not(:checked) ~ #tabContent #formPatient,
#navTabs #tabHealthInsurance:not(:checked) ~ #tabContent #formHealthInsurance,
#navTabs #tabAppointment:not(:checked) ~ #tabContent #formAppointments,
#navTabs #tabEncounter:not(:checked) ~ #tabContent #formEncounters,
#navTabs #tabInvoice:not(:checked)  ~ #tabContent #formInvoices,
#navTabs #tabPayers:not(:checked) ~ #tabContent #formPayers,
#navTabs #tabProviders:not(:checked) ~ #tabContent #formProviders,
#navTabs #tabICD:not(:checked) ~ #tabContent #formICD,
#navTabs #tabCPT:not(:checked) ~ #tabContent #formCPT,
#navTabs #tabReports:not(:checked) ~ #tabContent #formReports

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