@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,600|Lobster");
.cf:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
  visibility: hidden; }

/** Visibility styles **/
.hide {
  display: none !important;
  visibility: none;
  outline: none; }

.hide-xl {
  display: none !important;
  visibility: none;
  outline: none; }

@media screen and (min-width: 1000px) {
  .hide-l {
    display: none !important;
    visibility: none;
    outline: none; } }

@media screen and (max-width: 999px) {
  .hide-t {
    display: none !important;
    visibility: none;
    outline: none; } }

@media screen and (max-width: 768px) {
  .hide-tp {
    display: none !important;
    visibility: none;
    outline: none; } }

@media screen and (max-width: 500px) {
  .hide-m {
    display: none !important;
    visibility: none;
    outline: none; } }

@media screen and (max-width: 400px) {
  .hide-sm {
    display: none !important;
    visibility: none;
    outline: none; } }

.show {
  display: block !important;
  visibility: visible; }

.show-xl {
  display: block !important;
  visibility: visible; }

@media screen and (min-width: 1000px) {
  .show-l {
    display: block !important;
    visibility: visible; } }

@media screen and (max-width: 999px) {
  .show-t {
    display: block !important;
    visibility: visible; } }

@media screen and (max-width: 768px) {
  .show-tp {
    display: block !important;
    visibility: visible; } }

@media screen and (max-width: 500px) {
  .show-m {
    display: block !important;
    visibility: visible; } }

@media screen and (max-width: 400px) {
  .show-sm {
    display: block !important;
    visibility: visible; } }

.f-right {
  float: right; }

.f-left {
  float: left; }

.f-none {
  float: none; }

.f-clear:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
  visibility: hidden; }

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  text-align: inherit;
  vertical-align: baseline; }

body {
  line-height: 1; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
  display: block; }

nav ul {
  list-style: none; }

button {
  font-family: inherit; }

a img,
:link img,
:visited img {
  border: 0; }

a:active,
a:focus,
input:active {
  outline: 0; }

a:active,
a:focus,
input:focus {
  -moz-outline-style: none; }

ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

ol, ul {
  list-style: none; }

strong, b {
  font-weight: bold; }

em, i {
  font-style: italic; }

blockquote, q {
  quotes: none; }

q::before,
q::after,
blockquote::before,
blockquote::after {
  content: "";
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

img {
  vertical-align: bottom; }

.clearing {
  clear: both; }

.clearafter:after,
.cf:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
  visibility: hidden; }

#ie6,
#ie7,
#ie8,
#ie9 {
  height: 100%; }
  #ie6 .cf,
  #ie6 .clearafter,
  #ie7 .cf,
  #ie7 .clearafter,
  #ie8 .cf,
  #ie8 .clearafter,
  #ie9 .cf,
  #ie9 .clearafter {
    zoom: 1; }

/* Reset `button` and button-style `input` default styles */
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
  background: none;
  border: 0;
  color: inherit;
  /* cursor: default; */
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  -webkit-appearance: button;
  /* for input */
  -webkit-user-select: none;
  /* for button */
  -moz-user-select: none;
  -ms-user-select: none;
  outline: none; }

input::-moz-focus-inner,
button::-moz-focus-inner {
  border: 0;
  padding: 0; }

/* Make `a` like a button */
[role="button"] {
  color: inherit;
  cursor: default;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  white-space: pre;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.modal {
  overflow: hidden; }
  .modal .header {
    position: static;
    padding: 0 1rem; }
  .modal main {
    padding: 0.25rem;
    margin-top: 0; }
  .modal .form__group {
    margin-bottom: 0.5rem; }

.hilite {
  background-color: #d8f1ff;
  border-radius: 3px;
  font-weight: 600; }

.tag .hilite {
  background-color: white;
  color: #0a0a0a; }

html {
  font-size: 16px;
  line-height: 1.25rem;
  margin: 0;
  padding: 0; }

body {
  background-color: white;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  font-size: 100%; }

header {
  display: block; }

main {
  display: block;
  padding: 0 3rem;
  margin-top: 9rem;
  position: relative; }
  main:after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;
    visibility: hidden; }
  @media screen and (max-width: 768px) {
    main {
      margin-top: 7rem;
      padding: 0 1rem; } }

section {
  padding: 1rem; }

h1, h2, h3, h4 {
  margin: 0; }

h1 {
  font-family: "Lobster", serif;
  font-size: 1.75rem;
  margin-bottom: 1rem; }

h2 {
  font-size: 1.5rem;
  margin-bottom: 0.8rem; }

h3 {
  font-size: 1.25rem;
  margin-bottom: 0.6rem; }

h4 {
  font-size: 1rem;
  margin-bottom: 0.4rem; }

a:link {
  text-decoration: none; }

a:link,
a:visited,
a:active,
a:hover {
  color: #0a0a0a; }

button {
  cursor: pointer; }

button:hover {
  text-decoration: underline; }

p {
  line-height: 1.75rem; }

.icon--menu {
  width: 30px;
  height: 30px; }

.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 5;
  padding: 1rem;
  padding-bottom: 0;
  background-color: #0275d8;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#0275d8), to(#016bc8));
  background: -o-linear-gradient(top, #0275d8 0%, #016bc8 100%);
  background: linear-gradient(to bottom, #0275d8 0%, #016bc8 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$header-blue-start', endColorstr='$header-blue-end',GradientType=0 );
  /* IE6-9 */
  -webkit-box-shadow: inset 0px -2px 3px 0px rgba(0, 0, 0, 0.2);
          box-shadow: inset 0px -2px 3px 0px rgba(0, 0, 0, 0.2); }
  .header:after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;
    visibility: hidden; }
  .header__title {
    float: left;
    margin: 0;
    padding: 0.5rem 0;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.75); }
  .header__title a {
    color: white; }
  .header .burger svg {
    fill: white; }

.search {
  display: block;
  margin: 0; }
  .search__inner {
    display: block;
    max-width: 700px;
    margin-left: 100px;
    margin-right: 45px;
    border-radius: 3px;
    background-color: white;
    position: relative;
    -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.4);
            box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.4); }
  .search__input {
    width: 100%;
    outline: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: none;
    padding: 0.5rem 0.75rem;
    margin-right: 1rem;
    font-size: 1.35rem;
    background-color: rgba(0, 0, 0, 0); }
  .search__button {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 3rem;
    background-color: white;
    border-top-right-radius: 3px; }
  .search__button:hover {
    text-decoration: none;
    background-color: #014887;
    color: white; }
  .search__button:active {
    background-color: #d8f1ff; }

.alert {
  z-index: 20;
  padding: 1rem 2rem;
  line-height: 1.2;
  text-align: center;
  font-weight: bold;
  border-radius: 3px;
  position: fixed;
  top: 6rem;
  bottom: auto;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  opacity: 0.95; }
  @media screen and (max-width: 500px) {
    .alert {
      top: auto;
      bottom: 2rem;
      width: 90%; } }
  .alert p {
    margin-bottom: 0; }
  .alert__heading {
    margin-bottom: 0.5rem;
    font-weight: bold; }
  .alert--ok {
    background-color: #3c763d;
    color: white; }
  .alert--notice {
    background-color: #8a6d3b;
    color: white; }
  .alert--error {
    background-color: #a94442;
    color: white; }

.box {
  padding: 1rem;
  border-radius: 3px;
  background-color: whitesmoke; }
  .box:after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;
    visibility: hidden; }
  .box--danger {
    padding: 1rem;
    border-color: #f97777;
    background-color: rgba(255, 240, 240, 0.5);
    color: #872121; }

.tabs {
  margin-top: 1rem;
  padding: 0;
  list-style: none; }
  @media screen and (max-width: 768px) {
    .tabs {
      margin-top: 1rem; } }

.tabs__tab {
  display: inline-block;
  background: #e1e1e1;
  border: 1px solid rgba(0, 0, 0, 0);
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  margin-right: 2px; }
  .tabs__tab--active {
    z-index: 10;
    background: white;
    -webkit-box-shadow: 2px -2px 1px rgba(0, 0, 0, 0.1), -2px -2px 1px rgba(0, 0, 0, 0.1);
            box-shadow: 2px -2px 1px rgba(0, 0, 0, 0.1), -2px -2px 1px rgba(0, 0, 0, 0.1); }
  .tabs__tab.dropdown {
    padding-left: 1.25rem; }

.tab__link {
  display: inline-block;
  padding: 0.5rem 1rem;
  border: 1px solid rgba(0, 0, 0, 0);
  border-bottom: none;
  background: rgba(0, 0, 0, 0); }
  @media screen and (max-width: 768px) {
    .tab__link {
      padding: 0.25rem 0.6rem;
      margin-left: 0;
      margin-right: 0; } }

.tags li {
  display: inline-block;
  margin: 0 3px 3px 0; }

.tag {
  display: inline-block;
  margin: 0 0.5rem 0.5rem 0;
  padding: 0.25rem 0.5rem;
  background-color: #0275d8;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0);
  color: white !important;
  position: relative; }
  .tag--active {
    background-color: #014887; }
  .tag--large {
    padding: 0.75rem 1.25rem 1rem 1.25rem; }
  .tag:last-of-type {
    margin-right: 0; }

.tags--chart li {
  display: block;
  width: 100%; }

.tags--chart .tag {
  display: block;
  width: 100%; }

.column {
  float: left;
  padding-right: 2rem; }
  .column:after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;
    visibility: hidden; }
  .column:last-of-type {
    padding-right: 0; }
  .column--full {
    width: 100%;
    padding-right: 0; }
  .column--7-8 {
    width: 87.5%; }
  .column--6-8 {
    width: 75%; }
  .column--5-8 {
    width: 62.5%; }
  .column--4-8 {
    width: 50%; }
  .column--3-8 {
    width: 37.5%; }
  .column--2-8 {
    width: 25%; }
  .column--1-8 {
    width: 12.5%; }
  .column--xl-full {
    width: 100%;
    padding-right: 0; }
  .column--xl-7-8 {
    width: 87.5%; }
  .column--xl-6-8 {
    width: 75%; }
  .column--xl-5-8 {
    width: 62.5%; }
  .column--xl-4-8 {
    width: 50%; }
  .column--xl-3-8 {
    width: 37.5%; }
  .column--xl-2-8 {
    width: 25%; }
  .column--xl-1-8 {
    width: 12.5%; }
  .column--xl-0 {
    display: none !important;
    visibility: none;
    outline: none; }
  @media screen and (min-width: 1000px) {
    .column--l-full {
      width: 100%;
      padding-right: 0; }
    .column--l-7-8 {
      width: 87.5%; }
    .column--l-6-8 {
      width: 75%; }
    .column--l-5-8 {
      width: 62.5%; }
    .column--l-4-8 {
      width: 50%; }
    .column--l-3-8 {
      width: 37.5%; }
    .column--l-2-8 {
      width: 25%; }
    .column--l-1-8 {
      width: 12.5%; }
    .column--l-0 {
      display: none !important;
      visibility: none;
      outline: none; } }
  @media screen and (max-width: 999px) {
    .column--t-full {
      width: 100%;
      padding-right: 0; }
    .column--t-7-8 {
      width: 87.5%; }
    .column--t-6-8 {
      width: 75%; }
    .column--t-5-8 {
      width: 62.5%; }
    .column--t-4-8 {
      width: 50%; }
    .column--t-3-8 {
      width: 37.5%; }
    .column--t-2-8 {
      width: 25%; }
    .column--t-1-8 {
      width: 12.5%; }
    .column--t-0 {
      display: none !important;
      visibility: none;
      outline: none; } }
  @media screen and (max-width: 768px) {
    .column--tp-full {
      width: 100%;
      padding-right: 0; }
    .column--tp-7-8 {
      width: 87.5%; }
    .column--tp-6-8 {
      width: 75%; }
    .column--tp-5-8 {
      width: 62.5%; }
    .column--tp-4-8 {
      width: 50%; }
    .column--tp-3-8 {
      width: 37.5%; }
    .column--tp-2-8 {
      width: 25%; }
    .column--tp-1-8 {
      width: 12.5%; }
    .column--tp-0 {
      display: none !important;
      visibility: none;
      outline: none; } }
  @media screen and (max-width: 500px) {
    .column--m-full {
      width: 100%;
      padding-right: 0; }
    .column--m-7-8 {
      width: 87.5%; }
    .column--m-6-8 {
      width: 75%; }
    .column--m-5-8 {
      width: 62.5%; }
    .column--m-4-8 {
      width: 50%; }
    .column--m-3-8 {
      width: 37.5%; }
    .column--m-2-8 {
      width: 25%; }
    .column--m-1-8 {
      width: 12.5%; }
    .column--m-0 {
      display: none !important;
      visibility: none;
      outline: none; } }
  @media screen and (max-width: 400px) {
    .column--sm-full {
      width: 100%;
      padding-right: 0; }
    .column--sm-7-8 {
      width: 87.5%; }
    .column--sm-6-8 {
      width: 75%; }
    .column--sm-5-8 {
      width: 62.5%; }
    .column--sm-4-8 {
      width: 50%; }
    .column--sm-3-8 {
      width: 37.5%; }
    .column--sm-2-8 {
      width: 25%; }
    .column--sm-1-8 {
      width: 12.5%; }
    .column--sm-0 {
      display: none !important;
      visibility: none;
      outline: none; } }

.gauge {
  position: absolute;
  height: 4px;
  border-radius: 3px;
  background-color: #014887; }
  .gauge__bar {
    position: absolute;
    height: 100%;
    border-radius: 3px;
    background-color: #d8f1ff;
    left: 0;
    top: 0;
    bottom: 0;
    right: auto; }
  .gauge--large {
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: auto;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #0275d8; }
  .gauge--large .gauge__bar {
    background-color: #d8f1ff; }
  .gauge--bottom {
    top: auto;
    bottom: 2px;
    left: 2px;
    right: 2px; }
  .gauge--top {
    top: 2px;
    bottom: auto;
    left: 2px;
    right: 2px; }
  .gauge--left {
    height: auto;
    width: 4px;
    top: 2px;
    bottom: 2px;
    left: 2px;
    right: auto; }
  .gauge--left .gauge__bar {
    width: 100%;
    height: auto;
    left: 0;
    top: auto;
    bottom: 0;
    right: 0; }
  .gauge--right {
    height: auto;
    width: 4px;
    top: 2px;
    bottom: 2px;
    left: auto;
    right: 2px; }
  .gauge--right .gauge__bar {
    width: 100%;
    height: auto;
    left: 0;
    top: auto;
    bottom: 0;
    right: 0; }

.bookmark {
  border-radius: 5px;
  margin-bottom: 1rem;
  padding: 1rem;
  line-height: 1.25;
  -webkit-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  cursor: pointer;
  position: relative; }
  .bookmark:after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;
    visibility: hidden; }
  .bookmark:hover, .bookmark:active {
    background-color: whitesmoke; }
  .bookmark__title, .bookmark__description, .bookmark__timestamp, .bookmark__url {
    display: block;
    margin-bottom: 1rem;
    word-break: break-word;
    cursor: pointer; }
  .bookmark__title {
    width: 100%;
    padding-right: 20rem; }
  @media screen and (max-width: 768px) {
    .bookmark__title {
      padding-right: 0; } }
  .bookmark__timestamp {
    color: #969696;
    font-size: 0.8rem; }
  .bookmark a.bookmark__url {
    color: #969696; }
  .bookmark__form {
    display: inline; }
  .bookmark__actions {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    text-align: right; }
  @media screen and (max-width: 768px) {
    .bookmark__actions {
      position: static;
      float: none;
      text-align: left;
      margin: 0 0 1rem 0; } }
  .bookmark__action {
    color: #0275d8 !important; }
  .bookmark__action--danger {
    color: #872121 !important; }
  .bookmark a:link:hover {
    text-decoration: underline; }

.burger {
  float: right; }
  .burger__label {
    display: inline-block;
    width: 100%;
    height: 100%;
    cursor: pointer; }
  .burger__text {
    display: none; }
  .burger__checkbox {
    display: none; }

/** Styles for the popout dropdown menu **/
.dropdown {
  position: relative; }
  .dropdown__inner {
    padding: 0.5rem; }
  .dropdown__wrapper {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: auto;
    color: #0a0a0a;
    background-color: #f0f0f0;
    border: 1px solid #c3c3c3;
    border-radius: 3px;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
            box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
    z-index: 20;
    margin-top: 11px;
    width: 250px;
    -webkit-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out; }
    .dropdown__wrapper:before, .dropdown__wrapper:after {
      position: absolute;
      display: block;
      content: " ";
      z-index: 5;
      top: -10px;
      right: 4px;
      left: auto; }
    .dropdown__wrapper:before {
      border-bottom: 10px solid #c3c3c3;
      border-left: 10px solid rgba(0, 0, 0, 0);
      border-right: 10px solid rgba(0, 0, 0, 0); }
    .dropdown__wrapper:after {
      top: -9px;
      right: 5px;
      border-bottom: 9px solid #f0f0f0;
      border-left: 9px solid rgba(0, 0, 0, 0);
      border-right: 9px solid rgba(0, 0, 0, 0); }
  .dropdown--right .dropdown__wrapper {
    right: auto;
    left: 0; }
    .dropdown--right .dropdown__wrapper:before, .dropdown--right .dropdown__wrapper:after {
      top: -10px;
      left: 5px;
      right: auto; }
    .dropdown--right .dropdown__wrapper:after {
      top: -9px;
      left: 6px;
      right: auto; }
  .dropdown--right .dropdown__wrapper {
    right: auto;
    left: 0; }
    .dropdown--right .dropdown__wrapper:before, .dropdown--right .dropdown__wrapper:after {
      top: -10px;
      left: 5px;
      right: auto; }
    .dropdown--right .dropdown__wrapper:after {
      top: -9px;
      left: 6px;
      right: auto; }
  .dropdown .option {
    display: block;
    padding: 1rem;
    margin-bottom: 3px;
    border-radius: 3px;
    text-align: left; }
  .dropdown .option:last-child {
    margin-bottom: 0; }
  .dropdown .option--active,
  .dropdown .option:active,
  .dropdown .option:hover {
    background-color: #0275d8;
    color: white; }
  .dropdown__spacer {
    display: block;
    margin: 0.5rem 1rem;
    border-bottom: 1px solid #c3c3c3; }
  .dropdown .spinner {
    text-align: center; }
  .dropdown h3 {
    margin: 1rem; }
  .dropdown ul {
    margin: 1rem; }
  .dropdown li {
    margin-bottom: 0.5rem; }
  .dropdown li:last-child {
    margin-bottom: 0; }

.dropdown__checkbox {
  display: none; }
  .dropdown__checkbox:checked + .dropdown__wrapper {
    display: block; }

.spinner:after {
  display: none;
  content: url(/img/spin_bar.gif);
  margin: 0 0.5rem; }

.spinner--active:after {
  display: inline-block; }

form {
  margin-bottom: 2rem; }
  form:last-child {
    margin-bottom: 0; }

.form__group,
.form__label,
.form__control,
.form__error,
.form__help,
.form__buttons {
  display: block;
  width: 100%;
  margin-bottom: 0.5rem;
  font-size: 1rem; }

.form__group,
.form__buttons {
  position: relative;
  margin-bottom: 1rem; }
  .form__group:last-child,
  .form__buttons:last-child {
    margin-bottom: 0; }
  .form__group--right,
  .form__buttons--right {
    float: right;
    width: auto;
    margin-bottom: 0; }
  .form__group--left,
  .form__buttons--left {
    float: left;
    width: auto;
    margin-bottom: 0; }

.form__buttons {
  text-align: right; }

.form__help {
  font-size: 0.8rem;
  color: #969696;
  line-height: 1.25rem; }
  .form__help .ok {
    color: #308e3e;
    font-weight: bold; }
  .form__help .uh-oh {
    color: #ffbd00;
    font-weight: bold; }
  .form__help .error {
    color: #b74747;
    font-weight: bold; }

.form__label.spinner--active {
  color: #0275d8; }

.form__label.spinner--active + .form__control {
  border-color: #0275d8;
  background-color: #d8f1ff; }

input.form__control,
textarea.form__control,
select.form__control {
  padding: 0.75rem;
  border: 1px solid #e1e1e1;
  border-radius: 3px; }

input[type="checkbox"] {
  float: left;
  width: auto;
  margin: 0px;
  margin-right: 6px; }

input[readonly] {
  border-color: rgba(0, 0, 0, 0);
  background-color: #e1e1e1; }

.form__group--error .form__control {
  border-color: #b74747; }

.form__group--error .form__error,
.form__group--error .form__label,
.form__group--error .form__control,
.form__group--error .form__help {
  color: #b74747; }

.form__group--error .form__control {
  background-color: rgba(255, 240, 240, 0.5); }

/** Button styles **/
.button {
  padding: 0.5rem 1rem;
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid rgba(0, 0, 0, 0);
  color: #0275d8;
  text-decoration: none;
  cursor: pointer;
  text-align: center; }
  .button--block {
    display: block;
    width: 100%; }
  .button--tight {
    padding: 3px 6px; }
  .button--small {
    padding: 0.1rem 0.3rem;
    font-size: 0.9rem; }
  .button--icon {
    padding: 0;
    border: none;
    background-color: rgba(0, 0, 0, 0); }
  .button--primary, .button--danger {
    color: white; }
  .button--primary {
    background-color: #0275d8;
    border-color: #014887; }
  .button--secondary {
    border-color: #0275d8; }
  .button--danger {
    background-color: #b74747; }
  .button--link {
    padding: 0;
    border: none;
    text-decoration: none;
    cursor: pointer; }
    .button--link:hover, .button--link:active {
      -webkit-box-shadow: none;
              box-shadow: none;
      text-decoration: underline; }
  .button--social {
    color: white;
    background-color: #fafafa;
    padding: 1rem; }
    .button--social--facebook {
      background-color: #3d5a96; }
    .button--social--google {
      background-color: #db4c3f; }

a.button {
  color: #0275d8; }

button.button--tight,
input.button--tight {
  padding: 4px 6px 3px 6px; }

table {
  margin: 10px 0;
  margin-bottom: 2rem;
  border-collapse: collapse;
  width: 100%; }
  @media screen and (max-width: 500px) {
    table {
      width: 100%; } }
  table--block {
    width: 100%; }
  table--bordered {
    border: 1px solid #e1e1e1;
    border-radius: 3px; }
  table tr:nth-child(even) td {
    background-color: #fafafa; }
  table tr:hover td {
    background-color: #d8f1ff; }
  table th {
    padding: 1rem;
    padding-left: 0.25rem;
    font-weight: 700;
    background-color: #fafafa;
    border-bottom: 1px solid #e1e1e1; }
    table th:first-child {
      padding-left: 1rem; }
  table td {
    padding: 0.5rem;
    padding-left: 0.25rem; }
    table td:first-child {
      padding-left: 1rem; }
  table__actions {
    text-align: right; }
  table__tight {
    padding: 0.25rem !important; }

.user__summary {
  display: inline-block;
  margin-left: 1rem;
  color: rgba(255, 255, 255, 0.5); }
  .user__summary label {
    cursor: pointer; }
  .user__summary:hover {
    color: rgba(255, 255, 255, 0.85); }

.jumbotron {
  width: 75%;
  margin: 2rem auto;
  padding: 3rem;
  text-align: center;
  line-height: 2rem; }
  @media screen and (max-width: 999px) {
    .jumbotron {
      width: 100%;
      /*padding: 1rem;*/ } }
  @media screen and (max-width: 500px) {
    .jumbotron {
      width: 100%;
      padding: 0; } }
  .jumbotron__title {
    font-family: "Lobster", serif;
    font-size: 2.5rem;
    margin-bottom: 2rem; }
  .jumbotron__intro {
    font-size: 1.25rem;
    margin-bottom: 2rem; }
  .jumbotron a {
    color: #0275d8;
    text-decoration: underline; }

.tagging__pane {
  position: absolute;
  left: 0;
  right: 0;
  display: none;
  border: 1px solid #e1e1e1;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  background-color: #fafafa;
  margin-top: -2px;
  line-height: 1.2;
  z-index: 5; }
  .tagging__pane:after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;
    visibility: hidden; }

.tagging__pane a {
  display: inline-block;
  padding: 5px 10px;
  padding-bottom: 10px;
  color: #0275d8; }

.tagging__close {
  display: none;
  float: right; }

body.dark {
  background-color: #323232;
  color: #c8c8c8; }

.dark .header {
  background-color: #023796;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#023796), to(#012882));
  background: -o-linear-gradient(top, #023796 0%, #012882 100%);
  background: linear-gradient(to bottom, #023796 0%, #012882 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$header-dark-blue-start', endColorstr='$header-dark-blue-end',GradientType=0 );
  /* IE6-9 */ }

.dark .search__inner {
  background-color: #323232; }
  .dark .search__inner input {
    color: #c8c8c8; }
  .dark .search__inner button {
    background-color: #323232;
    color: #c8c8c8; }

.dark .tabs__tab {
  background: #191919; }
  .dark .tabs__tab a {
    color: #c8c8c8; }
  .dark .tabs__tab--active {
    background: #323232;
    /*border-top: 3px solid $black;*/ }

.dark .alert {
  -webkit-box-shadow: 0px 0px 5px 1px #969696;
          box-shadow: 0px 0px 5px 1px #969696; }
  .dark .alert--ok {
    background-color: #dff0d8;
    color: #3c763d; }
  .dark .alert--notice {
    background-color: #fcf8e3;
    color: #8a6d3b; }
  .dark .alert--error {
    background-color: #f2dede;
    color: #a94442; }

.dark .bookmark:hover,
.dark .bookmark:active {
  background-color: #3c3c3c; }

.dark .bookmark__title,
.dark .bookmark__description,
.dark .bookmark__timestamp,
.dark a.bookmark__url {
  color: #c8c8c8; }

.dark .bookmark__action {
  color: #afafff !important; }

.dark .bookmark__action--danger {
  color: #f97777 !important; }

.dark .button--link {
  color: #e1e1e1; }

.dark .button--secondary {
  background-color: rgba(0, 0, 0, 0);
  border-color: #969696;
  color: #e1e1e1; }

.dark .dropdown__wrapper {
  background-color: #919191;
  border-color: #969696; }
  .dark .dropdown__wrapper:before {
    border-bottom-color: #969696;
    border-left-color: rgba(0, 0, 0, 0);
    border-right-color: rgba(0, 0, 0, 0); }
  .dark .dropdown__wrapper:after {
    border-bottom-color: #919191;
    border-left-color: rgba(0, 0, 0, 0);
    border-right-color: rgba(0, 0, 0, 0); }

.dark .dropdown__spacer {
  border-bottom-color: #969696; }

.dark .dropdown .option--active,
.dark .dropdown .option:active,
.dark .dropdown .option:hover {
  background-color: #014887;
  color: #e1e1e1; }

.dark .box {
  background-color: #3c3c3c; }

.dark .box--danger {
  color: #f97777; }

.dark .form__control__group .form__control--radio input[type="radio"]:checked + label {
  color: #d8f1ff; }

.dark .form__label,
.dark .form__control,
.dark .form__help {
  color: #c8c8c8; }

.dark .form__group--error .form__control {
  border-color: #f97777; }

.dark .form__group--error .form__error,
.dark .form__group--error .form__label,
.dark .form__group--error .form__control,
.dark .form__group--error .form__help {
  color: #f97777; }

.dark .form__group--error .form__control {
  background-color: #f97777; }

.dark .form__help {
  color: #c8c8c8; }
  .dark .form__help .ok {
    color: #68d878; }
  .dark .form__help .uh-oh {
    color: #ffbd00; }
  .dark .form__help .error {
    color: #f97777; }

.dark input.form__control,
.dark textarea.form__control {
  background-color: #969696;
  color: #f0f0f0; }

.dark svg {
  fill: white; }

.dark .hilite {
  background-color: #014887;
  color: #e1e1e1; }

.dark .table--bordered {
  border-color: #969696; }

.dark thead th,
.dark tr:nth-child(even) td {
  background-color: #969696; }

.dark tr:hover td {
  background-color: #0a0a0a; }

.dark th {
  background-color: #969696;
  border-bottom-color: #969696; }

.dark .tag {
  background-color: #646464;
  color: #e1e1e1 !important; }
  .dark .tag--active {
    background-color: #323232; }

.dark .gauge {
  background-color: #969696; }

.dark .gauge__bar {
  background-color: #e1e1e1; }

#HW_badge_cont {
  position: absolute !important;
  top: -12px;
  right: 15px; }

#HW_badge {
  background-color: #e10000 !important; }

.login .header {
  padding-bottom: 1rem; }
  .login .header__wrap {
    max-width: 400px; }
  .login .header__container {
    width: 100%; }
  .login .header__title {
    width: 100%;
    text-align: center;
    font-size: 2.5rem; }

.login-form {
  margin: 0 auto;
  margin-top: 2rem;
  width: 100%;
  max-width: 400px; }
  .login-form h1 {
    margin-bottom: 1rem; }
  .login-form hr {
    border: none;
    border-top: 1px solid #e1e1e1;
    width: 80%;
    margin: 1rem auto; }
  .login-form .backlink {
    padding: 0.5rem 0;
    color: #0275d8; }
  .login-form .button {
    margin-bottom: 0.5rem; }