/* Contains the styles that are common to all pages / layouts in the application */

.container, .header, .navigation, .left, .main, .footer {
  border-style: solid;
  border-width: 1px;
  border-color: rgb(167, 163, 163);  
}

.header {
  display:flex;
  align-items: center;
  justify-content: center;
}

.navigation {
  display:flex;
  align-items: center;
  justify-content: center;
}

.md {
  text-align: left;
  max-width: 6.5in;
}

.footer {
  display:flex;
  align-items: center;
  font-size: smaller;
  font-family: 'Courier New', Courier, monospace;
}

.footer_left {
  box-sizing: border-box;
  text-align: left;
  min-width: 80%;
  padding-left: 10px;
  color: rgb(167, 163, 163);
}

.footer_right {
  box-sizing: border-box;
  text-align: right;
  min-width: 20%;
  padding-right: 10px;
  color: rgb(167, 163, 163);
}

body {
  padding: 0;
  margin: 5px;
  box-sizing: border-box;
  /*font-family: Barlow; */
  /*font-family: 'Times New Roman', Times, serif;*/
  /*font-family: "Computer Modern Sans", sans-serif;*/
  font-family: "Computer Modern Serif", serif;
  color: #111;
}

h1, h2, h3, h4 {
  font-weight:bold;
  margin: 0;
  padding: 0;
  /*font-family: "Computer Modern Sans", sans-serif;*/
  font-family: "Computer Modern Serif", serif;
}

a {
  color: rgb(167, 163, 163);
}
#last_data_update {
  font-family: Arial, Helvetica, sans-serif;
  color: rgb(83, 82, 82);
  font-style: italic;
}
/*
/* Styling for latex to html conversion 
/*

/* Styling for in-line equations */
.math, .circ {
  display: inline-block;
  height: 1em;
  width: auto;
  vertical-align:baseline;
}
/* Styling for numbered equations */
.math-display {
  display:inline-block;
  height: 1em;
  width: auto;
}
/* Styling for equations with fractions 
   Note that I had to add the math-display-frac class id 
   to the sir_model_edited.html
*/
.math-display-frac {
  display:inline-block;
  height: 2.1em;
  width: auto;
}
/* Styling for table items */
#TBL-1 {
  margin-left: 0px;
}

#TBL-1-1g {
  width: 0.5in;
}
#TBL-1-2g {
  width: 1.2in;
}
#TBL-1-3g {
  width:auto;
}
  

/* custom class for the link corresponding the the current page */
.link_current {
  color: #111;
}
/* custom class for the link NOT corresponding the the current page */
.link_not_current {
  color: rgb(167, 163, 163);
}

.link{
  color: rgb(167, 163, 163);
}

a:focus{
  color: #111;
}

a:hover {
  color: #111;
}

a:active {
  color: #111;
}

ul.tabs {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul.tabs li {
  display: inline;
  margin-right: 3em;
  font-family: "Computer Modern Serif", serif;
  font-size: 1.25rem;
}