@charset "UTF-8";
/*doc
---
title: Color Scheme
name: colors
category: basics
---
Within Indigo, we use a combination of the Bootstrap color scheme and the following brand colors:


$navy:          #1c2345;
$cerulean:      #009CDE;
$black:         #000000;
$pewter:        #666666;

$sky:           #70B2E3;
$grass:         #9BCB58;
$kiwi:          #C0E391;
$tangerine:     #FBB261;
$fuschia:       #E50061;
$steel:         #ACAEB0;

$cloud:         #BFE6FB;
$lime:          #E5EEAE;
$manila:        #FFE8AE;
$platnum:       #ECEDF0;
$silver:        #C9CDD4;

*/
/*doc
---
title: Color Scheme - New Branding
name: colors-new
category: basics
---

ActBlue's branding uses a three-tiered color scheme.

### Primary:

CERULEAN: #009CDE
DUSK: #3B4A91
MIDNIGHT: #1C2345
GREYSCALE: #666666

### Secondary:

SKY: #70B2E3
GRASS: #9BCB58
KIWI: #C0E391
TANGERINE: #FBB261
FUSCHIA: #E50061
STEEL: #ACAEB0

### Tertiary:

CLOUD: #BFE6FB
LIME: #E5EEAE
MANILA: #FFE8AE
PLATINUM: #ECEDF0
SILVER: #C9CDD4

*/
/*doc
---
title: Color Scheme - Color/Concept Associations
name: colors-associations
category: basics
---

Specific ActBlue features may be persistently associated with a given color.

ActBlue Express: TANGERINE

*/
.bg-alt {
  background-color: #F0F0F0; }

a.bg-alt:hover,
a.bg-alt:focus {
  background-color: #d7d7d7; }

.bg-warning {
  background-color: #fcf8e3; }

a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5; }

.bg-info, #standalone-form-wrapper .standalone-form-body .help {
  background-color: #d9edf7; }

a.bg-info:hover, #standalone-form-wrapper .standalone-form-body a.help:hover,
a.bg-info:focus,
#standalone-form-wrapper .standalone-form-body a.help:focus {
  background-color: #afd9ee; }

.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 #ddd; }
  .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 #ddd; }
  .table .number {
    text-align: right; }
  .table .table {
    background-color: #fff; }

.table-condensed {
  width: 100%;
  margin-bottom: 21px; }
  .table-condensed th,
  .table-condensed td {
    padding: 8px;
    line-height: 21px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #ddd; }
  .table-condensed th {
    font-weight: bold; }
  .table-condensed thead th {
    vertical-align: bottom; }
  .table-condensed caption + thead tr:first-child th,
  .table-condensed caption + thead tr:first-child td,
  .table-condensed colgroup + thead tr:first-child th,
  .table-condensed colgroup + thead tr:first-child td,
  .table-condensed thead:first-child tr:first-child th,
  .table-condensed thead:first-child tr:first-child td {
    border-top: 0; }
  .table-condensed tbody + tbody {
    border-top: 2px solid #ddd; }
  .table-condensed .number {
    text-align: right; }
  .table-condensed th,
  .table-condensed td {
    padding: 4px 5px; }
  .table-condensed th {
    color: #666;
    font-weight: 400;
    border-bottom: 2px solid #CCC; }

/*doc
---
title: Grid System - Old Style
name: bootstrap-grid
category: grid
---
The "old" Indigo branding uses the Bootstrap grid, generally with Bootstrap classes in markup.
*/
/*doc
---
title: Grid System - New Style
name: nouveau-grid
category: grid
---

The "new" Indigo branding uses the Bootstrap grid. Where feasible, use of the SCSS mixins `bootstrap-span` and `bootstrap-offset` is preferred over putting Bootstrap classes in markup.

If the Bootstrap grid does not cooperate nicely with a given design, it may be the design's fault. Mike is generally happy to work with ATS to resolve these issues.

*/
/*doc
---
title: Color Scheme
name: colors
category: basics
---
Within Indigo, we use a combination of the Bootstrap color scheme and the following brand colors:


$navy:          #1c2345;
$cerulean:      #009CDE;
$black:         #000000;
$pewter:        #666666;

$sky:           #70B2E3;
$grass:         #9BCB58;
$kiwi:          #C0E391;
$tangerine:     #FBB261;
$fuschia:       #E50061;
$steel:         #ACAEB0;

$cloud:         #BFE6FB;
$lime:          #E5EEAE;
$manila:        #FFE8AE;
$platnum:       #ECEDF0;
$silver:        #C9CDD4;

*/
/*doc
---
title: Color Scheme - New Branding
name: colors-new
category: basics
---

ActBlue's branding uses a three-tiered color scheme.

### Primary:

CERULEAN: #009CDE
DUSK: #3B4A91
MIDNIGHT: #1C2345
GREYSCALE: #666666

### Secondary:

SKY: #70B2E3
GRASS: #9BCB58
KIWI: #C0E391
TANGERINE: #FBB261
FUSCHIA: #E50061
STEEL: #ACAEB0

### Tertiary:

CLOUD: #BFE6FB
LIME: #E5EEAE
MANILA: #FFE8AE
PLATINUM: #ECEDF0
SILVER: #C9CDD4

*/
/*doc
---
title: Color Scheme - Color/Concept Associations
name: colors-associations
category: basics
---

Specific ActBlue features may be persistently associated with a given color.

ActBlue Express: TANGERINE

*/
.bg-alt {
  background-color: #F0F0F0; }

a.bg-alt:hover,
a.bg-alt:focus {
  background-color: #d7d7d7; }

.bg-warning {
  background-color: #fcf8e3; }

a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5; }

.bg-info, #standalone-form-wrapper .standalone-form-body .help {
  background-color: #d9edf7; }

a.bg-info:hover, #standalone-form-wrapper .standalone-form-body a.help:hover,
a.bg-info:focus,
#standalone-form-wrapper .standalone-form-body a.help:focus {
  background-color: #afd9ee; }

.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 #ddd; }
  .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 #ddd; }
  .table .number {
    text-align: right; }
  .table .table {
    background-color: #fff; }

.table-condensed {
  width: 100%;
  margin-bottom: 21px; }
  .table-condensed th,
  .table-condensed td {
    padding: 8px;
    line-height: 21px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #ddd; }
  .table-condensed th {
    font-weight: bold; }
  .table-condensed thead th {
    vertical-align: bottom; }
  .table-condensed caption + thead tr:first-child th,
  .table-condensed caption + thead tr:first-child td,
  .table-condensed colgroup + thead tr:first-child th,
  .table-condensed colgroup + thead tr:first-child td,
  .table-condensed thead:first-child tr:first-child th,
  .table-condensed thead:first-child tr:first-child td {
    border-top: 0; }
  .table-condensed tbody + tbody {
    border-top: 2px solid #ddd; }
  .table-condensed .number {
    text-align: right; }
  .table-condensed th,
  .table-condensed td {
    padding: 4px 5px; }
  .table-condensed th {
    color: #666;
    font-weight: 400;
    border-bottom: 2px solid #CCC; }

/*doc
---
title: Grid System - Old Style
name: bootstrap-grid
category: grid
---
The "old" Indigo branding uses the Bootstrap grid, generally with Bootstrap classes in markup.
*/
/*doc
---
title: Grid System - New Style
name: nouveau-grid
category: grid
---

The "new" Indigo branding uses the Bootstrap grid. Where feasible, use of the SCSS mixins `bootstrap-span` and `bootstrap-offset` is preferred over putting Bootstrap classes in markup.

If the Bootstrap grid does not cooperate nicely with a given design, it may be the design's fault. Mike is generally happy to work with ATS to resolve these issues.

*/
#show_contents .wrap {
  padding: 1em 1.5em;
  margin-bottom: 1px; }
#show_contents #donateWrap h2 {
  color: #fff; }
#show_contents #donateWrap h4 {
  color: #1c2345; }
#show_contents #titleWrap {
  background: #009CDE;
  min-height: 40px; }
  #show_contents #titleWrap a {
    color: #1c2345; }
#show_contents #summaryWrap {
  min-height: 100px;
  font-size: 1.25em; }
  #show_contents #summaryWrap p {
    line-height: 1.4em; }
#show_contents .stats-wrap {
  min-height: 3em;
  background: #1c2345;
  color: cerulean; }
  #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: #fff; }
#show_contents.entity .optionsWrap {
  background: #BFE6FB; }

/* stats-wrap -- blue "supporters, raised" style bar */
.stats-wrap {
  padding: 1em;
  margin-bottom: 1em;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  color: #009CDE;
  box-sizing: border-box; }
  .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: bold 2em Arial, sans-serif;
    color: #1c2345; }
  .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-bottom: 0; }

/*doc
---
title: Color Scheme
name: colors
category: basics
---
Within Indigo, we use a combination of the Bootstrap color scheme and the following brand colors:


$navy:          #1c2345;
$cerulean:      #009CDE;
$black:         #000000;
$pewter:        #666666;

$sky:           #70B2E3;
$grass:         #9BCB58;
$kiwi:          #C0E391;
$tangerine:     #FBB261;
$fuschia:       #E50061;
$steel:         #ACAEB0;

$cloud:         #BFE6FB;
$lime:          #E5EEAE;
$manila:        #FFE8AE;
$platnum:       #ECEDF0;
$silver:        #C9CDD4;

*/
/*doc
---
title: Color Scheme - New Branding
name: colors-new
category: basics
---

ActBlue's branding uses a three-tiered color scheme.

### Primary:

CERULEAN: #009CDE
DUSK: #3B4A91
MIDNIGHT: #1C2345
GREYSCALE: #666666

### Secondary:

SKY: #70B2E3
GRASS: #9BCB58
KIWI: #C0E391
TANGERINE: #FBB261
FUSCHIA: #E50061
STEEL: #ACAEB0

### Tertiary:

CLOUD: #BFE6FB
LIME: #E5EEAE
MANILA: #FFE8AE
PLATINUM: #ECEDF0
SILVER: #C9CDD4

*/
/*doc
---
title: Color Scheme - Color/Concept Associations
name: colors-associations
category: basics
---

Specific ActBlue features may be persistently associated with a given color.

ActBlue Express: TANGERINE

*/
.bg-alt {
  background-color: #F0F0F0; }

a.bg-alt:hover,
a.bg-alt:focus {
  background-color: #d7d7d7; }

.bg-warning {
  background-color: #fcf8e3; }

a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5; }

.bg-info, #standalone-form-wrapper .standalone-form-body .help {
  background-color: #d9edf7; }

a.bg-info:hover, #standalone-form-wrapper .standalone-form-body a.help:hover,
a.bg-info:focus,
#standalone-form-wrapper .standalone-form-body a.help:focus {
  background-color: #afd9ee; }

.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 #ddd; }
  .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 #ddd; }
  .table .number {
    text-align: right; }
  .table .table {
    background-color: #fff; }

.table-condensed {
  width: 100%;
  margin-bottom: 21px; }
  .table-condensed th,
  .table-condensed td {
    padding: 8px;
    line-height: 21px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #ddd; }
  .table-condensed th {
    font-weight: bold; }
  .table-condensed thead th {
    vertical-align: bottom; }
  .table-condensed caption + thead tr:first-child th,
  .table-condensed caption + thead tr:first-child td,
  .table-condensed colgroup + thead tr:first-child th,
  .table-condensed colgroup + thead tr:first-child td,
  .table-condensed thead:first-child tr:first-child th,
  .table-condensed thead:first-child tr:first-child td {
    border-top: 0; }
  .table-condensed tbody + tbody {
    border-top: 2px solid #ddd; }
  .table-condensed .number {
    text-align: right; }
  .table-condensed th,
  .table-condensed td {
    padding: 4px 5px; }
  .table-condensed th {
    color: #666;
    font-weight: 400;
    border-bottom: 2px solid #CCC; }

/*doc
---
title: Grid System - Old Style
name: bootstrap-grid
category: grid
---
The "old" Indigo branding uses the Bootstrap grid, generally with Bootstrap classes in markup.
*/
/*doc
---
title: Grid System - New Style
name: nouveau-grid
category: grid
---

The "new" Indigo branding uses the Bootstrap grid. Where feasible, use of the SCSS mixins `bootstrap-span` and `bootstrap-offset` is preferred over putting Bootstrap classes in markup.

If the Bootstrap grid does not cooperate nicely with a given design, it may be the design's fault. Mike is generally happy to work with ATS to resolve these issues.

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

.table-bordered {
  border: 1px solid #ddd;
  border-collapse: separate;
  border-left: 0;
  border-radius: 0px; }
  .table-bordered th,
  .table-bordered td {
    border-left: 1px solid #ddd; }
  .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: #FFE8AE; }

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: #dff0d8; }
.table tbody tr.error > td {
  background-color: #f2dede; }
.table tbody tr.warning > td {
  background-color: #fcf8e3; }
.table tbody tr.info > td {
  background-color: #d9edf7; }

.table-hover tbody tr.success:hover > td {
  background-color: #d0e9c6; }
.table-hover tbody tr.error:hover > td {
  background-color: #ebcccc; }
.table-hover tbody tr.warning:hover > td {
  background-color: #faf2cc; }
.table-hover tbody tr.info:hover > td {
  background-color: #c4e3f3; }

[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("ui/glyphicons-halflings.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-f0e0d95a9c8abcdfabf46348e2d4285829bb0491f5f6af0e05af52bffb6324c4.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: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 0px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }
  .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: #fcf8e3;
  border: 1px solid #fbeed5;
  border-radius: 0px; }

.alert,
.alert h4 {
  color: #c09853; }

.alert h4 {
  margin: 0; }

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

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #529138; }

.alert-success h4 {
  color: #529138; }

.alert-danger,
.alert-error {
  background-color: #f2dede;
  border-color: #eed3d7;
  color: #b94a48; }

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

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #3a87ad; }

.alert-info h4 {
  color: #3a87ad; }

.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: #999;
  cursor: default; }

.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus {
  color: #999;
  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: #999;
  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: #999; }

.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: #b94a48; }

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

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

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

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

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

.label-info, .badge-info {
  background-color: #3a87ad; }

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

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

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

.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.50; }
  .carousel-control.right {
    left: auto;
    right: 15px; }
  .carousel-control:hover, .carousel-control:focus {
    color: #fff;
    text-decoration: none;
    opacity: 0.90; }

.carousel-indicators {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 5;
  margin: 0;
  list-style: none; }
  .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: #333;
  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: #000000;
  text-shadow: 0 1px 0 white;
  opacity: 0.20; }
  .close:hover, .close:focus {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.40; }

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

/*! jQuery UI - v1.11.4 - 2015-07-02
* http://jqueryui.com
* Includes: core.css, draggable.css, sortable.css, autocomplete.css, datepicker.css, menu.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Helvetica%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=0px&bgColorHeader=%23dddddd&bgTextureHeader=highlight_soft&bgImgOpacityHeader=50&borderColorHeader=%23dddddd&fcHeader=%23444444&iconColorHeader=%230073ea&bgColorContent=%23ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=%23dddddd&fcContent=%23444444&iconColorContent=%23009CDE&bgColorDefault=%23f6f6f6&bgTextureDefault=highlight_soft&bgImgOpacityDefault=100&borderColorDefault=%23dddddd&fcDefault=%23009CDE&iconColorDefault=%23666666&bgColorHover=%231C2345&bgTextureHover=highlight_soft&bgImgOpacityHover=25&borderColorHover=%23009CDE&fcHover=%23ffffff&iconColorHover=%23ffffff&bgColorActive=%23ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=%23dddddd&fcActive=%231C2345&iconColorActive=%23454545&bgColorHighlight=%23ffffff&bgTextureHighlight=flat&bgImgOpacityHighlight=55&borderColorHighlight=%23cccccc&fcHighlight=%23444444&iconColorHighlight=%23009CDE&bgColorError=%23ffffff&bgTextureError=flat&bgImgOpacityError=55&borderColorError=%23f2afaf&fcError=%23222222&iconColorError=%23cb0303&bgColorOverlay=%23eeeeee&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=80&bgColorShadow=%23aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=60&thicknessShadow=4px&offsetTopShadow=-4px&offsetLeftShadow=-4px&cornerRadiusShadow=0px
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
  display: none; }

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none; }

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse; }

.ui-helper-clearfix:after {
  clear: both; }

.ui-helper-clearfix {
  min-height: 0; }

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0); }

.ui-front {
  z-index: 100; }

.ui-state-disabled {
  cursor: default !important; }

.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat; }

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none; }

.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none; }

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default; }

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none; }

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0; }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em; }

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
  top: 1px; }

.ui-datepicker .ui-datepicker-prev {
  left: 2px; }

.ui-datepicker .ui-datepicker-next {
  right: 2px; }

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px; }

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px; }

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px; }

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center; }

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0; }

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  width: 45%; }

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em; }

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0; }

.ui-datepicker td {
  border: 0;
  padding: 1px; }

.ui-datepicker td span, .ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none; }

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0; }

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible; }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left; }

.ui-datepicker.ui-datepicker-multi {
  width: auto; }

.ui-datepicker-multi .ui-datepicker-group {
  float: left; }

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em; }

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%; }

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%; }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left; }

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0; }

.ui-datepicker-rtl {
  direction: rtl; }

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
  float: right; }

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px; }

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: none; }

.ui-menu .ui-menu {
  position: absolute; }

.ui-menu .ui-menu-item {
  position: relative;
  margin: 0;
  padding: 3px 1em 3px .4em;
  cursor: pointer;
  min-height: 0;
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); }

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0; }

.ui-menu .ui-state-focus, .ui-menu .ui-state-active {
  margin: -1px; }

.ui-menu-icons {
  position: relative; }

.ui-menu-icons .ui-menu-item {
  padding-left: 2em; }

.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0; }

.ui-menu .ui-menu-icon {
  left: auto;
  right: 0; }

.ui-widget {
  font-family: Helvetica,Arial,sans-serif;
  font-size: 1.1em; }

.ui-widget .ui-widget {
  font-size: 1em; }

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: Helvetica,Arial,sans-serif;
  font-size: 1em; }

.ui-widget-content {
  border: 1px solid #ddd;
  background: #fff url("images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;
  color: #444; }

.ui-widget-content a {
  color: #444; }

.ui-widget-header {
  border: 1px solid #ddd;
  background: #ddd url("images/ui-bg_highlight-soft_50_dddddd_1x100.png") 50% 50% repeat-x;
  color: #444;
  font-weight: bold; }

.ui-widget-header a {
  color: #444; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 1px solid #ddd;
  background: #f6f6f6 url("images/ui-bg_highlight-soft_100_f6f6f6_1x100.png") 50% 50% repeat-x;
  font-weight: bold;
  color: #009CDE; }

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
  color: #009CDE;
  text-decoration: none; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  border: 1px solid #009CDE;
  background: #1C2345 url("images/ui-bg_highlight-soft_25_1C2345_1x100.png") 50% 50% repeat-x;
  font-weight: bold;
  color: #fff; }

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited {
  color: #fff;
  text-decoration: none; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  border: 1px solid #ddd;
  background: #fff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
  font-weight: bold;
  color: #1C2345; }

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #1C2345;
  text-decoration: none; }

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #ccc;
  background: #fff url("images/ui-bg_flat_55_ffffff_40x100.png") 50% 50% repeat-x;
  color: #444; }

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
  color: #444; }

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
  border: 1px solid #f2afaf;
  background: #fff url("images/ui-bg_flat_55_ffffff_40x100.png") 50% 50% repeat-x;
  color: #222; }

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
  color: #222; }

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
  color: #222; }

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
  font-weight: bold; }

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  font-weight: normal; }

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none; }

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35); }

.ui-icon {
  width: 16px;
  height: 16px; }

.ui-icon, .ui-widget-content .ui-icon {
  background-image: url("images/ui-icons_009CDE_256x240.png"); }

.ui-widget-header .ui-icon {
  background-image: url("images/ui-icons_0073ea_256x240.png"); }

.ui-state-default .ui-icon {
  background-image: url("images/ui-icons_666666_256x240.png"); }

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
  background-image: url("images/ui-icons_ffffff_256x240.png"); }

.ui-state-active .ui-icon {
  background-image: url("images/ui-icons_454545_256x240.png"); }

.ui-state-highlight .ui-icon {
  background-image: url("images/ui-icons_009CDE_256x240.png"); }

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
  background-image: url("images/ui-icons_cb0303_256x240.png"); }

.ui-icon-blank {
  background-position: 16px 16px; }

.ui-icon-carat-1-n {
  background-position: 0 0; }

.ui-icon-carat-1-ne {
  background-position: -16px 0; }

.ui-icon-carat-1-e {
  background-position: -32px 0; }

.ui-icon-carat-1-se {
  background-position: -48px 0; }

.ui-icon-carat-1-s {
  background-position: -64px 0; }

.ui-icon-carat-1-sw {
  background-position: -80px 0; }

.ui-icon-carat-1-w {
  background-position: -96px 0; }

.ui-icon-carat-1-nw {
  background-position: -112px 0; }

.ui-icon-carat-2-n-s {
  background-position: -128px 0; }

.ui-icon-carat-2-e-w {
  background-position: -144px 0; }

.ui-icon-triangle-1-n {
  background-position: 0 -16px; }

.ui-icon-triangle-1-ne {
  background-position: -16px -16px; }

.ui-icon-triangle-1-e {
  background-position: -32px -16px; }

.ui-icon-triangle-1-se {
  background-position: -48px -16px; }

.ui-icon-triangle-1-s {
  background-position: -64px -16px; }

.ui-icon-triangle-1-sw {
  background-position: -80px -16px; }

.ui-icon-triangle-1-w {
  background-position: -96px -16px; }

.ui-icon-triangle-1-nw {
  background-position: -112px -16px; }

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px; }

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px; }

.ui-icon-arrow-1-n {
  background-position: 0 -32px; }

.ui-icon-arrow-1-ne {
  background-position: -16px -32px; }

.ui-icon-arrow-1-e {
  background-position: -32px -32px; }

.ui-icon-arrow-1-se {
  background-position: -48px -32px; }

.ui-icon-arrow-1-s {
  background-position: -64px -32px; }

.ui-icon-arrow-1-sw {
  background-position: -80px -32px; }

.ui-icon-arrow-1-w {
  background-position: -96px -32px; }

.ui-icon-arrow-1-nw {
  background-position: -112px -32px; }

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px; }

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px; }

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px; }

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px; }

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px; }

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px; }

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px; }

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px; }

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px; }

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px; }

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px; }

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px; }

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px; }

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px; }

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px; }

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px; }

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px; }

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px; }

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px; }

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px; }

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px; }

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px; }

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px; }

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px; }

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px; }

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px; }

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px; }

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px; }

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px; }

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px; }

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px; }

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px; }

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px; }

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px; }

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px; }

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px; }

.ui-icon-arrow-4 {
  background-position: 0 -80px; }

.ui-icon-arrow-4-diag {
  background-position: -16px -80px; }

.ui-icon-extlink {
  background-position: -32px -80px; }

.ui-icon-newwin {
  background-position: -48px -80px; }

.ui-icon-refresh {
  background-position: -64px -80px; }

.ui-icon-shuffle {
  background-position: -80px -80px; }

.ui-icon-transfer-e-w {
  background-position: -96px -80px; }

.ui-icon-transferthick-e-w {
  background-position: -112px -80px; }

.ui-icon-folder-collapsed {
  background-position: 0 -96px; }

.ui-icon-folder-open {
  background-position: -16px -96px; }

.ui-icon-document {
  background-position: -32px -96px; }

.ui-icon-document-b {
  background-position: -48px -96px; }

.ui-icon-note {
  background-position: -64px -96px; }

.ui-icon-mail-closed {
  background-position: -80px -96px; }

.ui-icon-mail-open {
  background-position: -96px -96px; }

.ui-icon-suitcase {
  background-position: -112px -96px; }

.ui-icon-comment {
  background-position: -128px -96px; }

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

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

.ui-icon-trash {
  background-position: -176px -96px; }

.ui-icon-locked {
  background-position: -192px -96px; }

.ui-icon-unlocked {
  background-position: -208px -96px; }

.ui-icon-bookmark {
  background-position: -224px -96px; }

.ui-icon-tag {
  background-position: -240px -96px; }

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

.ui-icon-flag {
  background-position: -16px -112px; }

.ui-icon-calendar {
  background-position: -32px -112px; }

.ui-icon-cart {
  background-position: -48px -112px; }

.ui-icon-pencil {
  background-position: -64px -112px; }

.ui-icon-clock {
  background-position: -80px -112px; }

.ui-icon-disk {
  background-position: -96px -112px; }

.ui-icon-calculator {
  background-position: -112px -112px; }

.ui-icon-zoomin {
  background-position: -128px -112px; }

.ui-icon-zoomout {
  background-position: -144px -112px; }

.ui-icon-search {
  background-position: -160px -112px; }

.ui-icon-wrench {
  background-position: -176px -112px; }

.ui-icon-gear {
  background-position: -192px -112px; }

.ui-icon-heart {
  background-position: -208px -112px; }

.ui-icon-star {
  background-position: -224px -112px; }

.ui-icon-link {
  background-position: -240px -112px; }

.ui-icon-cancel {
  background-position: 0 -128px; }

.ui-icon-plus {
  background-position: -16px -128px; }

.ui-icon-plusthick {
  background-position: -32px -128px; }

.ui-icon-minus {
  background-position: -48px -128px; }

.ui-icon-minusthick {
  background-position: -64px -128px; }

.ui-icon-close {
  background-position: -80px -128px; }

.ui-icon-closethick {
  background-position: -96px -128px; }

.ui-icon-key {
  background-position: -112px -128px; }

.ui-icon-lightbulb {
  background-position: -128px -128px; }

.ui-icon-scissors {
  background-position: -144px -128px; }

.ui-icon-clipboard {
  background-position: -160px -128px; }

.ui-icon-copy {
  background-position: -176px -128px; }

.ui-icon-contact {
  background-position: -192px -128px; }

.ui-icon-image {
  background-position: -208px -128px; }

.ui-icon-video {
  background-position: -224px -128px; }

.ui-icon-script {
  background-position: -240px -128px; }

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

.ui-icon-info {
  background-position: -16px -144px; }

.ui-icon-notice {
  background-position: -32px -144px; }

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

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

.ui-icon-bullet {
  background-position: -80px -144px; }

.ui-icon-radio-on {
  background-position: -96px -144px; }

.ui-icon-radio-off {
  background-position: -112px -144px; }

.ui-icon-pin-w {
  background-position: -128px -144px; }

.ui-icon-pin-s {
  background-position: -144px -144px; }

.ui-icon-play {
  background-position: 0 -160px; }

.ui-icon-pause {
  background-position: -16px -160px; }

.ui-icon-seek-next {
  background-position: -32px -160px; }

.ui-icon-seek-prev {
  background-position: -48px -160px; }

.ui-icon-seek-end {
  background-position: -64px -160px; }

.ui-icon-seek-start {
  background-position: -80px -160px; }

.ui-icon-seek-first {
  background-position: -80px -160px; }

.ui-icon-stop {
  background-position: -96px -160px; }

.ui-icon-eject {
  background-position: -112px -160px; }

.ui-icon-volume-off {
  background-position: -128px -160px; }

.ui-icon-volume-on {
  background-position: -144px -160px; }

.ui-icon-power {
  background-position: 0 -176px; }

.ui-icon-signal-diag {
  background-position: -16px -176px; }

.ui-icon-signal {
  background-position: -32px -176px; }

.ui-icon-battery-0 {
  background-position: -48px -176px; }

.ui-icon-battery-1 {
  background-position: -64px -176px; }

.ui-icon-battery-2 {
  background-position: -80px -176px; }

.ui-icon-battery-3 {
  background-position: -96px -176px; }

.ui-icon-circle-plus {
  background-position: 0 -192px; }

.ui-icon-circle-minus {
  background-position: -16px -192px; }

.ui-icon-circle-close {
  background-position: -32px -192px; }

.ui-icon-circle-triangle-e {
  background-position: -48px -192px; }

.ui-icon-circle-triangle-s {
  background-position: -64px -192px; }

.ui-icon-circle-triangle-w {
  background-position: -80px -192px; }

.ui-icon-circle-triangle-n {
  background-position: -96px -192px; }

.ui-icon-circle-arrow-e {
  background-position: -112px -192px; }

.ui-icon-circle-arrow-s {
  background-position: -128px -192px; }

.ui-icon-circle-arrow-w {
  background-position: -144px -192px; }

.ui-icon-circle-arrow-n {
  background-position: -160px -192px; }

.ui-icon-circle-zoomin {
  background-position: -176px -192px; }

.ui-icon-circle-zoomout {
  background-position: -192px -192px; }

.ui-icon-circle-check {
  background-position: -208px -192px; }

.ui-icon-circlesmall-plus {
  background-position: 0 -208px; }

.ui-icon-circlesmall-minus {
  background-position: -16px -208px; }

.ui-icon-circlesmall-close {
  background-position: -32px -208px; }

.ui-icon-squaresmall-plus {
  background-position: -48px -208px; }

.ui-icon-squaresmall-minus {
  background-position: -64px -208px; }

.ui-icon-squaresmall-close {
  background-position: -80px -208px; }

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px; }

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px; }

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px; }

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px; }

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px; }

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px; }

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  border-top-left-radius: 0; }

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  border-top-right-radius: 0; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  border-bottom-left-radius: 0; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  border-bottom-right-radius: 0; }

.ui-widget-overlay {
  background: #eee url("images/ui-bg_flat_0_eeeeee_40x100.png") 50% 50% repeat-x;
  opacity: .8;
  filter: Alpha(Opacity=80); }

.ui-widget-shadow {
  margin: -4px 0 0 -4px;
  padding: 4px;
  background: #aaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
  opacity: .6;
  filter: Alpha(Opacity=60);
  border-radius: 0; }

/*doc
---
title: Color Scheme
name: colors
category: basics
---
Within Indigo, we use a combination of the Bootstrap color scheme and the following brand colors:


$navy:          #1c2345;
$cerulean:      #009CDE;
$black:         #000000;
$pewter:        #666666;

$sky:           #70B2E3;
$grass:         #9BCB58;
$kiwi:          #C0E391;
$tangerine:     #FBB261;
$fuschia:       #E50061;
$steel:         #ACAEB0;

$cloud:         #BFE6FB;
$lime:          #E5EEAE;
$manila:        #FFE8AE;
$platnum:       #ECEDF0;
$silver:        #C9CDD4;

*/
/*doc
---
title: Color Scheme - New Branding
name: colors-new
category: basics
---

ActBlue's branding uses a three-tiered color scheme.

### Primary:

CERULEAN: #009CDE
DUSK: #3B4A91
MIDNIGHT: #1C2345
GREYSCALE: #666666

### Secondary:

SKY: #70B2E3
GRASS: #9BCB58
KIWI: #C0E391
TANGERINE: #FBB261
FUSCHIA: #E50061
STEEL: #ACAEB0

### Tertiary:

CLOUD: #BFE6FB
LIME: #E5EEAE
MANILA: #FFE8AE
PLATINUM: #ECEDF0
SILVER: #C9CDD4

*/
/*doc
---
title: Color Scheme - Color/Concept Associations
name: colors-associations
category: basics
---

Specific ActBlue features may be persistently associated with a given color.

ActBlue Express: TANGERINE

*/
.bg-alt {
  background-color: #F0F0F0; }

a.bg-alt:hover,
a.bg-alt:focus {
  background-color: #d7d7d7; }

.bg-warning {
  background-color: #fcf8e3; }

a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5; }

.bg-info, #standalone-form-wrapper .standalone-form-body .help {
  background-color: #d9edf7; }

a.bg-info:hover, #standalone-form-wrapper .standalone-form-body a.help:hover,
a.bg-info:focus,
#standalone-form-wrapper .standalone-form-body a.help:focus {
  background-color: #afd9ee; }

.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 #ddd; }
  .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 #ddd; }
  .table .number {
    text-align: right; }
  .table .table {
    background-color: #fff; }

.table-condensed {
  width: 100%;
  margin-bottom: 21px; }
  .table-condensed th,
  .table-condensed td {
    padding: 8px;
    line-height: 21px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #ddd; }
  .table-condensed th {
    font-weight: bold; }
  .table-condensed thead th {
    vertical-align: bottom; }
  .table-condensed caption + thead tr:first-child th,
  .table-condensed caption + thead tr:first-child td,
  .table-condensed colgroup + thead tr:first-child th,
  .table-condensed colgroup + thead tr:first-child td,
  .table-condensed thead:first-child tr:first-child th,
  .table-condensed thead:first-child tr:first-child td {
    border-top: 0; }
  .table-condensed tbody + tbody {
    border-top: 2px solid #ddd; }
  .table-condensed .number {
    text-align: right; }
  .table-condensed th,
  .table-condensed td {
    padding: 4px 5px; }
  .table-condensed th {
    color: #666;
    font-weight: 400;
    border-bottom: 2px solid #CCC; }

/*doc
---
title: Grid System - Old Style
name: bootstrap-grid
category: grid
---
The "old" Indigo branding uses the Bootstrap grid, generally with Bootstrap classes in markup.
*/
/*doc
---
title: Grid System - New Style
name: nouveau-grid
category: grid
---

The "new" Indigo branding uses the Bootstrap grid. Where feasible, use of the SCSS mixins `bootstrap-span` and `bootstrap-offset` is preferred over putting Bootstrap classes in markup.

If the Bootstrap grid does not cooperate nicely with a given design, it may be the design's fault. Mike is generally happy to work with ATS to resolve these issues.

*/
/**
 * The header is sticky...
 */
body.comatose_pages.about {
  padding-top: 77px; }
  body.comatose_pages.about header.main {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 2;
    min-height: 76px; }
  body.comatose_pages.about #contentArea {
    padding-left: 0;
    padding-right: 0; }

/**
 * ...except not sticky when logged in...
 * (because of admin menu as well as general annoyance)
 */
body.comatose_pages.about.logged-in {
  padding-top: 0; }
  body.comatose_pages.about.logged-in header.main {
    position: relative; }

/**
 * ...and not sticky at smaller screen sizes
 */
@media (max-width: 979px) {
  body.comatose_pages.about {
    padding-top: 0px; }
    body.comatose_pages.about header.main {
      height: auto;
      position: relative; } }
body.about #cms-page-container h2:first-of-type {
  background-color: transparent;
  color: #2a415e;
  font-family: 'Roboto Slab', serif;
  font-size: 44.0076px;
  font-weight: 300;
  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 {
  background-size: cover;
  background-repeat: no-repeat; }
  body.about section#top {
    background: url("/assets/layout/about/top-background-87fa28a95563889a3e73ee35411bbb89f589e3a244868a9c3611fbc3f043f979.jpg") center #009CDE;
    color: #fff;
    padding: 139px 0px;
    text-align: center; }
    body.about section#top h3 {
      color: #fff;
      font-family: "Montserrat", "Trebuchet MS", Tahoma, Arial, 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-family: 'Roboto Slab', serif;
      font-size: 51.94px;
      font-weight: 700; }
  body.about section.subnav {
    border-bottom: 1px solid #dae0e8; }
  body.about section#middle {
    background: url("/assets/layout/about/middle-background-c7c0e1a81ab174aaa314a7702aee3abec9f7a3959b0b7b8e6ca4c8cd86e8916b.jpg") center #009CDE;
    height: 811px;
    margin-top: 78px;
    margin-bottom: 93px; }
  body.about section#bottom {
    background: url("/assets/layout/about/bottom-background-80b3961e7b57329773b13e2f1ae43c3a8830ad415ed52b66ca846d07d0403974.jpg") center #009CDE;
    height: 431px;
    margin-top: 89px; }
  body.about section#join-the-team {
    background-color: #009CDE;
    color: #fff;
    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 nav.subnav {
  font-family: "Montserrat", "Trebuchet MS", Tahoma, Arial, sans-serif;
  font-size: 13.02px;
  font-weight: 400;
  padding: 19px 0px 16px;
  text-align: center; }
  body.about nav.subnav ul {
    list-style-type: none; }
    body.about nav.subnav ul li {
      display: inline-block;
      margin: 0px 20px; }
      body.about nav.subnav ul li a, body.about nav.subnav ul li a:link, body.about nav.subnav ul li a:visited, body.about nav.subnav ul li a:active {
        color: #50657a;
        font-size: 13.02px;
        letter-spacing: 0.06em;
        text-transform: uppercase; }
      body.about nav.subnav ul li a:hover, body.about nav.subnav ul li a:focus {
        color: #f8a021;
        text-decoration: none; }
body.about hr {
  border-top: 1px solid #b9c0ce;
  border-bottom: 1px solid #b9c0ce;
  margin: 0px auto;
  width: 7em; }
body.about .introductions a {
  color: #009CDE;
  font-weight: 500;
  text-decoration: none; }
body.about .introductions .total-raised {
  color: #f8a021; }
body.about #team .container-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
body.about #team #ab-team {
  width: 90%;
  margin-left: 5%; }
body.about #team #ats-team {
  width: 75%;
  margin-left: 12.5%; }
body.about #team .row-fluid.ats {
  margin-top: 2em; }
body.about #team h3 {
  margin-bottom: 1em;
  text-align: center; }
body.about #team .employee {
  display: inline-block;
  margin: 0 10px 30px;
  text-align: center;
  vertical-align: top;
  width: 277px; }
  body.about #team .employee .photo {
    border: 0px;
    height: 416px;
    overflow: hidden;
    padding: 0px;
    position: relative; }
    body.about #team .employee .photo img {
      position: absolute;
      top: 0px;
      bottom: auto;
      left: 0px; }
      body.about #team .employee .photo img:hover {
        top: auto;
        bottom: 0px; }
  body.about #team .employee .name {
    color: #009CDE;
    font-size: 20.02px;
    font-weight: 700;
    line-height: 150%;
    margin-top: 9px; }
  body.about #team .employee .title {
    color: #2a415e;
    font-family: "Montserrat", "Trebuchet MS", Tahoma, Arial, sans-serif;
    font-size: 13.02px;
    font-weight: 500;
    line-height: 123%;
    letter-spacing: 0.06em;
    text-transform: uppercase; }

/*========================================
=           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 (min-width: 1001px) and (max-width: 1188px) {
  body.about #team #ats-team {
    width: 90%;
    margin-left: 5%; } }
@media (min-width: 784px) and (max-width: 1000px) {
  body.about #team #ats-team {
    width: 75%;
    margin-left: 12.5%; } }
@media (max-width: 783px) {
  body.about #team #ats-team {
    width: 90%;
    margin-left: 5%; } }
@media (max-width: 767px) {
  body.about #cms-page-container h2 + p {
    text-align: left; }
  body.about .row-fluid p,
  body.about .row-fluid h3, body.about .row-fluid h4,
  body.about .row-fluid li {
    margin-left: 40px;
    margin-right: 40px; }
  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; } }
/*doc
---
title: Color Scheme
name: colors
category: basics
---
Within Indigo, we use a combination of the Bootstrap color scheme and the following brand colors:


$navy:          #1c2345;
$cerulean:      #009CDE;
$black:         #000000;
$pewter:        #666666;

$sky:           #70B2E3;
$grass:         #9BCB58;
$kiwi:          #C0E391;
$tangerine:     #FBB261;
$fuschia:       #E50061;
$steel:         #ACAEB0;

$cloud:         #BFE6FB;
$lime:          #E5EEAE;
$manila:        #FFE8AE;
$platnum:       #ECEDF0;
$silver:        #C9CDD4;

*/
/*doc
---
title: Color Scheme - New Branding
name: colors-new
category: basics
---

ActBlue's branding uses a three-tiered color scheme.

### Primary:

CERULEAN: #009CDE
DUSK: #3B4A91
MIDNIGHT: #1C2345
GREYSCALE: #666666

### Secondary:

SKY: #70B2E3
GRASS: #9BCB58
KIWI: #C0E391
TANGERINE: #FBB261
FUSCHIA: #E50061
STEEL: #ACAEB0

### Tertiary:

CLOUD: #BFE6FB
LIME: #E5EEAE
MANILA: #FFE8AE
PLATINUM: #ECEDF0
SILVER: #C9CDD4

*/
/*doc
---
title: Color Scheme - Color/Concept Associations
name: colors-associations
category: basics
---

Specific ActBlue features may be persistently associated with a given color.

ActBlue Express: TANGERINE

*/
.bg-alt {
  background-color: #F0F0F0; }

a.bg-alt:hover,
a.bg-alt:focus {
  background-color: #d7d7d7; }

.bg-warning {
  background-color: #fcf8e3; }

a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5; }

.bg-info, #standalone-form-wrapper .standalone-form-body .help {
  background-color: #d9edf7; }

a.bg-info:hover, #standalone-form-wrapper .standalone-form-body a.help:hover,
a.bg-info:focus,
#standalone-form-wrapper .standalone-form-body a.help:focus {
  background-color: #afd9ee; }

.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 #ddd; }
  .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 #ddd; }
  .table .number {
    text-align: right; }
  .table .table {
    background-color: #fff; }

.table-condensed {
  width: 100%;
  margin-bottom: 21px; }
  .table-condensed th,
  .table-condensed td {
    padding: 8px;
    line-height: 21px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #ddd; }
  .table-condensed th {
    font-weight: bold; }
  .table-condensed thead th {
    vertical-align: bottom; }
  .table-condensed caption + thead tr:first-child th,
  .table-condensed caption + thead tr:first-child td,
  .table-condensed colgroup + thead tr:first-child th,
  .table-condensed colgroup + thead tr:first-child td,
  .table-condensed thead:first-child tr:first-child th,
  .table-condensed thead:first-child tr:first-child td {
    border-top: 0; }
  .table-condensed tbody + tbody {
    border-top: 2px solid #ddd; }
  .table-condensed .number {
    text-align: right; }
  .table-condensed th,
  .table-condensed td {
    padding: 4px 5px; }
  .table-condensed th {
    color: #666;
    font-weight: 400;
    border-bottom: 2px solid #CCC; }

/*doc
---
title: Grid System - Old Style
name: bootstrap-grid
category: grid
---
The "old" Indigo branding uses the Bootstrap grid, generally with Bootstrap classes in markup.
*/
/*doc
---
title: Grid System - New Style
name: nouveau-grid
category: grid
---

The "new" Indigo branding uses the Bootstrap grid. Where feasible, use of the SCSS mixins `bootstrap-span` and `bootstrap-offset` is preferred over putting Bootstrap classes in markup.

If the Bootstrap grid does not cooperate nicely with a given design, it may be the design's fault. Mike is generally happy to work with ATS to resolve these issues.

*/
/**
 * The header is sticky...
 */
body.comatose_pages.jobs {
  padding-top: 77px; }
  body.comatose_pages.jobs 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 {
  padding-top: 0; }
  body.comatose_pages.jobs.logged-in header.main {
    position: relative; }

/**
 * ...and not sticky at smaller screen sizes
 */
@media (max-width: 979px) {
  body.comatose_pages.jobs {
    padding-top: 0px; }
    body.comatose_pages.jobs header.main {
      height: auto;
      position: relative; } }
body.jobs #cms-page-container h2:first-of-type {
  background-color: transparent;
  color: #2a415e;
  font-family: 'Roboto Slab', serif;
  font-size: 46.0908px;
  font-weight: 300;
  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 {
  color: #50657a;
  font-size: 23.94px;
  line-height: 158%;
  margin-top: 0em;
  text-align: center; }
body.jobs #contentArea {
  margin: 0pt auto;
  max-width: 1582px;
  width: 100%;
  padding: 0px; }
  body.jobs #contentArea #content-wrapper {
    max-width: none;
    padding: 0px; }
  body.jobs #contentArea .container-fluid {
    margin: 0em auto;
    max-width: 980px; }
body.jobs section {
  background-size: cover;
  background-repeat: no-repeat; }
  body.jobs section#top {
    background: url("/assets/layout/jobs/top-background-5712aa32532eb08817158d95f9327103a2d597813ba31b996b025d5cdf487c96.jpg") center #009CDE;
    color: #fff;
    padding: 139px 0px;
    text-align: center; }
    body.jobs section#top h3 {
      color: #fff;
      font-family: "Montserrat", "Trebuchet MS", Tahoma, Arial, 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 {
      border-top: 1px solid #fff;
      margin-bottom: 1.5em; }
    body.jobs section#top h1 {
      color: #fff;
      font-family: 'Roboto Slab', serif;
      font-size: 51.94px;
      font-weight: 700; }
  body.jobs section.subnav {
    border-bottom: 1px solid #dae0e8; }
  body.jobs section#middle {
    background: url("/assets/layout/jobs/middle-background-fb15ba4975af82007cd65eaf0f849a6ab225517f7443ab33628b0d3450a10252.jpg") center #009CDE;
    height: 868px;
    margin-top: 78px;
    margin-bottom: 93px; }
  body.jobs section#bottom {
    background: url("/assets/layout/jobs/bottom-background-29e106ddab77801ebe207f182f1d5638fbbb8068236b3ed16d74d26ddd14bbea.jpg") center #009CDE;
    height: 765px;
    margin-top: 89px; }
  body.jobs section#meet-actblue {
    background-color: #009CDE;
    color: #fff;
    padding-top: 14px;
    padding-bottom: 77px;
    text-align: center; }
    body.jobs section#meet-actblue h2, body.jobs section#meet-actblue h2:first-of-type {
      color: #fff;
      font-size: 32.06px;
      margin-bottom: 3px; }
    body.jobs section#meet-actblue .btn-large {
      width: 400px; }
body.jobs #cms-page-container nav.subnav {
  font-family: "Montserrat", "Trebuchet MS", Tahoma, Arial, sans-serif;
  font-size: 13.02px;
  font-weight: 400;
  padding: 19px 0px 16px;
  text-align: center; }
  body.jobs #cms-page-container nav.subnav ul {
    list-style-type: none; }
    body.jobs #cms-page-container nav.subnav ul li {
      display: inline-block;
      font-size: 13.02px;
      margin: 0px 20px;
      padding-left: 0em;
      text-indent: 0em; }
      body.jobs #cms-page-container nav.subnav ul li:before {
        content: none; }
      body.jobs #cms-page-container nav.subnav ul li a, body.jobs #cms-page-container nav.subnav ul li a:link, body.jobs #cms-page-container nav.subnav ul li a:visited, body.jobs #cms-page-container nav.subnav ul li a:active {
        color: #50657a;
        font-size: 13.02px;
        letter-spacing: 0.06em;
        text-transform: uppercase; }
      body.jobs #cms-page-container nav.subnav ul li a:hover, body.jobs #cms-page-container nav.subnav ul li a:focus {
        color: #f8a021;
        text-decoration: none; }
body.jobs #cms-page-container h4 {
  color: #2a415e;
  font-family: "Montserrat", "Trebuchet MS", Tahoma, Arial, sans-serif;
  font-size: 16.0146px;
  font-weight: 500;
  line-height: 175%;
  text-transform: uppercase; }
body.jobs #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 {
  margin-left: 0px; }
  body.jobs #cms-page-container ul li {
    font-size: 15.96px;
    list-style: none;
    padding-left: 1em;
    text-indent: -1em; }
    body.jobs #cms-page-container ul li:before {
      content: "◼︎ ";
      color: #009CDE;
      padding-right: 0.5em; }
body.jobs #cms-page-container #benefits strong {
  font-family: "Montserrat", "Trebuchet MS", Tahoma, Arial, sans-serif;
  font-size: 15.96px;
  font-weight: 500;
  text-transform: uppercase; }
body.jobs #cms-page-container #benefits span.benefit {
  color: #8495a7;
  font-size: 16.94px; }

/*========================================
=           RESPONSIVE STYLES            =
========================================*/
@media (max-width: 767px) {
  body.jobs #cms-page-container h2 + p {
    text-align: left; }
  body.jobs .row-fluid p,
  body.jobs .row-fluid h3, body.jobs .row-fluid h4,
  body.jobs .row-fluid li {
    margin-left: 40px;
    margin-right: 40px; }
  body.jobs section {
    background-image: none !important; }
    body.jobs section#middle {
      height: 0px;
      margin-top: 0px;
      margin-bottom: 0px; }
    body.jobs section#bottom {
      height: 0px;
      margin-top: 0px;
      margin-bottom: 0px; }
    body.jobs section#meet-actblue h2 + p {
      text-align: center; }
    body.jobs section#meet-actblue .btn {
      max-width: 200px; } }
@media (max-width: 320px) {
  body.jobs#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

  contents:
    #directory
    #icons and sprites
    #login, register, reset, confirm
    #cms
    // TT: Thanks and Tickets

*/
/**
 * Note that marketing pages are set in marketing.base
 */
h2#page-title,
#cms-page-container h2:first-of-type {
  background-color: #009CDE;
  color: #fff;
  font-family: "Montserrat", "Trebuchet MS", Tahoma, Arial, sans-serif;
  font-size: 18.0978px;
  font-weight: 400;
  letter-spacing: 0.3em;
  margin-bottom: 0;
  padding: 21px 1em;
  box-sizing: border-box;
  text-align: center;
  text-transform: uppercase; }

#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%; }

/* #directory */
/* shared/entity | directory, etc */
.entities-list .entity-container {
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  min-height: 8em;
  margin-bottom: 1em; }
  .entities-list .entity-container h3 {
    line-height: 1.5em; }
    .entities-list .entity-container h3.not-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 #ECEDF0;
    color: #009CDE;
    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: #1c2345; }
    .entities-list .entity-container .entity-footer .entitySupporters {
      background: transparent url("/assets/assets/icon_people_sm-cb32ab8fdb585a85579a896fc986c09d383cb0e29d6d7dac3e104c118d13b97a.png") no-repeat left 4px; }
    .entities-list .entity-container .entity-footer .entityRaised {
      background: transparent url("/assets/assets/icon_raised_sm-2ca3f28ad5b89b46926b61a717c1f0ee75c3a67268613a69d546145a8eeecaa9.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-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: #fff;
    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: #0d1121; }
#directory-container a.search-filter {
  padding: 0.25em 1.5em 0.25em 0.5em;
  background-position: center right;
  background-repeat: no-repeat; }
  #directory-container a.search-filter.remove {
    background-image: url("/assets/assets/search-filter-r-ee1fd08f054cd6312d0d8438f57840549b0151308af9ce90858cc6e04ee98b4b.gif"); }
  #directory-container a.search-filter.add:hover {
    background-image: url("/assets/assets/search-filter-add-r-1ece1b3d7e10c61ce8e0b9cb652cb36ba933dac3ea18e7c09927e606456174db.gif"); }
#directory-container .boxbody {
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8); }
  #directory-container .boxbody .header {
    padding: .5em; }
  #directory-container .boxbody .row-fluid {
    border-top: 1px solid #FFF; }
  #directory-container .boxbody .box {
    padding-top: .5em; }
    #directory-container .boxbody .box h4 {
      margin-left: .5em; }
    #directory-container .boxbody .box select, #directory-container .boxbody .box p, #directory-container .boxbody .box ol {
      margin: 0 .5em 1em; }
    #directory-container .boxbody .box .search-filter {
      line-height: 1em; }
    #directory-container .boxbody .box ol li {
      display: inline-block; }
    #directory-container .boxbody .box.kind li {
      width: 20em; }
    #directory-container .boxbody .box.race_type li {
      width: 10em; }
    #directory-container .boxbody .box.state li {
      width: 3em; }

.indigo-icon {
  background: transparent url("/assets/assets/icon-sprite-389204788f7bb115dbbf84830433b415958aa3bd812dc9bff8b3a28e636ea824.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; }

/*doc
---
title: Standalone Forms
name: standalone-form
category: forms
---

Standalone forms are used for all forms besides contribution forms that are either definitely or potentially facing non-logged-in users. Said more plainly: they're for login and other auth forms, but also stuff like the contribution lookup where we can safely assume that at least some users aren't logged in.

```helper_example
<%= standalone_form "Title", links: false, omit_signup: true do %>
  <%= labeled_form_for List.new, url: "", html: {class: 'form-stacked'} do |f| %>
    <%= f.text_field :name %>
  <% end %>
<% end %>
```

*/
body.standalone-form #contentArea {
  background-color: #eff3f6; }

#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 {
  padding: 40px;
  box-sizing: border-box;
  text-align: center;
  width: 460px;
  margin-left: 260px; }
  @media (max-width: 767px) {
    #standalone-form-pane .standalone-form-footer, #standalone-form-pane .standalone-form-body, #standalone-form-wrapper .standalone-form-footer, #standalone-form-wrapper .standalone-form-body {
      width: 100%; } }
  @media (max-width: 767px) {
    #standalone-form-pane .standalone-form-footer, #standalone-form-pane .standalone-form-body, #standalone-form-wrapper .standalone-form-footer, #standalone-form-wrapper .standalone-form-body {
      margin-left: 0; } }

#standalone-form-wrapper {
  margin-top: 5.5em; }
  #standalone-form-wrapper .standalone-form-body {
    border-radius: 5px;
    background-color: #dae0e8; }
    #standalone-form-wrapper .standalone-form-body form {
      margin-bottom: 8px;
      text-align: left;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
      -webkit-flex-direction: column; }
      #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 {
        display: inline-block;
        position: relative;
        vertical-align: top;
        background-color: #FFF;
        border-radius: 5px 0 0 5px;
        float: left; }
      #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-de0456c3ed1c8c5dad1fa0e6575f3fb8f9f269b9ccac3a9512c2b7d25d667630.png");
        height: 61px;
        overflow: hidden;
        text-indent: 100%;
        white-space: nowrap;
        width: 60px; }
      #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-ee995c4de7f76a0c3c891c80da586ff743257104914f06ca0c81a399202c4d5d.png");
        height: 61px;
        overflow: hidden;
        text-indent: 100%;
        white-space: nowrap;
        width: 60px; }
      #standalone-form-wrapper .standalone-form-body form label.icon.phone {
        background-image: url("/assets/layout/login/phone-739b27d19c67e9c36e42f3a1aa1d9a4160f0533484bc71f8d4f7c6ba7d97d559.svg");
        height: 61px;
        overflow: hidden;
        text-indent: 100%;
        white-space: nowrap;
        width: 60px;
        background-position: 3px 3px;
        -webkit-filter: opacity(0.4);
        filter: opacity(0.4); }
      #standalone-form-wrapper .standalone-form-body form .control-group {
        margin-bottom: 0px; }
      #standalone-form-wrapper .standalone-form-body form .controls {
        display: -webkit-flex;
        display: flex;
        flex-flow: row wrap;
        -webkit-flex-flow: row wrap;
        align-items: center; }
      #standalone-form-wrapper .standalone-form-body form input + .help-block {
        margin-top: .5em;
        padding-left: .25rem; }
      #standalone-form-wrapper .standalone-form-body form input {
        margin-bottom: 0px;
        flex: 1 100%;
        -webkit-flex: 1 0 100%;
        flex-basis: auto;
        -webkit-flex-basis: auto; }
        #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] {
          border-top-right-radius: 5px;
          border-bottom-right-radius: 5px;
          width: 100%;
          border: 0px;
          color: #8495a7;
          font-size: 25.06px;
          height: 61px;
          padding: 14px;
          box-sizing: border-box; }
        #standalone-form-wrapper .standalone-form-body form input::-webkit-input-placeholder {
          font-weight: 400;
          padding-top: 6px; }
        #standalone-form-wrapper .standalone-form-body form input:-moz-placeholder {
          font-weight: 400;
          padding-top: 6px; }
        #standalone-form-wrapper .standalone-form-body form input:-ms-input-placeholder {
          font-weight: 400;
          padding-top: 6px; }
        #standalone-form-wrapper .standalone-form-body form input.btn-primary {
          margin-top: 13px; }
    #standalone-form-wrapper .standalone-form-body .help {
      padding: 0 1em;
      border: 1px #bce8f1 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; }
  #standalone-form-wrapper .crosslink {
    color: #8495a7;
    font-size: 13.02px;
    margin-right: 0.5em; }

.auth-callout .btn-large {
  padding-left: 0px;
  padding-right: 0px;
  width: 100%; }

body.new-branding {
  background: #eff3f6; }
  body.new-branding #header {
    background-color: #fff;
    width: 100%;
    max-width: 100%; }
  body.new-branding.branding-lite.interior {
    background: #eff3f6; }
  body.new-branding #contentArea {
    background-color: #eff3f6; }
  @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-family: "Roboto Slab";
    font-size: 2rem;
    font-weight: normal; }
    @media (max-width: 767px) {
      body.new-branding h2 {
        font-size: 1.8rem; } }
  body.new-branding p.help {
    font-family: Helvetica;
    font-size: 1.5rem;
    line-height: 3rem; }
    @media (max-width: 767px) {
      body.new-branding p.help {
        font-size: 1.2rem;
        line-height: 1.8rem; } }
  body.new-branding p.callout {
    color: #9d261d;
    text-transform: uppercase;
    font-weight: bold; }
  body.new-branding legend {
    font-size: 1rem;
    border-bottom: 2px #8495a7 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: 940px;
    margin-left: 1em; }
    @media (max-width: 767px) {
      body.new-branding #standalone-form-pane .standalone-form-body, body.new-branding #standalone-form-pane .standalone-form-footer {
        width: 100%; } }
    @media (max-width: 767px) {
      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%; } }
    @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; }
      @media (max-width: 767px) {
        body.new-branding #standalone-form-pane #standalone-form-wrapper form .control-group {
          flex-flow: wrap; } }
      body.new-branding #standalone-form-pane #standalone-form-wrapper form .control-group label {
        flex-basis: 35%;
        text-align: right;
        padding-right: 1rem;
        margin-top: 1.4rem;
        font-size: 1.25rem;
        font-weight: bold; }
        body.new-branding #standalone-form-pane #standalone-form-wrapper form .control-group label:after {
          content: ":"; }
        @media (max-width: 767px) {
          body.new-branding #standalone-form-pane #standalone-form-wrapper form .control-group label {
            text-align: left;
            margin-top: 0; } }
      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: #2a415e;
          font-style: italic;
          font-size: 1.25rem;
          line-height: .8rem;
          border-radius: 0; }
          body.new-branding #standalone-form-pane #standalone-form-wrapper form .control-group .controls input[type=number] {
            -moz-appearance: textfield; }
        @media (max-width: 767px) {
          body.new-branding #standalone-form-pane #standalone-form-wrapper form .control-group .controls {
            width: 100%;
            margin-right: 1rem; } }
      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 {
        max-width: calc(100% - 7rem); }
    body.new-branding #standalone-form-pane #standalone-form-wrapper form .btn {
      margin-left: 11rem;
      font-weight: bold;
      font-size: 1.1rem;
      padding-top: 1.5rem;
      padding-bottom: 1.5rem; }
      @media (max-width: 767px) {
        body.new-branding #standalone-form-pane #standalone-form-wrapper form .btn {
          margin-left: 0;
          width: calc(100% - 1rem); } }
  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 #dae0e8 solid;
  padding-bottom: 1rem;
  margin-bottom: 1rem; }

#cms-page-container img.screenshot {
  max-width: 80%;
  margin: 1em auto;
  padding: 20px;
  border: 10px solid #F0F0F0; }

.thanks .share-box .action {
  text-align: center;
  margin: 10px 0; }
.thanks .share-box a.email {
  margin: 0 0 10px 10px; }
.thanks .share-box h3 img {
  width: 2em;
  height: 2em;
  vertical-align: -30%; }
.thanks .share-box textarea {
  width: 97%; }
.thanks .fb_share_r, .thanks .fb_share_l {
  width: 50%;
  float: left;
  box-sizing: border-box; }
.thanks .fb_share_l {
  padding-right: 2em; }
.thanks .fb_share_r {
  text-align: right; }
@media (max-width: 567px) {
  .thanks .fb_share_r, .thanks .fb_share_l {
    width: 100%;
    float: none; }
  .thanks .fb_share_l {
    padding: 0em; }
  .thanks .fb_share_r {
    text-align: center; } }
@media (max-width: 339px) {
  .thanks .fb_iframe_widget {
    margin-left: -1em; } }

#facebooklink {
  height: 44px;
  background-image: url("/assets/facebook48x48-8e18e2c322c0441c6d4e0100759f1923b92337b3cacad82113ad1337273a5ccc.png");
  background-repeat: no-repeat;
  background-position: -2px 0px;
  padding: 11px 1.5em 0 62px;
  border-radius: 7px 10px 10px 7px;
  box-sizing: border-box;
  white-space: nowrap; }

#new_page_name_status {
  padding: 1px 0 0 18px;
  margin-left: 2px;
  color: #999; }

#new_page_name_status.available {
  background: url("/assets/check-e50e2b9d8fd6e6b95e985e7245c6f535b6ccd1617906addb2c706a28bcfcbbc8.gif") no-repeat top left; }

#new_page_name_status.taken {
  background: url("/assets/failure-16-a94ce3f20aea53bd4c0be7aec3683c09c4e591ddecc78d5b048040bb5d03bc56.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; } }