@charset "UTF-8";
/* todo: Refactor var names to use 100–700 scale (like Violet) -- AB 7/2020 */
/* Neutral */
/* Cerulean */
/* Deep */
/* Orange */
/* todo: Update to Poppy -- AB 7/2020 */
/* Emerald */
/* Grass */
/* Magenta */
/* Violet */
.actblue-bignumber .number {
  display: inline-block;
  width: 0.7em;
  text-align: center;
}

/* todo: Refactor var names to use 100–700 scale (like Violet) -- AB 7/2020 */
/* Neutral */
/* Cerulean */
/* Deep */
/* Orange */
/* todo: Update to Poppy -- AB 7/2020 */
/* Emerald */
/* Grass */
/* Magenta */
/* Violet */
.actblue-bignumber .number {
  display: inline-block;
  width: 0.7em;
  text-align: center;
}

/* GENERAL */
/* FOCUS */
.focusShadow, #directory-container a.search-filter:focus, a:where(:not([data-blueprint=button])):focus, .bp-input--focus, .bp-input-wrapper:focus-within, body.auth-form #auth-form-pane #auth-form-wrapper .controls:focus-within {
  box-shadow: 0 0 0 1px #00a9e0;
  outline: none;
}

/* LAYOUT SIZES */
/*SHADOWS*/
/* (smallest)for atomic-level elements, like the toggle */
/* for tooltips*/
/* for dropdown menus and toasts */
/* (largest) for modals  */
/* TRANSITIONS */
#show_contents .wrap {
  padding: 1rem 1.5rem;
}
#show_contents #donateWrap h2 {
  color: #fff;
}
#show_contents #donateWrap h4 {
  color: #1c2345;
}
#show_contents #titleWrap {
  background: #00a9e0;
  color: #ffffff;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  font-size: 18px;
  font-weight: 500;
  min-height: 40px;
}
#show_contents #titleWrap a {
  color: #ffffff;
}
#show_contents #summaryWrap {
  min-height: 100px;
  font-size: 1.25em;
}
#show_contents #summaryWrap p {
  line-height: 1.4em;
}
#show_contents .stats-wrap {
  min-height: 3rem;
  padding: 1.5rem 1rem 1.25rem;
  border: 1px solid #00a9e0;
  background: #d9f2fb;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  color: #1c2345;
}
#show_contents .stats-wrap:before, #show_contents .stats-wrap:after {
  display: table;
  content: "";
  line-height: 0;
}
#show_contents .stats-wrap:after {
  clear: both;
}
#show_contents .stats-wrap form {
  margin-bottom: 0;
}
#show_contents .stats-wrap big {
  color: #1c2345;
}
#show_contents.entity .optionsWrap {
  margin-top: 0.375rem;
  background-color: #f7f8fa;
  border: 1px solid #ccd3de;
  border-radius: 4px;
  padding: 0.5rem 1.5rem;
}
#show_contents.entity .optionsWrap p {
  margin-bottom: 0;
}
#show_contents.entity .optionsWrap #create-form-button {
  display: flex;
  margin-bottom: 0;
}
#show_contents.entity .optionsWrap .btn {
  margin: 1rem 0.5rem 0 0;
}

/* stats-wrap -- blue "supporters, raised" style bar */
.stats-wrap {
  padding: 1em;
  margin-bottom: 1em;
  background-color: #f7f8fa;
  border: 1px solid #ccd3de;
  color: #1c2345;
  box-sizing: border-box;
  border-radius: 4px;
}
.stats-wrap a {
  text-decoration: underline;
}
.stats-wrap h2 {
  float: right;
  font-size: 1.5em;
}
.stats-wrap h3 {
  float: left;
  font-size: 1.25em;
}
.stats-wrap big {
  font-weight: 700;
  font-size: 1.75rem;
  color: #1c2345;
  padding-top: 0.375rem;
}
.stats-wrap .raisedBlock, .stats-wrap .supportersBlock {
  float: left;
  padding-left: 1em;
}
.stats-wrap div.indigo-icon {
  display: inline-block;
}
.stats-wrap .supportersBlock {
  margin-right: 1em;
}
.stats-wrap #splitBlock {
  float: right;
}
.stats-wrap #splitBlock big {
  font-size: 1.5em;
  vertical-align: middle;
}
.stats-wrap #splitBlock input {
  margin: 0.1rem 0 0 0;
}

/*!
 * Bootstrap v2.3.1
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
/* todo: Refactor var names to use 100–700 scale (like Violet) -- AB 7/2020 */
/* Neutral */
/* Cerulean */
/* Deep */
/* Orange */
/* todo: Update to Poppy -- AB 7/2020 */
/* Emerald */
/* Grass */
/* Magenta */
/* Violet */
.actblue-bignumber .number {
  display: inline-block;
  width: 0.7em;
  text-align: center;
}

.clearfix:before, .clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}

.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.input-block-level {
  display: block;
  width: 100%;
  min-height: 31px;
  box-sizing: border-box;
}

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

audio,
canvas,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  /* Responsive images (ensure images don't scale beyond their parents) */
  max-width: 100%; /* Part 1: Set a maxium relative to the parent */
  height: auto; /* Part 2: Scale the height according to the width, otherwise you get stretching */
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

#map_canvas img,
.google-maps img {
  max-width: none;
}

button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
}

button,
input {
  line-height: normal;
}

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

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

label,
select,
button,
input[type=button],
input[type=reset],
input[type=submit],
input[type=radio],
input[type=checkbox] {
  cursor: pointer;
}

input[type=search] {
  box-sizing: content-box;
  -webkit-appearance: textfield;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

@media print {
  * {
    text-shadow: none !important;
    color: #000 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 14px;
  line-height: 21px;
  color: #333;
  background-color: #fff;
}

a:where(:not([data-blueprint=button])) {
  color: #0058d3;
  text-decoration: none;
}
a:where(:not([data-blueprint=button])):hover, a:where(:not([data-blueprint=button])):focus {
  color: #1c2345;
  text-decoration: underline;
}

.row {
  margin-left: -20px;
}
.row:before, .row:after {
  display: table;
  content: "";
  line-height: 0;
}
.row:after {
  clear: both;
}

[class*=span] {
  float: left;
  min-height: 1px;
  margin-left: 20px;
}

.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
  width: 940px;
}

.span12 {
  width: 940px;
}

.span11 {
  width: 860px;
}

.span10 {
  width: 780px;
}

.span9 {
  width: 700px;
}

.span8 {
  width: 620px;
}

.span7 {
  width: 540px;
}

.span6 {
  width: 460px;
}

.span5 {
  width: 380px;
}

.span4 {
  width: 300px;
}

.span3 {
  width: 220px;
}

.span2 {
  width: 140px;
}

.span1 {
  width: 60px;
}

.offset12 {
  margin-left: 980px;
}

.offset11 {
  margin-left: 900px;
}

.offset10 {
  margin-left: 820px;
}

.offset9 {
  margin-left: 740px;
}

.offset8 {
  margin-left: 660px;
}

.offset7 {
  margin-left: 580px;
}

.offset6 {
  margin-left: 500px;
}

.offset5 {
  margin-left: 420px;
}

.offset4 {
  margin-left: 340px;
}

.offset3 {
  margin-left: 260px;
}

.offset2 {
  margin-left: 180px;
}

.offset1 {
  margin-left: 100px;
}

.row-fluid {
  width: 100%;
}
.row-fluid:before, .row-fluid:after {
  display: table;
  content: "";
  line-height: 0;
}
.row-fluid:after {
  clear: both;
}
.row-fluid [class*=span] {
  display: block;
  width: 100%;
  min-height: 31px;
  box-sizing: border-box;
  float: left;
  margin-left: 2.1276595745%;
}
.row-fluid [class*=span]:first-child {
  margin-left: 0;
}
.row-fluid .controls-row [class*=span] + [class*=span] {
  margin-left: 2.1276595745%;
}
.row-fluid .span12 {
  width: 100%;
}
.row-fluid .offset12 {
  margin-left: 104.2553191489%;
}
.row-fluid .offset12:first-child {
  margin-left: 102.1276595745%;
}
.row-fluid .span11 {
  width: 91.4893617021%;
}
.row-fluid .offset11 {
  margin-left: 95.7446808511%;
}
.row-fluid .offset11:first-child {
  margin-left: 93.6170212766%;
}
.row-fluid .span10 {
  width: 82.9787234043%;
}
.row-fluid .offset10 {
  margin-left: 87.2340425532%;
}
.row-fluid .offset10:first-child {
  margin-left: 85.1063829787%;
}
.row-fluid .span9 {
  width: 74.4680851064%;
}
.row-fluid .offset9 {
  margin-left: 78.7234042553%;
}
.row-fluid .offset9:first-child {
  margin-left: 76.5957446809%;
}
.row-fluid .span8 {
  width: 65.9574468085%;
}
.row-fluid .offset8 {
  margin-left: 70.2127659574%;
}
.row-fluid .offset8:first-child {
  margin-left: 68.085106383%;
}
.row-fluid .span7 {
  width: 57.4468085106%;
}
.row-fluid .offset7 {
  margin-left: 61.7021276596%;
}
.row-fluid .offset7:first-child {
  margin-left: 59.5744680851%;
}
.row-fluid .span6 {
  width: 48.9361702128%;
}
.row-fluid .offset6 {
  margin-left: 53.1914893617%;
}
.row-fluid .offset6:first-child {
  margin-left: 51.0638297872%;
}
.row-fluid .span5 {
  width: 40.4255319149%;
}
.row-fluid .offset5 {
  margin-left: 44.6808510638%;
}
.row-fluid .offset5:first-child {
  margin-left: 42.5531914894%;
}
.row-fluid .span4 {
  width: 31.914893617%;
}
.row-fluid .offset4 {
  margin-left: 36.170212766%;
}
.row-fluid .offset4:first-child {
  margin-left: 34.0425531915%;
}
.row-fluid .span3 {
  width: 23.4042553191%;
}
.row-fluid .offset3 {
  margin-left: 27.6595744681%;
}
.row-fluid .offset3:first-child {
  margin-left: 25.5319148936%;
}
.row-fluid .span2 {
  width: 14.8936170213%;
}
.row-fluid .offset2 {
  margin-left: 19.1489361702%;
}
.row-fluid .offset2:first-child {
  margin-left: 17.0212765957%;
}
.row-fluid .span1 {
  width: 6.3829787234%;
}
.row-fluid .offset1 {
  margin-left: 10.6382978723%;
}
.row-fluid .offset1:first-child {
  margin-left: 8.5106382979%;
}

[class*=span].hide,
.row-fluid [class*=span].hide {
  display: none;
}

[class*=span].pull-right,
.row-fluid [class*=span].pull-right {
  float: right;
}

.container {
  margin-right: auto;
  margin-left: auto;
}
.container:before, .container:after {
  display: table;
  content: "";
  line-height: 0;
}
.container:after {
  clear: both;
}

.container-fluid {
  padding-right: 20px;
  padding-left: 20px;
}
.container-fluid:before, .container-fluid:after {
  display: table;
  content: "";
  line-height: 0;
}
.container-fluid:after {
  clear: both;
}

p {
  margin: 0 0 10.5px;
}

.lead {
  margin-bottom: 21px;
  font-size: 21px;
  font-weight: 200;
  line-height: 31.5px;
}

small {
  font-size: 85%;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

cite {
  font-style: normal;
}

.muted {
  color: #657287;
}

a.muted:hover,
a.muted:focus {
  color: #4f596a;
}

.text-warning {
  color: #1c2345;
}

a.text-warning:hover,
a.text-warning:focus {
  color: #0d1121;
}

.text-error {
  color: #1c2345;
}

a.text-error:hover,
a.text-error:focus {
  color: #0d1121;
}

.text-info {
  color: #1c2345;
}

a.text-info:hover,
a.text-info:focus {
  color: #0d1121;
}

.text-success {
  color: #1c2345;
}

a.text-success:hover,
a.text-success:focus {
  color: #0d1121;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

h1, h2, h3, h4, h5, h6 {
  margin: 10.5px 0;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 700;
  line-height: 21px;
  color: inherit;
  text-rendering: optimizelegibility;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  font-weight: normal;
  line-height: 1;
  color: #657287;
}

h1,
h2,
h3 {
  line-height: 42px;
}

h1 {
  font-size: 38.5px;
}

h2 {
  font-size: 31.5px;
}

h3 {
  font-size: 24.5px;
}

h4 {
  font-size: 17.5px;
}

h5 {
  font-size: 14px;
}

h6 {
  font-size: 11.9px;
}

h1 small {
  font-size: 24.5px;
}

h2 small {
  font-size: 17.5px;
}

h3 small {
  font-size: 14px;
}

h4 small {
  font-size: 14px;
}

.page-header {
  padding-bottom: 9.5px;
  margin: 21px 0 31.5px;
  border-bottom: 1px solid #eee;
}

ul, ol {
  padding: 0;
  margin: 0 0 10.5px 25px;
}

ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0;
}

li {
  line-height: 21px;
}

ul.unstyled,
ol.unstyled {
  margin-left: 0;
  list-style: none;
}

ul.inline,
ol.inline {
  margin-left: 0;
  list-style: none;
}
ul.inline > li,
ol.inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

dl {
  margin-bottom: 21px;
}

dt,
dd {
  line-height: 21px;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 10.5px;
}

.dl-horizontal:before, .dl-horizontal:after {
  display: table;
  content: "";
  line-height: 0;
}
.dl-horizontal:after {
  clear: both;
}
.dl-horizontal dt {
  float: left;
  width: 160px;
  clear: left;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dl-horizontal dd {
  margin-left: 180px;
}

hr {
  margin: 21px 0;
  border: 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #fff;
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #657287;
}

abbr.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

blockquote {
  padding: 0 0 0 15px;
  margin: 0 0 21px;
  border-left: 5px solid #eee;
}
blockquote p {
  margin-bottom: 0;
  font-size: 17.5px;
  font-weight: 300;
  line-height: 1.25;
}
blockquote small {
  display: block;
  line-height: 21px;
  color: #657287;
}
blockquote small:before {
  content: "— ";
}
blockquote.pull-right {
  float: right;
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eee;
  border-left: 0;
}
blockquote.pull-right p,
blockquote.pull-right small {
  text-align: right;
}
blockquote.pull-right small:before {
  content: "";
}
blockquote.pull-right small:after {
  content: " —";
}

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

address {
  display: block;
  margin-bottom: 21px;
  font-style: normal;
  line-height: 21px;
}

form {
  margin: 0 0 21px;
}
form.stopBummingMeOut {
  margin: 0;
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 21px;
  font-size: 21px;
  line-height: 42px;
  color: #384056;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
legend small {
  font-size: 15.75px;
  color: #657287;
}

input,
button,
select,
textarea {
  font-size: 14px;
  font-weight: normal;
  line-height: 21px;
}

label {
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
}

input,
button,
select,
textarea {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

form.fix-global-leak label {
  margin: unset;
}
form.fix-global-leak textarea {
  margin: unset;
}

label {
  display: block;
  margin-bottom: 5px;
}

select,
textarea,
input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color],
.uneditable-input {
  box-sizing: border-box;
  display: inline-block;
  height: 32px;
  padding: 4px 6px;
  margin-bottom: 10.5px;
  font-size: 14px;
  line-height: 21px;
  color: #555;
  border-radius: 4px;
  vertical-align: middle;
}

input,
textarea,
.uneditable-input {
  width: 206px;
}

textarea {
  height: auto;
}

textarea,
input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color],
.uneditable-input {
  background-color: #fff;
  border: 1px solid #8894a8;
  box-shadow: none;
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}
textarea:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=time]:focus,
input[type=week]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=color]:focus,
.uneditable-input:focus {
  border-color: #00a9e0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #00a9e0;
}

input[type=radio],
input[type=checkbox] {
  margin: 4px 0 0;
  line-height: normal;
}

input[type=file],
input[type=image],
input[type=submit],
input[type=reset],
input[type=button],
input[type=radio],
input[type=checkbox] {
  width: auto;
}

select,
input[type=file] {
  height: 31px; /* In IE7, the height of the select element cannot be changed by height, only font-size */
  line-height: 31px;
}

select {
  width: 220px;
  border: 1px solid #CCD3DE;
  background-color: #fff;
}

select[multiple],
select[size] {
  height: auto;
}

select:focus,
input[type=file]:focus,
input[type=radio]:focus,
input[type=checkbox]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.uneditable-input,
.uneditable-textarea {
  color: #657287;
  background-color: #fcfcfc;
  border-color: #CCD3DE;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  cursor: not-allowed;
}

.uneditable-input {
  overflow: hidden;
  white-space: nowrap;
}

.uneditable-textarea {
  width: auto;
  height: auto;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #8894a8;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #8894a8;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #8894a8;
}

.radio,
.checkbox {
  min-height: 21px;
  padding-left: 20px;
}

.radio input[type=radio],
.checkbox input[type=checkbox] {
  float: left;
  margin-left: -20px;
}

.controls > .radio:first-child,
.controls > .checkbox:first-child {
  padding-top: 5px;
}

.radio.inline,
.checkbox.inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle;
}

.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
  margin-left: 10px;
}

.input-mini {
  width: 60px;
}

.input-small {
  width: 90px;
}

.input-medium {
  width: 150px;
}

.input-large {
  width: 210px;
}

.input-xlarge {
  width: 270px;
}

.input-xxlarge {
  width: 530px;
}

input[class*=span],
select[class*=span],
textarea[class*=span],
.uneditable-input[class*=span],
.row-fluid input[class*=span],
.row-fluid select[class*=span],
.row-fluid textarea[class*=span],
.row-fluid .uneditable-input[class*=span] {
  float: none;
  margin-left: 0;
}

.input-append input[class*=span],
.input-append .uneditable-input[class*=span],
.input-prepend input[class*=span],
.input-prepend .uneditable-input[class*=span],
.row-fluid input[class*=span],
.row-fluid select[class*=span],
.row-fluid textarea[class*=span],
.row-fluid .uneditable-input[class*=span],
.row-fluid .input-prepend [class*=span],
.row-fluid .input-append [class*=span] {
  display: inline-block;
}

input,
textarea,
.uneditable-input {
  margin-left: 0;
}

.controls-row [class*=span] + [class*=span] {
  margin-left: 20px;
}

input.span12,
textarea.span12,
.uneditable-input.span12 {
  width: 926px;
}

input.span11,
textarea.span11,
.uneditable-input.span11 {
  width: 846px;
}

input.span10,
textarea.span10,
.uneditable-input.span10 {
  width: 766px;
}

input.span9,
textarea.span9,
.uneditable-input.span9 {
  width: 686px;
}

input.span8,
textarea.span8,
.uneditable-input.span8 {
  width: 606px;
}

input.span7,
textarea.span7,
.uneditable-input.span7 {
  width: 526px;
}

input.span6,
textarea.span6,
.uneditable-input.span6 {
  width: 446px;
}

input.span5,
textarea.span5,
.uneditable-input.span5 {
  width: 366px;
}

input.span4,
textarea.span4,
.uneditable-input.span4 {
  width: 286px;
}

input.span3,
textarea.span3,
.uneditable-input.span3 {
  width: 206px;
}

input.span2,
textarea.span2,
.uneditable-input.span2 {
  width: 126px;
}

input.span1,
textarea.span1,
.uneditable-input.span1 {
  width: 46px;
}

.controls-row:before, .controls-row:after {
  display: table;
  content: "";
  line-height: 0;
}
.controls-row:after {
  clear: both;
}

.controls-row [class*=span],
.row-fluid .controls-row [class*=span] {
  float: left;
}

.controls-row .checkbox[class*=span],
.controls-row .radio[class*=span] {
  padding-top: 5px;
}

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  cursor: not-allowed;
  background-color: #eee;
}

input[type=radio][disabled],
input[type=checkbox][disabled],
input[type=radio][readonly],
input[type=checkbox][readonly] {
  background-color: transparent;
}

.control-group.warning .control-label,
.control-group.warning .help-block,
.control-group.warning .help-inline {
  color: #1c2345;
}
.control-group.warning .checkbox,
.control-group.warning .radio,
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
  color: #1c2345;
}
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
  border-color: #1c2345;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.control-group.warning input:focus,
.control-group.warning select:focus,
.control-group.warning textarea:focus {
  border-color: #0d1121;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #39488e;
}
.control-group.warning .input-prepend .add-on,
.control-group.warning .input-append .add-on {
  color: #1c2345;
  background-color: #fdefe5;
  border-color: #1c2345;
}

.control-group.error .control-label,
.control-group.error .help-block,
.control-group.error .help-inline {
  color: #1c2345;
}
.control-group.error .checkbox,
.control-group.error .radio,
.control-group.error input,
.control-group.error select,
.control-group.error textarea {
  color: #1c2345;
}
.control-group.error input,
.control-group.error select,
.control-group.error textarea {
  border-color: #1c2345;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.control-group.error input:focus,
.control-group.error select:focus,
.control-group.error textarea:focus {
  border-color: #0d1121;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #39488e;
}
.control-group.error .input-prepend .add-on,
.control-group.error .input-append .add-on {
  color: #1c2345;
  background-color: #fdecf2;
  border-color: #1c2345;
}

.control-group.success .control-label,
.control-group.success .help-block,
.control-group.success .help-inline {
  color: #1c2345;
}
.control-group.success .checkbox,
.control-group.success .radio,
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
  color: #1c2345;
}
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
  border-color: #1c2345;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.control-group.success input:focus,
.control-group.success select:focus,
.control-group.success textarea:focus {
  border-color: #0d1121;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #39488e;
}
.control-group.success .input-prepend .add-on,
.control-group.success .input-append .add-on {
  color: #1c2345;
  background-color: #ebf9f1;
  border-color: #1c2345;
}

.control-group.info .control-label,
.control-group.info .help-block,
.control-group.info .help-inline {
  color: #1c2345;
}
.control-group.info .checkbox,
.control-group.info .radio,
.control-group.info input,
.control-group.info select,
.control-group.info textarea {
  color: #1c2345;
}
.control-group.info input,
.control-group.info select,
.control-group.info textarea {
  border-color: #1c2345;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.control-group.info input:focus,
.control-group.info select:focus,
.control-group.info textarea:focus {
  border-color: #0d1121;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #39488e;
}
.control-group.info .input-prepend .add-on,
.control-group.info .input-append .add-on {
  color: #1c2345;
  background-color: #ebf9fd;
  border-color: #1c2345;
}

.form-actions {
  padding: 20px 20px 21px;
  margin-top: 21px;
  margin-bottom: 21px;
  background-color: #f5f5f5;
  border-top: 1px solid #e5e5e5;
}
.form-actions:before, .form-actions:after {
  display: table;
  content: "";
  line-height: 0;
}
.form-actions:after {
  clear: both;
}

.help-block,
.help-inline {
  color: #595959;
}

.help-block {
  display: block;
  margin-bottom: 10.5px;
}

.help-inline {
  display: inline-block;
  vertical-align: middle;
  padding-left: 5px;
}

.input-append,
.input-prepend {
  display: inline-block;
  margin-bottom: 10.5px;
  vertical-align: middle;
  font-size: 0;
  white-space: nowrap;
}
.input-append input,
.input-append select,
.input-append .uneditable-input,
.input-append .dropdown-menu,
.input-append .popover,
.input-prepend input,
.input-prepend select,
.input-prepend .uneditable-input,
.input-prepend .dropdown-menu,
.input-prepend .popover {
  font-size: 14px;
}
.input-append input,
.input-append select,
.input-append .uneditable-input,
.input-prepend input,
.input-prepend select,
.input-prepend .uneditable-input {
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
  border-radius: 0 4px 4px 0;
}
.input-append input:focus,
.input-append select:focus,
.input-append .uneditable-input:focus,
.input-prepend input:focus,
.input-prepend select:focus,
.input-prepend .uneditable-input:focus {
  z-index: 2;
}
.input-append .add-on,
.input-prepend .add-on {
  display: inline-block;
  width: auto;
  height: 21px;
  min-width: 16px;
  padding: 4px 5px;
  font-size: 14px;
  font-weight: normal;
  line-height: 21px;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  background-color: #eee;
  border: 1px solid #ccc;
}
.input-append .add-on,
.input-append .btn,
.input-prepend .add-on,
.input-prepend .btn {
  vertical-align: top;
  border-radius: 0;
}
.input-append .active,
.input-prepend .active {
  background-color: #a9dba9;
  border-color: #46a546;
}

.input-prepend .add-on,
.input-prepend .btn {
  margin-right: -1px;
}
.input-prepend .add-on:first-child,
.input-prepend .btn:first-child {
  border-radius: 4px 0 0 4px;
}

.input-append input,
.input-append select,
.input-append .uneditable-input {
  border-radius: 4px 0 0 4px;
}
.input-append .add-on,
.input-append .btn {
  margin-left: -1px;
}
.input-append .add-on:last-child,
.input-append .btn:last-child {
  border-radius: 0 4px 4px 0;
}

.input-prepend.input-append input,
.input-prepend.input-append select,
.input-prepend.input-append .uneditable-input {
  border-radius: 0;
}
.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
  margin-right: -1px;
  border-radius: 4px 0 0 4px;
}
.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child {
  margin-left: -1px;
  border-radius: 0 4px 4px 0;
}

input.search-query {
  padding-right: 14px;
  padding-left: 14px;
  margin-bottom: 0;
  border-radius: 15px;
}

/* Allow for input prepend/append in search forms */
.form-search .input-append .search-query,
.form-search .input-prepend .search-query {
  border-radius: 0;
}

.form-search .input-append .search-query {
  border-radius: 14px 0 0 14px;
}

.form-search .input-append .btn {
  border-radius: 0 14px 14px 0;
}

.form-search .input-prepend .search-query {
  border-radius: 0 14px 14px 0;
}

.form-search .input-prepend .btn {
  border-radius: 14px 0 0 14px;
}

.form-search input,
.form-search textarea,
.form-search select,
.form-search .help-inline,
.form-search .uneditable-input,
.form-search .input-prepend,
.form-search .input-append,
.form-inline input,
.form-inline textarea,
.form-inline select,
.form-inline .help-inline,
.form-inline .uneditable-input,
.form-inline .input-prepend,
.form-inline .input-append,
.form-horizontal input,
.form-horizontal textarea,
.form-horizontal select,
.form-horizontal .help-inline,
.form-horizontal .uneditable-input,
.form-horizontal .input-prepend,
.form-horizontal .input-append {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}
.form-search .hide,
.form-inline .hide,
.form-horizontal .hide {
  display: none;
}

.form-search label,
.form-inline label {
  display: inline-block;
}

.form-search .input-append,
.form-inline .input-append,
.form-search .input-prepend,
.form-inline .input-prepend {
  margin-bottom: 0;
}

.form-search .radio,
.form-search .checkbox,
.form-inline .radio,
.form-inline .checkbox {
  padding-left: 0;
  margin-bottom: 0;
  vertical-align: middle;
}

.form-search .radio input[type=radio],
.form-search .checkbox input[type=checkbox],
.form-inline .radio input[type=radio],
.form-inline .checkbox input[type=checkbox] {
  float: left;
  margin-right: 3px;
  margin-left: 0;
}

.control-group {
  margin-bottom: 10.5px;
}

legend + .control-group {
  margin-top: 21px;
  -webkit-margin-top-collapse: separate;
}

.form-horizontal .control-group {
  margin-bottom: 21px;
}
.form-horizontal .control-label {
  float: left;
  width: 160px;
  padding-top: 5px;
  text-align: right;
}
.form-horizontal .controls {
  margin-left: 180px;
}
.form-horizontal .help-block {
  margin-bottom: 0;
}
.form-horizontal input + .help-block,
.form-horizontal select + .help-block,
.form-horizontal textarea + .help-block,
.form-horizontal .uneditable-input + .help-block,
.form-horizontal .input-prepend + .help-block,
.form-horizontal .input-append + .help-block {
  margin-top: 10.5px;
}
.form-horizontal .form-actions {
  padding-left: 180px;
}

.form-lite select,
.form-lite textarea,
.form-lite input[type=text],
.form-lite input[type=password],
.form-lite input[type=datetime],
.form-lite input[type=datetime-local],
.form-lite input[type=date],
.form-lite input[type=month],
.form-lite input[type=time],
.form-lite input[type=week],
.form-lite input[type=number],
.form-lite input[type=email],
.form-lite input[type=url],
.form-lite input[type=search],
.form-lite input[type=tel],
.form-lite input[type=color],
.form-lite .uneditable-input {
  width: 100%;
  box-sizing: border-box;
  min-height: 32px;
}
.form-lite .help-block {
  margin: 0 0 0 -3px;
  display: flex;
  border-radius: 4px;
  border: 1px dashed #ccd3de;
  box-sizing: border-box;
  padding: 1rem;
  width: 100%;
}
.form-lite .help-block i.fa {
  font-size: 1rem;
  color: #8894a8;
  margin: 0 0.75rem 0 0;
  flex-shrink: 0;
}
.form-lite .help-block .help-block-text {
  margin: -4px 0 0 0;
  font-size: 0.75rem;
  color: #657287;
}

.dropup,
.dropdown {
  position: relative;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  border-top: 4px solid #1c2345;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "";
}

.dropdown .caret {
  margin-top: 8px;
  margin-left: 2px;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9.5px 1px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #fff;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 21px;
  color: #0058d3;
  white-space: nowrap;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
  text-decoration: none;
  color: #1c2345;
  background: #e6e9ed;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background: #009CDE;
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #657287;
}

.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  cursor: default;
}

.open > .dropdown-menu {
  display: block;
}

.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid #1c2345;
  content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}

.dropup .dropdown-submenu > .dropdown-menu {
  top: auto;
  bottom: 0;
  margin-top: 0;
  margin-bottom: -2px;
  border-radius: 5px 5px 5px 0;
}

.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #cccccc;
  margin-top: 5px;
  margin-right: -10px;
}

.dropdown-submenu:hover > a:after {
  border-left-color: #1c2345;
}

.dropdown-submenu.pull-left {
  float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  border-radius: 6px 0 6px 6px;
}

.dropdown .dropdown-menu .nav-header {
  padding-left: 20px;
  padding-right: 20px;
}

.typeahead {
  z-index: 1051;
  margin-top: 2px;
  border-radius: 0px;
}

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}

.collapse {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  transition: height 0.35s ease;
}
.collapse.in {
  height: auto;
}

.list-group {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding-left: 0;
}

.list-group-item-action {
  width: 100%;
  color: #555;
  text-align: inherit;
  box-sizing: border-box;
}
.list-group-item-action:hover, .list-group-item-action:focus {
  z-index: 1;
  color: #555;
  text-decoration: none;
  background-color: #eee;
}
.list-group-item-action:active {
  color: #333;
  background-color: #eee;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
  box-sizing: border-box;
}
.list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.list-group-item.disabled, .list-group-item:disabled {
  color: #999;
  pointer-events: none;
  background-color: #fff;
}
.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: theme-color("primary");
  border-color: theme-color("primary");
}

.list-group-flush .list-group-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.list-group-flush .list-group-item:last-child {
  margin-bottom: -1px;
}
.list-group-flush:first-child .list-group-item:first-child {
  border-top: 0;
}
.list-group-flush:last-child .list-group-item:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}

.btn {
  display: inline-block;
  padding: 4px 12px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 21px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 0px;
  color: #1c2345;
  background-color: #e6e9ed;
}
.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
  color: #1c2345;
  background-color: #ccd3de;
}
.btn:hover, .btn:focus {
  text-decoration: none;
}
.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn.active, .btn:active {
  background-image: none;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn.disabled, .btn[disabled] {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  box-shadow: none;
}

.btn-large {
  padding: 11px 19px;
  font-size: 17.5px;
  border-radius: 0px;
}

.btn-large [class^=icon-],
.btn-large [class*=" icon-"] {
  margin-top: 4px;
}

.btn-small {
  padding: 2px 10px;
  font-size: 11.9px;
  border-radius: 0px;
}

.btn-small [class^=icon-],
.btn-small [class*=" icon-"] {
  margin-top: 0;
}

.btn-mini [class^=icon-],
.btn-mini [class*=" icon-"] {
  margin-top: -1px;
}

.btn-mini {
  padding: 0 6px;
  font-size: 10.5px;
  border-radius: 0px;
}

.btn-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  box-sizing: border-box;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
  width: 100%;
}

.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
  color: rgba(255, 255, 255, 0.75);
}

.btn-primary {
  color: #ffffff;
  background-color: #1c2345;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
  color: #ffffff;
  background-color: #657287;
}

.btn-warning {
  color: #ffffff;
  background-color: #f06400;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
  color: #ffffff;
  background-color: #eb5100;
}

.btn-danger {
  color: #ffffff;
  background-color: #ee5f5b;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
  color: #ffffff;
  background-color: #bd362f;
}

.btn-success {
  color: #ffffff;
  background-color: #008427;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
  color: #ffffff;
  background-color: #006415;
}

.btn-info {
  color: #ffffff;
  background-color: #5bc0de;
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
  color: #ffffff;
  background-color: #2f96b4;
}

.btn-inverse {
  color: #ffffff;
  background-color: #444;
}
.btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
  color: #ffffff;
  background-color: #222;
}

.btn-link,
.btn-link:active,
.btn-link[disabled] {
  background-color: transparent;
  background-image: none;
  box-shadow: none;
}

.btn-link {
  border-color: transparent;
  cursor: pointer;
  color: #0058d3;
  border-radius: 0;
}

.btn-link:hover,
.btn-link:focus {
  color: #1c2345;
  text-decoration: underline;
  background-color: transparent;
}

.btn-link[disabled]:hover,
.btn-link[disabled]:focus {
  color: #384056;
  text-decoration: none;
}

.nav {
  margin-left: 0;
  margin-bottom: 21px;
  list-style: none;
}

.nav > li > a {
  display: block;
}

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #e6e9ed;
  border-radius: 4px;
}

.nav > li > a > img {
  max-width: none;
}

.nav > .pull-right {
  float: right;
}

.nav-header {
  display: block;
  padding: 3px 15px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.2;
  color: #657287;
  text-shadow: none;
  text-transform: uppercase;
  letter-spacing: 0.05rem;
}

.nav li + .nav-header {
  margin-top: 12px;
  margin-bottom: 8px;
}

.nav-list {
  padding-left: 12px;
  padding-right: 12px;
  margin-bottom: 0;
}

.nav-list > li > a,
.nav-list .nav-header {
  margin-left: -15px;
  margin-right: -15px;
  color: #1c2345;
}

.nav-list > li > a {
  padding: 3px 15px;
}

.nav-list > .active > a,
.nav-list > .active > a:hover,
.nav-list > .active > a:focus {
  color: #1c2345;
  background-color: #ccd3de;
  font-weight: 500;
  border-radius: 4px;
}

.nav-list [class^=icon-],
.nav-list [class*=" icon-"] {
  margin-right: 2px;
}

.nav-list .divider {
  height: 1px;
  margin: 9.5px 1px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #fff;
}

.nav-tabs:before, .nav-tabs:after,
.nav-pills:before,
.nav-pills:after {
  display: table;
  content: "";
  line-height: 0;
}
.nav-tabs:after,
.nav-pills:after {
  clear: both;
}

.nav-tabs > li,
.nav-pills > li {
  float: left;
}

.nav-tabs > li > a,
.nav-pills > li > a {
  line-height: 14px;
}

.nav-tabs {
  border-bottom: 1px solid #ccd3de;
  display: flex;
}

@media (max-width: 576px) {
  .nav-tabs {
    flex-direction: column;
  }
}
.nav-tabs > li > a {
  padding: 1rem 0;
  margin: 0 2.5rem -2px 0;
  line-height: 21px;
  border-bottom: 3px solid transparent;
  color: #657287;
  font-size: 1.125rem;
  font-weight: 500;
}
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
  background: none;
  color: #1c2345;
}

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
  color: #0058d3;
  background-color: #fff;
  border-bottom-color: #0058d3;
  cursor: default;
}

.nav-tabs.secondary > li > a {
  font-size: 0.875rem;
  margin-right: 1.5rem;
}

.nav-pills > li > a {
  padding: 8px 12px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 2px;
  border-radius: 5px;
}

.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.nav-pills > .active > a:focus {
  color: #fff;
  background-color: #0058d3;
}

.nav-stacked > li {
  float: none;
}

.nav-stacked > li > a {
  margin-right: 0;
}

.nav-tabs.nav-stacked {
  border-bottom: 0;
}

.nav-tabs.nav-stacked > li > a {
  border: 1px solid #ddd;
  border-radius: 0;
}

.nav-tabs.nav-stacked > li:first-child > a {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}

.nav-tabs.nav-stacked > li:last-child > a {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.nav-tabs.nav-stacked > li > a:hover,
.nav-tabs.nav-stacked > li > a:focus {
  border-color: #ddd;
  z-index: 2;
}

.nav-pills.nav-stacked > li > a {
  margin-bottom: 3px;
}

.nav-pills.nav-stacked > li:last-child > a {
  margin-bottom: 1px;
}

.nav-tabs .dropdown-menu {
  border-radius: 0 0 6px 6px;
}

.nav-pills .dropdown-menu {
  border-radius: 6px;
}

.nav .dropdown-toggle .caret {
  border-top-color: #0058d3;
  border-bottom-color: #0058d3;
  margin-top: 6px;
}

.nav .dropdown-toggle:hover .caret,
.nav .dropdown-toggle:focus .caret {
  border-top-color: #1c2345;
  border-bottom-color: #1c2345;
}

/* move down carets for tabs */
.nav-tabs .dropdown-toggle .caret {
  margin-top: 8px;
}

.nav .active .dropdown-toggle .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}

.nav-tabs .active .dropdown-toggle .caret {
  border-top-color: #555;
  border-bottom-color: #555;
}

.nav > .dropdown.active > a:hover,
.nav > .dropdown.active > a:focus {
  cursor: pointer;
}

.nav-tabs .open .dropdown-toggle,
.nav-pills .open .dropdown-toggle,
.nav > li.dropdown.open.active > a:hover,
.nav > li.dropdown.open.active > a:focus {
  color: #fff;
  background-color: #657287;
  border-color: #657287;
}

.nav li.dropdown.open .caret,
.nav li.dropdown.open.active .caret,
.nav li.dropdown.open a:hover .caret,
.nav li.dropdown.open a:focus .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
  opacity: 0.1;
}

.tabs-stacked .open > a:hover,
.tabs-stacked .open > a:focus {
  border-color: #657287;
}

.tabbable:before, .tabbable:after {
  display: table;
  content: "";
  line-height: 0;
}
.tabbable:after {
  clear: both;
}

.tab-content {
  overflow: auto;
}

.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
  border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}

.tab-content > .active,
.pill-content > .active {
  display: block;
}

.tabs-below > .nav-tabs {
  border-top: 1px solid #ddd;
}

.tabs-below > .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0;
}

.tabs-below > .nav-tabs > li > a {
  border-radius: 0 0 4px 4px;
}
.tabs-below > .nav-tabs > li > a:hover, .tabs-below > .nav-tabs > li > a:focus {
  border-bottom-color: transparent;
  border-top-color: #ddd;
}

.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
  border-color: transparent #ddd #ddd #ddd;
}

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd;
}

.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  border-radius: 4px 0 0 4px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
  border-color: #eee #ddd #eee #eee;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
  border-color: #ddd transparent #ddd #ddd;
}

.tabs-right > .nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #ddd;
}

.tabs-right > .nav-tabs > li > a {
  margin-left: -1px;
  border-radius: 0 4px 4px 0;
}

.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
  border-color: #eee #eee #eee #ddd;
}

.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
  border-color: #ddd #ddd #ddd transparent;
}

.nav > .disabled > a {
  color: #657287;
}

.nav > .disabled > a:hover,
.nav > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  cursor: default;
}

.panel {
  border: 1px solid #ccd3de;
  padding: 1.5rem;
  border-radius: 4px;
}
.panel .nav-tabs:first-child > li > a {
  padding-top: 0;
}

.navbar {
  overflow: visible;
  margin-bottom: 21px;
}

.navbar-inner {
  min-height: 40px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #fafafa;
  background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
  background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
  background-repeat: repeat-x;
  border: 1px solid #d4d4d4;
  border-radius: 0px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
}
.navbar-inner:before, .navbar-inner:after {
  display: table;
  content: "";
  line-height: 0;
}
.navbar-inner:after {
  clear: both;
}

.navbar .container {
  width: auto;
}

.nav-collapse.collapse {
  height: auto;
  overflow: visible;
}

.navbar .brand {
  float: left;
  display: block;
  padding: 9.5px 20px 9.5px;
  font-size: 20px;
  color: #777;
  line-height: 21px;
  text-shadow: none;
  max-width: 75%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.navbar .brand:hover, .navbar .brand:focus {
  text-decoration: none;
}

.navbar-text {
  margin-bottom: 0;
  line-height: 40px;
  color: #777;
}

.navbar-link {
  color: #777;
}
.navbar-link:hover, .navbar-link:focus {
  color: #333;
}

.navbar .divider-vertical {
  height: 40px;
  margin: 0 9px;
  border-left: 1px solid #f2f2f2;
  border-right: 1px solid #ffffff;
}

.navbar .btn {
  margin-top: 5px;
}

.navbar .input-prepend .btn,
.navbar .input-append .btn {
  margin-top: 0;
}

.navbar-form {
  margin-bottom: 0;
}
.navbar-form:before, .navbar-form:after {
  display: table;
  content: "";
  line-height: 0;
}
.navbar-form:after {
  clear: both;
}
.navbar-form input,
.navbar-form select,
.navbar-form .radio,
.navbar-form .checkbox {
  margin-top: 5px;
}
.navbar-form input,
.navbar-form select,
.navbar-form .btn {
  display: inline-block;
  margin-bottom: 0;
}
.navbar-form input[type=image],
.navbar-form input[type=checkbox],
.navbar-form input[type=radio] {
  margin-top: 3px;
}
.navbar-form .input-append,
.navbar-form .input-prepend {
  margin-top: 5px;
  white-space: nowrap;
}
.navbar-form .input-append input,
.navbar-form .input-prepend input {
  margin-top: 0;
}

.navbar-search {
  position: relative;
  float: left;
  margin-top: 5px;
  margin-bottom: 0;
}
.navbar-search .search-query {
  margin-bottom: 0;
  padding: 4px 14px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  line-height: 1;
  border-radius: 15px;
}

.navbar-static-top {
  position: static;
  margin-bottom: 0;
}
.navbar-static-top .navbar-inner {
  border-radius: 0;
}

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
  margin-bottom: 0;
}

.navbar-fixed-top .navbar-inner,
.navbar-static-top .navbar-inner {
  border-width: 0 0 1px;
}

.navbar-fixed-bottom .navbar-inner {
  border-width: 1px 0 0;
}

.navbar-fixed-top .navbar-inner,
.navbar-fixed-bottom .navbar-inner {
  padding-left: 0;
  padding-right: 0;
  border-radius: 0;
}

.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
  width: 940px;
}

.navbar-fixed-top {
  top: 0;
}

.navbar-fixed-top .navbar-inner,
.navbar-static-top .navbar-inner {
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}

.navbar-fixed-bottom {
  bottom: 0;
}
.navbar-fixed-bottom .navbar-inner {
  box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);
}

.navbar .nav {
  position: relative;
  left: 0;
  display: block;
  float: left;
  margin: 0 10px 0 0;
}

.navbar .nav.pull-right {
  float: right;
  margin-right: 0;
}

.navbar .nav > li {
  float: left;
}

.navbar .nav > li > a {
  float: none;
  padding: 9.5px 15px 9.5px;
  color: #777;
  text-decoration: none;
  text-shadow: 0 1px 0 #ffffff;
}

.navbar .nav .dropdown-toggle .caret {
  margin-top: 8px;
}

.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
  background-color: transparent;
  color: #333;
  text-decoration: none;
}

.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
  color: #555;
  text-decoration: none;
  background-color: #e6e6e6;
  box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
}

.navbar .btn-navbar {
  display: none;
  float: right;
  padding: 7px 10px;
  margin-left: 5px;
  margin-right: 5px;
  color: #ffffff;
  background-color: #f2f2f2;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
}
.navbar .btn-navbar:hover, .navbar .btn-navbar:focus, .navbar .btn-navbar:active, .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled] {
  color: #ffffff;
  background-color: #e6e6e6;
}

.navbar .btn-navbar .icon-bar {
  display: block;
  width: 18px;
  height: 2px;
  background-color: #f5f5f5;
  border-radius: 1px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}

.btn-navbar .icon-bar + .icon-bar {
  margin-top: 3px;
}

.navbar .nav > li > .dropdown-menu:before {
  content: "";
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 9px;
}
.navbar .nav > li > .dropdown-menu:after {
  content: "";
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  position: absolute;
  top: -6px;
  left: 10px;
}

.navbar-fixed-bottom .nav > li > .dropdown-menu:before {
  border-top: 7px solid #ccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  border-bottom: 0;
  bottom: -7px;
  top: auto;
}
.navbar-fixed-bottom .nav > li > .dropdown-menu:after {
  border-top: 6px solid #fff;
  border-bottom: 0;
  bottom: -6px;
  top: auto;
}

.navbar .nav li.dropdown > a:hover .caret,
.navbar .nav li.dropdown > a:focus .caret {
  border-top-color: #333;
  border-bottom-color: #333;
}

.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
  background-color: #e6e6e6;
  color: #555;
}

.navbar .nav li.dropdown > .dropdown-toggle .caret {
  border-top-color: #777;
  border-bottom-color: #777;
}

.navbar .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
  border-top-color: #555;
  border-bottom-color: #555;
}

.navbar .pull-right > li > .dropdown-menu,
.navbar .nav > li > .dropdown-menu.pull-right {
  left: auto;
  right: 0;
}
.navbar .pull-right > li > .dropdown-menu:before,
.navbar .nav > li > .dropdown-menu.pull-right:before {
  left: auto;
  right: 12px;
}
.navbar .pull-right > li > .dropdown-menu:after,
.navbar .nav > li > .dropdown-menu.pull-right:after {
  left: auto;
  right: 13px;
}
.navbar .pull-right > li > .dropdown-menu .dropdown-menu,
.navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu {
  left: auto;
  right: 100%;
  margin-left: 0;
  margin-right: -1px;
  border-radius: 6px 0 6px 6px;
}

.navbar-inverse .navbar-inner {
  background-color: #1c1c1c;
  background-image: -moz-linear-gradient(top, #222222, #111111);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111));
  background-image: -webkit-linear-gradient(top, #222222, #111111);
  background-image: -o-linear-gradient(top, #222222, #111111);
  background-image: linear-gradient(to bottom, #222222, #111111);
  background-repeat: repeat-x;
  border-color: #252525;
}
.navbar-inverse .brand,
.navbar-inverse .nav > li > a {
  color: #999;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.navbar-inverse .brand:hover, .navbar-inverse .brand:focus,
.navbar-inverse .nav > li > a:hover,
.navbar-inverse .nav > li > a:focus {
  color: #fff;
}
.navbar-inverse .brand {
  color: #999;
}
.navbar-inverse .navbar-text {
  color: #999;
}
.navbar-inverse .nav > li > a:focus,
.navbar-inverse .nav > li > a:hover {
  background-color: transparent;
  color: #fff;
}
.navbar-inverse .nav .active > a,
.navbar-inverse .nav .active > a:hover,
.navbar-inverse .nav .active > a:focus {
  color: #fff;
  background-color: #111111;
}
.navbar-inverse .navbar-link {
  color: #999;
}
.navbar-inverse .navbar-link:hover, .navbar-inverse .navbar-link:focus {
  color: #fff;
}
.navbar-inverse .divider-vertical {
  border-left-color: #111111;
  border-right-color: #222222;
}
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
  background-color: #111111;
  color: #fff;
}
.navbar-inverse .nav li.dropdown > a:hover .caret,
.navbar-inverse .nav li.dropdown > a:focus .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
  border-top-color: #999;
  border-bottom-color: #999;
}
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
.navbar-inverse .navbar-search .search-query {
  color: #fff;
  background-color: #515151;
  border-color: #111111;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
  -webkit-transition: none;
  transition: none;
}
.navbar-inverse .navbar-search .search-query:-moz-placeholder {
  color: #ccc;
}
.navbar-inverse .navbar-search .search-query:-ms-input-placeholder {
  color: #ccc;
}
.navbar-inverse .navbar-search .search-query::-webkit-input-placeholder {
  color: #ccc;
}
.navbar-inverse .navbar-search .search-query:focus, .navbar-inverse .navbar-search .search-query.focused {
  padding: 5px 15px;
  color: #384056;
  text-shadow: 0 1px 0 #fff;
  background-color: #fff;
  border: 0;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
}
.navbar-inverse .btn-navbar {
  color: #ffffff;
  background-color: #151515;
}
.navbar-inverse .btn-navbar:hover, .navbar-inverse .btn-navbar:focus, .navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active, .navbar-inverse .btn-navbar.disabled, .navbar-inverse .btn-navbar[disabled] {
  color: #ffffff;
  background-color: #040404;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #1c2345;
}
.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: 0.8;
}

.modal {
  position: fixed;
  top: 10%;
  left: 50%;
  z-index: 1050;
  width: 560px;
  margin-left: -280px;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 6px;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  background-clip: padding-box;
}
.modal.fade {
  -webkit-transition: "opacity .3s linear, top .3s ease-out";
  transition: "opacity .3s linear, top .3s ease-out";
  top: -25%;
}
.modal.fade.in {
  top: 10%;
}

.modal-header {
  padding: 9px 15px;
  border-bottom: 1px solid #eee;
}
.modal-header .close {
  margin-top: 2px;
}
.modal-header h3 {
  margin: 0;
  line-height: 30px;
}

.modal-body {
  position: relative;
  overflow-y: auto;
  max-height: 400px;
  padding: 15px;
}

.modal-form {
  margin-bottom: 0;
}

.modal-footer {
  padding: 14px 15px 15px;
  margin-bottom: 0;
  text-align: right;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-radius: 0 0 6px 6px;
  box-shadow: inset 0 1px 0 #fff;
}
.modal-footer:before, .modal-footer:after {
  display: table;
  content: "";
  line-height: 0;
}
.modal-footer:after {
  clear: both;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  visibility: visible;
  font-size: 11px;
  line-height: 1.4;
  opacity: 0;
}
.tooltip.in {
  opacity: 1;
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}

.tooltip-inner {
  max-width: 200px;
  padding: 8px;
  color: #fff;
  font-size: 1.2em !important;
  text-align: center;
  text-decoration: none;
  background-color: #000;
  border-radius: 0px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.hide {
  display: none;
}

.show {
  display: block;
}

.invisible {
  visibility: hidden;
}

.affix {
  position: fixed;
}

.display-flex {
  display: flex;
}

/*!
 * Bootstrap Responsive v2.3.1
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
@-ms-viewport {
  width: device-width;
}
.hidden {
  display: none;
  visibility: hidden;
}

.visible-phone {
  display: none !important;
}

.visible-tablet {
  display: none !important;
}

.hidden-desktop {
  display: none !important;
}

.visible-desktop {
  display: inherit !important;
}

@media (min-width: 768px) and (max-width: 979px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
  .visible-tablet {
    display: inherit !important;
  }
  .hidden-tablet {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
  .visible-phone {
    display: inherit !important;
  }
  .hidden-phone {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: inherit !important;
  }
  .hidden-print {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .row {
    margin-left: -20px;
  }
  .row:before, .row:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .row:after {
    clear: both;
  }
  [class*=span] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
  }
  .container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 940px;
  }
  .span12 {
    width: 940px;
  }
  .span11 {
    width: 860px;
  }
  .span10 {
    width: 780px;
  }
  .span9 {
    width: 700px;
  }
  .span8 {
    width: 620px;
  }
  .span7 {
    width: 540px;
  }
  .span6 {
    width: 460px;
  }
  .span5 {
    width: 380px;
  }
  .span4 {
    width: 300px;
  }
  .span3 {
    width: 220px;
  }
  .span2 {
    width: 140px;
  }
  .span1 {
    width: 60px;
  }
  .offset12 {
    margin-left: 980px;
  }
  .offset11 {
    margin-left: 900px;
  }
  .offset10 {
    margin-left: 820px;
  }
  .offset9 {
    margin-left: 740px;
  }
  .offset8 {
    margin-left: 660px;
  }
  .offset7 {
    margin-left: 580px;
  }
  .offset6 {
    margin-left: 500px;
  }
  .offset5 {
    margin-left: 420px;
  }
  .offset4 {
    margin-left: 340px;
  }
  .offset3 {
    margin-left: 260px;
  }
  .offset2 {
    margin-left: 180px;
  }
  .offset1 {
    margin-left: 100px;
  }
  .row-fluid {
    width: 100%;
  }
  .row-fluid:before, .row-fluid:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid [class*=span] {
    display: block;
    width: 100%;
    min-height: 31px;
    box-sizing: border-box;
    float: left;
    margin-left: 2.1276595745%;
  }
  .row-fluid [class*=span]:first-child {
    margin-left: 0;
  }
  .row-fluid .controls-row [class*=span] + [class*=span] {
    margin-left: 2.1276595745%;
  }
  .row-fluid .span12 {
    width: 100%;
  }
  .row-fluid .offset12 {
    margin-left: 104.2553191489%;
  }
  .row-fluid .offset12:first-child {
    margin-left: 102.1276595745%;
  }
  .row-fluid .span11 {
    width: 91.4893617021%;
  }
  .row-fluid .offset11 {
    margin-left: 95.7446808511%;
  }
  .row-fluid .offset11:first-child {
    margin-left: 93.6170212766%;
  }
  .row-fluid .span10 {
    width: 82.9787234043%;
  }
  .row-fluid .offset10 {
    margin-left: 87.2340425532%;
  }
  .row-fluid .offset10:first-child {
    margin-left: 85.1063829787%;
  }
  .row-fluid .span9 {
    width: 74.4680851064%;
  }
  .row-fluid .offset9 {
    margin-left: 78.7234042553%;
  }
  .row-fluid .offset9:first-child {
    margin-left: 76.5957446809%;
  }
  .row-fluid .span8 {
    width: 65.9574468085%;
  }
  .row-fluid .offset8 {
    margin-left: 70.2127659574%;
  }
  .row-fluid .offset8:first-child {
    margin-left: 68.085106383%;
  }
  .row-fluid .span7 {
    width: 57.4468085106%;
  }
  .row-fluid .offset7 {
    margin-left: 61.7021276596%;
  }
  .row-fluid .offset7:first-child {
    margin-left: 59.5744680851%;
  }
  .row-fluid .span6 {
    width: 48.9361702128%;
  }
  .row-fluid .offset6 {
    margin-left: 53.1914893617%;
  }
  .row-fluid .offset6:first-child {
    margin-left: 51.0638297872%;
  }
  .row-fluid .span5 {
    width: 40.4255319149%;
  }
  .row-fluid .offset5 {
    margin-left: 44.6808510638%;
  }
  .row-fluid .offset5:first-child {
    margin-left: 42.5531914894%;
  }
  .row-fluid .span4 {
    width: 31.914893617%;
  }
  .row-fluid .offset4 {
    margin-left: 36.170212766%;
  }
  .row-fluid .offset4:first-child {
    margin-left: 34.0425531915%;
  }
  .row-fluid .span3 {
    width: 23.4042553191%;
  }
  .row-fluid .offset3 {
    margin-left: 27.6595744681%;
  }
  .row-fluid .offset3:first-child {
    margin-left: 25.5319148936%;
  }
  .row-fluid .span2 {
    width: 14.8936170213%;
  }
  .row-fluid .offset2 {
    margin-left: 19.1489361702%;
  }
  .row-fluid .offset2:first-child {
    margin-left: 17.0212765957%;
  }
  .row-fluid .span1 {
    width: 6.3829787234%;
  }
  .row-fluid .offset1 {
    margin-left: 10.6382978723%;
  }
  .row-fluid .offset1:first-child {
    margin-left: 8.5106382979%;
  }
  input,
  textarea,
  .uneditable-input {
    margin-left: 0;
  }
  .controls-row [class*=span] + [class*=span] {
    margin-left: 20px;
  }
  input.span12,
  textarea.span12,
  .uneditable-input.span12 {
    width: 926px;
  }
  input.span11,
  textarea.span11,
  .uneditable-input.span11 {
    width: 846px;
  }
  input.span10,
  textarea.span10,
  .uneditable-input.span10 {
    width: 766px;
  }
  input.span9,
  textarea.span9,
  .uneditable-input.span9 {
    width: 686px;
  }
  input.span8,
  textarea.span8,
  .uneditable-input.span8 {
    width: 606px;
  }
  input.span7,
  textarea.span7,
  .uneditable-input.span7 {
    width: 526px;
  }
  input.span6,
  textarea.span6,
  .uneditable-input.span6 {
    width: 446px;
  }
  input.span5,
  textarea.span5,
  .uneditable-input.span5 {
    width: 366px;
  }
  input.span4,
  textarea.span4,
  .uneditable-input.span4 {
    width: 286px;
  }
  input.span3,
  textarea.span3,
  .uneditable-input.span3 {
    width: 206px;
  }
  input.span2,
  textarea.span2,
  .uneditable-input.span2 {
    width: 126px;
  }
  input.span1,
  textarea.span1,
  .uneditable-input.span1 {
    width: 46px;
  }
}
@media (max-width: 767px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom,
  .navbar-static-top {
    margin-left: -20px;
    margin-right: -20px;
  }
  .container-fluid {
    padding: 0;
  }
  .dl-horizontal dt {
    float: none;
    clear: none;
    width: auto;
    text-align: left;
  }
  .dl-horizontal dd {
    margin-left: 0;
  }
  .container {
    width: auto;
  }
  .row-fluid {
    width: 100%;
  }
  .row,
  .thumbnails {
    margin-left: 0;
  }
  .thumbnails > li {
    float: none;
    margin-left: 0;
  }
  [class*=span],
  .uneditable-input[class*=span],
  .row-fluid [class*=span] {
    float: none;
    display: block;
    width: 100%;
    margin-left: 0;
    box-sizing: border-box;
  }
  .span12,
  .row-fluid .span12 {
    width: 100%;
    box-sizing: border-box;
  }
  .row-fluid [class*=offset]:first-child {
    margin-left: 0;
  }
  .input-large,
  .input-xlarge,
  .input-xxlarge,
  input[class*=span],
  select[class*=span],
  textarea[class*=span],
  .uneditable-input {
    display: block;
    width: 100%;
    min-height: 31px;
    box-sizing: border-box;
  }
  .input-prepend input,
  .input-append input,
  .input-prepend input[class*=span],
  .input-append input[class*=span] {
    display: inline-block;
    width: auto;
  }
  .controls-row [class*=span] + [class*=span] {
    margin-left: 0;
  }
  .modal {
    position: fixed;
    top: 20px;
    left: 20px;
    right: 20px;
    width: auto;
    margin: 0;
  }
  .modal.fade {
    top: -100px;
  }
  .modal.fade.in {
    top: 20px;
  }
}
@media (max-width: 480px) {
  .nav-collapse {
    -webkit-transform: translate3d(0, 0, 0);
  }
  .page-header h1 small {
    display: block;
    line-height: 21px;
  }
  input[type=checkbox],
  input[type=radio] {
    border: 1px solid #ccc;
  }
  .form-horizontal .control-label {
    float: none;
    width: auto;
    padding-top: 0;
    text-align: left;
  }
  .form-horizontal .controls {
    margin-left: 0;
  }
  .form-horizontal .control-list {
    padding-top: 0;
  }
  .form-horizontal .form-actions {
    padding-left: 10px;
    padding-right: 10px;
  }
  .media .pull-left,
  .media .pull-right {
    float: none;
    display: block;
    margin-bottom: 10px;
  }
  .media-object {
    margin-right: 0;
    margin-left: 0;
  }
  .modal {
    top: 10px;
    left: 10px;
    right: 10px;
  }
  .modal-header .close {
    padding: 10px;
    margin: -10px;
  }
  .carousel-caption {
    position: static;
  }
}
@media (max-width: 767px) {
  body {
    padding-top: 0;
  }
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    position: static;
  }
  .navbar-fixed-top {
    margin-bottom: 21px;
  }
  .navbar-fixed-bottom {
    margin-top: 21px;
  }
  .navbar-fixed-top .navbar-inner,
  .navbar-fixed-bottom .navbar-inner {
    padding: 5px;
  }
  .navbar .container {
    width: auto;
    padding: 0;
  }
  .navbar .brand {
    padding-left: 10px;
    padding-right: 10px;
    margin: 0 0 0 -5px;
  }
  .nav-collapse {
    clear: both;
  }
  .nav-collapse .nav {
    float: none;
    margin: 0 0 10.5px;
  }
  .nav-collapse .nav > li {
    float: none;
  }
  .nav-collapse .nav > li > a {
    margin-bottom: 2px;
  }
  .nav-collapse .nav > .divider-vertical {
    display: none;
  }
  .nav-collapse .nav .nav-header {
    text-shadow: none;
  }
  .nav-collapse .nav > li > a,
  .nav-collapse .dropdown-menu a {
    padding: 9px 15px;
    border-radius: 3px;
  }
  .nav-collapse .btn {
    padding: 4px 10px 4px;
    font-weight: normal;
    border-radius: 0px;
  }
  .nav-collapse .dropdown-menu li + li a {
    margin-bottom: 2px;
  }
  .nav-collapse .nav > li > a:hover,
  .nav-collapse .nav > li > a:focus,
  .nav-collapse .dropdown-menu a:hover,
  .nav-collapse .dropdown-menu a:focus {
    background-color: #e6e9ed;
  }
  .navbar-inverse .nav-collapse .nav > li > a,
  .navbar-inverse .nav-collapse .dropdown-menu a {
    color: #999;
  }
  .navbar-inverse .nav-collapse .nav > li > a:hover,
  .navbar-inverse .nav-collapse .nav > li > a:focus,
  .navbar-inverse .nav-collapse .dropdown-menu a:hover,
  .navbar-inverse .nav-collapse .dropdown-menu a:focus {
    background-color: #111111;
  }
  .nav-collapse .dropdown-menu {
    position: static;
    top: auto;
    left: auto;
    float: none;
    display: none;
    max-width: none;
    margin: 0 15px;
    padding: 0;
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
  }
  .nav-collapse .open > .dropdown-menu {
    display: block;
  }
  .nav-collapse .dropdown-menu:before,
  .nav-collapse .dropdown-menu:after {
    display: none;
  }
  .nav-collapse .dropdown-menu .divider {
    display: none;
  }
  .nav-collapse .nav > li > .dropdown-menu:before, .nav-collapse .nav > li > .dropdown-menu:after {
    display: none;
  }
  .nav-collapse .navbar-form,
  .nav-collapse .navbar-search {
    float: none;
    padding: 10.5px 15px;
    margin: 10.5px 0;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  }
  .navbar-inverse .nav-collapse .navbar-form,
  .navbar-inverse .nav-collapse .navbar-search {
    border-top-color: #111111;
    border-bottom-color: #111111;
  }
  .navbar .nav-collapse .nav.pull-right {
    float: none;
    margin-left: 0;
  }
  .nav-collapse,
  .nav-collapse.collapse {
    overflow: hidden;
    height: 0;
  }
  .navbar .btn-navbar {
    display: block;
  }
  .navbar-static .navbar-inner {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 980px) {
  .nav-collapse.collapse {
    height: auto !important;
    overflow: visible !important;
  }
}
/* todo: Refactor var names to use 100–700 scale (like Violet) -- AB 7/2020 */
/* Neutral */
/* Cerulean */
/* Deep */
/* Orange */
/* todo: Update to Poppy -- AB 7/2020 */
/* Emerald */
/* Grass */
/* Magenta */
/* Violet */
.actblue-bignumber .number {
  display: inline-block;
  width: 0.7em;
  text-align: center;
}

table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
}

.table-bordered {
  border: 1px solid #ccd3de;
  border-collapse: separate;
  border-left: 0;
  border-radius: 0px;
}
.table-bordered th,
.table-bordered td {
  border-left: 1px solid #ccd3de;
}
.table-bordered caption + thead tr:first-child th,
.table-bordered caption + tbody tr:first-child th,
.table-bordered caption + tbody tr:first-child td,
.table-bordered colgroup + thead tr:first-child th,
.table-bordered colgroup + tbody tr:first-child th,
.table-bordered colgroup + tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
  border-top: 0;
}
.table-bordered thead:first-child tr:first-child > th:first-child,
.table-bordered tbody:first-child tr:first-child > td:first-child,
.table-bordered tbody:first-child tr:first-child > th:first-child {
  border-top-left-radius: 0px;
}
.table-bordered thead:first-child tr:first-child > th:last-child,
.table-bordered tbody:first-child tr:first-child > td:last-child,
.table-bordered tbody:first-child tr:first-child > th:last-child {
  border-top-right-radius: 0px;
}
.table-bordered thead:last-child tr:last-child > th:first-child,
.table-bordered tbody:last-child tr:last-child > td:first-child,
.table-bordered tbody:last-child tr:last-child > th:first-child,
.table-bordered tfoot:last-child tr:last-child > td:first-child,
.table-bordered tfoot:last-child tr:last-child > th:first-child {
  border-bottom-left-radius: 0px;
}
.table-bordered thead:last-child tr:last-child > th:last-child,
.table-bordered tbody:last-child tr:last-child > td:last-child,
.table-bordered tbody:last-child tr:last-child > th:last-child,
.table-bordered tfoot:last-child tr:last-child > td:last-child,
.table-bordered tfoot:last-child tr:last-child > th:last-child {
  border-bottom-right-radius: 0px;
}
.table-bordered tfoot + tbody:last-child tr:last-child td:first-child {
  border-bottom-left-radius: 0;
}
.table-bordered tfoot + tbody:last-child tr:last-child td:last-child {
  border-bottom-right-radius: 0;
}
.table-bordered caption + thead tr:first-child th:first-child,
.table-bordered caption + tbody tr:first-child td:first-child,
.table-bordered colgroup + thead tr:first-child th:first-child,
.table-bordered colgroup + tbody tr:first-child td:first-child {
  border-top-left-radius: 0px;
}
.table-bordered caption + thead tr:first-child th:last-child,
.table-bordered caption + tbody tr:first-child td:last-child,
.table-bordered colgroup + thead tr:first-child th:last-child,
.table-bordered colgroup + tbody tr:first-child td:last-child {
  border-top-right-radius: 0px;
}

.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}

.table-hover tbody tr:hover > td,
.table-hover tbody tr:hover > th {
  background-color: #ebf9fd;
}

table td[class*=span],
table th[class*=span],
.row-fluid table td[class*=span],
.row-fluid table th[class*=span] {
  display: table-cell;
  float: none;
  margin-left: 0;
}

.table td.span1,
.table th.span1 {
  float: none;
  width: 44px;
  margin-left: 0;
}
.table td.span2,
.table th.span2 {
  float: none;
  width: 124px;
  margin-left: 0;
}
.table td.span3,
.table th.span3 {
  float: none;
  width: 204px;
  margin-left: 0;
}
.table td.span4,
.table th.span4 {
  float: none;
  width: 284px;
  margin-left: 0;
}
.table td.span5,
.table th.span5 {
  float: none;
  width: 364px;
  margin-left: 0;
}
.table td.span6,
.table th.span6 {
  float: none;
  width: 444px;
  margin-left: 0;
}
.table td.span7,
.table th.span7 {
  float: none;
  width: 524px;
  margin-left: 0;
}
.table td.span8,
.table th.span8 {
  float: none;
  width: 604px;
  margin-left: 0;
}
.table td.span9,
.table th.span9 {
  float: none;
  width: 684px;
  margin-left: 0;
}
.table td.span10,
.table th.span10 {
  float: none;
  width: 764px;
  margin-left: 0;
}
.table td.span11,
.table th.span11 {
  float: none;
  width: 844px;
  margin-left: 0;
}
.table td.span12,
.table th.span12 {
  float: none;
  width: 924px;
  margin-left: 0;
}

.table tbody tr.success > td {
  background-color: #ebf9f1;
}
.table tbody tr.error > td {
  background-color: #fdecf2;
}
.table tbody tr.warning > td {
  background-color: #fdefe5;
}
.table tbody tr.info > td {
  background-color: #ebf9fd;
}

.table-hover tbody tr.success:hover > td {
  background-color: #d7f3e3;
}
.table-hover tbody tr.error:hover > td {
  background-color: #fbd5e2;
}
.table-hover tbody tr.warning:hover > td {
  background-color: #fbe0cd;
}
.table-hover tbody tr.info:hover > td {
  background-color: #d4f2fb;
}

.table-flat form, .table-flat tr, .table-flat th, .table-flat td {
  margin-top: 0px;
  margin-bottom: 0px;
}

.table {
  width: 100%;
  margin-bottom: 21px;
}
.table th,
.table td {
  padding: 8px;
  line-height: 21px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #ccd3de;
}
.table th {
  font-weight: bold;
}
.table thead th {
  vertical-align: bottom;
}
.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
  border-top: 0;
}
.table tbody + tbody {
  border-top: 2px solid #ccd3de;
}
.table .table {
  background-color: #fff;
}

.table-condensed th, .table-condensed td {
  padding: 4px 5px;
}
.table-condensed th {
  color: #666;
  font-weight: 400;
  border-bottom: 2px solid #CCC;
}

[class^=icon-],
[class*=" icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url(/assets/ui/glyphicons-halflings-c647ecca1a38283cb7709bd16b5195b35003c58f202d0ec9d896c838a0774fff.png);
  background-position: 14px 14px;
  background-repeat: no-repeat;
  margin-top: 1px;
}

/* White icons with optional class, or on hover/focus/active states of certain elements */
.icon-white,
.nav-pills > .active > a > [class^=icon-],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^=icon-],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^=icon-],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^=icon-],
.dropdown-menu > li > a:focus > [class^=icon-],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > li > a:focus > [class*=" icon-"],
.dropdown-menu > .active > a > [class^=icon-],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^=icon-],
.dropdown-submenu:focus > a > [class^=icon-],
.dropdown-submenu:hover > a > [class*=" icon-"],
.dropdown-submenu:focus > a > [class*=" icon-"] {
  background-image: url(/assets/ui/glyphicons-halflings-white-711e8e9bbdeae03ed49419c20cdd451403deb4969cdef3f98b652ecabc537db1.png);
}

.icon-glass {
  background-position: 0 0;
}

.icon-music {
  background-position: -24px 0;
}

.icon-search {
  background-position: -48px 0;
}

.icon-envelope {
  background-position: -72px 0;
}

.icon-heart {
  background-position: -96px 0;
}

.icon-star {
  background-position: -120px 0;
}

.icon-star-empty {
  background-position: -144px 0;
}

.icon-user {
  background-position: -168px 0;
}

.icon-film {
  background-position: -192px 0;
}

.icon-th-large {
  background-position: -216px 0;
}

.icon-th {
  background-position: -240px 0;
}

.icon-th-list {
  background-position: -264px 0;
}

.icon-ok {
  background-position: -288px 0;
}

.icon-remove {
  background-position: -312px 0;
}

.icon-zoom-in {
  background-position: -336px 0;
}

.icon-zoom-out {
  background-position: -360px 0;
}

.icon-off {
  background-position: -384px 0;
}

.icon-signal {
  background-position: -408px 0;
}

.icon-cog {
  background-position: -432px 0;
}

.icon-trash {
  background-position: -456px 0;
}

.icon-home {
  background-position: 0 -24px;
}

.icon-file {
  background-position: -24px -24px;
}

.icon-time {
  background-position: -48px -24px;
}

.icon-road {
  background-position: -72px -24px;
}

.icon-download-alt {
  background-position: -96px -24px;
}

.icon-download {
  background-position: -120px -24px;
}

.icon-upload {
  background-position: -144px -24px;
}

.icon-inbox {
  background-position: -168px -24px;
}

.icon-play-circle {
  background-position: -192px -24px;
}

.icon-repeat {
  background-position: -216px -24px;
}

.icon-refresh {
  background-position: -240px -24px;
}

.icon-list-alt {
  background-position: -264px -24px;
}

.icon-lock {
  background-position: -287px -24px;
}

.icon-flag {
  background-position: -312px -24px;
}

.icon-headphones {
  background-position: -336px -24px;
}

.icon-volume-off {
  background-position: -360px -24px;
}

.icon-volume-down {
  background-position: -384px -24px;
}

.icon-volume-up {
  background-position: -408px -24px;
}

.icon-qrcode {
  background-position: -432px -24px;
}

.icon-barcode {
  background-position: -456px -24px;
}

.icon-tag {
  background-position: 0 -48px;
}

.icon-tags {
  background-position: -25px -48px;
}

.icon-book {
  background-position: -48px -48px;
}

.icon-bookmark {
  background-position: -72px -48px;
}

.icon-print {
  background-position: -96px -48px;
}

.icon-camera {
  background-position: -120px -48px;
}

.icon-font {
  background-position: -144px -48px;
}

.icon-bold {
  background-position: -167px -48px;
}

.icon-italic {
  background-position: -192px -48px;
}

.icon-text-height {
  background-position: -216px -48px;
}

.icon-text-width {
  background-position: -240px -48px;
}

.icon-align-left {
  background-position: -264px -48px;
}

.icon-align-center {
  background-position: -288px -48px;
}

.icon-align-right {
  background-position: -312px -48px;
}

.icon-align-justify {
  background-position: -336px -48px;
}

.icon-list {
  background-position: -360px -48px;
}

.icon-indent-left {
  background-position: -384px -48px;
}

.icon-indent-right {
  background-position: -408px -48px;
}

.icon-facetime-video {
  background-position: -432px -48px;
}

.icon-picture {
  background-position: -456px -48px;
}

.icon-pencil {
  background-position: 0 -72px;
}

.icon-map-marker {
  background-position: -24px -72px;
}

.icon-adjust {
  background-position: -48px -72px;
}

.icon-tint {
  background-position: -72px -72px;
}

.icon-edit {
  background-position: -96px -72px;
}

.icon-share {
  background-position: -120px -72px;
}

.icon-check {
  background-position: -144px -72px;
}

.icon-move {
  background-position: -168px -72px;
}

.icon-step-backward {
  background-position: -192px -72px;
}

.icon-fast-backward {
  background-position: -216px -72px;
}

.icon-backward {
  background-position: -240px -72px;
}

.icon-play {
  background-position: -264px -72px;
}

.icon-pause {
  background-position: -288px -72px;
}

.icon-stop {
  background-position: -312px -72px;
}

.icon-forward {
  background-position: -336px -72px;
}

.icon-fast-forward {
  background-position: -360px -72px;
}

.icon-step-forward {
  background-position: -384px -72px;
}

.icon-eject {
  background-position: -408px -72px;
}

.icon-chevron-left {
  background-position: -432px -72px;
}

.icon-chevron-right {
  background-position: -456px -72px;
}

.icon-plus-sign {
  background-position: 0 -96px;
}

.icon-minus-sign {
  background-position: -24px -96px;
}

.icon-remove-sign {
  background-position: -48px -96px;
}

.icon-ok-sign {
  background-position: -72px -96px;
}

.icon-question-sign {
  background-position: -96px -96px;
}

.icon-info-sign {
  background-position: -120px -96px;
}

.icon-screenshot {
  background-position: -144px -96px;
}

.icon-remove-circle {
  background-position: -168px -96px;
}

.icon-ok-circle {
  background-position: -192px -96px;
}

.icon-ban-circle {
  background-position: -216px -96px;
}

.icon-arrow-left {
  background-position: -240px -96px;
}

.icon-arrow-right {
  background-position: -264px -96px;
}

.icon-arrow-up {
  background-position: -289px -96px;
}

.icon-arrow-down {
  background-position: -312px -96px;
}

.icon-share-alt {
  background-position: -336px -96px;
}

.icon-resize-full {
  background-position: -360px -96px;
}

.icon-resize-small {
  background-position: -384px -96px;
}

.icon-plus {
  background-position: -408px -96px;
}

.icon-minus {
  background-position: -433px -96px;
}

.icon-asterisk {
  background-position: -456px -96px;
}

.icon-exclamation-sign {
  background-position: 0 -120px;
}

.icon-gift {
  background-position: -24px -120px;
}

.icon-leaf {
  background-position: -48px -120px;
}

.icon-fire {
  background-position: -72px -120px;
}

.icon-eye-open {
  background-position: -96px -120px;
}

.icon-eye-close {
  background-position: -120px -120px;
}

.icon-warning-sign {
  background-position: -144px -120px;
}

.icon-plane {
  background-position: -168px -120px;
}

.icon-calendar {
  background-position: -192px -120px;
}

.icon-random {
  background-position: -216px -120px;
  width: 16px;
}

.icon-comment {
  background-position: -240px -120px;
}

.icon-magnet {
  background-position: -264px -120px;
}

.icon-chevron-up {
  background-position: -288px -120px;
}

.icon-chevron-down {
  background-position: -313px -119px;
}

.icon-retweet {
  background-position: -336px -120px;
}

.icon-shopping-cart {
  background-position: -360px -120px;
}

.icon-folder-close {
  background-position: -384px -120px;
  width: 16px;
}

.icon-folder-open {
  background-position: -408px -120px;
  width: 16px;
}

.icon-resize-vertical {
  background-position: -432px -119px;
}

.icon-resize-horizontal {
  background-position: -456px -118px;
}

.icon-hdd {
  background-position: 0 -144px;
}

.icon-bullhorn {
  background-position: -24px -144px;
}

.icon-bell {
  background-position: -48px -144px;
}

.icon-certificate {
  background-position: -72px -144px;
}

.icon-thumbs-up {
  background-position: -96px -144px;
}

.icon-thumbs-down {
  background-position: -120px -144px;
}

.icon-hand-right {
  background-position: -144px -144px;
}

.icon-hand-left {
  background-position: -168px -144px;
}

.icon-hand-up {
  background-position: -192px -144px;
}

.icon-hand-down {
  background-position: -216px -144px;
}

.icon-circle-arrow-right {
  background-position: -240px -144px;
}

.icon-circle-arrow-left {
  background-position: -264px -144px;
}

.icon-circle-arrow-up {
  background-position: -288px -144px;
}

.icon-circle-arrow-down {
  background-position: -312px -144px;
}

.icon-globe {
  background-position: -336px -144px;
}

.icon-wrench {
  background-position: -360px -144px;
}

.icon-tasks {
  background-position: -384px -144px;
}

.icon-filter {
  background-position: -408px -144px;
}

.icon-briefcase {
  background-position: -432px -144px;
}

.icon-fullscreen {
  background-position: -456px -144px;
}

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f7f8fa;
  border: 1px solid #e6e9ed;
  border-radius: 4px;
  box-shadow: none;
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}

.well-large {
  padding: 24px;
  border-radius: 0px;
}

.well-small {
  padding: 9px;
  border-radius: 0px;
}

.alert {
  padding: 8px 35px 8px 14px;
  margin-bottom: 21px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fdefe5;
  border: 1px solid #fad0b2;
  border-radius: 0px;
}

.alert,
.alert h4 {
  color: #1c2345;
}

.alert h4 {
  margin: 0;
}

.alert .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 21px;
}

.alert-success {
  background-color: #ebf9f1;
  border-color: #98ddb7;
  color: #1c2345;
}

.alert-success h4 {
  color: #1c2345;
}

.alert-danger,
.alert-error {
  background-color: #fdecf2;
  border-color: #f4b5cd;
  color: #1c2345;
}

.alert-danger h4,
.alert-error h4 {
  color: #1c2345;
}

.alert-info {
  background-color: #ebf9fd;
  border-color: #d9f2fb;
  color: #1c2345;
}

.alert-info h4 {
  color: #1c2345;
}

.alert-block {
  padding-top: 14px;
  padding-bottom: 14px;
}

.alert-block > p,
.alert-block > ul {
  margin-bottom: 0;
}

.alert-block p + p {
  margin-top: 5px;
}

.pagination {
  margin: 21px 0;
}

.pagination ul {
  display: inline-block;
  margin-left: 0;
  margin-bottom: 0;
  border-radius: 0px;
}

.pagination ul > li {
  display: inline;
}

.pagination ul > li > a,
.pagination ul > li > span {
  float: left;
  padding: 4px 12px;
  line-height: 21px;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
  border-left-width: 0;
}

.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {
  background-color: #f5f5f5;
}

.pagination ul > .active > a,
.pagination ul > .active > span {
  color: #657287;
  cursor: default;
}

.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus {
  color: #657287;
  background-color: transparent;
  cursor: default;
}

.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
  border-left-width: 1px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.pagination-centered {
  text-align: center;
}

.pagination-right {
  text-align: right;
}

.pagination-large ul > li > a,
.pagination-large ul > li > span {
  padding: 11px 19px;
  font-size: 17.5px;
}
.pagination-large ul > li:first-child > a,
.pagination-large ul > li:first-child > span {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.pagination-large ul > li:last-child > a,
.pagination-large ul > li:last-child > span {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.pagination-mini ul > li:first-child > a,
.pagination-mini ul > li:first-child > span,
.pagination-small ul > li:first-child > a,
.pagination-small ul > li:first-child > span {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.pagination-mini ul > li:last-child > a,
.pagination-mini ul > li:last-child > span,
.pagination-small ul > li:last-child > a,
.pagination-small ul > li:last-child > span {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.pagination-small ul > li > a,
.pagination-small ul > li > span {
  padding: 2px 10px;
  font-size: 11.9px;
}

.pagination-mini ul > li > a,
.pagination-mini ul > li > span {
  padding: 0 6px;
  font-size: 10.5px;
}

.pager {
  margin: 21px 0;
  list-style: none;
  text-align: center;
}
.pager:before, .pager:after {
  display: table;
  content: "";
  line-height: 0;
}
.pager:after {
  clear: both;
}

.pager li {
  display: inline;
}

.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}

.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #f5f5f5;
}

.pager .next > a,
.pager .next > span {
  float: right;
}

.pager .previous > a,
.pager .previous > span {
  float: left;
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #657287;
  background-color: #fff;
  cursor: default;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  white-space: normal;
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}

.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-title:empty {
  display: none;
}

.popover-content {
  padding: 9px 14px;
}

.popover .arrow,
.popover .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover .arrow {
  border-width: 11px;
}

.popover .arrow:after {
  border-width: 10px;
  content: "";
}

.popover.top .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}
.popover.top .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #fff;
}
.popover.right .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.right .arrow:after {
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #fff;
}
.popover.bottom .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}
.popover.bottom .arrow:after {
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #fff;
}
.popover.left .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left .arrow:after {
  right: 1px;
  border-right-width: 0;
  border-left-color: #fff;
  bottom: -10px;
}

.label,
.badge {
  display: inline-block;
  padding: 2px 4px;
  font-size: 11.844px;
  font-weight: bold;
  line-height: 14px;
  color: #fff;
  vertical-align: baseline;
  white-space: nowrap;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #657287;
}

.label {
  border-radius: 3px;
}

.badge {
  padding-left: 9px;
  padding-right: 9px;
  border-radius: 9px;
}

.label:empty,
.badge:empty {
  display: none;
}

a.label:hover, a.label:focus, a.badge:hover, a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.label-important, .badge-important {
  background-color: #db0a5b;
}

.label-important[href], .badge-important[href] {
  background-color: #ce0643;
}

.label-warning, .badge-warning {
  background-color: #f06400;
}

.label-warning[href], .badge-warning[href] {
  background-color: #eb5100;
}

.label-success, .badge-success {
  background-color: #008427;
}

.label-success[href], .badge-success[href] {
  background-color: #00711b;
}

.label-info, .badge-info {
  background-color: #0058d3;
}

.label-info[href], .badge-info[href] {
  background-color: #0644b1;
}

.label-inverse, .badge-inverse {
  background-color: #1c2345;
}

.label-inverse[href], .badge-inverse[href] {
  background-color: #384056;
}

.label-staff {
  background-color: #e73f00;
}

.btn .label,
.btn .badge {
  position: relative;
  top: -1px;
}

.btn-mini .label,
.btn-mini .badge {
  top: 0;
}

.carousel {
  position: relative;
  margin-bottom: 21px;
  line-height: 1;
}

.carousel-inner {
  overflow: hidden;
  width: 100%;
  position: relative;
}

.carousel-inner > .item {
  display: none;
  position: relative;
  -webkit-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  line-height: 1;
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}

.carousel-control {
  position: absolute;
  top: 40%;
  left: 15px;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  font-size: 60px;
  font-weight: 100;
  line-height: 30px;
  color: #fff;
  text-align: center;
  background: #222;
  border: 3px solid #fff;
  border-radius: 23px;
  opacity: 0.5;
}
.carousel-control.right {
  left: auto;
  right: 15px;
}
.carousel-control:hover, .carousel-control:focus {
  color: #fff;
  text-decoration: none;
  opacity: 0.9;
}

.carousel-indicators {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 5;
  margin: 0;
  list-style: none;
  cursor: pointer;
}
.carousel-indicators li {
  display: block;
  float: left;
  width: 10px;
  height: 10px;
  margin-left: 5px;
  text-indent: -999px;
  background-color: #ccc;
  background-color: rgba(255, 255, 255, 0.25);
  border-radius: 5px;
}
.carousel-indicators .active {
  background-color: #fff;
}

.carousel-caption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 15px;
  background: #384056;
  background: rgba(0, 0, 0, 0.75);
}

.carousel-caption h4,
.carousel-caption p {
  color: #fff;
  line-height: 21px;
}

.carousel-caption h4 {
  margin: 0 0 5px;
}

.carousel-caption p {
  margin-bottom: 0;
}

.close {
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 21px;
  color: #1c2345;
  text-shadow: 0 1px 0 rgb(255, 255, 255);
  opacity: 0.2;
}
.close:hover, .close:focus {
  color: #1c2345;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

/* todo: Refactor var names to use 100–700 scale (like Violet) -- AB 7/2020 */
/* Neutral */
/* Cerulean */
/* Deep */
/* Orange */
/* todo: Update to Poppy -- AB 7/2020 */
/* Emerald */
/* Grass */
/* Magenta */
/* Violet */
.actblue-bignumber .number {
  display: inline-block;
  width: 0.7em;
  text-align: center;
}

.btn-group > .btn:not(.dropdown-toggle) {
  display: inline-block;
}
.btn-group > .btn:not(.dropdown-toggle):first-child {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn:not(.dropdown-toggle):last-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group > .btn + .btn {
  margin-left: -2px;
}
.btn-group > .btn.active {
  background: #00a9e0;
  color: #fff;
  box-shadow: inherit;
}

/* todo: Refactor var names to use 100–700 scale (like Violet) -- AB 7/2020 */
/* Neutral */
/* Cerulean */
/* Deep */
/* Orange */
/* todo: Update to Poppy -- AB 7/2020 */
/* Emerald */
/* Grass */
/* Magenta */
/* Violet */
.actblue-bignumber .number {
  display: inline-block;
  width: 0.7em;
  text-align: center;
}

/* todo: Refactor var names to use 100–700 scale (like Violet) -- AB 7/2020 */
/* Neutral */
/* Cerulean */
/* Deep */
/* Orange */
/* todo: Update to Poppy -- AB 7/2020 */
/* Emerald */
/* Grass */
/* Magenta */
/* Violet */
/* todo: Refactor var names to use 100–700 scale (like Violet) -- AB 7/2020 */
/* Neutral */
/* Cerulean */
/* Deep */
/* Orange */
/* todo: Update to Poppy -- AB 7/2020 */
/* Emerald */
/* Grass */
/* Magenta */
/* Violet */
/* GENERAL */
/* FOCUS */
.focusShadow, #directory-container a.search-filter:focus, a:where(:not([data-blueprint=button])):focus, .bp-input--focus, .bp-input-wrapper:focus-within, body.auth-form #auth-form-pane #auth-form-wrapper .controls:focus-within {
  box-shadow: 0 0 0 1px #00a9e0;
  outline: none;
}

/* LAYOUT SIZES */
/*SHADOWS*/
/* (smallest)for atomic-level elements, like the toggle */
/* for tooltips*/
/* for dropdown menus and toasts */
/* (largest) for modals  */
/* TRANSITIONS */
/* FONT STACK */
.fontStackSystem, .bp-label, body.auth-form #auth-form-pane #auth-form-wrapper .control-label, .bp-highchart .highcharts-container {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

/* SHARED TYPE STYLES */
/* HEADINGS */
.typeHeadingMedium {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  color: #1c2345;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.6;
  text-decoration: none;
  font-weight: bold;
  line-height: 1.4;
  font-size: 1.125rem;
}

.typeHeadingSmall {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  color: #1c2345;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.6;
  text-decoration: none;
  font-weight: bold;
  line-height: 1.4;
  font-size: 0.875rem;
  color: #657287;
  text-transform: uppercase;
  letter-spacing: 0.05rem;
}

/* BODY STYLES */
.typeBody, body.auth-form #auth-form-pane #auth-form-wrapper .oauth-label, #directory-container .boxbody .box h4, .bp-input-tag, body.auth-form #auth-form-pane #auth-form-wrapper input {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  color: #1c2345;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.6;
  text-decoration: none;
  font-size: 1rem;
}

.typeSmall, body.auth-form #auth-form-pane #auth-form-wrapper ul.inline-errors, .skip-link {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  color: #1c2345;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.6;
  text-decoration: none;
  font-size: 0.875rem;
}

/* TYPE VARIANTS */
.typeStrong, #directory-container .boxbody .box h4, .skip-link {
  font-weight: 700;
}

.typeMuted, body.auth-form #auth-form-pane #auth-form-wrapper .oauth-label, #directory-container .boxbody .box h5, #directory-container .boxbody .header {
  color: #657287;
}

.typeErrored, body.auth-form #auth-form-pane #auth-form-wrapper ul.inline-errors {
  color: #ce0643;
}

/**
 * @license Highcharts
 *
 * (c) 2009-2016 Torstein Honsi
 *
 * License: www.highcharts.com/license
 */
.highcharts-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  text-align: left;
  line-height: normal;
  z-index: 0; /* #1072 */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
  font-size: 12px;
  user-select: none;
  touch-action: manipulation;
  outline: none;
}

.highcharts-root {
  display: block;
}

.highcharts-root text {
  stroke-width: 0;
}

.highcharts-strong {
  font-weight: bold;
}

.highcharts-emphasized {
  font-style: italic;
}

.highcharts-anchor {
  cursor: pointer;
}

.highcharts-background {
  fill: #ffffff;
}

.highcharts-plot-border, .highcharts-plot-background {
  fill: none;
}

.highcharts-label-box {
  fill: none;
}

.highcharts-button-box {
  fill: inherit;
}

.highcharts-tracker-line {
  stroke-linejoin: round;
  stroke: rgba(192, 192, 192, 0.0001);
  stroke-width: 22;
  fill: none;
}

.highcharts-tracker-area {
  fill: rgba(192, 192, 192, 0.0001);
  stroke-width: 0;
}

/* Titles */
.highcharts-title {
  fill: #333333;
  font-size: 1.5em;
}

.highcharts-subtitle {
  fill: #666666;
  font-size: 1em;
}

/* Axes */
.highcharts-axis-line {
  fill: none;
  stroke: #ccd6eb;
}

.highcharts-yaxis .highcharts-axis-line {
  stroke-width: 0;
}

.highcharts-axis-title {
  fill: #666666;
}

.highcharts-axis-labels {
  fill: #666666;
  cursor: default;
  font-size: 0.9em;
}

.highcharts-grid-line {
  fill: none;
  stroke: #e6e6e6;
}

.highcharts-xaxis-grid .highcharts-grid-line {
  stroke-width: 0px;
}

.highcharts-tick {
  stroke: #ccd6eb;
}

.highcharts-yaxis .highcharts-tick {
  stroke-width: 0;
}

.highcharts-minor-grid-line {
  stroke: #f2f2f2;
}

.highcharts-crosshair-thin {
  stroke-width: 1px;
  stroke: #cccccc;
}

.highcharts-crosshair-category {
  stroke: #ccd6eb;
  stroke-opacity: 0.25;
}

/* Credits */
.highcharts-credits {
  cursor: pointer;
  fill: #999999;
  font-size: 0.7em;
  transition: fill 250ms, font-size 250ms;
}

.highcharts-credits:hover {
  fill: black;
  font-size: 1em;
}

/* Tooltip */
.highcharts-tooltip {
  cursor: default;
  pointer-events: none;
  white-space: nowrap;
  transition: stroke 150ms;
}

.highcharts-tooltip text {
  fill: #333333;
}

.highcharts-tooltip .highcharts-header {
  font-size: 0.85em;
}

.highcharts-tooltip-box {
  stroke-width: 1px;
  fill: #f7f7f7;
  fill-opacity: 0.85;
}

.highcharts-tooltip-box .highcharts-label-box {
  fill: #f7f7f7;
  fill-opacity: 0.85;
}

div.highcharts-tooltip {
  filter: none;
}

.highcharts-selection-marker {
  fill: #335cad;
  fill-opacity: 0.25;
}

.highcharts-graph {
  fill: none;
  stroke-width: 2px;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.highcharts-empty-series {
  stroke-width: 1px;
  fill: none;
  stroke: #cccccc;
}

.highcharts-state-hover .highcharts-graph {
  stroke-width: 3;
}

.highcharts-point-inactive {
  opacity: 0.2;
  transition: opacity 50ms; /* quick in */
}

.highcharts-series-inactive {
  opacity: 0.2;
  transition: opacity 50ms; /* quick in */
}

.highcharts-state-hover path {
  transition: stroke-width 50ms; /* quick in */
}

.highcharts-state-normal path {
  transition: stroke-width 250ms; /* slow out */
}

/* Legend hover affects points and series */
g.highcharts-series,
.highcharts-point,
.highcharts-markers,
.highcharts-data-labels {
  transition: opacity 250ms;
}

.highcharts-legend-series-active g.highcharts-series:not(.highcharts-series-hover),
.highcharts-legend-point-active .highcharts-point:not(.highcharts-point-hover),
.highcharts-legend-series-active .highcharts-markers:not(.highcharts-series-hover),
.highcharts-legend-series-active .highcharts-data-labels:not(.highcharts-series-hover) {
  opacity: 0.2;
}

/* Series options */
/* Default colors */
.highcharts-color-0 {
  fill: #7cb5ec;
  stroke: #7cb5ec;
}

.highcharts-color-1 {
  fill: #434348;
  stroke: #434348;
}

.highcharts-color-2 {
  fill: #90ed7d;
  stroke: #90ed7d;
}

.highcharts-color-3 {
  fill: #f7a35c;
  stroke: #f7a35c;
}

.highcharts-color-4 {
  fill: #8085e9;
  stroke: #8085e9;
}

.highcharts-color-5 {
  fill: #f15c80;
  stroke: #f15c80;
}

.highcharts-color-6 {
  fill: #e4d354;
  stroke: #e4d354;
}

.highcharts-color-7 {
  fill: #2b908f;
  stroke: #2b908f;
}

.highcharts-color-8 {
  fill: #f45b5b;
  stroke: #f45b5b;
}

.highcharts-color-9 {
  fill: #91e8e1;
  stroke: #91e8e1;
}

.highcharts-area {
  fill-opacity: 0.75;
  stroke-width: 0;
}

.highcharts-markers {
  stroke-width: 1px;
  stroke: #ffffff;
}

.highcharts-a11y-markers-hidden .highcharts-point:not(.highcharts-point-hover):not(.highcharts-a11y-marker-visible),
.highcharts-a11y-marker-hidden {
  opacity: 0;
}

.highcharts-point {
  stroke-width: 1px;
}

.highcharts-dense-data .highcharts-point {
  stroke-width: 0;
}

.highcharts-data-label {
  font-size: 0.9em;
  font-weight: bold;
}

.highcharts-data-label-box {
  fill: none;
  stroke-width: 0;
}

.highcharts-data-label text, text.highcharts-data-label {
  fill: #333333;
}

.highcharts-data-label-connector {
  fill: none;
}

.highcharts-data-label-hidden {
  pointer-events: none;
}

.highcharts-halo {
  fill-opacity: 0.25;
  stroke-width: 0;
}

.highcharts-series:not(.highcharts-pie-series) .highcharts-point-select,
.highcharts-markers .highcharts-point-select {
  fill: #cccccc;
  stroke: #000000;
}

.highcharts-column-series rect.highcharts-point {
  stroke: #ffffff;
}

.highcharts-column-series .highcharts-point {
  transition: fill-opacity 250ms;
}

.highcharts-column-series .highcharts-point-hover {
  fill-opacity: 0.75;
  transition: fill-opacity 50ms;
}

.highcharts-pie-series .highcharts-point {
  stroke-linejoin: round;
  stroke: #ffffff;
}

.highcharts-pie-series .highcharts-point-hover {
  fill-opacity: 0.75;
  transition: fill-opacity 50ms;
}

.highcharts-funnel-series .highcharts-point {
  stroke-linejoin: round;
  stroke: #ffffff;
}

.highcharts-funnel-series .highcharts-point-hover {
  fill-opacity: 0.75;
  transition: fill-opacity 50ms;
}

.highcharts-funnel-series .highcharts-point-select {
  fill: inherit;
  stroke: inherit;
}

.highcharts-pyramid-series .highcharts-point {
  stroke-linejoin: round;
  stroke: #ffffff;
}

.highcharts-pyramid-series .highcharts-point-hover {
  fill-opacity: 0.75;
  transition: fill-opacity 50ms;
}

.highcharts-pyramid-series .highcharts-point-select {
  fill: inherit;
  stroke: inherit;
}

.highcharts-solidgauge-series .highcharts-point {
  stroke-width: 0;
}

.highcharts-treemap-series .highcharts-point {
  stroke-width: 1px;
  stroke: #e6e6e6;
  transition: stroke 250ms, fill 250ms, fill-opacity 250ms;
}

.highcharts-treemap-series .highcharts-point-hover {
  stroke: #999999;
  transition: stroke 25ms, fill 25ms, fill-opacity 25ms;
}

.highcharts-treemap-series .highcharts-above-level {
  display: none;
}

.highcharts-treemap-series .highcharts-internal-node {
  fill: none;
}

.highcharts-treemap-series .highcharts-internal-node-interactive {
  fill-opacity: 0.15;
  cursor: pointer;
}

.highcharts-treemap-series .highcharts-internal-node-interactive:hover {
  fill-opacity: 0.75;
}

.highcharts-vector-series .highcharts-point {
  fill: none;
  stroke-width: 2px;
}

.highcharts-windbarb-series .highcharts-point {
  fill: none;
  stroke-width: 2px;
}

.highcharts-lollipop-stem {
  stroke: #000000;
}

.highcharts-focus-border {
  fill: none;
  stroke-width: 2px;
}

.highcharts-legend-item-hidden .highcharts-focus-border {
  fill: none !important;
}

/* Legend */
.highcharts-legend-box {
  fill: none;
  stroke-width: 0;
}

.highcharts-legend-item > text {
  fill: #333333;
  font-weight: bold;
  font-size: 1em;
  cursor: pointer;
  stroke-width: 0;
}

.highcharts-legend-item:hover text {
  fill: #000000;
}

.highcharts-legend-item-hidden * {
  fill: #cccccc !important;
  stroke: #cccccc !important;
  transition: fill 250ms;
}

.highcharts-legend-nav-active {
  fill: #003399;
  cursor: pointer;
}

.highcharts-legend-nav-inactive {
  fill: #cccccc;
}

circle.highcharts-legend-nav-active, circle.highcharts-legend-nav-inactive { /* tracker */
  fill: rgba(192, 192, 192, 0.0001);
}

.highcharts-legend-title-box {
  fill: none;
  stroke-width: 0;
}

/* Bubble legend */
.highcharts-bubble-legend-symbol {
  stroke-width: 2;
  fill-opacity: 0.5;
}

.highcharts-bubble-legend-connectors {
  stroke-width: 1;
}

.highcharts-bubble-legend-labels {
  fill: #333333;
}

/* Loading */
.highcharts-loading {
  position: absolute;
  background-color: #ffffff;
  opacity: 0.5;
  text-align: center;
  z-index: 10;
  transition: opacity 250ms;
}

.highcharts-loading-hidden {
  height: 0 !important;
  opacity: 0;
  overflow: hidden;
  transition: opacity 250ms, height 250ms step-end;
}

.highcharts-loading-inner {
  font-weight: bold;
  position: relative;
  top: 45%;
}

/* Plot bands and polar pane backgrounds */
.highcharts-plot-band, .highcharts-pane {
  fill: #000000;
  fill-opacity: 0.05;
}

.highcharts-plot-line {
  fill: none;
  stroke: #999999;
  stroke-width: 1px;
}

/* Highcharts More and modules */
.highcharts-boxplot-box {
  fill: #ffffff;
}

.highcharts-boxplot-median {
  stroke-width: 2px;
}

.highcharts-bubble-series .highcharts-point {
  fill-opacity: 0.5;
}

.highcharts-errorbar-series .highcharts-point {
  stroke: #000000;
}

.highcharts-gauge-series .highcharts-data-label-box {
  stroke: #cccccc;
  stroke-width: 1px;
}

.highcharts-gauge-series .highcharts-dial {
  fill: #000000;
  stroke-width: 0;
}

.highcharts-polygon-series .highcharts-graph {
  fill: inherit;
  stroke-width: 0;
}

.highcharts-waterfall-series .highcharts-graph {
  stroke: #333333;
  stroke-dasharray: 1, 3;
}

.highcharts-sankey-series .highcharts-point {
  stroke-width: 0;
}

.highcharts-sankey-series .highcharts-link {
  transition: fill 250ms, fill-opacity 250ms;
  fill-opacity: 0.5;
}

.highcharts-sankey-series .highcharts-point-hover.highcharts-link {
  transition: fill 50ms, fill-opacity 50ms;
  fill-opacity: 1;
}

.highcharts-venn-series .highcharts-point {
  fill-opacity: 0.75;
  stroke: #cccccc;
  transition: stroke 250ms, fill-opacity 250ms;
}

.highcharts-venn-series .highcharts-point-hover {
  fill-opacity: 1;
  stroke: #cccccc;
}

/* Highstock */
.highcharts-navigator-mask-outside {
  fill-opacity: 0;
}

.highcharts-navigator-mask-inside {
  fill: #6685c2; /* navigator.maskFill option */
  fill-opacity: 0.25;
  cursor: ew-resize;
}

.highcharts-navigator-outline {
  stroke: #cccccc;
  fill: none;
}

.highcharts-navigator-handle {
  stroke: #cccccc;
  fill: #f2f2f2;
  cursor: ew-resize;
}

.highcharts-navigator-series {
  fill: #335cad;
  stroke: #335cad;
}

.highcharts-navigator-series .highcharts-graph {
  stroke-width: 1px;
}

.highcharts-navigator-series .highcharts-area {
  fill-opacity: 0.05;
}

.highcharts-navigator-xaxis .highcharts-axis-line {
  stroke-width: 0;
}

.highcharts-navigator-xaxis .highcharts-grid-line {
  stroke-width: 1px;
  stroke: #e6e6e6;
}

.highcharts-navigator-xaxis.highcharts-axis-labels {
  fill: #999999;
}

.highcharts-navigator-yaxis .highcharts-grid-line {
  stroke-width: 0;
}

.highcharts-scrollbar-thumb {
  fill: #cccccc;
  stroke: #cccccc;
  stroke-width: 1px;
}

.highcharts-scrollbar-button {
  fill: #e6e6e6;
  stroke: #cccccc;
  stroke-width: 1px;
}

.highcharts-scrollbar-arrow {
  fill: #666666;
}

.highcharts-scrollbar-rifles {
  stroke: #666666;
  stroke-width: 1px;
}

.highcharts-scrollbar-track {
  fill: #f2f2f2;
  stroke: #f2f2f2;
  stroke-width: 1px;
}

.highcharts-button {
  fill: #f7f7f7;
  stroke: #cccccc;
  cursor: default;
  stroke-width: 1px;
  transition: fill 250ms;
}

.highcharts-button text {
  fill: #333333;
}

.highcharts-button-hover {
  transition: fill 0ms;
  fill: #e6e6e6;
  stroke: #cccccc;
}

.highcharts-button-hover text {
  fill: #333333;
}

.highcharts-button-pressed {
  font-weight: bold;
  fill: #e6ebf5;
  stroke: #cccccc;
}

.highcharts-button-pressed text {
  fill: #333333;
  font-weight: bold;
}

.highcharts-button-disabled text {
  fill: #333333;
}

.highcharts-range-selector-buttons .highcharts-button {
  stroke-width: 0px;
}

.highcharts-range-label rect {
  fill: none;
}

.highcharts-range-label text {
  fill: #666666;
}

.highcharts-range-input rect {
  fill: none;
}

.highcharts-range-input text {
  fill: #333333;
}

.highcharts-range-input {
  stroke-width: 1px;
  stroke: #cccccc;
}

input.highcharts-range-selector {
  position: absolute;
  border: 0;
  width: 1px; /* Chrome needs a pixel to see it */
  height: 1px;
  padding: 0;
  text-align: center;
  left: -9em; /* #4798 */
}

.highcharts-crosshair-label text {
  fill: #ffffff;
  font-size: 1.1em;
}

.highcharts-crosshair-label .highcharts-label-box {
  fill: inherit;
}

.highcharts-candlestick-series .highcharts-point {
  stroke: #000000;
  stroke-width: 1px;
}

.highcharts-candlestick-series .highcharts-point-up {
  fill: #ffffff;
}

.highcharts-hollowcandlestick-series .highcharts-point-down {
  fill: #f21313;
  stroke: #f21313;
}

.highcharts-hollowcandlestick-series .highcharts-point-down-bearish-up {
  fill: #06b535;
  stroke: #06b535;
}

.highcharts-hollowcandlestick-series .highcharts-point-up {
  fill: transparent;
  stroke: #06b535;
}

.highcharts-ohlc-series .highcharts-point-hover {
  stroke-width: 3px;
}

.highcharts-flags-series .highcharts-point .highcharts-label-box {
  stroke: #999999;
  fill: #ffffff;
  transition: fill 250ms;
}

.highcharts-flags-series .highcharts-point-hover .highcharts-label-box {
  stroke: #000000;
  fill: #ccd6eb;
}

.highcharts-flags-series .highcharts-point text {
  fill: #000000;
  font-size: 0.9em;
  font-weight: bold;
}

/* Highmaps */
.highcharts-map-series .highcharts-point {
  transition: fill 500ms, fill-opacity 500ms, stroke-width 250ms;
  stroke: #cccccc;
}

.highcharts-map-series .highcharts-point-hover {
  transition: fill 0ms, fill-opacity 0ms;
  fill-opacity: 0.5;
  stroke-width: 2px;
}

.highcharts-mapline-series .highcharts-point {
  fill: none;
}

.highcharts-heatmap-series .highcharts-point {
  stroke-width: 0;
}

.highcharts-map-navigation {
  font-size: 1.3em;
  font-weight: bold;
  text-align: center;
}

.highcharts-coloraxis {
  stroke-width: 0;
}

.highcharts-coloraxis-marker {
  fill: #999999;
}

.highcharts-null-point {
  fill: #f7f7f7;
}

/* 3d charts */
.highcharts-3d-frame {
  fill: transparent;
}

/* Exporting module */
.highcharts-contextbutton {
  fill: #ffffff; /* needed to capture hover */
  stroke: none;
  stroke-linecap: round;
}

.highcharts-contextbutton:hover {
  fill: #e6e6e6;
  stroke: #e6e6e6;
}

.highcharts-button-symbol {
  stroke: #666666;
  stroke-width: 3px;
}

.highcharts-menu {
  border: 1px solid #999999;
  background: #ffffff;
  padding: 5px 0;
  box-shadow: 3px 3px 10px #888;
}

.highcharts-menu-item {
  padding: 0.5em 1em;
  background: none;
  color: #333333;
  cursor: pointer;
  transition: background 250ms, color 250ms;
}

.highcharts-menu-item:hover {
  background: #335cad;
  color: #ffffff;
}

/* Drilldown module */
.highcharts-drilldown-point {
  cursor: pointer;
}

.highcharts-drilldown-data-label text,
text.highcharts-drilldown-data-label,
.highcharts-drilldown-axis-label {
  cursor: pointer;
  fill: #003399;
  font-weight: bold;
  text-decoration: underline;
}

/* No-data module */
.highcharts-no-data text {
  font-weight: bold;
  font-size: 12px;
  fill: #666666;
}

/* Drag-panes module */
.highcharts-axis-resizer {
  cursor: ns-resize;
  stroke: black;
  stroke-width: 2px;
}

/* Bullet type series */
.highcharts-bullet-target {
  stroke-width: 0;
}

/* Lineargauge type series */
.highcharts-lineargauge-target {
  stroke-width: 1px;
  stroke: #333333;
}

.highcharts-lineargauge-target-line {
  stroke-width: 1px;
  stroke: #333333;
}

/* Annotations module */
.highcharts-annotation-label-box {
  stroke-width: 1px;
  stroke: #000000;
  fill: #000000;
  fill-opacity: 0.75;
}

.highcharts-annotation-label text {
  fill: #e6e6e6;
}

/* A11y module */
.highcharts-a11y-proxy-button {
  border-width: 0;
  background-color: transparent;
  cursor: pointer;
  outline: none;
  opacity: 0.001;
  z-index: 999;
  overflow: hidden;
  padding: 0;
  margin: 0;
  display: block;
  position: absolute;
}

.highcharts-a11y-proxy-group li {
  list-style: none;
}

.highcharts-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  white-space: nowrap;
  clip: rect(1px, 1px, 1px, 1px);
  margin-top: -3px;
  opacity: 0.01;
}

.highcharts-a11y-invisible {
  visibility: hidden;
}

.highcharts-a11y-proxy-container,
.highcharts-a11y-proxy-container-before,
.highcharts-a11y-proxy-container-after {
  position: absolute;
  white-space: nowrap;
}

g.highcharts-series, .highcharts-markers, .highcharts-point {
  outline: none;
}

/* Gantt */
.highcharts-treegrid-node-collapsed, .highcharts-treegrid-node-expanded {
  cursor: pointer;
}

.highcharts-point-connecting-path {
  fill: none;
}

.highcharts-grid-axis .highcharts-tick {
  stroke-width: 1px;
}

.highcharts-grid-axis .highcharts-axis-line {
  stroke-width: 1px;
}

/* HIGHCHARTS */
/* Blueprint style overrides for the Highcharts library */
/* For a usage example, you can check out app/javascript/components/Security/RemovalGraph.jsx */
.bp-highchart {
  /* TITLES */
  /* AXES */
  /* COLOR */
  /* TOOLTIP */
}
.bp-highchart .highcharts-title {
  fill: #1c2345;
}
.bp-highchart .highcharts-subtitle {
  fill: #1c2345;
}
.bp-highchart .highcharts-axis-line {
  stroke: #ccd3de;
}
.bp-highchart .highcharts-axis-title {
  fill: #657287;
}
.bp-highchart .highcharts-axis-labels {
  fill: #657287;
}
.bp-highchart .highcharts-grid-line {
  stroke: #ccd3de;
}
.bp-highchart .highcharts-tick {
  stroke: #e6e9ed;
}
.bp-highchart .highcharts-minor-grid-line {
  stroke: #e6e9ed;
}
.bp-highchart .highcharts-color-0 {
  fill: #00a9e0;
  stroke: #00a9e0;
}
.bp-highchart .highcharts-color-1 {
  fill: #98ddb7;
  stroke: #98ddb7;
}
.bp-highchart .highcharts-color-2 {
  fill: #7fd4ef;
  stroke: #7fd4ef;
}
.bp-highchart .highcharts-tooltip {
  transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.bp-highchart .highcharts-tooltip-box {
  fill: #384056;
  fill-opacity: 1;
  stroke-width: 0;
}
.bp-highchart .highcharts-tooltip text {
  fill: #ffffff;
  text-shadow: none;
}
.bp-highchart .highcharts-tooltip-0 {
  filter: drop-shadow(0 4px 8px rgba(28, 35, 69, 0.15));
  -webkit-filter: drop-shadow(0 4px 8px rgba(28, 35, 69, 0.15));
}

/* GENERAL */
/* FOCUS */
.focusShadow, #directory-container a.search-filter:focus, a:where(:not([data-blueprint=button])):focus, .bp-input--focus, .bp-input-wrapper:focus-within, body.auth-form #auth-form-pane #auth-form-wrapper .controls:focus-within {
  box-shadow: 0 0 0 1px #00a9e0;
  outline: none;
}

/* LAYOUT SIZES */
/*SHADOWS*/
/* (smallest)for atomic-level elements, like the toggle */
/* for tooltips*/
/* for dropdown menus and toasts */
/* (largest) for modals  */
/* TRANSITIONS */
/* FONT STACK */
.fontStackSystem, .bp-label, body.auth-form #auth-form-pane #auth-form-wrapper .control-label, .bp-highchart .highcharts-container {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

/* SHARED TYPE STYLES */
/* HEADINGS */
.typeHeadingMedium {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  color: #1c2345;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.6;
  text-decoration: none;
  font-weight: bold;
  line-height: 1.4;
  font-size: 1.125rem;
}

.typeHeadingSmall {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  color: #1c2345;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.6;
  text-decoration: none;
  font-weight: bold;
  line-height: 1.4;
  font-size: 0.875rem;
  color: #657287;
  text-transform: uppercase;
  letter-spacing: 0.05rem;
}

/* BODY STYLES */
.typeBody, body.auth-form #auth-form-pane #auth-form-wrapper .oauth-label, #directory-container .boxbody .box h4, .bp-input-tag, body.auth-form #auth-form-pane #auth-form-wrapper input {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  color: #1c2345;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.6;
  text-decoration: none;
  font-size: 1rem;
}

.typeSmall, body.auth-form #auth-form-pane #auth-form-wrapper ul.inline-errors, .skip-link {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  color: #1c2345;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.6;
  text-decoration: none;
  font-size: 0.875rem;
}

/* TYPE VARIANTS */
.typeStrong, #directory-container .boxbody .box h4, .skip-link {
  font-weight: 700;
}

.typeMuted, body.auth-form #auth-form-pane #auth-form-wrapper .oauth-label, #directory-container .boxbody .box h5, #directory-container .boxbody .header {
  color: #657287;
}

.typeErrored, body.auth-form #auth-form-pane #auth-form-wrapper ul.inline-errors {
  color: #ce0643;
}

/* todo: Refactor var names to use 100–700 scale (like Violet) -- AB 7/2020 */
/* Neutral */
/* Cerulean */
/* Deep */
/* Orange */
/* todo: Update to Poppy -- AB 7/2020 */
/* Emerald */
/* Grass */
/* Magenta */
/* Violet */
/* GENERAL */
/* FOCUS */
.focusShadow, #directory-container a.search-filter:focus, a:where(:not([data-blueprint=button])):focus, .bp-input--focus, .bp-input-wrapper:focus-within, body.auth-form #auth-form-pane #auth-form-wrapper .controls:focus-within {
  box-shadow: 0 0 0 1px #00a9e0;
  outline: none;
}

/* LAYOUT SIZES */
/*SHADOWS*/
/* (smallest)for atomic-level elements, like the toggle */
/* for tooltips*/
/* for dropdown menus and toasts */
/* (largest) for modals  */
/* TRANSITIONS */
/* todo: Refactor var names to use 100–700 scale (like Violet) -- AB 7/2020 */
/* Neutral */
/* Cerulean */
/* Deep */
/* Orange */
/* todo: Update to Poppy -- AB 7/2020 */
/* Emerald */
/* Grass */
/* Magenta */
/* Violet */
.actblue-bignumber .number {
  display: inline-block;
  width: 0.7em;
  text-align: center;
}

.blueprint.alert {
  color: #1c2345;
  border-radius: 4px;
  padding: 12px;
  font-size: 16px;
  position: relative;
}
.blueprint.alert a {
  color: #1c2345;
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .blueprint.alert {
    padding: 20px;
  }
}
.blueprint.alert .close {
  opacity: 1;
}

.blueprint.alert.alert-dismissable:not(.alert-flex) {
  padding-right: 40px;
}
@media screen and (min-width: 768px) {
  .blueprint.alert.alert-dismissable:not(.alert-flex) {
    padding-right: 48px;
  }
}
.blueprint.alert.alert-dismissable:not(.alert-flex) .close {
  position: absolute;
  top: 12px;
  right: 12px;
}
@media screen and (min-width: 768px) {
  .blueprint.alert.alert-dismissable:not(.alert-flex) .close {
    top: 20px;
    right: 20px;
  }
}

.blueprint.alert.alert-flex {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.blueprint.alert.alert-flex .alert-icon,
.blueprint.alert.alert-flex .alert-badge {
  margin-right: 12px;
  flex-shrink: 0;
}
.blueprint.alert.alert-flex .alert-icon {
  margin-top: 2px;
}
.blueprint.alert.alert-flex .close {
  position: relative;
  top: 0;
  right: 0;
  flex-shrink: 0;
  margin-left: 12px;
}

.alert-flex-content {
  flex-grow: 1;
}

.blueprint.alert.alert-warning .alert-icon,
.blueprint.alert.alert-warning .close i {
  color: #f06400;
}

.blueprint.alert.alert-danger .alert-icon,
.blueprint.alert.alert-danger .close i {
  color: #db0a5b;
}

.blueprint.alert.alert-info .alert-icon,
.blueprint.alert.alert-info .close i {
  color: #0058d3;
}

.blueprint.alert.alert-success .alert-icon,
.blueprint.alert.alert-success .close i {
  color: #008427;
}

/* todo: Refactor var names to use 100–700 scale (like Violet) -- AB 7/2020 */
/* Neutral */
/* Cerulean */
/* Deep */
/* Orange */
/* todo: Update to Poppy -- AB 7/2020 */
/* Emerald */
/* Grass */
/* Magenta */
/* Violet */
/* GENERAL */
/* FOCUS */
.focusShadow, #directory-container a.search-filter:focus, a:where(:not([data-blueprint=button])):focus, .bp-input--focus, .bp-input-wrapper:focus-within, body.auth-form #auth-form-pane #auth-form-wrapper .controls:focus-within {
  box-shadow: 0 0 0 1px #00a9e0;
  outline: none;
}

/* LAYOUT SIZES */
/*SHADOWS*/
/* (smallest)for atomic-level elements, like the toggle */
/* for tooltips*/
/* for dropdown menus and toasts */
/* (largest) for modals  */
/* TRANSITIONS */
/* TODO: remove the typography import when the donor csv feedback link is removed from the downloads page or when the downloads page is fully react and we can replace bage with a blueprint badge */
/* FONT STACK */
.fontStackSystem, .bp-label, body.auth-form #auth-form-pane #auth-form-wrapper .control-label, .bp-highchart .highcharts-container {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

/* SHARED TYPE STYLES */
/* HEADINGS */
.typeHeadingMedium {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  color: #1c2345;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.6;
  text-decoration: none;
  font-weight: bold;
  line-height: 1.4;
  font-size: 1.125rem;
}

.typeHeadingSmall {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  color: #1c2345;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.6;
  text-decoration: none;
  font-weight: bold;
  line-height: 1.4;
  font-size: 0.875rem;
  color: #657287;
  text-transform: uppercase;
  letter-spacing: 0.05rem;
}

/* BODY STYLES */
.typeBody, body.auth-form #auth-form-pane #auth-form-wrapper .oauth-label, #directory-container .boxbody .box h4, .bp-input-tag, body.auth-form #auth-form-pane #auth-form-wrapper input {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  color: #1c2345;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.6;
  text-decoration: none;
  font-size: 1rem;
}

.typeSmall, body.auth-form #auth-form-pane #auth-form-wrapper ul.inline-errors, .skip-link {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  color: #1c2345;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.6;
  text-decoration: none;
  font-size: 0.875rem;
}

/* TYPE VARIANTS */
.typeStrong, #directory-container .boxbody .box h4, .skip-link {
  font-weight: 700;
}

.typeMuted, body.auth-form #auth-form-pane #auth-form-wrapper .oauth-label, #directory-container .boxbody .box h5, #directory-container .boxbody .header {
  color: #657287;
}

.typeErrored, body.auth-form #auth-form-pane #auth-form-wrapper ul.inline-errors {
  color: #ce0643;
}

/* BADGE BASIC STYLES */
/* COLOR VARIATAIONS */
/* TODO: remove the .blueprint.badge.new class when the donor csv feedback link is removed from the downloads page or when the downloads page is fully react and we can replace bage with a blueprint badge */
.blueprint.badge.new {
  background: #F8F6FC;
  color: #7D55C7;
}

.blueprint.badge {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  box-sizing: border-box;
  font-size: 12px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 6px;
  line-height: 1;
  font-weight: 600;
  flex-shrink: 0;
  border-radius: 4px;
  background: #ebf9fd;
  color: #0058d3;
}
.blueprint.badge .success {
  background: #ebf9f1;
  color: #00711b;
}
.blueprint.badge .warning {
  background: #fdefe5;
  color: #1c2345;
}
.blueprint.badge .error {
  background: #fdecf2;
  color: #ce0643;
}
.blueprint.badge .neutral {
  background: #f7f8fa;
  color: #657287;
}
.blueprint.badge .new {
  background: #F8F6FC;
  color: #7D55C7;
}

/* INVERSE COLOR VARIATIONS */
.blueprint.badge.inverse {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  box-sizing: border-box;
  font-size: 12px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 6px;
  line-height: 1;
  font-weight: 600;
  flex-shrink: 0;
  border-radius: 4px;
  background: #ebf9fd;
  color: #0058d3;
  background: #0058d3;
  color: #ffffff;
}
.blueprint.badge.inverse .success {
  background: #008427;
}
.blueprint.badge.inverse .warning {
  background: #eb5100;
}
.blueprint.badge.inverse .error {
  background: #db0a5b;
}
.blueprint.badge.inverse .neutral {
  background: #657287;
}
.blueprint.badge.inverse .new {
  background: #7D55C7;
}

/* todo: Refactor var names to use 100–700 scale (like Violet) -- AB 7/2020 */
/* Neutral */
/* Cerulean */
/* Deep */
/* Orange */
/* todo: Update to Poppy -- AB 7/2020 */
/* Emerald */
/* Grass */
/* Magenta */
/* Violet */
/* GENERAL */
/* FOCUS */
.focusShadow, #directory-container a.search-filter:focus, a:where(:not([data-blueprint=button])):focus, .bp-input--focus, .bp-input-wrapper:focus-within, body.auth-form #auth-form-pane #auth-form-wrapper .controls:focus-within {
  box-shadow: 0 0 0 1px #00a9e0;
  outline: none;
}

/* LAYOUT SIZES */
/*SHADOWS*/
/* (smallest)for atomic-level elements, like the toggle */
/* for tooltips*/
/* for dropdown menus and toasts */
/* (largest) for modals  */
/* TRANSITIONS */
.bp-button, body.auth-form #auth-form-pane #auth-form-wrapper input[type=submit], .bp-button--google {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  color: #1c2345;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.6;
  text-decoration: none;
  align-items: center;
  background: #1c2345;
  border-radius: 4px;
  border: none;
  box-sizing: border-box;
  color: #ffffff;
  cursor: pointer;
  display: inline-flex;
  flex-shrink: 0;
  font-size: 1rem;
  font-weight: 500;
  justify-content: center;
  line-height: 1.2;
  min-height: 44px;
  padding: 0.75rem 1.5rem;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: background 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.bp-button:hover, body.auth-form #auth-form-pane #auth-form-wrapper input[type=submit]:hover, .bp-button--google:hover, .bp-button:active, body.auth-form #auth-form-pane #auth-form-wrapper input[type=submit]:active, .bp-button--google:active, .bp-button:focus, body.auth-form #auth-form-pane #auth-form-wrapper input[type=submit]:focus, .bp-button--google:focus {
  text-decoration: none;
}
.bp-button:hover, body.auth-form #auth-form-pane #auth-form-wrapper input[type=submit]:hover, .bp-button--google:hover {
  background: #384056;
  color: #ffffff;
}
.bp-button:active, body.auth-form #auth-form-pane #auth-form-wrapper input[type=submit]:active, .bp-button--google:active {
  background: #657287;
  color: #ffffff;
}
.bp-button:focus, body.auth-form #auth-form-pane #auth-form-wrapper input[type=submit]:focus, .bp-button--google:focus {
  box-shadow: inset 0 0 0 2px #00a9e0, inset 0 0 0 4px #ffffff;
  color: #ffffff;
  outline: none;
}

/* SIZE VARIATIONS */
.bp-button--small {
  min-height: 28px;
  font-size: 14px;
  padding: 0.25rem 1rem 0.3125rem;
}

.bp-button--large {
  min-height: 54px;
  font-weight: 700;
}

/* PRIMARY VARIATIONS */
.bp-button--alt {
  background: #0058d3;
  color: #ffffff;
}
.bp-button--alt:hover {
  background: #0644b1;
  color: #ffffff;
}
.bp-button--alt:active {
  background: #0c308f;
  color: #ffffff;
}
.bp-button--alt:focus {
  color: #ffffff;
}

.bp-button--positive {
  background: #008427;
  color: #ffffff;
}
.bp-button--positive:hover {
  background: #00711b;
  color: #ffffff;
}
.bp-button--positive:active {
  background: #006415;
  color: #ffffff;
}
.bp-button--positive:focus {
  color: #ffffff;
}

.bp-button--negative {
  background: #db0a5b;
  color: #ffffff;
}
.bp-button--negative:hover {
  background: #ce0643;
  color: #ffffff;
}
.bp-button--negative:active {
  background: #c2022c;
  color: #ffffff;
}
.bp-button--negative:focus {
  color: #ffffff;
}

/* SECONDARY VARIATIONS */
.bp-button-secondary {
  background: #e6e9ed;
  color: #1c2345;
}
.bp-button-secondary:hover {
  background: #ccd3de;
  color: #1c2345;
}
.bp-button-secondary:active {
  background: #8894a8;
  color: #1c2345;
}
.bp-button-secondary:focus {
  color: #1c2345;
}
.bp-button-secondary .bp-button-secondary--alt {
  background: #ebf9fd;
  color: #0058d3;
}
.bp-button-secondary .bp-button-secondary--alt:hover {
  background: #d9f2fb;
  color: #1c2345;
}
.bp-button-secondary .bp-button-secondary--alt:active {
  background: #7fd4ef;
  color: #1c2345;
}
.bp-button-secondary .bp-button-secondary--alt:focus {
  color: #0058d3;
}
.bp-button-secondary .bp-button-secondary--positive {
  background: #ebf9f1;
  color: #00711b;
}
.bp-button-secondary .bp-button-secondary--positive:hover {
  background: #98ddb7;
  color: #1c2345;
}
.bp-button-secondary .bp-button-secondary--positive:active {
  background: #4ec583;
  color: #1c2345;
}
.bp-button-secondary .bp-button-secondary--positive:focus {
  color: #00711b;
}
.bp-button-secondary .bp-button-secondary--negative {
  background: #fdecf2;
  color: #ce0643;
}
.bp-button-secondary .bp-button-secondary--negative:hover {
  background: #f4b5cd;
  color: #1c2345;
}
.bp-button-secondary .bp-button-secondary--negative:active {
  background: #ed84ad;
  color: #1c2345;
}
.bp-button-secondary .bp-button-secondary--negative:focus {
  color: #ce0643;
}

/* TERTIARY VARIATIONS */
.bp-button-tertiary, .bp-button-tertiary--negative, .bp-button-tertiary--positive, .bp-button-tertiary--alt {
  background: none;
  border-radius: 0;
  color: #657287;
  padding-right: 0;
  padding-left: 0;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.bp-button-tertiary:hover, .bp-button-tertiary--negative:hover, .bp-button-tertiary--positive:hover, .bp-button-tertiary--alt:hover {
  background: none;
  color: #1c2345;
}
.bp-button-tertiary:active, .bp-button-tertiary--negative:active, .bp-button-tertiary--positive:active, .bp-button-tertiary--alt:active {
  background: none;
  color: #1c2345;
}
.bp-button-tertiary:focus, .bp-button-tertiary--negative:focus, .bp-button-tertiary--positive:focus, .bp-button-tertiary--alt:focus {
  box-shadow: inset 0 -2px 0 0 #00a9e0;
  color: #1c2345;
}

.bp-button-tertiary--alt {
  color: #0058d3;
}

.bp-button-tertiary--positive {
  color: #00711b;
}

.bp-button-tertiary--negative {
  color: #ce0643;
}

/* BRANDED VARIATIONS */
/* GOGGLE OAUTH */
.bp-button--google {
  background: #ffffff;
  size: 14px;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  color: #657287;
  border: 1px solid #e6e9ed;
  box-shadow: 1px 1px 1px #e6e9ed;
}
.bp-button--google:hover {
  background: #e6e9ed;
  box-shadow: 1px 1px 1px #ccd3de;
  color: #1c2345;
}
.bp-button--google:active {
  background: #ccd3de;
}
.bp-button--google:focus {
  background: #ffffff;
  color: #1c2345;
}
.bp-button--google svg {
  position: absolute;
  top: 10px;
  left: 13px;
}

/* todo: Refactor var names to use 100–700 scale (like Violet) -- AB 7/2020 */
/* Neutral */
/* Cerulean */
/* Deep */
/* Orange */
/* todo: Update to Poppy -- AB 7/2020 */
/* Emerald */
/* Grass */
/* Magenta */
/* Violet */
/* GENERAL */
/* FOCUS */
.focusShadow, #directory-container a.search-filter:focus, a:where(:not([data-blueprint=button])):focus, .bp-input--focus, .bp-input-wrapper:focus-within, body.auth-form #auth-form-pane #auth-form-wrapper .controls:focus-within {
  box-shadow: 0 0 0 1px #00a9e0;
  outline: none;
}

/* LAYOUT SIZES */
/*SHADOWS*/
/* (smallest)for atomic-level elements, like the toggle */
/* for tooltips*/
/* for dropdown menus and toasts */
/* (largest) for modals  */
/* TRANSITIONS */
/* FONT STACK */
.fontStackSystem, .bp-label, body.auth-form #auth-form-pane #auth-form-wrapper .control-label, .bp-highchart .highcharts-container {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

/* SHARED TYPE STYLES */
/* HEADINGS */
.typeHeadingMedium {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  color: #1c2345;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.6;
  text-decoration: none;
  font-weight: bold;
  line-height: 1.4;
  font-size: 1.125rem;
}

.typeHeadingSmall {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  color: #1c2345;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.6;
  text-decoration: none;
  font-weight: bold;
  line-height: 1.4;
  font-size: 0.875rem;
  color: #657287;
  text-transform: uppercase;
  letter-spacing: 0.05rem;
}

/* BODY STYLES */
.typeBody, body.auth-form #auth-form-pane #auth-form-wrapper .oauth-label, #directory-container .boxbody .box h4, .bp-input-tag, body.auth-form #auth-form-pane #auth-form-wrapper input {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  color: #1c2345;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.6;
  text-decoration: none;
  font-size: 1rem;
}

.typeSmall, body.auth-form #auth-form-pane #auth-form-wrapper ul.inline-errors, .skip-link {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  color: #1c2345;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.6;
  text-decoration: none;
  font-size: 0.875rem;
}

/* TYPE VARIANTS */
.typeStrong, #directory-container .boxbody .box h4, .skip-link {
  font-weight: 700;
}

.typeMuted, body.auth-form #auth-form-pane #auth-form-wrapper .oauth-label, #directory-container .boxbody .box h5, #directory-container .boxbody .header {
  color: #657287;
}

.typeErrored, body.auth-form #auth-form-pane #auth-form-wrapper ul.inline-errors {
  color: #ce0643;
}

.blueprintCheckbox {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  line-height: 1.35;
  display: flex;
}

.blueprintCheckbox > input {
  width: 0.875rem;
  height: 0.875rem;
  margin-right: 0.5rem;
}

/* todo: Refactor var names to use 100–700 scale (like Violet) -- AB 7/2020 */
/* Neutral */
/* Cerulean */
/* Deep */
/* Orange */
/* todo: Update to Poppy -- AB 7/2020 */
/* Emerald */
/* Grass */
/* Magenta */
/* Violet */
/* GENERAL */
/* FOCUS */
.focusShadow, #directory-container a.search-filter:focus, a:where(:not([data-blueprint=button])):focus, .bp-input--focus, .bp-input-wrapper:focus-within, body.auth-form #auth-form-pane #auth-form-wrapper .controls:focus-within {
  box-shadow: 0 0 0 1px #00a9e0;
  outline: none;
}

/* LAYOUT SIZES */
/*SHADOWS*/
/* (smallest)for atomic-level elements, like the toggle */
/* for tooltips*/
/* for dropdown menus and toasts */
/* (largest) for modals  */
/* TRANSITIONS */
/* ICON COLORS*/
.blueprint.icon .base {
  color: #0058d3;
}
.blueprint.icon .success {
  color: #008427;
}
.blueprint.icon .warning {
  color: #f06400;
}
.blueprint.icon .error {
  color: #db0a5b;
}
.blueprint.icon .neutral {
  color: #8894a8;
}

.bp-inputBorderBase, body.auth-form #auth-form-pane #auth-form-wrapper .controls, .bp-input-wrapper {
  border: 1px solid #8894a8;
  border-radius: 4px;
  background: #ffffff;
}

.bp-input--focus, .bp-input-wrapper:focus-within, body.auth-form #auth-form-pane #auth-form-wrapper .controls:focus-within {
  border-color: #00a9e0;
  z-index: 2;
}

.bp-input--errored, body.auth-form #auth-form-pane #auth-form-wrapper input.error {
  background: #ffffff;
  border-color: #db0a5b;
  box-shadow: 0 0 0 2px #db0a5b;
  z-index: 3;
}

.bp-input-placeholder::-webkit-input-placeholder, body.auth-form #auth-form-pane #auth-form-wrapper input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #657287;
  font-style: italic;
  -webkit-font-smoothing: antialiased;
}
.bp-input-placeholder::-moz-placeholder, body.auth-form #auth-form-pane #auth-form-wrapper input::-moz-placeholder {
  /* Firefox 19+ */
  color: #657287;
  font-style: italic;
  -webkit-font-smoothing: antialiased;
}
.bp-input-placeholder:-ms-input-placeholder, body.auth-form #auth-form-pane #auth-form-wrapper input:-ms-input-placeholder {
  /* IE 10+ */
  color: #657287;
  font-style: italic;
  -webkit-font-smoothing: antialiased;
}
.bp-input-placeholder:-moz-placeholder, body.auth-form #auth-form-pane #auth-form-wrapper input:-moz-placeholder {
  /* Firefox 18- */
  color: #657287;
  font-style: italic;
  -webkit-font-smoothing: antialiased;
}

.bp-input-wrapper, body.auth-form #auth-form-pane #auth-form-wrapper .controls {
  align-items: center;
  display: flex;
  height: 44px;
  justify-content: flex-start;
  position: relative;
  transition: border-color, box-shadow 0.25s, cubic-bezier(0.25, 0.46, 0.45, 0.94);
  width: 100%;
  z-index: 1;
}
.bp-input-tag, body.auth-form #auth-form-pane #auth-form-wrapper input {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  box-shadow: none;
  box-sizing: border-box;
  outline: none;
  height: 44px;
  border: none;
  padding: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-grow: 1;
  background: none;
  border-radius: 4px;
  width: 100%;
  min-width: 0;
  margin-bottom: 0;
}
.bp-input-tag:focus, body.auth-form #auth-form-pane #auth-form-wrapper input:focus {
  border: none;
  box-shadow: none;
}
@media (min-width: 768px) {
  .bp-input-tag, body.auth-form #auth-form-pane #auth-form-wrapper input {
    padding: 0.5rem 0.75rem;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .bp-input-tag:focus, body.auth-form #auth-form-pane #auth-form-wrapper input:focus {
    box-shadow: 0 0 0 2px #00a9e0;
  }
}
@supports (-ms-ime-align: auto) {
  .bp-input-tag:focus, body.auth-form #auth-form-pane #auth-form-wrapper input:focus {
    box-shadow: 0 0 0 2px #00a9e0;
  }
}

.bp-label, body.auth-form #auth-form-pane #auth-form-wrapper .control-label {
  font-size: 0.8125rem;
  font-weight: bold;
  color: #657287;
}

.blueprint.list-group {
  border: 1px solid #ccd3de;
  border-radius: 4px;
}
.blueprint.list-group.height-6 {
  max-height: 216px;
  overflow: scroll;
}
.blueprint.list-group .list-group-item {
  padding: 9px 16px 8px;
  border: 0;
  background: none;
}
.blueprint.list-group .list-group-item:first-child {
  margin-top: 8px;
}
.blueprint.list-group .list-group-item:last-child {
  margin-bottom: 8px;
}
.blueprint.list-group .list-group-item-action:hover, .blueprint.list-group .list-group-item-action:focus {
  z-index: 1;
  color: #0058d3;
  text-decoration: none;
  background-color: #ebf9fd;
}
.blueprint.list-group .list-group-item,
.blueprint.list-group .list-group-item-action {
  color: #1c2345;
}

/* todo: Refactor var names to use 100–700 scale (like Violet) -- AB 7/2020 */
/* Neutral */
/* Cerulean */
/* Deep */
/* Orange */
/* todo: Update to Poppy -- AB 7/2020 */
/* Emerald */
/* Grass */
/* Magenta */
/* Violet */
/* GENERAL */
/* FOCUS */
.focusShadow, #directory-container a.search-filter:focus, a:where(:not([data-blueprint=button])):focus, .bp-input--focus, .bp-input-wrapper:focus-within, body.auth-form #auth-form-pane #auth-form-wrapper .controls:focus-within {
  box-shadow: 0 0 0 1px #00a9e0;
  outline: none;
}

/* LAYOUT SIZES */
/*SHADOWS*/
/* (smallest)for atomic-level elements, like the toggle */
/* for tooltips*/
/* for dropdown menus and toasts */
/* (largest) for modals  */
/* TRANSITIONS */
.blueprint.modal {
  border: none;
  border-radius: 4px;
}
.blueprint.modal .modal-header {
  border: none;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 24px 24px 20px;
}
.blueprint.modal .modal-header .close {
  margin: -4px 0 0 0;
}
.blueprint.modal .modal-title {
  margin: 0;
  font-size: 17px;
  font-weight: bold;
}
.blueprint.modal .modal-body {
  padding: 0 24px 24px;
  font-size: 16px;
}
.blueprint.modal .modal-footer {
  background: white;
  border-top: 1px solid #ccd3de;
  padding: 16px 24px;
}

/* todo: Refactor var names to use 100–700 scale (like Violet) -- AB 7/2020 */
/* Neutral */
/* Cerulean */
/* Deep */
/* Orange */
/* todo: Update to Poppy -- AB 7/2020 */
/* Emerald */
/* Grass */
/* Magenta */
/* Violet */
.actblue-bignumber .number {
  display: inline-block;
  width: 0.7em;
  text-align: center;
}

.btn-group.blueprint {
  display: flex;
  align-items: stretch;
  vertical-align: middle;
}
.btn-group.blueprint > .btn:not(.dropdown-toggle) {
  background: #ffffff;
  border: 1px solid #ccd3de;
  border-radius: 0;
  color: #657287;
  padding: 6px 12px;
  transition: all ease 200ms;
}
.btn-group.blueprint > .btn:not(.dropdown-toggle):first-child {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.btn-group.blueprint > .btn:not(.dropdown-toggle):last-child {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.btn-group.blueprint > .btn:not(.dropdown-toggle):hover {
  background: #f7f8fa;
  color: #1c2345;
}
.btn-group.blueprint > .btn:not(.dropdown-toggle):active {
  background: #e6e9ed;
  color: #1c2345;
}
.btn-group.blueprint > .btn:not(.dropdown-toggle).active {
  background: #ebf9fd;
  color: #0058d3;
}

.bp-page, body.auth-form #auth-form-pane {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: 1000px;
  min-height: calc(100vh - 5.5rem);
  flex-grow: 1;
  width: 100%;
}
@media (min-width: 768px) {
  .bp-page, body.auth-form #auth-form-pane {
    align-items: stretch;
    display: flex;
    flex-direction: row;
    justify-content: center;
    min-height: 0;
  }
}

/* TEXT ALIGN */
.bp-text-align-center {
  text-align: center;
}

.bp-text-align-left {
  text-align: left;
}

/* ALIGN */
.bp-align-center {
  margin: 0 auto;
}

/* FLEXBOX */
.bp-flex {
  display: flex;
}

/* CLEAR MARGIN */
.bp-spacing-none {
  margin: 0;
}

/* TOP MARGIN */
.bp-spacing-top-1 {
  margin-top: 0.25rem;
}

.bp-spacing-top-2 {
  margin-top: 0.5rem;
}

.bp-spacing-top-3 {
  margin-top: 0.75rem;
}

.bp-spacing-top-4 {
  margin-top: 1rem;
}

.bp-spacing-top-5 {
  margin-top: 1.5rem;
}

.bp-spacing-top-6 {
  margin-top: 2rem;
}

.bp-spacing-top-7 {
  margin-top: 3rem;
}

/* BOTTOM MARGIN */
.bp-spacing-bottom-1 {
  margin-bottom: 0.25rem;
}

.bp-spacing-bottom-2 {
  margin-bottom: 0.5rem;
}

.bp-spacing-bottom-3 {
  margin-bottom: 0.75rem;
}

.bp-spacing-bottom-4 {
  margin-bottom: 1rem;
}

.bp-spacing-bottom-5 {
  margin-bottom: 1.5rem;
}

.bp-spacing-bottom-6 {
  margin-bottom: 2rem;
}

.bp-spacing-bottom-7 {
  margin-bottom: 3rem;
}

/* FULL WIDTH */
.bp-width-full {
  width: 100% !important;
}

/* todo: Refactor var names to use 100–700 scale (like Violet) -- AB 7/2020 */
/* Neutral */
/* Cerulean */
/* Deep */
/* Orange */
/* todo: Update to Poppy -- AB 7/2020 */
/* Emerald */
/* Grass */
/* Magenta */
/* Violet */
/* GENERAL */
/* FOCUS */
.focusShadow, #directory-container a.search-filter:focus, a:where(:not([data-blueprint=button])):focus, .bp-input--focus, .bp-input-wrapper:focus-within, body.auth-form #auth-form-pane #auth-form-wrapper .controls:focus-within {
  box-shadow: 0 0 0 1px #00a9e0;
  outline: none;
}

/* LAYOUT SIZES */
/*SHADOWS*/
/* (smallest)for atomic-level elements, like the toggle */
/* for tooltips*/
/* for dropdown menus and toasts */
/* (largest) for modals  */
/* TRANSITIONS */
/* FONT STACK */
.fontStackSystem, .bp-highchart .highcharts-container, .bp-label, body.auth-form #auth-form-pane #auth-form-wrapper .control-label {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

/* SHARED TYPE STYLES */
/* HEADINGS */
.typeHeadingMedium {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  color: #1c2345;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.6;
  text-decoration: none;
  font-weight: bold;
  line-height: 1.4;
  font-size: 1.125rem;
}

.typeHeadingSmall {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  color: #1c2345;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.6;
  text-decoration: none;
  font-weight: bold;
  line-height: 1.4;
  font-size: 0.875rem;
  color: #657287;
  text-transform: uppercase;
  letter-spacing: 0.05rem;
}

/* BODY STYLES */
.typeBody, body.auth-form #auth-form-pane #auth-form-wrapper .oauth-label, #directory-container .boxbody .box h4, .bp-input-tag, body.auth-form #auth-form-pane #auth-form-wrapper input {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  color: #1c2345;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.6;
  text-decoration: none;
  font-size: 1rem;
}

.typeSmall, body.auth-form #auth-form-pane #auth-form-wrapper ul.inline-errors, .skip-link {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  color: #1c2345;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.6;
  text-decoration: none;
  font-size: 0.875rem;
}

/* TYPE VARIANTS */
.typeStrong, #directory-container .boxbody .box h4, .skip-link {
  font-weight: 700;
}

.typeMuted, body.auth-form #auth-form-pane #auth-form-wrapper .oauth-label, #directory-container .boxbody .box h5, #directory-container .boxbody .header {
  color: #657287;
}

.typeErrored, body.auth-form #auth-form-pane #auth-form-wrapper ul.inline-errors {
  color: #ce0643;
}

strong, b {
  font-weight: bolder;
}

body.modal-open {
  overflow: hidden;
}

h4 {
  margin: 0;
}

table.table-condensed th {
  color: #666;
  font-weight: 400;
  border-bottom: 2px solid #CCC;
}

.table td {
  vertical-align: inherit;
}

tbody:first-child tr:first-child th, tbody:first-child tr:first-child td {
  border-top: 0;
}

form .clearfix + .input.clearfix {
  margin-top: -15px;
  margin-bottom: 8px;
}

.form-stacked .clearfix {
  margin-bottom: 10.5px;
}
.form-stacked .clearfix label {
  width: 100%;
  text-align: left;
}
.form-stacked .clearfix div.input {
  margin-left: 0;
}

.clearfix input, .clearfix textarea, .clearfix select {
  margin-bottom: 0;
}

ul.inputs-list {
  margin: 5px 10px;
}

.inputs-list {
  margin: 0 0 5px;
  width: 100%;
}
.inputs-list:first-child {
  padding-top: 6px;
}
.inputs-list li {
  display: block;
  padding: 0;
  width: 100%;
}
.inputs-list li label {
  width: 100%;
  text-align: left;
}
.inputs-list li input[type=checkbox] {
  float: left;
  margin-right: 1em;
}

.form-horizontal .control-label {
  width: 160px;
}

.form-horizontal .controls {
  margin-left: 170px;
}

.form-horizontal .controls > .help-inline {
  margin-top: 0.4em;
}

.form-horizontal.form-narrow .control-label {
  width: 25%;
}
.form-horizontal.form-narrow .controls {
  margin-left: 27%;
}

.form-horizontal input + .help-block {
  margin-top: 0.5em;
}

.checkbox input[type=radio] {
  float: left;
  margin: 3px 0.5em 0 0;
}

.controls > input[type=checkbox] {
  margin-top: 9px;
}

.input-medsmall {
  width: 120px;
}

.input-xxsmall {
  width: 30px;
}

.input-xxlarge {
  width: 460px;
}

.btn, .btn:link, .btn:visited, .btn:active {
  border-radius: 20pt;
  padding: 0.85em 2.5em;
  background-image: none;
  border: 0px transparent;
  box-shadow: none;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 500;
  padding: 0.5em 1.5em;
  text-shadow: none;
  transition: all 200ms ease;
}

.btn.btn-large {
  padding: 0.85em 2.5em;
}

.btn.btn-small {
  padding: 0.25em 1em;
  width: auto;
}

.btn.btn-mini {
  padding: 0.2em 0.8em;
}

.btn.btn-tiny {
  font-size: 10.08px;
  padding: 0.1em 0.7em;
}

.btn.btn-small,
.btn.btn-mini,
.btn.btn-tiny {
  white-space: nowrap;
}

.btn.btn-large,
.btn.btn-primary {
  font-weight: bold;
}

.btn-inverse, .btn-inverse:link, .btn-inverse:visited, .btn-inverse:active {
  background-color: #ffffff;
  border: 2px solid #0058d3;
  color: #0058d3;
  font-size: 14px;
  font-weight: 500;
}
.btn-inverse:hover, .btn-inverse:focus, .btn-inverse:link:hover, .btn-inverse:link:focus, .btn-inverse:visited:hover, .btn-inverse:visited:focus, .btn-inverse:active:hover, .btn-inverse:active:focus {
  background-color: #0058d3;
  border-color: #0058d3;
  color: #ffffff;
}

.btn + .btn {
  margin-left: 0.7em;
}

.btn-override-style {
  border-radius: 4px;
  padding: 0.75rem 1.5rem;
  text-align: center !important;
  font-size: 1rem;
}

.modal form {
  margin-bottom: 0;
}

.alert > h3:first-child {
  margin-top: 0;
}

/* AA: general & reset */
h1, h2, h3, h4, h5, h6 {
  line-height: 120%;
}

h2 {
  font-size: 2em;
  clear: both;
  margin: 0 0 0.5em 0em;
  color: #1c2345;
}
h2 span.links {
  float: right;
  font-size: 12px;
}

h3 {
  text-align: left;
  font-weight: 700;
  font-size: 1.16em;
}

h4 {
  font-weight: bold;
  font-size: 1em;
}

p {
  margin: 1em 0;
}

p, li {
  line-height: 1.5em;
}

a:where(:not([data-blueprint=button])) {
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  color: #0058d3;
  text-decoration: none;
}
a:where(:not([data-blueprint=button])):hover, a:where(:not([data-blueprint=button])):active {
  color: #1c2345;
  text-decoration: underline;
}
div.text-wrapper p, p.text {
  margin: 10px 20px;
}

textarea.error, select.error, input.error {
  background-color: #ffffff !important;
  border: 1px solid #f4b5cd;
}

.inline-error {
  clear: both;
  color: #900;
  padding: 0.25em 0.4em 0.25em 3px;
  font-size: 1em;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
  float: none;
}

.narrow {
  display: block;
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.vertically-center {
  vertical-align: middle;
}

.center {
  text-align: center;
}

/* form reset */
/* hide HTML "spin-box" */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
}

/* DD: util */
.text-medium {
  font-size: 15.4px;
}

.blue-box {
  background-color: #F2FAFF;
  border: 1px solid #C9EAFB;
  box-shadow: 2px 2px 2px #888;
  border-radius: 5px;
  box-sizing: border-box;
}

.blue-box .inner {
  margin: 10px 15px;
}

.blue-box > h3,
.blue-box > p {
  margin-left: 1.5em;
  margin-right: 1em;
}

table.table .number {
  text-align: right;
  font-feature-settings: "tnum" 1;
}
table.table .col-width-5 {
  width: 5%;
}
table.table .col-width-10 {
  width: 10%;
}
table.table .col-width-15 {
  width: 15%;
}
table.table .col-width-20 {
  width: 20%;
}
table.table .col-width-25 {
  width: 25%;
}
table.table .col-width-30 {
  width: 30%;
}
table.table .col-width-35 {
  width: 35%;
}
table.table .col-width-40 {
  width: 40%;
}
table.table .col-width-45 {
  width: 45%;
}
table.table .col-width-50 {
  width: 50%;
}
table.table .col-width-55 {
  width: 55%;
}
table.table .col-width-60 {
  width: 60%;
}
table.table .col-width-65 {
  width: 65%;
}
table.table .col-width-70 {
  width: 70%;
}
table.table .col-width-75 {
  width: 75%;
}
table.table .col-width-80 {
  width: 80%;
}
table.table .col-width-85 {
  width: 85%;
}
table.table .col-width-90 {
  width: 90%;
}
table.table .col-width-95 {
  width: 95%;
}
table.table .col-width-100 {
  width: 100%;
}

.table-responsive-toggle {
  margin-bottom: 0.75rem;
  display: none;
}

.table-responsive-wrapper {
  clear: both;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

table.table.table-responsive {
  min-width: 800px;
}

@media (max-width: 767px) {
  .table-responsive-toggle {
    display: block;
  }
  table.table.table-responsive.table-responsive-cards {
    padding: 0;
    min-width: inherit;
  }
  table.table.table-responsive.table-responsive-cards thead {
    display: none;
  }
  table.table.table-responsive.table-responsive-cards tr:not(.hidden) {
    border: 1px solid #e6e9ed;
    border-radius: 8px;
    display: block;
    margin-bottom: 1rem;
  }
  table.table.table-responsive.table-responsive-cards td {
    border: 0;
    display: block;
    font-size: 16px;
  }
  table.table.table-responsive.table-responsive-cards .number {
    text-align: initial;
  }
  table.table.table-responsive.table-responsive-cards td:before {
    content: attr(data-th);
    display: block;
    color: #657287;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0.25rem;
  }
}
.right {
  margin-left: 1rem;
}

.help {
  cursor: help;
}

.warning {
  color: #f06400;
}

.zero-margin-top {
  margin-top: 0;
}

.small-margin-right {
  margin-right: 1em;
}

.zero-margin-bottom {
  margin-bottom: 0;
}

.small-margin-bottom {
  margin-bottom: 1em;
}

.medium-margin-bottom {
  margin-bottom: 1.5em;
}

.monospace {
  font-family: monospace;
}

.underline {
  text-decoration: underline !important;
}

.divider {
  height: 1px;
  background-color: #ccd3de;
  margin: 2em 0;
}

.border-radius {
  border-radius: 1em;
}

ul.two-column-list, ol.two-column-list {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  list-style-position: inside;
}

#flash-wrapper {
  z-index: 3;
  position: relative;
}

.flash-container {
  padding: 0;
}

.standalone-form .flash-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.flash-container .flash,
.flash {
  border-radius: 4px;
  clear: both;
  color: #1c2345;
  font-size: 16px;
  margin-bottom: 1em;
  padding: 18px 20px 18px 48px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  text-align: left;
  background: #f7f8fa;
  border: 1px solid #e6e9ed;
  position: relative;
}
.flash-container .flash:before,
.flash:before {
  color: #8894a8;
  position: absolute;
  font-family: "FontAwesome";
  top: 18px;
  left: 18px;
}
.flash-container .flash.notice,
.flash.notice {
  background: #ebf9f1;
  border-color: #98ddb7;
}
.flash-container .flash.notice:before,
.flash.notice:before {
  color: #008427;
  content: "\f00c";
}
.flash-container .flash.warning,
.flash.warning {
  background: #fdefe5;
  border-color: #fad0b2;
}
.flash-container .flash.warning:before,
.flash.warning:before {
  color: #f06400;
  content: "\f06a";
}
.flash-container .flash.error,
.flash.error {
  background: #fdecf2;
  border-color: #f4b5cd;
}
.flash-container .flash.error:before,
.flash.error:before {
  color: #db0a5b;
  content: "\f071";
}
.flash-container .flash a,
.flash a {
  color: #657287;
  text-decoration: underline;
}
s .flash-container .flash a:hover,
s .flash a:hover {
  color: #384056;
}
.flash-container .flash a:active,
.flash a:active {
  color: #1c2345;
}
.flash-container .flash ul,
.flash ul {
  margin: 0px;
  list-style: square;
}
.flash-container .flash ul li,
.flash ul li {
  margin-left: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  list-style: square;
}
.flash-container .flash ul li:only-child,
.flash ul li:only-child {
  list-style: none;
}
.flash-container .flash p, .flash-container .flash ul.objerrors,
.flash p,
.flash ul.objerrors {
  margin-top: 0;
}
.flash-container .flash ul.objerrors li:last-child,
.flash ul.objerrors li:last-child {
  margin-bottom: 0;
}

.admin-notification .alert {
  padding: 1.188rem 2.5rem 1.188rem 1.25rem;
  border: 0.063rem solid #F6A266;
}
.admin-notification .alert h3, .admin-notification .alert p {
  margin: 0 2rem;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 1rem;
}
.admin-notification .alert .close {
  color: #F06400;
  opacity: 1;
  font-size: 1.75rem;
  font-weight: normal;
}
.admin-notification .notification-icon {
  width: 1rem;
  margin-top: 0.25rem;
}

/* utility classes */
.right {
  float: right;
}

.left {
  float: left;
}

.clear {
  clear: both;
}

ul.reset, ul.reset li, ol.reset, ol.reset li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.nobr {
  white-space: nowrap;
}

.photo {
  border: 1px solid #ccc;
  padding: 3px;
  background: #fff;
}

a.has-spinner + img.spinner {
  padding-top: -6px;
  padding-left: 24px;
}

img.spinner {
  margin: 0px 0px -3px 5px;
}

.spinner {
  height: 100%;
  min-width: 16px;
  min-height: 16px;
  display: inline-block;
  background: 50% 50% transparent url(/assets/spinny-16-0f641b0e28103aa92e4d01c91973ff6754cfa29306cc6da85cb2e5ff839ce59f.gif) no-repeat;
}

.spinner-wrap {
  display: inline-block;
  position: relative;
  min-width: 16px;
  min-height: 16px;
}
.spinner-wrap .spinner {
  right: -24px;
  top: 0;
  width: 16px;
  position: absolute;
}

.spinner-with-content {
  background: 0 50% transparent url(/assets/spinny-16-0f641b0e28103aa92e4d01c91973ff6754cfa29306cc6da85cb2e5ff839ce59f.gif) no-repeat;
  font-size: 0.8571428571em;
  padding: 0 0 0 22px;
  margin-bottom: 21px;
}

p.note {
  font-size: 0.93em;
  font-style: italic;
}

.expandable_head {
  cursor: pointer;
}

.full {
  width: 100%;
}

.hidden {
  display: none;
}

.subtle-modify {
  font-size: 0.875rem;
  color: #657287;
  font-weight: normal;
}

table.data tr.row td {
  border-top: 1px solid #ccd3de;
}

.collapsed-indicator, .expanded-indicator {
  min-height: 16px;
  padding-left: 1em;
  background-position: 0 0.4em;
  background-repeat: no-repeat;
  cursor: pointer;
}

.collapsed-indicator {
  background-image: url(/assets/ui/arrow-right-7a8372efa83aaf9f4932cce96613baa8aa1462779d58d0a4a88b01f5b10d7f38.png);
}

.expanded-indicator {
  background-image: url(/assets/ui/arrow-down-7d4a5f09efbbb1cc41d538fabf4203628fb9444862762741f8f53ed6d8e924ee.png);
}

.expanded-indicator.inverted {
  background-image: url(/assets/ui/arrow-up-a9a8da89a4ad52aa1b9626c4e96e73998a950cd12811a98748b83405ca7e0e8b.png);
}

legend.collapsed-indicator,
legend.expanded-indicator {
  height: auto;
  background-position: 0 0.85em;
}

.initially-hidden {
  display: none;
}

.skip-link {
  background: #384056;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  box-shadow: 0 4px 8px rgba(28, 35, 69, 0.15);
  left: 1%;
  opacity: 0;
  padding: 2px;
  position: absolute;
  transform: translateY(-150%);
  transition: opacity, 0.3s, transform 0.3s;
}

.skip-link:active,
.skip-link:focus {
  box-shadow: 0 4px 8px rgba(28, 35, 69, 0.15), 0 0 0 2px #ffffff, 0 0 0 4px #00a9e0;
  opacity: 1;
  transform: translateY(0%);
  color: #ffffff;
}

/* end: utility classes */
/* HH: STANDARD FORM STYLE */
.button-container {
  margin-top: 1em;
  text-align: left;
  padding-bottom: 1em;
  padding-left: 170px;
}

.form-vertical .button-container {
  padding-left: 0;
}

form .field {
  margin-bottom: 20px;
}

form .field label {
  margin-right: 0.5em;
}

/* > form field formatting */
.date-select select {
  width: 7em;
}

.date-select select:nth-child(2) {
  width: 7em;
}

textarea {
  height: 120px;
}

.help-block {
  color: #666;
  font-size: 0.9em;
}

span.required {
  color: #900;
  padding-left: 0.2em;
  font-weight: bold;
}

/* Input field highlighting */
input[type=text]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
textarea:focus {
  border: 1px solid #00a9e0;
  box-shadow: none;
}

/* LEADING */
.gap5 {
  margin-top: 5px;
}

.gap10 {
  margin-top: 10px;
}

.gap20 {
  margin-top: 20px;
}

.gap1 {
  margin-top: 1em;
}

.gap2 {
  margin-top: 2em;
}

/* login toolbar (green bar) */
.show_if_logged_in, .show_if_admin, .show_if_has_entities {
  display: none;
}

img.thermometer.short {
  width: 150px;
  height: auto;
}

/* actblue express button (thanks page & my-actblue) */
#express-link {
  float: right;
  margin: 1em;
}
#express-link a.express-button-signup, #express-link a.express-button-history {
  width: 209px;
  height: 113px;
  display: block;
  text-indent: -5000px;
  text-decoration: none;
  margin-bottom: 8px;
}
#express-link a.express-button-signup span, #express-link a.express-button-history span {
  display: none;
}
#express-link a.express-button-signup {
  background: url(/assets/actblue-express/actblue-express-signup-209px-6c5850e80c098bc600072174e12d214da8a80cc3321f5cb5d912a0aa09b6be74.gif) top left no-repeat;
}
#express-link a.express-button-history {
  background: url(/assets/actblue-express/actblue-express-viewhistory-209px-e4c8d4ccf5736a9256e9b354b8f91fea7dff97578ed775d88a45bccaf7ee6dc0.gif) top left no-repeat;
}

/* end express */
/* LL:  third-party overrides */
/* modal overrides */
.modal-body {
  max-height: 55vh;
}
.modal-body > p:first-child {
  margin-top: 0;
}
.modal-body > p:last-child {
  margin-bottom: 0;
}

.modal-footer .or {
  padding: 1em;
  display: inline;
}
@media (max-width: 767px) {
  .modal-footer .or {
    display: none;
  }
  .modal-footer #recurring_skip_button {
    margin-top: 1em;
  }
}

#share-settings-info {
  border: 1px solid #e6e9ed;
  border-radius: 4px;
  padding: 20px;
  text-align: justify;
  margin-top: 10px;
}

#brandings-info {
  margin: -20px 0px 0 25px;
  display: inline-block;
  font-weight: normal;
  font-size: 14px;
  color: #657287;
}

.share-link-url-background {
  display: flex;
  justify-content: space-between;
  background-color: #f7f8fa;
  border-radius: 4px;
  padding: 12px;
}

input#share-link-url {
  width: 80%;
  background-color: #f7f8fa;
  border: none;
  cursor: default;
  text-overflow: ellipsis;
  font-style: italic;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  color: #657287;
}

#share-link-heading {
  width: 79px;
  height: 18px;
  color: rgb(101, 114, 135);
  font-size: 13px;
  font-weight: bold;
  line-height: 18px;
}

#copy {
  background-color: #0058d3;
  border-radius: 4px;
  border: none;
  box-shadow: none;
  color: white;
  font-size: 1rem;
  font-weight: 500;
  height: 2.25rem;
  line-height: 2.25rem;
  padding: 0 1rem;
  transition: background 0.25s;
}
#copy:hover, #copy:active {
  background-color: #0644b1;
}
#copy.copied {
  background-color: #008427;
}

#indigo-share-branding {
  flex-direction: column;
  background-size: cover;
  min-height: 80vh;
  align-items: center;
  justify-content: center;
  display: flex;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
#indigo-share-branding #share-branding-modal-form-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1100px;
  max-width: 100%;
}
#indigo-share-branding #share-branding-modal-form {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  margin-left: 0;
  margin-right: 0;
}
@supports (position: unset) {
  #indigo-share-branding #share-branding-modal-form {
    position: unset;
    top: unset;
    left: unset;
    right: unset;
    margin-left: unset;
    margin-right: unset;
  }
}
#indigo-share-branding .list-name-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border: 1px solid #ccd3de;
  border-radius: 4px;
}
#indigo-share-branding #url-base {
  background-color: #f7f8fa;
  color: #657287;
  border-right: 1px solid #ccd3de;
  border-radius: 3px;
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
  cursor: pointer;
  padding: 0.5rem;
  max-width: 60%;
  overflow: hidden;
  text-overflow: ellipsis;
}
#indigo-share-branding input#list_name {
  font-size: 1rem;
  padding-left: 0px;
  margin-left: 0.5em;
  color: #1c2345;
  border: none;
  max-width: 35%;
}
#indigo-share-branding input#list_title {
  color: #1c2345;
  width: 100%;
  font-size: 1rem;
}
#indigo-share-branding textarea#list_contribution_blurb {
  color: #1c2345;
  width: 100%;
  font-size: 1rem;
  max-width: 510px;
}
#indigo-share-branding div.control-group#list_contribution_blurb {
  margin-top: 21px;
}
#indigo-share-branding .modal {
  right: inherit;
}
#indigo-share-branding .modal.share-page {
  position: relative;
  top: inherit;
  left: inherit;
  max-width: 560px;
  min-width: 320px;
  margin-left: auto;
  margin-right: auto;
  z-index: auto;
}
#indigo-share-branding .modal.share-page .modal-body {
  max-height: none;
}
#indigo-share-branding .branding-header {
  padding-bottom: 3rem;
}
#indigo-share-branding .help-block {
  color: #657287;
  margin-left: 0px;
  margin-bottom: 4px;
  padding-top: 6px;
  font-size: 12px;
}
#indigo-share-branding .web-address {
  color: #1c2345;
  font-size: 16px;
}
#indigo-share-branding .button-container {
  padding-left: 0;
  text-align: center;
}

body.interior.new.lists.logged-in .flash {
  margin-bottom: 0;
}
body.interior.new.lists.logged-in #contentArea.container-fluid, body.interior.new.lists.logged-in #content-wrapper {
  max-width: none;
  padding: 0;
}

.fa-info-circle {
  color: #657287;
}

.loading_message.in {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  max-width: 500px;
  margin: 5em auto;
  font-size: 2em !important;
  text-shadow: -1px -1px 1px #FFF, 1px -1px 1px #FFF, -1px 1px 1px #FFF, 1px 1px 1px #FFF;
  text-align: center;
  line-height: 1.5em;
}

.fadable {
  display: block;
  opacity: 0;
  height: 0;
  overflow: hidden;
  transition: opacity 0.5s ease-in-out;
  -webkit-transform: translateZ(0);
}
.fadable.in {
  height: auto;
  opacity: 1;
}

#waitbits {
  margin: 1em auto;
}
#waitbits li {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  margin: 0 2%;
  opacity: 0;
  -webkit-animation: waitbit 1.5s infinite linear;
  animation: waitbit 1.5s infinite linear;
}
#waitbits li:nth-child(1) {
  animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
  background-color: #1C2345;
}
#waitbits li:nth-child(2) {
  animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
  background-color: #3B4A91;
}
#waitbits li:nth-child(3) {
  animation-delay: 0.9s;
  -webkit-animation-delay: 0.9s;
  background-color: #009CDE;
}
#waitbits li:nth-child(4) {
  animation-delay: 1.2s;
  -webkit-animation-delay: 1.2s;
  background-color: #70B2E3;
}
#waitbits li:nth-child(5) {
  animation-delay: 1.5s;
  -webkit-animation-delay: 1.5s;
  background-color: #BFE6FB;
}

@keyframes waitbit {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes waitbit {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
div.loading-bits-medium {
  width: 50%;
  margin: 2em auto;
  text-align: center;
}
div.loading-bits-medium div.bits {
  width: 3em;
  height: 3em;
  display: inline-block;
  opacity: 0;
  -webkit-animation: waitbit-med 1.2s infinite ease;
  animation: waitbit-med 1.2s infinite ease;
}
div.loading-bits-medium div.bits.one {
  animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
  background-color: #1C2345;
}
div.loading-bits-medium div.bits.two {
  animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
  background-color: #3B4A91;
}
div.loading-bits-medium div.bits.three {
  animation-delay: 0.9s;
  -webkit-animation-delay: 0.9s;
  background-color: #70B2E3;
}
div.loading-bits-medium div.bits.four {
  animation-delay: 1.2s;
  -webkit-animation-delay: 1.2s;
  background-color: #BFE6FB;
}

@keyframes waitbit-med {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes waitbit-med {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* Tooltips */
.tooltip.top {
  margin-top: -10px;
}
.tooltip .tooltip-inner {
  border-radius: 5px;
  padding: 0.6em 1.3em 0.7em;
  text-align: left;
}

/* Datapicker */
/* above modals */
#ui-datepicker-div {
  z-index: 110;
}

/* MM: icons and sprites */
/* unit is 16px */
.ui-icon {
  width: 16px;
  height: 16px;
  background: transparent url(/assets/images/ui-icons_666666_256x240-7a5199aa99e796dce0b27ee95970d743a06b7085af182bbfa3142d7eb455ef61.png) no-repeat;
}

.ui-icon.button {
  padding-left: 15px;
}

.ui-icon.inline {
  display: inline-block;
}

.ui-icon.lock {
  background-position: -192px -96px;
}

.ui-icon.checkmark {
  background-position: -208px -192px;
}

.ui-icon.delete {
  background-position: -96px -128px;
}

.ui-icon.edit {
  background-position: -64px -112px;
}

.ui-icon.question {
  background-position: -48px -144px;
}

.ui-icon.ui-icon-circle-triangle-e {
  background-position: -36px 0px;
}

.ui-icon.ui-icon-circle-triangle-w {
  background-position: -96px 0px;
}

/* PP: page-specific styles */
/*     -- brandings -- */
#branding_container {
  padding-bottom: 2em;
  text-align: left;
}

.branding-fec-box, .fec-box {
  color: #FFF;
  border: 1px solid #FFF;
  padding: 10px 20px;
  margin: 20px auto;
  width: 60%;
  font-size: 12pt !important;
  text-align: center;
}
.branding-fec-box a, .fec-box a {
  color: #CCC;
}
.branding-fec-box.dark, .fec-box.dark {
  border-color: #333;
  color: #333;
}

body.branded {
  background-color: white;
}
body.branded #contentArea {
  padding: 0 0 3em 0;
  box-shadow: none;
}

/* event notification details for Web Hook edit page and event notification show page */
.event-notification-body {
  height: 200px;
  width: 90%;
}

#entity_webhooks_edit-pane .webhooks-edit-main {
  float: left;
  width: 80%;
}
#entity_webhooks_edit-pane .webhooks-edit-sidebar {
  float: right;
  width: 20%;
}
#entity_webhooks_edit-pane .webhooks-edit-sidebar input[type=text] {
  width: auto;
}
#entity_webhooks_edit-pane .webhooks-edit-sidebar .btn {
  margin: 0 5px 10px;
}
#entity_webhooks_edit-pane #deprecated_functionality #webhook_password {
  display: none;
}

#entity_webhooks_new-pane #reset-password, #entity_webhooks_copy-pane #reset-password {
  display: none;
}

/* -- entity form checkbox overrides --  */
.disbursment-wrapper {
  margin-bottom: 1rem;
}
.disbursment-wrapper h4 {
  margin-left: 1rem;
}

.entity.checkbox.inline {
  padding-left: 0;
}

.entity.checkbox.inline .control-label {
  float: none;
}

.treasury form#disburse label {
  display: inline-block;
}

/* ZZ: PRINT LAYOUT */
@media print {
  html {
    margin: 0;
  }
  body {
    font-size: 10pt;
    font-family: Arial, Verdana, sans-serif;
    margin: 0;
    width: 7in;
    padding: 0 !important;
  }
  body * {
    box-shadow: none !important;
  }
  body.interior #contentArea {
    padding: 0;
  }
  nav.navbar, #main-links, header form, .nav-tabs, footer,
  #userStatusBar, #mainLinks {
    display: none !important;
  }
  #fecBlurb {
    border: 1pt solid black;
    padding: 0.5em;
    margin-top: 1em;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .btn {
    max-width: 100%;
  }
  .form-horizontal .controls {
    margin-left: 0;
  }
  .form-horizontal .button-container {
    padding-left: 0;
  }
  .input-xxlarge {
    width: 100%;
  }
  #show_contents .supportersBlock, #show_contents #splitBlock input[type=text], #show_contents #splitBlock big {
    display: none;
  }
  body.interior.branded #contentArea {
    padding: 1em 1em 2em;
  }
}
/* todo: Refactor var names to use 100–700 scale (like Violet) -- AB 7/2020 */
/* Neutral */
/* Cerulean */
/* Deep */
/* Orange */
/* todo: Update to Poppy -- AB 7/2020 */
/* Emerald */
/* Grass */
/* Magenta */
/* Violet */
.actblue-bignumber .number {
  display: inline-block;
  width: 0.7em;
  text-align: center;
}

/* todo: Refactor var names to use 100–700 scale (like Violet) -- AB 7/2020 */
/* Neutral */
/* Cerulean */
/* Deep */
/* Orange */
/* todo: Update to Poppy -- AB 7/2020 */
/* Emerald */
/* Grass */
/* Magenta */
/* Violet */
/* GENERAL */
/* FOCUS */
.focusShadow, #directory-container a.search-filter:focus, .bp-input--focus, .bp-input-wrapper:focus-within, body.auth-form #auth-form-pane #auth-form-wrapper .controls:focus-within, a:where(:not([data-blueprint=button])):focus {
  box-shadow: 0 0 0 1px #00a9e0;
  outline: none;
}

/* LAYOUT SIZES */
/*SHADOWS*/
/* (smallest)for atomic-level elements, like the toggle */
/* for tooltips*/
/* for dropdown menus and toasts */
/* (largest) for modals  */
/* TRANSITIONS */
/* FONT STACK */
.fontStackSystem, .bp-highchart .highcharts-container, .bp-label, body.auth-form #auth-form-pane #auth-form-wrapper .control-label {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

/* SHARED TYPE STYLES */
/* HEADINGS */
.typeHeadingMedium {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  color: #1c2345;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.6;
  text-decoration: none;
  font-weight: bold;
  line-height: 1.4;
  font-size: 1.125rem;
}

.typeHeadingSmall {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  color: #1c2345;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.6;
  text-decoration: none;
  font-weight: bold;
  line-height: 1.4;
  font-size: 0.875rem;
  color: #657287;
  text-transform: uppercase;
  letter-spacing: 0.05rem;
}

/* BODY STYLES */
.typeBody, body.auth-form #auth-form-pane #auth-form-wrapper .oauth-label, #directory-container .boxbody .box h4, .bp-input-tag, body.auth-form #auth-form-pane #auth-form-wrapper input {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  color: #1c2345;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.6;
  text-decoration: none;
  font-size: 1rem;
}

.typeSmall, body.auth-form #auth-form-pane #auth-form-wrapper ul.inline-errors, .skip-link {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  color: #1c2345;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.6;
  text-decoration: none;
  font-size: 0.875rem;
}

/* TYPE VARIANTS */
.typeStrong, #directory-container .boxbody .box h4, .skip-link {
  font-weight: 700;
}

.typeMuted, body.auth-form #auth-form-pane #auth-form-wrapper .oauth-label, #directory-container .boxbody .box h5, #directory-container .boxbody .header {
  color: #657287;
}

.typeErrored, body.auth-form #auth-form-pane #auth-form-wrapper ul.inline-errors {
  color: #ce0643;
}

header,
nav,
section,
article,
aside,
footer,
hgroup {
  display: block;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #1c2345;
  background-color: #ffffff;
  line-height: 140%;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  min-width: 320px !important;
}
body p:where([data-blueprint=type-body]) {
  color: unset;
}

body.logged-in {
  padding-top: 3.75rem;
}

body.focused {
  padding-top: 0;
}

#contentArea {
  margin: 0pt auto;
  max-width: 1582px;
  width: 100%;
  padding: 0 20px;
  box-sizing: border-box;
}

#content-wrapper {
  margin: 0em auto;
  max-width: 980px;
}

body.full #content-wrapper {
  margin: 0pt auto;
  max-width: 1582px;
  width: 100%;
}

#contentArea {
  position: relative;
  min-height: 20em;
  padding-top: 2em;
  padding-bottom: 4em;
}

p a:not(.btn):not(.override-global),
p a:not(.btn):not(.override-global):link,
p a:not(.btn):not(.override-global):visited,
p a:not(.btn):not(.override-global):hover,
p a:not(.btn):not(.override-global):focus {
  text-decoration: none;
}
p a:not(.btn):not(.override-global):hover, p a:not(.btn):not(.override-global):focus,
p a:not(.btn):not(.override-global):link:hover,
p a:not(.btn):not(.override-global):link:focus,
p a:not(.btn):not(.override-global):visited:hover,
p a:not(.btn):not(.override-global):visited:focus,
p a:not(.btn):not(.override-global):hover:hover,
p a:not(.btn):not(.override-global):hover:focus,
p a:not(.btn):not(.override-global):focus:hover,
p a:not(.btn):not(.override-global):focus:focus {
  text-decoration: underline;
}

a.more {
  display: inline-block;
}

a.more:after {
  content: " »";
}

p a.more,
p a.more:link,
p a.more:visited,
p a.more:hover,
p a.more:focus {
  text-decoration: none;
}

blockquote {
  font-style: italic;
  opacity: 0.7;
  margin: 2em 2em 2em 1em;
}

ul {
  list-style-type: disc;
  margin-left: 32px;
}

nav ul {
  list-style-type: none;
  margin: 0;
}

ol {
  list-style-type: decimal;
  margin-left: 32px;
}

body.interior #contentArea {
  background: #ffffff;
}

body.logged-in a.log_out {
  display: none;
}

body.logged-in a.log_in {
  display: none;
}

header.main,
footer {
  background-color: #ffffff;
  color: #1c2345;
  font-size: 14px;
  margin: 0pt auto;
  max-width: 1582px;
  width: 100%;
}

header.main {
  border-bottom: 1px solid #e6e9ed;
}
header.main .navbar-inner {
  background-color: #ffffff;
  background-image: none;
  border: 0;
  box-shadow: none;
  padding: 0.5rem 1.5rem;
}
header.main #header_links_container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
}
header.main #header_links_container a:focus {
  outline: none;
  box-shadow: inset 0 0 0 2px #00a9e0;
  border-radius: 4px;
}
header.main #header_links_container > * {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
header.main #header_links_container #logo {
  display: block;
  flex-shrink: 0;
  padding: 0.5rem 0.125rem;
  margin-right: 1.5rem;
}
header.main #header_links_container #logo img {
  width: 118px;
}
header.main #header_links_container #header_search_wrapper {
  flex-grow: 1;
  padding-right: 0.5rem;
  position: relative;
}
header.main nav {
  font-size: 1rem;
  font-weight: 500;
}
header.main nav#main-links {
  margin-right: 1.5rem;
}
header.main nav#main-links ul {
  display: flex;
}
header.main nav#main-links li a,
header.main nav#main-links li a:link,
header.main nav#main-links li a:visited,
header.main nav#main-links li a:active {
  padding: 0.25rem 0.75rem;
  color: #384056;
}
@media (max-width: 456px) {
  header.main nav#main-links li a,
  header.main nav#main-links li a:link,
  header.main nav#main-links li a:visited,
  header.main nav#main-links li a:active {
    padding: 0.25rem 0.5rem;
  }
}
header.main nav#main-links li:first-child a {
  margin-left: -0.5rem;
}
header.main nav#main-links li:last-child a {
  margin-right: -0.5rem;
}
@media (max-width: 456px) {
  header.main nav {
    margin-right: 1rem;
  }
}
header.main #account-links {
  display: flex;
  align-items: center;
}
header.main #account-links div:first-child {
  flex-shrink: 0;
}
header.main #account-links a {
  margin-right: 0.5rem;
}
header.main #account-links a:last-child {
  margin-right: 0;
}

body.logged-in:not(.two_factor_authentication) header.navbar #main-links .help {
  display: none;
}
body.logged-in:not(.two_factor_authentication) header.navbar #header_links_container #logo {
  display: none;
}

footer {
  border-top: 1px solid rgba(28, 35, 69, 0.08);
  padding-top: 20px;
  /**
   * The degree of contrast between the background color and the disclaimer
   * text color is at least as great as the degree of contrast between the
   * background color and the color of the largest text in the communication.
   * Plus the 12pt font size below.
   * This disclaimer must also be in a box.
   */
}
footer .logo-row {
  border-bottom: 1px solid #dde3ee;
  width: 100%;
}
footer .logo-row .container-fluid {
  padding-top: 1em;
  padding-bottom: 2.5em;
}
footer .logo-row div.like-follow {
  float: right;
}
footer .logo-row div.like-follow a,
footer .logo-row div.like-follow a:link,
footer .logo-row div.like-follow a:visited,
footer .logo-row div.like-follow a:active {
  color: #8894a8 !important;
  margin-left: 1em;
  position: relative;
  top: 7px;
}
footer .logo-row div.like-follow a:hover, footer .logo-row div.like-follow a:focus,
footer .logo-row div.like-follow a:link:hover,
footer .logo-row div.like-follow a:link:focus,
footer .logo-row div.like-follow a:visited:hover,
footer .logo-row div.like-follow a:visited:focus,
footer .logo-row div.like-follow a:active:hover,
footer .logo-row div.like-follow a:active:focus {
  color: #1c2345 !important;
}
footer .logo-row div.like-follow a.facebook:hover, footer .logo-row div.like-follow a.facebook:focus,
footer .logo-row div.like-follow a:link.facebook:hover,
footer .logo-row div.like-follow a:link.facebook:focus,
footer .logo-row div.like-follow a:visited.facebook:hover,
footer .logo-row div.like-follow a:visited.facebook:focus,
footer .logo-row div.like-follow a:active.facebook:hover,
footer .logo-row div.like-follow a:active.facebook:focus {
  color: #3b5998 !important;
}
footer .logo-row div.like-follow a.twitter:hover, footer .logo-row div.like-follow a.twitter:focus,
footer .logo-row div.like-follow a:link.twitter:hover,
footer .logo-row div.like-follow a:link.twitter:focus,
footer .logo-row div.like-follow a:visited.twitter:hover,
footer .logo-row div.like-follow a:visited.twitter:focus,
footer .logo-row div.like-follow a:active.twitter:hover,
footer .logo-row div.like-follow a:active.twitter:focus {
  color: #00aced !important;
}
footer .container-fluid {
  margin: 0em auto;
  max-width: 980px;
}
footer nav {
  min-height: 250px;
  padding-top: 2em;
}
footer dl {
  float: left;
  width: 30%;
  margin-left: 5%;
}
footer dl:first-child {
  margin-left: 0%;
}
footer dt {
  display: block;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 11.067px;
  font-weight: 400;
  letter-spacing: 0.2em;
  line-height: 364%;
  margin: 0 0 0.5em 0;
  text-transform: uppercase;
}
footer dd {
  margin: 0;
  font-style: normal;
  line-height: 125%;
}
footer ul {
  margin: 0;
  list-style-type: none;
}
footer ul li {
  font-size: 14.98px;
  line-height: 267%;
}
footer ul li a {
  color: #384056;
}
footer .disclaimer {
  border: 1px solid rgba(28, 35, 69, 0.08);
  margin-top: 1em;
  padding: 1em 0.5em;
}
footer .disclaimer p {
  font-size: 12pt !important;
  margin: 0.5em 1.5em;
}
footer .disclaimer p a {
  color: #657287;
}
footer p.charities_disclaimer {
  font-size: 14.98px;
}
footer .copyright {
  background: #f7f8fa;
  color: #657287;
  margin-top: 3em;
  padding: 1.5em 0 2em;
  width: 100%;
}
footer .legal {
  font-size: 12.04px;
}
footer .legal .links {
  display: inline-block;
  float: right;
}
footer .legal a,
footer .legal a:link,
footer .legal a:visited,
footer .legal a:active {
  color: #657287;
  text-decoration: none;
}
footer .legal a:hover, footer .legal a:focus,
footer .legal a:link:hover,
footer .legal a:link:focus,
footer .legal a:visited:hover,
footer .legal a:visited:focus,
footer .legal a:active:hover,
footer .legal a:active:focus {
  text-decoration: underline;
}

@media (max-width: 979px) and (min-width: 768px) {
  .navbar.login .container {
    width: 95%;
  }
  .navbar.login .container .nav > li > a {
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
  header.main .row-fluid [class*=span] {
    float: none;
    width: 100%;
    margin-left: 0px;
  }
}
@media (max-width: 767px) {
  #account-links a.sign_up.log_in {
    display: none;
  }
  #contentArea {
    padding-top: 1em;
  }
  #content-wrapper {
    padding-top: 2em;
    padding-bottom: 2em;
  }
  body.directory #content-wrapper {
    overflow: visible;
  }
  footer {
    text-align: center;
  }
  footer .container-fluid {
    padding: 3em;
  }
  footer .logo-row {
    border-bottom: 0px;
  }
  footer .logo-row .container-fluid {
    padding-bottom: 0em;
  }
  footer .logo-row div.like-follow {
    display: none;
  }
  footer .logo-row + .container-fluid {
    padding-top: 0px;
  }
  footer dl {
    float: none;
    margin-top: 42px;
    margin-left: 0px;
    width: 100%;
  }
  footer dt {
    font-size: 22.0038px;
    line-height: 182%;
  }
  footer ul li {
    font-size: 29.96px;
    line-height: 187%;
  }
  footer .btn-inverse {
    margin-top: 1em;
    margin-bottom: 3em;
  }
  footer .copyright {
    margin-top: 0px;
    padding: 0px;
  }
  footer .legal .links {
    display: block;
    float: none;
    margin-top: 1em;
  }
  .modal {
    max-height: 90%;
    overflow: scroll;
  }
}
/* todo: Refactor var names to use 100–700 scale (like Violet) -- AB 7/2020 */
/* Neutral */
/* Cerulean */
/* Deep */
/* Orange */
/* todo: Update to Poppy -- AB 7/2020 */
/* Emerald */
/* Grass */
/* Magenta */
/* Violet */
.actblue-bignumber .number {
  display: inline-block;
  width: 0.7em;
  text-align: center;
}

/* todo: Refactor var names to use 100–700 scale (like Violet) -- AB 7/2020 */
/* Neutral */
/* Cerulean */
/* Deep */
/* Orange */
/* todo: Update to Poppy -- AB 7/2020 */
/* Emerald */
/* Grass */
/* Magenta */
/* Violet */
.actblue-bignumber .number {
  display: inline-block;
  width: 0.7em;
  text-align: center;
}

/**
 * The header is sticky...
 */
body.marketing.about {
  padding-top: 77px;
}
body.marketing.about header.main {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 2;
  min-height: 76px;
}
body.marketing.about #contentArea {
  padding-left: 0;
  padding-right: 0;
}

/**
 * ...except not sticky when logged in...
 * (because of admin menu as well as general annoyance)
 */
body.marketing.about.logged-in {
  padding-top: 0;
}
body.marketing.about.logged-in header.main {
  position: relative;
}

/**
 * ...and not sticky at smaller screen sizes
 */
@media (max-width: 979px) {
  body.marketing.about header.main {
    height: auto;
    position: relative;
  }
}
body.about #cms-page-container h2:first-of-type {
  background-color: transparent;
  color: #1c2345;
  font-size: 44.0076px;
  letter-spacing: -0.01em;
  left: auto;
  margin-top: 1.5em;
  margin-bottom: 0em;
  position: relative;
  right: auto;
  text-align: center;
  text-transform: none;
  top: auto;
  width: auto;
}
body.about #cms-page-container h2 + p {
  color: #50657a;
  font-size: 23.94px;
  line-height: 158%;
  margin-top: 0em;
  text-align: center;
}
body.about #contentArea {
  margin: 0pt auto;
  max-width: 1582px;
  width: 100%;
  padding-top: 0px;
  padding-bottom: 0px;
}
body.about #contentArea #content-wrapper {
  max-width: none;
  padding: 0px;
}
body.about #contentArea .container-fluid {
  margin: 0em auto;
  max-width: 980px;
}
body.about section#top {
  background-color: #0644b1;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
  position: relative;
  color: #fff;
  padding: 139px 0px;
  text-align: center;
}
body.about section#top h3 {
  color: #fff;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.3em;
  line-height: 171%;
  text-align: center;
  text-transform: uppercase;
}
body.about section#top hr {
  border-top: 1px solid #fff;
  margin-bottom: 1.5em;
}
body.about section#top h1 {
  color: #fff;
  font-size: 51.94px;
}
body.about section#bottom {
  height: 170px;
}
body.about section#join-the-team {
  background-color: #0644b1;
  color: #ffffff;
  padding-top: 14px;
  padding-bottom: 56px;
  text-align: center;
}
body.about section#join-the-team h2, body.about section#join-the-team h2:first-of-type {
  color: #fff;
  font-size: 32.06px;
  margin-bottom: -10px;
}
body.about section#join-the-team p {
  color: #fff;
  font-size: 20.02px;
  margin-bottom: 36px;
}
body.about section#join-the-team .btn-large {
  width: 400px;
  max-width: 100%;
  box-sizing: border-box;
}
body.about hr {
  border-top: 1px solid #b9c0ce;
  border-bottom: 1px solid #b9c0ce;
  margin: 0px auto;
  width: 7em;
}
body.about .introductions .total-raised {
  color: #f06400;
}

.refresh-cdn-button, .about-page-refresh {
  border-radius: 20pt;
  padding: 0.85em 2.5em;
  background-color: #1c2345;
  color: white !important;
  font-size: 14px;
}
.refresh-cdn-button:hover, .about-page-refresh:hover, .refresh-cdn-button:focus, .about-page-refresh:focus {
  background-color: #0c308f;
  cursor: pointer;
}

.about-page-refresh {
  position: absolute;
  top: 429px;
  right: 10px;
}

/*========================================
=           RESPONSIVE STYLES            =
========================================*/
@media (min-width: 654px) and (max-width: 1000px) {
  body.about #team .employee,
  body.about #team.container-flex .employee {
    margin: 0 5px 15px;
    width: 186px;
  }
  body.about #team .employee .photo,
  body.about #team.container-flex .employee .photo {
    height: 279px;
  }
}
@media (max-width: 653px) {
  body.about #team .employee,
  body.about #team.container-flex .employee {
    margin: 0 6px 10px;
    width: 150px;
  }
  body.about #team .employee .photo,
  body.about #team.container-flex .employee .photo {
    height: 225px;
  }
  body.about #team .employee .name,
  body.about #team.container-flex .employee .name {
    line-height: 120%;
  }
  body.about #team .employee .title,
  body.about #team.container-flex .employee .title {
    margin: 9px 0 18px;
  }
}
@media (max-width: 767px) {
  body.about #cms-page-container h2 + p {
    text-align: left;
  }
  body.about #cms-page-container .row-fluid p,
  body.about #cms-page-container .row-fluid h3, body.about #cms-page-container .row-fluid h4,
  body.about #cms-page-container .row-fluid li {
    margin-left: 40px;
    margin-right: 40px;
  }
  body.about #ats-team {
    width: 100%;
    margin-left: 0;
  }
  body.about section {
    background-image: none !important;
  }
  body.about section#middle {
    height: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  body.about section#bottom {
    height: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  body.about section#join-the-team h2 + p {
    text-align: center;
  }
  body.about section#join-the-team .btn {
    max-width: 200px;
  }
}
@media (max-width: 320px) {
  body.about section#join-the-team .btn {
    max-width: 160px;
  }
}
/* todo: Refactor var names to use 100–700 scale (like Violet) -- AB 7/2020 */
/* Neutral */
/* Cerulean */
/* Deep */
/* Orange */
/* todo: Update to Poppy -- AB 7/2020 */
/* Emerald */
/* Grass */
/* Magenta */
/* Violet */
.actblue-bignumber .number {
  display: inline-block;
  width: 0.7em;
  text-align: center;
}

/**
 * The header is sticky...
 */
body.comatose_pages.jobs, body.comatose_pages.available-positions {
  padding-top: 77px;
}
body.comatose_pages.jobs header.main, body.comatose_pages.available-positions header.main {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 2;
  min-height: 76px;
}

/**
 * ...except not sticky when logged in...
 * (because of admin menu as well as general annoyance)
 */
body.comatose_pages.jobs.logged-in, body.comatose_pages.available-positions.logged-in {
  padding-top: 0;
}
body.comatose_pages.jobs.logged-in header.main, body.comatose_pages.available-positions.logged-in header.main {
  position: relative;
}

/**
 * ...and not sticky at smaller screen sizes
 */
@media (max-width: 979px) {
  body.comatose_pages.jobs, body.comatose_pages.available-positions {
    padding-top: 0px;
  }
  body.comatose_pages.jobs header.main, body.comatose_pages.available-positions header.main {
    height: auto;
    position: relative;
  }
}
body.jobs #cms-page-container h2:first-of-type, body.available-positions #cms-page-container h2:first-of-type {
  background-color: transparent;
  color: #1c2345;
  font-size: 46.0908px;
  letter-spacing: -0.01em;
  left: auto;
  margin-top: 0.4em;
  margin-bottom: 0em;
  position: relative;
  right: auto;
  text-align: center;
  text-transform: none;
  top: auto;
  width: auto;
}
body.jobs #cms-page-container h2 + p, body.available-positions #cms-page-container h2 + p {
  color: #50657a;
  font-size: 23.94px;
  line-height: 158%;
  margin-top: 0em;
  text-align: center;
}
body.jobs #contentArea, body.available-positions #contentArea {
  margin: 0pt auto;
  max-width: 1582px;
  width: 100%;
  padding: 0px;
}
body.jobs #contentArea #content-wrapper, body.available-positions #contentArea #content-wrapper {
  max-width: none;
  padding: 0px;
}
body.jobs #contentArea .container-fluid, body.available-positions #contentArea .container-fluid {
  margin: 0em auto;
  max-width: 980px;
}
body.jobs section#top, body.available-positions section#top {
  background-color: #00a9e0;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
  position: relative;
  background-image: url(/assets/layout/jobs/top-background-6d047c3bcf8bf554cd8c036a4d6efa78b7872942ccc1c01575d41a7e1f756273.jpg);
  color: #fff;
  padding: 139px 0px;
  text-align: center;
}
body.jobs section#top h3, body.available-positions section#top h3 {
  color: #fff;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.3em;
  line-height: 171%;
  text-align: center;
  text-transform: uppercase;
}
body.jobs section#top hr, body.available-positions section#top hr {
  border-top: 1px solid #fff;
  margin-bottom: 1.5em;
}
body.jobs section#top h1, body.available-positions section#top h1 {
  color: #fff;
  font-size: 51.94px;
}
body.jobs section#middle, body.available-positions section#middle {
  background-color: #00a9e0;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
  position: relative;
  background-image: url(/images/layout/jobs/middle-background.jpg);
  height: 868px;
  margin-top: 78px;
  margin-bottom: 93px;
}
body.jobs section#meet-actblue, body.available-positions section#meet-actblue {
  background-color: #0644b1;
  color: #fff;
  padding: 55px 0px 85px;
  text-align: center;
}
body.jobs section#meet-actblue h2, body.jobs section#meet-actblue h2:first-of-type, body.available-positions section#meet-actblue h2, body.available-positions section#meet-actblue h2:first-of-type {
  color: #fff;
  font-size: 32.06px;
  margin-bottom: 3px;
}
body.jobs section#meet-actblue .btn-large, body.available-positions section#meet-actblue .btn-large {
  width: 400px;
}
body.jobs #cms-page-container h4, body.available-positions #cms-page-container h4 {
  color: #1c2345;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16.0146px;
  font-weight: 500;
  line-height: 175%;
  text-transform: uppercase;
}
body.jobs #cms-page-container hr, body.available-positions #cms-page-container hr {
  border-top: 1px solid #b9c0ce;
  border-bottom: 1px solid #b9c0ce;
  margin: 0px auto;
  width: 7em;
}
body.jobs #cms-page-container ul, body.available-positions #cms-page-container ul {
  margin-left: 0px;
}
body.jobs #cms-page-container ul li, body.available-positions #cms-page-container ul li {
  font-size: 15.96px;
  list-style: none;
  padding-left: 1.4em;
  text-indent: -1.4em;
}
body.jobs #cms-page-container ul li:before, body.available-positions #cms-page-container ul li:before {
  content: "◼ ";
  color: #00a9e0;
  padding-right: 0.3em;
}
body.jobs #cms-page-container #benefits strong, body.available-positions #cms-page-container #benefits strong {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 15.96px;
  font-weight: 500;
  text-transform: uppercase;
}
body.jobs #cms-page-container #benefits span.benefit, body.available-positions #cms-page-container #benefits span.benefit {
  color: #8894a8;
  font-size: 16.94px;
}

@media (min-width: 768px) {
  body.jobs section#top {
    background-color: #e6e9ed;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
    position: relative;
    background-image: url(/assets/layout/jobs/top-background-6d047c3bcf8bf554cd8c036a4d6efa78b7872942ccc1c01575d41a7e1f756273.jpg);
    background-position: 50% 35%;
  }
}
@media (min-width: 768px) {
  body.jobs section#top h3, body.jobs section#top h1 {
    color: #ffffff;
  }
}
body.jobs section#top hr {
  border: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.8);
}
body.jobs section#bottom {
  height: 170px;
}

body.available-positions section#top {
  background-image: none;
}
body.available-positions section#top.available-positions-joblist-img {
  background-color: #009CDE;
}
body.available-positions section#top.available-positions-job-img {
  background-color: #0078AB;
}
body.available-positions .job-intro-text {
  display: none;
}

/*========================================
=           RESPONSIVE STYLES            =
========================================*/
@media (max-width: 767px) {
  body.jobs #cms-page-container h2 + p, body.available-positions #cms-page-container h2 + p {
    text-align: left;
  }
  body.jobs #cms-page-container .row-fluid p,
  body.jobs #cms-page-container .row-fluid h3, body.jobs #cms-page-container .row-fluid h4,
  body.jobs #cms-page-container .row-fluid li, body.available-positions #cms-page-container .row-fluid p,
  body.available-positions #cms-page-container .row-fluid h3, body.available-positions #cms-page-container .row-fluid h4,
  body.available-positions #cms-page-container .row-fluid li {
    margin-left: 40px;
    margin-right: 40px;
  }
  body.jobs section, body.available-positions section {
    background-image: none !important;
  }
  body.jobs section#middle, body.available-positions section#middle {
    height: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  body.jobs section#bottom, body.available-positions section#bottom {
    height: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  body.jobs section#meet-actblue h2 + p, body.available-positions section#meet-actblue h2 + p {
    text-align: center;
  }
  body.jobs section#meet-actblue .btn, body.available-positions section#meet-actblue .btn {
    max-width: 200px;
  }
}
@media (max-width: 320px) {
  body.jobs#meet-actblue .btn, body.available-positions#meet-actblue .btn {
    max-width: 160px;
  }
}
/*

  This file should contain all the CSS for the public portion of the site,
  beyond the bare minimum that is needed for the contribution form.

  It should not contain any assets that are in indigo.scss

  Note that marketing pages are set in marketing.base

  contents:
    # DIRECTORY
    # ICONS + SPRITES
    # AUTH
    # STANDALONE FORM
    # CMS
    // TT: Thanks and Tickets

*/
h2#page-title,
#cms-page-container h2:first-of-type {
  background-color: #0058d3;
  color: #ffffff;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 18.0978px;
  font-weight: 600;
  margin-bottom: 0;
  padding: 21px 1em;
  box-sizing: border-box;
  text-align: center;
}

h2#nova-page-title,
#cms-page-container h2:first-of-type {
  background-color: #0A225B;
  color: #ffffff;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 18.0978px;
  font-weight: 600;
  margin-bottom: 0;
  padding: 21px 1em;
  box-sizing: border-box;
  text-align: center;
}
h2#nova-page-title span,
#cms-page-container h2:first-of-type span {
  color: #EF9000;
}
h2#nova-page-title img,
#cms-page-container h2:first-of-type img {
  margin-right: 10px;
}

#cms-page-container h2 + p,
#cms-page-container h2 + ul,
.fineprint #cms-page-container h2 + div.fine-print {
  margin-top: 4em;
}

/* CMS pages */
#cms-page-container {
  font-size: 18.06px;
  line-height: 165%;
}

/* shared/entity | directory, etc */
.entities-list .entity-container {
  background-color: #f7f8fa;
  border: 1px solid #ccd3de;
  border-radius: 4px;
  box-sizing: border-box;
  min-height: 8em;
  margin-bottom: 1em;
}
.entities-list .entity-container h3 {
  line-height: 1.5em;
}
.entities-list .entity-container h3.admin-visible {
  text-decoration: line-through;
}
.entities-list .entity-container .span6 .blurb {
  margin-right: 2em;
}
.entities-list .entity-container img.photo {
  float: left;
  margin: 1em 1em 0 0;
}
.entities-list .entity-container .nav-pills {
  margin-left: -12px;
  margin-bottom: 0.5em;
}
.entities-list .entity-container .nav-pills .nav {
  margin-bottom: 0;
}
.entities-list .entity-container .nav-pills .nav .dropdown-toggle {
  padding: 7px 12px 6px;
}
.entities-list .entity-container .entity-footer {
  border-top: 2px solid #e6e9ed;
  font-size: 1em;
  line-height: 2em;
  white-space: nowrap;
}
.entities-list .entity-container .entity-footer .highlight {
  font-size: 1.2em;
  padding-left: 14px;
  margin-left: 0.5em;
  color: #049cdb;
}
.entities-list .entity-container .entity-footer .entitySupporters {
  background: transparent url(/assets/assets/icon_people_sm-6d1aeaa4d6a9ea20d55e4d8d6eb09fcdc9d84a440a2c23c10eeed33570e55a5c.png) no-repeat left 4px;
}
.entities-list .entity-container .entity-footer .entityRaised {
  background: transparent url(/assets/assets/icon_raised_sm-0a9077ce57e5d31c9abe562784652742395961e0917d8554ab45c996b8a9c596.png) no-repeat left 4px;
}
.entities-list .entity-container .entity-actions {
  padding-top: 1em;
  text-align: right;
}
.entities-list .entity-container .entity-actions .btn,
.entities-list .entity-container .entity-actions input,
.entities-list .entity-container .entity-actions p {
  margin-right: 14px;
}
.entities-list .entity-container .race {
  padding-top: 1em;
  text-align: right;
}
.entities-list .entity-container .race .location {
  display: block;
}
.entities-list .pagination {
  text-align: center;
}

/* #directory facets */
#directory-container form {
  margin-bottom: 0;
}
#directory-container .search-options {
  font-weight: bold;
  font-size: 1.16em;
  color: #1c2345;
  text-decoration: none;
  background: none;
  border: none;
  padding: 0;
}
@media (max-width: 767px) {
  #directory-container {
    /* Workaround for the `overflow: scroll;` applied to #content-wrapper in indigo layout scss -- AB 6/2020 */
    width: 99%;
  }
  #directory-container .expandable_body {
    display: none;
  }
}
#directory-container .search-container {
  margin-bottom: 1em;
}
#directory-container .search-container button {
  border-radius: 20pt;
  padding: 0.85em 2.5em;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  background-color: #1c2345;
  background-image: none;
  border: 0px transparent;
  box-shadow: none;
  color: #ffffff;
  font-weight: 500;
  padding: 0.75em 0.75em;
  text-shadow: none;
}
#directory-container .search-container button:hover, #directory-container .search-container button:focus {
  background-color: #0058d3;
}
#directory-container .search-container span.subtle-modify {
  margin-top: 0.375rem;
}
#directory-container a.search-filter {
  padding: 0.125rem 0.25rem;
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid #b2c9e8;
  color: #0058d3;
  line-height: 2;
  white-space: nowrap;
}
#directory-container a.search-filter:hover, #directory-container a.search-filter:active {
  background: #ebf9fd;
  border: 1px solid #00a9e0;
  text-decoration: none;
  box-shadow: none;
}
#directory-container a.search-filter:focus {
  text-decoration: none;
}
#directory-container a.search-filter.remove {
  background: #ebf9fd;
  color: #1c2345;
  border: none;
  margin-right: 0.25rem;
  font-weight: 500;
  font-size: 1rem;
  font-style: normal;
}
#directory-container a.search-filter.remove:hover, #directory-container a.search-filter.remove:active {
  background: #d9f2fb;
  color: #1c2345;
}
#directory-container a.search-filter.remove:hover:after, #directory-container a.search-filter.remove:active:after {
  color: #0c308f;
}
#directory-container a.search-filter.remove:focus {
  box-shadow: inset 0 0 0 2px #00a9e0;
  outline: none;
}
#directory-container a.search-filter.remove:after {
  font-family: "FontAwesome";
  font-size: 0.75rem;
  display: inline-block;
  padding-left: 6px;
  vertical-align: 1.5px;
  content: "\f00d";
  color: #0058d3;
}
#directory-container .boxbody {
  margin-bottom: 20px;
  border-radius: 4px;
  border: 1px solid #ccd3de;
}
#directory-container .boxbody .header {
  padding: 1rem;
  font-style: italic;
}
#directory-container .boxbody .row-fluid {
  border-top: 1px solid #e6e9ed;
}
#directory-container .boxbody div.row-fluid:nth-child(2) {
  border-top: none;
}
#directory-container .boxbody div.row-fluid.span12 {
  border-top: none;
}
#directory-container .boxbody .box {
  padding-top: 0.5em;
}
#directory-container .boxbody .box h4 {
  margin: 0 0 0.25rem 1rem;
}
#directory-container .boxbody .box h5 {
  margin: 0 0 0.5rem 1rem;
}
#directory-container .boxbody .box select,
#directory-container .boxbody .box p,
#directory-container .boxbody .box ol {
  margin: 0 1rem 1rem;
}
#directory-container .boxbody .box ol li {
  margin-right: 0.3125rem;
  line-height: 2.3;
  display: inline;
}
#directory-container .boxbody .box.state li {
  display: inline-block;
  width: 3em;
  margin-right: 0;
}

.indigo-icon {
  background: transparent url(/assets/assets/icon-sprite-239bc560a640deab4dc3a19c562ae3a4bd23d51d61881ecee6e09c4a53bf4f12.png) no-repeat scroll;
}

.indigo-icon.small {
  width: 12px;
  height: 12px;
}

.indigo-icon.large {
  width: 18px;
  height: 19px;
}

.indigo-icon.person.large.dark {
  background-position: 0 0;
}

.indigo-icon.person.large.light {
  background-position: 0 -100px;
}

.indigo-icon.person.small.dark {
  background-position: 0 -200px;
}

.indigo-icon.person.small.light {
  background-position: 0 -300px;
}

.indigo-icon.dollar.large.dark {
  background-position: 0 -400px;
}

.indigo-icon.dollar.large.light {
  background-position: 0 -500px;
}

.indigo-icon.dollar.small.dark {
  background-position: 0 -600px;
}

.indigo-icon.dollar.small.light {
  background-position: 0 -700px;
}

.indigo-icon.date.large.dark {
  background-position: 0 -800px;
}

.indigo-icon.date.large.light {
  background-position: 0 -900px;
}

.indigo-icon.date.small.dark {
  background-position: 0 -1000px;
}

.indigo-icon.date.small.light {
  background-position: 0 -1100px;
}

.indigo-icon.mail.large.dark {
  background-position: 0 -1200px;
}

.indigo-icon.mail.large.light {
  background-position: 0 -1300px;
}

.indigo-icon.mail.small.dark {
  background-position: 0 -1400px;
}

.indigo-icon.mail.small.light {
  background-position: 0 -1500px;
}

.indigo-icon.down.large.dark {
  background-position: 0 -1600px;
}

.indigo-icon.down.large.light {
  background-position: 0 -1700px;
}

.indigo-icon.down.small.dark {
  background-position: 0 -1800px;
}

.indigo-icon.down.small.light {
  background-position: 0 -1900px;
}

.indigo-icon.list.large.dark {
  background-position: 0 -2000px;
}

.indigo-icon.list.large.light {
  background-position: 0 -2100px;
}

.indigo-icon.list.small.dark {
  background-position: 0 -2200px;
}

.indigo-icon.list.small.light {
  background-position: 0 -2300px;
}

.indigo-icon.chart.large.dark {
  background-position: 0 -2400px;
}

.indigo-icon.chart.large.light {
  background-position: 0 -2500px;
}

.indigo-icon.chart.small.dark {
  background-position: 0 -2600px;
}

.indigo-icon.chart.small.light {
  background-position: 0 -2700px;
}

.indigo-icon.text-wrap {
  width: auto;
  height: auto;
  padding-left: 22px;
}

.indigo-icon.text-wrap.small {
  padding-left: 15px;
}

#sitetotal::before {
  content: "$";
}
#sitetotal.empty::before {
  content: none;
}

body.auth-form #contentArea {
  background: #f7f8fa;
}
body.auth-form #auth-form-pane {
  max-width: unset;
  height: 100%;
  min-height: 280px;
  padding: 0 0.25rem 4.5rem;
}
@media (min-width: 768px) {
  body.auth-form #auth-form-pane {
    padding: 3rem 1.5rem 6rem;
  }
}
body.auth-form #auth-form-pane #auth-form-wrapper {
  justify-content: center;
  margin: 0 auto;
  max-width: 20rem;
  width: 100%;
}
body.auth-form #auth-form-pane #auth-form-wrapper .control-group {
  margin: 1rem 0 0 0;
}
body.auth-form #auth-form-pane #auth-form-wrapper input[type=submit] {
  height: unset;
  width: 100%;
}
body.auth-form #auth-form-pane #auth-form-wrapper ul.inline-errors {
  margin: 0.25rem 0 0 0;
}
body.auth-form #auth-form-pane #auth-form-wrapper .oauth-inner-wrapper {
  position: relative;
  border: 1px solid #ccd3de;
  border-top: none;
  border-radius: 4px;
  margin-top: 2rem;
  padding: 1rem 0.875rem 0.875rem 0.875rem;
}
@media (min-width: 768px) {
  body.auth-form #auth-form-pane #auth-form-wrapper .oauth-inner-wrapper {
    padding: 1.375rem 1.25rem 1.25rem 1.25rem;
  }
}
body.auth-form #auth-form-pane #auth-form-wrapper .oauth-label {
  position: absolute;
  top: -8px;
  left: 1px;
  width: calc(100% - 2px);
  display: flex;
  justify-content: space-between;
  align-items: center;
  white-space: nowrap;
  line-height: 1rem;
  margin: 0;
}
body.auth-form #auth-form-pane #auth-form-wrapper .oauth-label:after, body.auth-form #auth-form-pane #auth-form-wrapper .oauth-label:before {
  display: block;
  content: "";
  background: #ccd3de;
  height: 1px;
}
body.auth-form #auth-form-pane #auth-form-wrapper .oauth-label:before {
  width: 359px;
  margin-right: 0.5rem;
}
body.auth-form #auth-form-pane #auth-form-wrapper .oauth-label:after {
  width: 100%;
  margin-left: 0.5rem;
}

body.standalone-form #contentArea {
  background-color: #f7f8fa;
}

#standalone-form-pane {
  margin-bottom: 4em;
}

#standalone-form-pane .standalone-form-footer,
#standalone-form-pane .standalone-form-body,
#standalone-form-wrapper .standalone-form-footer,
#standalone-form-wrapper .standalone-form-body {
  box-sizing: border-box;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
}
@media (min-width: 480px) {
  #standalone-form-pane .standalone-form-footer,
  #standalone-form-pane .standalone-form-body,
  #standalone-form-wrapper .standalone-form-footer,
  #standalone-form-wrapper .standalone-form-body {
    padding: 1rem;
  }
}

#standalone-form-wrapper .standalone-form-body {
  border-radius: 4px;
}
#standalone-form-wrapper .standalone-form-body form {
  margin-bottom: 0.5rem;
  text-align: left;
  display: flex;
  flex-direction: column;
  /*input + icon */
  /* input */
}
#standalone-form-wrapper .standalone-form-body form label {
  font-size: 16px;
  margin: 0;
}
#standalone-form-wrapper .standalone-form-body form label[for=user_email],
#standalone-form-wrapper .standalone-form-body form label[for=unsubscribe_email],
#standalone-form-wrapper .standalone-form-body form label[for=user_password],
#standalone-form-wrapper .standalone-form-body form label[for=user_password_confirmation],
#standalone-form-wrapper .standalone-form-body form label[for=user_current_password],
#standalone-form-wrapper .standalone-form-body form label[for=user_passwd],
#standalone-form-wrapper .standalone-form-body form label.icon {
  position: relative;
  float: left;
  display: inline-block;
  vertical-align: middle;
  background-color: #fff;
  background-position: center;
  border-radius: 4px 0 0 4px;
}
#standalone-form-wrapper .standalone-form-body form label[for=user_email],
#standalone-form-wrapper .standalone-form-body form label[for=unsubscribe_email] {
  background-image: url(/assets/layout/login/email-7af21ae2877d3ad790f0f28d05fde396763cd2c0f3b4211a9f83466170429d00.png);
  height: 54px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  width: 54px;
}
#standalone-form-wrapper .standalone-form-body form label[for=user_password],
#standalone-form-wrapper .standalone-form-body form label[for=user_password_confirmation],
#standalone-form-wrapper .standalone-form-body form label[for=user_current_password],
#standalone-form-wrapper .standalone-form-body form label[for=user_passwd],
#standalone-form-wrapper .standalone-form-body form label.icon.password {
  background-image: url(/assets/layout/login/password-f3520dbb312f4c848d55bbf96b6b176aa43ce30a4e96bed8e37cc1dcf5b64bae.png);
  height: 54px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  width: 54px;
}
#standalone-form-wrapper .standalone-form-body form label.icon.phone {
  background-image: url(/assets/layout/login/phone-a2fa0db9de82775d9e9e575ce95847e521f753941e981182ced4453c6a112a0f.svg);
  height: 54px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  width: 54px;
}
#standalone-form-wrapper .standalone-form-body form .control-group {
  margin: 0.5rem 0 0.25rem 0;
}
#standalone-form-wrapper .standalone-form-body form .controls {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
#standalone-form-wrapper .standalone-form-body form input + .help-block {
  margin-top: 0.5em;
  padding-left: 0.25rem;
}
#standalone-form-wrapper .standalone-form-body form input {
  margin-bottom: 0;
}
#standalone-form-wrapper .standalone-form-body form input[type=text], #standalone-form-wrapper .standalone-form-body form input[type=email], #standalone-form-wrapper .standalone-form-body form input[type=number], #standalone-form-wrapper .standalone-form-body form input[type=password] {
  color: #1c2345;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.6;
  text-decoration: none;
  border-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  width: 100%;
  border: 0px;
  color: #1c2345;
  font-size: 1.125rem;
  height: 54px;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  #standalone-form-wrapper .standalone-form-body form input[type=text], #standalone-form-wrapper .standalone-form-body form input[type=email], #standalone-form-wrapper .standalone-form-body form input[type=number], #standalone-form-wrapper .standalone-form-body form input[type=password] {
    padding: 0.875rem;
  }
}
#standalone-form-wrapper .standalone-form-body form input[type=text].error, #standalone-form-wrapper .standalone-form-body form input[type=email].error, #standalone-form-wrapper .standalone-form-body form input[type=number].error, #standalone-form-wrapper .standalone-form-body form input[type=password].error {
  background-color: #ffffff !important;
  border: 1px solid #f4b5cd;
}
#standalone-form-wrapper .standalone-form-body form input::-webkit-input-placeholder {
  font-style: italic;
}
#standalone-form-wrapper .standalone-form-body form input::-moz-placeholder {
  font-style: italic;
}
#standalone-form-wrapper .standalone-form-body form input:-ms-input-placeholder {
  font-style: italic;
}
#standalone-form-wrapper .standalone-form-body form input:-moz-placeholder {
  font-style: italic;
}
#standalone-form-wrapper .standalone-form-body form .inline-errors {
  margin: 0;
  padding: 0;
  color: #db0a5b;
  font-size: 0.875rem;
  line-height: 1.4;
  text-align: left;
}
#standalone-form-wrapper .standalone-form-body .spinner-wrap {
  display: flex;
  flex-direction: column;
}
#standalone-form-wrapper .standalone-form-body .help {
  padding: 0 1em;
  border: 1px #d9f2fb solid;
  margin-bottom: 1em;
}
#standalone-form-wrapper .standalone-form-body .btn-inverse {
  padding-top: 1.25em;
  padding-bottom: 1.25em;
}
#standalone-form-wrapper .loading_message {
  margin-top: 0px;
  padding-top: 1em;
}

#auth-token {
  -moz-appearance: textfield;
}

body.new-branding {
  background: #f7f8fa;
}
body.new-branding #header {
  background-color: #fff;
  width: 100%;
  max-width: 100%;
}
body.new-branding #contentArea {
  background-color: #f7f8fa;
}
@media (max-width: 767px) {
  body.new-branding .container {
    width: 100%;
  }
}
body.new-branding h2,
body.new-branding p {
  text-align: center;
}
body.new-branding h2 {
  font-size: 1.8rem;
  font-weight: 500;
}
@media (min-width: 768px) {
  body.new-branding h2 {
    font-size: 2rem;
  }
}
@media (min-width: 768px) {
  body.new-branding p.help {
    font-size: 1.125rem;
    line-height: 1.65;
  }
}
body.new-branding p.callout {
  color: #9d261d;
  text-transform: uppercase;
  font-weight: bold;
}
body.new-branding legend {
  font-size: 1rem;
  border-bottom: 2px #8894a8 solid;
}
@media (max-width: 767px) {
  body.new-branding legend {
    width: calc(100% - 1rem);
  }
}
body.new-branding #standalone-form-pane .standalone-form-body,
body.new-branding #standalone-form-pane .standalone-form-footer {
  width: 100%;
}
body.new-branding #standalone-form-pane .standalone-form-body .btn,
body.new-branding #standalone-form-pane .standalone-form-footer .btn {
  border-radius: 0;
}
body.new-branding #standalone-form-wrapper {
  margin-top: 2rem;
}
body.new-branding #standalone-form-pane #standalone-form-wrapper form {
  margin-left: auto;
  margin-right: auto;
  width: 620px;
}
@media (max-width: 767px) {
  body.new-branding #standalone-form-pane #standalone-form-wrapper form {
    width: 100%;
  }
}
body.new-branding #standalone-form-pane #standalone-form-wrapper form .control-group {
  display: flex;
  margin-bottom: 1em;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  body.new-branding #standalone-form-pane #standalone-form-wrapper form .control-group {
    flex-wrap: nowrap;
  }
}
body.new-branding #standalone-form-pane #standalone-form-wrapper form .control-group label {
  text-align: left;
  padding-right: 1rem;
  font-weight: bold;
}
body.new-branding #standalone-form-pane #standalone-form-wrapper form .control-group label:after {
  content: ":";
}
@media (min-width: 768px) {
  body.new-branding #standalone-form-pane #standalone-form-wrapper form .control-group label {
    flex-basis: 35%;
    text-align: right;
    margin-top: 1.4rem;
    font-size: 1.25rem;
  }
}
body.new-branding #standalone-form-pane #standalone-form-wrapper form .control-group .controls {
  width: 100%;
}
body.new-branding #standalone-form-pane #standalone-form-wrapper form .control-group .controls input {
  text-align: center;
  color: #1c2345;
  line-height: normal;
  border-radius: 0;
}
body.new-branding #standalone-form-pane #standalone-form-wrapper form .control-group .controls input[type=number] {
  -moz-appearance: textfield;
}
body.new-branding #standalone-form-pane #standalone-form-wrapper form .control-group .help-block {
  text-align: center;
  font-size: 1rem;
}
body.new-branding #standalone-form-pane #standalone-form-wrapper form .control-group.cc .controls {
  background: url(/assets/layout/features/cc.svg) center right no-repeat;
}
body.new-branding #standalone-form-pane #standalone-form-wrapper form .control-group.cc input {
  margin-right: 5rem;
}
@media (min-width: 768px) {
  body.new-branding #standalone-form-pane #standalone-form-wrapper form .control-group.cc input {
    margin-right: 7rem;
  }
}
body.new-branding #standalone-form-pane #standalone-form-wrapper form .btn {
  font-weight: bold;
  font-size: 1.1rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
@media (min-width: 768px) {
  body.new-branding #standalone-form-pane #standalone-form-wrapper form .btn {
    margin-left: 11rem;
  }
}
body.new-branding input:focus::-webkit-input-placeholder {
  opacity: 0;
}
body.new-branding input:focus::-ms-input-placeholder {
  opacity: 0;
}

body.contribution_lookups #contentArea h2:before {
  background: url(/assets/layout/features/binoculars.svg) top center no-repeat;
  content: " ";
  background-size: auto 3.5rem;
  height: 3.5rem;
  margin-left: auto;
  margin-right: auto;
  width: 6.5rem;
  display: block;
  border-bottom: 2px #ccd3de solid;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}

#cms-page-container img.screenshot {
  max-width: 80%;
  margin: 1em auto;
  padding: 20px;
  border: 10px solid #f0f0f0;
}

#new_page_name_status {
  white-space: nowrap;
  padding: 1px 0 0 18px;
  margin-left: 2px;
  color: #657287;
}

#new_page_name_status.available {
  background: url(/assets/check-8c37ec3badb6705ed72533eaada9d780f8abbbe80e95f80b20257be2258abcba.gif) no-repeat top left;
}

#new_page_name_status.taken {
  background: url(/assets/failure-16-8d4646e6d5c2e3d41024e160ac860440c1df6933bd982308197f94a24497636d.png) no-repeat top left;
}

@media (max-width: 767px) {
  .entities-list .boxbody,
  #directory-container .boxbody {
    display: none;
  }
  .entities-list .entity-container,
  #directory-container .entity-container {
    background-position: 0px;
    position: relative;
    padding-left: 1em;
  }
  .entities-list .entity-container h3,
  #directory-container .entity-container h3 {
    padding-right: 110px;
  }
  .entities-list .entity-container img,
  #directory-container .entity-container img {
    display: none;
  }
  .entities-list .entity-container .race,
  #directory-container .entity-container .race {
    text-align: left;
    padding-top: 0.5em;
  }
  .entities-list .entity-container .race .location,
  #directory-container .entity-container .race .location {
    display: inline;
  }
  .entities-list .entity-container .blurb p,
  #directory-container .entity-container .blurb p {
    margin: 1em 1em 1em 0;
  }
  .entities-list .entity-container .entity-actions,
  #directory-container .entity-container .entity-actions {
    position: absolute;
    top: 0;
    right: 0;
  }
  .entities-list .entity-container .entity-actions .create-page,
  #directory-container .entity-container .entity-actions .create-page {
    display: none;
  }
  .entities-list .entity-container .entity-footer,
  #directory-container .entity-container .entity-footer {
    white-space: normal;
  }
  .entities-list .pagination li,
  #directory-container .pagination li {
    display: none;
  }
  .entities-list .pagination li.active,
  .entities-list .pagination li.prev,
  .entities-list .pagination li.next,
  #directory-container .pagination li.active,
  #directory-container .pagination li.prev,
  #directory-container .pagination li.next {
    display: inline;
  }
  body.login header.main,
  body.login footer,
  body.login #site-wrapper,
  body.login #contentArea,
  body.new.users header.main,
  body.new.users footer,
  body.new.users #site-wrapper,
  body.new.users #contentArea {
    width: auto !important;
  }
  #standalone-form-pane {
    margin-bottom: 0;
  }
  #standalone-form-pane #standalone-form-wrapper {
    margin-top: 1em;
  }
  #standalone-form-pane #standalone-form-wrapper .span6 {
    padding: 1em;
  }
  #standalone-form-pane #standalone-form-wrapper .span6 form .controls {
    width: 90%;
    width: calc(100% - 4rem);
    margin-bottom: 1em;
  }
  #standalone-form-pane #standalone-form-wrapper .span6 form .controls span.prefix {
    display: none;
  }
  #standalone-form-pane #standalone-form-wrapper .span6 form .controls span.prefix + input {
    flex: 1 100%;
    -webkit-flex: 1 0 100%;
    max-width: 100%;
  }
  #standalone-form-pane #standalone-form-wrapper .span6 form .control-group {
    white-space: nowrap;
    overflow: hidden;
    position: flex;
  }
  #standalone-form-pane .help-block {
    white-space: normal;
  }
  #standalone-form-pane #main-crosslink .btn-inverse {
    max-width: 70%;
  }
  body.directory #directory-container input#query {
    max-width: 180px;
  }
}
.controls.url-prefixed-input {
  display: flex;
}
.controls.url-prefixed-input .url-prefix {
  vertical-align: middle;
  border: 1px solid #8894a8;
  background-color: #f7f8fa;
  box-sizing: border-box;
  height: 32px;
  padding: 4px 6px;
  font-size: 14px;
  line-height: 21px;
  color: #555;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.controls.url-prefixed-input > input {
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}