html, body {
  font-family: "Segoe WP", "Segoe UI", "Arial", sans-serif;
  font-size: 13px;
  color: #262626;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.container-fluid {
  width: 100%;
  padding: 0;
}

/* Statcheck logo and tag */

#statcheck-logo {
  display: block;
  margin: 0 auto;
  margin-top: 1rem;
  width: 250px;
}

#statcheck-tag {
  margin: 0;
  margin-bottom: 2rem;
  
  text-align: center;
  font-size: 14px;
}

/* Tabs */

.nav-tabs {
  margin: 0;
  padding-left: 15px;
}

.tab-content {
  padding: 15px;
}

/* Code */

code {
  color: inherit;
  background: none;
  padding: 0;
}


/* Detected tests section */ 

#run_statcheck {
  display: block;
  margin: 0 auto;
  margin-top: 5px;
  width: 115px;
  
  position: relative;
  
  vertical-align: top;
}

#run {
  display: inline-block;
  width: 115px;
}

#run_statcheck {
  margin-top: 10px;
  margin-bottom: 10px;
}

#run_statcheck a {
  font-size: 13px;
  position: absolute;
  top: -14px;
  right: -14px;
}

.tooltip-inner {
  max-width: 350px;
  /* If max-width does not work, try using width instead */
  width: 155%; 
}


#tests h5 {
  font-weight: bold;
}

.test {
  font-size: 13px;
}

.fa-warning {
  color: #da8d56;
  margin-top: 2px;
  
  float: right;
}

.icon {
  display: inline-block;
  width: 18px;
}

.goto_button {
  text-decoration: underline;
  cursor: pointer;
}

/* Settings */

#settings {
  margin-bottom: 20px;
}

#settings-title {
  font-weight: bold;
}

/* FAQ */

.panel {
  box-shadow: none;
}

.panel-group .panel {
  border-radius: 0;
}

.panel-default > .panel-heading {
  background-color: whitesmoke;
}

.panel-title {
  color: #262626;
  font-size: 13px;
  width: 100%;
}

.panel-body {
  padding: 15px 15px 0 15px;
}

.panel-body p {
  margin: 10px 0 10 10px;
  color: #262626
}

.panel-body ol {
  padding-left: 20px;
}

.panel-body ul {
  padding-left: 10px;
}

.collapsible-link {
  display: block;
  position: relative;
  width: 100%;
  padding-right: 18px;
}

.collapsible-link::after {
  position: absolute;
  top: 8px;
  right: 0;
  
  content: '\f107';
  transform: translateY(-50%);
  font-family: 'FontAwesome';
  font-size: 1.1rem;
}

.collapsible-link[aria-expanded='true']::after {
  content: '\f106';
}

#cv blockquote {
  font-size: 13px;
}

.cite_button {
  display: block;
  
  margin: 0 auto;
  margin-top: 1rem;
  margin-bottom: 1rem;
  
  width: 150px;
}