.ion-page#language-select-required {
  background: url("/images/language-page-background.jpg") no-repeat center center/cover; }
  .ion-page#language-select-required .header {
    padding: 50px; }
    .ion-page#language-select-required .header * {
      width: 100%;
      font-weight: 300;
      text-align: center; }
    .ion-page#language-select-required .header ion-icon {
      font-size: 80px;
      --ionicon-stroke-width: 8px; }
  .ion-page#language-select-required .language-select-list,
  .ion-page#language-select-required ion-content {
    --background: transparent;
    background-color: transparent; }
  .ion-page#language-select-required .pretty-button-language {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    top: 50%;
    width: 88%;
    text-align: center;
    margin-bottom: 10px;
    --inner-border-width: 0;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.18), 0 6px 12px 0 rgba(0, 0, 0, 0.17), 0 1px 1px 0 rgba(0, 0, 0, 0.17);
            box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.18), 0 6px 12px 0 rgba(0, 0, 0, 0.17), 0 1px 1px 0 rgba(0, 0, 0, 0.17);
    border-radius: 5px;
    --background: #ffffffed; }
    .ion-page#language-select-required .pretty-button-language p {
      width: 100%;
      text-align: center; }

ion-menu ion-content {
  --padding-top: 20px;
  --padding-bottom: 20px;
  --background: linear-gradient(
    to top,
    rgba(227, 211, 177, 1) 0%,
    rgba(227, 211, 177, 1) 8%,
    rgba(255, 240, 207, 1) 36%,
    rgb(255, 249, 235) 100%
  ); }

ion-menu ion-footer {
  background: #e3d3b1;
  border-top: #e3d3b1 1px solid; }
  ion-menu ion-footer div {
    text-align: center; }
  ion-menu ion-footer p {
    margin-top: 0;
    opacity: 0.7; }
  ion-menu ion-footer img {
    width: 40%; }

ion-alert .log-out-checkbox {
  --padding-start: 0;
  border-top: 1px solid var(--ion-color-light);
  border-bottom: 1px solid var(--ion-color-light); }

ion-menu ion-item,
ion-menu ion-list {
  background: none !important;
  --background: none !important; }

/* Remove background transitions for switching themes */
ion-menu ion-item {
  --transition: none; }

ion-item.selected {
  --color: var(--ion-color-primary); }

ion-menu ion-list-header {
  margin-bottom: 20px; }

ion-menu ion-icon {
  color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1);
  --ionicon-stroke-width: 26px; }

ion-menu ion-item.selected ion-icon {
  color: var(--ion-color-primary); }

ion-menu.md ion-list {
  padding: 20px 0; }

ion-menu.md ion-list-header {
  padding-left: 18px;
  padding-right: 18px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 450; }

ion-menu.md ion-item {
  --padding-start: 18px;
  margin-right: 10px;
  border-radius: 0 50px 50px 0;
  font-weight: 500; }

ion-menu.md ion-item.selected {
  --background: rgba(var(--ion-color-primary-rgb), 0.14); }

ion-menu.md ion-item.selected ion-icon {
  color: var(--ion-color-primary); }

ion-menu.ios ion-list-header {
  padding-left: 16px;
  padding-right: 16px; }

ion-menu.ios ion-list {
  padding: 20px 0 0; }

ion-menu.ios ion-item {
  --padding-start: 16px;
  --min-height: 50px; }

ion-menu.ios ion-item ion-icon {
  font-size: 24px; }

#welcome-page ion-header {
  position: absolute; }
  #welcome-page ion-header ion-toolbar {
    --background: transparent;
    --border-color: transparent; }

#welcome-page ion-slides {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: white; }
  #welcome-page ion-slides ion-slide .message {
    position: relative;
    width: 78%;
    top: 23%; }
    #welcome-page ion-slides ion-slide .message .icon-size {
      font-size: 40px;
      stroke-width: 2; }
    #welcome-page ion-slides ion-slide .message .add-icon {
      background: var(--ion-color-primary);
      padding: 5px;
      border-radius: 10px;
      color: white;
      margin: 0 5px 0 8px;
      margin-bottom: -7px; }
  #welcome-page ion-slides ion-slide.first {
    background: -webkit-gradient(linear, left bottom, left top, from(#e3d3b1), color-stop(8%, #f5e6c6), color-stop(36%, #fff8eb), to(#fff8eb));
    background: linear-gradient(to top, #e3d3b1 0%, #f5e6c6 8%, #fff8eb 36%, #fff8eb 100%); }
    #welcome-page ion-slides ion-slide.first .slide-header {
      background-size: cover;
      height: 55%;
      width: 100%;
      position: absolute;
      top: 0;
      /** For mobile devices **/ }
      #welcome-page ion-slides ion-slide.first .slide-header .custom-shape-divider-bottom-1593438501 {
        position: absolute;
        bottom: -1px;
        left: 0;
        width: 100%;
        overflow: hidden;
        line-height: 0;
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg); }
      #welcome-page ion-slides ion-slide.first .slide-header .custom-shape-divider-bottom-1593438501 svg {
        position: relative;
        display: block;
        width: calc(100% + 1.3px);
        height: 65px; }
      #welcome-page ion-slides ion-slide.first .slide-header .custom-shape-divider-bottom-1593438501 .shape-fill {
        fill: #fff8eb; }
      #welcome-page ion-slides ion-slide.first .slide-header .custom-shape-divider-bottom-1593438501 svg {
        width: calc(152% + 1.3px);
        height: 65px; }
    #welcome-page ion-slides ion-slide.first .slide-header {
      background-image: url("/images/first.jpg"); }
  #welcome-page ion-slides ion-slide.second {
    background: -webkit-gradient(linear, left bottom, left top, from(#e3d3b1), color-stop(8%, #f5e6c6), color-stop(36%, #fff8eb), to(#fff8eb));
    background: linear-gradient(to top, #e3d3b1 0%, #f5e6c6 8%, #fff8eb 36%, #fff8eb 100%); }
    #welcome-page ion-slides ion-slide.second .slide-header {
      background-size: cover;
      height: 55%;
      width: 100%;
      position: absolute;
      top: 0;
      /** For mobile devices **/ }
      #welcome-page ion-slides ion-slide.second .slide-header .custom-shape-divider-bottom-1593438501 {
        position: absolute;
        bottom: -1px;
        left: 0;
        width: 100%;
        overflow: hidden;
        line-height: 0;
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg); }
      #welcome-page ion-slides ion-slide.second .slide-header .custom-shape-divider-bottom-1593438501 svg {
        position: relative;
        display: block;
        width: calc(100% + 1.3px);
        height: 65px; }
      #welcome-page ion-slides ion-slide.second .slide-header .custom-shape-divider-bottom-1593438501 .shape-fill {
        fill: #fff8eb; }
      #welcome-page ion-slides ion-slide.second .slide-header .custom-shape-divider-bottom-1593438501 svg {
        width: calc(152% + 1.3px);
        height: 65px; }
    #welcome-page ion-slides ion-slide.second .slide-header {
      background-image: url("/images/second.jpg"); }
  #welcome-page ion-slides ion-slide.third {
    background: -webkit-gradient(linear, left bottom, left top, from(#e3d3b1), color-stop(8%, #f5e6c6), color-stop(36%, #fff8eb), to(#fff8eb));
    background: linear-gradient(to top, #e3d3b1 0%, #f5e6c6 8%, #fff8eb 36%, #fff8eb 100%); }
    #welcome-page ion-slides ion-slide.third .slide-header {
      background-size: cover;
      height: 55%;
      width: 100%;
      position: absolute;
      top: 0;
      /** For mobile devices **/ }
      #welcome-page ion-slides ion-slide.third .slide-header .custom-shape-divider-bottom-1593438501 {
        position: absolute;
        bottom: -1px;
        left: 0;
        width: 100%;
        overflow: hidden;
        line-height: 0;
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg); }
      #welcome-page ion-slides ion-slide.third .slide-header .custom-shape-divider-bottom-1593438501 svg {
        position: relative;
        display: block;
        width: calc(100% + 1.3px);
        height: 65px; }
      #welcome-page ion-slides ion-slide.third .slide-header .custom-shape-divider-bottom-1593438501 .shape-fill {
        fill: #fff8eb; }
      #welcome-page ion-slides ion-slide.third .slide-header .custom-shape-divider-bottom-1593438501 svg {
        width: calc(152% + 1.3px);
        height: 65px; }
    #welcome-page ion-slides ion-slide.third .slide-header {
      background-image: url("/images/third.jpg"); }
  #welcome-page ion-slides ion-slide.fourth {
    background: -webkit-gradient(linear, left bottom, left top, from(#e3d3b1), color-stop(8%, #f5e6c6), color-stop(36%, #fff8eb), to(#fff8eb));
    background: linear-gradient(to top, #e3d3b1 0%, #f5e6c6 8%, #fff8eb 36%, #fff8eb 100%); }
    #welcome-page ion-slides ion-slide.fourth .slide-header {
      background-size: cover;
      height: 55%;
      width: 100%;
      position: absolute;
      top: 0;
      /** For mobile devices **/ }
      #welcome-page ion-slides ion-slide.fourth .slide-header .custom-shape-divider-bottom-1593438501 {
        position: absolute;
        bottom: -1px;
        left: 0;
        width: 100%;
        overflow: hidden;
        line-height: 0;
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg); }
      #welcome-page ion-slides ion-slide.fourth .slide-header .custom-shape-divider-bottom-1593438501 svg {
        position: relative;
        display: block;
        width: calc(100% + 1.3px);
        height: 65px; }
      #welcome-page ion-slides ion-slide.fourth .slide-header .custom-shape-divider-bottom-1593438501 .shape-fill {
        fill: #fff8eb; }
      #welcome-page ion-slides ion-slide.fourth .slide-header .custom-shape-divider-bottom-1593438501 svg {
        width: calc(152% + 1.3px);
        height: 65px; }
    #welcome-page ion-slides ion-slide.fourth .slide-header {
      background-image: url("/images/fourth.jpg"); }
  #welcome-page ion-slides ion-slide.fifth {
    background: -webkit-gradient(linear, left bottom, left top, from(#e3d3b1), color-stop(8%, #f5e6c6), color-stop(36%, #fff8eb), to(#fff8eb));
    background: linear-gradient(to top, #e3d3b1 0%, #f5e6c6 8%, #fff8eb 36%, #fff8eb 100%); }
    #welcome-page ion-slides ion-slide.fifth .slide-header {
      background-size: cover;
      height: 55%;
      width: 100%;
      position: absolute;
      top: 0;
      /** For mobile devices **/ }
      #welcome-page ion-slides ion-slide.fifth .slide-header .custom-shape-divider-bottom-1593438501 {
        position: absolute;
        bottom: -1px;
        left: 0;
        width: 100%;
        overflow: hidden;
        line-height: 0;
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg); }
      #welcome-page ion-slides ion-slide.fifth .slide-header .custom-shape-divider-bottom-1593438501 svg {
        position: relative;
        display: block;
        width: calc(100% + 1.3px);
        height: 65px; }
      #welcome-page ion-slides ion-slide.fifth .slide-header .custom-shape-divider-bottom-1593438501 .shape-fill {
        fill: #fff8eb; }
      #welcome-page ion-slides ion-slide.fifth .slide-header .custom-shape-divider-bottom-1593438501 svg {
        width: calc(152% + 1.3px);
        height: 65px; }
    #welcome-page ion-slides ion-slide.fifth .slide-header {
      background-image: url("/images/fifth.jpg"); }
      #welcome-page ion-slides ion-slide.fifth .slide-header ion-icon {
        background: var(--ion-color-primary);
        padding: 5px;
        border-radius: 10px;
        color: white;
        margin: 0 5px 0 8px;
        margin-bottom: -7px; }
  #welcome-page ion-slides p,
  #welcome-page ion-slides h2 {
    margin-top: 1.1rem;
    text-align: center; }
  #welcome-page ion-slides h2 {
    text-align: center;
    font-size: 22px; }
  #welcome-page ion-slides b {
    font-weight: 500; }
  #welcome-page ion-slides p {
    font-size: 17px;
    line-height: 1.5;
    font-weight: 200;
    margin-bottom: 9px;
    text-align: center; }
    #welcome-page ion-slides p b {
      color: var(--ion-text-color, #000000); }
  #welcome-page ion-slides .swiper-pagination-bullets {
    bottom: 3%; }
    #welcome-page ion-slides .swiper-pagination-bullets .swiper-pagination-bullet {
      opacity: 1; }
    #welcome-page ion-slides .swiper-pagination-bullets .swiper-pagination-bullet-active {
      opacity: 0.8;
      --bullet-background-active: #000; }

#home-info ion-header {
  position: fixed; }

#home-info ion-content .app-logo {
  position: absolute;
  z-index: 10000;
  width: 67%;
  max-width: 250px;
  left: 50%;
  top: 7%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%); }

#home-info ion-content {
  --background: linear-gradient(
      to top,
      rgba(227, 211, 177, 1) 0%,
      rgb(245, 230, 198) 8%,
      rgb(255, 248, 235) 32%,
      rgb(255, 248, 235) 100%
    ); }

#home-info .pretty-button-empty {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 50%;
  width: 88%;
  text-align: center;
  margin-bottom: 10px;
  --inner-border-width: 0;
  -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.18), 0 6px 12px 0 rgba(0, 0, 0, 0.17), 0 1px 1px 0 rgba(0, 0, 0, 0.17);
          box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.18), 0 6px 12px 0 rgba(0, 0, 0, 0.17), 0 1px 1px 0 rgba(0, 0, 0, 0.17);
  border-radius: 5px;
  --background: #ffffff4f;
  --color: rgb(173 0 0 / 82%);
  --color-activated: rgb(173 0 0 / 82%);
  border: 1px solid #ad0000;
  font-weight: 500;
  letter-spacing: 1px; }
  #home-info .pretty-button-empty p {
    width: 100%;
    text-align: center; }

#home-info .pretty-button-selected {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 50%;
  width: 88%;
  text-align: center;
  margin-bottom: 10px;
  --inner-border-width: 0;
  -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.18), 0 6px 12px 0 rgba(0, 0, 0, 0.17), 0 1px 1px 0 rgba(0, 0, 0, 0.17);
          box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.18), 0 6px 12px 0 rgba(0, 0, 0, 0.17), 0 1px 1px 0 rgba(0, 0, 0, 0.17);
  border-radius: 5px;
  --background: #ffffff4f;
  --color: #00a0a4ba;
  --color-activated: #00a0a4ba;
  border: 1px solid #00a0a4ba;
  font-weight: 500;
  letter-spacing: 1px; }
  #home-info .pretty-button-selected p {
    width: 100%;
    text-align: center; }

#home-info .slide-header {
  height: 64%;
  width: 100%;
  position: absolute;
  top: 0;
  /** For mobile devices **/ }
  #home-info .slide-header .app-home-background {
    width: 100%;
    height: 100%;
    overflow: hidden; }
  #home-info .slide-header .custom-shape-divider-bottom-1593438501 {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  #home-info .slide-header .custom-shape-divider-bottom-1593438501 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 65px; }
  #home-info .slide-header .custom-shape-divider-bottom-1593438501 .shape-fill {
    fill: #fff8eb; }
  #home-info .slide-header .custom-shape-divider-bottom-1593438501 svg {
    width: calc(152% + 1.3px);
    height: 65px; }

#home-info ion-content ion-item-group {
  position: absolute;
  top: 92%;
  -webkit-transform: translateY(-90%);
          transform: translateY(-90%);
  width: 100%;
  margin-bottom: 10px; }
  #home-info ion-content ion-item-group .info-text {
    width: 91%;
    text-align: center;
    margin-top: 55px;
    --background: none;
    margin: 14px auto 0px auto;
    border-radius: 5px;
    color: #000000;
    opacity: 0.7; }
  #home-info ion-content ion-item-group ion-label {
    font-size: 0.9em;
    padding: 4px 0px;
    margin: 0; }

#home-info ion-toolbar {
  --ion-toolbar-background: transparent; }
  #home-info ion-toolbar ion-menu-button {
    color: var(--ion-color-light-contrast); }

#home-info ion-icon {
  background: var(--ion-color-primary);
  padding: 5px;
  border-radius: 10px;
  color: white;
  margin: 0 5px 0 8px;
  margin-bottom: -7px; }

#species-profile {
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0;
  --padding-bottom: 0; }
  #species-profile ion-card-content {
    padding-top: 0;
    padding-bottom: 23px; }
  #species-profile ion-card-title {
    text-transform: capitalize; }
  #species-profile .species-profile-photo {
    height: 200px;
    background-size: cover !important;
    background-position: center !important; }
  #species-profile .species-profile-icon {
    position: absolute;
    top: 13px;
    right: 9px;
    color: white;
    --ionicon-stroke-width: 16px;
    z-index: 100; }
  #species-profile .species-profile-icon-shadow {
    position: absolute;
    top: 13px;
    right: 8px;
    color: #00000047;
    z-index: 100; }
  #species-profile .species-profile-label {
    font-weight: bold;
    border-left: 3px solid var(--ion-color-primary);
    padding-left: 5px;
    text-transform: uppercase;
    margin: 7px auto 15px; }
    #species-profile .species-profile-label:not(:first-child) {
      margin: 23px auto 15px; }
  #species-profile .swiper-pagination {
    position: relative;
    top: 3px; }
    #species-profile .swiper-pagination .swiper-pagination-bullet {
      opacity: 0.5;
      --bullet-background: grey; }
    #species-profile .swiper-pagination .swiper-pagination-bullet-active {
      opacity: 0.8;
      --bullet-background-active: var(--ion-color-primary); }

#home-species .species-list {
  --ion-grid-padding: 0;
  background: #f7f7f7; }

#home-species .species-list-item {
  --ion-grid-column-padding: 2px;
  background: #fffdef; }
  #home-species .species-list-item div.species-label {
    height: 55vw;
    width: 100%;
    text-transform: capitalize;
    background-size: cover !important;
    background-position: center !important; }
    #home-species .species-list-item div.species-label div {
      width: 100%;
      color: #0f5758;
      border: 0;
      position: absolute;
      bottom: -1px;
      padding: 7px 33px 7px 15px;
      background: #fffdefd9;
      font-size: 15px;
      font-weight: 600; }
      #home-species .species-list-item div.species-label div .species-label-icon {
        position: absolute;
        right: 10px;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        --ionicon-stroke-width: 40px; }

#home-surveys ion-header {
  position: fixed; }
  #home-surveys ion-header ion-toolbar {
    --ion-toolbar-background: transparent; }
    #home-surveys ion-header ion-toolbar ion-menu-button {
      color: var(--ion-color-light-contrast); }

#home-surveys ion-content {
  --background: linear-gradient(
      to top,
      rgba(227, 211, 177, 1) 0%,
      rgba(227, 211, 177, 1) 8%,
      rgba(255, 240, 207, 1) 36%,
      rgb(255, 249, 235) 100%
    );
  --padding-top: 40px; }

#home-surveys ion-content .survey-buttons {
  padding: 5% 0;
  height: 100%; }
  #home-surveys ion-content .survey-buttons ion-row {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  #home-surveys ion-content .survey-buttons ion-col {
    margin: 10px 15px;
    max-width: calc(50vw - 10px - 30px) !important;
    height: calc(50vw - 10px - 30px);
    --ion-grid-column-padding: 0;
    overflow: hidden;
    border-radius: 10px;
    -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
            box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12); }
  #home-surveys ion-content .survey-buttons ion-router-link {
    height: 100%;
    background: white;
    display: block;
    text-align: center;
    color: black; }
    #home-surveys ion-content .survey-buttons ion-router-link ion-icon {
      --ionicon-stroke-width: 24px;
      width: 80%;
      height: 40%;
      margin: 20% 10%; }
    #home-surveys ion-content .survey-buttons ion-router-link .survey-button-label {
      position: absolute;
      bottom: 10%;
      left: 0;
      width: 100%;
      font-size: 0.8em;
      font-weight: 800;
      padding: 0 10px; }

.survey-status {
  max-width: 60px; }
  .survey-status ion-badge {
    text-transform: uppercase; }

ion-spinner.survey-status {
  width: 15px; }

.survey-list-item ion-item {
  --padding-start: 0; }

.survey-list-item ion-avatar {
  width: 50px;
  height: 50px;
  background: aliceblue;
  margin: 0 10px; }
  .survey-list-item ion-avatar ion-icon {
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    padding: 10px;
    --ionicon-stroke-width: 20px; }

#home-user-surveys ion-header ion-badge {
  display: inline;
  margin-left: 10px; }

#home-user-surveys .info-background-message ion-icon {
  background: var(--ion-color-primary);
  padding: 5px;
  border-radius: 10px;
  color: white;
  margin: 0 5px 0 8px;
  margin-bottom: -7px; }

#habitat-profile {
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0;
  --padding-bottom: 0; }
  #habitat-profile ion-card-content {
    padding-top: 0;
    padding-bottom: 0; }
  #habitat-profile .habitat-profile-icon {
    position: absolute;
    top: 13px;
    right: 9px;
    color: white;
    --ionicon-stroke-width: 16px;
    z-index: 100; }
  #habitat-profile .habitat-profile-icon-shadow {
    position: absolute;
    top: 13px;
    right: 8px;
    color: #00000047;
    z-index: 100; }
  #habitat-profile .habitat-label {
    font-weight: bold;
    border-left: 3px solid var(--ion-color-primary);
    padding-left: 5px;
    text-transform: uppercase;
    margin: 10px auto 15px; }
  #habitat-profile .swiper-pagination {
    position: relative;
    top: 3px; }
    #habitat-profile .swiper-pagination .swiper-pagination-bullet {
      opacity: 0.5;
      --bullet-background: grey; }
    #habitat-profile .swiper-pagination .swiper-pagination-bullet-active {
      opacity: 0.8;
      --bullet-background-active: var(--ion-color-primary); }
  #habitat-profile .habitat-profile-photo {
    height: 200px;
    background-size: cover !important; }

#home-habitats .habitat-list {
  --ion-grid-padding: 0; }
  #home-habitats .habitat-list ion-row {
    background: #fffdef; }

#home-habitats .habitat-list-item {
  --ion-grid-column-padding: 0;
  margin-bottom: 30px; }
  #home-habitats .habitat-list-item:last-child {
    margin-bottom: 0px; }
  #home-habitats .habitat-list-item div.label {
    height: 60vw;
    width: 100%;
    background-size: cover; }
    #home-habitats .habitat-list-item div.label div {
      width: 100%;
      color: #0f5758;
      border: 0;
      position: absolute;
      top: 0px;
      padding: 7px 15px;
      background: #fffdefd9;
      font-size: 15px;
      font-weight: 600; }
      #home-habitats .habitat-list-item div.label div .habitat-label-icon {
        position: absolute;
        right: 15px;
        --ionicon-stroke-width: 40px; }

ion-fab-button.home-fab {
  --border-radius: 22px;
  position: fixed;
  bottom: calc(10px + env(safe-area-inset-bottom));
  z-index: 11;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%); }

ion-tab-bar {
  --background: #fffdef; }
  ion-tab-bar ion-tab-button {
    --color: black; }
    ion-tab-bar ion-tab-button ion-icon.ios {
      --ionicon-stroke-width: 20px; }

#credits.ion-page ion-content .flumens-logo img {
  width: 40%;
  max-width: 200px;
  margin: 0 auto;
  display: block; }

#credits.ion-page ion-content .apps-section-h {
  margin-top: 30px; }

#about ion-row {
  padding: 0px 18px; }

#about ion-img {
  margin: 0px auto; }

#about ion-col {
  padding: 15px;
  margin: auto; }

#manual ion-label {
  font-size: 15px;
  color: var(--ion-color-dark);
  text-transform: uppercase;
  font-weight: 500;
  padding-right: 2px; }

#user-login ion-toolbar {
  position: fixed;
  --ion-toolbar-background: transparent; }
  #user-login ion-toolbar ion-back-button {
    color: var(--ion-color-light-contrast); }

#user-login ion-content {
  --background: linear-gradient(
      to top,
      rgba(227, 211, 177, 1) 0%,
      rgba(227, 211, 177, 1) 8%,
      rgba(255, 240, 207, 1) 36%,
      rgb(255, 249, 235) 100%
    );
  --padding-top: 40px; }

#user-login ion-list,
#user-login ion-item {
  --background: transparent;
  background: transparent; }

#user-login ion-content ion-icon {
  color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1); }

#user-login ion-content h1 {
  text-align: center;
  font-size: 1.4em;
  font-weight: 500; }

#user-login ion-content h2 {
  text-align: center;
  font-size: 1em;
  font-weight: 400;
  opacity: 0.7;
  margin-bottom: 70px; }

#user-login ion-content form ion-router-link.password-forgot-button {
  display: block;
  padding: 10px;
  text-align: right;
  font-size: 0.85em;
  color: var(--ion-color-dark); }

#user-login ion-content ion-button[type='submit'] {
  margin-bottom: 60px; }

#user-register ion-toolbar {
  position: fixed;
  --ion-toolbar-background: transparent; }
  #user-register ion-toolbar ion-back-button {
    color: var(--ion-color-light-contrast); }

#user-register ion-content {
  --background: linear-gradient(
      to top,
      rgba(227, 211, 177, 1) 0%,
      rgba(227, 211, 177, 1) 8%,
      rgba(255, 240, 207, 1) 36%,
      rgb(255, 249, 235) 100%
    );
  --padding-top: 40px; }

#user-register ion-list,
#user-register ion-item {
  --background: transparent;
  background: transparent; }

#user-register ion-content ion-icon {
  color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1); }

#user-register ion-content h1 {
  text-align: center;
  font-size: 1.4em;
  font-weight: 500;
  margin-bottom: 50px; }

#user-register ion-content .terms-info-text {
  display: block;
  padding: 20px 20px 10px;
  text-align: center;
  font-size: 0.85em;
  color: var(--ion-color-dark); }

#user-register ion-content ion-button[type='submit'] {
  margin-bottom: 60px; }

#user-register ion-content .signin-button {
  font-size: 0.85em;
  text-align: center; }

#user-reset ion-toolbar {
  position: fixed;
  --ion-toolbar-background: transparent; }
  #user-reset ion-toolbar ion-back-button {
    color: var(--ion-color-light-contrast); }

#user-reset ion-content {
  --background: linear-gradient(
      to top,
      rgba(227, 211, 177, 1) 0%,
      rgba(227, 211, 177, 1) 8%,
      rgba(255, 240, 207, 1) 36%,
      rgb(255, 249, 235) 100%
    );
  --padding-top: 40px; }

#user-reset ion-list,
#user-reset ion-item {
  --background: transparent;
  background: transparent; }

#user-reset ion-content ion-icon {
  color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1); }

#user-reset ion-content h2 {
  text-align: center;
  font-size: 1em;
  font-weight: 400;
  opacity: 0.7;
  padding: 20px 20px 40px; }

#user-reset ion-content ion-button[type='submit'] {
  margin-bottom: 60px; }

#info-footer .info-footer-list {
  padding-top: 0;
  padding-bottom: 0; }

.leaflet-container {
  height: calc(100%);
  width: 100vw;
  background-color: #5d5d5d; }
  .leaflet-container .leaflet-control .geolocate-btn {
    border-radius: 4px;
    background: white;
    width: 42px;
    height: 42px;
    margin-left: 1px;
    border: 2px solid rgba(0, 0, 0, 0.2);
    background-clip: padding-box;
    text-align: center;
    padding: 0; }
    .leaflet-container .leaflet-control .geolocate-btn ion-icon {
      width: 21px;
      height: 21px;
      margin-top: 4px; }
  .leaflet-container .leaflet-control .geolocate-btn.spin ion-icon {
    -webkit-animation: spin 4s linear infinite;
    animation: spin 4s linear infinite; }

@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
  .leaflet-container .sr-only {
    display: none; }

#survey-fixed-photography-transect-edit ion-content .survey-point-item ion-label[slot='end'] {
  font-size: 0.8em;
  margin-left: 0; }

.location-photo .no-image,
.location-photo img {
  max-height: 20vh;
  min-height: 20vh;
  background: gray;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 0% 66%;
     object-position: 0% 66%; }

.location-photo .no-image {
  text-align: center;
  padding: 10%;
  color: rgba(255, 255, 255, 0.65); }

.location-photo .photo-zoomin-icon {
  position: absolute;
  top: 13px;
  right: 9px;
  color: white;
  --ionicon-stroke-width: 16px;
  z-index: 100; }

.location-photo .photo-zoomin-icon-shadow {
  position: absolute;
  top: 13px;
  right: 8px;
  color: #00000047;
  z-index: 100; }

#img-picker-array {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 80px;
  background: #ffffff;
  margin: 0;
  padding: 0; }
  #img-picker-array .img-picker {
    position: relative;
    display: block;
    width: 80px;
    height: 80px;
    min-height: 80px;
    padding: 0;
    border-right: 1px solid var(--ion-color-light-shade);
    color: var(--ion-color-dark); }
    #img-picker-array .img-picker ion-button {
      margin: 0;
      margin-left: 54%;
      height: 100%;
      width: 80px;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); }
      #img-picker-array .img-picker ion-button ion-icon {
        width: 65%;
        height: 65%; }
    #img-picker-array .img-picker .non-cordova-img-picker {
      width: 80px; }
      #img-picker-array .img-picker .non-cordova-img-picker .non-cordova-img-picker-logo {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-16px, -16px);
                transform: translate(-16px, -16px);
        color: var(--ion-color-primary); }
      #img-picker-array .img-picker .non-cordova-img-picker > input {
        position: absolute;
        opacity: 0;
        width: 80px;
        margin-top: 0 !important;
        height: 80px !important; }
  #img-picker-array #img-array {
    display: table-cell;
    width: auto;
    white-space: nowrap;
    overflow: overlay;
    overflow-y: hidden;
    width: 100%; }
    #img-picker-array #img-array .img {
      display: inline-block;
      position: relative; }
      #img-picker-array #img-array .img ion-button.delete {
        position: absolute;
        height: 20px;
        width: 100%;
        background-color: #8080807d;
        margin: 0; }
        #img-picker-array #img-array .img ion-button.delete ion-icon {
          color: white; }
      #img-picker-array #img-array .img img {
        height: 80px; }
    #img-picker-array #img-array .empty {
      width: calc(100% - 80px);
      text-align: center;
      position: absolute;
      color: var(--ion-color-dark-tint);
      font-size: 14px;
      padding: 0 15px;
      margin-top: 30px; }

ion-item#edit-footer {
  --padding-start: 0; }

ion-footer#edit-footer > div:not(.pswp) {
  margin: 0 -5px;
  border-top: 1px solid var(--ion-color-light-shade);
  -webkit-box-shadow: 0px -1px 6px 0px #b5b5b5;
          box-shadow: 0px -1px 6px 0px #b5b5b5; }

.ios .pswp__top-bar {
  margin-top: 30px; }

#survey-fixed-photography-transect-point-edit .point-location-name {
  margin: 0;
  line-height: 1; }

#survey-plant-quadrat-transect-edit ion-content .survey-point-item ion-label[slot='end'] {
  font-size: 0.8em;
  margin-left: 0; }

#survey-plant-quadrat-transect-point-edit .point-location-name {
  margin: 0;
  line-height: 1; }

#survey-dipwell-transect-edit ion-content .survey-point-item ion-label[slot='end'] {
  font-size: 0.9em;
  margin: 0; }

#survey-dipwell-transect-edit ion-content .survey-point-item .dipwell-values {
  padding-top: 5px; }

#survey-fixed-photography-transect-point-edit .point-location-name {
  margin: 0;
  line-height: 1; }

.gridref-label {
  font-size: 0.9em;
  margin-left: 0; }
  .gridref-label ion-spinner {
    width: 15px; }

#survey-dunes-profile-transect-edit ion-content #add {
  margin: 30px 0;
  margin-left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0); }

#survey-dunes-profile-transect-edit ion-content .survey-point-item {
  text-transform: capitalize; }

#survey-dunes-profile-transect-edit ion-content .dunes-profile-label {
  text-transform: none;
  font-size: 0.9rem;
  margin: 0; }
  #survey-dunes-profile-transect-edit ion-content .dunes-profile-label ion-icon {
    margin-bottom: -2px; }
  #survey-dunes-profile-transect-edit ion-content .dunes-profile-label .dunes-profile-values {
    padding-top: 2px; }

#survey-dunes-profile-transect-edit ion-content .show-type-icon-downslope {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }

#survey-zonation-mapping-transect-edit ion-content #add {
  margin: 30px 0;
  margin-left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0); }

#survey-zonation-mapping-transect-edit ion-content .survey-point-item {
  text-transform: capitalize; }

:root {
  --ion-color-primary: #00a0a4;
  --ion-color-primary-rgb: 0, 160, 164;
  --ion-color-primary-contrast: #ffffff;
  --ion-color-primary-contrast-rgb: 255, 255, 255;
  --ion-color-primary-shade: #008d90;
  --ion-color-primary-tint: #1aaaad;
  --ion-color-secondary: #e3d3b1;
  --ion-color-secondary-rgb: 227, 211, 177;
  --ion-color-secondary-contrast: #000000;
  --ion-color-secondary-contrast-rgb: 0, 0, 0;
  --ion-color-secondary-shade: #c8ba9c;
  --ion-color-secondary-tint: #e6d7b9;
  --ion-color-tertiary: #875caf;
  --ion-color-tertiary-rgb: 135, 92, 175;
  --ion-color-tertiary-contrast: #ffffff;
  --ion-color-tertiary-contrast-rgb: 255, 255, 255;
  --ion-color-tertiary-shade: #77519a;
  --ion-color-tertiary-tint: #936cb7;
  --ion-color-success: #00bd1a;
  --ion-color-success-rgb: 0, 189, 26;
  --ion-color-success-contrast: #ffffff;
  --ion-color-success-contrast-rgb: 255, 255, 255;
  --ion-color-success-shade: #00a617;
  --ion-color-success-tint: #1ac431;
  --ion-color-warning: #f8d616;
  --ion-color-warning-rgb: 248, 214, 22;
  --ion-color-warning-contrast: #000000;
  --ion-color-warning-contrast-rgb: 0, 0, 0;
  --ion-color-warning-shade: #dabc13;
  --ion-color-warning-tint: #f9da2d;
  --ion-color-danger: #ca437a;
  --ion-color-danger-rgb: 202, 67, 122;
  --ion-color-danger-contrast: #ffffff;
  --ion-color-danger-contrast-rgb: 255, 255, 255;
  --ion-color-danger-shade: #b23b6b;
  --ion-color-danger-tint: #cf5687;
  --ion-color-dark: #222428;
  --ion-color-dark-rgb: 34, 36, 40;
  --ion-color-dark-contrast: #ffffff;
  --ion-color-dark-contrast-rgb: 255, 255, 255;
  --ion-color-dark-shade: #1e2023;
  --ion-color-dark-tint: #383a3e;
  --ion-color-medium: #92949c;
  --ion-color-medium-rgb: 146, 148, 156;
  --ion-color-medium-contrast: #000000;
  --ion-color-medium-contrast-rgb: 0, 0, 0;
  --ion-color-medium-shade: #808289;
  --ion-color-medium-tint: #9d9fa6;
  --ion-color-light: #f4f5f8;
  --ion-color-light-rgb: 244, 245, 248;
  --ion-color-light-contrast: #000000;
  --ion-color-light-contrast-rgb: 0, 0, 0;
  --ion-color-light-shade: #d7d8da;
  --ion-color-light-tint: #f5f6f9; }

.ios,
.md {
  --ion-toolbar-background: var(--ion-color-primary);
  --ion-toolbar-color: #fff;
  --ion-toolbar-color-activated: #fff; }

.info-message,
.success-message,
.warning-message {
  font-size: 13px;
  font-weight: normal;
  border-radius: 0;
  padding: 3px 15px 3px 42px;
  line-height: 1.4em;
  text-shadow: none;
  text-align: center; }

.info-message p,
.success-message p,
.warning-message p {
  margin: 13px 22px 13px 0;
  color: var(--ion-color-light); }
  .info-message p a,
  .success-message p a,
  .warning-message p a {
    color: var(--ion-color-light);
    font-weight: bold; }
  .info-message p ion-button,
  .success-message p ion-button,
  .warning-message p ion-button {
    display: block; }

.info-message {
  color: var(--ion-color-light);
  background: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M7%2C0C3.134%2C0%2C0%2C3.134%2C0%2C7s3.134%2C7%2C7%2C7s7-3.134%2C7-7S10.866%2C0%2C7%2C0z%20M7%2C2c0.552%2C0%2C1%2C0.447%2C1%2C1S7.552%2C4%2C7%2C4S6%2C3.553%2C6%2C3%20S6.448%2C2%2C7%2C2z%20M9%2C11H5v-1h1V6H5V5h3v5h1V11z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E") 10px center/22px auto no-repeat #008eec; }

.warning-message {
  color: var(--ion-color-light);
  background: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M7%2C0L0%2C12h14L7%2C0z%20M7%2C11c-0.553%2C0-1-0.447-1-1s0.447-1%2C1-1c0.553%2C0%2C1%2C0.447%2C1%2C1S7.553%2C11%2C7%2C11z%20M7%2C8%20C6.447%2C8%2C6%2C7.553%2C6%2C7V5c0-0.553%2C0.447-1%2C1-1c0.553%2C0%2C1%2C0.447%2C1%2C1v2C8%2C7.553%2C7.553%2C8%2C7%2C8z%22%2F%3E%3C%2Fsvg%3E") 10px center/22px auto no-repeat var(--ion-color-warning-tint); }

.success-message {
  color: var(--ion-color-light);
  background: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%2214%2C4%2011%2C1%205.003%2C6.997%203%2C5%200%2C8%204.966%2C13%204.983%2C12.982%205%2C13%20%22%2F%3E%3C%2Fsvg%3E") 10px center/22px auto no-repeat var(--ion-color-success-tint); }

ion-button[type='submit'] {
  width: 40%;
  margin: 20px auto 40px; }

.empty-page-message {
  position: fixed;
  color: var(--ion-color-dark-tint);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 50%;
  width: 70%;
  -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  border-radius: 5px;
  --background: #ffeb95; }
  .empty-page-message p {
    width: 100%;
    text-align: center; }

ion-textarea {
  --padding-start: 10px !important; }

.menu-attr-item-long-value ion-label[slot='end'] {
  font-size: 0.8em; }

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

/* Firefox */
input[type='number'] {
  -moz-appearance: textfield; }

html.ios ion-action-sheet ion-icon.action-sheet-icon {
  position: absolute;
  left: 0; }

html.ios ion-alert * {
  --ion-background-color: transparent; }

.pretty-button {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 50%;
  width: 88%;
  text-align: center;
  margin-bottom: 10px;
  --inner-border-width: 0;
  -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.18), 0 6px 12px 0 rgba(0, 0, 0, 0.17), 0 1px 1px 0 rgba(0, 0, 0, 0.17);
          box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.18), 0 6px 12px 0 rgba(0, 0, 0, 0.17), 0 1px 1px 0 rgba(0, 0, 0, 0.17);
  border-radius: 5px;
  --background: #00a0a4;
  --color: white;
  --color-activated: white; }
  .pretty-button p {
    width: 100%;
    text-align: center; }

ion-item-divider {
  background-color: #f9f9f9d9;
  color: var(--ion-color-primary);
  font-size: 15px;
  font-weight: 600; }

.ios ion-item-divider {
  border-bottom: 1px solid #c8c7cc; }

figcaption {
  font-size: 0.7em; }

.info-background-message span {
  font-weight: 400; }

ion-app[lang='cy'] ion-header ion-title {
  text-transform: none !important; }

ion-app[lang='cy'] ion-col div.species-label {
  text-transform: none !important; }

ion-app[lang='cy'] ion-card-header ion-card-title {
  text-transform: none !important; }

html.ios.plt-hybrid #status-bar-background {
  background: #094d4e;
  width: 100vw;
  height: env(safe-area-inset-top);
  position: fixed;
  top: 0;
  z-index: 1000; }

ion-segment-button ion-label {
  padding: 0 15px; }

.survey-point-item.completed ion-label:not(:last-child) {
  font-weight: bold; }

.survey-point-item.completed ion-icon {
  color: var(--ion-color-primary); }

.survey-point-item ion-label:not(:last-child) {
  white-space: normal; }


/*# sourceMappingURL=style.css.map*/