table.tablesaw {
	border: 0px;
}


.tablesaw {
  width: auto;
  max-width: 100%;
  empty-cells: show;
  border-collapse: collapse;
  padding: 0;
  font-size: .85em;
}

.tablesaw-stack th,
.tablesaw-stack td
 {
	padding-left: 20px;
	padding-right: 20px; 
    border-bottom: 1px solid #cccccc;	
	border-left: 0px;
	border-collapse: collapse;
}


/*  responsive tables  --------------------------------------------------------------------------------------*/




table {
  border-collapse: collapse;
 }


thead th {
/*  background-color: #d5d5d5;  remove 1/29/2021  */
  background-color: #3c5a86;
/*  border: 1px solid #000000; remove 3/1/2021 du*/
  color: #ffffff;
}

tbody th {
/*  background-color: lightgreen;   remove 5/3/2022 */
  font-weight: normal;
}

/*  remove for tablesaw   5/5/2022
th, td {
  padding: .5em 1em;
  border: 1px solid #cccccc; 
}

*/

.narrow-th {
  font-weight: bold;
}

table > caption {
	font-weight: bold;
	font-size: 1.25em;
	color: #647182;
	font-size: 18px;
}	

@media only screen and (max-width: 600px) {
  table {
    display: block;
  }

.schedules  caption, tr, tbody {
    display: block;
  }

tbody th {
/*  background-color: #3c5a86;  
  color: #ffffff;   5/5/2022*/
  background-color: #86a9c7;
  color: #000000;
 }

  thead {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
  }

  th, td {
	border-collapse: collapse;
    padding: 4px 8px;
    display: block;
  }

  th {
    text-align: left;
  }

table#schedule > caption,
table > caption {
   display: block;
  }	



/*  removed 1/29.20 
table#schedule td[role=gridcell]:nth-child(1) {
  background-color: #dfdfdf;
  }
*/ 
 
table#schedule td[role=gridrow]:nth-child(1) {
  background-color: #C5CBD3;
  }
  
}

@media only screen and (min-width: 601px) {
  .narrow-th {
    display: none;
  }

}


/*  end responsive tables  --------------------------------------------------------------------------------------*/


.table-a11y {
  width: 100%;
}

.table-a11y caption {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
}
.table-a11y thead,
.table-a11y tbody,
.table-a11y tfoot {
  width: 100%;
}
.table-a11y tr {
/*  display: flex;  */
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
}
.table-a11y th,
.table-a11y td {
  border: 1px solid #595959;
  padding: .5em 1em;
 }


/*du */
.table-a11y.stripe-one tr:nth-child(even) 
 {  
   background-color: #c3d5e4;
 } 

.tablesaw-stack.stripe-one tr:nth-child(even) 
 {  
    background-color: rgba(143,169,200,.25);
 } 

.tablesaw-stack.stripe-one tr:nth-child(odd) 
 {  
    background-color: rgba(143,169,200,.10)
 } 


/*du */
.table-a11y.stripe-mix-one tr:nth-child(1), 
.table-a11y.stripe-mix-one tr:nth-child(4), 
.table-a11y.stripe-mix-one tr:nth-child(5), 
.table-a11y.stripe-mix-one tr:nth-child(8), 
.table-a11y.stripe-mix-one tr:nth-child(9), 
.table-a11y.stripe-mix-one tr:nth-child(12),
.table-a11y.stripe-mix-one tr:nth-child(13) 
 {  
   background-color: #c3d5e4;
 } 


/*du */
.table-a11y.stripe-mix-two tr:nth-child(1), 
.table-a11y.stripe-mix-two tr:nth-child(2), 
.table-a11y.stripe-mix-two tr:nth-child(5), 
.table-a11y.stripe-mix-two tr:nth-child(6), 
.table-a11y.stripe-mix-two tr:nth-child(7), 
.table-a11y.stripe-mix-two tr:nth-child(11),
.table-a11y.stripe-mix-two tr:nth-child(12), 
.table-a11y.stripe-mix-two tr:nth-child(13),
.table-a11y.stripe-mix-two tr:nth-child(17),
.table-a11y.stripe-mix-two tr:nth-child(18), 
.table-a11y.stripe-mix-two tr:nth-child(19) 
 {  
   background-color: #c3d5e4;
 } 

/*du */
.table-a11y.stripe-two tr:nth-child(1), 
.table-a11y.stripe-two tr:nth-child(2), 
.table-a11y.stripe-two tr:nth-child(5), 
.table-a11y.stripe-two tr:nth-child(6), 
.table-a11y.stripe-two tr:nth-child(9), 
.table-a11y.stripe-two tr:nth-child(10),
.table-a11y.stripe-two tr:nth-child(13), 
.table-a11y.stripe-two tr:nth-child(14),
.table-a11y.stripe-two tr:nth-child(17),
.table-a11y.stripe-two tr:nth-child(18) 
 {  
   background-color: #c3d5e4;
 } 


/*du */
.table-a11y.stripe-three tr:nth-child(1), 
.table-a11y.stripe-three tr:nth-child(2), 
.table-a11y.stripe-three tr:nth-child(3), 
.table-a11y.stripe-three tr:nth-child(7), 
.table-a11y.stripe-three tr:nth-child(8), 
.table-a11y.stripe-three tr:nth-child(9),
.table-a11y.stripe-three tr:nth-child(13), 
.table-a11y.stripe-three tr:nth-child(14), 
.table-a11y.stripe-three tr:nth-child(15)
 {  
   background-color: #c3d5e4;
 } 

/*du */
.table-a11y.stripe-four tr:nth-child(1), 
.table-a11y.stripe-four tr:nth-child(2), 
.table-a11y.stripe-four tr:nth-child(3), 
.table-a11y.stripe-four tr:nth-child(4), 
.table-a11y.stripe-four tr:nth-child(9),
.table-a11y.stripe-four tr:nth-child(10), 
.table-a11y.stripe-four tr:nth-child(11),
.table-a11y.stripe-four tr:nth-child(12),
.table-a11y.stripe-four tr:nth-child(17),
.table-a11y.stripe-four tr:nth-child(18),
.table-a11y.stripe-four tr:nth-child(19),
.table-a11y.stripe-four tr:nth-child(20) {  
   background-color: #c3d5e4;
 } 


/*du */
.table-a11y.stripe-five tr:nth-child(1), 
.table-a11y.stripe-five tr:nth-child(2), 
.table-a11y.stripe-five tr:nth-child(3), 
.table-a11y.stripe-five tr:nth-child(4), 
.table-a11y.stripe-five tr:nth-child(5), 
.table-a11y.stripe-five tr:nth-child(9),
.table-a11y.stripe-five tr:nth-child(11), 
.table-a11y.stripe-five tr:nth-child(12), 
.table-a11y.stripe-five tr:nth-child(13),
.table-a11y.stripe-five tr:nth-child(14),
.table-a11y.stripe-five tr:nth-child(15)
 {  
   background-color: #c3d5e4;
 } 



/*-----------4/1/2022 drupal tables ----*/
/*du */

.stripe-border {
   border: 1px solid #505050;
  } 

.stripe-border tr,
.stripe-border td {
   border: 1px solid #505050;
   font-size: 1.25rem;
}   
  
.stripe-one tr:nth-child(even) 
 {  
/*   background-color: #c3d5e4;  */
   background-color: rgba(143,169,200,.25);
 } 

/*du */
.stripe-mix-one tr:nth-child(1), 
.stripe-mix-one tr:nth-child(4), 
.stripe-mix-one tr:nth-child(5), 
.stripe-mix-one tr:nth-child(8), 
.stripe-mix-one tr:nth-child(9), 
.stripe-mix-one tr:nth-child(12),
.stripe-mix-one tr:nth-child(13) 
 {  
   background-color: #c3d5e4;
 } 


/*du */
.stripe-mix-two tr:nth-child(1), 
.stripe-mix-two tr:nth-child(2), 
.stripe-mix-two tr:nth-child(5), 
.stripe-mix-two tr:nth-child(6), 
.stripe-mix-two tr:nth-child(7), 
.stripe-mix-two tr:nth-child(11),
.stripe-mix-two tr:nth-child(12), 
.stripe-mix-two tr:nth-child(13),
.stripe-mix-two tr:nth-child(17),
.stripe-mix-two tr:nth-child(18), 
.stripe-mix-two tr:nth-child(19) 
 {  
   background-color: #c3d5e4;
 } 

/*du */
.stripe-two tr:nth-child(1), 
.stripe-two tr:nth-child(2), 
.stripe-two tr:nth-child(5), 
.stripe-two tr:nth-child(6), 
.stripe-two tr:nth-child(9), 
.stripe-two tr:nth-child(10),
.stripe-two tr:nth-child(13), 
.stripe-two tr:nth-child(14),
.stripe-two tr:nth-child(17),
.stripe-two tr:nth-child(18) 
 {  
   background-color: #c3d5e4;
 } 


/*du */
.stripe-three tr:nth-child(1), 
.stripe-three tr:nth-child(2), 
.stripe-three tr:nth-child(3), 
.stripe-three tr:nth-child(7), 
.stripe-three tr:nth-child(8), 
.stripe-three tr:nth-child(9),
.stripe-three tr:nth-child(13), 
.stripe-three tr:nth-child(14), 
.stripe-three tr:nth-child(15)
 {  
   background-color: #c3d5e4;
 } 

/*du */
.stripe-four tr:nth-child(1), 
.stripe-four tr:nth-child(2), 
.stripe-four tr:nth-child(3), 
.stripe-four tr:nth-child(4), 
.stripe-four tr:nth-child(9),
.stripe-four tr:nth-child(10), 
.stripe-four tr:nth-child(11),
.stripe-four tr:nth-child(12),
.stripe-four tr:nth-child(17),
.stripe-four tr:nth-child(18),
.stripe-four tr:nth-child(19),
.stripe-four tr:nth-child(20) {  
   background-color: #c3d5e4;
 } 


/*du */
.stripe-five tr:nth-child(1), 
.stripe-five tr:nth-child(2), 
.stripe-five tr:nth-child(3), 
.stripe-five tr:nth-child(4), 
.stripe-five tr:nth-child(5), 
.stripe-five tr:nth-child(9),
.stripe-five tr:nth-child(11), 
.stripe-five tr:nth-child(12), 
.stripe-five tr:nth-child(13),
.stripe-five tr:nth-child(14),
.stripe-five tr:nth-child(15)
 {  
   background-color: #c3d5e4;
 } 



/*  ------------ end drupal tables -------------*/








@media (min-width: 768px) {
  .table-a11y tr {
    flex-direction: row;
  }
}
.table-a11y th, .table-a11y td {
/*  word-break: break-all;   du*/
  font-size: 1em;
}

/* THIS CSS IS NOT REQUIRED TO GIVE ACCESSIBILITY+RESPONSIVENESS TO A TABLE */
/* ONLY FOR DEMO PURPOSE */
.table-design {
/*  max-width: 900px;   du 20211210
/*  font-size: 14px;  du*/
  font-size: .85em;
/*  margin: 0 auto;  du */
  /* TABLE HEADER STYLING */
  /* DISPLAY EACH ROW AS A CARD */
  /* INDIVIDUAL CELL HEADING STYLES */
}



.table-design thead {
  background: #3c5a86;
  color: #fff;
}
.table-design thead th {
  padding: 6px 5px;
  text-align: left;
}
.table-design tbody tr {
  background: #fff;
/*  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);  du */
  margin-bottom: 15px;
}
.table-design tbody th {
  font-weight: normal;
}
.table-design tbody th, .table-design tbody td {
  padding: 6px 10px;
}
@media (max-width: 767px) {
  .table-design tbody th, .table-design tbody td {
    display: flex;
  }
}
.table-design tbody .col-header {
  flex: 0 0 140px;
  width: 140px;
  padding: 12px 10px;
  margin: -12px 10px -12px -10px;
/*  background: #3c5a86;  du */
/*  color: #fff; */
     color: #595959;
}

/* MOBILE MODE */
@media (max-width: 767px) {
  .table-design {
    /* even if table headers are visually hidden, it's necessary to set row as block level to avoid weird bug on VoiceOver */
  }
  .table-design thead {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
  }
  
 /*du */
 .table-a11y.stripe-one tr td:nth-child(1), 
 .table-a11y.stripe-two tr td:nth-child(1), 
 .table-a11y.stripe-three tr td:nth-child(1),
 .table-a11y.stripe-four tr td:nth-child(1),
 .table-a11y.stripe-mix-one tr td:nth-child(1),
 .table-a11y.stripe-mix-two tr td:nth-child(1) {  
   font-weight: 900;
  } 
}


/* TABLET MODE */
@media (min-width: 768px) {
  .table-design {
   background: #fff; 
/*    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);  du */
    /* ROWS MOBILE STYLING RESET & STYLING FOR TABLET */
    /* SET CELLS WIDTH */
    /* HIDE INVIDUAL CELL HEADING */
  }
  
  .table-narrow {
	width: 45%;
 }

  .table-narrow-1 {
	width: 55%;
 }

  .table-narrow-2 {
	width: 75%;
 }
  
  .table-design tbody tr {
    background: none;
    box-shadow: none;
    margin-bottom: 0;
  }
  .table-design tbody tr:hover {
    background: #e5f5fa;
  }
  .table-design thead th, .table-design thead td, .table-design tbody th, .table-design tbody td {
    width: 5em;
  }
  .table-design tbody .col-header {
    display: none;
  }
}