/*** BEGIN bootstrap.css ***/

/*!
 * Bootstrap v3.0.0
 *
 * Copyright 2013 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world by @mdo and @fat.
 */

/*! normalize.css v2.1.0 | MIT License | git.io/normalize */

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

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

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

[hidden] {
  display: none;
}

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

body {
  margin: 0;
}

a:focus {
  outline: thin dotted;
}

a:active,
a:hover {
  outline: 0;
}

h1 {
  margin: 0.67em 0;
  font-size: 2em;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

hr {
  height: 0;
  -moz-box-sizing: content-box;
       box-sizing: content-box;
}

mark {
  color: #000;
  background: #ff0;
}

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

pre {
  white-space: pre-wrap;
}

q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

fieldset {
  padding: 0.35em 0.625em 0.75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0;
}

legend {
  padding: 0;
  border: 0;
}

button,
input,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: 100%;
}

button,
input {
  line-height: normal;
}

button,
select {
  text-transform: none;
}

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

button[disabled],
html input[disabled] {
  cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
  padding: 0;
  box-sizing: border-box;
}

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

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

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

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

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

@media print {
  * {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page  {
    margin: 2cm .5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}

*,
*:before,
*:after {
    box-sizing: border-box;
}

html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.428571429;
  color: #333333;
  background-color: #ffffff;
}

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input,
select[multiple],
textarea {
  background-image: none;
}

a {
  color: #333;
  text-decoration: none;
}

a:hover, a:focus {
  text-decoration: underline;
}

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

img {
  vertical-align: middle;
}

.img-responsive {
  display: inline-block;
  height: auto;
  max-width: 100%;
}

.img-rounded {
  border-radius: 6px;
}

.img-thumbnail {
  display: inline-block;
  height: auto;
  max-width: 100%;
  padding: 4px;
  line-height: 1.428571429;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}

.img-circle {
  border-radius: 50%;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}

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

p {
  margin: 0 0 10px;
}

.lead {
  margin-bottom: 20px;
  font-size: 16.099999999999998px;
  font-weight: 200;
  line-height: 1.4;
}

@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}

small {
  font-size: 85%;
}

cite {
  font-style: normal;
}

.text-muted {
  color: #999999;
}

.text-primary {
  color: #333;
}

.text-warning {
  color: #c09853;
}

.text-danger {
  color: #b94a48;
}

.text-success {
  color: #468847;
}

.text-info {
  color: #3a87ad;
}

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

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

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

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  line-height: 1.1;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small {
  font-weight: normal;
  line-height: 1;
  color: #999999;
}

h1,
h2,
h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}

h4,
h5,
h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}

h1,
.h1 {
  font-size: 36px;
}

h2,
.h2 {
  font-size: 30px;
}

h3,
.h3 {
  font-size: 24px;
}

h4,
.h4 {
  font-size: 18px;
}

h5,
.h5 {
  font-size: 14px;
}

h6,
.h6 {
  font-size: 12px;
}

h1 small,
.h1 small {
  font-size: 24px;
}

h2 small,
.h2 small {
  font-size: 18px;
}

h3 small,
.h3 small,
h4 small,
.h4 small {
  font-size: 14px;
}

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee;
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}

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

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}

dl {
  margin-bottom: 20px;
}

dt,
dd {
  line-height: 1.428571429;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
  .dl-horizontal dd:before,
  .dl-horizontal dd:after {
    display: table;
    content: " ";
  }
  .dl-horizontal dd:after {
    clear: both;
  }
  .dl-horizontal dd:before,
  .dl-horizontal dd:after {
    display: table;
    content: " ";
  }
  .dl-horizontal dd:after {
    clear: both;
  }
}

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

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

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  border-left: 5px solid #eeeeee;
}

blockquote p {
  font-size: 17.5px;
  font-weight: 300;
  line-height: 1.25;
}

blockquote p:last-child {
  margin-bottom: 0;
}

blockquote small {
  display: block;
  line-height: 1.428571429;
  color: #999999;
}

blockquote small:before {
  content: '\2014 \00A0';
}

blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
}

blockquote.pull-right p,
blockquote.pull-right small {
  text-align: right;
}

blockquote.pull-right small:before {
  content: '';
}

blockquote.pull-right small:after {
  content: '\00A0 \2014';
}

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

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

code,
pre {
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
}

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  white-space: nowrap;
  background-color: #f9f2f4;
  border-radius: 4px;
}

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.428571429;
  color: #333333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #cccccc;
  border-radius: 4px;
}

pre.prettyprint {
  margin-bottom: 20px;
}

pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border: 0;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.container:before,
.container:after {
  display: table;
  content: " ";
}

.container:after {
  clear: both;
}

.container:before,
.container:after {
  display: table;
  content: " ";
}

.container:after {
  clear: both;
}

.row {
  margin-right: -15px;
  margin-left: -15px;
}

.row:before,
.row:after {
  display: table;
  content: " ";
}

.row:after {
  clear: both;
}

.row:before,
.row:after {
  display: table;
  content: " ";
}

.row:after {
  clear: both;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11 {
  float: left;
}

.col-xs-1 {
  width: 8.333333333333332%;
}

.col-xs-2 {
  width: 16.666666666666664%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-4 {
  width: 33.33333333333333%;
}

.col-xs-5 {
  width: 41.66666666666667%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-7 {
  width: 58.333333333333336%;
}

.col-xs-8 {
  width: 66.66666666666666%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-10 {
  width: 83.33333333333334%;
}

.col-xs-11 {
  width: 91.66666666666666%;
}

.col-xs-12 {
  width: 100%;
}

@media (min-width: 768px) {
  .container {
    max-width: 750px;
  }
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11 {
    float: left;
  }
  .col-sm-1 {
    width: 8.333333333333332%;
  }
  .col-sm-2 {
    width: 16.666666666666664%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-4 {
    width: 33.33333333333333%;
  }
  .col-sm-5 {
    width: 41.66666666666667%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-7 {
    width: 58.333333333333336%;
  }
  .col-sm-8 {
    width: 66.66666666666666%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-10 {
    width: 83.33333333333334%;
  }
  .col-sm-11 {
    width: 91.66666666666666%;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-push-1 {
    left: 8.333333333333332%;
  }
  .col-sm-push-2 {
    left: 16.666666666666664%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-4 {
    left: 33.33333333333333%;
  }
  .col-sm-push-5 {
    left: 41.66666666666667%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-7 {
    left: 58.333333333333336%;
  }
  .col-sm-push-8 {
    left: 66.66666666666666%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-10 {
    left: 83.33333333333334%;
  }
  .col-sm-push-11 {
    left: 91.66666666666666%;
  }
  .col-sm-pull-1 {
    right: 8.333333333333332%;
  }
  .col-sm-pull-2 {
    right: 16.666666666666664%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-4 {
    right: 33.33333333333333%;
  }
  .col-sm-pull-5 {
    right: 41.66666666666667%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-7 {
    right: 58.333333333333336%;
  }
  .col-sm-pull-8 {
    right: 66.66666666666666%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-10 {
    right: 83.33333333333334%;
  }
  .col-sm-pull-11 {
    right: 91.66666666666666%;
  }
  .col-sm-offset-1 {
    margin-left: 8.333333333333332%;
  }
  .col-sm-offset-2 {
    margin-left: 16.666666666666664%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333333333%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666666666667%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-7 {
    margin-left: 58.333333333333336%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666666666666%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333333334%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666666666666%;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 970px;
  }
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11 {
    float: left;
  }
  .col-md-1 {
    width: 8.333333333333332%;
  }
  .col-md-2 {
    width: 16.666666666666664%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-4 {
    width: 33.33333333333333%;
  }
  .col-md-5 {
    width: 41.66666666666667%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-7 {
    width: 58.333333333333336%;
  }
  .col-md-8 {
    width: 66.66666666666666%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-10 {
    width: 83.33333333333334%;
  }
  .col-md-11 {
    width: 91.66666666666666%;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-push-1 {
    left: 8.333333333333332%;
  }
  .col-md-push-2 {
    left: 16.666666666666664%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-4 {
    left: 33.33333333333333%;
  }
  .col-md-push-5 {
    left: 41.66666666666667%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-7 {
    left: 58.333333333333336%;
  }
  .col-md-push-8 {
    left: 66.66666666666666%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-10 {
    left: 83.33333333333334%;
  }
  .col-md-push-11 {
    left: 91.66666666666666%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-pull-1 {
    right: 8.333333333333332%;
  }
  .col-md-pull-2 {
    right: 16.666666666666664%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-4 {
    right: 33.33333333333333%;
  }
  .col-md-pull-5 {
    right: 41.66666666666667%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-7 {
    right: 58.333333333333336%;
  }
  .col-md-pull-8 {
    right: 66.66666666666666%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-10 {
    right: 83.33333333333334%;
  }
  .col-md-pull-11 {
    right: 91.66666666666666%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
  .col-md-offset-1 {
    margin-left: 8.333333333333332%;
  }
  .col-md-offset-2 {
    margin-left: 16.666666666666664%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333333333%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666666666667%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-7 {
    margin-left: 58.333333333333336%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666666666666%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333333334%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666666666666%;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11 {
    float: left;
  }
  .col-lg-1 {
    width: 8.333333333333332%;
  }
  .col-lg-2 {
    width: 16.666666666666664%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-4 {
    width: 33.33333333333333%;
  }
  .col-lg-5 {
    width: 41.66666666666667%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-7 {
    width: 58.333333333333336%;
  }
  .col-lg-8 {
    width: 66.66666666666666%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-10 {
    width: 83.33333333333334%;
  }
  .col-lg-11 {
    width: 91.66666666666666%;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-push-1 {
    left: 8.333333333333332%;
  }
  .col-lg-push-2 {
    left: 16.666666666666664%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-4 {
    left: 33.33333333333333%;
  }
  .col-lg-push-5 {
    left: 41.66666666666667%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-7 {
    left: 58.333333333333336%;
  }
  .col-lg-push-8 {
    left: 66.66666666666666%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-10 {
    left: 83.33333333333334%;
  }
  .col-lg-push-11 {
    left: 91.66666666666666%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-pull-1 {
    right: 8.333333333333332%;
  }
  .col-lg-pull-2 {
    right: 16.666666666666664%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-4 {
    right: 33.33333333333333%;
  }
  .col-lg-pull-5 {
    right: 41.66666666666667%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-7 {
    right: 58.333333333333336%;
  }
  .col-lg-pull-8 {
    right: 66.66666666666666%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-10 {
    right: 83.33333333333334%;
  }
  .col-lg-pull-11 {
    right: 91.66666666666666%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
  .col-lg-offset-1 {
    margin-left: 8.333333333333332%;
  }
  .col-lg-offset-2 {
    margin-left: 16.666666666666664%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333333333%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666666666667%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-7 {
    margin-left: 58.333333333333336%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666666666666%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333333334%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666666666666%;
  }
}

table {
  max-width: 100%;
  background-color: transparent;
}

th {
  text-align: left;
}

.table {
  width: 100%;
  margin-bottom: 20px;
}

.table thead > tr > th,
.table tbody > tr > th,
.table tfoot > tr > th,
.table thead > tr > td,
.table tbody > tr > td,
.table tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}

.table thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #dddddd;
}

.table caption + thead tr:first-child th,
.table colgroup + thead tr:first-child th,
.table thead:first-child tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child td {
  border-top: 0;
}

.table tbody + tbody {
  border-top: 2px solid #dddddd;
}

.table .table {
  background-color: #ffffff;
}

.table-condensed thead > tr > th,
.table-condensed tbody > tr > th,
.table-condensed tfoot > tr > th,
.table-condensed thead > tr > td,
.table-condensed tbody > tr > td,
.table-condensed tfoot > tr > td {
  padding: 5px;
}

.table-bordered {
  border: 1px solid #dddddd;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #dddddd;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}

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

table col[class*="col-"] {
  display: table-column;
  float: none;
}

table td[class*="col-"],
table th[class*="col-"] {
  display: table-cell;
  float: none;
}

.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}

.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td {
  background-color: #d0e9c6;
  border-color: #c9e2b3;
}

.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
  border-color: #eed3d7;
}

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td {
  background-color: #ebcccc;
  border-color: #e6c1c7;
}

.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
  border-color: #fbeed5;
}

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td {
  background-color: #faf2cc;
  border-color: #f8e5be;
}

@media (max-width: 768px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-x: scroll;
    overflow-y: hidden;
    border: 1px solid #dddddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
    background-color: #fff;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > thead > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > thead > tr:last-child > td,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}

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

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

label {
  display: inline-block;
  margin-bottom: 5px;
  font-weight: bold;
}

input[type="search"] {
    box-sizing: border-box;
}

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  /* IE8-9 */

  line-height: normal;
}

input[type="file"] {
  display: block;
}

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

select optgroup {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
}

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

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  height: auto;
}

.form-control:-moz-placeholder {
  color: #999999;
}

.form-control::-moz-placeholder {
  color: #999999;
}

.form-control:-ms-input-placeholder {
  color: #999999;
}

.form-control::-webkit-input-placeholder {
  color: #999999;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.form-control:focus, input:focus, .dk-select:focus, .dk-select-multi:focus {
    outline-color: #66afe9;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #ddd;
}

textarea.form-control {
  height: auto;
}

.form-group {
  margin-bottom: 15px;
}

.radio,
.checkbox {
  display: block;
  min-height: 20px;
  padding-left: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  vertical-align: middle;
}

.radio label,
.checkbox label {
  display: inline;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}

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

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}

.radio-inline,
.checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}

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

input[type="radio"][disabled],
input[type="checkbox"][disabled],
.radio[disabled],
.radio-inline[disabled],
.checkbox[disabled],
.checkbox-inline[disabled],
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"],
fieldset[disabled] .radio,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}

.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

select.input-sm {
  height: 30px;
  line-height: 30px;
}

textarea.input-sm {
  height: auto;
}

.input-lg {
  height: 45px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}

select.input-lg {
  height: 45px;
  line-height: 45px;
}

textarea.input-lg {
  height: auto;
}

.has-warning .help-block,
.has-warning .control-label {
  color: #c09853;
}

.has-warning .form-control {
    border-color: #c09853;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-warning .form-control:focus {
    border-color: #a47e3c;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
}

.has-warning .input-group-addon {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #c09853;
}

.has-error .help-block,
.has-error .control-label {
  color: #b94a48;
}

.has-error .form-control {
    border-color: #b94a48;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-error .form-control:focus {
    border-color: #953b39;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
}

.has-error .input-group-addon {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #b94a48;
}

.has-success .help-block,
.has-success .control-label {
  color: #468847;
}

.has-success .form-control {
    border-color: #468847;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-success .form-control:focus {
    border-color: #356635;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
}

.has-success .input-group-addon {
  color: #468847;
  background-color: #dff0d8;
  border-color: #468847;
}

.form-control-static {
  padding-top: 7px;
  margin-bottom: 0;
}

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}

@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    float: none;
    margin-left: 0;
  }
}

.form-horizontal .control-label,
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0;
}

.form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px;
}

.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
  display: table;
  content: " ";
}

.form-horizontal .form-group:after {
  clear: both;
}

.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
  display: table;
  content: " ";
}

.form-horizontal .form-group:after {
  clear: both;
}

@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
  }
}

.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
}

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

.btn:hover,
.btn:focus {
  color: #333333;
  text-decoration: none;
}

.btn:active,
.btn.active {
    background-image: none;
    outline: 0;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.65;
    filter: alpha(opacity=65);
    box-shadow: none;
}

.btn-default {
  color: #333333;
  background-color: #ffffff;
  border-color: #cccccc;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #333333;
  background-color: #ebebeb;
  border-color: #adadad;
}

.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-image: none;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #ffffff;
  border-color: #cccccc;
}

.btn-primary {
  color: #ffffff;
  background-color: #333;
  border-color: #357ebd;
}

.btn-primary.saved,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.minor.saved,
.btn-primary.minor:hover,
.btn-primary.minor:focus,
.btn-primary.minor:active,
.btn-primary.minor.active,
.open .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #A0A0A0;
    border-color: transparent;
}

.btn-primary:hover span{
  color: #FFFFFF;
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: #333; /* dark gray */
    border-color: #357ebd; /* blue */
    color: #999 !important; /* medium gray */
}

.btn-warning {
  color: #ffffff;
  background-color: #f0ad4e;
  border-color: #eea236;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  color: #ffffff;
  background-color: #ed9c28;
  border-color: #d58512;
}

.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  background-image: none;
}

.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}

.btn-danger {
  color: #ffffff;
  background-color: #d9534f;
  border-color: #d43f3a;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  color: #ffffff;
  background-color: #d2322d;
  border-color: #ac2925;
}

.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  background-image: none;
}

.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}

.btn-success {
  color: #ffffff;
  background-color: #666;
  border-color: #4cae4c;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: #ffffff;
  background-color: #47a447;
  border-color: #398439;
}

.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-image: none;
}

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #666;
  border-color: #4cae4c;
}

.btn-info {
  color: #ffffff;
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: #39b3d7;
  border-color: #269abc;
}

.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  background-image: none;
}

.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-link {
  font-weight: normal;
  color: #333;
  cursor: pointer;
  border-radius: 0;
}

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

.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}

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

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

.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}

.btn-sm,
.btn-xs {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-xs {
  padding: 1px 5px;
}

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

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

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

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

.fade.in {
  opacity: 1;
}

.collapse {
  display: none;
}

.collapse.in {
  display: block;
}

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

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url(../fonts/glyphicons-halflings-regular.eot);
  src: url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(../fonts/glyphicons-halflings-regular.woff) format('woff'), url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular) format('svg');
}

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
}

.glyphicon-asterisk:before {
  content: "\2a";
}

.glyphicon-plus:before {
  content: "\2b";
}

.glyphicon-euro:before {
  content: "\20ac";
}

.glyphicon-minus:before {
  content: "\2212";
}

.glyphicon-cloud:before {
  content: "\2601";
}

.glyphicon-envelope:before {
  content: "\2709";
}

.glyphicon-pencil:before {
  content: "\270f";
}

.glyphicon-glass:before {
  content: "\e001";
}

.glyphicon-music:before {
  content: "\e002";
}

.glyphicon-search:before {
  content: "\e003";
}

.glyphicon-heart:before {
  content: "\e005";
}

.glyphicon-star:before {
  content: "\e006";
}

.glyphicon-star-empty:before {
  content: "\e007";
}

.glyphicon-user:before {
  content: "\e008";
}

.glyphicon-film:before {
  content: "\e009";
}

.glyphicon-th-large:before {
  content: "\e010";
}

.glyphicon-th:before {
  content: "\e011";
}

.glyphicon-th-list:before {
  content: "\e012";
}

.glyphicon-ok:before {
  content: "\e013";
}

.glyphicon-remove:before {
  content: "\e014";
}

.glyphicon-zoom-in:before {
  content: "\e015";
}

.glyphicon-zoom-out:before {
  content: "\e016";
}

.glyphicon-off:before {
  content: "\e017";
}

.glyphicon-signal:before {
  content: "\e018";
}

.glyphicon-cog:before {
  content: "\e019";
}

.glyphicon-trash:before {
  content: "\e020";
}

.glyphicon-home:before {
  content: "\e021";
}

.glyphicon-file:before {
  content: "\e022";
}

.glyphicon-time:before {
  content: "\e023";
}

.glyphicon-road:before {
  content: "\e024";
}

.glyphicon-download-alt:before {
  content: "\e025";
}

.glyphicon-download:before {
  content: "\e026";
}

.glyphicon-upload:before {
  content: "\e027";
}

.glyphicon-inbox:before {
  content: "\e028";
}

.glyphicon-play-circle:before {
  content: "\e029";
}

.glyphicon-repeat:before {
  content: "\e030";
}

.glyphicon-refresh:before {
  content: "\e031";
}

.glyphicon-list-alt:before {
  content: "\e032";
}

.glyphicon-flag:before {
  content: "\e034";
}

.glyphicon-headphones:before {
  content: "\e035";
}

.glyphicon-volume-off:before {
  content: "\e036";
}

.glyphicon-volume-down:before {
  content: "\e037";
}

.glyphicon-volume-up:before {
  content: "\e038";
}

.glyphicon-qrcode:before {
  content: "\e039";
}

.glyphicon-barcode:before {
  content: "\e040";
}

.glyphicon-tag:before {
  content: "\e041";
}

.glyphicon-tags:before {
  content: "\e042";
}

.glyphicon-book:before {
  content: "\e043";
}

.glyphicon-print:before {
  content: "\e045";
}

.glyphicon-font:before {
  content: "\e047";
}

.glyphicon-bold:before {
  content: "\e048";
}

.glyphicon-italic:before {
  content: "\e049";
}

.glyphicon-text-height:before {
  content: "\e050";
}

.glyphicon-text-width:before {
  content: "\e051";
}

.glyphicon-align-left:before {
  content: "\e052";
}

.glyphicon-align-center:before {
  content: "\e053";
}

.glyphicon-align-right:before {
  content: "\e054";
}

.glyphicon-align-justify:before {
  content: "\e055";
}

.glyphicon-list:before {
  content: "\e056";
}

.glyphicon-indent-left:before {
  content: "\e057";
}

.glyphicon-indent-right:before {
  content: "\e058";
}

.glyphicon-facetime-video:before {
  content: "\e059";
}

.glyphicon-picture:before {
  content: "\e060";
}

.glyphicon-map-marker:before {
  content: "\e062";
}

.glyphicon-adjust:before {
  content: "\e063";
}

.glyphicon-tint:before {
  content: "\e064";
}

.glyphicon-edit:before {
  content: "\e065";
}

.glyphicon-share:before {
  content: "\e066";
}

.glyphicon-check:before {
  content: "\e067";
}

.glyphicon-move:before {
  content: "\e068";
}

.glyphicon-step-backward:before {
  content: "\e069";
}

.glyphicon-fast-backward:before {
  content: "\e070";
}

.glyphicon-backward:before {
  content: "\e071";
}

.glyphicon-play:before {
  content: "\e072";
}

.glyphicon-pause:before {
  content: "\e073";
}

.glyphicon-stop:before {
  content: "\e074";
}

.glyphicon-forward:before {
  content: "\e075";
}

.glyphicon-fast-forward:before {
  content: "\e076";
}

.glyphicon-step-forward:before {
  content: "\e077";
}

.glyphicon-eject:before {
  content: "\e078";
}

.glyphicon-chevron-left:before {
  content: "\e079";
}

.glyphicon-chevron-right:before {
  content: "\e080";
}

.glyphicon-plus-sign:before {
  content: "\e081";
}

.glyphicon-minus-sign:before {
  content: "\e082";
}

.glyphicon-remove-sign:before {
  content: "\e083";
}

.glyphicon-ok-sign:before {
  content: "\e084";
}

.glyphicon-question-sign:before {
  content: "\e085";
}

.glyphicon-info-sign:before {
  content: "\e086";
}

.glyphicon-screenshot:before {
  content: "\e087";
}

.glyphicon-remove-circle:before {
  content: "\e088";
}

.glyphicon-ok-circle:before {
  content: "\e089";
}

.glyphicon-ban-circle:before {
  content: "\e090";
}

.glyphicon-arrow-left:before {
  content: "\e091";
}

.glyphicon-arrow-right:before {
  content: "\e092";
}

.glyphicon-arrow-up:before {
  content: "\e093";
}

.glyphicon-arrow-down:before {
  content: "\e094";
}

.glyphicon-share-alt:before {
  content: "\e095";
}

.glyphicon-resize-full:before {
  content: "\e096";
}

.glyphicon-resize-small:before {
  content: "\e097";
}

.glyphicon-exclamation-sign:before {
  content: "\e101";
}

.glyphicon-gift:before {
  content: "\e102";
}

.glyphicon-leaf:before {
  content: "\e103";
}

.glyphicon-eye-open:before {
  content: "\e105";
}

.glyphicon-eye-close:before {
  content: "\e106";
}

.glyphicon-warning-sign:before {
  content: "\e107";
}

.glyphicon-plane:before {
  content: "\e108";
}

.glyphicon-random:before {
  content: "\e110";
}

.glyphicon-comment:before {
  content: "\e111";
}

.glyphicon-magnet:before {
  content: "\e112";
}

.glyphicon-chevron-up:before {
  content: "\e113";
}

.glyphicon-chevron-down:before {
  content: "\e114";
}

.glyphicon-retweet:before {
  content: "\e115";
}

.glyphicon-shopping-cart:before {
  content: "\e116";
}

.glyphicon-folder-close:before {
  content: "\e117";
}

.glyphicon-folder-open:before {
  content: "\e118";
}

.glyphicon-resize-vertical:before {
  content: "\e119";
}

.glyphicon-resize-horizontal:before {
  content: "\e120";
}

.glyphicon-hdd:before {
  content: "\e121";
}

.glyphicon-bullhorn:before {
  content: "\e122";
}

.glyphicon-certificate:before {
  content: "\e124";
}

.glyphicon-thumbs-up:before {
  content: "\e125";
}

.glyphicon-thumbs-down:before {
  content: "\e126";
}

.glyphicon-hand-right:before {
  content: "\e127";
}

.glyphicon-hand-left:before {
  content: "\e128";
}

.glyphicon-hand-up:before {
  content: "\e129";
}

.glyphicon-hand-down:before {
  content: "\e130";
}

.glyphicon-circle-arrow-right:before {
  content: "\e131";
}

.glyphicon-circle-arrow-left:before {
  content: "\e132";
}

.glyphicon-circle-arrow-up:before {
  content: "\e133";
}

.glyphicon-circle-arrow-down:before {
  content: "\e134";
}

.glyphicon-globe:before {
  content: "\e135";
}

.glyphicon-tasks:before {
  content: "\e137";
}

.glyphicon-filter:before {
  content: "\e138";
}

.glyphicon-fullscreen:before {
  content: "\e140";
}

.glyphicon-dashboard:before {
  content: "\e141";
}

.glyphicon-heart-empty:before {
  content: "\e143";
}

.glyphicon-link:before {
  content: "\e144";
}

.glyphicon-phone:before {
  content: "\e145";
}

.glyphicon-usd:before {
  content: "\e148";
}

.glyphicon-gbp:before {
  content: "\e149";
}

.glyphicon-sort:before {
  content: "\e150";
}

.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}

.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}

.glyphicon-sort-by-order:before {
  content: "\e153";
}

.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}

.glyphicon-sort-by-attributes:before {
  content: "\e155";
}

.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}

.glyphicon-unchecked:before {
  content: "\e157";
}

.glyphicon-expand:before {
  content: "\e158";
}

.glyphicon-collapse-down:before {
  content: "\e159";
}

.glyphicon-collapse-up:before {
  content: "\e160";
}

.glyphicon-log-in:before {
  content: "\e161";
}

.glyphicon-flash:before {
  content: "\e162";
}

.glyphicon-log-out:before {
  content: "\e163";
}

.glyphicon-new-window:before {
  content: "\e164";
}

.glyphicon-record:before {
  content: "\e165";
}

.glyphicon-save:before {
  content: "\e166";
}

.glyphicon-open:before {
  content: "\e167";
}

.glyphicon-saved:before {
  content: "\e168";
}

.glyphicon-import:before {
  content: "\e169";
}

.glyphicon-export:before {
  content: "\e170";
}

.glyphicon-send:before {
  content: "\e171";
}

.glyphicon-floppy-disk:before {
  content: "\e172";
}

.glyphicon-floppy-saved:before {
  content: "\e173";
}

.glyphicon-floppy-remove:before {
  content: "\e174";
}

.glyphicon-floppy-save:before {
  content: "\e175";
}

.glyphicon-floppy-open:before {
  content: "\e176";
}

.glyphicon-credit-card:before {
  content: "\e177";
}

.glyphicon-transfer:before {
  content: "\e178";
}

.glyphicon-cutlery:before {
  content: "\e179";
}

.glyphicon-header:before {
  content: "\e180";
}

.glyphicon-compressed:before {
  content: "\e181";
}

.glyphicon-earphone:before {
  content: "\e182";
}

.glyphicon-phone-alt:before {
  content: "\e183";
}

.glyphicon-tower:before {
  content: "\e184";
}

.glyphicon-stats:before {
  content: "\e185";
}

.glyphicon-sd-video:before {
  content: "\e186";
}

.glyphicon-hd-video:before {
  content: "\e187";
}

.glyphicon-subtitles:before {
  content: "\e188";
}

.glyphicon-sound-stereo:before {
  content: "\e189";
}

.glyphicon-sound-dolby:before {
  content: "\e190";
}

.glyphicon-sound-5-1:before {
  content: "\e191";
}

.glyphicon-sound-6-1:before {
  content: "\e192";
}

.glyphicon-sound-7-1:before {
  content: "\e193";
}

.glyphicon-copyright-mark:before {
  content: "\e194";
}

.glyphicon-registration-mark:before {
  content: "\e195";
}

.glyphicon-cloud-download:before {
  content: "\e197";
}

.glyphicon-cloud-upload:before {
  content: "\e198";
}

.glyphicon-tree-conifer:before {
  content: "\e199";
}

.glyphicon-tree-deciduous:before {
  content: "\e200";
}

.glyphicon-briefcase:before {
  content: "\1f4bc";
}

.glyphicon-calendar:before {
  content: "\1f4c5";
}

.glyphicon-pushpin:before {
  content: "\1f4cc";
}

.glyphicon-paperclip:before {
  content: "\1f4ce";
}

.glyphicon-camera:before {
  content: "\1f4f7";
}

.glyphicon-lock:before {
  content: "\1f512";
}

.glyphicon-bell:before {
  content: "\1f514";
}

.glyphicon-bookmark:before {
  content: "\1f516";
}

.glyphicon-fire:before {
  content: "\1f525";
}

.glyphicon-wrench:before {
  content: "\1f527";
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid #000000;
  border-right: 4px solid transparent;
  border-bottom: 0 dotted;
  border-left: 4px solid transparent;
  content: "";
}

.dropdown {
    color: #333;
    font-family: "p22-underground", Arial, sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 28px;
    margin-left: 120px;
    margin-top: -22px;
    position: relative;
    text-align: left !important;
    text-transform: uppercase;
    white-space: nowrap;
    z-index: 10;
}
.dropdown a:first-child {
    display: block;
    width: 75px;
}
.dc-main .dropdown {
    margin-left: 0;
    margin-top: 40px;
}
.dc-main .data_cap_title h1 {
    margin-top: -48px;
}

.dropdown-toggle:focus {
  outline: 0;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}

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

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #333333;
  white-space: nowrap;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #333;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #333;
  outline: 0;
}

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

.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

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

.open > a {
  outline: 0;
}

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.428571429;
  color: #999999;
}

.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}

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

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0 dotted;
  border-bottom: 4px solid #000000;
  content: "";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}

.btn-default .caret {
  border-top-color: #333333;
}

.btn-primary .caret,
.btn-success .caret,
.btn-warning .caret,
.btn-danger .caret,
.btn-info .caret {
  border-top-color: #fff;
}

.dropup .btn-default .caret {
  border-bottom-color: #333333;
}

.dropup .btn-primary .caret,
.dropup .btn-success .caret,
.dropup .btn-warning .caret,
.dropup .btn-danger .caret,
.dropup .btn-info .caret {
  border-bottom-color: #fff;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}

.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}

.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus {
  outline: none;
}

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}

.btn-toolbar:before,
.btn-toolbar:after {
  display: table;
  content: " ";
}

.btn-toolbar:after {
  clear: both;
}

.btn-toolbar:before,
.btn-toolbar:after {
  display: table;
  content: " ";
}

.btn-toolbar:after {
  clear: both;
}

.btn-toolbar .btn-group {
  float: left;
}

.btn-toolbar > .btn + .btn,
.btn-toolbar > .btn-group + .btn,
.btn-toolbar > .btn + .btn-group,
.btn-toolbar > .btn-group + .btn-group {
  margin-left: 5px;
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}

.btn-group > .btn:first-child {
  margin-left: 0;
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.btn-group > .btn-group {
  float: left;
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group > .btn-group:first-child > .btn:last-child,
.btn-group > .btn-group:first-child > .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group > .btn-group:last-child > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}

.btn-group-xs > .btn {
  padding: 5px 10px;
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}

.btn-group > .btn + .dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px;
}

.btn-group > .btn-lg + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 12px;
}

.btn-group.open .dropdown-toggle {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn .caret {
  margin-left: 0;
}

.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}

.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}

.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after {
  display: table;
  content: " ";
}

.btn-group-vertical > .btn-group:after {
  clear: both;
}

.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after {
  display: table;
  content: " ";
}

.btn-group-vertical > .btn-group:after {
  clear: both;
}

.btn-group-vertical > .btn-group > .btn {
  float: none;
}

.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-right-radius: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 0;
}

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group-vertical > .btn-group:first-child > .btn:last-child,
.btn-group-vertical > .btn-group:first-child > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn-group:last-child > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.btn-group-justified {
  display: table;
  width: 100%;
  border-collapse: separate;
  table-layout: fixed;
}

.btn-group-justified .btn {
  display: table-cell;
  float: none;
  width: 1%;
}

[data-toggle="buttons"] > .btn > input[type="radio"],
[data-toggle="buttons"] > .btn > input[type="checkbox"] {
  display: none;
}

.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}

.input-group.col {
  float: none;
  padding-right: 0;
  padding-left: 0;
}

.input-group .form-control {
  width: 100%;
  margin-bottom: 0;
}

.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 45px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}

select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 45px;
  line-height: 45px;
}

textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn {
  height: auto;
}

.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  line-height: 30px;
}

textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn {
  height: auto;
}

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}

.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}

.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #cccccc;
  border-radius: 4px;
}

.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}

.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}

.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group-addon:first-child {
  border-right: 0;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.input-group-addon:last-child {
  border-left: 0;
}

.input-group-btn {
  position: relative;
  white-space: nowrap;
}

.input-group-btn > .btn {
  position: relative;
}

.input-group-btn > .btn + .btn {
  margin-left: -4px;
}

.input-group-btn > .btn:hover,
.input-group-btn > .btn:active {
  z-index: 2;
}

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

.nav:before,
.nav:after {
  display: table;
  content: " ";
}

.nav:after {
  clear: both;
}

.nav:before,
.nav:after {
  display: table;
  content: " ";
}

.nav:after {
  clear: both;
}

.nav > li {
  position: relative;
  display: block;
}

.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}

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

.nav > li.disabled > a {
  color: #999999;
}

.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #999999;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #333;
}

.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

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

header .nav .current a:after {
    background: transparent url(/static/img/subnav-arrow.png) no-repeat;
    background-size: 14px 7px;
    bottom: -2px;
    content: "";
    display: block;
    height: 7px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 14px;
}

.nav-tabs {
  border-bottom: 1px solid #dddddd;
}

.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}

.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.428571429;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}

.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #dddddd;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555555;
  cursor: default;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-bottom-color: transparent;
}

.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}

.nav-tabs.nav-justified > li {
  float: none;
}

.nav-tabs.nav-justified > li > a {
  text-align: center;
}

@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
}

.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-bottom: 1px solid #dddddd;
}

.nav-tabs.nav-justified > .active > a {
  border-bottom-color: #ffffff;
}

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

.nav-pills > li > a {
  border-radius: 5px;
}

.nav-pills > li + li {
  margin-left: 2px;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #ffffff;
  background-color: #333;
}

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

.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}

.nav-justified {
  width: 100%;
}

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

.nav-justified > li > a {
  text-align: center;
}

@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
}

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

.nav-tabs-justified > li > a {
  margin-right: 0;
  border-bottom: 1px solid #dddddd;
}

.nav-tabs-justified > .active > a {
  border-bottom-color: #ffffff;
}

.tabbable:before,
.tabbable:after {
  display: table;
  content: " ";
}

.tabbable:after {
  clear: both;
}

.tabbable:before,
.tabbable:after {
  display: table;
  content: " ";
}

.tabbable:after {
  clear: both;
}

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

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

.nav .caret {
  border-top-color: #333;
  border-bottom-color: #333;
}

.nav a:hover .caret {
  border-top-color: #2a6496;
  border-bottom-color: #2a6496;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.navbar {
  position: relative;
  /*z-index: 1000;*/
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}

.navbar:before,
.navbar:after {
  display: table;
  content: " ";
}

.navbar:after {
  clear: both;
}

.navbar:before,
.navbar:after {
  display: table;
  content: " ";
}

.navbar:after {
  clear: both;
}

@media (min-width: 768px) {
  .navbar {
    border-radius: 4px;
  }
}

.navbar-header:before,
.navbar-header:after {
  display: table;
  content: " ";
}

.navbar-header:after {
  clear: both;
}

.navbar-header:before,
.navbar-header:after {
  display: table;
  content: " ";
}

.navbar-header:after {
  clear: both;
}

@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}

.navbar-collapse {
  max-height: 340px;
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}

.navbar-collapse:before,
.navbar-collapse:after {
  display: table;
  content: " ";
}

.navbar-collapse:after {
  clear: both;
}

.navbar-collapse:before,
.navbar-collapse:after {
  display: table;
  content: " ";
}

.navbar-collapse:after {
  clear: both;
}

.navbar-collapse.in {
  overflow-y: auto;
}

@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-collapse .navbar-nav.navbar-left:first-child {
    margin-left: -15px;
  }
  .navbar-collapse .navbar-nav.navbar-right:last-child {
    margin-right: -34px;
  }
  .navbar-collapse .navbar-text:last-child {
    margin-right: 0;
  }
}

.container > .navbar-header,
.container > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}

@media (min-width: 768px) {
  .container > .navbar-header,
  .container > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}

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

@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0;
  }
}

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  border-width: 0 0 1px;
}

@media (min-width: 768px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}

.navbar-fixed-top {
  top: 0;
  z-index: 1030;
}

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
}

.navbar-brand {
  float: left;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
}

.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}

@media (min-width: 768px) {
  .navbar > .container .navbar-brand {
    margin-left: -15px;
  }
}

.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 4px;
}

.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}

.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}

@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}

.navbar-nav {
  margin: 7.5px -15px;
}

.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}

@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}

@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
  }
}

.navbar-form {
    padding: 10px 15px;
    margin-top: 8px;
    margin-right: -15px;
    margin-bottom: 8px;
    margin-left: -15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
}

@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
  }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    float: none;
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
}

@media (min-width: 768px) {
    .navbar-form {
        width: auto;
        padding-top: 0;
        padding-bottom: 0;
        margin-right: 0;
        margin-left: 0;
        border: 0;
        box-shadow: none;
    }
}

.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.navbar-nav.pull-right > li > .dropdown-menu,
.navbar-nav > li > .dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px;
}

.navbar-text {
  float: left;
  margin-top: 15px;
  margin-bottom: 15px;
}

@media (min-width: 768px) {
  .navbar-text {
    margin-right: 15px;
    margin-left: 15px;
  }
}

.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}

.navbar-default .navbar-brand {
  color: #777777;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}

.navbar-default .navbar-text {
  color: #777777;
}

.navbar-default .navbar-nav > li > a {
  color: #777777;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #000000;
  background-color: transparent;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .current > a,
.navbar-default .navbar-nav > .current > a:hover,
.navbar-default .navbar-nav > .current > a:focus,
.navbar-default .navbar-nav > .current-parent > a,
.navbar-default .navbar-nav > .current-parent > a:hover,
.navbar-default .navbar-nav > .current-parent > a:focus {
  color: #000000;
  background-color: #e7e7e7;
}

.navbar-default .navbar-nav > .current-parent > a:hover{
  
}

.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
  font-weight: 500;
}

.navbar-default .navbar-toggle {
  border-color: #dddddd;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #dddddd;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #cccccc;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e6e6e6;
}

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

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #555555;
  background-color: #e7e7e7;
}

.navbar-default .navbar-nav > .open > a .caret,
.navbar-default .navbar-nav > .open > a:hover .caret,
.navbar-default .navbar-nav > .open > a:focus .caret {
  border-top-color: #555555;
  border-bottom-color: #555555;
}

.navbar-default .navbar-nav > .dropdown > a .caret {
  border-top-color: #777777;
  border-bottom-color: #777777;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus,
   {
    color: #555555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
  }
}

.navbar-default .navbar-link {
  color: #777777;
}

.navbar-default .navbar-link:hover {
  color: #333333;
}

.navbar-inverse {
  background-color: #222222;
  border-color: #080808;
}

.navbar-inverse .navbar-brand {
  color: #999999;
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #ffffff;
  background-color: transparent;
}

.navbar-inverse .navbar-text {
  color: #999999;
}

.navbar-inverse .navbar-nav > li > a {
  color: #999999;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #ffffff;
  background-color: transparent;
  box-shadow: none;
  border: 0;
  outline: none;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .current > a,
.navbar-inverse .navbar-nav > .current > a:hover,
.navbar-inverse .navbar-nav > .current > a:focus,
.navbar-inverse .navbar-nav > .current-parent > a,
.navbar-inverse .navbar-nav > .current-parent > a:hover,
.navbar-inverse .navbar-nav > .current-parent > a:focus {
  color: #ffffff;
  background-color: #080808;
}

.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444444;
  background-color: transparent;
}

.navbar-inverse .navbar-toggle {
  border-color: #333333;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333333;
}

.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #ffffff;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #ffffff;
  background-color: #080808;
}

.navbar-inverse .navbar-nav > .dropdown > a:hover .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

.navbar-inverse .navbar-nav > .dropdown > a .caret {
  border-top-color: #999999;
  border-bottom-color: #999999;
}

.navbar-inverse .navbar-nav > .open > a .caret,
.navbar-inverse .navbar-nav > .open > a:hover .caret,
.navbar-inverse .navbar-nav > .open > a:focus .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #999999;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444444;
    background-color: transparent;
  }
}

.navbar-inverse .navbar-link {
  color: #999999;
}

.navbar-inverse .navbar-link:hover {
  color: #ffffff;
}

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}

.breadcrumb > li {
  display: inline-block;
}

.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #cccccc;
  content: "/\00a0";
}

.breadcrumb > .active {
  color: #999999;
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}

.pagination > li {
  display: inline;
}

.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.428571429;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}

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

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

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

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #ffffff;
  cursor: default;
  background-color: #333;
  border-color: #333;
}

.pagination > .disabled > span,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #999999;
  cursor: not-allowed;
  background-color: #ffffff;
  border-color: #dddddd;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}

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

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

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

.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}

.pager:before,
.pager:after {
  display: table;
  content: " ";
}

.pager:after {
  clear: both;
}

.pager:before,
.pager:after {
  display: table;
  content: " ";
}

.pager:after {
  clear: both;
}

.pager li {
  display: inline;
}

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

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

.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: #999999;
  cursor: not-allowed;
  background-color: #ffffff;
}

.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}

.label[href]:hover,
.label[href]:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

.label:empty {
  display: none;
}

.label-default {
  background-color: #999999;
}

.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #808080;
}

.label-primary {
  background-color: #333;
}

.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #3071a9;
}

.label-success {
  background-color: #666;
}

.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #449d44;
}

.label-info {
  background-color: #5bc0de;
}

.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5;
}

.label-warning {
  background-color: #f0ad4e;
}

.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}

.label-danger {
  background-color: #d9534f;
}

.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #999999;
  border-radius: 10px;
}

.badge:empty {
  display: none;
}

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

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

a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #333;
  background-color: #ffffff;
}

.nav-pills > li > a > .badge {
  margin-left: 3px;
}

.jumbotron {
  padding: 30px;
  margin-bottom: 30px;
  font-size: 21px;
  font-weight: 200;
  line-height: 2.1428571435;
  color: inherit;
  background-color: #eeeeee;
}

.jumbotron h1 {
  line-height: 1;
  color: inherit;
}

.jumbotron p {
  line-height: 1.4;
}

.container .jumbotron {
  border-radius: 6px;
}

@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .jumbotron {
    padding-right: 60px;
    padding-left: 60px;
  }
  .jumbotron h1 {
    font-size: 63px;
  }
}

.thumbnail {
  display: inline-block;
  display: block;
  height: auto;
  max-width: 100%;
  padding: 4px;
  line-height: 1.428571429;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}

.thumbnail > img {
  display: block;
  height: auto;
  max-width: 100%;
}

a.thumbnail:hover,
a.thumbnail:focus {
  border-color: #333;
}

.thumbnail > img {
  margin-right: auto;
  margin-left: auto;
}

.thumbnail .caption {
  padding: 9px;
  color: #333333;
}

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.alert h4 {
  margin-top: 0;
  color: inherit;
}

.alert .alert-link {
  font-weight: bold;
}

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

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

.alert-dismissable {
  padding-right: 35px;
}

.alert-dismissable .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}

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

.alert-success hr {
  border-top-color: #c9e2b3;
}

.alert-success .alert-link {
  color: #356635;
}

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

.alert-info hr {
  border-top-color: #a6e1ec;
}

.alert-info .alert-link {
  color: #2d6987;
}

.alert-warning {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #fbeed5;
}

.alert-warning hr {
  border-top-color: #f8e5be;
}

.alert-warning .alert-link {
  color: #a47e3c;
}

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

.alert-danger hr {
  border-top-color: #e6c1c7;
}

.alert-danger .alert-link {
  color: #953b39;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

@-moz-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

@-o-keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

.progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    background-color: #333;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    transition: width 0.6s ease;
}

.progress-striped .progress-bar {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}

.progress.active .progress-bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
     -moz-animation: progress-bar-stripes 2s linear infinite;
      -ms-animation: progress-bar-stripes 2s linear infinite;
       -o-animation: progress-bar-stripes 2s linear infinite;
          animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar-success {
  background-color: #666;
}

.progress-striped .progress-bar-success {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-info {
  background-color: #5bc0de;
}

.progress-striped .progress-bar-info {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-warning {
  background-color: #f0ad4e;
}

.progress-striped .progress-bar-warning {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-danger {
  background-color: #d9534f;
}

.progress-striped .progress-bar-danger {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.media,
.media-body {
  overflow: hidden;
  zoom: 1;
}

.media,
.media .media {
  margin-top: 15px;
}

.media:first-child {
  margin-top: 0;
}

.media-object {
  display: block;
}

.media-heading {
  margin: 0 0 5px;
}

.media > .pull-left {
  margin-right: 10px;
}

.media > .pull-right {
  margin-left: 10px;
}

.media-list {
  padding-left: 0;
  list-style: none;
}

.list-group {
  padding-left: 0;
  margin-bottom: 20px;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}

.list-group-item:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}

.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.list-group-item > .badge {
  float: right;
}

.list-group-item > .badge + .badge {
  margin-right: 5px;
}

a.list-group-item {
  color: #555555;
}

a.list-group-item .list-group-item-heading {
  color: #333333;
}

a.list-group-item:hover,
a.list-group-item:focus {
  text-decoration: none;
  background-color: #f5f5f5;
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #333;
  border-color: #333;
}

.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading {
  color: inherit;
}

.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #e1edf7;
}

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}

.panel {
    margin-bottom: 20px;
    background-color: #ffffff;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-body {
  padding: 15px;
}

.panel-body:before,
.panel-body:after {
  display: table;
  content: " ";
}

.panel-body:after {
  clear: both;
}

.panel-body:before,
.panel-body:after {
  display: table;
  content: " ";
}

.panel-body:after {
  clear: both;
}

.panel > .list-group {
  margin-bottom: 0;
}

.panel > .list-group .list-group-item {
  border-width: 1px 0;
}

.panel > .list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.panel > .list-group .list-group-item:last-child {
  border-bottom: 0;
}

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}

.panel > .table {
  margin-bottom: 0;
}

.panel > .panel-body + .table {
  border-top: 1px solid #dddddd;
}

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
}

.panel-title > a {
  color: inherit;
}

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #dddddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel-group .panel {
  margin-bottom: 0;
  overflow: hidden;
  border-radius: 4px;
}

.panel-group .panel + .panel {
  margin-top: 5px;
}

.panel-group .panel-heading {
  border-bottom: 0;
}

.panel-group .panel-heading + .panel-collapse .panel-body {
  border-top: 1px solid #dddddd;
}

.panel-group .panel-footer {
  border-top: 0;
}

.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #dddddd;
}

.panel-default {
  border-color: #dddddd;
}

.panel-default > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #dddddd;
}

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

.panel-default > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #dddddd;
}

.panel-primary {
  border-color: #333;
}

.panel-primary > .panel-heading {
  color: #ffffff;
  background-color: #333;
  border-color: #333;
}

.panel-primary > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #333;
}

.panel-primary > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #333;
}

.panel-success {
  border-color: #d6e9c6;
}

.panel-success > .panel-heading {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.panel-success > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #d6e9c6;
}

.panel-success > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #d6e9c6;
}

.panel-warning {
  border-color: #fbeed5;
}

.panel-warning > .panel-heading {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #fbeed5;
}

.panel-warning > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #fbeed5;
}

.panel-warning > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #fbeed5;
}

.panel-danger {
  border-color: #eed3d7;
}

.panel-danger > .panel-heading {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.panel-danger > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #eed3d7;
}

.panel-danger > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #eed3d7;
}

.panel-info {
  border-color: #bce8f1;
}

.panel-info > .panel-heading {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.panel-info > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #bce8f1;
}

.panel-info > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #bce8f1;
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    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-lg {
  padding: 24px;
  border-radius: 6px;
}

.well-sm {
  padding: 9px;
  border-radius: 3px;
}

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.close:hover,
.close:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

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

.modal-open {
  overflow: hidden;
}

body.modal-open,
.modal-open .navbar-fixed-top,
.modal-open .navbar-fixed-bottom {
  margin-right: 15px;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  display: none;
  overflow: auto;
  overflow-y: scroll;
}

.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
          transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
     -moz-transition: -moz-transform 0.3s ease-out;
       -o-transition: -o-transform 0.3s ease-out;
          transition: transform 0.3s ease-out;
}

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}

.modal-dialog {
  z-index: 1050;
  width: auto;
  padding: 10px;
  margin-right: auto;
  margin-left: auto;
}

.modal-content {
    position: relative;
    background-color: #ffffff;
    border: 1px solid #999999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    outline: none;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
  background-color: #000000;
}

.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}

.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.modal-header {
  min-height: 16.428571429px;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}

.modal-header .close {
  margin-top: -2px;
}

.modal-title {
  margin: 0;
  line-height: 1.428571429;
}

.modal-body {
  position: relative;
  padding: 20px;
}

.modal-footer {
  padding: 19px 20px 20px;
  margin-top: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}

.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " ";
}

.modal-footer:after {
  clear: both;
}

.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " ";
}

.modal-footer:after {
  clear: both;
}

.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

@media screen and (min-width: 768px) {
    .modal-dialog {
        right: auto;
        left: 50%;
        width: 600px;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .modal-content {
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }
}

.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  font-size: 12px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: visible;
}

.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}

.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}

.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}

.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  border-radius: 4px;
}

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

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

.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  left: 5px;
  border-top-color: #000000;
  border-width: 5px 5px 0;
}

.tooltip.top-right .tooltip-arrow {
  right: 5px;
  bottom: 0;
  border-top-color: #000000;
  border-width: 5px 5px 0;
}

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

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

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

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  left: 5px;
  border-bottom-color: #000000;
  border-width: 0 5px 5px;
}

.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  border-bottom-color: #000000;
  border-width: 0 5px 5px;
}

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

.popover.top {
  margin-top: -10px;
}

.popover.right {
  margin-left: 10px;
}

.popover.bottom {
  margin-top: 10px;
}

.popover.left {
  margin-left: -10px;
}

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

.popover-content {
  padding: 0 20px 9px;
}

.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 {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}

.popover.top .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  border-top-color: #ffffff;
  border-bottom-width: 0;
  content: " ";
}

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

.popover.right .arrow:after {
  bottom: -10px;
  left: 1px;
  border-right-color: #ffffff;
  border-left-width: 0;
  content: " ";
}

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

.popover.bottom .arrow:after {
  top: 1px;
  margin-left: -10px;
  border-bottom-color: #ffffff;
  border-top-width: 0;
  content: " ";
}

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

.popover.left .arrow:after {
  right: 1px;
  bottom: -10px;
  border-left-color: #ffffff;
  border-right-width: 0;
  content: " ";
}

.carousel {
  position: relative;
}

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

.carousel-inner > .item {
  position: relative;
  display: none;
  -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;
  height: auto;
  max-width: 100%;
  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: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.carousel-control.left {
  background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0), color-stop(rgba(0, 0, 0, 0.0001) 100%));
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}

.carousel-control.right {
  right: 0;
  left: auto;
  background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0), color-stop(rgba(0, 0, 0, 0.5) 100%));
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}

.carousel-control:hover,
.carousel-control:focus {
  color: #ffffff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  display: inline-block;
}

.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  font-family: serif;
}

.carousel-control .icon-prev:before {
  content: '\2039';
}

.carousel-control .icon-next:before {
  content: '\203a';
}

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}

.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  border: 1px solid #ffffff;
  border-radius: 10px;
}

.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #ffffff;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.carousel-caption .btn {
  text-shadow: none;
}

@media screen and (min-width: 768px) {
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
    font-size: 30px;
  }
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}

.clearfix:after {
  clear: both;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.invisible-zero {
  visibility: hidden;
  width: 0;
  height: 0;
}


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

.affix {
  position: fixed;
}

@-ms-viewport {
    width: device-width;
}

@media screen and (max-width: 400px) {
    @-ms-viewport {
        width: 320px;
    }
}

.hidden {
  display: none !important;
  visibility: hidden !important;
}

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

tr.visible-xs {
  display: none !important;
}

th.visible-xs,
td.visible-xs {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-xs.visible-sm {
    display: block !important;
  }
  tr.visible-xs.visible-sm {
    display: table-row !important;
  }
  th.visible-xs.visible-sm,
  td.visible-xs.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-xs.visible-md {
    display: block !important;
  }
  tr.visible-xs.visible-md {
    display: table-row !important;
  }
  th.visible-xs.visible-md,
  td.visible-xs.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .visible-xs.visible-lg {
    display: block !important;
  }
  tr.visible-xs.visible-lg {
    display: table-row !important;
  }
  th.visible-xs.visible-lg,
  td.visible-xs.visible-lg {
    display: table-cell !important;
  }
}

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

tr.visible-sm {
  display: none !important;
}

th.visible-sm,
td.visible-sm {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-sm.visible-xs {
    display: block !important;
  }
  tr.visible-sm.visible-xs {
    display: table-row !important;
  }
  th.visible-sm.visible-xs,
  td.visible-sm.visible-xs {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-sm.visible-md {
    display: block !important;
  }
  tr.visible-sm.visible-md {
    display: table-row !important;
  }
  th.visible-sm.visible-md,
  td.visible-sm.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .visible-sm.visible-lg {
    display: block !important;
  }
  tr.visible-sm.visible-lg {
    display: table-row !important;
  }
  th.visible-sm.visible-lg,
  td.visible-sm.visible-lg {
    display: table-cell !important;
  }
}

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

tr.visible-md {
  display: none !important;
}

th.visible-md,
td.visible-md {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-md.visible-xs {
    display: block !important;
  }
  tr.visible-md.visible-xs {
    display: table-row !important;
  }
  th.visible-md.visible-xs,
  td.visible-md.visible-xs {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-md.visible-sm {
    display: block !important;
  }
  tr.visible-md.visible-sm {
    display: table-row !important;
  }
  th.visible-md.visible-sm,
  td.visible-md.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .visible-md.visible-lg {
    display: block !important;
  }
  tr.visible-md.visible-lg {
    display: table-row !important;
  }
  th.visible-md.visible-lg,
  td.visible-md.visible-lg {
    display: table-cell !important;
  }
}

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

tr.visible-lg {
  display: none !important;
}

th.visible-lg,
td.visible-lg {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-lg.visible-xs {
    display: block !important;
  }
  tr.visible-lg.visible-xs {
    display: table-row !important;
  }
  th.visible-lg.visible-xs,
  td.visible-lg.visible-xs {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-lg.visible-sm {
    display: block !important;
  }
  tr.visible-lg.visible-sm {
    display: table-row !important;
  }
  th.visible-lg.visible-sm,
  td.visible-lg.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-lg.visible-md {
    display: block !important;
  }
  tr.visible-lg.visible-md {
    display: table-row !important;
  }
  th.visible-lg.visible-md,
  td.visible-lg.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}

.hidden-xs {
  display: block !important;
}

tr.hidden-xs {
  display: table-row !important;
}

th.hidden-xs,
td.hidden-xs {
  display: table-cell !important;
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
  tr.hidden-xs {
    display: none !important;
  }
  th.hidden-xs,
  td.hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-xs.hidden-sm {
    display: none !important;
  }
  tr.hidden-xs.hidden-sm {
    display: none !important;
  }
  th.hidden-xs.hidden-sm,
  td.hidden-xs.hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-xs.hidden-md {
    display: none !important;
  }
  tr.hidden-xs.hidden-md {
    display: none !important;
  }
  th.hidden-xs.hidden-md,
  td.hidden-xs.hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-xs.hidden-lg {
    display: none !important;
  }
  tr.hidden-xs.hidden-lg {
    display: none !important;
  }
  th.hidden-xs.hidden-lg,
  td.hidden-xs.hidden-lg {
    display: none !important;
  }
}

.hidden-sm {
  display: block !important;
}

tr.hidden-sm {
  display: table-row !important;
}

th.hidden-sm,
td.hidden-sm {
  display: table-cell !important;
}

@media (max-width: 767px) {
  .hidden-sm.hidden-xs {
    display: none !important;
  }
  tr.hidden-sm.hidden-xs {
    display: none !important;
  }
  th.hidden-sm.hidden-xs,
  td.hidden-sm.hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
  tr.hidden-sm {
    display: none !important;
  }
  th.hidden-sm,
  td.hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-sm.hidden-md {
    display: none !important;
  }
  tr.hidden-sm.hidden-md {
    display: none !important;
  }
  th.hidden-sm.hidden-md,
  td.hidden-sm.hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-sm.hidden-lg {
    display: none !important;
  }
  tr.hidden-sm.hidden-lg {
    display: none !important;
  }
  th.hidden-sm.hidden-lg,
  td.hidden-sm.hidden-lg {
    display: none !important;
  }
}

.hidden-md {
  display: block !important;
}

tr.hidden-md {
  display: table-row !important;
}

th.hidden-md,
td.hidden-md {
  display: table-cell !important;
}

@media (max-width: 767px) {
  .hidden-md.hidden-xs {
    display: none !important;
  }
  tr.hidden-md.hidden-xs {
    display: none !important;
  }
  th.hidden-md.hidden-xs,
  td.hidden-md.hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-md.hidden-sm {
    display: none !important;
  }
  tr.hidden-md.hidden-sm {
    display: none !important;
  }
  th.hidden-md.hidden-sm,
  td.hidden-md.hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
  tr.hidden-md {
    display: none !important;
  }
  th.hidden-md,
  td.hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-md.hidden-lg {
    display: none !important;
  }
  tr.hidden-md.hidden-lg {
    display: none !important;
  }
  th.hidden-md.hidden-lg,
  td.hidden-md.hidden-lg {
    display: none !important;
  }
}

.hidden-lg {
  display: block !important;
}

tr.hidden-lg {
  display: table-row !important;
}

th.hidden-lg,
td.hidden-lg {
  display: table-cell !important;
}

@media (max-width: 767px) {
  .hidden-lg.hidden-xs {
    display: none !important;
  }
  tr.hidden-lg.hidden-xs {
    display: none !important;
  }
  th.hidden-lg.hidden-xs,
  td.hidden-lg.hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-lg.hidden-sm {
    display: none !important;
  }
  tr.hidden-lg.hidden-sm {
    display: none !important;
  }
  th.hidden-lg.hidden-sm,
  td.hidden-lg.hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-lg.hidden-md {
    display: none !important;
  }
  tr.hidden-lg.hidden-md {
    display: none !important;
  }
  th.hidden-lg.hidden-md,
  td.hidden-lg.hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
  tr.hidden-lg {
    display: none !important;
  }
  th.hidden-lg,
  td.hidden-lg {
    display: none !important;
  }
}

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

tr.visible-print {
  display: none !important;
}

th.visible-print,
td.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
  .hidden-print {
    display: none !important;
  }
  tr.hidden-print {
    display: none !important;
  }
  th.hidden-print,
  td.hidden-print {
    display: none !important;
  }
}

/*** END bootstrap.css ***/


/*** BEGIN bootstrap-tour.css ***/

.tour-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
  background-color: #000;
  opacity: 0.8;
}
.tour-step-backdrop {
  position: relative;
  z-index: 1031;
}
.tour-step-background {
  position: absolute;
  z-index: 1030;
  background: #fff;
  border-radius: 6px;
}
.popover[class*="tour-"] {
  z-index: 1030;
}
.popover[class*="tour-"] .popover-navigation {
  padding: 9px 14px;
}
.popover[class*="tour-"] .popover-navigation *[data-role=end] {
  float: right;
}
.popover[class*="tour-"] .popover-navigation *[data-role=prev],
.popover[class*="tour-"] .popover-navigation *[data-role=next],
.popover[class*="tour-"] .popover-navigation *[data-role=end] {
  cursor: pointer;
}
.popover[class*="tour-"] .popover-navigation *[data-role=prev].disabled,
.popover[class*="tour-"] .popover-navigation *[data-role=next].disabled,
.popover[class*="tour-"] .popover-navigation *[data-role=end].disabled {
  cursor: default;
}
.popover[class*="tour-"].orphan {
  position: fixed;
  margin-top: 0;
}
.popover[class*="tour-"].orphan .arrow {
  display: none;
}

.nav-tabs > li > a:hover {
  border-color: transparent;
}
.nav > li > a:hover, .nav > li > a:focus {
  background-color: transparent;
}

/*** END bootstrap-tour.css ***/


/*** BEGIN bootstrap-overrides.css ***/

/*
NEW FULL WEB BOOTSTRAP CUSTOM STYLES.
These are defined in bootstrap but cancelled to be overridden in base.css
*/

div.navbar, div.navbar-collapse, div.navbar-header, .navbar-right {

    height: 100px;
}
hr{
  border-top: 2px solid #414042;
  width: 75%;
}
hr.short{
  width: 33%;
}
hr.thin-wide{
  border-color: #BDBCBA;
  width: 100%;
}

.btn-xlg {
  padding: 20px 20px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
.btn-xlg a {
  color: #333 !important;
  text-decoration: none !important;
  text-transform: uppercase;
  font-style: normal;
  font-weight: bold;
}

.btn-cap {
    color: #333 !important;
    font-style: normal !important;
    font-weight: bold;
    text-decoration: none !important;
    text-transform: uppercase;
}

.btn-secondary{
    background-color: #FFF;
}

.btn-green-back{
    background-color: #94D774;
    text-decoration: none !important;
    text-transform: uppercase;
    font-style: normal !important;
    font-weight: bold;
    color: #FFF !important;
}

.btn-orange-back{
    background-color: #D18B26;
    text-decoration: none !important;
    text-transform: uppercase;
    font-style: normal !important;
    font-weight: bold;
    color: #FFF !important;
}

.btn-lg-arrow{
  background-image: url(../img/button_right_arrow.png);
  background-repeat: no-repeat;
  background-position: right 36px top 46%;
  
  padding-right: 55px !important;
}

a.btn-lg-inverse{
  text-decoration: none !important;
  text-transform: uppercase;
  font-style: normal;
  font-weight: bold;
  font-family:"p22-underground",Arial;
  letter-spacing: 1px;
  line-height: 14px;
  color: #FFF !important;
}

a.btn-lrg{
  text-decoration: none !important;
  text-transform: uppercase;
  font-style: normal; 
}

.navbar-inverse .navbar-nav > li > a {
  color: #FFF;
}
.navbar-right li {
    margin-top: 17px;
    padding-left: 0;
    padding-right: 30px;
}

.navbar-right li a {
    padding-left: 4px;
    padding-right: 4px;
}
.navbar {
    font-family: "p22-underground", Arial;
    font-size: 16px;
    letter-spacing: 2.5px;
}
.navbar-form{
  margin-top: 12px;
}
.navbar.navbar-default{
  border: none;
}

.jumbotron {
    margin-bottom: 0;
}
.dropdown-menu > li > a {
    padding: 0 20px;
}
@media screen and (min-width: 768px) {
    .jumbotron {
        padding-top: 48px;
        padding-bottom: 48px;
   }
   .container .jumbotron {
       padding-right: 60px;
       padding-left: 60px;
  }
  .jumbotron h1 {
      font-size: 52px;
 }
}
.maptabs ul {
    margin-top: -60px;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    list-style: none;
    background-color: #ffffff;
    border: 0;
    border-radius: 0px;
    box-shadow: 0;
    background-clip: padding-box;
}
.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.428571429;
    border: 0;
    border-radius: 0;
}
.nav-tabs > li > a:hover {
    background-color: transparent;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    background-color: transparent;
    border: 0;
    border-bottom-color: transparent;
    color: #fff;
    cursor: default;
}

/****** GARDENS *******/
.maptabs.gmaps {
  height: 0; 
  margin-bottom: 0;
}

.maptabs.gmaps .nav-tabs > li {
    background-color: #eee;
    float: left;
    text-align: center;
}

.maptabs.gmaps .nav-tabs > li > a:not(.active) {
  width: 88px;
  height: 78px;
  padding: 0;
  white-space: nowrap;
}

.maptabs.gmaps .nav-tabs > li .tab-icon {
    background-repeat: no-repeat;
    height: 60px;
    margin: auto;
    width: 65px;
}

.maptabs.gmaps ul {
  margin-top: -78px; 
}

.maptabs.gmaps ul span.text {
  display: inline-block;
  font-family: "p22-underground", Arial;
  font-size: 14px;
  color: #000;
}

.maptabs.gmaps .nav-tabs > li.active .tab-icon {
    background-position: -60px;
}
.maptabs.gmaps .nav-tabs > li.active > a:hover {
    background-image: inherit;
}

.maptabs .gardens.tab-icon {
    background-image: url(/static/img/dashboard/dashtab_gardens_sprite.png);
}
.maptabs .rain.tab-icon {
    background-image: url(/static/img/dashboard/dashtab_rain_sprite.png);
}
.maptabs .habitat.tab-icon {
    background-image: url(/static/img/dashboard/dashtab_habitat_sprite.png);
}
.maptabs .co2.tab-icon {
    background-image: url(/static/img/dashboard/dashtab_co2_sprite.png);
}
.maptabs .harvest.tab-icon {
    background-image: url(/static/img/dashboard/dashtab_harvest_sprite.png);
}
.maptabs .community.tab-icon {
    background-image: url(/static/img/dashboard/dashtab_community_sprite.png);
}

.modal-lg{
  color: #000000;
  width: 780px;
}

/* mobile screen */
@media screen and (max-width: 585px) {

  .maptabs.gmaps ul {
    width: 100%;
  }

  .maptabs.gmaps ul span.text {
    font-size: 12px;
  }

  .maptabs.gmaps .nav-tabs > li .tab-icon{
    left: 50%;
    position: relative;
    margin-left: -30px;
  }
   .maptabs.gmaps .nav-tabs > li {
      width: 16.66%; 
   }
   .maptabs.gmaps .nav-tabs > li a {
      width: 100%;
   }
   
   .maptabs.gmaps .nav-tabs > li > a:not(.active) {
     width: 100%;
   }

}

.nav-tabs > li.active a{
  background: transparent;
}

.nav-tabs > li.active .glyphicon {
  color: #FFF;
}

.nav-tabs > li.active span.text {
  color: #FFF;
}

.glyphicon {
  display: block;
  margin-bottom: 10px;
  font-size: 32px;
}

.nav-tabs {
    border-bottom: 0;
}
.navbar-inverse {
    background-color: transparent;
    border-color: transparent;
} 

.btn-primary {
    color: #000;
    background-color: #fff;
    border-color: #fff;
}
.btn-primary.minor {
    background-color: #ccc;
    border-color: #ccc;
}

a.btn-primary {
    text-decoration:none;
    font-style: normal !important;
} 

.btn-primary:hover{
    border-color: transparent;
}

.btn-lg.inverse{
    color:  #fff;
    background-color: #000;
    border-color: #000;
    font-style: normal;
    text-decoration: none;
    text-transform: uppercase;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a: hover, .navbar-default .navbar-nav > .active > a: focus, .navbar-default .navbar-nav > .current > a, .navbar-default .navbar-nav > .current > a: hover, .navbar-default .navbar-nav > .current > a: focus, .navbar-default .navbar-nav > .current-parent > a, .navbar-default .navbar-nav > .current-parent > a: hover, .navbar-default .navbar-nav > .current-parent > a: focus {
    color: #000;
    background-color: transparent;
}
.navbar-default .navbar-nav > .current-parent > a, .navbar-default .navbar-nav > .current > a,
.navbar-default .navbar-nav > .current-parent > a, .navbar-default .navbar-nav > .current > a:hover{
    background-color: transparent;
}

.navbar {
    min-height: 60px;
}
.navbar-nav > li > a {
    padding-top: 24px;
}
#footer_container {
    clear: both;
}
.footer_section .navbar-nav > li > a, .footer_section .navbar-nav > li > a: hover, .footer_section .navbar-nav > li > a: focus {
    color: #000;
    font-family: "p22-underground", Arial;
    text-transform: uppercase;
}
.navbar-default .navbar-nav > .active > a{
    background-color: transparent;
}
.navbar-default .navbar-nav > li > a {
    color: #fff;
}
.navbar-default .navbar-nav > li > a: hover, .navbar-default .navbar-nav > li > a: focus {
    color: #FFF;
    background-color: transparent;
}
.page-header {
    border-bottom: 0;
}
.box_165x72 {
    width: 165px;
    height: 72px;
}

.caret-right {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  border: 4px solid transparent;
  border-left: 4px solid #000;
  content: "";
  margin-top: 3px;
  margin-left: 6px;
}
.caret-right.white {
    border-left-color: #fff;
}

.btn-text-lg-dark .caret-right{
  border-left-color: #FFF;
  margin-top:18px;
  margin-left: 10px;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 0px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-control: focus {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-horizontal .form-group {
    margin-right: 0px;
    margin-left: 0px;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    list-style: none;
    background-color: #ffffff;
    border: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background-clip: padding-box;
}
.dropdown-menu.data_cap {
    position: absolute;
    top: 100%;
    left: -20px;
    z-index: 1000;
    float: left;
    min-width: 22px;
    padding: 0;
    margin: 0;
    font-size: 10px;
    list-style: none;
    background-color: transparent;
    border: 0;
    border: 0;
    border-radius: 0;
}
.dropdown-menu.data_cap > li > a: hover, .dropdown-menu.data_cap > li > a: focus {
    color: #ffffff;
    text-decoration: none;
    background-color: transparent;
    outline: 0;
}

.no-round-corners{
  border-radius: 0 !important;
}

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

/*** LOGIN POPOVER ***/

.popover.login #popOverBox div a {
    border-bottom: none !important;
    font-family: "ff-tisa-web-pro", "Trebuchet MS", Arial;
    text-transform: none;
}
.forgot {
    font-family: "p22-underground", Arial;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 30px;
    margin-top: 16px;
}

.tour-tour{
  border:#94d774 1px solid;
  border-radius: 0;
}
.tour-tour .arrow{
}

.tour-tour .popover-content {
  color:#000;
  font-size: 14px;

}
.tour-tour .btn{
  display: none;
}

.tour-tour h3.popover-title{
  background-color:#FFF;
  border-bottom:none;
  text-align: center;
  font-size: 18px;
  margin-top:10px;
}

/*** END bootstrap-overrides.css ***/


/*** BEGIN custom.css ***/

.noscript {
    background: #fff;
    color: #000;
    font-size: 13px;
    line-height: 15px !important;
    margin: 0;
    padding: 6px;
}

select.styled, .styled optgroup, .styled option {
    font-family: ff-tisa-web-pro, "Trebuchet MS", Arial;
    font-size: 17px;
    letter-spacing: normal;
}
select.styled {
    background-color: #bfe6ac;
    background-image: linear-gradient(55deg, transparent 50%,
        #000 50%),
        linear-gradient(125deg, #000 50%, transparent 50%),
        linear-gradient(to right, #bfe6ac, #bfe6ac);
    background-position: calc(100% - 20px) calc(1em + 4px),
        calc(100% - 14px) calc(1em + 4px),
        100% 0px;
    background-repeat: no-repeat;
    background-size: 7px 7px, 7px 7px, 2.5em 2.5em;
    border: 1px solid #bfe6ac;
    border-radius: 0px;
    box-shadow: none;
    box-sizing: border-box;
    color: #000;
    height: 48px; /* for WebKit; Moz sets height without this */
    margin: 0;
    /* optional; better to let system set width if possible */
    /* width: 250px; */
    -moz-appearance: none;
    -moz-padding-end: 30px;
    -moz-padding-start: 10px;
    -webkit-appearance: none;
    -webkit-padding-end: 20px;
    -webkit-padding-start: 10px;
}
select.styled::-ms-expand {   /* for IE 10+ */
    /* Allow the native menu arrow for IE, widened to cover
        the custom one, because the custom one gets hidden
        by the "selected" color when the menu has focus. */
    background-color: #c5e3bf;
    border: 0;
    width: 26px;
}
select.styled.slim {
    background-position: calc(100% - 20px) calc(1em - 2px),
        calc(100% - 14px) calc(1em - 2px),
        100% 0px;
    height: 36px;
}


/* Set the cursor to a non-link cursor when the navigation
    item is marked as being the current page. That is, do
    not offer a link to the current page of the site because
    the user is already there. */
header .nav li a.current-page {
    cursor: default;
}

/* Footer at bottom */
.wrapper {
  min-height: 100%;
  position: relative;
}

footer {
  background: #CFCFC9;
}
footer.navbar-static-top {
  letter-spacing: 0;
  margin-top: 4em;
  }
footer hr {
  border-color: #ccc;
}

footer a, footer a:link {
    color: #00703c;
}
footer a:visited {
    color: #614280; /* purple */
}
footer a:hover {
    text-decoration: underline;
}
footer a:active {
    color: #e60;
}

footer .navbar-nav > li > a {
  color: #000;
  font-weight: bold;
  text-transform: uppercase;
}
footer .navbar-nav > li > a:hover {
  background-color: transparent;
}
footer .size_11 {
    letter-spacing: 1px
}
footer .copyright {
    font-size: 12px;
    line-height: 18px;
    margin: 24px 0;
    padding-bottom: 10px;
    text-align: center;
}

main{
	min-height: 700px;
}

.dc-main{
  min-height: 744px;
}

@media (min-width: 768px) {
    main {
        padding-bottom: 24px;
    }
    footer.navbar-static-top {
        bottom: 0;
        position: absolute;
        width: 100%;
    }
}

footer.navbar-fixed-bottom {
  border-top: #fff solid 5px; }

/* Custom Layout / Elements */
section {
  margin-bottom: 0; }

.navbar {
  margin-bottom: 0; }

.brand-banner span{
  padding: 0 40px;}

/* Misc Elements */
.fullbleed {
  height: 400px;
  text-align: center;
  background: #666;
  margin-bottom: 4em; }

.fullbleed div {
  position: absolute;
  left: 0;
  right: 0;
  background: #666; }

.fullbleed .btn-group {
  margin-top: -6em; }

#maplink:hover img {
  opacity: 0.5; }

.imghover {
  display: block;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain; }

.imghover:hover img {
  opacity: 0; }

.img-auto-width img{
  max-width: 100%;
  width: auto;
  height: auto;
}

ul.list-unstyled.row li {
  margin-top: 2em; }

@media (max-width: 991px) {
  ul.list-unstyled.row.fourup li:nth-child(odd) {
    clear: both; } }
@media (min-width: 992px) {
  ul.list-unstyled.row.fourup li:nth-child(4n-7) {
    clear: both; } }
.jumbotron form {
  font-size: 14px; }

.jumbotron {
  position: relative; }

.back_to_map {
  position: absolute;
  top: 20px;
}

.maptabs ul span.text {
  display: none; }

/********* DASHBOARD TABS *********/
.li_about{
  cursor: pointer;
}
.nav-tabs .li_about a, .nav-tabs .li_activity a{
  color: #FFF;
}

.nav-tabs .li_about a:hover{
  background: transparent;
}

.nav-tabs.dashboard li a {
    color: #fff;
}
.nav-tabs.dashboard li.current a {
    color: #666;
}
.nav-tabs.dashboard li:not(.current) a {
    text-shadow: 0px 0px 11px #000;
}
.nav-tabs.dashboard li:not(.current) a img {
    -webkit-filter: drop-shadow(0px 0px 11px #000);
    filter: drop-shadow(0px 0px 11px #000);
}

/* IE: gray background because filter: drop-shadow unsupported */
body.ie .nav-tabs.dashboard li:not(current) {
    background-color: #999;
}
body.ie .nav-tabs.dashboard li:not(.current) a {
    text-shadow: none;
}

.tab-pane .size_24, .tab-pane small{
  font-family: "ff-tisa-web-pro", "Trebuchet MS", Arial;
  font-style: italic;
}

.tab-pane h2{
  font-weight: bold;
  letter-spacing: 0;
}

.tab-pane-inverse, .tab-pane-inverse small{
  color: #fff;
}

.tab-pane header{
  width: 100%;
}

.classname{
    font-size: 16px;
}

.row.co2, .row.co2 h5, .row.co2 a{
  color: #FD9636;

}
.row.rain, .row.rain h5, .row.rain a{
  color:#5F92C8; 
}
.row.harvest, .row.harvest h5, .row.harvest a{
  color:#F0644B;
}
.row.habitat, .row.habitat h5, .row.habitat a{
  color:#A65571;
}
.row.community, .row.community h5, .row.community a{
  color:#E7B838;
}
.row.journal, .row.journal h5, .row.journal a{
  color:#222222;
}

.maptabs ul .active span.text, .maptabs ul .current span.text {
  display: inline; }

.maptabs {
  margin-bottom: -1em; }

.profile-pic {
  margin-bottom: -3em; }

#activity li.row div:first-child {
  text-align: center; }

.glyphicon.large {
  font-size: 4em;
  width: 1.5em;
  height: 1.25em; }

.glyphicon.medium {
  font-size: 2em;
  width: 0.75em;
  height: 1em;
  line-height: 1em; }

.datatypes .glyphicon.large {
  background-color: #cccccc;
  height: 2.5em;
  width: 2.5em;
  line-height: 2.5em; }


.design_tool .demo-message {
    color: #414042;
    font-size: 18px;
    padding: 0 0 1px;
    text-align: center;
}
.design_tool .demo-message span {
    font-family: "p22-underground", sans-serif;
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: uppercase;
}

#design_canvas {
  margin-top: 100px;
  background: url(../static/img/data/background_grid.png); }

#design_toolbox {
  margin: auto;
  position: absolute;
  top: 130px;
  right: 0;
  padding-top: 0; 
  z-index: 30;
}

.well.dark {
  background-color: #ccc; }

#design_toolbox .nav-tabs > li.active a, #design_toolbox .nav-tabs > li.current a {
  background: #fff; }

.navbar-fixed-bottom {
  padding: 1em 2em 0.5em; }

.navbar-fixed-bottom ul.list-unstyled.row {
  margin-bottom: 0; }

.navbar-fixed-bottom ul.list-unstyled.row li {
  margin-top: 0; }

#save_options {
  border-left: 1px solid #ccc;
  margin-left: -5px;
  padding-left: 20px; }

.jumbotron.map {
  padding: 0;
  border-bottom: 1px #DDD solid; }

.jumbotron.map .fluid-wrapper{
  height: 540px;
}

.map-zoom{
  width: 30px;
  height: 70px;
  position: absolute;
  left: 25px;
  top: 25px;
}

.map-zoom > .zoom-btn{
  width: 30px;
  height: 30px;
  background-size: contain;
  margin-bottom: 10px;
  cursor: pointer;
}

.map-zoom > .zoom-in{
  background-image: url(/static/img/zoom_in.jpg);
}

.map-zoom > .zoom-out{
  background-image: url(/static/img/zoom_out.jpg);
}

.fluid-wrapper {
  position: relative;
  height: 600px;
}

.fluid-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none; }

.welcome-tab{
  background: #CCC;
  height: 50px; 
  text-align: left !important;
  margin-bottom: 2em;
  padding-bottom: 2em;
  padding-left: 15px;
}

.welcome-back{
  font-size: 16px;
  font-family: "p22-underground", Arial;
  color: #000000;
  line-height: 50px;
}

#dashboard_container .status .dropdown {
    display: none;
}
#dashboard_container li.row:not(.status) {
    min-height: 300px;
}
#dashboard_container li.row p {
    margin: 14px 0;
}
#dashboard_container a.edit {
    display: inline-block;
    font-size: 14px;
    margin-top: 18px;
}

.dashboard_status {
    padding: 5px 0 0;
}

.dashboard-tab-right{
  height: auto;
  min-height: 420px;
  border-bottom: 0;
  margin-bottom: 2em;
  padding-bottom: 2em;
  overflow: hidden;

}
.dashboard-divider-top{
  width:100%;
  margin-bottom: 20px;
  margin-top: 0px;
  border-bottom:#CCC 1px solid;

}

.dashboard-divider-bottom{
  width:100%;
  margin-bottom: 0px;
  margin-top: 20px;
  border-bottom:#CCC 1px solid;
} 
 
.home-heading{
  color:white;
  font-size: 22px;
  font-family: "ff-tisa-web-pro", "Trebuchet MS", Arial;
  font-style: italic;
  letter-spacing: 0;
  margin: -6px;
}


.tab-qty-title{
  color:white;
  font-size: 36px;
  font-family: "ff-tisa-web-pro", "Trebuchet MS", Arial;
  font-style: italic;
}

.tab-qty-title .qty{
 font-family: "p22-underground", Arial;
 font-style: normal;
}

.dashboard-single-wrapper{
  padding-top: 100px;
}

.graph-tab-wrapper{
  margin:auto;
  width: 100%;
  max-width:700px; 
  padding-top: 20px;
}
.graph-tab-wrapper-header{
  width: 100%;
  height:100px;

}
.graph-tab-wrapper-img{
  height:80px;
  margin-top:50px;

}
.graph-tab-wrapper-graphic{ 
  height:auto;
  width:33%;
  float:left;
  text-align: center;
 
}

.toggle-on{
  position:relative;
  top:0px;
  left:0px;
  margin-bottom:0;
  z-index:1;
}
.toggle-off{
  display:none;
  position:relative;
  top:0px;
  left:0px;
  margin-bottom:0;
  z-index:2;
}

.tab-toggle-on{
  top:0px;
  left:0px;
  position:relative;
  z-index:1;
}

.tab-toggle-off{
  display:none;
  position:relative;
  top:0px;
  left:0px;
  z-index:2;
}

.db-on{
  position: relative;
  width:100%;
  z-index:1; 
}
.db-off{
  display:none;
  position: relative;
  width:100%;
  text-align:center;
  z-index:2; 
}
.tab-db-on{
  position:relative;
  z-index:1;
  top:0px;
  left:0px;
  width:100%;
}
.tab-db-off{
  display:none;
  position:relative;
  z-index:2;
  top:0px;
  left:0px;
  text-align:center;
  width:100%;
  height: auto; 
}


.mobile-dash-header{
  margin: 30px auto;
}
.mobile-dash-header-hr{
  width: calc(50% - 100px);
  padding: 0 !important;
  margin-bottom: 0 !important;
}
.mobile-dash-header-center{
  width: 200px; 
  padding: 0 15px;
  white-space: nowrap;
  display: inline-block;
}
.mobile-dash-header h5{
  margin-top: 15px; 
}
.community .mobile-dash-header img{
  margin-top: 0;
}
.mobile-dash-header img{
  margin-top: -10px; 
  float: right;
}
.mobile-dash-header > div{
  float: left;
}

.mobile-dash-bottom .toggle-on,
.mobile-dash-bottom .toggle-off{
  float: left;
}

.operator {
    /* make math symbols a bit larger, to stand out */
    font-size: 120%;
}

/** RAIN **/
.rain-graphic-wrapper{
  margin: auto; 
  width: 100%;
  max-width: 620px;
}
.rain-totals-bottom {
    margin-top: 60px;
}

.rain-graphic-bucket{
  height:140px;
  width:170px;
  margin-top:50px;
}

.rain-graphic{
  height: auto;
  width:173px;
  float:left;
}

.rain-operator {
  margin-top:200px;
  height: auto;
  width:50px;
  float:left; 
}

/** RAIN END **/

.carousel-wrapper{
  position:relative;
  top:40px;
  width:8000px;
}

.carousel-wrapper-2{
  position:relative;
  top:10px;
  width:8000px;
}


.carousel-arrow-holder{
  color: inherit;
  position: absolute; 
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.carousel-content-leftarrow,
.carousel-content-rightarrow{
  position:absolute;
  width:20px;
  height:320px;
}

.carousel-content-leftarrow{
	left: 10px;
}

.carousel-content-rightarrow{
	right: 10px;
}

.carousel-arrow{
  position:absolute;
  top:180px;
}

.carousel-wrapper h1{
  margin-top: 20px;
  line-height: 1;
}

.carousel-wrapper p{
  letter-spacing: 2px;
}

.carousel_item{
  
  height: 320px;
  background:#FFF;
  border:2px solid;
  float:left;
  margin-left: 40px;
}

.carousel_item:first-child{
  margin-left: 265px;
}

.carousel_item .item-image {
    height: 132px;
    margin: 0 auto;
    position: relative;
    width: 132px;
}
.carousel_item .item-image img {
    bottom: 0;
    height: auto;
    left: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}
.carousel_item .item-type {
    line-height: 30px;   /* ensure 2 lines can fit while showing bottom note */
}

.carousel_item.habitat{
  border-color: #963A5C;
  width: 320px;
}

.carousel_item.harvest{
  border-color: #F34C30;
  width: 320px;
}
 
 .carousel_item.community{
  border-color: transparent;
  background:transparent;
  width: none;
  border:none;
  margin-left: 68px;
}

/* Temp Typography Tweaks */
footer h3 {
  margin-top: 0; }

/* Temp Bootstrap Fixes */
.center {
  text-align: center; }

select {
  width: auto !important; }

img {
  height: auto !important; }

.dropdown.large {
  text-align: center;
  padding-top: 1.5em; }

.dropdown.large > .glyphicon {
  border-right: 1px solid #eee; }

.dropdown.large span.caret {
  height: 4em; }

/* Center Nav */
.nav-center,
.maptabs ul {
  text-align: center; }

.nav-center ul.nav,
.nav-center ul.nav > li,
.maptabs ul,
.maptabs ul > li {
  float: none;
  display: inline-block;
  vertical-align: top; }

.nav-center li.dropdown {
  text-align: left; }

.nav-center label {
  font-weight: normal;
  color: #777; }

/* Misc responsive fixes */
@media screen and (max-width: 768px) {
  section:last-child {
    border: none;
    padding-bottom: 0; }

  footer {
    text-align: center; }

  footer .copyright {
    margin: 8px 0 0;
  }

  p.mobile_pad {
    padding-left: 2em;
    padding-right: 2em; }

  .mobile_hide {
    display: none; }

  form.filter.navbar-form { 
    border: 0 none;
    padding-top: 5px;
    padding-bottom: 0;
    margin: 0;
    display: inline-block;
    line-height: 20px; 
    min-width: initial;
}

  form.filter .form-control {
    display: inline-block; }

  .jumbotron .container.center {
    margin-bottom: 2em; }

  .add_activity {
    margin-top: 2em; }

  .page-header {
    text-align: center; } }
@media screen and (max-width: 991px) {
  .jumbotron h1 {
    font-size: 2em; } }

/*** END custom.css ***/


/*** BEGIN dropkick.css ***/

.dk-select,
.dk-select *,
.dk-select *:before,
.dk-select *:after,
.dk-select-multi,
.dk-select-multi *,
.dk-select-multi *:before,
.dk-select-multi *:after {
  -prefix-box-sizing: border-box;
  -prefix-box-sizing: border-box;
  box-sizing: border-box; }

.dk-select,
.dk-select-multi {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  line-height: 1.7em;
  width: 200px;
  height: 30px;
  cursor: pointer; 
  font-style: italic;
  font-family: ff-tisa-web-pro, 'Trebuchet MS', Arial;
  font-size: 17px;
  letter-spacing: 0;
  color: #000;
  text-align: left !important;
}

.dk-select.dk-medium {
  width: 130px;
}

.dk-select.dk-med-small {
  width: 100px;
  padding-right: 0;
  height: 66px;
  margin-right: 17px;
  display: block;
}


.dk-med-small .dk-selected{
    line-height: 66px; 
}

.dk-select.dk-small {
  width:85px;
}

.dk-selected {
  width: 100%;
  height: 100%;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  background-color: #BFE6AC;
  color: #000;
  font-size: 17px;
  padding: 0 .3em 0 12px;
  text-align: left !important;
  -prefix-text-overflow: ellipsis;
  text-overflow: ellipsis; }
  .dk-selected:before, .dk-selected:after {
    content: '';
    display: block;
    position: absolute;
    right: 0; } 
  .dk-selected:before {
    top: 50%;
    border: solid transparent;
    border-width: 9px 6px 0;
    border-top-color: #000;
    margin: -3px 12px 0 0; }
  .dk-selected:after {
    top: 0;
    height: 100%;
    margin: 0 6px 0 0; }

.dk-selected-disabled {
  color: #bbbbbb; }

.dk-select .dk-select-options {
  position: absolute;
  display: none;
  left: 0; }

.dk-select-open-up .dk-select-options {
  margin-bottom: -1px;
  bottom: 100%; }

.dk-select-open-down .dk-select-options {
  margin-top: -1px;
  top: 100%; }

.dk-select-multi .dk-select-options {
  max-height: 10em; }

.dk-select-options {
  width: 100%;
  z-index: 100;
  background-color: white;
  overflow-x: hidden;
  list-style: none;
  padding: 0;
  margin: 0; }

.dk-option-selected {
  background-color: transparent;
  display: none;
}

.dk-select-options-highlight .dk-option-selected {
  background-color: transparent;
  color: inherit; }

.dk-option {
  padding: 0 0 0 1.25em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow: ellipsis;
}

.dk-select-options .dk-option-highlight {
  background-color: #BFE6AC; }

.dk-select-options .dk-option-disabled {
  color: #bbbbbb;
  background-color: transparent; }

.dk-optgroup + .dk-option {
    margin-top: 0.25em;
}
.dk-optgroup + .dk-optgroup {
    border-top-width: 0;
    margin-top: 0;
}
.dk-optgroup:last-child {
    border-bottom-width: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.dk-optgroup-options {
  list-style: none;
  padding-left: 0; }

.dk-select-open-up .dk-selected {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-color: transparent; }
 
.dk-select-open-down .dk-selected {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-color: transparent; }

.dk-select-open-up .dk-selected:before,
.dk-select-open-down .dk-selected:before {
  border-width: 0 0.25em 0.25em;
  border-bottom-color: #000000; }

.dk-select-open-up .dk-select-options,
.dk-select-open-down .dk-select-options,
.dk-select-multi:focus .dk-select-options {
  display: block;
  border-color: transparent; }

.dk-select:hover .dk-selected,
.dk-select:focus .dk-selected {
  border-color: transparent; }

.dk-select:hover .dk-selected:before,
.dk-select:focus .dk-selected:before {
  border-top-color: D55600; }

.dk-select:hover .dk-selected:after,
.dk-select:focus .dk-selected:after {

}

.dk-optgroup-label{
  font-family: "p22-underground", Arial;
  text-transform: uppercase;
  color: #9B9B9B;
  font-style: normal;
  font-size: 12px;
  font-weight: bold;
  padding-left: 12px;
}

.gray_dd.dk-select,
.dark_blue_dd.dk-select,
.dark_red_dd.dk-select,
.dark_purple_dd.dk-select,
.dark_orange_dd.dk-select,
.dark_yellow_dd.dk-select,
.light_green_dd.dk-select,
.light_red_dd.dk-select,
.light_purple_dd.dk-select,
.gray_dd .dk-selected,
.dark_blue_dd .dk-selected,
.dark_red_dd .dk-selected,
.dark_purple_dd .dk-selected,
.dark_orange_dd .dk-selected,
.dark_yellow_dd .dk-selected,
.light_green_dd .dk-selected,
.light_red_dd .dk-selected,
.light_purple_dd .dk-selected{
  height: 47px;
  line-height: 42px;
}

.gray_dd .dk-option,
.dark_blue_dd .dk-option,
.dark_purple_dd .dk-option,
.dark_orange_dd .dk-option,
.dark_yellow_dd .dk-option,
.light_green_dd .dk-option,
.light_red_dd .dk-option,
.light_purple_dd .dk-option{
  padding: 0 12px;
}

/************** DARK BLUE *******************/
.dark_blue_dd{
  color: #4782C3;
  background-color: transparent;
}

.dark_blue_dd .dk-selected{ 
  background: #4782C3;
  color: rgba(255,255,255,0.7);
}

.dark_blue_dd .dk-selected:before{
  border-top-color: #154A86;
}

.dark_blue_dd.dk-select-open-up .dk-selected:before{
  border-bottom-color: #154A86;
}

.dark_blue_dd .dk-select-options .dk-option-highlight {
  background: #C8D9ED;
}

/************** DARK ORANGE *******************/
.dark_orange_dd{
  color: #D55600;
}

.dark_orange_dd .dk-selected{
  background: #FF8717;
  color: rgba(255,255,255,0.7);
}

.dark_orange_dd .dk-selected:before{
  border-top-color: #D55600;
}

.dark_orange_dd.dk-select-open-up .dk-selected:before{
  border-bottom-color: #4B1A2B;
}

.dark_orange_dd .dk-select-options .dk-option-highlight {
  background: #FFDBB9;
}

/************** DARK YELLOW *******************/
.dark_yellow_dd{
  color: #896312;
}

.dark_yellow_dd .dk-selected{
  background: #FFBC23;
  color:rgba(137,99,18,0.7);
}

.dark_yellow_dd .dk-selected:before{
  border-top-color: #896312;
}

.dark_yellow_dd.dk-select-open-up .dk-selected:before{
  border-bottom-color: #896312;
}

.dark_yellow_dd .dk-select-options .dk-option-highlight {
  background: #FFEEC3;
}


/************** LIGHT RED *******************/
.light_red_dd{ 
  color: #CD2630;
}

.light_red_dd .dk-selected{
  background: #FFE3DE;
  color: #CD2630;
}

.light_red_dd .dk-selected:before{
  border-top-color: #4B1A2B;
}

.light_red_dd.dk-select-open-up .dk-selected:before{
  border-bottom-color: #4B1A2B;
}

.light_red_dd .dk-select-options .dk-option-highlight {
  background: #F29F91;
}

/************** DARK RED *******************/
.dark_red_dd{ 
  color: #CD2630;
}

.dark_red_dd .dk-selected{
  background: #F34C30;
  color: #F0E1E7;
}

.dark_red_dd .dk-selected:before{
  border-top-color: #CD2630;
}

.dark_red_dd.dk-select-open-up .dk-selected:before{
  border-bottom-color: #CD2630;
}

.dark_red_dd .dk-select-options .dk-option-highlight {
  background: #FFE3DE;
}

/************** LIGHT PURPLE *******************/
.light_purple_dd{
  color: #83284B;
}

.light_purple_dd .dk-selected{
  background: #EDD9E1;
  color: #83284B;
}

.light_purple_dd .dk-selected:before{
  border-top-color: #4B1A2B;
}

.light_purple_dd.dk-select-open-up .dk-selected:before{
  border-bottom-color: #4B1A2B;
}

.light_purple_dd .dk-select-options .dk-option-highlight {
  background: #EDD9E1;
}

@media screen and (min-width: 1200px) {
  .light_purple_dd.categories_dropdown .dk-select-options{
    width: 160%;
    left: -60%;
  }
}


/************** DARK PURPLE *******************/
.dark_purple_dd .dk-selected{
  background: #83284B;
  color: rgba(255,255,255,0.7);
}

.dark_purple_dd .dk-selected:before{
  border-top-color: #4B1A2B;
}

.dark_purple_dd.dk-select-open-up .dk-selected:before{
  border-bottom-color: #4B1A2B;
}

.dark_purple_dd .dk-select-options .dk-option-highlight {
  background: #CC9CAE;
}

/************** LIGHT GREEEN *******************/
.light_green_dd{
  color: #414042;
}

.light_green_dd .dk-selected{
  background: #FFFFFF;
  color: rgba(0,0,0,0.7);
}

.light_green_dd .dk-selected:before{
  border-top-color: #94D774;
}

.light_green_dd.dk-select-open-up .dk-selected:before{
  border-bottom-color: #94D774;
}

.light_green_dd .dk-select-options .dk-option-highlight {
  background: #C9EBB9;
}

/************** GRAY *******************/
.gray_dd{
  color: #000000;
}

.gray_dd .dk-selected{
  background: #CCCCCC;
  color: #000000;
}

.gray_dd .dk-selected:before{
  border-top-color: #000000;
}

.gray_dd.dk-select-open-up .dk-selected:before{
  border-bottom-color: #000000;
}

.gray_dd .dk-select-options .dk-option-highlight {
  background: #EEEEEE;
}

/*** END dropkick.css ***/


/*** BEGIN base.css ***/

* {
    margin: 0, padding: 0
}
html, body {
    margin: 0;
    padding: 0;
    font-family: "ff-tisa-web-pro", "Trebuchet MS", Arial;
    font-size: 20px;
    color: #fff;
    background-color: #000;
}
h1, h2, h3 {
    font-family: "p22-underground", Arial;
    font-weight: "light";
    margin: 0;
}
h1 {
    font-size: 36px;
    margin-top: 35px;
    letter-spacing: 6px;
    line-height: 60px;
    color: #414042;
}
h1.jumbo {
    font-size: 52px;
    margin-top: 4%;
    letter-spacing: 12px;
    line-height: 1.5;
    color: #FFF;
    text-shadow: 0px 0px 11px #333;
    text-transform: uppercase;
}
h5.jumbo {
    font-size: 30px;
    margin-top: 4%;
    letter-spacing: 4px;
    color: #FFF;
    text-shadow: 0px 0px 11px #333;
    text-transform: uppercase;
}
h2 {
    font-size: 30px;
    letter-spacing: 10px;
    line-height: 48px;
    color: #414042;
}
h2.small {
    font-size: 22px;
    letter-spacing: 12px;
    line-height: 36px;
    color: #414042;
}
h2.dense, .dense {
    letter-spacing: normal;
}
h2.data_callout, span.data_callout, .feed h3 {
    font-family: "ff-tisa-web-pro", "Trebuchet MS", Arial;
    font-size: 24px;
    line-height: 42px;
    color: #414042;
    font-style: italic;
}
h2.data_callout strong.number, .feed h3 strong.number {
    font-family: "p22-underground", Arial;
    font-size: 36px;
    letter-spacing: 6px;
    line-height: 42px;
    color: #414042;
}
h2.data_callout_large, .feed h2 {
    font-family: "ff-tisa-web-pro", "Trebuchet MS", Arial;
    font-size: 48px;
    line-height: 48px;
    color: #414042;
}
h2.data_callout_large strong.number, .feed h2 strong.number {
    font-family: "p22-underground", Arial;
    font-size: 36px;
    letter-spacing: 8px;
    line-height: 42px;
    color: #414042;
    font-style: oblique;
}
h2.alt{
    font-size: 22px;
    letter-spacing: 6px;
    color: #414042;
}

h3, p.lead {
    font-family: "ff-tisa-web-pro", "Trebuchet MS", Arial;
    font-size: 22px;
    line-height: 36px;
    color: #000;
}

.about.lead{
    color: #68B045;
    font-style: italic;
    font-size: 26px;
    line-height: 1.7;
    padding: 15px;
}

h3 strong.number {
    font-family: "p22-underground", Arial;
    font-size: 22px;
    line-height: 36px;
    letter-spacing: 6px;
    color: #000;
    font-weight: 700;
}
h4 {
    margin: 0;
    font-family: "p22-underground", Arial;
    color: #000;
    font-size: 11px;
    font-weight: 900;
}
h5 {
    margin: 0;
    font-family: "p22-underground", Arial;
    color: #000;
    font-size: 14px;
    font-weight: 700;
}
p {
    font-family: "ff-tisa-web-pro", "Trebuchet MS", Arial;
    font-size: 18px;
    line-height: 30px;
    color: #000;
    margin: 0;
}
ul.resources h3, ul.featuregardens h3, input {
    font-family: "ff-tisa-web-pro", "Trebuchet MS", Arial;
    font-size: 18px;
    line-height: 30px;
    color: #000;
    margin: 0;
    font-style: italic;
}


div.resources_overlay{
    position:absolute;
    z-index:12312;
    height:400px;
    width:100%;
    display:none;
}

h1.sub-tab-header,
.sub-tab-header{
    font-size: 36px;
    margin-top: 4%;
    letter-spacing: 10px;
    line-height: 60px;
    color: #414042;
    font-family: "p22-underground", Arial;
    text-transform: uppercase;
}


.dimmed {
    opacity: .75;
}

.dimmed:hover{
    opacity: 1;
}

.italic {
    font-style: italic;
}
.bold {
    font-weight: 700;
}
.light {
    font-weight: 200;
}
.normal {
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}
.normal:hover {
    text-decoration: none;
}
.btn-block {
    color: #000;
    text-decoration: none;
}
.tisa {
    font-family: "ff-tisa-web-pro", "Trebuchet MS", Arial;
}
.p22 {
    font-family: "p22-underground", Arial;
}
.mini {
    font-size: 9px;
    line-height: 9px;
}
.size_11 {
    font-size: 11px;
}
.size_12 {
    font-size: 12px;
}
.size_14 {
    font-size: 14px;
}
.size_17 {
    font-size: 17px;
}
.size_18 {
    font-size: 18px;
}
.size_19 {
    font-size: 19px;
}
.size_20 {
    font-size: 20px;
}
.size_24 {
    font-size: 24px;
}
.size_30 {
    font-size: 30px;
}
.italic .size_30 {
    margin-right: 4px;
}
.size_36 {
    font-size: 36px;
}
.size_40 {
    font-size: 40px;
}
.line-height_30 {
    line-height: 30px;
} 
.margin-40{
    margin-left: 40px;
}
.margin-right-20{
    margin-right: 20px;
}
.text-shadow {
    text-shadow: 0px 0px 20px #000;
}
.handcursor {
    cursor: pointer;
    cursor: hand;
}
.ul{
    text-decoration: underline;
}
.delete-class{
    font-size: 14px;
}

.emphasis{
    font-style: italic;
}

.padded-ul{
    text-decoration: none !important;
    padding-bottom: 3px;
    border-bottom: 1px solid;
}

.green-ul{ 
    letter-spacing:0;
    color: #00703C !important;
    text-decoration: none !important;
    border-bottom: 1px solid #00703C !important;
}
.green-ul:hover{
    color: #033F23;
    border-color: #033F23;
}

nav, .overview-graph .axis-label {
    font-family: "p22-underground", Arial;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 10px;
    color: #414042;
    font-style: oblique;
}
form label {
    font-family: "p22-underground", Arial;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 2px;
    color: #414042;
    font-weight: 90;
}
.btn, button, optgroup, h4.graph-title, .feed .datetime, nav a.active {
    font-family: "p22-underground", Arial;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 4px;
    color: #414042;
    font-style: oblique;
}
ul.resources h4, ul.featured_gardens h4, a.action, .design_toolbox ul.nav-tabs a {
    font-family: "p22-underground", Arial;
    font-size: 11px;
    line-height: 24px;
    letter-spacing: 10px;
    color: #A0A0A0;
    font-style: oblique;
}
.all_gardens ul.nav-tabs, .overview-graph .item-label, .design_toolbox li h4, nav .dropdown {
    font-family: "p22-underground", Arial;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 10px;
    color: #0;
    font-weight: medium;
}
.caption {
    font-family: "ff-tisa-web-pro", "Trebuchet MS", Arial;
    font-size: 14px;
    line-height: 24px;
    color: #000;
    margin: 0;
}
.caption.italic .note {
    font-family: "ff-tisa-web-pro", "Trebuchet MS", Arial;
    font-size: 14px;
    line-height: 24px;
    color: #000;
    margin: 0;
}
#header_container {
    background-color: #414042;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 102;
    width: 100%;
    height: 100px;
}
#content_container {
    min-height: 600px;   /* avoid header/footer overlap during page load */
}
.navbar-nav li a, .navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus, 
.maptabs li a, .nav-tabs li a {
    text-decoration: none;
    color: #FFF;
    font-family: "p22-underground", Arial;
    font-weight: "light";
    margin: 0;
    font-size: 14px;
    color: #FFF;
    background-color: transparent;
    outline: none !important;
    border: none;
}

.navbar-nav li a, .navbar-inverse .navbar-nav > li > a:hover,
.navbar-nav li > div:hover {
    color:#94d774;
}
.navbar-nav li a {
    text-transform: uppercase;
}
.navbar-nav li a.yg_login, .navbar-nav .dropdown-menu li a {
    text-transform: none;
}
.navbar-nav .dropdown-menu li a {
    letter-spacing: normal;
    padding: 12px 0 !important;
}
.navbar-nav .dropdown-menu li a:hover {
    color: #000;
}
.navbar-nav .dropdown-menu li:last-child a {
    border-bottom: 0 !important;
    letter-spacing: inherit;
}

.navbar-nav li a.active,
.navbar-inverse .navbar-nav > li > a.active:hover,
.navbar-inverse .navbar-nav > li > a.active:focus{
    color:#94d774;
}

.navbar-nav li .navbar-left a{
    color: #000000;
}
.nav-tabs li a {
    color: #666;
}
.nav-tabs li.active a, .nav-tabs li.active a:hover {
    color: #000 !important;
}
.nav-icon{
    margin-top: 21px;
    margin-right: 15px;
}
.nav-icon > a{
    padding:0 !important;
}
.nav-icon img{
    margin-top: -6px;
}
.navbar-images a{
    text-decoration: none;
}

.dropdown-menu.subnav li {
    margin-top: 0;
    padding-right: 0;
}

main.dc-main .row .center a {
    color: #00703c; /* dark green */
    text-decoration: underline;
}
main.dc-main .row .center a:visited {
    color: #614280; /* purple */
}

.dashboard > li {
    height: 60px;
}
.dashboard > li > a {
    position: relative;
    display: block;
    padding: 0px 0px;
}

#download-data {
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #333;
    cursor: pointer;
    display: block;
    float: right;
    font-family: "p22-underground", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    letter-spacing: 2px;
    margin: 0 0 30px 14px;
    padding: 10px 16px 6px;
    text-transform: uppercase;
}
#download-data:hover, #download-data:focus {
    text-decoration: none;
}
#download-data.disabled {
    color: #999;
    cursor: auto;
}

.subnav {
    background: #94d774;
    z-index: 50;
}
.subnav.empty {
    height: 5px !important;
}
.subnav.header-image {
    /* for use with a header image that goes to the top */
    position: relative;
    top: 100px;
}

.subnav .navbar-nav > li > a {
    line-height: 1;
    padding: 24px 20px 20px;
}

.slicknav_nav .nwe-popover.popover{
    margin-left: 0;
} 

.slicknav_nav .nwe-popover.popover.bottom .arrow{
    right: 106px;
    
}

.nwe-popover.popover.account .popover-content .dropdown-menu {
    margin: 4px 0 0;
    width: 100%;
}

.nwe-popover.popover.search{
    width: 200px;
    margin-top: 15px;
}

.nwe-popover.search .popover-content{
    padding-top: 0;
}

.nwe-popover.search a.btn-block{
    padding-top: 10px;
}

.nwe-popover.popover{
    border-radius: 0;
    border: 2px solid #FFF;
    background: #94d774; 
    background-color: #94d774;
    width: 240px;
    height: auto;
    margin-left: -78px;
    margin-top: 0;
} 
.nwe-popover.popover small{
    display: inline-block;
    margin-top: 16px;
}
.nwe-popover.popover small:last-child{
    margin-bottom: 16px;
}
.nwe-popover.popover small a{
    font-family: "ff-tisa-web-pro", "Trebuchet MS", Arial;
    font-size: 14px;
    padding-left: 0;
    padding-right: 0;
}

.nwe-popover.popover.bottom .arrow{
    border-bottom-color: rgba(255, 255, 255, 1);
}
.nwe-popover.popover.bottom .arrow:after{
    border-bottom-color: #94d774; 
    top: 3px;
}

.nwe-popover.popover .arrow {
    left: initial;
    right: 31px;
}

.nwe-popover.popover .arrow:after{
    border-bottom-color: #94d774;
}

.popover-content .dropdown-menu{
    display: block;
    position: relative;
}

.popover-content .dropdown-menu a{
    color: #FFFFFF;
}

#your_account-btn {
    background-image: url(/static/img/gear-icon.png);
    background-position: 2px 25px;
    background-repeat: no-repeat;
    background-size: 14px auto;
    display: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 2.5px;
    line-height: 20px;
    padding: 24px 5px 15px 26px;
    text-transform: uppercase;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#your_account-btn:hover {
    background-position: 2px -34px;
}

#yg_login {
    cursor: pointer;
    display: none;
}

.your_garden_subnav .muted-text{
    margin: 20px auto;
    font-family: "ff-tisa-web-pro", "Trebuchet MS", Arial;
    letter-spacing: 0;
}

.nwe-popover.popover input[type=text], .nwe-popover.popover input[type=password]{
    color: #000000;
    font-style: italic;
    background-color: #E4F5DD;
    border: 2px solid #FFF;
}

.nwe-popover.popover input[type=text]{
    margin-top: 16px;
}

.nwe-popover.popover input[type=password]{
    margin-top: 20px;
    margin-bottom: 24px;
}

.form-checkbox{
    width: 26px !important;
    height: 26px !important;
    background-color: #E4F5DD;
    border: 2px solid #FFF;
    display: block;
    position: relative;
} 

.form-checkbox span{
    position: absolute;
    line-height: 1;
    white-space: nowrap;
    left: 40px;
    display: block;
    cursor: pointer;
    top: -2px;
}

.form-group .form-checkbox span{
    font-family: "ff-tisa-web-pro", "Trebuchet MS", Arial;
    font-size: 14px;
    font-style: italic;
    color: #000;
    letter-spacing: 0; 
    font-weight: normal;
    line-height: 1.6;
    width: 100%;
}

.form-checkbox input[type=checkbox]{
    visibility: hidden;
}

.form-checkbox input[type=checkbox]:checked{
    display: inline; 
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
}

.form-checkbox input[type=checkbox]:checked + span:before{
    content: " ";
    width: 26px;
    height: 26px;
    background-image:  url(/static/img/resources/check_box.png);
    background-image:  none,url(/static/img/resources/check_box.svg), url(/static/img/resources/check_box.png);
    background-size: 100% 100%; 
    border: 2px solid #FFF;
    display: block;
    position: absolute;
    left: -42px;
    top: 0; 
}

.btn-group,
.btn-group .dk-select{
    width: 100%;
}


.agree-terms{
    display: block;
    font-family: "ff-tisa-web-pro", "Trebuchet MS", Arial;
    font-size: 16px;
    font-style: italic;
    color: #000;
    letter-spacing: 0;
    font-weight: normal;
    line-height: 1.7;
    width: 100%;
    margin-left: calc(13% + 40px);
}
 
.agree-terms.no-check{
    margin-left: 13%;
}

.nwe-popover.popover .btn-primary{
    color: #FFF;
    background-color: #555;
    border-color: transparent;
    margin-top: 20px;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

.nwe-popover.popover .btn-primary:hover{
    color: #555;
    background-color: #FFF;
}


.body-italic{
    font-family: "ff-tisa-web-pro", "Trebuchet MS", Arial;
    font-size: 18px;
    line-height: 30px;
    font-style: italic;
}

.italic {
    font-style: italic;
}
.black {
    color: #000;
}
.white {
    color: #FFF;
}
.gray {
    color: #888888;
}
.btn-gray{
    color: #A0A0A0;
}
.upper{
    text-transform: uppercase;
}
.floatleft {
    float: left !important;
}
.floatright {
    float: right !important;
}
.floatnone {
    float: none !important;
}
.clearboth {
    clear: both;
    width: 100%;
}
.fullwidth {
    width: 100% !important;
}
.halfwidth {
    width: 50% !important;
}
.thirdwidth {
    width: 33% !important;
}
.fullcenter-bkg{
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 100%;
}

.show {
    visibility: visible;
}
.hide {
    display: none;
}
.align_center {
    margin: auto;
    text-align: center;
}
.align_top{
    vertical-align:top;
}
.topmargin_20 {
    margin-top: 20%;
}
.topmargin_25 {
    margin-top: 25%;
}
.leftmargin_10 {
    margin-left: 10px;
}
.alignleft {
    text-align: left !important;
}
.alignright {
    text-align: right !important;
}
.margin_10 {
    margin: 10px;
}
.red {
    color: #FF0000;
}

.hr_blue,
.hr_purple,
.hr_orange,
.hr_yellow,
.hr_red,
.hr_gray,
.hr_blue{
    border: none;
    height: 1px;
    width: 100%;
}
.hr_blue {
    background: #4782C3;
}
.hr_purple {
    background: #993A5C;
}
.hr_orange {
    background: #FF8717;
}
.hr_yellow {
    background: #FFC537;
}
.hr_red {
    background: #F34C30;
}
.hr_gray {
    background: #A0A0A0;
}
.hr_blue {
    background: #4782C3;
}

.d_blue {
    color: #4782C3;
} 
.d_purple {
    color: #993A5C;
}
.d_orange {
    color: #FF8717;
}
.d_yellow {
    color: #FFC537;
}
.d_red {
    color: #F34C30;
}
.d_gray {
    color: #A0A0A0;
}
.light_purple {
    color: #dfc0cb;
}
.bg_blue {
    background: #4782C3;
}
.bg_purple {
    background: #963A5C;
}
.bg_orange {
    background: #FF8717;
}
.bg_yellow {
    background: #FFC537;
}
.bg_red {
    background: #F34C30;
}
.bg_green {
    background: #B9E5A5;
}
.bg_transparent {
    background: transparent;
    background-color: transparent;
}
.bg_green_pattern {
    background-color: #94D774;
    background-image: url("../img/backgrounds/@2x/@2x_bkgd_green@2x.jpg");
}
.bg_blue_pattern {
    background-color: #4782C3;
    background-image: url("../img/backgrounds/@2x/@2x_bkgd_blue@2x.jpg");
}
.bg_purple_pattern {
    background-color: #963A5C;
    background-image: url("../img/backgrounds/@2x/@2x_bkgd_purple@2x.jpg");
}
.bg_orange_pattern {
    background-color: #FF8717;
    background-image: url("../img/backgrounds/@2x/@2x_bkgd_orange@2x.jpg");
}
.bg_yellow_pattern {
    background-color: #FFC537;
    background-image: url("../img/backgrounds/@2x/@2x_bkgd_yellow@2x.jpg");
}
.bg_red_pattern {
    background-color: #F34C30;
    background-image: url("../img/backgrounds/@2x/@2x_bkgd_red@2x.jpg");
}
.bg_neutral_pattern {
    background-color: #FFFFFF;
    background-image: url("../img/backgrounds/@2x/@2x_bkgd_neutral@2x.jpg");
}
div.page, div.footer {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.verticalspacer_10 {
    clear: both;
    height: 10px;
    width: 100%;
}
.verticalspacer_20 {
    clear: both;
    height: 20px;
    width: 100%;
}
.verticalspacer_30 {
    clear: both;
    height: 30px;
    width: 100%;
}
.verticalspacer_40 {
    clear: both;
    height: 40px;
    width: 100%;
}
.verticalspacer_50 {
    clear: both;
    height: 50px;
    width: 100%;
}
.verticalspacer_60 {
    clear: both;
    height: 60px;
    width: 100%;
}
.verticalspacer_80 {
    clear: both;
    height: 80px;
    width: 100%;
}
.verticalspacer_100 {
    clear: both;
    height: 100px;
    width: 100%;
}

.verticalspacer_150 {
    clear: both;
    height: 150px;
    width: 100%;
}

.topbottom_30 {
    margin-top: 30px;
    margin-bottom: 30px;
}
.width_100 {
    width: 100%;
}
.width_100px {
    width: 100px;
    min-width: 100px;
}
.width_90 {
    width: 90%;
}
.width_80 {
    width: 80%;
}
.width_80px {
    width: 80px;
    min-width: 80px;
}
.width_70 {
    width: 70%;
}
.width_70px {
    width: 70px;
}
.width_60 {
    width: 60%;
}
.width_60px {
    width: 60px;
    min-width: 60px;
}
.width_50 {
    width: 50%;
}
.width_50px {
    width: 50px;
    min-width: 50px;
}
.width_40 {
    width: 40%;
}
.width_40px {
    width: 40px;
    min-width: 40px;
}
.width_33 {
    width: 33%;
}
.width_33px {
    width: 33px;
}
.width_25 {
    width: 25%;
}
.width_20 {
    width: 20%;
}
.width_20px {
    width: 20px;
}
.width_16 {
    width: 16.6%;
}
.width_10 {
    width: 10%;
}
.width_10px {
    width: 10px;
}
.fixed {
    position: fixed;
}
.height_20 {
    height: 20px;
}
div.footer {
    height: 80px;
    background: #404041;
    position: fixed;
    bottom: 0;
    left: 0;
}
div.footer h3{
    font-size: 14px;
    line-height: 80px;
    font-family: "p22-underground", Arial;
}
div.footer h3 a{
    color: #FFF;
    text-decoration: none;
    
}

.page-header .intro {
    margin: 0 0 1.5em 1em;
    text-align: left;
}

#skip-step a {
    margin-left: 1em;
    font-weight: bold;
}

div#signup_form {
    background-image: url("../img/bkgd_lightgreen.png");
    display: none;
    overflow: hidden;
}

.browser-note {
    display: none;
    margin: 0 auto;
    width: 500px;
}
body.ie .browser-note {
    display: block;
}

div#formdiv {
    width: 500px;
}
div.form-element {
    width: 50%;
}
div.form-element-check {
    width: 20px;
    height: 20px;
}
div.form-text {
    width: 80%;
}

#garden_dim{
    width: 48px;
    padding: 6px;  
}

div.layered {
    position: relative;
    z-index: 0;
    top: 0;
    left: 0;
}
table {
    border-collapse: collapse;
    table-layout: fixed
}
td {
    padding: 0;
    border: 0;
}

div#mob-formdiv {
    max-width: 500px;
}
div.formleftcol {
    margin: 20px;
    margin-bottom: 4px;
    margin-left: 0;
    float: left;
    width: 40%;
}
div.formrightcol {
    margin: 20px;
    margin-bottom: 4px;
    margin-right: 0;
    float: left;
    width: 40%;
}
div#videoplayer {
    display: none;
    position: absolute;
    z-index: 100;
    background: #000;
    width: 520px;
    height: 326px;
}
div.video_wrap {
    margin: 10px;
    width: 500px;
    height: 281px;
}
div.video_wrap_mobile {} div#modalcapture {
    position: absolute;
    z-index: 99;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
}
#vid_close_button_img {
    width: 15px;
    height: 15px;
    margin: 10px;
}

.close-x{
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 20px;
    height: 20px;
    width: 20px;
    background-image: url('../img/resources/x.png');
    background-repeat: no-repeat;
}

.close-x:hover{
    background-image: url('../img/resources/x_rollover.png');
}

/*
PAGE SPECIFIC
*/

/* Grants page */
.grants .intro {
    margin-top: 30px;
}
.grant {
    clear: left;
    color: #000;
    margin-top: 24px;
    padding-bottom: 40px;
}
.grant a {
    color: #00703c;
    text-decoration: underline;
}
.grant h2 {
    letter-spacing: normal;
}
.grant .subtitle {
    font-size: 22px;
    margin-bottom: 22px;
}
.grant .description {
    margin-bottom: 24px;
}
.grant figure {
    float: right;
    max-width: 100%;
    margin: 8px 0 8px 12px;
}
.grant figure img {
    max-width: 100%;
}
.grant figcaption {
    caption-side: bottom;
    font-family: "p22-underground", Arial;
    font-size: 12px;
    padding-top: 6px;
}
.grant .related-links {
    font-size: 16px;
    margin-top: 1px;
}
.grant .related-links p {
    font-family: "p22-underground", Arial;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}
.grant .related-links ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.grant .related-links li {
    margin: 18px 0;
}
.grant .related-links a {
    text-decoration: none;
}
.grant .related-links .button {
    background-color: #94d774;
    border-radius: 4px;
    color: #000;
    display: inline-block;
    font-family: "p22-underground", Arial;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 4px;
    line-height: 18px;
    margin: 14px 0;
    padding: 9px 12px 6px;
    text-decoration: none !important;
    text-transform: uppercase;
    white-space: nowrap;
}
/* end Grants page */

.frontpage_sec1 {
    height: 125px;
    background: url("../img/backgrounds/@2x/@2x_bkgd_green-light@2x.jpg");
    width: 100%;
    position:relative;
}
.frontpage_sec1 section {
    height: 125px;
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    opacity:0;
}

.frontpage_sec1 header{ 
    width: 100%;
    height: 125px;
    display: table;
    text-align: center;
}

.frontpage_sec1 header .align_center{

    width: 100%;
    height: auto;
    display: table-cell;
    vertical-align: middle;
    padding: 0 15px;
}

.tab_header{
    display: table;
    text-align: center;
}
.dash_headline{
    width: 100%;
    height: auto;
    display: table-cell;
    vertical-align: middle;
    padding: 0 15px;
}

.bg_white {
    background: #fff;
}
.bg_lightgray {
    background: #ebeae5;
}
.bg_lightgreen {
    background: #E4F5DC;
    background-color: #E4F5DC;
}
.bg_lightyellow {
    background: #ffeec3;
    background-color: #ffeec3;
}
.bg_verydarkgreen{
    background: #006A34;
    background-color: #006A34;
}
.bg_darkgreen {
    background: #66ae56; 
    background-color: #66ae56;
}
.bg_lightorgange {
    background: #ffd4c3;
    background-color: #ffd4c3;
}
.bg_lightpurple {
    background: #F0E1E7;
    background-color: #F0E1E7;
    color: #83284B;
    border-color: #fff;
}

.bg_lightpurple::-webkit-input-placeholder {
   color: #CC9CAE;
}

.bg_lightpurple::-moz-placeholder {
   color: #CC9CAE;
}

.bg_lightpurple:-ms-input-placeholder {  
   color: #CC9CAE;
}

.error{
    border: 2px solid #FF0000 !important;
}

.error-feedback-message{
    font-family: "ff-tisa-web-pro", "Trebuchet MS", Arial;
    font-size: 14px;
    font-style: italic;
    color: #FF0000;
    letter-spacing: 0;
    font-weight: normal;
    line-height: 1;
}

.white_border {
    border: 1px solid #FFFFFF;
}
.rounded_corners {
    border-radius: 6px;
}
.framed_thumbs {
    background: url("../img/backgrounds/frame.png");
    width: 223px;
    height: 166px;
    margin: auto auto 10px;
}
.frame_margin {
    margin: 7px;
}
.nav_arrow {
    background-image: url('/static/img/nav-arrow.png');
    background-size: 21px 10px;
    bottom: 0;
    display: none;
    height: 10px;
    left: 100px;
    position: absolute;
    width: 21px;
    z-index: 103;
}
.neutral_bg {
    background: url("../img/backgrounds/@2x/@2x_bkgd_neutral@2x.jpg");
}
.container_padding {
    padding-left: 180px; 
    /* LC fullwidth */

    padding-right: 180px;
    /* RC fullwidth + CC padding */

    clear: both; 
}
.container_column {
    position: relative;
    float: left;
    vertical-align: top;
}
.container_left {
    width: 120px;
    /* LC width */

    right: 120px;  
    /* LC fullwidth + CC padding */

    margin-left: -100%;
}

.container_centre {
    width: 100%;
}
.container_right {
    width: 240px;
    /* RC width */

    margin-right: -240px;
    /* RC fullwidth + CC padding */
}
.left_spacer {
    margin-left: 70px;
}
.no_margin{
    margin: 0 !important;
}
.checkbox span.wrapping-checkbox,
span.wrapping-checkbox,
.wrapping-checkbox{
    width: 290px;
    white-space: normal !important;
    line-height: 1.5 !important;
}
.centre_panel {
    margin-bottom: 20px;
    background-color: #ffffff;
    border-radius: 0px;
}
.dark_purple_border {
    border: 3px solid #602933;
}
.dark_orange_border {
    border: 3px solid #EF4B2F;
}
.dark_green_border {
    border: 2px solid #006A34;
}
.subnav li a {
    text-align: center;
}
.yg_login{
    margin-top:10px;
    margin-left:30px;
    height:40px;
}

.yg_login > a{
    padding: 14px 18px !important; 
}

.greenform { 
    background: #B9E5A5; 
    text-align: left;
    padding: 0;
}

.greenform input.white_border {
    height: 47px;
}

.formdivider {
    width: 74%;
    margin: 10px auto 20px;
    border-top: 1px solid #000;
}

.form-field-disabled {
    background-color: #c9ebb9 !important;
    border-color: #c9ebb9;
    /* Known problem: autofill form field text on WebKit stays black. */
    color: #666 !important;
    /* Workaround: autofill form field background on WebKit stays yellow.
        Override. */
    box-shadow: 0 0 0 50px #c9ebb9 inset;
}

.select-date-wrapper{
    float: left;
}

.btn-block, a.btn-block {
    font-family: "p22-underground", Arial;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 2px;
    color: #000;
    font-style: normal;
    font-weight:900;
    padding-top: 16px;
}
.btn-block >a {
    margin-top: 6px;
    font-style: normal;
    font-weight: 700;
    font-family: "p22-underground", Arial;
    color: #000;
    font-size: 14px;
    text-decoration: none;
}
.btn-primary: hover, .btn-primary: focus, .btn-primary: active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    color: #ffffff;
    background-color: #555;
    border-color: #285e8e;
}
.form-horizontal .control-label, .form-horizontal .radio,
.form-horizontal .checkbox, .form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
    padding: 7px 0;
    margin-top: 7px;
    margin-bottom: 0;
    margin-left: 13%;
    text-align: left;
    float: left;
    width: 26%;
}

.full-width-description{
    width: 74%;
    margin-left: 13%;
}
a.btn-doubleline {
    padding-top: 10px;
}

.btn-doubleline span{
    font-weight: 900;
}

.form-signin .btn-md{
    padding-top: 8px;
    color: #FFF;
}

img.logo {
    margin: 60px auto;
}

header.tnc-logo {
    margin: 65px auto 10px;
}
header.tnc-logo div {
    border-top: 2px solid #000;
    margin: 0 auto;
    width: 300px;
}

/* The .dashboard class is added to the body element using JS on load. */

body.dashboard #header_container {
    background-color: rgba(65, 64, 66, 0.8);
}
body.dashboard header.subnav {
    background-color: rgba(148, 215, 116, 0.8);
}
body.dashboard header:first-child {
    border-bottom: 5px transparent;
}

body.dashboard .nav_arrow {
    opacity: 0.8;
}

.dashboard_jumbotron {
    position: relative; 
    height: 537px;
    margin-top: -200px;
    margin-bottom: 0;
    padding-top: 200px;
    background-image: url('../img/dashboard/default_bg.jpg');
    background-size: cover;
    background-position: center center;
    background-color: transparent;
    background-repeat: no-repeat;
}
.gradient-overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; 
    height: 100%;
    background-size: 100% 100%;
    background-image: url('../img/dashboard/gardenprofile_overlay.png');
}
.yg_jumbotron {
    height: 476px;
    margin-top: 0;
    margin-bottom: 0;
    background-image: url('../img/yg/get-involved-digging.jpg');
    background-size: cover;
    background-color: transparent; 
    background-repeat: no-repeat;
    /* You can adjust the image tint (0.1-0.5?) based on the image. */
    box-shadow: 0px 600px rgba(0, 0, 0, 0.5) inset;
}
/* For any viewports less than 1000px wide */

.jumbotron_homepage {
    background: url('../img/girl-tablet.jpg');
    background-size: cover;
    background-position: center center;
    background-color: transparent;
    background-repeat: no-repeat;
    /* You can adjust the image tint (0.1-0.5?) based on the image. */
    box-shadow: 0px 600px rgba(0, 0, 0, 0.5) inset;
    margin-bottom: 0;
}

.homepage-map{
    position:relative;
    height:320px;
    overflow:hidden;
}
.homepage-map:hover .homepage-map-overlay{
    display: table;
}
.homepage-map-overlay{
    display:none;
    background-color: rgba(243, 76, 48,0.8);
    position:absolute;
    height:100%;
    width:100%; 
}
.homepage-map-overlay .center{
    width: 100%;
    height: auto;
    display: table-cell;
    vertical-align: middle;
    padding: 0 15px;
}
.homepage-map-overlay h1{
    color:#FFF;
    margin-top:0;
}

.framed_large {
    text-align: center;
    width: 454px;
    min-height: 674px;
    padding: 0 15px;
    margin: 25px auto;
    border-style: solid;
    border-width: 34px 20px 10px 16px;
    -moz-border-image: url(../img/backgrounds/home_involved_cta_bkg.png) 34 20 10 16 stretch;
    -webkit-border-image: url(../img/backgrounds/home_involved_cta_bkg.png) 34 20 10 16 stretch;
    -o-border-image: url(../img/backgrounds/home_involved_cta_bkg.png) 34 20 10 16 stretch;
    border-image: url(../img/backgrounds/home_involved_cta_bkg.png) 34 20 10 16 fill stretch;
} 

.framed_large .btn-lg{
    font-style: normal;
    font-weight: bold;
}

.framed_large p {
    text-align: left;
    margin: 10px 0;
}

.partner_logos {
    margin: auto;
    display: block;
    width: 760px;
    position: relative;
    text-align: center;
}
.partner_logos img{
    margin-right: 17px;
    width: 135px;
}
.partner_logos img:last-child{
    margin-right: 0;
}


/* "NEW" HOME */
body.home {
    background-color: #ecede7;
    background-image: url('/static/img/girl-tablet.jpg');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
}
body.home #header_container {
    background: transparent;
}
body.home #header_container .nav > li > a {
    text-shadow: 0px 0px 12px #333;
}
body.home #header_container img {
    -webkit-filter: drop-shadow(0px 0px 11px #000);
    filter: drop-shadow(0px 0px 11px rgb(0, 0, 0));
}
body.home header:first-child {
    border-bottom: none;
}
body.home header .navbar-nav > li > a:hover {
    /* home page navigation links: no green hover color */
    color: #fff;
}
body.home #your_account-btn:hover {
    /* home page Settings icon and link: no green hover color */
    background-position: 2px 25px;
}

body.home main {
    padding-bottom: 0;
    padding-top: 100px;
}
body.home .intro {
    height: 41vw;
    max-height: 520px;
    text-align: center;
}
body.home .tagline {
    color: #fff;
    font-family: 'p22-underground', Verdana, sans-serif;
    font-size: 20px;
    letter-spacing: 2px;
    line-height: 18px;
    margin: 4% 0 14px;
    text-shadow: 0px 0px 24px #333;
    text-transform: uppercase;
}
body.home .tagline .part2 {
    font-size: 44px;
    line-height: 52px;
}
body.home .tagline i {
    font-family: 'ff-tisa-web-pro', 'Trebuchet MS', Georgia, serif;
    letter-spacing: normal;
    text-transform: none;
}
body.home .tagline .part3 {
    font-size: 58px;
    line-height: 66px;
}
body.home .tagline .part4 {
    font-size: 64px;
    line-height: 68px;
}
body.home .areas p {
    margin: 28px 0;
}
body.home .areas a {
    background-color: #fdfdfd;
    border-radius: 6px;
    color: #000;
    display: inline-block;
    font-family: 'p22-underground', Verdana, sans-serif;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 170%;
    padding: 13px 0 9px;
    text-decoration: none;
    text-transform: uppercase;
    width: 160px;
}
body.home .areas a span {
    font-size: 18px;
    letter-spacing: 3px;
}
body.home .areas a:hover {
    background-color: #fff;
    text-decoration: none;
}
body.home .wrapper.neutral_bg {
    background-image: none;
}
body.home .row {
    margin: 0 auto;
    width: 960px;
}
body.home .row > div {
    float: left;
    height: 420px;
    text-align: center;
    width: 33%;
}
body.home .banner {
    background-image: url(/static/img/backgrounds/@2x/@2x_bkgd_orange@2x.jpg);
    min-height: 5px;
}
body.home .banner p {
    background-image: url(/static/img/backgrounds/@2x/@2x_bkgd_orange@2x.jpg);
    color: #000;
    font-size: 24px;
    font-style: italic;
    /*height: 60px;*/
    line-height: 38px;
    padding: 10px 10px 14px;
    text-align: center;
}
body.home .banner p a.button {
    border: 1px solid #000;
    border-radius: 6px;
    color: #000;
    font-family: 'p22-underground', Verdana, sans-serif;
    font-size: 14px;
    font-style: normal;
    letter-spacing: 2px;
    margin-left: 12px;
    padding: 12px 12px 8px;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
}
body.home .secondary {
    background-color: #eee;
    color: #333;
    height: 270px;
}
body.home .secondary .row > div {
    font-size: 16px;
    height: 270px;
    padding: 14px 22px;
    text-align: left;
}
body.home .secondary div h2 {
    color: #333;
    font-family: 'ff-tisa-web-pro', 'Trebuchet MS', Georgia, serif;
    font-size: 18px;
    letter-spacing: normal;
    line-height: 130%;
    padding-right: 12px;
}
body.home .secondary div h2 a {
    color: #00703c; /* dark green */
}
body.home .secondary div h2 a:visited {
    color: #614280; /* purple */
}
body.home .secondary div img {
    height: 150px !important;
    margin-top: 14px;
    width: 250px;
}
body.home .image-credit {
    font-family: 'p22-underground', Verdana, sans-serif;
    font-size: 10px;
    line-height: 100%;
    padding: 4px 0;
}
@media (max-width: 1080px) {
    body.home .tagline {
        margin-bottom: 0;
    }
    body.home .areas p {
        margin: 0 0 16px;
    }
}
@media (max-width: 992px) {
    body.home .slicknav_menu {
        background: rgba(0, 0, 0, 0.5) !important;
        display: block;
    }
    body.home main {
        padding-top: 0;
    }
    body.home .intro {
        height: auto;
    }
    body.home h1 {
        margin-top: 18px;
    }
    body.home .tagline {
        font-size: 14px;
        letter-spacing: 1px;
        line-height: 14px;
        margin-bottom: 10px;
    }
    body.home .tagline .part2 {
        font-size: 30px;
        line-height: 32px;
    }
    body.home .tagline .part3 {
        font-size: 39px;
        line-height: 44px;
    }
    body.home .tagline .part4 {
        font-size: 44px;
        line-height: 46px;
    }
    body.home .areas p {
        float: left;
    }
    body.home .areas a {
        margin: 0 10px;
        width: 120px;
    }
    body.home .intro .row {
        display: flex;
        justify-content: center; /* align horizontal */
        width: 100%;
    }
    body.home .row > div {
        height: auto;
        width: auto;
    }
    body.home .secondary {
        height: auto;
    }
    body.home .secondary .row {
        width: 640px;
    }
    body.home .secondary .row > div {
        width: 320px;
    }
    body.home .banner p {
        clear: both;
        font-size: 20px;
        line-height: 30px;
    }
}
@media (max-width: 640px) {
    body.home {
        background-size: auto 40%;
    }
    body.home .intro {
        height: auto;
    }
    body.home .secondary .row {
        width: 320px;
    }
}
/* "NEW" HOME END */

body header:first-child {
    border-bottom: 5px solid #94d774;
}

/* RESOURCES */
body.resources {
    background-color: #bfe6ac; /* light green, for full-height filter column */
}
body.resources .wrapper.neutral_bg {
    /* override the usual wrapper backgrounds */
    background: none;
}
body.resources main {
    color: #000;
    padding: 100px 0 0;
}

body.resources nav, body.resources nav:before {
    width: 23%;
}
body.resources nav {
    background-color: #bfe6ac;
    box-sizing: border-box;
    float: left;
    min-height: 100px;
    padding: 0 12px;
}
body.resources nav h2 {
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 2px;
    line-height: 100%;
    margin: 16px 0 14px;
    padding: 14px 0 0 18px;
    text-transform: uppercase;
}
body.resources nav p {
    letter-spacing: normal;
    font-style: normal;
    margin-left: 18px;
}
body.resources nav h2 + p, body.resources nav h2 + p + p {
    font-size: 14px;
    line-height: 150%;
    margin-right: 24px;
    margin-top: 18px;
}
body.resources nav a {
    color: #00703c; /* dark green */
    margin-right: 2px;
    text-decoration: none;
}
body.resources nav a:visited {
    color: #614280; /* purple */
}
body.resources nav a:hover {
    text-decoration: underline;
}
body.resources nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
body.resources nav > ul li, body.resources nav li p {
    color: #414042;
}
body.resources nav > ul li {
    font-size: 15px;
    font-weight: normal;
    line-height: 130%;
    margin: 18px 0;
}
body.resources nav > ul > li > p {
    cursor: pointer;
    padding: 0 0 0 18px;
    text-indent: -18px;
}
body.resources nav > ul > li > p:hover {
    color: #00703c; /* dark green */
}
body.resources nav li p {
    font-family: "p22-underground", Verdana, sans-serif;
    font-size: 15px;
    font-style: normal;
    letter-spacing: 0;
    line-height: 130%;
    margin: 14px 0 0;
}
body.resources nav > ul li span {
    color: #999;
}
body.resources nav ul ul, body.resources nav ul ul ul {
    font-family: "ff-tisa-web-pro", Georgia, serif;
    padding: 0;
}
body.resources nav ul ul, body.resources nav ul form {
    margin-left: 18px;
}
body.resources nav ul ul ul {
    margin-left: 0;
}
body.resources nav ul ul li, body.resources nav ul ul ul li {
    color: #777;
    font-size: 14px;
    font-style: normal;
    letter-spacing: 0;
    line-height: 120%;
    margin: 8px 0;
    padding: 0;
}
body.resources nav ul ul li p {
    font-size: 14px;
}
body.resources nav .compact {
    margin-top: 4px;
}
body.resources nav .compact li {
    display: inline;
    line-height: 160%;
    margin-right: 8px;
    white-space: nowrap;
}
body.resources nav form {
    margin-top: 10px;
}
body.resources nav input, body.resources nav button {
    background: #e4f5dd;
    border: 1px solid #ccc;
    color: #414042;
    font-family: "ff-tisa-web-pro", Georgia, serif;
    font-size: 14px;
    font-style: normal;
    height: 28px;
    padding: 0 10px;
    vertical-align: middle;
}
body.resources nav input {
    border-radius: 4px 0 0 4px;
    box-sizing: content-box;
    width: 120px;
}
body.resources nav button {
    background-color: #555;
    border-left: 0;
    border-radius: 0 4px 4px 0;
    color: #fff;
    font-family: "p22-underground", Verdana, sans-serif;
    height: 32px;
    letter-spacing: 0;
    padding: 4px 10px 0;
}
body.resources h1 {
    font-size: 36px;
    font-weight: normal;
    letter-spacing: 6px;
    line-height: 50px;
    margin: 24px 0 0;
    padding: 0;
    text-transform: uppercase;
}
body.resources h1 span {
    color: #999;
    font-weight: lighter;
    letter-spacing: 0;
    text-transform: none;
    white-space: nowrap;
}
body.resources #main {
    box-sizing: border-box;
    float: left;
    min-height: 600px;
    padding: 0 0 12px 18px;
    width: 77%;
}
body.resources #main ul {
    clear: both;
    list-style-type: none;
    margin: 30px 0 0;
    padding: 0;
}
body.resources #main li {
    display: block;
    float: left;
    font-family: "ff-tisa-web-pro", Georgia, serif;
    font-size: 17px;
    line-height: 130%;
    margin: 0 18px 18px 0;
    min-height: 264px;
    padding: 0;
    width: 300px;
}
body.resources #main li a {
    color: #00703c; /* dark green */
    text-decoration: none;
    white-space: normal;
}
body.resources #main li a:visited {
    color: #614280; /* purple */
}
body.resources #main li span {
    color: #999;
    font-family: "p22-underground", Verdana, sans-serif;
    font-size: 13px;
    white-space: nowrap;
}
body.resources #main li .frame {
    background-color: #ccc;
    height: 188px !important;
    overflow: hidden;
    position: relative;
    width: 300px;
}
body.resources #main li img {
    background-color: #ccc;
    left: 50%;
    margin-bottom: 3px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: auto;
}
body.resources #main .filtered-by {
    font-size: 17px;
    line-height: 36px;
    margin: 15px 0px;
}
body.resources #main .filtered-by a {
    white-space: nowrap;
}
body.resources #main p a {
    background-color: #fdfdfd;
    border-radius: 4px;
    color: #00703c; /* dark green */
    padding: 0 8px 3px 8px;
    text-decoration: none;
}
body.resources #main p a:hover {
    background-color: #fff;
}
@media screen and (max-width: 1277px) {
    body.resources #main li {
        font-size: 16px;
        margin: 0 14px 14px 0;
        min-height: 246px;
        width: 270px;
    }
    body.resources #main li .frame {
        height: 169px !important;
        width: 270px;
    }
}
@media screen and (max-width: 992px) {
    body.resources main {
        padding-top: 0;
    }
}
@media screen and (max-width: 768px) {
    body.resources nav {
        width: 40%;
    }
    body.resources #main {
        width: 60%;
    }
}
@media screen and (max-width: 480px) {
    body.resources .wrapper.neutral_bg {
        background: transparent url('/static/img/backgrounds/@2x/@2x_bkgd_neutral@2x.jpg')
            repeat scroll 0% 0%;
    }
    body.resources nav {
        float: none;
        padding-bottom: 16px;
        width: 100%;
    }
    body.resources nav h2 {
        font-size: 16px;
        margin-top: 8px;
        padding-left: 6px;
    }
    body.resources nav > p {
        margin-left: 0;
        padding-left: 6px;
    }
    body.resources nav ul ul, body.resources nav ul form {
        margin-left: 23px;
    }
    body.resources nav > ul li:last-child {
        margin-bottom: 0;
    }
    body.resources nav > ul > li > p {
        padding-left: 24px;
        text-indent: -20px;
    }
    body.resources h1 {
        font-size: 24px;
        letter-spacing: 3px;
        line-height: 36px;
    }
    body.resources #main {
        float: none;
        width: 100%;
    }
    body.resources #main .filtered-by {
        font-size: 14px;
        line-height: 22px;
    }
}
/* RESOURCES END */

/* RESOURCE */
body.resource header {
    border-bottom: 5px solid #94d774;
}
body.resource p {
    line-height: 167%;
}
body.resource main {
    margin: 0 10%;
    padding: 100px 0 0;
}
body.resource main a {
    color: #00703c; /* dark green */
}
body.resource main a:not(.file):visited {
    color: #614280; /* purple */
}
body.resource h1, body.resource h2, body.resource h3 {
    color: #414042;
    font-family: "p22-underground", Verdana, sans-serif;
    font-weight: normal;
}
body.resource #main {
    width: 66%;
}
body.resource h1 {
    letter-spacing: 0;
    line-height: 120%;
    margin: 26px 0 18px;
    padding: 0;
}
body.resource section {
    margin-bottom: 40px;
}
body.resource #main {
    float: left;
    padding-bottom: 50px;
}
body.resource #main a {
    text-decoration: underline;
}
body.resource #main p {
    font-size: 18px;
    margin: 0 0 8px;
    max-width: 640px;
}
body.resource #main iframe {
    border: 0;
    height: 356px;  /* 2/3 of video's 960 x 540 size on Vimeo */
    margin: 8px 0;
    width: 634px;
}
body.resource #main img {
    /* image shown if a resource has no videos */
    margin: 8px 0 14px;
}
body.resource #links {
    float: left;
    margin-left: 2%;
    margin-top: -34px; /* vertically align top with main content below heading */
    width: 32%;
}
body.resource #links h2 {
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 130%;
    margin: 40px 0 0;
    text-transform: uppercase;
}
body.resource #links h2:first-child + ul, body.resource #links h3 + ul {
    font-weight: bold;
}
body.resource #links h3 {
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 14px;
    margin: 32px 0 0;
    padding: 0;
    text-transform: uppercase;
}
body.resource #links a {
    text-decoration: none;
}
body.resource #links a:hover {
    text-decoration: underline;
}
body.resource #links p {
    font-size: 16px;
    margin-top: 6px;
}
body.resource #links .file {
    background-color: #fdfdfd;
    border-radius: 6px;
    display: inline-block;
    font-family: "p22-underground", Verdana, sans-serif;
    font-size: 16px;
    font-weight: normal;
    height: 38px;
    line-height: 40px;
    margin: 8px 0;
    padding: 0;
    text-align: center;
    width: 80px;
}
body.resource #links .file:hover {
    background-color: #fff;
    text-decoration: none;
}
body.resource #links ul {
    color: #000;
    font-size: 16px;
    line-height: 130%;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
body.resource #links li {
    margin: 14px 0;
    padding: 0;
}
body.resource #links h3 + ul {
    font-size: 14px;
}
body.resource #links h3 + ul .file {
    font-size: 14px;
    height: 31px;
    line-height: 33px;
    padding: 0;
    width: 68px;
}
body.resource #links h3 + ul a span {
    font-size: 8px;
    padding-left: 3px;
}
@media screen and (max-width: 1200px) {
    body.resource main {
        margin: 0 1.5%;
    }
}
@media screen and (max-width: 992px) {
    body.resource main {
        padding-top: 2px;
    }
    body.resource h1 {
        font-size: 28px;
    }
    body.resource main {
        margin: 0 12px;
    }
    body.resource #main, body.resource #links {
        float: none;
        width: 100%;
    }
    body.resource #main {
        padding-bottom: 14px;
    }
    body.resource #main p {
        max-width: none;
    }
    body.resource #links {
        margin-left: 0;
    }
}
@media screen and (max-width: 640px) {
    body.resource #main iframe {
        height: 270px; /* 1/2 of video's 960 x 540 size on Vimeo */
        width: 480px;
    }
    body.resource #main img {
        /* image shown if a resource has no videos */
        height: 320px;
        width: 480px;
    }
}
@media screen and (max-width: 480px) {
    body.resource #main iframe {
        height: 180px; /* 1/3 of video's 960 x 540 size on Vimeo */
        width: 320px;
    }
    body.resource #main img {
        /* image shown if a resource has no videos */
        height: 213px;
        width: 320px;
    }
}
/* RESOURCE END */


/* EVENT REGISTRATION RESULT PAGE */
body.event-registrants main {
    color: #000;
    min-height: 625px;
    padding: 100px 0 0;
}
body.event-registrants main div {
    margin: 0 auto;
    width: 450px;
}
body.event-registrants main h1 {
    text-align: center;
    text-transform: uppercase;
}
body.event-registrants main p {
    margin: 18px 0;
}
body.event-registrants .home {
    margin-top: 150px;
    text-align: center;
}
/* END EVENT REGISTRATION RESULT PAGE */


/*
Google Maps
*/
.map-popup{
    text-align: center;
}
.map-popup .framed_thumbs{
    padding: 7px;
}
.map-popup h3{
    font-size: 18px;
    font-style: italic;
}

.map-popup h4{
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.involved h3{
    font-family: "p22-underground", Arial;
    color: #404040;
    font-size: 30px;
    text-transform: uppercase;
    letter-spacing: 4px;
}

.container-wrapper{
    background-color: #E5E5DE;
}

.garden-content header{
    height: 126px;
    display: table;
}

.garden-content header h2{
    width: 100%;
    height: auto;
    display: table-cell;
    vertical-align: middle;
    padding: 0 15px;
}

.garden-profile #garden_dim_display {
    padding: 6px 0;
}

.garden-profile #units {
    padding: 12px 8px;
}

.garden-profile #garden_area_instructions {
    padding: 5px 0 0 20px;
}

.garden-profile .units-note {
    clear: both;
    font-size: 12px;
    line-height: 150%;
    padding: 2px 0;
}

.garden-profile .photo-note, .garden-profile .required-note {
    font-size: 12px;
    line-height: 150%;
}
.garden-profile .photo-note {
    margin: 0 13%;
}
.garden-profile .photo-uploader .form-group {
    margin-bottom: 0;
}
.garden-profile #inputDescription, .garden-profile #submitNewGarden {
    margin-top: 14px;
}

.profile-check {
    margin-top: 10px;
}

/*** DATA ****/

#hidden-image, #resize-canvas {
    display: none;
}

.data-wrapper{

}

.data-row{
    width: 100%;
    height: auto;
    margin-bottom: 50px;
    text-align: left;
} 

.data-row.top{
    height: 84px; 
}
.data-row.top .fun-units{
    width: 500px;
}
.data-row.top .multiplier-wrapper{
    width: 390px;
}

.data-row.bottom{
    height: 84px; 
}
.data-row.bottom .fun-units{
    width: 650px;
}
.data-row.bottom .multiplier-wrapper{
    width: 280px;
}

.data-row > div,
.data-row > div > div{
    position: relative;
}
.fun-units{
    float: left; 
}

.multiplier-wrapper{
    float: right;
    width: auto;
    margin-top: 12px;
}

.data-multiply,
.multiplier{
    float: right;
}

#small-bucket-container{
    padding-top:22px;
}

#small-meal-container{
    padding-top:15px;
}

.community .data-row.top,
.community .data-row.bottom{
    height:60px;
}   

.small-community,
.large-community,
.small-bucket,
.large-bucket,
.large-bucket-empty,
.large-meal,
.small-meal{
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
    height: 84px;
    float:left;
}
.small-community:last-child,
.large-community:last-child,
.large-bucket-empty:last-child,
.small-bucket:last-child,
.large-bucket:last-child,
.large-meal:last-child,
.small-meal:last-child{
    margin-right: 0;
}
.large-community,
.large-bucket,
.large-bucket-empty,
.large-meal{
    margin-right: 18px;
    margin-bottom: 18px;
}

.small-community,
.small-bucket,
.small-meal{
    margin-right: 9px;
    margin-bottom: 9px;
}

.large-bucket-empty{
    background-image: url(/static/img/scale/scale_bucket_empty.png);
    background-image: url(/static/img/scale/scale_bucket_empty.svg);
    float: none;
    margin: auto !important;
    width: 94px;
    height: 85px;
}
.large-bucket{
    background-image: url(/static/img/scale/scale_bucket_lg.png);
    background-image: url(/static/img/scale/scale_bucket_lg.svg);
    max-width: 94px;
}

.small-community{ 
    background-image: url(/static/img/scale/scale_bus_sm.png);
    background-image: url(/static/img/scale/scale_bus_sm.svg);
    width:56px;
    height:23px;
}

.large-community{
    background-image: url(/static/img/scale/scale_bus_lg.png);
    background-image: url(/static/img/scale/scale_bus_lg.svg);
    max-width: 154px;
}

.small-bucket{
    background-image: url(/static/img/scale/scale_bucket_sm.png);
    background-image: url(/static/img/scale/scale_bucket_sm.svg);
    width:26px;
    height:20px;
}

.large-meal{ 
    background-image: url(/static/img/scale/scale_meal_lg.png);
    background-image: url(/static/img/scale/scale_meal_lg.svg);
    max-width: 106px;
}

.small-meal{
    background-image: url(/static/img/scale/scale_meal_sm.png);
    background-image: url(/static/img/scale/scale_meal_sm.svg);
    width:43px;
    height:30px;
}

.data-multiply{
    width:49px;
    height:48px;
    top:50%;
    margin: 7px 60px;
} 

.multiplier{
    font-family: "p22-underground", Arial;
    font-size: 72px;
    position: relative;
    display: inline-block;
    line-height: 1;
    font-weight: bold;
}

.rainfall.inverse h3{
    color: #FFFFFF;
}

.rainfall .multiplier{
    color: #9BB2D3;
}

.harvest .multiplier{
    color: #F58275;
}

.community .multiplier{
    color: #EDC75E;
}

.rainfall .data-multiply{
    background-image: url(/static/img/scale/scale_x_blue.png);
}

.harvest .data-multiply{
    background-image: url(/static/img/scale/scale_x_red.png);
}

.community .data-multiply{
    background-image: url(/static/img/scale/scale_x_yellow.png);
}

.community .multiplier{ 
    margin-top:0 !important;
}

.dash_headline{
    font-style: italic;
}

.dash_numbers{
    display: inline;
    font-family: 'p22-underground', Arial;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: normal;
    line-height: 48px;
    text-align: center;
    width: auto;
    font-style: normal;
}


/*Garden design */

#wait-indicator {
    background-image: url(/static/img/gardendesign/circular-preloaders-dot-net.gif);
    background-repeat: no-repeat;
    float: right;
    height: 64px;
    left: -50%;
    position: relative;
    text-align: left;
    top: 40%;
    width: 64px;
    z-index: 5;
}

#design_navigation{
    position: absolute;
    z-index: 300;
    top:165px;
    left:25px;
    width:70px;
}

.how-to-left{
    text-align: right;
    width: 47.5%;
    margin-right: 5%;
}

.how-to-right{
    text-align: left;
    width: 47.5%;
}

#zoom_in{
    position:absolute;
    top:120px;
    left:20px;
}

#zoom_out{
    position:absolute;
    top:160px;
    left:20px;
}

#grid_unit{
    position:absolute;
    top:190px;
    left:12px;
}


#design_toolbox .nav-tabs {
  margin-top: 20px; 

}

#design_toolbox .tab-content {
  background: #fff;
  border-top: 0 none;
  padding: 30px 30px 0;
  height: 320px;
  width:308px;
  overflow-y: scroll;
  margin-right: 50px;
}


.design_tool_button{
    background: #555;
    height:34px;
    width:100px;
    padding-top: 10px;
    margin-right:5px;
    float:left;
    border:0;
}

.design_tool_button2{
    background: #555;
    height:50px;
    width:300px;
    padding-top: 15px;
    margin-right:30px; 
    margin-top:20px;
    border:0;
}



#drawingControl{
    position: absolute;
    top:600px;
    left:100%;
    margin-left : -200px;
    height: 50px;
}


#designControl{
    position: absolute;
    top:574px;
    left:100%;
    margin-left : -360px;
    height: 50px;
    width:320px;
}

a.gray_link, a.gray_link:visited {
    font-family: "p22-underground", Arial;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    text-decoration: none;
    color: #A0A0A0;
    border-bottom: 1px solid #A0A0A0;
    padding-bottom: 4px;
}

a.gray_link:hover{
    text-decoration: none;
    color: #000000;
    border-bottom: 1px solid #000000;
}

#designControlSub a{
    margin:10px;
}

#designControlSub{
    text-align: center;
}

.design_toolbg{
background: #d4d6cf;
min-height: 880px;
}

#designToolBottomStripLeftCol{
    margin-top: 20px;
    margin-left: 20px;
    width:400px;
    float:left;
}

.designToolImpactStripCol{
    margin-top: 20px;
    margin-left: 20px;
    width:14%;
    float:left;

}

#designToolBottomStripCentreCol{
    margin-top: 20px;
    float:left;
    width:200px;
    margin-left:20px;

}

.designToolHeaderImg{
    margin-left: -10px;
}

.dt_icon {
    margin-left: 16px;
    padding: 10px 0;
}
.top_aligned_table{
    margin-top:-10px;

}

.top_aligned_table td{
    vertical-align: top;
    padding-bottom:10px;
    
}
.top_aligned_table tr{
    padding-top:20px;
}

h4.dt_header {
    text-transform: none;
    font-size: 14px;
    margin: 0;
    letter-spacing: 0;
}

.login-form {
    width: 500px;
    margin-left:auto;
    margin-right:auto;
}

.linedivider{
    height: 15px;
    width:70%;
    background: url('../img/line_black.png');
    background-repeat: repeat-x;
    margin: auto;
}

#disqus_thread{
    margin-bottom: 30px;
    min-height: 330px;
}
#disqus_thread p{
    background: #000000;
}
/* RESPONSIVE SMALL */  

@media screen and (max-width: 1200px) {
    .halfwidth-md{
        width: 50% !important;
    } 
    .thirdwidth-md {
        width: 33% !important;
    }
    .fullwidth-md{
        width: 100% !important;
    }
    .no-margin-md{
        margin: 0 !important;
    }
    .container_padding{
        padding: 0;
    }
}

@media screen and (max-width: 767px) {
    .halfwidth-xs{
        width: 50% !important;
    } 
    .thirdwidth-xs {
        width: 33% !important;
    }
    .no-pad-xs{
        padding: 0 !important;
    }
    .no-margin-xs{
        margin: 0 !important;
    }
    .center-align-xs{
        text-align: center;
    }
    .left-label-xs{
        float: left !important;
        margin-left: 0 !important;
    }
    .full-width-btn-xs {
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center;
        width: 100% !important;
    }
    .size_12-xs{
        font-size: 12px;
    }
}

.small-light-upper{
    font-family: "p22-underground", Arial;
    text-transform: uppercase;
    color: #A0A0A0;
    font-size: 12px;
}
 
.small-light-emphasis{
    font-family: "ff-tisa-web-pro", "Trebuchet MS", Arial;
    font-style: italic;
    color: #A0A0A0; 
    font-size: 14px;
}

.qty{

    font-size: 40px;
}

/** Events page **/
.events h2, .events h3 {
    color: #414042;
    font-family: "p22-underground", Arial;
}
.events h2 {
    letter-spacing: normal !important;
    line-height: 28px;
    margin: 28px 0;
}
.events h3 {
    font-size: 22px;
    letter-spacing: normal !important;
    line-height: 48px;
    margin: 18px 0;
}
.events h3 span {
    color: #999;
    font-weight: lighter;
}
.events main a {
    color: #00703c;
}
.events main h3 a {
    color: inherit;
}
.events main h3 a:hover {
    text-decoration: none;
}
.events .title {
    font-family: "p22-underground", Arial;
    font-size: 30px;
    margin-bottom: 8px;
}
.events .type {
    font-family: "p22-underground", Arial;
    font-size: 13px;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.events .imgbox img {
    height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    width: auto;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.events .latest .imgbox {
    height: 250px;
    margin-bottom: 18px;
    overflow: hidden;
    position: relative;
    width: 600px;
}
.events .latest .subtitle {
    margin: 8px 0;
}
.events .latest .type {
    font-size: 16px;
    letter-spacing: 3px;
}
.events .latest form {
    margin: 24px 0;
}
.events .subtitle {
    font-style: italic;
}
.events .when-where {
    font-family: "ff-tisa-web-pro", "Trebuchet MS", Arial;
}
.events .latest .when-where {
    font-size: 15px;
    font-weight: bold;
    line-height: 22px;
    margin: 12px 0;
}
.events .archived {
    padding-bottom: 24px;
}
.events .archived p span {
    color: #999;
}
.events .archived .title {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 0;
}
.events .archived .subtitle {
    font-size: 13px;
}
.events .archived ul {
    color: #000;
    list-style-type: none;
    margin: 0 0 42px;
    padding: 0;
}
.events .archived li {
    font-size: 14px;
    margin-bottom: 30px;
}
.events .archived .imgbox {
    height: 125px;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    width: 250px;
}
/** end Events page **/


/** Event Registration page **/

.event .jumbotron {
    background-color: #000;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0px 600px rgba(0, 0, 0, 0.4) inset;
}

.event .jumbotron p {
    color: white;
    text-shadow: 0px 0px 11px #333;
}

.event h2 {
    letter-spacing: 0;
    line-height: 120%;
    margin: 8px 0 6px;
}

.event h3 {
    font-style: italic;
    line-height: 130%;
}

.event h4 {
    font-family: "p22-underground", Arial;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.event a {
    color: #00703c;
    text-decoration: underline;
}

.event main {
    padding-top: 18px;
}

.event .when-where {
    font-size: 16px;
    font-weight: bold;
    line-height: 150%;
    padding-right: 12px;
}

.event .details {
    margin-bottom: 18px;
}

.event .details figure {
    display: table;
    float: right;
    margin: 7px 14px 14px;
}

.event .details figcaption {
    caption-side: bottom;
    color: #000;
    display: table-caption;
    font-family: "p22-underground", Arial;
    font-size: 12px;
    margin-top: 6px;
}

.event .details p {
    margin: 12px 0;
}

.event .registration h4 + p {
    font-size: 14px;
    margin: 14px 0;
}

 .event .registration .agree {
    font-size: 12px;
    margin: 6px 0;
}

.event .registration p {
    line-height: 20px;
}

.event .registration form {
    margin-bottom: 36px;
    padding: 12px;
}
.event .registration form label {
    letter-spacing: 0;
    width: 100%;
}
.event .registration form input {
    margin-bottom: 8px;
    margin-top: 2px;
}
.event .registration form select {
    background-color: #fff;
    border: none;
    color: rgba(0, 0, 0, 0.7);
    font-size: 14px;
    padding-left: 10px;
    width: 100% !important;
    -webkit-appearance: none;
    -moz-appearance: none;

    /* arrow */
    background-image: linear-gradient(55deg, transparent 50%, #94d774 50%),
        linear-gradient(125deg, #94d774 50%, transparent 50%),
        linear-gradient(to right, white, white);
    background-position: calc(100% - 20px) calc(1em + 6px),
        calc(100% - 14px) calc(1em + 6px),
        100% 0;
    background-size: 7px 7px,
        7px 7px,
        2.5em 2.5em;
    background-repeat: no-repeat;
}

.event .registration form select::-ms-expand {
    display: none;   /* hide native arrow button in IE */
}

.event .registration form select.form-field-disabled {
    /* change the background color of the arrow to the disabled color */
    background-image: linear-gradient(55deg, transparent 50%, #94d774 50%),
        linear-gradient(125deg, #94d774 50%, transparent 50%),
        linear-gradient(to right, #c9ebb9, #c9ebb9);

    cursor: not-allowed !important;
}
.event .registration form option {
    padding: 10px;
}
.event #submit-registration {
    margin-top: 8px;
}

.event .photo-credit {
    font-family: "p22-underground", Arial;
    font-size: 12px;
    line-height: 150%;
}

.event .related {
    padding-bottom: 18px;
}

.event .related ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.event .related li {
    color: #000;
    font-size: 14px;
    margin: 18px 0 18px;
}

.event .related li, .event .related p {
    font-size: 14px;
}

.event .related img {
    margin-bottom: 4px;
    width: 170px;
}

.event button {
    font-style: normal;
}

@media screen and (min-width: 1200px) {
    .event .jumbotron {
        background-size: 1200px;
        background-position: center;
    }
}

/** end Event registration page **/

/*** END base.css ***/


/*** BEGIN security.css ***/

div.security-content {
    max-width: 400px;
    margin: 10px auto;
}

/*** END security.css ***/


/*** BEGIN error.css ***/

.error-back{
	position: fixed;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: url();
}

.error-title{
	text-transform: uppercase;
}

.error-icon-wrapper{
	position: relative;
	top: 100px;
	text-align: center;
}

.error-icon-wrapper img{
	max-width: 100%;
	height: auto;
}

.align_center.error-wrapper {
    width: 50%;
}

.error-wrapper a, #status-footer a {
    color: darkgreen;
    text-decoration: underline;
}

.container, #banner{
	position: relative;
}

h1.error-title {
    font-weight: bold;
}
#status-footer {
    padding-top: 28px;
    font-family: "p22-underground", Arial;
    font-size: 16px;
}
#status-footer a, #status-footer span {
    padding: 0 18px;
}
#status-footer a {
    color: #fff;
    text-decoration: none;
}

/*** END error.css ***/


/*** BEGIN status_pages.css ***/

#userinfo {
    color: black;
}

#userinfo label {
    margin-right: 15px;
}

/*** END status_pages.css ***/


/*** BEGIN data-cap.css ***/

.dropdown-menu > li > a:hover{
	background-color: transparent;
}

.data_cap_dropdown .dropdown-menu > li > a:focus {
    background-color: inherit;
    outline: 0;
}

.class-selector{
	font-style: italic;
}

.light_green_dd .class-selector-text{
	color: rgba(0,0,0,0.7)
}

.dark_yellow_dd .class-selector-text{
	color: rgba(137,99,18,0.7)
}

.class-selector-text.inverse{
	color: rgba(0,0,0,0.7);
}

.class-selector-text{
	font-size: 18px;
	color: rgba(255,255,255,0.7);
}

.data_cap_form_header{

}

.data_cap_row{
	margin: auto;
}

.data_cap_row:after{
	clear: both;
}

.data_cap_row .col {
    float: left;
    margin: 0 6px;
}

.form_rows_container{

}

.class-selector.data_cap_row {
    line-height: 41px;
}

.data_cap_row input{
	height: 48px;
	padding: 0 inherit;
}

.data_cap_row input[type="number"]{
	text-align: right;
}	

.data_cap_row .inputNotes {
    display: inline-block;
    width: 110px;
}
.habitat .data_cap_row .inputNotes {
    width: 180px;
}
.data_cap_row .saved {
    font-size: 16px;
    font-style: italic;
    padding-left: 14px;
}

.data_cap_form_header{
	text-transform: uppercase;
	margin-bottom: 20px;
	margin-top: 40px;
	font-family: "p22-underground", Arial;
	font-size: 14px;
}

.visible-xs.data_cap_form_header{
	margin:20px 0 4px;
}

.data_cap_row .col-lg-1,
.data_cap_row .col-lg-3,
.data_cap_row .col-lg-4{
	padding-right: 10px;
	padding-left: 10px;
}

.data_cap_img_wrapper{
	width: 170px;
	height:170px;
	padding: 20px;
	overflow:hidden; 
} 

.data_cap_img_wrapper img{
	max-width: 100%;
	height: auto;
}

.dropdown-menu.data_cap li .rollout{
	display: block;
}
.dropdown-menu.data_cap li .rollover{
	display: none;
}

.dropdown-menu.data_cap li:hover .rollout{
	display: none;
}
.dropdown-menu.data_cap li:hover .rollover{
	display: block;
}

.feedback-icons{
	width: 100%;
	margin:auto;
}

.meal-wrapper{
	margin-top: 40
}

.add_photo{
	position: absolute;
	top: 8px;
	left: 0;
	text-align: center;
	width: 100%;
	cursor: pointer;
}

.center-align-wrapper{
	float: left; 
	position: relative; 
	left: 50%;
}

.center-align-content{
	float: left; 
	position: relative; 
	left: -50%;
}

.data_cap_review_text{
	padding-top: 10px;
	width: 189px;
}

.mile-marker-wrapper{ 
    width: 603px;
    position: relative;
    margin: auto;
}

.mile-marker{ 
    position: absolute; 
    right: 0;
    top: 76px; 
    width: 90px; 
    font-size: 28px;
    text-align: center;
    line-height: 40px;
}

.mile-marker.inverse{
	color:#FCC596;
}

.mile-marker-truck{
    margin-top: 37px !important;
}

.bg_purple_pattern .data_cap_review_text,
.bg_purple_pattern .data_cap_review_text p,
.bg_purple_pattern .data_cap_review_text h4{
	color: #993A5C;
}

input[type='submit'].btn.btn-primary.btn-lg{
	font-style: normal;
	font-weight: bold;
	letter-spacing: 0;
}

.thumb-backing{
    position: absolute;
    top: 0;
    left: 0;
    width: 48px;
    height: 48px;
    overflow: hidden;
    background-color: rgba(0,0,0,0.6);
    border-radius: 3px;
}

.thumb-backing img{
	max-width: 100%;
	height: auto;
}

.thumbnail-wrapper{
	text-align: center;
	padding: 4px;
}

.edit_item {
    width: 363px;
    height: 170px; 
    background: #FFF;
    margin-left: -50px;
    float: left;
    margin: 10px; 
}
 
.edit_item.habitat {
   border: solid 2px #602933; 
}
.edit_item.harvest {
   border: solid 2px #EF4B2F; 
}

.edit_item.harvest .qnt,
.edit_item.harvest .produce,
.edit_item.harvest h4,
.edit_item.harvest p{
   color: #EF4B2F;
}

.slider_control{
	position:relative;
	width: auto;height:100px;left:50%;
	margin-left: -20px;
} 

.form-control.journal{
    background-color:#E4F5DC;
    border: 3px solid #FFF;
    resize: none;
    font-size: 16px;
    font-style: italic;
    -webkit-appearance: none;
    box-shadow: none;
}

#display-video-url {
    color: rgba(0, 0, 0, 0.7);
    display: none;
    margin: 18px;
}
#display-video-url input {
    background-image: url('../img/backgrounds/@2x/@2x_bkgd_neutral@2x.jpg');
    border: 0;
    font-size: 20px;
    font-style: normal;
    width: auto;
}

.preview-thumbs{
	height:104px;
	position: relative;
}

.dropzone_display{
	position:relative;
	height: auto;
	width: 614px;
	float:none;
	margin:auto auto 24px;
	border-size: 2px;
	border-style: solid;
	background-color: #FFFFFF;
	font-style: normal; 
}

.dropzone_display .cta{
	height: 104px;
	padding-top: 35px;
	line-height: 1;
}
.dropzone_display .cta .help-block{
	display: inline;
}

.dropzone_display.green{
	border-color: #007043;	
}

.greenform .dropzone_display{
	width: 74%;
}

.photo-disclaimer {
    font-size: 14px; 
    text-align: center;
    display: table;
    padding: 0 5px;
} 

.photo-disclaimer-text{
	letter-spacing: 0;
	vertical-align: middle;
	display: table-cell;
}

.photo-disclaimer.dark_orange_border,
.photo-disclaimer.dark_purple_border{
	width: 75%;
	height: auto;
	color: black;
	background-color: rgba(255, 255, 255, .7);
	padding: 10px 40px;
	line-height: 1.5;
	text-align: center;
	margin: 24px auto 0;
}

.photo-disclaimer strong{
    font-family: "p22-underground", Arial; 
}

.dropzone_display .photo-disclaimer{
	color: #FFFFFF; 
	background-color: #007043; 
	min-height: 55px;
	height: auto;
    width: 100%;
    line-height: 1;
}

.dropzone_display.green .photo-disclaimer{
	background-color: #007043; 
}

.dropzone_display.yellow .photo-disclaimer{
	background-color: #896312; 
}


.dropzone_display.yellow{
	border-color: #896312;
}

.dropzone_display.yellow a{
	color: #896312 !important;
}
 
.dropzone_display>.center{

	top: 40px;	
}

.dropzone_display_canvas{
	height:auto;
	width: 100%; 
	overflow:hidden;
	position:relative;
	z-index:1;
	margin: auto;
	padding: 20px;
} 

.add-another-right{
	position: absolute;
	right: -210px;
	top: 0; 
	width: 200px;
	cursor: pointer;
}

.uploader-thumb{
	position: relative;
	width: 91px;
	height: 84px;
	float: left;
	margin: 10px 0 10px 10px; 
}

.uploader-thumb-delete{
	position: absolute;
	top: 5px;
	right: 15px;
	width: 16px;
	height: 16px;
	background-image:url('../img/resources/photo_x.png');
	cursor: pointer;
}
.uploader-thumb-x:hover{
	background-image:url('../img/resources/photo_x_rollover.png');
}

.thumbnail_canvas{
	width: 80px;
	height: 90px;
} 

.plus-add {
    text-align:center;
    text-transform:uppercase;
    font-size: 14px;
    color: #000;
    border: 2px solid #000;
    width: 143px;
    padding: 15px;
    margin-bottom: 24px;
    font-family: "p22-underground", Arial;
    letter-spacing: 2px;
    border-radius: 6px;
}

.centered-column{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.centered-column > input,
.centered-column > div{
	margin-left: auto;
	margin-right: auto;
	position: relative;
	float: none;
}

.canister-div{
	float: left;
}

.rain-input-div{ 
	padding-top:36px;
	float: left;
	font-style: italic;
	font-family: "ff-tisa-web-pro", "Trebuchet MS", Arial !important;
	text-align: left;
}

.rain-input-units{
    height: 66px;
    display: block;
    font-size: 36px;
    width: auto;
    display: inline-block;
}

.rain-input-units .dk-selected{ 
	line-height: 36px;
}

.already_added,
.measurement_input,
.measurement_feedback,
.measurement_summary{
	position:relative;
	background:transparent;
	height: auto;
	min-height:500px;
	margin: auto;
}

.already_added{
	width:100%;
}

 /* center the CO2 and Community slider controls */
.bg_orange_pattern .measurement_input,
.bg_yellow_pattern .measurement_input {
    margin-left: 110px;
}
/* fix too-wide button on Community form */
.bg_yellow_pattern #step2 {
    margin: auto;
    padding: 16px;
    width: auto;
}

/*** END data-cap.css ***/


/*** BEGIN slicknav.css ***/

/*
    Mobile Menu Core Style
*/

.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 1.125em;
    height: 0.125em; 
    border-radius: 1px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { display: block; cursor: pointer; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }

/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu {
	font-size:16px;
	display:none;
}

/* Button */
.slicknav_btn {
    margin: 20px;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    border-radius: 4px;
    background-color: #222222;
    position: absolute;
    right: 0;
    top: 10px;
}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {	
	color: #FFF;
	font-weight: bold;	
	text-shadow: 0 1px 3px #000;	
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
  background-color: #f5f5f5;
}
.slicknav_menu {
	background:#4c4c4c;
	padding:5px;
}
.slicknav_nav {
	color:#fff;
	margin:0 32px;	
	padding:0;
	font-size:0.875em;
}
.slicknav_nav, .slicknav_nav ul {
	list-style: none;
	overflow:hidden;
}
.slicknav_nav ul {
	padding:0;
	margin:0 0 20px 20px;
}
.slicknav_nav li{
	border-bottom: 2px solid #AAA;
	text-transform: uppercase !important;
}
.slicknav_nav li:last-child{
	border: none;
}
.slicknav_nav .slicknav_item {
	padding:5px 10px;
	margin:2px 5px;
}
.slicknav_nav a{
	text-decoration: none;
	color: #FFF;
	font-family: "p22-underground", Arial;
	font-weight: "light";
	padding:12px 12px 12px 0;
	font-size: 14px; 
	background-color: transparent;
	outline: none!important;
}
.slicknav_nav .slicknav_item a {
	padding:0;
	margin:0;
}

.slicknav_nav .active,
.slicknav_nav .current a{
	color: #94d774;
}

.slick_sub_nav li{
	border: none;
}
.slicknav_nav .slicknav_txtnode {
     margin-left:15px;   
}

/*** END slicknav.css ***/


/*** BEGIN buttons.css ***/

.btn-text-lg,
.btn-text-lg-light,
.btn-text-lg-dark,
a.btn-text-lg,
a.btn-text-lg-light,
a.btn-text-lg-dark{
	height: 48px;
	line-height: 48px;
	text-align: center; 
	padding: 0 45px;
	border: none;
}

.btn-text-sm,
.btn-text-sm-light,
.btn-text-sm-dark,
a.btn-text-sm,
a.btn-text-sm-light,
a.btn-text-sm-dark{
	height: 33px;
	line-height: 33px;
	text-align: center; 
	padding: 0 15px;
	border: none;
}

.btn-text-sm-light,
.btn-text-lg-light,
a.btn-text-sm-light,
a.btn-text-lg-light{
	color:#000000;
	background-color:#FFFFFF;
}

.btn-text-sm-dark,
.btn-text-lg-dark,
a.btn-text-sm-dark,
a.btn-text-lg-dark{
	color:#FFFFFF;
	background-color:#414042;
}
.btn-text-sm-dark:hover,
.btn-text-sm-light:hover,
.btn-text-lg-dark:hover,
.btn-text-lg-light:hover,
a.btn-text-sm-dark:hover,
a.btn-text-sm-light:hover,
a.btn-text-lg-dark:hover,
a.btn-text-lg-light:hover{
	color: #FFFFFF;
	background-color: #A0A0A0;
}

.record-more{ 
	width: 240px;
	height: 48px;
	padding: 16px;
	font-weight: 900; 
}

.no-side-padding{
	font-size: 12px !important;
	padding-left:0 !important;
	padding-right:0 !important;
}

.green-form-btn-disabled,
.blue-btn-disabled,
.purple-btn-disabled,
.orange-btn-disabled,
.red-btn-disabled,
.yellow-btn-disabled,
.gray-btn-disabled {
    border-color: transparent !important;
    cursor: default !important;
}

.green-form-btn-disabled:hover,
.purple-btn-disabled:hover,
.red-btn-disabled:hover {
    color: #414042 !important;
}
.blue-btn-disabled:hover,
.blue-btn-disabled:focus,
.orange-btn-disabled:hover,
.orange-btn-disabled:focus,
.yellow-btn-disabled:hover,
.yellow-btn-disabled:focus,
.gray-btn-disabled:hover,
.gray-btn-disabled:focus {
    color: #000 !important;
}

.green-form-btn-disabled { background-color: #C9EBB9 !important; }
.blue-btn-disabled { background-color: #72A1D4 !important; }
.purple-btn-disabled { background-color: #CC9CAE !important; }
.orange-btn-disabled { background-color: #FFDBB9 !important; }
.red-btn-disabled { background-color: #F29F91 !important; }
.yellow-btn-disabled { background-color: #FFEEC3 !important; }
.gray-btn-disabled { background-color: #A0A0A0 !important; }

/*** END buttons.css ***/


/*** BEGIN typography.css ***/

/********************** TYPOGRAPHY ****************************/
body{
	-webkit-font-smoothing: antialiased;
}
a.up-under, .up-under{
	font-family: "p22-underground", Arial;
	font-size: 12px;
	color: #FFFFFF;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 1px;
	padding-bottom: 4px;
	border-bottom: solid 1px #FFF;
}

a.up-under.black, .up-under.black{
	color: #000 !important;
	border-bottom: solid 1px #000 !important;
}

.qnt{
	color: #993A5C;
	font-size: 33px;
	font-weight: bold;
}

.organism{
	color: #993A5C;
	font-style: italic;
	font-size: 24px;
	font-weight: bold;
	white-space: pre-wrap;
	width: 100%;
}

.history_result center,
.measurement_result p {
	font-style: italic;
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom: 32px;
	font-size: 24px;
}
.measurement_result p {
    color: #000;
}

.measurement_result .qnt{
	color: #FFFFFF;
}

.record-cta{
	color:#000;
	font-size:22px;
}

.disqus-toggle {
    display: none;   /* hide comments feature pending review/improvement */
	font-size: 14px;
	color: inherit;
}

.disqus-toggle:hover{
	color: inherit;
}

.input-display-only { 
    height: 66px;
    width: 120px;
    border: solid 1px;
    display: block;
    text-align: right;
    font-family: "p22-underground", Arial;
    font-style: normal;
    font-size: 58px;
    font-weight: 900;
    line-height: 76px;
    float: left;
    margin-right: 15px;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 10px;
}

.light_blue_input{
    background-color: #D3DFEC;
    border-color: white;
    color: #4782BF;
}

h4{
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1px;
	margin: 12px 0 5px;
}

.caption h4{
	font-size: 11px;
	font-weight: 900;
}

/***************************** STYLE GUIDE BASE STYLES *********************************/
.header-primary,
.header-secondary,
.header-alt{
	font-family: "p22-underground", Arial;
}
.header-primary{ 
	font-size : 44px; 
	line-height : 60px;
}

.header-secondary{ 
	font-size : 32px;
	line-height : 48px;
}

.header-alt{ 
	font-size : 26px;
	font-weight: 900;
} 

.body-lead,
.body-lead-emphasis,
.body-text,
.body-text-emphasis{
	font-family: "ff-tisa-web-pro", "Trebuchet MS", Arial;
	text-decoration: none;
}

.body-lead,
.body-lead-emphasis{ 
	font-size : 22px;
	line-height : 36px; 
}

.body-text,
.body-text-emphasis{ 
	font-size : 18px;
	line-height : 30px; 
}

.body-lead-emphasis,
.body-text-emphasis{ 
	font-style: italic;
}

.caption,
.caption-emphasis{
	font-family: "ff-tisa-web-pro", "Trebuchet MS", Arial;
	font-size : 14px;
	line-height : 24px; 
	letter-spacing: .01em;
}

.caption-emphasis{
	font-style: italic;
}

.numeric,
.numeric-secondary,
.numeric-tertiary{
	font-family: "p22-underground", Arial;
	font-weight: 900;
	letter-spacing: 2px;
}

.numeric{ 
	font-size : 36px;
	letter-spacing : 0.05em;
	line-height : 42px;
}

.numeric-secondary{ 
	font-size : 36px;
	letter-spacing : 0.05;
	line-height : 42px;
}

.numeric-tertiary{ 
	font-size : 22px;
	letter-spacing : 0.03em;
	line-height : 36px; 
}

.numeric-secondary.padded{
	margin: auto 8px;
}

.numeric-tertiary.padded{
	margin: auto 5px;
}

.data-callout,
.data-callout-secondary{
	font-family: "ff-tisa-web-pro", "Trebuchet MS", Arial;
	font-style: italic;
	font-weight: 500;
}

.data-callout{
	font-size : 48px;
	line-height : 48px;
}

.data-callout-secondary{
	font-size : 24px;
	line-height : 42px;
}

.btn-text,
.btn-text-sm,
a.btn-text,
a.btn-text-sm{
	font-family: "p22-underground", Arial; 
	text-decoration: none;
	text-transform: uppercase;
	font-style: normal;
	font-weight: 900;
}

.btn-text{
	font-size : 14px;
	line-height : 18px;
	letter-spacing: 0.1em; 
}

.btn-text-sm{
	font-size : 11px;
	line-height : 24px;
	letter-spacing: 0.1em;
}

.icon-label,
a.icon-label{
	font-family: "p22-underground", Arial;
	font-size : 14px;
	line-height : 18px;
	letter-spacing: 0.1em;
	font-weight: 500;
}

a.icon-label:hover{
	color: #000000 !important;
}

.nav-label,
a.nav-label{
	font-family: "p22-underground", Arial;
	font-size : 14px;
	letter-spacing : 0.18em;
	line-height : 18px;
}

/*** END typography.css ***/


/*** BEGIN responsive_tablet_landscape.css ***/

@media screen and (max-width: 1200px) {

	/* GLOBAL */

	.linedivider{
		width: 91%;
		width: calc(100% - 40px); 
	}

	.form-group .btn-group{ 
		width: 100% !important;
	}

	.form-checkbox span{
		white-space: nowrap;
	}
	.form-group .form-checkbox span{
		line-height: 1;
	}
	/* GLOBAL END*/

	/* NAV */
	.subnav .container .nav-icon a{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	#popOverBox a{
		text-align: center;
		padding: inherit 12px !important;
	}

	/* NAV END */

	/* DASHBOARD */
	.carousel_item:first-child{
		margin-left: 160px;
	}
	/* DASHBOARD END */

	/* FORM */


	.class-selector-text{
		width: 100%;
	}
	.data_cap_row .col{
		//width: 100%;
	}

	.dk-select{
		width: 100%; 
	}
 
	.dk-select.dk-medium {
		width: 100%;
	}
	.dk-select.dk-small {
		margin-left: 5%;
		width: 95%;
	}

	.select-date-wrapper{
		width: 100%;
	}

	.center-align-wrapper,
	.center-align-content{
		left: 0;
		width: 100%;
	}

	.photo-disclaimer{
		width: 74%;
	}
	.thumb-backing {
		position: relative;
		width: 100%;
	}

	/* DATA COLLECTION */ 
	.data_cap_row.col-xs-12,
	.data_cap_row .col-lg-4,
	.data_cap_row .col-lg-3,
	.data_cap_row .col-lg-2,
	.data_cap_row .col-lg-1{
		padding-left: 0; 
		padding-right: 0;
	}
	/* FORM END*/

	.margin-40{
		margin-left: -15px;
	}

    #dashboard_container .status .dropdown {
        margin-left: 0;
        margin-top: 47px;
    }

	.row{
		margin-left: 20px;
		margin-right: 20px;
	}	
}

/*** END responsive_tablet_landscape.css ***/


/*** BEGIN responsive_tablet_portrait.css ***/

/**** affects all sizes from 0 to 992px **/

@media only screen and (max-width: 992px){

	.navbar-collapse.collapse{
		display:none !important;
	}

    .navbar-images .nwe-logo {
        margin-left: 30px;
        margin-right: 5px;
    }

	/* NAVBAR */
	.js .slicknav_menu {
		display:block; 
		position: relative;
		background-color: "#414042";
		top: 0;
		left: 0; 
		width: 100%;
		height: auto;
		min-height: 75px;
		z-index: 100;
	}
 
	.js .slicknav_menu.home{
		position: absolute;
		background-color: rgba(0,0,0,0.65);
	}

	.js .slicknav_menu .navbar-header{
		float: left;
	}

	.subnav .container{
		max-width: none;
	}

	.nav_arrow{
		display: none;
	}

    .subnav.header-image {
        /* Reposition the thin subnav. which was specially positioned
            for use with full header images. */
        position: static;
        top: auto;
    }

	.subnav .container a{
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	#header_container{
		display: none; 
	}

	.container_padding{
		padding: 0;
	}

	.yg_login{
		margin-left: 0;
	}

	.nav-icon{
		margin: 0;
	}

	#popOverBox small a{
		border-bottom: none !important;
		text-decoration: underline !important;
	}


    /* DASHBOARD */
	.carousel_item:first-child{
		margin-left: 75px;
	}

    .data_cap_row .inputNotes {
        width: 100%;
    }
    .data_cap_row .saved {
        display: block;
        padding-left: 0;
        margin: 14px 0;
        text-align: center;
    }

	/* DASHBOARD END */

	/* RESOURCES */ 
	.resource-filter .container{
		max-width: none;
	}

	.filter{
		text-align: left;
		width: 100%;
		padding: 20px 0 !important;
	}
	.filter span{
		color: #FFF;
		font-family: "p22-underground", Arial;
		font-size: 14px;
	}	

	.resource-filter li{ 
		width: 100%;
		border-bottom: 1px solid #FFF;
	}
	.resource-filter li a{
		padding: 24px 0 !important;
		text-align: left;
		margin-left: 0;
	}
	.resource-filter li a img{
		float: right;
	}

	.resource-filter li:last-child{
		border: none;
	}

	.resource-filter .navbar-nav{
		width: 100%;
		padding: 0 5px;
	}

	.resource-filter .dk-select{
		float: right;
	}

	/* RESOURCES END*/ 

	/* FORM */
	.greenform .dropzone_display{
		width: calc(100% - 30px);
	}
	.dropzone_display .photo-disclaimer{
		margin-left: 0;
	}
}
/*** END responsive_tablet_portrait.css ***/


/*** BEGIN responsive_mobile_landscape.css ***/



/**** affects all sizes from 0 to 760px **/

@media screen and (max-width: 767px) {
	/* NAVBAR */
	.hidden-img-xs{
		display: none;
	}
	.navbar-images{
		width: 225px;
	}
    .navbar-images img {
        width: 40%;
        height: auto;
        float: left;
    }

	div.navbar-header{
		height: 75px; 
	} 


	/* NAVBAR END */

	/* GLOBAL */
	.row{
		margin-left: 0;
		margin-right: 0;
	}
	.greenform{
		width: 100%; 
	}

	.formdivider,
	.dropzone_display,
	.photo-disclaimer,
	.full-width-description{
		margin-left: 15px;
		width: calc(100% - 30px);
	}

	.form-horizontal .checkbox,
	.form-horizontal .control-label{
		margin-left: 15px; 
		width: 100%;
	}

	.agree-terms{
		margin-left: 55px;
	}

	.agree-terms.no-check{
		font-size: 15px;
		margin-top: 10px;
		margin-left: 15px; 
		width: 95%;
		width: calc(100% - 20px);
		line-height: 1.3;
	}


	/* GLOBAL END */
	
	/* HOME */
	.box_165x72{
		width: 100%%;
		white-space: nowrap;
	}

	.box_165x72 span{
		font-size: 19px;
		white-space: nowrap;
	}

	.jumbotron_homepage{
		height: auto;
		padding: 0;
	}

	.frontpage_sec1 header h2{
		line-height: 30px;
	}
	.frontpage_sec1 header h2,
	.frontpage_sec1 header .size_24{
		font-size: 22px; 
	}

	.homepage-map{
		height: 200px;
	}

	.homepage-map img{
		min-height: 200px;
	}

	.homepage-map-overlay h1{
		font-size: 26px;
		letter-spacing: 4px;
		line-height: 45px;
		white-space: nowrap;
	}

	.fourup .framed_thumbs{
		zoom:1.75;
	}

	footer.navbar-static-top{
		padding: 24px;
	}

	footer.navbar-static-top{
		margin-top: 0;
	}

	footer .navbar-nav > li > a{ 
		padding: 8px 14px;
	}
	
	footer .size_11{
		font-size: 14px;
	}
	 
	/* HOME END */

	/* ABOUT */

	.about.lead{
		padding: 0 15px;
	}

	.partner_logos{
		width: 100%;
	}

	.partner_logos img{
		margin: 4%;
		width: 40%;
	}

	/* ABOUT END */


    /* Events page (small screens) */
    .events h2 {
        font-size: 22px;
        letter-spacing: 6px;
    }
    .events h3 {
        font-size: 18px;
        letter-spacing: 5px;
        margin-bottom: 16px;
    }
    .events .latest .title {
        font-size: 22px;
        line-height: 24px;
    }
    .events .latest .subtitle {
        font-size: 16px;
        margin: 2px 0;
    }
    .events .latest button {
        font-size: 12px;
        line-height: 16px;
        letter-spacing: 3px;
    }
    .events .prior .note {
        margin-bottom: 26px;
    }
    .events .prior li {
       font-size: 14px;
    }
    .events .prior .title {
        font-size: 16px;
        line-height: 20px;
    }
    .events .latest .imgbox, .events .prior .imgbox {
        width: 90%;
    }
    .events .latest .imgbox {
        max-width: 600px;
    }
    .events .prior .imgbox {
        max-width: 300px;
    }
    /* end Events page (small screens) */

	/* MAPS */

	.garden-content header h2{
		line-height: 30px;
	}

	.garden-content header h2,
	.garden-content header .size_24{
		font-size: 22px; 
	}

	/* MAPS END */

	/* DASHBOARD */
	.li_about a{
		display: none !important;  
	}

	.li_about:before{
		content: "";
		display: block;
		width: 33px;
		height: 33px;
		margin-top: 10px;
		margin-left: 7px;
		background:url("/static/img/dashboard/mobile_about.png");
	}
	.li_activity img{
		margin-left: -10px;
	}

	.dashboard > li{
		width: 13%;
	}
	.dashboard > li img{
		width: 100%;
	}

	.graph-tab-wrapper-graphic{
		height: auto; 
		width: 100%;
		float: none;
	}

	.rain-graphic-wrapper{
		padding-top: 50px;
	}

	.rain-graphic{
 
	}

	.rain-graphic,
	.rain-operator,
	.rain-graphic-bucket{
		margin: auto;
		text-align: center;
		width: 100%; 
		height: auto;
	}
	.rain-operator {
		padding: 0 !important;
		margin: 50px 0 !important;
	}

	.carousel_item:first-child{
		margin-left: 155px;
	}
	 
	/* DASHBOARD END */

	/* ERROR PAGE */
	.brand-banner{
		text-align: center;
	}

	.brand-banner .floatleft,
	.brand-banner .floatright{
		padding: 0;
		width: 100%;
		display: block;
		float: none;
	}

	.error-icon-wrapper{
		top: 275px !important;
	}

	.align_center.error{
		width: 100% !important;
	}

	/* CANVAS */
	canvas{
		zoom: 0.6;
	}
	.mile-marker-wrapper{
		zoom: 0.75;
	}
	
	/* DATA ROW */
	.data-row.top .fun-units,
	.data-row.bottom .fun-units{
		width: 100% !important;
	}
	 
	.data-row.top .multiplier-wrapper,
	.data-row.bottom .multiplier-wrapper{
		float: left;
		width: 100% !important;
	}
	.data-row.top{
		height: auto;
	}

	.data-multiply{
		position: absolute;
		left: 0;
		float: none;
		margin-left: 0;
	}

	.multiplier{
		position: absolute;
		left: 90px;
		float: none;
		margin-left: 0;
	}

	/* DATA CAPTURE */
	.already_added,
	.measurement_input,
	.measurement_feedback,
	.measurement_summary{
		width:100%;
	}

	.canvas-container.slider canvas{
		zoom:1;
	}
	.canister-div.rain canvas{
		zoom:1; 
	}


	.canister-div{
		float: none;
		margin: auto;
		width: 280px;
	}

	.dk-select.size_36{
		margin-left: 0;
		width: 100%;
	}
}


@media screen and (max-width: 600px) {
	.form-group .form-checkbox span{
		width: 380px;
		white-space: normal;
		line-height: 1.1;
		margin-top: -3px;
	}
}

/*** END responsive_mobile_landscape.css ***/


/*** BEGIN responsive_mobile_portrait.css ***/

/**** affects all sizes from 0 to 480px **/

@media only screen and (max-width: 480px) {
 
 	.fourup .framed_thumbs {
		zoom: 1;
	}

	.frontpage_sec1{

	}

	h1.jumbo {
		margin-top: 48px;
		font-size: 42px;
		line-height: 1;
		letter-spacing: 9px;
	}

	h5.jumbo{
		margin-top: 24px;
		font-size: 24px;
	}

 	/* DASHBOARD */
 	.carousel_item{
 		width: 260px;
 		margin-left: 100px;
 	}
	.carousel_item:first-child{
		margin-left: 25px; 
	}
	.carousel-content-leftarrow{
		left: 5px;
	}
	.carousel-content-rightarrow{
		right: 5px;
	}
	/* DASHBOARD END */


    /* Event page */
    .event .lead {
        font-size: 20px;
        line-height: 32px;
    }

    .event main .container {
        padding-left: 0;
        padding-right: 0;
    }

    .event .details .description {
        font-size: 16px;
        line-height: 26px;
    }

    .event .details figure {
        margin: 7px 0 0 10px;
    }

    /* Event page end */


	/* FORM */
	.form-group .form-checkbox span{
		width: 250px;
	}

	.navbar-form.filter .dk-select{
		width: 190px !important;
	}

	.nav-icon{
		margin: 0;
	}

	.subnav .container .nav-icon a{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	#popOverBox a{
		text-align: center;
		padding: 12px !important;
	}

	.add-favorites{
		margin: 0;
	}

	/* CANVAS */
	canvas{
		zoom: 0.45;
	}
	.mile-marker-wrapper{
		zoom: 0.55;
	}

	#add-video, #add-photo{
		width: 100%;
		margin-top: 12px;
	}
}

@media only screen and (max-width: 320px) {
	body{
		width: 100%;
		overflow-x: hidden;
	}
	.homepage-map-overlay h1{
		font-size: 14px;
	}

}

/*** END responsive_mobile_portrait.css ***/