---
---
  // The dashes above are required by jekyll.
  // This file generates a css.
  
/*Some general styles*/

hr {
  background: #999;
  margin: 30px 0px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

pre, table code {
  white-space: pre-wrap;
  /* css-3 */
  white-space: -moz-pre-wrap;
  /* Mozilla, since 1999 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word;
  /* Internet Explorer 5.5+ */
}

pre {
  margin: 25px 0px;
}

video {
  display: block;
  margin: 30px 0px;
  border: 1px solid #c0c0c0;
}

button.cursorNorm {
  cursor: pointer;
}

/************************************************************/
/* this part adds an icon after external links, using FontAwesome*/

a {
  &[href^="http://"]:after, &[href^="https://"]:after {
    content: "\f08e";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: none;
    padding-left: 3px;
  }
  &[href].noCrossRef::after, &.no_icon:after {
    content: "" !important;
    padding-left: 0;
  }
  &[data-toggle] {
    color: #248EC2;
  }
  &[data-toggle="tooltip"] {
    color: #649345;
    font-style: italic;
    cursor: default;
  }
  &.accordion-toggle {
    font-style: normal;
  }
}

/* Strip the outbound icon when this class is present */

/************************************************************/
/* make room for the nav bar */

h1[id], h2[id], h3[id], h4[id], h5[id], h6[id], dt[id] {
  padding-top: 60px;
  margin-top: -40px;
}

h1 {
  color: #ae0d00;
  font-size: 250% !important;
  font-weight: bold;
}
h2 {
  color: #015CAE;
  &.userMapTitle {
    font-family: Arial;
  }
  font-size: 220% !important;
  line-height: 150%;
  font-weight: bold;
}
h3 {
  color: #015CAE;
  font-size: 180% !important;
  font-weight: bold;
}
h4 {
  color: #015CAE;
  font-size: 150% !important;
  font-weight: bold;
  &.panel-title {
    padding-top: 0px;
    margin-top: 0px;
  }
}
h5 {
  font-size: 130% !important;
  font-weight: bold;
}

h6 {
  font-size: 120% !important;
  font-weight: bold;
  font-style: italic;
}

/************************************************************/

html, body {
  font-size: 100%;
  height: 100%;
  width: 100%;
}

div {
  &.content {
    //max-width: 110px;
  }
  &.alert code {
    background-color: transparent !important;
  }
}

h2 code {
  background-color: transparent !important;
}

div {
  &.tags {
    padding: 10px 5px;
  }
  &.arrow {
    max-width: 50px;
    margin-left: 15px;
    margin-right: 15px;
    font-size: 120%;
  }
}

figcaption {
  padding-bottom: 80%;
  padding-top: 6px;
  max-width: 90%;
  margin-bottom: 20px;
  font-style: italic;
  color: gray;
}

footer {
  font-size: smaller;
}

/******************************************/
/*Table styles*/

table {
  background-color: transparent;
  max-width: 90%;
  margin-bottom: 20px;
  border: 1px solid #dedede;
  thead th code.highlighter-rouge {
    background-color: transparent;
  }
}

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777;
  text-align: left;
}

th {
  text-align: left;
}

table {
  > {
    thead > tr > th, tbody > tr > th, tfoot > tr > th, thead > tr > td, tbody > tr > td, tfoot > tr > td {
      padding: 8px;
      line-height: 1.42857143;
      vertical-align: top;
      border-top: 1px solid #ddd;
    }
    thead > tr > th {
      vertical-align: bottom;
      border-bottom: 2px solid #ddd;
      text-transform: none;
      background-color: #777;
      color: white;
      text-align: left;
    }
    caption + thead > tr:first-child > th, colgroup + thead > tr:first-child > th, thead:first-child > tr:first-child > th, caption + thead > tr:first-child > td, colgroup + thead > tr:first-child > td, thead:first-child > tr:first-child > td {
      border-top: 0;
    }
    tbody > tr:nth-of-type(odd) {
      background-color: #f9f9f9;
    }
  }
  col[class*="col-"] {
    position: static;
    display: table-column;
    float: none;
  }
  td[class*="col-"], th[class*="col-"] {
    position: static;
    display: table-cell;
    float: none;
  }
  tr td {
    hyphens: auto;
  }
  &.dataTable thead {
    background-color: #444;
  }
  td {
    hyphens: auto;
  }
}

section table tr.success {
  background-color: #dff0d8 !important;
}

table {
  tr.info {
    background-color: #d9edf7 !important;
  }
  &.profile thead tr th {
    background-color: #248ec2;
  }
  &.request thead tr th {
    background-color: #ED1951;
  }
}

/******************************************/