/*
 * SQWL colors:
 *  - green: #006634 / #00532b / #008745
 *  - red:   #e94e1b
 *  - brown: #693e11 / #482500 / #9a744c / #eedece
 */

body {
  color: #693e11;
}

h1, h2, h3, a {
  color: #006634;
}

small, h4 small {
  color: #693e11;
}

.col-centered{
  float: none;
  margin: 0 auto;
}

.jumbotron {
  background-color: #eedece;
}

.panel-title, .navbar-default .navbar-nav>li>a {
  color: #006634;
}

.panel-default {
  border-color: #9a744c;
}

.panel-default>.panel-heading {
  background-color: #eedece;
  border-color: #9a744c;
  color: #693e11;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #9a744c;
}

.panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body {
  border-top-color: #9a744c;
}

.panel-footer {
  background-color: #eedece;
  border-color: #9a744c;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover,
.dropdown-menu>li>a {
  color: #693e11;
}

.navbar-brand {
  font-size: 32px;
}

.navbar-default {
  background-color: #eedece;
  border-color: #9a744c;
}

.navbar-section {
  font-size: 24px;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
  background-color: #006634;
}

.btn-default {
  border-color: #9a744c;
  color: #693e11;
  outline-color: #9a744c;
}

.btn-default.active, .btn-default.focus,
.btn-default:active, .btn-default:focus, .btn-default:hover {
  background-color: #eedece;
  border-color: #9a744c;
  color: #693e11;
  outline-color: #9a744c;
}

.btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled.focus,
.btn-default.disabled:active, .btn-default.disabled:focus,
.btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active,
.btn-default[disabled].focus, .btn-default[disabled]:active,
.btn-default[disabled]:focus, .btn-default[disabled]:hover,
fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active,
fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
  background-color: #eedece;
  border-color: #9a744c;
  color: #693e11;
}

.btn-primary {
  background-color: #006634;
  border-color: #00532b;
  outline-color: #00532b;
}

.btn-primary.active, .btn-primary.focus,
.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
  background-color: #693e11;
  border-color: #482500;
  outline-color: #482500;
}

.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus,
.btn-primary.disabled:active, .btn-primary.disabled:focus,
.btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active,
.btn-primary[disabled].focus, .btn-primary[disabled]:active,
.btn-primary[disabled]:focus, .btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
  background-color: #008745;
  border-color: #00532b;
}

hr {
  border-top-color: #eedece;
}

.modal-header {
  border-bottom-color: #eedece;
}

div.modal-content a {
  cursor: pointer;
}

a.link {
  cursor: pointer;
}

/* SVG */
svg g text {
  cursor: default;
}

svg g text.legend {
  font-family: sans-serif;
  font-size: 11px;
  fill: #111;
}

svg g line.level {
  stroke: grey;
  stroke-opacity: 0.75;
  stroke-width: 0.3px;
}

svg g line.level.level-val-100 {
  stroke: #693e11;
  stroke-width: 2px;
}