@import url(//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700|Roboto:100,400,700);
html {
  font-size: 62.5%; }

body {
  font-family: 'Open Sans', 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 1.6rem; }

h1, h2, h3, h4, h4, h5 {
  font-family: 'Open Sans', 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 300;
  margin: 0 0 1.2rem; }

p, li {
  line-height: 2.1rem;
  font-size: 1.4rem; }
  p label, li label {
    font-size: 1.4rem; }

label {
  color: #799397;
  font-size: 1.2rem;
  font-weight: 400; }
  label.radio.inline, label.checkbox.inline {
    padding-top: 0;
    margin-bottom: 10px; }

.text-info {
  color: #879fa2;
  font-size: 1.2rem;
  margin: -2px 0 16px; }

input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], textarea, .uneditable-input {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.25px;
  padding: 8px 8px;
  color: #799397;
  border-radius: 6px;
  box-shadow: 0 2px 0 #dddddd inset;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1) inset;
  display: block;
  width: 100%;
  line-height: 1.42857;
  background-color: white;
  background-image: none;
  border: 1px solid #cccccc;
  -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; }
  input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, textarea:focus, .uneditable-input:focus {
    color: #231f20;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
    border-color: #66afe9;
    outline: 0; }

.input-append input {
  border-radius: 6px 0 0 6px;
  font-size: 1.4rem; }
.input-append span.add-on {
  padding: 8px; }

textarea {
  resize: none; }

.table {
  font-size: 1.4rem; }

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

.text-separator {
  display: inline-block;
  margin: 0 5px;
  color: #799397; }

html, body {
  height: 100%;
  background: #f1f1f2; }

.wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin-bottom: -40px; }
  .wrapper .btn {
    background: #f1f2f2;
    border: 1px solid #e4e6e6;
    color: #231f20;
    text-decoration: none;
    font-family: 'Open Sans', 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 1.4rem;
    font-weight: 400; }
    .wrapper .btn:hover, .wrapper .btn:focus {
      box-shadow: 0 3px 5px #d7d9d9;
      box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) inset;
      background: #e4e6e6; }
    .wrapper .btn.disabled, .wrapper .btn:disabled {
      box-shadow: none;
      background: #f1f2f2;
      cursor: default; }
    .wrapper .btn.btn-lg {
      font-family: 'Open Sans', 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
      font-size: 1.8rem;
      font-weight: 400;
      padding: 10px 16px; }
    .wrapper .btn.btn-sm {
      font-family: 'Open Sans', 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
      font-size: 1.2rem;
      font-weight: 400;
      padding: 5px 10px; }
    .wrapper .btn.btn-xs {
      font-family: 'Open Sans', 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
      font-size: 1rem;
      font-weight: 400;
      padding: 1px 5px; }
    .wrapper .btn.btn-primary {
      background: #97c33c;
      border: 1px solid #89b036;
      color: white;
      text-decoration: none;
      font-family: 'Open Sans', 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
      font-size: 1.4rem;
      font-weight: 400; }
      .wrapper .btn.btn-primary:hover, .wrapper .btn.btn-primary:focus {
        box-shadow: 0 3px 5px #7a9c30;
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) inset;
        background: #89b036; }
      .wrapper .btn.btn-primary.disabled, .wrapper .btn.btn-primary:disabled {
        box-shadow: none;
        background: #97c33c;
        cursor: default; }
      .wrapper .btn.btn-primary.btn-lg {
        font-family: 'Open Sans', 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 1.8rem;
        font-weight: 400;
        padding: 10px 16px; }
      .wrapper .btn.btn-primary.btn-sm {
        font-family: 'Open Sans', 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 1.2rem;
        font-weight: 400;
        padding: 5px 10px; }
      .wrapper .btn.btn-primary.btn-xs {
        font-family: 'Open Sans', 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 1rem;
        font-weight: 400;
        padding: 1px 5px; }
    .wrapper .btn.btn-info {
      background: #5da49c;
      border: 1px solid #53948d;
      color: white;
      text-decoration: none;
      font-family: 'Open Sans', 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
      font-size: 1.4rem;
      font-weight: 400; }
      .wrapper .btn.btn-info:hover, .wrapper .btn.btn-info:focus {
        box-shadow: 0 3px 5px #4a847d;
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) inset;
        background: #53948d; }
      .wrapper .btn.btn-info.disabled, .wrapper .btn.btn-info:disabled {
        box-shadow: none;
        background: #5da49c;
        cursor: default; }
      .wrapper .btn.btn-info.btn-lg {
        font-family: 'Open Sans', 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 1.8rem;
        font-weight: 400;
        padding: 10px 16px; }
      .wrapper .btn.btn-info.btn-sm {
        font-family: 'Open Sans', 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 1.2rem;
        font-weight: 400;
        padding: 5px 10px; }
      .wrapper .btn.btn-info.btn-xs {
        font-family: 'Open Sans', 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 1rem;
        font-weight: 400;
        padding: 1px 5px; }
    .wrapper .btn.btn-success {
      background: #add142;
      border: 1px solid #a3c931;
      color: white;
      text-decoration: none;
      font-family: 'Open Sans', 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
      font-size: 1.4rem;
      font-weight: 400; }
      .wrapper .btn.btn-success:hover, .wrapper .btn.btn-success:focus {
        box-shadow: 0 3px 5px #92b42c;
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) inset;
        background: #a3c931; }
      .wrapper .btn.btn-success.disabled, .wrapper .btn.btn-success:disabled {
        box-shadow: none;
        background: #add142;
        cursor: default; }
      .wrapper .btn.btn-success.btn-lg {
        font-family: 'Open Sans', 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 1.8rem;
        font-weight: 400;
        padding: 10px 16px; }
      .wrapper .btn.btn-success.btn-sm {
        font-family: 'Open Sans', 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 1.2rem;
        font-weight: 400;
        padding: 5px 10px; }
      .wrapper .btn.btn-success.btn-xs {
        font-family: 'Open Sans', 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 1rem;
        font-weight: 400;
        padding: 1px 5px; }
    .wrapper .btn.btn-warning {
      background: #f0ad4e;
      border: 1px solid #eea236;
      color: white;
      text-decoration: none;
      font-family: 'Open Sans', 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
      font-size: 1.4rem;
      font-weight: 400; }
      .wrapper .btn.btn-warning:hover, .wrapper .btn.btn-warning:focus {
        box-shadow: 0 3px 5px #ec971f;
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) inset;
        background: #eea236; }
      .wrapper .btn.btn-warning.disabled, .wrapper .btn.btn-warning:disabled {
        box-shadow: none;
        background: #f0ad4e;
        cursor: default; }
      .wrapper .btn.btn-warning.btn-lg {
        font-family: 'Open Sans', 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 1.8rem;
        font-weight: 400;
        padding: 10px 16px; }
      .wrapper .btn.btn-warning.btn-sm {
        font-family: 'Open Sans', 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 1.2rem;
        font-weight: 400;
        padding: 5px 10px; }
      .wrapper .btn.btn-warning.btn-xs {
        font-family: 'Open Sans', 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 1rem;
        font-weight: 400;
        padding: 1px 5px; }
    .wrapper .btn.btn-danger {
      background: #df4425;
      border: 1px solid #cc3b1e;
      color: white;
      text-decoration: none;
      font-family: 'Open Sans', 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
      font-size: 1.4rem;
      font-weight: 400; }
      .wrapper .btn.btn-danger:hover, .wrapper .btn.btn-danger:focus {
        box-shadow: 0 3px 5px #b6351b;
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) inset;
        background: #cc3b1e; }
      .wrapper .btn.btn-danger.disabled, .wrapper .btn.btn-danger:disabled {
        box-shadow: none;
        background: #df4425;
        cursor: default; }
      .wrapper .btn.btn-danger.btn-lg {
        font-family: 'Open Sans', 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 1.8rem;
        font-weight: 400;
        padding: 10px 16px; }
      .wrapper .btn.btn-danger.btn-sm {
        font-family: 'Open Sans', 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 1.2rem;
        font-weight: 400;
        padding: 5px 10px; }
      .wrapper .btn.btn-danger.btn-xs {
        font-family: 'Open Sans', 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 1rem;
        font-weight: 400;
        padding: 1px 5px; }
    .wrapper .btn.btn-inverse {
      background: #231f20;
      border: 1px solid #151314;
      color: white;
      text-decoration: none;
      font-family: 'Open Sans', 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
      font-size: 1.4rem;
      font-weight: 400; }
      .wrapper .btn.btn-inverse:hover, .wrapper .btn.btn-inverse:focus {
        box-shadow: 0 3px 5px #080707;
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) inset;
        background: #151314; }
      .wrapper .btn.btn-inverse.disabled, .wrapper .btn.btn-inverse:disabled {
        box-shadow: none;
        background: #231f20;
        cursor: default; }
      .wrapper .btn.btn-inverse.btn-lg {
        font-family: 'Open Sans', 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 1.8rem;
        font-weight: 400;
        padding: 10px 16px; }
      .wrapper .btn.btn-inverse.btn-sm {
        font-family: 'Open Sans', 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 1.2rem;
        font-weight: 400;
        padding: 5px 10px; }
      .wrapper .btn.btn-inverse.btn-xs {
        font-family: 'Open Sans', 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 1rem;
        font-weight: 400;
        padding: 1px 5px; }
    .wrapper .btn.btn-otmprimary {
      background: #8baa3d;
      border: 1px solid #7c9736;
      color: white;
      text-decoration: none;
      font-family: 'Open Sans', 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
      font-size: 1.4rem;
      font-weight: 400; }
      .wrapper .btn.btn-otmprimary:hover, .wrapper .btn.btn-otmprimary:focus {
        box-shadow: 0 3px 5px #6c8430;
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) inset;
        background: #7c9736; }
      .wrapper .btn.btn-otmprimary.disabled, .wrapper .btn.btn-otmprimary:disabled {
        box-shadow: none;
        background: #8baa3d;
        cursor: default; }
      .wrapper .btn.btn-otmprimary.btn-lg {
        font-family: 'Open Sans', 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 1.8rem;
        font-weight: 400;
        padding: 10px 16px; }
      .wrapper .btn.btn-otmprimary.btn-sm {
        font-family: 'Open Sans', 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 1.2rem;
        font-weight: 400;
        padding: 5px 10px; }
      .wrapper .btn.btn-otmprimary.btn-xs {
        font-family: 'Open Sans', 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 1rem;
        font-weight: 400;
        padding: 1px 5px; }
    .wrapper .btn.btn-otmsecondary {
      background: #5bc0de;
      border: 1px solid #46bada;
      color: white;
      text-decoration: none;
      font-family: 'Open Sans', 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
      font-size: 1.4rem;
      font-weight: 400; }
      .wrapper .btn.btn-otmsecondary:hover, .wrapper .btn.btn-otmsecondary:focus {
        box-shadow: 0 3px 5px #31b2d5;
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) inset;
        background: #46bada; }
      .wrapper .btn.btn-otmsecondary.disabled, .wrapper .btn.btn-otmsecondary:disabled {
        box-shadow: none;
        background: #5bc0de;
        cursor: default; }
      .wrapper .btn.btn-otmsecondary.btn-lg {
        font-family: 'Open Sans', 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 1.8rem;
        font-weight: 400;
        padding: 10px 16px; }
      .wrapper .btn.btn-otmsecondary.btn-sm {
        font-family: 'Open Sans', 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 1.2rem;
        font-weight: 400;
        padding: 5px 10px; }
      .wrapper .btn.btn-otmsecondary.btn-xs {
        font-family: 'Open Sans', 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 1rem;
        font-weight: 400;
        padding: 1px 5px; }
    .wrapper .btn i {
      padding-right: 5px;
      margin-left: -5px; }
  .wrapper a {
    color: #42424a;
    text-decoration: none;
    font-weight: 700; }
    .wrapper a:hover, .wrapper a:focus {
      color: #060607; }

.image-background {
  background-image: none;
  height: 500px;
  position: absolute;
  z-index: 0;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat; }

.content {
  position: relative;
  overflow: auto;
  margin-bottom: 40px; }
  .content.map {
    position: absolute;
    overflow: hidden;
    margin: 0;
    top: 244px;
    width: 100%;
    bottom: 40px; }
    @media (min-width: 990px) {
      .content.map {
        top: 196px; } }
    @media (max-width: 767px) {
      .content.map {
        top: 154px;
        overflow: auto; }
        .content.map .map {
          height: 300px; } }

.container.contained {
  padding: 25px;
  background: white;
  border-radius: 6px;
  box-shadow: 0 3px 0 gray;
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.35);
  margin: 90px auto;
  position: relative;
  width: 920px;
  z-index: 98; }
  @media (min-width: 1200px) {
    .container.contained {
      width: 1100px; } }
  @media (max-width: 979px) and (min-width: 768px) {
    .container.contained {
      width: 710px; } }
  @media (max-width: 767px) {
    .container.contained {
      width: auto;
      margin: 50px 10px 90px; } }
  .container.contained.topper:before {
    content: '';
    position: absolute;
    top: 0;
    border-radius: 6px 6px 0 0;
    height: 110px;
    background: #d7d9d9;
    left: 0;
    right: 0;
    display: block;
    z-index: 0; }
  .container.contained.create-map {
    margin-top: 50px; }
  .container.contained > div {
    z-index: 10;
    position: relative; }
  .container.contained .pagination {
    display: inline-block;
    padding-left: 0; }
    .container.contained .pagination > li {
      display: inline; }
      .container.contained .pagination > li > a, .container.contained .pagination > li > span {
        position: relative;
        float: left;
        padding: 6px 12px;
        line-height: 1.42857;
        text-decoration: none;
        color: #8aaa3e;
        background-color: white;
        border: 1px solid #eeeeee;
        margin-left: 2px;
        border-radius: 24px; }
      .container.contained .pagination > li:first-child > a, .container.contained .pagination > li:first-child > span {
        margin-left: 0; }
    .container.contained .pagination > li > a:hover, .container.contained .pagination > li > a:focus, .container.contained .pagination > li > span:hover, .container.contained .pagination > li > span:focus {
      color: white;
      background-color: #8aaa3e;
      border-color: #8aaa3e; }
    .container.contained .pagination > .active > a, .container.contained .pagination > .active > a:hover, .container.contained .pagination > .active > a:focus, .container.contained .pagination > .active > span, .container.contained .pagination > .active > span:hover, .container.contained .pagination > .active > span:focus {
      z-index: 2;
      color: white;
      background-color: #8aaa3e;
      border-color: #8aaa3e;
      cursor: default; }
    .container.contained .pagination > .disabled > span, .container.contained .pagination > .disabled > span:hover, .container.contained .pagination > .disabled > span:focus, .container.contained .pagination > .disabled > a, .container.contained .pagination > .disabled > a:hover, .container.contained .pagination > .disabled > a:focus {
      color: #eeeeee;
      background-color: #f7f7f7;
      border-color: #f7f7f7;
      cursor: not-allowed; }

.alert {
  font-size: 1.4rem;
  line-height: 1.8rem; }
  .alert .btn {
    margin-bottom: 5px; }
  .alert p:last-of-type {
    margin-bottom: 0; }

.progress {
  margin-bottom: 8px; }
  .progress .bar {
    background: #5da49c; }

.well {
  border: 1px solid #ebeced;
  background: #f1f2f2;
  border-radius: 6px; }
  .well > :last-child {
    margin-bottom: 0; }
  .well h4 {
    color: #5da49c;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.1rem;
    margin-bottom: 8px; }
  .well h5 {
    margin-bottom: 6px;
    color: #5da49c;
    font-size: 1.4rem;
    font-weight: 700; }
  .well p, .well li {
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 2.1rem;
    word-wrap: break-word; }
  .well p {
    clear: both; }

.datepicker {
  z-index: 1000 !important; }

@media (max-width: 767px) {
  body {
    padding: 0; } }

.navbar {
  font-size: 1.6rem;
  margin-bottom: 0;
  background: #42424a;
  border: none;
  min-height: 44px;
  box-shadow: none; }
  @media (max-width: 979px) {
    .navbar {
      margin-bottom: 0;
      position: absolute; }
      .navbar .navbar-collapse {
        padding-left: 0;
        padding-right: 0; } }
  .navbar .nav {
    margin: 0 -15px; }
    .navbar .nav.navbar-left {
      margin-left: 15px; }
    .navbar .nav.navbar-right {
      margin-right: 15px; }
    .navbar .nav > li {
      margin-left: 20px;
      height: 44px; }
      .navbar .nav > li:first-child {
        margin-left: 0; }
      .navbar .nav > li.active > a {
        background-color: #42424a;
        border-bottom: 4px solid #97c33c;
        box-shadow: none; }
        .navbar .nav > li.active > a:hover, .navbar .nav > li.active > a:focus {
          background-color: #42424a; }
      .navbar .nav > li.dropdown.active > a, .navbar .nav > li.dropdown.open > a {
        background-color: transparent !important; }
      .navbar .nav > li.dropdown ul.dropdown-menu {
        margin: -1px 0 0;
        border-radius: 0;
        padding: 0; }
        .navbar .nav > li.dropdown ul.dropdown-menu:before, .navbar .nav > li.dropdown ul.dropdown-menu:after {
          content: none; }
        .navbar .nav > li.dropdown ul.dropdown-menu > li a {
          padding: 8px 15px 8px 10px;
          font-weight: 400;
          color: #799397; }
          .navbar .nav > li.dropdown ul.dropdown-menu > li a:hover {
            background: none;
            color: #231f20; }
            .navbar .nav > li.dropdown ul.dropdown-menu > li a:hover > i {
              color: #97c33c; }
          .navbar .nav > li.dropdown ul.dropdown-menu > li a:first-child {
            border-bottom: 1px solid #eeeeee; }
          .navbar .nav > li.dropdown ul.dropdown-menu > li a > i {
            margin-right: 5px;
            top: 2px;
            position: relative;
            color: #799397; }
      .navbar .nav > li.add-menu > a {
        font-size: 2rem;
        width: 28px;
        border-bottom: none; }
      .navbar .nav > li.user-img {
        overflow: hidden;
        height: 30px;
        width: 30px;
        border-radius: 4px;
        top: 6px;
        position: relative; }
        @media (max-width: 979px) {
          .navbar .nav > li.user-img {
            display: none; } }
        .navbar .nav > li.user-img a {
          padding: 0;
          height: auto;
          overflow: hidden;
          border-radius: 4px; }
        .navbar .nav > li.user-img img {
          max-width: 105%; }
      .navbar .nav > li > a {
        padding: 10px 0;
        height: 44px;
        font-size: 1.4rem;
        font-weight: 400;
        cursor: pointer; }
        .navbar .nav > li > a > .reputation {
          font-size: 1.2rem;
          color: white; }
        .navbar .nav > li > a:hover, .navbar .nav > li > a:focus {
          background-color: #42424a; }

.navbar-inverse .navbar-nav li label {
  padding: 10px 0; }
  .navbar-inverse .navbar-nav li label a {
    color: #9d9d9d;
    font-weight: normal; }

@media (max-width: 767px) {
  .navbar {
    margin: 0; }
    .navbar .navbar-collapse {
      display: inherit; }
      .navbar .navbar-collapse .nav > li {
        display: inline-block; }
  .navbar-nav .open .dropdown-menu {
    position: absolute;
    top: 100%;
    float: left;
    background: white;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176); }
  .dropdown-pull-left {
    left: -380%; } }

.user-dock {
  position: fixed;
  left: 0;
  right: 0;
  background: #4e4e57;
  z-index: 999;
  top: -106px;
  height: 150px;
  padding: 20px 30px 25px;
  display: block;
  transition: top 0.5s; }
  .user-dock.active {
    top: 44px; }
  @media (max-width: 979px) {
    .user-dock {
      display: none; } }
  .user-dock .col-md-4 {
    border-left: 1px solid #a9abaf;
    padding-left: 30px; }
  .user-dock .user-img {
    border-radius: 9px; }
  .user-dock h2 {
    color: white;
    margin: 0 0 2px; }
  .user-dock h4 {
    font-size: 1.6rem;
    color: #d1d2d4; }
  .user-dock label {
    color: #d1d2d4;
    width: 100%; }
    .user-dock label a {
      color: white; }
  .user-dock ul li {
    color: white; }
    .user-dock ul li a {
      color: white; }
      .user-dock ul li a + span {
        color: white;
        font-style: italic;
        margin-left: 5px; }

.header {
  padding: 59px 15px 15px;
  height: 153px;
  background: white;
  position: relative;
  z-index: 100; }
  .header:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em; }

.logo {
  display: inline-block;
  vertical-align: middle;
  position: relative; }
  .logo img {
    max-width: 300px;
    max-height: 78px; }

.toolbar-wrapper {
  position: absolute;
  top: 60px;
  display: inline-block; }

.search-wrapper {
  position: absolute;
  right: 15px;
  top: 60px;
  display: inline-block; }

.search-block-wrapper {
  display: inline-block; }
  .search-block-wrapper .search-block {
    padding: 12px 0;
    float: left;
    margin-left: 10px;
    width: 245px; }
    @media (max-width: 767px) {
      .search-block-wrapper .search-block {
        width: 185px; } }
    @media (max-width: 358px) {
      .search-block-wrapper .search-block {
        display: none; } }
    .search-block-wrapper .search-block label {
      display: block;
      margin-top: -2px; }
    .search-block-wrapper .search-block .search-field-group {
      position: relative; }
      .search-block-wrapper .search-block .search-field-group input[type="text"] {
        margin: 0;
        padding-left: 32px;
        font-size: 1.2rem; }
      .search-block-wrapper .search-block .search-field-group .twitter-typeahead {
        display: block !important; }
      .search-block-wrapper .search-block .search-field-group .typeahead-toggle {
        padding: 9px 4px 7px;
        position: absolute;
        top: 0px;
        z-index: 9;
        background: none;
        border: none;
        cursor: pointer;
        color: #d1d2d4;
        font-size: 1.8rem;
        line-height: 1.6rem; }
        .search-block-wrapper .search-block .search-field-group .typeahead-toggle.active, .search-block-wrapper .search-block .search-field-group .typeahead-toggle:hover {
          color: #231f20; }
    .search-block-wrapper .search-block .dropdown-menu {
      width: 257px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px; }
      .search-block-wrapper .search-block .dropdown-menu > li > a {
        padding: 3px 12px; }

.search-options {
  display: inline-block;
  margin-left: 15px;
  position: relative;
  vertical-align: top;
  min-width: 100px; }
  .search-options #perform-search {
    margin-top: 2px;
    padding: 5px 0; }
  .search-options #search-advanced.filter-active {
    font-weight: bold;
    color: #5da49c; }
  .search-options .btn-group {
    width: 100%; }
  .search-options .btn-default:hover, .search-options .btn-default:focus, .search-options .btn-default:active, .search-options .btn-default.active {
    box-shadow: none;
    background: #e4e6e6;
    border-color: #c9cdcd; }

.additional-searches {
  padding: 8px;
  border-bottom: 1px solid #eeeeee;
  width: 100%; }

.udfc {
  right: 0; }

.subhead {
  position: absolute;
  z-index: 99;
  width: 100%;
  border-top: 1px solid #b7d577;
  transition: all 400ms cubic-bezier(0, 0, 0.1, 1); }
  .subhead.expanded > .advanced-search {
    -webkit-transform: translate(0);
    transform: translate(0);
    box-shadow: 0 6px 0 rgba(0, 0, 0, 0.15);
    transition-delay: 0.1s; }
    .subhead.expanded > .advanced-search + .stats-bar {
      -webkit-transform: translate(0, -101%);
      transform: translate(0, -101%); }
  .subhead > .advanced-search {
    background: #b7d577;
    position: absolute;
    -webkit-transform: translate(0, -110%);
    transform: translate(0, -110%);
    width: 100%;
    z-index: 11;
    transition: 0.2s ease-in-out-webkit-transform;
    transition: 0.2s ease-in-out transform; }
    .subhead > .advanced-search .dropdown-toggle.filter-active {
      font-weight: bold;
      color: white; }
      .subhead > .advanced-search .dropdown-toggle.filter-active:before {
        content: '';
        display: block;
        position: absolute;
        width: 6px;
        height: 6px;
        background: #5da49c;
        border-radius: 100%;
        left: 3px;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%); }
    .subhead > .advanced-search form {
      margin: 0 0 10px; }
    .subhead > .advanced-search input[type='radio'], .subhead > .advanced-search input[type='checkbox'] {
      opacity: 0;
      position: absolute;
      width: 0;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      -o-user-select: none;
      user-select: none; }
      .subhead > .advanced-search input[type='radio'] + label, .subhead > .advanced-search input[type='checkbox'] + label {
        margin: 0;
        clear: none;
        padding: 5px 0 8px 28px;
        font-size: 1.3rem;
        font-weight: 600;
        line-height: 1.6rem;
        color: #231f20;
        cursor: pointer;
        background: url(/static/img/off.png) left 3px no-repeat; }
      .subhead > .advanced-search input[type='radio'].disabled + label, .subhead > .advanced-search input[type='checkbox'].disabled + label {
        opacity: 0.4;
        cursor: default; }
    .subhead > .advanced-search input[type='radio']:checked + label {
      background-image: url(/static/img/radio.png); }
    .subhead > .advanced-search input[type='checkbox']:checked + label {
      background-image: url(/static/img/check.png); }
    .subhead > .advanced-search input[type="checkbox"] + label {
      color: #f5f9eb;
      font-size: 1.4rem;
      font-weight: 400; }
  .subhead .udfc-search {
    min-width: 940px; }
    @media (min-width: 768px) and (max-width: 991px) {
      .subhead .udfc-search {
        min-width: 600px; } }
    @media (max-width: 767px) {
      .subhead .udfc-search {
        min-width: 350px; } }
    .subhead .udfc-search > span, .subhead .udfc-search > label, .subhead .udfc-search > input {
      display: inline-block;
      float: none;
      vertical-align: middle; }
    .subhead .udfc-search span {
      color: #f5f9eb; }
    .subhead .udfc-search .udfc-label {
      position: relative;
      overflow: hidden;
      width: 160px; }
      .subhead .udfc-search .udfc-label:after {
        content: '\25BC';
        font-size: 1rem;
        margin-left: 12px;
        position: absolute;
        opacity: 0.5;
        pointer-events: none;
        color: white;
        right: 13px;
        top: 7px; }
      .subhead .udfc-search .udfc-label:hover:after {
        opacity: 1; }
    .subhead .udfc-search select, .subhead .udfc-search input.udfc-selector {
      background: #97c33c;
      padding: 8px 33px 3px 15px;
      font-weight: 500;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border: none;
      border-bottom: 1px dashed #f5f9eb;
      outline: none;
      color: white;
      font-size: 1.4rem;
      border-radius: 0;
      cursor: pointer;
      margin: 0 5px; }
      .subhead .udfc-search select:hover, .subhead .udfc-search input.udfc-selector:hover {
        background: #89b036;
        border-color: white; }
      .subhead .udfc-search select[disabled], .subhead .udfc-search input.udfc-selector[disabled] {
        opacity: 0.5;
        cursor: default; }
        .subhead .udfc-search select[disabled]:hover, .subhead .udfc-search input.udfc-selector[disabled]:hover {
          background: #97c33c;
          border-color: 1px dashed #f5f9eb; }
    .subhead .udfc-search input.udfc-selector {
      width: 110px; }
    .subhead .udfc-search #udfc-search-date-from, .subhead .udfc-search #udfc-search-date-to {
      padding: 8px 15px 3px; }
    .subhead .udfc-search select {
      width: 100%; }
      .subhead .udfc-search select option {
        color: black;
        background: white; }
        @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
          .subhead .udfc-search select option {
            color: white;
            background: transparent; } }
    .subhead .udfc-search select::-ms-expand {
      display: none; }
  .subhead > .stats-bar {
    padding: 10px 15px 10px;
    border-left: 8px solid #97c33c;
    font-size: 1.6rem;
    font-weight: 300;
    background: #f5f9eb;
    height: 42px;
    position: relative;
    z-index: 9;
    color: #4c621e;
    width: 100%;
    box-shadow: 0 6px 0 rgba(0, 0, 0, 0.15);
    transition: 0.2s ease-in-out-webkit-transform;
    transition: 0.2s ease-in-out transform; }
    .subhead > .stats-bar span {
      font-weight: bold; }
    .subhead > .stats-bar .half {
      display: inline;
      width: inherit;
      padding: 0px; }
      .subhead > .stats-bar .half label {
        float: right; }
    .subhead > .stats-bar .exportBtn {
      margin-left: 10px;
      margin-top: -2px; }
    .subhead > .stats-bar .addBtn {
      float: right;
      margin-top: -6px;
      margin-left: 8px; }
      .subhead > .stats-bar .addBtn i {
        position: relative;
        left: -4px;
        top: 0; }

.field-group.disabled label, .field-group.disabled input, .field-group.disabled select, .field-group.disabled textarea, .field-group.disabled span, .search-field-wrapper.disabled label, .search-field-wrapper.disabled input, .search-field-wrapper.disabled select, .search-field-wrapper.disabled textarea, .search-field-wrapper.disabled span {
  pointer-events: none;
  opacity: 0.5; }
.field-group.disabled.field-group .search-fields-title, .search-field-wrapper.disabled.field-group .search-fields-title {
  display: none; }
.field-group.disabled .field-disabled-message, .search-field-wrapper.disabled .field-disabled-message {
  margin-top: -15px; }
  .field-group.disabled .field-disabled-message.field-checkbox-message, .search-field-wrapper.disabled .field-disabled-message.field-checkbox-message {
    margin-left: 28px; }

.field-group-message {
  display: none;
  font-weight: 600;
  font-style: italic;
  margin-bottom: 10px;
  font-size: 1.3rem;
  min-width: 300px; }

.search-block-wrapper .field-group-message {
  color: #799397;
  font-size: 1.2rem;
  font-weight: 400; }

.advanced-search .dropdown {
  display: inline-block; }
.advanced-search > .dropdown:first-child {
  border-right: 1px solid #97c33c; }
.advanced-search .dropdown-toggle {
  background: none;
  border: none;
  border-radius: 0;
  color: #f5f9eb;
  padding: 18px 12px; }
  .advanced-search .dropdown-toggle:hover, .advanced-search .dropdown-toggle.hover, .advanced-search .dropdown-toggle:focus, .advanced-search .dropdown-toggle.focus, .advanced-search .dropdown-toggle:active, .advanced-search .dropdown-toggle.active {
    background: #97c33c;
    color: white; }
.advanced-search .open > .dropdown-toggle {
  background: #97c33c;
  color: white; }
  .advanced-search .open > .dropdown-toggle:hover, .advanced-search .open > .dropdown-toggle.hover, .advanced-search .open > .dropdown-toggle:focus, .advanced-search .open > .dropdown-toggle.focus, .advanced-search .open > .dropdown-toggle:active, .advanced-search .open > .dropdown-toggle.active {
    background: #97c33c;
    color: white; }
.advanced-search .dropdown-menu {
  border-radius: 0;
  margin: 0;
  border: none;
  padding: 15px;
  background: #97c33c;
  color: #f5f9eb;
  min-width: 300px;
  max-height: 350px;
  overflow: auto; }
.advanced-search .field-group {
  border-bottom: none; }
.advanced-search label {
  color: #f5f9eb;
  font-size: 1.4rem; }
.advanced-search .search-range {
  margin-bottom: 15px;
  clear: both; }
  .advanced-search .search-range > label {
    display: block; }
  .advanced-search .search-range > .input-group, .advanced-search .search-range > input {
    float: left;
    width: 35%; }
    @media (max-width: 767px) {
      .advanced-search .search-range > .input-group, .advanced-search .search-range > input {
        width: 45%; } }
  .advanced-search .search-range > span {
    float: left;
    margin: 6px 0;
    font-size: 1.3rem;
    width: 30%;
    text-align: center; }
    @media (max-width: 767px) {
      .advanced-search .search-range > span {
        width: 10%; } }
.advanced-search .field-group + .field-group {
  padding-top: 10px;
  border-top: 1px solid #b7d577; }
.advanced-search .form-group:last-child {
  margin-bottom: 0; }
.advanced-search .search-fields-title {
  display: block;
  font-size: 1.4rem;
  font-weight: 600;
  margin-bottom: 10px; }

#missing-data span, #display-filters span {
  display: block; }

#search-fields-Tree {
  min-width: 340px; }

footer {
  border-top: 1px solid #d1d2d4;
  position: fixed;
  background: white;
  width: 100%;
  bottom: 0;
  z-index: 99;
  height: 40px; }
  footer:empty {
    display: none; }
  footer .footer-inner {
    padding: 6px 15px 10px; }
  footer a {
    color: #799397;
    font-weight: 700;
    font-size: 1.2rem; }
    footer a:hover {
      color: #231f20;
      text-decoration: none; }

.modal.modal-warning ul {
  margin-top: 10px; }
.modal.modal-warning ~ .modal-backdrop {
  background: #55555e;
  opacity: 0.8; }
.modal.modal-warning .modal-content {
  border: 2px solid #f0ad4e; }
.modal.modal-warning .modal-header {
  background: #f0ad4e;
  color: white; }
.modal.modal-warning .modal-footer {
  background: #fae3c4; }

.modal.modal-danger ul {
  margin-top: 10px; }
.modal.modal-danger ~ .modal-backdrop {
  background: #55555e;
  opacity: 0.8; }
.modal.modal-danger .modal-content {
  border: 2px solid #df4425; }
.modal.modal-danger .modal-header {
  background: #df4425;
  color: white; }
.modal.modal-danger .modal-footer {
  background: #efa394; }

.modal.modal-primary ul {
  margin-top: 10px; }
.modal.modal-primary ~ .modal-backdrop {
  background: #55555e;
  opacity: 0.8; }
.modal.modal-primary .modal-content {
  border: 2px solid #97c33c; }
.modal.modal-primary .modal-header {
  background: #97c33c;
  color: white; }
.modal.modal-primary .modal-footer {
  background: #cce19e; }

.error-panel {
  background-color: white;
  border-radius: 6px;
  box-shadow: 0 3px 0 gray;
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.35);
  width: 540px;
  margin: 30px auto 15px; }
  @media screen and (max-width: 767px) {
    .error-panel {
      width: auto;
      margin: 30px 20px 15px; } }
  .error-panel h2, .error-panel h3 {
    text-align: center; }
  .error-panel p {
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 2.7rem;
    color: #799397; }
  .error-panel a {
    color: #231f20;
    font-weight: 400; }

.error-icon {
  border-radius: 999px;
  overflow: hidden;
  color: white;
  margin: 0 auto 15px;
  font-size: 7.2rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none; }
  .error-icon.error-icon-sad {
    width: 50px;
    height: 50px;
    padding: 40px;
    background: #d1d2d4;
    padding: 45px 40px 35px; }
  .error-icon.error-icon-img {
    width: 220px;
    height: 220px; }

.errorlist {
  margin: 6px 0 8px;
  padding: 0;
  list-style: none;
  color: red;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.6rem; }
  .errorlist > li {
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.6rem; }

.alert:empty {
  display: none !important; }

/* Ion.RangeSlider
// css version 2.0.3
// © 2013-2014 Denis Ineshin | IonDen.com
// ===================================================================================================================*/
/* =====================================================================================================================
// RangeSlider */
.irs {
  position: relative;
  display: block;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.irs-line {
  position: relative;
  display: block;
  overflow: hidden;
  outline: none !important; }

.irs-line-left, .irs-line-mid, .irs-line-right {
  position: absolute;
  display: block;
  top: 0; }

.irs-line-left {
  left: 0;
  width: 11%; }

.irs-line-mid {
  left: 9%;
  width: 82%; }

.irs-line-right {
  right: 0;
  width: 11%; }

.irs-bar {
  position: absolute;
  display: block;
  left: 0;
  width: 0; }

.irs-bar-edge {
  position: absolute;
  display: block;
  top: 0;
  left: 0; }

.irs-shadow {
  position: absolute;
  display: none;
  left: 0;
  width: 0; }

.irs-slider {
  position: absolute;
  display: block;
  cursor: default;
  z-index: 1; }




.irs-slider.type_last {
  z-index: 2; }

.irs-min {
  position: absolute;
  display: block;
  left: 0;
  cursor: default; }

.irs-max {
  position: absolute;
  display: block;
  right: 0;
  cursor: default; }

.irs-from, .irs-to, .irs-single {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  cursor: default;
  white-space: nowrap; }

.irs-grid {
  position: absolute;
  display: none;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px; }

.irs-with-grid .irs-grid {
  display: block; }

.irs-grid-pol {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 8px;
  background: black; }

.irs-grid-pol.small {
  height: 4px; }

.irs-grid-text {
  position: absolute;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  text-align: center;
  font-size: 9px;
  line-height: 9px;
  padding: 0 3px;
  color: black; }

.irs-disable-mask {
  position: absolute;
  display: block;
  top: 0;
  left: -1%;
  width: 102%;
  height: 100%;
  cursor: default;
  background: rgba(0, 0, 0, 0);
  z-index: 2; }

.irs-disabled {
  opacity: 0.4; }

.irs-hidden-input {
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  outline: none !important;
  z-index: -9999 !important;
  background: none !important;
  border-style: solid !important;
  border-color: transparent !important; }

/* Ion.RangeSlider, Flat UI Skin
// css version 2.0.3
// © Denis Ineshin, 2014    https://github.com/IonDen
// ===================================================================================================================*/
/* =====================================================================================================================
// Skin details */
.irs-line-mid, .irs-line-left, .irs-line-right, .irs-bar, .irs-bar-edge, .irs-slider {
  background: #464646; }

.irs {
  height: 40px; }

.irs-with-grid {
  height: 60px; }

.irs-line {
  height: 12px;
  top: 25px; }

.irs-line-left {
  height: 12px;
  background-position: 0 -30px; }

.irs-line-mid {
  height: 12px;
  background-position: 0 0;
  background-color: #e1e1e1; }

.irs-line-left, .irs-line-right {
  height: 12px;
  background-position: 100% -30px;
  background-color: #e1e1e1; }

.irs-bar {
  height: 12px;
  top: 25px;
  background-position: 0 -60px; }

.irs-bar-edge {
  top: 25px;
  height: 12px;
  width: 9px;
  background-position: 0 -90px; }

.irs-shadow {
  display: none; }

.irs-slider {
  width: 19px;
  height: 19px;
  top: 21px;
  border-radius: 100%;
  background-position: 0 -120px;
  background-color: #97c33c;
  margin-left: 1px; }

.irs-slider.state_hover, .irs-slider:hover {
  background-position: 0 -150px; }

.irs-min, .irs-max {
  color: #999999;
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  top: 0;
  padding: 1px 3px;
  background: #e1e4e9;
  -moz-border-radius: 4px;
  border-radius: 4px;
  display: none; }

.irs-from, .irs-to, .irs-single {
  color: white;
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  background: #5da49c;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.irs-from:after, .irs-to:after, .irs-single:after {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: #5da49c; }

.irs-grid-pol {
  background: #e1e4e9; }

.irs-grid-text {
  color: #999999; }


#streetview {
  width: 200px;
  height: 180px;
  position: absolute;
  left: 20px;
  bottom: 40px;
  background: gray;
  z-index: 10000;
  text-align: center;
  padding: 70px 60px;
  font-size: 1.4rem;
  font-weight: 700;
  color: #aaaaaa;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5); }
  @media (max-width: 767px) {
    #streetview {
      display: none !important; } }

#streetview img {
  border: none !important;
  max-width: none !important; }

.map {
  left: 0;
  background: #d1d2d4;
  position: absolute;
  bottom: 0;
  top: 0;
  right: 350px; }
  @media (max-width: 767px) {
    .map {
      right: 0; } }

.leaflet-control-container .leaflet-right {
  z-index: 9; }
  .leaflet-control-container .leaflet-right .leaflet-control {
    margin-right: 16px; }
.leaflet-control-container .leaflet-left {
  z-index: 9; }
  .leaflet-control-container .leaflet-left .leaflet-control {
    margin-left: 16px; }
.leaflet-control-container .leaflet-top {
  z-index: 9; }
  .leaflet-control-container .leaflet-top .leaflet-control {
    margin-top: 16px; }
.leaflet-control-container .leaflet-bottom {
  z-index: 9; }
  .leaflet-control-container .leaflet-bottom .leaflet-control {
    margin-bottom: 16px; }
.leaflet-control-container .leaflet-bottom.leaflet-right {
  margin: 0 !important; }
  .leaflet-control-container .leaflet-bottom.leaflet-right .leaflet-control {
    margin-right: 0; }

.leaflet-control-layers-toggle {
  background-image: url(/static/img/leaflet/layers.png) !important; }

.leaflet-retina .leaflet-control-layers-toggle {
  background-image: url(/static/img/leaflet/layers-2x.png) !important; }

.leaflet-draw-toolbar a {
  background-image: url(/static/img/leaflet-draw/spritesheet.png) !important; }

.leaflet-retina .leaflet-draw-toolbar a {
  background-image: url(/static/img/leaflet-draw/spritesheet-2x.png) !important; }

.leaflet-control.leaflet-control-attribution {
  margin-bottom: 12px;
  margin-right: 0; }
.leaflet-control.leaflet-control-zoom > a {
  color: black; }
.leaflet-control.leaflet-control-layers .leaflet-control-layers-list {
  margin: 0;
  padding-bottom: 3px; }
.leaflet-control.leaflet-control-layers .leaflet-control-layers-base label {
  font-size: 1.4rem;
  padding: 0 8px;
  margin-bottom: 3px; }
  .leaflet-control.leaflet-control-layers .leaflet-control-layers-base label .leaflet-control-layers-selector {
    margin: 0 4px 0 0; }
    .leaflet-control.leaflet-control-layers .leaflet-control-layers-base label .leaflet-control-layers-selector + span {
      top: 2px;
      position: relative; }

@keyframes pulse {
  0% {
    opacity: 1; }

  30% {
    opacity: 0.5; }

  60% {
    opacity: 1; } }

@-webkit-keyframes pulse {
  0% {
    opacity: 1; }

  30% {
    opacity: 0.5; }

  60% {
    opacity: 1; } }

.leaflet-marker-icon.animated {
  -webkit-animation: pulse 2s infinite;
  -moz-animation: pulse 2s infinite;
  -o-animation: pulse 2s infinite;
  animation: pulse 2s infinite; }

.leaflet-popup-close-button {
  margin-top: 6px;
  margin-right: 4px; }

.leaflet-popup-content {
  margin: 18px 20px; }
  .leaflet-popup-content .popup-content {
    margin-bottom: 15px; }
  .leaflet-popup-content h4 {
    margin: 0 0 0.5em; }
  .leaflet-popup-content table {
    margin: 9px -4px 0 -4px; }
  .leaflet-popup-content th, .leaflet-popup-content td {
    padding: 0 4px; }

.input-group .twitter-typeahead {
  width: 100%;
  float: left; }
  .input-group .twitter-typeahead:first-child {
    border-left-radius: 4px;
    width: 100%; }
  .input-group .twitter-typeahead:last-child {
    border-right-radius: 4px;
    width: 100%; }

.form-inline .twitter-typeahead {
  float: left;
  margin-right: 4px; }

.tt-menu {
  margin-top: 10px;
  padding: 0;
  width: 100%;
  font-size: 1.2rem;
  position: relative;
  border: 1px solid #d1d2d4;
  background: white;
  border-radius: 6px;
  box-shadow: 0px 3px 0px rgba(0, 3, 0, 0.3); }
  .tt-menu:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 10px solid #d1d2d4;
    top: -10px;
    left: 10px; }
  .tt-menu .tt-dataset {
    max-height: 300px;
    overflow: auto;
    cursor: pointer; }
    .tt-menu .tt-dataset .tt-suggestion {
      padding: 8px 10px;
      border-bottom: 1px solid #f1f2f2; }
      .tt-menu .tt-dataset .tt-suggestion.tt-cursor, .tt-menu .tt-dataset .tt-suggestion:hover {
        background-color: #f1f2f2; }
      .tt-menu .tt-dataset .tt-suggestion:last-child {
        border: none; }
      .tt-menu .tt-dataset .tt-suggestion p {
        line-height: 1.6rem;
        margin: 0;
        font-size: 1.2rem; }

.external-help-link {
  font-size: 1.2rem;
  font-weight: 400 !important; }

.canopy-filter {
  background: white;
  padding: 10px; }

.sidebar {
  width: 350px;
  background: #42424a;
  border-left: 1px solid #d1d2d4;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0; }
  @media (max-width: 767px) {
    .sidebar {
      top: 300px;
      width: 100%;
      position: relative; } }
  .sidebar .popover {
    left: 18px !important; }
  .sidebar > div {
    height: 100%;
    overflow: auto; }
    @media (max-width: 767px) {
      .sidebar > div {
        overflow: hidden; } }
  .sidebar .panel {
    border: none;
    margin: 0; }
  .sidebar .panel-group {
    border-radius: 0;
    margin-bottom: 0;
    border: none;
    border-top: 1px solid #2f534f; }
  .sidebar .panel-heading {
    background: #5da49c;
    padding: 0; }
    .sidebar .panel-heading a {
      text-decoration: none;
      color: white;
      box-shadow: 0 3px 6px #41746e;
      box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2) inset;
      background: #53948d;
      padding: 15px;
      font-size: 1.6rem;
      font-weight: 700;
      display: block; }
      .sidebar .panel-heading a.collapsed {
        color: #cfe4e2;
        color: rgba(255, 255, 255, 0.5);
        box-shadow: none;
        background: #5da49c; }
      .sidebar .panel-heading a:hover {
        text-decoration: none;
        color: white;
        box-shadow: 0 3px 6px #41746e;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2) inset;
        background: #53948d; }
  .sidebar .panel-inner {
    padding: 0; }
  .sidebar .panel-body {
    background: white;
    padding: 0; }
    .sidebar .panel-body .panel-body-buttons {
      padding: 10px 15px; }
    .sidebar .panel-body .tree-details-species h3 {
      margin: 0;
      font-size: 2.1rem;
      line-height: 2.7rem; }
    .sidebar .panel-body .tree-details-species h5 {
      font-size: 1.2rem;
      font-weight: 700;
      color: #799397;
      margin-bottom: 15px; }
    .sidebar .panel-body .field-view {
      margin-bottom: 10px; }
  .sidebar .chunk {
    list-style: none;
    padding: 5px 0 5px;
    margin: 0; }

#add-trunk-row {
  border-radius: 99px;
  padding: 2px 5px; }

#details-form {
  padding: 15px 15px 10px;
  margin-bottom: 0; }
  #details-form .benefit-values {
    margin: 0 -15px; }
    #details-form .benefit-values .benefit-value-row:last-child {
      border: none; }
  #details-form .tree-details-species + div[data-class="edit"] span.twitter-typeahead {
    display: block !important; }

#move-plot-buttons {
  padding: 0 15px; }
  #move-plot-buttons > .btn {
    margin-bottom: 15px; }

#add-tree-address {
  width: 195px;
  font-size: 1.4rem; }

.benefit-values .benefit-value-title {
  background: #f1f2f2;
  color: #a2a8a8;
  font-size: 1.2rem;
  font-weight: 700;
  text-transform: uppercase;
  padding: 5px 15px; }
.benefit-values .benefit-value-row {
  border-bottom: 1px solid #f1f2f2;
  padding: 15px; }
  .benefit-values .benefit-value-row:hover {
    background: #fefefe; }
  .benefit-values .benefit-value-row.resource-benefit .benefit-icon {
    background: #add142; }
  .benefit-values .benefit-value-row.resource-benefit .benefit-label {
    color: #add142; }
  .benefit-values .benefit-value-row .benefit-icon {
    padding: 5px;
    background: #8baa3d;
    width: 26px;
    height: 26px;
    border-radius: 999px;
    color: white;
    float: left;
    margin-right: 10px;
    margin-bottom: 0; }
    .benefit-values .benefit-value-row .benefit-icon > i {
      top: -5px;
      font-size: 1.2rem;
      position: relative; }
  .benefit-values .benefit-value-row .benefit-label {
    font-weight: 400;
    font-size: 1.6rem;
    float: left;
    margin: 2px 0 0;
    line-height: 2.1rem;
    color: #8baa3d;
    max-width: 265px; }
  .benefit-values .benefit-value-row .benefit-content {
    clear: both;
    margin: 0 0 0 38px;
    font-size: 1.3rem;
    font-weight: 700;
    color: #799397;
    display: block; }
.benefit-values .benefit-tree-count {
  padding: 15px;
  font-size: 1.2rem;
  font-style: italic;
  line-height: 1.6rem;
  color: #799397; }

#sidebar-scenarios, #sidebar-add-tree, #sidebar-add-resource {
  background: white;
  counter-reset: steps; }
  #sidebar-scenarios > .sidebar-inner > h3, #sidebar-add-tree > .sidebar-inner > h3, #sidebar-add-resource > .sidebar-inner > h3 {
    margin: 20px 20px 15px;
    font-size: 23px; }
    @media (max-width: 767px) {
      #sidebar-scenarios > .sidebar-inner > h3, #sidebar-add-tree > .sidebar-inner > h3, #sidebar-add-resource > .sidebar-inner > h3 {
        padding: 20px 20px 15px;
        margin: 0; } }
  #sidebar-scenarios > .sidebar-inner .add-step-container, #sidebar-add-tree > .sidebar-inner .add-step-container, #sidebar-add-resource > .sidebar-inner .add-step-container {
    position: absolute;
    overflow-x: hidden;
    overflow-y: auto;
    left: 0;
    right: 0;
    bottom: 0;
    top: 60px; }
    @media (max-width: 767px) {
      #sidebar-scenarios > .sidebar-inner .add-step-container, #sidebar-add-tree > .sidebar-inner .add-step-container, #sidebar-add-resource > .sidebar-inner .add-step-container {
        overflow-y: hidden;
        position: relative;
        top: 0; } }
  #sidebar-scenarios > .sidebar-inner .add-step, #sidebar-add-tree > .sidebar-inner .add-step, #sidebar-add-resource > .sidebar-inner .add-step {
    margin: 0;
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    background: white;
    -webkit-transition: 0.6s ease-in-out left;
    transition: 0.6s ease-in-out left; }
    @media (max-width: 767px) {
      #sidebar-scenarios > .sidebar-inner .add-step, #sidebar-add-tree > .sidebar-inner .add-step, #sidebar-add-resource > .sidebar-inner .add-step {
        position: relative; } }
    #sidebar-scenarios > .sidebar-inner .add-step.next, #sidebar-scenarios > .sidebar-inner .add-step.prev, #sidebar-add-tree > .sidebar-inner .add-step.next, #sidebar-add-tree > .sidebar-inner .add-step.prev, #sidebar-add-resource > .sidebar-inner .add-step.next, #sidebar-add-resource > .sidebar-inner .add-step.prev {
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 9; }
    #sidebar-scenarios > .sidebar-inner .add-step.active, #sidebar-add-tree > .sidebar-inner .add-step.active, #sidebar-add-resource > .sidebar-inner .add-step.active {
      left: 0;
      z-index: 10; }
    #sidebar-scenarios > .sidebar-inner .add-step.next, #sidebar-add-tree > .sidebar-inner .add-step.next, #sidebar-add-resource > .sidebar-inner .add-step.next {
      left: 100%; }
    #sidebar-scenarios > .sidebar-inner .add-step.prev, #sidebar-add-tree > .sidebar-inner .add-step.prev, #sidebar-add-resource > .sidebar-inner .add-step.prev {
      left: -100%; }
    #sidebar-scenarios > .sidebar-inner .add-step.inactive, #sidebar-add-tree > .sidebar-inner .add-step.inactive, #sidebar-add-resource > .sidebar-inner .add-step.inactive {
      display: none; }
    #sidebar-scenarios > .sidebar-inner .add-step .add-step-header:before, #sidebar-add-tree > .sidebar-inner .add-step .add-step-header:before, #sidebar-add-resource > .sidebar-inner .add-step .add-step-header:before {
      content: counter(steps) ". ";
      counter-increment: steps; }
    #sidebar-scenarios > .sidebar-inner .add-step .add-step-header, #sidebar-add-tree > .sidebar-inner .add-step .add-step-header, #sidebar-add-resource > .sidebar-inner .add-step .add-step-header {
      background: #f1f2f2;
      color: #344143;
      font-size: 1.2rem;
      font-weight: 700;
      text-transform: uppercase;
      padding: 5px 20px;
      margin: 0; }
    #sidebar-scenarios > .sidebar-inner .add-step .add-step-content, #sidebar-add-tree > .sidebar-inner .add-step .add-step-content, #sidebar-add-resource > .sidebar-inner .add-step .add-step-content {
      padding: 20px;
      position: absolute;
      bottom: 60px;
      top: 30px;
      overflow-y: auto;
      left: 0;
      right: 0; }
      @media (max-width: 767px) {
        #sidebar-scenarios > .sidebar-inner .add-step .add-step-content, #sidebar-add-tree > .sidebar-inner .add-step .add-step-content, #sidebar-add-resource > .sidebar-inner .add-step .add-step-content {
          position: static;
          overflow-y: hidden; } }
      #sidebar-scenarios > .sidebar-inner .add-step .add-step-content h3, #sidebar-add-tree > .sidebar-inner .add-step .add-step-content h3, #sidebar-add-resource > .sidebar-inner .add-step .add-step-content h3 {
        margin: 0;
        line-height: 30px; }
      #sidebar-scenarios > .sidebar-inner .add-step .add-step-content h4, #sidebar-add-tree > .sidebar-inner .add-step .add-step-content h4, #sidebar-add-resource > .sidebar-inner .add-step .add-step-content h4 {
        margin: 0 0 5px; }
      #sidebar-scenarios > .sidebar-inner .add-step .add-step-content h6, #sidebar-add-tree > .sidebar-inner .add-step .add-step-content h6, #sidebar-add-resource > .sidebar-inner .add-step .add-step-content h6 {
        margin: 0 0 15px;
        color: #799397; }
      #sidebar-scenarios > .sidebar-inner .add-step .add-step-content small, #sidebar-add-tree > .sidebar-inner .add-step .add-step-content small, #sidebar-add-resource > .sidebar-inner .add-step .add-step-content small {
        font-size: 1.2rem;
        color: #799397;
        line-height: 2rem;
        margin-bottom: 10px;
        display: block; }
      #sidebar-scenarios > .sidebar-inner .add-step .add-step-content form, #sidebar-add-tree > .sidebar-inner .add-step .add-step-content form, #sidebar-add-resource > .sidebar-inner .add-step .add-step-content form {
        margin: 0; }
      #sidebar-scenarios > .sidebar-inner .add-step .add-step-content select, #sidebar-add-tree > .sidebar-inner .add-step .add-step-content select, #sidebar-add-resource > .sidebar-inner .add-step .add-step-content select {
        font-size: 1.2rem; }
      #sidebar-scenarios > .sidebar-inner .add-step .add-step-content span:not(.input-group-addon), #sidebar-add-tree > .sidebar-inner .add-step .add-step-content span:not(.input-group-addon), #sidebar-add-resource > .sidebar-inner .add-step .add-step-content span:not(.input-group-addon) {
        display: block; }
      #sidebar-scenarios > .sidebar-inner .add-step .add-step-content .twitter-typeahead, #sidebar-add-tree > .sidebar-inner .add-step .add-step-content .twitter-typeahead, #sidebar-add-resource > .sidebar-inner .add-step .add-step-content .twitter-typeahead {
        display: block !important; }
      #sidebar-scenarios > .sidebar-inner .add-step .add-step-content .form-search, #sidebar-add-tree > .sidebar-inner .add-step .add-step-content .form-search, #sidebar-add-resource > .sidebar-inner .add-step .add-step-content .form-search {
        margin: 0; }
      #sidebar-scenarios > .sidebar-inner .add-step .add-step-content .geolocate, #sidebar-add-tree > .sidebar-inner .add-step .add-step-content .geolocate, #sidebar-add-resource > .sidebar-inner .add-step .add-step-content .geolocate {
        font-size: 1.2rem;
        color: #5da49c;
        display: block;
        margin: 5px 0 12px -3px;
        cursor: pointer; }
      #sidebar-scenarios > .sidebar-inner .add-step .add-step-content .resource-question, #sidebar-add-tree > .sidebar-inner .add-step .add-step-content .resource-question, #sidebar-add-resource > .sidebar-inner .add-step .add-step-content .resource-question {
        margin-bottom: 20px;
        border-bottom: solid 1px #799397;
        padding-bottom: 20px; }
        #sidebar-scenarios > .sidebar-inner .add-step .add-step-content .resource-question:last-child, #sidebar-add-tree > .sidebar-inner .add-step .add-step-content .resource-question:last-child, #sidebar-add-resource > .sidebar-inner .add-step .add-step-content .resource-question:last-child {
          border: none;
          margin: 0;
          padding: 0; }
        #sidebar-scenarios > .sidebar-inner .add-step .add-step-content .resource-question .resource-subquestion, #sidebar-add-tree > .sidebar-inner .add-step .add-step-content .resource-question .resource-subquestion, #sidebar-add-resource > .sidebar-inner .add-step .add-step-content .resource-question .resource-subquestion {
          padding-left: 15px;
          border-left: 8px solid #f1f2f2;
          margin-top: 15px; }
          #sidebar-scenarios > .sidebar-inner .add-step .add-step-content .resource-question .resource-subquestion.alert, #sidebar-add-tree > .sidebar-inner .add-step .add-step-content .resource-question .resource-subquestion.alert, #sidebar-add-resource > .sidebar-inner .add-step .add-step-content .resource-question .resource-subquestion.alert {
            border-left: none; }
      #sidebar-scenarios > .sidebar-inner .add-step .add-step-content input[type='radio'], #sidebar-scenarios > .sidebar-inner .add-step .add-step-content input[type='checkbox'], #sidebar-add-tree > .sidebar-inner .add-step .add-step-content input[type='radio'], #sidebar-add-tree > .sidebar-inner .add-step .add-step-content input[type='checkbox'], #sidebar-add-resource > .sidebar-inner .add-step .add-step-content input[type='radio'], #sidebar-add-resource > .sidebar-inner .add-step .add-step-content input[type='checkbox'] {
        opacity: 0;
        position: absolute;
        width: 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none; }
        #sidebar-scenarios > .sidebar-inner .add-step .add-step-content input[type='radio'] + label, #sidebar-scenarios > .sidebar-inner .add-step .add-step-content input[type='checkbox'] + label, #sidebar-add-tree > .sidebar-inner .add-step .add-step-content input[type='radio'] + label, #sidebar-add-tree > .sidebar-inner .add-step .add-step-content input[type='checkbox'] + label, #sidebar-add-resource > .sidebar-inner .add-step .add-step-content input[type='radio'] + label, #sidebar-add-resource > .sidebar-inner .add-step .add-step-content input[type='checkbox'] + label {
          margin: 0;
          clear: none;
          padding: 5px 0 8px 28px;
          font-size: 1.3rem;
          font-weight: 600;
          line-height: 1.6rem;
          color: #231f20;
          cursor: pointer;
          background: url(/static/img/off.png) left 3px no-repeat; }
        #sidebar-scenarios > .sidebar-inner .add-step .add-step-content input[type='radio'].disabled + label, #sidebar-scenarios > .sidebar-inner .add-step .add-step-content input[type='checkbox'].disabled + label, #sidebar-add-tree > .sidebar-inner .add-step .add-step-content input[type='radio'].disabled + label, #sidebar-add-tree > .sidebar-inner .add-step .add-step-content input[type='checkbox'].disabled + label, #sidebar-add-resource > .sidebar-inner .add-step .add-step-content input[type='radio'].disabled + label, #sidebar-add-resource > .sidebar-inner .add-step .add-step-content input[type='checkbox'].disabled + label {
          opacity: 0.4;
          cursor: default; }
      #sidebar-scenarios > .sidebar-inner .add-step .add-step-content input[type='radio']:checked + label, #sidebar-add-tree > .sidebar-inner .add-step .add-step-content input[type='radio']:checked + label, #sidebar-add-resource > .sidebar-inner .add-step .add-step-content input[type='radio']:checked + label {
        background-image: url(/static/img/radio.png); }
      #sidebar-scenarios > .sidebar-inner .add-step .add-step-content input[type='checkbox']:checked + label, #sidebar-add-tree > .sidebar-inner .add-step .add-step-content input[type='checkbox']:checked + label, #sidebar-add-resource > .sidebar-inner .add-step .add-step-content input[type='checkbox']:checked + label {
        background-image: url(/static/img/check.png); }
    #sidebar-scenarios > .sidebar-inner .add-step .add-step-footer, #sidebar-add-tree > .sidebar-inner .add-step .add-step-footer, #sidebar-add-resource > .sidebar-inner .add-step .add-step-footer {
      margin: 0;
      padding: 0 20px;
      border-top: 1px solid #f1f2f2;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0; }
      @media (max-width: 767px) {
        #sidebar-scenarios > .sidebar-inner .add-step .add-step-footer, #sidebar-add-tree > .sidebar-inner .add-step .add-step-footer, #sidebar-add-resource > .sidebar-inner .add-step .add-step-footer {
          position: relative; } }
      #sidebar-scenarios > .sidebar-inner .add-step .add-step-footer .counter, #sidebar-add-tree > .sidebar-inner .add-step .add-step-footer .counter, #sidebar-add-resource > .sidebar-inner .add-step .add-step-footer .counter {
        position: absolute;
        top: 18px;
        font-size: 1.4rem;
        left: 0;
        right: 0;
        text-align: center; }
      #sidebar-scenarios > .sidebar-inner .add-step .add-step-footer .pager, #sidebar-add-tree > .sidebar-inner .add-step .add-step-footer .pager, #sidebar-add-resource > .sidebar-inner .add-step .add-step-footer .pager {
        position: relative;
        margin: 13px 0; }
      #sidebar-scenarios > .sidebar-inner .add-step .add-step-footer .footer-step-number:before, #sidebar-add-tree > .sidebar-inner .add-step .add-step-footer .footer-step-number:before, #sidebar-add-resource > .sidebar-inner .add-step .add-step-footer .footer-step-number:before {
        content: counter(steps); }
  #sidebar-scenarios .cancelBtn.small, #sidebar-add-tree .cancelBtn.small, #sidebar-add-resource .cancelBtn.small {
    position: relative;
    font-size: 2.4rem;
    top: 0;
    right: 20px;
    opacity: 0.5; }
    @media (max-width: 767px) {
      #sidebar-scenarios .cancelBtn.small, #sidebar-add-tree .cancelBtn.small, #sidebar-add-resource .cancelBtn.small {
        top: 18px; } }

#comments-container ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  #comments-container ul:last-of-type {
    margin-bottom: 20px; }
  #comments-container ul > li {
    padding: 15px;
    border: 1px solid #eeeeee;
    border-radius: 9px;
    margin-bottom: 10px; }
    #comments-container ul > li > ul {
      margin: 15px 0 10px !important; }
    #comments-container ul > li .deactive {
      opacity: 0.5; }
    #comments-container ul > li .comment_info {
      font-size: 1.2rem; }
      #comments-container ul > li .comment_info .comment_user {
        float: left; }
      #comments-container ul > li .comment_info .comment_data {
        float: right; }
        #comments-container ul > li .comment_info .comment_data div {
          display: inline; }
    #comments-container ul > li .comment_text {
      clear: both;
      padding-top: 5px; }
#comments-container .submit {
  margin-top: 10px; }

#id_comment {
  width: 100%;
  height: 100px; }

#diameter-calculator {
  width: 100%;
  margin: 0; }
  #diameter-calculator + a {
    font-weight: 300;
    font-size: 1.2rem;
    margin-bottom: 10px;
    display: block; }
    #diameter-calculator + a > i {
      margin-right: 5px; }
  #diameter-calculator th {
    font-size: 1em;
    font-weight: 300; }
  #diameter-calculator tr td {
    width: 50%; }
  #diameter-calculator input {
    margin: 0; }

#sidebar-add-tree #diameter-calculator tr td input {
  max-width: 100px; }

#diameter-calculator-total-row {
  margin-top: 5px;
  margin-bottom: 5px;
  font-style: italic;
  color: #799397; }

[data-field="tree.diameter"] #diameter-video > i {
  margin-right: 6px; }

.tree-details h3 {
  color: #56abb2;
  font-size: 2.4rem;
  font-weight: 300;
  line-height: 3rem;
  margin: 25px 0 10px; }
.tree-details .detail-header {
  height: 85px;
  margin-bottom: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none; }
  .tree-details .detail-header .common-name {
    margin-bottom: 5px;
    line-height: 3.2rem; }
    .tree-details .detail-header .common-name > #favorite-star {
      font-size: 2.1rem;
      line-height: 3.6rem;
      cursor: pointer; }
      .tree-details .detail-header .common-name > #favorite-star.favorited {
        color: #e0c122; }
  .tree-details .detail-header .address {
    color: #799397;
    font-size: 1.4rem; }
  .tree-details .detail-header .share {
    float: right;
    margin-right: 5px; }

#map-feature-form {
  margin-top: 0; }
  #map-feature-form table > tbody > tr > td:first-child {
    width: 45%;
    vertical-align: middle; }
  #map-feature-form table > tbody > tr.diameter-row td:first-child {
    vertical-align: top; }
  #map-feature-form #resource-details table > tbody > tr > td:first-child {
    width: 65%;
    vertical-align: middle; }
  #map-feature-form .multiselect.dropdown-toggle {
    max-width: 270px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    padding-right: 24px; }
    #map-feature-form .multiselect.dropdown-toggle > b.caret {
      position: absolute;
      right: 12px;
      top: 15px; }

.map-small, .street-view-small {
  background: #d1d2d4;
  width: auto;
  height: 220px;
  min-width: 100%;
  margin-bottom: 15px;
  border-radius: 9px; }

.street-view-small {
  height: 440px; }
  .street-view-small .street-view-small img {
    max-width: none; }

#sidebar {
  margin-top: 20px; }

#tree-photo-thumbnails {
  max-height: 50px; }
  #tree-photo-thumbnails > div {
    overflow: hidden; }
    #tree-photo-thumbnails > div .carousel-indicators {
      display: inline-block;
      position: static;
      margin: 0;
      white-space: nowrap;
      height: 50px;
      width: auto; }
      #tree-photo-thumbnails > div .carousel-indicators:empty {
        display: none; }
      #tree-photo-thumbnails > div .carousel-indicators li {
        text-indent: 0;
        border: 1px solid #f1f2f2;
        width: 48px;
        height: 48px;
        border-radius: 4px;
        margin-left: 0;
        margin-right: 5px;
        overflow: hidden;
        opacity: 0.65;
        cursor: pointer;
        float: none;
        display: inline-block; }
        #tree-photo-thumbnails > div .carousel-indicators li.active {
          opacity: 1; }
        #tree-photo-thumbnails > div .carousel-indicators li:hover {
          opacity: 0.9; }
        #tree-photo-thumbnails > div .carousel-indicators li img {
          height: 50px;
          margin: 0 auto;
          display: block;
          max-width: none;
          min-width: 50px; }

#photo-carousel .carousel-inner {
  margin-bottom: 10px;
  height: 225px;
  overflow: hidden;
  border: none;
  background: #e4e6e6;
  border-radius: 9px; }
  #photo-carousel .carousel-inner .item img {
    width: auto;
    height: auto;
    margin: 0 auto; }
#photo-carousel > a.carousel-control {
  left: 0;
  width: 50px;
  height: 50px;
  margin-top: -25px;
  font-size: 4rem;
  line-height: normal;
  text-align: center;
  background: transparent;
  border: none;
  display: block;
  border-radius: 0;
  opacity: 0.5;
  color: #42424a;
  top: 38%; }
  #photo-carousel > a.carousel-control.right {
    left: auto;
    right: 5px; }
  #photo-carousel > a.carousel-control:hover {
    opacity: 0.9;
    color: #42424a; }
  #photo-carousel > a.carousel-control.disabled {
    opacity: 0.05; }
    #photo-carousel > a.carousel-control.disabled:hover {
      opacity: 0.05;
      color: #42424a; }
  #photo-carousel > a.carousel-control > i {
    display: block; }
#photo-carousel + button {
  position: absolute;
  top: 190px;
  left: 22px;
  opacity: 0.85;
  background: black;
  opacity: 0.5;
  width: auto;
  background: black;
  color: white;
  border: none;
  transition: opacity 0.3s;
  z-index: 999;
  padding: 5px 12px;
  font-size: 1.2rem !important;
  border-radius: 6px; }
  #photo-carousel + button:hover {
    opacity: 0.85;
    background: black; }
#photo-carousel:hover + button {
  opacity: 0.85;
  background: black; }

.login-signup-panel {
  background-color: white;
  border-radius: 6px;
  box-shadow: 0 3px 0 gray;
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.35);
  width: 540px;
  margin: 30px auto 15px; }
  @media screen and (max-width: 767px) {
    .login-signup-panel {
      width: auto;
      margin: 30px 20px 15px; } }
  .login-signup-panel p.margin-top {
    margin-top: 15px; }
  .login-signup-panel p.margin-bottom {
    margin-bottom: 15px; }
  .login-signup-panel legend {
    padding: 0 20px 15px 20px;
    font-size: 2.4rem;
    font-weight: 300;
    color: #231f20;
    margin: 0 -20px 20px -20px;
    box-sizing: content-box; }
    .login-signup-panel legend > a {
      font-size: 1.4rem;
      color: #97c33c;
      line-height: 4.4rem; }
      .login-signup-panel legend > a:hover {
        color: #7a9c30; }
  .login-signup-panel form div.field {
    margin-bottom: 10px; }
    .login-signup-panel form div.field > a {
      font-size: 1.4rem;
      color: #97c33c; }
    .login-signup-panel form div.field > label:after {
      content: ''; }
    .login-signup-panel form div.field > input {
      clear: both;
      width: 100%; }
  .login-signup-panel form div.required > label:after {
    content: ' *'; }
  .login-signup-panel form div.field-left {
    display: inline-block;
    width: 49%;
    padding-right: 8px; }
  .login-signup-panel form div.field-right {
    display: inline-block;
    width: 50%;
    padding-left: 8px; }
  .login-signup-panel form div.section-header {
    font-size: 1.6rem;
    font-weight: bold;
    margin-top: 15px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 10px;
    padding-bottom: 5px;
    color: #97c33c; }
  .login-signup-panel form button.btn {
    margin: 0 auto;
    display: block;
    padding: 10px 26px !important; }

.have-account {
  font-size: 1.4rem; }

.signup-option {
  text-align: center;
  vertical-align: middle;
  border: none;
  background-color: #42424a;
  margin-top: 15px; }
  .signup-option h3 {
    margin-bottom: 0;
    color: white;
    text-align: left;
    display: inline-block;
    top: 3px;
    position: relative; }
  .signup-option a {
    margin-left: 20px; }

.profile-photo-upload {
  padding: 5px;
  border: 1px solid #eeeeee;
  border-radius: 3px; }

label[for="id_allow_email_contact"] {
  width: 85%;
  margin-bottom: 15px; }

label[for="id_make_info_public"] {
  width: 85%;
  margin: 15px 0 5px; }

#id_allow_email_contact, #id_make_info_public {
  float: left;
  width: 15px;
  clear: none;
  margin: 2px 10px 0 0; }

#id_make_info_public {
  margin-top: 17px; }

@media (max-width: 767px) {
  .login-signup-panel {
    width: auto;
    margin: 30px 20px 15px; } }

.create-map-progress {
  padding: 15px 20px;
  background: #f1f2f2;
  border: 1px solid #d1d2d4;
  border-radius: 6px;
  margin-top: 5px; }
  .create-map-progress .nav {
    margin-bottom: 0; }
    .create-map-progress .nav li a {
      padding: 0 0 9px;
      margin: 0 0 5px -2px;
      font-weight: 700;
      width: 95px;
      font-size: 1.2rem;
      text-align: left;
      border-radius: 0;
      color: #a4b6b8;
      border-bottom: 6px solid white; }
      .create-map-progress .nav li a:hover, .create-map-progress .nav li a:focus {
        background-color: transparent;
        color: #799397;
        border-bottom: 6px solid #cce19e; }
      .create-map-progress .nav li a.error-on-tab {
        border-bottom: 6px solid #e97d68 !important;
        color: #df4425 !important; }
    .create-map-progress .nav li.active a, .create-map-progress .nav li.active a:hover, .create-map-progress .nav li.active a:focus {
      background-color: transparent;
      color: #231f20;
      border-bottom: 6px solid #97c33c; }

.create-map-header {
  clear: both;
  border-bottom: 1px solid #f1f2f2;
  padding: 0 25px 10px;
  margin: 0 -25px; }
  .create-map-header h2 {
    margin-bottom: 5px; }

.create-map-body {
  margin: 20px 0;
  position: relative;
  min-height: 525px; }
  #confirm .create-map-body {
    min-height: 350px; }
  .create-map-body h4.text-muted {
    line-height: 2.1rem; }
  .create-map-body legend {
    font-size: 1.6rem;
    font-weight: bold;
    color: #97c33c;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 10px;
    padding-bottom: 5px; }
  .create-map-body .create-map-search {
    width: 300px;
    position: absolute;
    z-index: 99;
    top: 15px;
    left: 55px;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.35);
    border-radius: 6px; }
  .create-map-body .create-instance-map {
    width: 100%;
    height: 500px; }
    .create-map-body .create-instance-map .leaflet-control-container .leaflet-bottom .leaflet-control {
      margin-bottom: 0; }
  .create-map-body .summary-value {
    margin-bottom: 12px; }

.create-instance-footer {
  padding-top: 15px;
  border-top: 1px solid #f1f2f2;
  margin-top: 20px; }
  .create-instance-footer .btn {
    margin-bottom: 5px; }
  .create-instance-footer small {
    clear: both;
    display: block;
    font-size: 1.2rem;
    color: #799397; }

.plan-cost-note {
  color: #aaaaaa;
  font-size: 12px; }

#pricing-summary {
  position: relative;
  top: 20px;
  left: 60px; }
  #pricing-summary h5 {
    padding-bottom: 8px;
    border-bottom: 1px solid #dee4e5; }
  #pricing-summary dl {
    margin: 5px 0 16px; }
    #pricing-summary dl dt {
      font-weight: 700;
      font-size: 1.2rem;
      margin-bottom: 2px; }
    #pricing-summary dl dd {
      margin-left: 0;
      font-weight: 300; }

#price-table {
  margin: 0 15px; }
  #price-table otm-pricing-overview {
    right: 0;
    top: 0; }

#temporarily-disabled {
  background: white;
  background: rgba(255, 255, 255, 0.75);
  width: 98%;
  height: 715px;
  position: absolute;
  z-index: 99;
  top: 110px; }
  #temporarily-disabled h3 {
    text-align: center;
    margin: 150px auto 0;
    padding: 20px;
    background: white;
    background: rgba(255, 255, 255, 0.5);
    display: block;
    width: 85%; }
  #temporarily-disabled .btn {
    margin: 0 auto;
    width: 250px;
    padding: 22px 25px 25px;
    font-size: 2.8rem;
    display: block; }

.account-info h1 {
  line-height: 1.6rem;
  margin: 0 0 5px;
  font-size: 2.4rem; }
  .account-info h1 small {
    font-size: 1.4rem;
    color: #8f9296;
    display: block;
    line-height: 3.6rem;
    font-weight: 300; }
.account-info .user-photo-container {
  max-width: 80%;
  border-radius: 9px;
  overflow: hidden;
  max-height: 175px;
  position: relative;
  margin-bottom: 20px; }
  .account-info .user-photo-container > img {
    width: 100%; }
  .account-info .user-photo-container > button.add-photos {
    position: absolute;
    bottom: 6px;
    left: 6px;
    opacity: 0.5;
    width: auto;
    background: black;
    color: white;
    border: none;
    transition: opacity 0.3s;
    z-index: 999;
    padding: 5px 12px;
    font-size: 1.2rem !important;
    border-radius: 6px; }
  .account-info .user-photo-container:hover > button.add-photos {
    opacity: 0.85;
    background: black; }

#user-form {
  margin: 20px 0 0; }
  #user-form label {
    color: #8f9296;
    font-weight: 700;
    margin-bottom: 2px;
    width: 100%; }
  #user-form .field-view {
    margin-bottom: 15px;
    font-weight: 300; }
  #user-form [data-field="user.make_info_public"][data-class="edit"], #user-form [data-field="user.allow_email_contact"][data-class="edit"] {
    float: left;
    padding-right: 10px;
    margin-top: -5px; }

#recent-user-edits {
  font-size: 1.2rem; }

.profile .profile-tabs {
  height: 85px;
  margin-bottom: 25px; }
  .profile .profile-tabs .nav.nav-tabs {
    border: none;
    float: right; }
    .profile .profile-tabs .nav.nav-tabs li {
      border-left: 1px solid #a4b6b8;
      padding-left: 10px;
      margin-left: 20px;
      position: relative; }
      .profile .profile-tabs .nav.nav-tabs li.active:before {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 15px solid white;
        bottom: -25px;
        left: 20px; }
      .profile .profile-tabs .nav.nav-tabs li.active a {
        color: #231f20; }
      .profile .profile-tabs .nav.nav-tabs li.active .number {
        font-weight: 700;
        color: #5da49c; }
      .profile .profile-tabs .nav.nav-tabs li a {
        border: none;
        background: none;
        font-weight: 400;
        font-size: 1.4rem;
        color: #a4b6b8; }
      .profile .profile-tabs .nav.nav-tabs li .number {
        display: block;
        font-weight: 700;
        font-size: 2.4rem;
        line-height: 2.4rem;
        margin: 0;
        min-height: 20px; }
.profile .tab-content {
  overflow: visible; }

#favorites ol {
  list-style-type: none;
  -webkit-padding-start: 0; }
  #favorites ol li {
    border-top: solid 1px #dddddd;
    padding: 8px; }
    #favorites ol li:hover {
      background-color: whitesmoke; }
#favorites img {
  float: left;
  width: 50px;
  height: 50px;
  border-radius: 9px;
  margin-right: 10px; }
#favorites .no-photo {
  float: left;
  width: 50px;
  height: 50px;
  border-radius: 9px;
  margin-right: 10px;
  border-color: #dddddd;
  border-style: solid;
  border-width: 1px;
  background-color: #f1f2f2; }
  #favorites .no-photo i {
    font-size: 18px;
    line-height: 48px;
    display: block;
    text-align: center;
    opacity: 0.3; }

#management .management-container {
  display: block;
  position: absolute;
  top: 48px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  background-color: #f1f4f9 !important; }
  @media (min-width: 768px) {
    #management .management-container {
      top: 44px; } }
  #management .management-container .management-sidebar {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: #3d404f;
    overflow: hidden;
    width: 250px;
    transition: width 500ms ease-in-out; }
    #management .management-container .management-sidebar td:first-child {
      min-width: 47px; }
    #management .management-container .management-sidebar td:not(:first-child) {
      width: 200px;
      transition: width 500ms ease-in-out; }
    #management .management-container .management-sidebar .full-section {
      overflow: hidden; }
    #management .management-container .management-sidebar .map-switcher {
      background-color: #5da49c;
      height: 49px;
      width: 100%; }
      #management .management-container .management-sidebar .map-switcher .brand-icon-container {
        width: 47px; }
        #management .management-container .management-sidebar .map-switcher .brand-icon-container .brand-icon {
          border-radius: 50%;
          width: 30px;
          height: 30px;
          padding: 4px;
          margin-left: 6px;
          background-color: #97c33c; }
          #management .management-container .management-sidebar .map-switcher .brand-icon-container .brand-icon i {
            color: white; }
      #management .management-container .management-sidebar .map-switcher .brand {
        color: white;
        padding: 0.5em 0.5em 0.5em 0; }
    #management .management-container .management-sidebar .nav.nav-list {
      width: 100%; }
      #management .management-container .management-sidebar .nav.nav-list .label-notification {
        background-color: #5da49c;
        border-radius: 9px;
        display: inline-block;
        vertical-align: middle;
        margin-top: -3px;
        padding: 0.3em 0.6em; }
        #management .management-container .management-sidebar .nav.nav-list .label-notification:empty {
          display: none; }
        #management .management-container .management-sidebar .nav.nav-list .label-notification.role-label {
          background-color: #d8c161; }
      #management .management-container .management-sidebar .nav.nav-list ul {
        padding-left: 16px; }
        #management .management-container .management-sidebar .nav.nav-list ul li.active a {
          color: white; }
        #management .management-container .management-sidebar .nav.nav-list ul li a {
          padding: 10px 0 0 0;
          white-space: nowrap; }
          #management .management-container .management-sidebar .nav.nav-list ul li a:hover {
            background-color: transparent;
            color: white; }
          #management .management-container .management-sidebar .nav.nav-list ul li a .label-notification {
            position: static; }
      #management .management-container .management-sidebar .nav.nav-list tr {
        padding: 10px 0;
        display: block;
        width: 100%;
        position: relative; }
        #management .management-container .management-sidebar .nav.nav-list tr:hover {
          background-color: rgba(255, 255, 255, 0.1); }
          #management .management-container .management-sidebar .nav.nav-list tr:hover i.link-icon, #management .management-container .management-sidebar .nav.nav-list tr:hover a.section-title {
            color: white; }
        #management .management-container .management-sidebar .nav.nav-list tr.active i.link-icon, #management .management-container .management-sidebar .nav.nav-list tr.active a.section-title {
          color: white; }
        #management .management-container .management-sidebar .nav.nav-list tr td:first-child {
          vertical-align: top; }
        #management .management-container .management-sidebar .nav.nav-list tr .section-title {
          cursor: pointer;
          width: 100%;
          display: block;
          padding: 0;
          margin-top: 4px;
          white-space: nowrap; }
          #management .management-container .management-sidebar .nav.nav-list tr .section-title i {
            position: absolute;
            right: 5px; }
        #management .management-container .management-sidebar .nav.nav-list tr a {
          font-weight: 400;
          font-size: 1.3rem;
          padding: 12px 0;
          color: rgba(255, 255, 255, 0.6); }
        #management .management-container .management-sidebar .nav.nav-list tr i {
          color: rgba(255, 255, 255, 0.5);
          padding: 0 12px; }
        #management .management-container .management-sidebar .nav.nav-list tr .label-notification {
          position: absolute;
          left: 18px;
          top: 28px; }
  #management .management-container .management-content {
    position: absolute;
    top: 0;
    left: 250px;
    bottom: 0;
    right: 0;
    transition: left 500ms ease-in-out; }
    #management .management-container .management-content .page-header {
      background-color: #55555e;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 50px;
      margin: 0;
      color: white;
      line-height: 50px;
      border-bottom-color: #83848b; }
      #management .management-container .management-content .page-header .toggle {
        cursor: pointer; }
      #management .management-container .management-content .page-header h1 {
        display: inline-block;
        margin: 0 auto;
        width: 100%;
        font-size: 16px;
        font-weight: 100; }
      #management .management-container .management-content .page-header .spinner {
        background: white;
        border-radius: 50%;
        margin-right: 5px; }
    #management .management-container .management-content .content {
      position: absolute;
      top: 50px;
      left: 0;
      right: 0;
      bottom: 0;
      overflow-y: auto;
      padding: 16px 16px 0;
      margin-bottom: 40px; }
      #management .management-container .management-content .content:after {
        content: '';
        position: relative;
        display: block;
        width: 100%;
        height: 16px; }
      @media (max-width: 768px) {
        #management .management-container .management-content .content {
          top: 105px; } }
#management.slim {
  vertical-align: top; }
  #management.slim .tab-list, #management.slim .brand-icon {
    width: 25px; }
    #management.slim .tab-list .full-section, #management.slim .brand-icon .full-section {
      height: 22px;
      width: 0%;
      transition: width 500ms ease-in-out; }
  #management.slim .management-content {
    left: 50px;
    transition: left 500ms ease-in-out; }
  #management.slim .management-sidebar {
    width: 50px;
    transition: width 500ms ease-in-out; }
#management .role-table-fixed {
  width: 25%;
  float: left;
  clear: left;
  border-right: 1px solid #eeeeee;
  margin-bottom: 10px; }
  #management .role-table-fixed td {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
#management .role-table {
  table-layout: fixed; }
  #management .role-table tr.active, #management .role-table tr.active:hover {
    background-color: #e0c122;
    background-color: rgba(224, 193, 34, 0.75); }
    #management .role-table tr.active > td, #management .role-table tr.active:hover > td {
      background: none; }
  #management .role-table tr th {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
#management .role-table-scroll {
  width: 75%;
  float: left;
  overflow-x: scroll;
  margin-bottom: 10px; }
  #management .role-table-scroll .role-table {
    min-width: 100%;
    width: auto !important; }
  #management .role-table-scroll th {
    min-width: 200px;
    max-width: 200px; }
#management .admin-table th {
  background: #dfe2e8;
  text-transform: uppercase;
  padding: 20px 10px 20px 15px;
  font-size: 1.3rem; }
  #management .admin-table th > a {
    color: #89b036;
    text-decoration: none; }
    #management .admin-table th > a:after {
      content: '\e9e8';
      font-family: "fontello";
      font-style: normal;
      font-weight: normal;
      display: inline-block;
      text-decoration: inherit;
      width: 1em;
      margin-right: 0.2em;
      text-align: center;
      font-variant: normal;
      text-transform: none;
      line-height: 1em;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
  #management .admin-table th.disabled > a {
    opacity: 0.5; }
  #management .admin-table th .dropdown-menu {
    text-transform: none; }
#management .admin-table tr {
  background-color: white; }
  #management .admin-table tr:hover {
    background-color: #f1f2f2; }
#management .admin-table td {
  padding: 12px 10px 12px 15px;
  vertical-align: middle; }
#management .admin-table select {
  margin: -2px 0; }
#management .admin-table .field-view {
  color: inherit;
  margin: inherit;
  top: inherit; }
#management .messages:empty, #management .text-danger:empty {
  display: none !important; }
#management .messages > ul, #management .messages > p, #management .text-danger > ul, #management .text-danger > p {
  margin: 0; }
#management #photo-review-container .photo-review-item {
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }
  #management #photo-review-container .photo-review-item .thumbnail {
    display: inline-block;
    margin-bottom: 0;
    width: 150px;
    height: 150px;
    position: relative; }
    #management #photo-review-container .photo-review-item .thumbnail img {
      width: auto;
      height: auto;
      max-width: 140px;
      max-height: 140px;
      margin: auto;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0; }
#management .alert {
  padding: 15px; }
  #management .alert .role-fields-alert {
    line-height: 40px; }
#management .field-view {
  margin-bottom: 20px;
  top: 4px;
  position: relative;
  color: #799397; }
#management #payment-form select {
  margin-left: 1px; }
#management .well .well-header {
  margin: 0 0 20px;
  height: auto;
  padding-bottom: 9px;
  border-bottom: 1px solid #dddddd; }
#management .well h4 {
  color: #333333;
  font-size: 1.75rem;
  font-weight: 500;
  margin: 0 0 10px 0; }
  #management .well h4 > .btn {
    margin-left: 6px; }
#management .well .choice-title label {
  margin-top: 2px; }
#management .well .choice-options {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #dddddd; }
#management label:not(.checkbox) {
  color: #42424a;
  font-weight: 600;
  text-transform: uppercase; }
#management .management-header {
  color: #53948d;
  font-size: 1.6rem;
  font-weight: 400;
  text-transform: uppercase;
  margin-top: 30px; }
  #management .management-header:first-of-type {
    margin-top: 0; }
#management .form-horizontal > .form-group:last-of-type {
  margin-bottom: 0; }
#management .management-nav {
  margin: -16px;
  margin-bottom: 16px;
  padding-left: 16px;
  padding-top: 4px;
  background-color: #65656d; }
  #management .management-nav li > a {
    color: white;
    border-bottom: none; }
  #management .management-nav li.active > a, #management .management-nav li:hover > a {
    color: #555555;
    background-color: #f1f4f9; }
#management .management-toggle {
  background-color: #64656d;
  margin: -16px;
  margin-bottom: 16px; }
  #management .management-toggle .management-toggle-section {
    padding: 16px; }
    #management .management-toggle .management-toggle-section .close {
      color: white; }
    #management .management-toggle .management-toggle-section .management-search {
      border-bottom: solid 1px white;
      width: calc(100% - 30px);
      position: relative; }
      #management .management-toggle .management-toggle-section .management-search input {
        border: none;
        background: none;
        box-shadow: none;
        color: white; }
      #management .management-toggle .management-toggle-section .management-search button {
        position: absolute;
        right: 5px;
        bottom: 5px;
        color: #dddddd;
        font-size: 14px;
        background: none;
        border: none; }
        #management .management-toggle .management-toggle-section .management-search button:focus {
          outline: none; }

.management {
  min-height: 650px; }
  .management .table select {
    margin: 0; }
  .management #instances table > tbody > tr > td:first-child, .management #instances table > tbody > tr th:first-child {
    max-width: 140px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .management input {
    width: 50%;
    margin-bottom: 8px; }
  .management textarea {
    width: 80%;
    height: 20em; }

@media (max-width: 768px) {
  .management-content .page-header {
    height: auto;
    z-index: 1;
    padding-bottom: 0; } }
.management-content .page-header .page-header-title {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0; }
  @media (max-width: 768px) {
    .management-content .page-header .page-header-title {
      text-align: left;
      padding-left: 10px;
      padding-right: 10px;
      float: left;
      position: relative; } }
.management-content .page-header .page-header-toggles {
  float: left;
  left: 10px;
  z-index: 1;
  position: relative; }
  @media (max-width: 768px) {
    .management-content .page-header .page-header-toggles {
      left: 0;
      padding: 0 10px; } }
.management-content .page-header .page-header-actions {
  position: relative;
  right: 10px;
  float: right;
  z-index: 1; }
  @media (max-width: 768px) {
    .management-content .page-header .page-header-actions {
      float: none;
      right: 0;
      padding-left: 10px;
      padding-right: 10px;
      clear: both;
      background: white; } }

.field-group {
  margin-bottom: 10px;
  border-bottom: 1px solid #cccccc; }
  .field-group > label {
    color: #5da49c;
    font-size: 1.4rem; }
  .field-group.edit {
    border: 1px dashed #dddddd;
    background-color: white; }
    .field-group.edit .field-row {
      border: 1px dashed #dddddd; }
    .field-group.edit .enabled-fields .field-row {
      background-color: #f7f3df; }
  .field-group .group-header {
    background-color: #cccccc;
    padding: 3px; }
    .field-group .group-header .group-controls {
      display: inline-block;
      border-right: 1px solid #bbbbbb;
      margin-right: 10px;
      padding: 5px; }
  .field-group .disabled-fields .field-controls {
    display: none !important; }
  .field-group .handle {
    cursor: move; }

.field-controls i, .group-controls i {
  opacity: 0.8;
  font-size: 1.2rem; }
  .field-controls i:hover, .group-controls i:hover {
    opacity: 1; }

.field-row {
  background-color: white;
  border-radius: 5px;
  color: #424242;
  padding: 1rem 1.5rem;
  margin: 0.5rem; }
  .field-row .field-controls {
    display: inline-block; }
  .field-row input {
    width: auto; }
  .field-row label.checkbox {
    margin: 0; }

.field-row-container {
  list-style-type: none;
  clear: right; }

.view-module-icon {
  width: 40px;
  margin-right: 15px; }

.active-modules .field-row:not(.active-module) {
  opacity: 0.5; }
  .active-modules .field-row:not(.active-module) .module-added {
    display: none; }

.module-added {
  display: inline-block;
  background-color: #acd043;
  color: white;
  padding: 5px 10px;
  width: 90px;
  margin-top: 5px;
  text-align: center;
  border-radius: 4px; }

#modal-preview label + p {
  margin-top: -3px; }

#add-udf-panel .modal-dialog, #add-udf-panel .col-xs-12, #add-udf-panel .col-xs-6, #add-udf-panel .col-xs-0 {
  transition: width 0.5s ease, margin 0.5s ease, padding 0.5s ease; }
#add-udf-panel #udf-create-choices {
  overflow: hidden; }
  #add-udf-panel #udf-create-choices.col-xs-0 {
    width: 0; }
  #add-udf-panel #udf-create-choices > * {
    min-width: 200px; }

.choice-item {
  position: relative; }
  .choice-item input {
    opacity: 0.9; }
    .choice-item input:focus {
      box-shadow: none;
      opacity: 1 !important; }
    .choice-item input.error {
      background-color: #f2d5c5;
      border: none; }
  .choice-item:last-child input {
    opacity: 0.5; }
  .choice-item button {
    display: none;
    position: absolute;
    right: 5px;
    top: 5px;
    color: #db6161;
    font-size: 14px;
    background: none;
    border: none; }
    .choice-item button:focus {
      outline: none; }
  .choice-item:not(:last-child) button {
    display: block; }
  .choice-item div.error {
    color: #db6161;
    padding-top: 7px;
    font-style: italic;
    font-weight: 600;
    font-size: 13px; }

.choice-container {
  background-color: #f8f3df;
  padding: 12px;
  border-radius: 4px;
  min-height: 195px;
  position: relative; }
  .choice-container .choice-item input {
    border: 1px dashed #cccccc;
    box-shadow: none; }
  .choice-container:after {
    position: absolute;
    left: 0;
    top: 159px;
    margin-left: -10px;
    content: '';
    width: 0;
    height: 0;
    border-right: solid 10px #f8f3df;
    border-top: solid 10px transparent;
    border-bottom: solid 10px transparent; }

.static-page {
  font-size: 1.4rem;
  line-height: 1.8rem; }
  .static-page ul.static-menu {
    float: right;
    margin-left: 30px;
    width: 25%;
    padding: 10px 20px 20px;
    background: #f1f2f2;
    border: 1px solid #f1f2f2, 10%; }
    .static-page ul.static-menu li {
      margin-left: 20px;
      line-height: 2.1rem;
      font-size: 1.3rem; }
      .static-page ul.static-menu li:hover {
        text-decoration: underline; }
      .static-page ul.static-menu li.title {
        list-style: none;
        margin-top: 10px; }
        .static-page ul.static-menu li.title a {
          font-weight: 700; }
      .static-page ul.static-menu li a {
        font-weight: 400;
        font-size: 1.3rem; }

.thumbnail img {
  width: 256px;
  height: 256px; }

.lightbox {
  height: 598px; }
  .lightbox .close {
    top: 4px;
    right: 8px;
    position: absolute;
    z-index: 1060; }
  .lightbox .lightbox-caption {
    padding: 15px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-top: 1px solid #f1f2f2;
    text-align: center;
    font-size: 14px;
    line-height: 18px; }
    .lightbox .lightbox-caption .btn-rotate {
      margin-right: 5px;
      padding: 4px 7px 1px 4px; }
  .lightbox img {
    vertical-align: bottom;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }

#modeling {
  overflow: hidden; }
  #modeling .header {
    height: 135px;
    border-bottom: 1px solid #dddddd;
    padding-top: 55px; }
    #modeling .header .logo img {
      max-height: 68px; }
    #modeling .header .toolbar-wrapper {
      top: 50px; }
    #modeling .header .search-wrapper {
      top: 55px; }
    #modeling .header .action-block {
      height: 78px;
      padding: 10px 14px;
      border-left: #dddddd;
      border-left-width: 1px;
      border-left-style: solid;
      margin-left: 10px; }
      #modeling .header .action-block .visibility {
        font-size: 1rem;
        font-weight: bold;
        padding: 10px; }
      #modeling .header .action-block .actions {
        margin: 10px 0 0 0; }
      #modeling .header .action-block .private {
        color: #d6d1d2; }
    #modeling .header .search-block-wrapper {
      margin-top: -5px; }
      #modeling .header .search-block-wrapper .search-block {
        height: 78px;
        padding: 10px 14px; }
        #modeling .header .search-block-wrapper .search-block.search-block-large {
          width: 325px; }
        #modeling .header .search-block-wrapper .search-block h4 {
          font-size: 2.1rem;
          margin: 4px 0 6px; }
          #modeling .header .search-block-wrapper .search-block h4 i {
            font-size: 1.6rem;
            margin-left: 5px;
            outline: none; }
        #modeling .header .search-block-wrapper .search-block h6 {
          font-style: italic;
          font-weight: 400;
          color: #799397;
          margin: 0; }
          #modeling .header .search-block-wrapper .search-block h6 > a {
            font-weight: 700;
            color: #799397; }
        #modeling .header .search-block-wrapper .search-block label {
          margin-top: -2px; }
  #modeling #view-switcher {
    padding-top: 5px;
    box-shadow: 0 6px 0 rgba(0, 0, 0, 0.15);
    position: relative; }
    #modeling #view-switcher .btn {
      border: none;
      color: #799397;
      font-weight: 600;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0; }
      #modeling #view-switcher .btn.active {
        color: #97c33c;
        background-color: white;
        box-shadow: 0 0 0 1px #dddddd; }
      #modeling #view-switcher .btn:focus {
        outline: none; }
    #modeling #view-switcher #scenario-dropdown {
      position: absolute;
      z-index: 998;
      top: 0;
      right: 0; }
      #modeling #view-switcher #scenario-dropdown > .btn {
        padding: 9px 13px;
        border-radius: 0;
        border-left: 2px solid #dddddd; }
    #modeling #view-switcher > .view-priorities-button {
      margin-left: 15px;
      float: left;
      position: relative;
      z-index: 1;
      margin-right: 15px; }
      #modeling #view-switcher > .view-priorities-button:after {
        content: '';
        display: block;
        height: 38px;
        border-right: 2px solid #dddddd;
        position: absolute;
        right: -8px;
        top: -5px; }
      #modeling #view-switcher > .view-priorities-button:focus {
        outline: none; }
    #modeling #view-switcher .scenario-button-container {
      padding-left: 10px;
      position: relative;
      white-space: nowrap; }
    #modeling #view-switcher #scenario-buttons {
      display: inline-block; }
      #modeling #view-switcher #scenario-buttons > .btn-group.js-scenario {
        display: inline-block;
        border: 1px solid #dddddd;
        border-bottom: none;
        border-radius: 5px 5px 0 0;
        margin-right: 5px; }
        #modeling #view-switcher #scenario-buttons > .btn-group.js-scenario .btn {
          background: transparent; }
        #modeling #view-switcher #scenario-buttons > .btn-group.js-scenario.active .btn {
          color: #97c33c;
          background-color: white; }
  #modeling .content.map {
    top: 173px;
    bottom: 0; }
    #modeling .content.map .sidebar {
      right: auto;
      left: 0;
      border: none;
      bottom: 40px; }
      #modeling .content.map .sidebar .templates {
        height: 50px;
        background: #231f20;
        padding: 9px 15px;
        overflow: hidden; }
        #modeling .content.map .sidebar .templates > label:not(.custom-select) {
          color: #818181;
          font-size: 1.4rem;
          font-weight: 700;
          margin-bottom: 0;
          line-height: 1; }
        #modeling .content.map .sidebar .templates select {
          padding: 9px 10px;
          margin: 0;
          background: #433c3e;
          color: white;
          border-radius: 0;
          font-weight: 400;
          border: none;
          outline: none;
          display: inline-block;
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none;
          cursor: pointer;
          width: 100%; }
        @media screen and (-webkit-min-device-pixel-ratio: 0) {
          #modeling .content.map .sidebar .templates select {
            padding-right: 18px; }
          #modeling .content.map .sidebar .templates label.custom-select:before {
            height: 35px !important; } }
        #modeling .content.map .sidebar .templates label.custom-select {
          position: relative;
          width: 200px;
          margin: 0 0 0 10px;
          top: -2px; }
          #modeling .content.map .sidebar .templates label.custom-select:after {
            content: '>';
            font: 14px "Consolas", monospace;
            color: #f1f2f2;
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
            right: 12px;
            top: 8px;
            padding: 0 0 2px;
            position: absolute;
            pointer-events: none; }
          #modeling .content.map .sidebar .templates label.custom-select:before {
            content: '';
            right: 0px;
            top: 0px;
            width: 26px;
            height: 37px;
            background: #433c3e;
            position: absolute;
            pointer-events: none;
            display: block; }
      #modeling .content.map .sidebar > .panel-group {
        border-radius: 0;
        border: none;
        z-index: 9; }
        #modeling .content.map .sidebar > .panel-group .panel-heading {
          border-radius: 0; }
          #modeling .content.map .sidebar > .panel-group .panel-heading + .panel-collapse .panel-body {
            border: none; }
      #modeling .content.map .sidebar .panel {
        border-radius: 0; }
        #modeling .content.map .sidebar .panel + .panel {
          margin: 0; }
        #modeling .content.map .sidebar .panel div.slider {
          width: 100% !important; }
      #modeling .content.map .sidebar .scenario-trees-total {
        width: 260px;
        position: absolute;
        bottom: 15px;
        right: -285px;
        background: white;
        padding: 7px 12px 8px;
        font-size: 1.4rem;
        border-radius: 6px;
        box-shadow: 0 1px 7px rgba(0, 0, 0, 0.4);
        z-index: 1; }
        #modeling .content.map .sidebar .scenario-trees-total p {
          color: #61797c;
          margin: 5px;
          font-weight: 600;
          font-size: 13px; }
          #modeling .content.map .sidebar .scenario-trees-total p > span {
            color: #97c33c;
            float: right;
            margin-left: 5px; }
    #modeling .content.map .map {
      right: 0;
      left: 350px; }
      #modeling .content.map .map .options {
        position: absolute;
        top: 16px;
        right: 70px;
        z-index: 4; }
        #modeling .content.map .map .options:hover .options-toggle {
          border-radius: 6px 6px 0 0; }
        #modeling .content.map .map .options:hover .options-content {
          display: block;
          border-radius: 6px 0 6px 6px; }
        #modeling .content.map .map .options .options-toggle {
          background: white;
          padding: 7px 12px 8px;
          width: auto;
          display: inline-block;
          position: absolute;
          font-size: 1.4rem;
          right: 0;
          font-weight: 700;
          border-radius: 6px;
          box-shadow: 0 1px 7px rgba(0, 0, 0, 0.4); }
        #modeling .content.map .map .options .options-content {
          background: white;
          width: 260px;
          padding: 20px 20px 15px;
          position: absolute;
          top: 32px;
          right: 0;
          border-radius: 6px;
          display: none;
          box-shadow: 0 4px 7px rgba(0, 0, 0, 0.25); }
          #modeling .content.map .map .options .options-content label {
            float: left;
            clear: both;
            margin: 12px 0 0; }
            #modeling .content.map .map .options .options-content label[for="visibility-slider"] + div.slider > .slider-track {
              background: #002400;
              background: -moz-linear-gradient(left, #002400 0%, #005700 17%, #008a00 33%, #52b152 67%, #83c783 83%, #b4ddb4 100%);
              background: -webkit-gradient(linear, left top, right top, color-stop(0%, #002400), color-stop(17%, #005700), color-stop(33%, #008a00), color-stop(67%, #52b152), color-stop(83%, #83c783), color-stop(100%, #b4ddb4));
              background: -webkit-linear-gradient(left, #002400 0%, #005700 17%, #008a00 33%, #52b152 67%, #83c783 83%, #b4ddb4 100%);
              background: -o-linear-gradient(left, #002400 0%, #005700 17%, #008a00 33%, #52b152 67%, #83c783 83%, #b4ddb4 100%);
              background: -ms-linear-gradient(left, #002400 0%, #005700 17%, #008a00 33%, #52b152 67%, #83c783 83%, #b4ddb4 100%);
              background: linear-gradient(to right, #002400 0%, #005700 17%, #008a00 33%, #52b152 67%, #83c783 83%, #b4ddb4 100%);
              filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002400', endColorstr='#b4ddb4',GradientType=1 ); }
              #modeling .content.map .map .options .options-content label[for="visibility-slider"] + div.slider > .slider-track > .slider-selection {
                background: transparent;
                box-shadow: none; }
            #modeling .content.map .map .options .options-content label:first-of-type {
              margin-top: 0; }
          #modeling .content.map .map .options .options-content input.slider {
            display: none; }
          #modeling .content.map .map .options .options-content div.slider {
            width: 100% !important; }
          #modeling .content.map .map .options .options-content div.slider-handle {
            width: 18px;
            height: 18px;
            opacity: 1;
            margin-top: -4px;
            border: 2px solid white; }
          #modeling .content.map .map .options .options-content small {
            font-size: 1.1rem;
            font-weight: 700;
            color: #799397;
            margin: 0; }
  #modeling .leaflet-loading-control {
    background: white;
    padding: 5px 10px;
    font-size: 12pt;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.4);
    border-radius: 4px; }
    #modeling .leaflet-loading-control img {
      margin-right: 4px;
      margin-bottom: 4px; }

#sidebar-prioritization {
  background: #f3f3f3; }
  #sidebar-prioritization .panel {
    position: relative; }
  #sidebar-prioritization .panel-title a {
    font-size: 1.9rem;
    font-weight: 500;
    position: relative;
    line-height: 1.3; }
    #sidebar-prioritization .panel-title a:after {
      content: '\e970';
      font-family: "fontello";
      font-style: normal;
      font-weight: normal;
      speak: none;
      display: inline-block;
      text-decoration: inherit;
      width: 1em;
      margin-right: 0.2em;
      text-align: center;
      font-variant: normal;
      text-transform: none;
      line-height: 1em;
      margin-left: 0.2em;
      position: absolute;
      right: 15px;
      top: 20px; }
    #sidebar-prioritization .panel-title a.collapsed {
      opacity: 0.8; }
      #sidebar-prioritization .panel-title a.collapsed:after {
        content: '\e972'; }
  #sidebar-prioritization .layer-group .panel-heading {
    padding: 15px 40px 15px 15px;
    background: #f1f2f2;
    border-bottom: 1px solid #d7d9d9;
    font-size: 1.6rem;
    font-weight: 700;
    position: relative;
    box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.2); }
    #sidebar-prioritization .layer-group .panel-heading input.slider {
      display: none; }
    #sidebar-prioritization .layer-group .panel-heading a {
      box-shadow: none;
      background: transparent;
      color: #231f20;
      padding: 0 0 10px;
      position: relative;
      font-size: 1.4rem;
      font-weight: 700; }
      #sidebar-prioritization .layer-group .panel-heading a:after {
        font-size: 1.9rem;
        right: -25px;
        top: 15px; }
      #sidebar-prioritization .layer-group .panel-heading a.collapsed {
        opacity: 0.8; }
  #sidebar-prioritization .layer {
    padding: 15px;
    border-bottom: 1px solid #f1f2f2;
    border-left: 6px solid #5da49c; }
    #sidebar-prioritization .layer:last-child {
      border-bottom: none; }
    #sidebar-prioritization .layer h4 {
      font-weight: 700;
      margin: 0 0 6px;
      font-size: 1.4rem; }
    #sidebar-prioritization .layer input.slider {
      display: none; }
    #sidebar-prioritization .layer div.slider {
      width: 90% !important;
      margin: 0 5%; }

#masks input[type='radio'], #masks input[type='checkbox'] {
  opacity: 0;
  position: absolute;
  width: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none; }
  #masks input[type='radio'] + label, #masks input[type='checkbox'] + label {
    margin: 0;
    clear: none;
    padding: 5px 0 8px 28px;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1.6rem;
    color: #231f20;
    cursor: pointer;
    background: url(/static/img/off.png) left 3px no-repeat; }
  #masks input[type='radio'].disabled + label, #masks input[type='checkbox'].disabled + label {
    opacity: 0.4;
    cursor: default; }
#masks input[type='radio']:checked + label {
  background-image: url(/static/img/radio.png); }
#masks input[type='checkbox']:checked + label {
  background-image: url(/static/img/check.png); }
#masks .mask-header {
  padding: 10px 15px;
  background: #f1f2f2;
  border-top: 1px solid #d7d9d9;
  border-bottom: 1px solid #d7d9d9;
  font-size: 1.6rem;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.25);
  position: relative;
  z-index: 1; }
  #masks .mask-header:first-of-type {
    border-top: none; }
  #masks .mask-header + .mask-row {
    border-top: none; }
  #masks .mask-header:after {
    content: '\e970';
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: 0.2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: 0.2em;
    position: absolute;
    right: 15px;
    top: 12px; }
  #masks .mask-header.collapsed {
    box-shadow: none; }
    #masks .mask-header.collapsed:after {
      content: '\e972'; }
#masks .mask-row {
  padding: 10px 15px 9px;
  border-top: 1px solid #f1f2f2;
  position: relative; }
  #masks .mask-row:hover {
    background: #f6f7f7; }
  #masks .mask-row label {
    font-weight: 400;
    font-size: 1.4rem; }
  #masks .mask-row .remove-mask {
    position: absolute;
    cursor: pointer;
    font-size: 1.2rem;
    right: 18px;
    top: 14px;
    opacity: 0.5; }
#masks .search-block {
  padding: 12px 14px 16px; }
  #masks .search-block label {
    display: block;
    margin-top: -2px;
    font-size: 1.2rem; }
  #masks .search-block .search-field-group {
    position: relative; }
    #masks .search-block .search-field-group input[type="text"] {
      margin: 0;
      padding-left: 32px;
      font-size: 1.2rem; }
    #masks .search-block .search-field-group .twitter-typeahead {
      display: block !important; }
    #masks .search-block .search-field-group .typeahead-toggle {
      padding: 9px 4px 7px;
      position: absolute;
      top: 0px;
      z-index: 9;
      background: none;
      border: none;
      cursor: pointer;
      color: #d1d2d4;
      font-size: 1.8rem;
      line-height: 1.6rem; }
      #masks .search-block .search-field-group .typeahead-toggle.active, #masks .search-block .search-field-group .typeahead-toggle:hover {
        color: #231f20; }
  #masks .search-block .dropdown-menu {
    width: 257px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; }
    #masks .search-block .dropdown-menu > li > a {
      padding: 3px 12px; }

#planDetails .modal-dialog {
  margin: 100px auto 30px; }
#planDetails .modal-header {
  padding: 15px 20px 0;
  border-bottom: none; }
  #planDetails .modal-header h4 {
    font-size: 3rem;
    margin-top: 10px;
    text-align: center; }
  #planDetails .modal-header h5 {
    font-size: 2.1rem;
    margin-top: 10px;
    text-align: left; }
#planDetails .modal-body {
  padding: 12px 20px; }
  #planDetails .modal-body p {
    color: #799397;
    font-weight: 700;
    font-size: 1.4rem; }
#planDetails .modal-footer .btn-link {
  font-weight: 700;
  color: #97c33c;
  background: none;
  border: none; }
  #planDetails .modal-footer .btn-link:hover {
    box-shadow: none;
    color: #7a9c30; }

#plan-list {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 999;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  transition: 0.5s ease transform; }
  #plan-list.slideUp {
    transform: translate(0, -100%); }
  #plan-list .close {
    position: absolute;
    right: -80px;
    margin-top: -30px;
    opacity: 0.6;
    background: #231f20;
    text-shadow: none;
    color: white;
    transition: 0.2s ease-in-out opacity; }
    #plan-list .close:hover {
      opacity: 1; }
    @media (max-width: 767px) {
      #plan-list .close {
        right: 20px;
        margin-top: -50px; } }
  #plan-list .plans-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: white;
    opacity: 0.75;
    z-index: 1; }
  #plan-list .plans-content {
    display: block;
    width: 80%;
    min-width: 340px;
    margin: 100px auto 30px;
    background: white;
    border-radius: 10px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    position: relative;
    z-index: 1; }
  #plan-list .plans-header {
    display: block;
    padding: 30px 30px 15px;
    border-bottom: 1px solid #d7d9d9; }
    #plan-list .plans-header h3 {
      display: inline-block; }
  #plan-list #plan-filters {
    float: right;
    display: inline-block;
    text-align: right; }
    #plan-list #plan-filters .filter-toggle {
      display: inline-block;
      padding: 15px 0 26px;
      margin-top: -10px;
      font-weight: 400;
      transition: 0.2s ease-in-out color; }
      #plan-list #plan-filters .filter-toggle:first-child {
        margin-right: 15px; }
      #plan-list #plan-filters .filter-toggle:hover {
        color: #8baa3d; }
    #plan-list #plan-filters .active {
      color: #8baa3d;
      box-shadow: inset 0 -4px 0 0; }
  #plan-list .plans-body {
    padding: 30px 30px 15px;
    max-height: 45vh;
    overflow: auto; }
  #plan-list table thead {
    font-size: 1.3rem;
    color: #a4b6b8; }
    #plan-list table thead tr th {
      border-bottom: none;
      padding-left: 15px; }
    #plan-list table thead a {
      color: #a4b6b8; }
    #plan-list table thead .ascending, #plan-list table thead .descending {
      color: #231f20; }
  #plan-list table tbody tr td {
    padding: 15px; }
  #plan-list table tbody a {
    text-decoration: underline; }
  #plan-list table p {
    font-size: 1.3rem;
    margin: 5px 0; }
  #plan-list .pagination .active a, #plan-list .pagination .active a:hover, #plan-list .pagination .active a:focus {
    background-color: #8baa3d;
    border-color: #8baa3d; }

#sidebar-scenarios {
  background: #f3f3f3;
  padding-bottom: 65px; }
  #sidebar-scenarios > .sidebar-inner > h3 {
    padding: 18px 16px 16px;
    margin: 0;
    font-size: 1.9rem;
    font-weight: 500;
    background: #5da49c;
    color: white;
    position: relative;
    cursor: pointer;
    text-transform: capitalize; }
    #sidebar-scenarios > .sidebar-inner > h3:before {
      content: counter(steps) ". ";
      counter-increment: steps;
      font-size: 1.6rem;
      margin-right: 5px; }
    #sidebar-scenarios > .sidebar-inner > h3:after {
      content: '\e970';
      font-family: "fontello";
      font-style: normal;
      font-weight: normal;
      speak: none;
      display: inline-block;
      text-decoration: inherit;
      width: 1em;
      margin-right: 0.2em;
      text-align: center;
      font-variant: normal;
      text-transform: none;
      line-height: 1em;
      margin-left: 0.2em;
      position: absolute;
      right: 15px;
      top: 20px; }
    #sidebar-scenarios > .sidebar-inner > h3.collapsed {
      opacity: 0.8; }
      #sidebar-scenarios > .sidebar-inner > h3.collapsed:after {
        content: '\e972'; }
  #sidebar-scenarios > .sidebar-inner #distribution-land-use .row.controls {
    text-align: right; }
    #sidebar-scenarios > .sidebar-inner #distribution-land-use .row.controls .reset {
      font-size: 1.2rem;
      text-decoration: underline; }
  #sidebar-scenarios > .sidebar-inner input[type='radio'], #sidebar-scenarios > .sidebar-inner input[type='checkbox'] {
    opacity: 0;
    position: absolute;
    width: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none; }
    #sidebar-scenarios > .sidebar-inner input[type='radio'] + label, #sidebar-scenarios > .sidebar-inner input[type='checkbox'] + label {
      margin: 0;
      clear: none;
      padding: 5px 0 8px 28px;
      font-size: 1.3rem;
      font-weight: 600;
      line-height: 1.6rem;
      color: #231f20;
      cursor: pointer;
      background: url(/static/img/off.png) left 3px no-repeat; }
    #sidebar-scenarios > .sidebar-inner input[type='radio'].disabled + label, #sidebar-scenarios > .sidebar-inner input[type='checkbox'].disabled + label {
      opacity: 0.4;
      cursor: default; }
  #sidebar-scenarios > .sidebar-inner input[type='radio']:checked + label {
    background-image: url(/static/img/radio.png); }
  #sidebar-scenarios > .sidebar-inner input[type='checkbox']:checked + label {
    background-image: url(/static/img/check.png); }
  #sidebar-scenarios .sidebar-container {
    padding: 0 20px;
    background: white; }
    #sidebar-scenarios .sidebar-container .content-header {
      margin: 0 -20px;
      background: #f1f2f2;
      color: #61797c;
      padding: 8px 16px;
      font-size: 1.2rem;
      font-weight: 700; }
      #sidebar-scenarios .sidebar-container .content-header a {
        border-bottom: 1px dotted; }
    #sidebar-scenarios .sidebar-container .content-empty {
      padding: 30px 0 30px;
      margin: 0; }
      #sidebar-scenarios .sidebar-container .content-empty a {
        text-decoration: underline;
        font-weight: bold;
        font-style: italic; }
    #sidebar-scenarios .sidebar-container .content-row {
      border-bottom: 1px solid #f1f2f2;
      margin: 0 -20px;
      padding: 15px 20px 25px; }
      #sidebar-scenarios .sidebar-container .content-row > .row {
        margin-left: -10px;
        margin-right: -10px; }
        #sidebar-scenarios .sidebar-container .content-row > .row > div {
          padding-left: 5px;
          padding-right: 5px; }
          #sidebar-scenarios .sidebar-container .content-row > .row > div a {
            float: right;
            padding: 6px 0;
            margin-top: 24px;
            text-align: right; }
          #sidebar-scenarios .sidebar-container .content-row > .row > div label {
            font-size: 1.1rem;
            font-weight: 700; }
            #sidebar-scenarios .sidebar-container .content-row > .row > div label > em {
              margin-left: 5px;
              color: #231f20;
              font-style: normal; }
          #sidebar-scenarios .sidebar-container .content-row > .row > div input.form-control {
            font-size: 1.2rem; }
      #sidebar-scenarios .sidebar-container .content-row .form-group {
        margin-bottom: 0; }
    #sidebar-scenarios .sidebar-container .collapsible-header {
      font-size: 1.2rem;
      padding: 10px; }
      #sidebar-scenarios .sidebar-container .collapsible-header > a {
        display: block; }
  #sidebar-scenarios #tree-mortality-container .more-options {
    font-size: 13px;
    font-weight: 400;
    text-decoration: underline; }
    #sidebar-scenarios #tree-mortality-container .more-options:before {
      content: 'Less '; }
    #sidebar-scenarios #tree-mortality-container .more-options.collapsed:before {
      content: 'More '; }
  #sidebar-scenarios #tree-mortality-container .more-options-content label {
    margin-top: 10px; }
  #sidebar-scenarios #tree-mortality-container .more-options-content > .row {
    margin-bottom: 10px; }
    #sidebar-scenarios #tree-mortality-container .more-options-content > .row:last-child {
      margin-bottom: 0; }
  #sidebar-scenarios #replanting-growth-container .form-group {
    margin-top: 5px; }
  #sidebar-scenarios #canopy-forecast-container .content-row > .row {
    margin-bottom: 10px; }
  #sidebar-scenarios .sidebar-footer {
    padding: 15px 20px;
    position: fixed;
    width: 350px;
    bottom: 40px;
    left: 0;
    background-color: white;
    box-shadow: 0 -6px 0 rgba(0, 0, 0, 0.15);
    z-index: 10;
    height: auto; }
    #sidebar-scenarios .sidebar-footer .btn {
      border-radius: 50px; }

#map .map-popover {
  background: black;
  background: rgba(0, 0, 0, 0.85);
  max-width: 600px;
  position: absolute;
  bottom: 60px;
  left: 50%;
  margin-left: -300px;
  padding: 8px 36px 10px 16px;
  font-size: 1.2rem;
  color: white;
  border-radius: 6px;
  z-index: 100;
  display: none; }
  #map .map-popover .close, #map .map-popover .cancel-action, #map .map-popover .done {
    margin-right: -20px; }
#map .marker-popup {
  width: 200px; }
  #map .marker-popup h4, #map .marker-popup h5 {
    font-weight: bold; }
  #map .marker-popup h5 {
    margin: 5px 0; }
  #map .marker-popup .text-gray {
    color: #555555; }
#map .polygon-popup {
  width: 250px;
  color: black; }
  #map .polygon-popup h4, #map .polygon-popup h5 {
    font-weight: bold; }
  #map .polygon-popup h5 {
    margin: 5px 0; }
  #map .polygon-popup a {
    text-decoration: underline; }
  #map .polygon-popup .land-use {
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    margin: 5px 0 10px 0;
    padding: 5px 0; }
  #map .polygon-popup .text-gray {
    color: #555555; }

#scenarioResults .charts-header {
  margin-bottom: 10px; }
#scenarioResults .legend {
  display: inline-block;
  font-size: 0.8em;
  margin-top: 5px; }
  #scenarioResults .legend .entry {
    display: inline-block; }
  #scenarioResults .legend .swatch {
    float: left;
    width: 1em;
    height: 1em;
    margin: 3px 4px 0 6px; }
#scenarioResults .top-chart {
  height: 250px; }
#scenarioResults .y-axis-label {
  width: 15px;
  margin-right: 15px;
  position: relative;
  display: inline-block; }
  #scenarioResults .y-axis-label .inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%) rotate(-90deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
    white-space: nowrap; }
#scenarioResults .total-eco {
  margin-bottom: 1.5em; }
#scenarioResults .category-label {
  margin: 0.7em 0 0.1em 0;
  text-decoration: underline;
  font-weight: bold; }

.moderation-nav {
  padding: 0 30px; }
  .moderation-nav .medallion {
    margin-top: 24px;
    background: #3d959c;
    border-radius: 6rem;
    width: 12rem;
    height: 12rem;
    text-align: center; }
  .moderation-nav i {
    font-size: 6rem;
    color: white;
    padding: 30px; }
  .moderation-nav .nav-pills {
    margin-top: 24px; }
    .moderation-nav .nav-pills > li {
      float: left; }
      .moderation-nav .nav-pills > li > a {
        border-radius: 9px; }
      .moderation-nav .nav-pills > li + li {
        margin-left: 2px; }
      .moderation-nav .nav-pills > li.active > a, .moderation-nav .nav-pills > li.active > a:hover, .moderation-nav .nav-pills > li.active > a:focus {
        color: #8aaa3e;
        background-color: white; }
  .moderation-nav .nav-stacked > li {
    float: none; }
    .moderation-nav .nav-stacked > li + li {
      margin-top: 2px;
      margin-left: 0; }

.comments {
  padding: 20px 0; }
  .comments a {
    color: #8aaa3e;
    text-decoration: underline; }
    .comments a:hover {
      color: #6d8530; }
  .comments .dropdown-menu > li > a {
    text-decoration: none !important;
    text-align: left; }
  .comments .btn-sm i {
    margin-right: 8px; }
  .comments .comment-table {
    margin-top: 24px; }
    .comments .comment-table p label {
      font-size: 1rem;
      color: #42424a;
      font-weight: 600; }
      .comments .comment-table p label a {
        color: #3d959c; }
        .comments .comment-table p label a:hover {
          color: #2f7277; }
    .comments .comment-table th.selector > .btn-group {
      width: 64px; }
    .comments .comment-table th.actions {
      min-width: 200px; }
    .comments .comment-table th.date {
      min-width: 150px; }
    .comments .comment-table .table-hover > tbody > tr:hover > td, .comments .comment-table .table-hover > tbody > tr:hover > th {
      background-color: #f1f1f2; }
    .comments .comment-table .selector {
      min-width: 60px; }
    .comments .comment-table .btn {
      border: 0;
      padding: 0 4px;
      background-color: white;
      border-radius: 0;
      float: none; }
    .comments .comment-table .label-danger {
      background-color: #3d959c;
      padding: 2px 8px;
      border-radius: 9px; }
    .comments .comment-table .comment {
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 360px; }
      .comments .comment-table .comment.less {
        max-height: 4.4rem; }
      .comments .comment-table .comment:not(.less) {
        display: inline; }
    .comments .comment-table .user-link {
      display: block; }

#importer h1 {
  margin-top: 8px; }
#importer .top-pad-sm {
  padding-top: 14px; }
#importer .top-pad-lg {
  padding-top: 50px; }
#importer .well .instructions {
  border-top: solid 1px #d1d2d4;
  margin-top: 8px;
  padding-top: 8px; }
  #importer .well .instructions p {
    margin: 0 !important;
    color: #799397;
    font-style: italic; }
#importer .no-import-events {
  margin: 0 0 20px 20px; }
#importer .table {
  background-color: transparent; }
  #importer .table .no-rows {
    padding: 8px 12px; }
#importer .table-hover tr {
  cursor: pointer; }
#importer td.error {
  background-color: #f2dede;
  position: relative; }
#importer td.warning {
  background-color: #fef4ad;
  position: relative; }
#importer input {
  width: auto; }
#importer .tab-content > .tab-pane {
  min-height: inherit !important; }
#importer .tab-contents {
  overflow-x: scroll;
  border-left: solid 1px #dddddd;
  border-right: solid 1px #dddddd;
  border-bottom: solid 1px #dddddd; }
#importer .btn-info {
  margin-right: 12px; }
#importer .no-bullet {
  list-style-type: none;
  padding-left: 0 !important; }
#importer .popover .help_text {
  font-size: 1.1rem;
  line-height: 1.4rem; }