/* Typography
-------------------------------------------------- */
/*h1, */li, p, label {
  font-family: "Open Sans", sans-serif;
}
label {
  font-weight: 600;
}
h1 {
  font-size: large;
  font-weight: bold;
  margin-top: 2em;
  margin-bottom: .5em;
  text-indent: 0;
  text-align: center;
}

.dum {
}

.h1 {
  font-size: x-large;
  font-weight: bold;
  margin-top: 1.5em;
  margin-bottom: .5em;
  text-indent: 0;
  text-align: justify;
}

h2 {
  font-size: medium;
  font-weight: bold;
  margin-top: 1.5em;
  margin-bottom: .5em;
  text-indent: 0;
  text-align: justify;
}

h3 {
  font-size: small;
  font-weight: bold;
  font-style: italic;
  margin-top: 1.5em;
  margin-bottom: .5em;
  text-indent: 0;
  text-align: justify;
}

h4 {
  font-size: small;
  font-style: italic;
  margin-top: 1.5em;
  margin-bottom: .5em;
  text-indent: 0;
  text-align: justify;
}

.nav li a, footer p, footer p a {
  font-weight: 700;
  font-size: 13px;
  text-transform: uppercase;
}

main p {
  padding-bottom: 1em;
}

li p {
  padding-bottom: 0em;
}

p {
  font-size: 18px;
}

li {
  list-style-type: none;
  padding-top: 5px;
  font-size: 18px;
}

div.passreset p {
  font-size: 14px;
}

.download {
  font-size: 18px;
}

.ennum {}
.enref {
  vertical-align: super;
  font-size: xx-small;
  font-style: italic;
}
.fnref {
  vertical-align: super;
  font-size: xx-small;
}
.ob {
  font-weight: bold;
}
.sm-b {
  font-variant:small-caps;
  font-weight: bold;
}
.td {
  font-size: medium;
  text-indent: 0;
  text-align: justify;
}
.tetr {
  font-variant:small-caps;
}
.tetr-ob {
  font-variant:small-caps;
  font-weight: bold;
}
.url {}
.ver {
  vertical-align: super;
}

@media handheld and (min-width: 20em), screen and (min-width: 20em) {
  h1 {
    font-size: 28px;
  }
  nav li {
    font-size: 10px;
  }
}


/* Header
-------------------------------------------------- */
.logo {
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin: 1rem auto;
}

.title_topbar {
  padding-bottom: 5px;
}

/* Footer
-------------------------------------------------- */
footer {
  text-align: center;
}

footer div.botbar {
  padding-top: 20px;
}

/* Navigation
-------------------------------------------------- */
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a.active {
  color: #839cdb;
}
nav.navbar-default {
  background-color: inherit;
  border-color: transparent;
  margin-bottom: 5px;
  margin-left: -15px;
  margin-right: -15px;
}
ul.navbar-nav {
  margin-top: 5px;
}
ul.navbar-right>li>a {
  padding-left: 10px;
  padding-right: 10px;
  text-align: right;
}
a.navbar-brand>h1 {
  margin-top: 10px;
}
/*
@media(min-width: 768px){
  .nav>li:last-of-type>a {
    padding-right: 0px;
  }
}
*/
.navbar-header, .navbar-brand {
  float: none;
  padding: 0;
}
.navbar-center {
  float: none;
  margin: -15px auto !important;
}
/*div.toc{
  top: 0;
  position: sticky;
}*/
/* Body
-------------------------------------------------- */
.body {
  padding-top: 15px;
  padding-left: 5%;
  padding-right: 5%;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){

  html,
  body{
    width:100%;
    /*overflow-x:hidden;*/
  }

}

/* Table
-------------------------------------------------- */
th {
  font-family: "Open Sans", sans-serif;
  font-size: 17px;
  text-transform: uppercase;
}

table {
  width: 100%;
  margin-bottom: 1em;
}

tr:nth-child(even) {background-color:#eeeeee;}

td.verHead {
  font-weight: bold;
}

td, td p {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  vertical-align: top;
  padding: 6px;
}

div.dt-buttons-after {
  clear: both;
  margin-top: 30px;
}

div.dataTables_wrapper table {
  margin-bottom: 0px !important;
}

div.dataTables_wrapper > div:last-child {
  margin-top: 6px;
}

div.dataTables_wrapper > div:first-child div.dt-buttons, div.dataTables_wrapper div:first-child div.dataTables_filter {
  vertical-align: middle;
}

div.dataTables_wrapper th {
  border-bottom: none;
}

/**
 * CSSReset.com - How To Keep Footer At Bottom of Page with CSS
 *
 * Original Tutorial: http://www.cssreset.com/2010/css-tutorials/how-to-keep-footer-at-bottom-of-page-with-css/
 * License: Free - do whatever you like with it! Credit and linkbacks much appreciated.
 *
 * NB: Make sure the value for 'padding-bottom' on #content is equal to or greater than the height of #footer.
 */

html,
body {
  margin:0;
  padding:0;
  height:100%;
}
#wrapper {
  min-height:100%;
  position:relative;
}
header {
  padding-bottom:10px;
}
main {
  padding-bottom:100px;
  /* Height of the footer element */
}
footer {
  width:100%;
  height:100px;
  position:absolute;
  bottom:0;
  left:0;
}

.hide {
  display: none;
}



/* Form
-------------------------------------------------- */

form {
  /* Just to center the form on the page */
  margin: 0 auto;
  width: 400px;
  /* To see the outline of the form */
  padding: 1em;
  border: 1px solid #CCC;
  border-radius: 1em;
}

form div + div {
  margin-top: 1em;
}

label {
  /* To make sure that all labels have the same size and are properly aligned */
  display: inline-block;
  width: 90px;
  text-align: right;
}

input, textarea {
  /* To make sure that all text fields have the same font settings
     By default, textareas have a monospace font */
  font: 1em sans-serif;

  /* To give the same size to all text fields */
  width: 100%;
  box-sizing: border-box;

  /* To harmonize the look & feel of text field border */
  border: 1px solid #999;
}

input:focus, textarea:focus {
  /* To give a little highlight on active elements */
  border-color: #000;
}

textarea {
  /* To properly align multiline text fields with their labels */
  vertical-align: top;

  /* To give enough room to type some text */
  height: 5em;
}

.button {
  /* To position the buttons to the same position of the text fields */
  padding-left: 90px; /* same size as the label elements */
}

button {
  /* This extra margin represent roughly the same space as the space
     between the labels and their text fields */
  margin-left: .5em;
}