/*
  main: #006987
*/
@import url(table.css);
* {
  font-family: sans-serif;
  border-radius: 0px !important; }

body {
  padding-top: 20px;
  margin: 0px;
  min-height: 100vh; }

.main {
  min-height: 100vh; }

a,
a:hover,
a:visited {
  color: #006987 !important; }

.dropdown-item,
.dropdown-item:hover,
.dropdown-item:visited {
  color: #212529 !important; }

.nav-item {
  background-color: #006478;
  font-weight: 700;
  color: #FFF;
  height: 67px;
  padding-left: 10px;
  padding-top: 10px;
  padding-right: 10px;
  border-left: 5px solid #e5e5e5;
  text-transform: capitalize; }

#menu .nav-item {
  padding-bottom: 1em;
  padding-top: 1em;
  height: auto; }

#menu {
  position: absolute;
  max-height: 100px;
  overflow: hidden;
  background: white;
  -webkit-transition: max-height 100ms;
  transition: max-height 100ms;
  top: -1em;
  right: 0;
  padding-bottom: 1em; }

#menu .row .mt-md-4.mt-2 {
  margin-top: 1.5rem !important; }

#menu .row {
  margin-bottom: 2em; }

.nav {
  flex-wrap: wrap; }

@media (max-width: 523px) {
  #menu {
    position: static; }
  #menu .row {
    justify-content: center; }
  .nav {
    justify-content: center;
    flex-direction: column; }
  .nav > div:nth-child(2) h1 {
    text-align: center;
    margin-top: 1rem; }
  .nav > div:nth-child(2) {
    flex: 1;
    min-width: unset !important; } }

/*pad the #menu which will wrap in the flex but stay absolute over the h1 title */
@media (max-width: 1020px) and (min-width: 770px) {
  .nav > div:nth-child(2) h1 {
    padding-right: 250px; } }

.nav > div:nth-child(2) {
  flex: 1;
  min-width: 500px; }

.nav > div:nth-child(3) {
  width: 250px; }

#hamburger {
  display: none; }

#hamburger:checked ~ #menu {
  max-height: 1000vh;
  overflow: auto;
  /* top: -65px;
    left: 0; */
  -webkit-box-shadow: gray -1px 0 2px;
          box-shadow: gray -1px 0 2px; }

#hamburger:checked ~ #menu label div {
  color: black; }

#hamburger:focused ~ #menu label div {
  color: red; }

#menu div.prev {
  margin-left: 1em; }

#menu div.hamburger {
  margin-right: 1em; }

#menu div .nav-item {
  padding-left: 1em;
  padding-right: 1em; }

div.menu .nav-item {
  font-size: 0.75em; }

table.prof tr {
  display: flex;
  flex-direction: row;
  width: 100%; }

table.prof tr td, table.prof tr th {
  flex: 1; }

table.prof tr th:first-child {
  max-width: 12em;
  min-width: 12em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left; }

tr th:first-child a {
  text-decoration: underline; }

table.prof th {
  font-weight: bold; }

table.prof td, table.prof th {
  padding: 0.25em;
  border: #d8d1d1 0.5px solid;
  text-align: center; }

table.prof, table.salary {
  border: #d8d1d1 1px solid;
  margin-left: auto;
  margin-right: auto; }

table.salary td {
  text-align: center;
  padding-left: 2em;
  padding-right: 2em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  border: #d8d1d1 0.5px solid; }

table.salary td.center, table.salary th.center {
  text-align: center; }

table.salary thead th {
  text-align: center; }

table.salary th {
  padding: 0.25em;
  border: #d8d1d1 0.5px solid; }

table.salary tr {
  display: flex;
  flex-direction: row; }

table.salary tr td, table.salary tr th {
  flex: 1 1 100px; }

table.salary tr td.two, table.salary tr th.two {
  flex: 2 2 200px; }

table.salary tr th:first-child {
  max-width: 11em;
  min-width: 11em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1 1 250px; }

table.large-width {
  width: 90%; }

table.salary td.container {
  border: none;
  padding: 0;
  margin: 0;
  max-width: none; }

table.salary td.container table {
  width: 100%; }

table.salary td.container tr th:first-child {
  max-width: none;
  min-width: none;
  display: unset;
  flex-direction: unset;
  justify-content: unset;
  flex: 2 2 200px; }

table.salary {
  display: block; }

table.salary tbody, table.salary thead, table.salary th, table.salary td {
  display: block; }

div.prof, div.phds-postdocs {
  overflow-x: auto;
  width: 100%; }

div.prof table.salary {
  min-width: 1327px; }

div.phds-postdocs table.salary {
  min-width: 685px; }

div.prof table.prof {
  min-width: 1010px; }

div.phds-postdocs table.prof {
  min-width: 990px; }

/* attempt to make the scroll bar go to the top 
div.flipped {transform: rotate(-180deg);}
div.flipped table {transform: rotate(180deg);} */
/* attempt to make the flipped table start scrolling from the left 
div.xflipped table {direction: rtl;}
div.xflipped table xtr {flex-direction: row-reverse;} */
.h-50 {
  height: 50px !important; }

.h-60 {
  height: 60px !important; }

.h-70 {
  height: 70px !important; }

.h-80 {
  height: 80px !important; }

.h-90 {
  height: 90px !important; }

.text-blue, .text-blue:active, .text-blue:visited {
  color: #006987 !important; }

.nav-item:hover,
.nav-item.outlier,
.nav-item.active,
.dd-button,
.dropdown-item:hover {
  background-color: #006987;
  color: #f5f5f5 !important; }

.disabled, .disabled:hover {
  background-color: #02546A;
  color: #FFF !important;
  cursor: default; }

a:hover {
  text-decoration: none; }

#tooltip {
  padding: 10px;
  background-color: #000;
  display: block;
  position: absolute;
  visibility: hidden;
  z-index: 99;
  color: #fff; }

div.footnote {
  font-size: 0.8rem; }

@media only screen and (min-width: 1140px) {
  .footnote {
    -webkit-column-count: 2;
            column-count: 2; }
  .footnote-item {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid; } }

@media only screen and (max-width: 1139px) {
  .footnote {
    -webkit-column-count: 1;
            column-count: 1; } }

.footnote-min-height {
  min-height: 75px; }

.footnote-item > p:first-child {
  margin-bottom: 0px; }

section:target, div:target, .hl-footnote {
  background-color: #cceacd; }

#map2, #bars2 {
  width: 100%;
  min-height: 300px; }

#map-title {
  font-weight: bold;
  display: inline-block;
  font-size: 1rem; }

.break-before {
  page-break-before: always;
  page-break-inside: avoid; }

.break-after {
  page-break-after: always;
  page-break-inside: avoid; }

@media print {
  .print-mt {
    margin-top: 5cm; } }

@page {
  margin-top: 2cm;
  margin-bottom: 2cm; }

.logo {
  width: 223px; }

.hide {
  display: none; }

.footer {
  background-color: #fafafa;
  padding-top: 50px;
  padding-bottom: 50px; }

.content {
  flex: 1; }

.footer a, .footer a:visited {
  color: #666666 !important; }

.footer a.underl {
  text-decoration: underline; }

.footer a.underl:hover {
  text-decoration: none; }

.fab, .fas {
  -webkit-transition: color 0.5s;
  transition: color 0.5s; }

.fab:hover, .fas:hover {
  color: #bbbbbb; }

.footer a.other, .footer a.other:visited {
  color: #006987 !important; }

section {
  margin-top: 2em; }