/*Responsive Tables from https://adrianroselli.com/2017/11/a-responsive-accessible-table.html*/

/*Always display header row*/
.static {
    display: table-row !important;
}
/*Add bottom border to separate programs below campus-based*/
.all{
	 border-bottom: 2px black solid !important;
}
/*Add bottom border to separate programs below international-row*/
.international-row {
	 border-bottom: 4px black solid !important;
}

 
.responsive-main {
  display: block;
  box-sizing: border-box;
  width: auto;
  /*padding: 1em 2vw;*/
  /*margin: 1em 2vw;*/
  /*color: #000;*/
  /*background-color: rgba(204, 204, 204, 0.7);*/
  /*border: 0.07em solid rgba(0, 0, 0, 0.5);*/
  /*border-radius: 0.5em;*/
}

.responsive-table  {
  margin: 1em 0;
  border-collapse: collapse;
/*   width: 100%; */
}

.responsive-table  caption {
  text-align: left;
  font-style: italic;
  padding: 0.25em 0.5em 0.5em 0.5em;
}

.responsive-table  th,.responsive-table  td {
  padding: 0.25em 0.5em 0.25em 1em;
  vertical-align: text-top;
  text-align: left;
  /*text-indent: -0.5em;*/
}

.responsive-table  th {
  vertical-align: bottom;
  /*background-color: #000000;*/
  color: #ffffff;
  font-weight: bold;
}

.responsive-table  td::before {
  display: none;
}

.responsive-table  tr:nth-child(even) {
  /*background-color: rgba(255, 255, 255, 0.25);*/
  
}

.responsive-table  tr:nth-child(odd) {
  /*background-color: rgba(255, 255, 255, 0.5);*/

}

.responsive-table  td:nth-of-type(2) {
  /*font-style: italic;*/
}

.responsive-table  th:nth-of-type(3),
.responsive-table  td:nth-of-type(3) {
  /*text-align: right;*/
}

.responsive-div {
  overflow: auto;
}

/*@media screen and (max-width: 37em), print and (max-width: 5in) {*/
@media screen and (max-width: 800px) {
  .responsive-table  table,
  .responsive-table  tr,
  .responsive-table  td {
    display: block;
  }
  .responsive-table  tr {
    padding: 0.7em 2vw;
  }
  .responsive-table  tr:first-of-type {
    /*display: none;*/
  }
   .responsive-table  th {
    display: none;
  }
 .responsive-table   td::before {
    display: inline;
    font-weight: bold;
  }
  .responsive-table  td {
    /*display: grid;*/
    grid-template-columns: 6em auto;
    grid-gap: 1em 0.5em;
  }
  .responsive-table  caption {
    font-style: normal;
    background-color: rgba(0, 0, 0, 0.35);
    color: #fff;
    font-weight: bold;
  }
  .responsive-table  td:nth-of-type(3) {
    text-align: left;
  }
  .responsive-table  td:nth-of-type(4), .responsive-table  td:nth-of-type(5) {
    /*text-align: right;*/
    /*width: 12em;*/
  }
  .responsive-table  td:nth-of-type(4)::before, .responsive-table  td:nth-of-type(5)::before {
    text-align: left;
  }
  .responsive-table  td:nth-of-type(2)::before {
    font-style: normal;
  }
}

@media print {
  body {
    font-size: 6pt;
    /*color: #000;*/
    /*background-color: #fff;*/
    /*background-image: none;*/
  }
  body,
  .responsive-main {
    margin: 0;
    padding: 0;
    /*background-color: #fff;*/
    border: none;
  }
  .responsive-table {
    page-break-inside: avoid;
  }
  .responsive-div {
    overflow: visible;
  }
  .responsive-table  th {
    color: #000;
    /*background-color: #fff;*/
    border-bottom: 1pt solid #000;
  }
  .responsive-table  tr {
    border-top: 1pt solid #000;
  }
}

@media print and (max-width: 5in) {
  .responsive-table  caption {
    /*color: #000;*/
    background-color: #fff;
    border-bottom: 1pt solid #000;
  }
  .responsive-table  table {
    page-break-inside: auto;
  }
  .responsive-table  tr {
    page-break-inside: avoid;
  }
}
