// 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].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, h2, h3, h4, h5, h6, dt {

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;
}

}

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