@font-face {
  font-family: Magicons;
  src: url(/static/font/Magicons.5dad2e13a8.eot);
  src: url(/static/font/Magicons.5dad2e13a8.eot#iefix) format("embedded-opentype"), url(/static/font/Magicons.f6b8fe39d0.ttf) format("truetype"), url(/static/font/Magicons.8cbbdb9be2.woff) format("woff"), url(/static/svg/Magicons.44f907b563.svg#Magicons) format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="magicon-"], [class*=" magicon-"] {
  speak: none;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  font-family: Magicons !important;
}

.magicon-menu:before {
  content: "";
}

.magicon-user:before {
  content: "";
}

.magicon-loupe:before {
  content: "";
}

.magicon-inbox:before {
  content: "";
}

.magicon-mail:before {
  content: "";
}

.magicon-image:before {
  content: "";
}

.magicon-home:before {
  content: "";
}

.magicon-cart:before {
  content: "";
}

.magicon-link:before {
  content: "";
}

.magicon-pulse:before {
  content: "";
}

.magicon-music:before {
  content: "";
}

.magicon-calendar:before {
  content: "";
}

.magicon-notifications:before {
  content: "";
}

.magicon-notifications-filled:before {
  content: "";
}

.magicon-notifications-off:before {
  content: "";
}

.magicon-folder:before {
  content: "";
}

.magicon-folder-filled:before {
  content: "";
}

.magicon-folder-opened:before {
  content: "";
}

.magicon-bubble:before {
  content: "";
}

.magicon-bubble-filled:before {
  content: "";
}

.magicon-heart:before {
  content: "";
}

.magicon-heart-filled:before {
  content: "";
}

.magicon-camera:before {
  content: "";
}

.magicon-camera-filled:before {
  content: "";
}

.magicon-ribbon:before {
  content: "";
}

.magicon-ribbon-filled:before {
  content: "";
}

.magicon-ribbon-plus:before {
  content: "";
}

.magicon-star:before {
  content: "";
}

.magicon-star-half:before {
  content: "";
}

.magicon-star-filled:before {
  content: "";
}

.magicon-menu-left-1:before {
  content: "";
}

.magicon-menu-center-1:before {
  content: "";
}

.magicon-menu-right-1:before {
  content: "";
}

.magicon-menu-left-2:before {
  content: "";
}

.magicon-menu-center-2:before {
  content: "";
}

.magicon-menu-right-2:before {
  content: "";
}

.magicon-enter-left:before {
  content: "";
}

.magicon-enter-right:before {
  content: "";
}

.magicon-exit-left:before {
  content: "";
}

.magicon-exit-right:before {
  content: "";
}

.magicon-pause:before {
  content: "";
}

.magicon-pause-filled:before {
  content: "";
}

.magicon-settings-1:before {
  content: "";
}

.magicon-settings-2:before {
  content: "";
}

.magicon-settings-3:before {
  content: "";
}

.magicon-target-1:before {
  content: "";
}

.magicon-target-2:before {
  content: "";
}

.magicon-download:before {
  content: "";
}

.magicon-share-1:before {
  content: "";
}

.magicon-share-2:before {
  content: "";
}

.magicon-play:before {
  content: "";
}

.magicon-play-filled:before {
  content: "";
}

.magicon-backward:before {
  content: "";
}

.magicon-backward-filled:before {
  content: "";
}

.magicon-forward:before {
  content: "";
}

.magicon-forward-filled:before {
  content: "";
}

.magicon-clock:before {
  content: "";
}

.magicon-clock-filled:before {
  content: "";
}

.magicon-dashboard:before {
  content: "";
}

.magicon-dashboard-filled:before {
  content: "";
}

.magicon-plus-circle:before {
  content: "";
}

.magicon-plus-circle-filled:before {
  content: "";
}

.magicon-minus-circle:before {
  content: "";
}

.magicon-minus-circle-filled:before {
  content: "";
}

.magicon-ok-circle:before {
  content: "";
}

.magicon-ok-circle-filled:before {
  content: "";
}

.magicon-blocks:before {
  content: "";
}

.magicon-blocks-filled:before {
  content: "";
}

.magicon-tiles:before {
  content: "";
}

.magicon-tiles-filled:before {
  content: "";
}

.magicon-close-circle:before {
  content: "";
}

.magicon-close-circle-filled:before {
  content: "";
}

.magicon-list:before {
  content: "";
}

.magicon-text-align-justify:before {
  content: "";
}

.magicon-text-align-left:before {
  content: "";
}

.magicon-text-align-center:before {
  content: "";
}

.magicon-text-align-right:before {
  content: "";
}

.magicon-volume:before {
  content: "";
}

.magicon-monitor:before {
  content: "";
}

.magicon-laptop:before {
  content: "";
}

.magicon-smartphone:before {
  content: "";
}

.magicon-watch:before {
  content: "";
}

.magicon-duplicate:before {
  content: "";
}

.magicon-crop:before {
  content: "";
}

.magicon-resize-plus-1:before {
  content: "";
}

.magicon-resize-minus-1:before {
  content: "";
}

.magicon-resize-minus-2:before {
  content: "";
}

.magicon-resize-plus-2:before {
  content: "";
}

.magicon-resize-minus-3:before {
  content: "";
}

.magicon-resize-plus-3:before {
  content: "";
}

.magicon-battery-empty:before {
  content: "";
}

.magicon-battery-low:before {
  content: "";
}

.magicon-battery-half:before {
  content: "";
}

.magicon-battery-full:before {
  content: "";
}

.magicon-signal:before {
  content: "";
}

.magicon-power:before {
  content: "";
}

.magicon-text:before {
  content: "";
}

.magicon-info:before {
  content: "";
}

.magicon-document:before {
  content: "";
}

.magicon-document-filled:before {
  content: "";
}

.magicon-document-text:before {
  content: "";
}

.magicon-document-plus:before {
  content: "";
}

.magicon-pencil:before {
  content: "";
}

.magicon-pencil-filled:before {
  content: "";
}

.magicon-edit:before {
  content: "";
}

.magicon-switch:before {
  content: "";
}

.magicon-switch-filled:before {
  content: "";
}

.magicon-switches:before {
  content: "";
}

.magicon-repeat:before {
  content: "";
}

.magicon-sort-az:before {
  content: "";
}

.magicon-arrow-left-1:before {
  content: "";
}

.magicon-arrow-right-1:before {
  content: "";
}

.magicon-arrow-up-1:before {
  content: "";
}

.magicon-arrow-down-1:before {
  content: "";
}

.magicon-arrow-left-2:before {
  content: "";
}

.magicon-arrow-right-2:before {
  content: "";
}

.magicon-arrow-up-2:before {
  content: "";
}

.magicon-arrow-down-2:before {
  content: "";
}

.magicon-arrows-left-right:before {
  content: "";
}

.magicon-arrows-up-down:before {
  content: "";
}

.magicon-jump-left-up:before {
  content: "";
}

.magicon-jump-right-up:before {
  content: "";
}

.magicon-jump-down-left:before {
  content: "";
}

.magicon-jump-up-right:before {
  content: "";
}

.magicon-jump-left-down:before {
  content: "";
}

.magicon-jump-right-down:before {
  content: "";
}

.magicon-jump-up-left:before {
  content: "";
}

.magicon-jump-down-right:before {
  content: "";
}

.magicon-arrow-left-right:before {
  content: "";
}

.magicon-arrow-up-down:before {
  content: "";
}

.magicon-reload-1:before {
  content: "";
}

.magicon-reload-2:before {
  content: "";
}

.magicon-plus:before {
  content: "";
}

.magicon-minus:before {
  content: "";
}

.magicon-ok:before {
  content: "";
}

.magicon-close:before {
  content: "";
}

.magicon-dots-hr:before {
  content: "";
}

.magicon-dots-vr:before {
  content: "";
}

.magicon-mic:before {
  content: "";
}

.magicon-mic-off:before {
  content: "";
}

.magicon-zoom-in:before {
  content: "";
}

.magicon-zoom-in-filled:before {
  content: "";
}

.magicon-zoom-out:before {
  content: "";
}

.magicon-zoom-out-filled:before {
  content: "";
}

.magicon-stop:before {
  content: "";
}

.magicon-dots:before {
  content: "";
}

.magicon-pin:before {
  content: "";
}

.magicon-pin-filled:before {
  content: "";
}

.magicon-trash:before {
  content: "";
}

.magicon-trash-filled:before {
  content: "";
}

.magicon-tag:before {
  content: "";
}

.magicon-tag-filled:before {
  content: "";
}

.magicon-cloud:before {
  content: "";
}

.magicon-cloud-filled:before {
  content: "";
}

.magicon-lock:before {
  content: "";
}

.magicon-lock-filled:before {
  content: "";
}

.magicon-sun:before {
  content: "";
}

.magicon-sun-filled:before {
  content: "";
}

.magicon-moon:before {
  content: "";
}

.magicon-moon-filled:before {
  content: "";
}

:root {
  font-size: 62.5%;
}

html, body {
  color: #2c3e50;
  -webkit-font-smoothing: antialiased;
  width: 100%;
  height: 100%;
  margin: 0;
  font-family: Source Sans Pro, Helvetiva, Arial, sans-serif;
  font-size: 1.4rem;
  top: 0;
  left: 0;
}

body * {
  box-sizing: border-box;
}

strong {
  font-weight: 600;
}

h1 {
  font-size: 20px;
  font-weight: 600;
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 18px;
  }
}

h2 {
  font-size: 18px;
  font-weight: 600;
}

@media screen and (max-width: 767px) {
  h2 {
    font-size: 16px;
  }
}

h3 {
  font-size: 16px;
  font-weight: 400;
}

@media screen and (max-width: 767px) {
  h3 {
    font-size: 14px;
  }
}

#app-wrapper {
  width: 100%;
  height: 100%;
}

.ui-sidebar-layout nav.layout-sidebar {
  background: #2e6584;
}

.ui-sidebar-layout nav.layout-sidebar > a.logo-container {
  background: #367fa9;
}

.ui-sidebar-layout nav.layout-sidebar > a.logo-container:hover {
  background: #307096;
}

.ui-sidebar-layout nav.layout-sidebar > a.logo-container > i.logo-profmos {
  background: url(/static/svg/logo-profmos-light.1f145d2c65.svg) center / 122px 20px no-repeat;
  width: 122px;
  height: 20px;
}

.ui-sidebar-layout nav.layout-sidebar > div.toggle-menu > a {
  background: #367fa9;
}

.ui-sidebar-layout nav.layout-sidebar > div.toggle-menu > a:hover {
  background: #307096;
}

.ui-sidebar-layout nav.layout-sidebar div.ui-menu div.ui-menu-item:not(.active) a.main-item {
  opacity: .75;
}

.ui-sidebar-layout nav.layout-sidebar div.ui-menu div.ui-menu-item:not(.active) a.main-item:hover {
  background: #235c7d;
}

.ui-sidebar-layout nav.layout-sidebar div.ui-menu div.ui-menu-item.active {
  background: #205371;
}

.ui-sidebar-layout.ui-layout div.layout-wrapper > div.layout-topbar > div.actions {
  margin-right: 0;
}

.ui-sidebar-layout div.topbar-actions {
  flex-direction: row;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.ui-sidebar-layout div.topbar-actions > a, .ui-sidebar-layout div.topbar-actions > button {
  color: #2c3e50;
  opacity: .5;
  border-left: 1px solid #eee;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin: 0;
  text-decoration: none;
  transition: opacity .15s;
  display: flex;
}

.ui-sidebar-layout div.topbar-actions > a:hover, .ui-sidebar-layout div.topbar-actions > button:hover {
  opacity: 1;
}

.ui-sidebar-layout div.topbar-actions > a > i, .ui-sidebar-layout div.topbar-actions > button > i {
  text-align: center;
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  font-size: 18px;
  line-height: 24px;
}

.ui-sidebar-layout div.topbar-actions > a.account, .ui-sidebar-layout div.topbar-actions > button.account {
  white-space: nowrap;
  flex: none;
  gap: 10px;
  padding: 0 18px;
}

.ui-sidebar-layout div.topbar-actions > a.help, .ui-sidebar-layout div.topbar-actions > a.logout, .ui-sidebar-layout div.topbar-actions > button.help, .ui-sidebar-layout div.topbar-actions > button.logout {
  flex: 0 0 60px;
  width: 60px;
  padding: 0;
}

.ui-sidebar-layout div.topbar-actions > a.logout, .ui-sidebar-layout div.topbar-actions > button.logout {
  cursor: pointer;
  background: none;
  border-top: 0;
  border-bottom: 0;
  border-right: 0;
}

.ui-sidebar-layout .ui-table.action-table {
  margin-top: -5px;
}

.ui-sidebar-layout .ui-table.action-table tr th {
  font-size: 12px;
}

.ui-sidebar-layout .ui-table.action-table tr th:not(:first-of-type) {
  padding-left: 5px;
}

.ui-sidebar-layout .ui-table.action-table tr th:not(:last-of-type) {
  padding-right: 5px;
}

.ui-sidebar-layout .ui-table.action-table tr th {
  height: 26px;
  padding-top: 0;
  padding-bottom: 6px;
}

.ui-sidebar-layout .ui-table.action-table tr td {
  height: auto;
  min-height: 32px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 12px;
}

.ui-sidebar-layout .ui-table.action-table tr td:not(:first-of-type) {
  padding-left: 5px;
}

.ui-sidebar-layout .ui-table.action-table tr td:not(:last-of-type) {
  padding-right: 5px;
}

.ui-sidebar-layout .ui-table.action-table tr:last-of-type td:first-of-type {
  border-bottom-left-radius: 5px;
}

.ui-sidebar-layout .ui-table.action-table tr:last-of-type td:last-of-type {
  border-bottom-right-radius: 5px;
}

.ui-sidebar-layout span.placeholder-full {
  text-align: center;
  color: #2c3e5099;
  padding: 20px;
  font-size: 18px;
  display: block;
}

div.ui-login-layout {
  background: #eee url(/static/image/login-bg2.4374f22400.jpg) center / cover no-repeat;
  justify-content: center;
  align-items: center;
  display: flex;
}

div.ui-login-layout div.login-container {
  height: auto;
}

div.ui-login-layout div.login-container div.logo-holder {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 30px;
  margin-bottom: 10px;
  padding: 20px 0 10px;
  display: flex;
}

div.ui-login-layout div.login-container div.logo-holder i {
  background: url(/static/svg/logo-profmos-dark.5b15f2acf2.svg) center / 246px 36px no-repeat;
  width: 246px;
  height: 36px;
  display: block;
  transform: scale(.8);
}

div.ui-login-layout div.login-container div.form {
  border-radius: 20px;
  margin-top: 0;
  position: relative;
  top: auto;
  box-shadow: 0 5px 40px #0009;
}

div.ui-login-layout div.login-container div.form div.submit-holder a.ui-button {
  background: #367fa9;
}

div.ui-login-layout div.login-container div.form div.submit-holder a.ui-button:hover {
  background: #307096;
}

div.view-overview-period div.overview-settings {
  grid-column-gap: 15px;
  grid-template-columns: 1fr 130px 150px;
  grid-template-areas: "dates filter create";
  display: grid;
}

div.view-overview-period div.overview-settings span.label {
  color: #666;
  margin-bottom: 8px;
  font-size: 13px;
  display: block;
}

div.view-overview-period div.overview-settings div.dates {
  grid-area: dates;
  display: flex;
}

div.view-overview-period div.overview-settings div.dates > div {
  flex-grow: 1;
}

div.view-overview-period div.overview-settings div.dates > div:not(:last-of-type) {
  margin-right: 15px;
}

div.view-overview-period div.overview-settings div.dates > div div.ui-input {
  width: 100%;
  display: block;
}

div.view-overview-period div.overview-settings div.filter {
  grid-area: filter;
}

div.view-overview-period div.overview-settings div.create {
  grid-area: create;
  padding-top: 22px;
}

div.view-current-cohorts .ui-panel.lot {
  box-shadow: none;
  background: #2f65840a;
  border: 1px solid #2f65841a;
  border-radius: 6px;
}

div.view-current-cohorts .ui-panel.lot > h2 {
  font-size: 18px;
}

div.view-current-cohorts .ui-panel.lot > span.subtitle {
  color: #777;
  margin-top: 6px;
  font-size: 14px;
  display: block;
}

div.view-current-cohorts div.page-loader .core-spinner {
  background: none;
}

div.view-current-cohorts div.parcel-header-wrapper {
  justify-content: space-between;
  display: flex;
}

div.view-current-cohorts div.sections-holder {
  -gutter-grid-: grid;
  box-sizing: border-box;
  border-color: #0000;
  flex-wrap: wrap;
  align-content: stretch;
  min-width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex !important;
}

div.view-current-cohorts div.sections-holder > * {
  -gutter-grid-: cell;
  box-sizing: border-box;
  border: 0 solid #0000;
  flex-grow: 0;
  flex-shrink: 1;
  align-items: stretch;
  min-width: 0%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  background-clip: padding-box !important;
}

div.view-current-cohorts div.sections-holder > * > * {
  -gutter-grid-: inner;
  box-sizing: border-box;
  width: 100%;
  display: block;
}

div.view-current-cohorts div.sections-holder > * {
  width: 33.3333%;
}

@media (max-width: 960px) {
  div.view-current-cohorts div.sections-holder > * {
    width: 50%;
  }
}

@media (max-width: 600px) {
  div.view-current-cohorts div.sections-holder > * {
    width: 99.9999%;
  }
}

div.view-current-cohorts div.sections-holder {
  border-style: solid;
  border-width: 0 20px 0 0;
  margin: 0 -20px -20px;
}

div.view-current-cohorts div.sections-holder > * {
  border-width: 0 0 20px 20px;
}

@media screen and (max-width: 1023px) {
  div.view-current-cohorts div.sections-holder {
    -gutter-grid-: grid;
    box-sizing: border-box;
    border-color: #0000;
    flex-wrap: wrap;
    align-content: stretch;
    min-width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex !important;
  }

  div.view-current-cohorts div.sections-holder > * {
    -gutter-grid-: cell;
    box-sizing: border-box;
    border: 0 solid #0000;
    flex-grow: 0;
    flex-shrink: 1;
    align-items: stretch;
    min-width: 0%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    background-clip: padding-box !important;
  }

  div.view-current-cohorts div.sections-holder > * > * {
    -gutter-grid-: inner;
    box-sizing: border-box;
    width: 100%;
    display: block;
  }

  div.view-current-cohorts div.sections-holder > * {
    width: 50%;
  }

  div.view-current-cohorts div.sections-holder {
    border-style: solid;
    border-width: 0 20px 0 0;
    margin: 0 -20px -20px;
  }
}

@media screen and (max-width: 1023px) and (max-width: 600px) {
  div.view-current-cohorts div.sections-holder > * {
    width: 99.9999%;
  }
}

@media screen and (max-width: 1023px) {
  div.view-current-cohorts div.sections-holder > * {
    border-width: 0 0 20px 20px;
  }
}

@media screen and (max-width: 767px) {
  div.view-current-cohorts div.sections-holder {
    -gutter-grid-: grid;
    box-sizing: border-box;
    border-color: #0000;
    flex-wrap: wrap;
    align-content: stretch;
    min-width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex !important;
  }

  div.view-current-cohorts div.sections-holder > * {
    -gutter-grid-: cell;
    box-sizing: border-box;
    border: 0 solid #0000;
    flex-grow: 0;
    flex-shrink: 1;
    align-items: stretch;
    min-width: 0%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    background-clip: padding-box !important;
  }

  div.view-current-cohorts div.sections-holder > * > * {
    -gutter-grid-: inner;
    box-sizing: border-box;
    width: 100%;
    display: block;
  }

  div.view-current-cohorts div.sections-holder > * {
    width: 99.9999%;
  }

  div.view-current-cohorts div.sections-holder {
    border-style: solid;
    border-width: 0;
    margin: 0;
  }

  div.view-current-cohorts div.sections-holder > * {
    border-width: 0;
  }
}

div.view-current-cohorts div.sections-holder .ui-panel.section {
  background: #fff;
  border-radius: 5px;
  grid-area: item;
  margin-top: 20px;
  margin-bottom: 0;
}

div.view-current-cohorts div.sections-holder .ui-panel.section div.section-title {
  padding: 20px 20px 15px;
}

div.view-current-cohorts div.sections-holder .ui-panel.section div.section-title:after {
  content: "";
  clear: both;
  display: table;
}

div.view-current-cohorts div.sections-holder .ui-panel.section div.section-title a.section-link {
  color: #fff;
  float: left;
  background: #367fa9;
  border-radius: 3px;
  max-width: calc(100% - 140px);
  padding: 4px 9px 5px;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  transition: background .15s;
  display: block;
}

div.view-current-cohorts div.sections-holder .ui-panel.section div.section-title a.section-link.disabled {
  cursor: default;
}

div.view-current-cohorts div.sections-holder .ui-panel.section div.section-title a.section-link:not(.disabled):hover {
  background: #307096;
}

div.view-current-cohorts div.sections-holder .ui-panel.section div.section-title span.cohort-link {
  float: left;
  color: #888;
  background: #f7f7f7;
  border: 1px solid #e2e2e2;
  border-radius: 3px;
  align-items: center;
  height: 26px;
  margin-left: 5px;
  padding: 4px 8px 5px;
  font-size: 14px;
  transition: background .15s;
  display: flex;
}

div.view-current-cohorts div.sections-holder .ui-panel.section div.section-content {
  padding: 0 20px 10px;
}

div.view-current-cohorts div.sections-holder .ui-panel.section div.section-content table {
  border-collapse: collapse;
  width: 100%;
}

div.view-current-cohorts div.sections-holder .ui-panel.section div.section-content table tr:not(:first-of-type) {
  border-top: 1px solid #eee;
}

div.view-current-cohorts div.sections-holder .ui-panel.section div.section-content table tr:nth-child(2) {
  border-top: 2px solid #eee;
}

div.view-current-cohorts div.sections-holder .ui-panel.section div.section-content table th {
  text-align: left;
  color: #367fa9;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 2px 0 6px;
  font-size: 12px;
  font-weight: 600;
}

div.view-current-cohorts div.sections-holder .ui-panel.section div.section-content table td {
  padding: 6px 0;
  font-size: 13px;
}

div.view-current-cohorts div.sections-holder .ui-panel.section div.section-content table span.unit {
  color: #999;
  margin-left: 3px;
  font-size: 12px;
}

div.view-cohort-detail div.cohort-selection {
  grid-column-gap: 15px;
  grid-template-columns: 300px 1fr 150px;
  grid-template-areas: "status cohort create";
  display: grid;
}

div.view-cohort-detail div.cohort-selection div.status {
  grid-area: status;
}

div.view-cohort-detail div.cohort-selection div.cohort {
  grid-area: cohort;
}

div.view-cohort-detail div.cohort-selection div.create {
  grid-area: create;
}

div.view-cohort-detail div.cohort-selection span.label {
  color: #666;
  margin-bottom: 8px;
  font-size: 13px;
  display: block;
}

div.view-cohort-detail div.cohort-selection div.segmented-control {
  grid-gap: 0;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "item1 item2";
  display: grid;
}

div.view-cohort-detail div.cohort-selection div.segmented-control a.ui-button:first-child {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  grid-area: item1;
}

div.view-cohort-detail div.cohort-selection div.segmented-control a.ui-button:nth-child(2) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  grid-area: item2;
}

div.view-cohort-detail div.cohort-selection div.segmented-control a.ui-button:hover {
  background: #367fa91a;
}

div.view-cohort-detail div.cohort-selection div.segmented-control a.ui-button.active {
  color: #fff;
  background: #367fa9cc;
}

div.view-cohort-detail div.cohort-selection div.dropdowns-holder {
  flex-direction: row;
  display: flex;
}

div.view-cohort-detail div.cohort-selection div.dropdowns-holder > * {
  flex-grow: 1;
}

div.view-cohort-detail div.cohort-selection div.dropdowns-holder > :not(:last-of-type) {
  margin-right: 7px;
}

div.view-cohort-detail div.cohort-selection div.create {
  padding-top: 22px;
}

div.view-cohort-detail div.data-panels {
  grid-gap: 15px;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

div.view-cohort-detail div.data-panels .ui-panel span.key {
  color: #999;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 7px;
  font-size: 12px;
  font-weight: 400;
  display: block;
}

div.view-cohort-detail div.data-panels .ui-panel span.value {
  color: #2c3e50;
  font-size: 18px;
  font-weight: 600;
  display: block;
}

div.view-cohort-detail div.data-panels .ui-panel.state-info span.value {
  padding-left: 20px;
  position: relative;
}

div.view-cohort-detail div.data-panels .ui-panel.state-info span.value:before {
  content: "";
  border: 1px solid #0003;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

div.view-cohort-detail div.data-panels .ui-panel.state-info span.value.active {
  color: #59b147;
}

div.view-cohort-detail div.data-panels .ui-panel.state-info span.value.active:before {
  background-color: #59b147;
}

div.view-cohort-detail div.data-panels .ui-panel.state-info span.value.passive {
  color: #ca2c2c;
}

div.view-cohort-detail div.data-panels .ui-panel.state-info span.value.passive:before {
  background-color: #ca2c2c;
}

div.view-cohort-detail div.ui-panel.history h2 {
  padding: 18px;
  font-size: 17px;
}

div.view-cohort-detail div.ui-panel.history h2 i {
  margin-right: 8px;
}

div.view-water-insights .insights-filters {
  justify-content: end;
  gap: 1rem;
  display: flex;
}

div.view-water-insights .insights-filters .series-picker {
  width: 20rem;
}

div.view-water-insights .insights-data {
  justify-content: center;
  align-items: center;
  margin-top: 2rem;
  display: flex;
}

div.view-water-insights .insights-data img {
  max-width: 100%;
  max-height: 700px;
}

.ui-panel.parcel-detail {
  box-shadow: none;
  background: #2f65840a;
  border: 1px solid #2f65841a;
  border-radius: 6px;
}

.ui-panel.parcel-detail h2 {
  font-size: 18px;
}

.ui-panel.parcel-detail span.efficiency {
  color: #777;
  margin-top: 5px;
  font-size: 15px;
  display: block;
}

.ui-panel.parcel-detail .ui-panel.section {
  background: #fff;
  border-radius: 5px;
  margin-top: 20px;
  margin-bottom: 0;
}

.ui-panel.parcel-detail .ui-panel.section div.section-title {
  flex-direction: row;
  align-content: space-between;
  padding: 20px;
  display: flex;
  position: relative;
}

.ui-panel.parcel-detail .ui-panel.section div.section-title div.left {
  flex: 1;
}

.ui-panel.parcel-detail .ui-panel.section div.section-title div.right {
  flex-direction: row;
  flex: 0;
  justify-content: flex-end;
  display: flex;
}

.ui-panel.parcel-detail .ui-panel.section div.section-title div.right .action-filter {
  width: 150px;
}

.ui-panel.parcel-detail .ui-panel.section div.section-title.collapsable {
  padding-left: 42px;
}

.ui-panel.parcel-detail .ui-panel.section div.section-title div.collapse-indicator {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  font-size: 11px;
  display: flex;
  position: absolute;
  top: 24px;
  left: 16px;
}

.ui-panel.parcel-detail .ui-panel.section div.section-title div.collapse-indicator > i {
  color: #367fa9;
  transition: transform .15s;
  transform: rotate(-90deg);
}

.ui-panel.parcel-detail .ui-panel.section div.section-title h2 {
  color: #fff;
  background: #367fa9;
  border-radius: 3px;
  padding: 4px 9px 5px;
  font-size: 15px;
  display: inline-block;
}

.ui-panel.parcel-detail .ui-panel.section div.section-title span.efficiency {
  opacity: .75;
  margin-left: 8px;
  font-size: 15px;
  display: inline-block;
}

.ui-panel.parcel-detail .ui-panel.section div.section-title div.date-navigator {
  border: 1px solid #ddd;
  border-radius: 3px;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  width: 250px;
  height: 32px;
  padding: 4px;
  display: flex;
}

.ui-panel.parcel-detail .ui-panel.section div.section-title div.date-navigator a.ui-button {
  flex: 0 0 24px;
  height: 24px;
  padding: 0 6px;
}

.ui-panel.parcel-detail .ui-panel.section div.section-title div.date-navigator a.ui-button.icon-only i {
  font-size: 11px;
}

.ui-panel.parcel-detail .ui-panel.section div.section-title div.date-navigator span.title {
  white-space: nowrap;
  text-align: center;
  flex: 1;
}

.ui-panel.parcel-detail .ui-panel.section div.section-title div.right {
  gap: 10px;
}

.ui-panel.parcel-detail .ui-panel.section div.section-title div.right a.ui-button {
  white-space: nowrap;
  width: 125px;
}

.ui-panel.parcel-detail .ui-panel.section section.photos {
  flex-direction: column;
  gap: 10px;
  padding: 10px;
  display: flex;
}

.ui-panel.parcel-detail .ui-panel.section section.photos h2.title {
  font-size: 16px;
  font-weight: 500;
}

.ui-panel.parcel-detail .ui-panel.section section.photos div.actions-container {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.ui-panel.parcel-detail .ui-panel.section section.photos h3.date {
  font-size: 14px;
  font-weight: 500;
}

.ui-panel.parcel-detail .ui-panel.section section.photos img.image {
  width: 100px;
  height: 100px;
}

.ui-panel.parcel-detail .ui-panel.section.collapsable div.section-title {
  padding-left: 42px;
}

.ui-panel.parcel-detail .ui-panel.section.collapsable .ui-table {
  display: none;
}

.ui-panel.parcel-detail .ui-panel.section.collapsable.open div.section-title div.collapse-indicator > i {
  transform: rotate(0);
}

.ui-panel.parcel-detail .ui-panel.section.collapsable.open .ui-table {
  display: table;
}

.ui-heading .ui-dropdown {
  width: auto;
  min-width: 150px;
}

div.pm-available-date-picker {
  cursor: default;
  width: 20rem;
  height: var(--ui-control-height);
  background: var(--ui-control-background-color);
  border-radius: var(--ui-control-radius);
  border: var(--ui-control-border-size) solid var(--ui-control-border-color);
  transition: border var(--ui-control-transition-time);
  font-size: var(--ui-control-font-size);
  font-weight: var(--ui-control-font-weight);
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

div.pm-available-date-picker a.previous {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

div.pm-available-date-picker div.ui-dropdown {
  border-left: none;
  border-right: none;
  border-radius: 0;
}

div.pm-available-date-picker a.next {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

div.pm-available-date-picker > a.previous, div.pm-available-date-picker > a.next {
  color: var(--ui-color-neutral);
  border: 1px solid #cdcdcd;
  justify-content: center;
  align-items: center;
  height: 32px;
  padding: .6rem;
  text-decoration: none;
  display: flex;
}

div.pm-available-date-picker > a.previous i, div.pm-available-date-picker > a.next i {
  font-size: 1.5rem;
}

div.pm-available-date-picker > a.previous.disabled, div.pm-available-date-picker > a.next.disabled {
  pointer-events: none;
  color: gray;
  opacity: .6;
  background: #eee;
}

div.images-panel h2.title {
  margin-bottom: 10px;
}

div.image-container {
  flex-wrap: wrap;
  gap: 10px;
  display: flex;
}

div.image-container div.image-wrapper {
  position: relative;
}

div.image-container div.image-wrapper:hover a.delete-button {
  display: flex;
}

div.image-container img.image {
  cursor: pointer;
  object-fit: cover;
  border-radius: 4px;
  width: 160px;
  height: 160px;
}

div.image-container a.delete-button {
  width: 24px;
  height: 24px;
  display: none;
  position: absolute;
  top: 5px;
  right: 5px;
}

div.ui-modal.action-detail-modal {
  background: #f5f5f5;
  max-width: 650px;
}

div.ui-modal.action-detail-modal div.modal-content {
  padding: 20px;
}

div.ui-modal.action-detail-modal div.ui-view-panel div.ui-panel {
  margin-bottom: 0;
}

div.ui-modal.action-detail-modal div.images-panel {
  margin: 1rem 0 0;
}

.confirm-delete-action-modal {
  min-width: 800px;
}

.confirm-delete-action-modal .ui-table {
  margin-bottom: 20px;
}

.confirm-delete-action-modal .warning-header {
  color: #f6a623;
  font-size: 14px;
  font-weight: 500;
}

.confirm-delete-action-modal .warning-content {
  align-items: center;
  gap: 8px;
  display: flex;
}

.confirm-delete-action-modal .warning-text {
  font-weight: 600;
  line-height: 1.4;
}

.confirm-delete-action-modal .modal-actions {
  border-top: 1px solid #d5d9db;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding-top: 20px;
  display: flex;
}

div.ui-modal.parcel-prediction-modal {
  background: #f5f5f5;
  max-width: 400px;
}

div.ui-modal.parcel-prediction-modal div.modal-content {
  padding: 20px;
}

div.ui-modal.parcel-prediction-modal div.ui-view-panel div.ui-panel {
  margin-bottom: 0;
}

div.ui-modal.parcel-prediction-modal div.ui-view-panel div.ui-panel .parcel-prediction-wrapper {
  padding: 20px;
}

div.ui-modal.parcel-prediction-modal div.ui-view-panel div.ui-panel .parcel-prediction-wrapper .parcel-prediction .title {
  font-size: 14px;
  font-weight: 600;
}

div.ui-modal.parcel-prediction-modal div.ui-view-panel div.ui-panel .parcel-prediction-wrapper .parcel-prediction .list {
  margin: 0 0 10px;
}

div.ui-modal.parcel-prediction-modal div.ui-view-panel div.ui-panel .parcel-prediction-wrapper .parcel-prediction .list .list-item {
  padding-block: 5px;
}

.photo-viewer-panel {
  flex-direction: column;
  width: 100%;
  height: 100vh;
  max-height: 100vh;
  display: flex;
}

.photo-viewer-panel .close-button {
  color: #000;
  background-color: #fff;
  border-radius: 50%;
  width: 3.2rem;
  height: 3.2rem;
  font-size: 2rem;
  position: absolute;
  top: 2rem;
  right: 2rem;
}

.photo-viewer-panel .image-container {
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  display: flex;
}

.photo-viewer-panel div.image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: .4rem;
  flex: auto;
  width: 100%;
  height: 100%;
}

.photo-viewer-panel table {
  background: #00000063;
  flex: none;
  align-self: end;
  width: 100%;
  padding: 2rem;
}

.photo-viewer-panel table .key {
  color: #ffffffbf;
  text-transform: uppercase;
  font-size: 1.2rem;
  line-height: 2;
}

.photo-viewer-panel table .value {
  color: #fff;
  font-size: 1.4rem;
  line-height: 2;
}