﻿body { padding-top: 0; padding-bottom: 20px; }
/* Set padding to keep content from hitting the edges. */
.body-content { padding-left: 15px; padding-right: 15px; }
/* Allow only vertical resizing of textareas. */
textarea { resize: vertical; }
/*# sourceMappingURL=Site.css.map */

header h1, footer, .tabbar, .linkbar { padding: 0 15px; }
header h1 { margin: 5px; padding: 0; font-weight: bold; }
  header h1 a:hover { text-decoration: none; }
  header h1 img, header h1 span { display: inline-block; vertical-align: middle; }
.navbar { border: none; }
.navbar-brand { height: 130px; font-size: xx-large; font-weight: bold; }
  .navbar-brand > img, .navbar-brand > span { display: inline-block; vertical-align: middle; line-height: 1.1em; }
.linkbar { display: block; background-color: #222 !important; border: 1px solid #080808 !important; margin-top: -1px; width: 100%; /*overflow: auto;*/ }
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #337ab7; border-color: #eee; }
.linkbar .navbar-nav { float: none; display: inline-block; }
.tabbar a.active { background-color: #222; border-color: #080808 #080808 #222 #080808; border-style: solid; border-width: 1px 1px 1px 1px; }

  .tabbar a.active:hover { background-color: #080808 !important; border-color: #080808 #080808 #222 #080808 !important; border-style: solid !important; border-width: 1px 1px 1px 1px !important; color: #fff; }

.tabbar a:hover { background-color: #444 !important; border-color: #333 #333 #222 #333 !important; border-style: solid !important; border-width: 1px 1px 1px 1px !important; color: #fff; }

.tabbar a.active, .linkbar a { color: #ccc; }

  .linkbar a:hover, .linkbar .active { background-color: #337ab7 !important; color: #fff !important; }

.linkbar form { margin: 8px 0; white-space: nowrap; }
  .linkbar form select.form-control { width: auto; margin: 0 3px; }
  .linkbar form button { padding: 9px; margin-top: -3px; }

.form-control.inline { display: inline; }

form.form-inline div.form-group input.form-control,
form.form-inline div.form-group select.form-control,
form.form-inline div.form-group textarea.form-control { width: 100%; }
form.form-inline div.form-group { margin-bottom: 15px; }
input.required { border: 1px solid #a00; }
label.required, legend.required { color: #a00; }
span.input-group-addon.required { border-color: #a00; }

td ul { padding-left: 1em; margin-bottom: 0; }
span.field-validation-error { display: block; margin: 10px 0 5px 0; padding: 10px; background-color: #f2dede; border: 1px solid #ebcccc; color: #a94442; border-radius: .25rem; }

[rel="tooltip"] { cursor: pointer; }
.tooltip { opacity: 1; }

#iewarning { display: none; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #iewarning { display: inline; }
}
/* Table Column Toggle Button */
.clearfix:before, .clearfix:after { content: " "; display: table; /* 2 */ }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.options { margin-bottom: 8px; }
.modal { z-index: 1050; } /* 10 more than the modal-background */
.name { visibility: visible; }

/* Style checkboxes as Toggle Buttons */
div.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background-color: #fff;
  padding: 10px;
  border-radius: 0 0 0 10px;
}
div.sticky .ck-button {
  margin: 0 5px;
  background-color: #EFEFEF;
  border-radius: 4px;
  border: 1px solid #aaa;
  overflow: auto;
  float: left;
  color: #aaa;
}
div.sticky .ck-button:hover { background-color: #ddd; }
div.sticky .ck-button label { float: left; width: auto; margin-bottom: 0; }
div.sticky .ck-button label span { text-align: center; padding: 3px 8px; display: block; }
div.sticky .ck-button label input {
  /*position: absolute;
  top: -20px;*/
  display: none;
}
div.sticky .ck-button input:checked + span { color: #111; }

/* Compariosn Sliders on Management Dashboard */
.graph-container { width: 100%; height: 50px; vertical-align: middle; padding: 20px 10px; position: relative; }
.graph-bar { height: 100%; width: 100%; border: 2px solid #000; border-radius: 5px; background: linear-gradient(to right, #c00, #0c0); vertical-align: middle; }
.graph-marker { position: absolute; top: 0; left: calc((100% - 20px) * 0); width: 10px; height: 50px; margin: 0; padding: 10px 0; }
.marker { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; }
.marker-top { border-top: 10px solid black; }
.marker-line { height: 10px; }
.marker-bottom { border-bottom: 10px solid black; }
table.comparison { margin-bottom: 0; }
  table.comparison th, table.comparison td { width: 50%; text-align: center; }

/* Wide Definition Lists */
dl.wl dt,
dl.wl dd { display: inline-block; vertical-align: top; margin: 0 0 5px 0; padding: 0; width: 46%; }
dl.wl dt { text-align: right; margin-right: 3%; }
dl.wl3070 dt { width: 30%; }
dl.wl3070 dd { width: 66%; }
