@font-face {
  font-family: "adine_kirnbergregular";
  src: url("adine_kirnberg-webfont.woff2") format("woff2"), url("adine_kirnberg-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}

table {
  font-size: 1.2em;
}

a {
  color: #555555;
}

.hb-modal-title {
  font-size: 1.3em;
  padding: 20px;
  min-height: 70px;
  background-color: #a1c537;
  color: white;
}

.modal-content {
  background-color: white;
  position: relative;
}

.modal-close {
  position: absolute;
}

.modal-content .box {
  padding: 30px;
}

.hb-nav {
  background-color: #8fb719;
  padding: 15px;
}

.navbar-menu.is-active {
  background-color: #ffffff;
  max-width: 400px;
  float: right;
}

.navbar-menu.is-active a.navbar-item:hover {
  color: #555555;
}

.hb-navbar-item:hover {
  color: #ffffff;
  background-color: #ffffff22;
}

.hb-navbar-item {
  text-transform: uppercase;
  cursor: pointer;
  color: #ffffff;
  font-weight: 500;
  line-height: 1.5;
  padding: 0.5rem 0.75rem;
}

.hb-tile {
  background-color: white;
  padding: 10px;
  min-height: 330px;
}

.hb-tile-heading {
  font-size: 1.1em;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.hb-task-photo {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 5px 0 rgba(0, 0, 0, 0.19);
  padding: 10px;
  width: 100px;
  height: 100px;
}

.hb-star-photo {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 5px 0 rgba(0, 0, 0, 0.19);
  padding: 20px;
}

.hb-tile-outer {
  background-color: #FFFFFF11;
  padding: 20px;
}

.hb-tile-inner {
  background-color: white;
  min-height: 373px;
  padding: 20px;
}

.hb-clickable {
  cursor: pointer;
}

.hb-hoverable {
  cursor: pointer;
}

.hb-hoverable:hover {
  background-color: #eeeeee;
}

.hb-text-link {
  color: #8fb719;
}

.hb-content-header {
  margin-top: 1.5rem;
}

.hb-action-active {
  background-color: #a1c537;
}

.hb-icon-color {
  color: #555555;
}

.hb-action-items span {
  margin: 10px;
  color: #555555;
  font-size: 1.3em;
}

.hb-hover-green:hover {
  color: #a1c537;
}

.hb-roboto-font-light {
  font-weight: 200;
  font-family: "Roboto Condensed", sans-serif;
}

.hb-roboto-font {
  font-weight: 700;
  font-family: "Roboto Condensed", sans-serif;
}

.hb-plot-section {
  background-color: #ffffff;
}

.hb-selection-section {
  margin-bottom: 0px;
  background-color: #f3f2ed;
  margin-top: 0px;
}

.level.card.hb-plot-actions {
  margin-bottom: 0px;
}

.column.has-content-vertically-aligned {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

span.hb-facetvalue {
  color: #8fb719;
  margin-left: 10px;
}

span.hb-facetname-display {
  float: right;
  margin-left: 20px;
  color: #ffaa00;
}

.hb-facet-name:hover {
  background-color: #eeeeee;
}

.hb-facet-name:hover {
  background-color: #eeeeee;
}

.hb-legend-item {
  padding: 10px;
  cursor: pointer;
}

.hb-month-blobs {
  background-color: #eeeeee;
}

.hb-month-blob {
  width: 8.33%;
  height: 40px;
  float: left;
  padding: 8px;
  border: 1px solid #ffffff;
}

.hb-month-blob-selected {
  background-color: #a1c537;
}

.hb-is-hidden {
  display: none;
}

.hb-is-green {
  background-color: #8fb719;
  color: #ffffff;
}

.hb-close {
  padding: 0px;
  position: absolute;
  width: 40px;
  height: 40px;
  right: 0px;
  top: 10px;
  text-align: center;
}

.hb-close:hover {
  cursor: pointer;
}

.hb-section-small {
  padding: 20px;
}

.hb-margin-bottom {
  margin-bottom: 50px;
}

.hb-margin-bottom-small {
  margin-bottom: 20px;
}

.hb-margin-bottom-tiny {
  margin-bottom: 5px;
}

.hb-number-input {
  height: 2.25rem;
  border: 1px solid #a0a0a0;
  width: 4rem;
  font-size: 1em;
  text-align: center;
}

.hb-suggest ul {
  z-index: 1;
  list-style: none;
  -webkit-padding-start: 0px;
  background-color: #ffffff;
  position: absolute;
}

.hb-suggest li {
  border-left: 2px solid #eeeeee;
  border-right: 2px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  padding: 8px;
  cursor: pointer;
}

.hb-text-input {
  border: 1px solid #a0a0a0;
  border-radius: 0px;
  width: 95%;
}

.hb-add-constraint-icon {
  color: #8fb719;
  cursor: pointer;
}

/* general styles */
.zero-margin-bottom {
  margin-bottom: 0px;
}

.hb-plant-with-tasks {
  padding: 20px;
  margin-bottom: 20px;
  background-color: #eeeeee;
}

.hb-plant-task {
  background-color: #ffffff;
  padding: 20px;
}

.hb-plant-item .level-item i {
  margin-right: 1.5rem;
}

.hb-svg-action-row img {
  width: 50px;
  height: 50px;
  padding: 0px;
  cursor: pointer;
  background-color: #ffffff;
}

.hb-popup-section textarea {
  line-height: 2;
  border-radius: 0px;
  border: solid 2px #eeeeee;
  height: 7rem;
  box-shadow: none;
}

.hb-popup-input {
  margin-bottom: 10px;
}

.hb-popup-section li {
  background-color: #ffffff;
  border-bottom: 1px solid #eeeeee;
  padding: 8px;
}

.hb-popup-plot {
  margin-bottom: 15px;
  padding: 8px;
  background-color: #ffffff;
  cursor: pointer;
  border: 1px #a0a0a0 solid;
}

.hb-popup-plot:hover {
  background: #a1c537;
  color: #ffffff;
}

.hb-popup-plot.hb-selected {
  background: #a1c537;
  color: #ffffff;
}

.hb-popup-section {
  margin-bottom: 30px;
}

.hb-popup-title {
  font-size: 1.2em;
  margin-top: 10px;
  margin-bottom: 10px;
}

.hb-svg-action-row img:not(:last-child) {
  margin-right: 10px;
}

button.horizontal:not(:last-child) {
  margin-right: 10px;
}

.hb-plant-item .groups, .details .groups {
  margin-top: 10px;
  overflow: hidden;
  margin-bottom: 10px;
}

.groups a {
  color: black;
}

.hero.is-primary {
  background-color: #a1c537;
}

table, th, td {
  border: none;
}

.table td {
  border: none;
  line-height: 1.5;
}

table {
  border-spacing: 0px 3px;
  border-collapse: unset;
}

.box {
  border-radius: 0;
  box-shadow: none;
}

.breadcrumb li + li::before {
  color: #555555;
}

.has-text-grey a:hover {
  color: #8fb719 !important;
}

.button.is-info {
  background-color: #8fb719;
}

.button.is-info[disabled] {
  background-color: #8fb719;
}

.button.is-info:hover {
  background-color: #a1cd1c;
}

.button.is-info:is-hovered {
  background-color: #8fb719;
}

.button.is-primary {
  background-color: #eeeeee;
  color: #555555;
  border-radius: 0px;
}

.button.is-primary[disabled] {
  background-color: #a0a0a0;
}

.button.is-primary:hover[disabled] {
  background-color: #a0a0a0;
}

.button.is-primary:hover {
  background-color: #8fb719;
}

.hero.is-success {
  background-color: #eeeeee;
}

.hero.is-primary .tabs.is-boxed li.is-active a, .hero.is-primary .tabs.is-boxed li.is-active a:hover, .hero.is-primary .tabs.is-toggle li.is-active a, .hero.is-primary .tabs.is-toggle li.is-active a:hover {
  color: #8fb719;
}

.input:focus, .input.is-focused, .input:active, .input.is-active, .textarea:focus, .textarea.is-focused, .textarea:active, .textarea.is-active {
  border-color: #a1c537;
  box-shadow: none;
}

.has-text-primary {
  color: #a1c537 !important;
}

.hb-photo-small {
  width: 139px;
  height: 139px;
}

@media (min-width: 1088px) {
  .hb-content .container {
    margin-top: 20px;
  }

  .hb-search-container {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1087px) {
  nav.breadcrumb.hb-breadcrumb.has-succeeds-separator.hb-title {
    margin-left: 30px;
  }

  .level.hb-nav {
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 1087px) {
  .navbar-brand .navbar-item {
    /*margin-left:10px;*/
  }

  .hb-content .container {
    margin-top: 0px;
  }
}
.hb-nested-hero {
  width: 100%;
}

nav.navbar.home {
  color: #ffffff;
}

nav.navbar {
  padding: 15px;
}

.navbar-item {
  color: #ffffff;
  font-weight: 500;
}

.navbar-home .navbar-item {
  color: #ffffff;
}

.is-active .navbar-item {
  color: #555555;
}

.navbar-home .navbar-item:hover {
  color: #dbdbdb;
}

a.navbar-item:hover {
  color: #ffffff;
}

a.navbar-item {
  text-transform: uppercase;
}

a.navbar-item:hover, a.navbar-item.is-active, .navbar-link:hover, .navbar-link.is-active {
  background-color: transparent;
}

.navbar-burger span {
  width: 20px;
  height: 2px;
  background-color: #a1c537;
}

.navbar-brand .navbar-item {
  color: #ffffff;
  font-size: 1.2em;
  text-transform: uppercase;
}

nav.navbar {
  background-color: #8fb719;
}

.hero.hb-has-background {
  background: black url(../images/amelanchier.jpg) center/cover;
  background-size: cover;
  background-attachment: fixed;
}

.hb-page-frame {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

@media (min-width: 401px) {
  .hb-smallest-only {
    display: none;
  }

  /* autosuggestions */
  div.hb-suggestion-name, div.hb-facet-display {
    float: left;
    margin-right: 10px;
  }

  div.hb-count {
    float: right;
  }

  li {
    overflow: hidden;
  }
}
@media (max-width: 401px) {
  .hb-is-hidden-smallest {
    display: none;
  }
}
g text {
  font-size: 1.8em;
}

i {
  cursor: pointer;
}

.hb-button {
  border-radius: 0px;
}

.hb-submit-button {
  margin: 10px 0px 25px 0px;
  text-align: center;
  border-radius: 0px;
}

.hb-error-msg {
  padding: 5px;
  color: red;
}

.hb-box-footer {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
}

.hb-is-weakly-transparent {
  background-color: rgba(255, 255, 255, 0.95);
}

/* mostly search box */
.hb-search-box {
  background-color: rgba(255, 255, 255, 0.1);
}

@media (max-width: 671px) {
  .hb-search-box {
    width: 100%;
  }
}
div.hb-suggestion-name {
  color: #8fb719;
}

span.hb-count {
  color: #a0a0a0;
}

div.hb-count {
  color: #a0a0a0;
}

div.hb-facet-display {
  color: #ffaa00;
}

.hb-clear-float {
  clear: both;
}

.hb-search-box li:hover {
  background-color: #eeeeee;
}

.hb-search-box .control .button {
  height: 52px;
  border-radius: 0px;
}

.hb-search-box input.input {
  height: 52px;
  font-size: 1.2em;
  color: #555555;
  border-radius: 0px;
}

.hb-search-box {
  height: 92px;
}

.hb-search-box-inline {
  width: 376px;
}

@media (min-width: 1280px) {
  .hb-search-box-inline {
    width: 470px;
  }
}
.hb-search-box ul {
  z-index: 1;
  list-style: none;
  -webkit-padding-start: 0px;
  width: 100%;
  background-color: white;
  position: absolute;
}

.hb-search-box li, .hb-search-container li, .hb-search-box-inline li, .action-menu li {
  border-left: 2px solid #eeeeee;
  border-right: 2px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  padding: 10px;
  cursor: pointer;
}

.hb-search-box input {
  border-color: none;
}

.hb-search-box-inline {
  width: 100%;
}

.hb-search-box-inline input {
  width: 100%;
  text-align: left;
  color: #a0a0a0;
}

.hb-search-box-inline {
  width: 400px;
}

.hb-search-box-inline ul, .hb-search-container ul {
  width: 100%;
  z-index: 1;
  list-style: none;
  -webkit-padding-start: 0px;
  background-color: #ffffff;
  position: absolute;
  top: 60px;
}

.is-active .hb-search-box-inline {
  width: 100%;
}

/* when using sandwich and nav menu is vertically stacked */
.is-active .hb-search-box-inline ul {
  position: relative;
  width: 100%;
}

.hb-search-box-inline input::-webkit-input-placeholder {
  color: #a0a0a0;
}

/* general */
.hb-main-content {
  background-color: #eeeeee;
  flex: 1;
}

.hb-content .container:last-child {
  margin-bottom: 50px;
}

.hb-push-down {
  margin-bottom: 10px;
}

.hb-imageuploader img {
  margin-right: 10px;
  width: 100px;
  height: 100px;
}

.hb-imageuploader .button {
  width: 100px;
  height: 100px;
}

.hb-upload input {
  display: none;
}

.hb-breadcrumb a {
  color: #555555;
}

.hb-breadcrumb a:hover {
  color: #626262;
}

.hb-title {
  color: #555555;
  font-size: 1.2rem;
}

.hb-avatar {
  margin-top: -70px;
  padding-bottom: 20px;
}

.hb-avatar input {
  display: none;
}

.hb-avatar img {
  width: 128px;
  height: 128px;
  padding: 5px;
  background: #ffffff;
  border-radius: 50%;
  -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
  box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
}

/* search results */
.hb-blocks {
  float: left;
  margin-top: 20px;
  overflow: hidden;
  clear: both;
}

label.hb-block {
  float: left;
  background-color: #eeeeee;
  padding-left: 10px;
  padding-right: 10px;
  padding: 7px;
  font-size: 1em;
  font-weight: 400;
  margin-right: 10px;
  color: #555555;
}

.hb-plant-item .media-left img {
  background-color: #ffffff;
}

.hb-plant-item.hb-smallest-only .hb-name-box {
  margin-top: -104px;
  margin-bottom: 0px;
  background-color: rgba(255, 255, 255, 0.7);
}

/* mostly myplant details */
.hb-graph.notification {
  background-color: #ffffff;
}

.hb-graph {
  background-color: #ffffff;
  border-radius: 45px;
}

.hb-horizontal-scroll {
  width: 100%;
  overflow: auto;
  white-space: nowrap;
}

.hb-media-note {
  margin-right: 30px;
  display: inline-block;
}

.hb-note-picture:not(:last-child) {
  margin-right: 10px;
}

.hb-note-picture-list {
  margin-top: 10px;
}

span.hb-date {
  font-size: 0.95em;
  color: #a0a0a0;
  font-style: italic;
  margin-left: 10px;
}

/* task popup */
span.hb-facet-display, span.hb-plot-name {
  color: #ffaa00;
}

span.name, span.hb-plant-name {
  color: #8fb719;
  margin-right: 10px;
}

/* mostly plot details */
.month-blob.active {
  background-color: #8fb719;
}

.month-blob {
  background-color: #a1c537;
  color: #ffffff;
  text-align: center;
  line-height: 40px;
  border: none;
  width: 8.33%;
  float: left;
  cursor: pointer;
}

.hb-plant-item .hb-plant-name {
  font-size: 1.5em;
}

.hb-plant-item .hb-plant-subname {
  font-size: 1.2em;
  font-style: italic;
}

.hb-plant-item.hb-smallest-only .columns {
  margin-top: 0px;
}

.hb-plant-item.hb-smallest-only .columns:last-child {
  margin-bottom: 0px;
}

.hb-plant-item figure div {
  height: 135px;
}

.hb-plant-item.hb-smallest-only figure div {
  height: 200px;
}

.hb-plant-item.hb-smallest-only .column {
  padding: 0px;
}

.hb-plant-item.hb-smallest-only .column:not(:last-child) {
  border-right: solid 1px gray;
}

.hb-tasks {
  margin-top: 1.5rem;
}

.hb-task {
  background-color: #ffffff;
}

.hb-task img {
  background-color: #ffffff;
  padding: 8px;
  border: 1px solid #eeeeee;
}

.hb-tabs .column {
  cursor: pointer;
  background-color: #a1c537;
}

.hb-tabs .column.is-active {
  background-color: #8fb719;
}

.hb-tabs {
  color: #ffffff;
  padding: 10px;
}

.hb-tab-content {
  background-color: #eeeeee;
  margin-top: -20px;
  margin-bottom: -20px;
}

.hb-tab-content .container {
  margin-top: 20px;
}

.hb-tab-content {
  color: black !important;
}

.hb-task-group {
  background-color: #ffffff;
  overflow: hidden;
  margin-bottom: 40px;
}

.hb-task-group-title {
  background-color: #8fb719;
  color: #ffffff;
  padding: 15px;
  width: min-content;
}

.hb-timeline {
  color: #555555;
  margin-top: 44px;
  width: 100%;
  overflow: hidden;
}

.hb-image-placeholder-outer {
  display: table;
  width: 135px;
  height: 135px;
  overflow: hidden;
  border: 1px solid #eeeeee;
  padding: 8px;
}

.hb-image-placeholder-inner {
  display: table-cell;
  vertical-align: middle;
  background-color: #cddc39;
}

/* mostly plot overview */
.hb-plot-plant-icon img {
  width: 100px;
  height: 100px;
}

.level-left.hb-features > .level-item:not(:last-child) {
  border-right: 1px solid #eeeeee;
  padding-right: 10px;
}

.hb-checkbox-group {
  padding: 20px;
}

.button.hb-centered {
  display: table;
  margin: 0 auto;
}

.hb-input {
  height: 3rem;
  width: 100%;
  border-radius: 0px;
  box-shadow: none;
}

.hb-popup {
  padding: 20px;
}

.hb-popup li {
  padding: 2px;
}

.hb-popup .checkbox input {
  margin-right: 1.5em;
}

.hb-span {
  padding: 10px;
}

.hb-plot-overview {
  cursor: pointer;
  margin-bottom: 1.5rem;
}

.hb-plot-overview img {
  padding: 8px;
  border: 1px solid lightgray;
}

.hb-plot-overview .tag {
  background-color: #8fb719;
}

.card {
  margin-bottom: 20px;
}

.card table {
  padding: 20px;
}

/*  mostly plant details */
.hb-key-cell {
  width: 170px;
  text-align: right;
}

.hb-gray {
  color: #a0a0a0;
}

section.hb-plant-properties, section.hb-plant-tasks, section.hb-plant-taxonomy {
  margin-left: 25px;
  margin-right: 25px;
  margin-bottom: 10px;
}

section.hb-plant-properties table {
  margin-top: 0px;
  margin-bottom: 10px;
}

section.hb-plant-tasks table {
  margin-top: 0px;
}

.hb-tag-title {
  padding: 17px;
  color: #555555;
}

.tag.hb-is-green {
  background-color: #8fb719;
  color: #ffffff;
}

.hb-plant-summary-section {
  overflow: hidden;
  background-color: #ffffff;
}

.hb-thumbnail {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

.hb-image-caption {
  font-family: monospace;
  white-space: normal;
  margin-top: 10px;
}

@media (min-width: 1088px) {
  .hb-image-main {
    padding: 20px;
    width: 340px;
    font-size: 1.4em;
    background-color: #ffffff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 5px 0 rgba(0, 0, 0, 0.19);
  }

  .hb-image-main img {
    width: 300px;
  }

  .hb-image-caption {
    width: 300px;
  }
}
@media (max-width: 1087px) {
  .hb-image-main {
    padding: 10px;
    width: 300px;
    font-size: 1.2em;
    background-color: #ffffff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 5px 0 rgba(0, 0, 0, 0.19);
  }

  .hb-image-main img {
    width: 300px;
  }

  .hb-image-caption {
    width: 275px;
  }
}
.hb-notes {
  margin-top: 24px;
}

ul.hb-action-menu {
  z-index: 2;
  right: 23px;
  position: absolute;
  top: 40px;
  border: 1px solid gray;
  background-color: #ffffff;
}

ul.hb-action-menu li {
  color: gray;
  padding: 8px;
}

.hb-actions button:not(:last-child) {
  margin-bottom: 0.75rem;
}

.hb-actions button {
  background-color: #eeeeee;
  color: #555555;
}

.hb-action-bar.level {
  padding: 20px;
}