/* ################################### TABLES ############################### */

/* temp reset after courseleaf.css update but not yet updated to latest _main.scss */
.page_content table *,
#content table * {
  box-sizing: border-box;
}

/* #### force wrap table contents #### */
.page_content table,
#content table {
    white-space: pre-wrap; 
    word-wrap: break-word;
}

/* ################################### CUSTOM TABLES ######################## */
.page_content table.sc_courselist .codecol,
#content table.sc_courselist .codecol {
    width: 18%;
}
.page_content table.tbl_calendar .column1,
#content table.tbl_calendar .column1 {
    width:25%;
}
.page_content table.tbl_gradepoints,
#content table.tbl_gradepoints {
    max-width: 300px !important;
}
.page_content table.tbl_gradepoints .column1
#content table.tbl_gradepoints .column1 {
    text-align: center;
}
.page_content  table.tbl_gpacalculation .column0,
#content table.tbl_gpacalculation .column0 {
    width:25%;
}
.page_content  table.tbl_gpacalculation .column1,
.page_content  table.tbl_gpacalculation .column2.
#content table.tbl_gpacalculation .column1,
#content table.tbl_gpacalculation .column2 {
    text-align: center;
    width:14%;
}
.page_content  table.tbl_gpacalculation .column3,
#content table.tbl_gpacalculation .column3 {
    text-align: right;
}
.page_content  table.tbl_gpacalculation .column4,
#content table.tbl_gpacalculation .column4 {
    text-align: right;
    padding-right:30px;
    width:16%;
}
.page_content table.sc_sctable span.areaheader,
#content table.sc_sctable span.areaheader {
    font-weight: bold;
    text-align: center;
    display: block;
}
.page_content table.tbl_uatableofgersubstitutions td,
.page_content table.tbl_uatableofgersubstitutions th,
.page_content table.tbl_nonuatableofgersubstitutions td,
.page_content table.tbl_nonuatableofgersubstitutions th,
#content table.tbl_uatableofgersubstitutions td,
#content table.tbl_uatableofgersubstitutions th,
#content table.tbl_nonuatableofgersubstitutions td,
#content table.tbl_nonuatableofgersubstitutions th {
    border-left: 1px solid #000;
}
.page_content table.tbl_uatableofgersubstitutions td:first-child,
.page_content table.tbl_uatableofgersubstitutions th:first-child,
.page_content table.tbl_nonuatableofgersubstitutions td:first-child,
.page_content table.tbl_nonuatableofgersubstitutions th:first-child,
#content table.tbl_uatableofgersubstitutions td:first-child,
#content table.tbl_uatableofgersubstitutions th:first-child,
#content table.tbl_nonuatableofgersubstitutions td:first-child,
#content table.tbl_nonuatableofgersubstitutions th:first-child {
    border-left: none;
}
.page_content table.tbl_mathstatsplacementscores .column1,
.page_content table.tbl_englishplacementscores td:not(.column0),
.page_content table.tbl_englishplacementscores th:not(.column0),
#content table.tbl_mathstatsplacementscores .column1,
#content table.tbl_englishplacementscores td:not(.column0),
#content table.tbl_englishplacementscores th:not(.column0) {
    text-align: center;
}
.page_content table.tbl_enrollment .column1,
#content table.tbl_enrollment .column1 {
    width:20%;
}
.page_content table.tbl_annualcosts td:not(.column0),
.page_content table.tbl_annualcosts th:not(.column0),
#content table.tbl_annualcosts td:not(.column0),
#content table.tbl_annualcosts th:not(.column0) {
    text-align: right;
    width: 18%;
}
.page_content table.tbl_classstanding,
#content table.tbl_classstanding {
    width:50% !important;
}
.page_content table.tbl_classstanding .column1,
#content table.tbl_classstanding .column1 {
    width:60%;
}
.page_content table.tbl_estimatedlivingexpenses .column1,
.page_content table.tbl_estimatedlivingexpenses .column2,
#content table.tbl_estimatedlivingexpenses .column1,
#content table.tbl_estimatedlivingexpenses .column2 {
    text-align: right;
}
.page_content table.tbl_mealplans .column1,
.page_content table.tbl_mealplans .column4,
#content table.tbl_mealplans .column1,
#content table.tbl_mealplans .column4 {
    text-align: center;
}
.page_content table.tbl_mealplans .column2,
.page_content table.tbl_mealplans .column3,
#content table.tbl_mealplans .column2,
#content table.tbl_mealplans .column3 {
    text-align: right;
}
.page_content table.tbl_enrollment .column0,
#content table.tbl_enrollment .column0 {
    width: 45%;
}
.page_content table.tbl_englishplacementscores th,
#content table.tbl_englishplacementscores th {
    font-size: 0.8em;
}
/* #################### .rowhead assigned in custom.js #################### */
.page_content table.sc_sctable tr.rowhead,
#content table.sc_sctable tr.rowhead {
    /* background: #ffcd00; */
}
.page_content table.sc_sctable tr.rowhead td,
#content table.sc_sctable tr.rowhead td {
    padding: .6em 1em;
}

/* ################################### CUSTOM MESSAGE CLASS IN EDITOR ################################### */
.page_content .message,
#content .message {
    padding:1rem;
    background-color: #c4cfdb;
    color: #000;
    margin:0 0 1.5rem;
}
.page_content .message a,
#content .message a {color:#000;}
/* ################################### TOGGLE HEADERS - retrofit ################################### */

#content .toggle-wrap,
.page_content .toggle-wrap {
    margin:0 0 1rem;
    border: 1px solid rgba(0,0,0,.125);
    box-sizing:border-box;
    max-width:100%;
}

#content .toggle-wrap *,
.page_content .toggle-wrap * {
    box-sizing:border-box;
    max-width:100%;
}

#content .toggle-wrap ul,
.page_content .toggle-wrap ul,
#content .toggle-wrap ol,
.page_content .toggle-wrap ol {
    margin-left:calc(2rem + 1px);
}

#content .toggle-wrap .toggle,
.page_content .toggle-wrap .toggle {
    background-color: rgba(0,0,0,.03);
    padding:0;
    margin:0;
}
    
#content .toggle-wrap .toggle-content,
.page_content .toggle-wrap  .toggle-content {
    display:block !important;
    max-height:0;
    overflow:hidden;
    background:#fff;
    width:100%;
}

#content .toggle-wrap .toggle-content[aria-hidden='false'],
.page_content .toggle-wrap .toggle-content[aria-hidden='false'] { 
    max-height:1000%;
}

#content .toggle-content > *,
.page_content .toggle-content > * {
    margin:1rem;
    max-width:calc(100% - 2rem);
}

/* ################################### A11Y ################################# */
.page_content table caption.a11y-remediation,
.page_content table thead.a11y-remediation,
.page_content table tr.a11y-remediation,
.page_content table th.a11y-remediation,
.page_content table td.a11y-remediation,
#content table caption.a11y-remediation,
#content table thead.a11y-remediation,
#content table tr.a11y-remediation,
#content table th.a11y-remediation,
#content table td.a11y-remediation {
  padding: 0;
  margin: 0;
  font-size: 1rem;
  background: inherit;
  color: inherit;
  border: none;
  max-height: 1px;
  overflow: hidden;
  position:static;
}

/* ################################### LETTERNAV ############################ */

#content ul.letternav li.inactive,
.page_content ul.letternav li.inactive {
    box-sizing:content-box;
    width:auto;
}
#content ul.letternav li a,
.page_content ul.letternav li a {
     box-sizing:content-box;
}

/* ################################### BUBBLE ############################### */
#lfjsbubbleclose{ float:right; }