/* *******************************
   Roles.css

   For each block of rows below, toggle them this way:

   TO SHOW THIS ROLE IN THE DOCUMENT:
   -> Change "visibility" to "visible"
   -> Change "display" to "table-row"

   TO HIDE THIS ROLE IN THE DOCUMENT:
   -> Change "visibility" to "collapse"
   -> Change "display" to "none"
   ******************************* */

div#roles { display:block; }

#role-01 { visibility: visible; display: table-row; }
#role-01 td.role-title::before   { content: "Test Director"; }
#role-01 td.role-name::before    { content: ""; }
#role-01 td.role-contact::before { content: ""; }

#role-02 { visibility: visible; display: table-row; }
#role-02 td.role-title::before   { content: "Test Technician"; }
#role-02 td.role-name::before    { content: ""; }
#role-02 td.role-contact::before { content: ""; }

#role-03 { visibility: visible; display: table-row; }
#role-03 td.role-title::before   { content: "Quality Assurance"; }
#role-03 td.role-name::before    { content: ""; }
#role-03 td.role-contact::before { content: ""; }

#role-04 { visibility: visible; display: table-row; }
#role-04 td.role-title::before   { content: "Customer Rep"; }
#role-04 td.role-name::before    { content: ""; }
#role-04 td.role-contact::before { content: ""; }

#role-05 { visibility: collapse; display: none; }
#role-05 td.role-title::before   { content: "Title:"; }
#role-05 td.role-name::before    { content: ""; }
#role-05 td.role-contact::before { content: ""; }

#role-06 { visibility: collapse; display: none; }
#role-06 td.role-title::before   { content: "Title:"; }
#role-06 td.role-name::before    { content: ""; }
#role-06 td.role-contact::before { content: ""; }

#role-07 { visibility: collapse; display: none; }
#role-07 td.role-title::before   { content: "Title:"; }
#role-07 td.role-name::before    { content: ""; }
#role-07 td.role-contact::before { content: ""; }

#role-08 { visibility: collapse; display: none; }
#role-08 td.role-title::before   { content: "Title:"; }
#role-08 td.role-name::before    { content: ""; }
#role-08 td.role-contact::before { content: ""; }

#role-09 { visibility: collapse; display: none; }
#role-09 td.role-title::before   { content: "Title:"; }
#role-09 td.role-name::before    { content: ""; }
#role-09 td.role-contact::before { content: ""; }

#role-10 { visibility: collapse; display: none; }
#role-10 td.role-title::before   { content: "Title:"; }
#role-10 td.role-name::before    { content: ""; }
#role-10 td.role-contact::before { content: ""; }