@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);

.bp6-portal.surveyorNavAccount .clientNavAccountPopOver {
  max-width: calc(100vw - 24px);
  max-height: calc(100vh - 24px);
}

.bp6-portal.surveyorNavAccount .clientNavAccountPopOver .bp6-popover-content,
.bp6-portal.surveyorNavAccount .clientNavAccountPopOver .menu-container {
  box-sizing: border-box;
  max-width: calc(100vw - 24px);
  max-height: calc(100vh - 24px);
}

.bp6-portal.surveyorNavAccount .clientNavAccountPopOver .menu-container {
  overflow: auto;
}


.surveyorApp body {
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.surveyorApp body {
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  margin: 0;
  background: #f9f9f9;
  color: #222;
}

.app.surveyorApp {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.surveyorApp .header,
.surveyorApp .footer {
  padding: 1rem;
  background: #fff;
  background-color: #001D1D;
}

.surveyorApp .header {
  height: 90px;
  padding: 0;
  background-color: #251F2B;
}

.surveyorApp .footer {
  height: 60px;
  text-align: center;
  overflow: hidden;
  background-color: #251F2B;
}

.surveyorApp .footer img {
  height: 200%;
  position: relative;
  top: -13px;
}

.surveyorApp .title {
  font-size: 2rem;
  font-weight: bold;
}

.app.surveyorApp .navbar {
  display: flex;
  flex-direction: row;
  align-items: center; /* better alignment */
  justify-content: flex-start;
  margin: 0;
  padding: 0;
}

/* Navbar Brand */
.surveyorApp .brand-logo {
  height: 90px;
  padding: 15px 40px 15px 30px;
  line-height: 40px;
  margin-left: 20px;
}

.surveyorApp .brand-logo img {
    height: 150%;
    position: relative;
    top: -15px;
    cursor: pointer;
}

.surveyorApp .login .brand-logo img {
    height: 150%;
    position: relative;
    top: -15px;
    cursor: pointer;
}

.surveyorApp .navbar a.brand-logo {
  text-decoration-color: transparent;
}

.surveyorApp .navbar .brand-logo h1 {
    font-size: 0.88rem;
    height: 20%;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 4px;
    font-family: auto;
}

.surveyorApp .navbar h1.title {
    color: #fff;
    text-transform: uppercase;
    font-size: 2.5rem;
    flex: 0 1 auto;
    min-width: 0;
    margin: 0;
    font-family: auto;
}

.surveyorApp .nav {
  margin-left: auto; /* pushes nav to the far right */
  display: flex;
  align-items: center;
  gap: 1.5rem; /* optional spacing between items */
  flex-wrap: unset !IMPORTANT;
  margin-right: 50px;
}

.surveyorApp .nav h2 {
  color: #fff;
  font-size: 1.5rem;
  margin: 0;
  font-weight: bold;
  font-family: auto;
}

.surveyorApp .nav .nav-action,
.surveyorApp .nav .user-menu .aClass {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  color: #F6BA49;
  cursor: pointer;
  line-height: 1;
  text-decoration: none;
}

.surveyorApp .nav .nav-action:hover,
.surveyorApp .nav .nav-action:focus,
.surveyorApp .nav .user-menu .aClass:hover,
.surveyorApp .nav .user-menu .aClass:focus {
  color: #F6BA49;
  text-decoration: none;
}

.surveyorApp .nav .cart-button {
  position: relative;
}

.surveyorApp .nav .nav-icon svg,
.surveyorApp .nav .user-menu .aClass svg {
  height: 32px;
  width: 32px;
  fill: currentColor;
  display: block;
}

.surveyorApp .nav .cart-badge {
  position: absolute;
  top: -6px;
  right: -10px;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border-radius: 999px;
  background: #f6ba49;
  color: #251f2b;
  font-size: 12px;
  font-weight: bold;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #251f2b;
}

.surveyorApp .cart-overlay {
  position: fixed;
  inset: 0;
  z-index: 4000;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.surveyorApp .cart-overlay__panel {
  width: 520px;
  max-width: 95vw;
  max-height: 85vh;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.35);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.surveyorApp .cart-overlay__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 18px 20px;
  border-bottom: 1px solid #e2e2e2;
}

.surveyorApp .cart-overlay__header h2 {
  margin: 0;
  font-size: 22px;
  font-weight: bold;
}

.surveyorApp .cart-overlay__header span {
  color: #6b7280;
  font-size: 13px;
}

.surveyorApp .cart-overlay__body {
  padding: 16px 20px 20px 20px;
  overflow: auto;
}

.surveyorApp .cart-overlay__empty {
  margin: 20px 0;
  color: #6b7280;
  text-align: center;
}

.surveyorApp .cart-overlay__list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.surveyorApp .cart-overlay__item {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 8px;
  background: #f7f7f7;
}

.surveyorApp .cart-overlay__item-main h4 {
  margin: 0 0 4px 0;
  font-size: 16px;
}

.surveyorApp .cart-overlay__item-main span {
  color: #6b7280;
  font-size: 13px;
}

.surveyorApp .cart-overlay__item-meta {
  text-align: right;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.surveyorApp .cart-overlay__item-meta span {
  color: #6b7280;
  font-size: 12px;
}

.surveyorApp .cart-overlay__item-meta strong {
  font-size: 15px;
}

.surveyorApp .cart-overlay__footer {
  margin-top: 18px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.surveyorApp .cart-overlay__total {
  display: flex;
  justify-content: space-between;
  font-weight: bold;
  font-size: 16px;
}

.surveyorApp .cart-overlay__footer .bp6-button,
.surveyorApp .cart-overlay__footer .bp6-button {
  width: 100%;
}

.surveyorApp .nav .user-menu {
    margin: 0 30px 0 10px;
}

.surveyorApp .content {
  position: relative;
  flex: 1;                /* take available space between header & footer */
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.surveyorApp .page {
  position: relative;
  width: 100%;
  height: 100%;
}

.surveyorApp .page-background {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-position-y: 400px;
  object-fit: cover;
  z-index: 0; /* lowest */
}

.surveyorApp .page-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.7); /* dark overlay */
  z-index: 1; /* above background */
}

.surveyorApp .page-center {
  position: absolute;
  top: 0;
  z-index: 2; /* above both image + overlay */
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center; /* vertical center */
  align-items: center;     /* horizontal center */
  text-align: center;
  color: #fff;
}

.surveyorApp .page-center .brand img {
  max-height: 120px;
  margin-bottom: 1rem;
}

.surveyorApp .page-center .brand h1 {
  font-size: 2rem;
  color: #fff;
  margin-bottom: 2rem;
  font-family: auto;
}

.surveyorApp .button-group {
  display: flex;
  flex-direction: column; /* stack vertically */
  align-items: center;    /* center horizontally */
  gap: 1rem;              /* space between items */
  margin-top: 20px;
}

.surveyorApp .button-group .bp6-button.bp6-intent-primary,
.surveyorApp .button-group .bp6-button.bp6-intent-primary:hover {
    background-color: #F1B434;
    color: #000;
    font-weight: bold;
    font-size: 1.5rem;
    width: 120%;
    padding: 20px 80px;
    border-radius: 7px;
}

.surveyorApp .or-text {
  color: #fff;
  font-weight: bold;
  font-size: 2.5rem;
  margin: 0.5rem 0;       /* some vertical spacing */
}

/* PAGE BRAND */
.surveyorApp .page .brand {
    height: 200px;
    padding: 0 30px;
}

.surveyorApp .page .brand img {
    height: 70%;
}

.surveyorApp .page .brand h1 {
    font-size: 3.1rem;
    height: 20%;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 0px;
}

.surveyorApp .page a.brand {
  text-decoration-color: transparent;
}

/* Libray Page */
.surveyorApp .bp6-navbar.library {
  background-color: #f5f7f7;
}

.surveyorApp .bp6-navbar.library .bp6-button.bp6-intent-primary {
  background-color: #F6BA49;
  border-radius: 7px;
  font-weight: bold;
  color: #333;
  padding: 10px 30px;
}

.surveyorApp .bp6-navbar.library .bp6-button.bp6-intent-primary.show-hidden-button {
  background-color: #007F7F;
  color: #fff;
}

.surveyorApp .bp6-navbar.library .or-text {
  font-size: 14px;
  color: #333;
  margin: 0 15px;
}

.surveyorApp .bp6-navbar.library .bp6-button.bp6-intent-primary.settings {
  padding: 10px 15px 10px 20px;
} 

.settings-overlay-portal .bp6-dialog {
  width: 520px;
  max-width: 90vw;
}

.settings-overlay-portal .bp6-dialog-body {
  padding: 20px;
}

.settings-overlay__content {
  padding: 30px 20px 20px 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.settings-overlay__intro {
  margin: 0;
  padding: 0 9px;
  color: #5f6b7c;
}

.settings-overlay__section {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.settings-overlay__section--tight {
  gap: 0;
  padding: 0 5px;
}

.settings-overlay__section--tight h3 {
  margin: 4px;
}

.settings-overlay__sliders {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.settings-overlay__slider {
  background: #f5f7f7;
  border-radius: 10px;
  padding: 10px 12px;
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.02);
}

.settings-overlay__slider h3 {
  margin: 0 0 10px 0;
  font-size: 1rem;
}

.settings-overlay__slider-row {
  display: flex;
  align-items: center;
  gap: 12px;
}

.settings-overlay__value {
  min-width: 40px;
  text-align: right;
  font-weight: bold;
  color: #001d1d;
}

.settings-overlay__actions {
  justify-content: center;
  margin-top: 10px;
  gap: 10px;
}

.surveyorApp .bp6-navbar.library .bp6-button.bp6-intent-primary:hover:not(.bp6-disabled) {
    background-color: #daa94a;
    color: #001d1d;
}

.surveyorApp .bp6-navbar.library .bp6-button.bp6-intent-primary.show-hidden-button:hover:not(.bp6-disabled) {
    background-color: #037272;
    color: #fcfcfc;
}

.surveyorApp .ag-cell div .bp6-button.export-btn {
    background-color: #F6BA49;
    color: #000;
    border-radius: 3px;
}

.surveyorApp .ag-cell div .bp6-button .bp6-icon  {
  color: #555;
}

.surveyorApp .ag-cell span.or-text {
  color: #000;
  font-size: 14px;
}

.surveyorApp .ag-cell div .bp6-button.aipro-btn {
    background-color: #007F7F;
    color: #fcfcfc;
    border-radius: 3px;
}

.surveyorApp .ag-theme-quartz .ag-center-cols-container .ag-cell {
  border: 1px solid #d0d0d0 !important;
  box-sizing: border-box;
}

.surveyorApp .ag-theme-quartz .ag-row {
  border-bottom: none !important;
}

.surveyorApp .ag-cell div .bp6-button:not([class*=bp6-intent-]):disabled, .bp6-button:not([class*=bp6-intent-]).bp6-disabled {
    background-color: rgba(211, 216, 222, 0.5);
    box-shadow: none;
    color: rgba(95, 107, 124, 0.6);
    cursor: not-allowed;
    outline: none;
}

.surveyorApp .library-page {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 10px 16px 14px;
  box-sizing: border-box;
  background: rgb(245, 247, 247);
}

.surveyorApp .library-page .bp6-navbar.library {
  min-height: 44px;
  height: 44px;
  border-radius: 6px;
  box-shadow: none;
  padding: 0 12px;
}

.surveyorApp .library-page .bp6-navbar.library .bp6-navbar-group {
  height: 42px;
}

.surveyorApp .library-grid {
  --ag-background-color: #ffffff;
  --ag-foreground-color: #000000;
  --ag-header-background-color: rgb(245, 247, 247);
  --ag-header-foreground-color: rgba(0, 0, 0, 0.54);
  --ag-border-color: rgb(189, 195, 199);
  --ag-row-border-color: #d0d0d0;
  --ag-odd-row-background-color: #ffffff;
  --ag-row-hover-color: rgb(245, 247, 247);
  --ag-selected-row-background-color: rgb(161 201 226);
  --ag-font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ag-font-size: 13px;
  border: 1px solid rgb(189, 195, 199);
  border-radius: 3px;
  box-shadow: none;
  overflow: hidden;
  background: #fff;
}

.surveyorApp .library-grid .ag-root-wrapper {
  border: none;
  border-radius: 3px;
}

.surveyorApp .library-grid .ag-header {
  border-bottom: 1px solid rgb(189, 195, 199);
  background: rgb(245, 247, 247);
}

.surveyorApp .library-grid .ag-header-row-column-group {
  background: rgb(245, 247, 247);
}

.surveyorApp .library-grid .ag-header-group-cell,
.surveyorApp .library-grid .ag-header-cell {
  border-right: 1px solid rgb(189, 195, 199);
}

.surveyorApp .library-grid .ag-header-group-cell-label,
.surveyorApp .library-grid .ag-header-cell-label {
  align-items: center;
  color: rgba(0, 0, 0, 0.54);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.02em;
}

.surveyorApp .library-grid .group-header-center .ag-header-group-cell-label,
.surveyorApp .library-grid .group-header-center .ag-header-cell-label {
  justify-content: center;
}

.surveyorApp .library-grid .ag-header-cell input[type="text"] {
  height: 28px;
  width: 100%;
  padding: 0 8px !important;
  border: 1px solid rgb(189, 195, 199);
  border-radius: 0;
  background: #ffffff;
  color: #000000;
  font-size: 12px !important;
  outline: none;
  box-shadow: none;
}

.surveyorApp .library-grid .ag-header-cell input[type="text"]:focus {
  border-color: #106ba3;
  box-shadow: 0 0 0 1px #106ba3;
}

.surveyorApp .library-grid .ag-row {
  border-bottom: 1px solid #d0d0d0 !important;
}

.surveyorApp .library-grid .ag-row-odd {
  background: #ffffff;
}

.surveyorApp .library-grid .ag-row-hover {
  background: rgb(245, 247, 247) !important;
}

.surveyorApp .library-grid .ag-center-cols-container .ag-cell,
.surveyorApp .library-grid .ag-pinned-left-cols-container .ag-cell,
.surveyorApp .library-grid .ag-pinned-right-cols-container .ag-cell {
  display: flex;
  align-items: center;
  border: none !important;
  border-right: 1px solid #d0d0d0 !important;
  padding: 0 14px;
  color: #000000;
  line-height: 1.3;
}

.surveyorApp .library-grid .ag-cell > span,
.surveyorApp .library-grid .ag-cell.padding-15 {
  padding: 0;
}

.surveyorApp .library-grid .ag-cell[col-id="hidden"] {
  justify-content: center;
  padding: 0;
}

.surveyorApp .library-grid .ag-cell[col-id="hidden"] .bp6-button {
  margin: 0;
  color: #64748b;
}

.surveyorApp .library-grid .ag-cell[col-id="satStatus"],
.surveyorApp .library-grid .ag-cell[col-id="autoStatus"],
.surveyorApp .library-grid .ag-cell[col-id="customStatus"] {
  padding: 0 10px;
}

.surveyorApp .library-grid .ag-cell[col-id="beginDate"],
.surveyorApp .library-grid .ag-cell[col-id="parameters"] {
  justify-content: center;
  text-align: center;
}

.surveyorApp .library-grid .status-text {
  color: inherit;
  font-weight: 600;
}

.surveyorApp .library-grid .clickable-cell:hover {
  background-color: rgb(245, 247, 247) !important;
  transform: none;
}

.surveyorApp .library-grid .ag-cell[col-id="actions"] {
  padding: 0 10px;
  overflow: visible;
}

.surveyorApp .library-grid .ag-cell[col-id="actions"] > div {
  display: flex;
  align-items: center;
  gap: 7px;
  height: 100%;
  min-width: 0;
  white-space: nowrap;
}

.surveyorApp .library-grid .ag-cell span.or-text {
  margin: 0;
  color: #000000;
  font-size: 12px;
  font-weight: 700;
}

.surveyorApp .library-grid .ag-cell div .bp6-button.export-btn,
.surveyorApp .library-grid .ag-cell div .bp6-button.aipro-btn {
  min-height: 26px;
  height: 26px;
  padding: 0 10px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 700;
  box-shadow: none;
}

.surveyorApp .library-grid .ag-cell div .bp6-button.export-btn {
  background-color: #f6ba49;
  color: #111827;
}

.surveyorApp .library-grid .ag-cell div .bp6-button.aipro-btn {
  background-color: #007f7f;
  color: #ffffff;
}

.surveyorApp .library-grid .row-customized .ag-cell,
.surveyorApp .library-grid .row-exported .ag-cell {
  background-color: rgb(245, 247, 247) !important;
  color: rgba(0, 0, 0, 0.54) !important;
}

.surveyorApp .map-with-sidebar-container {
    width: 100%;
    height: 100%;
}

.surveyorApp .map-container-with-btn-overlay{
    display: block;
    float: left;
    width: 100%;
    transition: width 0.3s ease-in-out; /* Smooth transition */
    height: 100%;
}

.surveyorApp .open-sidebar .map-container-with-btn-overlay {
  width: 75%;
}

.surveyorApp .open-sidebar .sidebar {
  width: 25%; /* Slides open smoothly */
  transform: translateX(0);
}

.surveyorApp .sidebar {
  display: block;
  float: left;
  width: 0;
  transition: width 0.3s ease-in-out;
  transform: translateX(100%);
  overflow: hidden;
}

.surveyorApp .page:not(.open-sidebar) .map-with-sidebar-container {
  width: 100%;
}

.surveyorApp .map-btns {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}

.surveyorApp .map-btns .bp6-icon-trash svg { 
    fill: #fff !IMPORTANT;
    height: 35px;
    width: 35px;
    margin-left: 5px;
}

.surveyorApp .map-btns .bp6-icon-endorsed svg { 
    fill: #fff !IMPORTANT;
    height: 80px;
    width: 80px;
    margin-left: 5px;
}

.surveyorApp .map-btns.show-btns {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.surveyorApp .map-btns.hide-btns {
  opacity: 0;
  transform: translateY(20px);
  pointer-events: none;
}

.surveyorApp .page .map-btns .bp6-button.remove-btn:hover {
  background-color: #e01e10 !IMPORTANT;
}

.surveyorApp .page .map-btns .bp6-button.add-btn:hover {
  background-color: #045b5b !IMPORTANT;
}

.surveyorApp .sidebar-container {
  background-color: #fff;
  padding: 40px;
  overflow-y: auto;
}

.surveyorApp .bp6-label-with-why {
  display: flex;
  align-items: center;
  gap: 8px;
}

.surveyorApp .sidebar .slider-group {
  flex-direction: column;
}

.surveyorApp .sidebar .bp6-button-group {
  width: 100%;
  margin: 10px 0;
  margin-bottom: 0;
}

.surveyorApp .sidebar .bp6-button-group .bp6-button {
  width: calc(50% - 10px);
  padding: 15px 10px;
  border-radius: 10px !IMPORTANT;
  font-size: 16pt;
  font-weight: bold;
  font-family: auto;
}

.surveyorApp .sidebar.customize-zones.needToBeSmaller .bp6-button-group .bp6-button {
  width: calc(30% - 10px);
  padding: 15px 10px;
  border-radius: 10px !IMPORTANT;
  font-size: 16pt;
  font-weight: bold;
  font-family: auto;
}

.surveyorApp .map-with-sidebar-container .sidebar .bp6-button-group button.bp6-button:first-child {
  margin-right: 10px;
}

.surveyorApp .map-with-sidebar-container .sidebar .bp6-button-group button.bp6-button:last-child {
  margin-left: 10px;
}

.surveyorApp .sidebar .bp6-button-group.apply-all {
  display: block;
}

.surveyorApp .sidebar .bp6-button-group.apply-all h6 {
  margin-top: 10px;
  text-align: center;
}

.surveyorApp .sidebar .bp6-button-group.apply-all .bp6-button {
  width: 100%;
  background-color: #007F7F;
  color: #fff;
}

.surveyorApp .sidebar .bp6-button-group.apply-all .bp6-button:hover {
  background-color: #045b5b !IMPORTANT;
}

.surveyorApp .sidebar .bp6-form-group label.bp6-label {
  display: block;
  margin-bottom: 0;
}

.surveyorApp .bp6-form-group label.bp6-label .bp6-label-with-why {
  display: block;
}

.surveyorApp .bp6-form-group label.bp6-label .bp6-label-with-why > span {
  float: left;
}

.surveyorApp .bp6-form-group label.bp6-label .bp6-label-with-why > span,
.surveyorApp .sidebar .slider-group h2 {
  font-size: 22px;
  font-weight: bold;
  font-family: auto;
  margin: 0;
}

.surveyorApp .bp6-form-group label.bp6-label .bp6-label-with-why .bp6-popover-target {
  float: right;
  margin-top: 0;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
}

.surveyorApp .bp6-form-group label.bp6-label .bp6-label-with-why .bp6-popover-target span,
.surveyorApp .bp6-form-group label.bp6-label .bp6-label-with-why .bp6-popover-target span:hover {
  color: #000;
  background-color: #fff;
}

.surveyorApp .sidebar .bp6-input-group input {
    height: 38px;
    border-radius: 10px;
    border: 2px solid #000;
}

.surveyorApp .sidebar .bp6-form-group .bp6-form-helper-text {
  margin-top: 0;
}

.surveyorApp .sidebar .slider-with-text .bp6-slider {
  width: 90%;
}

.surveyorApp .sidebar .slider-group h6 {
    color: #5f6b7c;
    font-size: 12px;
}

.surveyorApp .sidebar .slider-with-text h6 {
    color: #000;
    font-size: 16px;
    padding: 5px 0 5px 10px;
    margin: 0 0 0 10px;
}

/* SELECT SATELLITE IMAGES */
.surveyorApp h1.sat-text {
    font-size: 48px;
    font-family: auto;
    text-transform: uppercase;
}

 .surveyorApp .items-center {
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 80%;
 }  

.surveyorApp .grid {
  height: 100%;
  width: 75%;
  align-items: center;
  justify-content: center;
  margin: 20px;
}

.surveyorApp .items-container {
    flex-direction: column;
    align-items: center;
    height: 50%;
}

.surveyorApp .items-container img {
  height: 200px;
  border: 4px solid #fff;
  border-radius: 0;
}

.surveyorApp .items-container .bp6-button {
  padding: 10px 20px;
  width: 50%;
  font-size: clamp(12px, 2vh, 28px);
  font-weight: bold;
  margin: 0 75px;
}

.surveyorApp .flex .circle-nav {
    width: 8%;
    height: 8%;
    margin-top: 2% !important;
}

.surveyorApp .circle-nav button {
    border: 2px solid #fff;
    border-radius: 50%;
    background-color: #777 !IMPORTANT;
    margin: 0 10px;
    width: 100%;
    height: 100%;
    min-width: 32px;
    min-height: 32px;
}

.surveyorApp .circle-nav button.active {
    background-color: #fff !IMPORTANT;
}

.surveyorApp .page .zoom-overlay {
    height: 100%;
    top: 0;
    background-color: #333e !IMPORTANT;
    position: absolute !important;
    justify-content: center;
    align-items: center;
}

.surveyorApp .page .zoom-overlay .items-center {
    height: 100%;
    background-color: #333 ! IMPORTANT;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.surveyorApp .page .zoom-overlay .items-center > div > img {
  height: 100%;
  border: 4px solid #fff;
  margin-top: 2%;
}

.surveyorApp .page .zoom-overlay .items-center > div {
    height: 90%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.surveyorApp .page .zoom-overlay .items-center > h2 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 5%;
    font-size: 24px;
    letter-spacing: 2px;
    font-family: auto;
    margin-top: 25px !IMPORTANT;
}

.surveyorApp .page .zoom-overlay .slider-group,
.surveyorApp .page .zoom-overlay .btn-group {
  flex-direction: column;
  width: 22%;
  margin: 4% !IMPORTANT;
}

.surveyorApp .page .zoom-overlay .slider-group > div {
  margin: 10px;
}

.surveyorApp .page .zoom-overlay .slider-group h2 {
  font-size: 1.5rem;
  font-weight: bold;
  font-family: auto;
  letter-spacing: 2px;
  color: #fff;
}

.surveyorApp .page .zoom-overlay .btn-group .bp6-button {
  margin: 10px 20px;
  padding: 15px 20px;
  border-radius: 10px;
  font-size: 2rem;
  font-weight: bold;
  text-transform: uppercase;
  font-family: auto;
  letter-spacing: 2px;
}

.surveyorApp .page .zoom-overlay .btn-group .bp6-button.yellow-btn {
  background-color: #F6BA49;
}

.surveyorApp .page .zoom-overlay .btn-group .bp6-button.yellow-btn:hover {
  background-color: #d19c39;
}

.surveyorApp .page .zoom-overlay .bp6-slider-handle {
  border-radius: 30px;
  width: 20px;
  height: 20px;
  top: -2px;
}

/* zone-gernator */
.surveyorApp .page .zone-generator {
    height: 100%;
    top: 0;
    background-color: #333e !IMPORTANT;
    position: absolute !important;
    justify-content: center;
    align-items: center;
}

.surveyorApp .page .zone-generator .items-center {
    height: 100%;
    background-color: #333 ! IMPORTANT;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.surveyorApp .page .zone-generator .zone-generator-container {
  height: 100%;
  width: 50%;
  border: 4px solid #fff;
}

.surveyorApp .page .zone-generator {
    height: 100%;
    top: 0;
    background-color: #333e !IMPORTANT;
    position: absolute !important;
    justify-content: center;
    align-items: center;
}

.surveyorApp .page .zone-generator .items-center {
    height: 100%;
    background-color: #333 ! IMPORTANT;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.surveyorApp .page .zone-generator .items-center > div > img {
  height: 100%;
  border: 4px solid #fff;
  margin-top: 2%;
}

.surveyorApp .page .zone-generator .items-center > div {
    height: 90%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.surveyorApp .page .zone-generator .items-center > h2 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 5%;
    font-size: 24px;
    letter-spacing: 2px;
    font-family: auto;
    margin-top: 25px !IMPORTANT;
}

.surveyorApp .page .zone-generator .left-controls,
.surveyorApp .page .zone-generator .right-controls {
  display: flex;
  flex-direction: column;
  width: 15%;
  margin: 5% !IMPORTANT;
}

.surveyorApp .page .zone-generator .slider-group,
.surveyorApp .page .zone-generator .btn-group {
  display: flex;
  flex-direction: column;
}

.surveyorApp .page .zone-generator .slider-group > div {
  margin: 10px;
}

.surveyorApp .page .zone-generator .slider-group h2 {
    font-size: 1.5rem;
    font-weight: bold;
    font-family: auto;
    color: #fff;
}

.surveyorApp .page .zone-generator .btn-group .bp6-button {
  margin: 10px 20px;
  padding: 15px 20px;
  border-radius: 10px;
  font-size: 2rem;
  font-weight: bold;
  text-transform: uppercase;
  font-family: auto;
  letter-spacing: 2px;
}

.surveyorApp .page .bp6-button.yellow-btn {
  background-color: #F6BA49;
}

.surveyorApp .page .bp6-button.yellow-btn:hover {
  background-color: #d19c39;
}

.surveyorApp .page .zone-generator .bp6-slider-handle {
  border-radius: 30px;
  width: 20px;
  height: 20px;
  top: -2px;
}

.surveyorApp .page .zone-generator .zone-generator-container {
  height: 100%;
  width: 50%;
  border: 4px solid #fff;
}

.surveyorApp .slider-with-text {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.surveyorApp .slider-with-text .bp6-slider {
  width: 75%;
}

.surveyorApp .slider-with-text h6 {
    color: #000;
    margin: 0 0 0 25px;
    background-color: #fff;
    width: 50px;
    padding: 10px;
    padding-right: 10px;
    font-weight: bold;
    font-size: 22px;
    text-align: center;
    border-radius: 10px;
}

.surveyorApp .page .zone-generator .right-controls .btn-group,
.surveyorApp .page .zone-generator .right-controls .btn-group .bp6-button {
  margin: 10px 0 !important;
}

.surveyorApp .page .zone-generator .right-controls .btn-group .bp6-button {
  font-size: 22px;
}

.surveyorApp .map-btns .bp6-button {
  height: 60px;
  border-radius: 50%;
  border: 3px solid #fff;
  color: white;
  font-weight: bold;
  cursor: pointer;
  box-shadow: 0 2px 6px rgba(125, 5, 5, 0.3);
}

.surveyorApp .map-btns .bp6-button.store-btn {
  background-color: rgb(37, 94, 120);
}

.surveyorApp .map-btns .bp6-button.store-btn:hover {
  background-color: rgb(17, 54, 71);
}

.surveyorApp .map-btns .bp6-icon-cloud-tick svg { 
    fill: #fff !IMPORTANT;
    height: 35px;
    width: 35px;
    margin-left: 5px;
}

/* Authentication */
.surveyorApp .authentication .page-center {
  display: flex;
  flex-direction: row;
}

.surveyorApp .authentication .page-center > div {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 50%;
}

.surveyorApp .login-container {
  margin-top: 20px;
    width: 50%;
}

.surveyorApp .register {
  padding: 120px;
}

.surveyorApp .register h2 {
  font-size: 56px;
  font-weight: bold;
  font-family: auto;
  margin-bottom: 10px;
}

.surveyorApp .register h4 {
  font-size: 32px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
}

.surveyorApp .login .bp6-button:not(.forgot-password-link),
.surveyorApp .register .bp6-button {
  margin-top: 10px;
  width: 50%;
  padding: 20px;
  border-radius: 10px;
  font-size: 18pt;
  font-weight: bold;
}

.surveyorApp .login .bp6-button:not(.forgot-password-link) {
  margin-top: 10px;
  width: 100%;
}

.surveyorApp .login .bp6-input-group .bp6-input {
  margin: 5px 0;
  height: 60px;
}

.surveyorApp .authentication .forgot-password-row {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

.surveyorApp .authentication .bp6-button.forgot-password-link {
  width: auto;
  margin-top: 10px;
  justify-content: flex-end;
  color: #F6BA49;
  padding: 0;
  height: auto;
  min-height: 0;
  font-size: 18pt;
  font-weight: bold;
  background: transparent;
  border: none;
  box-shadow: none;
  text-decoration: underline;
}

.surveyorApp .authentication .bp6-button.forgot-password-link .bp6-button-text {
  font-size: 18px;
  font-weight: bold;
}

.surveyorApp .authentication .bp6-button.forgot-password-link:hover,
.surveyorApp .authentication .bp6-button.forgot-password-link:focus {
  color: #F6BA49;
  background: transparent;
}

/* Register page fit/overflow tuning */
.surveyorApp .register-page .page-center {
  justify-content: flex-start;
  overflow-y: auto;
  padding: 8px 0 16px;
}

.surveyorApp .register-page .page-center > div {
  width: 100%;
}

.surveyorApp .register-page .login {
  width: min(720px, 96vw);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.surveyorApp .register-page .login .brand {
  height: 130px;
  padding: 0 20px;
}

.surveyorApp .register-page .login .brand img {
  height: 215% !important;
  margin-top: -130px;
}

.surveyorApp .register-page .login-container {
  margin-top: 4px;
  width: min(540px, 92vw);
}

.surveyorApp .register-page .register-form .bp6-input-group .bp6-input {
  height: 52px;
  margin: 4px 0;
}

.surveyorApp .register-page .register-form .name-row {
  display: flex;
  gap: 10px;
}

.surveyorApp .register-page .register-form .name-row .bp6-input-group {
  flex: 1;
}

.surveyorApp .register-page .login .bp6-button {
  font-size: 16pt;
  padding: 14px;
}

@media (max-width: 900px) {
  .surveyorApp .register-page .register-form .name-row {
    flex-direction: column;
    gap: 0;
  }
}

/* overlay content */
.surveyorApp .upload-boundary-overlay {
  position: fixed; /* Covers the whole screen */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6); /* Transparent dark background */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2000; /* Higher than map and sidebar */
}

.surveyorApp .overlay-content {
  background: rgba(255, 255, 255, 0.9); /* Slight transparency */
  padding: 2rem 3rem;
  border-radius: 12px;
  text-align: center;
  max-width: 400px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
}

.surveyorApp .overlay-content h2 {
  margin: 0 0 10px;
  font-size: 1.5rem;
  color: #333;
}

.surveyorApp .overlay-content p {
  margin: 0;
  font-size: 1rem;
  color: #666;
}

.surveyorApp .upload-boundary-overlay .bp6-icon-send-to-map svg {
  width: 60px;
  height: 60px;
}

.surveyorApp .button-group h6 code {
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 1px;
}

.surveyorApp .surveyor-display .leaflet-control-zoom,
.surveyorApp .surveyor-draw .leaflet-control-zoom,
.surveyorApp .surveyor-edit .leaflet-control-zoom {
    position: fixed;
    right: 10px;
    bottom: 85px;
}

.surveyorApp .surveyor-display.open-sidebar .leaflet-control-zoom,
.surveyorApp .surveyor-draw.open-sidebar .leaflet-control-zoom,
.surveyorApp .surveyor-edit.open-sidebar .leaflet-control-zoom {
    right: calc(25% + 10px);
    margin-bottom: 45px;
}

.surveyorApp .surveyor-display .leaflet-pm-draw,
.surveyorApp .surveyor-display .leaflet-pm-edit,
.surveyorApp .surveyor-draw .leaflet-pm-draw,
.surveyorApp .surveyor-draw .leaflet-pm-edit {
  top: 45px;
}

.surveyorApp .surveyor-edit .leaflet-pm-draw,
.surveyorApp .surveyor-edit .leaflet-pm-edit {
  top: 10px;
}

.surveyorApp .surveyor-display .leaflet-control-geosearch,
.surveyorApp .surveyor-draw .leaflet-control-geosearch {
  position: absolute;
  left: 10px;
  width: 215px;
}

.surveyorApp .brightness-slider,
.surveyorApp .contrast-slider {
  margin-bottom: 15px;
}

.surveyorApp .contrast-slider {
  margin-bottom: 5px;
}

.surveyorApp .sidebar.auto-zones .bp6-button.generate {
  background-color: #007F7F;
  color: #fff;
  margin: 0 !important;
}

.surveyorApp .sidebar.auto-zones .bp6-button.generate:hover {
  background-color: #045b5b !IMPORTANT;
}

.surveyorApp .sidebar.customize-zones, 
.surveyorApp .sidebar.auto-zones {
  display: flex;
  align-items: center;
  background-color: #fff;
}

.surveyorApp .sidebar.customize-zones > div,
.surveyorApp .sidebar.auto-zones > div {
  height: auto;
  overflow-y: hidden;
}

.surveyorApp .sidebar.customize-zones .title-bar {
  height: 35px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 5px;
}

.surveyorApp .sidebar.customize-zones {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.surveyorApp .sidebar.customize-zones .ag-editable-grid {
  margin-top: -2px;
  margin-left: 3px;
  height: calc(100%);
  width: calc(100%);
}

.surveyorApp .sidebar.customize-zones .ag-editable-grid .ag-row .ag-cell {
  padding-left: 5px;
}

.surveyorApp .sidebar.customize-zones .ag-editable-grid .ag-row .ag-cell.ag-column-last {
  border-bottom: 1.5px solid #b3b3b2;
}

.surveyorApp .sidebar.auto-zones .yellow-btn {
  width: 100%;
  margin: 0 !important;
}

.surveyorApp .sidebar.customize-zones .bp6-button-group {
  padding: 10px;
  width: 75%;
}

.surveyorApp .sidebar.customize-zones .bp6-button-group:last-child {
  margin: 5px 0;
}

.surveyorApp .sidebar.customize-zones .zone-list {
  max-height: 240px;
  overflow-y: auto;
}

.surveyorApp .sidebar.customize-zones .zone-list.scroll {
  padding: 0 10px 0 0;
}

.surveyorApp .leaflet-pm-toolbar .button-container .leaflet-buttons-control-button {
  height: 44px;
  width: 44px;
}

.surveyorApp .leaflet-pm-toolbar .button-container .leaflet-buttons-control-button div {
  height: 35px;
  width: 35px;
}

.surveyorApp .leaflet-control-zoom a {
  height: 44px;
  width: 44px;
  padding-top: 6px;
}

.surveyorApp .leaflet-control-zoom a:hover {
  text-decoration: none;
}

.surveyorApp .leaflet-control-zoom a span {
  font-size: 44px;
}

.surveyorApp .leaflet-control-geosearch input {
  height: 44px !important;
  font-size: 24px;
}

.surveyorApp .button-container .leaflet-pm-actions-container .leaflet-pm-action {
  font-size: 18px;
  padding: 8px 20px;
  height: 44px;
}

.surveyorApp .leaflet-control-geosearch button.reset {
  font-size: 32px;
  padding: 7px 8px;
}

.surveyorApp .leaflet-top {
  top: 15px;
}

.surveyorApp .slider-group h2 span.bp6-popover-target {
  float: right;
}

.surveyorApp .slider-group h2 span.bp6-popover-target span, 
.surveyorApp .slider-group h2 span.bp6-popover-target span:hover {
    color: #000;
    background-color: #fff !important;
    font-size: 12px;
    font-weight: 700;
    font-family: Arial, Helvetica, sans-serif;
}

.surveyorApp .select-satellite-images .items-container h6 {
  margin-top: 0.5rem;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 2px;
}

.surveyorApp .leaflet-control-geosearch .results > .active, .leaflet-control-geosearch .results > :hover {
  padding: 6px 8px;
  border: none;
}

/* Target the popover content of the date picker */
.surveyorApp .select-satellite-images .bp6-datepicker {
  transform: scale(1.8);   /* 2x bigger */
  transform-origin: top left; /* prevent cutoff */
}

.surveyorApp .select-satellite-images .bp6-popover2-content {
  padding: 12px; /* add spacing so scaled calendar fits */
}

.surveyorApp .select-satellite-images .bp6-datepicker .DayPicker-Day {
  width: 48px;
  height: 48px;
  font-size: 1.2rem;
}

.surveyorApp .content .page-center .register {
  align-items: flex-start;
}

.surveyorApp .content .page-center .register h2 {
  font-size: 54px;
}

.surveyorApp .content .page-center .register h4 {
  text-align: left;
  font-size: 24px;
}

.surveyorApp .select-satellite-images .bp6-datepicker .rdp-table .rdp-head_row .rdp-head_cell {
  color: #333;
}

.surveyorApp .select-satellite-images .bp6-datepicker .bp6-icon.bp6-icon-double-caret-vertical,
.surveyorApp .field-boundary .bp6-datepicker .bp6-icon.bp6-icon-double-caret-vertical {
    right: 6px !important;
 }

 .surveyorApp .select-satellite-images .bp6-input-group input {
  font-size: 32px;
  padding: 30px 0px;
  text-align: center;
 }

 .surveyorApp .select-satellite-images .bp6-popover-content {
  width: 500px;
 }

 .surveyorApp .select-satellite-images .bp6-datepicker {
  width: 56%;
 }


.select-satellite-images .bp6-button-group > .bp6-button {
    width: 60px;
    height: 60px;
    margin-top: 5px;
    border-radius: 7px !important;
}

.select-satellite-images .bp6-button-group > .bp6-button svg {
  height: 36px;
  width: 36px;
}

.select-satellite-images .bp6-button-group > input {
  border-radius: 5px;
}

.select-satellite-images .bp6-button-group > .bp6-button.bp6-intent-info {
  background-color: #65a5c4;
  color: #fff;
  z-index: 0;
} 

.select-satellite-images .bp6-button-group > .bp6-button.bp6-intent-info:hover {
  background-color: #4587a6;
}

.select-satellite-images .bp6-button-group > .bp6-button.bp6-intent-danger {
  margin-right: 6px !important;
  z-index: 0;
}

.select-satellite-images .bp6-button-group > .bp6-button.bp6-intent-info {
    margin-left: 6px;
}

.select-satellite-images .bp6-button-group .bp6-date-input input {
  border-radius: 4px;
}

.select-satellite-images .bp6-button-group > .bp6-button .bp6-icon-help {
  padding-right: 0;
}

.select-satellite-images .img-container {
    width: 256px;
    height: 256px;
    background-color: #777;
    border: 2px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

.select-satellite-images .img-container img {
  border: none;
  border-radius: 0 !important;
}

.select-satellite-images .zoom-overlay .img-container {
    width: 70vh;
    height: 70vh;
    padding: 20px;
}

.select-satellite-images .bp6-button.update-btn {
  margin-left: 5px;
  z-index: 0;
}

.select-satellite-images .update-btn .bp6-icon-updated {
  padding-right: 0;
}

.select-satellite-images .update-btn .bp6-icon-updated svg {
  color: #fff;
}

.select-satellite-images h5 {
  margin-right: 60px;
}

.surveyor-draw .bp6-datepicker .bp6-html-select .bp6-icon-double-caret-vertical {
  right: 6px !IMPORTANT;
}

.surveyorApp .boundary-overlay {
  filter: brightness(var(--brightness)) contrast(var(--contrast));
}

.surveyorApp .map-with-sidebar-container .upload-boundary-overlay .bp6-callout {
  background-color: #fff;
}

.surveyorApp .map-with-sidebar-container .bp6-label-with-why a {
  margin-left: 8px;
  font-size: 0.75em;
  cursor: pointer;
  text-decoration: underline;
  padding: 0px 6px;
}

.surveyorApp .map-with-sidebar-container .bp6-button.upload {
  height: 46px;
  padding: 8px 10px 8px 15px;
  border: 1px solid #333;
  border-radius: 3px;
}

.surveyorApp .bp6-button.upload svg {
  height: 28px;
  width: 28px;
  fill: #000;
}

.surveyorApp .map-with-sidebar-container .bp6-button.upload .bp6-button-text {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 4px;
    margin-right: 15px;
    color: #000;
}

.surveyorApp .bp6-button.upload .bp6-icon-remove svg {
  fill: #fff;
}

.surveyorApp .bp6-button.bp6-intent-danger.upload .bp6-button-text {
    color: #fff;
}

.surveyorApp .map-with-sidebar-container .sidebar-container h6.fields-added {
  text-align: center;
  margin: 10px 0;
  width: calc(50% - 10px);
}

.surveyorApp .ag-cell[col-id="satStatus"],
.surveyorApp .ag-cell[col-id="autoStatus"],
.surveyorApp .ag-cell[col-id="customStatus"] {
  cursor: pointer;
}

/* Make clickable cells visually interactive */
.surveyorApp .ag-theme-quartz .clickable-cell {
  cursor: pointer;
  transition: background-color 0.2s ease, transform 0.1s ease;
}

/* Hover feedback */
.surveyorApp .ag-theme-quartz .clickable-cell:hover {
  background-color: rgba(0, 120, 255, 0.1); /* subtle blue tint */
  transform: scale(1.02); /* tiny pop effect */
}

.surveyorApp .ag-theme-quartz .ag-cell[col-id="satStatus"] .ag-cell-value,
.surveyorApp .ag-theme-quartz .ag-cell[col-id="autoStatus"] .ag-cell-value,
.surveyorApp .ag-theme-quartz .ag-cell[col-id="customStatus"] .ag-cell-value {
  /* allow underline cue on hover */
  position: relative;
}

.surveyorApp .ag-theme-quartz .ag-cell[col-id="satStatus"]:hover .ag-cell-value::after,
.surveyorApp .ag-theme-quartz .ag-cell[col-id="autoStatus"]:hover .ag-cell-value::after,
.surveyorApp .ag-theme-quartz .ag-cell[col-id="customStatus"]:hover .ag-cell-value::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  border-bottom: 1px solid #b0b0b0;
}

.surveyorApp .ag-theme-quartz .row-customized .ag-cell,
.surveyorApp .ag-theme-quartz .row-exported .ag-cell {
  background-color: #f4f4f4 !important;
  color: #7a7a7a !important;
}


.status-link-icon {
  font-size: 10px;
  margin-left: 4px;
  opacity: 0;
  transition: opacity 0.15s ease;
}

.status-text:hover + .status-link-icon {
  opacity: 1;
}

.status-text.underline {
  text-decoration: underline;
}

/* Optional: active (on click) */
.surveyorApp.ag-theme-quartz .clickable-cell:active {
  background-color: rgba(0, 120, 255, 0.2);
  transform: scale(0.98);
}

.surveyorApp .ag-cell .bp6-spinner {
    display: inline-block;
    margin: 8px 0 12px 10px;
}

.surveyorApp .legal-notice {
  position: absolute;
  left: 5px;
  bottom: -5px;
  font-size: 10px;
  color: #fff;
  text-align: left;
  width: 100%;
  font-family: Arial, Helvetica, sans-serif;
  z-index: 990;
  font-size: 8px;
}

.surveyorApp .overlay-portal {
  position: absolute;
  top: 60px;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3000; /* Above all other elements */
}

/* Shopping cart overlay sizing + typography */
.checkout-cart {
  --checkout-panel-width: 55.555vw;
  --checkout-panel-height: 55.555vh;
  --checkout-font-base: clamp(14px, calc(var(--checkout-panel-width) * 0.02), 20px);
  --checkout-font-h2: calc(var(--checkout-font-base) * 1.4);
  --checkout-font-h3: calc(var(--checkout-font-base) * 1.2);
  font-size: var(--checkout-font-base);
  --checkout-header-height: clamp(44px, 6vh, 56px);
  --checkout-header-border: 2px solid #c9c9c9;
  --checkout-header-pad-x: clamp(12px, 2vw, 24px);
}

.checkout-cart h2 {
  font-size: var(--checkout-font-h2);
}

.checkout-cart h3 {
  font-size: var(--checkout-font-h3);
}

.checkout-cart__panel {
  width: var(--checkout-panel-width);
  max-width: var(--checkout-panel-width);
  height: var(--checkout-panel-height);
  max-height: var(--checkout-panel-height);
  overflow: hidden;
}
.surveyor-loading-portal,
.surveyor-loading-portal .bp6-overlay,
.surveyor-loading-portal .bp6-overlay-backdrop {
  top: 90px !important;
  height: calc(100vh - 150px) !important;
}
.surveyorApp .select-satellite-images .zoom-overlay .slider-group h6 {
  margin-top: 2%;
}
.surveyorApp .select-satellite-images .zoom-overlay .slider-group .bp6-popover-target {
  display: flex;
  margin: 4px 0;
}
.surveyorApp .status-text:hover {
  text-decoration: underline;
}

.surveyorApp .group-header-center {
  justify-content: center;
}

.surveyorApp .ag-cell {
  padding: 0;
}

.surveyorApp .ag-cell > span {
  padding: 0 15px;
}

.surveyorApp .ag-cell > button {
  margin: 0 15px;
}

.surveyorApp .ag-cell.padding-15 {
  padding: 0 15px;
}

 .status-text {

}

.surveyorApp .sidebar .form-group {
  margin-bottom: 20px;
}

.surveyorApp .sidebar .form-group label {
  font-size: 22px;
}

.surveyorApp .sidebar .bp6-input:focus, .surveyorApp .sidebar .bp6-input.bp6-active {
    box-shadow: none;
}

.surveyorApp .map-container .editingPreferences {
  z-index: 1000;
  position: absolute;
}

.pricing-details .preview {
  padding: 20px;
}

.pricing-details {
  --preview-item-height: clamp(56px, 9vh, 78px);
  --preview-item-gap: clamp(8px, 1.6vh, 12px);
  --preview-visible-count: 4;
  --preview-list-pad-y: clamp(8px, 1.6vh, 16px);
}

.pricing-details .title {
  width: 100%;
  height: 40px;
  border-bottom: 1px solid #efefef;
}

.checkout-cart .pricing-details .title {
  height: var(--checkout-header-height);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 var(--checkout-header-pad-x);
  box-sizing: border-box;
  border-bottom: var(--checkout-header-border);
  min-width: 0;
}

.checkout-cart .pricing-details .title h2 {
  margin: 0;
  line-height: var(--checkout-header-height);
  float: none;
  max-width: 100%;
  overflow-wrap: anywhere;
  white-space: normal;
}

.checkout-cart .pricing-details .title span {
  margin: 0;
  line-height: var(--checkout-header-height);
  float: none;
}

.checkout-cart .pricing-details .order-details > div:first-child,
.checkout-cart .pricing-details .cc-details > div:first-child,
.checkout-cart .pricing-details .receipt-details > div:first-child {
  height: var(--checkout-header-height);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 var(--checkout-header-pad-x);
  box-sizing: border-box;
  border-bottom: var(--checkout-header-border);
}

.checkout-cart .order-details > div:first-child h2 {
  padding-bottom: 0;
  border-bottom: none;
  width: 100%;
  text-align: center;
  margin: 0;
  line-height: var(--checkout-header-height);
}

.checkout-cart .order-details,
.checkout-cart .cc-details,
.checkout-cart .receipt-details {
  justify-content: flex-start;
}

.pricing-details .title h2 {
  float: left;
}

.pricing-details .title span {
  float: right;
  margin: 7px 20px;
}

.pricing-details .image-box {
  padding: 20px;
  width: 400px;
}


.pricing-details .image-box__placeholder {
  height: 220px;
  width: 100%;
  background: #ddd;
  border: 1px dashed #bdbdbd;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6b6b6b;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.pricing-details .preview__subtitle {
  margin: 10px 20px 0 20px;
  color: #6b7280;
  font-size: clamp(14px, 1.4vw, 18px);
}

.checkout-cart .preview__subtitle {
  text-align: left;
  padding-left: 6px;
}

.pricing-details .preview.preview--list {
  width: 440px;
}

.pricing-details .preview__list {
  position: relative;
  left: -20px;
  width: 400px;
  display: flex;
  flex-direction: column;
  gap: var(--preview-item-gap);
  padding: var(--preview-list-pad-y) 20px;
  height: calc(
    (var(--preview-item-height) * var(--preview-visible-count)) +
    ((var(--preview-visible-count) - 1) * var(--preview-item-gap)) +
    (var(--preview-list-pad-y) * 2)
  );
  overflow-y: auto;
}

.pricing-details .preview__list-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 8px;
  background: #f7f7f7;
  min-height: var(--preview-item-height);
}

.checkout-cart .preview__list-item--center {
  justify-content: center;
}

.checkout-cart .preview__list-item--center .preview__meta,
.checkout-cart .preview__list-item--center .preview__price {
  text-align: center;
}

.checkout-cart .preview__list-item--center .preview__price {
  align-items: center;
}

.pricing-details .preview__thumb {
  height: 56px;
  width: 56px;
  border-radius: 6px;
  background: #e0e0e0;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.pricing-details .preview__thumb img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.pricing-details .preview__thumb-placeholder {
  font-size: 10px;
  color: #777;
  text-align: center;
  padding: 0 4px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.pricing-details .preview__meta {
  flex: 1;
  min-width: 0;
}

.pricing-details .preview__meta h4 {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pricing-details h2.preview__title--long {
  font-size: 1.2rem;
}

.pricing-details h4.preview__title--long {
  font-size: 13px;
}

.pricing-details .preview__meta span {
  color: #6b7280;
  font-size: 12px;
}

.pricing-details .preview__price {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  min-width: 90px;
}

.pricing-details .preview__price span {
  color: #6b7280;
  font-size: 12px;
}

.pricing-details .preview__price strong {
  font-size: 14px;
}

.pricing-details .preview__remove {
  position: static;
  margin-right: 10px;
  width: 32px;
  align-self: center;
  flex-shrink: 0;
}

.pricing-details .preview.preview--single .bundleBox {
  float: left;
  width: 100%;
  height: 90%;
}

.pricing-details .preview.preview--single .bundleBox.shrinkMe {
  height: 70%;
}

.pricing-details .preview.preview--single .preview__remove {
  float: left;
  width: 25px;
  height: 100%;
}

.pricing-details .preview.preview--single .preview__remove:hover {
  background: none;
}

.pricing-details .cc-details,
.pricing-details .order-details,
.pricing-details .receipt-details {
  width: 260px;
  padding: 5px 20px;
  background-color: #efefef;
  position: relative;
  left: 0;
  transition: left 0.45s ease;
}

.pricing-details .cc-details.move-left-1,
.pricing-details .order-details.move-left-1,
.pricing-details .receipt-details.move-left-1 {
  left: -260px;
}

.pricing-details .cc-details.move-left-2,
.pricing-details .order-details.move-left-2,
.pricing-details .receipt-details.move-left-2 {
  left: -520px;
}

.pricing-details .cc-details > div:first-child,
.pricing-details .order-details > div:first-child,
.pricing-details .receipt-details > div:first-child {
  text-align: center;
  border-bottom: 1px solid #cdcdcd;
  padding: 16px 10px 4px 10px;
}

.pricing-details .order-details ul {
  margin: 50px 0 20px 0;
  padding-left: 20px;
  padding-right: 20px;
}

.pricing-details .order-details ul li {
  padding: 5px 0;
  text-align: right;
}

.pricing-details .order-details .bp6-button:first-child {
  margin-bottom: 20px;
}

.pricing-details__total {
    float: left;
    padding: 12px 2px 2px 22px;
    text-align: right;
    width: 300px;
}

.pricing-details .receipt-details .bp6-icon {
  height: 60px;
  width: 60px;
  margin: 60px auto 20px auto;
  display: block;
}

.pricing-details .receipt-details .bp6-icon svg {
  fill: #c23030;
  height: 60px;
  width: 60px;
}

.pricing-details .receipt-details .bp6-icon.success-icon svg {
  fill: #1a6d1a;
}

.pricing-details .receipt-details h3 {
  text-align: center;
  margin-bottom: 50px;
}

.pricing-details .cancel-link {
  margin: 0 20px;
}

.pricing-details__total strong {
  float: left;
  margin-left: 5px;
}

.pricing-details__total span {
  float: left;
}

.pricing-details .order-details ul li b {
  float: left;
} 

.pricing-details--empty .order-details ul {
  margin-top: 25px;
}

.pricing-details .bp6-button {
  margin: 0 20px;
  width: 180px
}

.receipt-details p  {
  padding: 10px 20px;
}

.receipt-details .pricing-details__actions {
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-direction: column;
}

.receipt-details .pricing-details__actions p {
  padding: 0 20px;
  width: 100%;
  box-sizing: border-box;
  text-align: left;
  font-size: clamp(12px, 1.05vw, 16px);
}

.pricing-details .order-details .invoice-btn {
  margin-bottom: 10px;
}

.pricing-details .bp6-button.yellow-btn {
  background-color: #F6BA49;
  color: #333;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 2px;
  width: 80%;
}

.pricing-details .bp6-button.yellow-btn:hover {
  background-color: #d19c39;
  color: #333;
}

.pricing-details .bp6-button:not([class*=bp6-intent-]):disabled, 
.pricing-details .bp6-button:not([class*=bp6-intent-]).bp6-disabled {
  background-color: rgba(211, 216, 222, 0.5);
  color: #777;
}

.checkout-cart > div {
  border-radius: 0;
}

.pricing-details .bp6-form-group {
  padding: 0 20px;
  margin-bottom: 5px;
}

.pricing-details .bp6-form-group label.bp6-label {
  margin-bottom: 0px;
}

.pricing-details .bp6-form-group.cc-exp {
  float: left;
  width: 110px;
  padding: 0 5px 0 20px;
  display: block;
}

.pricing-details .bp6-form-group.cc-cvv {
  float: left;
  width: 110px;
  padding: 0 20px 0 5px;
  display: block;
}

.pricing-details .cc-details .checkout-btn {
  margin-top: 20px;
}

.pricing-details .cc-details {

}

.checkout-cart .cc-details .bp6-input-group input {
  height: var(--cc-input-height, 32px);
  line-height: var(--cc-input-line-height, 28px);
  font-size: var(--cc-input-font-size, 14px);
}

.carousel-card {
  overflow: hidden;
  display: flex;
  min-height: 100%;
}

/* Checkout layout: preview left (2/3) + summary right (1/3) */
.checkout-cart .pricing-details.checkout-grid {
  display: grid;
  grid-template-columns: 66.666% 33.333%;
  column-gap: 0;
  align-items: start;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  min-width: 0;
  max-height: 100%;
  overflow: hidden;
}

.checkout-cart .preview {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 16px;
  overflow: hidden;
  min-height: 0;
  min-width: 0;
}

.checkout-cart .preview .cancel-link {
  margin-top: -20px;
  padding-top: 12px;
  display: inline-block;
}

.checkout-cart .preview.preview--single {
  height: 100%;
}

.checkout-cart .preview.preview--single .image-box {
  width: 80%;
  padding: 8px 0 16px 0;
  box-sizing: border-box;
  max-height: calc(100% - 120px);
  float: left;
}

.checkout-cart .preview.preview--single .image-box img {
  width: 100%;
  height: 100%;
  max-height: 100%;
  object-fit: contain;
}

.checkout-cart .preview.preview--single .bundleBox .image-box img {
  width: 70% !important;
}

.checkout-cart .preview.preview--single .bundleBox.shrinkMe .image-box img {
  width: 55% !important;
  padding-left: 20px;
}

/* Ensure remove button doesn't push the single preview image off-screen */
.checkout-cart .preview.preview--single .bundleBox {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}

.checkout-cart .preview.preview--single .bundleBox .image-box {
  width: 100% !important;
  float: left;
  flex: 1 1 auto;
  height: 100%;
}

.checkout-cart .preview.preview--single .bundleBox .image-box img,
.checkout-cart .preview.preview--single .bundleBox.shrinkMe .image-box img {
  width: 100% !important;
  padding-left: 0;
}

.checkout-cart .preview.preview--single .bundleBox .preview__remove {
  position: static;
  height: auto;
  width: 32px;
  flex: 0 0 auto;
}

/* Make preview content responsive to smaller overlay sizes */
.checkout-cart .pricing-details .image-box {
  width: 100%;
  padding: 16px 0;
  box-sizing: border-box;
}

.checkout-cart .pricing-details .preview p {
  width: auto;
  height: auto;
  padding: 24px 16px;
}

.checkout-cart .pricing-details .preview.preview--list {
  width: 100%;
}

.checkout-cart .pricing-details .preview__list {
  width: 100%;
  left: 0;
  padding: var(--preview-list-pad-y) 0;
  height: calc(
    (var(--preview-item-height) * var(--preview-visible-count)) +
    ((var(--preview-visible-count) - 1) * var(--preview-item-gap)) +
    (var(--preview-list-pad-y) * 2)
  );
}

.checkout-cart .preview__list.preview__list--center {
  margin-top: auto;
  margin-bottom: auto;
}

.checkout-cart .carousel-card {
  width: 100%;
  max-width: 100%;
  justify-self: end;
  height: 100%;
  align-self: stretch;
  background: #efefef;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  min-width: 0;
}

.checkout-cart .pricing-details.checkout-grid {
  min-height: 0;
  align-items: stretch;
}

.checkout-cart .order-details,
.checkout-cart .cc-details,
.checkout-cart .receipt-details {
  width: 100%;
  min-width: 0;
  height: 100%;
  flex: 0 0 100%;
  box-sizing: border-box;
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  background-color: transparent;
}

.checkout-cart .order-details .closingX,
.checkout-cart .cc-details .closingX,
.checkout-cart .receipt-details .closingX {
  width: 20px;
  height: 20px;
  float: right;
  right: 15px;
  top: 5px;
  position: absolute;
}

.checkout-cart .order-details .closingX .bp6-button,
.checkout-cart .cc-details .closingX .bp6-button,
.checkout-cart .receipt-details .closingX .bp6-button {
  height: 100%;
  width: 100%;
  float: left;
  margin: 0px;
}

.checkout-cart .receipt-details .closingX .bp6-button svg {
  height: 20px;
  width: 20px;
  margin-top: 20px;
  margin-left: 20px;
}

.checkout-cart .receipt-details .pricing-details__actions {
  justify-content: flex-start;
  align-items: stretch;
}

.checkout-cart .order-details ul {
  margin: 60px 0 20px 0;
  padding: 0;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.checkout-cart .order-details ul li {
  padding: 2px 20px;
  font-size: clamp(12px, 1.1vw, 18px);
  line-height: 1.4;
}

.checkout-cart .order-details .bp6-button {
  margin: 0 35px;
  margin-top: 12px;
}

.checkout-cart .order-details ul li b,
.checkout-cart .order-details ul li span {
  font-size: inherit;
}

.checkout-cart .cc-details.move-left-1,
.checkout-cart .order-details.move-left-1,
.checkout-cart .receipt-details.move-left-1 {
  left: -100%;
}

.checkout-cart .cc-details.move-left-2,
.checkout-cart .order-details.move-left-2,
.checkout-cart .receipt-details.move-left-2 {
  left: -200%;
}

@media (max-width: 900px) {
  .checkout-cart .pricing-details.checkout-grid {
    grid-template-columns: 1fr;
  }

  .checkout-cart .carousel-card {
    justify-self: stretch;
  }
}

.authentication.appMode-terrazone {
    height: 100%;
    position: absolute;
    width: 100%;
}

.appMode-terrazone .authenticationPage .brand img {
  margin-top: 50px;
  height: 400px;
}

.appMode-terrazone header.authenticationPage {
  height: unset;
}

.appMode-terrazone .authViews {
  margin-top: -190px;
  height: 400px;
}

#app .appMode-terrazone.authentication .container-fluid {    
    background: rgba(0, 0, 0, 0.7);
}

.appMode-terrazone .footer {
  height: 64px;
}

#app .appMode-terrazone.authentication .footer {
  background-color: #251F2B;
}

#app .appMode-terrazone.authentication .footer img {
  height: 60px;
}

.appMode-terrazone .authViews .reset-password {
    margin-top: 20px;
}

.order-details li {
  display: block;
  width: 100%;
  height: 24px;
}

.pricing-details .preview p {
    width: 400px;
    display: block;
    height: 250px;
    padding: 110px 65px;
}

.preview--multi .preview__remove {
  width: 36px;
  padding: 10px;
  margin: 0;
}

.preview--multi .preview__remove span {
  margin: 0;
  padding: 0;
}

.preview--multi .preview__remove svg {
  height: var(--preview-remove-icon-size, 24px);
  width: var(--preview-remove-icon-size, 24px);
}

.pricing-details__row p {
    font-size: 16px;
}

.pricing-details__total {
  font-size: 16px;
}

/* Mapping wizard layout copied from the main app and scoped to Surveyor. */
.surveyorApp .mapping .map-with-form-sidbar.shapes.pickerOpen {
  height: 100%;
}

.surveyorApp .mapping .map-with-form-sidbar.shapes.pickerOpen .map-plus-table.expand-width {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.surveyorApp .mapping .map-with-form-sidbar.shapes.pickerOpen .map-plus-table.expand-width .boundary-map.editing {
  height: 60%;
  flex: 0 0 60%;
  width: 100%;
  float: none;
}

.surveyorApp .mapping .map-with-form-sidbar.shapes.pickerOpen.Points .map-plus-table.expand-width .boundary-map.editing {
  height: 74%;
  flex-basis: 74%;
}

.surveyorApp .mapping .map-with-form-sidbar.shapes.pickerOpen .map-plus-table.expand-width .storedShapes.content {
  height: auto;
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
  float: none;
}

.surveyorApp .mapping .map-with-form-sidbar.shapes.pickerOpen.Points .map-plus-table.expand-width .storedShapes.content {
  height: auto;
}

.surveyorApp .mapping .map-with-form-sidbar.shapes.pickerOpen .map-plus-table.expand-width .boundary-map.editing .map-container {
  height: 100%;
}

.surveyorApp .mapping .map-with-form-sidbar.shapes.pickerOpen .map-plus-table.expand-width .boundary-map.editing .map-container .leaflet-container {
  height: inherit;
}

.surveyorApp .mapping .map-with-form-sidbar.shapes.pickerOpenHeader {
  height: 100%;
}

.surveyorApp .mapping .map-with-form-sidbar.shapes.pickerOpenHeader .map-plus-table.expand-width {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.surveyorApp .mapping .map-with-form-sidbar.shapes.pickerOpenHeader .map-plus-table.expand-width .boundary-map.editing {
  height: auto;
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
  float: none;
}

.surveyorApp .mapping .map-with-form-sidbar.shapes.pickerOpenHeader .storedShapes.contentheaderOnly {
  height: 66px;
  flex: 0 0 66px;
  min-height: 0;
  overflow: hidden;
  float: none;
  width: 100%;
}

.surveyorApp .mapping .map-with-form-sidbar.shapes.pickerOpen .storeShapesButtons,
.surveyorApp .mapping .map-with-form-sidbar.shapes.pickerOpen .viewShapesButtons,
.surveyorApp .mapping .map-with-form-sidbar.shapes.pickerOpen .createShapesButtons {
  height: 32px;
  width: 100%;
}

.surveyorApp .mapping .map-with-form-sidbar.shapes.pickerOpen .undo-box.leaflet-control {
  margin-left: 60px;
}

.surveyorApp .mapping .map-with-form-sidbar.shapes.pickerOpen .storeShapesButtons .viewingButtons,
.surveyorApp .mapping .map-with-form-sidbar.shapes.pickerOpen .viewShapesButtons .storedButtons,
.surveyorApp .mapping .map-with-form-sidbar.shapes.pickerOpen .createShapesButtons .createdButtons,
.surveyorApp .mapping .map-with-form-sidbar.shapes.pickerOpenHeader .storeShapesButtons .viewingButtons,
.surveyorApp .mapping .map-with-form-sidbar.shapes.pickerOpenHeader .viewShapesButtons .storedButtons,
.surveyorApp .mapping .map-with-form-sidbar.shapes.pickerOpenHeader .createShapesButtons .createdButtons {
  float: left;
}

.surveyorApp .mapping .map-with-form-sidbar.shapes.pickerOpen .storeShapesButtons .dataButtons,
.surveyorApp .mapping .map-with-form-sidbar.shapes.pickerOpen .viewShapesButtons .dataStoreButtons,
.surveyorApp .mapping .map-with-form-sidbar.shapes.pickerOpen .createShapesButtons .dataCreateButtons,
.surveyorApp .mapping .map-with-form-sidbar.shapes.pickerOpenHeader .storeShapesButtons .dataButtons,
.surveyorApp .mapping .map-with-form-sidbar.shapes.pickerOpenHeader .viewShapesButtons .dataStoreButtons,
.surveyorApp .mapping .map-with-form-sidbar.shapes.pickerOpenHeader .createShapesButtons .dataCreateButtons {
  float: right;
}

.surveyorApp .mapping .map-with-form-sidbar.shapes.pickerOpen .hierButton {
  padding-left: 18px;
}

.surveyorApp .mapping .map-with-form-sidbar.shapes.pickerOpen .storedShapes.FullSize.ssPoints .main.Points {
  height: 96%;
}

.surveyorApp .mapping .map-with-form-sidbar.shapes.pickerOpenHeader .storedShapes .main {
  height: 100%;
}

.surveyorApp .mapping .map-with-form-sidbar.shapes.pickerOpenHeader .storedShapes .main .ag-header-row {
  height: 45px !important;
}

.surveyorApp .mapping .map-with-form-sidbar.shapes.pickerOpenHeader .storedShapes .main .ag-header-row:last-of-type {
  display: none;
}

.surveyorApp .mapping .map-with-form-sidbar.shapes.pickerOpenHeader .storeShapesButtons,
.surveyorApp .mapping .map-with-form-sidbar.shapes.pickerOpenHeader .viewShapesButtons,
.surveyorApp .mapping .map-with-form-sidbar.shapes.pickerOpenHeader .createShapesButtons {
  height: 45px;
  width: 100%;
}

@media screen and (max-width: 1550px) and (min-width: 1441px) {
  .surveyorApp .mapping .map-with-form-sidbar.shapes.pickerOpen .storedShapes .main {
    height: 73%;
  }

  .surveyorApp .mapping .map-with-form-sidbar.shapes.pickerOpenHeader .map-plus-table.expand-width .boundary-map.editing {
    height: auto;
    flex-basis: auto;
  }

  .surveyorApp .mapping .map-with-form-sidbar.shapes.pickerOpenHeader .storedShapes.contentheaderOnly {
    height: 66px;
  }
}

@media screen and (max-width: 1285px) and (min-width: 1090px) {
  .surveyorApp .mapping .map-with-form-sidbar.shapes.pickerOpen .storedShapes .main {
    height: 75%;
  }

  .surveyorApp .mapping .map-with-form-sidbar.shapes.pickerOpenHeader .map-plus-table.expand-width .boundary-map.editing {
    height: auto;
    flex-basis: auto;
  }

  .surveyorApp .mapping .map-with-form-sidbar.shapes.pickerOpenHeader .storedShapes.contentheaderOnly {
    height: 66px;
  }
}


.surveyorApp .library-page,
.surveyorApp .library-grid,
.surveyorApp .library-grid .ag-root-wrapper,
.surveyorApp .library-grid .ag-root-wrapper-body {
  width: 100%;
  min-width: 0;
}

.surveyorApp .library-grid .ag-cell[col-id="client"],
.surveyorApp .library-grid .ag-cell[col-id="farm"],
.surveyorApp .library-grid .ag-cell[col-id="field"] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* page.css */
.auth-container footer {
    display: none;
}

.hide-authentication {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1001;
}

.bp6-authentication .bp6-dialog {
    background-color: #ffffff;
    border-radius: 15px;
}

.bp6-authentication.darkMode .bp6-heading {
    visibility: hidden;
}

.bp6-authentication.darkMode .bp6-dialog-header {
    box-shadow: none;
    border-radius: 15px;
}

.authentication {
    height: 100%; 
    background-size: 100% 100%;
    background-position: 0px -64px;
}

.authentication .container-fluid {
    padding: 0;
    height: 100%;
}

.bp6-authentication.darkMode .authentication .container-fluid {
    min-height: 0;
}

.authentication .footer {
    position: absolute;
    bottom: 0;
    height: 64px;
    width: 100%;
    background-color: #001D1D;
    display: flex;
    justify-content: center;
    align-items: center;
}

.authentication .footer img {
    height: 30px;
}

.footer-image .slogan {
    color: #F1B434;
    font-weight: bold;
    font-size: 32px;
    margin-top: 4px;
    letter-spacing: 5px;
}

.footer-image .customer-name {
    color: #777;
    font-weight: bold;
    font-size: 24px;
}

.authentication .forgot-password,
.authentication .new-user,
.authentication .login-view {
    border-radius: 7px;
    padding: 30px 20px;
}

#app .authentication .container-fluid {
    background-color: #0007;
}

.authentication .bp6-label {
    font-size: 18px;
    height: 24px;
}

.authentication .bp6-input {
    font-size: 24px;
    height: 48px;
    border: 2px solid #6abcb2;
    border-radius: 10px;
}

.authentication .loading {
    height: 100%;
    padding: 0;
}

.authViews {
    width: 400px;
    margin: 20px auto;
}

header.authenticationPage {
    height: auto;
    background-color: transparent;
    padding-top: 5px;
}

header.authenticationPage img {
    margin: 200px auto 10px auto;
    display: block;
    height: 80px;
}

.bp6-authentication .bp6-dialog header.authenticationPage img {
    margin: 10px auto 10px auto;
}

.bp6-authentication.darkMode .bp6-dialog header.authenticationPage img {
    height: 60px;
}

.authentication .authViews .bp6-label {
    display: none;
}

.authentication .authViews .bp6-form-content {
    display: flex;
    justify-content: center;
}

.authentication .authViews .bp6-input {
    border: none;
    background-color: #efefef;
    height: 48px;
    font-size: 16px;
    box-shadow: none;
    color: #626262;
    width: 320px;
    line-height: 24px;
}

.authentication .authViews .bp6-button.bp6-intent-primary:disabled, .bp6-button.bp6-intent-primary.bp6-disabled {
    background-color: #777 !important;
    color: #333;
}

.bp6-authentication.darkMode .authViews .bp6-input::placeholder {
    color: #626262;
}

.authViews h2 {
    margin: 0 0 25px 0;
    font-weight: bold;
    letter-spacing: 2px;
}

.authentication footer h1 {
    text-align: center;
}

.authentication footer .logos {
    width: 340px;
    margin: 20px auto;
    height: 60px;
    text-align: center;
}

.authentication footer .logos img {
    width: 340px;
    float: left;
    padding: 25px 20px 0 20px;
}

.authentication footer .logos span {
    text-transform: uppercase;
    font-size: 20px;
    float: left;
    width: 100%;
    padding: 0;
}

.authentication .authViews .login-view {
    height: 360px;
}

.authentication .authViews .forgot-section {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    text-align: left;
}

.authentication .authViews .forgot-section a {
    display: inline-block;
    width: 100%;
    color: #f1b434;
    font-size: 18px;
}

.authentication .authViews .forgot-section a:hover {
    color: #daa94a;
    text-decoration: none;
}

.new-user h1 {
    margin: 0 0 30px 0;
}

.authentication .btns {
    text-align: center;
    width: 100%;
}

.authentication .btns {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}

.authentication .btns .bp6-button {
    background-color: #f1b434;
    padding: 15px 30px;
    font-weight: bold;
    font-size: 16px;
    border-radius: 10px;
    box-shadow: none;
    width: 320px;
    color: #001D1D;
}

.bp6-authentication .bp6-form-group {
    margin-bottom: 10px;
}

.bp6-authentication.darkMode .btns {
    padding-right: 0;
}

.resetForgotErrorHandling,
.newUserErrorHandling {
    margin: 5px 10px;
}

.bp6-authentication .btns .bp6-button,
.bp6-authentication .authentication .btns .bp6-button:hover {
    font-size: 12pt;
    width: 100%;
    background-color: #F6BA49;
    border: none;
    color: #000;
}

.bp6-authentication .new-user a,
.bp6-authentication .new-user a:hover,
.bp6-authentication .forgot-password a,
.bp6-authentication .forgot-password a:hover {
    color: #F6BA49;
}

.authentication .btns .bp6-button:hover:not(.bp6-disabled)  {
    background-color: #daa94a;
    color: #001d1d;
}

.authentication .btns .bp6-button:focus {
    outline: none;
}

.authViews .error {
    min-width: none;
    max-width: none;
}

.authViews .error svg {
    top: 6px;
    left: -2px;
}

.authentication .authViews .forgot-section  {
    float: left;
    width: 320px;
    height: 64px;
    margin: 5px 30px;
}

.amplify {
    width: 400px
}

.brookside {
    background-color: #333;
    height: 70px;
}

.nutrientstar {
    background-color: #ececee;
    height: 71px;
    width: 240px;
}

.vl {
    width: 2px;
    margin: 4px;
    background-color: #000;
    float: left;
    height: 100%;
}

/** LOADING GIF PLANT **/
.loadingPlant {
    width: 46px;
    height: 44px;
}

.loading div {
    width: 100%;
    height: 100%;
}

.loading img {
    border: 4px solid #333;
    border-radius: 10px;
    margin: 100px 0 0 0;
}

.loading span {
    display: block;
    margin: 30px auto 0 auto;
    width: 600px;
}

div.page-content .react-bootstrap-table-pagination {
    width: 100%;
    height: 50px;
}

div.invoices .start-date,
div.invoices .end-date,
div.reports .start-date,
div.reports .end-date,
div.worksheets .start-date,
div.worksheets .end-date {
    float:left;
}

.date-range .rdt {
    width: 100%;
}

.pdfList {
    height: 100%;
}

/* UPLOAD LOGO */
.upload.content .content-icon .bp6-icon {
    border: none;
    padding: 0;
}

.content-icon img {
    border: none;
    padding: 0;
}

.content .wrapper {
    float: left;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 20px;
}

.content .no-drop-zone,
.content .drop_zone {
    font-size: 24px;
}

.upload .no-drop-zone,
.upload .drop_zone {
    display: block;
    height: 300px;
    width: 100%;
    cursor: pointer;
    border: 2px dashed #ccc;
    border-radius: 6px;
    margin-bottom: 25px;
    background-position: center 28px;
    padding: 45px 10px;
}

.no-drop-zone > p, 
.drop_zone>p {
    width: 100%;
    font-size: 32px;
}

.no-drop-zone .image, 
.drop_zone .image {
   width: 200px;
   height: 200px;
   display: inline-block;
   border: 3px solid #cecece;
}

.drop_zone .bp6-file-input {    
    display: block;
    width: 200px;
    margin: 20px auto;
}

.upload .image img {
    width: 200px;
    height: auto;
}

.image .bp6-button {
    display: inline-block;
    margin: 10px 0;
}

.no-drop-zone  .bp6-icon svg,
.drop_zone .bp6-icon svg {
    width: 64px;
    height: 64px;
}

.authentication .authViews .new-user .newUserInput .newUserErrorHandling {
    font-size: medium;
    font-weight: 600;
    color: red;
}

.authentication .authViews .new-user .bp6-text-muted {
    color: red;
}

.new-user .error,
.forgot-password .error {
    float: left;
    width: 320px;
    margin: 20px 20px 0 20px;
    height: 55px;
}

.new-user .error svg,
.forgot-password .error svg {
    top: -5px;
}

.authentication .authViews .bp6-callout.bp6-intent-success {
    margin: 20px 0 0 20px;
    width: 320px;
    height: auto;
    background-color: #cecece;
}

.authentication .authViews .forgot-password .resetForgotInput .resetForgotErrorHandling {
    font-size: medium;
    font-weight: 600;
    background-color: #c22;
    color: #fff;
    line-height: 32px;
    padding: 0 10px;
    border-radius: 3px;
    margin: 5px 2px 5px 5px;
}

.authViews h1,
.authViews h2  {   
    color: #fff;
    margin-bottom: 10px;
    font-size: 18px;
    padding: 0 20px;
    text-transform: uppercase;
    font-weight: normal;
}

.authentication .authViews .forgot-password .bp6-text-muted {
    color: red;
}

/* CLIENT PORTAL ADMIN */
.content-icon.bg-square .bp6-icon {
    float: left;
    border-radius: 15px;
    border: 4px solid #333;
    padding: 6px 9px 11px 10px;
    background-color: #eee;
    color: #075523;
}

.content-icon.bg-square .bp6-icon.bp6-icon-history,
.content-icon.bg-square .bp6-icon.bp6-icon-barcode,
.content-icon.bg-square .bp6-icon.bp6-icon-layout-grid,
.content-icon.bg-square .bp6-icon.bp6-icon-page-layout {
    padding: 8px;
}

.content-icon.bg-square .bp6-icon.bp6-icon-comment {
    padding: 7px 8px 7px 10px;    
}

.client-portal-admin .ag-theme-balham .bp6-button {
    padding: 2px 5px;
    min-height: 20px;
    margin-bottom: 5px;
    width: 100%;   
}

.client-portal-admin .ag-theme-balham > div > div > .bp6-button {
    padding: 5px 10px;
    min-height: 30px;
    width: auto;
}

.client-portal-admin .ag-theme-balham .subscriptionBtn .bp6-popover-target {
    width: 100%;
}

.client-portal-admin .ag-theme-balham .module {
    text-align: center;
}   

.client-portal-admin .ag-theme-balham .bp6-fill {
    width: 94px;
    text-align: center;
}

.client-portal-admin .ag-theme-balham .status-min .ag-header-cell-label {
    text-align: center;
}

.client-portal-admin .content-footer .btn-group {
    text-align: right;
    display: block;
}

.map .page-body{
    height: 100%;
    width: 100%;
}

.map .map-container{
    height: 100%;
    width: 100%;
}

.leaflet-container {
    width: 80vw;
    height: 87vh;
}

.map .label{
    font-size: 1vw !important;
}

.auth-overlay header.authenticationPage img {
    margin: 60px auto 0 auto;
    display: block;
    height: 125px;
}


.auth-overlay .authViews {
    width: 400px;
    margin: 0 auto;
}

.auth-overlay .auth-container {
    width: 30%;
    left: 35%;
    height: auto;
}

.auth-overlay .auth-container .authentication {
    position: relative;
}

.onboarding-status .ag-cell .bp6-button-group {
    width: 100%;
}

.onboarding-status .ag-cell .bp6-button-group .bp6-button {
    width: 100%;
}

.onboarding-status .ag-cell .bp6-button-group .bp6-button.assign-button,
.onboarding-status .ag-cell .bp6-button-group .bp6-button.assign-button:hover,
.onboarding-status .ag-cell .bp6-button-group .bp6-button.assign-button:focus,
.onboarding-status .ag-cell .bp6-button-group .bp6-button.assign-button:active {
    background-color: #5F9496;
    background-image: none;
}

.widget.onboarding-status .ag-theme-balham .ag-header-row,
.widget.onboarding-status .ag-theme-balham .ag-header-cell {
    background-color: #EBEBEB;
    border-top: 0;
}

.widget.onboarding-status .ag-theme-balham .ag-header {
    background-color: #EBEBEB;
    border-top: 0;
    border-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.widget.onboarding-status .ag-theme-balham .ag-root-wrapper {
    border-top: 0;
    border-radius: 0;
}

.widget.onboarding-status .ag-theme-balham .ag-cell.client-tag-cell {
    padding: 0 8px;
    display: flex;
    align-items: center;
}

.widget.onboarding-status .ag-theme-balham .ag-cell.actions-cell {
    display: flex;
    align-items: center;
}

.widget.onboarding-status .ag-theme-balham .ag-cell.actions-cell .bp6-button-group {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.widget.onboarding-status .ag-theme-balham .ag-cell.actions-cell .bp6-button-group .bp6-button {
    align-self: center;
}

.widget.onboarding-status .ag-theme-balham .ag-cell.client-tag-cell .ag-cell-wrapper,
.widget.onboarding-status .ag-theme-balham .ag-cell.actions-cell .ag-cell-wrapper,
.widget.onboarding-status .ag-theme-balham .ag-cell.client-tag-cell .ag-cell-value,
.widget.onboarding-status .ag-theme-balham .ag-cell.actions-cell .ag-cell-value,
.widget.onboarding-status .ag-theme-balham .ag-cell.client-tag-cell .ag-react-container,
.widget.onboarding-status .ag-theme-balham .ag-cell.actions-cell .ag-react-container {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.widget.onboarding-status .ag-theme-balham .ag-cell .module {
    color: #fff;
    font-weight: bold;
    display: inline-flex;
    align-self: center;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    border-radius: 10px;
    line-height: 1.2;
    padding: 4px 10px 4px 14px;
}

.widget.onboarding-status .ag-theme-balham .ag-cell .module.free  {
    background-color: #a75124;
}

.widget.onboarding-status .ag-theme-balham .ag-cell .module.basic  {
    background-color: #c2d0d3;
}

.widget.onboarding-status .ag-theme-balham .ag-cell .module.essentials {
    background-color: #CF7F00;
}

.widget.onboarding-status .ag-theme-balham .ag-cell .module .bp6-icon,
.widget.onboarding-status .ag-theme-balham .ag-cell .bp6-icon-cell-tower svg,
.widget.onboarding-status .ag-theme-balham .ag-cell .bp6-icon-briefcase svg,
.widget.onboarding-status .ag-theme-balham .ag-cell .bp6-icon-crown svg {
    color: #fff;
}

.widget.onboarding-status .ag-theme-balham .ag-cell .module .bp6-icon {
    flex-shrink: 0;
    margin-right: 4px;
}

.content-icon.bg-square .logo {
    float: left;
    background-color: #eee;
    color: #075523;
    font-size: 30px;
    letter-spacing: 2px;
    height: 60px;
    width: auto;
}

.content-icon.bg-square .initials {
    float: left;
    border-radius: 15px;
    border: 4px solid #333;
    padding: 14px 10px;
    background-color: #eee;
    color: #075523;
    font-size: 30px;
    letter-spacing: 2px;
}

.widget-dashboard-container div.content-btns {
    padding: 10px;
}

.app .Consultant .dashboard .content-header .snapshots {
    height: 60px;
}

.app .Consultant .dashboard .content-header .snapshot-container {
    float: left;
    text-align: center;
    padding-top: 8px;
    margin: 0 4px;
    position: relative;
    width: 75px;
}

.app .Consultant .dashboard .content-header .snapshot-container .snapshot {
    display: block;
    margin-top: -4px;
    height: 51px !important;
    width: 51px;
    min-width: 51px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    background-color: #EBEBEB;
    color: #ACACAC;
    border: 1px solid #EBEBEB;
    box-shadow: none;
    border-radius: 0;
}

.app .Consultant .dashboard .content-header .snapshot-container .snapshot:hover,
.app .Consultant .dashboard .content-header .snapshot-container .snapshot:active,
.app .Consultant .dashboard .content-header .snapshot-container .snapshot.bp6-disabled,
.app .Consultant .dashboard .content-header .snapshot-container .snapshot.bp6-disabled:hover,
.app .Consultant .dashboard .content-header .snapshot-container .snapshot.bp6-disabled:active {
    background-color: #EBEBEB;
    color: #ACACAC;
    border-color: #EBEBEB;
    box-shadow: none;
    border-radius: 0;
}

.app .Consultant .dashboard .content-header .snapshot-container .snapshot .bp6-button-text {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.app .Consultant .dashboard .content-header .snapshot-container .snapshot-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    margin: 0 auto;
}

.app .Consultant .dashboard .content-header .snapshot-container .snapshot-icon-glyph,
.app .Consultant .dashboard .content-header .snapshot-container .snapshot-icon-glyph svg {
    display: block;
    width: 30px;
    height: 30px;
    margin: auto;
    padding: 0;
}

.app .Consultant .dashboard .content-header .snapshot-container .snapshot-label {
    display: block;
    font-size: 9px;
    text-transform: uppercase;
    line-height: 12px;
    color: #ACACAC;
    margin-top: 6px;
}

.app .Consultant .dashboard .content-header .snapshot-container .badge {
    position: absolute;
    right: 8px;
    top: -2px;
    color: #000;
    background-color: #F1B434;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.22);
    padding: 4px;
    font-size: 11px;
    display: block !important;
    width: fit-content;
    min-width: 20px;
    text-align: center;
}

.page-content .zoneStatus .content-header.zone-status-header .content-btns,
.zoneStatus .content-header.zone-status-header .content-btns {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 18px;
    left: 360px;
    right: 20px;
    width: auto;
    padding: 10px 0;
    overflow: visible;
}

.page-content .zoneStatus .zone-status-header-actions,
.zoneStatus .zone-status-header-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 18px;
    width: 100%;
    min-width: 0;
}

.page-content .zoneStatus .content-header.zone-status-header .snapshots,
.zoneStatus .content-header.zone-status-header .snapshots {
    display: flex;
    align-items: flex-start;
    height: 60px;
    flex: 1 1 auto;
    justify-content: flex-end;
    min-width: 0;
}

.page-content .zoneStatus .content-header.zone-status-header .snapshot-container,
.zoneStatus .content-header.zone-status-header .snapshot-container {
    float: none;
    text-align: center;
    padding-top: 8px;
    margin: 0 3px;
    position: relative;
    width: 64px;
    flex: 0 0 64px;
}

.page-content .zoneStatus .content-header.zone-status-header .snapshot-container .snapshot,
.zoneStatus .content-header.zone-status-header .snapshot-container .snapshot {
    display: block;
    margin-top: -4px;
    height: 51px !important;
    width: 51px;
    min-width: 51px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    background-color: #EBEBEB;
    color: #ACACAC;
    border: 1px solid #EBEBEB;
    box-shadow: none;
    border-radius: 0;
}

.page-content .zoneStatus .content-header.zone-status-header .snapshot-container .snapshot:hover,
.page-content .zoneStatus .content-header.zone-status-header .snapshot-container .snapshot:active,
.page-content .zoneStatus .content-header.zone-status-header .snapshot-container .snapshot.bp6-disabled,
.page-content .zoneStatus .content-header.zone-status-header .snapshot-container .snapshot.bp6-disabled:hover,
.page-content .zoneStatus .content-header.zone-status-header .snapshot-container .snapshot.bp6-disabled:active,
.zoneStatus .content-header.zone-status-header .snapshot-container .snapshot:hover,
.zoneStatus .content-header.zone-status-header .snapshot-container .snapshot:active,
.zoneStatus .content-header.zone-status-header .snapshot-container .snapshot.bp6-disabled,
.zoneStatus .content-header.zone-status-header .snapshot-container .snapshot.bp6-disabled:hover,
.zoneStatus .content-header.zone-status-header .snapshot-container .snapshot.bp6-disabled:active {
    background-color: #EBEBEB;
    color: #ACACAC;
    border-color: #EBEBEB;
    box-shadow: none;
    border-radius: 0;
}

.page-content .zoneStatus .content-header.zone-status-header .snapshot-container.snapshot-selected .snapshot,
.page-content .zoneStatus .content-header.zone-status-header .snapshot-container.snapshot-selected .snapshot:hover,
.page-content .zoneStatus .content-header.zone-status-header .snapshot-container.snapshot-selected .snapshot:active,
.page-content .zoneStatus .content-header.zone-status-header .snapshot-container.snapshot-selected .snapshot.bp6-disabled,
.page-content .zoneStatus .content-header.zone-status-header .snapshot-container.snapshot-selected .snapshot.bp6-disabled:hover,
.page-content .zoneStatus .content-header.zone-status-header .snapshot-container.snapshot-selected .snapshot.bp6-disabled:active,
.zoneStatus .content-header.zone-status-header .snapshot-container.snapshot-selected .snapshot,
.zoneStatus .content-header.zone-status-header .snapshot-container.snapshot-selected .snapshot:hover,
.zoneStatus .content-header.zone-status-header .snapshot-container.snapshot-selected .snapshot:active,
.zoneStatus .content-header.zone-status-header .snapshot-container.snapshot-selected .snapshot.bp6-disabled,
.zoneStatus .content-header.zone-status-header .snapshot-container.snapshot-selected .snapshot.bp6-disabled:hover,
.zoneStatus .content-header.zone-status-header .snapshot-container.snapshot-selected .snapshot.bp6-disabled:active {
    background-color: #F1B434;
    color: #000;
    border-color: #F1B434;
}

.page-content .zoneStatus .content-header.zone-status-header .snapshot-container .snapshot .bp6-button-text,
.zoneStatus .content-header.zone-status-header .snapshot-container .snapshot .bp6-button-text {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.page-content .zoneStatus .content-header.zone-status-header .snapshot-container .snapshot-icon,
.zoneStatus .content-header.zone-status-header .snapshot-container .snapshot-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    margin: 0 auto;
}

.page-content .zoneStatus .content-header.zone-status-header .snapshot-container .snapshot-icon-glyph,
.page-content .zoneStatus .content-header.zone-status-header .snapshot-container .snapshot-icon-glyph svg,
.zoneStatus .content-header.zone-status-header .snapshot-container .snapshot-icon-glyph,
.zoneStatus .content-header.zone-status-header .snapshot-container .snapshot-icon-glyph svg {
    display: block;
    width: 30px;
    height: 30px;
    margin: auto;
    padding: 0;
}

.page-content .zoneStatus .content-header.zone-status-header .snapshot-container .snapshot-label,
.zoneStatus .content-header.zone-status-header .snapshot-container .snapshot-label {
    display: block;
    font-size: 9px;
    text-transform: uppercase;
    line-height: 12px;
    color: #333;
    margin-top: 6px;
}

.page-content .zoneStatus .content-header.zone-status-header .snapshot-container.snapshot-selected .snapshot-label,
.zoneStatus .content-header.zone-status-header .snapshot-container.snapshot-selected .snapshot-label,
.page-content .zoneStatus .content-header.zone-status-header .snapshot-container.snapshot-selected .snapshot-icon-glyph,
.page-content .zoneStatus .content-header.zone-status-header .snapshot-container.snapshot-selected .snapshot-icon-glyph svg,
.zoneStatus .content-header.zone-status-header .snapshot-container.snapshot-selected .snapshot-icon-glyph,
.zoneStatus .content-header.zone-status-header .snapshot-container.snapshot-selected .snapshot-icon-glyph svg {
    color: #000;
}

.page-content .zoneStatus .content-header.zone-status-header .snapshot-container .badge,
.zoneStatus .content-header.zone-status-header .snapshot-container .badge {
    position: absolute;
    right: 0px;
    top: -2px;
    color: #000;
    background-color: #F1B434;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.22);
    padding: 4px;
    font-size: 11px;
    display: block !important;
    width: fit-content;
    min-width: 20px;
    text-align: center;
    border: 2px solid #fff;
    border-radius: 10px;
}

@media screen and (max-width: 1500px) {
    .page-content .zoneStatus .content-header.zone-status-header .content-btns,
    .zoneStatus .content-header.zone-status-header .content-btns {
        left: 300px;
        gap: 12px;
    }

    .page-content .zoneStatus .zone-status-header-actions,
    .zoneStatus .zone-status-header-actions {
        gap: 12px;
    }

    .page-content .zoneStatus .content-header.zone-status-header .snapshot-container,
    .zoneStatus .content-header.zone-status-header .snapshot-container {
        width: 58px;
        flex: 0 0 58px;
    }
}

.options.datepicker .label {
    padding: 10px 10px 8px 10px;
    border-bottom: 1px solid #cecece;
    font-weight: bold;
}

.member-services {
    background-color: #D9D9D9;
    height: 100%;
}

.member-services-header .content-page-desc {
    justify-content: center;
}

.member-services .content-body {
    padding: 0 10px 10px 10px;
    background-color: #D9D9D9;
    height: calc(100% - 96px);
}

.member-services .content-body .member-services-frame {
    border-radius: 10px;
}

.member-services .content-body.member-services-body {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.member-services .member-services-frame-shell {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

.member-services .member-services-frame {
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.member-services .member-services-iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

/* PARAMS and TABULAR VIEW */
.content .view-content {
    float: left;
    width: 100%;
}

.content-body .view-content .params {
    background-color: #FCE8C2;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.content-body .view-content .table.ag-theme-balham {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.content-body .view-content  .fields .ag-root-wrapper,
.content-body .view-content  .zones .ag-root-wrapper {
    border-radius: 0;
}

.map .content .params,
.h2o-shp-export .content .params {
    float: left;
    width: 100%;
    height: 40px;
}

.map .content .fields,
.map .content .zones,
.h2o-shp-export .content .fields,
.h2o-shp-export .content .zones {
    float: left;
    width: 50%;
    height: 100%;
    border-top: none;
}

.map .content .fields .ag-root-wrapper,
.map .content .zones .ag-root-wrapper,
.h2o-shp-export .content .fields .ag-root-wrapper,
.h2o-shp-export .content .zones .ag-root-wrapper {
    padding: 0;
}

.content .table.ag-theme-balham {
    float: left;
    width: 100%;
    height: calc(100% - 95px);
}

.map .content .ag-root-wrapper .checkbox {
    padding: 5px 11px;
}

.h2o-shp-export .content .params .input-group {
    float: left;
    width: 575px;
}

.h2o-shp-export .content .params .input-group label {
    margin: 11px 15px;
    font-weight: bold;
}

.h2o-shp-export .content .params .input-group .bp6-popover-wrapper {
    float: right;
    width: calc(100% - 120px);
    margin: 5px 0 5px 10px;
}

.map .content .totals > .count,
.h2o-shp-export .content .totals > .count {
    width: calc(50% - 40px);
}

.map .content .totals > .count:last-child
.h2o-shp-export .content .totals > .count:last-child {
    width: calc(50%);
}

.map .content .params .bp6-button,
.h2o-shp-export .content .params .bp6-button {
    margin: 5px 10px 5px 10px;
    float: right;
}

.map .zones .highlight.ag-row,
.h2o-shp-export .zones .highlight.ag-row {
    background-color: #df6969  !IMPORTANT;
}

.map .content .totals > .count:last-child {
    width: calc(50%);
}

.shpFileExport.hide_close .bp6-dialog-close-button {
    display: none;
}

.shpFileExport .bp6-spinner {
    margin-top: 20px;
}

.page-content.rx .shpFileExport .ag-theme-balham,
.shpFileExport .ag-theme-balham {
    --ag-row-height: 36px;
}

.page-content.rx .shpFileExport .ag-theme-balham .ag-row,
.shpFileExport .ag-theme-balham .ag-row {
    min-height: 36px !important;
    height: 36px !important;
}

.page-content.rx .shpFileExport .ag-theme-balham .ag-cell,
.shpFileExport .ag-theme-balham .ag-cell,
.page-content.rx .shpFileExport .ag-theme-balham .ag-cell-wrapper,
.shpFileExport .ag-theme-balham .ag-cell-wrapper,
.page-content.rx .shpFileExport .ag-theme-balham .ag-react-container,
.shpFileExport .ag-theme-balham .ag-react-container {
    min-height: 36px !important;
    height: 36px !important;
    line-height: 36px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.page-content.rx .shpFileExport .ag-theme-balham .ag-cell-value,
.shpFileExport .ag-theme-balham .ag-cell-value {
    line-height: 36px !important;
}

.rec-maps .bp6-spinner {
    margin-top: 10px;
}

.bp6-dialog.rec-maps .bp6-button {
    margin: 10px auto 0 auto;
    display: flex;
}

.bp6-dialog.rec-maps {
    padding: 0;
}

.crop-rotation.content .ag-grid {
    height: 100%;
}

.crop-rotation .past-due.ag-row{
    background-color: #df6969  !IMPORTANT;
}

.crop-rotation .upcoming.ag-row{
    background-color: #eb732e  !IMPORTANT;
}

/* Account security dialogs */
.account-security-portal .account-security-dialog {
    width: 480px;
    max-width: calc(100vw - 32px);
    max-height: calc(100vh - 32px);
    overflow: hidden;
    border-radius: 18px;
    background: #f7f4ea;
    box-shadow: 0 22px 60px rgba(0, 29, 29, 0.24);
}

.account-security-portal .account-security-dialog .bp6-dialog-header {
    min-height: 52px;
    padding: 0 18px;
    border-bottom: 1px solid #e5dfd0;
    border-radius: 18px 18px 0 0;
    background: #ffffff;
    box-shadow: none;
}

.bp6-authentication.darkMode.account-security-portal .account-security-dialog .bp6-heading {
    visibility: visible;
    color: #234c43;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.account-security-portal .account-security-dialog .bp6-dialog-close-button {
    color: #5f6b66;
}

.account-security-portal .account-security-dialog .bp6-dialog-body {
    min-height: 0;
    margin: 0;
    overflow-y: auto;
}

.account-security-view {
    height: auto;
    min-height: 0;
    color: #173d35;
    background: #f7f4ea;
}

#app .account-security-view .container-fluid {
    min-height: 0;
    background: linear-gradient(180deg, #fffdf7 0%, #f7f4ea 100%);
}

.account-security-view .authViews {
    width: 100%;
    margin: 0;
}

.account-security-view .footer {
    display: none;
}

.authentication .authViews .account-security {
    padding: 24px 32px 32px;
    border-radius: 0;
}

.account-security-heading {
    margin-bottom: 24px;
}

.account-security-view .authViews .account-security-heading h2 {
    margin: 0;
    padding: 0;
    color: #173d35;
    font-size: 28px;
    font-weight: 750;
    letter-spacing: -0.02em;
    line-height: 1.2;
    text-transform: none;
}

.account-security-view .change-username-text,
.account-security-view .change-username-text:hover,
.account-security-view .change-username-text:focus {
    color: #000000 !important;
}

.account-security-heading p {
    margin: 9px 0 0;
    color: #64716d;
    font-size: 14px;
    line-height: 1.5;
}

.account-security-form .bp6-form-group {
    margin-bottom: 17px;
}

.authentication .authViews .account-security-form .bp6-label {
    display: block;
    height: auto;
    margin-bottom: 7px;
    color: #294a43;
    font-size: 13px;
    font-weight: 700;
}

.account-security-form .newUserInput,
.account-security-form .newUserInputGroup,
.account-security-form .resetForgotInput,
.account-security-form .resetForgotInputGroup,
.account-security-form .bp6-input-group {
    width: 100%;
}

.authentication .authViews .account-security-form .bp6-input {
    width: 100%;
    height: 50px;
    padding-left: 40px;
    color: #173d35;
    background: #ffffff;
    border: 1px solid #d7d9d2;
    border-radius: 10px;
    box-shadow: 0 1px 2px rgba(0, 29, 29, 0.04);
    transition: border-color 150ms ease, box-shadow 150ms ease;
}

.authentication .authViews .account-security-form .bp6-input:hover {
    border-color: #aebbb5;
}

.authentication .authViews .account-security-form .bp6-input:focus {
    border-color: #327264;
    box-shadow: 0 0 0 3px rgba(50, 114, 100, 0.14);
}

.account-security-form .bp6-input-group .bp6-icon {
    color: #55766e;
}

.account-security-form .bp6-input-group > .bp6-icon:first-child {
    top: 50%;
    margin: 0 12px;
    transform: translateY(-50%);
}

.authentication .authViews .account-security-form .newUserErrorHandling,
.authentication .authViews .account-security-form .resetForgotErrorHandling {
    min-height: 0;
    margin: 6px 0 0;
    padding: 0;
    color: #9f3a38;
    background: transparent;
    border-radius: 0;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.35;
}

.account-security-form .btns {
    margin-top: 8px;
}

.authentication .account-security-form .btns .account-security-primary,
.bp6-authentication .account-security-form .btns .account-security-primary {
    width: 100%;
    min-height: 48px;
    padding: 0 24px;
    color: #000;
    background: #f1b434;
    border: 0;
    border-radius: 10px;
    box-shadow: none;
    font-size: 15px;
    font-weight: 800;
}

.authentication .account-security-form .btns .account-security-primary:hover:not(:disabled):not(.bp6-disabled),
.bp6-authentication .account-security-form .btns .account-security-primary:hover:not(:disabled):not(.bp6-disabled) {
    color: #000;
    background: #dca126;
    font-size: 15px;
}

.authentication .account-security-form .btns .account-security-primary:disabled,
.authentication .account-security-form .btns .account-security-primary:disabled:hover,
.authentication .account-security-form .btns .account-security-primary.bp6-disabled,
.authentication .account-security-form .btns .account-security-primary.bp6-disabled:hover {
    color: #333;
    background: #777 !important;
    box-shadow: none;
    transform: none;
    font-size: 15px !important;
    cursor: not-allowed;
}

.account-security-form .account-security-switch {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    width: 100%;
    margin-top: 16px;
    padding: 7px;
    color: #32685c;
    background: transparent;
    border: 0;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}

.account-security-form .account-security-switch:hover,
.account-security-form .account-security-switch:focus {
    color: #204f45;
    text-decoration: underline;
    outline: none;
}

.account-security-form .account-security-switch .bp6-icon {
    color: currentColor;
}

.authentication .authViews .account-security .bp6-callout.bp6-intent-success {
    width: auto;
    height: auto;
    margin: 0;
    color: #245f48;
    background: #e5f3ea;
    border-radius: 10px;
}

.authentication .authViews .account-security .error {
    float: none;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
    min-width: 0;
    max-width: none;
    height: auto;
    margin: 18px 0 0;
    box-sizing: border-box;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.authentication .authViews .account-security .error svg {
    position: static;
    flex: 0 0 auto;
    margin: 1px 0 0;
}

@media screen and (max-width: 520px) {
    .authentication .authViews .account-security {
        padding: 22px 20px 26px;
    }

    .account-security-view .authViews .account-security-heading h2 {
        font-size: 24px;
    }
}

/* sidebar.css */

.sidebar {
  min-width: 265px;
  width: 20%;
  float: left;
  height: 100%;
  background-color: #aaaaaa;
}

.sidebar > div {
  float: left;
  width: 100%;
  height: 100%;
}

div.sidebar + div.page-content {
  width: 80%;
  left: 20%;
}

@media only screen and (max-width: 997) {
  div.sidebar + div.page-content {
    width: 80%;
    left: 265px;
  }
  
}

div.sidebar + div.page-content .hint-text {
  width: 80%;
}

@media only screen and (max-width: 600px) {
  div.sidebar + div.page-content {
    width: 85%;
  }
}

.groupHeader h5 {
  text-transform: UPPERCASE;
  padding-left: 10px;
  font-weight: 700;
  color: #2d9343;
  white-space: nowrap;
}


/* nav.css */

/* DEMO CSS */
.page {
  background-color: #333;
}

.bar {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 5px;
}

.base {
  float: left;
  margin-bottom: 0;
}

.active {
  background-color: white;
}

.base a {
  display: block;
  color: white;
  padding: 5px 20px;
}

.active a {
  color: #001D1D;
}

.base a:hover {
  -webkit-animation: glow 1s ease-in-out infinite alternate;
  -moz-animation: glow 1s ease-in-out infinite alternate;
  animation: glow 1s ease-in-out infinite alternate;
}

@-webkit-keyframes glow {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073, 0 0 40px #e60073, 0 0 50px #e60073,
      0 0 60px #e60073, 0 0 70px #e60073;
  }
  to {
    text-shadow: 0 0 20px #fff, 0 0 30px #ff4da6, 0 0 40px #ff4da6, 0 0 50px #ff4da6,
      0 0 60px #ff4da6, 0 0 70px #ff4da6, 0 0 80px #ff4da6;
  }
}

/* DATA TOOL NAV CSS */
html {
  width: 100%;
  height: 100%;
}
body {
  width: 100%;
  height: 100%;
}

.master-header {
  width: 100%;
  top: 0;
  height: 60px;
  display: flex;
  align-items: center;
  align-content: center;
  z-index: 10;
  -webkit-transition: all .2s;
  transition: all .2s;
  box-shadow: 0 0.46875rem 2.1875rem rgba(8,10,37,.03), 
    0 0.9375rem 1.40625rem rgba(8,10,37,.03), 
    0 0.25rem 0.53125rem rgba(8,10,37,.05), 
    0 0.125rem 0.1875rem rgba(8,10,37,.03);
}

/**
newheader.css
*/

.staticmenuitemtxt {
    color: black;
    font-weight: bold;
    background-color: #54CCC9;
    pointer-events: none;
}

.staticmenuitemtxtLogOut {
    color: black;
    font-weight: bold;
    background-color: #54CCC9;
}

.buttonImage {
    display: block;
    height: 28px;
    width: auto;
    max-width: 120px;
    padding: 0px 10px 0px 10px;
    cursor: pointer;
}

.terrazone-access-blocker {
    position: fixed;
    inset: 0;
    z-index: 4000;
    display: flex;
    align-items: center;
    justify-content: center;
    background: radial-gradient(circle at top, rgba(37, 31, 43, 0.92), rgba(20, 18, 23, 0.97));
    padding: 24px;
}

.terrazone-access-card {
    width: min(560px, 100%);
    background: #ffffff;
    border: 1px solid #d9dee5;
    border-radius: 14px;
    box-shadow: 0 22px 50px rgba(0, 0, 0, 0.35);
    padding: 26px 28px 22px;
    text-align: center;
}

.terrazone-access-card h2 {
    margin: 0 0 12px;
    color: #1c2630;
    font-size: 1.6rem;
    font-weight: 700;
}

.terrazone-access-card p {
    margin: 0 0 8px;
    color: #516171;
    font-size: 1rem;
}

.terrazone-access-card .terrazone-access-open.bp6-button,
.terrazone-access-card .terrazone-access-logout.bp6-button {
    margin-top: 0;
    min-width: 170px;
    font-weight: 700;
}

@media screen and (max-width: 1356px){
    #app .bp6-navbar.globalNavBar {
        background-color: #000000 !important;
        border-bottom: 1px solid #828282 !important;
        padding: 15px 20px !important;
        margin: 0px 0px 0px 0px !important;
        width: auto !important;
        height: 60px !important;
        float: none !important;
        color: white !important;
        display: flex !important;
        font-size: inherit !important;
    }

    #app .bp6-navbar.globalNavBar .account-nav {
        margin-left: auto;
        flex: 0 0 auto;
    }

}

#app .bp6-navbar.globalNavBar {
    background-color: #000000;
    padding: 15px 20px;
    margin: 0px 0px 0px 0px;
    width: auto;
    height: 60px;
    float: none;
    color: white;
    border-bottom: 1px solid #828282;
}

#app .bp6-navbar.globalNavBarClient {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: auto;
    height: 92px;
    float: none;
    color: white;
    background-color: #001D1D;
}

.app.Client.client-portal-view #app .bp6-navbar.globalNavBarClient,
.app.Client.client-portal-view .bp6-navbar.globalNavBarClient {
    height: 75px;
}

#app .bp6-navbar.globalNavBar .brookside-dropdown.bp6-navbar-heading {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 1px 1px; 
}

.brand-name.bp6-navbar-heading .aClass,
.brand-name.bp6-navbar-heading .aClass.bp6-active,
.brand-name.bp6-navbar-heading .aClass:hover {
    text-decoration: none;
    color: white;
}

.bp6-navbar-heading.readonly {
    padding: 5px 10px;
}

.readonly, .readonly:hover,a.readonly:hover, a.readonly{
    color: #9a9595;
    text-shadow: 0px 0px 1px #efefef;
    background-color: #282f2a;
    cursor: default;
    pointer-events: none;
}

#app .bp6-navbar.globalNavBar .main-nav .bp6-navbar-heading {
    height: 30px;
    margin-right: 0;
}

#app .bp6-navbar.globalNavBar .main-nav .bp6-navbar-heading .aClass {
    height: 30px;
    display: flex;
    padding: 5px 8px;
    color: #acacac;
    font-size: 14pt;
    margin-bottom: 5px;
    align-items: center;
}

#app .bp6-navbar.globalNavBar .main-nav .bp6-navbar-heading .aClass .bp6-icon {
    margin-top: 5px;
    margin-left: 3px;
}

#app .bp6-navbar.globalNavBar .main-nav .bp6-navbar-heading .aClass.bp6-active,
#app .bp6-navbar.globalNavBar .main-nav .bp6-navbar-heading .aClass:hover {
    text-decoration: none;
}

#app .bp6-navbar.globalNavBar .account-nav .bp6-navbar-heading {
    height: 30px;
    margin-right: 0;
}

#app .bp6-navbar.globalNavBar .account-nav .bp6-navbar-heading .aClass {
    height: 30px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 8px;
    color: #29514D;
    font-weight: bold;
    font-size: 14pt;
}

#app .bp6-navbar.globalNavBar .account-nav .bp6-navbar-heading .bp6-icon svg {
    width: 18px;
    height: 18px;
    vertical-align: middle;
}

#app .bp6-navbar.globalNavBar .account-nav .sampleCartMenu.bp6-button {
    height: 30px;
    display: block;
    font-weight: bold;
    min-height: unset;
    border-radius: 0;
    padding-top: 7px;
}

#app .bp6-navbar.globalNavBar .account-nav .sampleCartMenu.bp6-button .bp6-icon.bp6-icon-shopping-cart,
#app .bp6-navbar.globalNavBar .account-nav .sampleCartMenu.bp6-button .bp6-icon.bp6-icon-open-application {
    margin: 0;
}

#app .bp6-navbar.globalNavBar .account-nav .sampleCartMenu .bp6-icon > svg {
    width: 21px;
    height: 21px;
}

#app .bp6-navbar.globalNavBar .account-nav .bp6-button.bp6-minimal:hover  {
    background-color: #000;
}

.bp6-popover-target .bp6-menu-item .bp6-submenu-icon > svg,
.bp6-navbar-heading .bp6-button .bp6-icon > svg,
.bp6-navbar-heading .bp6-popover-target .bp6-icon > svg {
    fill: #f1b434;
}

#app .bp6-navbar.globalNavBar .bp6-navbar-heading .bp6-icon[class*="bp6-icon-caret"] > svg,
#app .bp6-navbar.globalNavBar .bp6-navbar-heading .bp6-icon[class*="bp6-icon-chevron"] > svg {
    width: 18px;
    height: 18px;
}

#app .bp6-navbar.globalNavBar .account-nav .sampleCartMenu.bp6-button:focus {
    outline: none;
}

#app .bp6-navbar-group.brand {
    display: flex;
    align-items: center;
    padding: 0px 15px 0px 0px;
    height: 30px;
    font-weight: bold;
}

.bp6-navbar-heading.brand-name .aClass {
    display: flex;
    align-items: center;
    height: 30px;
    padding: 0 0 1px;
    line-height: 1;
}

#app .bp6-navbar-divider.nbDivider {
    font-weight: bold;
}

#app .bp6-navbar-group.main-nav {
    padding: 0px 0px 0px 0px;
    height: 30px;
}

#app .bp6-navbar-group.account-nav {
    padding: 0px 0px 0px 0px;
    height: 30px;
}

.version.bp6-dialog {
    width: 300px;
}

.bp6-portal .bp6-overlay .customerSupport .localVersion.nonEqualVersions,
.bp6-portal .bp6-overlay .clientNavAccountPopOver .localVersion.nonEqualVersions {
    color: red;
}

.bp6-portal .bp6-menu-item.localVersion.nonEqualVersions {
    color: red !important;
}

.version .bp6-dialog-body {
    padding-top: 15px;
}

.version h5 {
    font-weight: bold;
    text-align: center;
    font-size: .8rem;
}

.version p {
    text-align: center;
    margin-bottom: 20px;
}

.version .bp6-dialog-body .localVersion.nonEqualVersions {
    color: red;
};


.buttonClass {
    background-color: transparent;
    box-shadow: 1px 1px 1px 1px;
    border: black;
    padding: 0px 5px 0px 0px;
}

.aClass {
    color: white;
}

.bp6-popover-content .bp6-menu.Reporting {
    z-index: 25;
    max-height: 450px;
}

.column {
    float: left;
    width: inherit;
    padding: 10px;
    overflow: visible;
}

.megaMenuDiv:after {
    content: "";
    display: table;
    clear: both;
}

.x-close {
    padding-left: 5px;
    padding-right: 5px;
}

.sample-cards-new {
    width: calc(100% - 5px);
    min-height: 120px;
    background-color: #fff;
    border: 1px solid #a9a9a9;
    border-radius: 4px;
    padding-top: 5px;
}

.button-Group-new {
    padding-bottom: 5px;
}

#app .bp6-card.card-top-new {
    padding-top: 5px;
}

.bp6-transition-container.bp6-popover-appear-done.bp6-popover-enter-done,
.bp6-popover-transition-container.bp6-popover-enter-done {
    z-index: 900;
}

.bp6-transition-container.bp6-popover-enter-done {
    z-index: 900;
}

/* Top-level nav dropdown positioning */
.global-nav-menu > .bp6-overlay > .bp6-overlay-content > .bp6-popover-transition-container {
    top: 60px !important;
    transition: none !important;
    animation: none !important;
}

/* Ensure Map menu uses the same alignment overrides */
.map-nav-menu > .bp6-overlay > .bp6-overlay-content > .bp6-popover-transition-container {
    top: 60px !important;
    transition: none !important;
    animation: none !important;
}

@media screen and (max-width: 1356px){
    .global-nav-menu > .bp6-overlay > .bp6-overlay-content > .bp6-popover-transition-container {
        top: 60px !important;
        transition: none !important;
        animation: none !important;
    }

    .map-nav-menu > .bp6-overlay > .bp6-overlay-content > .bp6-popover-transition-container {
        top: 60px !important;
        transition: none !important;
        animation: none !important;
    }
}

.global-nav-menu .bp6-popover {
    margin-left: 8px;
    margin-top: -5px !important;
    transition: none !important;
    animation: none !important;
}

.map-nav-menu .bp6-popover {
    margin-left: 8px;
    margin-top: -5px !important;
    transition: none !important;
    animation: none !important;
}

.global-nav-menu.support-nav-menu .bp6-popover {
    margin-left: 0px;
    margin-top: 0px !important;
    transition: none !important;
    animation: none !important;
}

.global-nav-menu .bp6-popover .bp6-popover-content {
    transition: none !important;
    animation: none !important;
}

.global-nav-submenu > .bp6-overlay > .bp6-overlay-content > .bp6-popover-transition-container {
    top: auto !important;
    left: auto !important;
    margin-left: -10px !important;
    padding-left: 10px !important;
    transition: none !important;
    animation: none !important;
}

.global-nav-submenu .bp6-popover {
    margin-left: 0 !important;
    transition: none !important;
    animation: none !important;
}

.global-nav-submenu .bp6-popover .bp6-popover-content {
    margin: 0 !important;
    transition: none !important;
    animation: none !important;
}

#app .bp6-popover-content {
    z-index: 900;
}

.bp6-portal .bp6-popover-content:not(.clientNavPopOver):not(.clientNavAccountPopOver) .bp6-menu {
    background-color: #2B2B2B;
    color: white;
}

.bp6-portal .product-menu .bp6-popover-content:not(.clientNavPopOver):not(.clientNavAccountPopOver) .bp6-menu {
    background-color: #fff;
    color: #000;
}

.bp6-portal .bp6-popover-content:not(.clientNavPopOver):not(.clientNavAccountPopOver) .bp6-menu .bp6-menu-item {
    color: white;
}

.bp6-portal .product-menu .bp6-popover-content:not(.clientNavPopOver):not(.clientNavAccountPopOver) .bp6-menu .bp6-menu-item {
    color: #000;
}

.bp6-portal .bp6-popover-content:not(.clientNavPopOver):not(.clientNavAccountPopOver) .bp6-menu .bp6-menu-item:hover,
.bp6-portal .bp6-popover-content:not(.clientNavPopOver):not(.clientNavAccountPopOver) .bp6-menu .bp6-menu-item.bp6-active {
    background-color: #464646;
}

.bp6-portal .product-menu .bp6-popover-content:not(.clientNavPopOver):not(.clientNavAccountPopOver) .bp6-menu .bp6-menu-item:hover,
.bp6-portal .product-menu .bp6-popover-content:not(.clientNavPopOver):not(.clientNavAccountPopOver) .bp6-menu .bp6-menu-item.bp6-active {
    background-color: #dce0e5;
    color: #000;
}

.bp6-portal .bp6-popover-content .bp6-menu.AccountInformation {
    background-color: #2B2B2B;
    color: #ffffff;
}

.bp6-portal .bp6-popover-content .bp6-menu.AccountInformation .bp6-menu-item {
    color: #ffffff;
}

.bp6-portal .bp6-popover-content .bp6-menu.AccountInformation .bp6-menu-item:hover,
.bp6-portal .bp6-popover-content .bp6-menu.AccountInformation .bp6-menu-item.bp6-active {
    background-color: #464646;
    color: #ffffff;
}


.bp6-portal .bp6-popover-content:not(.clientNavPopOver):not(.clientNavAccountPopOver) .bp6-menu .bp6-menu-item:focus {
    outline: none;
    box-shadow: none;
}

.bp6-portal .bp6-popover:not(.clientNavPopOver):not(.clientNavAccountPopOver) .bp6-popover-arrow {
    display: none;
}

.bp6-portal .bp6-popover:not(.clientNavPopOver):not(.clientNavAccountPopOver) .bp6-popover-content {
    margin: 0;
}

.rbt.open.clearfix.form-control.col-md-5 {
    padding: 0px;
}

.SoilHeader {
    float: left;
    width: 100%;
}

.PDFReportsHeader {
    float: left;
    width: 100%;
    height: 96px;
    margin-top: -1px;
}

.PDFReportsHeader .content-header > h1 {
    width: unset;
}

.PDFReportsHeader .no-hierarchy.content-header .content-desc {
    padding-top: 35px;
    padding-left: 78px;
}

.PDFReportsHeader .content-btns {
    --width: 100%;
    width: calc(var(--width) / 2 );
    float: left;
    height: 35px;
    margin-top: 0px;
}

.PDFReportsHeader .pdf-reports-header-actions {
    display: inline-flex;
    align-items: center;
    gap: 0;
}

.PDFReportsHeader .pdf-reports-header-actions > .bp6-popover-target,
.PDFReportsHeader .pdf-reports-header-actions > .results-date-range,
.PDFReportsHeader .pdf-reports-header-actions > .MomentDateRangeHolder {
    margin: 0;
}

.PDFReportsHeader .results-date-range,
.PDFReportsHeader .results-date-range .bp6-date-range-input,
.PDFReportsHeader .results-date-range .bp6-date-range-input .bp6-input-group {
    flex: 0 0 auto;
}

.PDFReportsHeader .results-date-range .bp6-date-range-input .bp6-input-group {
    padding-left: 0;
}

.PDFReportsHeader .results-date-range .bp6-date-range-input .bp6-input {
    padding-left: 12px;
}

.PDFReportsHeader .results-date-range .bp6-date-range-input {
    gap: 0px;
}

.PDFReportsHeader .results-date-range .bp6-date-range-input .bp6-input-group:first-child {
    margin-right: 0;
}

.PDFReportsHeader .results-date-range .bp6-date-range-input .bp6-input-group:first-child::after {
    content: none;
}

.PDFReportsHeader .results-date-range .pdf-reports-date-separator {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    flex: 0 0 32px;
}

.PDFReportsHeader .results-date-range .pdf-reports-date-separator > span {
    color: #707575;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    text-transform: lowercase;
}

.actionsPDFToolTips .bp6-popover-target {
    width: 8% !important;
    margin: 0px 6px;
}

.ag-theme-balham-soilresults {
    height: calc(100% - 82px);
    float: left;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

.ag-theme-balham-soilresult-part2 {
    height: 100%;
    float: left;
    width: 100%;
}

.soilResultsLoadingScreen {
    --height: 100%;
    padding-top: calc(var(--height)/10);
    padding-bottom: 10000px;
}

#app .ag-theme-balham .ag-floating-bottom {
    background-color: #f5f7f7;
}

.subMenu {
    border-radius: 0px;
}

.sampleSheetPlus {
    padding-right: 5px;
    margin-left: -10px;
}

.toastContainer {
    margin-top: 10px !important;
    position: relative;
}

.splashScreen  {
    position: relative;
    overflow: hidden;
}

.clientNavDropDown .bp6-button-group.button-Group-new-Client {
    display: inline-block;
}


.clientNavDropDown .button-Group-new-Client .clientNavBarButton > a > span > svg,
.clientNavDropDown .button-Group-new-Client .clientNavBarButton > button > span > svg {
    height: 32px;
    width: 32px;
}

#app .bp6-navbar.globalNavBar .account-nav .bp6-navbar-heading .bp6-icon-star svg {
    margin-bottom: 2px;
}

/* #ff7600 */
.clientNavDropDown .button-Group-new-Client .clientNavBarButton > a > .bp6-icon > svg,
.clientNavDropDown .button-Group-new-Client .clientNavBarButton > button > .bp6-icon > svg {
    color: #F6BA49;
}

.clientNavDropDown .button-Group-new-Client .clientPANEL-TABLE > span > svg {
    margin-right: 5px;
}

.clientNavDropDown .button-Group-new-Client .clientNavBarButton {
    width: 100%;
    height: 50px;
    float: left;
}

.bp6-portal .bp6-popover-content .clientNavDropDown.bp6-menu {
    max-height: 500px;
}

.clientNavBarButton .bp6-button:hover {
   background-color: #3B3B3B;
}

.clientNavDropDown .button-Group-new-Client > button > .bp6-button-text {
    float: left;
    margin-top: 75px;
    margin-left: -70px;
    margin-bottom: -5px;
}

.clientNavDropDown .button-Group-new-Client > button {
    float: left;
    margin-top: -21px;
}

.clientNavDropDown .button-Group-new-Client .button-Group-new-Client-Text {
    float: left;
    font-size: 16px;
    margin-left: -80px;
    margin-top: 75px;
}

.clientNavDropDown .button-Group-new-Client .clientNavBarButton > a > .bp6-button-text,
.clientNavDropDown .button-Group-new-Client .clientNavBarButton > button > .bp6-button-text {
    float: left;
    color: white;
}

.aClassClient .bp6-icon-layout-grid {
    margin-top: 2px;
    margin-left: 40px;
    margin-right: 15px;
}

.bp6-navbar-group.bp6-align-right.account-nav .clientNavAccount .bp6-popover-target {
    margin-top: 5px;
    margin-left: 7px;
}

.aClassClient .bp6-icon-layout-grid > svg {
    width: 30px;
    height: 30px;
    color: #F6BA49;
}

.clientNavPopOver {
    width: 315px;
    height: auto;
    background: #fff;
}

.clientNavPopOver.bp6-popover,
.clientNavPopOver .bp6-menu {
    background-color: #001D1D;
}

.clientNavPopOver.bp6-popover {
    border-top: 1px solid #707575;
}

.clientNavPopOver .bp6-popover-arrow {
   display: none;
}

.clientNavAccount .bp6-popover-target .bp6-icon svg {
    width: 40px;
    height: 40px;
    fill: #f1b434;
}

.clientNavAccountPopOver .bp6-popover-arrow {
    display: none;
}

.clientNavAccountPopOver .menu-container {
    width: 100%;
    height: 100%;
    background-color: #3B3B3B;
    color: white;
    padding: 10px 60px 10px 15px;
}
 
.clientNavAccountPopOver .bp6-menu { 
    background-color: transparent;
    color: white;
}

.clientNavAccountPopOver .bp6-menu li {
    margin-top: 20px;
}

.clientNavAccountPopOver .bp6-menu li svg {
    fill: white;
}

.clientNavAccountPopOver .bp6-menu li:first-child {
    margin-top: 0;
}

.clientNavAccountPopOver .menu-container .user-info span {
    float: left;
    width: 32px;
    height: 32px;
    margin: 5px;
}

.clientNavAccountPopOver .menu-container .user-info span svg {
    width: 28px;
    height: 28px;
    fill: #f1b434;
}

.clientNavAccountPopOver .menu-container .user-info h6 {
    font-size: 0.8rem;
    font-weight: bold;
    padding: 12px;
}

.AIProLogoClient {
    height: 90px;
    text-align: center;
    margin: 22px 0;
}

.app.Client.client-portal-view .AIProLogoClient {
    height: 75px;
    margin: 0;
    display: flex;
    align-items: center;
}

.AIProLogoClient .AIProLogoClient .buttonImage{
    height: 36px;
    width: auto;
    cursor: default;
    margin-top: 5px;
}

.app.Client.client-portal-view .AIProLogoClient .AIProLogoClient .buttonImage {
    margin-top: 0;
}

.globalNavBarClient .brand {
    width: 70%;
    height: 90px !important;
}

.app.Client.client-portal-view .globalNavBarClient .brand {
    height: 75px !important;
}

.globalNavBarClient .account-nav {
    height: 90px !important;
    margin-right: 40px;
}

.app.Client.client-portal-view .globalNavBarClient .account-nav {
    height: 75px !important;
}

.globalNavBarClient .clientHome {
    height: 90px !important;
    width: 5%;
    margin-right: 3%;
    padding-left: 10px;
}

.globalNavBarClient .account-nav .bp6-navbar-heading,
.globalNavBarClient .account-nav .bp6-navbar-heading .bp6-popover-wrapper,
.globalNavBarClient .account-nav .bp6-navbar-heading .bp6-popover-wrapper .bp6-popover-target {
    height: 90px;
    width: 100px;
}

.app.Client.client-portal-view .globalNavBarClient .account-nav .bp6-navbar-heading,
.app.Client.client-portal-view .globalNavBarClient .account-nav .bp6-navbar-heading .bp6-popover-wrapper,
.app.Client.client-portal-view .globalNavBarClient .account-nav .bp6-navbar-heading .bp6-popover-wrapper .bp6-popover-target {
    height: 75px;
}

.aClassClient {
    height: 100%;
    width: 100%;
}

.globalNavBarClient .account-nav .clientNavAccount {
    height: 50px;
    width: 50px;
    justify-content: center;
    align-items: center;
    display: flex
;
}

.clientNavAccount .bp6-popover-target .aClass {
    margin-left: 3px;
    display: inline-block;
    margin-top: 7px;
}

.app.Client.client-portal-view .clientNavAccount .bp6-popover-target .aClass {
    display: flex;
    align-items: center;
    height: 100%;
    margin-top: 0;
}

.clientNavAccountPopOver {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.clientNavAccountPopOver .bp6-popover-content {
    -webkit-box-shadow: 0 0 0 1px rgb(16 22 26 / 10%), 0 2px 4px rgb(16 22 26 / 20%), 0 8px 24px rgb(16 22 26 / 20%);
    box-shadow: 0 0 0 1px rgb(16 22 26 / 10%), 0 2px 4px rgb(16 22 26 / 20%), 0 8px 24px rgb(16 22 26 / 20%);
}

.account-nav .bp6-navbar-heading {
    margin-right: 5%;
}

.Client .widget-dashboard-container {
    --client-dashboard-header-height: min(220px, 15%);
    --client-dashboard-footer-height: 50px;
}

.Client .clientPicker {
    --client-dashboard-header-height: min(220px, 15%);
    --client-dashboard-footer-height: 50px;
}

.Client .content .clientIcons {
    display: block;
    width: 100%;
    height: calc(100% - var(--client-dashboard-header-height, 220px) - var(--client-dashboard-footer-height, 50px));
    background-color: #D9D9D9;
    margin: 0 auto;
}

.Client .page-content .clientIcons {
    height: calc(100% - var(--client-dashboard-header-height, 220px) - var(--client-dashboard-footer-height, 50px));
    max-height: none;
}

.Client .clientIcons .button-Group-new-Client > button > span > svg,
.Client .clientIcons .button-Group-new-Client > div > button > span > svg {
    display: block;
    height: 100%;
    width: 100%;
}

.globalNavBarClient .clientHome .clientHomeButton > span > svg {
    margin-top: 12%;
    width: 60px;
    height: 60px;
    color: #7c7c7c;
}

.clientNavPopOver .clientNavDropDown .button-Group-new-Client > button:focus {
    outline: none;
}

.globalNavBarClient .clientHome .clientHomeButton > span > svg:focus {
    outline: none;
}

.globalNavBarClient .clientHome .clientHomeButton {
    background: none !important;
}

.globalNavBarClient .clientHome .clientHomeButton:focus {
    outline: none;
}

/* #ff7600 */
.Client .clientIcons .button-Group-new-Client > button > .bp6-icon > svg,
.Client .clientIcons .button-Group-new-Client > div > button > .bp6-icon > svg {
    color: #cf7f00;
}

.Client .clientIcons .button-Group-new-Client .button-Group-new-Client-Text {
    float: left;
    font-size: 16px;
    margin-left: -80px;
    margin-top: 75px;
}

.Client .clientIcons .button-Group-new-Client .clientHomePageButton .clientPRESCRIPTION > .bp6-button-text {
    margin-right: 10px;
}

.Client .clientIcons .button-Group-new-Client > button:focus {
    outline: none;
}

.Client .clientIcons .button-Group-new-Client > button {
    float: left;
    margin-top: -21px;
}

.clientNavBarButton .bp6-button {
    width: 100%;
    justify-content: flex-start;
}

.clientNavBarButton .bp6-button {

}

.clientNavBarButton .bp6-button .bp6-icon {
    width: 40px;
    margin-left: 20px;
    margin-right: 20px;
}

.clientIcons .button-Group-new-Client > div.clientHomePageButton > button > .bp6-icon > svg {
    color: #001D1D;
}

.Client .clientIcons .button-Group-new-Client .bp6-disabled,
.clientNavPopOver .clientNavDropDown .button-Group-new-Client .bp6-disabled {
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
}

.client-portal-admin .client-portal-admin.content .impersonateIframe {
    z-index: 1;
    background-color: gray;
}

.client-portal-admin .client-portal-admin.content .impersonateIframe {
    height: calc(100% - 95px);
    width: calc(100% - 40px);
    border-radius: 10px;
}

.Client .page-content .footer-image,
.Client .content .footer-image {
    width: 100%;
    height: var(--client-dashboard-footer-height, 50px);
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    background-color: #001D1D;
}

.Client .content .footer-image > img,
.Client .content .footer-image > img {
    height: 30px;
}

.Consultant_P_Goal .form-group .form-control,
.Grower_P_Goal .form-group .form-control {
    float: left;
    width: calc(100% - 32px);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.bp6-portal.soil-nutrient-goals .Consultant_P_Goal .bp6-button.bp6-intent-primary,
.bp6-portal.soil-nutrient-goals .Grower_P_Goal .bp6-button.bp6-intent-primary {
    float: left;
    margin: 0;
    height: 28px;
    padding: 19px 6px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.bp6-toast-container .bp6-toast.toastContainer .bp6-toast-message {
    white-space: pre-line !important;
}

.onBoardedSoilIconHolder {
    padding: 10px;
    text-align: center;
}

.onBoardedSoilIconHolder h6 {
    text-align: left;
    margin-bottom: 12px;
}

.onBoardedSoilIconHolder h6 b {    
    width: 95px;
    display: inline-block;
}

.clientIcons .clientHomePageButton {
    display: block;
    margin-left: 32px;
    margin-right: 0;
}

.clientIcons .clientHomePageButton:nth-child(1),
.clientIcons .clientHomePageButton:nth-child(4),
.clientIcons .clientHomePageButton:nth-child(7),
.clientIcons .clientHomePageButton:nth-child(10) {
    margin-left: 0;
}

.clientHomePageButton  {
    float: left;
    width: calc((100% - 64px) / 3);
}
 
.content  .bp6-button-group.button-Group-new-Client {
    display: block;
    width: 100%;
}

.clientIcons .bp6-button-group .clientHomePageButton .bp6-button {
    background-color: white;
    border-radius: 7px;
    margin: 40px 0 0 0;
    width: 100%;
    height: 100px;
    padding: 10px;
    justify-content: flex-start;
}

.clientIcons .bp6-button-group .clientHomePageButton .bp6-button .bp6-icon {
    align-items: center;
    justify-content: center;
    display: flex;
    box-sizing: border-box;
    overflow: hidden;
    margin: 0;
    background-color: #F1B434;
    padding: 10px;
    border-radius: 7px; 
    margin-right: 10px;
}

.clientIcons .bp6-button-group .clientHomePageButton .bp6-button .bp6-icon > svg {
    display: block;
    width: 100%;
    height: 100%;
}

.clientIcons .bp6-button-group .clientHomePageButton .bp6-button .bp6-button-text {
    display: flex;
    flex: 1 1 0;
    min-width: 0;
    width: 100%;
    height: 100%;
    align-self: stretch;
    text-align: center;
    margin: 0;
    margin-top: 2px;
}

.clientIcons .bp6-button-group .clientHomePageButton .bp6-button .bp6-button-text h6 {
    font-weight: bold;
    text-align: left;
    font-size: 1rem;
    margin-bottom: 4px;
}

.clientIcons .bp6-button-group .clientHomePageButton .bp6-button .bp6-button-text p {
    text-align: left;
    margin-bottom: 0;
}

.dashboard > div, .dashboard > div > div  {
    float: left;
    height: 100%;
    width: 100%;
}

.PDFReportsHeader .bp6-overflow-list.bp6-breadcrumbs {
    float: left;
}

.PDFReportsHeader .bp6-button {
    margin-left: 5px;
    padding-top: 6px;
    padding-left: 15px;
}

.PDFReportsHeader .pdf-reports-header-actions .bp6-button {
    margin-left: 0;
    height: 48px;
    margin-top: -1px;
    padding: 0 15px;
    display: inline-flex;
    align-items: center;
}

.PDFReportsHeader .pdf-reports-header-actions > .bp6-popover-target .bp6-button {
    margin-top: -3px;
}

.PDFReportsHeader .pdf-reports-header-actions .pdf-reports-back-button {
    margin-right: 10px;
    margin-top: -3px;
    min-width: 0;
    padding: 0 16px;
    border-radius: 12px !important;
}

.PDFReportsHeader .pdf-reports-header-actions .bp6-button .bp6-button-text {
    display: inline-flex;
    align-items: center;
}

.PDFReportsHeader .pdf-reports-header-actions .pdf-reports-back-button .bp6-button-text {
    display: inline;
    font-weight: 700;
}

.bp6-popover-content .bp6-menu.Reporting {
    max-height: 520px !important;
}

#app .bp6-callout.bp6-intent-danger {
    white-space: pre-line;
}

.bp6-portal .bp6-daterangepicker .rdp-vhidden {
    display: none;
}

.bp6-portal .bp6-daterangepicker .rdp-table {
    margin-left: 15px;
}

.bp6-portal .bp6-daterangepicker .rdp-table .rdp-cell {
    min-height: 30px;
    min-width: 30px;
    max-height: 30px;
    max-width: 30px;
}

.bp6-portal .bp6-daterangepicker .rdp-table .rdp-cell .rdp-day_selected,
.bp6-portal .bp6-daterangepicker .rdp-table .rdp-cell .rdp-day_hovered {
    background-color: #ebf1f5;
    border-radius: 0;
}

.bp6-portal .bp6-daterangepicker .rdp-table .rdp-cell .rdp-day_hovered_start,
.bp6-portal .bp6-daterangepicker .rdp-table .rdp-cell .rdp-day_hovered_end {
    background-color: #969899;
    border-radius: 0;
}

/* .bp6-portal .bp6-daterangepicker .rdp-table .rdp-cell .rdp-day_selected.rdp-day_range_middle {
    min-height: 30px;
    min-width: 30px;
} */

.bp6-portal .bp6-daterangepicker .rdp-table .rdp-cell .rdp-day_selected.rdp-day_range_start {
    background-color: #137cbd;
    border-radius: 3px;
    color: #ffffff;
}

.bp6-portal .bp6-daterangepicker .rdp-table .rdp-cell .rdp-day_selected.rdp-day_range_end {
    background-color: #137cbd;
    border-radius: 3px;
    color: #ffffff; 
}

.clientportal.header {
    height: var(--client-dashboard-header-height, 220px);
    width: 100%;
    background-color: #333;
    overflow: hidden;
    position: relative;
}

.clientportal.header img {
    width: 100%;
    position: relative;
    top: -466px;
}

.clientportal.header > span {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    font-size: 48px;
    color: white;
    padding: 0 100px;
    background-color: #000a;
    width: 100%;
}

.clientportal.header > span b {
    color: #F1B434
}

.clientportal.header .welcome-name {
    display: inline;
    margin-left: 0.3em;
}

.clientPicker .clientIcons {
    width: 100%;
    height: calc(100% - var(--client-dashboard-header-height, 220px) - var(--client-dashboard-footer-height, 50px));
    float: left;
    background-color: #D9D9D9;
}

.clientPicker .clientIcons .button-Group-new-Client {
    display: block;
    float: left;
    width: 100%;
}

.clientPicker .clientIcons .clientHomePageButton {
    display: block;
    height: 100px;
    width: calc((100% - 64px) / 3);
    min-width: 300px;
    float: left;
    margin-top: 38px;
    background-color: #fff;
    border-radius: 7px;
    margin-right: 0;
}

.clientPicker .clientIcons .clientHomePageButton > div {
    margin-top: 0;
    height: 100%;
    width: 100%;
}

.clientPicker .clientIcons .clientHomePageButton a {
    display: block;
    width: 100%;
    height: 100%;
    background-color: white;
    border-radius: 7px;
    padding: 10px;
}

.clientPicker .clientIcons .clientHomePageButton .bp6-icon  {   
    display: block;
    float: left;
    width: 80px;
    height: 80px;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    background-color: #F1B434;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 7px;
    margin-right: 10px;
}

.clientPicker .clientIcons .clientHomePageButton .bp6-icon svg {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    fill: #001D1D;
}

.clientPicker .clientIcons .clientHomePageButton .clientButton .text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc(100% - 90px);
    height: 100%;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 2px;
}

.clientPicker .clientIcons .clientHomePageButton .text h6 {
    font-weight: bold;    
    font-size: 1rem;
    padding-bottom: 2px;
    margin-bottom: 5px;
}

.clientPicker .clientIcons .clientHomePageButton .text span {
    font-size: 1rem;
    font-weight: normal;
    white-space: normal;
    line-height: 18px;
}

.nav-breadcrumbs {
    margin-top: 2px;
}

.app.Client.client-portal-view .nav-breadcrumbs {
    margin-top: 0;
    min-height: 75px;
    display: flex;
    align-items: center;
}

.globalNavBarClient .back,
.globalNavBarClient .main-menu,
.globalNavBarClient .sub-menu,
.globalNavBarClient .delimiter  {
    float: left;
}

.globalNavBarClient .back svg,
.globalNavBarClient .main-menu svg,
.globalNavBarClient .sub-menu svg,
.globalNavBarClient .delimiter svg {
    height: 28px;
    width: 28px;    
}

.globalNavBarClient .main-menu svg,
.globalNavBarClient .sub-menu svg {
    height: 18px;
    width: 18px;    
}

.globalNavBarClient .delimiter .bp6-icon {
    margin-left: 0px;
}

.globalNavBarClient .delimiter .bp6-icon,
.globalNavBarClient .back .bp6-icon  {
    margin-top: 7px;
}

.globalNavBarClient .back .bp6-icon svg,
.globalNavBarClient .delimiter .bp6-icon svg {
    fill: #f1b434;
}

.globalNavBarClient .main-menu .bp6-icon,
.globalNavBarClient .sub-menu .bp6-icon {
    background-color: #F1B434;
    border-radius: 7px;
    padding: 5px;
    margin-right: 10px;
}

.globalNavBarClient .main-menu .bp6-icon {
    margin-left: 0;
}

.globalNavBarClient .main-menu .bp6-icon svg,
.globalNavBarClient .sub-menu .bp6-icon svg {
    fill: #001D1D;
}

.globalNavBarClient .main-menu span,
.globalNavBarClient .sub-menu span {
    font-size: 24pt;
    color: #F1B434;
}

.AIProLogoClient > div ,
.AIProLogoClient .back {
    float: left;
}

.AIProLogoClient .back {
    margin-top: 25px;
    width: 25px;
}

.app.Client.client-portal-view .AIProLogoClient .back {
    margin-top: 0;
    height: 75px;
    display: flex;
    align-items: center;
}

.Client .clientIcons {
    height: calc(100% - var(--client-dashboard-header-height, 220px) - var(--client-dashboard-footer-height, 50px));
    padding: 0 100px;
}

.app.Client.cols-2 .clientPicker .clientIcons .clientHomePageButton {
    width: calc((100% - 30px) / 2);
}

.app.Client.cols-2 .clientPicker .clientIcons .clientHomePageButton {
    margin-left: 30px;
}

.app.Client.cols-2 .clientPicker .clientIcons .clientHomePageButton:nth-child(1),
.app.Client.cols-2 .clientPicker .clientIcons .clientHomePageButton:nth-child(3),
.app.Client.cols-2 .clientPicker .clientIcons .clientHomePageButton:nth-child(5),
.app.Client.cols-2 .clientPicker .clientIcons .clientHomePageButton:nth-child(7),
.app.Client.cols-2 .clientPicker .clientIcons .clientHomePageButton:nth-child(9),
.app.Client.cols-2 .clientPicker .clientIcons .clientHomePageButton:nth-child(11) {
    margin-left: 0;
}

.app.Client.cols-2 .widget-dashboard-container {
    --client-dashboard-header-height: 100px;
}

.app.Client.cols-2 .clientPicker {
    --client-dashboard-header-height: 100px;
}

.app.Client.cols-2 .clientReportPicker .clientIcons {
    height: calc(100% - var(--client-dashboard-header-height, 100px) - var(--client-dashboard-footer-height, 50px));
    overflow-y: auto;
}

.app.Client.cols-2 .clientportal.header span {
    padding: 33px  100px;
}

.app.Client.cols-2 .clientPicker .clientIcons .button-Group-new-Client {
    margin-bottom: 38px;
}

.app.Client.cols-2 div a .text {
    margin-top: 2px;
}

.app.Client.cols-2 .clientPicker .clientIcons .clientHomePageButton .text h6 {
    padding-bottom: 2px;
    margin-bottom: 2px;
}

.app.Client.cols-1 .clientPicker .clientIcons .clientHomePageButton {
    width: calc(100%);
    margin-left: 0;
}

.app.Client.cols-1 .clientPicker .clientIcons .button-Group-new-Client {
    margin-bottom: 38px;
}

.app.Client.cols-1 .clientReportPicker .clientIcons {
    height: calc(100% - var(--client-dashboard-header-height, 100px) - var(--client-dashboard-footer-height, 50px));
    overflow-y: auto;
}

.app.Client.cols-1 .widget-dashboard-container {
    --client-dashboard-header-height: 100px;
}

.app.Client.cols-1 .clientPicker {
    --client-dashboard-header-height: 100px;
}

.app.Client.cols-1 .clientportal.header span {
    padding: 33px  100px;
}

.app.Client.cols-1 .clientPicker .clientIcons .button-Group-new-Client {
    display: block;
    float: left;
    width: 100%;
}

.app.Client.cols-1 div a .text {
    margin-top: 5px;
}

.app.Client.cols-1 .clientPicker .clientIcons .clientHomePageButton .text h6 {
    padding-bottom: 0;
    margin-bottom: 0.5rem;
}


.app.Client.cols-2 .Client .page-content .clientIcons {
    height: calc(100% - var(--client-dashboard-header-height, 100px) - var(--client-dashboard-footer-height, 50px));
}

.app.Client.cols-2 .Client .page-content .clientHomePageButton {
    width: calc((100% - 30px) / 2);
    margin-left: 30px;
}

.app.Client.cols-2 .page-content .clientIcons .clientHomePageButton:nth-child(1),
.app.Client.cols-2 .page-content .clientIcons .clientHomePageButton:nth-child(3),
.app.Client.cols-2 .page-content .clientIcons .clientHomePageButton:nth-child(5),
.app.Client.cols-2 .page-content .clientIcons .clientHomePageButton:nth-child(7),
.app.Client.cols-2 .page-content .clientIcons .clientHomePageButton:nth-child(9),
.app.Client.cols-2 .page-content .clientIcons .clientHomePageButton:nth-child(11) {
    margin-left: 0;
}

.app.Client.cols-1 .Client .page-content .clientIcons {
    height: calc(100% - var(--client-dashboard-header-height, 100px) - var(--client-dashboard-footer-height, 50px));
    overflow-y: auto;
}

.app.Client.cols-1 .Client .page-content .clientHomePageButton {
    width: calc(100%);
    margin-left: 0;
}

.app.Client.cols-1 .page-content .clientIcons .button-Group-new-Client {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 38px;
}

.app.Client.cols-1 .page-content .clientHomePageButton .bp6-button {
    justify-content: flex-start;
}

@media (min-width: 2500px) { 
    .clientIcons .bp6-button-group .clientHomePageButton .bp6-button .bp6-button-text h6 {
        font-size: 22pt;
    }

    .clientIcons .bp6-button-group .clientHomePageButton .bp6-button {
        font-size: 18pt;
    }

    .clientPicker .clientIcons .clientHomePageButton .text h6 {
        font-size: 18pt;
    }

    .clientPicker .clientIcons .clientHomePageButton .text span {
        font-size: 16pt;
    }
}

/* .app.Client.cols-1 .clientPicker .clientIcons .clientHomePageButton {
    margin-left: 0;
}

.app.Client.cols-1 .clientPicker .clientIcons .clientHomePageButton:nth-child(11),
.app.Client.cols-1 .clientPicker .clientIcons .clientHomePageButton:nth-child(12) {
    margin-bottom: 38px;
}

.app.Client.cols-1 .clientReportPicker .clientIcons {
    height: calc(100% - var(--client-dashboard-header-height));
    overflow-y: auto;
}

.app.Client.cols-1 .clientportal.header span {
    padding: 33px  100px;
}

.app.Client.cols-1 .clientPicker .clientIcons .button-Group-new-Client {
    margin-bottom: 38px;
}

.app.Client.cols-1 div a .text {
    margin-top: 2px;
}

.app.Client.cols-1 .clientPicker .clientIcons .clientHomePageButton .text h6 {
    padding-bottom: 2px;
    margin-bottom: 2px;
} */
  
/* @media (max-width: 1750px) {
    .Client .content .clientIcons {
        width: 100%;
    }

    .clientportal.header {
        height: 105px;
    }

    .clientportal.header span {
        padding: 35px 100px;
    }
    
    .clientPicker .clientIcons .clientHomePageButton { 
        margin-top: 30px;
    }

    .Client .content .clientIcons {
        height: calc(100% - 167px);
    }
}    */

/* @media (max-width: 1530px) {
  
    .clientportal.header {
        height: 105px;
    }
  
    .clientportal.header span {
        padding: 35px 100px;
    }
  
    .clientPicker .clientIcons {
        height: calc(100% - 155px);
    }
  
    .clientPicker .clientIcons .clientHomePageButton { 
        margin-top: 32px;
        height: 90px;
    }
  
    .Client .content .clientIcons {
        height: calc(100% - 267px);
    }

    .clientPicker .clientIcons .clientHomePageButton .bp6-icon {
        width: 70px;
        height: 70px;
    }

    .clientPicker .clientIcons .clientHomePageButton .text h6  { 
        padding-bottom: 0;
    }
}        

@media (max-width: 1510px) {

}  

@media (max-width: 1164px) {
    .clientIcons .bp6-button-group .clientHomePageButton .bp6-button {
        height: 120px;
    }

    .Client .clientIcons .button-Group-new-Client > button > span > svg, .Client .clientIcons .button-Group-new-Client > div > button > span > svg {
        height: 80px;
        width: 80px;
    }

    .clientIcons .bp6-button-group .clientHomePageButton .bp6-button .bp6-button-text h6 {
        font-size: 1.2rem;
    }

    .clientIcons .bp6-button-group .clientHomePageButton .bp6-button .bp6-button-text p {
        font-size: 1.1rem;
    }
}   */

@media (max-width: 1300px) {
    /* .clientHomePageButton {
        margin-right: 50px;
    }

    .clientIcons .bp6-button-group .clientHomePageButton .bp6-button {
        height: 120px;
    }

    .Client .clientIcons .button-Group-new-Client > button > span > svg, .Client .clientIcons .button-Group-new-Client > div > button > span > svg {
        height: 80px;
        width: 80px;
    }

    .clientIcons .bp6-button-group .clientHomePageButton .bp6-button .bp6-button-text h6 {
        font-size: 1.2rem;
    }

    .clientIcons .bp6-button-group .clientHomePageButton .bp6-button .bp6-button-text p {
        font-size: 1.1rem;
    } */
}



/* dynamicbranch.css */

.dynamic-branch {
    width: 256px;
}

.dynamic-leaf {
    height: 30px;
}

/* CHEVRON */
.dynamic-leaf  .chevron {
    float: left;
    height: 100%;
    width: 30px;
    padding: 0 5px;
    font-size: 17px;
    text-align: center;
    line-height: 30px;
    color: #777;
    cursor: pointer;
}

.dynamic-leaf  .chevron:hover {
    color: #333;
}

.arrow {
    transition-duration: 0.8s;
    transition-property: transform;
}

.chevron.open .arrow {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

/* ICON */
.dynamic-leaf-icon .icon,
.dynamic-leaf .icon {
    float: left; 
    height: 24px;
    width: 24px;
    background-image: url(/aipro/app.dist/assets/c09671aa839765733c1e.png);  
    background-size: 100%;
    margin: 3px 1px 0 10px;
    border-radius: 20px;
    border: 2px solid #333;
    background-color: #ddd;
}

.Grower.icon {
    background-position: -1px -20px;
}

.Field.icon {    
    background-size: 110%;
    background-position: 0px -67px;
}

.Zone.icon {
    background-size: 85%;
    background-position: 1.5px -67px;
}

.dynamic-leaf-label:hover .icon {
    background-color: #fff;
}

/* TEXT */
.dynamic-leaf-text {
    float: left;
    height: 100%;
    width: calc(100% - 100px);
    font-weight: bold;
    line-height: 30px;
    padding-left: 5px;
    overflow: hidden;
    font-size: 18px;
    color: #333;
}

.dynamic-leaf-label:hover .dynamic-leaf-text {
    cursor: pointer;
}

/* MAINT BTN */
.maintenance-btn-menu .maintenance-btn {
    padding: 1px 6px;
    margin: 2px 2px 2px 30px !important;
}
 
.maintenance-btn-menu .maintenance-btn .bp6-icon svg {
    position: relative;
    top: -2px;
    width: 12px;
    height: 12px;
}

.showMenu .maintenance-btn {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
 }
 
.maint-icon .icon {
    float: left; 
    height: 24px;
    width: 24px;
    background-image: url(/aipro/app.dist/assets/c09671aa839765733c1e.png);  
    background-size: 100%;
    margin: 5px 10px 0 0;
    border-radius: 20px;
    border: 2px solid #333;
    background-color: #ddd;
}

.maintenance-popup-widget.bp6-dialog .form .nav,
.maintenance-popup-widget.bp6-dialog .form .content-footer,
.maintenance-popup-widget.bp6-dialog .form .form-header {
    display: none;
}

.maintenance-popup-widget.bp6-dialog.farms .form .content-footer {
    display: block;
}

.bp6-dialog-footer-actions .btn {
    margin: 0 10px;
    width: 200px;
}

.widget .col-md-12.Name {
    width: 100%
}

.bp6-dialog-body hr:last-child {
    display: none;
}

.bp6-dialog.one-column {
    width: 25%;
}

.bp6-dialog.two-column {
    width: 50%;
}

.bp6-dialog.three-column {
    width: 75%;
}

.maintenance-popup-widget.farms label {
    display: none;
}

.maintenance-popup-widget.farms section:first-child label {
    display: inline-block;
}

.maintenance-popup-widget.farms .form-body h2,
.maintenance-popup-widget.farms hr {
    display: none;
}

.maintenance-popup-widget.farms .row > div {
    margin: 0;
}

.maintenance-popup-widget.farms textarea.form-control {
    height: 34px;
}

.bp6-heading .bp6-icon.bp6-icon-caret-right {
    margin: 0 0 2px 0;
}

.bp6-menu .bp6-icon.bp6-icon-star {
    color: #d6bd09;
}

.bp6-menu .bp6-icon.bp6-icon-new-layer,
.bp6-menu .bp6-icon.bp6-icon-new-layers {
    color: #17b41c;
}

.bp6-menu .bp6-icon.bp6-icon-cog {
    color: #884c0e;
}

.bp6-menu .bp6-icon.bp6-icon-folder-close {
    color: #d8922a;
}

.bp6-menu .bp6-icon.bp6-icon-folder-new {
    color: #17b41c;
}

.bp6-menu .bp6-icon.bp6-icon-trash,
.bp6-menu .bp6-icon.bp6-icon-delete {
    color: #ca2a06;
}

.bp6-menu .bp6-icon.bp6-icon-offline {
    color: #f16616;
}

.bp6-menu .bp6-icon.bp6-icon-social-media { 
    color: #2474b5;
}

/**
.bp6-menu .bp6-icon.bp6-icon-add-to-folder {
    color: #e4a14f;
}

.bp6-overlay .group-by .bp6-menu-item > .bp6-icon {
    color: #e4a14f;
}

.bp6-menu .bp6-icon.bp6-icon-share {
    color: #098ece;
}
*/

.email-list input {
    width: 100%;
    margin: 10px 0;
}

.email-list {
    margin: 10px 12px;
}
/* hierarchy.css */
.branch {
    float: none;
}

.height-preserving-container {
    height: 30px;
}

.ag-theme-balham .ag-row.top-border {
    border-top: 3px solid #aaa;
}

.ag-theme-balham .ag-row.top-border .ag-cell {
    line-height: 22px;
}
.tree-container {
    background-color: #eee;
    border-right: 1px solid #cecece;
    height: 100%;
}

.tree-header {
    float: left;
    height: 96px;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #cecece;
    display: flex;
    flex-direction: column;
    background-color: #000000;
}

.tree-body {
    height: calc(100% - 96px);
    width: 100%;
    overflow-y: auto;
}

.trunk {
    height: 100%;
}

.trunk > div {
    float: left;
    width: 100%;
}

.dragging-branch {
    cursor: move;
}

.mobileVirtuosoTree .dragging-branch {
    width: 90%;
}

.static {
    cursor: pointer;
}

.static.branch {
    position: relative !IMPORTANT;
}

/* .static.Grower.Essential .leaf .chevron {
    color: #a79136;
}

.static.Grower.Basic .leaf .chevron {
    color: #878d8f;
}

.static.Grower.Free .leaf .chevron {
    color: #a75124;
} */

.branch {
    float: left;
    height: 36px;
    width: 100%;
}

.branch.inactive {
    background-color: #aaa;
}

.branch.noMatch {
    display: none;
}

.branch.inactive .leaf .desc{
    color: #555;
    font-style: italic;
}

.branch.hide {
    display: none;
}

.leaf {
    height: 36px;
    border-left: 4px solid #29514D;
}

.Groweer .leaf {
    border: none;
}

.leaf .chevron {
    float: left;
    height: 24px;
    width: 24px;
    margin-top: 6px;
    padding: 0 5px;
    font-size: 17px;
    text-align: center;
    line-height: 24px;
    color: #6D6D6D;
}

.tree-body .leaf .chevron svg {
    color: #6D6D6D;
    fill: #6D6D6D;
    font-size: 16px;
}

.static.Grower.Essential .leaf .icon svg {
    color: #64490e;
    fill: #64490e;
}

.static.Grower.Essential.selected .leaf .icon svg {
    color: #000;
    fill: #000;
}

.leaf .icon {
    float: left; 
    height: 100%;
    width: 30px;
}

.leaf .icon.Golf {
    float: left; 
    height: 100%;
    width: 30px;
}

.leaf .icon.Turf {
    float: left; 
    height: 100%;
    width: 30px;
}

.leaf .icon svg {
    height: 20px;
    width: 20px;
    margin-top: 7px;
    fill: #6D6D6D;
}

.leaf .desc {
    float: left;
    height: 100%;
    width: calc(100% - 68px);
    line-height: 36px;
    padding-left: 5px;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #6D6D6D;
    font-size: 18px;
}

.leaf .btns {
    float: left; 
    height: 100%;
    width: 30px;
}

.Farm {
    padding-left: 31px;
}

.Field {
    padding-left: 64px;
}

.Zone {
    padding-left: 96px;
}

.stripped_odd {
    background-color: #fafafa;
}

.stripped_even {
    background-color: #fff;
}

.branch.Grower .icon {
    background-position: 0px -31px;
}

.Grower .icon.Golf {
    background-position: -3px -41px;
}

.branch .icon.Turf {
    background-position: 0px 0px;
}

.branch.Farm .icon {
    background-position: 0px -60px;
}

.Farm .icon.Golf {
    background-position: -168px -4px;
}

.branch.Field .icon {
    background-position: 0px -90px;
}

.Field .icon.Golf {
    background-position: -134px -120px;
}

.Zone .icon {
    background-position: 0px -120px;
}

.Zone .icon.Golf {
    background-image: url(/aipro/app.dist/assets/c09671aa839765733c1e.png);  
    background-position: 0px -120px;
    background-size: 100%;
}

.Zone .icon.Turf {
    background-image: url(/aipro/app.dist/assets/c09671aa839765733c1e.png);  
    background-position: 0px -120px;
    background-size: 100%;
}

.drag-placeholder.isDragging {
    padding: .2rem .2rem;
}

.indent-0 .drag-placeholder.isDragging {
    padding-left: 15px;
}

.drag-placeholder.isDragging .static {
    background-color: #777;
    border-radius: 3px;
}

.drag-placeholder.isDragging .static > div {
    visibility: hidden;
}

.drag-preview {
    box-shadow: 0px 0px 1px #fff;
}

/* Hiearchy Header */
.tree-header-row {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 4px 6px;
}

.tree-header-row.top {
    height: 48px;
    border-bottom: 1px solid #cecece;
    padding: 0 20px;
    overflow: hidden;
    justify-content: space-between;
    gap: 12px;
}

.tree-header-row.bottom {
    height: 48px;
    background-color: #B6B6B6;
    padding: 0 20px;
}

.tree-header-row.top .zone-type-control {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1 1 auto;
    min-width: 0;
    --zone-type-menu-offset: 10px;
}

.tree-header-row.top .zone-type-control label {
    margin: 0;
    white-space: nowrap;
    flex: 0 0 auto;
}

.tree-header-row.top .zone-type-control .zone-type-menu-shell {
    flex: 1 1 auto;
    min-width: 0;
    width: calc(100% - var(--zone-type-menu-offset));
    max-width: calc(100% - var(--zone-type-menu-offset));
    box-sizing: border-box;
}

.tree-header-row.top .zone-type-control .zone-type-menu-shell .bp6-popover-wrapper,
.tree-header-row.top .zone-type-control .zone-type-menu-shell .multiselect-menu.bp6-popover-target {
    width: 100%;
    max-width: 100%;
}

.tree-header-row.top .zone-type-control .bp6-popover-wrapper .bp6-button {
    width: 100%;
    max-width: 100%;
    justify-content: space-between;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
    overflow: hidden;
}

/* If the popover wrapper isn't a direct ancestor in the DOM, also
   constrain the multiselect menu's button so it cannot overflow the
   header area and will keep the caret visible. */
.tree-header-row.top .zone-type-control .multiselect-menu .bp6-button {
    max-width: 100%;
    width: 100%;
    overflow: hidden;
}

.tree-header-row.top .hierarchy-header-toggle.bp6-button {
    flex: 0 0 auto;
    width: 36px;
    min-width: 36px;
    height: 36px;
    min-height: 36px;
    padding: 0;
    border: none;
    border-radius: 10px !important;
    background-color: #F1B434;
    box-shadow: none;
    color: #000000 !important;
}

.tree-header-row.top .hierarchy-header-toggle.bp6-button:hover,
.tree-header-row.top .hierarchy-header-toggle.bp6-button:active,
.tree-header-row.top .hierarchy-header-toggle.bp6-button:focus {
    background-color: #E2A725;
    box-shadow: none;
    color: #000000 !important;
}

.tree-header-row.top .hierarchy-header-toggle.bp6-button .bp6-icon {
    color: #000000 !important;
}

.tree-header-row.top .hierarchy-header-toggle.bp6-button .bp6-icon svg {
    fill: #000000 !important;
}

.tree-header-row.top .zone-type-control .multiselect-menu.bp6-popover-target,
.tree-header-row.top .zone-type-control .multiselect-menu.bp6-popover-target .bp6-button {
    width: 100%;
}

.tree-header-row.top .zone-type-control .multiselect-menu.bp6-popover-target.bp6-popover-open {
    width: 100%;
    display: block;
}

.tree-header-row.top .zone-type-control .multiselect-menu.bp6-popover-target .bp6-button {
    min-width: 0;
}

.tree-header-row.top .zone-type-control .multiselect-menu.bp6-popover {
    min-width: 100%;
}

.tree-header-row.top .zone-type-control .multiselect-menu.bp6-popover .bp6-popover-content {
    width: 100%;
}

.multiselect-menu.zone-type-menu.bp6-popover .bp6-menu {
    background-color: #2B2B2B;
    color: #ffffff;
}

.multiselect-menu.zone-type-menu.bp6-popover {
    margin-top: -6px;
    margin-left: -1px;
}

.multiselect-menu.zone-type-menu .bp6-menu .bp6-menu-item:hover,
.multiselect-menu.zone-type-menu .bp6-menu .bp6-menu-item.active {
    background-color: #2B2B2B;
}

.tree-header-row.top .zone-type-control .bp6-popover-wrapper .bp6-button .bp6-icon:last-child {
    margin-left: auto;
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    padding: 2px;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.tree-header-row.top .zone-type-control .bp6-button {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 8px;
    border: none;
    box-shadow: none;
    background-color: transparent;
    color: #F1B434;
}

.tree-header-row.top .zone-type-control .bp6-button .bp6-icon {
    margin: 0;
    color: #F1B434;
}

.tree-header-row.top .zone-type-control .bp6-button .bp6-icon,
.tree-header-row.top .zone-type-control .bp6-menu .bp6-icon {
    background-color: #F1B434;
    border-radius: 4px;
    padding: 4px;
    width: 30px;
    height: 30px;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
}

.tree-header-row.top .zone-type-control .bp6-button .bp6-icon svg,
.tree-header-row.top .zone-type-control .bp6-menu .bp6-icon svg {
    width: 100%;
    height: 100%;
    color: #000000;
    fill: #000000;
}

.multiselect-menu.zone-type-menu .bp6-popover-content .bp6-menu .bp6-menu-item .bp6-icon,
.multiselect-menu.zone-type-menu .bp6-menu .bp6-menu-item span.bp6-icon {
    background-color: #F1B434 !important;
    border-radius: 4px;
    padding: 4px;
    width: 30px;
    height: 30px;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.multiselect-menu.zone-type-menu .bp6-popover-content .bp6-menu .bp6-menu-item .bp6-icon svg,
.multiselect-menu.zone-type-menu .bp6-menu .bp6-menu-item span.bp6-icon svg {
    width: 100%;
    height: 100%;
    color: #000000 !important;
    fill: #000000 !important;
}

.multiselect-menu.zone-type-menu .bp6-popover-content .bp6-menu .bp6-menu-item,
.multiselect-menu.zone-type-menu .bp6-popover-content .bp6-menu .bp6-menu-item .text {
    color: #ffffff !important;
}

/* Zone Type dropdown icon + text styling (matches button icon) */
.multiselect-menu.zone-type-menu .bp6-menu .bp6-menu-item > .bp6-icon {
    background-color: #F1B434 !important;
    border-radius: 4px;
    padding: 4px;
    width: 30px;
    height: 30px;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
}

.multiselect-menu.zone-type-menu .bp6-menu .bp6-menu-item > .bp6-icon svg,
.multiselect-menu.zone-type-menu .bp6-menu .bp6-menu-item > .bp6-icon svg path {
    width: 100%;
    height: 100%;
    color: #000000 !important;
    fill: #000000 !important;
}

.multiselect-menu.zone-type-menu .bp6-menu .bp6-menu-item .text {
    color: #ffffff !important;
}

.tree-header-row.top .zone-type-control .bp6-button .bp6-icon:last-child {
    background-color: transparent;
    padding: 0;
}

.tree-header-row.top .zone-type-control .zone-type-label {
    color: #ffffff;
    align-self: center;
    font-weight: 600;
}

.tree-header-row.top .zone-type-control .bp6-button .bp6-icon:last-child svg {
    color: #F1B434;
    fill: #F1B434;
}

.tree-header-row.top .zone-type-control .bp6-button .bp6-button-text {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #F1B434;
    font-weight: bold;
}

.tree-header-row.top .zone-type-control .bp6-menu .bp6-menu-item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-left: 10px;
    padding-right: 10px;
}

.tree-header-row.top .zone-type-control .bp6-menu .bp6-menu-item .bp6-icon {
    margin: 0;
}

.tree-header-row.top .zone-type-control .bp6-menu .bp6-menu-item .text {
    margin: 0;
}

.tree-header-row.top .zone-type-control .bp6-button .bp6-icon:last-child svg {
    display: block;
    transform-origin: 50% 50%;
}

.tree-header-row.top .zone-type-control .bp6-popover-open .bp6-button .bp6-icon:last-child svg,
.tree-header-row.top .zone-type-control .bp6-popover-target.bp6-popover-open .bp6-icon:last-child svg {
    transform: rotate(180deg);
}

.tree-header-row.bottom .bp6-icon svg {
    color: #1c2127;
    fill: #1c2127;
}

.tree-header-row.bottom .bp6-button svg {
    color: #1c2127;
    fill: #1c2127;
}

.tree-header .search {
	float: left;
    height: 48px;
    position: relative;
    width: 100%;
    padding: 0 20px;
    border-bottom: 0;
}

.bp6-portal.hierarchy-tool-hints .bp6-overlay .bp6-popover-arrow-fill {
    fill: #333;
}

.bp6-portal.hierarchy-tool-hints .bp6-overlay .bp6-popover-content {
    background-color: #333;
    padding: 5px 10px;
    color: white;
}

.search .bp6-popover-wrapper  {
    width: auto;
}

.search .bp6-popover-wrapper .bp6-popover-target .bp6-button {
    height: 26px;
    padding: 0;
}

.search .bp6-popover-wrapper .bp6-popover-target .bp6-button:focus {
    outline: none;
}

.tree-header-row.bottom .bp6-control-group {
    display: flex;
    align-items: center;
    gap: 0;
}

.tree-header-row.bottom .control-group-1 {
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    width: 100%;
}

.tree-header-row.bottom .control-group-1 > .bp6-input-group {
    flex: 1 1 auto;
    width: 100%;
}

.tree-header-row.bottom .control-group-1 > .bp6-popover-wrapper {
    flex: 0 0 40px;
    width: 40px;
    min-width: 40px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.tree-header-row.bottom .control-group-1 > .bp6-popover-wrapper:first-of-type {
    border-left: 1px solid #ccc;
}

.tree-header-row.bottom .control-group-1 > .bp6-popover-wrapper:last-of-type {
    border-right: 1px solid #ccc;
}

.tree-header-row.bottom .control-group-1 > .bp6-popover-wrapper .bp6-button {
    width: 100%;
    min-width: 0;
}

.search .bp6-input-group {
    flex: 1 1 auto;
    width: 100%;
}

.button-group .bp6-popover-target button {
    padding: 0;
}

.app .tree-header .bp6-control-group .bp6-button-text {
    line-height: 16px;
}

.app .tree-header .bp6-control-group .bp6-button-text svg {
    font-size: 20px;
    line-height: 26px;
}

.app .tree-header .bp6-control-group .bp6-button .bp6-icon {
    margin: 0;
    width: 24px;
    height: 24px;
    padding: 2px;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.app .tree-header .bp6-control-group .bp6-button .bp6-icon svg {
    width: 100%;
    height: 100%;
}

/*  */
.tree-header .search.input-group .control-group-1 {
    width: 100%;
}

.tree-header .search .btn {
    height: 26px;
    width: 30px;
    margin: 0;
    padding: 4px 0 0 0;
}

.tree-header .search .btn,
.tree-header .search .bp6-button {
    background: transparent;
    border: none;
    box-shadow: none;
}

.tree-header .search .btn:hover,
.tree-header .search .bp6-button:hover,
.tree-header .search .btn:active,
.tree-header .search .bp6-button:active,
.tree-header .search .btn:focus,
.tree-header .search .bp6-button:focus {
    background: transparent;
    box-shadow: none;
}

.tree-header .search .bp6-button:not(.bp6-disabled):hover,
.tree-header .search .bp6-button:not(.bp6-disabled):active,
.tree-header .search .bp6-button:not(.bp6-disabled):focus {
    background-color: transparent !important;
}

.tree-header .search .btn-success {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.tree-header .search input {
    height: 32px;
    width: 100%;
	float: left;
    padding: 0 2.5rem 0 .75rem;
    font-size: 8pt;
    line-height: 32px;
    border-radius: 0;
    text-align: left;
    font-size: 14px;
}

.tree-header .search .bp6-input {
    border-radius: 4px;
}

.tree-header .search .bp6-input-group .bp6-icon {
    color: #555;
    margin-top: 0;
    top: 50%;
    transform: translateY(-50%);
}

.tree-header .search .bp6-input-group {
    height: 32px;
    position: relative;
}

.tree-header .search .bp6-input-group .bp6-input-action {
    right: 5px;
    top: 16px;
}

.tree-header .search .bp6-input-group .bp6-input-action .bp6-icon {
    width: 24px;
    height: 24px;
    padding: 2px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 20px;
}

.tree-header .search .bp6-icon.bp6-icon-search svg {
    width: 100%;
    height: 100%;
    fill: #777;
}

.input-group-prepend {
    float: left;
}

.tree-header .search .btn-secondary,
.tree-header .search .btn-warning {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.leaf .btn-group {
    width: 32px;
    padding: 3px 2px;
    text-align: right;
    margin-left: -32px;
    margin-top: 3px;
}

.leaf .btn-group .btn {
    height: 24px;
    width: 30px;
    margin: 0;
    padding: 2px;
    float: right;
}

.leaf .btn-group .bp6-button {
    height: 26px;
    width: 30px;
    min-height: 26px;
    padding: 0;
    margin: 0;
    background: transparent;
    border: none;
    box-shadow: none;
}

.leaf .btn-group .bp6-button:not(.bp6-disabled):hover,
.leaf .btn-group .bp6-button:not(.bp6-disabled):active,
.leaf .btn-group .bp6-button:not(.bp6-disabled):focus {
    background-color: transparent !important;
    box-shadow: none;
}

.leaf .btn-group .bp6-button .bp6-button-text {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.leaf .btn-group .btn .fa-plus-circle {
    margin-bottom: 2px;
}

.leaf .btn-group .bp6-button svg {
    font-size: 20px;
    width: 20px;
    height: 20px;
}

.leaf .btn-group .bp6-button svg {
    color: #1c2127;
    fill: #1c2127;
}

.leaf .btn-group .bp6-button svg {
    font-size: 20px;
    width: 20px;
    height: 20px;
}

.leaf .btn-group .bp6-button svg {
    color: #1c2127;
    fill: #1c2127;
}

.tree-header .bp6-popover-target .bp6-button {
    line-height: 26px;
    height: 26px;
    min-height: 26px;
}

button.lock {
    float:left;
    border-radius: 0;
}

button.merging {
    float:left;
    border-radius: 0;
    outline: none;
}

button.moving {
    float:left;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    outline: none;
}

.disable.moving,
.disable.moving:focus,
.disable.merging,
.disable.merging:focus {
    color: #fff;
    background-color: #07617b;
    border-color: #07617b;
}

/* DYANAMIC BRANCH */
.btn-group {
    position: relative;
}

.bp6-menu.maintenance-menu {
    position: relative;
    float: unset;
    top: 0px;
    margin: 0px 0px 0px auto;
    width: 170px;
    background-color: #777;
    border: #333;
}

.hierarchy-container .input-group .form-control {
    z-index: 0;
}

.drag-preview .leaf {
    border: 1px solid #333;
    box-shadow: 0 0 5px #fff;
    background-color: #aaa;
    border: 3px;
    margin: 0 20px;
    padding: 0 20px 0 0;
    width: 100%;
    min-width: 100px;
}

.drag-preview .rx {
    background-color: #cecece;
    padding: 10px;
}

.drag-preview.Farm .leaf,
.drag-preview.Field .leaf {
    width: 100%;
}

.drag-preview.Farm .leaf {
    margin-left: 40px;
}

.drag-preview.Field .leaf {
    margin-left: 80px;
}

.drag-preview.Zone .leaf {
    margin-left: 120px;
}

.dray-layer .drag-preview .leaf {
    border: none; 
}

.drag-preview .leaf .desc {
    float: left;
    width: calc(100% - 40px);
}

.leaf {
    border: 0;
    width: calc(100% - 4px);
    float: left;
}

.leaf .line {
    display: block;
    margin-bottom: 6px;
    padding: 2px 2px 0 0;
    font-size: 9px;
    font-weight: bold;
    width: 22px;
    height: 16px;
    border-bottom: 4px solid #29514D;
    float: left;
    text-align: right;
}

.indent-0 {
    width: 4px;
    height: 30px;
    float: left;
}

.indent-1 {
    width: 43px;
    height: 30px;
    float: left;
}


.Farm {
    padding-left: 0;
}

.Farm .leaf {
    width: calc(100% - 43px);
}

.indent-2 {
    width: 43px;
    margin-left: 39px;
    height: 30px;
    float: left;
}

.Field {
    padding-left: 0;
}

.Field .leaf {
    width: calc(100% - 82px);
}

.indent-3 {
    width: 43px;
    margin-left: 78px;
    height: 30px;
    float: left;
}

.Zone {
    padding-left: 0;
}

.Zone .leaf {
    width: calc(100% - 121px);
}

.show-children.first.last {
    height: 30px;
}

.dray-layer .drag-preview .indent-0,
.dray-layer .drag-preview .indent-1,
.dray-layer .drag-preview .indent-2,
.dray-layer .drag-preview .indent-3 {
    float: none;
}

.branch.hover {
    background-color: rgb(34, 148, 255);
}

.branches {
    float: left;
    width: 100%;
}

/**
* CONTEXT MENU
*/
.context-menu {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 7px;
    box-shadow: 0 0 10px #777;
}

.tree-header .multiselect-menu.bp6-popover-target .bp6-button {
    min-width: 30px;
    width: 30px;
}

.branch .leaf .desc .sample-types {
    display: none;
}

.branch.Zone .leaf .desc .sample-types {
    display: inline;
    float: right;
}

.leaf .icon .bp6-icon {
    margin: 8px 3px;
    padding-right: 0;
}

.bp6-menu-item.divider.no-label {
    padding: 0;
    border-color: #aaa;
}

.leaf .desc.applied {
    width: calc(100% - 105px);
}

.leaf .progress-group {
    float: left;
    width: 70px;
    padding: 6px 0;
}

.leaf .progress-group .bp6-tag {    
    width: 100%;
}

.leaf .progress-group .bp6-icon {
    padding: 0;
} 


.mergeFrom .ag-root-wrapper.ag-layout-normal {
    overflow-y: scroll;
    height: calc(100%);
}

.mergeFrom .ag-pinned-right-cols-container {
    overflow-y: hidden;
}

.mergeFrom .ag-theme-balham .ag-body.ag-layout-normal {
    height: calc(100% - 80px);
}

/* Filename: scaffolding.css */

/* For desktop: */
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    [class*="col-"] {
        width: 100%;
    }
}

h1 {
    font-size: 2rem;
}

h2 {
    font-size: 1.35rem;
}

h3 {
    font-size: 1.25rem;
}

h4 {
    font-size: 1rem;
}

h5 {
    font-size: .85rem;
}

h6 {
    font-size: .75rem;
}

html {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
body {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

body {
	font-family: Arial, sans-serif;
	font-size: 10pt;
    letter-spacing: 1px;
}

div.page {
	position: absolute;
	bottom: 0;
	top: 0;
	right: 0;
	left: 0;
    width: 100%;
    height: 100%;
}

header {    
    background-color: #6ABCB2;
    box-shadow: none;
}

div.master-body {    
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    min-width: 1040px;
    height: calc(100% - 60px);
    overflow: hidden;
}

div.master-body.Client {    
    position: absolute;
    top: 90px;
    left: 0;
    width: 100%;
    min-width: 0px;
    height: calc(100% - 90px);
    overflow: hidden;
}

.app.Client.client-portal-view div.master-body.Client {
    top: 75px;
    height: calc(100% - 75px);
}

div.master-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: var(--master-footer-height, 64px);
    background-color: #000;
    border-top: 1px solid #ddd;
    display: none;
    align-items: center;
    justify-content: center;
}

.with-master-footer div.master-footer,
div.master-footer.is-visible {
    display: flex;
}

.homepage div.master-footer {
    display: flex;
}

.app.Consultant.homepage div.master-body {
    height: calc(100% - 124px);
}

div.master-body.has-master-footer {
    height: calc(100% - var(--master-footer-height, 64px));
}

.homepage div.master-body {
    height: calc(100% - 124px);
}

.homepage div.master-body.Client {
    height: calc(100% - 90px);
}

div.master-footer img {
    height: 28px;
    width: auto;
}

div.page-content {
    width: calc(100% / 12 * 12);
    margin: 0 auto;
    float: left;
    height: 100%;
    overflow: hidden;
    position: absolute;
}

/** Modal **/
.modal-dialog {
	width: 100%;
	height: 50vh;
}

.modal-content {
	width: 400px;
	margin: 0 auto;
}

.widgets .weather-details .modal-dialog {
    position: fixed;
    top: 35px;
    left: calc(var(--width)/2.6);
    --width: 100%;
    z-index: 2001;
}

.widgets .weather-details .modal-dialog .modal-header {
    display: block;
}

/****************
* Header Layout *
****************/

.nav-bar {
    padding: 0;
    margin: 0;
    height: 100%;
    width: auto;
    float: left;
}

.nav-bar.account-nav {
    float: right;
}

.nav-bar-item {
    float: left;
    height: 100%;
    color: #fff;
    text-shadow: 0px 0px 2px #333;
}

.nav-bar-item .dropdown-container {
    text-shadow: none;
}

.nav-bar-item:hover{
    cursor: pointer;
}

/* Brand */
#brand.container {
    height: 100%;
    width: 273px;
    float: left;
    text-align: left;
    color: white;
    font-weight: bold;
    padding: 0;
    font-size: 18px;
    padding: 5px 13px;
    border-right: 2px solid #29514D;
    box-shadow: 0px 0px 2px #29514D;
}

@media only screen and (min-width: 992px) {
	
} 

@media only screen and (min-width: 1200px) {
	
} 


#brand.container > a {
    padding: 0 8px;
	height: 100%;
	width: 100%;
	display: block;
	cursor: pointer;
}

#brand.container > a,
#brand.container > a:hover {
    color: #fff;
    text-shadow: 0px 0px 2px #333;
    letter-spacing: 1px;
	text-decoration: none;
    font-family: sans-serif;
}

#brand.container img {    
    height: 25px;
    margin-top: 3px;
}

#brand.container span.name {    
	padding: 0 12px;
    line-height: 30px;
    font-size: 1.26em;
}

.horizontal > .nav-link {
    display: none;
}

.horizontal .dropdown-container {
    display: block;    
    position: relative;
}

.horizontal .dropdown-container .dropdown-item {
    float: left;
    margin: 0;
    position: relative;
    width: 34px;
}

/* Directory Page: Content */
.directory .content {    
	position: absolute;
    top: 0;
    right: 0;
    max-width: calc(100% - 256px);
    width: 75%;
    height: 100%;
    overflow: auto;
}

#pageContent {
	height: 100%;
}

.pageNavigation,
#pageNavigation {
	height: 100%;
}

.pageNavigation ul.nav,
#pageNavigation ul.nav {
    width:100%;
    height: 30px;
    margin: 0;
    border-bottom: 1px solid #cecece;
    background-color: #eee;
    padding: 2px 2px 0px 2px;
}

.pageNavigation ul.nav > li,
#pageNavigation ul.nav > li {
    float: left;
    line-height: 26px;
    padding: 0 20px;
    margin: 0;
    border-radius: 3px;
    border: 1px solid #cecece;
    margin-left: -1px;
	color: #064828;
	font-weight: bold;
	text-transform: capitalize;
}

.pageNavigation ul.nav > li.nav-header,
.pageNavigation ul.nav > li.nav-header:hover,
#pageNavigation ul.nav > li.nav-header,
#pageNavigation ul.nav > li.nav-header:hover {
    line-height: 25px;
    font-weight: bold;
    border: none;
    background-color: inherit;
    cursor: default;
    text-transform: capitalize;
}

.col-3 {
	width: 25%;
}

.col-4 {
	width: 33%;
}

.col-6 {
	width: 50%;
}

.col-8 {
	width: 66%;
}

.pageNavigation ul.nav > li.disabled,
#pageNavigation ul.nav > li.disabled {
    color: #cecece;
}

#pageNavigation ul.nav li:hover,
#pageNavigation ul.nav li.active {
    cursor: pointer;
    background-color: white;
    border-bottom: 1px solid white;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

#pageNavigation ul.nav > li.disabled:hover {
    background-color: #eee;
    border-bottom: 1px solid #cecece;
    cursor: default;
}

#pageProperties {
    margin: 0;
	height: calc(100% - 32px);
}

/* Template: SortableTree */
.nav-content > div {
	width: 100%;
    height: 100%;
}

.nav-content > div > section.main-content {
	width: 100%;
    margin: 0;
    padding: 0;
    height: 100%;
}

.nav-content > div > section.main-content > div {
	height: 100% !IMPORTANT;
}

.react-bs-table-pagination .btn {
	display: none;
}

.react-bootstrap-table-pagination.row div {
	padding: 0.2em;
}

.react-bootstrap-table-pagination div span {
	line-height: 40px;
}

/****
* THEME COMPONENTS
*****/
.nav-link {
    padding: .8rem 1rem;
}

.nav-bar > li.open,
.nav.horizontal > li:hover,
.nav.horizontal > li.active,
.main-nav > .nav-link:hover {
    background-color: #C7E3DB;
    color:#333;
	cursor: pointer;
    text-shadow: none;
}

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

.nav li.Reports  .dropdown-menu.close {
	display: none;
}

.nav-bar .readonly,
.nav-bar .readonly:hover,
.nav-bar .readonly a:hover {
    color: #9a9595;
    text-shadow: 0px 0px 1px #efefef;
    background-color: #282f2a;
	cursor: default;
}

.nav.horizontal.modes {
	line-height: 29px;
	color: white;
	font-weight: bold;
}

.main-nav .dropdown-container .dropdown-item a {
    color: #333;
}

.main-nav .dropdown-container .dropdown-item a:hover {
    color: #333;
    background-color: #eee;
}

li.nav-bar-item.readonly .nav-link:hover {
    background-color: #333;
}


.submenu .dropdown-container {
    right: 0;
    width: 300px;
    height: calc(100% - 32px);
    border-left: 3px solid #cecece;
    border-top: 3px solid #cecece;
    background-color: #efefef;
    box-shadow: -1px 4px 3px #000;
}

.submenu .dropdown-container .header {    
    padding: 10px 10px 5px 10px;
}

.submenu .dropdown-container .header h4 {
    font-weight: bold;
}

.submenu .dropdown-container .header .x-close {
    position: absolute;
    right: 18px;
    top: 13px;
    font-size: 22px;
}

.account-menu.nav-container {
    width: auto;
}

.sampleCart-menu .btn {
    padding: 0;
}

.sampleCart-menu .dropdown-container {
    color: #333;
}

.sample-cards-container {
    overflow-y: scroll;
    height: calc(100% - 54px);
}

.sample-cards {
    width: calc(100% - 20px);
    min-height: 120px;
    background-color: #fff;
    border: 1px solid #a9a9a9;
    border-radius: 4px;
    margin: 8px 10px;
}

.sample-cards:first-child {
    margin-top: 0;
}

.sample-cards:hover {
    box-shadow: 1px 1px 2px #333;
}

.icon {
    float: left;
    width: 15%;
    height: 100%;
    text-align: center;
}

.icon .fa {
    margin: 10px 0;
    font-size: 20px;
}

.icon svg.svg-inline--fa {
    margin: 10px 0;
    font-size: 20px;
    width: 20px;
    height: 20px;
    color: #7f5d44;
}

.sample-sheet-header label {
    margin: 11px;
    width: 146px;
}

.sample-sheet-header  .badge {    
    margin: 11px 5px 14px 5px;
    width: 40px;
}

.sample-sheet-body {
    padding: 5px 20px 10px 20px;
    font-size: 8pt;
}

.sample-sheet-body span, .sample-sheet-body div {
    color: #333;
    line-height: 18px;
}

.sample-sheet-body .left-column {
    display: inline-block;
    padding-right: 10px;
}

.sampleCart-menu .btn-group {
    border: 2px solid #fff;
    width: auto;
    border-radius: 4px;
    margin: 5px 0;
}

.sampleCart-menu .header .btn-group span.fa { 
    padding: 2px 4px 0px 4px;
    line-height: 22px;
    font-size: 18px;
    margin: 0;
}

.sampleCart-menu .header .btn-group .btn {
    outline: none;
    min-width: 32px;
    min-height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.sampleCart-menu .header .btn-group .btn svg.svg-inline--fa {
    width: 16px;
    height: 16px;
    color: currentColor;
}

.sampleCart-menu .header .btn-group .btn.btn-success svg.svg-inline--fa,
.sampleCart-menu .header .btn-group .btn.btn-secondary svg.svg-inline--fa {
    opacity: 1;
}

.sampleCart-menu .header {
    height: 52px;
}

.sampleCart-menu .btn-secondary {
    background-color: #7f5d44;
    color: white;
    border: 1px solid #7f5d44;
}

.sampleCart-menu .btn.btn-secondary:hover {
    background-color: #e99252;
    border: 1px solid #e99252;
}

.bp6-button:disabled,
.bp6-button.bp6-disabled,
.bp6-button[class*="bp6-intent-"]:disabled,
.bp6-button[class*="bp6-intent-"].bp6-disabled,
.bp6-button.bp6-minimal:disabled,
.bp6-button.bp6-minimal.bp6-disabled,
.bp6-button.bp6-outlined:disabled,
.bp6-button.bp6-outlined.bp6-disabled {
  background-color: #52515170 !important;
}

.bp6-button:disabled:hover,
.bp6-button:disabled:active,
.bp6-button:disabled:focus,
.bp6-button:disabled.bp6-active,
.bp6-button.bp6-disabled:hover,
.bp6-button.bp6-disabled:active,
.bp6-button.bp6-disabled:focus,
.bp6-button.bp6-disabled.bp6-active,
.bp6-button[class*="bp6-intent-"]:disabled:hover,
.bp6-button[class*="bp6-intent-"]:disabled:active,
.bp6-button[class*="bp6-intent-"]:disabled:focus,
.bp6-button[class*="bp6-intent-"]:disabled.bp6-active,
.bp6-button[class*="bp6-intent-"].bp6-disabled:hover,
.bp6-button[class*="bp6-intent-"].bp6-disabled:active,
.bp6-button[class*="bp6-intent-"].bp6-disabled:focus,
.bp6-button[class*="bp6-intent-"].bp6-disabled.bp6-active,
.bp6-button.bp6-minimal:disabled:hover,
.bp6-button.bp6-minimal:disabled:active,
.bp6-button.bp6-minimal:disabled:focus,
.bp6-button.bp6-minimal:disabled.bp6-active,
.bp6-button.bp6-minimal.bp6-disabled:hover,
.bp6-button.bp6-minimal.bp6-disabled:active,
.bp6-button.bp6-minimal.bp6-disabled:focus,
.bp6-button.bp6-minimal.bp6-disabled.bp6-active,
.bp6-button.bp6-outlined:disabled:hover,
.bp6-button.bp6-outlined:disabled:active,
.bp6-button.bp6-outlined:disabled:focus,
.bp6-button.bp6-outlined:disabled.bp6-active,
.bp6-button.bp6-outlined.bp6-disabled:hover,
.bp6-button.bp6-outlined.bp6-disabled:active,
.bp6-button.bp6-outlined.bp6-disabled:focus,
.bp6-button.bp6-outlined.bp6-disabled.bp6-active {
  background-color: #525151 !important;
}

/* dropdown.css*/
.header-column-actions .btn-group {
    width: initial;
    padding: 0 10px;
}

.header-column-actions .btn {
    height: 24px;
    margin: 6px 0px 4px 8px;
    padding: 1px 10px 4px 10px;
    letter-spacing: 2px;
    font-weight: bold;
}

.ag-editable-grid .ag-header-cell.crop-dropdown {
    padding: 0;
}

.crop-dropdown .ag-react-container,
.crop-dropdown .header-column-actions,
.crop-dropdown .bp6-popover-target,
.crop-dropdown .bp6-popover-target .bp6-button,
.rx .rx-crop-plan-step .bp6-button.cropPlanBulkFill,
.bp6-portal .rxWizardWidget .rx-crop-plan-step .bp6-button.cropPlanBulkFill {
    width: 100% !important;
    padding: 0;
    height: 32px;
}

.rx-crop-plan-step.content .yield-dropdown > div .bp6-popover-target {
    width: 100%;
}

.rx-crop-plan-step.content .bulkFillCropPlan {
    width: 100%
}

.bp6-portal .cropPlanBulkYield .bp6-popover-content .bp6-button {
    width: 48%;
}

.ag-editable-grid .ag-header-cell.crop-dropdown {
    border-left: none;
}

.ag-editable-grid .ag-header-group-cell.crop-dropdown {
    border-left: none;
}

.ag-editable-grid .ag-header-group-cell.first-crop-dropdown {
    border-left: 2px solid #cecece;
}

.dropdown.header-column-action {
    width: 56%;
    float: right;
}

.page-content.equipment .equipment.grid-sidebar.content .dropdown.header-column-action {
    width: 100%;
    float: right;
}

.dropdown .header-column-action .bp6-popover-wrapper {
    float: right;
    padding: 0;
    padding-top: 1px;
    width: 100%;
}

.ProductTypeName .header-column-actions span {
    padding: 0;
}

.bp6-popover-wrapper .bp6-popover-target {
    width: 100%;
    padding: 0;
}

.bp6-popover-wrapper .bp6-popover-target .bp6-button {
    width: 100%;
    height: 34px;
}

.Consultant .summary .grower-form .form-body .bp6-popover-target,
.Consultant .dashboard .widget.news .bp6-popover-target {
    width: 100%;
    padding: 0;
}

.Consultant .summary .grower-form .form-body .bp6-popover-target .bp6-button,
.Consultant .dashboard .widget.news .bp6-popover-target .bp6-button {
    width: 100%;
    height: 34px;
}

.Consultant .dashboard .widget.news .bp6-popover-target .bp6-button {
    margin-top: -1px;
}

.bp6-popover.crops-menu {
    position: relative;
    top: -15px;
    left: 1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.bp6-popover.season-menu {
    top: -15px;
    position: relative;
}

.bp6-menu {
    overflow-y: auto;
    max-height: 700px;
}

.Maintenance.bp6-menu {
    overflow-y: auto;
    max-height: none;
}

.bp6-menu.AccountInformation {
    max-height: none;
}

.nutrients {
    margin-bottom: 5px;
}

.nutrients,
.nutrient {
  width: 100%;
}

.nutrients .p-inputgroup {
  width: 100%;
}

.nutrients .bp6-popover-target,
.nutrients .bp6-popover-target {
    width: 100%;
}

.nutrients .bp6-popover-target .bp6-button,
.nutrients .bp6-popover-target .bp6-button  {
  width: 100%;
  border-radius: 0;
  height: 32px;
}

.nutrients .p-inputgroup .bp6-intent-danger {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.inventory .toolbar .header-column-actions span {
    padding: 0;
}

.inventory .toolbar .bp6-button {
    height: 26px;
    margin: 2px 0;
}

.toolbar .header-column-action.dropdown {
    width: auto;
}

.ProductTypeName .header-column-actions {
    width: 56%;
    float: right;
}

.Products.form-group .control-label {
    width: 100%;
}

.Products.form-group .product-selection {
    margin: 5px 0;
    float: left;
}

.inventory .toolbar.p-inputgroup .bp6-button.bp6-intent-primary {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.inventory .toolbar.p-inputgroup .bp6-popover-wrapper .bp6-button {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    width: 200px;
}


.bp6-menu-item.Blend,
.bp6-menu-item.B,
.type-blend-products {
    background-color: #F9BA4D;
}

.bp6-menu-item.Blend:hover,
.bp6-menu-item.B:hover,
.bp6-menu-item.type-blend-products:hover {
    background-color: #F9BA4Dcc;
}

.bp6-menu-item.Lime,
.bp6-menu-item.L,
.type-lime-products {
    background-color: #78C5BE;
}

.bp6-menu-item.L.Disabled,
.bp6-menu-item.M.Disabled, 
.bp6-menu-item.T.Disabled,
.bp6-menu-item.F.Disabled,
.bp6-menu-item.B.Disabled {
    background-color: rgba(92, 112, 128, 0.6) !important;
}

.bp6-menu-item.Lime:hover,
.bp6-menu-item.L:hover,
.bp6-menu-item.type-lime-products:hover {
    background-color: #78C5BEcc;
}

.bp6-menu-item.Manure,
.bp6-menu-item.M,
.type-manure-products {
    background-color: #A8784F;
}

.bp6-menu-item.Manure:hover,
.bp6-menu-item.M:hover,
.bp6-menu-item.type-manure-products:hover {
    background-color: #A8784Fcc;
}

.bp6-menu-item.Trace,
.bp6-menu-item.T,
.type-trace-products {
    background-color: #B7C79B;
}

.bp6-menu-item.Trace:hover,
.bp6-menu-item.T:hover,
.bp6-menu-item.type-trace-products:hover {
    background-color: #B7C79Bcc;
}

.form-group .header-column-actions .bp6-button.bp6-disabled {
    border: 1px solid #ccc;
    border-radius: 4px;
}

.bp6-portal .bp6-overlay-open .bp6-menu {
    max-height: 400px;
}

.bp6-portal .bp6-overlay-open .trend.graph.bp6-menu {
    width: 100%;
}

.bp6-portal .bp6-overlay-open .bp6-minimal.cust-types-menu.Summary,
.bp6-portal .bp6-overlay-open .bp6-minimal.cust-types-menu.Summary .bp6-menu,
.bp6-portal .bp6-overlay-open .bp6-minimal.states-menu.Summary,
.bp6-portal .bp6-overlay-open .bp6-minimal.states-menu.Summary .bp6-menu,
.bp6-portal .bp6-overlay-open .bp6-minimal.countries-menu.Summary,
.bp6-portal .bp6-overlay-open .bp6-minimal.countries-menu.Summary .bp6-menu,
.bp6-portal .bp6-overlay-open .bp6-minimal.consultants-menu.Summary,
.bp6-portal .bp6-overlay-open .bp6-minimal.consultants-menu.Summary .bp6-menuconsultants {
    width: 240px;
    max-height: 400px;
}


.bp6-menu-item.bp6-active:hover {
    background-color: #137cbd;
}
/* form.css */
.form-label {
    font-weight: bold;
}

.form-group label {
    font-size: 16px;
}

.form-group .error {
    padding-left: 5px;
    color: #c70505;
    font-weight: bold;
    float: left;
    margin: 0;
    line-height: 25px;
}

.input-group .form-control.col-md-8 {
    width: 66.667%;
}

.input-group .form-control.col-md-6 {
    width: 50%;
}

.input-group .form-control.col-md-5 {
    width: 41.667%;
}

.input-group .form-control.col-md-4 {
    width: 33.333%;
}

.input-group .form-control.col-md-2 {
    width: 16.667%;
}

.input-group .form-control.col-md-3 {
    width: 25%;
}

.form-group.Email {
    width: 37%
}
.form-group.Fax,
.form-group.Mobile {
    width: 19%
}

.form-control.invalid {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}

.form-control.validated {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}

.form-control.changed {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
}

.error.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #f5c6cb; 
}
.error.tooltip.top .tooltip-arrow {
    border-top-color: #f5c6cb; 
}

.error .tooltip-inner {
    background-color: #a94442;
    border: 2px solid #f5c6cb;
}

.bp6-portal.error-form .bp6-overlay .bp6-popover-content {
    background-color: #a94442;
    padding: 5px 10px;
    color: white;
}

.bp6-portal.error-form .bp6-overlay .bp6-popover-arrow-fill {
    fill: #a94442;
}

.col div.error-icon-container {
    position: absolute;
    bottom: 18px;
    right: 12px;
}

.form-group .input-group {
    width: 100%;
}

.search .rbt-menu.dropdown-menu {
    top: 100%;
}

.input-group .rbt.form-control {
    z-index: 3;
}


.form-group .input-group .form-control .dropdown-menu {
    width: auto;
    z-index: 3;
}

.search.City i {
    font-size: 11px;
}

.col.col-md-0 {
    height: 0;
    width: 0;
    margin: 0 !IMPORTANT;
    padding: 0;
}

.form-container .col-md-6.form-group.Name {
    width: 50%;
}

.summary .form-container {
    overflow: auto;
}

.summary .Field .form-container {
    overflow: hidden;
}

.content-footer {
    float: left;
    width: 100%;
    height: 70px;
    background-color: #cecece;
    border-top: 1px solid #777;
}

.form.content.pageNavigation .content-body {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.form.content.pageNavigation {
    position: relative;
}

.form.content.pageNavigation > .spinner-container {
    position: absolute;
    inset: 0;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(217, 217, 217, 0.35);
}

.form.content.pageNavigation .content-body > .form-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding-top: 10px;
    padding-bottom: 10px;
    box-sizing: border-box;
}

.form.content.pageNavigation .content-body > .content-footer {
    float: none;
    flex: 0 0 70px;
    height: 70px;
    min-height: 70px;
}

.maintenance .col-md-6.Name.form-group {
    width: 50%;
}

.maintenance.content {
    display: flex;
    flex-direction: column;
    min-height: 0;
    height: 100%;
    position: relative;
}

.maintenance.content > .main {
    display: flex;
    flex: 0 0 calc(100%);
    flex-direction: column;
    height: calc(100%);
    min-height: 0;
}

.content-header.summary-header {
    background-image: none;
    background-color: #D9D9D9;
    padding-top: 10px;
}

.content-header.summary-header::before {
    background: transparent;
}

.summary .content-footer .formPageButtonGroup {
    width: 100%;
    float: right;
    position: relative;
    padding: 10px 10px 10px 0;
    justify-content: flex-end;
}

.maintenance.content .main > .summary-maintenance-form,
.maintenance.content .summary-maintenance-form-container {
    flex: 1 1 auto;
    height: auto;
    min-height: 0;
}

.maintenance.content .summary-maintenance-form-container {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.maintenance.content .summary-maintenance-form-container > .summary-maintenance-form {
    flex: 1 1 auto;
    height: auto;
}

.maintenance.content .summary-maintenance-form {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.maintenance.content .summary-maintenance-form > .content-body {
    flex: 1 1 auto;
    height: auto;
    min-height: 0;
    overflow: hidden;
    padding-bottom: 72px;
    box-sizing: border-box;
}

.maintenance.content .summary-maintenance-form > .content-body > .form-body-scroll-wrapper {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 10px;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 10px;
}

.maintenance.content .summary-maintenance-form > .content-body > .form-body-scroll-wrapper > .form-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #fff;
    border-radius: 10px;
}

.maintenance.content .summary-maintenance-form > .content-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 20;
    margin-top: auto;
    flex: 0 0 62px;
    width: 100%;
    height: 62px;
    min-height: 62px;
    background-color: #cecece;
    border-top: 1px solid #777;
}

.maintenance.content .summary-maintenance-form > .content-footer .formPageButtonGroup {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    padding: 10px 20px 10px 0;
}

.maintenance.content .summary-maintenance-form > .content-footer .formPageButtonGroup > .bp6-button-group {
    display: flex;
    gap: 4px;
}

.maintenance.content .summary-maintenance-form > .content-footer .formPageButtonGroup > .bp6-button-group > .bp6-button + .bp6-button {
    margin-left: 4px;
}

.maintenance.content .summary-maintenance-form > .content-footer .formPageButtonGroup .bp6-button,
.maintenance.content .summary-maintenance-form > .content-footer .formPageButtonGroup .bp6-button:hover,
.maintenance.content .summary-maintenance-form > .content-footer .formPageButtonGroup .bp6-button:active,
.maintenance.content .summary-maintenance-form > .content-footer .formPageButtonGroup .bp6-button:focus {
    min-height: 42px;
    padding: 0 16px;
    border-radius: 12px;
    border-color: transparent;
    background-color: #F1B434;
    color: #000;
    box-shadow: none;
    font-weight: 700;
    margin: 0;
}

.maintenance.content .summary-maintenance-form > .content-footer .formPageButtonGroup .bp6-button:disabled,
.maintenance.content .summary-maintenance-form > .content-footer .formPageButtonGroup .bp6-button.bp6-disabled {
    opacity: 0.6;
}

.maintenance.content .form.fields-form .content-footer .formPageButtonGroup .fieldFormHideButton.bp6-button,
.maintenance.content .form.fields-form .content-footer .formPageButtonGroup .fieldFormSaveButton.bp6-button {
    min-width: 152px;
    min-height: 42px;
    height: 42px;
    border-radius: 12px;
    font-weight: 700;
    box-shadow: none;
}

.maintenance.content .form.fields-form .content-footer .formPageButtonGroup .fieldFormHideButton.bp6-button {
    background-color: #F1B434;
    border-color: transparent;
    color: #000;
}

.maintenance.content .form.fields-form .content-footer .formPageButtonGroup .fieldFormHideButton.bp6-button:hover,
.maintenance.content .form.fields-form .content-footer .formPageButtonGroup .fieldFormHideButton.bp6-button:active,
.maintenance.content .form.fields-form .content-footer .formPageButtonGroup .fieldFormHideButton.bp6-button:focus {
    background-color: #F1B434;
    border-color: transparent;
    color: #000;
}

.maintenance.content .form.fields-form .content-footer .formPageButtonGroup .fieldFormSaveButton.bp6-button {
    background-color: #F1B434;
    border-color: transparent;
    color: #000;
}

.maintenance.content .form.fields-form .content-footer .formPageButtonGroup .fieldFormSaveButton.bp6-button:hover,
.maintenance.content .form.fields-form .content-footer .formPageButtonGroup .fieldFormSaveButton.bp6-button:active,
.maintenance.content .form.fields-form .content-footer .formPageButtonGroup .fieldFormSaveButton.bp6-button:focus {
    background-color: #F1B434;
    border-color: transparent;
    color: #000;
}

.maintenance.content .form.fields-form .content-footer .formPageButtonGroup .fieldFormSaveButton.bp6-button:disabled,
.maintenance.content .form.fields-form .content-footer .formPageButtonGroup .fieldFormSaveButton.bp6-button.bp6-disabled {
    opacity: 0.6;
}

.content-header {
    float: left;
    line-height: 26px;
    padding: 0 20px;
    margin: 0;
    margin-left: -1px;
    color: #064828;
    font-weight: bold;
    text-transform: capitalize;
    overflow: hidden;
    white-space: nowrap;
}


.form-header {
    width: calc(100% - 30px);
    padding: 20px;
    margin: 5px 15px;
    background-color: #cecece;
    color: #333;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 8px;
    text-shadow: 0px 0px 5px #eee;
}

.form-header h2 {
    margin: 0;
}

.form-body::after {
    content: "";
    display: table;
    clear: both;
}

.form-body section {
    float: left;
}

.form-body .row .col {
    float: left;
    position: relative;
}

.zones .row .col .form-label {
    display: none;
    margin-bottom: 0;
}

.zones .row:first-of-type .col .form-label {
    display: block;
    margin-bottom: 0.5rem;
}

.maintenance.content textarea.form-control {
    height: 64px;
}

.maintenance.content .form.fields-form .zones textarea.form-control {
    height: 38px;
}

.Comment textarea.form-control.col-md-12 {
    height: 100px;
}

.summary .form-body .Comment textarea,
.form-body .Comment textarea {
    height: 90px;
}

.sidebar-body .Email {
    width: 100%;
}

.Comment textarea {
    height: 100px;
    resize: none;
}

.zones h2 {
    margin: 10px 9px 0 9px;
    background-color: #FCE8C2;
    padding: 10px 20px;
    font-weight: bold;
    text-transform: uppercase;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #001D1D;
}

.bp6-dialog.add-range {
    width: 540px;
}

.add-range .bp6-inline {
    float: left;
    padding: 0 10px;
} 

.add-range .bp6-dialog-body {
    margin-bottom: 5px;
}

.add-range .bp6-dialog-footer-actions {
    margin: 0 5px;
}

.add-range .bp6-dialog-footer-actions .btn {
    width: 100px;
    height: 35px;
}

.add-range .bp6-dialog-footer-actions .btn.btn-primary {
    font-size: 14px;
}

.maintenance .form .btn-group .btn {
    margin: 0 10px;
}

.summary .content-header-image {
    margin-right: 0;
}

.farm-form .content-header-image {
    background-position: -7px -130px;
}

.fields-form .content-header-image {
    background-position: 0px -200px;
}

.zone-form .content-header-image {
    background-position: 2px -198px;
    background-size: 92%;
}

.summary .content-body {
    height: calc(100% - 135px);
    padding: 10px 20px;
    background-color: #D9D9D9;
    box-sizing: border-box;
    overflow: auto;
}

.summary .content-body .form-body {
    background-color: #fff;
    border-radius: 10px;
    padding: 10px 10px 20px;
}

.summary .Field .form-container,
.summary .Field .form.fields-form {
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.summary .Field .form.fields-form {
    display: flex;
    flex-direction: column;
}

.summary .Field .form.fields-form .content-body {
    height: auto;
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    overflow-x: hidden;
}

.summary .Field .form.fields-form .content-body > .content-footer {
    flex: 0 0 62px;
    height: 62px;
    min-height: 62px;
}

.summary .Field .form.fields-form .form-body {
    height: auto;
    flex: 1 1 auto;
    min-height: 0;
}

.summary .Field .form.fields-form .form-body {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.summary .Field .form.fields-form .form-body > section {
    flex: 0 0 auto;
}

.summary .content-body .zones .row .form-group {
    margin: 0;
}

.summary .content-body .zones .row.inactive { 
    background-color: #aaa;
    padding: 10px 0;
    border-radius: 7px;
}

.soil-nutrient-goals .form-body {
    min-height: auto;
}
.bp6-portal.soil-nutrient-goals .content {
    height: auto;
}

.bp6-portal.soil-nutrient-goals .pageNavigation {
    width: 100%;
    float: left;
    overflow-x: auto;
}

.bp6-portal.soil-nutrient-goals .content-body {
    min-width: 1200px;
}

.bp6-portal.soil-nutrient-goals .content-footer {
    min-width: 1200px;
}

.hideRow{
    display: none;
}

.showRow.grower-goals-row{
    display: block;
}

.hideRow.add-grower-goals-btn{
    display: none;
}

.showRow.add-grower-goals-btn{
    display: block;
}

.hideRow.remove-grower-goals-btn{
    display: none;
}

.showRow.remove-grower-goals-btn{
    display: block;
}

.bp6-button-group.submit-goals-btn-group{
    width: 100%;
    text-align: center;
    display: block;
}

.bp6-button.bp6-intent-primary.inviteButton {
    background-color: #6d54d2;
}

.bp6-button.bp6-intent-primary.inviteButton:hover {
    background-color: #6342e8;
}

.summary .form-group .p-checkbox {
    text-align: center;
    display: block;
    width: 100%;
    height: 38px;
    padding: 7px calc((100% - 20px) / 2);
}

.custom-form-control {
    width: 100%;
}

.custom-form-control .bp6-button-group {
    width: 100%;
}

.custom-form-control .bp6-tag {
    width: 45%;
}

.custom-form-control .bp6-disabled {
    background-color: #aaa;
    color: #777;
    font-style: italic;
    letter-spacing: 1px;
}

.invite-status .bp6-tag {
    width: 100%;
    height: 38px;
    min-height: 38px;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.invite-status.custom-form-control {
    display: flex;
    align-items: stretch;
    width: 100%;
    height: 38px;
    min-height: 38px;
}

.InviteStatus.form-group .invite-status-button.bp6-button { 
    width: 100%;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 12px;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.InviteStatus.form-group .custom-form-control .invite-status-button.bp6-button,
.invite-status.custom-form-control .invite-status-button.bp6-button {
    width: 100% !important;
    text-align: center;
}

.invite-status.custom-form-control > .invite-status-button.bp6-button,
.invite-status.custom-form-control > .bp6-tag {
    width: 100%;
    height: 100%;
    min-height: 38px;
    margin: 0;
}

.summary .bp6-dialog-body {
    height: 80px;
    margin: 0;
}

.summary.three-column .bp6-dialog-footer {
    margin: 0;
}

.summary.three-column .ag-body-viewport {
    overflow-y: hidden;
    overflow-x: scroll;
}

.summary .bp6-dialog-footer .bp6-button-group {
    text-align: center;
    display: inline-block;
    width: 100%;
    padding: 10px;
}

.btn-input.upload-img .bp6-button-group {
    width: 100%;
}

.btn-input.upload-img .bp6-button-group .bp6-button {
    height: 38px;
    width: 33.333%;
}

.summary .btn-input.upload-img .bp6-button-group .bp6-button {
    background-color: #AF883B !important;
}

.summary .btn-input.upload-img .bp6-button-group .bp6-button.bp6-active,
.summary .btn-input.upload-img .bp6-button-group .bp6-button[aria-pressed="true"] {
    background-color: #F1B434 !important;
    color: #000 !important;
}

.input-calendar,
.samplingTypeDropdown,
.input-calendar .bp6-popover-target,
.samplingTypeDropdown .bp6-popover-target,
.input-calendar .bp6-input-group,
.samplingTypeDropdown .bp6-input-group,
.input-calendar .bp6-input-group .bp6-input,
.samplingTypeDropdown .bp6-input-group .bp6-input {
    display: block;
    height: 38px;
    width: 100%;
    font-size: 1rem;
}

.form.fields-form .input-calendar .bp6-input-group,
.form.fields-form .samplingTypeDropdown .bp6-input-group {
    padding: 0;
}

.form.fields-form .samplingTypeDropdown .bp6-popover-wrapper,
.form.fields-form .samplingTypeDropdown .bp6-popover-target {
    display: block;
    width: 100%;
}

.form.fields-form .samplingTypeDropdown,
.form.fields-form .samplingTypeDropdown .bp6-popover-target,
.form.fields-form .samplingTypeDropdown .bp6-input-group,
.form.fields-form .samplingTypeDropdown .bp6-input-group .bp6-input {
    height: 38px;
}

.merging .col-6 {
    float: left;
    width: 50%;
}

.form-container {
    float: left;
    width: 100%;
    height: calc(100% - 96px);
}

.merging {
    float: left;
    width: 100%;
    height: 100%;
}

.bp6-dialog-footer .bp6-dialog-footer-actions {
    justify-content: center;
}

.bp6-dialog.merge-zones .bp6-dialog-body {
    margin-bottom: 0;
}

.dndZones {
    float: left;
    width: 100%;
    height: 100%;
}

.merge-zones {
    float: left;
    width: calc(50% - 40px);
    height: calc(100% - 130px);
    background-color: #cecece;
    margin: 20px;
    border-radius: 7px;
}


.form.fields-form .row {
    float: left;
    width: 100%;
    margin: 0;
}

.form.fields-form .row textarea {
    resize: none;
}

.form input.form-control,
.form select.form-control,
.form .rbt.form-control,
.form .bp6-input,
.form .multiselect-menu.bp6-popover-target,
.form .multiselect-menu.bp6-popover-target .bp6-button,
.form .bp6-popover-wrapper .bp6-popover-target .bp6-button {
    height: 38px;
}

input[type="text"],
textarea,
.bp6-input {
    background-color: #EBEBEB !important;
}

.maintenance.content .summary-maintenance-form input[type="text"]:not([readonly]):not(:read-only):not(:disabled),
.maintenance.content .summary-maintenance-form textarea:not([readonly]):not(:read-only):not(:disabled),
.maintenance.content .summary-maintenance-form .bp6-input:not(.readonly):not([readonly]):not(:read-only):not(:disabled) {
    background-color: #fff !important;
}

input[type="text"][readonly],
input[type="text"]:read-only,
textarea[readonly],
textarea:read-only,
.bp6-input.readonly,
.bp6-input:read-only,
.bp6-input[readonly] {
    background-color: #CDCDCD !important;
}

.merging .content-header .content-btns {
    top: 50%;
    padding: 0 20px;
    transform: translateY(-50%);
}

.merging .content-header .content-btns .branch-maintenance-header-actions {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
}

.merging .content-header .content-btns .branch-maintenance-header-hint {
    color: #5f5f5f;
    font-size: 14px;
    line-height: 1.2;
    width: calc(100% - 104px);
    align-self: flex-start;
    text-align: center;
    box-sizing: border-box;
}

.merging .content-header .content-btns .branch-maintenance-header-controls {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.merging .content-header .content-btns .branch-maintenance-header-field {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.merging .content-header .content-btns .branch-maintenance-header-field label {
    margin: 0;
    color: #333;
    font-size: 14px;
    line-height: 1;
}

.merging .content-header .content-btns .branch-maintenance-header-field input {
    width: 140px;
    height: 48px;
    padding: 0 10px;
    border: 1px solid #c4c4c4;
    border-radius: 10px;
    box-sizing: border-box;
    background-color: #fff !important;
}

.merging .content-header .content-btns .branch-maintenance-header-controls .bp6-button-group {
    width: auto;
}

.content.merging .mergeFrom {
    height: 100%;
}

.content.merging .mergeFrom .ag-root-wrapper.ag-layout-normal,
.content.merging .mergeFrom .ag-root.ag-layout-normal {
    overflow: hidden;
}

.content.merging .mergeFrom .bp6-control.bp6-checkbox {
    margin-bottom: 0;
}

.content.merging .mergeFrom .bp6-control.bp6-checkbox .bp6-control-indicator {
    width: 18px;
    height: 18px;
    border: 1px solid rgba(17, 20, 24, 0.18);
    border-radius: 6px;
    background: #ffffff;
    box-shadow: none;
}

.content.merging .mergeFrom .bp6-control.bp6-checkbox:hover .bp6-control-indicator,
.content.merging .mergeFrom .bp6-control.bp6-checkbox input:focus ~ .bp6-control-indicator {
    border-color: #F1B434;
    box-shadow: 0 0 0 3px rgba(241, 180, 52, 0.18);
}

.content.merging .mergeFrom .bp6-control.bp6-checkbox input:checked ~ .bp6-control-indicator {
    border-color: #F1B434;
    background: #F1B434;
    background-image: none;
}

.content.merging .mergeFrom .bp6-control.bp6-checkbox input:checked ~ .bp6-control-indicator::before {
    color: #001d1d;
}

.form .multiselect-menu.bp6-popover-target,
.form .multiselect-menu.bp6-popover-target .bp6-button {
    width: 100%;
    min-width: 100%;
    height: 38px;
    border-radius: 3px;
}

.maintenance.Farm .content-header-image {
    background-position: -7px -126px;
}

.maintenance.Field .content-header-image {
    background-position: 0px -199px;
}

.maintenance.Zone .content-header-image {
    background-position: 0px -217px;
    background-size: 100%;
    border-radius: 14px;
}

.maintenance.Grower.Golf .content-header-image {
    background-position: -4px -71px;
    background-size: 990%;
}

.maintenance.Farm.Golf .content-header-image {    
    background-size: 990%;
    background-position: -296px -7px;
}

.maintenance.Field.Golf .content-header-image {
    background-size: 990%;
    background-position: -238px -213px;
}

.maintenance.Grower.Turf .content-header-image {
    background-position: -7px -7px;
    background-size: 126%;
}

.maintenance.Farm.Turf .content-header-image {
    background-position: 1px -99px;
    background-size: 95%;
}

.maintenance.Field.Turf .content-header-image {
    background-position: 2px -148px;
    background-size: 93%;
}

.maintenance.Zone.Turf .content-header-image {
    background-position: 0px -217px;
    background-size: 100%;
    border-radius: 14px;
}

.maintenance.Zone .content-header-image svg {
    height: 32px;
    width: 32px;
    margin: 11px 11px;
    fill: #333;
}

.Consultant .summary .Field .zones.col-md-12 .row.active.row,
.Consultant .summary .Field .zones.col-md-12 .row.inactive.row {
    display: none !important;
}

.Consultant .summary .Field .zoneTableHolder,
.summary .Field .zoneTableHolder {
    flex: 1 1 auto;
    height: 100%;
    max-height: 100%;
    min-height: 0;
    width: 100%;
    padding: 0 10px 10px;
    float: left;
    box-sizing: border-box;
    overflow: hidden;
}

.Consultant .summary .Field .zoneTableHolder .zones-info-content.ag-theme-balham,
.summary .Field .zoneTableHolder .zones-info-content.ag-theme-balham,
.summary .Field .zoneTableHolder .zones-info-content.ag-theme-balham .ag-editable-grid.ag-theme-balham,
.summary .Field .zoneTableHolder .zones-info-content.ag-theme-balham .ag-root-wrapper {
    height: 100%;
    min-height: 0;
    width: 100%;
    box-sizing: border-box;
}

.Consultant .summary .Field .zoneTableHolder .zones-info-content.ag-theme-balham .ag-body-viewport,
.Consultant .summary .Field .zoneTableHolder .zones-info-content.ag-theme-balham .ag-body-horizontal-scroll,
.Consultant .summary .Field .zoneTableHolder .zones-info-content.ag-theme-balham .ag-body-vertical-scroll,
.summary .Field .zoneTableHolder .zones-info-content.ag-theme-balham .ag-body-viewport,
.summary .Field .zoneTableHolder .zones-info-content.ag-theme-balham .ag-body-horizontal-scroll,
.summary .Field .zoneTableHolder .zones-info-content.ag-theme-balham .ag-body-vertical-scroll {
    overflow: auto !important;
}

.summary .Field .zoneTableHolder .ag-theme-balham .ag-header,
.summary .Field .zoneTableHolder .ag-theme-balham .ag-header-row {
    background-color: #fff !important;
}

.summary .Field .zoneTableHolder .ag-theme-balham .ag-row-even {
    background-color: #EBEBEB !important;
}

.summary .Field .zoneTableHolder .ag-theme-balham .ag-row-odd {
    background-color: #fff !important;
}

.Consultant .summary .Field .zoneTableHolder .ag-theme-balham .ag-row-focus {
    background-color: #b7e4ff !important;
}

.form .ag-theme-balham .ag-cell > div {
    text-align: center;
}

.grower-form h2,
.grower-form .content-body .row{ 
    display: none;
    margin: 0;
}

.grower-form .form-control {
    height: 38px;
}

.grower-form .header-column-actions .bp6-popover-target .bp6-button.bp6-disabled,
.grower-form .header-column-actions .bp6-popover-target .bp6-button:disabled {
    border: 1px solid #e9ecef;
}

.grower-form .CustomerType .header-column-actions .bp6-popover-target .bp6-button,
.grower-form .CustomerType .header-column-actions .bp6-popover-target .bp6-button:hover,
.grower-form .CustomerType .header-column-actions .bp6-popover-target .bp6-button:active,
.grower-form .CustomerType .header-column-actions .bp6-popover-target .bp6-button:focus,
.grower-form .State .header-column-actions .bp6-popover-target .bp6-button,
.grower-form .State .header-column-actions .bp6-popover-target .bp6-button:hover,
.grower-form .State .header-column-actions .bp6-popover-target .bp6-button:active,
.grower-form .State .header-column-actions .bp6-popover-target .bp6-button:focus,
.grower-form .CountryCode .header-column-actions .bp6-popover-target .bp6-button,
.grower-form .CountryCode .header-column-actions .bp6-popover-target .bp6-button:hover,
.grower-form .CountryCode .header-column-actions .bp6-popover-target .bp6-button:active,
.grower-form .CountryCode .header-column-actions .bp6-popover-target .bp6-button:focus,
.grower-form .Representative .header-column-actions .bp6-popover-target .bp6-button,
.grower-form .Representative .header-column-actions .bp6-popover-target .bp6-button:hover,
.grower-form .Representative .header-column-actions .bp6-popover-target .bp6-button:active,
.grower-form .Representative .header-column-actions .bp6-popover-target .bp6-button:focus {
    height: 38px !important;
    min-height: 38px;
    border: 1px solid #bfc7d1 !important;
    box-shadow: none;
}

.rxFormula .form-body {
    background-color: #fff;
    border-radius: 10px;
    padding: 10px;
}

/* account.css */

/* Brookside CSS: CSS for Brookside components  */
.account-menu.nav-container {
    width: 50px;
    float: left;
    text-align: center;
}

.account-menu .nav-link {
    background-color: #cecece;
}

#brand .account-menu .nav-link img {
    height: 25px;
    margin-top: 3px;
}

.account-menu .dropdown-container {
    right: 0;
    top: 29px;
    height: auto;
    width: 256px;
    border-bottom: 1px solid #777;
    border-left: 1px solid #777;
    box-shadow: 0px 2px 1px #333;
}

/* brookside.css */

/* Brookside CSS: CSS for Brookside components  */
.brookside-menu.nav-container {
    width: 110px;
    float: left;
    text-align: center;
}

.brookside-menu .nav-link {
    background-color: #fff;
}

.brookside-menu .nav-link {
    padding: 0;
}

.brookside-menu .nav-link img {
    height: 25px;
    margin-top: 3px;
}

.brookside-menu .dropdown-container {
    left: 0;
    top: 32px;
    height: auto;
    width: 256px;
    border-bottom: 1px solid #777;
    border-right: 1px solid #777;
    box-shadow: 0px 2px 1px #333;
}
graph/* charts.css */

/**
* CHART CSS
*/

.chart-legend {
    padding: 0;
    text-align: center;
    border-bottom: 1px solid #cecece;
}

.chart-legend .title {
    width: 100%;
    padding: 3px 7px 2px 7px;
    margin-bottom: 1px;
    border-top: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
    background-color: #f5f7f7;
}

.chart-legend .dataset {
    margin: 0 5px;
}

.dataset .line {
    display: inline-block;
    width: 15px;
    height: 3px;
    margin-bottom: 3px;
}

.dataset .line.blue {
    background-color: #00f;
}

.dataset .line.red {
    background-color: #f00;
}

.dataset .line.black {
    background-color: #000;;
}

.dataset .value {
    font-size: 10px;
    padding: 0 3px;
}

.chart-body {
    overflow: hidden;
    background-color: #fff;
    border-radius: 10px 10px 0 0;
}

.tissue-chart-body{
    position: relative;
    float: left;
    width: 25%;
    margin: 5px;
    height: calc(100% - 82px);
}

.tissue-chart-body .chart-graphic{
    background-color: #f3f3f3;
    margin-left: 10px;
    margin-bottom: 15px;
}

.page-content.tissue-graph .chart-row {
    position: relative;
    width: 100%;
    float: left;
    margin: 0;
    left: 9.5%;
    height: 700px;
    transform: scale(0.95);
}
/* 
@media screen and (max-width: 1750px) {    
    .page-content.tissue-graph .chart-row {
        transform: scale(0.87);
    }
}


@media screen and (max-width: 1700px) {
    .page-content.tissue-graph .chart-row {
        transform: scale(0.87);
    }
}*/

@media screen and (min-width: 1535px) and (max-width: 1699px) {
    .page-content.tissue-graph .chart-row {
        transform: scale(0.8);
    }
}

 @media screen and (min-width: 1280px) and (max-width: 1534px) {
    .page-content.tissue-graph .chart-row {
        transform: scale(0.9);
    }
}


@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .page-content.tissue-graph .chart-row {
        transform: scale(0.875);
    }
} 

.viewing.content-footer{
    display: none;
}

.content-footer .consultant-image {
    width: 30%;
    float: left;
    text-align: left;
}

.content-footer .consultant-image img{
    height: 50px;
}

.content-footer .consultant-description{
    width: 40%;
    float: left;
    text-align: center;
    margin-top: 20px;
    vertical-align: middle;
}

.content-footer .consultant-description p{
    font-size: 1.8em;
}

.content-footer .aipro-logo {
    width: 30%;
    float: left;
    text-align: right;
    margin-top: 17px;
    zoom: 60%;
}

.consultant-description{
    visibility: hidden !important;
}

.page-content.tissue-graph .legendsDiv {
    position: fixed;
    right: 90px;
    top: 160px;
    height: 77%;
}

.page-content.tissue-graph .legendsDiv.hide {
    visibility: hidden;
}

.page-content.tissue-graph .barGraphLegend {
    background-color: #cecece;
    height: 120px;
    width: 150px;
    position: absolute;
    bottom: 47px;
    margin-bottom: 2%;
}

.page-content.tissue-graph .barGraphLegend .Excess,
.page-content.tissue-graph .barGraphLegend .Desired,
.page-content.tissue-graph .barGraphLegend .Deficient {
    height: 40px;
    width: 150px;
}

.page-content.tissue-graph .barGraphLegend .ExcessColorBox {
    background-color: rgb(104, 45, 121);
    height: 30px;
    width: 60px;
    margin-bottom: 10px;
    margin-left: 5px;
    margin-top: 5px;
}

.page-content.tissue-graph .barGraphLegend .DesiredColorBox {
    background-color: rgba(24,138,82,1);
    height: 30px;
    width: 60px;
    margin-bottom: 10px;
    margin-left: 5px;
}

.page-content.tissue-graph .barGraphLegend .DeficientColorBox {
    background-color: rgba(190,0,0,1);
    height: 30px;
    width: 60px;
    margin-left: 5px;
}

.page-content.tissue-graph .barGraphLegend .barGraphLegendLabelsExcess {
    margin-left: 70px;
    margin-top: -34px;
    font-weight: bold;
}

.page-content.tissue-graph .barGraphLegend .barGraphLegendLabelsDesired {
    margin-left: 70px;
    margin-top: -34px;
    font-weight: bold;
}

.page-content.tissue-graph .barGraphLegend .barGraphLegendLabelsDeficient {
    margin-left: 70px;
    margin-top: -25px;
    font-weight: bold;
}

@media screen and (max-width: 1750px){ 
    .page-content.tissue-graph .slider-wrapper .awssld.awssld--organic-arrows {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
    }

    .page-content.tissue-graph .slider-wrapper .chart-graphic {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
    
    .graph.trend.YIELD .sidebar-body .form-body {
        width: 95%;
    }
}

@media screen and ( min-width: 1550px ) and (max-width: 1749px){ 
    .page-content.tissue-graph .slider-wrapper .chart-graphic {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }

    .graph.trend.YIELD .sidebar-body .form-body {
        width: 95%;
    }
}

@media screen and ( min-width: 1500px ) and (max-width: 1549px){ 
    .page-content.tissue-graph .slider-wrapper .awssld.awssld--organic-arrows {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }

    .page-content.tissue-graph .slider-wrapper .awssld.awssld--organic-arrows .awssld__bullets {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);    }

    .page-content.tissue-graph .slider-wrapper .chart-graphic {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
        margin-bottom: 0px;
    }

    .page-content.tissue-graph .tissue-chart-body {
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
    }

    .page-content.tissue-graph .legendsDiv {
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
    }
}

@media screen and ( min-width: 1250px ) and (max-width: 1499px){ 
    .page-content.tissue-graph .slider-wrapper .chart-graphic {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }

    .page-content.tissue-graph .chartLinesLegend {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }

    .page-content.tissue-graph .barGraphLegend {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        bottom: 50px !important;
    }

    .data-analysis .grid-with-form-sidbar .sidebar-body .sidebar-dropdown-control .sidebar-dropdown-button .analyte-name {
        font-size: 1.8vh !important;
    }

    .graph.trend.YIELD .sidebar-body .form-body {
        width: 100%;
    }
}

@media screen and (max-width: 1249px){ 
    .page-content.tissue-graph .slider-wrapper .awssld.awssld--organic-arrows  {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }

    .page-content.tissue-graph .chartLinesLegend {
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
    }

    .page-content.tissue-graph .barGraphLegend {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }

    .page-content.tissue-graph .slider-wrapper .chart-graphic {
        -webkit-transform: scale(0.85);
        transform: scale(0.85);
        margin-bottom: -3px;
    }
}

/* Need to hide filtered nutrients from the Clients in the Client Portal */
.bp6-portal .bp6-popover.soilNutrientGraphFilter .bp6-popover-content .hide {
    display: none;
}

.data-analysis .grid-with-form-sidbar .bp6-control.bp6-radio,
.trend-graph .grid-with-form-sidbar .bp6-control.bp6-radio {
    float: left;
}

.grid-with-form-sidbar .bp6-button-group {
    margin-bottom: 5px;
}

.sidebar-body .legend-section h2,
.sidebar-body .parameters h2,
.sidebar-body .options h2 {
    display: block;
    /* padding: 10px 10px; */
    background-color: #FCE8C2;
}

.sidebar-body .options {
    margin-top: 10px;
}

.graph.trend.YIELD .sidebar-body .options {
    margin-top: 1px;
}

.graph.trend.YIELD .sidebar-body .parameters .btns {
    margin-top: 10px;
}

.sidebar-body .legend-section .btns,
.sidebar-body .parameters .btns {
    display: flex;
    justify-content: center;
    margin-top: 18px;
    text-align: center;
}

.sidebar-body .legend-section .btns .bp6-button.bp6-intent-primary,
.sidebar-body .parameters .btns .bp6-button.bp6-intent-primary,
.sidebar-body .legend-section .btns .bp6-button.bp6-intent-primary:hover,
.sidebar-body .legend-section .btns .bp6-button.bp6-intent-primary:active,
.sidebar-body .legend-section .btns .bp6-button.bp6-intent-primary:focus,
.sidebar-body .parameters .btns .bp6-button.bp6-intent-primary:hover,
.sidebar-body .parameters .btns .bp6-button.bp6-intent-primary:active,
.sidebar-body .parameters .btns .bp6-button.bp6-intent-primary:focus {
    background-color: #F1B434 !important;
    border-color: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    font-weight: 700;
}

.sidebar-body .legend-section .btns .bp6-button.bp6-intent-primary .bp6-button-text,
.sidebar-body .parameters .btns .bp6-button.bp6-intent-primary .bp6-button-text {
    color: #000 !important;
}

.sidebar-body .parameters .btns .sidebar-save-button,
.sidebar-body .parameters .btns .sidebar-save-button.bp6-button,
.sidebar-body .parameters .btns .sidebar-save-button:hover,
.sidebar-body .parameters .btns .sidebar-save-button:active,
.sidebar-body .parameters .btns .sidebar-save-button:focus {
    width: 68%;
    min-height: 38px;
    height: 38px;
    margin: 0 auto;
    border-radius: 12px !important;
    border: 1px solid rgba(17, 20, 24, 0.12) !important;
    background-color: #F1B434 !important;
    color: #000 !important;
    box-shadow: none !important;
    font-weight: 700;
}

.sidebar-body .parameters .btns .sidebar-save-button .bp6-button-text {
    color: #000 !important;
}

.sidebar-body .parameters .btns .sidebar-save-button.bp6-disabled,
.sidebar-body .parameters .btns .sidebar-save-button:disabled,
.graph.trend.YIELD .sidebar-body .bp6-button.bp6-disabled.sidebar-dropdown-button.timeUnitsDropdown {
    background-color: #52515170 !important;
}

.sidebar-body .legend-section .plot,
.parameters .plot {
    height: 80px;
    margin-bottom: 0;
    padding-bottom: 0;
}

.sidebar-body .legend-section .plot .bp6-label,
.parameters .plot .bp6-label {
    font-weight: 700;
}

.data-analysis .form-sidebar .sidebar-footer,
.graph .form-sidebar .sidebar-footer {
   border-top: none; 
}

.data-analysis .edit-form .form-sidebar .sidebar-footer .bp6-button.bp6-intent-primary,
.data-analysis .edit-form .form-sidebar2 .sidebar-footer .bp6-button.bp6-intent-primary,
.graph.trend .edit-form .form-sidebar .sidebar-footer .bp6-button.bp6-intent-primary,
.graph.trend .edit-form .form-sidebar2 .sidebar-footer .bp6-button.bp6-intent-primary {
    background-color: #F1B434 !important;
    border-color: transparent !important;
    color: #000 !important;
}

.data-analysis .edit-form .form-sidebar .sidebar-footer .bp6-button.bp6-intent-primary:hover,
.data-analysis .edit-form .form-sidebar .sidebar-footer .bp6-button.bp6-intent-primary:active,
.data-analysis .edit-form .form-sidebar .sidebar-footer .bp6-button.bp6-intent-primary:focus,
.data-analysis .edit-form .form-sidebar2 .sidebar-footer .bp6-button.bp6-intent-primary:hover,
.data-analysis .edit-form .form-sidebar2 .sidebar-footer .bp6-button.bp6-intent-primary:active,
.data-analysis .edit-form .form-sidebar2 .sidebar-footer .bp6-button.bp6-intent-primary:focus,
.graph.trend .edit-form .form-sidebar .sidebar-footer .bp6-button.bp6-intent-primary:hover,
.graph.trend .edit-form .form-sidebar .sidebar-footer .bp6-button.bp6-intent-primary:active,
.graph.trend .edit-form .form-sidebar .sidebar-footer .bp6-button.bp6-intent-primary:focus,
.graph.trend .edit-form .form-sidebar2 .sidebar-footer .bp6-button.bp6-intent-primary:hover,
.graph.trend .edit-form .form-sidebar2 .sidebar-footer .bp6-button.bp6-intent-primary:active,
.graph.trend .edit-form .form-sidebar2 .sidebar-footer .bp6-button.bp6-intent-primary:focus {
    background-color: #F1B434 !important;
    border-color: transparent !important;
    color: #000 !important;
}

.data-analysis .edit-form .form-sidebar .bp6-button.bp6-disabled.bp6-intent-primary.sidebar-save-button:hover,
.data-analysis .edit-form .form-sidebar .bp6-button.bp6-disabled.bp6-intent-primary.sidebar-save-button:active,
.data-analysis .edit-form .form-sidebar .bp6-button.bp6-disabled.bp6-intent-primary.sidebar-save-button:focus,
.data-analysis .edit-form .form-sidebar2 .bp6-button.bp6-disabled.bp6-intent-primary.sidebar-save-button:hover,
.data-analysis .edit-form .form-sidebar2 .bp6-button.bp6-disabled.bp6-intent-primary.sidebar-save-button:active,
.data-analysis .edit-form .form-sidebar2 .bp6-button.bp6-disabled.bp6-intent-primary.sidebar-save-button:focus,
.graph.trend .edit-form .form-sidebar .bp6-button.bp6-disabled.bp6-intent-primary.sidebar-save-button:hover,
.graph.trend .edit-form .form-sidebar .bp6-button.bp6-disabled.bp6-intent-primary.sidebar-save-button:active,
.graph.trend .edit-form .form-sidebar .bp6-button.bp6-disabled.bp6-intent-primary.sidebar-save-button:focus,
.graph.trend .edit-form .form-sidebar2 .bp6-button.bp6-disabled.bp6-intent-primary.sidebar-save-button:hover,
.graph.trend .edit-form .form-sidebar2 .bp6-button.bp6-disabled.bp6-intent-primary.sidebar-save-button:active,
.graph.trend .edit-form .form-sidebar2 .bp6-button.bp6-disabled.bp6-intent-primary.sidebar-save-button:focus,
.graph.trend.YIELD .sidebar-body .bp6-button.bp6-disabled.sidebar-dropdown-button.timeUnitsDropdown:hover,
.graph.trend.YIELD .sidebar-body .bp6-button.bp6-disabled.sidebar-dropdown-button.timeUnitsDropdown:active,
.graph.trend.YIELD .sidebar-body .bp6-button.bp6-disabled.sidebar-dropdown-button.timeUnitsDropdown:focus {
    background-color: #525151 !important;
}

.data-analysis .bp6-control.bp6-checkbox .bp6-control-indicator,
.graph.trend .bp6-control.bp6-checkbox .bp6-control-indicator {
    background-color: #F1B434 !important;
    border-color: #F1B434 !important;
    color: #000 !important;
}

.data-analysis .bp6-control.bp6-checkbox:hover .bp6-control-indicator,
.graph.trend .bp6-control.bp6-checkbox:hover .bp6-control-indicator {
    background-color: #F1B434 !important;
    border-color: #F1B434 !important;
}

.data-analysis .bp6-control.bp6-checkbox input:checked ~ .bp6-control-indicator,
.graph.trend .bp6-control.bp6-checkbox input:checked ~ .bp6-control-indicator {
    background-color: #F1B434 !important;
    border-color: #F1B434 !important;
    color: #000 !important;
}

.data-analysis .bp6-control.bp6-checkbox .bp6-control-indicator::before,
.data-analysis .bp6-control.bp6-checkbox .bp6-control-indicator::after,
.graph.trend .bp6-control.bp6-checkbox .bp6-control-indicator::before,
.graph.trend .bp6-control.bp6-checkbox .bp6-control-indicator::after {
    color: #000 !important;
    border-color: #000 !important;
}

.select-multiple-hint-text {
    position: absolute;
    bottom: 0;
    z-index: 900;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
}

.select-multiple-hint-text h6 {
    background-color: #cecece;
    padding: 10px;
    margin: 0;
}

.grid-with-form-sidbar .legend-container .legend {
    align-items: center;
}

.legend {
    display: flex;
}

.legend .color {
    height: 20px;
    width: 20px;
    min-width: 20px;
    background-color: #cecece;
    border: 1px solid #333;
    margin: 6px 10px;
}

.legend .desc {
    display: flex;
    margin: 6px 0;
    align-items: center;
    width: 200px;
    overflow: hidden;
    white-space: nowrap;
    font-family: monospace;
}

.legend-container h6 {
    float: left;
    width: 100%;
    border-top: 1px solid #cecece;
    margin-top: 2px;
    text-align: center;
    padding: 5px 0;
    font-style: italic;
}

.data-analysis .edit-form .form-sidebar .sidebar-body .form-body, 
.data-analysis .edit-form .form-sidebar2 .sidebar-body .form-body, 
.graph .edit-form .form-sidebar .sidebar-body .form-body, 
.graph .edit-form .form-sidebar2 .sidebar-body .form-body {
    min-height: calc(100vh - 151px);
}

.Client .graph .edit-form .form-sidebar .sidebar-body .form-body {
    min-height: calc(100vh - 211px);
}

.chart-row .grid-with-form-sidbar .graphWithSidebar .spinner-container {
    width: calc(100% - 365px);
    z-index: 300;
    position: absolute;
    margin-top: 20%;
}

.chart-row .grid-with-form-sidbar .graphWithSidebar .spinner-container .bp6-spinner .bp6-spinner-animation > svg {
    height: 100px;
    width: 100px;
}

.data-analysis .content .chart-body,
.graph.trend .content .chart-body {
    height: 100%;
}

.page-content.graph .content.graph.nutrient.soil,
.graph .content.graph.trend.SOIL,
.graph .content.graph.trend.FERT,
.graph .content.graph.trend.content.graph.trend.YIELD ,
.page-content.tissue-graph .content.graph.tissue,
.page-content.data-analysis .content.graph.data-analysis {
    height: 100%;
} 

.graph .content.graph.trend.SOIL .content-body,
.graph .content.graph.trend.FERT .content-body,
.graph .content.graph.trend.content.graph.trend.YIELD .content-body,
.page-content.data-analysis .content-body {
    height: calc(100% - 96px);
}

/* Ensure chart-body includes padding in its height calculation so
   it can stretch to match .content-body without being shrunk by padding. */
.content.graph.trend.SOIL .chart-body,
.content.graph.trend .chart-body {
    box-sizing: border-box;
    /* keep existing top/side padding but avoid extra bottom padding reducing height */
    padding-bottom: 0;
    height: 100%;
}

.content h6.hint-text {
    position: absolute;
    bottom: 0;
    width: calc(100% - 380px);
    text-align: center;
    background-color: #cecece;
    padding: 10px;
    margin: 0;
}

.legend .desc.hide-linear-regression {
    width: 270px;
}

.data-analysis .content-desc,
.graph .content-desc {
    font-size: 16px;
    height: 30px;
}
 
.graph .legend-container i {
    margin: 0 30px;
    font-size: 8px;
}

.sidebar-body .legend-section  {
    margin-bottom: 0;
}

.sidebar-body .legend-section > div.row .col {
    padding-top: 0;
}

.sidebar-body .legend-section > div.row .col i {
    display: block;
    margin-bottom: 10px;
    font-size: 10px;
    text-align: center;
}

.yield .bp6-form-group .bp6-form-content .bp6-popover-target,
.yield .bp6-form-group .bp6-form-content .bp6-button {
    width: 100%;
}

.ag-theme-balham .form-body .row .col {
    padding: 0 10px;
}

.data-analysis .bp6-control-group .reportTypeSelector.bp6-popover-target .bp6-button {
    height: 100%;
    width: 84px;
}

.seasonSelection.bp6-popover-target .bp6-button {
    width: 75px;
    height: 34px;
} 

.cropSelection.bp6-popover-target .bp6-button {
    width: 100%;
    height: 34px;
    border-radius: 0;
}

.data-analysis .plot .bp6-control-group > div {
    height: 34px;
    color: #000;
}

.data-analysis .plot .bp6-control-group > div .bp6-popover-target, 
.graph.trend.FERT .plot .bp6-form-group .bp6-popover-target,
.graph.trend.YIELD .crop .bp6-form-group .bp6-popover-target {
    width: 100%;
    height: 34px;
}

.data-analysis .plot .bp6-control-group .bp6-popover-target,
.data-analysis .plot .bp6-control-group .bp6-popover-target .bp6-button {
    border-right: 0 !important;
}

.chart-body .form-sidebar .bp6-form-group .bp6-control-group .bp6-popover-target {
    box-shadow: none;
    height: 34px;
    border-right: 1px solid #cecece;
}


.chart-body .form-sidebar .bp6-form-group .bp6-control-group .bp6-popover-target .bp6-button {
    box-shadow: none;
    border-right: 1px solid #cecece;
}

.data-analysis .sidebar-body .plot .bp6-control-group > div .seasonSelection.bp6-popover-target {
    width: 75px;
    height: 34px;
}

.data-analysis .plot .bp6-control-group > div .bp6-popover-target .bp6-button {
    width: 97%;
    height: 34px;
}

.data-analysis .plot .bp6-control-group > div > .sidebar-dropdown-control:first-child {
    margin-left: -1px;
    margin-right: -1px;
}

.data-analysis .plot .bp6-control-group > .sidebar-dropdown-control:first-child .sidebar-dropdown-button,
.data-analysis .plot .bp6-control-group > .sidebar-dropdown-control:first-child .sidebar-dropdown-button.bp6-button {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.data-analysis .plot .bp6-control-group > div > .sidebar-dropdown-control:first-child .sidebar-dropdown-button,
.data-analysis .plot .bp6-control-group > div > .sidebar-dropdown-control:first-child .sidebar-dropdown-button.bp6-button {
    border-radius: 0 !important;
}

.data-analysis .plot .bp6-control-group > div > .sidebar-dropdown-control:last-child .sidebar-dropdown-button,
.data-analysis .plot .bp6-control-group > div > .sidebar-dropdown-control:last-child .sidebar-dropdown-button.bp6-button {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.graph.trend .bp6-popover-target .bp6-button,
.graph.trend.FERT .bp6-popover-target .bp6-button {
    width: 100%;
    height: 34px;
}

.graph .edit-form .bp6-popover-target .bp6-button,
.data-analysis .edit-form .bp6-popover-target .bp6-button,
.fert-trend-graph .edit-form .bp6-popover-target .bp6-button {
    background-color: #ffffff;
    color: #001d1d !important;
}

.graph .edit-form .bp6-popover-target .bp6-button .bp6-button-text,
.data-analysis .edit-form .bp6-popover-target .bp6-button .bp6-button-text,
.fert-trend-graph .edit-form .bp6-popover-target .bp6-button .bp6-button-text,
.graph .edit-form .bp6-popover-target .bp6-button .bp6-icon,
.data-analysis .edit-form .bp6-popover-target .bp6-button .bp6-icon,
.fert-trend-graph .edit-form .bp6-popover-target .bp6-button .bp6-icon,
.graph .edit-form .bp6-popover-target .bp6-button .bp6-icon svg,
.data-analysis .edit-form .bp6-popover-target .bp6-button .bp6-icon svg,
.fert-trend-graph .edit-form .bp6-popover-target .bp6-button .bp6-icon svg {
    color: #001d1d !important;
    fill: #001d1d !important;
}

.graph .edit-form .p-dropdown,
.data-analysis .edit-form .p-dropdown,
.fert-trend-graph .edit-form .p-dropdown {
    background-color: #ffffff;
    color: #001d1d;
}

.graph .edit-form .p-dropdown .p-dropdown-label,
.data-analysis .edit-form .p-dropdown .p-dropdown-label,
.fert-trend-graph .edit-form .p-dropdown .p-dropdown-label,
.graph .edit-form .p-dropdown .p-dropdown-trigger,
.data-analysis .edit-form .p-dropdown .p-dropdown-trigger,
.fert-trend-graph .edit-form .p-dropdown .p-dropdown-trigger,
.graph .edit-form .p-dropdown .p-dropdown-trigger-icon,
.data-analysis .edit-form .p-dropdown .p-dropdown-trigger-icon,
.fert-trend-graph .edit-form .p-dropdown .p-dropdown-trigger-icon {
    color: #001d1d !important;
}

.data-analysis .grid-with-form-sidbar .sidebar-body .btns .bp6-button {
    width: 150px;
}

.data-analysis .grid-with-form-sidbar .sidebar-body .sidebar-dropdown-control .bp6-disabled.sidebar-dropdown-button,
.data-analysis .grid-with-form-sidbar .sidebar-body .btns .bp6-disabled {
  background-color: #52515170 !important;
}

.data-analysis .grid-with-form-sidbar .sidebar-body .sidebar-dropdown-control .bp6-disabled.sidebar-dropdown-button:hover,
.data-analysis .grid-with-form-sidbar .sidebar-body .sidebar-dropdown-control .bp6-disabled.sidebar-dropdown-button:active,
.data-analysis .grid-with-form-sidbar .sidebar-body .sidebar-dropdown-control .bp6-disabled.sidebar-dropdown-button:focus,
.data-analysis .grid-with-form-sidbar .sidebar-body .btns .bp6-disabled:hover,
.data-analysis .grid-with-form-sidbar .sidebar-body .btns .bp6-disabled:active,
.data-analysis .grid-with-form-sidbar .sidebar-body .btns .bp6-disabled:focus {
  background-color: #525151 !important;
}

.data-analysis .grid-with-form-sidbar .sidebar-body .sidebar-dropdown-control .sidebar-dropdown-button .analyte-name {
    font-size: 1.33vh;
}

.graph.trend .bp6-popover-target.beginYearPopover,
.graph.trend .bp6-popover-target.endYearPopover {
    width: 50%;
}

.graph.trend.SOIL .soil-trend-period-range,
.graph.trend.YIELD .soil-trend-period-range,
.graph.trend.FERT .soil-trend-period-range {
    display: flex;
    gap: 0;
}

.graph.trend.SOIL .soil-trend-period-range .soil-trend-period-dropdown,
.graph.trend.YIELD .soil-trend-period-range .soil-trend-period-dropdown,
.graph.trend.FERT .soil-trend-period-range .soil-trend-period-dropdown {
    flex: 0 0 50%;
    width: 50%;
    margin-right: 0;
}

.graph.trend.SOIL .soil-trend-period-range .bp6-popover-target.beginYearPopover,
.graph.trend.SOIL .soil-trend-period-range .bp6-popover-target.endYearPopover,
.graph.trend.YIELD .soil-trend-period-range .bp6-popover-target.beginYearPopover,
.graph.trend.YIELD .soil-trend-period-range .bp6-popover-target.endYearPopover,
.graph.trend.FERT .soil-trend-period-range .bp6-popover-target.beginYearPopover,
.graph.trend.FERT .soil-trend-period-range .bp6-popover-target.endYearPopover {
    width: 100%;
}

.graph.trend.SOIL .soil-trend-period-range .beginYearDropdown,
.graph.trend.SOIL .soil-trend-period-range .endYearDropdown,
.graph.trend.YIELD .soil-trend-period-range .beginYearDropdown,
.graph.trend.YIELD .soil-trend-period-range .endYearDropdown,
.graph.trend.FERT .soil-trend-period-range .beginYearDropdown,
.graph.trend.FERT .soil-trend-period-range .endYearDropdown {
    width: 100%;
}

.graph.trend.SOIL .soil-trend-period-range .beginYearDropdown,
.graph.trend.YIELD .soil-trend-period-range .beginYearDropdown,
.graph.trend.FERT .soil-trend-period-range .beginYearDropdown {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.graph.trend.SOIL .soil-trend-period-range .endYearDropdown,
.graph.trend.YIELD .soil-trend-period-range .endYearDropdown,
.graph.trend.FERT .soil-trend-period-range .endYearDropdown {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.graph.trend .bp6-popover-target.endYearPopover .bp6-button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.graph.trend .bp6-popover-target.beginYearPopover .bp6-button {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.group-container {
    padding: 5px;
}

.group-container .bp6-button {
    border-radius: 0;
    width: 52px;
}

.yearSelection .bp6-button {
    width: 100%;
}

.datasets.branch,
.datasets.year {
    margin-top: 10px;
}

.datasets h6 {
    float: left;
    display: block;
    width: 100%;
}

.datasets-selector {
    width: 100%;
}

.yearSelectionOverlay .group-container h6 {
    margin: 10px; 
    text-align: center;
}

.datasets-selector {
    float:left;
}

.datasets-selector div {
    float: left;
}

.datasets-selector h6 {
    float: left;
    padding: 8px 0 12px 0;
    margin-bottom: 5px;
    text-align: center;
}

.data-analysis .plot .bp6-control-group .yearSelection.bp6-popover-target {
    width: 75px;
}

.yearSelection.bp6-popover-target .bp6-button {
    height: 34px;
    color: #000;
}

.data-analysis .sidebar-body .legend-section .plot, .data-analysis .parameters .plot {
    height: auto;
}

.graph .sidebar-body .bp6-form-helper-text {
    text-align: center;
    font-style: italic;
}

.graph.trend .grid-with-form-sidbar .spinner-container {
    width: 75.25%;
    z-index: 100;
    position: absolute;
    height: 100%;
}

.graph.trend .grid-with-form-sidbar .spinner-container .bp6-spinner {
    /* margin-top: 25%; */
}

.graph.data-analysis .chart-body,
.graph.trend .chart-body {
    height: 100%;
    padding: 0px;
}

.graph.data-analysis .chart-body .sidebar-body,
.graph.trend .chart-body .sidebar-body {
    padding-right: 15px;
    padding-top: 5px;
}

.content.graph.trend.SOIL .edit-form {
    height: 100%;
    max-height: 100%;
}

/* Force Soil Trend layout chain to fill available height so percentage
   heights resolve correctly (chart-body -> chart-row -> grid-with-form-sidbar). */
.content.graph.trend.SOIL,
.content.graph.trend.SOIL .chart-body,
.content.graph.trend.SOIL .chart-row,
.content.graph.trend.SOIL .grid-with-form-sidbar,
.content.graph.trend.SOIL .grid-with-form-sidbar > .ag-theme-balham,
.content.graph.trend.SOIL .graphWithSidebar,
.content.graph.trend.SOIL .graphWithSidebar > div {
    height: 100% !important;
    max-height: 100% !important;
}


.content.graph .chart-body {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.content.graph.trend.SOIL .chart-row {
    display: flex !important;
    align-items: stretch !important;
}

.content.graph.trend.SOIL .graphWithSidebar {
    flex: 1 1 auto !important;
    display: flex !important;
    align-items: stretch !important;
}

/* Ensure the grid container lays out the chart and sidebar side-by-side
   and that the sidebar (`.edit-form`) occupies the full container height. */
.content.graph.trend.SOIL .grid-with-form-sidbar {
    display: flex !important;
    align-items: stretch !important;
    height: 100% !important;
}

.content.graph.trend.SOIL .grid-with-form-sidbar > .ag-theme-balham {
    flex: 1 1 auto !important;
    min-width: 0;
    height: 100% !important;
}

.content.graph.trend.SOIL .grid-with-form-sidbar > .edit-form {
    /* flex: 0 0 20% !important; */
    display: block !important;
    /* keep layout responsibilities on .form-sidebar (single flex column) */
    height: 100% !important;
    max-height: 100% !important;
    width: 350px !important;
}

.content.graph.trend.YIELD .grid-with-form-sidbar .edit-form {
    width: 350px !important;
    margin-left: 30px !important;
}

.content.graph.trend.YIELD .grid-with-form-sidbar .edit-form {
    height: 100%;
    max-height: 100%;
    min-height: 100%;
}

.content.graph.trend.YIELD .grid-with-form-sidbar .edit-form .form-sidebar {
    height: 100%;
    max-height: 100%;
    min-height: 100%;
}

.content.graph.trend.YIELD .grid-with-form-sidbar .edit-form .form-sidebar .sidebar-body {
    height: 100%;
    max-height: 100%;
    min-height: 100%;
}

.content.graph.trend.YIELD .grid-with-form-sidbar .edit-form .form-sidebar .sidebar-body .form-body {
    height: 100%;
    max-height: 100%;
    min-height: 100%;
}

/* Make the sidebar a column flex layout so the footer stays fixed
   and the body fills remaining space and becomes scrollable. */
.content.graph.trend.SOIL .edit-form .form-sidebar,
.content.graph.trend.SOIL .edit-form .form-sidebar2 {
    display: flex;
    flex-direction: column;
    height: 100%;
    max-height: 100%;
    min-height: 0;
}

.content.graph.trend.SOIL .edit-form .form-sidebar .sidebar-body,
.content.graph.trend.SOIL .edit-form .form-sidebar2 .sidebar-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: visible;
    overflow-x: hidden;
}

/* Ensure footer does not consume flexible space and hide if empty */
.content.graph.trend.SOIL .edit-form .form-sidebar .sidebar-footer,
.content.graph.trend.SOIL .edit-form .form-sidebar2 .sidebar-footer {
    flex: 0 0 auto;
    min-height: 0;
}

.content.graph.trend.SOIL .edit-form .form-sidebar .sidebar-footer:empty,
.content.graph.trend.SOIL .edit-form .form-sidebar2 .sidebar-footer:empty {
    display: none;
}

.content.graph.trend.SOIL .edit-form .form-sidebar .sidebar-body .form-body,
.content.graph.trend.SOIL .edit-form .form-sidebar2 .sidebar-body .form-body {
    height: auto;
    max-height: none;
    min-height: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
}

.content.graph.nutrient.soil .print-btn-container {
    width: auto;
    float: right;
    margin: 0 4px;
}

.tissue-graph .print-btn-container {
    height: 30px;
    float: left;
    margin-right: -4px;
}

.page-content.data-analysis .bp6-form-group .bp6-form-content h5 {
    float: right;
    margin: 0;
    padding: 0;
    position: relative;
    top: -55px;
}

.units-tooltip {
    min-width: 200px;
}

.fx-tooltip {
    right: 35px;
    top: -2px;
}

.fx-tooltip svg {
    height: 12px;
    width: 12px;
}

.data-analysis .sidebar-body .bp6-form-content .reportTypeSelector.bp6-popover-target {
    width: 84px;
}

.content-btns .bp6-button {
    height: 32px;
}

.data-analysis .content-header .content-btns .dataAnalysisHeaderButtons,
.content.graph.trend .content-header .content-btns .dataAnalysisHeaderButtons {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

/* Ensure any edit-form inside a content area matches the content-body height
   and that its grid container stretches to allow percentage heights to resolve. */
.content-body .grid-with-form-sidbar {
    display: flex;
    align-items: stretch;
    height: 100%;
}

.content-body .grid-with-form-sidbar > .grid-with-form-sidbar-table {
    position: relative;
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
    height: 100%;
}

.content-body .grid-with-form-sidbar > .grid-with-form-sidbar-table > .spinner-container {
    position: absolute;
    inset: 0;
    z-index: 900;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.35);
}

.content-body .grid-with-form-sidbar > .edit-form {
    flex: 0 0 380px;
    min-width: 380px;
    width: 380px;
    height: 100% !important;
    max-height: 100% !important;
    display: block;
    float: none;
}

.graph.data-analysis .content-body .edit-form .form-sidebar,
.content.graph.trend.SOIL .edit-form .form-sidebar,
.content.graph.trend.FERT .edit-form .form-sidebar {
    height: 100%;
    max-height: unset;
}

.graph.data-analysis .content-body .edit-form .form-sidebar .sidebar-body,
.content.graph.trend.SOIL .edit-form .form-sidebar .sidebar-body,
.content.graph.trend.FERT .edit-form .form-sidebar .sidebar-body {
    height: 100%;
}

.graph.data-analysis .content-body .edit-form .form-sidebar .sidebar-body .form-body,
.content.graph.trend.SOIL .edit-form .form-sidebar .sidebar-body .form-body,
.content.graph.trend.FERT .edit-form .form-sidebar .sidebar-body .form-body {
    height: 100%;
    min-height: unset;
    max-height: unset;
}

.content-body .grid-with-form-sidbar > .grid-with-form-sidbar-table > .ag-theme-balham {
    height: 100% !important;
    min-width: 0;
    width: 100%;
}

.content-body .grid-with-form-sidbar > .grid-with-form-sidbar-table > .ag-theme-balham.editing {
    width: 100% !important;
    min-width: 0;
    float: none;
}

.content-body .grid-with-form-sidbar > .grid-with-form-sidbar-table > .ag-theme-balham.editing .ag-root-wrapper,
.content-body .grid-with-form-sidbar > .grid-with-form-sidbar-table > .ag-theme-balham.editing .ag-header,
.content-body .grid-with-form-sidbar > .grid-with-form-sidbar-table > .ag-theme-balham.editing .ag-header-viewport,
.content-body .grid-with-form-sidbar > .grid-with-form-sidbar-table > .ag-theme-balham.editing .ag-pinned-left-header {
    border-top-left-radius: 10px !important;
    border-top-right-radius: 0 !important;
}

.data-analysis .content-header .content-btns .dataAnalysisHeaderButtons .dataAnalysisPrint,
.content.graph.trend .content-header .content-btns .dataAnalysisHeaderButtons .dataAnalysisPrint {
    display: inline-flex;
    align-items: center;
}

.content.graph.trend .content-header .content-btns .dataAnalysisHeaderButtons > .bp6-button,
.content.graph.trend .content-header .content-btns .dataAnalysisHeaderButtons .dataAnalysisPrint .bp6-button,
.content.graph.trend .content-header .content-btns .dataAnalysisHeaderButtons .bp6-popover-target > .bp6-button,
.content.graph.trend .content-header .content-btns .dataAnalysisHeaderButtons .bp6-popover-wrapper > .bp6-popover-target > .bp6-button,
.content.graph.trend .content-header .content-btns .dataAnalysisHeaderButtons .print-btn,
.content.graph.trend .content-header .content-btns .dataAnalysisHeaderButtons .print-btn.bp6-button {
    height: 48px !important;
    min-height: 48px !important;
    line-height: 48px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.content.graph.trend .content-header .content-btns .dataAnalysisHeaderButtons .dataAnalysisClear,
.content.graph.trend .content-header .content-btns .dataAnalysisHeaderButtons .dataAnalysisClear:hover,
.content.graph.trend .content-header .content-btns .dataAnalysisHeaderButtons .dataAnalysisClear:active,
.content.graph.trend .content-header .content-btns .dataAnalysisHeaderButtons .dataAnalysisClear:focus {
    background-color: #C52F00 !important;
    color: #ffffff !important;
}

.content.graph.trend .content-header .content-btns .dataAnalysisHeaderButtons .dataAnalysisClear .bp6-icon,
.content.graph.trend .content-header .content-btns .dataAnalysisHeaderButtons .dataAnalysisClear .bp6-icon svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}

.bp6-button.beginYearDropdown {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.bp6-button.endYearDropdown {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.form-sidebar .bp6-label {
    font-weight: 700;
}

.content-btns .bp6-popover-target {
    margin: 0 5px;
}

/* dashboard.css */

div.page-content.home header {
    background-color: #cecece;
}

div.home .widget-dashboard-container .widget-inner {
    min-width: calc(100% - 2px);
}

.home .widgets {
    height: 100%;
}

.home div.widget-body {
    height: calc(100% - 65px);
}

.desired-values .bp6-form-group.test-type {
    align-items: center;
}

.desired-values .bp6-form-group.test-type .bp6-label {
    display: flex;
    align-items: center;
    height: 100%;
}

.desired-values .bp6-form-group.test-type .bp6-form-content {
    display: flex;
    align-items: center;
    height: 100%;
}

.bp6-form-content .bp6-popover-target .bp6-button.bp6-intent-primary {
    margin-top: 0;
}

.desired-values .bp6-form-group .bp6-button-group .bp6-button.bp6-intent-primary {
    margin: 0;
}

.desired-values .test-type,
.desired-values .unit-type,
.desired-values .quality-type {
    float: left;
    height: 35px;
    margin-right: 30px;
}

.unit-type .bp6-form-content,
.quality-type .bp6-form-content {
    height: 35px;
    align-items: center;
    display: flex;
}

.unit-type .bp6-label,
.quality-type .bp6-label {
    height: 100%;
    display: flex;
    align-items: center;
}

.desired-values .ag-theme-balham {
    height: 515px;
}

.desired-values .ag-theme-balham .ag-cell.readonly {
    background-color: #999b9a;
}

.desired-values .ag-theme-balham .ag-cell.visibility {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 1px;
}

.desired-values .ag-theme-balham .ag-cell.visibility .bp6-button {
    padding: 0 14px 0 18px;
    margin: 0;
    outline: 0;
}

.desired-values .ag-theme-balham .ag-cell .bp6-button span:focus {
    outline: 0;
}

.client-specific-header div:first-child {
    float: left;
    width: 50%;
}

.client-specific-header {
    width: 100%;
}

.desired-values .ag-theme-balham .client-specific-header .bp6-button.bp6-intent-primary {
    float: right;
    padding: 0 10px;
    margin: 0;
    height: 24px;
    min-height: 24px;
    width: 80px;
}

.desired-values .ag-theme-balham .client-specific-header div {
    display: flex;
    align-items: center;
    height: 24px;
}

.disabled-client .ag-cell.client-specific {
    background-color: #999b9a;
    color: #333;
    font-style: italic;
}

.desired-values .hint-text {
    margin: 0 10px;
}


.ag-cell .mode .bp6-button.bp6-intent-primary {
    padding: 3px 10px 3px 10px;
    margin: 0;
    outline: 0;
    width: 65px;
}

.ag-cell .mode.span.bp6-popover-target {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
}

 .ag-cell.ag-cell-inline-editing {

}

.nutrient-editor {
    width: 100%;
    height: 100%;
}

.nutrient-editor.MAX,
.nutrient-editor.MIN {
    width: 100%;
    height: 100%;
}

.nutrient-editor input {
    height: 100%;
    border: none;
    outline: none;
    padding: 0 10px;
}

.nutrient-editor.RANGE {
    height: 90%;
}
.nutrient-editor.RANGE input {
    width: calc(50% - 7px);
    margin: 2px 2px;
    border: 1px solid #cecece;
    padding: 0 2px;
}

.nutrient-editor.RANGE .delimiter {
    width: 6px;
    display: inline-block;
    padding-left: 2px;
    font-weight: bold;
    font-size: 14px;
}
.image-combo {
    height: 59px;
    width: 59px;
    position: relative;
    margin-right: 20px;
    display: inline-block;
    margin-top: 25%;
}

.farmInfo.image-combo {
    height: 59px;
    width: 59px;
    position: relative;
    margin-right: 20px;
    display: inline-block;
    margin-top: 20%;
}

.analytics.image-combo {
    height: 59px;
    width: 59px;
    position: relative;
    margin-right: 20px;
    display: inline-block;
    margin-top: 20%;
}

.maps.image-combo {
    height: 59px;
    width: 59px;
    position: relative;
    margin-right: 20px;
    display: inline-block;
    margin-top: 20%;
}

.interactive-results.image-combo.text.labPDFReport,
.results.image-combo.text.labPDFReport,
.results.image-combo.text.soilShapeFile {
    width: 88px;
    margin-left: -15px;
}

.image-combo > div {
    margin-top: 47px;
}

.image-combo .bp6-icon svg {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.image-combo .svg-inline--fa,
.image-combo .bp6-icon-panel-table,
.image-combo .bp6-icon-layout-grid,
.image-combo .bp6-icon-chart,
.image-combo .bp6-icon-regression-chart,
.image-combo .bp6-icon-grouped-bar-chart,
.image-combo .bp6-icon-prescription,
.image-combo .bp6-icon-lab-test,
.image-combo .bp6-icon-map,
.image-combo .bp6-icon-export,
.image-combo .bp6-icon-document-open,
.image-combo .bp6-icon-heat-grid,
.image-combo .bp6-icon-take-action,
.image-combo .bp6-icon-scatter-plot {
    height: 35%;
    width: 35%;
    position: absolute;
    top: 43%;
    left: 32%;
}

.fa-leaf,
.clientMapsPicker .bp6-icon-map,
.image-combo.FertGraph .bp6-icon-regression-chart,
.clientReportPicker .results.image-combo .fa-seedling {
    color: #2a2;
}

.fa-tint {
    color: #22f;
}

.fa-poop,
.fa-water,
.fa-meteor,
.clientReportPicker .fa-hand-holding-medical,
.clientAnalyticsPicker .bp6-icon-scatter-plot {
    color: rgb(129, 85, 2);
}

.fa-apple-alt,
.image-combo .bp6-icon-regression-chart,
.clientMapsPicker .bp6-icon-lab-test,
.clientRecsPicker .bp6-icon-document-open {
    color: #de3838;
}

.image-combo .bp6-icon-panel-table,
.image-combo .bp6-icon-grouped-bar-chart,
.image-combo .fa-file,
.clientRecsPicker .bp6-icon-export,
.clientMapsPicker .bp6-icon-heat-grid,
.image-combo .fa-th {
    color: #2a2;
}

.image-combo .bp6-icon-layout-grid,
.image-combo .bp6-icon-chart,
.clientMapsPicker .bp6-icon-prescription,
.clientMapsPicker .bp6-icon-take-action {
    color: rgb(129, 85, 2);
}

.role.Client .interactive-results .clientReportPicker,
.role.Client .results .clientReportPicker,
.role.Client .PHYSICAL .clientReportPicker,
.role.Client .farminfo .clientFarmInfoPicker,
.role.Client .analytics .clientAnalyticsPicker,
.role.Client .maps .clientMapsPicker,
.role.Client .recs .clientRecsPicker {
    width: 100%;
    height: 100%;
    text-align: center;
}
/* userMessage.css */

.dialog {
    background-color: #000c;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
}

.modal-content {
    width: 400px;
    margin: 0 auto;
    border-radius: 1px;
    box-shadow: 0px 0px 1px #ccc;
}

.confirmation-dialog .modal-body {
    float: left;
    top: 0;
    width: 100%;
}

/** Filename: component.css */

/** Buttons **/


.hideRow .grower-goals-row{
    visibility: hidden;
    height: 0;
}

.btn-success {
    color: #fff;
    background-color: #064828;
    border-color: #064828;
}

.btn-danger {
    color: #fff;
    background-color: #9c0f0b;
    border-color: #064828;
}

.loading {
	font-weight: bold;
	width:100%;
    text-align: center;
}

.loading {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 999;
    background-color: #d3d3d3;
}

/* ERRORS */
.error {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative!important;
    margin: 20px 0 0;
    border-radius: 3px;
    min-width: 300px;
    max-width: 500px;
    pointer-events: all;
    background-color: #db3737;
    color: #fff;
    padding: 10px 15px;
    font-weight: bold;
}

.error svg {
    position: relative;
    top: -26px;
    left: -14px;
}

.error .bp6-callout.bp6-intent-danger .bp6-heading {
    color: white;
    padding-left: 10px;
}

.error .bp6-callout.bp6-intent-danger span {
    color: white;
}

.error .fa-exclamation-triangle {
    line-height: 19px;
    margin-right: 15px;
    margin: 4px 10px 4px 0;
    height: 100%;
}

/** Horizontal Navigation **/
.dropdown-toggle::after {
    display: none;
}

.nav-container, 
.nav-link {
    height: 100%;
    width: 100%;
}

.modes {
    list-style: none;
    float: left;
    display: block;
    text-align: left;
    margin: 0;
}

.modes li {
    float: left;
    line-height: 50px;
    padding: 0 20px;
    color: white;
    margin: 0;
}

.modes li a {
    float: none;
    border: none;
    color: inherit;
}

.nav.horizontal li > img {
	height: 18px;
}

.account .dropdown-menu,
.brookside-view .dropdown-menu {
    display: block;
}

.dropdown-container {
    position: absolute;
    width: 100%;
    height: auto;
    z-index: 999;
    background-color: #cecece;
    display: none;
}

.nav.horizontal li:hover .dropdown-container {
	display: block;
}

.nav-container:hover .dropdown-menu-container {
    display: block;
}

.nav.horizontal li:focus .account,
.brookside-menu:focus .brookside-view {
	display: block;
}

.nav.horizontal li .account .dropdown-menu-container,
.brookside-view .dropdown-menu-container {
	position: relative;
	top: 0;
	left: 0;
	width: 200px;
}

.dropdown-container .dropdown-menu {
    display: block;
}

.account.dropdown-container .dropdown-menu-container .dropdown-menu,
.brookside-view.dropdown-container .dropdown-menu-container .dropdown-menu {
	position: relative;
    top: 0;
    left: 3px;
    margin: 0px 6px 3px 0px;
    box-shadow: none;
    border-radius: 0;
}

li.dropdown-item.spacer hr {
	margin: 5px 0;
}	

.dropdown-item.title {
	border-bottom: 2px solid #333;
    background-color: #C7E3DB;
}

.nav.horizontal li.dropdown-item.title:hover {
	color: #064828;
	background-color: #ccc;
}

.dropdown-container .dropdown-menu li.dropdown-item.spacer:hover {
	background-color: inherit;
}

.user li div.dropdown-container:hover {
	background-color: inherit;
	color: inherit;
}

.user li div.dropdown-menu-container {
	left: unset;
    right: 0;
}

.user li div.dropdown-menu-container ul {
	right: 0;
}

.samples label {
    margin: 0;
    padding: 0 1em;
    font-weight: normal;
}

.samples .dropdown-item {
    color: #333;
}

.samples .dropdown-item.title label {    
    text-shadow: none;
    font-size: 1em;
    font-weight: bold;
}

.samples .dropdown-item.title:hover label {
    background-color: initial;
    color: initial;
    cursor: default;
}

.nav-container {
    height: 100%;
    width: 100%;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
	background-color: transparent;
}

.modes li.close {
	font-size: inherit;
	opacity: 1;
}

.nav.horizontal li {
    float: left;
	line-height: inherit;
    padding: 0;
}

.nav.horizontal li a {
    width: inherit;
    padding: 0 10px;
}

.nav.horizontal .dropdown-container:hover li.dropdown-item:hover a,
.nav.horizontal.modes > li a {
	color: white;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
	background-color: inherit;
	color: #fff;
}

.reports.dropdown-container .dropdown-menu-container,
.accounting.dropdown-container .dropdown-menu-container {
	top: 29px;
}

.dropdown-menu-container .dropdown-menu {
	min-width: 118px;
}

.nav.horizontal.modes li.dropdown-item a {
	color: #333;
	font-size: 10px;
}

.nav.horizontal.modes li.dropdown-item.active a {
	color: white;
}

#directoryListContainer {
	font-size: 8pt;
}

.logo {
	width: 20px;
	height: 20px;
	display: inline-block;
	background-size: 28px;
}

.nav.horizontal.modes li a:hover {
	background-color: inherit;
}

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

.dropdown-container span {
	text-shadow: none;
}

.dropdown-container.close {
    opacity: 1;
}

.dropdown-container .dropdown-menu-container {
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
}

.dropdown-container .dropdown-menu {
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
}

.dropdown-container .dropdown-item {
    padding: .5rem .5rem .2rem .5rem;
    margin: .2rem 0;
    color: #333;
}


.horizontal .dropdown-container .dropdown-item {
    padding: .5rem .5rem 0 .5rem;
}

.dropdown-item a {
    cursor: pointer;
}

.dropdown-item.title a {
    cursor: default;
}

.dropdown-container .dropdown-item a {
    border-radius: 3px;
    border: 2px solid #fff;
}

.dropdown-container .dropdown-item a:hover {
    border: 2px solid #8AC8BE;
}

.dropdown-container .dropdown-item:first-child {
    margin-top: 0;
}

.extended .dropdown-view-container {
    display: block;
}

.dropdown-container .dropdown-item a {
    border-radius: 3px;
    border: 2px solid #fff;
    background-color: white;
    text-decoration: none;
}

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

/* User Navigation */
.account-menu .nav-link {
    text-shadow: none;
    color: #027769;
    font-weight: bold;
    padding: 7px 10px 0 10px;
}

.user.nav.horizontal {
    float:right;
    background-color: #cecece;
    padding: 0 10px;
}

.user.nav.horizontal li {
    padding: 0 10px;
    margin: 0;
    line-height: 30px;   
	color: #064828;
	font-weight: bold;
	font-family: Georgia, serif;
}

.user.nav.horizontal li:hover {
    background-color: #dfdfdf;
    cursor: pointer;
}

.dropdown-menu-container {
    width: 100%;
    height: 100%;
    padding: .2rem .5rem;
}

.nav-container.open .dropdown-container,
.main-nav .nav-container:hover .dropdown-container {
    display: block;
}

.dropdown-container .dropdown-menu {
    position: relative;
    width: 100%;
    height: 100%;
    border: none;
    box-shadow: none;
}

.user .dropdown-container .dropdown-menu .dropdown-item, .user .dropdown-container .dropdown-menu .dropdown-item a,
.modes .dropdown-container .dropdown-menu .dropdown-item, .modes .dropdown-container .dropdown-menu .dropdown-item a {
    padding: 0 3px;
    width: 100%;
    text-align: center;
    border-radius: 2px;
    line-height: 30px;
    border: none;
	margin: .2rem 0
}

.user .dropdown-container .dropdown-menu .dropdown-item:hover, .user .dropdown-container .dropdown-menu .dropdown-item:hover a,
.modes .dropdown-container.agriculture .dropdown-menu .dropdown-item:hover, .modes .dropdown-container.agriculture .dropdown-menu .dropdown-item:hover a{
    background-color: #064828;
    color: white;
}

/* Directory */
#directoryListContainer {
    position: absolute;
    top: 0px;    
    min-width: 256px;
    width: 25%;
    background-color: #eee;
    border-right: 1px solid #cecece;
    height: 100%;
}

#directoryListContainer .directorySearch {
	float: left;
    height: 30px;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #cecece;
}

/*  */
#directoryListContainer .directorySearch input {
    margin: 0.3em 0;
    width: calc(100% - 12rem);
	float: left;
    padding: .2rem 3rem .2rem .5rem;
    font-size: 8pt;
    line-height: 18px;
    border-radius: 4px;
}

#directoryListContainer .directorySearch div {
	position: absolute;
    top: 1rem;
    right: 8.5rem;
    color: #cecece;
    font-size: 8pt;
}

#directoryListContainer a.btns {
	height: 100%;
    display: block;
    float: left;
    padding: .1rem;
    width: 3.6rem;
    margin: 0 .2rem;
}

#directoryListContainer a.btns:first-child {
     padding: .1rem .2rem;
}

#directoryListContainer a.btns span {
	border: 2px solid white;
    border-radius: 7px;
    padding: 6px 8px;
}

#directoryListContainer a.btns span.fa {
	background-color: #cecece;
	font-size: 14px;
    color: #5f5858;
    padding: .3rem;
    margin: .2rem .1rem;
    width: 2.7rem;
	text-align: center;
}

#directoryListContainer a.btns span.fa-cog {
	padding-left: 0.4rem;
}

#directoryListContainer a.btns:hover {
	cursor: pointer;
}

#directoryListContainer a.btns:hover span.fa {
	color: #fff;
    background-color: #398439;
    border: 2px solid #333;
}

#directoryListContainer a.btns span.fa-lock,
#directoryListContainer a.btns:hover span.fa-unlock {
	background-color: #ddc71e;
	color: #fff;
}

#directoryListContainer a.btns.active:hover span.fa-cog,
#directoryListContainer a.btns:hover span.fa-lock {
	background-color: #cecece;
    color: #5f5858;
}

#directoryListContainer a.btns.active span.fa-cog,
#directoryListContainer a.btns:hover span.fa-cog {
	background-color: #d9552c;
	color: #fff;
}

#directoryListContainer .listContainer {
    height: calc(100% - 72px);
    width: 100%;
	overflow: auto;
}   

#directoryListContainer .manage-hierarchy-menu {
	position: absolute;
    background-color: #eee;
    border-bottom: 3px solid #cecece;
    z-index: 1000;
    top: 31px;
    width: 100%;
}

.manage-hierarchy-menu ul {
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
}

.manage-hierarchy-menu ul li {
    font-size: 14px;
    padding: .59em;
    font-weight: bold;
    float: left;
    width: 33.3%;
}

.manage-hierarchy-menu .btn {
    width: 100%;
}

div.manage-hierarchy-menu span.logo {
    width: 13px;
    height: 13px;
    margin: -1px;
    margin-left: 1px;
}

/* Directory List */
li {
    list-style: none;
    text-align: left;
}

#directoryListContainer div.directoryList div.item {
	float: left;
	width: 100%;
	padding: .16em 0;
	border-top: 3px solid #eee;
	border-bottom: 3px solid #eee;
}

#directoryListContainer div.directoryList div.item.stripped_even,
#directoryListContainer div.directoryList > div.expanded.stripped_even {
	border-color: #fff;
}

#directoryListContainer div.directoryList div.item.stripped_odd,
#directoryListContainer div.directoryList > div.expanded.stripped_odd {
	border-color: #fafafa;
}

#directoryListContainer div.directoryList > div.Grower.expanded.stripped_even {
	border-color: #fafafa;
}

#directoryListContainer div.directoryList > divi.Grower.expanded.stripped_even.selected {
	border-color: #fafafa;
}

#directoryListContainer div.directoryList > div.Grower.expanded.stripped_even div.Farm.expanded div.Field,
#directoryListContainer div.directoryList > div.Grower.expanded.stripped_even div.Farm {
	border-color: #fff;
}

#directoryListContainer div.directoryList > div.Grower.expanded.stripped_odd div.Farm {
	border-color: #fafafa;
}

#directoryListContainer div.directoryList > div.Grower.expanded.stripped_odd.selected div.Farm,
#directoryListContainer div.directoryList > div.Grower.expanded.stripped_even.selected div.Farm {
	border-color: #dedede;
}

#directoryListContainer div.directoryList > div.Grower.expanded.stripped_odd div.Farm.expanded div.Field {
	border-color: #fafafa;
}

#directoryListContainer div.directoryList > div.Grower.expanded.selected.stripped_even div.Farm.expanded div.Field,
#directoryListContainer div.directoryList > div.Grower.expanded.selected.stripped_odd div.Farm.expanded div.Field,
#directoryListContainer div.directoryList > div.Grower.expanded div.Farm.expanded.selected div.Field,
#directoryListContainer div.directoryList > div.Grower.expanded.stripped_even div.Farm.expanded.stripped_even.selected div.Field {
	border-color: #dedede;
}

#directoryListContainer div.directoryList > div.Grower.expanded.selected { 
	background-color: #dedede;
}

#directoryListContainer div.directoryList div.Grower.stripped_even {
	background-color: #fff;
}

#directoryListContainer div.directoryList div.Grower.stripped_odd {
	background-color: #fafafa;
}

#directoryListContainer div.directoryList div.selectedItem {
	float: left;
	width: 100%;
}

.directoryList {
    height: 100%;
    margin: 0;
    padding: 0;
}

.directoryList > .directoryList {
	height: auto;
	width: auto;
	float: left;
}

.logo {
    background-image: url(/aipro/app.dist/assets/c09671aa839765733c1e.png);    
    width: 14px;
    height: 14px;
    display: inline-block;
    background-size: 14px;
}

.logo.field {
    float: none;
    width: 14px;
}

.directoryList div a {    
    float: left;
    width: calc(100% - 2px);
    text-align: left;
    border-radius: 2px;
    margin-bottom: 0;
    padding: 0;
    cursor: pointer;
    color: #333;
}

.directoryList div a span.btns {
    float: right;
    padding: 0px 1px 0 0;
}

.current-item {    
    float: left;
    width: 97%;
    text-align: left;
    border-radius: 2px;    
    padding: 0;
    margin-bottom: 0;
    cursor: pointer;
    font-size: 14px;
}

.directoryList div a .chevron .fa {
    display: block;
    font-weight: bold;
    margin: 0;
    padding: 0 .5em 0 0;
    line-height: 20px;
}

.directoryList div a.btns {
    float: right;
    padding: 0 4px;
}

.directoryList div a .btns .fa {
    line-height: 9px;
    border: 2px solid #efefef;
    border-radius: 7px;
    padding: 8px 10px;
    margin: 0px 0px 0px 0;
}

li a .btns .fa-plus  {
    color: white;
}

li a .btns .fa-plus:hover {
    background-color: #6bd46b;
}

.chevron {
    float: left;
    padding: 0;
}

.directoryList div a {
	padding: 0 .5em 0 .7em;
}

.account .dropdown-container {
	background-color: inherit;
	color: #064828;
}

.chevronSpacer {
	display: block;
    width: 0;
    height: 0;
    float: left;
    margin: 0;
    padding: 0.88em;  
}

.directoryList div a .chevron .fa.fa-chevron-right {
    padding-right: 1.05rem;
}

div a .text {
    float: left;
    display: block;
    text-align: left;
    line-height: 14px;
	margin: 0.32em 0 0.32em 0;
    padding: 0 0 0 .6em;
    font-weight: bold;
    width: calc(100% - 54px);
    overflow: hidden;
    white-space: nowrap;
    color: #333;
    font-family: sans-serif;
}

li a .arrow {
    display: inline-block;
    position: relative;    
    top: 5px;
    right: 10px;
    fontSize: 10px;
    fontWeight: bold;
    float: right;
    content: \e826;
}

div a .logo {
    float: left;    
	margin-top: 0.3em;
}

li.Farm a {
	padding-left: 1.8em;
}

li.Field a {    
	padding-left: 6.5em;
}

.logo.consultant {
    background-position: 0px 0px;
}



.logo.grower {
    background-position: 0px -14px;
}

.logo.grower.essentials {
    background-color: #64490e;
    background-image: none;
    -webkit-mask-image: url(/aipro/app.dist/assets/c09671aa839765733c1e.png);
    mask-image: url(/aipro/app.dist/assets/c09671aa839765733c1e.png);
    -webkit-mask-position: 0px -14px;
    mask-position: 0px -14px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 14px;
    mask-size: 14px;
}

.logo.client {
    background-position: 0px -21px;
}

.logo.farm {
    background-position: 0px -28px;
}

.logo.field {
    background-position: -2px -63px;
    background-size: 20px;   
    float: left;
}

.logo.zone {
    background-position: 0px -196px;
}

.match {
    background-color: #b2e7b2;
    color: #333;
}

.match .text {
    font-size:16px !IMPORTANT;
    margin: 7px 0px 0px 0px !IMPORTANT;
}

.branch.selected {    
    background-color: #F1B434;
}

.branch.selected .zone-name,
.branch.selected .chevron svg {
    color: #001D1D;
    fill: #001D1D;
}

.branch.selected .leaf .icon svg {
    fill: #000;
}

#directoryListContainer div.directoryList div.item.isOver {
    border-color: green;
}

div a .text {
    width: calc(100% - 70px);
}

.directoryList div.item .btns {
    width: 20px;
    margin: .2rem;
}

.directoryList div.item .btns .fa {
    float: right;
    padding: .7rem .8rem .5rem 0;
    color: #fff;
    background-color: #398439;
    border: 2px solid #fff;
}

.directoryList div.item .btns .fa-plus:hover {
    color: #fff;
    background-color: #398439;
    border: 2px solid #333;
}

/* Directory Toolbar: Bottom of Page */
#directoryListContainer .toolbar {
    height: 32px;
    margin: 0;
    float: left;
    width: 100%;
    background-color: inherit;
    font-size: 30px;
    box-shadow: none;
    padding: 0;
    border-top: 1px solid #cecece;
    cursor: pointer;
    line-height: 32px;
    text-align: right;
} 

#directoryListContainer div.directoryList .item.Farm a {
    padding-left: 2.7rem;
}

#directoryListContainer div.directoryList .item.Field a {
    padding-left: 4.75rem;
}

#directoryListContainer div.directoryList .item.Zone a {
    padding-left: 6.75rem;
}

.readonly,
.readonly .nav-link,
.readonly .nav-link:hover {
    cursor: default;
}

.readonly:focus {
    outline: 0;
}

/** Datepicker **/
.rdt {
  position: relative;
}

.rdt > input {
  border: 1px solid #000;
}

.rdtPicker {
  display: none;
  position: absolute;
  width: 250px;
  padding: 4px;
  margin-top: 1px;
  z-index: 99999 !important;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,.1);
  border: 1px solid #f9f9f9;
}
.rdtOpen .rdtPicker {
  display: block;
}
.rdtStatic .rdtPicker {
  box-shadow: none;
  position: static;
}

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

.rdtPicker table {
  width: 100%;
  margin: 0;
}
.rdtPicker td,
.rdtPicker th {
  text-align: center;
  height: 28px;
}
.rdtPicker td {
  cursor: pointer;
}
.rdtPicker td.rdtToday:hover,
.rdtPicker td.rdtHour:hover,
.rdtPicker td.rdtMinute:hover,
.rdtPicker td.rdtSecond:hover,
.rdtPicker .rdtTimeToggle:hover {
  background: #eeeeee;
  cursor: pointer;
}
.rdtPicker td.rdtOld,
.rdtPicker td.rdtNew {
  color: #999999;
}
.rdtPicker td.rdtToday {
  position: relative;
}
.rdtPicker td.rdtToday:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #428bca;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 4px;
  right: 4px;
}
.rdtPicker td.rdtActive,
.rdtPicker td.rdtActive:hover {
  background-color: #428bca;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.rdtPicker td.rdtActive.rdtToday:before {
  border-bottom-color: #fff;
}
.rdtPicker td.rdtDisabled,
.rdtPicker td.rdtDisabled:hover {
  background: none;
  color: #999999;
  cursor: not-allowed;
}

.rdtPicker td span.rdtOld {
  color: #999999;
}
.rdtPicker td span.rdtDisabled,
.rdtPicker td span.rdtDisabled:hover {
  background: none;
  color: #999999;
  cursor: not-allowed;
}
.rdtPicker th {
  border-bottom: 1px solid #f9f9f9;
}
.rdtPicker .dow {
  width: 14.2857%;
  border-bottom: none;
}
.rdtPicker th.rdtSwitch {
  width: 100px;
}
.rdtPicker th.rdtNext,
.rdtPicker th.rdtPrev {
  font-size: 21px;
  vertical-align: top;
}

.rdtPrev span,
.rdtNext span {
  display: block;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;
}

.rdtPicker th.rdtDisabled,
.rdtPicker th.rdtDisabled:hover {
  background: none;
  color: #999999;
  cursor: not-allowed;
}
.rdtPicker thead tr:first-child th {
  cursor: pointer;
}
.rdtPicker thead tr:first-child th:hover {
  background: #eeeeee;
}

.rdtPicker tfoot {
  border-top: 1px solid #f9f9f9;
}

.rdtPicker button {
  border: none;
  background: none;
  cursor: pointer;
}
.rdtPicker button:hover {
  background-color: #eee;
}

.rdtPicker thead button {
  width: 100%;
  height: 100%;
}

td.rdtMonth,
td.rdtYear {
  height: 50px;
  width: 25%;
  cursor: pointer;
}
td.rdtMonth:hover,
td.rdtYear:hover {
  background: #eee;
}

.rdtCounters {
  display: inline-block;
}

.rdtCounters > div {
  float: left;
}

.rdtCounter {
  height: 100px;
}

.rdtCounter {
  width: 40px;
}

.rdtCounterSeparator {
  line-height: 100px;
}

.rdtCounter .rdtBtn {
  height: 40%;
  line-height: 40px;
  cursor: pointer;
  display: block;

  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;
}
.rdtCounter .rdtBtn:hover {
  background: #eee;
}
.rdtCounter .rdtCount {
  height: 20%;
  font-size: 1.2em;
}

.rdtMilli {
  vertical-align: middle;
  padding-left: 8px;
  width: 48px;
}

.rdtMilli input {
  width: 100%;
  font-size: 1.2em;
  margin-top: 37px;
}

.rdtDayPart {
  margin-top: 43px;
}

.rdtPicker {
    top:34px;
    width: 100%;
}

.rdt > input {
    border: 1px solid #ccc;
}


h1.page-header {
    background-color: #054626;
    color: white;
    padding: .5em 1em;
    margin: .2em 0 0 0;
	border: 3px solid black;
}

#soil-results {
	margin: .3em;
	background-color: white;
    border: 1px solid #e5e5e5;
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
    padding: 20px;
}

#soil-results h2 {
    font-size: 1.5em;
    padding: .3em .6em;
    background-color: #efefef;
    margin: 0;
}

.table-customizer .step > div {
    margin: .3em 0 .6em 0;
}


#soil-results h3 {
    font-size: 1em;
    font-weight:bold;
    padding: .1em 1em 0 1em;
}

.table-customizer .sr-properties ul {
    padding-left: .8em;
}

#soil-results > div {
	margin: .4em 0;
	padding: 0;
}

#soil-results .daterange-container {
	padding: 0;
	margin: 0;
}

.group-header-sort {
    height: 32px;
    padding: 7px 0;
    cursor: pointer;
}

.group-header-sort p {
    margin: 0;
}

.daterange-container .start-date, .daterange-container .end-date {
	padding: 0;
	margin: .4em 0;
}

#soil-results .search-panel {
	margin-top: .4em;
}

.results .header-column-actions,
.results .bp6-popover-target {
    height: 48px;
}

@media (min-width: 768px) {
	.daterange-container .start-date{ 
		padding-right: 15px;
	}
	.daterange-container .end-date {
		padding-left: 15px;
	}
}

@media (min-width: 992px) {
	#soil-results .client-container {
		padding-right: 15px;
	}
	
	#soil-results .daterange-container {
		padding-left: 15px;
	}
}

.end-date  .input-group-addon {
	padding-bottom: 5px;
}

.client-container .dropdown-menu {
	width: 100%;
}

.dropdown-menu.rbt-menu {
	width: 100%;
}

.client-container .dropdown-menu .dropdown-header {
	font-weight:bold;    
	font-size: 18pt;
    border-bottom: 2px solid #656565;
}

.form-group-sm .form-control {
    padding: 7px 12px;
    font-size: 14px;
    line-height: 1.42857143;
	height: 34px;
}

.rtb-input-main {
	color:#777
}

.navbar-brand {
    height: 55px;
}

.navbar-toggle {
    position: absolute;
}

.navbar-default {
    background-color: inherit;
    border: none;
}

.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    padding: 0px;
    margin: -1px 0 0 -16px;
}

.rbt-token-removeable {
    cursor: pointer;
    padding-right: 21px;
}

.rbt-token {
    background-color: #e7f4ff;
    border: 0;
    border-radius: 2px;
    color: #1f8dd6;
    display: inline-block;
    line-height: 1em;
    margin: 0 3px 0 0;
    padding: 2px 7px;
    position: relative;
}

.rbt-close {
    outline: none;
    margin-top: -12px;
    position: absolute;
    right: 7px;
    top: 50%;
    z-index: 1;
}

button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}

button.close:focus, button.close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	-khtml-opacity: 0.5;
	-moz-opacity: 0.5;
}

#soil-results .react-bs-table {
    margin-top: -1px;
}

#datatable-toolbar {
    margin-top: 6px; 
}

.datatable-toolbar .form-group {
    margin-bottom: 0px;
}

#soil-results .react-bs-table table tbody {
    filter: alpha(opacity=85);
    opacity: .85;
    background-color: #cecece;
}

#soil-results .react-bs-table thead tr {
    background-color: white;
}

#soil-results .react-bs-table-pagination {
    margin-top: -14px;
}

.react-bs-table-pagination .row div > div:first-child {
	position: relative;
}

.react-bs-table-pagination .row div > div:first-child span {
	display: inline-block;
    float: left;
    width: 50%;
    margin: .2rem 0;
    position: absolute;
    left: 0;
}

.datatable-totals {
	margin: 1.2rem 0 1rem 0;    
	width: 50%;
    float: left;
    position: absolute;
    left: calc(100%/2);
    text-align: center;
}

#soil-results .react-bs-table-pagination .datatable-toolbar {
    margin-left:5px;
}

.react-bootstrap-table-page-btns-ul {    
	margin: .4rem 0;
    float: right;    
	padding: .4rem;
}

#datatable-toolbar .form-group {
    margin-bottom: 0px;
} 

#datatable-toolbar .react-bs-table-csv-btn {
    left: 126px;
}

#datatable-toolbar .form-group .form-control{
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
} 


.filter-form .row {
        margin: 5px;
}

.results-table {
        border-left:0;
        border-right:0;
        padding: 2px 0px;
        margin:2px 0px;
}

.table {
    margin-bottom: 0px;
}

.table tfoot {
    border-top:2px solid #c9c9c9;
}

.table tfoot td {
    background-color:#ddd;
}

td.react-bs-table-no-data {
    padding-left: calc(100vw/2 - 222px) !IMPORTANT;
	padding-bottom: .5em !IMPORTANT;
}

.input-group-addon {
    font-size:18px;    
	padding: 4px 4px 4px 6px;
}

.daterange input {
        height: 27pt;
        margin-top: 2px;
}

.input-solo {
        margin: 2px 0px;
}

.checkbox_bg {
        padding: 1px;    
        margin: 0px;
}

.checkbox .cb-input {
        display:none;
}	

.checkbox .cb-box {
        padding: 0px;
        font-size: 14px;
        font-weight: 400;
        line-height: 1;
        color: #555;
        text-align: center;
        background-color: #eee;
        border: 1px solid #ccc;
        border-radius: 4px;
        background-image: url(/aipro/app.dist/assets/7483f00f4c09d9c2fb59.jpg);
        height: 100%;
        width: 11%;
        margin: 0px 7px 0px 0px;
        background-size: 100%;
        background-position: 0px;
        background-repeat: no-repeat;
        float: left;
}
.checkbox .cb-box.checked {
        background-image: url(/aipro/app.dist/assets/b4cf791857e29248ae80.jpg);
}
.checkbox .cb-text {
        line-height: 2.428571;
}

.hide {
        display:none;
}

.tt-menu {
        width: 100%;
        margin: 12px 0;
        padding: 8px 0;
        background-color: #fff;
        border: 1px solid #ccc;
        border: 1px solid rgba(0, 0, 0, 0.2);
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
        -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
        box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-menu, .gist {
        text-align: left;
}

.tt-suggestion {
        padding: 3px 20px;
        font-size: 18px; 
        line-height: 24px;
}

.tt-suggestion:hover {
        cursor: pointer;
        background-color: #0097CF;
        color: #FFFFFF;
        width:100%;
}

.popup-calendar {
    position:absolute;
    top:112px;
    z-index: 99;
    width: 100%;
}

.popup-calendar-container {
    float:left;
    background-color: #dfdfdf;
    width:100%;    
}

.popup-stert-date {
    padding-left: 0px;
}

.popup-end-date {
    padding-right: 0px;
}

.client-nav-links {
    background-color:blue;
}

.client-nav-section {
    background-color:red;
}

#profile-nav-dropdown .caret {
    border: none;
    margin: 0px;
    display: inline;
}

.client-nav-links li {
    width:100%;
}

.react-bs-table .col-id, .react-bs-table .td-sample-id {
    display:none;
}

#profile {
    position: fixed;
    right: 20px;
}

.navbar-toggle {
    position:fixed;
    left: 15px;
}

.navbar-header .navbar-brand img {
    margin-top: 8px;
}

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

#client-nav-dropdown span:first-child {
    display: block;
    float: left;
    width: 92%;
    padding: 0px 5px;
    text-align: center;
}

th, td {
    white-space: nowrap;
}

.navbar .container-fluid {
    padding: 0;
}

.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin: 0px;
}

.navbar-header .navbar-brand {
    width: 100%;
}



.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border: none;
}

.navbar-toggle {
    margin-top: 7px;
    padding: 9px 8px;
}

.navbar-nav.client {
    width:100%;
    margin: 0px;
}

.navbar-nav.client .rbt .dropdown-menu {
    position: absolute;
    background-color: white;
    width: 100%;
    border-radius: 2px;
    border: 1px solid #cecece;
}

.navbar-nav.client .navbar-form {
    padding: 0px;
}

#profile-nav-dropdown {
    padding: 4px 5px;
}

#main-nav .navbar-default {
    margin-bottom: 0;
}

.client.navbar-nav .navbar-form {
    width:100%;  
    margin-left: 0px;
}

.client.navbar-nav .rtb-input-main {
    width: 100%;
}

.start-date, .end-date {
	margin: 1px 0;
}

.col-lg-4 .start-date {
    padding-left:0;
}

.navbar-collapse-container {
    margin: 0;
    padding: 0;    
    border-bottom: 3px solid #054626;
}

.navbar-collapse-container .navbar-collapse {
    height: 138px;
}

.start-date .glyphicon, .end-date .glyphicon {
    padding: 2px;
}

.export-btn {
    top: 7px;
    left: 52px;
}

.table-customizer {
    position: absolute;
    display: block;
    top: 64px;
    width: initial;
    padding: 0px;
    margin-right:15px;
    border: 1px solid #cecece;
    border-radius: 1px;
	box-shadow: 2px 2px 5px #555;
    background-color: #ffffff;
    z-index: 200;    
}

.table-customizer .sr-properties ul {
	padding: 0 3rem;
}

.table-customizer .sr-properties ul li {
    list-style: none;
    margin: .2em;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.table-customizer .sr-properties ul li.btn-success {
    color: #fff;
    background-color: white;
    border-color: #4cae4c;
    color: #5cb85c;
}


.table-customizer .sr-properties ul li.btn-success.inverse {
    background-color: #5cb85c;
    border-color: #4cae4c;
    color: white;
}

.table-customizer .sr-properties ul li.btn-info {
    color: #fff;
    background-color: white;
    border-color: #46b8da;
    color: #5bc0de;
}


.table-customizer .sr-properties ul li.btn-info.inverse {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

.table-customizer h2 {   
	font-size: 18px;
    font-weight: bold;
    margin: 1rem 2rem;
    text-align: center;
    padding: .3rem 0 .5rem 0;
    color: #665f5f;
    border-bottom: 2px solid #aaa9a9;
}

.table-customizer h3 {
	font-size: 12px;
    font-weight: bold;
    margin: .2rem 3rem;
}


.react-bootstrap-table-page-btns-ul {
    margin: 29px 0px 0px 0px;
}

.react-bootstrap-table {
	height: calc(100% - 46px);
	border-bottom: 1px solid #cecece;	
}

.react-bootstrap-table table.table td {
    vertical-align: middle;
}

.react-bs-table-container {
	height: calc(100% - 30px);
}

.react-bs-table {
    width: 100%;
    overflow: auto;
	height: calc(100% - 80px) !IMPORTANT;
	border-bottom: 1px solid #cecece;
}

.react-bs-table table.table th > span.units {
	float: right;
    display: inline-block;
    text-align: center;
    width: 100%;
}

.react-bootstrap-table table {
    height: 100%;
}

.react-bs-table table.table {
	overflow: auto;
	border-collapse: collapse;
}

.react-bs-table tbody {
	overflow: hidden;
}

.table-striped > tbody > tr:nth-of-type(odd) td {
	background-color: #f9f9f988;
}

.react-bs-table tbody tr td {
	height: 24px !IMPORTANT;
}

.react-bs-table table.table thead {
    display: table-header-group;
}

.react-bs-table table.table th,.react-bs-table table.table td {
    padding: .2em;
	text-align: left;
	vertical-align: top;
}

.react-bs-table table.table tbody{
    overflow: auto;
}

.react-bs-table table.table td:first-child {
	padding-bottom: 60px;
}

.react-bootstrap-table-pagination button {
	display: none;
}
    
.search-panel .btn-visible-columns {
    float:left;
    padding: .42em 1.5em;
    margin-right:.3em;    
    border-radius: 0px;
}

.size-0 {
	display:none;
}

.search-panel .react-bs-table-search-form {
    float:left;
    margin-bottom: 0;
    margin-right:.3em;  
}

.react-bs-table-search-form {
    width: 62%;
}

.react-bs-table-csv-btn {
    float:right;
    padding: .42em .6em;   
    border-radius: 0px;
}

.rbt-tokenr {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.rbt-token .form-control {
    padding: .42em .8em;
}

.table-customizer .step {
    clear: both;
}

.instruction.input-group-addon {
    padding: 0;
    background-color: transparent;
    border: none;
}

.instruction.input-group-addon label {
	margin-right: .4em;
    font-size: 14px;
}

.row {
	margin: 0;
}

.invoices .table tr td,
.worksheets .table tr td,
.reports .table tr td {
    padding: 3px;
}

.btn.btn-disabled {
    background-color: rgba(255, 255, 255, 0.2);
    border: 1px solid #adadad;
}

/* Page Properties */
.field {
    float:left;
    padding: 0;
    width: 50%;
}

.field li {
    width: 100%;
    padding: 10px;
}

.fields li label {
    float: left;
    line-height: 26px;
    margin-bottom: 0;
	width: 50%;
}

.fields li {
    float: left;
}

.fields li input,
.fields li textarea {
	width: 50%;
	padding: 0 .2em;
}

.fields li input.error,
.fields li input.error:focus  {
	border: 1px solid #d43f3a;
}

input.form-control.invalid:focus {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
    box-shadow: 0 0 0 0.25rem #d43f3a;
}

.fields li input.warn,
.fields li input.warn:focus  {
	border: 1px solid #eea236;
}

.fields li input.readonly {
	background-color: #e9ecef;
    opacity: 1;
    color: #495057;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

input.error:focus, input.warn:focus {
    outline-offset: 0;
    outline: none;
}

#pageProperties ul.fields {
    width: 100%;
    height: inherit;
    margin: 0;
    border: none;
    background-color: inherit;
}

#pageProperties ul.fields li {
    float: left;
    line-height: 28px;
    padding: 0 20px;
    margin: 5px 0;
    border: none;
}

#pageProperties ul.fieldMessages {
	float: left;
    clear: left;
    height: inherit;
    width: 100%;
    margin: 1em 0;
    border: none;
    background-color: inherit;
}

#pageProperties ul.fieldMessages:first-child {
	float: left;
    clear: right;
}

#pageProperties ul.fieldMessages li {
	display: block;
	border: 1px solid #333;
	width: calc(100% - 40px);
    margin: .1em 20px;
    padding: .4rem .8rem;
}

#pageProperties .fieldMessages li.error {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

#pageProperties .fieldMessages li.changeMessage.no-changes {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
}

#pageProperties .fieldMessages li.changeMessage.has-changes {
	color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}

#pageProperties .fieldMessages li.warning {
	background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
}

#pageProperties .btns {    
	float: left;
    clear: left;
	margin-top: 20px;
	padding: 0 20px;
    text-align: right;
}

#pageProperties .btns .btn {
    text-transform: capitalize;
}

#pageProperties .btns .btn {
    margin: 0 2px;
}

div.form-container form > ul {
	padding: 0;
}

/* Zone List Datatable */
.zoneList-container {
	float: left;
	width: 50%;
    border-left: 1px solid #cecece;
    height: 100%;
	padding: 10px;
}

.zoneList-container .react-bs-table-container {
	color: #064828;
}

.react-bs-table-container {
	margin: 0;
	padding: 0;
}

.react-bs-table-container caption {
	padding: 2px;
}

.toolbar h3 {
	float: left;
    margin: 2px;
    padding: 8px 0 0 0;
    line-height: 22px;
    color: #064828;
    font-weight: bold;
}

.toolbar .btn-panel {
	float: right;
}

.toolbar .btn-group > span {
    display: block;
    float: left;
    font-size: 12pt;
    padding: 0 1rem;
    border-top: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
    line-height: 28px;
    cursor: default;
    width: 110px;
    text-align: center;
}

.toolbar sub {
    font-weight: bold;
}

.toolbar .readonly.btn {
    color: #cecece;
    background-color: #777;
}

.btn-panel button.btn-primary {
	margin: 0 2px;
}

.zoneList-container .react-bs-table-container tr td {
	height: 24px;
    line-height: 28px;
	padding: 0;
}	
	
.react-bs-table-container tr td span {
    padding: 0 4px;
}
	
.react-bs-table-container tr td input {
	height: 100%;
    width: 100%;
    padding: 0 6px;
    border: 1px solid #66afe9;
    border-radius: 0;
	border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}

.react-bs-table-container .Name {
	width: 50px;
}

td.readonly {
	background-color: #e9ecef;
    opacity: 1;
    color: #888;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

/* React  Div Datatable */
.react-div-datatable {
	width: 100%;
	height: calc(100% - 44px);
}

.react-div-datatable > div {
	width: 100% !IMPORTANT;
	height: 100% !IMPORTANT;
}

/* Drag And Drop */
.dnd.board {
	height: 100%;
}

.card-stack {
	float: left;
    width: 200px;
    height: 100%;
}

.dnd.card {
	width: 90%;
    margin: 0 auto 10px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 1px 1px 1px rgba(0,0,0,.3);
    -webkit-transition: .15s;
    transition: .15s;
    cursor: pointer;
	display: table;
}

.dnd.card .card-header {
	float: left;
	width: 100%;
	padding: 2px 4px;
    border-bottom: 1px solid #dbdbdb;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background-color: #e0e0e0;
	text-transform: capitalize;
}

.dnd.card .card-body {
	float: left;
	width: 100%;
}

.dnd.card .card-footer {
	float: left;
	width: 100%;
    border-top: 1px solid #dbdbdb;
}

.card-header .fa-caret-down,
.card-header .fa-caret-right,
.card-header h5 {
	float: left;
}

.card-header .fa-caret-down,
.card-header .fa-caret-right {
	padding: 5px 10px;
    font-size: 24px;
}

.card-header h5 {
    font-size: 16px;
	padding: 0 4px;
}

.card-header .card-toolbar {
	float: right;
}

div#pageNavigation .dnd.card .card-header ul.card-toolbar {
	width: auto;
	border: none;
	background-color: inherit;
	padding: 0;
}

div#pageNavigation .dnd.card .card-header ul.card-toolbar li {
	border: none;
	padding: 0;
}

.fa-info-circle {
	padding: 5px 10px;
	font-size: 24px;
}

.fa-info-circle.minimize {
	color: #cecece;
}

.dnd.drop {
	padding: 20px;
}

.dnd.drag.item {
	margin: 2px 0;
	padding: 2px;
	border: 2px solid #333;
	background-color: #cecece;
	border-radius: 7px;
}

.dnd.drag.item.placeholder {
	border: 1px dotted #333;
	background-color: #0ff;
	height: 30px;
}

/** Date Range Component **/
.nav-header.breadcrumbs {
    overflow: hidden;
    white-space: nowrap;
}

#pageNavigation ul.nav > li.nav-header.date-range {
	padding-right: .2rem;
}

#pageNavigation ul.nav > li.nav-header.table-options {
	padding: 0;
}

li.nav-header.table-options .btn {
    height: 25px;
    margin: .1rem 0;
    padding: 0 1.5rem;
}

.table-options-dropdown-container {
	position: fixed;
    top: 63px;
    right: 0px;
    width: 75%;
    background-color: #efefef;
    border-bottom: 3px solid #cdcdcd;
}

.table-options-dropdown-container .typeahead-group {
    position: relative;
    float: left;
    padding: 1rem 2rem;	
}

.table-options-dropdown-container .typeahead-group label {
    font-size: 18px;
    font-weight: bold;
	line-height: 34px;
    margin-bottom: 0;
    text-align: center;
}

.table-options-dropdown-container .typeahead-group .form-control {
    width: 50%;
}

.table-options-dropdown-container.show {
    display: block;
}

.table-options-dropdown-container.hide {
	display: none;
}

.table-options-dropdown-container .rbt .rbt-token {
    font-size: 15px;
    margin: 5px 2px;
    padding: 4px 7px;
}


.date-range .start-date label,
.date-range .end-date label {
	display: none;
}

@media (max-width: 1024px) {
	.date-range .start-date,
	.date-range .end-date {
		padding: 0 .2rem; 
	}
	
	.date-range .start-date .instruction.input-group-addon:first-child, 
	.date-range .end-date .instruction.input-group-addon:first-child	{
		padding: 2px 0 0 0;
	}
	
	.rdtPicker {
		width: 336px;
	}
	
	.end-date .rdtPicker {
		right: -26px
	}
	
	.table-options-dropdown-container {
		width: calc(100% - 256px);
	}
	
}

.label-wizard .modal-content {
    position: relative;
    float: left;
    top: 70px;
    left: calc((100% - 400px)/2);
}

.label-wizard .modal-body {
    float: left;
    padding: 15px 10px;
    width: 100%;
    top: auto;
}

.label-wizard .modal-body div {
    float: left;
    width: 100%;
}

.label-wizard .modal-footer {
    width: 100%;
    padding: 15px;
    float: left;
}

.label-wizard .modal-body .btn-toolbar, .btn-group {
    float: left;
    width: 100%;
}

.label-wizard .modal-body .btn-toolbar .btn-group .btn {
    width: 20%;
    margin: 5px -1px;
}

.label-wizard .modal-body .btn-toolbar .btn-group .btn.end-row {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.label-wizard .modal-body .btn-toolbar .btn-group .btn.start-row {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.label-wizard .modal-body div h4 {
    margin-left: 10px;
    margin-bottom: 3px;
}

.label-wizard .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group {
    margin-left: 9px;
}

@media (max-width: 1200px) {
	.clientname {
		max-width: 176px;
		overflow: hidden;
	}
}

.label-wizard .nav-header.actions {
    width: 450px;
    float: right;
}

.label-wizard .nav-header label {
    width: calc((100%/2) - 50px);
    margin: -1px 0 0px 0;
}

.label-wizard .nav-header label input {
    width: calc(100% - 124px);
    text-align: right;
    padding-right: 4px;
}


/* MODAL */
.modal-header {
    float: left;
    width: 100%;
}

.modal-title {
    text-align: center;
    width: 100%;
    height: auto;
}

.warning {
    color: red;
}

.delete .btn {
    font-size: 10px;
    padding: 2px 6px;
}

.label-wizard .react-bootstrap-table tr th:first-child,
.label-wizard .react-bootstrap-table tr td:first-child {
    padding: 4px 4px 4px 4px;
    max-width: 34px !important;
    width: 34px !important;
}

.table-controls {
    width: 24px !important;
    max-width: 24px !important;
    height: 25px !important;
}

.table-controls .btn {
    padding: 2px 4px;
    margin-left: 5px !important;
}

.table-controls .rxreports-delete-btn {
    background-color: #C52F00 !important;
    border-radius: 8px !important;
    width: 22px;
    height: 22px;
    min-width: 22px;
    min-height: 22px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 6px;
}

.table-controls .rxreports-delete-btn:hover,
.table-controls .rxreports-delete-btn:active,
.table-controls .rxreports-delete-btn:focus {
    background-color: #A32600 !important;
}

.table-controls .rxreports-delete-btn .bp6-icon,
.table-controls .rxreports-delete-btn .bp6-icon svg {
    color: #ffffff !important;
    fill: #ffffff !important;
    width: 12px;
    height: 12px;
}

.label-wizard .react-bootstrap-table tr th,
.label-wizard .react-bootstrap-table tr td {
    height: 26px;
    padding: 3px;
}

.label-wizard .react-bootstrap-table tr td {
    width: 14px;
    font-size: 12px;
    padding: 6px 4px 4px 4px;
    height: 30px;
}

.label-wizard .react-bootstrap-table-pagination div {
    height: 40px;
    padding: 0;
}


/* PDF */
.page-content .pdf {
    float: left;
    width: 100%;
    height: 100%;
}

.pdf div.pdfViewer {
    width: 56%;
    min-width: 845px;
    height: 100%;
    float: left;
}
.pdf.sideView div.pdfList {
    width: 44%;
    float: left;
    overflow: auto;
}

.page-content.reports > .content-body .pdf.sideView div.pdfList,
.page-content.worksheets-pdf > .content-body .pdf.sideView div.pdfList,
.page-content.invoices > .content-body .pdf.sideView div.pdfList {
    width: 50%;
}

.page-content.reports > .content-body .pdf div.pdfViewer,
.page-content.worksheets-pdf > .content-body .pdf div.pdfViewer,
.page-content.invoices > .content-body .pdf div.pdfViewer {
    width: 50%;
    min-width: 0;
}

.pdfViewer object {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.page-content.reports > .content-body .pdf.sideView div.pdfList .ag-root-wrapper,
.page-content.reports > .content-body .pdf.sideView div.pdfList .ag-root-wrapper-body,
.page-content.reports > .content-body .pdf.sideView div.pdfList .ag-header,
.page-content.reports > .content-body .pdf.sideView div.pdfList .ag-header-viewport,
.page-content.worksheets-pdf > .content-body .pdf.sideView div.pdfList .ag-root-wrapper,
.page-content.worksheets-pdf > .content-body .pdf.sideView div.pdfList .ag-root-wrapper-body,
.page-content.worksheets-pdf > .content-body .pdf.sideView div.pdfList .ag-header,
.page-content.worksheets-pdf > .content-body .pdf.sideView div.pdfList .ag-header-viewport,
.page-content.invoices > .content-body .pdf.sideView div.pdfList .ag-root-wrapper,
.page-content.invoices > .content-body .pdf.sideView div.pdfList .ag-root-wrapper-body,
.page-content.invoices > .content-body .pdf.sideView div.pdfList .ag-header,
.page-content.invoices > .content-body .pdf.sideView div.pdfList .ag-header-viewport {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

@media only screen and (max-width: 1690px) { 
    .pdf.sideView div.pdfList {
        width: calc(100% - 845px);
    }
}

@media only screen and (max-width: 1730px) {
    .page-content.reports > .content-body .pdf.sideView div.pdfList,
    .page-content.worksheets-pdf > .content-body .pdf.sideView div.pdfList,
    .page-content.invoices > .content-body .pdf.sideView div.pdfList {
        width: 50%;
    }
}

div.page-content .sideView .react-bootstrap-table-pagination {
    width: 100%;
}

.react-bootstrap-table a {
    cursor: pointer;
}

.content-header-toolbar,
.pdf-toolbar {
    height: 50px;
    border-bottom: 1px solid
}

.content-header-toolbar .bp6-breadcrumbs,
.pdf-toolbar .bp6-breadcrumbs {
    width: calc(50% - 30px);
    float: left;
    margin: 17px 10px 0 20px;
}

.content-header-toolbar .date-range,
.pdf-toolbar .date-range {
    width: 50%;
    float: left;
}

.content-header-toolbar .date-range .begin-date,
.pdf-toolbar .date-range .begin-date,
.pdf-toolbar .date-range .end-date  {
    width: calc(50% - 15px);
    float: left;
    margin: 12px 5px 0 10px;
}

.content-header-toolbar .date-range .end-date .form-control,
.pdf-toolbar .date-range .end-date .form-control {
    width: 100%;
    float: left;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 20px;
}

.pdfList .react-bootstrap-table {
    height: calc(100% - 100px);
}

.page-content.invoices .invoices-grid .actions,
.page-content.statements .statements-grid .actions,
.page-content.worksheets-pdf .worksheets-grid .actions {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    height: 100%;
    width: 100%;
}

.page-content.invoices .invoices-grid .ag-cell[col-id="PDF"],
.page-content.statements .statements-grid .ag-cell[col-id="PDF"],
.page-content.worksheets-pdf .worksheets-grid .ag-cell[col-id="PDF"] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
}

.page-content.invoices .invoices-grid .actions a,
.page-content.statements .statements-grid .actions a,
.page-content.worksheets-pdf .worksheets-grid .actions a {
    width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.page-content.invoices .invoices-grid .actions .bp6-icon,
.page-content.statements .statements-grid .actions .bp6-icon,
.page-content.worksheets-pdf .worksheets-grid .actions .bp6-icon {
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.page-content.invoices .invoices-grid .actions .bp6-icon svg,
.page-content.statements .statements-grid .actions .bp6-icon svg,
.page-content.worksheets-pdf .worksheets-grid .actions .bp6-icon svg {
    width: 20px;
    height: 20px;
}

.page-content.invoices .invoices-grid .actions > a svg,
.page-content.statements .statements-grid .actions > a svg,
.page-content.worksheets-pdf .worksheets-grid .actions > a svg {
    width: 18px;
    height: 18px;
}

.page-content.worksheets-pdf .worksheets-grid .actions svg {
    width: 18px;
    height: 18px;
}

.page-content.invoices .invoices-grid .actions .bp6-icon,
.page-content.invoices .invoices-grid .actions .bp6-icon svg,
.page-content.invoices .invoices-grid .actions > a svg,
.page-content.invoices .invoices-grid .actions a,
.page-content.statements .statements-grid .actions .bp6-icon,
.page-content.statements .statements-grid .actions .bp6-icon svg,
.page-content.statements .statements-grid .actions > a svg,
.page-content.statements .statements-grid .actions a,
.page-content.worksheets-pdf .worksheets-grid .actions .bp6-icon,
.page-content.worksheets-pdf .worksheets-grid .actions .bp6-icon svg,
.page-content.worksheets-pdf .worksheets-grid .actions > a svg,
.page-content.worksheets-pdf .worksheets-grid .actions svg,
.page-content.worksheets-pdf .worksheets-grid .actions a {
    color: #828282 !important;
    fill: #828282 !important;
}

.page-content.invoices .invoices-grid .actionsPDFToolTips > a:focus,
.page-content.statements .statements-grid .actionsPDFToolTips > a:focus,
.page-content.worksheets-pdf .worksheets-grid .actionsPDFToolTips > a:focus {
    outline: none;
}

.page-content.reports .reports-grid .actions {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    height: 100%;
}

.page-content.statements > .content-body,
.page-content.reports > .content-body,
.page-content.worksheets-pdf > .content-body,
.page-content.invoices > .content-body {    
    height: calc(100% - 95px);
}

.page-content.reports .reports-grid .ag-cell[col-id="Report"] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
}

.page-content.reports .reports-grid .actions a {
    width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.page-content.reports .reports-grid .actions > a svg {
    width: 18px;
    height: 18px;
}

.page-content.reports .reports-grid .actions .pdf-fullscreen-link {
    margin-left: 8px;
}

.page-content.reports .reports-grid .actions .bp6-icon,
.page-content.reports .reports-grid .actions .bp6-icon svg,
.page-content.reports .reports-grid .actions > a svg,
.page-content.reports .reports-grid .actions a {
    color: #828282 !important;
    fill: #828282 !important;
}

.page-content.reports .reports-grid .actionsPDFToolTips > a:focus {
    outline: none;
}

/* content header */
.content-header {    
    float: left;
    height: 96px;
    width: 100%;
    padding: 10px 20px;
    position: relative;
    overflow: hidden;
    background-color: #D9D9D9;
}

.content-header::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.page-content.dashboard .content-header {
    /* background-image: url("../images/tree-rows.png"); */
    background-image: url(/aipro/app.dist/assets/d1bd991db890f933884f.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 40%;
}

.content-header > * {
    position: relative;
    z-index: 1;
}

.content-header.summary-header {
    background-image: none;
    background-color: #D9D9D9;
}

.app.Client.client-portal-view .content-header.summary-header {
    height: 125px;
}

.content-header.summary-header::before {
    background: transparent;
}

.content-header.summary-header .content-title-row {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.content-header.summary-header .content-page-desc {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 68px;
    position: relative;
    padding-left: 76px;
}

.app.Client.client-portal-view .content-header.summary-header .content-page-desc {
    height: 105px;
}

.grower-access-overlay-content.globalPicker {
    padding: 15px;
}

.client-portal-admin .content-header.summary-header .content-page-desc,
.onboarding .content-header.summary-header .content-page-desc,
.client-portal-admin .content-header.summary-header .content-page-desc,
.crops .content-header.summary-header .content-page-desc,
.products .content-header.summary-header .content-page-desc,
.equipment .content-header.summary-header .content-page-desc,
.retailers .content-header.summary-header .content-page-desc {
    justify-content: center;
}

.products-header-product-menu .bp6-menu,
.products-sidebar-menu .bp6-menu,
.products-header-product-menu .bp6-popover-content,
.products-sidebar-menu .bp6-popover-content {
    background-color: #ffffff;
}

.products .content-header .content-btns .products-header-actions .products-header-product-type > .bp6-popover-target > .bp6-button,
.products .content-header .content-btns .products-header-actions .products-Unit-Dropdown > .bp6-popover-target > .bp6-button,
.products .content-header .content-btns .products-header-actions .products-header-product-type .bp6-button,
.products .content-header .content-btns .products-header-actions .products-Unit-Dropdown .bp6-button,
.products .content-header .content-btns .products-header-actions .products-header-product-type > .bp6-button,
.products .content-header .content-btns .products-header-actions .products-Unit-Dropdown > .bp6-button {
    background-color: #ffffff !important;
    color: #000000 !important;
    box-shadow: none !important;
    border: 1px solid rgba(17, 20, 24, 0.12) !important;
}

.products .content-header .content-btns .products-header-actions .products-header-product-type > .bp6-popover-target > .bp6-button:hover,
.products .content-header .content-btns .products-header-actions .products-Unit-Dropdown > .bp6-popover-target > .bp6-button:hover,
.products .content-header .content-btns .products-header-actions .products-header-product-type > .bp6-popover-target > .bp6-button:active,
.products .content-header .content-btns .products-header-actions .products-Unit-Dropdown > .bp6-popover-target > .bp6-button:active,
.products .content-header .content-btns .products-header-actions .products-header-product-type > .bp6-popover-target > .bp6-button:focus,
.products .content-header .content-btns .products-header-actions .products-Unit-Dropdown > .bp6-popover-target > .bp6-button:focus,
.products .content-header .content-btns .products-header-actions .products-header-product-type .bp6-button:hover,
.products .content-header .content-btns .products-header-actions .products-Unit-Dropdown .bp6-button:hover,
.products .content-header .content-btns .products-header-actions .products-header-product-type .bp6-button:active,
.products .content-header .content-btns .products-header-actions .products-Unit-Dropdown .bp6-button:active,
.products .content-header .content-btns .products-header-actions .products-header-product-type .bp6-button:focus,
.products .content-header .content-btns .products-header-actions .products-Unit-Dropdown .bp6-button:focus {
    background-color: #ffffff !important;
    color: #000000 !important;
}

.products .content-header .content-btns .products-header-actions .products-header-product-type .bp6-button-text,
.products .content-header .content-btns .products-header-actions .products-Unit-Dropdown .bp6-button-text,
.products .content-header .content-btns .products-header-actions .products-header-product-type .bp6-icon,
.products .content-header .content-btns .products-header-actions .products-Unit-Dropdown .bp6-icon,
.products .content-header .content-btns .products-header-actions .products-header-product-type .bp6-icon svg,
.products .content-header .content-btns .products-header-actions .products-Unit-Dropdown .bp6-icon svg {
    color: #000000 !important;
    fill: #000000 !important;
}

.content-header.summary-header .content-page-desc.no-header-meta {
    justify-content: flex-start;
}

.content-header.summary-header.client-breadcrumb-only .content-page-desc {
    justify-content: center;
    padding-left: 0;
}

.content-header.summary-header.client-breadcrumb-only .content-page-desc > div {
    display: flex;
    align-items: center;
    min-height: 68px;
}

.app.Client.client-portal-view .content-header.summary-header.client-breadcrumb-only .content-page-desc > div {
    min-height: 105px;
}

.content-header.summary-header .content-title,
.content-header.summary-header .content-desc {
    text-align: left;
}

.content-header.summary-header .content-title {
    margin-left: 0;
}

.content-header.summary-header .content-desc {
    float: none;
    width: 100%;
    margin-left: 0;
    color: #ACACAC;
    font-size: 16px;
    display: flex;
    justify-content: flex-start;
}

.content-header.summary-header .content-page-desc > div,
.content-header.summary-header .content-desc span {
    width: 101%;
    text-align: left;
    justify-content: flex-start;
}

.content-header.summary-header .summary-title-icon-wrap {
    width: 68px;
    height: 68px;
    background-color: #F1B434;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 68px;
    border-radius: 10px;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    box-sizing: border-box;
    overflow: hidden;
    text-align: center;
    line-height: 1;
}

.content-header.summary-header .summary-title-icon {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #000;
    width: 44px;
    height: 44px;
    max-width: 44px;
    max-height: 44px;
    line-height: 1;
    text-align: center;
}

.content-header.summary-header .summary-title-icon svg {
    width: 100%;
    height: 100%;
}

.content-header-image {
    width: 60px;
    height: 60px;
    float: left;
    margin-right: 20px;
    border-radius: 30px;
    border: 3px solid #333;
    background-color: #cecece;
    background-position: -9px -67px;
}

.ag-header {
    background-color: #FCE8C2;
    color: #707575;
    font-size: 13px;
}

.ag-header .ag-header-cell-text,
.ag-header .ag-header-group-text,
.ag-header .ag-header-cell-label,
.ag-header .ag-header-group-cell-label {
    color: #707575;
    font-size: 13px;
}

.ag-theme-balham {
    --ag-row-height: 36px;
}

.ag-theme-balham .ag-cell,
.ag-theme-balham .ag-cell-value,
.ag-theme-balham .ag-row,
.ag-theme-balham .ag-row-group {
    color: #000;
    font-size: 14px;
}

.ag-theme-balham.ag-row-height-36 {
    --ag-row-height: 36px;
    --ag-header-height: 36px;
}

.ag-theme-balham.ag-row-height-36 .ag-cell {
    line-height: 36px;
}

.ag-theme-balham .ag-row-odd {
    background-color: #EBEBEB;
}

.content-header h1 {
    margin: 0;
    float: none;
    text-transform: capitalize;
    font-weight: bold;
    width: auto;
    color: #000;
    font-size: 32px;
    margin-top: -4px;
    margin-left: 9px;
}

.content-header:not(.summary-header) h1 {
    margin-left: 0;
}

.content-header .content-desc {
    padding: 0 4px;
    float: left;
    width: calc(100% / 2);
}

.content-header .content-btns {
    float: right;
    text-align: right;
    padding: 26px 20px;
    position: absolute;
    top: 0px;
    right: 0;
}

.content-desc {
    padding: 0 16px;
}

.content-desc .bp6-breadcrumb {
    color: #ACACAC;
    font-size: 16px;
    margin-left: 8px;
}

.Client .content-header .content-desc {
    margin: 17px 0;
}

.Client .Direct-client .content-header .content-desc {
    margin: 0;
}

.Client .content-desc .bp6-breadcrumb {
    font-size: 28px;
    margin-left: 10px;
}

.content-btns a span {
    font-size: 36px;
}

.content-header .content-desc {
    float: none;
    width: auto;
    margin-left: 0;
    color: #ACACAC;
    font-size: 16px;
    padding: 0;
    text-transform: none;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
}

.content-header .content-desc span {
    line-height: inherit;
    display: inline-flex;
    align-items: center;
}

.content-header .content-desc .bp6-breadcrumb {
    text-transform: capitalize;
    font-size: 18px;
    margin-left: 0;
    padding: 0;
    line-height: 1;
    color: #707575;
}

.app.Client .content-header.summary-header.client-breadcrumb-only .content-desc .bp6-breadcrumb {
    font-size: 28px;
    margin-left: 10px;
}

.content-header:not(.summary-header) .content-desc .bp6-breadcrumbs {
    display: inline-flex;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
    gap: 4px;
    line-height: 1;
}

.content-header:not(.summary-header) .content-desc .bp6-breadcrumbs li {
    display: inline-flex;
    align-items: center;
    margin: 0;
    line-height: 1;
}

.content-header:not(.summary-header) .content-desc .bp6-breadcrumbs li::after {
    margin: 0 4px;
}

.content-header .content-desc .content-header-image {
    width: 30px;
    height: 30px;
    margin-right: 10px;
    border: 2px solid #333;
    background-size: 100%;
    font-weight: normal;
}

.content-header .content-btns .bp6-button {
    background-color: #F1B434;
    color: #000 !important;
    height: 48px;
    min-width: 48px;
    border-radius: 10px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

.content-header .content-btns .bp6-button-group,
.content-header .content-btns .btn-group {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.content-header .content-btns .bp6-button-group > .bp6-button,
.content-header .content-btns .bp6-button-group > .bp6-popover-wrapper > .bp6-popover-target > .bp6-button,
.content-header .content-btns .bp6-button-group > .bp6-popover-target > .bp6-button,
.content-header .content-btns .btn-group > .bp6-button,
.content-header .content-btns .btn-group > .btn {
    border-radius: 12px !important;
}

.content-header .content-btns .bp6-button-group > .bp6-button .bp6-button-text,
.content-header .content-btns .bp6-button-group > .bp6-popover-wrapper > .bp6-popover-target > .bp6-button .bp6-button-text,
.content-header .content-btns .bp6-button-group > .bp6-popover-target > .bp6-button .bp6-button-text,
.content-header .content-btns .btn-group > .bp6-button .bp6-button-text,
.content-header .content-btns .btn-group > .btn .bp6-button-text {
    display: inline;
    font-weight: 700;
}

.analyteSummaryPage .content-header .content-btns .bp6-button {
    background-color: #F1B434 !important;
    color: #000 !important;
    border-color: transparent !important;
}

.analyteSummaryPage .content-header .content-btns .bp6-button:hover,
.analyteSummaryPage .content-header .content-btns .bp6-button:active,
.analyteSummaryPage .content-header .content-btns .bp6-button:focus {
    background-color: #F1B434 !important;
    color: #000 !important;
}

.content-header .content-btns .bp6-button:hover,
.content-header .content-btns .bp6-button:active,
.content-header .content-btns .bp6-button:focus {
    background-color: #F1B434;
    color: #000 !important;
}

/* .SoilHeader .content-header .croplist-dropdown .bp6-disabled .bp6-button-text {
    margin-right: -20px;
} */

.YIELD .SoilHeader .content-header .content-btns {
    padding-right: 0px;
    margin-right: -30px;
}

.YIELD .SoilHeader .content-btns .results-header-actions {
    transform: scale(0.9);
}

@media screen and (max-width: 1750px) and (min-width: 1555px) {
    .SoilHeader .content-header .content-btns {
        padding-right: 0px;
        margin-right: -5px;
    }

    .SoilHeader .content-btns .results-header-actions {
        transform: scale(0.95);
    }

    .YIELD .SoilHeader .content-header .content-btns {
        padding-right: 0px;
        margin-right: -50px;
    }

    .YIELD .SoilHeader .content-btns .results-header-actions {
        transform: scale(0.85);
    }

    .rx .rxreportsview .rx-published-reports-header .content-btns {
        padding-right: 0px;
        margin-right: -30px;
    }

    .rx .rxreportsview .rx-published-reports-header .content-btns .rxreports-header-actions {
        transform: scale(0.9);
    }

    .page-content.rx .rxreportsview .pdfViewerFullScreen {
        width: 97.5% !important;
    }
}


@media screen and (max-width: 1555px) and (min-width: 1441px) {
    .SoilHeader .content-header .content-btns {
        padding-right: 0px;
        margin-right: -62px;
    }

    .Client .SoilHeader .content-header .content-btns {
        padding-right: 0px;
        margin-right: -85px;
    }

    .SoilHeader .content-btns .results-header-actions {
        transform: scale(0.75);
    }

    .YIELD .SoilHeader .content-header .content-btns {
        padding-right: 0px;
        margin-right: -85px;
    }

    .Client .YIELD .SoilHeader .content-header .content-btns {
        padding-right: 0px;
        margin-right: -85px;
    }

    .YIELD .SoilHeader .content-btns .results-header-actions {
        transform: scale(0.75);
    }

    .YIELD .SoilHeader .content-btns .results-header-actions .season-dropdown {
        margin-right: -25px;
    }

    .tissue-graph .tissue .content-header.summary-header .content-btns {
        transform: scale(0.9);
        margin-right: -25px;
    }

    .rx .rxreportsview .rx-published-reports-header .content-btns {
        padding-right: 0px;
        margin-right: -120px;
    }

    .rx .rxreportsview .rx-published-reports-header .content-btns .rxreports-header-actions {
        transform: scale(0.66);
    }

}

@media screen and (max-width: 1285px) and (min-width: 1090px) {
    .SoilHeader .content-header .content-btns {
        padding-right: 0px;
        margin-right: -10px;
    }

    .SoilHeader .content-btns .results-header-actions {
        transform: scale(0.9);
    }

    .Client .SoilHeader .content-header .content-btns {
        padding-right: 0px;
        margin-right: -110px;
    }

    .Client .SoilHeader .content-btns .results-header-actions {
        transform: scale(0.7);
    }

    .YIELD .SoilHeader .content-header .content-btns {
        padding-right: 0px;
        margin-right: -93px;
    }

    .YIELD .SoilHeader .content-btns .results-header-actions {
        transform: scale(0.75);
    }

    .Client .YIELD .SoilHeader .content-header .content-btns {
        padding-right: 0px;
        margin-right: -110px;
    }

    .Client .YIELD  .SoilHeader .content-btns .results-header-actions {
        transform: scale(0.7);
    }

    .YIELD .SoilHeader .content-btns .results-header-actions .season-dropdown {
        margin-right: -16px;
    }

    .rx .rxreportsview .rx-published-reports-header .content-btns {
        padding-right: 0px;
        margin-right: -60px;
    }

    .rx .rxreportsview .rx-published-reports-header .content-btns .rxreports-header-actions {
        transform: scale(0.8);
    }

    .page-content.rx .rxreportsview .pdfViewerFullScreen {
        width: 97.5% !important;
    }

    .role.Client .page-content.rx .rxreportsview .pdfViewerFullScreen {
        width: 97% !important;
    }
}

.content-header .content-btns .bp6-button:hover.bp6-disabled,
.content-header .content-btns .bp6-button:active.bp6-disabled,
.content-header .content-btns .bp6-button:focus.bp6-disabled,
.content-header .content-btns .bp6-button.bp6-intent-danger:disabled, 
.content-header .content-btns .bp6-button.bp6-intent-danger.bp6-disabled {
    background-color: #A1A1A1;
    color: #000 !important;
}

.combinedrpts .content-header .content-btns .bp6-button,
.page-content.rx .shpFileExport .content-header .content-btns .bp6-button {
    width: auto !important;
    min-width: max-content !important;
    padding: 0 16px !important;
    height: 40px;
}

.combinedrpts .content-header .content-btns .bp6-button-text,
.page-content.rx .shpFileExport .content-header .content-btns .bp6-button-text {
    display: inline !important;
    white-space: nowrap;
}

.reportSubmitButtonButton,
.reportSubmitButtonButton.bp6-button {
    width: auto;
    min-width: max-content;
    padding: 0 16px;
    height: 40px;
}

.reportSubmitButtonButton .bp6-button-text {
    display: inline !important;
    white-space: nowrap;
}

.content-header .content-btns .rxreports-back-btn {
    width: auto;
    min-width: 0;
    padding: 0 16px;
}

.content-header .content-btns .rxreports-back-btn .bp6-button-text {
    display: inline;
    font-weight: bold;
    width: 124px;
    text-align: center;
}

.page-content.rx .rxreportsview .content-header .content-btns {
    top: 50%;
    transform: translateY(-50%);
    padding: 0 20px;
}

.page-content.rx .rxreportsview .content-header .content-btns .rxreports-header-actions {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
}

.page-content.rx .rxreportsview .content-header .content-btns .rxreports-header-hint {
    max-width: 220px;
    color: #707575;
    font-size: 14px;
    line-height: 1.2;
    text-align: right;
}

.content-header .content-btns .bp6-button .bp6-icon {
    color: #000 !important;
    fill: #000 !important;
    width: 32px;
    height: 32px;
}

.content-header .content-btns .bp6-button .bp6-icon svg {
    color: #000 !important;
    fill: #000 !important;
    width: 32px;
    height: 32px;
}

.retailers .content-header .content-btns .bp6-button > .bp6-icon:first-child:last-child {
    margin: 0;
}

.retailers .content-btns .bp6-icon {
    margin-right: 6px;
}

.retailers .content-header .content-btns .bp6-button > .bp6-icon:first-child:last-child svg {
    display: block;
}

.content.mapping .content-header .content-btns .bp6-button,
.content.mapping .content-header .content-btns .bp6-popover-target > .bp6-button,
.content.mapping .content-header .content-btns .bp6-popover-wrapper > .bp6-popover-target > .bp6-button {
    height: 34px;
    min-height: 34px;
}

.content.mapping .content-header .content-btns .applied-map-header-actions .bp6-button,
.content.mapping .content-header .content-btns .applied-map-header-actions .bp6-popover-target > .bp6-button,
.content.mapping .content-header .content-btns .applied-map-header-actions .bp6-popover-wrapper > .bp6-popover-target > .bp6-button {
    height: 48px !important;
    min-height: 48px !important;
}

.content.mapping .content-header .content-btns .applied-map-header-actions .sidebar-dropdown-control,
.content.mapping .content-header .content-btns .applied-map-header-actions .sidebar-dropdown-control .bp6-popover-target,
.content.mapping .content-header .content-btns .applied-map-header-actions .applied-map-season-dropdown,
.content.mapping .content-header .content-btns .applied-map-header-actions .applied-map-season-dropdown .bp6-popover-target {
    width: auto;
}

.content.mapping .content-header .content-btns .applied-map-header-actions .sidebar-dropdown-button,
.content.mapping .content-header .content-btns .applied-map-header-actions .sidebar-dropdown-button.bp6-button,
.content.mapping .content-header .content-btns .applied-map-header-actions .sidebar-dropdown-button:hover,
.content.mapping .content-header .content-btns .applied-map-header-actions .sidebar-dropdown-button:active,
.content.mapping .content-header .content-btns .applied-map-header-actions .sidebar-dropdown-button:focus {
    width: auto;
    min-width: 180px;
    padding: 0 14px;
    border: 1px solid rgba(17, 20, 24, 0.12) !important;
    border-radius: 12px !important;
    background-color: #ffffff !important;
    color: #001d1d !important;
    box-shadow: none !important;
    font-weight: 600;
}

.content.mapping .content-header .content-btns .applied-map-header-actions .sidebar-dropdown-button .bp6-button-text,
.content.mapping .content-header .content-btns .applied-map-header-actions .sidebar-dropdown-button .bp6-icon,
.content.mapping .content-header .content-btns .applied-map-header-actions .sidebar-dropdown-button .bp6-icon svg {
    color: #001d1d !important;
    fill: #001d1d !important;
}

.results-header-actions {
    align-items: center;
    gap: 8px;
}

.content-header .content-btns .results-header-actions .results-export-btn {
    margin-right: 4px;
    height: 48px;
    width: auto;
    min-width: 140px;
    padding: 0 14px;
    gap: 8px;
    border-radius: 12px !important;
    border-top-right-radius: 12px !important;
    border-bottom-right-radius: 12px !important;
    border-top-left-radius: 12px !important;
    border-bottom-left-radius: 12px !important;
}

.content-header .content-btns .results-header-actions .results-back-btn {
    height: 48px;
    width: auto;
    min-width: 0;
    padding: 0 16px;
    border-radius: 12px !important;
}

.content-header .content-btns .results-header-actions .results-back-btn .bp6-button-text {
    display: inline;
    font-weight: 700;
}

.content-header .content-btns .results-header-actions .results-export-btn .bp6-button-text {
    display: inline;
    font-weight: 700;
    font-size: 16px;
}

.content-header .content-btns .results-header-actions .results-reset-btn {
    background-color: #C52F00 !important;
    color: #ffffff !important;
    border-radius: 12px;
}

.content-header .content-btns .results-header-actions .bp6-disabled.results-reset-btn {
    background-color: #52515170 !important;
}

.content-header .content-btns .results-header-actions .results-reset-btn:hover,
.content-header .content-btns .results-header-actions .results-reset-btn:active,
.content-header .content-btns .results-header-actions .results-reset-btn:focus {
    background-color: #A32600 !important;
    color: #ffffff !important;
}

.content-header .content-btns .results-header-actions .bp6-disabled.results-reset-btn:hover,
.content-header .content-btns .results-header-actions .bp6-disabled.results-reset-btn:active,
.content-header .content-btns .results-header-actions .bp6-disabled.results-reset-btn:focus {
    background-color: #525151 !important;
}

.content-header .content-btns .results-header-actions .results-reset-btn .bp6-icon,
.content-header .content-btns .results-header-actions .results-reset-btn .bp6-icon svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}

.content-header .content-page-desc .client-filter-tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 24px;
    margin-top: 7px;
    padding: 0 8px 0 12px;
    border-radius: 999px;
    border: 1px solid #d8cfb7;
    background-color: #FCE8C2;
    box-shadow: none;
    color: #5f5849;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.content-header .content-page-desc .client-filter-tag:hover,
.content-header .content-page-desc .client-filter-tag:active,
.content-header .content-page-desc .client-filter-tag:focus-within {
    background-color: #f3ddab;
    border-color: #ccb98d;
    color: #001D1D;
}

.content-header .content-page-desc .client-filter-tag-label {
    white-space: nowrap;
}

.content-header .content-page-desc .client-filter-tag-clear {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: currentColor;
    cursor: pointer;
}

.content-header .content-page-desc .client-filter-tag-clear:hover,
.content-header .content-page-desc .client-filter-tag-clear:active,
.content-header .content-page-desc .client-filter-tag-clear:focus {
    background: rgba(0, 29, 29, 0.08);
    color: #001D1D;
    outline: none;
}

.content-header .content-page-desc .client-filter-tag-clear .bp6-icon,
.content-header .content-page-desc .client-filter-tag-clear .bp6-icon svg {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: currentColor;
    fill: currentColor;
}

.results-date-range {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.results-date-range .bp6-date-range-input {
    display: inline-flex;
    align-items: center;
    gap: 12px;
}

.results-date-range .bp6-date-range-input .bp6-input-group {
    position: relative;
}

.results-date-range .bp6-date-range-input .bp6-input-group:first-child::after {
    content: "to";
    position: absolute;
    right: -32px;
    top: calc(50% + 4px);
    transform: translateY(-50%);
    font-size: 16px;
    font-weight: 600;
    color: #707575;
    pointer-events: none;
    z-index: 1;
}

.page-content.invoices .results-date-range .bp6-date-range-input .bp6-input-group:first-child::after {
    right: -32px;
}

.results-date-range .bp6-date-range-input .bp6-input-group:first-child {
    margin-right: 14px;
}

.results-date-range .bp6-date-range-input .bp6-input {
    width: 125px;
}

.SoilHeader .bp6-date-range-input .bp6-input-group,
.SoilHeader .bp6-date-range-input .bp6-input,
.PDFReportsHeader .bp6-date-range-input .bp6-input-group,
.PDFReportsHeader .bp6-date-range-input .bp6-input,
.analyteSummaryPage .content-header .results-date-range .bp6-date-range-input .bp6-input-group,
.analyteSummaryPage .content-header .results-date-range .bp6-date-range-input .bp6-input,
.interactive-results .content-header .results-date-range .bp6-date-range-input .bp6-input-group,
.interactive-results .content-header .results-date-range .bp6-date-range-input .bp6-input {
    height: 48px;
    padding-left: 20px;
}

.SoilHeader .bp6-date-range-input .bp6-input,
.PDFReportsHeader .bp6-date-range-input .bp6-input,
.analyteSummaryPage .content-header .results-date-range .bp6-date-range-input .bp6-input,
.interactive-results .content-header .results-date-range .bp6-date-range-input .bp6-input {
    font-size: 16px;
    line-height: 48px;
    color: #707575;
}

.content.graph.trend .content-header .content-btns .trend-action-btn,
.content.graph.trend .content-header .content-btns .trend-action-btn.bp6-button {
    width: auto;
    min-width: 90px;
    height: 36px;
    padding: 0 16px;
    border-radius: 8px;
}

.content.graph.trend .content-header .content-btns .trend-action-btn .bp6-button-text {
    display: inline;
}

.content.graph.trend .content-header .content-btns .trend-header-actions {
    display: inline-flex;
    align-items: center;
    gap: 0;
    margin-right: 8px;
    border-radius: 12px;
    overflow: visible;
    isolation: auto;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.content.graph.trend .content-header .content-btns .trend-header-actions > div,
.content.graph.trend .content-header .content-btns .trend-header-actions > span {
    display: inline-flex;
    align-items: center;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.content.graph.trend .content-header .content-btns .trend-header-actions > .bp6-button,
.content.graph.trend .content-header .content-btns .trend-header-actions > div > .bp6-button,
.content.graph.trend .content-header .content-btns .trend-header-actions > span > .bp6-button {
    border-radius: 0 !important;
    position: relative;
    border: none !important;
    box-shadow: none !important;
}

.content.graph.trend .content-header .content-btns .trend-header-actions > *:first-child > .bp6-button,
.content.graph.trend .content-header .content-btns .trend-header-actions > .bp6-button:first-child {
    border-top-left-radius: 12px !important;
    border-bottom-left-radius: 12px !important;
}

.content.graph.trend .content-header .content-btns .trend-header-actions > *:last-child > .bp6-button,
.content.graph.trend .content-header .content-btns .trend-header-actions > .bp6-button:last-child {
    border-top-right-radius: 12px !important;
    border-bottom-right-radius: 12px !important;
}

.content.graph.trend .content-header .content-btns .trend-header-actions > * + * > .bp6-button,
.content.graph.trend .content-header .content-btns .trend-header-actions > .bp6-button + .bp6-button {
    border-left: 1px solid rgba(17, 20, 24, 0.18) !important;
}

.content.graph.trend .content-header .content-btns .trend-header-actions .results-export-btn {
    margin-right: 0;
}

.content.graph.trend .content-header .content-btns .trend-header-actions .results-export-btn,
.content.graph.trend .content-header .content-btns .trend-header-actions .results-export-btn.bp6-button {
    height: 48px;
    min-height: 48px;
}

.content.graph.trend .content-header .content-btns .trend-action-btn + .trend-action-btn {
    margin-left: 8px;
}

.content.graph.trend .content-header .content-btns .trend-clear-btn,
.content.graph.trend .content-header .content-btns .trend-clear-btn.bp6-button {
    background-color: #cfcfcf !important;
    color: #2b2b2b !important;
}

.content.graph.trend .content-header .content-btns .trend-clear-btn:hover,
.content.graph.trend .content-header .content-btns .trend-clear-btn:active,
.content.graph.trend .content-header .content-btns .trend-clear-btn:focus {
    background-color: #bdbdbd !important;
    color: #2b2b2b !important;
}

.content.graph.trend .content-header .content-btns .trend-print-btn,
.content.graph.trend .content-header .content-btns .trend-print-btn.bp6-button,
.content.graph.trend .content-header .content-btns .trend-print-btn:hover,
.content.graph.trend .content-header .content-btns .trend-print-btn:active,
.content.graph.trend .content-header .content-btns .trend-print-btn:focus {
    background-color: #F1B434 !important;
    color: #000 !important;
}

.graph .graph-action-group {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    justify-content: flex-end;
    flex-direction: row;
}

.graph .graph-action-item {
    display: inline-flex;
    align-items: center;
}

.graph .graph-action-item.show {
    display: inline-flex;
}

.graph .graph-action-print {
    order: 3;
}

.graph .graph-action-filter {
    order: 1;
}

.graph .graph-action-desired {
    order: 2;
}

.graph .graph-action-btn,
.graph .graph-action-btn.bp6-button {
    width: 48px;
    height: 48px;
    min-width: 48px;
    padding: 0;
    background-color: #F1B434 !important;
    color: #2B2B2B !important;
    border: none !important;
    border-radius: 10px;
    box-shadow: none !important;
    outline: none !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.graph .graph-action-btn:hover,
.graph .graph-action-btn:active,
.graph .graph-action-btn:focus,
.graph .graph-action-btn.bp6-button:hover,
.graph .graph-action-btn.bp6-button:active,
.graph .graph-action-btn.bp6-button:focus {
    background-color: #F1B434 !important;
    color: #2B2B2B !important;
    box-shadow: none !important;
    outline: none !important;
}

.graph .graph-action-btn .bp6-icon {
    color: #2B2B2B;
    fill: #2B2B2B;
    width: 28px;
    height: 28px;
    font-size: 28px;
}

.graph .graph-action-btn .bp6-icon svg {
    width: 28px;
    height: 28px;
}

.soilNutrientGraphFilter .bp6-control-indicator {
    background-color: #F1B434 !important;
    border-color: #F1B434 !important;
    color: #000 !important;
}

.soilNutrientGraphFilter .bp6-control:hover .bp6-control-indicator {
    background-color: #F1B434 !important;
    border-color: #F1B434 !important;
}

.soilNutrientGraphFilter input:checked ~ .bp6-control-indicator {
    background-color: #F1B434 !important;
    border-color: #F1B434 !important;
    color: #000 !important;
}

.soilNutrientGraphFilter .bp6-control-indicator::before,
.soilNutrientGraphFilter .bp6-control-indicator::after {
    color: #000 !important;
    border-color: #000 !important;
}

.soilNutrientGraphFilter input:checked + .bp6-control-indicator::before,
.soilNutrientGraphFilter input:checked + .bp6-control-indicator::after {
    color: #000 !important;
    border-color: #000 !important;
}

/**
.content-header .content-desc .content-header-image.grower {
    background-position: -2px -25px;
}

.consultant-name {
    color: white;
}

.content-header.small .content-header-image.farm {
    background-position: -1px -48px;
}

.content-header.small .content-header-image.field {
    background-position: 0px -87px;
    background-size: 110%;
}

.content-header.small .content-header-image.zone {
    background-position: 0px -102px;
    background-size: 98%;
}
**/

.content-icon .bp6-icon-prescription { 
    float: left;
    border-radius: 30px;
    border: 4px solid #333;
    padding: 5px 5px 5px 9px;
    background-color: #eee;
    color: #075523;
}

.content-icon .bp6-icon-tree { 
    float: left;
    border-radius: 35px;
    border: 4px solid #333;
    padding: 5px 5px 5px 9px;
    background-color: #eee;
    color: #075523;
}

.content-icon .bp6-icon-document { 
    float: left;
    border-radius: 35px;
    border: 4px solid #333;
    padding: 5px 5px 5px 9px;
    background-color: #eee;
    color: #075523;
}

.content-icon .bp6-icon-prescription svg {
    width: 40px;
    height: 40px;
}

.content-icon .bp6-icon-shopping-cart {
    float: left;
    border-radius: 20px;
    border: 4px solid #333;
    padding: 8px 12px 3px 10px;
    background-color: #eee;
    color: #075523;
}

.content-header .content-icon {
    margin-right: 10px;
}

.content-icon svg {
    height: 40px;
    width: 40px;
}

.content-btns .bp6-form-group.bp6-inline {
    margin: 0 0 0 10px;
}

/* SAMPLE SCHEDULE */
.sample-schedule a.btn-info {
    width: 33%;
    padding: 3px 20px;
    font-size: 12px;
    float: left;
    margin: 0px;
    border-radius: 0;
    color: #fff;
    background-color: #07617b;
    border-color: #034153;
}

.sample-schedule a.btn-info:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.sample-schedule a.btn-info:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.sample-schedule a.btn-info:hover {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

.sample-schedule .hint-text {
    background-color: #000000cc;
    padding-top: calc((100vh / 2) - 138px);
}

.sample-schedule .hint-text h1 {
    width: 474px;
    margin: auto;
    font-size: 42px;
    color: white;
    letter-spacing: 2px;
    text-shadow: 0px 0px 6px #1b2b34;
}

/* SAMPLE POPUP */
.bp6-dialog-header .bp6-icon-calendar {
    padding-top: 2px;
}

.event-popup [type="radio"] {
    display: none;
}

.event-form label {
    margin: 0;
    float: left;
    line-height: 35px;
}

.event-popup .radio-input label span.btn-info {
    border-radius: 0;
}

.event-popup .radio-input label:first-child span.btn-info {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.event-popup .radio-input label:last-child .btn-info {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.event-popup [type="radio"]:checked ~ span.btn {
    color: #fff;
    background-color: #16586c;
    border-color: #072c38;
}

.non-input > div:first-child label {
    font-weight: bold;
    font-size: 14px;
    line-height: 35px;
}

.non-input span {
    font-weight: bold;
    font-size: 16px;
    line-height: 35px;
    margin: 17px 0 16px 0;
}

.input > div:first-child label {
    font-weight: bold;
    font-size: 14px;
    line-height: 35px;
    margin: 17px 0 16px 0;
}

.input > div:last-child label {
    margin: 17px 0;
}

.input > div:last-child select {
    margin: 17px 0 16px 0;
    padding: 7px 12px 6px 12px;
    font-size: 15px;
    letter-spacing: 2px;
    border: 1px solid #cecece;
    border-radius: 3px;
}

.date-in-past {
    background-color: #e98b8b;
}

.date-in-past .rbc-date-cell a {
    color: white;
}

.bp6-dialog-footer {
    text-align: center;
}

.bp6-dialog-footer .bp6-button {
    margin: 0 5px;
}

option  {
    padding: 7px 12px 6px 12px;
    font-size: 15px;
    letter-spacing: 2px;
    border: 1px solid #efefef;
}

.growingPlant {
    border: 4px solid #333;
    border-radius: 10px;
    margin: 100px auto 0 auto;
    height: 339px !IMPORTANT;
    width: 262px !IMPORTANT;
    background-image: url(/aipro/app.dist/assets/e04da2cd39c2de400249.gif);
    background-size: 100%;
}

.DeleteFlag .bp6-switch {
    float: right;
}

#app {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
} 

.app {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
    width:  133.33333333333333%;
    height: 133.33333333333333%;
    position: absolute;
    left: -16.66666666666%;
    top:  -16.66666666666%;
    overflow: hidden;
}

.app.Client {
    -webkit-transform: scale(1);
    transform: scale(1);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
}

@media screen and (min-width: 1450px){ 
    .app {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }
}

@media screen and (max-width: 1200px){ 
    .app .globalNavBarClient  {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }
}

@media screen and (max-width: 1200px){ 
    .app .globalNavBarClient .brand, 
    .app .globalNavBarClient .AIProLogoClient,
    .app .globalNavBarClient .account-nav {
        -webkit-transform: scale(0.90);
        transform: scale(0.90);
    }
}

@media (min-width: 110%) {
    .app.Client {
      transform: scale(0.8);
      transform-origin: top left;
    }
}
  
@media (max-width: 80%) {
    .app.Client {
        transform: scale(1.2);
        transform-origin: top left;
    }
}

.SoilHeader .content-header .content-title {
    text-transform: none;
}

.right {
    text-align: right;
}

.csvExportPortal .bp6-dialog-container,
.csvExportPortal .bp6-dialog-container .three-column.csvExport {
    height: 75%;
}

.csvExportPortal .bp6-dialog-container .three-column.csvExport .bp6-dialog-body,
.csvExportPortal .bp6-dialog-container .three-column.csvExport .bp6-dialog-body .csvShowTable {
    height: 100%;
}

.csvExportPortal .bp6-dialog-container .three-column.csvExport .bp6-dialog-body .csvShowTable .csvExportButton {
    float: right;
    margin-top: -15px;
    margin-bottom: 5px;
}

.csvExportPortal .csvExportFetching .loading {
    width: 75%;
    height: 56%;
    left: 12.5%;
    top: 24%;
}

.csvExportPortal .csvExport .csvExportTableHolder {
    height: 80%;
}

@media screen and (max-width: 1200px){ 
    .csvExportPortal .csvExportFetching .loading {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
        top: 16%;
        left: 0%;
        width: 100%;
        height:73%;
    }
}

.csvExportPortal .csvExportFailed {
    width: 100%;
    height: 100%;
    background-color: #fff;
}

.csvExportPortal .csvExportFailed > h4 {
    text-align: center;
    margin-top: 15%;
}

.ag-theme-balham-soilresults .ag-react-container,
.ag-theme-balham-soilresults .ag-header-group-cell .group-header-sort {
    overflow: hidden;
}

/* OUTSIDE SCREEN RESOUTION */
.outside-screen-resolutions {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: #cecece;
}

.outside-screen-resolutions .container {
    width: 750px;
    min-width: 750px;
    margin: 60px auto;
}

.outside-screen-resolutions .container h1,
.outside-screen-resolutions .container p {
    text-align: center;
}

.clientPortalAdminDivResend {
    padding: 10px;
}

.clientPortalAdminDivResend .clientPortalAdminName,
.clientPortalAdminDivResend .clientPortalAdminSpanDate {
    font-weight: bold;
}

.clientPortalAdminDivResend .clientPortalAdminResendButton {
    margin-left: 30%;
}

.client-portal-admin .content-footer .content-btns {
    width: 100%;
    float: right;
    position: relative;
    padding: 10px 10px 0px 0px;
    justify-content: flex-end;
    display: flex;
    z-index: 0;
}

.page-content.rx .rxreportsview .rxreportsview-part2 .bp6-button.bp6-intent-danger {
    margin-left: 8px;
}

.page-content.rx .rxreportsview .rxreportsview-part2 .bp6-button.bp6-intent-danger .bp6-icon-delete > svg {
    margin-right: -3px;
    margin-bottom: 0px;
}

.page-content.rx .rxreportsview .rxreportsview-part2 .bp6-button.bp6-intent-primary {
    height: 20px;
    width: 20px;
    min-height: 24px;
    min-width: 28px;
    margin-bottom: 6px;
}

.page-content.rx .rxreportsview .rxreportsview-part2 .bp6-button.bp6-intent-primary .bp6-icon-eye-open > svg {
    margin-left: 4px;
}

.page-content.rx .rxreportsview .rxreportsview-part2 .rxreports-actions-cell {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    height: 100%;
}

.page-content.rx .rxreportsview .rxreportsview-part2 .rxreports-actions-cell .actions,
.page-content.rx .rxreportsview .rxreportsview-part2 .rxreports-actions-cell .shpFileRendererLink,
.page-content.rx .rxreportsview .rxreportsview-part2 .rxreports-actions-cell .bp6-popover-target {
    display: inline-flex;
    align-items: center;
}

.page-content.rx .rxreportsview .rxreportsview-part2 .rxreports-actions-cell a {
    width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.page-content.rx .rxreportsview .rxreportsview-part2 .rxreports-actions-cell svg {
    width: 18px;
    height: 18px;
}

.page-content.rx .rxreportsview .rxreportsview-part2 .rxreports-actions-cell .rxreports-fullscreen-link {
    margin-left: 8px;
}

.page-content.rx .rxreportsview .rxreportsview-part2 .rxreports-action-link .bp6-icon {
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.page-content.rx .rxreportsview .rxreportsview-part2 .rxreports-action-link .bp6-icon svg {
    width: 20px;
    height: 20px;
}

.page-content.rx .rxreportsview .rxreportsview-part2 .ag-row .ag-cell:first-child {
    padding: 0 !important;
}

.page-content.rx .rxreportsview .rxreportsview-part2 .ag-cell[col-id="Controls"] .ag-react-container,
.page-content.rx .rxreportsview .rxreportsview-part2 .rxreports-delete-cell {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    padding-top: 4px;
}

.page-content.rx .rxreportsview .rxreportsview-part2 .rxreports-delete-cell .actionsPDFToolTips,
.page-content.rx .rxreportsview .rxreportsview-part2 .rxreports-delete-cell .actionsPDFToolTips.bp6-popover-target {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto !important;
    margin: 0 !important;
}

.page-content.rx .rxreportsview .rxreportsview-part2 .rxreports-delete-cell .table-controls .btn,
.page-content.rx .rxreportsview .rxreportsview-part2 .rxreports-delete-cell .table-controls .rxreports-delete-btn {
    margin-left: 0 !important;
}

.page-content.rx .rxreportsview .rxreportsview-part2 .actions .bp6-icon,
.page-content.rx .rxreportsview .rxreportsview-part2 .actions .bp6-icon svg,
.page-content.rx .rxreportsview .rxreportsview-part2 .actions a,
.page-content.rx .rxreportsview .rxreportsview-part2 .shpFileRendererLink .bp6-icon,
.page-content.rx .rxreportsview .rxreportsview-part2 .shpFileRendererLink .bp6-icon svg,
.page-content.rx .rxreportsview .rxreportsview-part2 .shpFileRendererLink a,
.page-content.rx .rxreportsview .rxreportsview-part2 .rxreports-action-link,
.page-content.rx .rxreportsview .rxreportsview-part2 .rxreports-action-link .bp6-icon,
.page-content.rx .rxreportsview .rxreportsview-part2 .rxreports-action-link .bp6-icon svg {
    color: #828282 !important;
    fill: #828282 !important;
}

.bp6-portal .rxreports-tooltip .bp6-popover-content {
    background-color: #333;
    color: #fff;
    font-size: 12px;
    border-radius: 6px;
    padding: 6px 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.bp6-portal .rxreports-tooltip .bp6-popover-arrow-fill {
    fill: #333;
}

.page-content.rx .rxreportsview .pdfViewer {
    width: 50%;
    height: 100%;
    float: right;
}

.page-content.rx .rxreportsview .pdfViewer > object {
    border-radius: 10px;
}

.role.Client .page-content.rx .rxreportsview {
    height: 100%;
}

.role.Client .page-content.rx .rxreportsview .pdfViewer {
    height: 100%;
}

@media screen and (min-width: 1450px ) and (max-width: 1550px) {
    .role.Client .page-content.rx .rxreportsview .pdfViewer {
        height: 100%;
    }

    .role.Client .page-content.rx .rxreportsview.alias .pdfViewer {
        height: 86% !important;
    }

    .role.Client .page-content.rx .rxreportsview .pdfViewerFullScreen {
        height: 88%;
    }

    .role.Client .page-content.rx .rxreportsview.alias .pdfViewerFullScreen {
        height: 86% !important;
    }

    .page-content.rx .rxreportsview .pdfViewerFullScreen {
        width: 97% !important;
    }

}

@supports (-moz-appearance:none) {
    @media screen and (min-width: 1750px ) and (max-width: 1790px) {   
        .role.Client .page-content.rx .rxreportsview .pdfViewer {
            height: 90%;
        }
        
        .role.Client .page-content.rx .rxreportsview .pdfViewerFullScreen {
            height: 90%;
        }
    }

    @media screen and (min-width: 1600px ) and (max-width: 1775px) {   
        .role.Client .page-content.rx .rxreportsview .pdfViewer {
            height: 89%;
        }
        
        .role.Client .page-content.rx .rxreportsview .pdfViewerFullScreen {
            height: 89%;
        }
    }

    @media screen and (min-width: 1450px ) and (max-width: 1559px) {   
        .role.Client .page-content.rx .rxreportsview .pdfViewer {
            height: 88%;
        }
        
        .role.Client .page-content.rx .rxreportsview .pdfViewerFullScreen {
            height: 88%;
        }
    }

}
  
.page-content.rx .rxreportsview .pdfViewerFullScreen {
    position: absolute;
    width: 98%;
    height: calc(100% - 130px);
    top: 116px;
}

.role.Client .page-content.rx .rxreportsview.alias .pdfViewerFullScreen {
    height: 100%;
}

.page-content.rx .rxreportsview .actionsPDFToolTips > a:focus {
    outline: none;
}

.search-dropdown.input-control input {
    width: 100%;
    height: 28px;
    font-size: 16px;
    color: #333;
    letter-spacing: 1px;
    border: 1px solid #777;
    border-radius: 3px;
    padding-left: 5px;
}

.bp6-portal.hint .bp6-popover-arrow-fill {
    fill: #333;
}

.bp6-portal.hint .bp6-popover-content {
    background-color: #333;
    padding: 5px 10px;
    color: white;
}

.print-view-embed {
    width: 50%;
    height: calc(100% - 200px);
    margin-left: calc(50% / 2);
    margin-top: 100px;
}


span.pdf-link {
    color: #106ba3;
    cursor: pointer;
}

span.pdf-link span {   
    padding: 0;
} 

.loading-files {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
}

.loading-files h3 {
    font-weight: bold;
}

.loading-files span {
    padding: 0 5px;
    line-height: 24px;
    font-weight: bold;
}

.loading-file .err span {
    color: rgb(177, 13, 13);
    font-weight: bold;
}

.loading-file .container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.loading-container-span {
    display: inline-block;
}

.loading-container-span svg {
    width: 16px;
    height: 16px;
}

.bp6-dialog-body .report-options {
    height: auto;
}

.report-options .reportRadio {
    margin: 10px 0;
}

.results .YIELD input {
    height: 34px;
}

.results .YIELD .croplist-dropdown .bp6-button {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    min-width: 100px
}

.results .YIELD .season-dropdown .bp6-button {
    min-width: 100px;

}

.multiselect-menu .bp6-menu-item .bp6-icon {
    width: 24px;
}

multiselect-menu .bp6-menu-item .text {
    width: calc(100% - 55px);
}

.params {
    width: 100%;
    height: auto;
    float: left;
}

.report-generator h6 {
    float: left;
    margin: 23px 0;
}

.report-generator.rx-booklet .options {
    height: calc(100% - 59px);
}

.report-generator.rx-booklet .options ul {
    height: calc(100% - 34px);
}

.bp6-menu-item.divider {
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #333;
}

.multiselect-menu .bp6-menu {
    min-width: 250px;
}

.reports.multiselect-menu .bp6-menu {
    min-width: 260px;
    max-height: 700px;
}

.multiselect-menu .bp6-menu-item.divider:hover {
    background-color: #ffffff;
    cursor: default;
}

.report-generator .options .divider.header {
    float: none;
    width: 100%;
    padding: 0 12px;
    display: flex;
    align-items: center;
    background-color: #FCE8C2;
    color: #707575;
    font-size: 13px;
    font-weight: 400;
    box-sizing: border-box;
}

.report-generator .options .divider.header li {
    border-bottom: none;
    padding-left: 0;
}

.report-generator .ag-theme-balham .params {
    background-color: #FCE8C2;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.report-generator .ag-theme-balham .fields .ag-root-wrapper {
    border-radius: 0;
    border-right: 0;
}

.report-generator.rx-booklet .options.crops {
    border-bottom-left-radius: 10px;
}

.options.fields .list .title label {
    width: 100%;
}

.options.fields .list li {
    width: 100%;
    padding: 0 12px;
}

.report-generator.rx-booklet .options {
    width: 25%;
}

.report-generator .options .list li,
.report-generator .options .list li.divider.title {
    min-height: 30px;
}

.report-generator .options .divider.header.page-break {
    background-color: #fff;
    color: #333;
    font-style: italic;
}

.rx-booklet.report-generator .fields {
    width: 50%;
}

.report-generator .content-header .content-btns .bp6-button-group > .bp6-disabled {
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #A1A1A1;
}

.report-generator .content-header .content-btns .bp6-button-group > .bp6-disabled:first-child {
    margin-right: 15px;
}

.rx-booklet.report-generator .fields.sampling-report {
    width: 100%;
}

.report-generator .ag-cell .bp6-checkbox {
    margin: 0;
    padding-left: 36px !IMPORTANT;
}

.report-generator .ag-header-cell .bp6-checkbox {
    padding-top: 9px;
}

.report-generator .content-header .content-btns .bp6-button {
    width: 124px;
    padding: 10px 16px;
    height: 48px;
    font-weight: bold;
}

.report-generator .content-header .content-btns .bp6-button .bp6-button-text {
    display: inline;
}

.rx-booklet.report-generator .fields > div:first-child {
    height: calc(100% - 30px) !IMPORTANT;
}

.totals {
    height: 30px;
    padding: 0;
    border-bottom-right-radius: 0;
}

.shpFileExport .totals {
    float: left;
    width: 100%;
    height: 32px;
}

.totals > div {
    float: left;
    display: flex;
    height: 30px;
    width: calc(50% - 20px);
    border-left: 1px solid #bdc3c7;
    align-items: center;
    padding: 0 7px;
    background-color: #f5f7f7;
}

.totals > div:last-child {
    border-bottom-right-radius: 10px;
}

.totals .spacer {
    float: left;
    height: 100%;
    width: 40px;
    border-bottom-left-radius: 10px;
}

.totals > div label {
    padding-right: 5px;
}

.report-generator.content .reportView {
  float: left;
  height: 100%;
  width: 100%;
}

.report-generator.content .reportView .reportMakerFile.content {
    height: 100%;
}

.report-generator.content .splashScreen {
  height: 100%;
}

.report-generator.content .content-btns {
    padding: 12px 20px 8px 10px;
}

.ag-popup {
    display: block;
    position: absolute;
    overflow: visible;
    pointer-events: none;
    z-index: 0;
}

.ag-popup div {
    display: block;
    white-space: nowrap;
}

.report-tool .reportRadio .bp6-label {
    font-weight: bold;
    padding-bottom: 10px;
}

.report-tool .reportRadio:first-child {
    margin-bottom: 20px;
}
.report-generator .options .list li.lime-row {
    background-color: #78C5BE;
}

.report-generator .options .list li.trace-row {
    background-color: #B7C79B;
}

.report-generator .options .list li.manure-row {
    background-color: #A8784F;
}

.report-generator .options .list li.blend-row {
    background-color: #F9BA4D;
}

.bp6-menu-item.active,
.bp6-menu-item.active:hover,
.bp6-menu-item.active .bp6-icon {
    background-color: #137cbd;
    color: #fff;
}

object.impersonateIframe > table {
    background-color: #777;
}

.ag-cell.boundary {
    text-align: center;
}

.ag-root-wrapper {
    border-radius: 10px;
}

.ag-theme-balham .ag-body-viewport.ag-layout-normal {
    width: 100% !IMPORTANT;
}

.ag-theme-balham .ag-body.ag-layout-normal {
    height: calc(100% - 110px);
}

.rx-crop-plan-step .ag-editable-grid .ag-header-cell-resize,
.client-portal-admin .ag-theme-balham .ag-header-cell-resize {
    display: none;
}

.cellCenter .ag-cell-wrapper {
    margin-top: -5px;
}

.cropDropdownRxWiz .bp6-popover-target {
    width: 100%;
}

.ag-theme-balham .ag-body.ag-layout-normal {
    height: calc(100% - 32px);
}

.ag-header-cell .bp6-popover-target {
    width: 100%;
}

.shpFileExport .ag-header-cell .bp6-popover-target {
    width: 50%;
}

.bp6-popover-target .bp6-button.bp6-intent-primary.free,
.bp6-popover-target .bp6-button.bp6-intent-success.free,
.bp6-popover-target .bp6-button.bp6-intent-success.basic,
.bp6-popover-target .bp6-button.bp6-intent-success.essentials {
    height: 26px;
}

.bp6-input-group input {
    height: 32px;
}

.header-column-actions.grower-control .bp6-popover-target {
    padding: 0;
}
.header-column-actions.grower-control .bp6-select-popover .bp6-popover-content,
.grower-dropdown-portal .bp6-select-popover .bp6-popover-content {
    width: 100%;
    min-width: 100%;
    padding: 0;
}
.header-column-actions.grower-control .bp6-select-popover .bp6-menu,
.grower-dropdown-portal .bp6-select-popover .bp6-menu {
    width: 100%;
}
.header-column-actions.grower-control .bp6-select-popover .bp6-input:focus,
.header-column-actions.grower-control .bp6-select-popover .bp6-input-group input:focus,
.grower-dropdown-portal .bp6-select-popover .bp6-input:focus,
.grower-dropdown-portal .bp6-select-popover .bp6-input-group input:focus {
    outline: none;
    box-shadow: none;
}

.rx-crop-plan-step .ag-theme-balham .ag-body.ag-layout-normal {
    height: calc(100% - 100px);
}

.results .ag-theme-balham .ag-body.ag-layout-normal {
    height: calc(100% - 110px);
}

.rx-wizard .ag-theme-balham .ag-body.ag-layout-normal {
    height: calc(100% - 64px);
}

.graph .ag-theme-balham .ag-body.ag-layout-normal {
    height: calc(100% - 83px);
}

.client-portal-admin .ag-theme-balham .ag-body.ag-layout-normal {
    height: calc(100% - 65px);
}

.graph.trend.SOIL .header-column-actions .bp6-popover-target {
    width: 100%;
}

.sidebar-dropdown-control,
.sidebar-dropdown-control .bp6-popover-target,
.soil-year-dropdown-control,
.soil-year-dropdown-control .bp6-popover-target {
    width: 100%;
}

.sidebar-dropdown-control .sidebar-dropdown-button,
.sidebar-dropdown-control .sidebar-dropdown-button.bp6-button,
.sidebar-dropdown-control .sidebar-dropdown-button:hover,
.sidebar-dropdown-control .sidebar-dropdown-button:active,
.sidebar-dropdown-control .sidebar-dropdown-button:focus,
.soil-year-dropdown-control .soil-year-dropdown-button,
.soil-year-dropdown-control .soil-year-dropdown-button.bp6-button,
.soil-year-dropdown-control .soil-year-dropdown-button:hover,
.soil-year-dropdown-control .soil-year-dropdown-button:active,
.soil-year-dropdown-control .soil-year-dropdown-button:focus {
    background-color: #ffffff !important;
    color: #001d1d !important;
    box-shadow: none !important;
    border: 1px solid rgba(17, 20, 24, 0.12) !important;
    font-weight: 700;
    min-height: 38px;
    padding: 0 14px;
    border-radius: 12px !important;
}

.sidebar-dropdown-control .sidebar-dropdown-button .bp6-button-text,
.soil-year-dropdown-control .soil-year-dropdown-button .bp6-button-text,
.soil-year-dropdown-control .soil-year-dropdown-button .bp6-icon,
.soil-year-dropdown-control .soil-year-dropdown-button .bp6-icon svg {
    color: #001d1d !important;
    fill: #001d1d !important;
}

.sidebar-dropdown-control .sidebar-dropdown-button .bp6-button-text {
    font-weight: 700;
}

.bp6-portal .sidebar-dropdown-menu .bp6-menu,
.bp6-popover.sidebar-dropdown-menu .bp6-menu,
.bp6-portal .soil-year-dropdown-menu .bp6-menu,
.bp6-popover.soilTrendDropdown .bp6-menu {
    background-color: #ffffff !important;
    color: #001d1d !important;
    border: 1px solid rgba(17, 20, 24, 0.12);
    border-radius: 4px;
    padding: 4px;
    overflow-x: hidden;
}

.bp6-portal .sidebar-dropdown-menu .bp6-popover-content,
.bp6-popover.sidebar-dropdown-menu .bp6-popover-content,
.bp6-popover.soilTrendDropdown .bp6-popover-content {
    margin: 0 !important;
    padding: 0 !important;
}

.bp6-popover.sidebar-dropdown-menu.trendGraphPopover,
.bp6-portal.statistic-menu .bp6-popover.sidebar-dropdown-menu {
    margin-bottom: -15px !important;
}

.bp6-portal .sidebar-dropdown-menu .bp6-popover,
.bp6-popover.sidebar-dropdown-menu ,
.bp6-popover.soilTrendDropdown {
    margin-top: -15px !important;
}

.bp6-portal.sidebar-dropdown-menu.sidebar-analyte-menu .bp6-overlay-content .sidebar-dropdown-menu,
.bp6-portal.sidebar-dropdown-menu .bp6-overlay-content .sidebar-dropdown-menu {
    margin-top: -11px !important;
}

.bp6-portal.sidebar-dropdown-menu .bp6-popover.sidebar-dropdown-menu.soilTrendDropdown,
.bp6-portal.sidebar-dropdown-menu .bp6-popover-placement-bottom.sidebar-dropdown-menu.trendGraphPopover,
.bp6-portal.sidebar-dropdown-menu.statistic-menu .bp6-popover.sidebar-dropdown-menu {
    margin-top: -15px !important;
}

.bp6-portal.sidebar-dropdown-menu .bp6-popover.crops-menu {
    margin-top: 4px !important;
}

.bp6-portal .sidebar-dropdown-menu .bp6-menu-item,
.bp6-popover.sidebar-dropdown-menu .bp6-menu-item,
.bp6-portal .soil-year-dropdown-menu .bp6-menu-item,
.bp6-popover.soilTrendDropdown .bp6-menu-item {
    color: #001d1d !important;
    border-radius: 8px;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
}

.bp6-portal .sidebar-dropdown-menu .bp6-menu-item:hover,
.bp6-portal .sidebar-dropdown-menu .bp6-menu-item.bp6-active,
.bp6-popover.sidebar-dropdown-menu .bp6-menu-item:hover,
.bp6-popover.sidebar-dropdown-menu .bp6-menu-item.bp6-active,
.bp6-portal .soil-year-dropdown-menu .bp6-menu-item:hover,
.bp6-portal .soil-year-dropdown-menu .bp6-menu-item.bp6-active,
.bp6-popover.soilTrendDropdown .bp6-menu-item:hover,
.bp6-popover.soilTrendDropdown .bp6-menu-item.bp6-active {
    background-color: #fce8c2 !important;
    color: #001d1d !important;
}

.shared-filter-sidebar .form-label,
.shared-filter-sidebar .bp6-label,
.shared-filter-sidebar .shared-filter-sidebar-label {
    display: block;
    margin-bottom: 8px;
    color: #001d1d;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.01em;
}

.shared-filter-sidebar .sidebar-field-label-row {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 6px;
    margin-bottom: 8px;
}

.shared-filter-sidebar .sidebar-field-label-row .shared-filter-sidebar-label {
    margin-bottom: 0;
}

.map-form-sidebar .sidebar-field-label-row .shared-filter-sidebar-label {
    white-space: nowrap;
}

.shared-filter-sidebar .sidebar-field-label-row .bp6-icon {
    color: #707575;
    margin-top: 20px;
}

.shared-filter-sidebar .sidebar-dropdown-field .bp6-button {
    float: none;
}

.shared-filter-sidebar .sidebar-dropdown-control,
.shared-filter-sidebar .sidebar-dropdown-control .bp6-popover-target {
    width: 100%;
}

.shared-filter-sidebar .sidebar-dropdown-control .sidebar-dropdown-button,
.shared-filter-sidebar .sidebar-dropdown-control .sidebar-dropdown-button.bp6-button,
.shared-filter-sidebar .sidebar-dropdown-control .sidebar-dropdown-button:hover,
.shared-filter-sidebar .sidebar-dropdown-control .sidebar-dropdown-button:active,
.shared-filter-sidebar .sidebar-dropdown-control .sidebar-dropdown-button:focus {
    width: 100%;
    min-height: 42px;
    padding: 0 14px;
    border: 1px solid rgba(17, 20, 24, 0.12) !important;
    border-radius: 12px !important;
    background-color: #ffffff !important;
    color: #001d1d !important;
    box-shadow: none !important;
    font-weight: 600;
}

.shared-filter-sidebar .sidebar-dropdown-control .sidebar-dropdown-button .bp6-button-text,
.shared-filter-sidebar .sidebar-dropdown-control .sidebar-dropdown-button .bp6-icon,
.shared-filter-sidebar .sidebar-dropdown-control .sidebar-dropdown-button .bp6-icon svg {
    color: #001d1d !important;
    fill: #001d1d !important;
}

.shared-filter-sidebar .sidebar-dropdown-control .sidebar-dropdown-button .bp6-button-text,
.shared-filter-sidebar .sidebar-dropdown-control .sidebar-dropdown-button .analyte-name,
.shared-filter-sidebar .sidebar-dropdown-control .sidebar-dropdown-button .product-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bp6-portal .sidebar-dropdown-menu .analyte-name,
.bp6-popover.sidebar-dropdown-menu .analyte-name,
.bp6-portal .sidebar-dropdown-menu .product-name,
.bp6-popover.sidebar-dropdown-menu .product-name {
    display: block;
    width: auto;
}

.shared-filter-sidebar .sidebar-inline-date-range,
.shared-filter-sidebar .sidebar-inline-date-range.bp6-date-range-input {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 14px;
}

.shared-filter-sidebar .sidebar-inline-date-range .bp6-input-group {
    position: relative;
    flex: 1 1 0;
    min-width: 0;
}

.shared-filter-sidebar .sidebar-inline-date-range .bp6-input-group:first-child {
    margin-right: 18px;
}

.shared-filter-sidebar .sidebar-inline-date-range .bp6-input-group:first-child::after {
    content: "to";
    position: absolute;
    right: -24px;
    top: 50%;
    transform: translateY(-50%);
    color: #707575;
    font-size: 12px;
    font-weight: 700;
    pointer-events: none;
}

.shared-filter-sidebar .sidebar-inline-date-range .bp6-input {
    min-height: 42px;
    border-radius: 12px !important;
    border: 1px solid rgba(17, 20, 24, 0.12) !important;
    background-color: #ffffff !important;
    color: #001d1d !important;
    box-shadow: none !important;
}

.shared-filter-sidebar .sidebar-save-button,
.shared-filter-sidebar .sidebar-save-button.bp6-button,
.shared-filter-sidebar .sidebar-save-button:hover,
.shared-filter-sidebar .sidebar-save-button:active,
.shared-filter-sidebar .sidebar-save-button:focus {
    width: 100%;
    min-height: 42px;
    border-radius: 12px !important;
    border-color: transparent !important;
    background-color: #F1B434 !important;
    color: #000 !important;
    box-shadow: none !important;
    font-weight: 700;
}

.shared-filter-sidebar .sidebar-save-button .bp6-button-text {
    color: #000 !important;
}

.results-info-content.ag-theme-balham .ag-body.ag-layout-normal {
    height: calc(100% - 32px);
}

.recs-info-content.ag-theme-balham .ag-body.ag-layout-normal {
    height: calc(100% - 48px);
}

.bp6-control.bp6-checkbox .bp6-control-indicator {
    background-color: white;
}

.recs-info-content.ag-theme-balham .ag-body.ag-layout-normal {
    height: calc(100% - 48px);
}

.bp6-control.bp6-checkbox .bp6-control-indicator {
    background-color: white;
}

.bp6-dialog.three-column {
    width: 75%;
}

.bp6-overlay .bp6-overlay-content {
    position: relative;
}

.ag-theme-balham .ag-scrollbar-invisible {
    pointer-events: all !important;
}

.results .ag-theme-balham.ag-theme-balham-soilresult-part2 {
    height: calc(100% - 90px);
}

.app .ZoneStatus .content-header .zoneTypeFilter {
    width: 175px;
}

.app .ZoneStatus .zoneStatus .ag-editable-grid {
    height: 91%
}

@media screen and (max-width: 1550px) and (min-width: 1441px) {
    .app .ZoneStatus .zoneStatus .ag-editable-grid {
        height: 88%;
    }
}

@media screen and (max-width: 1285px) and (min-width: 1090px) {
    .app .ZoneStatus .zoneStatus .ag-editable-grid {
        height: 90%;
    }
}

.app .ZoneStatus .zoneStatus .spinnerTime {
    position: absolute;
    z-index: 900;
    top: 45%;
    left: 45%;
}

.app .ZoneStatus .zoneStatus .content-body {
    height: inherit;
    float: inherit;
    width: inherit;
    padding: inherit;
}

.app .ZoneStatus .zoneStatus .content-header .content-desc .bp6-breadcrumbs {
    float: left;
}

.app .ZoneStatus .zoneStatus .content-header .content-desc .bp6-popover-target {
    float: left;
    margin-left: 10px;
}

.content-page-desc > div {
    float: left;
}

.content-body > div .results-row {
    height: 45%;
}
 
.maintenance.Field .ag-editable-grid.ag-theme-balham .ag-root-wrapper {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.app .bp6-button.bp6-intent-danger {
    background-color: #C52F00;
    box-shadow: inset 0 0 0 1px rgba(17, 20, 24, 0.2), 0 1px 2px rgba(17, 20, 24, 0.1);
    color: #ffffff;
}

.app .bp6-button.bp6-intent-danger:hover {
    background-color: #b73107;
}

body .bp6-button.bp6-intent-success,
body .bp6-button.bp6-intent-success:hover {
    background-color: #F1B434;
    color: #000;
    font-weight: bold;
}

/* button colors */
.auxiliary .bp6-button.bp6-intent-primary,
.auxiliary .bp6-button.bp6-intent-primary:hover {
    background-color: #5F9496;
    border-color: #5F9496;
}

.actionsPDFToolTips.bp6-popover-target {
    display: flex;
}

.page-content.rx .rxreportsview .rx-published-reports-header .content-btns .rxreports-header-actions {
    flex-direction: row;
}

body .bp6-popover-transition-container.bp6-overlay-content .rxreports-filter-menu {
    margin-top: -15px;
}

body .bp6-popover-transition-container.bp6-overlay-content .rxreports-filter-menu .bp6-menu,
body .bp6-popover-transition-container.bp6-overlay-content .rxreports-filter-menu .bp6-menu .bp6-menu-item {
    color: #2B2B2B !important;
    background-color: white !important;
}

body .bp6-popover-transition-container.bp6-overlay-content .rxreports-filter-menu .bp6-menu .bp6-menu-item:focus,
body .bp6-popover-transition-container.bp6-overlay-content .rxreports-filter-menu .bp6-menu .bp6-menu-item:active,
body .bp6-popover-transition-container.bp6-overlay-content .rxreports-filter-menu .bp6-menu .bp6-menu-item:target,
body .bp6-popover-transition-container.bp6-overlay-content .rxreports-filter-menu .bp6-menu .bp6-menu-item:hover,
body .bp6-popover-transition-container.bp6-overlay-content .rxreports-filter-menu .bp6-menu > li:focus,
body .bp6-popover-transition-container.bp6-overlay-content .rxreports-filter-menu .bp6-menu > li:active,
body .bp6-popover-transition-container.bp6-overlay-content .rxreports-filter-menu .bp6-menu > li:target,
body .bp6-popover-transition-container.bp6-overlay-content .rxreports-filter-menu .bp6-menu > li:hover {
    background-color: #b3b0b0 !important;
}

.bp6-button.big {
    height: 48px;
}

.h2o-shp-export .totals .count:last-child {
    width: 50%;
}

.h2o-shp-export .content .table.ag-theme-balham{
    height: calc(100% - 26px);
}

.app .content-page-desc {
    width: 50%;
    max-width: 50%;
}

.content-desc nav {
    width: 50%;
    max-width: 50%;
}

.app .content-page-desc .content-desc .bp6-breadcrumbs li:first-child::after {
    height: 12px;
}

.bp6-portal .bp6-popover-content .bp6-menu .bp6-menu-item.bp6-disabled {
    color: white !important;
    font-weight: bold;
}

.page-content.applicators .retailers.grid-sidebar.content .content-body,
.page-content.equipment .equipment.grid-sidebar.content .content-body,
.page-content.equipmentgrower .equipment.grid-sidebar.content .content-body {
    height: calc(100% - 36px);
}

/* Companion App merge block: preserve current styling, add Upload CSV and Companion layouts */
.bp6-portal .uploadCSVSampleTypeDialog .bp6-dialog-body {
    gap: 16px;
}

.bp6-portal .uploadCSVSampleTypeIntro {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.bp6-portal .uploadCSVSampleTypeTitle {
    color: #001d1d;
    font-size: 16px;
    font-weight: 700;
}

.bp6-portal .uploadCSVSampleTypeSubtitle {
    color: #5f6b7c;
    font-size: 13px;
    line-height: 1.4;
}

.bp6-portal .uploadCSVSampleTypeFieldCard {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 14px;
    border: 1px solid #d6cec0;
    border-radius: 12px;
    background-color: #ffffff;
}

.bp6-portal .uploadCSVSampleTypeLabel {
    margin: 0 0 10px 0;
    color: #001d1d;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.bp6-portal .multiselect-menu.companionZoneTypeMenu {
    margin-top: -14px;
}

.bp6-portal .uploadCSVSampleTypeSelector .multiselect-menu,
.bp6-portal .uploadCSVSampleTypeSelector .multiselect-menu .bp6-popover-target {
    width: 100%;
}

.bp6-portal .uploadCSVSampleTypeSelector .multiselect-menu .bp6-button,
.bp6-portal .uploadCSVSampleTypeSelector .multiselect-menu .bp6-button:hover,
.bp6-portal .uploadCSVSampleTypeSelector .multiselect-menu .bp6-button:active,
.bp6-portal .uploadCSVSampleTypeSelector .multiselect-menu .bp6-button:focus {
    justify-content: center;
    width: 100%;
    min-height: 44px;
    border: 1px solid rgba(17, 20, 24, 0.12) !important;
    border-radius: 12px !important;
    background-color: #ffffff !important;
    color: #001d1d !important;
    box-shadow: none !important;
    font-weight: 600;
}

.app .UploadCSV .uploadCSV.content .content-header .content-desc {
    margin: 0;
}

.app .UploadCSV .uploadCSV.content .content-header .content-desc .bp6-breadcrumbs {
    font-size: 18px;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign {
    --uploadcsv-accent: #235347;
    --uploadcsv-accent-soft: #dceee7;
    --uploadcsv-border: #d5ddd8;
    --uploadcsv-surface: #f7f4ea;
    --uploadcsv-surface-strong: #f0ead8;
    --uploadcsv-text: #20302b;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign > .main {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 0;
    height: 100%;
    min-height: 0;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSV-summary {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
    gap: 18px;
    padding: 24px 28px;
    border: 1px solid var(--uploadcsv-border);
    border-radius: 22px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(240, 234, 216, 0.95)),
        radial-gradient(circle at top right, rgba(35, 83, 71, 0.12), transparent 42%);
    box-shadow: 0 18px 48px rgba(46, 67, 60, 0.12);
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSV-summary-copy h2 {
    margin: 6px 0 8px;
    color: var(--uploadcsv-text);
    font-size: 30px;
    line-height: 1.1;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSV-summary-copy p {
    margin: 0;
    max-width: 720px;
    color: #50615a;
    font-size: 15px;
    line-height: 1.6;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSV-summary-eyebrow,
.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSV-cardEyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--uploadcsv-accent);
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSV-summary-metrics {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSV-metric {
    padding: 16px 18px;
    border: 1px solid rgba(35, 83, 71, 0.12);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.82);
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSV-metric-label {
    display: block;
    margin-bottom: 8px;
    color: #6a7a73;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSV-metric-value {
    display: block;
    color: var(--uploadcsv-text);
    font-size: 18px;
    line-height: 1.35;
    word-break: break-word;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSV-stepRail {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSV-stepCard {
    padding: 18px 20px;
    border: 1px solid var(--uploadcsv-border);
    border-radius: 20px;
    background: #fbf9f2;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSV-stepCard.is-active {
    border-color: rgba(35, 83, 71, 0.4);
    box-shadow: 0 14px 34px rgba(35, 83, 71, 0.14);
    transform: translateY(-2px);
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSV-stepCard.is-complete {
    background: linear-gradient(180deg, #f7faf7, #edf6f1);
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSV-stepBadge {
    display: inline-flex;
    margin-bottom: 12px;
    padding: 6px 10px;
    border-radius: 999px;
    background: var(--uploadcsv-accent-soft);
    color: var(--uploadcsv-accent);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSV-stepTitle {
    margin-bottom: 6px;
    color: var(--uploadcsv-text);
    font-size: 18px;
    font-weight: 700;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSV-stepDesc {
    color: #607069;
    font-size: 14px;
    line-height: 1.5;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .content-body.uploadCSV-body {
    padding: 0;
    background: transparent;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSV-grid {
    display: grid;
    grid-template-columns: minmax(360px, 0.95fr) minmax(0, 1.35fr);
    gap: 18px;
    min-height: 0;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSV-grid.uploadCSV-grid--wide {
    grid-template-columns: minmax(0, 1.45fr) minmax(320px, 0.75fr);
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSV-card {
    display: flex;
    flex-direction: column;
    gap: 18px;
    min-height: 0;
    padding: 24px;
    border: 1px solid var(--uploadcsv-border);
    border-radius: 24px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(247, 244, 234, 0.98));
    box-shadow: 0 18px 42px rgba(49, 63, 56, 0.08);
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSV-cardHeader h3 {
    margin: 6px 0 8px;
    color: var(--uploadcsv-text);
    font-size: 25px;
    line-height: 1.15;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSV-cardHeader p {
    margin: 0;
    color: #5f6f68;
    font-size: 14px;
    line-height: 1.6;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSV-fileImporter {
    margin-top: 4px;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSV-fileImporter .bp6-file-input {
    width: 100%;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSV-fileImporter .bp6-file-upload-input {
    height: 56px;
    border: 1px solid var(--uploadcsv-border);
    border-radius: 16px;
    background: #fffef9;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSV-statusCallout,
.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSV-secondaryCallout {
    margin: 0;
    border-radius: 16px;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSV-guidancePanel,
.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSV-mappingPanel {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 18px 20px;
    border: 1px solid rgba(35, 83, 71, 0.12);
    border-radius: 18px;
    background: rgba(220, 238, 231, 0.32);
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSV-guidanceTitle {
    color: var(--uploadcsv-text);
    font-size: 16px;
    font-weight: 700;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSV-guidanceList {
    margin: 0;
    padding-left: 18px;
    color: #51625b;
    font-size: 14px;
    line-height: 1.6;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSV-guidanceList li + li {
    margin-top: 8px;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .csvColumnMappings {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .csvColumnMappings label {
    display: flex;
    flex-direction: column;
    gap: 8px;
    color: var(--uploadcsv-text);
    font-size: 13px;
    font-weight: 600;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .csvColumnMappings.empty {
    display: block;
    color: #7b4d17;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .csvColumnMappings .bp6-button {
    justify-content: space-between;
    width: 100%;
    min-height: 42px;
    border-radius: 12px;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSV-inlinePreview,
.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .labelPreview {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    margin: 0;
    border: 1px solid rgba(35, 83, 71, 0.1);
    border-radius: 18px;
    background: #fffefb;
    overflow: hidden;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSV-inlinePreview .header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 18px;
    border-bottom: 1px solid rgba(35, 83, 71, 0.1);
    background: linear-gradient(180deg, #f9f6eb, #f4efde);
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSV-inlinePreview .body {
    flex: 1 1 auto;
    min-height: 360px;
    padding: 0;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .managementTreePreview.uploadCSV-inlinePreview .body {
    min-height: 520px;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .csvPreviewActions {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    color: #61716a;
    font-size: 13px;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSV-emptyState {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: center;
    min-height: 360px;
    padding: 24px;
    border: 1px dashed rgba(35, 83, 71, 0.24);
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(240, 234, 216, 0.68));
    text-align: center;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSV-emptyStateTitle {
    margin-bottom: 10px;
    color: var(--uploadcsv-text);
    font-size: 22px;
    font-weight: 700;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSV-emptyState p {
    margin: 0 auto;
    max-width: 460px;
    color: #62726b;
    font-size: 14px;
    line-height: 1.6;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSV-actions {
    margin-top: auto;
    padding-top: 4px;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSV-actions .bp6-button-group {
    display: flex;
    width: 100%;
    gap: 12px;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSV-actions .bp6-button {
    flex: 1 1 0;
    min-height: 46px;
    border-radius: 14px;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSV-card--side {
    justify-content: space-between;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSV-card--label {
    min-height: 720px;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell {
    display: flex;
    flex: 1 1 auto;
    height: 100%;
    min-height: 0;
    position: relative;
    background: transparent;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .uploadCSVLoadingOverlay {
    position: absolute;
    inset: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 254, 249, 0.72);
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .CompanionApp.content .main {
    height: 100%;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell > .content-body,
.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell > .content-body > .main,
.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .uploadCSVCompanionStep {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .uploadCSVCompanionStep {
    position: relative;
    padding-top: 0;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .managementTreeBulkFillHeader {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    height: 100%;
    width: 100%;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .managementTreeBulkFillHeaderLabel,
.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .managementTreeBulkFillHeaderAction {
    display: flex;
    justify-content: center;
    width: 100%;
}

.app .UploadCSV .uploadCSV.content .managementTreeBulkFillHeader .bp6-button {
    min-height: 22px;
    padding: 2px 6px;
    width: 100%;
    height: 32px;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .uploadCSVCompanionBody {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
    box-sizing: border-box;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .content-header .content-btns .uploadCSVHeaderActions {
    display: flex;
    gap: 8px;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .headerRow {
    margin-bottom: 0;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .uploadCSVWorkflowHeader,
.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .uploadCSVImportHeader,
.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .uploadCSVMappingHeader {
    flex-wrap: wrap;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .uploadCSVImportHeader {
    min-height: 42px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .headerRow .companionHeaderControl,
.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .headerRow .companionHeaderControlTests {
    min-width: 0;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .headerRow .companionHeaderControl .bp6-input-group,
.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .headerRow .companionHeaderControlTests .bp6-input-group {
    width: 250px;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .headerRow .companionHeaderControl .bp6-input-group .bp6-input,
.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .headerRow .companionHeaderControl .bp6-input-group .bp6-input:hover,
.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .headerRow .companionHeaderControl .bp6-input-group .bp6-input:focus,
.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .headerRow .companionHeaderControl .bp6-input-group .bp6-input:active {
    width: 100%;
    min-height: 42px;
    padding: 0 14px;
    border: 1px solid rgba(17, 20, 24, 0.12) !important;
    border-radius: 12px !important;
    background-color: #ffffff !important;
    color: #001d1d !important;
    box-shadow: none !important;
    font-weight: 600;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .headerRow .companionHeaderControl .bp6-input-group.bp6-disabled .bp6-input {
  background-color: #52515170 !important;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .headerRow .companionHeaderControl .bp6-input-group.bp6-disabled .bp6-input:hover,
.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .headerRow .companionHeaderControl .bp6-input-group.bp6-disabled .bp6-input:focus,
.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .headerRow .companionHeaderControl .bp6-input-group.bp6-disabled .bp6-input:active {
  background-color: #525151 !important;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .uploadCSVFilePickerControl {
    flex: 1 1 100%;
    width: 100%;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .uploadCSVFilePickerControl > span {
    white-space: nowrap;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .uploadCSVFilePicker {
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    width: 100%;
    height: 42px;
    min-height: 42px;
    min-width: 280px;
    overflow: hidden;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .uploadCSVFilePickerField {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    width: 100%;
    height: 42px;
    min-height: 42px;
    margin: 0;
    padding: 0 5px 0 14px;
    border: 1px solid rgba(17, 20, 24, 0.12) !important;
    border-radius: 12px !important;
    background-color: #ffffff !important;
    box-shadow: none !important;
    font-weight: 600;
    overflow: hidden;
    box-sizing: border-box;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .uploadCSVFilePickerText {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    cursor: pointer;
    min-width: 0;
    height: 100%;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .uploadCSVFilePickerAction.bp6-button {
    flex: 0 0 auto;
    min-width: 0;
    height: 28px;
    min-height: 28px;
    padding: 0 12px;
    margin: 0 5px 0 0;
    border: 1px solid rgba(17, 20, 24, 0.12) !important;
    border-radius: 10px !important;
    background-color: #ffffff !important;
    box-shadow: none !important;
    color: #001d1d !important;
    line-height: 1;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .uploadCSVFilePickerAction.bp6-button:hover,
.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .uploadCSVFilePickerAction.bp6-button:active,
.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .uploadCSVFilePickerAction.bp6-button:focus {
    background-color: #FCE8C2 !important;
    color: #001d1d !important;
    box-shadow: none !important;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .uploadCSVFilePickerAction .bp6-button-text {
    margin: 0;
    line-height: 1;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .uploadCSVFilePickerNativeInput {
    display: none;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .uploadCSVMappingHeader {
    gap: 18px 24px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 0;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .uploadCSVMappingControl {
    flex: 1 1 320px;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .uploadCSVMappingControl .multiselect-menu,
.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .uploadCSVMappingControl .multiselect-menu .bp6-popover-target {
    width: 100%;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .uploadCSVMappingControl .multiselect-menu .bp6-button,
.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .uploadCSVMappingControl .multiselect-menu .bp6-button:hover,
.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .uploadCSVMappingControl .multiselect-menu .bp6-button:active,
.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .uploadCSVMappingControl .multiselect-menu .bp6-button:focus {
    justify-content: space-between;
    width: 100%;
    min-height: 42px;
    padding: 0 14px;
    border: 1px solid rgba(17, 20, 24, 0.12) !important;
    border-radius: 12px !important;
    background-color: #ffffff !important;
    color: #001d1d !important;
    box-shadow: none !important;
    font-weight: 600;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .uploadCSVMappingControl .multiselect-menu .bp6-button .bp6-button-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .uploadCSVMappingControl .multiselect-menu .bp6-button .bp6-icon,
.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .uploadCSVMappingControl .multiselect-menu .bp6-button .bp6-icon svg {
    color: #001d1d !important;
    fill: #001d1d !important;
}

.uploadCSVColumnMappingPopover .bp6-popover-content,
.uploadCSVColumnMappingPopover .bp6-menu {
    border: 1px solid rgba(17, 20, 24, 0.12);
    background-color: #ffffff;
    color: #001d1d;
    box-shadow: 0 8px 20px rgba(17, 20, 24, 0.14);
}

.uploadCSVColumnMappingPopover .bp6-menu-item {
    color: #001d1d;
}

.uploadCSVColumnMappingPopover .bp6-menu-item:hover,
.uploadCSVColumnMappingPopover .bp6-menu-item.bp6-active {
    background-color: #FCE8C2;
    color: #001d1d;
}

.bp6-portal .uploadCSVColumnMappingPopover {
    margin-top: -14px;
}

/* The global navigation stylesheet darkens all portal menus by default. */
.bp6-portal .uploadCSVColumnMappingPopover .bp6-popover-content .bp6-menu {
    background-color: #ffffff !important;
    color: #001d1d !important;
}

.bp6-portal .uploadCSVColumnMappingPopover .bp6-popover-content .bp6-menu .bp6-menu-item {
    color: #001d1d !important;
}

.bp6-portal .uploadCSVColumnMappingPopover .bp6-popover-content .bp6-menu .bp6-menu-item:hover,
.bp6-portal .uploadCSVColumnMappingPopover .bp6-popover-content .bp6-menu .bp6-menu-item.bp6-active,
.bp6-portal .uploadCSVColumnMappingPopover .bp6-popover-content .bp6-menu .bp6-menu-item:focus {
    background-color: #FCE8C2 !important;
    color: #001d1d !important;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .uploadCSVCompanionCanvas,
.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .uploadCSVLabelCanvas {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    border: 1px solid #b7b7b2;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: #fffef9;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .uploadCSVCompanionCanvas {
    padding: 0;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .uploadCSVLabelCanvas {
    overflow: hidden;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .uploadCSVNoticePanel {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 12px;
    padding: 18px 20px;
    border: 1px solid #d9d7cf;
    border-radius: 12px;
    background: #f8f2e3;
    color: #20302b;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .uploadCSVNoticePanel {
    background: #f3efe4;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .uploadCSVStatusEyebrow {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #5c6559;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .uploadCSVNoticePanel p {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    color: #4f5b54;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .uploadCSVCompanionPreview,
.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .labelPreview {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    overflow: hidden;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .uploadCSVCompanionPreview .header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px;
    border-bottom: 1px solid #d9d7cf;
    background: #f8f2e3;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .uploadCSVCompanionPreview .body,
.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .labelPreview .body {
    flex: 1 1 auto;
    min-height: 0;
    padding: 0;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .uploadCSVCompanionEmptyState {
    border: 0;
    border-radius: 0;
    background: #fffef9;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .csvPreviewActions {
    color: #5d6458;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .uploadCSVSummaryFooter {
    margin-top: auto;
    flex: 0 0 70px;
    width: 100%;
    height: 70px;
    min-height: 70px;
    background-color: #cecece;
    border-top: 1px solid #777;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .uploadCSVSummaryFooter .bp6-button-group {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 10px 0;
    gap: 4px;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .uploadCSVSummaryFooter .bp6-button,
.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .uploadCSVSummaryFooter .bp6-button:hover,
.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .uploadCSVSummaryFooter .bp6-button:active,
.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .uploadCSVSummaryFooter .bp6-button:focus {
    min-height: 42px;
    padding: 0 16px;
    border-radius: 12px !important;
    border-color: transparent !important;
    background-color: #F1B434 !important;
    color: #000 !important;
    box-shadow: none !important;
    font-weight: 700;
    margin: 0;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .uploadCSVSummaryFooter .bp6-button:disabled,
.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .uploadCSVSummaryFooter .bp6-button.bp6-disabled {
    opacity: 0.6;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .uploadCSVSummaryFooter .companionPrimaryAction .bp6-icon,
.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .uploadCSVSummaryFooter .companionPrimaryAction .bp6-icon svg,
.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .uploadCSVSummaryFooter .companionPrimaryAction .bp6-icon svg path {
    color: #000 !important;
    fill: #000 !important;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .uploadCSVSummaryFooter .bp6-button.bp6-intent-danger,
.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .uploadCSVSummaryFooter .bp6-button.bp6-intent-danger:hover,
.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .uploadCSVSummaryFooter .bp6-button.bp6-intent-danger:active,
.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .uploadCSVSummaryFooter .bp6-button.bp6-intent-danger:focus {
    background-color: #C52F00 !important;
    color: #ffffff !important;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .uploadCSVSummaryFooter .bp6-button.uploadCSVSecondaryAction,
.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .uploadCSVSummaryFooter .bp6-button.uploadCSVSecondaryAction:hover,
.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .uploadCSVSummaryFooter .bp6-button.uploadCSVSecondaryAction:active,
.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .uploadCSVSummaryFooter .bp6-button.uploadCSVSecondaryAction:focus {
    background-color: #ffffff !important;
    border: 1px solid rgba(17, 20, 24, 0.12) !important;
    color: #001d1d !important;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .uploadCSVRemoveSelectedButton.bp6-button:disabled,
.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .uploadCSVRemoveSelectedButton.bp6-button.bp6-disabled,
.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .uploadCSVRemoveSelectedButton.bp6-button:disabled:hover,
.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .uploadCSVRemoveSelectedButton.bp6-button.bp6-disabled:hover {
    background-color: #C52F00 !important;
    color: #ffffff !important;
    opacity: 0.5;
}

.app .UploadCSV .uploadCSV.content .labelPreview {
    height: 75%;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .labelPreview {
    height: 100%;
}

.app .UploadCSV .uploadCSV.content .labelPreview .body {
    height: 100%;
}

.app .UploadCSV .uploadCSV.content .labelPreview .body .sample-view .content-header {
    display: none;
}

.app .UploadCSV .uploadCSV.content .labelPreview .body .sample-view .print-view-Container {
    height: 100%;
}

.app .UploadCSV .uploadCSV.content .labelPreview .body .sample-view .print-view-Container .print-view {
    top: 0;
    height: 100%;
}

.app .UploadCSV .uploadCSV.content .labelPreview .content-body .bringCompanion {
    position: absolute;
    top: 0;
    right: 0;
    padding: 25px;
}

.app .UploadCSV .uploadCSV.content .companionStep,
.app .UploadCSV .uploadCSV.content .companionStep .body {
    height: 100%;
}

.app .CompanionApp.content {
    height: 100%;
}

.app .CompanionApp > .content-body {
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
}

.app .CompanionApp > .content-body > .main {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    width: 100%;
}

.app .CompanionApp > .content-body > .main > .content-body {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
}

.app .UploadCSV .uploadCSV.content .CompanionApp.content .main {
    height: 91%;
}

@media screen and (max-width: 1380px) {
    .app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSV-summary,
    .app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSV-grid,
    .app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSV-grid.uploadCSV-grid--wide {
        grid-template-columns: 1fr;
    }

    .app .UploadCSV .uploadCSV.content.uploadCSVRedesign .csvColumnMappings,
    .app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSV-summary-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}

@media screen and (max-width: 960px) {
    .app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSV-summary,
    .app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSV-card {
        padding: 20px;
    }

    .app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSV-stepRail,
    .app .UploadCSV .uploadCSV.content.uploadCSVRedesign .csvColumnMappings,
    .app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSV-summary-metrics {
        grid-template-columns: 1fr;
    }

    .app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSV-inlinePreview .header {
        align-items: flex-start;
        flex-direction: column;
    }

    .app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSV-actions .bp6-button-group {
        flex-direction: column;
    }

    .app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .headerRow .companionHeaderControl .bp6-input-group,
    .app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .headerRow .companionHeaderControlTests .bp6-input-group,
    .app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .uploadCSVFilePicker {
        width: 100%;
    }
}

.app .UploadCSV .uploadCSV.content .csvTablePreview.managementTreePreview .ag-editable-grid .editableCell {
    box-shadow: 0px -2px 0px inset #b7b7b2;
}

.bp6-portal .managementTreeBulkFillPopover {
    margin-top: -15px;
    width: 250px;
}

.bp6-portal .managementTreeBulkFillPopover .bp6-popover-content .bp6-minimal {
    width: 50%;
}

.app .CompanionApp .content-body {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 0;
}

.app .CompanionApp .content-body.shrinkMe {
    height: calc(100% - 96px);
}

.app .CompanionApp .headerRow {
    display: flex;
    align-items: center;
    gap: 36px;
    min-height: 42px;
    margin: 0 10px;
    padding: 6px 12px;
    border: 1px solid #b7b7b2;
    border-bottom: none;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #FCE8C2;
}

.app .CompanionApp .headerRow .companionHeaderControl,
.app .CompanionApp .headerRow .companionHeaderControlTests,
.app .CompanionApp .companionDrisHeaderControl {
    display: flex;
    align-items: center;
    gap: 8px;
}

.app .CompanionApp .headerRow .companionHeaderControlTests {
    margin-left: auto;
}

.app .CompanionApp .headerRow .companionHeaderControlTests.moveMeOver {
    margin-right: 100px;
}

.app .CompanionApp .headerRow .companionHeaderControl > span,
.app .CompanionApp .headerRow .companionHeaderControlTests > span,
.app .CompanionApp .companionDrisHeaderControl > span {
    white-space: nowrap;
}

.app .CompanionApp .headerRow .companionHeaderControl .multiselect-menu,
.app .CompanionApp .headerRow .companionHeaderControl .multiselect-menu .bp6-popover-target,
.app .CompanionApp .headerRow .companionHeaderControlTests .bp6-input-group {
    width: 250px;
}

.app .CompanionApp .headerRow .companionHeaderControl .multiselect-menu .bp6-button,
.app .CompanionApp .headerRow .companionHeaderControl .multiselect-menu .bp6-button:hover,
.app .CompanionApp .headerRow .companionHeaderControl .multiselect-menu .bp6-button:active,
.app .CompanionApp .headerRow .companionHeaderControl .multiselect-menu .bp6-button:focus,
.app .CompanionApp .headerRow .companionHeaderControlTests .bp6-input-group .bp6-input,
.app .CompanionApp .headerRow .companionHeaderControlTests .bp6-input-group .bp6-input:hover,
.app .CompanionApp .headerRow .companionHeaderControlTests .bp6-input-group .bp6-input:focus {
    width: 100%;
    min-height: 42px;
    padding: 0 14px;
    border: 1px solid rgba(17, 20, 24, 0.12) !important;
    border-radius: 12px !important;
    background-color: #ffffff !important;
    color: #001d1d !important;
    box-shadow: none !important;
    font-weight: 600;
}

.app .CompanionApp .headerRow .companionHeaderControl .multiselect-menu .bp6-button .bp6-button-text,
.app .CompanionApp .headerRow .companionHeaderControlTests .bp6-input-group .bp6-input {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.app .CompanionApp .headerRow .companionHeaderControl .multiselect-menu .bp6-button .bp6-icon,
.app .CompanionApp .headerRow .companionHeaderControl .multiselect-menu .bp6-button .bp6-icon svg,
.app .CompanionApp .headerRow .companionHeaderControlTests .bp6-input-group .bp6-icon,
.app .CompanionApp .headerRow .companionHeaderControlTests .bp6-input-group .bp6-icon svg {
    color: #001d1d !important;
    fill: #001d1d !important;
}

.app .CompanionApp .headerRow .companionHeaderControlTests .bp6-input-group .bp6-input-action,
.app .CompanionApp .headerRow .companionHeaderControlTests .bp6-input-group .bp6-button {
    border-radius: 12px !important;
    background: transparent !important;
    box-shadow: none !important;
}

.app .CompanionApp .headerRow .companionHeaderControlTests .bp6-input-group .bp6-input-action {
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.app .CompanionApp .headerRow .companionHeaderControlTests .bp6-input-group .bp6-button {
    height: 100%;
    min-height: 42px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.app .CompanionApp .headerRow .companionHeaderControlDris {
    position: absolute;
    right: 26px;
    display: flex;
    align-items: center;
}

.app .CompanionApp .headerRow .companionHeaderControlDris .bp6-control {
    margin-bottom: 0;
}

.app .CompanionApp .companionDrisHeaderRow {
    gap: 28px;
    min-height: 36px;
    border-radius: 0px;
}

.app .CompanionApp .companionDrisHeaderControl .bp6-html-select select {
    min-width: 136px;
}

.app .CompanionApp .companionBody {
    flex: 1 1 auto;
    min-height: 0;
    padding: 0 10px 10px;
    box-sizing: border-box;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.app .CompanionApp .companionBody .ag-editable-grid,
.app .CompanionApp .companionFormsBody .ag-editable-grid {
    height: 100%;
}

.app .CompanionApp .companionBody .ag-root-wrapper,
.app .CompanionApp .companionBody .ag-root-wrapper-body,
.app .CompanionApp .companionBody .ag-header,
.app .CompanionApp .companionBody .ag-header-viewport {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.app .CompanionApp .companionBody .companionActionCell {
    display: flex;
    align-items: center;
    justify-content: center;
}

.app .CompanionApp .inputButtons {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    margin-top: auto;
    width: 100%;
    min-height: 62px;
    height: 62px;
    padding: 0;
    border: 0;
    border-top: 1px solid #777;
    background-color: #cecece;
}

.app .CompanionApp .inputButtons .bp6-button-group {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 10px 0;
}

.app .CompanionApp .inputButtons .bp6-button {
    width: auto;
    min-width: 120px;
    min-height: 42px;
    padding: 0 16px;
    border: 1px solid rgba(17, 20, 24, 0.12) !important;
    border-radius: 12px !important;
    background-color: #ffffff !important;
    color: #001d1d !important;
    box-shadow: none !important;
    font-weight: 700;
}

.app .CompanionApp .inputButtons .bp6-button:hover,
.app .CompanionApp .inputButtons .bp6-button:active,
.app .CompanionApp .inputButtons .bp6-button:focus {
    background-color: #ffffff !important;
    color: #001d1d !important;
    box-shadow: none !important;
}

.app .CompanionApp .inputButtons .bp6-button .bp6-button-text {
    display: inline;
    font-weight: 700;
}

.app .CompanionApp .inputButtons .bp6-button .bp6-icon,
.app .CompanionApp .inputButtons .bp6-button .bp6-icon svg {
    color: #001d1d !important;
    fill: #001d1d !important;
}

.app .CompanionApp .inputButtons .bp6-button.bp6-disabled,
.app .CompanionApp .inputButtons .bp6-button:disabled {
    background-color: #A1A1A1 !important;
    color: #000 !important;
}

.app .CompanionApp .inputButtons .bp6-button.bp6-disabled .bp6-icon,
.app .CompanionApp .inputButtons .bp6-button.bp6-disabled .bp6-icon svg,
.app .CompanionApp .inputButtons .bp6-button:disabled .bp6-icon,
.app .CompanionApp .inputButtons .bp6-button:disabled .bp6-icon svg {
    color: #000 !important;
    fill: #000 !important;
}

.app .CompanionApp .inputButtons .bp6-button.companionPrimaryAction,
.app .CompanionApp .inputButtons .bp6-button.companionPrimaryAction:hover,
.app .CompanionApp .inputButtons .bp6-button.companionPrimaryAction:active,
.app .CompanionApp .inputButtons .bp6-button.companionPrimaryAction:focus {
    background-color: #F1B434 !important;
    border-color: transparent !important;
    color: #000 !important;
}

.app .CompanionApp .inputButtons .bp6-button.companionPrimaryAction .bp6-icon,
.app .CompanionApp .inputButtons .bp6-button.companionPrimaryAction .bp6-icon svg {
    color: #000 !important;
    fill: #000 !important;
}

.app .CompanionApp .inputButtons .bp6-button-group .bp6-button.hideMe {
    visibility: hidden;
}

.app .CompanionApp .inputButtons .bp6-button-group .bp6-button.dontShowMe {
    display: none;
}

.app .CompanionApp .inputButtons .bp6-button-group .bp6-minimal {
    background-color: transparent !important;
    border: none !important;
}

.app .CompanionApp .companionFormsHeader {
    position: relative;
    justify-content: center;
    gap: 0;
}

.app .CompanionApp .companionFormsHeader .bp6-button {
    position: absolute;
    left: 0;
}

.app .CompanionApp .companionFormsButtons {
    justify-content: center;
}

.app .CompanionApp .companionFormsButtons .bp6-button-group {
    display: flex;
    justify-content: center;
    width: 100%;
}

.app .CompanionApp .companionFormsButtons .bp6-button {
    min-width: 120px;
}

.bp6-portal .companionProcedurePopover {
    margin-top: -18px;
    border-radius: 10px;
}

.bp6-portal .companionProcedurePopover .bp6-popover-content {
    padding: 0;
    background-color: #ffffff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 10px 24px rgba(17, 20, 24, 0.16);
}

.bp6-portal .companionProcedureMenu {
    min-width: 560px;
    max-width: min(640px, calc(100vw - 32px));
    max-height: 360px;
    overflow: auto;
    padding: 0;
    background-color: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.bp6-portal .companionProcedureMenu .bp6-menu-item {
    min-height: 28px;
    padding: 4px 8px;
    border-radius: 0;
    color: #10161a;
    background-color: #ffffff;
}

.bp6-portal .companionProcedureMenu .bp6-menu-item .bp6-icon,
.bp6-portal .companionProcedureMenu .bp6-menu-item .bp6-text-overflow-ellipsis,
.bp6-portal .companionProcedureMenu .bp6-menu-item .procedureCode,
.bp6-portal .companionProcedureMenu .bp6-menu-item .procedureName {
    color: #10161a !important;
    fill: #10161a !important;
}

.bp6-portal .companionProcedureMenu li:nth-child(odd) > .bp6-menu-item {
    background-color: #F9F3E6;
}

.bp6-portal .companionProcedureMenu li:nth-child(even) > .bp6-menu-item {
    background-color: #ffffff;
}

.bp6-portal .companionProcedureMenu .bp6-menu-item.bp6-active,
.bp6-portal .companionProcedureMenu .bp6-menu-item:hover {
    color: #10161a;
    background-color: #FCE8C2 !important;
}

.bp6-portal .companionProcedurePopover .bp6-popover-content .companionProcedureMenu .bp6-menu-item-label {
    color: #000000;
}

.bp6-portal .companionZoneTypePopover {
    border-radius: 10px;
}

.bp6-portal .companionZoneTypePopover .bp6-popover-content {
    padding: 0;
    background-color: #ffffff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 10px 24px rgba(17, 20, 24, 0.16);
}

.bp6-portal .companionZoneTypePopover .bp6-menu {
    margin: 0;
    padding: 0;
    background-color: #ffffff !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.bp6-portal .companionZoneTypePopover .bp6-menu-item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-left: 10px;
    padding-right: 10px;
    color: #10161a !important;
    background-color: #ffffff !important;
    border-radius: 0 !important;
}

.bp6-portal .companionZoneTypePopover .bp6-menu-item .bp6-icon,
.bp6-portal .companionZoneTypePopover .bp6-menu-item > .bp6-icon {
    background-color: #F1B434 !important;
    border-radius: 4px;
    padding: 4px;
    width: 30px;
    height: 30px;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
}

.bp6-portal .companionZoneTypePopover .bp6-menu-item .bp6-icon svg,
.bp6-portal .companionZoneTypePopover .bp6-menu-item > .bp6-icon svg,
.bp6-portal .companionZoneTypePopover .bp6-menu-item > .bp6-icon svg path {
    color: #000000 !important;
    fill: #000000 !important;
}

.app .CompanionApp .multiselect-menu.companionZoneTypeMenu .bp6-button,
.app .CompanionApp .multiselect-menu.companionZoneTypeMenu .bp6-button:hover,
.app .CompanionApp .multiselect-menu.companionZoneTypeMenu .bp6-button:active,
.app .CompanionApp .multiselect-menu.companionZoneTypeMenu .bp6-button:focus {
    background-color: #ffffff !important;
    color: #001d1d !important;
    border: 1px solid rgba(17, 20, 24, 0.12) !important;
    box-shadow: none !important;
}

.app .CompanionApp .multiselect-menu.companionZoneTypeMenu .bp6-button .bp6-icon,
.app .CompanionApp .multiselect-menu.companionZoneTypeMenu .bp6-button .bp6-icon svg,
.app .CompanionApp .multiselect-menu.companionZoneTypeMenu .bp6-button .bp6-icon svg path,
.app .CompanionApp .headerRow .companionHeaderControlTests .companionTestsInput .bp6-icon,
.app .CompanionApp .headerRow .companionHeaderControlTests .companionTestsInput .bp6-icon svg,
.app .CompanionApp .headerRow .companionHeaderControlTests .companionTestsInput .bp6-icon svg path {
    color: #001d1d !important;
    fill: #001d1d !important;
}

.bp6-portal .companionZoneTypePopover .bp6-menu-item .text {
    color: #10161a !important;
}

.bp6-portal .companionZoneTypePopover .bp6-menu-item.active,
.bp6-portal .companionZoneTypePopover .bp6-menu-item.active:hover,
.bp6-portal .companionZoneTypePopover .bp6-menu-item:hover {
    color: #10161a !important;
    background-color: #FCE8C2 !important;
    border-radius: 0 !important;
}

.bp6-portal .companionZoneTypePopover li:first-child > .bp6-menu-item,
.bp6-portal .companionZoneTypePopover li:last-child > .bp6-menu-item {
    border-radius: 0 !important;
}

.bp6-portal .companionZoneTypePopover .bp6-menu-item.active .bp6-icon,
.bp6-portal .companionZoneTypePopover .bp6-menu-item:hover .bp6-icon {
    color: inherit !important;
}

.bp6-portal .companionProcedureMenuItem {
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr);
    column-gap: 12px;
    align-items: center;
    width: 100%;
}

.bp6-portal .companionProcedureMenuItem .procedureCode,
.bp6-portal .companionProcedureMenuItem .procedureName {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.app .CompanionApp .companionBody .companionTestsCell {
    padding-right: 0;
    padding-left: 0;
}

.app .CompanionApp .companionTestsCellInner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    width: 100%;
    height: 100%;
}

.app .CompanionApp .companionTestsCellInner > span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.app .CompanionApp .companionTestsCellInner .companionTestsMoreButton.bp6-button {
    flex: 0 0 auto;
    align-self: center;
    width: 40px;
    min-width: 40px;
    height: 28px;
    min-height: 28px;
    padding: 0;
    margin-top: 5px;
    margin-right: 5px;
    border: 1px solid rgba(17, 20, 24, 0.12) !important;
    border-radius: 10px !important;
    background-color: #ffffff !important;
    box-shadow: none !important;
    color: #001d1d !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.app .CompanionApp .companionTestsCellInner .companionTestsMoreButton.bp6-button:hover,
.app .CompanionApp .companionTestsCellInner .companionTestsMoreButton.bp6-button:active,
.app .CompanionApp .companionTestsCellInner .companionTestsMoreButton.bp6-button:focus {
    background-color: #FCE8C2 !important;
    color: #001d1d !important;
    box-shadow: none !important;
}

.app .CompanionApp .companionTestsCellInner .companionTestsMoreButton .bp6-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    line-height: 1;
}

.app .CompanionApp .companionTestsCellInner .companionTestsMoreButton .bp6-icon svg,
.app .CompanionApp .companionTestsCellInner .companionTestsMoreButton .bp6-icon svg path {
    color: #001d1d !important;
    fill: #001d1d !important;
}

.app .CompanionApp .companionTestsCellInner .companionTestsMoreButton.bp6-button.bp6-disabled,
.app .CompanionApp .companionTestsCellInner .companionTestsMoreButton.bp6-button:disabled {
    background-color: #A1A1A1 !important;
    border-color: transparent !important;
    color: #000 !important;
}

.app .CompanionApp .companionTestsCellInner .companionTestsMoreButton.bp6-button.bp6-disabled .bp6-icon,
.app .CompanionApp .companionTestsCellInner .companionTestsMoreButton.bp6-button.bp6-disabled .bp6-icon svg,
.app .CompanionApp .companionTestsCellInner .companionTestsMoreButton.bp6-button.bp6-disabled .bp6-icon svg path,
.app .CompanionApp .companionTestsCellInner .companionTestsMoreButton.bp6-button:disabled .bp6-icon,
.app .CompanionApp .companionTestsCellInner .companionTestsMoreButton.bp6-button:disabled .bp6-icon svg,
.app .CompanionApp .companionTestsCellInner .companionTestsMoreButton.bp6-button:disabled .bp6-icon svg path {
    color: #000 !important;
    fill: #000 !important;
}

.bp6-portal .companionTestDialog {
    width: min(760px, calc(100vw - 40px));
    border-radius: 10px;
    --companion-test-list-height: 330px;
}

.bp6-portal .companionTestDialog .bp6-dialog {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 20px 44px rgba(17, 20, 24, 0.24);
}

.bp6-portal .companionTestDialog .bp6-dialog-header {
    padding: 14px 18px;
    border-bottom: 1px solid #cfc7b7;
    background-color: #FCE8C2;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.bp6-portal .companionTestDialog .bp6-dialog-header .bp6-heading {
    color: #001d1d;
    font-size: 20px;
    font-weight: 700;
}

.bp6-portal .companionTestDialog .bp6-dialog-header .bp6-icon,
.bp6-portal .companionTestDialog .bp6-dialog-header .bp6-icon svg,
.bp6-portal .companionTestDialog .bp6-dialog-close-button {
    color: #001d1d;
    fill: #001d1d;
    opacity: 1;
}

.bp6-portal .companionQuoteListDialog {
    width: min(760px, calc(100vw - 40px));
    border-radius: 10px;
}

.bp6-portal .companionQuoteListDialog .bp6-dialog {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 20px 44px rgba(17, 20, 24, 0.24);
}

.bp6-portal .companionQuoteListDialog .bp6-dialog-header {
    padding: 14px 18px;
    border-bottom: 1px solid #cfc7b7;
    background-color: #FCE8C2;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.bp6-portal .companionQuoteListDialog .bp6-dialog-header .bp6-heading {
    color: #001d1d;
    font-size: 20px;
    font-weight: 700;
}

.bp6-portal .companionQuoteListDialog .bp6-dialog-close-button {
    color: #001d1d;
    opacity: 1;
}

.bp6-portal .companionQuoteListDialog .bp6-dialog-body {
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 420px;
    min-height: 420px;
    margin: 0;
    padding: 18px;
    background-color: #f7f1e4;
    box-sizing: border-box;
}

.bp6-portal .companionQuoteListHeaderRow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.bp6-portal .companionQuoteListIntro {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 2px;
}

.bp6-portal .companionQuoteListTitle {
    color: #001d1d;
    font-size: 16px;
    font-weight: 700;
}

.bp6-portal .companionQuoteListSubtitle {
    color: #5f6b7c;
    font-size: 13px;
    line-height: 1.25;
}

.bp6-portal .companionQuoteListCount {
    color: #001d1d;
    font-weight: 700;
    background-color: #ffffff;
    padding: 4px 10px;
    border: 1px solid rgba(17, 20, 24, 0.12);
    border-radius: 999px;
}

.bp6-portal .companionQuoteListGridCard {
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    border: 1px solid #d6cec0;
    border-radius: 12px;
    background-color: #ffffff;
    overflow: hidden;
}

.bp6-portal .companionQuoteListDialog .companionQuoteListGridCard .ag-editable-grid {
    flex: 1 1 auto;
    min-height: 340px;
    height: 100%;
}

.bp6-portal .companionQuoteListDialog .ag-editable-grid .ag-root-wrapper {
    border-radius: 0px;
}

.bp6-portal .companionQuoteListDialog .bp6-dialog-footer {
    padding: 0;
    margin: 0;
    background-color: #cecece;
    border-top: 1px solid #777;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow: hidden;
}

.bp6-portal .companionQuoteListDialog .bp6-dialog-footer-actions {
    display: flex;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 10px 16px;
}

.bp6-portal .companionQuoteListDialog .bp6-button {
    min-height: 42px;
    padding: 0 16px;
    border-radius: 12px !important;
    box-shadow: none !important;
    font-weight: 700;
}

.bp6-portal .companionQuoteListDialog .ag-row.ag-row-selected .ag-cell,
.bp6-portal .companionQuoteListDialog .ag-row.companionQuoteRowSelected .ag-cell {
    color: #111;
    background-color: #b7dcff !important;
}

.bp6-portal .companionQuoteListDialog .ag-row.ag-row-selected:hover .ag-cell,
.bp6-portal .companionQuoteListDialog .ag-row.companionQuoteRowSelected:hover .ag-cell {
    background-color: #9bcbf5 !important;
}

.bp6-portal .companionSampleLookupDialog {
    width: min(720px, calc(100vw - 40px));
    border-radius: 10px;
}

.bp6-portal .companionSampleLookupDialog .bp6-dialog {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 20px 44px rgba(17, 20, 24, 0.24);
}

.bp6-portal .companionSampleLookupDialog .bp6-dialog-header {
    padding: 14px 18px;
    border-bottom: 1px solid #cfc7b7;
    background-color: #FCE8C2;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.bp6-portal .companionSampleLookupDialog .bp6-dialog-header .bp6-heading {
    color: #001d1d;
    font-size: 20px;
    font-weight: 700;
}

.bp6-portal .companionSampleLookupDialog .bp6-dialog-close-button {
    color: #001d1d;
    opacity: 1;
}

.bp6-portal .companionSampleLookupDialog .bp6-dialog-body {
    display: flex;
    flex-direction: column;
    gap: 14px;
    height: 420px;
    margin: 0;
    padding: 18px;
    background-color: #f7f1e4;
}

.bp6-portal .companionSampleLookupDialog .bp6-dialog-footer {
    padding: 0;
    margin: 0;
    background-color: #cecece;
    border-top: 1px solid #777;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow: hidden;
}

.bp6-portal .companionSampleLookupDialog .bp6-dialog-footer-actions {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 10px 16px;
}

.bp6-portal .companionSampleLookupDialog .bp6-dialog-footer-actions .bp6-button {
    min-height: 42px;
    padding: 0 16px;
    border-radius: 12px !important;
    background-color: #ffffff !important;
    border: 1px solid rgba(17, 20, 24, 0.12) !important;
    color: #001d1d !important;
    box-shadow: none !important;
    font-weight: 700;
}

.bp6-portal .companionSampleLookupDialog .bp6-button.companionDeleteSamplesButton,
.bp6-portal .companionSampleLookupDialog .bp6-button.companionDeleteSamplesButton:hover,
.bp6-portal .companionSampleLookupDialog .bp6-button.companionDeleteSamplesButton:active,
.bp6-portal .companionSampleLookupDialog .bp6-button.companionDeleteSamplesButton:focus,
.bp6-portal .companionPurgeSamplesDialog .bp6-button.companionDeleteSamplesButton,
.bp6-portal .companionPurgeSamplesDialog .bp6-button.companionDeleteSamplesButton:hover,
.bp6-portal .companionPurgeSamplesDialog .bp6-button.companionDeleteSamplesButton:active,
.bp6-portal .companionPurgeSamplesDialog .bp6-button.companionDeleteSamplesButton:focus {
    background-color: #C52F00 !important;
    border-color: transparent !important;
    color: #ffffff !important;
    box-shadow: none !important;
    font-weight: 400;
}

.bp6-portal .companionSampleLookupDialog .bp6-button.companionDeleteSamplesButton .bp6-icon,
.bp6-portal .companionSampleLookupDialog .bp6-button.companionDeleteSamplesButton .bp6-icon svg,
.bp6-portal .companionPurgeSamplesDialog .bp6-button.companionDeleteSamplesButton .bp6-icon,
.bp6-portal .companionPurgeSamplesDialog .bp6-button.companionDeleteSamplesButton .bp6-icon svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}

.bp6-portal .companionZoneLookupDialog .bp6-dialog-body {
    position: relative;
}

.bp6-portal .companionZoneLookupSpinner {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background-color: rgba(247, 241, 228, 0.88);
}

.bp6-portal .companionSampleLookupDialog .ag-editable-grid {
    flex: 1 1 auto;
    min-height: 0;
    border: 1px solid #d6cec0;
    border-radius: 12px;
    overflow: hidden;
    background-color: #ffffff;
}

.bp6-portal .companionSampleLookupContext {
    flex: 0 0 auto;
    align-self: flex-start;
    margin-bottom: 0;
    padding: 6px 10px;
    border: 1px solid rgba(17, 20, 24, 0.12);
    border-radius: 999px;
    background-color: #ffffff;
    color: #001d1d;
    font-weight: 700;
}

.bp6-portal .companionZoneLookupSearch {
    flex: 0 0 auto;
    margin-bottom: 0;
}

.bp6-portal .companionZoneLookupSearch.bp6-input-group {
    display: flex;
    align-items: center;
}

.bp6-portal .companionZoneLookupSearch.bp6-input-group .bp6-input,
.bp6-portal .companionZoneLookupSearch.bp6-input-group .bp6-input:hover,
.bp6-portal .companionZoneLookupSearch.bp6-input-group .bp6-input:focus {
    min-height: 44px;
    border: 1px solid rgba(17, 20, 24, 0.12) !important;
    border-radius: 12px !important;
    background-color: #ffffff !important;
    color: #001d1d !important;
    box-shadow: none !important;
    font-weight: 600;
}

.bp6-portal .companionZoneLookupSearch.bp6-input-group .bp6-icon,
.bp6-portal .companionZoneLookupSearch.bp6-input-group .bp6-icon svg {
    color: #001d1d !important;
    fill: #001d1d !important;
}

.bp6-portal .companionZoneLookupSearch.bp6-input-group .bp6-input-left-container {
    top: 50%;
    transform: translateY(-50%);
    height: 100%;
    display: flex;
    align-items: center;
}

.bp6-portal .companionZoneLookupSearch.bp6-input-group > .bp6-icon,
.bp6-portal .companionZoneLookupSearch.bp6-input-group > .bp6-icon.bp6-icon-search {
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin-top: 0 !important;
}

.bp6-portal .companionSampleLookupCount {
    align-self: center;
    margin-right: 0;
    padding: 6px 10px;
    border: 1px solid rgba(17, 20, 24, 0.12);
    border-radius: 999px;
    background-color: #ffffff;
    color: #001d1d;
    font-weight: 700;
}

.bp6-portal .companionTestDialog .bp6-dialog-body {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0;
    padding: 18px;
    background-color: #f7f1e4;
}

.bp6-portal .companionTestDialog .bp6-dialog-footer {
    padding: 0;
    margin: 0;
    background-color: #cecece;
    border-top: 1px solid #777;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow: hidden;
}

.bp6-portal .companionTestDialog .bp6-dialog-footer-actions {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 10px 16px;
}

.bp6-portal .companionTestDialog .bp6-dialog-footer-actions .bp6-button {
    min-height: 42px;
    padding: 0 16px;
    border-radius: 12px !important;
    background-color: #ffffff !important;
    border: 1px solid rgba(17, 20, 24, 0.12) !important;
    color: #001d1d !important;
    box-shadow: none !important;
    font-weight: 700;
}

.bp6-portal .companionTestDialogLayout {
    display: grid;
    grid-template-columns: 178px 1fr;
    gap: 16px;
    min-height: 440px;
}

.bp6-portal .companionSelectedTests {
    display: grid;
    grid-template-rows: auto auto auto;
    row-gap: 12px;
    align-self: start;
    min-height: 0;
    padding: 14px;
    border: 1px solid #d6cec0;
    border-radius: 12px;
    background-color: #ffffff;
}

.bp6-portal .companionSelectedTests .selectedTestsLabel {
    margin-top: 8px;
    color: transparent;
    font-weight: 700;
    user-select: none;
}

.bp6-portal .companionSelectedTests > .bp6-button {
    grid-row: 3;
    min-height: 42px;
    margin-top: 0 !important;
    border-radius: 12px !important;
    background-color: #C52F00 !important;
    border-color: transparent !important;
    color: #ffffff !important;
    box-shadow: none !important;
    font-weight: 700;
}

.bp6-portal .companionSelectedTests > .bp6-button .bp6-icon,
.bp6-portal .companionSelectedTests > .bp6-button .bp6-icon svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}

.bp6-portal .companionDialogProcedureMenu {
    grid-row: 2;
    overflow: auto;
    min-height: var(--companion-test-list-height);
    max-height: var(--companion-test-list-height);
    padding: 0;
    border: 1px solid #d6cec0;
    border-radius: 12px;
}

.bp6-portal .bp6-overlay-open .companionDialogProcedureMenu {
    max-height: var(--companion-test-list-height);
}

.bp6-portal .selectedTestsList {
    grid-row: 2;
    overflow: auto;
    height: var(--companion-test-list-height);
    min-height: var(--companion-test-list-height);
    max-height: var(--companion-test-list-height);
    box-sizing: border-box;
    border: 1px solid #d6cec0;
    border-radius: 12px;
    background-color: #f9f5ec;
}

.bp6-portal .selectedTestsList .bp6-button {
    width: 100%;
    justify-content: flex-start;
    min-height: 30px;
    padding: 4px 8px;
    border-radius: 0 !important;
    color: #001d1d !important;
}

.bp6-portal .selectedTestsList .bp6-button.selected,
.bp6-portal .selectedTestsList .bp6-button:hover {
    background-color: #FCE8C2 !important;
}

.bp6-portal .selectedTestsList .emptyTests {
    display: flex;
    align-items: center;
    min-height: 30px;
    padding: 4px 8px;
    color: #5f6b7c;
    text-align: left;
    font-weight: 600;
}

.bp6-portal .companionTestDialogBody {
    display: grid;
    grid-template-rows: auto auto auto;
    row-gap: 12px;
    align-content: start;
    padding: 14px;
    border: 1px solid #d6cec0;
    border-radius: 12px;
    background-color: #ffffff;
}

.bp6-portal .companionTestDialogBody label {
    color: #001d1d;
    font-weight: 700;
}

.bp6-portal .companionTestDialogBreadcrumbs {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0;
    width: 100%;
    color: #5f6b7c;
    font-weight: 600;
}

.bp6-portal .companionTestDialogBreadcrumbItem {
    display: inline-flex;
    align-items: center;
    min-width: 0;
}

.bp6-portal .companionTestDialogBreadcrumbItem:not(:last-child)::after {
    content: "/";
    margin: 0 8px;
    color: #8f9aa7;
}

.bp6-portal .companionTestDialogBreadcrumbItem strong {
    margin-right: 4px;
    color: #001d1d;
}

.bp6-portal .companionTestDialogBody .procedureCodesLabel {
    grid-row: 1;
    margin-top: 8px;
}

.bp6-portal .companionDialogProcedureMenu .bp6-menu-item {
    min-height: 30px;
    padding: 4px 8px;
    border-radius: 0;
    color: #10161a;
    background-color: #ffffff;
}

.bp6-portal .companionDialogProcedureMenu li:nth-child(odd) > .bp6-menu-item {
    background-color: #F9F3E6;
}

.bp6-portal .companionDialogProcedureMenu .bp6-menu-item.bp6-active,
.bp6-portal .companionDialogProcedureMenu .bp6-menu-item:hover {
    color: #10161a;
    background-color: #FCE8C2;
}

.bp6-portal .companionDialogProcedureMenu .bp6-menu-item .bp6-text-overflow-ellipsis,
.bp6-portal .companionDialogProcedureMenu .bp6-menu-item .procedureCode,
.bp6-portal .companionDialogProcedureMenu .bp6-menu-item .procedureName {
    color: #10161a !important;
}

.bp6-portal .companionTestDialogBody .addTestButton {
    grid-row: 3;
    justify-self: center;
    min-width: 128px;
    min-height: 42px;
    margin-top: 0 !important;
    border-radius: 12px !important;
    background-color: #F1B434 !important;
    border-color: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    font-weight: 700;
}

.bp6-portal .companionTestDialogBody .addTestButton.bp6-disabled,
.bp6-portal .companionTestDialogBody .addTestButton:disabled {
    background-color: #A1A1A1 !important;
    color: #000 !important;
}

.app .CompanionApp .headerRow .companionTestsInput input {
    cursor: pointer;
}

.app .CompanionApp .headerRow .companionHeaderControlTests .companionTestsInput.companionTestsInput--readonly .bp6-input,
.app .CompanionApp .headerRow .companionHeaderControlTests .companionTestsInput.companionTestsInput--readonly .bp6-input:hover,
.app .CompanionApp .headerRow .companionHeaderControlTests .companionTestsInput.companionTestsInput--readonly .bp6-input:focus {
    background-color: #e5e5e5 !important;
    color: #5f6b7c !important;
    cursor: default;
}

.app .CompanionApp .headerRow .companionTestsInput.companionTestsInput--readonly .bp6-button {
    color: #5f6b7c !important;
    cursor: default;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .headerRow .bp6-input-group.bp6-disabled.companionTestsInput.companionTestsInput--readonly .bp6-input {
    background-color: #52515170 !important;
    cursor: default;
}

.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .headerRow .bp6-input-group.bp6-disabled.companionTestsInput.companionTestsInput--readonly .bp6-input:hover,
.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .headerRow .bp6-input-group.bp6-disabled.companionTestsInput.companionTestsInput--readonly .bp6-input:focus,
.app .UploadCSV .uploadCSV.content.uploadCSVRedesign .uploadCSVCompanionShell .headerRow .bp6-input-group.bp6-disabled.companionTestsInput.companionTestsInput--readonly .bp6-input:active {
    background-color: #525151 !important;
    color: #5f6b7c !important;
    cursor: default;
}

.app .CompanionApp .content-body .exportButton {
    position: absolute;
    top: 25px;
    right: 10px;
}

.app .Direct-client .UploadCSV .CompanionApp.content.uploadCSVCompanionShell .companionStep .CompanionApp.content .content-body .exportButton {
    top: -65px;
}

.app .CompanionApp .content-body .exportButton.companionWorksheetActions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

.app .CompanionApp .content-body .exportButton.SampleCart {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

.app .CompanionApp .content-body .exportButton.SampleCart .bp6-button,
.app .CompanionApp .content-body .exportButton.companionWorksheetActions .bp6-button {
    min-height: 42px;
    padding: 0 16px;
    border-radius: 12px !important;
    box-shadow: none !important;
    font-weight: 700;
}

.app .CompanionApp .content-body .exportButton.SampleCart .bp6-button {
    background-color: #F1B434;
    color: #000;
}

.app .CompanionApp .content-body .exportButton.SampleCart .bp6-button.bp6-intent-danger {
    background-color: #C52F00;
    box-shadow: inset 0 0 0 1px rgba(17, 20, 24, 0.2), 0 1px 2px rgba(17, 20, 24, 0.1);
    color: #ffffff;
}

.app .CompanionApp .content-body .exportButton.SampleCart .bp6-button.bp6-intent-danger:hover,
.app .CompanionApp .content-body .exportButton.SampleCart .bp6-button.bp6-intent-danger:focus,
.app .CompanionApp .content-body .exportButton.SampleCart .bp6-button.bp6-intent-danger:active {
    background-color: #992501;
    color: #ffffff;
}

.app .CompanionApp .content-body .exportButton.SampleCart .bp6-button:hover,
.app .CompanionApp .content-body .exportButton.SampleCart .bp6-button:focus,
.app .CompanionApp .content-body .exportButton.SampleCart .bp6-button:active {
  background-color: #e6aa25;
  border-color: #c48a16;
  color: #000;
}


.app .CompanionApp .content-body .exportButton.SampleCart .bp6-button.bp6-disabled {
    background-color: #52515170 !important;
    cursor: default;
    color: color-mix(in oklch, #ffffff 60%, transparent);
}

.app .CompanionApp .content-body .exportButton.SampleCart .bp6-button.bp6-disabled:hover,
.app .CompanionApp .content-body .exportButton.SampleCart .bp6-button.bp6-disabled:focus,
.app .CompanionApp .content-body .exportButton.SampleCart .bp6-button.bp6-disabled:active {
    background-color: #525151 !important;
    color: #5f6b7c !important;
    cursor: default;
}

.app .CompanionApp .content-body .exportButton.companionWorksheetActions .bp6-button.companionPrimaryAction,
.app .CompanionApp .content-body .exportButton.companionWorksheetActions .bp6-button.companionPrimaryAction.bp6-disabled,
.app .CompanionApp .content-body .exportButton.companionWorksheetActions .bp6-button.companionPrimaryAction:disabled {
    background-color: #A1A1A1 !important;
    border-color: transparent !important;
    color: #000 !important;
}

.app .CompanionApp .content-body .exportButton.companionWorksheetActions .bp6-button.companionPrimaryAction:not(:disabled):not(.bp6-disabled),
.app .CompanionApp .content-body .exportButton.companionWorksheetActions .bp6-button.companionPrimaryAction:not(:disabled):not(.bp6-disabled):hover,
.app .CompanionApp .content-body .exportButton.companionWorksheetActions .bp6-button.companionPrimaryAction:not(:disabled):not(.bp6-disabled):active,
.app .CompanionApp .content-body .exportButton.companionWorksheetActions .bp6-button.companionPrimaryAction:not(:disabled):not(.bp6-disabled):focus {
    background-color: #525151 !important;
    border-color: transparent !important;
    color: #000 !important;
}

.app .CompanionApp .content-body .exportButton.companionWorksheetActions .bp6-button.companionPrimaryAction .bp6-icon,
.app .CompanionApp .content-body .exportButton.companionWorksheetActions .bp6-button.companionPrimaryAction .bp6-icon svg {
    color: #000 !important;
    fill: #000 !important;
}

.bp6-portal .companionScanSamplesDialog {
    width: min(560px, calc(100vw - 40px));
    border-radius: 10px;
}

.bp6-portal .companionScanSamplesDialog .bp6-dialog {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 20px 44px rgba(17, 20, 24, 0.24);
}

.bp6-portal .companionScanSamplesDialog .bp6-dialog-header {
    padding: 14px 18px;
    border-bottom: 1px solid #cfc7b7;
    background-color: #FCE8C2;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.bp6-portal .companionScanSamplesDialog .bp6-dialog-header .bp6-heading {
    color: #001d1d;
    font-size: 20px;
    font-weight: 700;
}

.bp6-portal .companionScanSamplesDialog .bp6-dialog-close-button {
    color: #001d1d;
    opacity: 1;
}

.bp6-portal .companionScanSamplesDialog .bp6-dialog-body {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin: 0;
    padding: 18px;
    background-color: #f7f1e4;
}

.bp6-portal .companionScanSamplesDialog .bp6-dialog-footer {
    padding: 0;
    margin: 0;
    background-color: #cecece;
    border-top: 1px solid #777;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow: hidden;
}

.bp6-portal .companionScanSamplesDialog .bp6-dialog-footer-actions {
    display: flex;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 10px 16px;
}

.bp6-portal .companionScanSamplesIntro {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.bp6-portal .companionScanSamplesTitle {
    color: #001d1d;
    font-size: 16px;
    font-weight: 700;
}

.bp6-portal .companionScanSamplesSubtitle {
    color: #5f6b7c;
    font-size: 13px;
    line-height: 1.4;
}

.bp6-portal .companionScanSamplesFieldCard {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 14px;
    border: 1px solid #d6cec0;
    border-radius: 12px;
    background-color: #ffffff;
}

.bp6-portal .companionScanSamplesLabel {
    color: #001d1d;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.bp6-portal .companionScanSamplesInput.bp6-input-group {
    width: 100%;
}

.bp6-portal .companionScanSamplesInput.bp6-input-group .bp6-input,
.bp6-portal .companionScanSamplesInput.bp6-input-group .bp6-input:hover,
.bp6-portal .companionScanSamplesInput.bp6-input-group .bp6-input:focus {
    min-height: 44px;
    border: 1px solid rgba(17, 20, 24, 0.12) !important;
    border-radius: 12px !important;
    background-color: #ffffff !important;
    color: #001d1d !important;
    box-shadow: none !important;
    font-weight: 600;
}

.bp6-portal .companionScanSamplesStatusRow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.bp6-portal .companionScanSamplesError {
    color: #8f2f00;
    font-weight: 600;
    background-color: #FCE8C2;
    padding: 6px 10px;
    border-radius: 999px;
}

.bp6-portal .companionScanSamplesCount {
    color: #001d1d;
    font-weight: 700;
    background-color: #ffffff;
    padding: 6px 10px;
    border: 1px solid rgba(17, 20, 24, 0.12);
    border-radius: 999px;
}

.bp6-portal .companionScanSamplesDialog .bp6-button {
    min-height: 42px;
    padding: 0 16px;
    border-radius: 12px !important;
    box-shadow: none !important;
    font-weight: 700;
}

.bp6-portal .companionScanSamplesDialog .bp6-button.companionScanSamplesSecondary,
.bp6-portal .companionScanSamplesDialog .bp6-button.companionScanSamplesSecondary:hover,
.bp6-portal .companionScanSamplesDialog .bp6-button.companionScanSamplesSecondary:active,
.bp6-portal .companionScanSamplesDialog .bp6-button.companionScanSamplesSecondary:focus {
    background-color: #ffffff !important;
    border: 1px solid rgba(17, 20, 24, 0.12) !important;
    color: #001d1d !important;
}

.bp6-portal .companionScanSamplesDialog .bp6-button.companionScanSamplesPrimary,
.bp6-portal .companionScanSamplesDialog .bp6-button.companionScanSamplesPrimary:hover,
.bp6-portal .companionScanSamplesDialog .bp6-button.companionScanSamplesPrimary:active,
.bp6-portal .companionScanSamplesDialog .bp6-button.companionScanSamplesPrimary:focus {
    background-color: #F1B434 !important;
    border-color: transparent !important;
    color: #000 !important;
}

.bp6-portal .companionQuoteListDialog .bp6-button.companionScanSamplesSecondary,
.bp6-portal .companionQuoteListDialog .bp6-button.companionScanSamplesSecondary:hover,
.bp6-portal .companionQuoteListDialog .bp6-button.companionScanSamplesSecondary:active,
.bp6-portal .companionQuoteListDialog .bp6-button.companionScanSamplesSecondary:focus {
    background-color: #ffffff !important;
    border: 1px solid rgba(17, 20, 24, 0.12) !important;
    color: #001d1d !important;
}

.bp6-portal .companionQuoteListDialog .bp6-button.companionScanSamplesPrimary,
.bp6-portal .companionQuoteListDialog .bp6-button.companionScanSamplesPrimary:hover,
.bp6-portal .companionQuoteListDialog .bp6-button.companionScanSamplesPrimary:active,
.bp6-portal .companionQuoteListDialog .bp6-button.companionScanSamplesPrimary:focus {
    background-color: #F1B434 !important;
    border-color: transparent !important;
    color: #000 !important;
}

.bp6-portal .companionQuoteListDialog .bp6-button.companionScanSamplesPrimary:disabled,
.bp6-portal .companionQuoteListDialog .bp6-button.companionScanSamplesPrimary.bp6-disabled {
    background-color: #A1A1A1 !important;
    border-color: transparent !important;
    color: #000 !important;
}

.app .CompanionApp .companionSampleCartOverlay {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    background-color: rgba(0, 0, 0, 0.7);
}

.app .CompanionApp .companionSampleCartPanel {
    display: grid;
    grid-template-columns: minmax(360px, 560px) 320px;
    width: min(920px, calc(100vw - 32px));
    height: min(50vh, 520px);
    max-height: 50vh;
    overflow: hidden;
    border-radius: 6px;
    background-color: #fff;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.app .CompanionApp .companionSampleCartPreview {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    padding: 22px;
    background-color: #f6f7f9;
}

.app .CompanionApp .companionSampleCartPreview .title,
.app .CompanionApp .sampleCartSummaryHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 34px;
}

.app .CompanionApp .companionSampleCartPreview .title h2,
.app .CompanionApp .sampleCartSummaryHeader h2 {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
}

.app .CompanionApp .companionSampleCartList {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 8px;
    min-height: 0;
    margin-top: 18px;
    overflow-x: hidden;
    overflow-y: auto;
}

.app .CompanionApp .companionSampleCartItem {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(120px, 180px);
    gap: 12px;
    align-items: center;
    min-height: 58px;
    padding: 10px 12px;
    border: 1px solid #d6d9de;
    border-radius: 6px;
    background-color: #fff;
}

.app .CompanionApp .sampleCartItemPrimary,
.app .CompanionApp .sampleCartItemTests {
    min-width: 0;
}

.app .CompanionApp .sampleCartItemPrimary strong,
.app .CompanionApp .sampleCartItemPrimary span,
.app .CompanionApp .sampleCartItemTests {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.app .CompanionApp .sampleCartItemPrimary span {
    margin-top: 2px;
    color: #5f6b7c;
}

.app .CompanionApp .sampleCartItemTests {
    text-align: right;
    font-weight: 600;
}

.app .CompanionApp .companionSampleCartSummary {
    display: flex;
    flex-direction: column;
    padding: 22px 20px;
    border-left: 1px solid #d6d9de;
    background-color: #fff;
}

@media screen and (max-width: 1285px) and (min-width: 1090px) {
    .app .CompanionApp .companionSampleCartSummary {
        margin-top: -5px;
        padding-top: 0;
    }
}

.app .CompanionApp .companionSampleCartSummary ul {
    margin: 22px 0;
    padding: 0;
    list-style: none;
}

.app .CompanionApp .companionSampleCartSummary li {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 9px 0;
    border-bottom: 1px solid #eceff3;
}

.app .CompanionApp .companionSampleCartSummary li span {
    min-width: 0;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.app .CompanionApp .companionSampleCartSummary .bp6-button.yellow-btn {
    margin-top: auto;
}

.app .CompanionApp .purchaseOrderFields {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 0;
    margin-top: 20px;
}

.app .CompanionApp .purchaseOrderFields label {
    font-weight: 600;
}

.app .CompanionApp .purchaseOrderValidation {
    color: #c23030;
    font-size: 12px;
}

.app .CompanionApp .purchaseOrderActions {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: auto;
}

.purchaseOrderHelp {
    color: #5f6b7c;
    font-size: 12px;
    color: #5f6b7c;
}

.bp6-portal .companionSampleCartPurchaseCard {
    overflow-y: auto;
}

.bp6-portal .purchaseOrderFields {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-height: 0;
    margin-top: 14px;
}

.bp6-portal .companionSampleCartFieldCard {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.bp6-portal .companionSampleCartLabel {
    color: #001d1d;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.bp6-portal .companionSampleCartInput.bp6-input-group {
    width: 100%;
}

.bp6-portal .companionSampleCartInput.bp6-input-group .bp6-input,
.bp6-portal .companionSampleCartInput.bp6-input-group .bp6-input:hover,
.bp6-portal .companionSampleCartInput.bp6-input-group .bp6-input:focus {
    min-height: 44px;
    border: 1px solid rgba(17, 20, 24, 0.12) !important;
    border-radius: 12px !important;
    background-color: #ffffff !important;
    color: #001d1d !important;
    box-shadow: none !important;
    font-weight: 600;
}

.bp6-portal .companionSampleCartInput.bp6-input-group .bp6-input[readonly],
.bp6-portal .companionSampleCartInput.bp6-input-group .bp6-input[readonly]:hover,
.bp6-portal .companionSampleCartInput.bp6-input-group .bp6-input[readonly]:focus {
    background-color: #ece8df !important;
    color: #5f6b7c !important;
    cursor: default;
}

.bp6-portal .companionSampleCartFilePicker {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 44px;
    min-height: 44px;
    padding: 0 5px 0 14px;
    border: 1px solid rgba(17, 20, 24, 0.12) !important;
    border-radius: 12px !important;
    background-color: #ffffff !important;
    box-shadow: none !important;
    cursor: pointer;
    overflow: hidden;
    box-sizing: border-box;
}

.bp6-portal .companionSampleCartFilePickerText {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    min-width: 0;
    height: 100%;
    color: #5f6b7c;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bp6-portal .companionSampleCartFilePickerAction.bp6-button {
    min-width: 0;
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    padding: 0 12px;
    margin: 0 5px 0 0;
    align-self: center;
    box-sizing: border-box;
    border-radius: 10px !important;
    background-color: #ffffff !important;
    border: 1px solid rgba(17, 20, 24, 0.12) !important;
    color: #001d1d !important;
    box-shadow: none !important;
    font-weight: 700;
    line-height: 1;
}

.bp6-portal .companionSampleCartFilePickerAction.bp6-button:hover,
.bp6-portal .companionSampleCartFilePickerAction.bp6-button:active,
.bp6-portal .companionSampleCartFilePickerAction.bp6-button:focus {
    background-color: #FCE8C2 !important;
    color: #001d1d !important;
    box-shadow: none !important;
}

.bp6-portal .companionSampleCartFilePickerAction .bp6-button-text {
    margin: 0;
    line-height: 1;
}

.bp6-portal .companionSampleCartFilePickerNativeInput {
    display: none;
}

.bp6-portal .companionSampleCartDialog .bp6-dialog-footer {
    padding: 0;
    margin: 0;
    background-color: #cecece;
    border-top: 1px solid #777;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow: hidden;
}

.bp6-portal .companionSampleCartDialog .bp6-dialog-footer-actions {
    display: flex;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 10px 16px;
}

.bp6-portal .companionSampleCartDialog .bp6-button {
    min-height: 42px;
    padding: 0 16px;
    border-radius: 12px !important;
    box-shadow: none !important;
    font-weight: 700;
}

.bp6-portal .companionSampleCartDialog .bp6-button.companionScanSamplesSecondary,
.bp6-portal .companionSampleCartDialog .bp6-button.companionScanSamplesSecondary:hover,
.bp6-portal .companionSampleCartDialog .bp6-button.companionScanSamplesSecondary:active,
.bp6-portal .companionSampleCartDialog .bp6-button.companionScanSamplesSecondary:focus {
    background-color: #ffffff !important;
    border: 1px solid rgba(17, 20, 24, 0.12) !important;
    color: #001d1d !important;
}

.bp6-portal .companionSampleCartDialog .bp6-button.companionScanSamplesPrimary.bp6-disabled,
.bp6-portal .companionSampleCartDialog .bp6-button.companionScanSamplesPrimary:disabled {
    background-color: #A1A1A1 !important;
    border-color: transparent !important;
    color: #000 !important;
}

.bp6-portal .companionSampleCartDialog .bp6-button.companionScanSamplesPrimary:not(:disabled):not(.bp6-disabled),
.bp6-portal .companionSampleCartDialog .bp6-button.companionScanSamplesPrimary:not(:disabled):not(.bp6-disabled):hover,
.bp6-portal .companionSampleCartDialog .bp6-button.companionScanSamplesPrimary:not(:disabled):not(.bp6-disabled):active,
.bp6-portal .companionSampleCartDialog .bp6-button.companionScanSamplesPrimary:not(:disabled):not(.bp6-disabled):focus {
    background-color: #F1B434 !important;
    border-color: transparent !important;
    color: #000 !important;
}

.bp6-portal .companionSampleCartDialog .bp6-button.companionScanSamplesPrimary .bp6-icon,
.bp6-portal .companionSampleCartDialog .bp6-button.companionScanSamplesPrimary .bp6-icon svg {
    color: #000 !important;
    fill: #000 !important;
}

.bp6-portal .companionSampleCartDialog .bp6-button.companionScanSamplesPrimary.bp6-disabled .bp6-icon,
.bp6-portal .companionSampleCartDialog .bp6-button.companionScanSamplesPrimary.bp6-disabled .bp6-icon svg,
.bp6-portal .companionSampleCartDialog .bp6-button.companionScanSamplesPrimary:disabled .bp6-icon,
.bp6-portal .companionSampleCartDialog .bp6-button.companionScanSamplesPrimary:disabled .bp6-icon svg {
    color: #000 !important;
    fill: #000 !important;
}

.bp6-portal .companionSampleCartDialog .purchaseOrderValidation {
    color: #8f2f00;
    font-weight: 600;
    background-color: #FCE8C2;
    padding: 6px 10px;
    border-radius: 999px;
}

.bp6-portal .companionSampleCartDialog .purchaseOrderHelp {
    color: #5f6b7c;
    font-size: 12px;
    font-weight: 600;
}

@media screen and (max-width: 900px) {
    .bp6-portal .companionSampleCartDialog .bp6-dialog-body {
        height: auto;
        min-height: 0;
    }

    .bp6-portal .companionSampleCartLayout {
        grid-template-columns: 1fr;
    }

    .bp6-portal .companionSampleCartPreviewCard {
        min-height: 240px;
    }
}

.app .CompanionApp .companionReportBody {
    display: flex;
    flex-direction: column;
}

.app .CompanionApp .companionReportSelector {
    flex: 0 0 auto;
    overflow-x: auto;
    padding: 6px;
    white-space: nowrap;
    border-bottom: 1px solid #c8c8c3;
}

.app .CompanionApp .companionReportPending {
    padding: 12px;
    color: #5f6b7c;
}

.app .CompanionApp .content-body .print-view-embedd {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

.app .CompanionApp .content-body .inputButtons.viewReport {
    display: none;
}

.app .CompanionApp .main .spinnerTime,
.app .CompanionApp .main .spinnerTime.shrinkMe {
    position: absolute;
    top: 45%;
    left: 45%;
    z-index: 900;
}

.page-body {
    height: calc(100% - 82px);
}

.bp6-portal.settings .spinner-container {
    position: absolute;
    height: 66%;
    width: 75%;
    z-index: 900;
    top: 211px;
    bottom: 0;
    right: 0;
    left: 240px;
}

.user-control .bp6-menu {
    max-height: none;
    height: calc(100% - 30px);
}

.user-control {
    height: 100%;
}

.search input {
    height: 30px;
    width: 100%;
}

.content.server-analytics .ag-theme-balham a {
    color: #106ba3;
    text-decoration: none;
}

.content.server-analytics .ag-theme-balham a:hover {
    color: #106ba3;
    cursor: pointer;
    text-decoration: underline;
}

.bp6-portal.settings .form-sidebar2 .row.active.row .hideMeTissue {
    visibility: hidden;
}

/* BOOK LAYOUT */
.book {
    float: left;
    width: 100%;
    height: calc(100% - 85px);
}

.book section.pages {
    width: 8.5in;
    height: 11in;
    padding: 0.25in;
    border: 1px solid #333;
    box-shadow: 1px 1px 1px #333;
    overflow: hidden;
}

.book section.pages .page-header {
    height: 1in;
}

.book section.pages .page-columns {
    height: 8in;
    width: 100%;
} 

.book section.pages .page-footer {
    height: 1in;
}

.book.screen .pages {
    border: none; 
    box-shadow: none;
    padding: 10px 8px;
}

.book.screen section.pages {
    width: 100%;
}

.book.screen .pages .page-columns .column-strip {
    width: 2in;
}

/* .book.screen .pages .page-columns .column-strip.label-column {
    border-left: 2px solid #333;
} */

/* .book.screen .pages .page-columns .column-strip .block:first-child {
    border-top: 2px solid #333;
}

.book.screen .pages .page-columns .column-strip .block:first-child {
    border-top: 2px solid #333;
} */

.book.screen .page-header,
.book.screen .page-footer {
    display: none;
}

/* .book.screen .slider-container {
    width: calc(100%);
    height: 800px;
} */

.book.screen .slider-container > div {
    width: 22in;
    height: 100%;
}

/* PAGE HEADER */
.page-header .branding {
    height: 50%;
    margin-bottom: 5px;
}

.book section.pages .page-header .title {
    float: left;
    height: 100%;
    width: 50%;
    text-align: center;
}

.book section.pages .page-header .title h1 {
    margin: 0;
    font-size: 20pt;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0;
}

.book section.pages .page-header .title h1 {
    height: 90%;
    margin-top: -7px;
}

.book section.pages .page-header .title span {
    line-height: 30px;
    margin-top: 6px;
    display: inline-block;
    font-size: 40px;
    margin-left: -7px;
}

.book section.pages .page-header .title img {
    height: 100%;
    margin-top: -18px;
}

.book section.pages .page-header .title h2 {
    font-size: 10pt;
    text-transform: uppercase;
}

.branding .client-info {
    float: left;
    height: 100%;
    width: 25%;
    padding: 0 5px;
}

.branding label {
    font-weight: bold;
}

.branding .consultant-logo {
    float: left;
    height: 100%;
    width: 25%;
}

.branding .consultant-logo img {
    height: 100%;
    padding: 3px 10px;
    margin-left: 20px;
}

.basic-info {
    float: left;
    width: 100%;
    border: 1px solid #333;
    background-color: #cecececc;
}

.basic-info h1 {
    padding: 3px 5px 2px 5px;
    margin: 0;
    font-size: 12pt;
    width: calc(100% / 12* 3);
    float: left;
    border-right: 4px double #333;
}

.basic-info label {
    width: 100%;
    display: block;
    text-align: center;
    padding: 2px 5px;
    font-weight: bold;
}

.basic-info h1 span {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 10pt;
}

.basic-info div {
    float: left;
    width: calc(100% / 12* 9);
    height: 100%;
}

/* PAGE FOOTER */
.page-footer .branding {
    width: 100%;
}

.page-footer .branding > div {
    float: left;
    width: 25%;
    margin-top: 10px;
}

.page-footer div.address-section {
    float: left;
    width: 50%;
}

.page-footer div img {
    width: 75%;
}

.page-footer .brookside-section img {
    width: 100%;
    margin-top: 0px;
}

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

.amplify-section span,
.brookside-section span {
    display: block;
    text-align: center;
}

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

.page-header p,
.page-footer p {
    margin: 0;
}

.page-footer .notes p {
    float: left;
    width: 50%;
    padding: 2px 5px;
}

.page-footer .notes p:last-child {
    text-align: right;
}

/* PAGE COLUMNS */
.book .page-columns.cols-4 .column-strip {
    float: left;
    width: calc(100% / 4);
}

.book .page-columns.cols-4 .column-strip.label-column  {
    background-color: #cecece77;
    /* border-right: 4px solid #333;
    border-left: 1px solid #333; */
}

/* Two-Columns for Water audit */
.full-page .column-strip .block {
    float: left;
}

.full-page .column-strip .block .two-column-page .block-row {
    float: left;
    width: 200px;
}

/* PAGE ROWS */
.block-row {
    height: 0.4in;
}

.block-row.ring-ring,
.block-row.ring {
    height: 1.9in;
}

.gadget.text-container h5 {
    font-size: 8pt;
    font-weight: bold;
    margin: 4px 0 0 0;
}

/* BASIC INFO */
.basic-info h4 {
    float:left;
    width: 50%;
    padding: 12px 10px;
    margin: 0;
}

.basic-info div h4 svg {
    height: 20px;
}

.basic-info h4:last-child {
    text-align: right;
}

/* TEXT GADGET */
.block-row {
    padding: 2px 5px;
}

.gadget.trend-container,
.gadget.text-container {
    width: 100%;
    text-align: center;
}

.gadget.text-container h4 {
    padding-top: 9px;
    font-size: 12pt;
    font-weight: bold;
    margin-bottom: 1px;
}

.gadget.text-container h5 {
    font-size: 10pt;
    font-weight: bold;
    margin: 4px 0 0 0;
}

.gadget.text-container.data h5 {
    font-size: 11pt;
    padding: 6px;
}

.label .gadget.text-container.data h5 {
    font-size: 10pt;
    margin: 4px 0 0 0;
    padding: 0;
}

.block-row.field.label .gadget.text-container,
.block-row.zone.label .gadget.text-container {
    padding: 6px 0;
}

.block-row.field.label,
.block-row.zone.data {
    width: 100%;
}

.block-row.field.label,
.block-row.zone.label {
    padding-bottom: 0;
    margin-bottom: 0;
    height: 28px;
}

.block-row.labNumber.label .text-container h5 {
    font-size: 7pt;
}

.block-row.labNumber.label {
    padding-top: 0;
    margin-top: 0;
    height: 28px;
}

.block-row.field.data,
.block-row.zone.data {
    padding-bottom: 0;
    margin-bottom: 0;
    height: 28px;
    width: 100%;
}

.block-row.labNumber.data h5 {
    margin-top: 3px;
    padding-top: 0;
    font-weight: normal;
    font-size: 8pt;
}

.block-row.labNumber.data {
    padding-top: 0;
    margin-top: 0;
    height: 28px;
}

.gadget.trend-container span {
    font-size: 10pt;
    margin: 4px 0 0 0;
    padding: 0;
}

.gadget.trend-container b {
    padding: 0 4px 0 2px;
}

.gadget.trend-container .bp6-icon {
    padding-right: 3px;
}

.gadget b.pos {
    color: rgb(80, 168, 80);
}

.gadget.trend-container .bp6-icon-arrow-up svg {
    fill: rgb(80, 168, 80);
}

.gadget b.neg {
    color: rgb(128, 9, 9);
}

.gadget.trend-container .bp6-icon-arrow-down svg {
    fill: rgb(128, 9, 9);
}

.text-container .component div div h5 {
    float: left;
    margin: 0;
    margin-right: 5px;
    margin-left: 3px;
}

.text-container .component div div:first-child h5 {
    margin-right: 7px;
    margin-left: 52px;
}

.block-row.ph .text-container .component div div h5 {
    margin-right: 5px;
    margin-left: 3px;
}


.block-row.ph .component div div h5 {
    margin-right: 5px;
    margin-left: 53px;
}

.text-container .component div div h6 {
    float: left;
    margin: 0;
}

.text-container .component,
.text-container .component div,
.text-container .component div div {
    width: 100%;
    text-align: center;
}

.text-container .component div div {
    height: 0.2in;
}

.text-container .component div div:last-child h5 {
    margin-right: 5px;
}

.block-row.om .text-container .component h5 {
    margin: 0;
    margin-right: 9px;
    margin-left: 16px;
}

.block-row.tec .text-container .component h5 {
    margin: 0;
    margin-right: 19px;
    margin-left: 16px;
}

/* RING GADGET */
.gadget.ring-container {
    position: relative;
}

.outer-ring {
    width: 100%;
    height: 100%;
}

.inner-ring {                
    width: calc(100% - 34px);
    height: calc(100% - 34px);
    position: absolute;
    top: 17px;
    left: 17px; 
}

.outer-ring svg,
.inner-ring svg {
    transform: rotate(-90deg);
}

.inner-text {
    position: absolute;
    top: 35px;
    left: 56px;
    width: calc(100% - 35px);
    height: calc(100% - 35px);
}

.inner-text div {
    font-size: 9pt;
    letter-spacing: 0;
    font-weight: bold;
    width: 100%;
    height: 16px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

div .color-boxes {    
    display: block;
    width: 12px;
    height: 12px;
    float: left;
    margin: 1px 4px 2px 4px;
}

.subComponent {
    position: relative;
}

.subComponent .inner-text {
    top: 0px;
    left: 4px;
    width: 95%;
}

.subComponent .inner-text h6 {
    font-size: 9pt;
    margin-bottom: 3px;
}

.subComponent .inner-text div {
    margin-left: 40px;
}

/* BAR GADGET */
.gadget.bar-container h3 {
    font-size: 9pt;
    letter-spacing: 0;
    font-weight: bold;
    text-align: center;
    margin: 1px 0;
}

.gadget.bar-container h6 {
    font-size: 9pt;
    letter-spacing: 0;
    text-align: center;
    margin: 1px 0;
}

.gadget.bar-container > .bar-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}


.progress-bar-container {
    width: 100%;
    background-color: #cecece;
    padding: 2px 2px 2px 2px;
    border-radius: 30px;
    border: 2px solid #000;
    margin-top: 2px;
}

.progress-bar-container span {
    float: left;
    font-size: 6pt;
    font-weight: bold;
    padding: 0;
    width: 20px;
    line-height: 10px;
}

.progress-bar-bg {
    width: calc(100% - 0px);
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #333;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
    background-color: #e0e0e0; /* Light gray background for the container */
}

.progress-bar-fg {
    height: 100%; 
    transition: width 0.5s;
    box-shadow: inset 0 -2px 5px rgba(0, 0, 0, 0.3), inset 0 2px 5px rgba(255, 255, 255, 0.3);
}

.block-row.ph .progress-bar-container,
.block-row.ph .progress-bar-bg {
    background-color: #fff;
}

/* GAUGE GADGET */
.gauge-container.horiztonal,
.gauge-container.semi-circle {
    position: relative;
    text-align: center;
    width: 100%;
    float: left;
  }
  
  .gauge-container.horizontal .gauge-background,
  .gauge-container.semi-circle .gauge-background {
    display: flex;
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    border: 2px solid #777;
  }
  
  .gauge-container.horizontal .gauge-section,
  .gauge-container.semi-circle .gauge-section {
    height: 100%;
  }
  
  .gauge-container.semi-circle .gauge-needle {
    position: absolute;
    top: -1px;
    width: 4px;
    height: 12px;
    background-color: #000;
    transition: left 0.5s;
  }
  
.data .gauge-container.horizontal .gauge-label,
.data.gauge-label {
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 9pt;
    letter-spacing: 0;
    font-weight: bold;
    text-align: center;
    margin: 3px 0;
  }

  .gauge-container.horizontal,
  .gauge-container.semi-circle {
    position: relative;
    text-align: center;
    margin: 10px auto 8px auto;
    width: 100%;
  }

  .gauge-container.horizontal svg,
  .gauge-container.semi-circle svg {
    width: 100%;
    height: 40px;
    position: absolute;
    top: -24px;
    left: 0;
  }
  
  .gauge-container.horizontal .gauge-label,
  .gauge-container.semi-circle .gauge-label {
    position: absolute;
    top: -10px;
    text-align: center;
    width: 100%;
  }

  .gauge-container.horizontal .gauge-label,
.gauge-container.semi-circle .gauge-label h6  {
    font-size: 7pt;
    letter-spacing: 0;
    font-weight: bold;
    text-align: center;
    margin: 10px 0;
    text-align: center;
}

/* HORIZONTAL GAUGE */
.gauge-container.horizontal  {
    position: relative;
    text-align: center;
    height: 0.3in;
    margin: 2px 0;
  }

  .gauge-container.horizontal .gauge-box {
    height: 100%;
  }

  .gauge-container.horizontal .gauge-box {
    height: 128%;
  }
  
  .gauge-container.horizontal .gauge-background {
    display: flex;
    top: 52%;
    width: 100%;
    height: 28%;
    border: 1px solid #000;
    box-sizing: border-box;
  }
  
  .gauge-container.horizontal .gauge-section {
    height: 100%;
  }
  
  .gauge-container.horizontal .gauge-needle {
    position: absolute;
    top: 60%;
    width: 10px;
    background-color: #000;
    height: 45%;
  }
  
  .gauge-container.horizontal .gauge-label {
    margin-top: 10px;
    font-size: 9pt;
    letter-spacing: 0;
    font-weight: bold;
    text-align: center;
    margin: 0;
    text-align: center;
    top: 0;
  }

/* SEGMENTED BAR GADGET */
.box-container {    
    float: left;
    width: 100%;
    padding: 0 0 0 4px;
    border: 1px solid #333;
    border-radius: 30px;
    margin: 1px 0;
    height: 15px;
}

.pH .box-container {
    white-space: nowrap;
    overflow-x: visible; 
}

  .gadget .box-container span {
    width: 15px;
    font-size: 7pt;
    letter-spacing: 0;
    font-weight: bold;
    float: left;
    line-height: 11px;
    display: inline-block;
  }

  
  .gadget .box-container span.value {
    background-color: #cecece;
    margin-left: 3px;
    padding-left: 4px;
    width: 23px;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    border-left: 1px solid #333;
    font-size: 7pt;
    background-color: #6a9fcf;
  }

  .pH .box-container span.value:last-child {
    float: none;
    position: relative;
    right: 0px;
    top: -14px;
    height: 14px;
  }

.screen .pH .box-container span.value:last-child {
    top: -3px;
}
 
div.bar-wrapper:last-child div.box-container span.value:last-child {
    height: 14px;
  }

  .segmented-bar-container {
        position: relative;
        margin: 1px 2px;
        width: calc(100% - 60px);
        float: left;
    }
  
  .segmented-background {
    display: flex;
    width: 100%;
    height: 11px;
  }
  
  .gauge-segment {
    height: 100%;
  }

  .gauge-segment:not(:last-child) {
    margin-right: 1px; /* Adjust the padding between segments */
  }
  
 .segmented-bar-container .gauge-label {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.2em;
  }

/* ITEMIZED EDITS */

.tec .analtye-col {
    height: 30px;
}

.tec .gauge-container.semi-circle .gauge-label {
    top: -14px;
}

.tec .gauge-container.semi-circle .gauge-label h6 {
    font-size: 12pt;
}

.text-container h6 {
    font-size: 9pt;
}

.om.analyte-row {
    height: 40px;
}

.om.analyte-row .text-container > h5 {
    font-size: 10pt;
}

.minors.analyte-row, 
.ca.analyte-row,
.mg.analyte-row,
.k.analyte-row,
.na.analyte-row {
    height: 30px;
}

.minors.analyte-row, 
.ca.analyte-row,
.mg.analyte-row,
.k.analyte-row,
.na.analyte-row {
    height: 30px;
}

.anions.analyte-row {
    height: 38px;
}

.anions.analyte-row .analyte-col {
    height: calc(100% - 1px);
}

.minors.analyte-row .analyte-col,
.ca.analyte-row .analyte-col,
.mg.analyte-row .analyte-col,
.k.analyte-row .analyte-col,
.na.analyte-row .analyte-col,
.s.analyte-row .analyte-col {
    height: calc(100% - 1px);
}

.minors.analyte-row h5,
.ca.analyte-row h5,
.mg.analyte-row h5,
.k.analyte-row h5,
.na.analyte-row h5 {
    margin-top: 2px;
}

.minors.analyte-row h6,
.ca.analyte-row h6,
.mg.analyte-row h6,
.k.analyte-row h6,
.na.analyte-row h6 {
    padding-bottom: 0;
    margin-bottom: 2px;
}

.minors .analyte-col.cols-2 .gadget.text-container h5,
.ca .analyte-col.cols-2 .gadget.text-container h5,
.mg .analyte-col.cols-2 .gadget.text-container h5,
.k .analyte-col.cols-2 .gadget.text-container h5,
.na .analyte-col.cols-2 .gadget.text-container h5 {
    margin-top: 2px;
}

.al .analyte-col.cols-2 .gadget.text-container.col-text h5,
.ca .analyte-col.cols-2 .gadget.text-container.col-text h5,
.mg .analyte-col.cols-2 .gadget.text-container.col-text h5,
.k .analyte-col.cols-2 .gadget.text-container.col-text h5,
.na .analyte-col.cols-2 .gadget.text-container.col-text h5 {
    font-size: 10pt;
    padding: 2px 0;
}

.analyte-row.s .gadget.bar-container .progress-bar-container {
    margin-top: 3px;
}

.test-preview {
    position: absolute;
    top: 210px;
    left: 850px;
}

/* Content Header */
.interactive-results .bp6-button-group .bp6-control-group .bp6-input-group {
    padding: 0;
    margin-right: 0;
}

.interactive-results .content-header .results-date-range,
.interactive-results .content-header .results-date-range .bp6-popover-target,
.interactive-results .content-header .results-date-range .bp6-date-range-input,
.interactive-results .content-header .results-date-range .bp6-control-group,
.interactive-results .content-header .results-date-range .bp6-input-group,
.interactive-results .content-header .results-date-range .bp6-input {
    height: 48px;
}

.interactive-results .content-header .results-date-range .bp6-input-group {
    padding-left: 20px;
}

.interactive-results .content-header .results-date-range .bp6-date-range-input .bp6-input-group:first-child::after {
    right: -25px;
}

.interactive-results .content-header .results-date-range .bp6-input {
    line-height: 48px;
}

.interactive-results .bp6-button .bp6-button-text {
    color: white;
    letter-spacing: 1px;
}

.interactive-results .bp6-button .bp6-icon svg {
    fill: white;
}

.interactive-results .content-header .content-btns .bp6-button.manage-labels-desired-values-btn {
    height: 48px;
    min-height: 48px;
    background-color: #F1B434 !important;
    border-color: transparent !important;
    box-shadow: none !important;
    color: #000 !important;
}

.interactive-results .content-header .content-btns .bp6-button.manage-labels-desired-values-btn .bp6-button-text,
.interactive-results .content-header .content-btns .bp6-button.manage-labels-desired-values-btn .bp6-icon,
.interactive-results .content-header .content-btns .bp6-button.manage-labels-desired-values-btn .bp6-icon svg {
    color: #000 !important;
    fill: #000 !important;
}

.interactive-results.content {
    display: flex;
    flex-direction: column;
    min-height: 0;
    height: 100%;
}

.interactive-results.content > .content-body {
    flex: 1 1 auto;
    min-height: 0;
    padding: 10px 20px;
    box-sizing: border-box;
}

.interactive-results.content > .content-body .book {
    height: 100%;
}

/* Grid Mods */
.book.ag-theme-balham .ag-layout-normal ::before {
    background-color: #fff;
}

.book.ag-theme-balham .ag-layout-normal .ag-center-cols-viewport .ag-cell.order,
.book.ag-theme-balham .ag-layout-normal .ag-pinned-left-cols-container .ag-cell {
    background-color: #cecece77;
}

.book.ag-theme-balham .ag-layout-normal .ag-center-cols-viewport .ag-cell.order {
    border-left: thick solid #aaa;
}

.book.ag-theme-balham .ag-layout-normal .ag-cell {
    padding: 0;
}


.book.ag-theme-balham .ag-layout-normal .gauge-container.horizontal .gauge-needle {
    top: 62%;
}

.book.ag-theme-balham .ag-layout-normal .gauge-container.horizontal .gauge-box {
    height: 128%;
}

.interactive-results .book .ag-header {
    height: 129px !IMPORTANT;
    min-height: 129px !IMPORTANT;
} 

.interactive-results .loading-overlay {
    display: flex;
    width: 100%;
    top: 85px;
    height: calc(100vh - 85px);
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.interactive-results .loading-overlay > div {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    background-color: #cececeff;
    flex-direction: column;
}

.interactive-results .loading-overlay > div span {
    margin-top: 15px;
}

.interactive-results .no-data-overlay {
    display: flex;
    width: 100%;
    height: calc(100% - 85px);
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.interactive-results .ag-header .ag-header-cell.ag-column-first {
    display: none;
}

.interactive-results .ag-pinned-left-header  .ag-header-row .ag-header-group-cell {
    border: none;
}

.baseSat.label img {
    height: 45px;
}

/* Desired Values */
.ag-row.analyte-group {
    background-color: #777;
}

.settings .ag-header-group-cell .bp6-popover-target .bp6-button {
    height: 30px;
    margin: 0;
    border: 1px solid #777;
}

.settings .bp6-button {
    height: 30px;
    margin: 0;
}

.settings .bp6-button-group {
    margin-bottom: 0;
    height: 25px;
}

.settings .bp6-button-group .bp6-button {
    height: 25px;
    padding: 3px 4px 2px 7px;
}

.bp6-portal.settings .desired-values-settings-overlay .custom-toolbar-renderer .bp6-button.bp6-disabled {
    color: #222222;
}

.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay {
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 110px) !important;
    min-height: calc(100vh - 150px) !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(17, 20, 24, 0.12) !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, #f5f1e6 0%, #eef4f2 100%) !important;
    box-shadow: 0 24px 60px rgba(0, 29, 29, 0.18) !important;
}

.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .bp6-dialog-header,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .bp6-dialog-header {
    flex: 0 0 auto;
    margin: 0 !important;
    padding: 14px 18px !important;
    background: linear-gradient(135deg, #fce8c2 0%, #f7eee0 100%) !important;
    border-bottom: 1px solid rgba(17, 20, 24, 0.12) !important;
}

.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .bp6-dialog-header .bp6-heading,
.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .bp6-dialog-header .bp6-icon,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .bp6-dialog-header .bp6-heading,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .bp6-dialog-header .bp6-icon {
    color: #001d1d !important;
}

.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .bp6-dialog-body,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .bp6-dialog-body {
    flex: 1 1 auto;
    min-height: 0;
    margin: 0 !important;
    padding: 18px !important;
    background: transparent !important;
}

.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .grid-with-form-sidbar,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .grid-with-form-sidbar {
    height: min(800px, calc(100vh - 170px)) !important;
    max-height: calc(100vh - 170px) !important;
}

.ag-theme-balham .ag-layout-normal .ag-has-focus .ag-cell {
    border-color: transparent;
}

.settings .ag-cell .bp6-button-group .bp6-button.chevron {
    box-shadow: none;
    background-color: transparent;
}

.settings .edit-form h4 {
    padding: 10px 0 8px 0;
    height: 32px;
}

.settings .grid-with-form-sidbar {
    height: 705px;
}

.settings .edit-form h5:first-child {
    padding: 10px 10px 6px 10px;
    border-bottom: 1px solid #bdc3c7;
}

.settings .form-sidebar .sidebar-body .form-body, 
.edit-form .form-sidebar2 .sidebar-body .form-body {
    height: 600px;
}

.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page {
    display: flex;
    height: 100%;
    min-height: 0;
    padding: 0;
    border: 1px solid rgba(17, 20, 24, 0.12);
    border-radius: 0 0 16px 16px;
    background: rgba(255, 255, 255, 0.88);
    box-shadow: 0 10px 24px rgba(0, 29, 29, 0.08);
    overflow: hidden;
}

.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page > .grid-with-form-sidbar,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page > .grid-with-form-sidbar {
    display: flex;
    gap: 0;
    width: 100%;
    min-height: 0;
    padding: 0;
    box-sizing: border-box;
    background: transparent;
    overflow: auto;
}

.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page > .grid-with-form-sidbar > .ag-theme-balham,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page > .grid-with-form-sidbar > .ag-theme-balham {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    border: 1px solid rgba(17, 20, 24, 0.12) !important;
    border-radius: 0 0 16px 16px !important;
    background: #fffaf0 !important;
    box-shadow: 0 10px 24px rgba(0, 29, 29, 0.08) !important;
}

.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page > .grid-with-form-sidbar > .ag-theme-balham.editing,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page > .grid-with-form-sidbar > .ag-theme-balham.editing {
    border-bottom-right-radius: 0 !important;
}

.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page > .grid-with-form-sidbar > .ag-theme-balham .ag-root-wrapper,
.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page > .grid-with-form-sidbar > .ag-theme-balham .ag-root-wrapper-body,
.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page > .grid-with-form-sidbar > .ag-theme-balham .ag-root,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page > .grid-with-form-sidbar > .ag-theme-balham .ag-root-wrapper,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page > .grid-with-form-sidbar > .ag-theme-balham .ag-root-wrapper-body,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page > .grid-with-form-sidbar > .ag-theme-balham .ag-root {
    height: 100%;
    border-radius: 0 !important;
}

.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page > .grid-with-form-sidbar > .ag-theme-balham .ag-header,
.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page > .grid-with-form-sidbar > .ag-theme-balham .ag-header-viewport,
.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page > .grid-with-form-sidbar > .ag-theme-balham .ag-pinned-left-header,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page > .grid-with-form-sidbar > .ag-theme-balham .ag-header,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page > .grid-with-form-sidbar > .ag-theme-balham .ag-header-viewport,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page > .grid-with-form-sidbar > .ag-theme-balham .ag-pinned-left-header {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page > .grid-with-form-sidbar > .edit-form,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page > .grid-with-form-sidbar > .edit-form {
    height: 100%;
    max-height: 100%;
    min-height: 0;
    border-radius: 0 0 16px 16px;
    overflow: hidden;
}

.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page > .grid-with-form-sidbar > .edit-form.desired-values-edit-form,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page > .grid-with-form-sidbar > .edit-form.desired-values-edit-form {
    display: flex;
    flex-direction: column;
    height: 100%;
    max-height: 100%;
    overflow: hidden;
    background-color: #FCE8C2;
    border-top-right-radius: 0;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 0;
}

.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page > .grid-with-form-sidbar > .edit-form.desired-values-edit-form .editor-header-row,
.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page > .grid-with-form-sidbar > .edit-form.desired-values-edit-form .editor-meta-row,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page > .grid-with-form-sidbar > .edit-form.desired-values-edit-form .editor-header-row,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page > .grid-with-form-sidbar > .edit-form.desired-values-edit-form .editor-meta-row {
    background-color: #FCE8C2;
    height: 32px;
    min-height: 32px;
    max-height: 32px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #bdc3c7;
}

.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page > .grid-with-form-sidbar > .edit-form.desired-values-edit-form .editorHolder.editor-header-row,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page > .grid-with-form-sidbar > .edit-form.desired-values-edit-form .editorHolder.editor-header-row {
    border-bottom: 0;
}

.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page > .grid-with-form-sidbar > .edit-form.desired-values-edit-form .editor-header-row h4,
.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page > .grid-with-form-sidbar > .edit-form.desired-values-edit-form .editor-meta-row h5,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page > .grid-with-form-sidbar > .edit-form.desired-values-edit-form .editor-header-row h4,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page > .grid-with-form-sidbar > .edit-form.desired-values-edit-form .editor-meta-row h5 {
    padding: 0 10px;
    line-height: 1;
    margin: 0;
    width: auto;
    height: 100%;
    display: flex;
    align-items: center;
}

.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page > .grid-with-form-sidbar > .edit-form.desired-values-edit-form .editor-meta-row h5:first-child,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page > .grid-with-form-sidbar > .edit-form.desired-values-edit-form .editor-meta-row h5:first-child {
    border-bottom: 0;
}

.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page > .grid-with-form-sidbar > .edit-form.desired-values-edit-form .editor-header-row .closeButtonProduct,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page > .grid-with-form-sidbar > .edit-form.desired-values-edit-form .editor-header-row .closeButtonProduct {
    margin-top: 0;
    margin-left: auto;
    width: auto;
    display: flex;
    align-items: center;
    padding-right: 8px;
}

.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page > .grid-with-form-sidbar > .edit-form.desired-values-edit-form .editor-header-row .closeButtonProduct > .desired-values-close-button,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page > .grid-with-form-sidbar > .edit-form.desired-values-edit-form .editor-header-row .closeButtonProduct > .desired-values-close-button {
    padding-left: 0;
    width: 30px;
    min-width: 30px;
    height: 30px;
    min-height: 30px;
    padding: 0 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px !important;
    border: 1px solid transparent !important;
    background-color: #C52F00 !important;
    color: #fff !important;
    box-shadow: none !important;
}

.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page > .grid-with-form-sidbar > .edit-form.desired-values-edit-form .editor-header-row .closeButtonProduct > .desired-values-close-button:hover,
.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page > .grid-with-form-sidbar > .edit-form.desired-values-edit-form .editor-header-row .closeButtonProduct > .desired-values-close-button:active,
.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page > .grid-with-form-sidbar > .edit-form.desired-values-edit-form .editor-header-row .closeButtonProduct > .desired-values-close-button:focus,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page > .grid-with-form-sidbar > .edit-form.desired-values-edit-form .editor-header-row .closeButtonProduct > .desired-values-close-button:hover,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page > .grid-with-form-sidbar > .edit-form.desired-values-edit-form .editor-header-row .closeButtonProduct > .desired-values-close-button:active,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page > .grid-with-form-sidbar > .edit-form.desired-values-edit-form .editor-header-row .closeButtonProduct > .desired-values-close-button:focus {
    background-color: #A32600 !important;
    color: #fff !important;
}

.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page > .grid-with-form-sidbar > .edit-form.desired-values-edit-form .editor-header-row .closeButtonProduct > .desired-values-close-button .bp6-icon,
.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page > .grid-with-form-sidbar > .edit-form.desired-values-edit-form .editor-header-row .closeButtonProduct > .desired-values-close-button .bp6-icon svg,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page > .grid-with-form-sidbar > .edit-form.desired-values-edit-form .editor-header-row .closeButtonProduct > .desired-values-close-button .bp6-icon,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page > .grid-with-form-sidbar > .edit-form.desired-values-edit-form .editor-header-row .closeButtonProduct > .desired-values-close-button .bp6-icon svg {
    color: #fff !important;
    fill: #fff !important;
}

.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page > .grid-with-form-sidbar > .edit-form.desired-values-edit-form .form-sidebar2,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page > .grid-with-form-sidbar > .edit-form.desired-values-edit-form .form-sidebar2 {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    height: 100% !important;
    max-height: 100% !important;
    min-height: 0;
    overflow: hidden;
}

.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page > .grid-with-form-sidbar > .edit-form.desired-values-edit-form .form-sidebar2 .sidebar-body,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page > .grid-with-form-sidbar > .edit-form.desired-values-edit-form .form-sidebar2 .sidebar-body {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    height: calc(100% - 58px) !important;
    min-height: 0;
    max-height: calc(100% - 58px) !important;
    overflow: hidden;
}

.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page > .grid-with-form-sidbar > .edit-form.desired-values-edit-form .form-sidebar2 .sidebar-body .form-body,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page > .grid-with-form-sidbar > .edit-form.desired-values-edit-form .form-sidebar2 .sidebar-body .form-body {
    flex: 1 1 auto;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0 10px;
    scrollbar-gutter: stable;
}

.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page > .grid-with-form-sidbar > .edit-form.desired-values-edit-form .form-sidebar2 .sidebar-footer,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page > .grid-with-form-sidbar > .edit-form.desired-values-edit-form .form-sidebar2 .sidebar-footer {
    flex: 0 0 auto;
    height: 58px;
    min-height: 58px;
    margin-top: 0;
}

.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page > .grid-with-form-sidbar > .edit-form.desired-values-edit-form .form-sidebar2 .sidebar-footer .bp6-button,
.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page > .grid-with-form-sidbar > .edit-form.desired-values-edit-form .form-sidebar2 .sidebar-footer .bp6-button:hover,
.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page > .grid-with-form-sidbar > .edit-form.desired-values-edit-form .form-sidebar2 .sidebar-footer .bp6-button:active,
.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page > .grid-with-form-sidbar > .edit-form.desired-values-edit-form .form-sidebar2 .sidebar-footer .bp6-button:focus,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page > .grid-with-form-sidbar > .edit-form.desired-values-edit-form .form-sidebar2 .sidebar-footer .bp6-button,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page > .grid-with-form-sidbar > .edit-form.desired-values-edit-form .form-sidebar2 .sidebar-footer .bp6-button:hover,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page > .grid-with-form-sidbar > .edit-form.desired-values-edit-form .form-sidebar2 .sidebar-footer .bp6-button:active,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page > .grid-with-form-sidbar > .edit-form.desired-values-edit-form .form-sidebar2 .sidebar-footer .bp6-button:focus {
    width: 100%;
    min-height: 42px;
    border-radius: 12px;
    border-color: transparent;
    background-color: #F1B434;
    color: #000;
    box-shadow: none;
    font-weight: 700;
}

.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-unit-button,
.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-unit-button:hover,
.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-unit-button:active,
.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-unit-button:focus,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-unit-button,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-unit-button:hover,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-unit-button:active,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-unit-button:focus {
    min-height: 42px;
    height: 42px;
    padding: 0 14px !important;
    border-radius: 12px !important;
    border-color: transparent !important;
    background-color: #F1B434 !important;
    color: #000 !important;
    box-shadow: none !important;
    font-weight: 700;
}

.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-units-row,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-units-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 112px;
    align-items: center;
    column-gap: 10px;
    width: 100%;
    max-width: 100%;
    min-height: 42px;
    margin: 0 !important;
    padding-right: 0;
    box-sizing: border-box;
}

.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-units-label,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-units-label {
    display: inline-flex;
    align-items: center;
    height: 42px;
    min-height: 42px;
    white-space: nowrap;
    min-width: 0;
    margin-bottom: 0;
    margin-top: -12px;
    line-height: 1;
}

.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-actions-group,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-actions-group {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    height: 32px;
    margin: 3px 0 0;
}

.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-actions-group .bp6-button.chevron,
.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-actions-group .bp6-button.chevron:hover,
.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-actions-group .bp6-button.chevron:active,
.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-actions-group .bp6-button.chevron:focus,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-actions-group .bp6-button.chevron,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-actions-group .bp6-button.chevron:hover,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-actions-group .bp6-button.chevron:active,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-actions-group .bp6-button.chevron:focus {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-action-button,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-action-button,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-action-button {
    width: 32px;
    min-width: 32px;
    height: 32px;
    min-height: 32px;
    padding: 0 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px !important;
    border: 1px solid #b6b6b6 !important;
    background-color: #ffffff !important;
    color: #000 !important;
    box-shadow: none !important;
}

.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-action-button:hover,
.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-action-button:active,
.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-action-button:focus,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-action-button:hover,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-action-button:active,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-action-button:focus {
    background-color: #F1B434 !important;
    color: #000 !important;
}

.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-action-button .bp6-icon,
.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-action-button .bp6-icon svg,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-action-button .bp6-icon,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-action-button .bp6-icon svg {
    color: #000 !important;
    fill: #000 !important;
}

.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-action-button-add > span.bp6-icon,
.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-action-button-edit > span.bp6-icon,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-action-button-add > span.bp6-icon,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-action-button-edit > span.bp6-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-action-button-add > span.bp6-icon svg,
.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-action-button-edit > span.bp6-icon svg,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-action-button-add > span.bp6-icon svg,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-action-button-edit > span.bp6-icon svg {
    margin-right: 0;
    margin-top: 0;
}

.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-action-button-delete,
.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-action-button-delete:hover,
.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-action-button-delete:active,
.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-action-button-delete:focus,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-action-button-delete,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-action-button-delete:hover,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-action-button-delete:active,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-action-button-delete:focus {
    background-color: #C52F00 !important;
    color: #ffffff !important;
}

.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-action-button-delete .bp6-icon,
.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-action-button-delete .bp6-icon svg,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-action-button-delete .bp6-icon,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-action-button-delete .bp6-icon svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}

.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-action-button-delete:hover,
.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-action-button-delete:active,
.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-action-button-delete:focus,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-action-button-delete:hover,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-action-button-delete:active,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-action-button-delete:focus {
    background-color: #A32600 !important;
    color: #ffffff !important;
}

.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-action-button-placeholder,
.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-action-button-placeholder:hover,
.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-action-button-placeholder:active,
.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-action-button-placeholder:focus,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-action-button-placeholder,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-action-button-placeholder:hover,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-action-button-placeholder:active,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-action-button-placeholder:focus {
    border-color: transparent !important;
    background: transparent !important;
}

.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-units-controls,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-units-controls {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 42px;
    min-height: 42px;
    width: 112px;
    min-width: 112px;
    max-width: 112px;
}

.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-units-popover,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-units-popover {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
}

.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-units-controls .desired-values-unit-button,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-units-controls .desired-values-unit-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100px !important;
    margin: 0 !important;
    float: none !important;
    line-height: 1 !important;
}

.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-units-controls .desired-values-unit-button .bp6-button-text,
.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-units-controls .desired-values-unit-button .bp6-icon,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-units-controls .desired-values-unit-button .bp6-button-text,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-units-controls .desired-values-unit-button .bp6-icon {
    display: inline-flex;
    align-items: center;
    line-height: 1;
}

.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-unit-button .bp6-icon,
.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-unit-button .bp6-icon svg,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-unit-button .bp6-icon,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-unit-button .bp6-icon svg {
    color: #000 !important;
    fill: #000 !important;
}

.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-visibility-button,
.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-visibility-button:hover,
.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-visibility-button:active,
.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-visibility-button:focus,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-visibility-button,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-visibility-button:hover,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-visibility-button:active,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-visibility-button:focus {
    width: 32px;
    min-width: 32px;
    min-height: 32px;
    height: 32px;
    padding: 0 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px !important;
    border-color: transparent !important;
    background-color: #F1B434 !important;
    color: #000 !important;
    box-shadow: none !important;
}

.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-visibility-button .bp6-icon,
.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-visibility-button .bp6-icon svg,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-visibility-button .bp6-icon,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .desired-values-visibility-button .bp6-icon svg {
    color: #000 !important;
    fill: #000 !important;
}

.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .form-sidebar .sidebar-body .form-body,
.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .form-sidebar2 .sidebar-body .form-body,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .form-sidebar .sidebar-body .form-body,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .form-sidebar2 .sidebar-body .form-body {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
}

.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .ag-root-wrapper,
.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .ag-root-wrapper-body,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .ag-root-wrapper,
.bp6-portal.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .ag-root-wrapper-body {
    background: #fffaf0;
}

.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .client .bp6-icon,
.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .consultantProduct .bp6-icon,
.settings .bp6-dialog.three-column.no.margin.desired-values-settings-overlay .desired-values-settings-page .globalProduct .bp6-icon {
    padding-right: 10px;
}

.ssoil .block.cations {
    margin-top: .1in;
    height: 1.5in;
}

.ssoil .subComponent .inner-text div  {
    margin-left: 25px;
}

/* VERTICAL BAR CHART */
.bar.stacked.chart {
    margin: 10px 0px;
    position: absolute;
    left: 2px;
}

.ssoil .baseSat .units-container,
.ssoil .baseSat .ppm-container,
.ssoil .baseSat .pct-container  {
    height: 1.5in;
    width: 30%;
    top: 3px;
    left: 2px;
    position: relative;
    float: left;
    padding: 5px;
}

.ssoil .baseSat h5 {
    text-align: center;
    border-bottom: 1px solid #333;
    padding-bottom: 2px;
}

h6.sum {
    border-top: 2px solid #333;
    font-weight: bold;
    padding-top: 3px;
    margin-top: 3px;
}

.ssoil .baseSat h6 {
    margin: 3px 0;
}

.ssoil .color-boxes {
    margin: 1px 4px 2px 1px;
}

.ssoil .cations .label {
    padding-top: 10px;
}

.ssoil .baseSat .pct-container {
    width: 20%;
}

.tissue .block-row { 
    height: 0.4in;
}

.tissue .gadget.bar-container .bar-wrapper {
    flex-direction: row;
}

.tissue .gadget.bar-container .bar-wrapper canvas {
    float: left;
}

.tissue .bar-wrapper div {
    margin: 0;
}

.tissue .bar-wrapper canvas {
    float: left;
}

.tissue .bar-wrapper canvas {
    float: left;
}

.tissue .bar-wrapper div {
    display: flex;
}

.tissue .bar-wrapper div h5 {
    margin: 10px;
}

.tissue .column-strip.soil .bar-wrapper {
    flex-direction: column;
    align-items: flex-start;
    position: relative;
}

.tissue .block.majors .block-row,
.tissue .block.minors .block-row {
    height: 0.55in;
    padding: 0 10px;
}

.tissue .block.majors .block-row.label,
.tissue .block.minors .block-row.label {
    height: 0.55in;
    padding: 5px 10px;
}

.tissue .block-row .gadget-switch,
.tissue .block-row .bar-container,
.tissue .block-row .bar-wrapper,
.tissue .block-row .bar-wrapper div {
    height: 100%;
}

.tissue .block-row .bar-wrapper div {
    justify-content: center;
    align-items: center;
}

.tissue .block-row.field.data .t-data
.tissue .block-row.zone.data .t-data  {
    margin-top: 10px;
}

.soil .block.analytes .block-row,
.ssoil .block.analytes .block-row,
.tissue .block.analytes .block-row {
    float: left;
    width: 100%;
}

.tissue .block-row.data .gadget-switch {
    padding-top: 0px;
}

.tissue .block-row.field.data,
.tissue .block-row.zone.data {
    padding-top: 6px;
}


.ssoil .block-row.field.data,
.ssoil .block-row.zone.data {
    padding-top: 2px;
}

/* PRINTER OPTIONS */
.options .dialog-body {
    padding: 20px;
}

.options .dialog-body .bp6-label {
    font-weight: bold;
    margin-bottom: 10px;
}

.options .dialog-body .bp6-radio {
    margin-left: 20px;
}

.options .dialog-body .bp6-button-group {
    border-top: 1px solid #777;
    margin-top: 10px;
    padding-top: 10px;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.options .dialog-body .bp6-button-text {
    display: block;
}

.soil .block.analytes {
    height: 180px;
}

.tissue .block.analytes {
    height: 60px;
}

.ssoil .block.analytes {
    height: 250px;
} 

.block.analytes .field {
    display: none;
}

.pb-farm .block.analytes .field {
    display: block;
}

.pb-farm .tissue .block.analytes {
    height: 85px;
}

.pb-farm .ssoil .block.analytes {
    height: 280px;
} 

.pb-farm .Soil .block-row.labNumber.label {
    padding-top: 15px;
}

.pb-farm .Soil .block-row.labNumber.data {
    padding-top: 10px;
}

.pb-farm .soil .block.analytes {
    height: 260px;
} 

.pb-farm .soil .block.analytes .field,
.pb-farm .ssoil .block.analytes .field,
.pb-farm .tissue .block.analytes .field {
    display: block;
}

.water.column-strip .block-row.label {
    background-color: #cecece77;
}

.full-page .column-strip {
    width: 800px !IMPORTANT;
}

.full-page .water .pHc.label,
.full-page .water .rna.label,
.full-page .water .hardness.label {
    padding: 9px 0px;
}

.full-page .water .data.bar-horizontal .bar-wrapper div {
    display: block;
    float: left;
    width: 100%;
}

.full-page .column-strip .block {
    width: 400px;
}

.full-page .column-strip .block .block-row.data {
    float: left;
    width: 200px;
}

.full-page .column-strip .block .block-row {
    padding: 10px;
    height: 0.6in;
}

.column-strip.water .gadget.t-data h5 {
    margin: 0;
}

.column-strip.water .block-row.data .gadget-switch {
    padding-top: 2px;
}

.column-strip.water .multi-values > div {
    float: left;
    margin: 0 3px;
    min-width: 28%;
    height: 38px;
}

.column-strip.water .multi-values .lbs {
    min-width: 32%;
}

.column-strip.water .block-row.hardness .multi-values .meq {
    min-width: 25%;
    margin-right: 4px
}

.full-page .column-strip .block.pHc {
    width: 800px;
    border-bottom: 2px solid #333;
    font-weight: bold;
}

.full-page .column-strip .block.analytes-left,
.full-page .column-strip .block.analytes-right,
.full-page .column-strip .block.majors-left,
.full-page .column-strip .block.majors-right,
.full-page .column-strip .block.minors-left,
.full-page .column-strip .block.minors-right,
.full-page .column-strip .block.cations {
    border-bottom: 5px solid #333;
}

.full-page .column-strip .block.pHc {
    border-bottom: 2px solid #333;
}

.full-page .column-strip .block.pHc .data.phc {
    width: 600px;
}

.full-page .column-strip .block-row.label.conductivity {
    height: 1.2in;
}

.full-page .block .block-row.label.phc,
.full-page .block .block-row.data.phc {
    height: 0.8in;
}

.full-page .block .block-row.label.phc {
    padding-top: 26px;
}

.block-row.gauge-phc .gadget.bar-container h6 {
    margin-right: 10px;
}

.water .gauge-label.multi-values h5 {
    font-weight: bold;
    margin-bottom: 0;
}

.water .gauge-label.multi-values > div {
    padding-left: 2px;
    width: 100%;
}

.water .gauge-label.multi-values > div.meq {
    width: 32%;
}

.water .gauge-label > div.meq {
    letter-spacing: 0;
}

.water .gauge-label.multi-values > div > div {
    float: left;
    width: 32%;
    min-width: 32%;
    min-height: 20px;
}

.water .gauge-label.multi-values > div > div:last-child {
    margin-left: 5px;
}

.water .gauge-label.multi-values h6 {
    margin-top: -4px;
}

.water .data .gauge-container.horizontal .gauge-label {
    top: -15px;
}

.full-page .column-strip .block .block-row.gauge-horizontal {    
    padding-top: 16px;
}

.full-page .block .t-data {
    padding-top: 6px;
}

/* SCALE */
.scale-container {
    height: 0.2in;
    width: calc(100% - 10px);
    border: 2px solid #333;
    border-radius: 30px;
    position: relative;
    background: linear-gradient(to right, lightblue, gray);
    border-radius: 10px;
    transition: width 0.3s ease;
}

.dotted-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
}

.midpoint {
    position: absolute;
    width: 6px;
    height: 100%;
    background-color: #333;
    left: calc(50% - 3px);
}

.arrow-line {
    position: absolute;
    top: 25%;
    height: 50%;
    background-color: #000;
}

.left-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid black;
    margin-right: 50px;
}

.right-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid black;
}

.full-page .pHc .bar-container {
    width: 600px;
}

.full-page .pHc .bar-container > div {
    float: left;
    width: 300px;
    margin-left: calc(25% - 5px); 
}

.full-page .pHc .bar-container > h4 {
    float: left;
    text-align: center;
    width: 200px;
    margin-top: 4px;
    font-weight: bold;
}

.full-page .pHc .bar-container h5 {
    text-align: center;
    margin-right: 10px;
    margin-bottom: 2px;
}

.full-page .column-strip .block.cations {
    width: 800px;
}

.full-page .column-strip .block.cations .block-row {
    height: 1.8in;
}

.full-page .column-strip .block.cations .block-row.data {
    width: 600px;
    padding-left: 0;
    padding-right: 0;
}

.full-page .ppm-container,
.full-page .meq-container,
.full-page .lbs-container  {
    float: left;
    width: 180px;
    margin: 0 10px;
}

.full-page .column-strip .block.cations .block-row.data h5 {
    text-align: center;
}

.full-page .column-strip .block.cations .block-row.data h5 b {
    border-bottom: 2px solid #000;
    display: inline-block;
    height: 22px;
}

.full-page .column-strip .block.cations .block-row.data .bar-container,
.full-page .column-strip .block.cations .block-row.data .bar-container .bar-wrapper {
    width: 180px;
}

.full-page .column-strip .block.cations .block-row.data .bar-container .bar-wrapper div {
    width: 100%;
}

.full-page .column-strip .block.cations .block-row.data .bar-container .bar-wrapper div canvas {
    float: left;
}

.full-page .column-strip .block.cations .block-row.data .bar-container .bar-wrapper div h5 {
    margin-top: 2px;
    margin-bottom: 2px;
}

.full-page .meq-container > div {
    float: left;
    position: relative;
}

.full-page .meq-container .list {
    padding: 0 20px;
}

.full-page .meq-container .list div {
    margin-top: 2px;
    line-height: 16px;
}

.full-page .meq-container .list div label {
    display: inline-block;
    width: 40px;
    font-weight: bold;
}

.full-page .meq-container .list div span {
    display: inline-block;
    width: 40px;
    text-align: right;
}

.full-page .meq-container .list div.totals {
    border-top: 2px solid #000;
}

.full-page .meq-container .bar.stacked.chart {
    margin: 0;
    position: absolute;
    left: 0px;
}

.full-page .ag-cell {
    border-right: 2px solid #777;
}

.full-page .water .phc .bar-container h6 {
    margin-right: 10px;
}

.text-data h5 .multi-values div {
    letter-spacing: 0
}

.column-strip.water .gauge-label.multi-values > div {
    padding-left: 0;
    margin-left: 0;
}

.text-data h5 .multi-values .lbs {
    margin-left: 5px;
}

.interactive-results .full-page.book .ag-header {
    height: 161px !IMPORTANT;
    min-height: 161px !IMPORTANT;
}

.interactive-results .full-page .ag-header .ag-header-cell.ag-column-first {
    display: initial;
}

/* use gradient instead of three color palette */

.interactive-results .book.ag-theme-balham .tissue .bar-container .Hidden {
    display: none;
}

.interactive-results .book.ag-theme-balham .tissue .bar-container .needPadding > h5 {
    padding-left: 65px;
}

.bp6-portal.settings .grid-with-form-sidbar .dvHelpIcon {
    padding-left: 10px;
}

.block-row.extractType1 {
    margin-top: 20px;
}

.block-row.extractType1 h6,
.block-row.extractType2 h6 {
    font-style: italic;
}

.block-row.extractType2 {
    margin-top: -20px;
}

/* CHART EXAMPLE CSS */
.graph .chart-body {
    position: relative;
    float: left;
    width: 100%;
    height: 55%;
    padding: 20px;
}

.graph.data-analysis .chart-body
.graph.trend .chart-body {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    padding: 0 0 0 20px;
}

.graph.trend .chart-body section
.data-analysis.trend .chart-body section {
    padding-right: 20px;
}

/* First Row: column labels */
.graph .chart-body .column-headers {
    float: left;
    width: 100%;
    height: 41px;
    margin: 0;
}

.graph .chart-body .column-headers .col1 {
    float: left;
    width: 20%;
    text-align: center;
    font-weight: bold;
}

.graph .chart-body .column-headers .col2 {
    float: left;
    width: 60%;
    text-align: center;
    font-weight: bold;
}

.graph .chart-body .column-headers .col3 {
    float: left;
    width: 20%;
    text-align: center;
    font-weight: bold;
}

/* Second Row: Chart Row */
.graph .chart-body .chart-row {
    float: left;
    width: 100%;
    height: 60%;
    margin: 0;
}

.data-analysis .chart-body .chart-row, 
.graph.trend .chart-body .chart-row {
    height: 100%;
}

.graph .chart-body .chart-main {
    float: left;
    width: 68%;
    height: 100%;
    margin: 0 20px 0 50px;
    position: relative;
}

.graph .ag-theme-balham.editing {
    float: left;
}

.graph .chart-body .chart-sidebar {
    float: left;
    width: 25%;
    height: 100%;
}

.graph .chart-body .chart-main .status-zones {
  float: left;
  width: 100%;
    height: calc(100% - 118px);
  position: absolute;
}

.graph .chart-body .chart-main .status-zone {
    height: 25%;
    width: 100%;
    position: relative;
    overflow: visible;
}

.graph .chart-body .chart-main .status-zone .spacer {
    height: 3px;
    width: 100%;
    background-color: #777;
    margin: 3px 0;
}

.graph .chart-body .chart-main .status-zone h6 {
    margin: 0;
    font-weight: bold;
    font-size: 14px;
    position: absolute;
    bottom: -14px;
    left: 0;
    width: 100px;
    padding: 5px 15px;
    height: 26px;
    color: #fff;
}

.graph .chart-body .chart-main .status-zone h6::after {
    content: '';
    position: absolute;
    top: 0;
    right: -13px;
    width: 0;
    height: 0;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-left: 13px solid var(--status-zone-color);
}

.graph .chart-body .chart-main .status-zone.zone1 h6 {
    background-color: #C52F00;
    --status-zone-color: #C52F00;
}

.graph .chart-body .chart-main .status-zone.zone2 h6 {
    background-color: #DAA94A;
    --status-zone-color: #DAA94A;
}

.graph .chart-body .chart-main .status-zone.zone3 h6 {
    background-color: #50AF4C;
    --status-zone-color: #50AF4C;
}

.graph .chart-body .chart-main .status-zone.zone4 h6 {
    background-color: #A1A1A1;
    --status-zone-color: #A1A1A1;
}

.status-zone.zone1 {
    border-bottom: 2px solid #C52F00;
}

.status-zone.zone2 {
    border-bottom: 2px solid #DAA94A;
}

.status-zone.zone3  {
    border-bottom: 2px solid #50AF4C;
}

.status-zone.zone4  {
    border-bottom: 2px solid #A1A1A1;
}

.graph .chart-body .chart-main .chart-graphic {
    float: left;
    width: calc(100% - 120px);
    height: calc(100% - 120px);
    position: absolute;
    left: 120px;
}

.chart-sidebar h5 {
    font-size: 20px;
    font-weight: bold;
    color: #585858;
}

.chart-sidebar ul {
    padding: 5px;
}

.chart-sidebar ul li {
    padding: 0;
}

.chart-sidebar ul li span {
    width: 30%;
    text-align: right;
    font-weight: bold;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    color: #707575;
    font-weight: bold;
}

.chart-sidebar ul li {
    font-size: 1vw;
}

.chart-sidebar ul li label {
    width: 70%;
    text-align: left;
    font-weight: normal;
    vertical-align: top;
    font-size: 14px;
    color: #707575;
}

.graph .graph.nutrient.soil .content-body > div {
    height: 100%;
}

/* Third Row: Results */
.graph .chart-body .results-row {    
    float: left;
    width: 100%;
    height: 110px;
    margin: 0;
    position: absolute;
    top: calc(100% - 105px);
    left: 0;
    box-sizing: border-box;
}

.graph .chart-body .results-row.ag-theme-balham {
    height: calc(35% - 80px);
    padding-bottom: 0;
}

.graph.data-analysis .line-chart-wrapper,
.graph.trend .line-chart-wrapper {
    height: 100%;
    width: 100%;
}

.graph .chart-body .results-row.ag-theme-balham.alias {
    height: 22.5%;
    padding-bottom: 0;
}

.results-row .nutrients {
    position: absolute;
    top: 0;
    width: var(--nutrient-container-width, calc(100% - 120px));
    left: var(--nutrient-offset-left, 120px);
    padding: 5px 0;
    display: flex;
    box-sizing: border-box;
}

.graph .chart-body .results-row.ag-theme-balham {
    width: 100%;
}

.results-row .nutrients li div {
    height: 24px;
    text-align: center;
    font-weight: bolder;
    font-size: 1.5vw;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    line-height: 24px;
}

.graph .results-row .nutrients li div {
    font-size: 12px;
}

.results-row .nutrients.makeSmall li div {
    font-size: 12px;
    font-weight: bold;
}

.graph .results-row .nutrients.makeSmall li div {
    font-size: 12px;
}

.results-row div.goal {
    color: #585858;
}

.results-row .nutrients.makeSmall li div.nutrient {
    font-size: 20px;
}

.results-row .nutrients.makeSmall li div.units,
.results-row .nutrients.makeSmall li div.goal,
.results-row .row-headers li div:nth-child(2),
.results-row .row-headers li div:nth-child(4) {
    background-color: #EBEBEB;
}

.graph .results-row .nutrients .units,
.graph .results-row .nutrients .goal {
    background-color: #EBEBEB;
}

.results-row .row-headers {
    position: absolute;
    top: 0;
    left: 0;
    width: 120px;
    padding: 5px 0 0px 0px;
    margin-bottom: 5px;
    margin-top: -0.45%;
}

.results-row .nutrients li {
    float: none;
    width: var(--nutrient-item-width, auto);
    flex: 0 0 var(--nutrient-item-width, auto);
}

.results-row .nutrients .nutrient.makePFitAgain .makePFitAgainText {
    font-weight: bold !important;
    font-size: 0.5vw !important;
    margin-top: -3px;
}

.results-row .nutrients .nutrient.makePFitAgain .makePFitAgainText.ppm {
    font-weight: bold !important;
    font-size: inherit !important;
}

.results-row .row-headers li div {
    font-size: 14px;
    height: 24px;
    font-weight: bolder;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    line-height: 24px;
    padding-left: 25px;
    color: #707575;
}

@media screen and (max-width: 1750px) {    
    /* 
    Next section fixes issues we have 
    had show up when using FireFox 
    */
    @supports (-moz-appearance:none) {
        .results-row .nutrients .goal,
        .Client .results-row .nutrients .goal {
            margin-top: -15%;
        }
    
    }

    .results-row .row-headers {
        margin-top: -0.55%;
    }

}


@media screen and (max-width: 1700px) {
    /* 
    Next section fixes issues we have 
    had show up when using FireFox 
    */
     @supports (-moz-appearance:none) {
        .results-row .nutrients .goal,
        .Client .results-row .nutrients .goal {
            margin-top: -15%;
        }

        .graph .chart-body .results-row.ag-theme-balham {
            height: 20.5% !important;
            padding-bottom: 0;
        }
        
    }

}

@media screen and (min-width: 1535px) and (max-width: 1699px) {
    .results-row .row-headers {
        margin-top: -0.6% !important;
    }
    
    @media screen and (max-height: 760px ) {
        .graph.nutrient.soil .content-body .chart-body .chart-graphic .chartjs-render-monitor {
            height: 165.5px !important;
        }
    }
}

@media screen and (min-width: 1280px) and (max-width: 1534px) {
    /* 
    Next section fixes issues we have 
    had show up when using FireFox 
    */
    @supports (-moz-appearance:none) {
        .results-row .nutrients .goal,
        .Client .results-row .nutrients .goal {
            margin-top: -15%;
        }
    }

    .results-row .nutrients .nutrient.makePFitAgain .makePFitAgainText {
        font-size: 0.6vw !important;
    }
    
    .Client .graph.nutrient.soil .content-body .chart-sidebar {
        transform: scale(0.9);
        margin-left: -15px;
    }

    @media screen and (max-height: 630px ) {
        .graph.nutrient.soil .content-body .chart-body .chart-graphic .chartjs-render-monitor {
            height: 211px !important;
        }
    }

}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .Client .graph.nutrient.soil .content-body .chart-sidebar {
        transform: scale(0.6);
        margin-left: -50px;
        margin-right: 40px;
        margin-top: -40px;
    }

    .Client .graph.nutrient.soil .content-body .chart-body .chart-graphic .chartjs-render-monitor {
        height: 80.5px !important;
    }

}
/* 
Next section fixes issues we have 
had show up when using FireFox 
*/
@supports (-moz-appearance:none) {
    @media screen and (min-width: 1601px) and (max-width: 1775px) {
    }

    @media screen and (min-width: 1475px) and (max-width: 1600px) {
    }

    @media screen and (min-width: 1375px) and (max-width: 1474px) {
    }
}

.results-row {
    padding: 0;
    height: calc(35% - 85px);
}

.results-row .nutrients .nutrient {
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: -15px;
}

/** Fixing view for IMPERSONATE */
.results-row .nutrients .nutrient.alias {
    font-weight: bold;
    font-size: 12px;
}

.results-row .nutrients .units.alias {
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 0;
    margin-top: 0;
}

.results-row .nutrients .actual.alias,
.results-row .nutrients .goal.c3.alias {
    font-size: 12px;
    margin-bottom: 0;
}

.results-row .row-headers.alias {
    float: left;
    width: 120px;
    padding: 5px 0 0px 0px;
    margin-bottom: 5px;
    margin-top: -0.45%;
    font-size: 14px;
}

.results-row .row-headers.alias li div {
    margin-bottom: 0;
}
/** END IMPERSONATE VIEW **/

.page-content.graph .results-row .nutrients .nutrient > sub {
    font-size: 50%;
}

.c4  {
    color: #682d79;
}

.c3  {
    color: #188A52;
}

.c2  {
    color: #FFD800;
}

.c1  {
    color: #bd0000;
}


/* GOALS */
.Goal.form-group input {
    display: none;
}

.Goal.form-group label {
    margin-top: 30px;
    float: right;
    text-align: right;
}

.Low.form-group label {
    margin-top: 10px;
    float: right;
    text-align: right;
}

.form.nutrient-form.content.pageNavigation {
    height: 300px;
}

.nutrient-form .content-footer .bp6-button-group{
    text-align: center;
    display: block;
}

.nutrient-form .content-icon.bp6-icon svg {
    height: 14px;
    width: 14px;
}

.bp6-portal.soil-nutrient-goals .bp6-tabs .bp6-tab-list .bp6-tab {
    float: left;
    padding: 10px 20px;
    background-color: #6ABCB2 !important;
    color: #fff;
    outline: none;
    font-weight: bold;
}

.bp6-portal.soil-nutrient-goals .bp6-tabs .bp6-tab-list .bp6-tab.selected {
    color: #333;
}

.bp6-portal.soil-nutrient-goals .bp6-tabs .bp6-tab-indicator-wrapper .bp6-tab-indicator {
    background-color: transparent;
}

.bp6-portal.soil-nutrient-goals .bp6-tab > div {
    height: 45px;
}
.bp6-portal.soil-nutrient-goals h3 {
    margin: 0 0 6px 0;
}

.bp6-portal.soil-nutrient-goals h5 {
    margin: 6px 0 0 0;
    text-align: center;
}

.soil-nutrient-goals label {
    display: block;
    position: relative;
}

.bp6-tabs .bp6-tab-list h3 {
    font-size: 1.25rem;
}
.bp6-tabs .bp6-tab-list h5 {
    font-size: 1rem;
}

.soil-nutrient-goals label .bp6-icon {
    background-color: #cecece;
    border-radius: 20px;
    padding: 6px;
    position: absolute;
    top: -8px;
    right: 4px;
};

.soil-nutrient-goals .bp6-popover-wrapper {
    width: 20px;
    float: right;
    position: relative;
}

.soil-nutrient-goals .bp6-popover-wrapper {
    width: 100%;
    float: right;
    position: absolute;
}

.soil-nutrient-goals .bp6-popover-wrapper .bp6-popover-target {
    top: 10px;
}

.soil-nutrient-goals label .bp6-icon {
    border-radius: 20px;
    padding: 6px;
    position: absolute;
    top: -10px;
    right: 10px;
}

.grower-form .hide{
    display: none;
}

.bp6-portal.soil-nutrient-goals .input-group {
    text-align: center;
    display: block;
}

.bp6-portal.soil-nutrient-goals .bp6-button.bp6-intent-primary {
    margin-top: 5px;
}

.bp6-portal.soil-nutrient-goals .bp6-button.bp6-intent-invisible {
    margin-top: 5px;
    background-color: #8e9295;
    color: #575b5e;
}

.bp6-portal.soil-nutrient-goals .input-group .bp6-icon {
    padding-right: 0 !important;
}

.consultant-visibility-filter h2 {
    display: none;
}

.consultant-goals-row .row.active {
    margin: 0 0;
}

.consultant-goals-row .row.active .form-group {
    margin-bottom: 0;
}
.consultant-visibility-filter .row.active {
    margin: 0 0;
}

.client-visibility-filter h2 {
    display: none;
}

.grower-goals-row .row.active {
    margin: 0 0;
}

.grid-with-form-sidbar .form-body .row.active {
    background-color: #FCE8C2;
}

.grid-with-form-sidbar .form-body .row {
    margin: 0;
}

.grid-with-form-sidbar .form-body .row .bp6-form-group {
    margin: 0;
}

.grower-goals-row .row.active .form-group {
    margin-bottom: 0;
}
.client-visibility-filter .row.active {
    margin: 0 0;
}

.consultant-tissue-goals-row .row.active {
    margin: 40px 0;
}

.consultant-tissue-goals-row .row.active .label {
    padding-top: 30px;
}

.bp6-portal.soil-nutrient-goals .consultant-goals-row .Consultant_K_Goal .bp6-icon,
.bp6-portal.soil-nutrient-goals .grower-goals-row .Grower_K_Goal .bp6-icon {
    margin-right: 10px;
}

.bp6-portal.soil-nutrient-goals .content-footer .bp6-button-group {
    width: 100%;
    text-align: center;
    display: block;
    padding-top: 5px;
}

.content-btns .show {
    display: inline !important;
}

.awssld {
    float: left !important;
    height: 86% !important;
    --content-background-color: white !important;
}

.tissue-graph .awssld.awssld--organic-arrows {
    width: 90%;
}

.awssld__wrapper {
    height: 100% !important;
    width: 90% !important;
}

.slider-wrapper {
    background-color: white;
    float: left;
    width: 100%;
}

.row-wrapper {
    width: 100%;
}

.page-content.tissue-graph .noResults {
    float: left;
    margin-left: 36%;
    margin-top: 23%;
    font-size: 2em;
}

.trendYearDropdown {
    float: left !important;
    width: 50% !important;
    padding: 3px;
}

.yearDropdown {
    float: left !important;
    width: 100% !important;
    padding: 3px;
}

.graphWithSidebar.alias {
    margin-top: 5%;
}

.graphWithSidebar {
    padding: 20px 20px 20px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.data-analysis .edit-form,
.graph .edit-form,
.fert-trend-graph .edit-form {
    border-left: 1px solid #cecece;
    height: 204% !important;
    background-color: #FCE8C2;
}

.data-analysis .edit-form .editorHolder,
.data-analysis .edit-form .form-sidebar,
.data-analysis .edit-form .form-sidebar2,
.data-analysis .edit-form .sidebar-body,
.data-analysis .edit-form .form-body,
.graph .edit-form .editorHolder,
.graph .edit-form .form-sidebar,
.graph .edit-form .form-sidebar2,
.graph .edit-form .sidebar-body,
.graph .edit-form .form-body,
.fert-trend-graph .edit-form .editorHolder,
.fert-trend-graph .edit-form .form-sidebar,
.fert-trend-graph .edit-form .form-sidebar2,
.fert-trend-graph .edit-form .sidebar-body,
.fert-trend-graph .edit-form .form-body {
    background-color: #FCE8C2;
}

.data-analysis .bp6-control-indicator,
.graph .bp6-control-indicator,
.fert-trend-graph .bp6-control-indicator {
    margin-left: 11px !important;
}

.data-analysis .noResults,
.graph .noResults,
.fert-trend-graph .noResults {
    float: left;
    margin-left: 25%;
    margin-top: 30%;
    font-size: 2em;
}

.data-analysis .beginYearPopover,
.data-analysis .endYearPopover,
.graph .beginYearPopover,
.graph .endYearPopover,
.fert-trend-graph .beginYearPopover,
.fert-trend-graph .endYearPopover {
    width: 50%;
}

.data-analysis .beginYearPopover .beginYearDropdown,
.data-analysis .endYearPopover .endYearDropdown,
.graph .beginYearPopover .beginYearDropdown,
.graph .endYearPopover .endYearDropdown,
.fert-trend-graph .beginYearPopover .beginYearDropdown,
.fert-trend-graph .endYearPopover .endYearDropdown {
    width: 100%;
}

/* Make Trend Graph year dropdown buttons match mapping dropdown theme */
.data-analysis .beginYearPopover .beginYearDropdown,
.data-analysis .endYearPopover .endYearDropdown,
.graph .beginYearPopover .beginYearDropdown,
.graph .endYearPopover .endYearDropdown,
.fert-trend-graph .beginYearPopover .beginYearDropdown,
.fert-trend-graph .endYearPopover .endYearDropdown {
    background-color: #fff;
    color: #001d1d;
    border: 1px solid rgba(0,0,0,0.08);
    border-radius: 3px;
    text-align: center;
}

.data-analysis .beginYearPopover .beginYearDropdown .bp6-button-text,
.data-analysis .endYearPopover .endYearDropdown .bp6-button-text,
.graph .beginYearPopover .beginYearDropdown .bp6-button-text,
.graph .endYearPopover .endYearDropdown .bp6-button-text,
.fert-trend-graph .beginYearPopover .beginYearDropdown .bp6-button-text,
.fert-trend-graph .endYearPopover .endYearDropdown .bp6-button-text {
    color: #001d1d;
}

/* Ensure popover menu items also follow theme */
.bp6-popover.soilTrendDropdown .bp6-menu,
.bp6-popover.soilTrendDropdown .bp6-menu > li {
    background-color: #fff;
    color: #000;
}

.data-analysis .timeUnitsPopover,
.data-analysis .timeUnitsDropdown,
.data-analysis .analytesPopover,
.data-analysis .analytesDropdown,
.graph .timeUnitsPopover,
.graph .timeUnitsDropdown,
.graph .analytesPopover,
.graph .analytesDropdown,
.fert-trend-graph .timeUnitsPopover,
.fert-trend-graph .timeUnitsDropdown,
.fert-trend-graph .analytesPopover,
.fert-trend-graph .analytesDropdown  {
    width: 100%;
}

.bp6-popover.tissueNutrientHeader .saveButton {
    width: 80px;
}

.bp6-popover.start-yearDropdown,
.bp6-popover.end-yearDropdown {
    width: 80px;
    min-width: 80px;
    margin-top: -15px;
    z-index: 100;
}

.bp6-popover.start-yearDropdown .bp6-menu,
.bp6-popover.end-yearDropdown .bp6-menu {
    width: 80px;
    min-width: 80px;
}

.bp6-popover.start-yearDropdown .bp6-menu > li,
.bp6-popover.end-yearDropdown .bp6-menu > li {
    text-align: center;
}

.bp6-portal.soil-nutrient-goals .bp6-dialog-body .consultant-unit-switch,
.bp6-portal.soil-nutrient-goals .bp6-dialog-body .grower-unit-switch {
    float: right;
    margin-top: -9.5%;
    margin-right: 0%;
}

.bp6-portal.soil-nutrient-goals .bp6-dialog-body .col-md-1.form-group {
    width: 9%;
}

.bp6-portal.soil-nutrient-goals .bp6-dialog-body .col-md-1.form-group .control-label {
    font-size: 13px;
}

.content.graph.nutrient.soil .spinner-container {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 900;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    background-color: #77777755;
    padding-top: 20%;
}

.content.graph.nutrient.soil .spinner-container .bp6-spinner {
    position: relative;
    margin: 95px 0 10px 0;
}

.content.graph.nutrient.soil .spinner-container .bp6-spinner {
    position: relative;
    top: 0;
}

.bp6-portal .soilNutrientGraphFilter,
.bp6-portal .tissueNutrientFilter,
.bp6-portal .tissueNutrientHeader {
    max-width: 350px;
    padding: 20px;    
    background-color: #2B2B2B;
    color: #000000;
    margin-top: -15px;
}

.bp6-portal .soilNutrientGraphFilter .bp6-popover-content {
    margin-top: -20px !important;
    padding: 0;
    font-weight: bold;    
}

.bp6-portal .tissueNutrientFilter .bp6-popover-content,
.bp6-portal .tissueNutrientHeader .bp6-popover-content {
    margin-top: -20px;
    padding: 10px;
    font-weight: bold;
}

.bp6-portal .tissueNutrientFilter .bp6-popover-content {
    background-color: #2B2B2B;
    color: white;
    margin-top: -20px !important;
}

.bp6-portal .soilNutrientGraphFilter .bp6-popover-content > div > label:first-of-type,
.bp6-portal .tissueNutrientFilter .bp6-popover-content > div > label:first-of-type,
.bp6-portal .tissueNutrientHeader .bp6-popover-content > div > label:first-of-type {
    padding-top: 20px;
}

.bp6-portal .tissueNutrientFilter .bp6-popover-content .bp6-button {
    margin-top: 10px;
    margin-bottom: 5px;
}

.qctrend .form-body .qcTrendingDateRange {
    width: 50%;
    margin-top: 21px;
}

.qctrend .form-body .qc.analyteDropdown .bp6-popover-target {
    width: 100%;
}

.soilNutrientGraphFilter .bp6-popover-content div {
    background-color: #2B2B2B;
    color: white;
}

.soilNutrientGraphFilter .bp6-popover-content .bp6-button {
    background-color: #F1B434;
    color: #000;
    margin: 10px 7px 0 7px;
}

.Client .graph .graph-action-desired.hide {
    display: none;
}

.graph.nutrient.soil .content-body .chart-body.print {
    width: 100%;
    height: 100%;
    position: relative;
}

.graph.nutrient.soil .content-body .chart-body.print .chart-sidebar {
    transform: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
}

.cigDataSheetWizard.content {

}


.cigDataSheetWizard .content-icon.bg-square .bp6-icon {
    padding: 10px 9px 6px 10px;
}

.cigDataSheetWizard .page-body {
    float: left;
    width: 100%;
}

.cigDataSheetWizard .content-body {
    padding: 0 10px;
}

.cigDataSheetWizard .content-body .form-body {
    padding: 0;
}

.cigDataSheetWizard .form-tabs {
    float: left;
    width: 100%;
    height: 100%;
}

.cigDataSheetWizard .form-tabs .bp6-tab-panel,
.cigDataSheetWizard .form-tabs .bp6-tab-panel > div,
.cigDataSheetWizard .form-tabs .bp6-tab-panel > div .eventLog,
.cigDataSheetWizard .form-tabs .bp6-tab-panel > div .eventLog .container {
    height: 100%;
}

.cigDataSheetWizard  .bp6-tabs {
    display: block;
    margin: 20px;
    text-align: center;
    height: calc(100% - 43px);
}

.cigDataSheetWizard  .bp6-tab-list {
    margin-bottom: 10px;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: #D07500;
    border-radius: 7px;
}

.cigDataSheetWizard .bp6-tab {
    color: #fff;
    padding: 5px 10px;
    outline: none;
    margin-right: 0 !important;
}

.cigDataSheetWizard .bp6-tab:hover {
    color: #fff;
}

.cigDataSheetWizard .bp6-tab[aria-selected="true"],
.cigDataSheetWizard .bp6-tab:not([aria-disabled="true"]):hover {
    color: #fff;
}

.cigDataSheetWizard .bp6-tab-indicator-wrapper {
    background-color: #855126;
}

.cigDataSheetWizard .bp6-tab-indicator-wrapper .bp6-tab-indicator {
    background-color: #5A3720;
}

.cigDataSheetWizard .bp6-tab[aria-disabled="true"] {
    background-color: #d7d3d3 !important;
    color: #706b6b;
}

.plantingYear {
    padding: 2px 5px;
}

/* FORMS */
.cigDataSheetWizard .form .row {
    float: left;
    width: 100%;
}

.cigDataSheetWizard .form .row .col {
    text-align: left;
}

.cigDataSheetWizard .form h2 {    
    text-align: left;
    color: #D07500;
    font-weight: bold;
    margin: 10px;
}

.cigDataSheetWizard .content-footer {
    text-align: center;
}

.profile-form h2 {
    display: none;
}

.cigDataSheetWizard .form-label {
    font-size: 24px;
    margin-bottom: 15px;
}

/* READONLY FORM */
.step,
.step .container,
.step .section,
.step .section > div,
.step .row {
    float: left;
    width: 100%;
    margin: 0;
}

.cigDataSheetWizard .bp6-tab-panel {
    float: left;
    width: 100%;
    height: auto;
}

.step {
    display: flex;
    justify-content: center;
}

.step .container {
    width: 1040px;
    margin: 0 auto;
}

.step .section {
    margin: 5px 0 15px 0;
}

.step .row {
    border-bottom: 1px solid #333;
    display: block;
    float: left;
}
.step .row:first-child {
    border-top: 1px solid #333;
}

.step .col {
    border-right: 1px solid #333;
    text-align: left;
    float: left;
    overflow: hidden;
}
.step .col:first-child {
    border-left: 1px solid #333;
}

.step .col label {
    font-weight: bold;
    margin-right: 5px;
}

.step .title {
    text-align: center;
    background-color: #855126;
    color: white;
    font-weight: bold;
}

.step .no-grower {
    text-align: center;
}

.cigDataSheetWizard .container .btn-group {
    justify-content: center;
}

.cigDataSheetWizard .container .btn-group button {
    margin: 0 5px;
    padding: 5px 20px;
}

.appTiming {
    font-weight: bold;
    text-transform: uppercase;
}

.section .bottom-row {
    margin-bottom: 2px;
}


/* States Form Control */
.states-control .bp6-popover-target,
.states-control .bp6-button {
    width: 100%;
    height: 38px;
}


.checkboxes-control {
    padding: 0 10px;
}

.cigDataSheetWizard .form-body {
    height: 100%;
    max-height: 100%;
}

/* Dates Form Control */
.form-log .bp6-datepicker.form-control {
    width: 259px;
}

/* SWITCH */
.form-log .checkboxes-control span {
    padding-right: 5px;
}

.form-log .checkboxes-control .bp6-switch {
    margin: 10px;
}

.cigDataSheetWizard .row .col.edit {
    padding: 0;
    height: 31px;
}

.cigDataSheetWizard .row .col.edit .bp6-button {
    padding: 4px 10px;
    min-height: 24px;
    margin: 4px 0;
}

.cigDataSheetWizard .row .col.edit .bp6-button.bp6-intent-danger {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.cigDataSheetWizard .row .col.edit .bp6-button.bp6-intent-primary {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: -1px;
}


/* DIALOG FORM */
.form-log .bp6-dialog-body {
    margin: 0 0 20px 0;
}

.form-log .bp6-dialog-body .form {
    height: auto;
}

.form-log.two-column {
    min-width: 960px;
}

.form-log .content-body,
.form-log .form-body,
.form-log .form-body .row,
.form-log .form-body section h2 {
    margin: 0;
    padding: 0;
    float: left;
}

.form-log .form-body {
    margin-top: 10px;
    margin-left: 5px;
}

.form-log .form-body .row {
    width: 100%;
}

.form-log .bp6-datepicker {
    margin-left: 8px;
}

/* Rx Import */
.form-log .bp6-dialog-body h2 {
    margin: 10px 20px;
}

.form-log .ag-theme-balham .btn-group {
    justify-content: center;
}

.form-log .ag-theme-balham .bp6-button {
    min-height: 25px;
    padding: 5px 20px;
    height: 18px;
}

.form-log .form .btn-group {
    justify-content: center;
    margin: 10px 20px;
    width: calc(100% - 40px)
}

.bp6-dialog-body .Tillage .bp6-datepicker {
    margin: 0;
}


.form-log .form-body {
    max-height: auto;
    min-height: auto;
}

.form.Tillage textarea {
    width: 260px;
}

.form-body .AvePop,
.form-body .VarRateSeed  {
    margin-top: 15px;
}

section.cropRotation {
    margin-top: 20px;
}

.cigDataSheetWizard .form-tabs .bp6-tab-panel > div .eventLog .container .section {
    max-height: calc(100% - 200px);
    overflow: hidden;
}

.cigDataSheetWizard .logForm {
    height: 100%;
    overflow-y: auto;
    border-bottom: 2px solid #777;
}

.step .container .logs {
    float: left;
    height: 600px;
    overflow-y: scroll;
}

.logForm {
    max-height: calc(100vh - 400px);
}

.form-log .ag-theme-balham p,
.prerequisites .ag-theme-balham p {
    color: #f00;
    font-weight: bold;
    text-align: center;
    float: left;
    margin: 2px 0;
    width: 100%;
}

/* ButtonInputTag */
.input-tag .bp6-input,
.input-btn .bp6-input,
.input-tagBtn .bp6-input,
.tag-input-tag,
.btn-input-btn,
.input-tagBtn, 
.btn-input-tag {
    height: 38px;
}

.input-btn .bp6-input {
    font-size: 1rem;
    font-weight: 400;
}

.tag-input-tag .bp6-input,
.btn-input-tag .bp6-input,
.btn-input-btn .bp6-input {
    height: 100%;
    font-size: 1rem;
    font-weight: 400;
    padding-left: 25%;
} 

.btn-input-tag .bp6-input {
    padding-left: calc(50% + 10px) !important;
} 

.btn-input-tag .bp6-input-left-container {
    height: 100%;
    width: 50%;
    background-color: #cecece;
    border-radius: 3px;
}

.btn-input-tag .bp6-input-left-container .btn-group {
    margin: 0;
    width: 100%;
    height: 100%;
}

.btn-input-tag .bp6-input-left-container .bp6-button {
    height: calc(100% - 6px);
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    width: 50%;
}

.btn-input-tag .bp6-input-left-container .bp6-button:first-child {
    margin-left: 3px;
    margin-right: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.tag-input-tag .bp6-input-left-container .bp6-fill,
.tag-input-tag .bp6-input-action .bp6-fill,
.input-tag .bp6-input-action .bp6-fill,
.btn-input-tag .bp6-input-action .bp6-fill,
.btn-input-btn .bp6-input-action .bp6-fill {
    line-height: 24px;
}

.input-btn .bp6-input-action {
    height: 100%;
    width: 50%;
    background-color: #cecece;
    border-radius: 3px;
}

.input-tagBtn .bp6-input-action {
    height: 100%;
}

.input-btn .bp6-input-action .btn-group {
    margin: 0;
    width: 100%;
    height: 100%;
}

.input-btn .bp6-input-action .bp6-button {
    height: calc(100% - 6px);
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    width: 50%;
}

.input-btn .bp6-input-action .bp6-button:first-child {
    margin-left: 3px;
    margin-right: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.input-tagBtn .bp6-input-action .bp6-button {
    min-height: 20px;
    padding: 2px 6px;
    margin: 5px;
    line-height: 24px;
}

.btn-input-tag .bp6-input-left-container .bp6-button.product-selector.bp6-button {
    width: 410px;
}


.stabilizer .bp6-input-left-container {
    width: 180px;
}

.btn-input-btn .bp6-popover-target,
.btn-input-tag .bp6-popover-target {
    width: 100%;
}

.btn-input-btn.stabilizer .bp6-input-left-container .bp6-popover-target .bp6-button {
    width: 100%;
    height: 38px;
    margin-left: 0;
    margin-top: 0;
}

.btn-input-btn.stabilizer .bp6-input-action .bp6-popover-target {
    margin-top: 2px;
    margin-right: 2px;
}

.btn-input-btn.stabilizer .bp6-input-action .bp6-popover-target .bp6-button {
    height: 28px;
    width: 60px;
}

.start-step.step .edit {
    text-align: center;
}

.cigDataSheetWizard  .start-step.step .edit .bp6-button.bp6-intent-primary {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

span.required,
.bp6-label .bp6-text-muted {
    color: #f00;
    font-weight: bold;
}

.bp6-input-group.bp6-disabled input {
    color: #333;
    opacity: 1;
    border: 1px solid #cecece;
    font-size: 16px;
    border-radius: 3px;
}

.preq h2 {
    margin: 0 0 20px 0;
}

.prerequisites .ag-theme-balham .bp6-label {
    font-size: 13px;
}

.prerequisites .ag-theme-balham .bp6-label span {
    color: #f00;
    font-weight: bold;
}

.prerequisites .ag-theme-balham > div {
    height: calc(100% - 40px) !important;
}

.field-check.bp6-dialog {
    padding: 0;
}

.field-check .btn-group {
    width: 100%;
}

.field-check .btn-group .bp6-button {
    width: 50%;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: -1px;
}

.field-check .btn-group .bp6-button:first-child {
    width: 50%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.RotNCrdtYr .bp6-button {
    height: 38px;
    width: 100%;
}

.form-log .bp6-dialog-header .bp6-heading {
    text-transform: capitalize;
}

.data-sheets .ag-theme-balham .ag-cell a {
    color: #106ba3;
    text-decoration: underline;
}

.data-sheets .impersonateIframe {
    top: 82px;
}

/* .alias .bp6-navbar {
    display: none;
} */

.alias .master-body {
    top: 0;
    height: calc(100% - 7px);
}

.impersonating .data-sheets .btn-group {
    display: none;
}

.ag-cell .bp6-button {
    margin: 0 0 5px 0;
    min-height: 20px;
    padding: 4px 10px;
}

.alias .cigDataSheet .content-header {
    display: none;
}

.manureHistory.bp6-dialog.one-column .bp6-dialog-body {
    height: 200px;
}
 
.manureHistory.bp6-dialog.one-column div.content-body {
    height: 200px;
}

.bp6-portal .manureHistory .content.ManureHistory  {
    height: 200px;
}

.manureHistory .bp6-dialog-footer {
    margin: 10px 0 0 0;
}
/* CLIENT PORTAL CSS */
.client-portal-admin .ag-theme-balham .ag-header-group-cell-label {
    justify-content: center;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
}

.client-portal-admin .ag-theme-balham .ag-cell.module.free {
    background-color: #6D6D6D;
}

.client-portal-admin .ag-theme-balham .ag-cell.module.basic {
    background-color: #FCE8C2;
}

.client-portal-admin .ag-theme-balham .ag-cell.module.essentials {
    background-color: #64490e;
}   

.client-portal-admin .ag-theme-balham .ag-pinned-right-cols-container,
.client-portal-admin .ag-theme-balham .ag-pinned-right-header {
    border-left: 2px solid #333;
}

.client-portal-admin .ag-theme-balham .ag-cell.module.free.last {
    border-right: 2px solid #333;
}

.client-portal-admin .ag-theme-balham .ag-cell.module.free .bp6-control.bp6-checkbox .bp6-control-indicator,
.client-portal-admin .ag-theme-balham .ag-cell.module.free .bp6-control.bp6-checkbox:hover .bp6-control-indicator,
.client-portal-admin .ag-theme-balham .ag-cell.module.free .bp6-control.bp6-checkbox input:focus ~ .bp6-control-indicator,
.client-portal-admin .ag-theme-balham .ag-cell.module.free .bp6-control.bp6-checkbox input:active ~ .bp6-control-indicator,
.client-portal-admin .ag-theme-balham .ag-cell.module.free .bp6-control.bp6-checkbox input:checked ~ .bp6-control-indicator,
.client-portal-admin .ag-theme-balham .ag-cell.module.essentials .bp6-control.bp6-checkbox .bp6-control-indicator,
.client-portal-admin .ag-theme-balham .ag-cell.module.essentials .bp6-control.bp6-checkbox:hover .bp6-control-indicator,
.client-portal-admin .ag-theme-balham .ag-cell.module.essentials .bp6-control.bp6-checkbox input:focus ~ .bp6-control-indicator,
.client-portal-admin .ag-theme-balham .ag-cell.module.essentials .bp6-control.bp6-checkbox input:active ~ .bp6-control-indicator,
.client-portal-admin .ag-theme-balham .ag-cell.module.essentials .bp6-control.bp6-checkbox input:checked ~ .bp6-control-indicator {
    background-color: #F1B434 !important;
    border-color: #F1B434 !important;
    color: #000 !important;
    box-shadow: none !important;
    position: relative;
}

.client-portal-admin .ag-theme-balham .ag-cell.module.free .bp6-control.bp6-checkbox input:checked ~ .bp6-control-indicator,
.client-portal-admin .ag-theme-balham .ag-cell.module.essentials .bp6-control.bp6-checkbox input:checked ~ .bp6-control-indicator {
    background-image: none !important;
}

.client-portal-admin .ag-theme-balham .ag-cell.module.free .bp6-control.bp6-checkbox input:checked ~ .bp6-control-indicator::before,
.client-portal-admin .ag-theme-balham .ag-cell.module.essentials .bp6-control.bp6-checkbox input:checked ~ .bp6-control-indicator::before {
    display: none !important;
}

.client-portal-admin .ag-theme-balham .ag-cell.module.free .bp6-control.bp6-checkbox input:checked ~ .bp6-control-indicator::after,
.client-portal-admin .ag-theme-balham .ag-cell.module.essentials .bp6-control.bp6-checkbox input:checked ~ .bp6-control-indicator::after {
    content: "" !important;
    position: absolute;
    top: 2px;
    left: 5px;
    width: 5px;
    height: 9px;
    border: solid #000 !important;
    border-width: 0 2px 2px 0 !important;
    background: transparent !important;
    transform: rotate(45deg);
}

.client-portal-admin .ag-theme-balham .ag-cell.module.free .bp6-control.bp6-checkbox .bp6-control-indicator::before,
.client-portal-admin .ag-theme-balham .ag-cell.module.free .bp6-control.bp6-checkbox .bp6-control-indicator::after,
.client-portal-admin .ag-theme-balham .ag-cell.module.essentials .bp6-control.bp6-checkbox .bp6-control-indicator::before,
.client-portal-admin .ag-theme-balham .ag-cell.module.essentials .bp6-control.bp6-checkbox .bp6-control-indicator::after {
    color: #000 !important;
    border-color: #000 !important;
}

.client-portal-admin .free.bp6-button {
    box-shadow: inset 0 0 0 2000px #6D6D6D;
    color: #000;
}

.client-portal-admin .basic.bp6-button {
    box-shadow: inset 0 0 0 2000px #F1B434;
    color: #000;
}

.client-portal-admin .essentials.bp6-button {
    box-shadow: inset 0 0 0 2000px #64490e;
    color: #fff;
}

.client-portal-admin .free.bp6-button:hover {
    box-shadow: inset 0 0 0 2000px #5f5f5f;
    color: #000;
}

.client-portal-admin .basic.bp6-button:hover {
    box-shadow: inset 0 0 0 2000px #e2a92f;
    color: #000;
}

.client-portal-admin .essentials.bp6-button:hover {
    box-shadow: inset 0 0 0 2000px #523b0b;
    color: #fff;
}

.client-portal-admin .ag-theme-balham .ag-cell.subscriptionBtn {
    display: flex;
    align-items: center;
    padding: 0 10px;
}

.client-portal-admin .ag-theme-balham .ag-cell.subscriptionBtn .bp6-button {
    width: 100%;
}

.client-portal-admin .ag-theme-balham .ag-cell.impersonateBtn {
    display: flex;
    align-items: center;
    padding: 0 10px;
}

.client-portal-admin .ag-theme-balham .ag-cell.emailCell {
    display: flex;
    align-items: center;
    padding: 0 10px;
}

.client-portal-admin .ag-theme-balham .ag-cell.emailCell .ag-cell-value {
    width: 100%;
    height: 100%;
    line-height: 1.4;
}

.client-portal-admin .ag-theme-balham .ag-cell.emailCell .clientPortalAdminEmailValue {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    position: relative;
}

.client-portal-admin .ag-theme-balham .ag-cell.emailCell .clientPortalAdminEmailValue::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 1px;
    border-bottom: 2px solid #b6b6b6;
    pointer-events: none;
}

.client-portal-admin .ag-theme-balham .ag-cell.ag-cell-inline-editing.emailCell {
    padding: 0 10px;
}

.client-portal-admin .ag-theme-balham .ag-cell.ag-cell-inline-editing.emailCell input {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 0;
    border: none !important;
    border-bottom: 2px solid #b6b6b6 !important;
    background-color: transparent !important;
    box-shadow: none !important;
    outline: none;
}

.client-portal-admin .clientPortalImpersonateButton.bp6-button,
.client-portal-admin .clientPortalImpersonateButton.bp6-button:hover,
.client-portal-admin .clientPortalImpersonateButton.bp6-button:active,
.client-portal-admin .clientPortalImpersonateButton.bp6-button:focus {
    border-color: transparent;
    border-radius: 10px;
    width: 100%;
    padding: 0 10px;
    background-color: #F1B434;
    color: #000;
    box-shadow: none;
    font-weight: 700;
}

.client-portal-admin .clientPortalImpersonateButton.bp6-button.bp6-disabled,
.client-portal-admin .clientPortalImpersonateButton.bp6-button:disabled,
.client-portal-admin .clientPortalImpersonateButton.bp6-button.Disabled {
    opacity: 0.6;
}

.client-portal-admin .clientPortalAdminSendInviteButton.bp6-button,
.client-portal-admin .clientPortalAdminSendInviteButton.bp6-button:hover,
.client-portal-admin .clientPortalAdminSendInviteButton.bp6-button:active,
.client-portal-admin .clientPortalAdminSendInviteButton.bp6-button:focus {
    border: 1px solid #000;
    border-radius: 10px;
    background-color: #fff;
    color: #001d1d;
    box-shadow: none;
    font-weight: 700;
    padding: 0 14px;
}

.client-portal-admin .clientPortalAdminSendInviteButton.bp6-button .bp6-icon:first-child:not(:last-child) {
    margin-right: 4px;
}

.client-portal-admin .clientPortalAdminInviteStatusTag.bp6-tag {
    display: inline-flex;
    justify-content: center;
    width: 118px;
}

.clientPortalAdminDivResend .clientPortalAdminSendInviteButton.bp6-button,
.clientPortalAdminDivResend .clientPortalAdminSendInviteButton.bp6-button:hover,
.clientPortalAdminDivResend .clientPortalAdminSendInviteButton.bp6-button:active,
.clientPortalAdminDivResend .clientPortalAdminSendInviteButton.bp6-button:focus {
    display: flex;
    justify-content: center;
    width: 132px;
    margin: 8px auto 0;
    border: 1px solid #000;
    border-radius: 10px;
    background-color: #fff;
    color: #001d1d;
    box-shadow: none;
    font-weight: 700;
    padding: 0 14px;
}

.clientPortalAdminDivResend .clientPortalAdminSendInviteButton.bp6-button .bp6-icon:first-child:not(:last-child) {
    margin-right: 4px;
}

/* MEMBERSHIP WIDGET */
.membership.bp6-dialog {
    background-color: #ebe8d5;
    padding-bottom: 0;
    min-width: 960px;
}

.membership .bp6-dialog-body {
    height: 100%;
}

.agreement-view,
.features-view {
    height: 580px;
}

.memberships  {
    float: left;
    width: 33%;
    height: 50vh;
}

.essential-column {
    box-shadow: 0 0 5px #777;
    position: relative;
    z-index: 999;
    height: 510px;
}

/* HEADER */
.memberships .header {
    width: 100%;
    height: 120px;
    color: #fff;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 0;
    background-image:url(/aipro/app.dist/assets/ed7d7d8552b0e5b00d94.png);
    background-size: cover;
}

.features-column .header {
    box-shadow:inset 0 0 0 2000px #6ABCB2aa;
    margin-top: 70px;
    height: 80px;
    background-position: 300px 0;
}

.free-column .header {
    background-color: #a75124;
    margin-top: 30px;
    box-shadow:inset 0 0 0 2000px #a7512488;
    background-position: 150px 0;
}

.choosen-column .header,
.essential-column .header {
    box-shadow:inset 0 0 0 2000px #a7913688;
    background-position: 0 0;
    padding-top: 40px;
    height: 150px;
}

.basic-column .header {
    box-shadow:inset 0 0 0 2000px #878d8faa;
    background-position: 300px 0;
    margin-top: 30px;
}

.memberships .header div {
    display: flex;
    flex: 1;
    justify-content: center;
    margin-top: 0;
}

.header .membership-icon svg {
    width: 24px;
    height: 24px;
}

.features-view .free-column .price h2 {
    margin-left: 4px;
    margin-top: 16px;
}

.memberships .header h3 {
    margin-top: 5px;
    margin-bottom: 3px;
}

.memberships .header span {
    line-height: 24px;
}

/* BODY */
.memberships .body {
    float: left;
    width: 100%;
    height: 400px;
    background-color: #fff;
}

.choosen-column .body,
.essential-column .body {
    width: 100%;
}

.memberships .price { 
    height: 48px;
    text-align: center;
}

.memberships .price h2 {
    font-size: 20px;
    font-weight: bold;
    margin-top: 5px;
    line-height: 21px;
}

.memberships .price h2:first-child {
    margin-left: 15px;
}

.memberships .price h2:first-child {
    margin-left: 0;
    margin-right: 15px;
}

.memberships .price span {
    font-size: 50%;
    text-transform: uppercase;
}

/* FEATURES */
.memberships .features {
    height: 355px;
    background-color: #F2F2F2;
    border-radius: 3px;
    overflow: hidden;
    margin-top: 5px;
}

.features ul {
    padding: 5px 0;
}

.features ul li {
    padding: 10px 30px;
    border-bottom: 1px solid #cdcdcd;
    text-align: center;
    height: 39px;
    color: #777;
    text-shadow: 0 0 1px #333;
    font-style: italic;
}

.features-column .features ul li {
    text-align: left;
}

.features ul li .bp6-icon {
    padding-right: 0;
    fill: #333;
    color: #333;
}

.features-column .features ul li .bp6-icon {
    padding-right: 8px;
    fill: #333;
    color: #333;
}

.features-column .membership-icon {
    margin-top: 7px;
}

p.billing {
    margin-bottom: 4px;
}

p.billing label {
    font-weight: bold;
}

/* FOOTER */
.memberships .footer {
    float: left;
    width: 100%;
}

.memberships .footer .btn-group {
    position: relative;
    top: 0;
    left: 0;
}

.memberships .footer .bp6-button-group {
    width: 100%;
    justify-content: center;
}

.memberships .footer .bp6-button {
    top: -23px;
    padding: 15px 30px;
    width: 160px;
}

.memberships .bp6-icon-direction-right {
    padding-left: 3px;
    padding-right: 0;
}

.membership a,
.membership a:hover {
    color: #f00;
}

.block-changes {
    color: #bb0909;
    text-align: center;
    float: left;
    margin-bottom: 0;
    width: 100%;
}

/* AGREEMENT */
.agreement-view {
    padding: 32px 60px;
}

.choosen-column {
    box-shadow: 0 0 5px #777;
    position: relative;
    z-index: 999;
    height: 510px;
    width: 30%;
}

.agreement-view .choosen-column .header {
    padding-top: 32px;
}

.agreement-view .choosen-column .features ul li {
    text-align: left;
}

.agreement-view .choosen-column .membership-icon svg {
    width: 60px;
    height: 60px;
}

.agreement-view .choosen-column .features ul li .bp6-icon {
    padding-right: 8px;
    fill: #333;
    color: #333;
}

.agreement-view .choosen-column .body {
    height: 325px;
}

.agreement-view .m-E .header {
    box-shadow:inset 0 0 0 2000px #a7913688;
    background-position: 0 0;
}

.agreement-view .m-F .header {
    box-shadow:inset 0 0 0 2000px #a7512488;
    background-position: 150px 0;
}

.agreement-view .m-B .header {
    box-shadow:inset 0 0 0 2000px #878d8faa;
    background-position: 360px 0;
}

.subscription-column {
    width: 70%;
    border-left: none;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    height: 510px;
    box-shadow: 0 0 3px #777;
    background-color: #fff;
}

.subscription-column h1 {
    text-align: center;
    margin: 40px 0 10px 0;
}

.subscription-column h4 {
    text-align: center;
    margin: 32px 0 20px 0;
}

.subscription-column .price-block {
    text-align: center;
    background-color: #cecece;
    width: 140px;
    height: 140px;
    padding: 28px 0;
    border-radius: 75px;
    margin: 0 auto;
}

.subscription-column .price-block h2 {
    font-size: 20px;
    font-weight: bold;
    margin: 12px 10px 0 10px;
}

.subscription-column h1 {
    margin: 15px 0;
}

.subscription-column h5 {
    text-align: center;
    width: 485px;
    margin: 10px auto;
    padding: 0;
}

.subscription-column h6 {
    text-align: center;
    margin-top: 4px;
    font-size: 9px;
}

.subscription-column p {
    text-align: center;
    margin-top: 10px;
}

.terms {
    width: 385px;
    margin: 0 auto;
}

.terms a {
    color: rgb(76, 161, 211);
}

.terms a:hover {
    color: rgb(52, 146, 201);
}

.subscription-column hr {
    border: 1px solid #777;
    margin: 10px 20px;
}

.subscription-column .bp6-button-group {
    text-align: center;
    padding: 10px;
    display: block;
}

.subscriptionHoverContent .bp6-popover-content {
    box-shadow: -1px 0 4px #777;
    padding: 10px 20px;
}

.subscriptionHoverContent.bp6-popover .bp6-popover-arrow::before {
    box-shadow: none;
}

.subscriptionHoverContent .bp6-popover-arrow {
    z-index: 3;
}

.subscriptionHoverContent hr {
    margin: 10px 0;
}

.subscriptionHoverContent h6,
.subscriptionHoverContent p {
    text-align: center;
}

.bp6-dialog.membership .agreement-view .tosView {
    position: absolute;
    z-index: 1000;
    height: 60%;
    width: 43%;
    margin-top: -40px;
    margin-left: -5px;
}

.bp6-dialog.membership .agreement-view .tosView.mobile {
    height: 75%;
    width: 75%;
}

.bp6-dialog.membership .agreement-view .tosView .tosButton {
    float: right;
    margin-bottom: 5px;
}


.bp6-dialog.membership .agreement-view .tosView .pdfViewerFullScreen {
    width: 100%;
    height: 97%;
}

.bp6-dialog.membership .agreement-view .tosView .pdfViewerFullScreen .tosIframeView {
    width: 100%;
    height: 100%;
}

.client-portal-admin .ag-theme-balham .params .bp6-control-group {
    width: 300px;
    padding: 0;
    margin: 0 0 10px 0;
}

.client-portal-admin .ag-theme-balham .params .bp6-button {
    width:40px;
    margin: 0;
}

.client-portal-admin .ag-theme-balham .params .bp6-button .bp6-icon {
    margin: 0;
    padding: 0;
}

.client-portal-admin .ag-theme-balham .params .bp6-input-group {
    width: calc(100% - 40px);
}

.client-portal-admin .bp6-control-group .bp6-popover-target .bp6-button {
    height: 30px;
}

.bp6-portal.client-portal-search .bp6-overlay .bp6-popover-content {
    background-color: #333;
    padding: 5px 10px;
    color: white;
}

.bp6-portal.client-portal-search .bp6-overlay .bp6-popover-arrow-fill {
    fill: #333;
}

.client-portal-admin.content {
    display: flex;
    flex-direction: column;
    min-height: 0;
    height: 100%;
    position: relative;
}

.client-portal-admin.content .content-body {    
    flex: 1 1 auto;
    height: auto;
    float: left;
    width: 100%;
    min-height: 0;
    padding: 0px 24px 5px 16px;
    box-sizing: border-box;
}

.client-portal-admin.content.impersonating .content-body {
    height: auto;
    padding: 0;
    position: relative;
}

.client-portal-admin.content .client-portal-admin-impersonation-stop {
    position: fixed;
    top: 12px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2001;
}

.client-portal-admin.content .client-portal-admin-impersonation-stop .bp6-button,
.client-portal-admin.content .client-portal-admin-impersonation-stop .bp6-button:hover,
.client-portal-admin.content .client-portal-admin-impersonation-stop .bp6-button:active,
.client-portal-admin.content .client-portal-admin-impersonation-stop .bp6-button:focus {
    min-height: 42px;
    padding: 0 18px;
    border-radius: 999px;
    border-color: transparent;
    background-color: #C44949;
    color: #fff;
    box-shadow: 0 6px 18px rgb(0 0 0 / 18%);
    font-weight: 700;
}

.client-portal-admin.content.impersonating .content-body > .ag-theme-balham {
    position: relative;
    height: 100%;
}

.client-portal-admin.content.impersonating .clientPortalAdminImpersonationOverlay {
    position: fixed;
    inset: 0;
    z-index: 2000;
    background-color: #fff;
}

.client-portal-admin.content.impersonating .clientPortalAdminImpersonationOverlay .impersonateIframe {
    position: absolute !important;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    border: 0;
    border-radius: 0;
    background-color: #fff;
}

.client-portal-admin.content .content-body > .ag-theme-balham {
    height: 100%;
}

.client-portal-admin .content-body .ag-theme-balham .table-body {
    height: calc(100% - 42px);
    float: left;
    width: 100%;
    position: relative;
}

.client-portal-admin .content-body .ag-theme-balham .ag-body-viewport,
.client-portal-admin .content-body .ag-theme-balham .ag-body-horizontal-scroll-viewport,
.client-portal-admin .content-body .ag-theme-balham .ag-body-vertical-scroll-viewport {
    scrollbar-width: auto;
    scrollbar-color: #9b9b9b #e1e1e1;
}

.client-portal-admin .content-body .ag-theme-balham .ag-body-horizontal-scroll,
.client-portal-admin .content-body .ag-theme-balham .ag-body-vertical-scroll {
    overflow: auto !important;
}

.client-portal-admin .content-body .ag-theme-balham .ag-body-horizontal-scroll::-webkit-scrollbar,
.client-portal-admin .content-body .ag-theme-balham .ag-body-horizontal-scroll-viewport::-webkit-scrollbar,
.client-portal-admin .content-body .ag-theme-balham .ag-body-vertical-scroll::-webkit-scrollbar,
.client-portal-admin .content-body .ag-theme-balham .ag-body-vertical-scroll-viewport::-webkit-scrollbar,
.client-portal-admin .content-body .ag-theme-balham .ag-body-viewport::-webkit-scrollbar {
    width: 16px;
    height: 16px;
}

.client-portal-admin .content-body .ag-theme-balham .ag-body-horizontal-scroll::-webkit-scrollbar-track,
.client-portal-admin .content-body .ag-theme-balham .ag-body-horizontal-scroll-viewport::-webkit-scrollbar-track,
.client-portal-admin .content-body .ag-theme-balham .ag-body-vertical-scroll::-webkit-scrollbar-track,
.client-portal-admin .content-body .ag-theme-balham .ag-body-vertical-scroll-viewport::-webkit-scrollbar-track,
.client-portal-admin .content-body .ag-theme-balham .ag-body-viewport::-webkit-scrollbar-track {
    background: #e1e1e1;
    border-radius: 10px;
}

.client-portal-admin .content-body .ag-theme-balham .ag-body-horizontal-scroll::-webkit-scrollbar-thumb,
.client-portal-admin .content-body .ag-theme-balham .ag-body-horizontal-scroll-viewport::-webkit-scrollbar-thumb,
.client-portal-admin .content-body .ag-theme-balham .ag-body-vertical-scroll::-webkit-scrollbar-thumb,
.client-portal-admin .content-body .ag-theme-balham .ag-body-vertical-scroll-viewport::-webkit-scrollbar-thumb,
.client-portal-admin .content-body .ag-theme-balham .ag-body-viewport::-webkit-scrollbar-thumb {
    background: #9b9b9b;
    border: 3px solid #e1e1e1;
    border-radius: 10px;
}

.client-portal-admin .client-portal-admin.content .content-footer {
    height: 70px;
}

.client-portal-admin.content .content-footer.client-portal-admin-sticky-footer {
    position: relative;
    bottom: auto;
    z-index: 20;
    margin-top: 0;
    flex: 0 0 70px;
    height: 70px;
    min-height: 70px;
}

.client-portal-admin.content .content-footer.client-portal-admin-sticky-footer .content-btns {
    height: 100%;
    width: 100%;
    padding: 10px 10px 0 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    box-sizing: border-box;
}

.client-portal-admin.content .content-footer.client-portal-admin-sticky-footer .bp6-button,
.client-portal-admin.content .content-footer.client-portal-admin-sticky-footer .bp6-button:hover,
.client-portal-admin.content .content-footer.client-portal-admin-sticky-footer .bp6-button:active,
.client-portal-admin.content .content-footer.client-portal-admin-sticky-footer .bp6-button:focus {
    min-height: 48px;
    padding: 0 16px;
    border-radius: 12px;
    border-color: transparent;
    background-color: #F1B434;
    color: #000;
    box-shadow: none;
    font-weight: 700;
}

.client-portal-admin.content .content-footer.client-portal-admin-sticky-footer .bp6-button.bp6-disabled,
.client-portal-admin.content .content-footer.client-portal-admin-sticky-footer .bp6-button:disabled {
    opacity: 0.6;
}

.bp6-dialog-container .summary.clientAccessModules.three-column .params {
    display: none;
}

.bp6-dialog-container .summary.clientAccessModules .content-body > .ag-theme-balham {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 0;
}

.client-portal-admin .content-body .ag-theme-balham .table-body > .spinner-container,
.bp6-dialog-container .summary.clientAccessModules .table-body > .spinner-container {
    position: absolute;
    inset: 0;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(217, 217, 217, 0.35);
}

.bp6-dialog-container .summary.clientAccessModules.three-column .table-body {
    width: 100%;
    height: 94px;
    float: left;
}

.bp6-dialog-container .summary.clientAccessModules.three-column .ag-layout-normal {
    height: 100px;
}

.summary.clientAccessModules .ag-theme-balham .ag-overlay .ag-overlay-wrapper.ag-layout-normal {
    margin-top: 24px;
    height: 181;
}

.bp6-dialog.three-column.no.margin.summary.clientAccessModules {
    min-height: 230px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.bp6-dialog.three-column.no.margin.summary.clientAccessModules .bp6-dialog-footer {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.client-portal-admin .content-body .ag-theme-balham .table-body > .spinner-container .bp6-spinner,
.bp6-dialog-container .summary.clientAccessModules .table-body > .spinner-container .bp6-spinner {
    position: relative;
    top: auto;
    left: auto;
    margin: 0;
    z-index: auto;
}

.summary.clientAccessModules .ag-theme-balham .ag-cell.module.free .bp6-control.bp6-checkbox .bp6-control-indicator,
.summary.clientAccessModules .ag-theme-balham .ag-cell.module.free .bp6-control.bp6-checkbox:hover .bp6-control-indicator,
.summary.clientAccessModules .ag-theme-balham .ag-cell.module.free .bp6-control.bp6-checkbox input:focus ~ .bp6-control-indicator,
.summary.clientAccessModules .ag-theme-balham .ag-cell.module.free .bp6-control.bp6-checkbox input:active ~ .bp6-control-indicator,
.summary.clientAccessModules .ag-theme-balham .ag-cell.module.free .bp6-control.bp6-checkbox input:checked ~ .bp6-control-indicator,
.summary.clientAccessModules .ag-theme-balham .ag-cell.module.essentials .bp6-control.bp6-checkbox .bp6-control-indicator,
.summary.clientAccessModules .ag-theme-balham .ag-cell.module.essentials .bp6-control.bp6-checkbox:hover .bp6-control-indicator,
.summary.clientAccessModules .ag-theme-balham .ag-cell.module.essentials .bp6-control.bp6-checkbox input:focus ~ .bp6-control-indicator,
.summary.clientAccessModules .ag-theme-balham .ag-cell.module.essentials .bp6-control.bp6-checkbox input:active ~ .bp6-control-indicator,
.summary.clientAccessModules .ag-theme-balham .ag-cell.module.essentials .bp6-control.bp6-checkbox input:checked ~ .bp6-control-indicator {
    background-color: #F1B434 !important;
    border-color: #F1B434 !important;
    color: #000 !important;
    box-shadow: none !important;
    position: relative;
}

.summary.clientAccessModules .ag-theme-balham .ag-cell.module.free .bp6-control.bp6-checkbox input:checked ~ .bp6-control-indicator,
.summary.clientAccessModules .ag-theme-balham .ag-cell.module.essentials .bp6-control.bp6-checkbox input:checked ~ .bp6-control-indicator {
    background-image: none !important;
}

.summary.clientAccessModules .ag-theme-balham .ag-cell.module.free .bp6-control.bp6-checkbox input:checked ~ .bp6-control-indicator::before,
.summary.clientAccessModules .ag-theme-balham .ag-cell.module.essentials .bp6-control.bp6-checkbox input:checked ~ .bp6-control-indicator::before {
    display: none !important;
}

.summary.clientAccessModules .ag-theme-balham .ag-cell.module.free .bp6-control.bp6-checkbox input:checked ~ .bp6-control-indicator::after,
.summary.clientAccessModules .ag-theme-balham .ag-cell.module.essentials .bp6-control.bp6-checkbox input:checked ~ .bp6-control-indicator::after {
    content: "" !important;
    position: absolute;
    top: 2px;
    left: 5px;
    width: 5px;
    height: 9px;
    border: solid #000 !important;
    border-width: 0 2px 2px 0 !important;
    background: transparent !important;
    transform: rotate(45deg);
}

.summary.clientAccessModules .ag-theme-balham .ag-cell.module.free .bp6-control.bp6-checkbox .bp6-control-indicator::before,
.summary.clientAccessModules .ag-theme-balham .ag-cell.module.free .bp6-control.bp6-checkbox .bp6-control-indicator::after,
.summary.clientAccessModules .ag-theme-balham .ag-cell.module.essentials .bp6-control.bp6-checkbox .bp6-control-indicator::before,
.summary.clientAccessModules .ag-theme-balham .ag-cell.module.essentials .bp6-control.bp6-checkbox .bp6-control-indicator::after {
    color: #000 !important;
    border-color: #000 !important;
}

.bp6-dialog-container .summary.clientAccessModules.three-column .bp6-dialog-footer-actions .bp6-button,
.bp6-dialog-container .summary.clientAccessModules.three-column .bp6-dialog-footer-actions .bp6-button:hover,
.bp6-dialog-container .summary.clientAccessModules.three-column .bp6-dialog-footer-actions .bp6-button:active,
.bp6-dialog-container .summary.clientAccessModules.three-column .bp6-dialog-footer-actions .bp6-button:focus {
    min-height: 42px;
    padding: 0 16px;
    border-radius: 12px;
    border-color: transparent;
    background-color: #F1B434;
    color: #000;
    box-shadow: none;
    font-weight: 700;
}

.bp6-dialog-container .summary.clientAccessModules.three-column .bp6-dialog-footer {
    padding-top: 6px;
    padding-bottom: 10px;
}

.bp6-dialog-container .summary.clientAccessModules.three-column .bp6-dialog-footer-actions {
    margin-top: 0;
}

.client-portal-admin .content .bp6-input-group {
    padding: 0;
}

.client-portal-admin.content > .content-body > .spinner-container {
    z-index: 100;
    position: absolute;
    width: 100%;
    height: 86%;
}

.client-portal-admin.content > .content-body > .spinner-container .bp6-spinner {
    position: relative;
    top: 40%;
    height: 150px;
}

/* inventory.css */
.bp6-portal .content,
.inventory.content {
    height: calc(100vh - 345px);
}

.products .content,
.crops .content {
    height: 100%;
}

.inventory.content .grid-container {
    height: 100%;
}

.products .products.content .grid-with-form-sidbar .ag-root-wrapper-body .ag-root.ag-layout-normal {
    height: 100%;
}

.page-content.applicators .retailers.content .grid-with-form-sidbar > .grid-with-form-sidbar-table,
.page-content.applicators .retailers.content .grid-with-form-sidbar > .grid-with-form-sidbar-table > .ag-theme-balham,
.page-content.applicators .retailers.content .grid-with-form-sidbar .ag-root-wrapper,
.page-content.applicators .retailers.content .grid-with-form-sidbar .ag-root-wrapper-body,
.page-content.applicators .retailers.content .grid-with-form-sidbar .ag-root.ag-layout-normal,
.page-content.applicators .retailers.content .grid-with-form-sidbar .ag-body.ag-layout-normal {
    height: 100% !important;
}

.page-content.products .products.content .grid-with-form-sidbar .ag-root-wrapper {
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.page-content.products .products.content .grid-with-form-sidbar > .grid-with-form-sidbar-table > .ag-theme-balham.editing .ag-root-wrapper {
    border-bottom-right-radius: 0 !important;
}

.bp6-dialog-body .equipment.content .grid-with-form-sidbar .ag-theme-balham .ag-root.ag-layout-normal {
    height: 100%;
}

.page-content.products .products.content .grid-with-form-sidbar .ag-root.ag-layout-normal 
.custom-toolbar-renderer .toolbar.p-inputgroup {
    height: 33px; 
    margin-top: -2px; 
}

.page-content .equipment.content .grid-with-form-sidbar > .grid-with-form-sidbar-table {
    float: left;
    height: 100%;
    width: 100%;
}

.bp6-overlay-open .crops.content .grid-with-form-sidbar .ag-root.ag-layout-normal 
.custom-toolbar-renderer .toolbar.p-inputgroup,
.page-content.crops .crops.content .grid-with-form-sidbar .ag-root.ag-layout-normal 
.custom-toolbar-renderer .toolbar.p-inputgroup,
.bp6-overlay-open .equipment.content .grid-with-form-sidbar .ag-root.ag-layout-normal 
.custom-toolbar-renderer .toolbar.p-inputgroup,
.bp6-overlay-open .retailers.content .ag-editable-grid .ag-header-row .custom-toolbar-renderer .p-inputgroup,
.bp6-overlay-open .retailers.content .grid-with-form-sidbar .ag-root.ag-layout-normal 
.custom-toolbar-renderer .toolbar.p-inputgroup {
    margin-top: -2px;
}

.bp6-overlay-open .crops.content .grid-with-form-sidbar .ag-root.ag-layout-normal 
.custom-toolbar-renderer .toolbar.p-inputgroup .bp6-popover-target .bp6-button.bp6-intent-primary .bp6-icon > svg,
.page-content.crops .crops.content .grid-with-form-sidbar .ag-root.ag-layout-normal 
.custom-toolbar-renderer .toolbar.p-inputgroup .bp6-popover-target .bp6-button.bp6-intent-primary .bp6-icon > svg {
    margin-left: 3px;
}

.bp6-overlay-open .products.content .grid-with-form-sidbar .ag-theme-balham .ag-root.ag-layout-normal
.ag-header .custom-toolbar-renderer .toolbar.p-inputgroup {
    margin-top: -4px;
}

.page-content.products .grid-with-form-sidbar .ag-root-wrapper-body.ag-layout-normal .ag-header
.custom-toolbar-renderer .header-column-action.dropdown.unit-dropdown {
    margin-top: -3px;
}

.equipment.content .grid-with-form-sidbar .ag-root.ag-layout-normal 
.custom-toolbar-renderer .toolbar.p-inputgroup .bp6-popover-target {
    height: 25px;
}

.equipment.content .grid-with-form-sidbar .ag-root.ag-layout-normal 
.custom-toolbar-renderer .toolbar.p-inputgroup .bp6-popover-target .bp6-button {
    height: 27px;
}

.page-content.products .products.content 
.inventory.content .bp6-tabs {
    float: left;
    height: 100%;
    width: 100%;
}

.page-content.products .products.content .ag-theme-balham .ag-header-row .toolbar.p-inputgroup .bp6-button {
    margin-left: 5px;
}

.page-content.products .products.content .ag-theme-balham .ag-header-row .toolbar.p-inputgroup .bp6-button.bp6-intent-primary {
    height: 32px;
    margin-top: 1px;
}

.inventory.content .bp6-tab-panel {
    float: left;
    height: calc(100% - 40px);
    width: 100%;
}

.chips {
    white-space: break-spaces;
    line-height: 16px;
    margin: 4px 0 1px 0;
}

.chips .chip {   
    color: #000;
    border: 1px solid #000;
    border-radius: 10px;
    padding: 0 6px;
    margin: 0 2px;
    background-color: #4A8A84;
    font-weight: bold; 
    display: inline-block;
    line-height: 16px;
}

.chip.blend {
    background-color: #B28124;
}

.p-inputgroup input.readonly {
    background-color: #ddd;
    color: #777;
    width: 100%;
    text-align: center;
    border: 1px solid #cecece;
}

.green.chip {
    color: white;
    background-color: #4db85d;
}

.blue.chip {
    color: white;
    background-color: #2244ff;
}
.gray.chip {
    color: white;
    background-color: #777;
}

.ag-cell.nutrients {
    overflow: auto;
}

.ag-cell.nutrients .chips {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    gap: 4px 6px;
}

.ag-cell.nutrients .chips .chip {
    margin: 0;
}

.ag-theme-balham.editing {
    width: calc(100% - 380px);    
    float: left;
}

.edit-form {
    float: left;
    height: 100%;
    width: 380px;
    float: right;
    /* border-top: 1px solid #cecece; */
    /* border-bottom: 1px solid #cecece; */
    border-right: 1px solid #cecece;
}

.edit-form div {
    float: left;
    width: 100%;
}

.edit-form h4 {
    color: rgba(0, 0, 0, 0.54);
    font-weight: 600;
    font-size: 12px;
    margin: 0;
    padding: 10px 0 9px 0;
    text-align: center;
}

.edit-form h5 {
    color: rgba(0, 0, 0, 0.54);
    font-weight: 600;
    font-size: 12px;
    margin: 0;
    padding: 9px 0;
}

.edit-form h5:first-child {
    padding: 9px 10px;
    border-bottom: 1px solid #bdc3c7;
}

.grid-with-form-sidbar {
    float: left;
    height: 100%;
    width: 100%;
}

.widget-body section,
.sidebar-body section {
    padding: 0;
}

.widget-body h2,
.sidebar-body h2 {
    display: none;
}

.form-body {
    padding: 10px 0; 
}

.widget-body .form-group,
.sidebar-body .form-group {
    padding: 0;
}

.widget-body .control-label,
.sidebar-body .control-label {
    float: left;
}

.widget-body .p-dropdown,
.sidebar-body .p-dropdown {
    float: left;
}

.form-widget label,
.form-sidebar label,
.form-sidebar2 label {
    padding: 8px 0 2px 0;
    margin: 0;
    font-size: 12px;
}

.form-widget .p-dropdown,
.form-sidebar .p-dropdown,
.form-sidebar2 .p-dropdown {
    float: right;
    padding-top: 1px;
    width: 55%;
}

.edit-form > .grid-row {
    padding: 4px 10px;
}

.ms-layer {
    position: relative;
    z-index: 999;
}

.grid-row label {
    padding: 3px 0 2px 0;
    margin: 0;
    font-size: 12px;
}

.grid-row .p-dropdown {
    float: right;
    padding-top: 1px;
    width: 55%;
}

.grid-row .p-inputtext {
    padding: 1px 10px;
    float: right;
    width: 55%;
}

.grid-row .p-checkbox {
    float: right;
}

.Nutrients.col .form-label {
  width: 100%;
}

.form-group .special-form-control,
.form-group .special-form-control {
  float:left;
  width: 100%;
}

.form-group .special-form-control .p-inputgroup .p-inputgroup-addon {
    min-width: 3em;
}
 
.form-group .special-form-control .p-inputgroup .p-inputtext {
    width: 100px;
}

.special-form-control .p-dropdown {
    float: left;
    width: 60%;
    padding-top: 0;
}

.special-form-control .p-dropdown-label {
    padding: 5px 10px;
    margin-left: -1px;
}

.special-form-control .p-inputtext {
    float: left;
    width: 40%;
    padding: 6px 0 5px 5px;
}

.special-form-control .p-inputgroup {
    width: 100%;
    float: left;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

body .form-group .special-form-control .p-inputgroup .p-inputgroup-addon {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.Blend.col,
.Nutrients.col,
.BlendNutrients.col {
   display: none; 
}

.Fertilizer.form-body .Nutrients.col,
.Lime.form-body .Nutrients.col,
.Trace.Elements.form-body .Nutrients.col,
.Manure.form-body .Nutrients.col {
    display: block;
}

.Blend.form-body .Blend.col,
.Blend.form-body .BlendNutrients.col {
    display: block;
}

.special-form-control .p-inputgroup .p-inputtext {
    width: 112px;
}

.special-form-control .p-dropdown-label {
    padding: 5px 10px;
    margin-left: -1px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    padding: 5px 10px 6px 10px;
}

.bp6-popover-wrapper {
    width: 100%;
}

.instructions {
    float: left;
    height: calc(100% - 33px);
    width: 100%;
}

.nutrients-btns {
    float: left;
    margin: 5px 0;
}

.special-form-control > div,
.special-form-control > div > div {
    float: left;
    width: 100%;
}

.special-form-control > div > div  {
    margin: 5px 0;
}

.inventory .form-sidebar .form-group .form-control,
.retailers .form-sidebar2 .form-group .form-control {
    float: right;
    width: 175px;
    border-color: #aaa;
}

.inventory .form-widget .form-group .form-control {
    float: right;
    width: 50%;
    border-color: #aaa;
}

.form-widget .p-dropdown {
    width: 50%;
}

.form-group .p-checkbox {
    float: right;
    padding-top: 7px;
}
/* 
.edit-form {
    float: left;
} */
.edit-form .form-sidebar .unitswitch-popover,
.edit-form .form-sidebar2 .unitswitch-popover {
    width: 30%;
    padding-bottom: 10px
}
.edit-form .form-sidebar .sidebar-footer,
.edit-form .form-sidebar2 .sidebar-footer {
    float: left;
    width: 100%;
    text-align: center;
    padding: 6px;
    border-top: 1px solid #bdc3c7;
}

.edit-form .form-sidebar .sidebar-footer .bp6-button.bp6-intent-primary,
.edit-form .form-sidebar2 .sidebar-footer .bp6-button.bp6-intent-primary {
    margin-top: -2px;
}

.bp6-dialog-body .edit-form .form-sidebar .sidebar-footer,
.bp6-dialog-body .edit-form .form-sidebar2 .sidebar-footer {
    float: left;
    width: 100%;
    text-align: center;
    padding: 6px;
    margin-top: 80px;
}


.bp6-dialog-body .edit-form .form-sidebar .sidebar-footer .bp6-button.bp6-intent-primary,
.bp6-dialog-body .edit-form .form-sidebar2 .sidebar-footer .bp6-button.bp6-intent-primary {
    margin-top: -2px;
}

.ag-react-container {
    width: 100%;
}

.rx-crop-plan-step.content .yield-dropdown > div {
    width: 100%;
}

.custom-toolbar-renderer {
    width: 100%;
    height: 30px;
    display: block;
}

.custom-toolbar-renderer .bp6-button {
    min-height: 24px;
    margin: 3px 0;
    display: block;
    line-height: 16px;
}

.bp6-overlay .products.grid-sidebar .grid-with-form-sidbar .custom-toolbar-renderer .toolbar.p-inputgroup .bp6-popover-target .bp6-button {
    min-height: 32px;
}

.bp6-overlay .products.grid-sidebar .grid-with-form-sidbar .custom-toolbar-renderer .toolbar.p-inputgroup .bp6-popover-target .bp6-button .bp6-icon-eye-open > svg,
.bp6-overlay .products.grid-sidebar .grid-with-form-sidbar .custom-toolbar-renderer .toolbar.p-inputgroup .bp6-popover-target .bp6-button .bp6-icon-eye-off > svg {
    margin-left: 3px;
}

.equipment.content {
    float:left;
    height: 100%;
    width: 100%;
}

.bp6-portal .products.products.grid-sidebar .loading {
    width: 75%;
    height: 84%;
    position: absolute;
    top: 9%;
    left: 12.5%;
    bottom: 0;
    right: 0;
    z-index: 999;
    background-color: #fff;
}

.no-margin .bp6-dialog-body {
    margin: 0 !IMPORTANT;
}

.bp6-dialog.three-column {
    padding-bottom: 0;
}

.Density input.form-control{
    text-align: right;
}

.editorHolder {
    border-bottom: 1px solid #bdc3c7;
}

.products .grid-with-form-sidbar .edit-form .editor-header-row,
.products .grid-with-form-sidbar .edit-form .editor-meta-row {
    background-color: #FCE8C2;
    height: var(--editor-header-row-height, 36px);
    min-height: var(--editor-header-row-height, 36px);
    max-height: var(--editor-header-row-height, 36px);
    box-sizing: border-box;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #bdc3c7;
}

.products .grid-with-form-sidbar .edit-form .editorHolder.editor-header-row {
    border-bottom: 0;
}


.bp6-portal .summary.clientAccessModules .content-body {
    overflow: hidden;
}

.products .grid-with-form-sidbar .edit-form .editor-header-row h4,
.products .grid-with-form-sidbar .edit-form .editor-meta-row h5 {
    padding: 0 10px;
    line-height: 1;
    margin: 0;
    width: auto;
}

.products .grid-with-form-sidbar .edit-form .editor-meta-row h5:first-child {
    border-bottom: 0;
}

.products .grid-with-form-sidbar .edit-form .editor-header-row .closeButtonProduct {
    margin-top: 0;
    margin-left: auto;
    width: auto;
    display: flex;
    align-items: center;
    padding-right: 8px;
}

.products .grid-with-form-sidbar .edit-form .editor-header-row .closeButtonProduct > button {
    padding-left: 0;
}

.products .grid-with-form-sidbar .edit-form {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #FCE8C2;
}

.page-content.crops .crops.content .grid-with-form-sidbar .edit-form .editor-header-row,
.page-content.crops .crops.content .grid-with-form-sidbar .edit-form .editor-meta-row {
    background-color: #FCE8C2;
    height: var(--editor-header-row-height, 36px);
    min-height: var(--editor-header-row-height, 36px);
    max-height: var(--editor-header-row-height, 36px);
    box-sizing: border-box;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #bdc3c7;
}

.page-content.crops .crops.content .grid-with-form-sidbar .edit-form .editorHolder.editor-header-row {
    border-bottom: 0;
}

.page-content.crops .crops.content .grid-with-form-sidbar .edit-form .editor-header-row h4,
.page-content.crops .crops.content .grid-with-form-sidbar .edit-form .editor-meta-row h5 {
    padding: 0 10px;
    line-height: 1;
    margin: 0;
    width: auto;
}

.page-content.crops .crops.content .grid-with-form-sidbar .edit-form .editor-meta-row h5:first-child {
    border-bottom: 0;
}

.page-content.crops .crops.content .grid-with-form-sidbar .edit-form .editor-header-row .closeButtonProduct {
    margin-top: 0;
    margin-left: auto;
    width: auto;
    display: flex;
    align-items: center;
    padding-right: 8px;
}

.page-content.crops .crops.content .grid-with-form-sidbar .edit-form .editor-header-row .closeButtonProduct > button {
    padding-left: 0;
}

.page-content.crops .crops.content .grid-with-form-sidbar .edit-form {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #FCE8C2;
}

.page-content.crops .crops.content .grid-with-form-sidbar .edit-form .form-sidebar,
.page-content.crops .crops.content .grid-with-form-sidbar .edit-form .form-sidebar2 {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    height: auto;
    max-height: none;
    min-height: 0;
}

.page-content.crops .crops.content .grid-with-form-sidbar .edit-form .form-sidebar .sidebar-body,
.page-content.crops .crops.content .grid-with-form-sidbar .edit-form .form-sidebar2 .sidebar-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.page-content.crops .crops.content .grid-with-form-sidbar .edit-form .form-sidebar .sidebar-body .form-body,
.page-content.crops .crops.content .grid-with-form-sidbar .edit-form .form-sidebar2 .sidebar-body .form-body {
    flex: 1 1 auto;
    height: 100%;
    max-height: none;
    min-height: 0;
    padding: 0 10px;
}

.page-content.crops .crops.content .grid-with-form-sidbar .edit-form .form-sidebar label,
.page-content.crops .crops.content .grid-with-form-sidbar .edit-form .form-sidebar2 label {
    color: #001d1d;
    font-weight: 600;
}

.page-content.crops .crops.content .grid-with-form-sidbar .edit-form .form-sidebar .form-group .form-control,
.page-content.crops .crops.content .grid-with-form-sidbar .edit-form .form-sidebar2 .form-group .form-control {
    min-height: 42px;
    padding: 0 14px;
    border: 1px solid rgba(17, 20, 24, 0.12);
    border-radius: 12px;
    background-color: #fff;
    color: #001d1d;
    box-shadow: none;
}

.page-content.crops .crops.content .grid-with-form-sidbar .edit-form .form-sidebar .bp6-control,
.page-content.crops .crops.content .grid-with-form-sidbar .edit-form .form-sidebar2 .bp6-control {
    color: #001d1d;
}

.page-content.crops .crops.content .grid-with-form-sidbar .edit-form .form-sidebar .bp6-control.bp6-switch .bp6-control-indicator,
.page-content.crops .crops.content .grid-with-form-sidbar .edit-form .form-sidebar .bp6-control.bp6-switch:hover .bp6-control-indicator,
.page-content.crops .crops.content .grid-with-form-sidbar .edit-form .form-sidebar .bp6-control.bp6-switch input:focus ~ .bp6-control-indicator,
.page-content.crops .crops.content .grid-with-form-sidbar .edit-form .form-sidebar .bp6-control.bp6-switch input:active ~ .bp6-control-indicator,
.page-content.crops .crops.content .grid-with-form-sidbar .edit-form .form-sidebar2 .bp6-control.bp6-switch .bp6-control-indicator,
.page-content.crops .crops.content .grid-with-form-sidbar .edit-form .form-sidebar2 .bp6-control.bp6-switch:hover .bp6-control-indicator,
.page-content.crops .crops.content .grid-with-form-sidbar .edit-form .form-sidebar2 .bp6-control.bp6-switch input:focus ~ .bp6-control-indicator,
.page-content.crops .crops.content .grid-with-form-sidbar .edit-form .form-sidebar2 .bp6-control.bp6-switch input:active ~ .bp6-control-indicator {
    background-color: #fff !important;
    border: 1px solid rgba(17, 20, 24, 0.32) !important;
    box-shadow: none !important;
}

.page-content.crops .crops.content .grid-with-form-sidbar .edit-form .form-sidebar .bp6-control.bp6-switch .bp6-control-indicator::before,
.page-content.crops .crops.content .grid-with-form-sidbar .edit-form .form-sidebar2 .bp6-control.bp6-switch .bp6-control-indicator::before {
    background-color: #fff !important;
    box-shadow: none !important;
}

.page-content.crops .crops.content .grid-with-form-sidbar .edit-form .form-sidebar .bp6-control.bp6-switch input:checked ~ .bp6-control-indicator,
.page-content.crops .crops.content .grid-with-form-sidbar .edit-form .form-sidebar .bp6-control.bp6-switch:hover input:checked ~ .bp6-control-indicator,
.page-content.crops .crops.content .grid-with-form-sidbar .edit-form .form-sidebar .bp6-control.bp6-switch input:checked:focus ~ .bp6-control-indicator,
.page-content.crops .crops.content .grid-with-form-sidbar .edit-form .form-sidebar .bp6-control.bp6-switch input:checked:active ~ .bp6-control-indicator,
.page-content.crops .crops.content .grid-with-form-sidbar .edit-form .form-sidebar2 .bp6-control.bp6-switch input:checked ~ .bp6-control-indicator,
.page-content.crops .crops.content .grid-with-form-sidbar .edit-form .form-sidebar2 .bp6-control.bp6-switch:hover input:checked ~ .bp6-control-indicator,
.page-content.crops .crops.content .grid-with-form-sidbar .edit-form .form-sidebar2 .bp6-control.bp6-switch input:checked:focus ~ .bp6-control-indicator,
.page-content.crops .crops.content .grid-with-form-sidbar .edit-form .form-sidebar2 .bp6-control.bp6-switch input:checked:active ~ .bp6-control-indicator {
    background-color: #F1B434 !important;
    border-color: rgba(17, 20, 24, 0.32) !important;
}

.page-content.crops .crops.content .grid-with-form-sidbar .edit-form .form-sidebar .sidebar-footer .bp6-button,
.page-content.crops .crops.content .grid-with-form-sidbar .edit-form .form-sidebar .sidebar-footer .bp6-button:hover,
.page-content.crops .crops.content .grid-with-form-sidbar .edit-form .form-sidebar .sidebar-footer .bp6-button:active,
.page-content.crops .crops.content .grid-with-form-sidbar .edit-form .form-sidebar .sidebar-footer .bp6-button:focus,
.page-content.crops .crops.content .grid-with-form-sidbar .edit-form .form-sidebar .sidebar-footer .bp6-button.bp6-disabled,
.page-content.crops .crops.content .grid-with-form-sidbar .edit-form .form-sidebar .sidebar-footer .bp6-button:disabled,
.page-content.crops .crops.content .grid-with-form-sidbar .edit-form .form-sidebar2 .sidebar-footer .bp6-button,
.page-content.crops .crops.content .grid-with-form-sidbar .edit-form .form-sidebar2 .sidebar-footer .bp6-button:hover,
.page-content.crops .crops.content .grid-with-form-sidbar .edit-form .form-sidebar2 .sidebar-footer .bp6-button:active,
.page-content.crops .crops.content .grid-with-form-sidbar .edit-form .form-sidebar2 .sidebar-footer .bp6-button:focus,
.page-content.crops .crops.content .grid-with-form-sidbar .edit-form .form-sidebar2 .sidebar-footer .bp6-button.bp6-disabled,
.page-content.crops .crops.content .grid-with-form-sidbar .edit-form .form-sidebar2 .sidebar-footer .bp6-button:disabled {
    width: 100%;
    min-height: 42px;
    border-radius: 12px;
    border-color: transparent;
    background-color: #F1B434;
    color: #000;
    box-shadow: none;
    font-weight: 700;
}

.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .editor-header-row,
.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .editor-meta-row {
    background-color: #FCE8C2;
    height: var(--editor-header-row-height, 36px);
    min-height: var(--editor-header-row-height, 36px);
    max-height: var(--editor-header-row-height, 36px);
    box-sizing: border-box;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #bdc3c7;
}

.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .editorHolder.editor-header-row {
    border-bottom: 0;
}

.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .editor-header-row h4,
.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .editor-meta-row h5 {
    padding: 0 10px;
    line-height: 1;
    margin: 0;
    width: auto;
}

.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .editor-meta-row h5:first-child {
    border-bottom: 0;
}

.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .editor-header-row .closeButtonProduct {
    margin-top: 0;
    margin-left: auto;
    width: auto;
    display: flex;
    align-items: center;
    padding-right: 8px;
}

.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .editor-header-row .closeButtonProduct > button {
    padding-left: 0;
}

.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #FCE8C2;
}

.page-content.equipment .equipment.content .grid-with-form-sidbar .edit-form .editor-header-row,
.page-content.equipment .equipment.content .grid-with-form-sidbar .edit-form .editor-meta-row {
    background-color: #FCE8C2;
    height: var(--editor-header-row-height, 36px);
    min-height: var(--editor-header-row-height, 36px);
    max-height: var(--editor-header-row-height, 36px);
    box-sizing: border-box;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #bdc3c7;
}

.page-content.equipment .equipment.content .grid-with-form-sidbar .edit-form .editorHolder.editor-header-row {
    border-bottom: 0;
}

.page-content.equipment .equipment.content .grid-with-form-sidbar .edit-form .editor-header-row h4,
.page-content.equipment .equipment.content .grid-with-form-sidbar .edit-form .editor-meta-row h5 {
    padding: 0 10px;
    line-height: 1;
    margin: 0;
    width: auto;
}

.page-content.equipment .equipment.content .grid-with-form-sidbar .edit-form .editor-meta-row h5:first-child {
    border-bottom: 0;
}

.page-content.equipment .equipment.content .grid-with-form-sidbar .edit-form .editor-header-row .closeButtonProduct {
    margin-top: 0;
    margin-left: auto;
    width: auto;
    display: flex;
    align-items: center;
    padding-right: 8px;
}

.page-content.equipment .equipment.content .grid-with-form-sidbar .edit-form .editor-header-row .closeButtonProduct > button {
    padding-left: 0;
}

.page-content.equipment .equipment.content .grid-with-form-sidbar .edit-form {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #FCE8C2;
}

.page-content.equipment .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar,
.page-content.equipment .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar2 {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    height: auto;
    max-height: none;
    min-height: 0;
}

.page-content.equipment .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar .sidebar-body,
.page-content.equipment .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar2 .sidebar-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.page-content.equipment .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar .sidebar-body .form-body,
.page-content.equipment .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar2 .sidebar-body .form-body {
    flex: 1 1 auto;
    height: 100%;
    max-height: none;
    min-height: 0;
    padding: 0 10px;
}

.page-content.equipment .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar label,
.page-content.equipment .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar2 label {
    color: #001d1d;
    font-weight: 600;
}

.page-content.equipment .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar .form-group .form-control,
.page-content.equipment .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar2 .form-group .form-control,
.page-content.equipment .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar .bp6-popover-target .bp6-button,
.page-content.equipment .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar .bp6-popover-target .bp6-button:hover,
.page-content.equipment .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar .bp6-popover-target .bp6-button:active,
.page-content.equipment .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar .bp6-popover-target .bp6-button:focus,
.page-content.equipment .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar2 .bp6-popover-target .bp6-button,
.page-content.equipment .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar2 .bp6-popover-target .bp6-button:hover,
.page-content.equipment .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar2 .bp6-popover-target .bp6-button:active,
.page-content.equipment .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar2 .bp6-popover-target .bp6-button:focus {
    min-height: 42px;
    padding: 0 14px;
    border: 1px solid rgba(17, 20, 24, 0.12);
    border-radius: 12px;
    background-color: #fff;
    color: #001d1d;
    box-shadow: none;
}

.page-content.equipment .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar .bp6-control,
.page-content.equipment .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar2 .bp6-control {
    color: #001d1d;
}

.page-content.equipment .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar .bp6-control.bp6-switch .bp6-control-indicator,
.page-content.equipment .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar .bp6-control.bp6-switch:hover .bp6-control-indicator,
.page-content.equipment .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar .bp6-control.bp6-switch input:focus ~ .bp6-control-indicator,
.page-content.equipment .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar .bp6-control.bp6-switch input:active ~ .bp6-control-indicator,
.page-content.equipment .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar2 .bp6-control.bp6-switch .bp6-control-indicator,
.page-content.equipment .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar2 .bp6-control.bp6-switch:hover .bp6-control-indicator,
.page-content.equipment .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar2 .bp6-control.bp6-switch input:focus ~ .bp6-control-indicator,
.page-content.equipment .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar2 .bp6-control.bp6-switch input:active ~ .bp6-control-indicator {
    background-color: #fff !important;
    border: 1px solid rgba(17, 20, 24, 0.32) !important;
    box-shadow: none !important;
}

.page-content.equipment .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar .bp6-control.bp6-switch .bp6-control-indicator::before,
.page-content.equipment .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar2 .bp6-control.bp6-switch .bp6-control-indicator::before {
    background-color: #fff !important;
    box-shadow: none !important;
}

.page-content.equipment .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar .bp6-control.bp6-switch input:checked ~ .bp6-control-indicator,
.page-content.equipment .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar .bp6-control.bp6-switch:hover input:checked ~ .bp6-control-indicator,
.page-content.equipment .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar .bp6-control.bp6-switch input:checked:focus ~ .bp6-control-indicator,
.page-content.equipment .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar .bp6-control.bp6-switch input:checked:active ~ .bp6-control-indicator,
.page-content.equipment .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar2 .bp6-control.bp6-switch input:checked ~ .bp6-control-indicator,
.page-content.equipment .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar2 .bp6-control.bp6-switch:hover input:checked ~ .bp6-control-indicator,
.page-content.equipment .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar2 .bp6-control.bp6-switch input:checked:focus ~ .bp6-control-indicator,
.page-content.equipment .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar2 .bp6-control.bp6-switch input:checked:active ~ .bp6-control-indicator {
    background-color: #F1B434 !important;
    border-color: rgba(17, 20, 24, 0.32) !important;
}

.page-content.equipment .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar .sidebar-footer .bp6-button,
.page-content.equipment .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar .sidebar-footer .bp6-button:hover,
.page-content.equipment .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar .sidebar-footer .bp6-button:active,
.page-content.equipment .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar .sidebar-footer .bp6-button:focus,
.page-content.equipment .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar .sidebar-footer .bp6-button.bp6-disabled,
.page-content.equipment .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar .sidebar-footer .bp6-button:disabled,
.page-content.equipment .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar2 .sidebar-footer .bp6-button,
.page-content.equipment .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar2 .sidebar-footer .bp6-button:hover,
.page-content.equipment .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar2 .sidebar-footer .bp6-button:active,
.page-content.equipment .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar2 .sidebar-footer .bp6-button:focus,
.page-content.equipment .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar2 .sidebar-footer .bp6-button.bp6-disabled,
.page-content.equipment .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar2 .sidebar-footer .bp6-button:disabled {
    width: 100%;
    min-height: 42px;
    border-radius: 12px;
    border-color: transparent;
    background-color: #F1B434;
    color: #000;
    box-shadow: none;
    font-weight: 700;
}

.page-content.equipmentgrower .equipment.content .grid-with-form-sidbar .edit-form .editor-header-row,
.page-content.equipmentgrower .equipment.content .grid-with-form-sidbar .edit-form .editor-meta-row {
    background-color: #FCE8C2;
    height: var(--editor-header-row-height, 36px);
    min-height: var(--editor-header-row-height, 36px);
    max-height: var(--editor-header-row-height, 36px);
    box-sizing: border-box;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #bdc3c7;
}

.page-content.equipmentgrower .equipment.content .grid-with-form-sidbar .edit-form .editorHolder.editor-header-row {
    border-bottom: 0;
}

.page-content.equipmentgrower .equipment.content .grid-with-form-sidbar .edit-form .editor-header-row h4,
.page-content.equipmentgrower .equipment.content .grid-with-form-sidbar .edit-form .editor-meta-row h5 {
    padding: 0 10px;
    line-height: 1;
    margin: 0;
    width: auto;
}

.page-content.equipmentgrower .equipment.content .grid-with-form-sidbar .edit-form .editor-meta-row h5:first-child {
    border-bottom: 0;
}

.page-content.equipmentgrower .equipment.content .grid-with-form-sidbar .edit-form .editor-header-row .closeButtonProduct {
    margin-top: 0;
    margin-left: auto;
    width: auto;
    display: flex;
    align-items: center;
    padding-right: 8px;
}

.page-content.equipmentgrower .equipment.content .grid-with-form-sidbar .edit-form .editor-header-row .closeButtonProduct > button {
    padding-left: 0;
}

.page-content.equipmentgrower .equipment.content .grid-with-form-sidbar .edit-form {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #FCE8C2;
}

.page-content.equipmentgrower .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar,
.page-content.equipmentgrower .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar2 {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    height: auto;
    max-height: none;
    min-height: 0;
}

.page-content.equipmentgrower .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar .sidebar-body,
.page-content.equipmentgrower .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar2 .sidebar-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.page-content.equipmentgrower .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar .sidebar-body .form-body,
.page-content.equipmentgrower .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar2 .sidebar-body .form-body {
    flex: 1 1 auto;
    height: 100%;
    max-height: none;
    min-height: 0;
    padding: 0 10px;
}

.page-content.equipmentgrower .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar label,
.page-content.equipmentgrower .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar2 label {
    color: #001d1d;
    font-weight: 600;
}

.page-content.equipmentgrower .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar .form-group .form-control,
.page-content.equipmentgrower .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar2 .form-group .form-control {
    min-height: 42px;
    padding: 0 14px;
    border: 1px solid rgba(17, 20, 24, 0.12);
    border-radius: 12px;
    background-color: #fff;
    color: #001d1d;
    box-shadow: none;
}

.page-content.equipmentgrower .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar .form-group .form-control[readonly],
.page-content.equipmentgrower .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar2 .form-group .form-control[readonly] {
    background-color: #fff;
    color: #001d1d;
}

.page-content.equipmentgrower .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar .sidebar-footer .bp6-button,
.page-content.equipmentgrower .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar .sidebar-footer .bp6-button:hover,
.page-content.equipmentgrower .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar .sidebar-footer .bp6-button:active,
.page-content.equipmentgrower .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar .sidebar-footer .bp6-button:focus,
.page-content.equipmentgrower .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar .sidebar-footer .bp6-button.bp6-disabled,
.page-content.equipmentgrower .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar .sidebar-footer .bp6-button:disabled,
.page-content.equipmentgrower .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar2 .sidebar-footer .bp6-button,
.page-content.equipmentgrower .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar2 .sidebar-footer .bp6-button:hover,
.page-content.equipmentgrower .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar2 .sidebar-footer .bp6-button:active,
.page-content.equipmentgrower .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar2 .sidebar-footer .bp6-button:focus,
.page-content.equipmentgrower .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar2 .sidebar-footer .bp6-button.bp6-disabled,
.page-content.equipmentgrower .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar2 .sidebar-footer .bp6-button:disabled {
    width: 100%;
    min-height: 42px;
    border-radius: 12px;
    border-color: transparent;
    background-color: #F1B434;
    color: #000;
    box-shadow: none;
    font-weight: 700;
}

.page-content.equipmentgrower .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar .sidebar-footer .bp6-button.bp6-disabled,
.page-content.equipmentgrower .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar .sidebar-footer .bp6-button:disabled,
.page-content.equipmentgrower .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar2 .sidebar-footer .bp6-button.bp6-disabled,
.page-content.equipmentgrower .equipment.content .grid-with-form-sidbar .edit-form .form-sidebar2 .sidebar-footer .bp6-button:disabled {
    opacity: 0.6;
}

.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .form-sidebar,
.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .form-sidebar2 {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    height: auto;
    max-height: none;
    min-height: 0;
}

.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .form-sidebar .sidebar-body,
.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .form-sidebar2 .sidebar-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .form-sidebar .sidebar-body .form-body,
.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .form-sidebar2 .sidebar-body .form-body {
    flex: 1 1 auto;
    height: 100%;
    max-height: none;
    min-height: 0;
    padding: 0 10px;
}

.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .form-sidebar label,
.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .form-sidebar2 label {
    color: #001d1d;
    font-weight: 600;
}

.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .form-sidebar .form-group .form-control,
.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .form-sidebar2 .form-group .form-control,
.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .form-sidebar .bp6-popover-target .bp6-button,
.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .form-sidebar .bp6-popover-target .bp6-button:hover,
.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .form-sidebar .bp6-popover-target .bp6-button:active,
.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .form-sidebar .bp6-popover-target .bp6-button:focus,
.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .form-sidebar2 .bp6-popover-target .bp6-button,
.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .form-sidebar2 .bp6-popover-target .bp6-button:hover,
.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .form-sidebar2 .bp6-popover-target .bp6-button:active,
.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .form-sidebar2 .bp6-popover-target .bp6-button:focus {
    min-height: 42px;
    padding: 0 14px;
    border: 1px solid rgba(17, 20, 24, 0.12);
    border-radius: 12px;
    background-color: #fff;
    color: #001d1d;
    box-shadow: none;
}

.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .form-sidebar textarea.form-control,
.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .form-sidebar2 textarea.form-control {
    min-height: 120px;
    padding: 12px 14px;
}

.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .form-sidebar .special-form-control .bp6-button,
.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .form-sidebar .special-form-control .bp6-button:hover,
.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .form-sidebar .special-form-control .bp6-button:active,
.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .form-sidebar .special-form-control .bp6-button:focus,
.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .form-sidebar2 .special-form-control .bp6-button,
.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .form-sidebar2 .special-form-control .bp6-button:hover,
.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .form-sidebar2 .special-form-control .bp6-button:active,
.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .form-sidebar2 .special-form-control .bp6-button:focus {
    width: 100%;
    min-height: 42px;
    border-radius: 12px;
    border: 1px solid rgba(17, 20, 24, 0.12);
    background-color: #fff;
    color: #001d1d;
    box-shadow: none;
    font-weight: 700;
}

.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .form-sidebar .applicators-manage-equipment-button,
.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .form-sidebar .applicators-manage-equipment-button:hover,
.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .form-sidebar .applicators-manage-equipment-button:active,
.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .form-sidebar .applicators-manage-equipment-button:focus,
.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .form-sidebar2 .applicators-manage-equipment-button,
.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .form-sidebar2 .applicators-manage-equipment-button:hover,
.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .form-sidebar2 .applicators-manage-equipment-button:active,
.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .form-sidebar2 .applicators-manage-equipment-button:focus {
    width: 100%;
    min-height: 42px;
    border-radius: 12px;
    border: 1px solid rgba(17, 20, 24, 0.12);
    background-color: #fff;
    color: #001d1d;
    box-shadow: none;
    font-weight: 700;
}

.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .form-sidebar .bp6-control,
.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .form-sidebar2 .bp6-control {
    color: #001d1d;
}

.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .form-sidebar .bp6-control.bp6-switch .bp6-control-indicator,
.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .form-sidebar .bp6-control.bp6-switch:hover .bp6-control-indicator,
.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .form-sidebar .bp6-control.bp6-switch input:focus ~ .bp6-control-indicator,
.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .form-sidebar .bp6-control.bp6-switch input:active ~ .bp6-control-indicator,
.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .form-sidebar2 .bp6-control.bp6-switch .bp6-control-indicator,
.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .form-sidebar2 .bp6-control.bp6-switch:hover .bp6-control-indicator,
.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .form-sidebar2 .bp6-control.bp6-switch input:focus ~ .bp6-control-indicator,
.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .form-sidebar2 .bp6-control.bp6-switch input:active ~ .bp6-control-indicator {
    background-color: #fff !important;
    border: 1px solid rgba(17, 20, 24, 0.32) !important;
    box-shadow: none !important;
}

.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .form-sidebar .bp6-control.bp6-switch .bp6-control-indicator::before,
.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .form-sidebar2 .bp6-control.bp6-switch .bp6-control-indicator::before {
    background-color: #fff !important;
    box-shadow: none !important;
}

.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .form-sidebar .bp6-control.bp6-switch input:checked ~ .bp6-control-indicator,
.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .form-sidebar .bp6-control.bp6-switch:hover input:checked ~ .bp6-control-indicator,
.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .form-sidebar .bp6-control.bp6-switch input:checked:focus ~ .bp6-control-indicator,
.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .form-sidebar .bp6-control.bp6-switch input:checked:active ~ .bp6-control-indicator,
.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .form-sidebar2 .bp6-control.bp6-switch input:checked ~ .bp6-control-indicator,
.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .form-sidebar2 .bp6-control.bp6-switch:hover input:checked ~ .bp6-control-indicator,
.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .form-sidebar2 .bp6-control.bp6-switch input:checked:focus ~ .bp6-control-indicator,
.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .form-sidebar2 .bp6-control.bp6-switch input:checked:active ~ .bp6-control-indicator {
    background-color: #F1B434 !important;
    border-color: rgba(17, 20, 24, 0.32) !important;
}

.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .form-sidebar .sidebar-footer .bp6-button,
.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .form-sidebar .sidebar-footer .bp6-button:hover,
.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .form-sidebar .sidebar-footer .bp6-button:active,
.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .form-sidebar .sidebar-footer .bp6-button:focus,
.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .form-sidebar .sidebar-footer .bp6-button.bp6-disabled,
.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .form-sidebar .sidebar-footer .bp6-button:disabled,
.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .form-sidebar2 .sidebar-footer .bp6-button,
.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .form-sidebar2 .sidebar-footer .bp6-button:hover,
.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .form-sidebar2 .sidebar-footer .bp6-button:active,
.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .form-sidebar2 .sidebar-footer .bp6-button:focus,
.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .form-sidebar2 .sidebar-footer .bp6-button.bp6-disabled,
.page-content.applicators .retailers.content .grid-with-form-sidbar .edit-form .form-sidebar2 .sidebar-footer .bp6-button:disabled {
    width: 100%;
    min-height: 42px;
    border-radius: 12px;
    border-color: transparent;
    background-color: #F1B434;
    color: #000;
    box-shadow: none;
    font-weight: 700;
}

.edit-form .form-sidebar,
.edit-form .form-sidebar2 {
    height: auto;
    max-height: calc(100% - 97px);
    float: left;
    width: 100%;
}

.products .grid-with-form-sidbar .edit-form .form-sidebar,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    height: auto;
    max-height: none;
    min-height: 0;
}

.edit-form .form-sidebar .sidebar-body,
.edit-form .form-sidebar2 .sidebar-body {
    height: auto;
}

.products .grid-with-form-sidbar .edit-form .form-sidebar .sidebar-body,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 .sidebar-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.edit-form .form-sidebar .sidebar-body .form-body,
.edit-form .form-sidebar2 .sidebar-body .form-body {
    padding-left: 15px;
    padding-right: 17px;
    overflow-y: auto;
    overflow-x: visible;
    height: auto;
    float: left;
    min-height: unset;
    max-height: calc(100vh - 253px);
    width: 100%;
}

.products .grid-with-form-sidbar .edit-form .form-sidebar .sidebar-body .form-body,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 .sidebar-body .form-body {
    flex: 1 1 auto;
    height: 100%;
    max-height: none;
    min-height: 0;
}

.bp6-overlay .products.grid-sidebar .edit-form .form-sidebar,
.bp6-overlay .products.grid-sidebar .edit-form .form-sidebar .sidebar-body .form-body  {
    height: 100%;
}

.bp6-overlay .products.grid-sidebar .edit-form .form-sidebar .sidebar-body {
    height: 94%;
}

.products .grid-with-form-sidbar .edit-form .form-sidebar .sidebar-body .form-body,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 .sidebar-body .form-body {
    padding: 0 10px;
}

.products .grid-with-form-sidbar .edit-form .form-sidebar label,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 label {
    color: #001d1d;
    font-weight: 600;
}

.products .grid-with-form-sidbar .edit-form .form-sidebar .bp6-control,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 .bp6-control {
    color: #001d1d;
}

.products .grid-with-form-sidbar .edit-form .form-sidebar .bp6-control.bp6-checkbox .bp6-control-indicator,
.products .grid-with-form-sidbar .edit-form .form-sidebar .bp6-control.bp6-checkbox:hover .bp6-control-indicator,
.products .grid-with-form-sidbar .edit-form .form-sidebar .bp6-control.bp6-checkbox input:focus ~ .bp6-control-indicator,
.products .grid-with-form-sidbar .edit-form .form-sidebar .bp6-control.bp6-checkbox input:active ~ .bp6-control-indicator,
.products .grid-with-form-sidbar .edit-form .form-sidebar .bp6-control.bp6-checkbox input:checked ~ .bp6-control-indicator,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 .bp6-control.bp6-checkbox .bp6-control-indicator,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 .bp6-control.bp6-checkbox:hover .bp6-control-indicator,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 .bp6-control.bp6-checkbox input:focus ~ .bp6-control-indicator,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 .bp6-control.bp6-checkbox input:active ~ .bp6-control-indicator,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 .bp6-control.bp6-checkbox input:checked ~ .bp6-control-indicator {
    background-color: #F1B434 !important;
    border-color: #F1B434 !important;
    color: #000 !important;
    box-shadow: none !important;
}

.products .grid-with-form-sidbar .edit-form .form-sidebar .bp6-control.bp6-checkbox .bp6-control-indicator::before,
.products .grid-with-form-sidbar .edit-form .form-sidebar .bp6-control.bp6-checkbox .bp6-control-indicator::after,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 .bp6-control.bp6-checkbox .bp6-control-indicator::before,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 .bp6-control.bp6-checkbox .bp6-control-indicator::after {
    color: #000 !important;
    border-color: #000 !important;
}

.products .grid-with-form-sidbar .edit-form .form-sidebar .bp6-control.bp6-radio .bp6-control-indicator,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 .bp6-control.bp6-radio .bp6-control-indicator {
    background-image: none;
    background-color: #fff !important;
    border: 1px solid rgba(17, 20, 24, 0.32) !important;
    box-shadow: none !important;
}

.products .grid-with-form-sidbar .edit-form .form-sidebar .bp6-control.bp6-radio:hover .bp6-control-indicator,
.products .grid-with-form-sidbar .edit-form .form-sidebar .bp6-control.bp6-radio input:focus ~ .bp6-control-indicator,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 .bp6-control.bp6-radio:hover .bp6-control-indicator,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 .bp6-control.bp6-radio input:focus ~ .bp6-control-indicator {
    background-color: #fff !important;
    border-color: rgba(17, 20, 24, 0.4) !important;
}

.products .grid-with-form-sidbar .edit-form .form-sidebar .bp6-control.bp6-radio input:checked ~ .bp6-control-indicator,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 .bp6-control.bp6-radio input:checked ~ .bp6-control-indicator {
    background-color: #fff !important;
    border-color: rgba(17, 20, 24, 0.4) !important;
}

.products .grid-with-form-sidbar .edit-form .form-sidebar .bp6-control.bp6-radio input:checked ~ .bp6-control-indicator::before,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 .bp6-control.bp6-radio input:checked ~ .bp6-control-indicator::before {
    background-color: #F1B434 !important;
}

.products .grid-with-form-sidbar .edit-form .form-sidebar .bp6-control.bp6-switch .bp6-control-indicator,
.products .grid-with-form-sidbar .edit-form .form-sidebar .bp6-control.bp6-switch:hover .bp6-control-indicator,
.products .grid-with-form-sidbar .edit-form .form-sidebar .bp6-control.bp6-switch input:focus ~ .bp6-control-indicator,
.products .grid-with-form-sidbar .edit-form .form-sidebar .bp6-control.bp6-switch input:active ~ .bp6-control-indicator,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 .bp6-control.bp6-switch .bp6-control-indicator,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 .bp6-control.bp6-switch:hover .bp6-control-indicator,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 .bp6-control.bp6-switch input:focus ~ .bp6-control-indicator,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 .bp6-control.bp6-switch input:active ~ .bp6-control-indicator {
    background-color: #fff !important;
    border: 1px solid rgba(17, 20, 24, 0.32) !important;
    box-shadow: none !important;
}

.products .grid-with-form-sidbar .edit-form .form-sidebar .bp6-control.bp6-switch .bp6-control-indicator::before,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 .bp6-control.bp6-switch .bp6-control-indicator::before {
    background-color: #fff !important;
    box-shadow: none !important;
}

.products .grid-with-form-sidbar .edit-form .form-sidebar .bp6-control.bp6-switch input:checked ~ .bp6-control-indicator,
.products .grid-with-form-sidbar .edit-form .form-sidebar .bp6-control.bp6-switch:hover input:checked ~ .bp6-control-indicator,
.products .grid-with-form-sidbar .edit-form .form-sidebar .bp6-control.bp6-switch input:checked:focus ~ .bp6-control-indicator,
.products .grid-with-form-sidbar .edit-form .form-sidebar .bp6-control.bp6-switch input:checked:active ~ .bp6-control-indicator,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 .bp6-control.bp6-switch input:checked ~ .bp6-control-indicator,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 .bp6-control.bp6-switch:hover input:checked ~ .bp6-control-indicator,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 .bp6-control.bp6-switch input:checked:focus ~ .bp6-control-indicator,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 .bp6-control.bp6-switch input:checked:active ~ .bp6-control-indicator {
    background-color: #F1B434 !important;
    border-color: rgba(17, 20, 24, 0.32) !important;
}

.products .grid-with-form-sidbar .edit-form .form-sidebar .form-group .form-control,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 .form-group .form-control {
    min-height: 42px;
    padding: 0 14px;
    border: 1px solid rgba(17, 20, 24, 0.12);
    border-radius: 12px;
    background-color: #fff;
    color: #001d1d;
    box-shadow: none;
}

.products .grid-with-form-sidbar .edit-form .form-sidebar .p-dropdown,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 .p-dropdown {
    min-height: 42px;
    border: 1px solid rgba(17, 20, 24, 0.12);
    border-radius: 12px;
    background-color: #fff;
}

.products .grid-with-form-sidbar .edit-form .form-sidebar .p-dropdown .p-dropdown-label,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 .p-dropdown .p-dropdown-label {
    min-height: 40px;
    padding: 10px 14px;
    color: #001d1d;
}

.products .grid-with-form-sidbar .edit-form .form-sidebar .special-form-control .p-inputgroup,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 .special-form-control .p-inputgroup {
    border-radius: 12px;
    overflow: hidden;
}

.products .grid-with-form-sidbar .edit-form .form-sidebar .special-form-control .p-inputgroup .p-inputgroup-addon,
.products .grid-with-form-sidbar .edit-form .form-sidebar .special-form-control .p-inputgroup .p-inputtext,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 .special-form-control .p-inputgroup .p-inputgroup-addon,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 .special-form-control .p-inputgroup .p-inputtext {
    min-height: 42px;
    border-color: rgba(17, 20, 24, 0.12);
    background-color: #fff;
    color: #001d1d;
    box-shadow: none;
}

.products .grid-with-form-sidbar .edit-form .form-sidebar .special-form-control .p-inputgroup .p-inputtext,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 .special-form-control .p-inputgroup .p-inputtext {
    padding: 0 14px;
}

.products .grid-with-form-sidbar .edit-form .form-sidebar .special-form-control .nutrient .p-inputgroup,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 .special-form-control .nutrient .p-inputgroup {
    display: flex;
    align-items: stretch;
    width: 100%;
}

.products .grid-with-form-sidbar .edit-form .form-sidebar .special-form-control .nutrient .p-inputgroup > *,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 .special-form-control .nutrient .p-inputgroup > * {
    float: none;
}

.products .grid-with-form-sidbar .edit-form .form-sidebar .special-form-control .nutrient .p-inputgroup > .p-inputtext,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 .special-form-control .nutrient .p-inputgroup > .p-inputtext {
    flex: 0 0 72px;
    width: 72px;
    max-width: 72px;
    min-height: 42px;
    height: 42px;
    padding: 0 14px;
}

.products .grid-with-form-sidbar .edit-form .form-sidebar .special-form-control .nutrient .p-inputgroup > .p-inputgroup-addon,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 .special-form-control .nutrient .p-inputgroup > .p-inputgroup-addon {
    flex: 0 0 32px;
    width: 32px;
    min-width: 32px;
    min-height: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
    color: #001d1d;
    white-space: nowrap;
    font-size: 12px;
}

.products .grid-with-form-sidbar .edit-form .form-sidebar .special-form-control .nutrient .p-inputgroup > .readonly,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 .special-form-control .nutrient .p-inputgroup > .readonly {
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
    min-height: 42px;
    height: 42px;
    padding: 0 14px;
    text-align: left;
    background-color: #fff;
    color: #001d1d;
    border: 1px solid rgba(17, 20, 24, 0.12);
}

.products .grid-with-form-sidbar .edit-form .form-sidebar .special-form-control .nutrient .p-inputgroup > .bp6-popover-wrapper,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 .special-form-control .nutrient .p-inputgroup > .bp6-popover-wrapper {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    min-height: 42px;
    height: 42px;
}

.products .grid-with-form-sidbar .edit-form .form-sidebar .special-form-control .nutrient .p-inputgroup > .bp6-popover-wrapper > .bp6-popover-target,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 .special-form-control .nutrient .p-inputgroup > .bp6-popover-wrapper > .bp6-popover-target {
    display: flex;
    width: 100%;
    min-width: 0;
    min-height: 42px;
    height: 42px;
}

.products .grid-with-form-sidbar .edit-form .form-sidebar .special-form-control .nutrient .p-inputgroup > .bp6-popover-wrapper .bp6-button,
.products .grid-with-form-sidbar .edit-form .form-sidebar .special-form-control .nutrient .p-inputgroup > .bp6-popover-wrapper .bp6-button:hover,
.products .grid-with-form-sidbar .edit-form .form-sidebar .special-form-control .nutrient .p-inputgroup > .bp6-popover-wrapper .bp6-button:active,
.products .grid-with-form-sidbar .edit-form .form-sidebar .special-form-control .nutrient .p-inputgroup > .bp6-popover-wrapper .bp6-button:focus,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 .special-form-control .nutrient .p-inputgroup > .bp6-popover-wrapper .bp6-button,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 .special-form-control .nutrient .p-inputgroup > .bp6-popover-wrapper .bp6-button:hover,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 .special-form-control .nutrient .p-inputgroup > .bp6-popover-wrapper .bp6-button:active,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 .special-form-control .nutrient .p-inputgroup > .bp6-popover-wrapper .bp6-button:focus {
    width: 100%;
    min-width: 0;
    min-height: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 14px;
    border-color: rgba(17, 20, 24, 0.12);
    background-color: #fff;
    color: #001d1d;
    box-shadow: none;
}

.products .grid-with-form-sidbar .edit-form .form-sidebar .special-form-control .nutrient .p-inputgroup > .bp6-popover-wrapper .bp6-button .bp6-button-text,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 .special-form-control .nutrient .p-inputgroup > .bp6-popover-wrapper .bp6-button .bp6-button-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.products .grid-with-form-sidbar .edit-form .form-sidebar .special-form-control .nutrient .p-inputgroup > .bp6-popover-wrapper .bp6-button.products-nutrient-dropdown-button,
.products .grid-with-form-sidbar .edit-form .form-sidebar .special-form-control .nutrient .p-inputgroup > .bp6-popover-wrapper .bp6-button.products-nutrient-dropdown-button:hover,
.products .grid-with-form-sidbar .edit-form .form-sidebar .special-form-control .nutrient .p-inputgroup > .bp6-popover-wrapper .bp6-button.products-nutrient-dropdown-button:active,
.products .grid-with-form-sidbar .edit-form .form-sidebar .special-form-control .nutrient .p-inputgroup > .bp6-popover-wrapper .bp6-button.products-nutrient-dropdown-button:focus,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 .special-form-control .nutrient .p-inputgroup > .bp6-popover-wrapper .bp6-button.products-nutrient-dropdown-button,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 .special-form-control .nutrient .p-inputgroup > .bp6-popover-wrapper .bp6-button.products-nutrient-dropdown-button:hover,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 .special-form-control .nutrient .p-inputgroup > .bp6-popover-wrapper .bp6-button.products-nutrient-dropdown-button:active,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 .special-form-control .nutrient .p-inputgroup > .bp6-popover-wrapper .bp6-button.products-nutrient-dropdown-button:focus {
    min-height: 42px;
    height: 42px;
}

.products .grid-with-form-sidbar .edit-form .form-sidebar .special-form-control .nutrient .p-inputgroup > .bp6-button,
.products .grid-with-form-sidbar .edit-form .form-sidebar .special-form-control .nutrient .p-inputgroup > .bp6-button:hover,
.products .grid-with-form-sidbar .edit-form .form-sidebar .special-form-control .nutrient .p-inputgroup > .bp6-button:active,
.products .grid-with-form-sidbar .edit-form .form-sidebar .special-form-control .nutrient .p-inputgroup > .bp6-button:focus,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 .special-form-control .nutrient .p-inputgroup > .bp6-button,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 .special-form-control .nutrient .p-inputgroup > .bp6-button:hover,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 .special-form-control .nutrient .p-inputgroup > .bp6-button:active,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 .special-form-control .nutrient .p-inputgroup > .bp6-button:focus {
    flex: 0 0 42px;
    width: 42px;
    min-width: 42px;
    min-height: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    padding: 0;
    justify-content: center;
}

.products .grid-with-form-sidbar .edit-form .form-sidebar .special-form-control .products-add-nutrient-button,
.products .grid-with-form-sidbar .edit-form .form-sidebar .special-form-control .products-add-nutrient-button:hover,
.products .grid-with-form-sidbar .edit-form .form-sidebar .special-form-control .products-add-nutrient-button:active,
.products .grid-with-form-sidbar .edit-form .form-sidebar .special-form-control .products-add-nutrient-button:focus,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 .special-form-control .products-add-nutrient-button,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 .special-form-control .products-add-nutrient-button:hover,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 .special-form-control .products-add-nutrient-button:active,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 .special-form-control .products-add-nutrient-button:focus {
    min-height: 42px;
    border-radius: 12px;
    border-color: rgba(17, 20, 24, 0.12);
    background-color: #fff;
    color: #000;
    box-shadow: none;
    font-weight: 700;
}

.products .grid-with-form-sidbar .edit-form .form-sidebar .special-form-control .products-add-nutrient-button.bp6-disabled,
.products .grid-with-form-sidbar .edit-form .form-sidebar .special-form-control .products-add-nutrient-button:disabled,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 .special-form-control .products-add-nutrient-button.bp6-disabled,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 .special-form-control .products-add-nutrient-button:disabled {
    opacity: 0.6;
}

.products .grid-with-form-sidbar .edit-form .form-sidebar .special-form-control-ProductStats .products-grid-sampling-button,
.products .grid-with-form-sidbar .edit-form .form-sidebar .special-form-control-ProductStats .products-grid-sampling-button:hover,
.products .grid-with-form-sidbar .edit-form .form-sidebar .special-form-control-ProductStats .products-grid-sampling-button:active,
.products .grid-with-form-sidbar .edit-form .form-sidebar .special-form-control-ProductStats .products-grid-sampling-button:focus,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 .special-form-control-ProductStats .products-grid-sampling-button,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 .special-form-control-ProductStats .products-grid-sampling-button:hover,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 .special-form-control-ProductStats .products-grid-sampling-button:active,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 .special-form-control-ProductStats .products-grid-sampling-button:focus {
    width: 100%;
    min-height: 42px;
    border-radius: 12px;
    border-color: rgba(17, 20, 24, 0.12);
    background-color: #fff;
    color: #000;
    box-shadow: none;
    font-weight: 700;
}

.products .grid-with-form-sidbar .edit-form .form-sidebar .special-form-control-ProductStats .products-grid-sampling-button.bp6-disabled,
.products .grid-with-form-sidbar .edit-form .form-sidebar .special-form-control-ProductStats .products-grid-sampling-button:disabled,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 .special-form-control-ProductStats .products-grid-sampling-button.bp6-disabled,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 .special-form-control-ProductStats .products-grid-sampling-button:disabled {
    opacity: 0.6;
}

.products .grid-with-form-sidbar .edit-form .form-sidebar .sidebar-footer .bp6-button,
.products .grid-with-form-sidbar .edit-form .form-sidebar .sidebar-footer .bp6-button:hover,
.products .grid-with-form-sidbar .edit-form .form-sidebar .sidebar-footer .bp6-button:active,
.products .grid-with-form-sidbar .edit-form .form-sidebar .sidebar-footer .bp6-button:focus,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 .sidebar-footer .bp6-button,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 .sidebar-footer .bp6-button:hover,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 .sidebar-footer .bp6-button:active,
.products .grid-with-form-sidbar .edit-form .form-sidebar2 .sidebar-footer .bp6-button:focus {
    width: 100%;
    min-height: 42px;
    border-radius: 12px;
    border-color: transparent;
    background-color: #F1B434;
    color: #000;
    box-shadow: none;
    font-weight: 700;
}

.bp6-overlay .products.grid-sidebar .edit-form .form-sidebar .sidebar-footer {
    margin-top: 0px;
}

.edit-form .row {
    margin: 0;
}

.Blend.form-body .AddUsers.col {
    display: block;
}

.col .special-form-control-Users, 
.col .special-form-control-Users {
    float: left;
    width: 100%;
}

.products .ag-theme-balham .bp6-icon {
    padding-right: 5px;
}

.products .ag-theme-balham .productPerson .bp6-icon {
    padding-right: 10px;
}

.products .ag-theme-balham .bp6-icon-person,
.equipment .bp6-icon-person,
.bp6-portal .equipmentGrowerWidget.global-equipment-overlay .bp6-icon-person {
    color: #e68c1b;
} 

.products .ag-theme-balham .bp6-icon-person:hover {
    color: #603020;
} 

.equipRetailer .bp6-icon-shop:hover {
    color: #603020;
} 

.globalProduct .bp6-icon-globe,
.equipRetailer .bp6-icon-shop,
.equipmentgrower .bp6-icon-shop,
.equipmentGrowerWidget .bp6-icon-shop,
.retailers.content .outSideShopIconEquipment .bp6-icon-shop,
.retailers.content .outSideShopIconEquipment .bp6-icon-truck {
    color: #0089ff;
}

.equipmentGrowerWidget .ag-theme-balham .ag-selection-checkbox {
    margin-top: -2px;
}

.globalAccess .bp6-icon-globe {
    color: #603020;
}

.bp6-popover-wrapper.productPerson .bp6-popover-target  {
    width: 25px;
}

.popoverPersonClassName {
    font-weight: bold;
    background-color: darkgray;
    width: fit-content;
    color: #603020;
    font-size: 12px;
    box-shadow: 0 0 1px 1px #333;
}

.popoverRetailerClassName {
    font-weight: bold;
    background-color: darkgray;
    width: fit-content;
    color: #603020;
    font-size: 12px;
    box-shadow: 0 0 1px 1px #333;
}


.growerIconDisplay {
    padding: 5px;
}

.sidebar-body .Blend .Growers,
.sidebar-body .Manure .Growers,
.sidebar-body .Trace.Elements .Growers,
.sidebar-body .Fertilizer .Growers,
.sidebar-body .Lime .Growers {
    max-height: 200px;
    overflow-y: auto;
}

.sidebar-body .Blend .Growers .special-form-control-Users .addUsers,
.sidebar-body .Manure .Growers .special-form-control-Users .addUsers,
.sidebar-body .Trace.Elements .Growers .special-form-control-Users .addUsers,
.sidebar-body .Fertilizer .Growers .special-form-control-Users .addUsers,
.sidebar-body .Lime .Growers .special-form-control-Users .addUsers,
.sidebar-body .Growers .special-form-control-Users .addUsers {
    margin-bottom: 5px;
    float: left;
    width: 100%;
}

.sidebar-body .Ownership.col {
    margin-bottom: 0px;
}

.sidebar-body .Ownership.col .special-form-control-Owners {
    height: 50px;
    float: left;
    width: 100%;
}

.sidebar-body .Ownership.col .special-form-control-Owners .growerWidgetHolder {
    float: left;
    margin-top: 5px; 
    width: 100%;
}

.sidebar-body .AccountID.col .special-form-control-RetailEquipment .growerWidgetHolder {
    float: left;
    margin-top: 5px; 
    width: 100%;
}

.sidebar-body .Ownership.col .special-form-control-Owners .growerWidgetHolder .manageGrowerAccess {
    float: left
}

.sidebar-body .AccountID.col .special-form-control-RetailEquipment .growerWidgetHolder .manageGrowerAccess {
    float: left
}

.form-sidebar .sidebar-body .GrowerID {
    display: none;
}

.owners-menu-overlay .retail-owners-menu-top {
    height: 180px;
    position: absolute;
    top: 60px;
    right: -116px;
}

.closeButtonProduct {
    float: right;
    margin-top: -30px;
}

.closeButtonProduct > button {
    padding-left: 15px;
}

.one-column.addUsersDialog {
    max-height: 300px;
    height: 300px;
}

.bp6-dialog.grower-access-overlay {
    width: min(680px, calc(100vw - 48px));
    max-width: min(680px, calc(100vw - 48px));
    height: min(520px, calc(100vh - 80px));
    max-height: min(520px, calc(100vh - 80px));
    background-color: #EBEBEB;
    border-radius: 16px;
    overflow: hidden;
    padding-bottom: 0;
    box-shadow: none;
    display: flex;
    flex-direction: column;
}

.bp6-dialog.grower-access-overlay .bp6-dialog-header {
    margin: 0;
    padding: 16px 20px;
    background-color: #FCE8C2;
    border-bottom: 1px solid #bdc3c7;
}

.bp6-dialog.grower-access-overlay .bp6-dialog-header .bp6-heading,
.bp6-dialog.grower-access-overlay .bp6-dialog-header .bp6-icon,
.bp6-dialog.grower-access-overlay .bp6-dialog-header .bp6-button {
    color: #001d1d;
}

.bp6-dialog.grower-access-overlay .bp6-dialog-body {
    flex: 1 1 auto;
    min-height: 0;
    margin: 0;
    padding: 16px;
    background-color: #EBEBEB;
}

.bp6-dialog.grower-access-overlay .grower-access-overlay-content {
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 100%;
    min-height: 0;
}

.bp6-dialog.grower-access-overlay .grower-access-mode-card,
.bp6-dialog.grower-access-overlay .grower-access-list-card {
    background-color: #fff;
    border: 1px solid #d7d7d7;
    border-radius: 12px;
    box-shadow: none;
}

.bp6-dialog.grower-access-overlay .grower-access-mode-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: 0;
    padding: 16px 18px;
}

.bp6-dialog.grower-access-overlay .grower-access-mode-copy {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.bp6-dialog.grower-access-overlay .grower-access-mode-copy > p {
    margin: 0;
    color: #001d1d;
    font-size: 16px !important;
    font-weight: 700;
}

.bp6-dialog.grower-access-overlay .grower-access-mode-copy > span {
    color: rgba(0, 29, 29, 0.72);
    font-size: 13px;
    line-height: 1.4;
}

.bp6-dialog.grower-access-overlay .globalPickerDiv .globalPickerSwitch {
    margin: 0 0 0 auto;
    color: #001d1d;
    font-size: 13px !important;
    font-weight: 700;
    line-height: 1;
}

.bp6-dialog.grower-access-overlay .grower-access-switch-shell {
    position: relative;
    margin-left: auto;
}

.bp6-dialog.grower-access-overlay .grower-access-switch-active-label {
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    color: #001d1d;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    z-index: 1;
    pointer-events: none;
}

.bp6-dialog.grower-access-overlay .grower-access-switch-inactive-label {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    color: #001d1d;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    z-index: 1;
    pointer-events: none;
}

.bp6-dialog.grower-access-overlay .globalPickerDiv .globalPickerSwitch .bp6-control-indicator {
    position: relative;
    width: 96px;
    min-width: 96px;
    height: 32px;
    margin-right: 0;
    border-radius: 999px;
    border: 1px solid rgba(17, 20, 24, 0.22) !important;
    background-color: #fff !important;
    box-shadow: none !important;
}

.bp6-dialog.grower-access-overlay .globalPickerDiv .globalPickerSwitch:hover .bp6-control-indicator,
.bp6-dialog.grower-access-overlay .globalPickerDiv .globalPickerSwitch input:focus ~ .bp6-control-indicator,
.bp6-dialog.grower-access-overlay .globalPickerDiv .globalPickerSwitch input:active ~ .bp6-control-indicator {
    border-color: rgba(17, 20, 24, 0.3) !important;
    background-color: #fff !important;
    box-shadow: none !important;
}

.bp6-dialog.grower-access-overlay .globalPickerDiv .globalPickerSwitch .bp6-control-indicator::before {
    transform: translateX(0);
    transition: transform 160ms ease;
    top: 2px;
    left: 2px;
    width: 28px;
    height: 28px;
    border-radius: 999px;
    background-color: #fff !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) !important;
    z-index: 2;
}

.bp6-dialog.grower-access-overlay .globalPickerDiv .globalPickerSwitch input:checked ~ .bp6-control-indicator,
.bp6-dialog.grower-access-overlay .globalPickerDiv .globalPickerSwitch:hover input:checked ~ .bp6-control-indicator,
.bp6-dialog.grower-access-overlay .globalPickerDiv .globalPickerSwitch input:checked:focus ~ .bp6-control-indicator,
.bp6-dialog.grower-access-overlay .globalPickerDiv .globalPickerSwitch input:checked:active ~ .bp6-control-indicator {
    border-color: rgba(17, 20, 24, 0.22) !important;
    background-color: #F1B434 !important;
    box-shadow: none !important;
}

.bp6-dialog.grower-access-overlay .globalPickerDiv .globalPickerSwitch input:checked ~ .bp6-control-indicator::before {
    transform: translateX(56px);
}

.bp6-dialog.grower-access-overlay .globalPickerDiv .globalPickerSwitch .bp6-switch-inner-text,
.bp6-dialog.grower-access-overlay .globalPickerDiv .globalPickerSwitch .bp6-switch-inner-text-checked {
    display: none;
}

.bp6-dialog.grower-access-overlay .grower-access-list-card {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    margin: 0;
    padding: 14px;
}

.bp6-dialog.grower-access-overlay .grower-access-list-header {
    margin-bottom: 12px;
}

.bp6-dialog.grower-access-overlay .grower-access-list-header > p,
.bp6-dialog.grower-access-overlay .grower-access-global-note > p {
    margin: 0;
    color: #001d1d;
    font-size: 15px;
    font-weight: 700;
}

.bp6-dialog.grower-access-overlay .grower-access-global-note {
    padding: 16px 18px;
}

.bp6-dialog.grower-access-overlay .addUsersHolder,
.bp6-dialog.grower-access-overlay .addOwnersHolder {
    overflow: hidden;
    max-height: none;
}

.bp6-dialog.grower-access-overlay .addUsers {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding-right: 4px;
}

.bp6-dialog.grower-access-overlay .user-selection .p-inputgroup {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 8px 10px;
    background-color: #f8f8f8;
    border: 1px solid #d7d7d7;
    border-radius: 12px;
}

.bp6-dialog.grower-access-overlay .addGrowersName {
    display: flex;
    align-items: center;
    flex: 1 1 220px;
    min-width: 0;
    width: auto;
    padding: 0 10px 0 0;
    border: 0;
    font-weight: 600;
}

.bp6-dialog.grower-access-overlay .user-selection .readonly {
    flex: 0 0 225px;
    width: 225px;
    min-width: 225px;
    max-width: 225px;
    text-align: center;
}

.bp6-dialog.grower-access-overlay .user-selection .bp6-popover-target,
.bp6-dialog.grower-access-overlay .user-selection .bp6-popover-wrapper {
    display: inline-flex;
    flex: 0 0 225px;
    width: 225px;
    min-width: 225px;
    max-width: 225px;
}

.bp6-dialog.grower-access-overlay .user-selection .bp6-popover-target > .bp6-button,
.bp6-dialog.grower-access-overlay .user-selection .bp6-popover-wrapper > .bp6-popover-target > .bp6-button,
.bp6-dialog.grower-access-overlay .grower-access-delete-btn,
.bp6-dialog.grower-access-overlay .grower-access-add-btn {
    min-height: 34px;
    height: 34px;
    border-radius: 10px;
    box-shadow: none;
}

.bp6-dialog.grower-access-overlay .user-selection .bp6-popover-target > .bp6-button,
.bp6-dialog.grower-access-overlay .user-selection .bp6-popover-wrapper > .bp6-popover-target > .bp6-button {
    width: 225px;
    min-width: 225px;
    max-width: 225px;
    justify-content: space-between;
}

.bp6-dialog.grower-access-overlay .grower-access-delete-btn,
.bp6-dialog.grower-access-overlay .grower-access-delete-btn:hover,
.bp6-dialog.grower-access-overlay .grower-access-delete-btn:active,
.bp6-dialog.grower-access-overlay .grower-access-delete-btn:focus {
    min-width: 34px;
    padding: 0;
    background-color: #fff1ef;
    border-color: #f2c2bc;
    color: #9f2d20;
}

.bp6-dialog.grower-access-overlay .grower-access-actions {
    display: flex;
    justify-content: flex-end;
    margin-top: 14px;
}

.bp6-dialog.grower-access-overlay .grower-access-add-btn,
.bp6-dialog.grower-access-overlay .grower-access-add-btn:hover,
.bp6-dialog.grower-access-overlay .grower-access-add-btn:active,
.bp6-dialog.grower-access-overlay .grower-access-add-btn:focus {
    padding: 0 14px;
    border-color: transparent;
    background-color: #F1B434;
    color: #000;
    font-weight: 700;
}

.globalPickerDiv {
    float: left;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 100%;
}

.globalPicker .globalPickerDiv > p {
    float: left;
    margin-right: 10px;
    margin-left: 10px;
    width: 80px;
    font-size: 1.3rem !important;
    font-weight: bold;
}

.globalPickerDiv .globalPickerSwitch {
    float: left;
}

.globalPicker .addOwnersHolder > p {
    font-weight: bold;
    font-size: 1.3rem;
}

.globalPicker .retailerInformation {
    font-weight: bold;
    font-size: 1.3rem;
    margin-left: 10px;
    margin-bottom: 5px;
}

.globalPickerDiv .globalPickerSwitch .bp6-control-indicator {
    margin-right: 20px;
    font-size: 17.5px !important;
}

.globalPickerDiv .globalPickerSwitch {
    font-size: 1.3rem !important;
}

.globalPicker .addUsersHolder,
.globalPicker .addOwnersHolder {
    float: left;
    margin-top: 5px; 
    padding-left: 10px;
    padding-right: 10px;
    overflow-y: auto;
    max-height: 200px;
    width: 100%; 
}

.globalPicker .addUsersHolder .bp6-intent-success,
.globalPicker .addOwnersHolder .bp6-intent-success {
    margin-top: 10px;
    margin-left: 40%
}

.crops .inventory.content,
.content .main {
    display: block;
    height: 100%;
    width: 100%;
    float: left;
}

.headerLogo  {
    width: 100%;
    height: 80px;
}

.bp6-portal .content-header,
.headerLogo .content-header {
    float: left;
    width: 100%;
    padding: 10px 20px; 
    border-bottom: 1px solid #bab6b6;
    box-shadow: 0px 0px 3px #333;
    height: 80px;
}

.products .inventory.content .loading {
    height: calc(100% - 80px);
}

.content-icon .bp6-icon {
    float: left;
    border-radius: 30px;
    border: 4px solid #333;
    padding: 5px 5px 5px 9px;
    background-color: #eee;
    color: #075523;
}

.products > div {
    height: 100%;
}

.costWidgetHolder .manageCost {
    margin-top: 25px;
}

.bp6-dialog-body .costSettings {
    height: 40px;
}

.bp6-dialog-body .costSettings .costPickerDiv {
    height: 100%;
}

.bp6-dialog-body .costSettings .costPickerDiv > p {
    float: left;
    font-size: 1.5rem; 
    font-weight: bold;
}

.bp6-dialog-body .costSettings .costPickerDiv .costPickerSwitch {
    float: left;
    font-size: 1.5rem;
    padding-bottom: 10px;
    margin-left: 10px; 
}

.bp6-dialog-body .costSettings .costPickerDiv .costPickerSwitch .bp6-control-indicator{
    font-size: 1.7rem;
}

.bp6-dialog-body .costSettings .costTextBox {
    float: left;
}

.products .content .edit-form .form-sidebar .sidebar-body .form-body .costSettings {
    float: right;
}

.page-content.retailers .retailers.content .grid-with-form-sidbar .sidebar-body .AccountID.col {
    height: 25px;
}

.page-content.retailers .retailers.content .grid-with-form-sidbar .sidebar-body .AccountID.col .special-form-control-RetailEquipment {
    float: left;
    height: 25px;
    width: 100%;
}

.grid-with-form-sidbar .form-sidebar2 .sidebar-body .special-form-control-Owners .growerWidgetHolder .manageGrowerAccess {
    height: 30px;
    width: 100%;
    float: left;
}

.grid-with-form-sidbar .form-sidebar2 .sidebar-body .special-form-control-Owners .growerWidgetHolder .manageGrowerAccess > button {
    height: 30px;
    float: left;
}

.unit-dropdown .products-Unit-Dropdown, 
.unit-dropdown .products-Unit-Dropdown .bp6-button {
    width: 130px;
    height: 34px;
    margin-top: 1px;
    margin-right: 5px;
}

.ag-theme-balham .ag-row.general-row {
    background-color: #ffffff;
  }
  
.ag-theme-balham .ag-row.lime-row {
    background-color: #78C5BE;
}

.ag-theme-balham .ag-row.disabled-row,
.ag-theme-balham .ag-row.disabledBool-row,
.ag-theme-balham .ag-row.disabledStringOriginal-row,
.ag-theme-balham .ag-row.disabledBoolOriginal-row {
    background-color: #9a9a9a !important;
}

.ag-theme-balham .ag-row.manure-row {
    background-color: #A8784F;
}
  
.ag-theme-balham .ag-row.blend-row {
    background-color: #F9BA4D;
}

.ag-theme-balham .ag-row.trace-row {
    background-color: #B7C79B;
}

.products .product-selection .p-inputgroup {
    height: 34px;
}

.products .product-selection .p-inputgroup .p-inputgroup-addon {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    width: 44px;
    padding: 0;
}

.products .product-selection .p-inputgroup .productUnitSwitch {
    margin-left: 0;
    min-width: 100% !important;
    width: 100% !important;
    padding: 0 4px !important;
    font-size: 11px !important;
    font-weight: 600;
}

.products .product-selection .p-inputgroup .productUnitSwitch:hover {
    width: 100% !important;
    height: 32px;
}

.products .product-selection .p-inputgroup .productUnitSwitch .bp6-button-text {
    overflow: visible;
    text-overflow: clip;
    white-space: nowrap;
}

.products .product-selection .p-inputgroup .productUnitSwitch:focus {
    outline: none;
}

.products .product-selection .p-inputgroup .productUnitSwitchDelete {
    padding-left: 15px;
}

.products .sidebar-body .ProductTypeName.col .dropdown.unit-dropdown .products-Unit-Dropdown .bp6-button {
    width: 100% !important;
}

.page-content.rxnotes .grid-with-form-sidbar .custom-toolbar-renderer .bp6-button {
    margin: 0;
}

.page-content.rxnotes .grid-with-form-sidbar .custom-toolbar-renderer {
    height: 100%;
    display: flex;
    align-items: center;
}

.page-content.rxnotes .grid-with-form-sidbar .ag-header-group-cell-label {
    height: 100%;
    align-items: center;
}

.page-content.rxnotes .grid-with-form-sidbar .custom-toolbar-renderer .toolbar.p-inputgroup {
    display: flex;
    align-items: center;
    height: 100%;
    gap: 8px;
    padding-right: 8px;
}

.page-content.rxnotes .grid-with-form-sidbar .custom-toolbar-renderer .toolbar.p-inputgroup .bp6-popover-target {
    display: inline-flex;
    align-items: center;
    height: 100%;
}

.page-content.rxnotes .grid-with-form-sidbar .custom-toolbar-renderer .toolbar.p-inputgroup .bp6-button.rxnotesNewNoteButton,
.page-content.rxnotes .grid-with-form-sidbar .custom-toolbar-renderer .toolbar.p-inputgroup .bp6-popover-target > .bp6-button.rxnotesVisibilityButton {
    min-height: 32px;
    height: 32px;
    border-radius: 999px;
    border: 1px solid #d8cfb7;
    box-shadow: none;
    font-weight: 700;
    letter-spacing: 0.02em;
    transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease;
}

.page-content.rxnotes .grid-with-form-sidbar .custom-toolbar-renderer .toolbar.p-inputgroup .bp6-button.rxnotesNewNoteButton {
    padding: 0 14px;
    background-color: #F1B434;
    border-color: #d49d28;
    color: #001D1D;
}

.page-content.rxnotes .grid-with-form-sidbar .custom-toolbar-renderer .toolbar.p-inputgroup .bp6-button.rxnotesNewNoteButton:hover,
.page-content.rxnotes .grid-with-form-sidbar .custom-toolbar-renderer .toolbar.p-inputgroup .bp6-button.rxnotesNewNoteButton:active,
.page-content.rxnotes .grid-with-form-sidbar .custom-toolbar-renderer .toolbar.p-inputgroup .bp6-button.rxnotesNewNoteButton:focus {
    background-color: #e2a82f;
    border-color: #c48a16;
    color: #001D1D;
}

.page-content.rxnotes .grid-with-form-sidbar .custom-toolbar-renderer .toolbar.p-inputgroup .bp6-popover-target > .bp6-button.rxnotesVisibilityButton {
    min-width: 36px;
    padding: 0 10px 0 14px;
    background-color: #FCE8C2;
    border-color: #d8cfb7;
    color: #5f5849;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.page-content.rxnotes .grid-with-form-sidbar .custom-toolbar-renderer .toolbar.p-inputgroup .bp6-popover-target > .bp6-button.rxnotesVisibilityButton:hover,
.page-content.rxnotes .grid-with-form-sidbar .custom-toolbar-renderer .toolbar.p-inputgroup .bp6-popover-target > .bp6-button.rxnotesVisibilityButton:active,
.page-content.rxnotes .grid-with-form-sidbar .custom-toolbar-renderer .toolbar.p-inputgroup .bp6-popover-target > .bp6-button.rxnotesVisibilityButton:focus {
    background-color: #f3ddab;
    border-color: #ccb98d;
    color: #001D1D;
}

.page-content.rxnotes .grid-with-form-sidbar .custom-toolbar-renderer .toolbar.p-inputgroup .bp6-popover-target > .bp6-button.rxnotesVisibilityButton.is-active {
    background-color: #5F9496;
    border-color: #4d7d7f;
    color: #fff;
}

.page-content.rxnotes .grid-with-form-sidbar .custom-toolbar-renderer .toolbar.p-inputgroup .bp6-popover-target > .bp6-button.rxnotesVisibilityButton.is-active:hover,
.page-content.rxnotes .grid-with-form-sidbar .custom-toolbar-renderer .toolbar.p-inputgroup .bp6-popover-target > .bp6-button.rxnotesVisibilityButton.is-active:active,
.page-content.rxnotes .grid-with-form-sidbar .custom-toolbar-renderer .toolbar.p-inputgroup .bp6-popover-target > .bp6-button.rxnotesVisibilityButton.is-active:focus {
    background-color: #4f8082;
    border-color: #426e70;
    color: #fff;
}

.page-content.rxnotes .grid-with-form-sidbar .custom-toolbar-renderer .toolbar.p-inputgroup .bp6-button.rxnotesNewNoteButton .bp6-icon,
.page-content.rxnotes .grid-with-form-sidbar .custom-toolbar-renderer .toolbar.p-inputgroup .bp6-popover-target > .bp6-button.rxnotesVisibilityButton .bp6-icon {
    color: inherit;
}

.page-content.rxnotes .grid-with-form-sidbar .custom-toolbar-renderer .toolbar.p-inputgroup .bp6-popover-target > .bp6-button.rxnotesVisibilityButton .bp6-icon:first-child:last-child {
    margin: 0;
}

.page-content.rxnotes .grid-with-form-sidbar .custom-toolbar-renderer .toolbar.p-inputgroup .bp6-button.rxnotesNewNoteButton .bp6-icon > svg,
.page-content.rxnotes .grid-with-form-sidbar .custom-toolbar-renderer .toolbar.p-inputgroup .bp6-popover-target > .bp6-button.rxnotesVisibilityButton .bp6-icon > svg {
    fill: currentColor;
}

.page-content.crops .grid-with-form-sidbar .custom-toolbar-renderer .toolbar.p-inputgroup .bp6-popover-target {
    display: inline-flex;
    align-items: center;
    height: 100%;
}

.page-content.crops .grid-with-form-sidbar .custom-toolbar-renderer .toolbar.p-inputgroup .bp6-button.cropsNewCropButton,
.page-content.crops .grid-with-form-sidbar .custom-toolbar-renderer .toolbar.p-inputgroup .bp6-popover-target > .bp6-button.cropsVisibilityButton {
    min-height: 32px;
    height: 32px;
    border-radius: 999px;
    border: 1px solid #d8cfb7;
    box-shadow: none;
    font-weight: 700;
    letter-spacing: 0.02em;
    transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease;
}

.page-content.crops .grid-with-form-sidbar .custom-toolbar-renderer .toolbar.p-inputgroup .bp6-button.cropsNewCropButton {
    padding: 0 14px;
    background-color: #F1B434;
    border-color: #d49d28;
    color: #001D1D;
}

.page-content.crops .grid-with-form-sidbar .custom-toolbar-renderer .toolbar.p-inputgroup .bp6-button.cropsNewCropButton:hover,
.page-content.crops .grid-with-form-sidbar .custom-toolbar-renderer .toolbar.p-inputgroup .bp6-button.cropsNewCropButton:active,
.page-content.crops .grid-with-form-sidbar .custom-toolbar-renderer .toolbar.p-inputgroup .bp6-button.cropsNewCropButton:focus {
    background-color: #e2a82f;
    border-color: #c48a16;
    color: #001D1D;
}

.page-content.crops .grid-with-form-sidbar .custom-toolbar-renderer .toolbar.p-inputgroup .bp6-popover-target > .bp6-button.cropsVisibilityButton {
    min-width: 36px;
    padding: 0 10px;
    background-color: #FCE8C2;
    border-color: #d8cfb7;
    color: #5f5849;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.page-content.crops .grid-with-form-sidbar .custom-toolbar-renderer .toolbar.p-inputgroup .bp6-popover-target > .bp6-button.cropsVisibilityButton:hover,
.page-content.crops .grid-with-form-sidbar .custom-toolbar-renderer .toolbar.p-inputgroup .bp6-popover-target > .bp6-button.cropsVisibilityButton:active,
.page-content.crops .grid-with-form-sidbar .custom-toolbar-renderer .toolbar.p-inputgroup .bp6-popover-target > .bp6-button.cropsVisibilityButton:focus {
    background-color: #f3ddab;
    border-color: #ccb98d;
    color: #001D1D;
}

.page-content.crops .grid-with-form-sidbar .custom-toolbar-renderer .toolbar.p-inputgroup .bp6-popover-target > .bp6-button.cropsVisibilityButton.is-active {
    background-color: #5F9496;
    border-color: #4d7d7f;
    color: #fff;
}

.page-content.crops .grid-with-form-sidbar .custom-toolbar-renderer .toolbar.p-inputgroup .bp6-popover-target > .bp6-button.cropsVisibilityButton.is-active:hover,
.page-content.crops .grid-with-form-sidbar .custom-toolbar-renderer .toolbar.p-inputgroup .bp6-popover-target > .bp6-button.cropsVisibilityButton.is-active:active,
.page-content.crops .grid-with-form-sidbar .custom-toolbar-renderer .toolbar.p-inputgroup .bp6-popover-target > .bp6-button.cropsVisibilityButton.is-active:focus {
    background-color: #4f8082;
    border-color: #426e70;
    color: #fff;
}

.page-content.crops .grid-with-form-sidbar .custom-toolbar-renderer .toolbar.p-inputgroup .bp6-button.cropsNewCropButton .bp6-icon,
.page-content.crops .grid-with-form-sidbar .custom-toolbar-renderer .toolbar.p-inputgroup .bp6-popover-target > .bp6-button.cropsVisibilityButton .bp6-icon {
    color: inherit;
}

.page-content.crops .grid-with-form-sidbar .custom-toolbar-renderer .toolbar.p-inputgroup .bp6-popover-target > .bp6-button.cropsVisibilityButton .bp6-icon:first-child:last-child {
    margin: 0;
}

.page-content.crops .grid-with-form-sidbar .custom-toolbar-renderer .toolbar.p-inputgroup .bp6-button.cropsNewCropButton .bp6-icon > svg,
.page-content.crops .grid-with-form-sidbar .custom-toolbar-renderer .toolbar.p-inputgroup .bp6-popover-target > .bp6-button.cropsVisibilityButton .bp6-icon > svg {
    fill: currentColor;
}

.page-content.equipmentgrower .content-header .equipmentGrowerVisibilityButton,
.page-content.equipment .content-header .equipmentVisibilityButton,
.page-content.applicators .content-header .applicatorsVisibilityButton {
    padding: 0;
}

.page-content.equipmentgrower .content-header .equipmentGrowerVisibilityButton .bp6-button-text,
.page-content.equipment .content-header .equipmentVisibilityButton .bp6-button-text,
.page-content.applicators .content-header .applicatorsVisibilityButton .bp6-button-text {
    display: none;
}

.page-content.equipmentgrower .content-header .equipmentGrowerVisibilityButton .bp6-icon,
.page-content.equipmentgrower .content-header .equipmentGrowerVisibilityButton .bp6-icon:first-child:last-child,
.page-content.equipment .content-header .equipmentVisibilityButton .bp6-icon,
.page-content.equipment .content-header .equipmentVisibilityButton .bp6-icon:first-child:last-child,
.page-content.applicators .content-header .applicatorsVisibilityButton .bp6-icon,
.page-content.applicators .content-header .applicatorsVisibilityButton .bp6-icon:first-child:last-child {
    margin: 0;
}

.page-content.equipmentgrower .content-header .equipmentGrowerVisibilityButton .bp6-icon > svg,
.page-content.equipment .content-header .equipmentVisibilityButton .bp6-icon > svg,
.page-content.applicators .content-header .applicatorsVisibilityButton .bp6-icon > svg {
    margin: 0;
    display: block;
}

.page-content.applicators .retailers.content .form-body .bp6-popover-target {
    width: 100%;
    padding: 0;
}

.page-content.applicators .retailers.content .form-body .bp6-popover-target .bp6-button {
    width: 100%;
    height: 34px;
}

.page-content.products .content .custom-toolbar-renderer .bp6-popover-target .bp6-intent-primary .bp6-icon-eye-open > svg,
.page-content.products .content .custom-toolbar-renderer .bp6-popover-target .bp6-intent-invisible .bp6-icon-eye-off > svg {
    margin-left: 7px;
}

.page-content.products .content-header .content-btns .products-header-actions {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.page-content.products .content-header .content-btns .products-header-product-type,
.page-content.products .content-header .content-btns .products-header-product-type .bp6-popover-target {
    width: auto;
    height: 48px;
    margin: 0;
}

.page-content.products .content-header .content-btns .products-header-product-type .bp6-button,
.page-content.products .content-header .content-btns .products-header-product-type .bp6-button:hover,
.page-content.products .content-header .content-btns .products-header-product-type .bp6-button:active,
.page-content.products .content-header .content-btns .products-header-product-type .bp6-button:focus {
    width: auto;
    height: 48px;
    min-width: 48px;
    padding: 0 16px;
    margin: 0;
    background-color: #fff;
    color: #000 !important;
    border: 1px solid #fff;
    box-shadow: none;
}

.page-content.products .content-header .content-btns .products-header-actions .header-column-action,
.page-content.products .content-header .content-btns .products-header-actions .bp6-popover-target,
.page-content.products .content-header .content-btns .products-header-actions .bp6-popover-wrapper {
    display: inline-flex;
    align-items: center;
}

.page-content.products .content-header .content-btns .products-header-actions .bp6-button .bp6-icon-eye-open > svg,
.page-content.products .content-header .content-btns .products-header-actions .bp6-button .bp6-icon-eye-off > svg {
    margin-left: 0;
}

.bp6-portal .products-header-product-menu .bp6-popover-content,
.bp6-popover.products-header-product-menu .bp6-popover-content {
    background-color: #fff;
    color: #000;
}

.bp6-portal .bp6-popover.sidebar-dropdown-menu.products-header-product-menu,
.bp6-popover.sidebar-dropdown-menu.products-header-product-menu,
.bp6-portal .products-header-product-menu,
.bp6-popover.products-header-product-menu {
    margin-top: 4px !important;
}

.bp6-portal .products-product-type-menu,
.bp6-popover.products-product-type-menu {
    margin-top: 0 !important;
}

.bp6-portal .products-product-type-menu .bp6-popover-content,
.bp6-popover.products-product-type-menu .bp6-popover-content {
    background-color: #fff;
    color: #000;
}

.bp6-portal .products-product-type-menu .bp6-menu,
.bp6-popover.products-product-type-menu .bp6-menu {
    background-color: #fff;
    color: #000;
}

.bp6-portal .products-product-type-menu .bp6-menu-item,
.bp6-popover.products-product-type-menu .bp6-menu-item {
    color: #000;
}

.bp6-portal .products-product-type-menu .bp6-menu-item:hover,
.bp6-portal .products-product-type-menu .bp6-menu-item.bp6-active,
.bp6-popover.products-product-type-menu .bp6-menu-item:hover,
.bp6-popover.products-product-type-menu .bp6-menu-item.bp6-active {
    background-color: #137cbd;
    color: #fff;
}

.bp6-portal .products-header-product-menu .bp6-menu,
.bp6-popover.products-header-product-menu .bp6-menu {
    background-color: #fff;
    color: #000;
}

.bp6-portal .products-header-product-menu .bp6-menu-item,
.bp6-popover.products-header-product-menu .bp6-menu-item {
    background-color: #fff;
    color: #000;
}

.bp6-portal .products-header-product-menu .bp6-menu-item:hover,
.bp6-portal .products-header-product-menu .bp6-menu-item.bp6-active,
.bp6-popover.products-header-product-menu .bp6-menu-item:hover,
.bp6-popover.products-header-product-menu .bp6-menu-item.bp6-active {
    background-color: #eef1f4;
    color: #000;
}

.bp6-portal .products-header-product-menu .bp6-menu-item.AllProducts,
.bp6-portal .products-header-product-menu .bp6-menu-item.AllProducts:hover,
.bp6-portal .products-header-product-menu .bp6-menu-item.AllProducts.bp6-active,
.bp6-popover.products-header-product-menu .bp6-menu-item.AllProducts,
.bp6-popover.products-header-product-menu .bp6-menu-item.AllProducts:hover,
.bp6-popover.products-header-product-menu .bp6-menu-item.AllProducts.bp6-active {
    background-color: #fff;
    color: #000;
}

.bp6-portal .products-header-product-menu .bp6-menu-item.Blend,
.bp6-portal .products-header-product-menu .bp6-menu-item.B,
.bp6-popover.products-header-product-menu .bp6-menu-item.Blend,
.bp6-popover.products-header-product-menu .bp6-menu-item.B {
    background-color: #F9BA4D;
}

.bp6-portal .products-header-product-menu .bp6-menu-item.Blend:hover,
.bp6-portal .products-header-product-menu .bp6-menu-item.B:hover,
.bp6-portal .products-header-product-menu .bp6-menu-item.Blend.bp6-active,
.bp6-portal .products-header-product-menu .bp6-menu-item.B.bp6-active,
.bp6-popover.products-header-product-menu .bp6-menu-item.Blend:hover,
.bp6-popover.products-header-product-menu .bp6-menu-item.B:hover,
.bp6-popover.products-header-product-menu .bp6-menu-item.Blend.bp6-active,
.bp6-popover.products-header-product-menu .bp6-menu-item.B.bp6-active {
    background-color: #F9BA4Dcc;
}

.bp6-portal .products-header-product-menu .bp6-menu-item.Lime,
.bp6-portal .products-header-product-menu .bp6-menu-item.L,
.bp6-popover.products-header-product-menu .bp6-menu-item.Lime,
.bp6-popover.products-header-product-menu .bp6-menu-item.L {
    background-color: #78C5BE;
}

.bp6-portal .products-header-product-menu .bp6-menu-item.Lime:hover,
.bp6-portal .products-header-product-menu .bp6-menu-item.L:hover,
.bp6-portal .products-header-product-menu .bp6-menu-item.Lime.bp6-active,
.bp6-portal .products-header-product-menu .bp6-menu-item.L.bp6-active,
.bp6-popover.products-header-product-menu .bp6-menu-item.Lime:hover,
.bp6-popover.products-header-product-menu .bp6-menu-item.L:hover,
.bp6-popover.products-header-product-menu .bp6-menu-item.Lime.bp6-active,
.bp6-popover.products-header-product-menu .bp6-menu-item.L.bp6-active {
    background-color: #78C5BEcc;
}

.bp6-portal .products-header-product-menu .bp6-menu-item.Manure,
.bp6-portal .products-header-product-menu .bp6-menu-item.M,
.bp6-popover.products-header-product-menu .bp6-menu-item.Manure,
.bp6-popover.products-header-product-menu .bp6-menu-item.M {
    background-color: #A8784F;
    color: #fff;
}

.bp6-portal .products-header-product-menu .bp6-menu-item.Manure:hover,
.bp6-portal .products-header-product-menu .bp6-menu-item.M:hover,
.bp6-portal .products-header-product-menu .bp6-menu-item.Manure.bp6-active,
.bp6-portal .products-header-product-menu .bp6-menu-item.M.bp6-active,
.bp6-popover.products-header-product-menu .bp6-menu-item.Manure:hover,
.bp6-popover.products-header-product-menu .bp6-menu-item.M:hover,
.bp6-popover.products-header-product-menu .bp6-menu-item.Manure.bp6-active,
.bp6-popover.products-header-product-menu .bp6-menu-item.M.bp6-active {
    background-color: #A8784Fcc;
    color: #fff;
}

.bp6-portal .products-header-product-menu .bp6-menu-item.Trace,
.bp6-portal .products-header-product-menu .bp6-menu-item.T,
.bp6-popover.products-header-product-menu .bp6-menu-item.Trace,
.bp6-popover.products-header-product-menu .bp6-menu-item.T {
    background-color: #B7C79B;
}

.bp6-portal .products-header-product-menu .bp6-menu-item.Trace:hover,
.bp6-portal .products-header-product-menu .bp6-menu-item.T:hover,
.bp6-portal .products-header-product-menu .bp6-menu-item.Trace.bp6-active,
.bp6-portal .products-header-product-menu .bp6-menu-item.T.bp6-active,
.bp6-popover.products-header-product-menu .bp6-menu-item.Trace:hover,
.bp6-popover.products-header-product-menu .bp6-menu-item.T:hover,
.bp6-popover.products-header-product-menu .bp6-menu-item.Trace.bp6-active,
.bp6-popover.products-header-product-menu .bp6-menu-item.T.bp6-active {
    background-color: #B7C79Bcc;
}

.bp6-portal .products-header-product-menu .bp6-menu-item,
.bp6-popover.products-header-product-menu .bp6-menu-item,
.bp6-portal .products-header-product-menu .bp6-menu-item.Manure,
.bp6-portal .products-header-product-menu .bp6-menu-item.M,
.bp6-popover.products-header-product-menu .bp6-menu-item.Manure,
.bp6-popover.products-header-product-menu .bp6-menu-item.M {
    color: #000000 !important;
}

.bp6-portal .products-header-product-menu .bp6-menu-item:hover,
.bp6-portal .products-header-product-menu .bp6-menu-item.bp6-active,
.bp6-popover.products-header-product-menu .bp6-menu-item:hover,
.bp6-popover.products-header-product-menu .bp6-menu-item.bp6-active {
    color: #000000 !important;
}

.equipment.content,
.applicators .retailers.content {
    float: left;
    width: 100%;
    height: calc(100% - 60px);
}

.bp6-dialog.three-column.applicator.summary {
    height: 100%;
}

.bp6-dialog.three-column.applicator.summary .bp6-dialog-footer {
    display: none;
}

.bp6-dialog.three-column.applicator.summary .bp6-dialog-body .maintenance-dialog-content .retailers.content .footerSave {
    height: 80px;
    padding: 15px 0; 
}

.bp6-dialog.three-column.applicator.summary .bp6-dialog-body {
    height: 100%;
    margin: 0;
    padding: 20px;
}

.bp6-dialog.three-column.applicator.summary .retailers.content .main .ag-theme-balham .ag-root.ag-layout-normal {
    height: 95% !important;
}

.bp6-dialog.three-column.applicator.summary .retailers.content  .ag-body-viewport {
    overflow-y: auto;
    overflow-x: auto;
}

.bp6-dialog .maintenance-dialog-body {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.bp6-dialog .maintenance-dialog-content {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
}

.bp6-dialog .maintenance-dialog-content > * {
    flex: 1 1 auto;
    min-height: 0;
}

.bp6-dialog .maintenance-dialog-header {
    float: left;
    width: 100%;
    height: 80px;
    margin-bottom: 0;
    padding: 10px 20px;
    border-bottom: 1px solid #bab6b6;
    box-shadow: 0px 0px 3px #333;
    background-color: #D9D9D9;
}

.bp6-dialog .maintenance-dialog-header .content-btns {
    top: 50%;
    right: 0;
    padding: 0 20px;
    transform: translateY(-50%);
}

.bp6-dialog .maintenance-dialog-header .content-btns .bp6-button,
.bp6-dialog .maintenance-dialog-header .content-btns .bp6-button:hover,
.bp6-dialog .maintenance-dialog-header .content-btns .bp6-button:active,
.bp6-dialog .maintenance-dialog-header .content-btns .bp6-button:focus {
    width: auto;
    height: 48px;
    min-width: 48px;
    padding: 0 16px;
    margin: 0;
    background-color: #fff;
    color: #000 !important;
    border: 1px solid #fff;
    box-shadow: none;
}

.bp6-dialog .maintenance-dialog-header .content-btns .bp6-button .bp6-icon,
.bp6-dialog .maintenance-dialog-header .content-btns .bp6-button .bp6-icon svg {
    color: #000 !important;
    fill: #000 !important;
}

.bp6-dialog.three-column.applicator.summary .maintenance-dialog-content .retailers.content {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

.bp6-dialog.three-column.applicator.summary .maintenance-dialog-content .retailers.content .main {
    flex: 1 1 auto;
    min-height: 0;
}

.bp6-dialog.three-column.applicator.summary .maintenance-dialog-content .retailers.content .main .ag-editable-grid,
.bp6-dialog.three-column.applicator.summary .maintenance-dialog-content .retailers.content .main .ag-theme-balham,
.bp6-dialog.three-column.applicator.summary .maintenance-dialog-content .retailers.content .main .ag-root-wrapper,
.bp6-dialog.three-column.applicator.summary .maintenance-dialog-content .retailers.content .main .ag-root-wrapper-body,
.bp6-dialog.three-column.applicator.summary .maintenance-dialog-content .retailers.content .main .ag-root.ag-layout-normal {
    height: 100%;
    min-height: 0;
}

.bp6-dialog.three-column.applicator.summary .bp6-dialog-body .retailers.content .footerSave {
    width: 100%;
    height: 44px;
    float: left;
}

.bp6-dialog.three-column.applicator.summary .bp6-dialog-body .retailers.content .footerSave .bp6-button-group {
    margin-top: 4px;
    margin-left: 47%;
}

.bp6-dialog.three-column.applicator.summary .bp6-dialog-body .retailers.content .footerSave .bp6-button,
.bp6-dialog.three-column.applicator.summary .bp6-dialog-body .retailers.content .footerSave .bp6-button:hover,
.bp6-dialog.three-column.applicator.summary .bp6-dialog-body .retailers.content .footerSave .bp6-button:active,
.bp6-dialog.three-column.applicator.summary .bp6-dialog-body .retailers.content .footerSave .bp6-button:focus,
.bp6-dialog.three-column.applicator.summary .bp6-dialog-body .retailers.content .custom-toolbar-renderer .toolbar .bp6-button,
.bp6-dialog.three-column.applicator.summary .bp6-dialog-body .retailers.content .custom-toolbar-renderer .toolbar .bp6-button:hover,
.bp6-dialog.three-column.applicator.summary .bp6-dialog-body .retailers.content .custom-toolbar-renderer .toolbar .bp6-button:active,
.bp6-dialog.three-column.applicator.summary .bp6-dialog-body .retailers.content .custom-toolbar-renderer .toolbar .bp6-button:focus {
    min-height: 42px;
    padding: 0 16px;
    border-radius: 12px;
    border-color: transparent;
    background-color: #F1B434;
    color: #000;
    box-shadow: none;
    font-weight: 700;
}

.bp6-dialog.global-equipment-overlay {
    background-color: #EBEBEB;
    border-radius: 16px;
    overflow: hidden;
    padding-bottom: 0;
    box-shadow: none;
    display: flex;
    flex-direction: column;
    height: calc(100vh - 315px);
    max-height: calc(100vh - 48px);
}

.bp6-dialog.global-equipment-overlay .bp6-dialog-header {
    margin: 0;
    padding: 16px 20px;
    background-color: #FCE8C2;
    border-bottom: 1px solid #bdc3c7;
}

.bp6-dialog.global-equipment-overlay .bp6-dialog-header .bp6-heading,
.bp6-dialog.global-equipment-overlay .bp6-dialog-header .bp6-icon,
.bp6-dialog.global-equipment-overlay .bp6-dialog-header .bp6-button {
    color: #001d1d;
}

.bp6-dialog.global-equipment-overlay .bp6-dialog-body {
    flex: 1 1 auto;
    margin: 0;
    padding: 16px;
    background-color: #EBEBEB;
    min-height: 0;
    height: auto;
}

.bp6-dialog.global-equipment-overlay .bp6-dialog-footer {
    display: none;
}

.bp6-dialog.global-equipment-overlay .bp6-dialog-body .retailers.content,
.bp6-dialog.global-equipment-overlay .bp6-dialog-body .retailers.content .main,
.bp6-dialog.global-equipment-overlay .bp6-dialog-body .retailers.content .ag-editable-grid,
.bp6-dialog.global-equipment-overlay .bp6-dialog-body .retailers.content .ag-theme-balham,
.bp6-dialog.global-equipment-overlay .bp6-dialog-body .retailers.content .ag-root-wrapper,
.bp6-dialog.global-equipment-overlay .bp6-dialog-body .retailers.content .ag-root-wrapper-body,
.bp6-dialog.global-equipment-overlay .bp6-dialog-body .retailers.content .ag-root.ag-layout-normal {
    height: 100%;
    min-height: 0;
}

.bp6-dialog.global-equipment-overlay .bp6-dialog-body .retailers.content {
    background-color: #EBEBEB;
}

.bp6-dialog.global-equipment-overlay .bp6-dialog-body .retailers.content .main {
    padding: 0;
}

.bp6-dialog.global-equipment-overlay .bp6-dialog-body .retailers.content .ag-root-wrapper {
    border: 1px solid #d7d7d7;
    border-radius: 12px;
    overflow: hidden;
    background-color: #fff;
}

.bp6-dialog.global-equipment-overlay .bp6-dialog-body .retailers.content .custom-toolbar-renderer {
    height: 36px;
}

.bp6-dialog.global-equipment-overlay .bp6-dialog-body .retailers.content .custom-toolbar-renderer .toolbar.p-inputgroup {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    height: 36px;
    margin-top: 0;
    padding-right: 8px;
}

.bp6-dialog.global-equipment-overlay .bp6-dialog-body .retailers.content .custom-toolbar-renderer .bp6-button,
.bp6-dialog.global-equipment-overlay .bp6-dialog-body .retailers.content .custom-toolbar-renderer .bp6-button:hover,
.bp6-dialog.global-equipment-overlay .bp6-dialog-body .retailers.content .custom-toolbar-renderer .bp6-button:active,
.bp6-dialog.global-equipment-overlay .bp6-dialog-body .retailers.content .custom-toolbar-renderer .bp6-button:focus {
    min-height: 28px;
    padding: 0 12px;
    border-radius: 10px;
    border-color: transparent;
    background-color: #F1B434;
    color: #000;
    box-shadow: none;
    font-weight: 700;
    line-height: 16px;
}

.bp6-dialog.global-equipment-overlay .bp6-dialog-body .retailers.content .custom-toolbar-renderer .bp6-button .bp6-icon > svg {
    margin-left: 0;
}

.bp6-overlay .bp6-popover.bp6-minimal.countries-menu.Applicator,
.bp6-overlay .bp6-popover.bp6-minimal.states-menu.Applicator {
    width: 323px;
}

.bp6-overlay .bp6-popover.bp6-minimal.countries-menu.Applicator .bp6-popover-content,
.bp6-overlay .bp6-popover.bp6-minimal.states-menu.Applicator .bp6-popover-content,
.bp6-overlay .bp6-popover.bp6-minimal.countries-menu.Applicator .bp6-menu,
.bp6-overlay .bp6-popover.bp6-minimal.states-menu.Applicator .bp6-menu {
    background-color: #ffffff !important;
    color: #001d1d !important;
    border: 1px solid rgba(17, 20, 24, 0.12);
    border-radius: 12px;
    padding: 4px;
    box-shadow: none;
    overflow-x: hidden;
}

.bp6-overlay .bp6-popover.bp6-minimal.countries-menu.Applicator .bp6-menu-item,
.bp6-overlay .bp6-popover.bp6-minimal.states-menu.Applicator .bp6-menu-item {
    color: #001d1d !important;
    border-radius: 8px;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
}

.bp6-overlay .bp6-popover.bp6-minimal.countries-menu.Applicator .bp6-menu-item:hover,
.bp6-overlay .bp6-popover.bp6-minimal.countries-menu.Applicator .bp6-menu-item.bp6-active,
.bp6-overlay .bp6-popover.bp6-minimal.states-menu.Applicator .bp6-menu-item:hover,
.bp6-overlay .bp6-popover.bp6-minimal.states-menu.Applicator .bp6-menu-item.bp6-active {
    background-color: #fce8c2 !important;
    color: #001d1d !important;
}

.page-content.equipment .form-sidebar .form-body .dropdown .bp6-popover-target {
    width: 100%;
}

.page-content.equipment .form-sidebar .form-body .dropdown .bp6-popover-target .bp6-button {
    width: 100%;
    height: 34px;
}

.bp6-overlay .bp6-popover.bp6-minimal.manufacturer-menu.Equipment,
.bp6-overlay .bp6-popover.bp6-minimal.appUnits-menu.Equipment,
.bp6-overlay .bp6-popover.bp6-minimal.units-menu.Equipment,
.bp6-overlay .bp6-popover.bp6-minimal.fileType-menu.Equipment,
.bp6-overlay .bp6-popover.bp6-minimal.monitor-menu.Equipment {
    width: 330px;
}

.bp6-overlay .bp6-popover.bp6-minimal.manufacturer-menu.Equipment .bp6-popover-content,
.bp6-overlay .bp6-popover.bp6-minimal.appUnits-menu.Equipment .bp6-popover-content,
.bp6-overlay .bp6-popover.bp6-minimal.units-menu.Equipment .bp6-popover-content,
.bp6-overlay .bp6-popover.bp6-minimal.fileType-menu.Equipment .bp6-popover-content,
.bp6-overlay .bp6-popover.bp6-minimal.monitor-menu.Equipment .bp6-popover-content,
.bp6-overlay .bp6-popover.bp6-minimal.manufacturer-menu.Equipment .bp6-menu,
.bp6-overlay .bp6-popover.bp6-minimal.appUnits-menu.Equipment .bp6-menu,
.bp6-overlay .bp6-popover.bp6-minimal.units-menu.Equipment .bp6-menu,
.bp6-overlay .bp6-popover.bp6-minimal.fileType-menu.Equipment .bp6-menu,
.bp6-overlay .bp6-popover.bp6-minimal.monitor-menu.Equipment .bp6-menu {
    background-color: #ffffff !important;
    color: #001d1d !important;
    border: 1px solid rgba(17, 20, 24, 0.12);
    border-radius: 12px;
    padding: 4px;
    box-shadow: none;
    overflow-x: hidden;
}

.bp6-overlay .bp6-popover.bp6-minimal.manufacturer-menu.Equipment .bp6-menu-item,
.bp6-overlay .bp6-popover.bp6-minimal.appUnits-menu.Equipment .bp6-menu-item,
.bp6-overlay .bp6-popover.bp6-minimal.units-menu.Equipment .bp6-menu-item,
.bp6-overlay .bp6-popover.bp6-minimal.fileType-menu.Equipment .bp6-menu-item,
.bp6-overlay .bp6-popover.bp6-minimal.monitor-menu.Equipment .bp6-menu-item {
    color: #001d1d !important;
    border-radius: 8px;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
}

.bp6-overlay .bp6-popover.bp6-minimal.manufacturer-menu.Equipment .bp6-menu-item:hover,
.bp6-overlay .bp6-popover.bp6-minimal.manufacturer-menu.Equipment .bp6-menu-item.bp6-active,
.bp6-overlay .bp6-popover.bp6-minimal.appUnits-menu.Equipment .bp6-menu-item:hover,
.bp6-overlay .bp6-popover.bp6-minimal.appUnits-menu.Equipment .bp6-menu-item.bp6-active,
.bp6-overlay .bp6-popover.bp6-minimal.units-menu.Equipment .bp6-menu-item:hover,
.bp6-overlay .bp6-popover.bp6-minimal.units-menu.Equipment .bp6-menu-item.bp6-active,
.bp6-overlay .bp6-popover.bp6-minimal.fileType-menu.Equipment .bp6-menu-item:hover,
.bp6-overlay .bp6-popover.bp6-minimal.fileType-menu.Equipment .bp6-menu-item.bp6-active,
.bp6-overlay .bp6-popover.bp6-minimal.monitor-menu.Equipment .bp6-menu-item:hover,
.bp6-overlay .bp6-popover.bp6-minimal.monitor-menu.Equipment .bp6-menu-item.bp6-active {
    background-color: #fce8c2 !important;
    color: #001d1d !important;
}

.page-content.products .form-sidebar .form-body .dropdown .bp6-popover-target,
.page-content.products .form-sidebar2 .form-body .dropdown .bp6-popover-target,
.page-content.products .form-sidebar .form-body .Blend .bp6-popover-target,
.page-content.products .form-sidebar2 .form-body .Blend .bp6-popover-target,
.bp6-portal .bp6-dialog-body .products.content .form-sidebar .form-body .bp6-popover-target {
    width: 100%;
    padding: 0;
}

.page-content.products .form-sidebar .form-body .dropdown .bp6-popover-target .bp6-button,
.page-content.products .form-sidebar .form-body .dropdown .bp6-popover-target .bp6-button:hover,
.page-content.products .form-sidebar .form-body .dropdown .bp6-popover-target .bp6-button:active,
.page-content.products .form-sidebar .form-body .dropdown .bp6-popover-target .bp6-button:focus,
.page-content.products .form-sidebar2 .form-body .dropdown .bp6-popover-target .bp6-button,
.page-content.products .form-sidebar2 .form-body .dropdown .bp6-popover-target .bp6-button:hover,
.page-content.products .form-sidebar2 .form-body .dropdown .bp6-popover-target .bp6-button:active,
.page-content.products .form-sidebar2 .form-body .dropdown .bp6-popover-target .bp6-button:focus,
.page-content.products .form-sidebar .form-body .Blend .bp6-popover-target .bp6-button,
.page-content.products .form-sidebar .form-body .Blend .bp6-popover-target .bp6-button:hover,
.page-content.products .form-sidebar .form-body .Blend .bp6-popover-target .bp6-button:active,
.page-content.products .form-sidebar .form-body .Blend .bp6-popover-target .bp6-button:focus,
.page-content.products .form-sidebar2 .form-body .Blend .bp6-popover-target .bp6-button,
.page-content.products .form-sidebar2 .form-body .Blend .bp6-popover-target .bp6-button:hover,
.page-content.products .form-sidebar2 .form-body .Blend .bp6-popover-target .bp6-button:active,
.page-content.products .form-sidebar2 .form-body .Blend .bp6-popover-target .bp6-button:focus,
.bp6-portal .bp6-dialog-body .products.content .form-sidebar .form-body .bp6-popover-target .bp6-button,
.bp6-portal .bp6-dialog-body .products.content .form-sidebar .form-body .bp6-popover-target .bp6-button:hover,
.bp6-portal .bp6-dialog-body .products.content .form-sidebar .form-body .bp6-popover-target .bp6-button:active,
.bp6-portal .bp6-dialog-body .products.content .form-sidebar .form-body .bp6-popover-target .bp6-button:focus {
    width: 100%;
    min-height: 42px;
    height: 42px;
    padding: 0 14px;
    justify-content: space-between;
    border: 1px solid rgba(17, 20, 24, 0.12);
    border-radius: 12px;
    background-color: #fff;
    color: #001d1d;
    box-shadow: none;
}

.page-content.products .form-sidebar .form-body .dropdown .bp6-popover-target .bp6-button .bp6-button-text,
.page-content.products .form-sidebar2 .form-body .dropdown .bp6-popover-target .bp6-button .bp6-button-text,
.page-content.products .form-sidebar .form-body .Blend .bp6-popover-target .bp6-button .bp6-button-text,
.page-content.products .form-sidebar2 .form-body .Blend .bp6-popover-target .bp6-button .bp6-button-text,
.bp6-portal .bp6-dialog-body .products.content .form-sidebar .form-body .bp6-popover-target .bp6-button .bp6-button-text {
    color: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.page-content.products .form-sidebar .form-body .dropdown .bp6-popover-target .bp6-button .bp6-icon,
.page-content.products .form-sidebar2 .form-body .dropdown .bp6-popover-target .bp6-button .bp6-icon,
.page-content.products .form-sidebar .form-body .Blend .bp6-popover-target .bp6-button .bp6-icon,
.page-content.products .form-sidebar2 .form-body .Blend .bp6-popover-target .bp6-button .bp6-icon,
.bp6-portal .bp6-dialog-body .products.content .form-sidebar .form-body .bp6-popover-target .bp6-button .bp6-icon {
    color: inherit;
}

.page-content.products .form-sidebar .form-body .dropdown .bp6-popover-target .bp6-button .bp6-icon > svg,
.page-content.products .form-sidebar2 .form-body .dropdown .bp6-popover-target .bp6-button .bp6-icon > svg,
.page-content.products .form-sidebar .form-body .Blend .bp6-popover-target .bp6-button .bp6-icon > svg,
.page-content.products .form-sidebar2 .form-body .Blend .bp6-popover-target .bp6-button .bp6-icon > svg,
.bp6-portal .bp6-dialog-body .products.content .form-sidebar .form-body .bp6-popover-target .bp6-button .bp6-icon > svg {
    fill: currentColor;
}

.products .products.grid-sidebar.content .grid-with-form-sidbar .form-sidebar .sidebar-body .Liquid .bp6-control-indicator,
.bp6-dialog.three-column.no-margin .products.grid-sidebar.content .grid-with-form-sidbar .form-sidebar .sidebar-body .Liquid .bp6-control-indicator {
    margin-left: 0px;
    float: right;
    margin-right: -15px;
    margin-top: 1px;
}

.products .products.grid-sidebar.content .grid-with-form-sidbar .form-sidebar .sidebar-body .Liquid .bp6-control.bp6-checkbox,
.bp6-dialog.three-column.no-margin .products.grid-sidebar.content .grid-with-form-sidbar .form-sidebar .sidebar-body .Liquid .bp6-control.bp6-checkbox {
    float: right;
    padding-left: 0px;
}

.products .products.grid-sidebar.content .grid-with-form-sidbar .form-sidebar .sidebar-body .Liquid .bp6-checkbox > input,
.bp6-dialog.three-column.no-margin .products.grid-sidebar.content .grid-with-form-sidbar .form-sidebar .sidebar-body .Liquid .bp6-checkbox > input {
    position: unset;
    float: right;
    margin-left: 0px;
}

.products .products.grid-sidebar.content .grid-with-form-sidbar .form-sidebar .sidebar-body .DeleteFlag .bp6-control-indicator {
    margin-left: 0px;
    float: right;
    margin-top: 1px;
    margin-right: 0px;
}

.products .products.grid-sidebar.content .grid-with-form-sidbar .form-sidebar .sidebar-body .DeleteFlag .bp6-control.bp6-switch {
    padding-left: 0px;
}

.products .products.grid-sidebar.content .grid-with-form-sidbar .form-sidebar .sidebar-body .DeleteFlag .bp6-switch > input {
    position: unset;
    float: right;
    margin-right: -13px;
}

.products .Blend .blendNutrients .readonly.blendNutrients {
    font-weight: bold;
    color: black;
}

.products .p-inputgroup-addon,
.nutrient .p-inputgroup-addon {
    background-color: #efefef;
    padding: 0 8px;
    font-weight: bold;
    border: 1px solid #cecece;
    border-radius: 0;
    cursor: default;
    padding: 0 2px;
}

.products .p-inputtext,
.nutrient .p-inputtext {
    border-radius: 3px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-width: 1px;
    border: 1px solid #cecece;
}

.products.content .edit-form .special-form-control .nutrients,
.products.content .edit-form .special-form-control .products {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.products.content .edit-form .special-form-control .products-nutrient-row,
.products.content .edit-form .special-form-control .products-blend-row,
.products.content .edit-form .special-form-control .products-blend-nutrient-row {
    margin: 0;
}

.products.content .edit-form .special-form-control .products-nutrient-row .p-inputgroup,
.products.content .edit-form .special-form-control .products-blend-row .p-inputgroup,
.products.content .edit-form .special-form-control .products-blend-nutrient-row .p-inputgroup {
    display: flex;
    align-items: stretch;
    min-height: 42px;
    height: 42px;
    border: 1px solid rgba(17, 20, 24, 0.12);
    border-radius: 12px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(17, 20, 24, 0.06);
}

.products.content .edit-form .special-form-control .products-nutrient-row .products-nutrient-input,
.products.content .edit-form .special-form-control .products-blend-row .products-blend-input,
.products.content .edit-form .special-form-control .products-blend-nutrient-row .products-blend-nutrient-input {
    flex: 0 0 64px;
    width: 64px;
    max-width: 64px;
    min-height: 42px;
    height: 42px;
    padding: 0 10px;
    text-align: right;
    font-weight: 700;
    color: #2f3a34;
    background-color: #fff;
    border: none;
    border-right: 1px solid rgba(17, 20, 24, 0.12);
    border-radius: 0;
    box-shadow: none;
}

.products.content .edit-form .special-form-control .products-nutrient-row .products-nutrient-unit {
    flex: 0 0 36px;
    width: 36px;
    min-width: 36px;
    min-height: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
    font-size: 12px;
    font-weight: 800;
    color: #6a5230;
    background-color: #f6ecd1;
    border: none;
    border-right: 1px solid rgba(17, 20, 24, 0.12);
    border-radius: 0 !important;
}

.products.content .edit-form .special-form-control .products-blend-nutrient-row .products-blend-nutrient-unit {
    flex: 0 0 36px;
    width: 36px;
    min-width: 36px;
    min-height: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
    font-size: 12px;
    font-weight: 800;
    color: #6a5230;
    background-color: #f6ecd1;
    border: none;
    border-right: 1px solid rgba(17, 20, 24, 0.12);
    border-radius: 0 !important;
}

.products.content .edit-form .special-form-control .products-blend-row .product-unit-addon {
    flex: 0 0 52px;
    width: 52px;
    min-width: 52px;
    min-height: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background-color: #f3f0e7;
    border: none;
    border-right: 1px solid rgba(17, 20, 24, 0.12);
    border-radius: 0 !important;
}

.products.content .edit-form .special-form-control .products-nutrient-row .products-nutrient-name,
.products.content .edit-form .special-form-control .products-blend-row .products-blend-name,
.products.content .edit-form .special-form-control .products-blend-nutrient-row .products-blend-nutrient-name {
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
    min-height: 42px;
    height: 42px;
    padding: 0 14px;
    color: #1f2f29;
    background-color: #fcfbf8;
    border: none;
    border-right: 1px solid rgba(17, 20, 24, 0.12);
    border-radius: 0;
}

.products.content .edit-form .special-form-control .products-nutrient-row > .p-inputgroup > .bp6-popover-wrapper,
.products.content .edit-form .special-form-control .products-blend-row > .p-inputgroup > .bp6-popover-wrapper {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
}

.products.content .edit-form .special-form-control .products-nutrient-row > .p-inputgroup > .bp6-popover-wrapper > .bp6-popover-target,
.products.content .edit-form .special-form-control .products-blend-row > .p-inputgroup > .bp6-popover-wrapper > .bp6-popover-target {
    display: flex;
    width: 100%;
    min-width: 0;
}

.products.content .edit-form .special-form-control .products-nutrient-row .products-nutrient-dropdown-button,
.products.content .edit-form .special-form-control .products-nutrient-row .products-nutrient-dropdown-button:hover,
.products.content .edit-form .special-form-control .products-nutrient-row .products-nutrient-dropdown-button:active,
.products.content .edit-form .special-form-control .products-nutrient-row .products-nutrient-dropdown-button:focus,
.products.content .edit-form .special-form-control .products-blend-row .products-blend-dropdown-button,
.products.content .edit-form .special-form-control .products-blend-row .products-blend-dropdown-button:hover,
.products.content .edit-form .special-form-control .products-blend-row .products-blend-dropdown-button:active,
.products.content .edit-form .special-form-control .products-blend-row .products-blend-dropdown-button:focus {
    width: 100%;
    min-width: 0;
    min-height: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 0 14px;
    color: #1f2f29;
    background-color: #fcfbf8;
    border: none;
    border-right: 1px solid rgba(17, 20, 24, 0.12);
    border-radius: 0;
    box-shadow: none;
}

.products.content .edit-form .special-form-control .products-nutrient-row .products-nutrient-dropdown-button .bp6-button-text,
.products.content .edit-form .special-form-control .products-blend-row .products-blend-dropdown-button .bp6-button-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.products.content .edit-form .special-form-control .products-blend-row .productUnitSwitch,
.products.content .edit-form .special-form-control .products-blend-row .productUnitSwitch:hover,
.products.content .edit-form .special-form-control .products-blend-row .productUnitSwitch:active,
.products.content .edit-form .special-form-control .products-blend-row .productUnitSwitch:focus {
    width: 100% !important;
    min-width: 100% !important;
    min-height: 42px;
    height: 42px;
    padding: 0 6px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #5b5a52;
    background-color: transparent;
    border: none;
    border-radius: 0 !important;
    box-shadow: none;
    font-size: 11px !important;
    font-weight: 700;
}

.products.content .edit-form .special-form-control .products-blend-row .productUnitSwitch .bp6-button-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    text-align: center;
}

.products.content .edit-form .special-form-control .products-nutrient-row .products-nutrient-delete,
.products.content .edit-form .special-form-control .products-nutrient-row .products-nutrient-delete:hover,
.products.content .edit-form .special-form-control .products-nutrient-row .products-nutrient-delete:active,
.products.content .edit-form .special-form-control .products-nutrient-row .products-nutrient-delete:focus,
.products.content .edit-form .special-form-control .products-blend-row .productUnitSwitchDelete,
.products.content .edit-form .special-form-control .products-blend-row .productUnitSwitchDelete:hover,
.products.content .edit-form .special-form-control .products-blend-row .productUnitSwitchDelete:active,
.products.content .edit-form .special-form-control .products-blend-row .productUnitSwitchDelete:focus {
    flex: 0 0 42px;
    width: 42px;
    min-width: 42px;
    min-height: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: #fff;
    background-color: #9c0f0b;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.products.content .edit-form .special-form-control .products-nutrient-row .products-nutrient-delete:hover,
.products.content .edit-form .special-form-control .products-blend-row .productUnitSwitchDelete:hover {
    background-color: #7f0d09;
}

.bp6-portal .productCascadeHelp {
    width: 450px;
}

.bp6-portal .productCascadeHelpPopover {
    width: 375px;
    height: 122px;
}

.bp6-portal .productCascadeHelpPopover .warningText {
    padding: 10px;
    background-color: bisque;
}

.bp6-portal .productCascadeHelpPopover .warningText .buttonHolder {
    margin-left: 27%;
}

.app.Consultant .page-content.products .grid-with-form-sidbar .spinner-container {
    position: absolute;
    z-index: 900;
    top: 45%;
    left: 45%;
}

.map-overlay.no-data {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #777a;
  position: relative;
  z-index: 1000;
  padding: 20px;
}

.shapes.pickerOpen .map-overlay.no-data {
  display: block;
  width: 100%;
  height: 60%;
  background-color: #777a;
  position: relative;
  z-index: 1000;
  padding: 20px;
}

.shapes.pickerOpenHeader .map-overlay.no-data {
  display: block;
  width: 100%;
  height: 83%;
  background-color: #777a;
  position: relative;
  z-index: 1000;
  padding: 20px;
}

@media screen and (max-width: 1550px) and (min-width: 1441px) {
  .shapes.pickerOpen .map-overlay.no-data {
    height: 60%;
  }

  .shapes.pickerOpen .map-overlay.no-data .no-drop-zone {
    height: 430px;
  }

  .shapes.pickerOpenHeader .map-overlay.no-data {
    height: 80%;
  }
}

@media screen and (max-width: 1285px) and (min-width: 1090px) {
  .shapes.pickerOpen .map-overlay.no-data {
    height: 60%;
  }

  .shapes.pickerOpenHeader .map-overlay.no-data {
    height: 80%;
  }
}

/* Keep the SHP upload instructions inside the map area at high browser zoom. */
@media screen and (max-width: 1285px), screen and (min-resolution: 1.5dppx) {
  .content.mapping .map-overlay.no-data .no-drop-zone,
  .content.mapping .map-overlay.no-data .drop_zone {
    font-size: 16px;
  }

  .content.mapping .map-overlay.no-data .drop_zone {
    height: 355px;
  }

  .content.mapping .map-overlay.no-data .no-drop-zone p,
  .content.mapping .map-overlay.no-data .drop_zone p {
    font-size: 20px;
  }

  .content.mapping .map-overlay.no-data span.bp6-button,
  .content.mapping .map-overlay.no-data .bp6-button {
    font-size: 12px;
  }
}

.upload-message {
  display: block;
  width: 400px;
  height: 400px;
  margin: auto;
  background-color: #fff;
}

.map-overlay.no-data .no-drop-zone,
.map-overlay.no-data .drop_zone {
  position: absolute;
  display: flex;
  height: 475px;
  width: calc(100% - 40px);
  cursor: pointer;
  border: 2px dashed #ccc;
  border-radius: 6px;
  margin-bottom: 25px;
  background-position: center 28px;
  padding: 70px 10px;
  align-items: center;
  flex-direction: column;
}

.map-overlay.no-data .map-error.no-drop-zone {
  border: none;
}

.leaflet-control-layers label {
  margin: 0;
  padding: 0;
  line-height: 18px;
  white-space: nowrap;
}

.leaflet-control-layers label > span {
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 0;
  padding: 0;
  min-height: 0;
}

.leaflet-control-layers .leaflet-control-layers-selector {
  position: relative;
  top: 0;
  width: 13px;
  height: 13px;
  min-height: 0;
  margin: 0 !important;
  flex: 0 0 13px;
}

.map-overlay.no-data .no-drop-zone p,
.map-overlay.no-data .drop_zone p {
  width: 900px;
  text-align: center;
  margin-top: 10px;
}

.map-overlay.no-data span.bp6-button {
  margin-top: 10px;
  line-height: 36px;
  height: 36px;
  display: flex;
}

.map-overlay.no-data .bp6-button {
  margin-top: 10px;
  line-height: 36px;
  height: 36px;
  display: flex;
  padding: 0 20px;
}

.map-overlay.no-data.shapes {
  
}

span.bp6-button.bp6-button:not([class*="bp6-intent-"]) {    
  background-color: #0f9960;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
  -webkit-box-shadow: inset 0 0 0 1px rgb(16 22 26 / 40%), inset 0 -1px 0 rgb(16 22 26 / 20%);
  box-shadow: inset 0 0 0 1px rgb(16 22 26 / 40%), inset 0 -1px 0 rgb(16 22 26 / 20%);
  color: #ffffff;
}

span.bp6-button.bp6-button:not([class*="bp6-intent-"]):hover {
  background-color: #0d8050;
  -webkit-box-shadow: inset 0 0 0 1px rgb(16 22 26 / 40%), inset 0 -1px 0 rgb(16 22 26 / 20%);
  box-shadow: inset 0 0 0 1px rgb(16 22 26 / 40%), inset 0 -1px 0 rgb(16 22 26 / 20%);
}

.map-overlay .smsGuide {
  margin-top: 20px;
}

.no-drop-zone .smsGuide .bp6-icon svg, .drop_zone .smsGuide .bp6-icon svg,
.no-drop-zone .smsGuide .bp6-icon svg, .drop_zone .selectStoredShapes .bp6-icon svg {
  width: 18px;
  height: 18px;
}

.map-overlay .selectStoredShapes {
  margin-top: 20px; 
}

/* .map-overlay .bp6-intent-warning.selectStoredShapes {
  color: #ffffff;
} */

.map-error .error .bp6-callout.bp6-callout-icon .bp6-icon {
  position: relative;
  float: left;
  color: white;
  height: 40px;
}

.map-overlay .map-error .bp6-icon svg { 
  width: 40px;
  height: 40px;
}

.map-overlay .map-error .bp6-button.retry svg {
  width: 16px;
  height: 16px;
}

.map-error .bp6-button {
  margin: 20px;
}

.map-error .error .bp6-callout h4 {
  float: left;
  color: white;
  line-height: 40px;
  padding: 10px 10px 10px 17px;
  font-size: 24px;
}

.map-error .error .bp6-callout span {
  float: left;
}

.map-with-form-sidbar {
  width: 100%;
  height: calc(100%);
  float: left;
}

.content-body .map-overlay,
.content-body .leaflet-container {
    border-radius: 10px;
}

.editing .leaflet-container {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.storedShapes .ag-editable-grid,
.editing .ag-root-wrapper {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.analyte-menu .bp6-menu,
.product-mapping-menu .bp6-menu {
  position: absolute;
  top: 0;
  width: calc(16vw - 53px);
  border: 1px solid #cecece;
}

.analyte-menu .bp6-menu {
  position: relative;
  height: 300px;
}

.analyte-menu .analyte-symbol,
.map-with-form-sidbar .analyte-symbol {
  float: left;
  width: 60px;
  text-align: right;
  margin-right: 5px;
}

.analyte-menu .analyte-name,
.product-mapping-menu  .product-name,
.map-with-form-sidbar .analyte-name,
.map-with-form-sidbar .product-name {
  width: auto;
}

.boundary-map {
  width: 100%;
  height: 100%;
  float: left;
}

.boundary-map.editing {
  width: 100%;
}

.map-container,
.map-container > div {
  float: left;
  width: 100%;
  height: 100%;
}

.map-container {
  position: relative;
}

/* Keep the expanded base-map selector above the bottom-right legend. */
.map-container .leaflet-top.leaflet-right {
  z-index: 1001;
}

.map-container .leaflet-control-layers {
  z-index: 1002;
}

.map-hover-metrics {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  padding: 6px 14px;
  font-size: 12px;
  line-height: 1.25;
  pointer-events: none;
  z-index: 1000;
  display: flex;
  align-items: center;
  white-space: nowrap;
  height: 32px ! IMPORTANT;
  align-items: center;
  justify-content: center;
}

.map-hover-metrics > div {
  margin: 0 4px;  
  background-color: #cecece;
  color: #333;
  padding: 10px 20px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

 .map-with-form-sidbar .edit-form {
  float: left;
  width: 20%;
  height: 100%;
  border-left: 2px solid #333;
  background-color: #FCE8C2;
}

.map-with-form-sidbar .edit-form .editorHolder,
.map-with-form-sidbar .edit-form .form-sidebar,
.map-with-form-sidbar .edit-form .form-sidebar2,
.map-with-form-sidbar .edit-form .sidebar-body,
.map-with-form-sidbar .edit-form .form-body {
  background-color: #FCE8C2;
}

 .map-with-form-sidbar.applied .edit-form {
    display: none;
 }

.boundary-map.editing ~ .edit-form {
  width: 20%;
}

.analyte.form-group,
.analyte.form-group .bp6-form-group,
.product.form-group,
.product.form-group .bp6-form-group {
  margin: 0;
}

.info {
  padding: 6px 8px;
  font: 14px/16px Arial, Helvetica, sans-serif;
  background: white;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}

.info h4 {
  margin: 0 0 5px;
  color: #777;
}

.legend.no-analyte {
  padding: 0;
}

.legend {
  text-align: left;
  line-height: 18px;
  color: #555;
}

.legend h3 {
  margin: 5px 0;
  font-weight: bold;
  text-align: center;
}

.legend-key {
  display: block;
}

.legend hr {
  margin: 5px 0 5px 0;
  border: 1px solid #777;
}

.legend-keys {
  padding: 5px 0;
  max-height: calc(100vh / 3);
  overflow: auto;
}

@supports (-moz-appearance:none) {
  .legend-keys {
    padding-right: 20px;
  }
}

.legend-key.purple {
  background-color: #9308d5;
}
.legend-key.blue {
  background-color: #0815d5;
}
.legend-key.green {
  background-color: #54d508;
}
.legend-key.yellow {
  background-color: #d5bf08;
}
.legend-key.orange {
  background-color: #db5806;
}
.legend-key.red {
  background-color: #db0606;
}
.legend-key.gray {
  background-color: #777;
}

.legend-key.colors-12.purple {
  background-color: #800080;
}
.legend-key.colors-12.indigo {
  background-color: #4B0082;
}
.legend-key.colors-12.darkblue {
  background-color: #00008B;
}
.legend-key.colors-12.blue {
  background-color: #0000ff;
}
.legend-key.colors-12.turquoise {
  background-color: #40E0D0;
}
.legend-key.colors-12.green {
  background-color: #008000;
}
.legend-key.colors-12.lime {
  background-color: #00FF00;
}
.legend-key.colors-12.yellow {
  background-color: #FFFF00;
}
.legend-key.colors-12.gold {
  background-color: #FFD700;
}
.legend-key.colors-12.orange {
  background-color: #FFA500;
}
.legend-key.colors-12.tomato {
  background-color: #FF6347;
}
.legend-key.colors-12.red {
  background-color: #db0606;
}
.legend-key.colors-12.gray {
  background-color: #777;
}
.legend-key.white {
  background-color: #fff;
}

.legend-keys div {
  min-width: 100px;
  overflow: hidden;
}

.results .legend-keys div,
.recs .legend-keys div {
  min-width: 150px;
}

.legend-keys div i {
  display: inline-block;
  width: 18px;
}

.legend-keys div b {
  display: inline-block;
  width: calc(100% - 26px);
  text-align: right;
  white-space: nowrap;
}

.legend i {
  width: 18px;
  height: 18px;
  float: left;
  margin-right: 8px;
  opacity: 0.7;
}

.legend-keys .color-key i {
  width: 36px;
  height: 18px;
  float: left;
  opacity: 0.7;
  margin-right: 0;
}

.map .label {
  color: #000;
  text-shadow: 0px 0px 3px #fff;
  width: 0 !important;
  height: 24px !important;
  margin-left: 0 !important;
  margin-top: -24px !important;
}

.map-menu {
  width: 120px;
  box-shadow: 0 4px 5px 3px rgba(0, 0, 0, 0.2);
  position: relative;
  display: none;
}
.map-menu .menu-options {
  list-style: none;
  padding-left: 0%;

}
.map-menu .menu-options .menu-option {
  font-weight: 500;
  font-size: 14px;
  padding: 10px 40px 10px 20px;
  cursor: pointer;
}
.map-menu .menu-options .menu-option:hover {
  background: rgba(0, 0, 0, 0.2);
}
.leaflet-popup-tip {
  width: 0px;
  height: 0px;
}

.map .content-icon.bg-square .bp6-icon {
  padding: 5px 7px 5px 8px;
}

.top-row-values {
  padding-left: 18px;
}

.bottom-row-values {
  margin-left: -18px;
}

.legend-keys.horizontal {
  padding-left: 18px;
}

.top-row-values span,
.bottom-row-values span {
  display: inline-block;
  width: 36px;
  margin-right: 36px;
  font-size: 12px;
  text-align: center;
}

.bottom-row-values span:last-child {
  margin-right: 0;
}

/*
  POPUP WHEN LEFT MOUSE CLICK ON ZONE LAYER
*/
/* .leaflet-popup.layer-info {
  
} */

/*
  POPUP WHEN RIGHT MOUSE CLICK ON ZONE LAYER
*/
.leaflet-popup.layer-options .leaflet-popup-content-wrapper {
  border-radius: 3px;
}

.leaflet-popup.layer-options .leaflet-popup-content {
  border-radius: 3px;
  margin: 0;
}

.leaflet-popup.layer-options .leaflet-popup-close-button {
  display: none;
}

.leaflet-popup.layer-info .leaflet-popup-content {
  border-radius: 3px;
  margin: 0;
}

.leaflet-popup.layer-info .leaflet-popup-close-button {
  display: none;
}

.leaflet-popup.layer-info .boundary-info-content {
  float: left;
  background-color: #ffffff;
  border-radius: 3px;
  width: auto;
}

.boundary-info-content .bp6-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 2px;
  background-color: #cecece;
  border: 2px solid #333;
}

.boundary-info-content .bp6-card .content-header-desc {
  display: flex;
  flex-direction: column;
  padding: 2px 10px;
}

.boundary-info-content .content-header-image {
  margin-right: 10px;
}

.boundary-info-content .bp6-card p {
  display: block;
  white-space: nowrap;
  float: left;
  margin: 8px 0 2px 0;
}

.boundary-info-content .bp6-card h1 {
  display: block;
  float: left;
  margin: 2px 0;
  font-weight: bold;
}

.content-header-image.Grower-level {
  background-position: -9px -120px;
}

.content-header-image.Farm-level {
  background-position: 0px -198px;
}

.content-header-image.Field-level,
.content-header-image.Zone-level {
  background-position: 3px -195px;
  background-size: 91%;
}

.map-overlay .loading {
  background-color: rgba(211, 211, 211, 0.13);
}

.map-overlay .loading span,
.map-overlay .loading .growingPlant {
  background-color: #d3d3d3;
  box-shadow: 0 2px 4px #333;
}

.map-overlay .loading span {
  padding: 5px 0;
  border-radius: 3px;
  width: 210px;
}

/* LABEL TEXT */
.labelText {
  text-align: center;
}

.labelText b {
  font-family: monaco, "andale mono", "lucida console", "courier new", monospace,monospace;
}

.labelText span.measurement {
  line-height: 17px;
  background-color: #fff;
  padding: 0px 4px;
  margin-top: 2px;
  margin-left: -3px;
  border-radius: 7px;
  display: inline-block;
  border: 2px solid #000;
  font-family: monaco, "andale mono", "lucida console", "courier new", monospace,monospace;
}

.labelText span.measurement  .bp6-icon {
  padding: 0
}

.labelText span.measurement .bp6-icon-arrow-up svg {
  fill: #039e15;
  width: 10px;
}

.labelText span.measurement .bp6-icon-arrow-down svg  {
  fill: #b80505;
  width: 10px;
}

.labelText span.measurement .bp6-icon-arrow-right svg  {
  fill: #c4c10d;
  width: 10px;
}

/* SIDEBAR OPTIONS */
.map-with-form-sidbar .form-sidebar,
.map-with-form-sidbar .form-sidebar .showRate {
  margin: 15px 0 0 0;
}

/* PDF HowTo */

.guide .bp6-dialog {
  margin: 0;
  padding: 0;
}

.guide .bp6-dialog-header {
  display: none;
}

.guide .print-view-embed {
  height: 850px;
  width: 700px;
  margin-left: unset;
  margin-top: unset;
}

.results-info-content {
  display: block;
  width: 650px;
  height: 150px;
  overflow: auto;
} 

.leaflet-popup.layer-info {
  width: 650px;
}

.recs-info-content {
  display: block;
  width: 650px;
  height: 150px;
  overflow: auto;
}


.results-info-content .ag-cell {
  text-align: right;
}

.results-info-content .ag-cell.date {
  text-align: left;
}

.map-with-form-sidbar .season-year {
  padding: 0;
}

/* NAV */
.bp6-menu.Map .bp6-menu-item .svg-inline--fa {
  width: 18px;
  height: 18px;
  color: #5c7080;
}

.bp6-icon .svg-inline--fa {
  width: 40px;
  height: 40px;
}

.map-container .spinner-container {
  position: absolute;
  z-index: 1000;
  background-color: #7775;
  width: 80%;
}

.map-container .spinner-container.expand-width {
  width: 100%;
}

.map-container .spinner-container.expand-width.smallWindow {
  height: 100%;
}

.map-container .spinner-container .bp6-spinner {
  position: relative;
  top: 40%;
}

.map-container .spinner-container .bp6-spinner svg {
  width: 60px;
  height: 60px;
}

.map-container .spinner-container .bp6-spinner svg {
  width: 100px;
  height: 100px;
}

.legend-keys > div {
  height: 18px;
}

.boundary-info-content .bp6-card > div:first-child {
  flex-direction: row;
  width: 100%;
}

.boundary-info-content .bp6-card div .content-header-desc {
  float: left;
  width: 50%;
}

.boundary-info-content .bp6-card div .bp6-button-group {
  width: 50%;
  justify-content: right;
  padding: 15px;
}

.boundary-info-content .bp6-card div .bp6-button-group .bp6-button {
  outline: none;
}

.map .page-body .map-with-form-sidbar .yieldFormSidebar {
  height: 100%;
  width: 100%;
}

.map .page-body .map-with-form-sidbar .yieldFormSidebar .form-sidebar .sidebar-body {
  padding-top: 8px;
}

.map .page-body .map-with-form-sidbar .yieldFormSidebar .form-sidebar .form-body .row.active {
  margin-bottom: 8px;
}

.map .page-body .map-with-form-sidbar .yieldFormSidebar .form-sidebar .form-body .row.active:last-child {
  margin-bottom: 0;
}

.map .page-body .map-with-form-sidbar .yieldFormSidebar .form-sidebar .form-body .row.active .col {
  padding-top: 0;
  padding-bottom: 0;
}

.map .page-body .map-with-form-sidbar .yieldFormSidebar .form-sidebar .form-body .row.active .form-label,
.map .page-body .map-with-form-sidbar .yieldFormSidebar .form-sidebar .form-body .row.active .bp6-label {
  margin-bottom: 6px;
}

.map .page-body .map-with-form-sidbar .yieldFormSidebar .sidebar-body .product .bp6-popover-target,
.map .page-body .map-with-form-sidbar .yieldFormSidebar .sidebar-body .product .bp6-popover-target .bp6-button {
  width: 100%;
}

.map-with-form-sidbar .header-column-actions,
.map-with-form-sidbar .bp6-popover-target,
.map-with-form-sidbar .bp6-popover-target .bp6-button {
  width: 100%;
}

/* Match chart sidebar popover dropdown buttons in mapping sidebar */
.map-with-form-sidbar .edit-form .bp6-popover-target .bp6-button,
.map-with-form-sidbar .edit-form .bp6-popover-target .bp6-button.bp6-disabled,
.map-with-form-sidbar .edit-form .bp6-popover-target .bp6-button[disabled] {
    background-color: #ffffff;
    color: #000 !important;
    box-shadow: none;
    border-right: 1px solid #cecece;
}

.map-with-form-sidbar .edit-form .bp6-popover-target .bp6-button.bp6-disabled,
.map-with-form-sidbar .edit-form .bp6-popover-target .bp6-button[disabled] {
    background-color: #f0f0f0;
    color: #000 !important;
}

.map-with-form-sidbar .edit-form .bp6-popover-target .bp6-button.bp6-disabled:hover,
.map-with-form-sidbar .edit-form .bp6-popover-target .bp6-button[disabled]:hover {
    background-color: #f0f0f0;
    color: #000 !important;
}

/* Match same disabled dropdown styling for health/results sidebar */
.health .edit-form .bp6-popover-target .bp6-button,
.SSoilA .edit-form .bp6-popover-target .bp6-button {
    background-color: #ffffff;
    color: #000 !important;
    box-shadow: none;
    border-right: 1px solid #cecece;
}

.health .edit-form .bp6-popover-target .bp6-button.bp6-disabled,
.health .edit-form .bp6-popover-target .bp6-button[disabled],
.SSoilA .edit-form .bp6-popover-target .bp6-button.bp6-disabled,
.SSoilA .edit-form .bp6-popover-target .bp6-button[disabled] {
    background-color: #f0f0f0;
    color: #000 !important;
}

.health .edit-form .bp6-popover-target .bp6-button.bp6-disabled:hover,
.health .edit-form .bp6-popover-target .bp6-button[disabled]:hover,
.SSoilA .edit-form .bp6-popover-target .bp6-button.bp6-disabled:hover,
.SSoilA .edit-form .bp6-popover-target .bp6-button[disabled]:hover {
    background-color: #f0f0f0;
    color: #000 !important;
}

.map .page-body .map-with-form-sidbar .yieldFormSidebar .form-sidebar .product.col > div > div > .bp6-label {
  font-weight: bold;
}

.map .page-body .map-with-form-sidbar .yieldFormSidebar .form-sidebar .Crop.col {
  margin-top: 0;
  margin-bottom: 8px;
  padding-top: 8px;
  border-top: #605d5d;
  border-top-width: thin;
  border-top-style: solid;
}

.map .page-body .map-with-form-sidbar .yieldFormSidebar .form-sidebar .Crop.col .mapYieldCrop {
  width: 100%;
  min-height: 40px;
}

.map .page-body .map-with-form-sidbar .yieldFormSidebar .form-sidebar .cropPlanText {
  font-weight: bold;
  margin-bottom: 2px;
}

.map .page-body .map-with-form-sidbar .yieldFormSidebar .form-sidebar .YieldGoal {
  margin-bottom: 6px;
  padding-bottom: 8px;
  border-bottom: #605d5d;
  border-bottom-width: thin;
  border-bottom-style: solid;
}

.map .page-body .map-with-form-sidbar .yieldFormSidebar .form-sidebar .Crop.col .mapYieldCrop .autocomplete .input-control > input:disabled {
  background-color: #edf0f2;
  color: #7d8a94;
  font-weight: 700;
}

.map .page-body .map-with-form-sidbar .yieldFormSidebar .form-sidebar .Crop.col .mapYieldCrop .autocomplete .input-control > input:disabled:hover {
  cursor: not-allowed;
}

.map .page-body .map-with-form-sidbar .yieldFormSidebar .form-sidebar .Crop.col .mapYieldCrop .autocomplete .suggestions {
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  margin-top: 0;
  padding: 0 14px;
  font-size: 14px;
  letter-spacing: 0;
  color: #b7bec5;
}

.map .page-body .map-with-form-sidbar .yieldFormSidebar .form-sidebar .Crop.col .mapYieldCrop .autocomplete .bp6-menu {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  width: 100%;
  margin-top: 0;
  border: 1px solid rgba(17, 20, 24, 0.12);
  border-radius: 12px;
  background-color: #ffffff;
  box-shadow: 0 8px 24px rgba(16, 22, 26, 0.12);
  z-index: 1000;
}

.map .page-body .map-with-form-sidbar .yieldFormSidebar .form-sidebar .YieldGoal .mapYieldGoal {
  margin-bottom: 8px;
}

.map .page-body .map-with-form-sidbar .yieldFormSidebar .form-sidebar .YieldGoal .mapYieldGoal .goalSaveButton {
  margin-top: 8px;
}

.map .page-body .map-with-form-sidbar .yieldFormSidebar .form-sidebar .Crop.col .mapYieldCrop .autocomplete,
.map .page-body .map-with-form-sidbar .yieldFormSidebar .form-sidebar .Crop.col > div > .bp6-input-group,
.map .page-body .map-with-form-sidbar .yieldFormSidebar .form-sidebar .YieldGoal.col .mapYieldGoal .mapYieldGoalNumericInput.bp6-input-group,
.map .page-body .map-with-form-sidbar .yieldFormSidebar .form-sidebar .YieldGoal.col > div > .bp6-input-group {
  position: relative;
  width: 100%;
  min-height: 40px;
  background-color: #ffffff;
  border: 1px solid rgba(17, 20, 24, 0.12);
  border-radius: 12px;
  box-shadow: none;
  overflow: hidden;
}

.map .page-body .map-with-form-sidbar .yieldFormSidebar .form-sidebar .Crop.col .mapYieldCrop .autocomplete .input-control {
  inset: 0;
  display: flex;
  align-items: center;
}

.map .page-body .map-with-form-sidbar .yieldFormSidebar .form-sidebar .Crop.col .mapYieldCrop .autocomplete input,
.map .page-body .map-with-form-sidbar .yieldFormSidebar .form-sidebar .Crop.col > div > .bp6-input-group input,
.map .page-body .map-with-form-sidbar .yieldFormSidebar .form-sidebar .YieldGoal.col .mapYieldGoal .mapYieldGoalNumericInput input,
.map .page-body .map-with-form-sidbar .yieldFormSidebar .form-sidebar .YieldGoal.col > div > .bp6-input-group input {
  width: 100%;
  height: 40px;
  padding: 0 14px !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #001d1d !important;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
}

.map .page-body .map-with-form-sidbar .yieldFormSidebar .form-sidebar .Crop.col .mapYieldCrop .autocomplete input::placeholder,
.map .page-body .map-with-form-sidbar .yieldFormSidebar .form-sidebar .Crop.col > div > .bp6-input-group input::placeholder,
.map .page-body .map-with-form-sidbar .yieldFormSidebar .form-sidebar .YieldGoal.col .mapYieldGoal .mapYieldGoalNumericInput input::placeholder,
.map .page-body .map-with-form-sidbar .yieldFormSidebar .form-sidebar .YieldGoal.col > div > .bp6-input-group input::placeholder {
  color: #7d8a94;
}

.map .page-body .map-with-form-sidbar .yieldFormSidebar .form-sidebar .Crop.col .mapYieldCrop .autocomplete input:disabled,
.map .page-body .map-with-form-sidbar .yieldFormSidebar .form-sidebar .Crop.col > div > .bp6-input-group input:disabled,
.map .page-body .map-with-form-sidbar .yieldFormSidebar .form-sidebar .YieldGoal.col .mapYieldGoal .mapYieldGoalNumericInput input:disabled,
.map .page-body .map-with-form-sidbar .yieldFormSidebar .form-sidebar .YieldGoal.col > div > .bp6-input-group input:disabled {
  background-color: #edf0f2 !important;
  color: #7d8a94 !important;
  cursor: not-allowed;
}

.map .page-body .map-with-form-sidbar .yieldFormSidebar .form-sidebar .Crop.col .mapYieldCrop .autocomplete input:focus,
.map .page-body .map-with-form-sidbar .yieldFormSidebar .form-sidebar .Crop.col > div > .bp6-input-group input:focus,
.map .page-body .map-with-form-sidbar .yieldFormSidebar .form-sidebar .YieldGoal.col .mapYieldGoal .mapYieldGoalNumericInput input:focus,
.map .page-body .map-with-form-sidbar .yieldFormSidebar .form-sidebar .YieldGoal.col > div > .bp6-input-group input:focus {
  outline: none;
}

.map .page-body .map-with-form-sidbar .yieldFormSidebar .form-sidebar .Crop.col .mapYieldCrop .autocomplete .bp6-menu .bp6-menu-item {
  color: #001d1d;
  border-radius: 8px;
}

.map .page-body .map-with-form-sidbar .yieldFormSidebar .form-sidebar .Crop.col .mapYieldCrop .autocomplete .bp6-menu .bp6-menu-item:hover,
.map .page-body .map-with-form-sidbar .yieldFormSidebar .form-sidebar .Crop.col .mapYieldCrop .autocomplete .bp6-menu .bp6-menu-item.bp6-active {
  background-color: #fce8c2;
  color: #001d1d;
}

.zone-shape-dialog .bp6-dialog.no-margin {
  padding-bottom: 0;
}

.zone-column-dialog-portal .bp6-overlay-backdrop {
  background: rgba(17, 24, 39, 0.58);
}

.zone-column-dialog.bp6-dialog {
  width: calc(100vw - 32px);
  max-width: 480px;
  padding-bottom: 0;
  overflow: hidden;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.24);
}

.zone-column-dialog .bp6-dialog-header {
  min-height: 64px;
  padding: 0 20px;
  border-bottom: 1px solid #e5e7eb;
  background: #ffffff;
  box-shadow: none;
}

.zone-column-dialog .bp6-dialog-header > .bp6-icon {
  color: #2563eb;
}

.zone-column-dialog .bp6-dialog-header .bp6-heading {
  color: #1f2937;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: -0.01em;
}

.zone-column-dialog .bp6-dialog-close-button {
  border-radius: 6px;
}

.zone-column-dialog .bp6-dialog-body {
  margin: 0;
  padding: 24px;
}

.zone-column-dialog__intro {
  margin: 0 0 20px;
  color: #4b5563;
  font-size: 14px;
  line-height: 1.5;
}

.zone-column-dialog__label {
  display: block;
  margin-bottom: 8px;
  color: #1f2937;
  font-size: 13px;
  font-weight: 600;
}

.zone-column-dialog__select.bp6-html-select select {
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  background-color: #ffffff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
  color: #1f2937;
  font-size: 14px;
}

.zone-column-dialog__select.bp6-html-select select:hover {
  border-color: #94a3b8;
}

.zone-column-dialog__select.bp6-html-select select:focus {
  border-color: #2563eb;
  box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.18);
}

.zone-column-dialog__hint {
  margin: 8px 0 0;
  color: #6b7280;
  font-size: 12px;
  line-height: 1.4;
}

.zone-column-dialog .bp6-dialog-footer {
  margin: 0;
  padding: 16px 24px;
  border-top: 1px solid #e5e7eb;
  background: #f8fafc;
}

.zone-column-dialog .bp6-dialog-footer-actions {
  gap: 8px;
}

.zone-column-dialog .bp6-dialog-footer .bp6-button {
  min-height: 36px;
  border-radius: 6px;
}

.zone-column-dialog .bp6-dialog-footer .bp6-intent-primary {
  padding-right: 14px;
  padding-left: 14px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.12);
  font-weight: 600;
}

.bp6-portal .bp6-callout h4.bp6-heading {
  margin-bottom: 10px;
}

.map .page-body .map-with-form-sidbar .yieldFormSidebar .form-sidebar .Crop.col .bp6-disabled > input,
.map .page-body .map-with-form-sidbar .yieldFormSidebar .form-sidebar .YieldGoal.col .bp6-disabled > input {
  font-size: 14px;
}

.map .page-body .map-with-form-sidbar .yieldFormSidebar .form-sidebar .YieldGoal.col .mapYieldGoal .mapYieldGoalNumericInput.bp6-disabled,
.map .page-body .map-with-form-sidbar .yieldFormSidebar .form-sidebar .Crop.col > div > .bp6-input-group.bp6-disabled,
.map .page-body .map-with-form-sidbar .yieldFormSidebar .form-sidebar .YieldGoal.col > div > .bp6-input-group.bp6-disabled {
  background-color: #edf0f2;
  border-color: rgba(17, 20, 24, 0.1);
}

.map .page-body .map-with-form-sidbar .yieldFormSidebar .form-sidebar .YieldGoal .mapYieldGoal .goalSaveButton .bp6-button,
.map .page-body .map-with-form-sidbar .yieldFormSidebar .form-sidebar .YieldGoal .mapYieldGoal .goalSaveButton .bp6-button:hover,
.map .page-body .map-with-form-sidbar .yieldFormSidebar .form-sidebar .YieldGoal .mapYieldGoal .goalSaveButton .bp6-button:active,
.map .page-body .map-with-form-sidbar .yieldFormSidebar .form-sidebar .YieldGoal .mapYieldGoal .goalSaveButton .bp6-button:focus {
  width: 100%;
  min-height: 38px;
  background-color: #f1b434 !important;
  border: none !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  color: #000000 !important;
  font-weight: 700;
}

.map-container.image-view {
  position: absolute;
  top: 100vh;
}

#app {
  overflow: hidden;

}

.map .page-body .yield.spinnerTime {
  width: 100%;
  height: 100%;
  z-index: 999;
  position: absolute;
  margin-top: 25%;
}

.map-to-image-container {
  position: absolute;
  margin-top: 100vh;
  z-index: -1;
}

.map-with-form-sidbar .edit-form .form-sidebar {
  max-height: calc(100% - 36px);
  height: calc(100% - 36px);
}

.map-with-form-sidbar .edit-form .form-sidebar .sidebar-body {
  height: 100%;
}

/* Match chart sidebar dropdown styles */
.map-with-form-sidbar .edit-form .p-dropdown {
    background-color: #ffffff;
    color: #000;
}

.map-with-form-sidbar .edit-form .p-dropdown .p-dropdown-label,
.map-with-form-sidbar .edit-form .p-dropdown .p-dropdown-trigger,
.map-with-form-sidbar .edit-form .p-dropdown .p-dropdown-trigger-icon {
    color: #000 !important;
}

/* Match chart sidebar checkbox styles */
.map-with-form-sidbar .edit-form .bp6-control.bp6-checkbox .bp6-control-indicator {
    background-color: #F1B434 !important;
    border-color: #F1B434 !important;
    color: #000 !important;
}

.map-with-form-sidbar .edit-form .bp6-control.bp6-checkbox:hover .bp6-control-indicator {
    background-color: #F1B434 !important;
    border-color: #F1B434 !important;
}

.map-with-form-sidbar .edit-form .bp6-control.bp6-checkbox input:checked ~ .bp6-control-indicator {
    background-color: #F1B434 !important;
    border-color: #F1B434 !important;
    color: #000 !important;
}

.map-with-form-sidbar .edit-form .bp6-control.bp6-checkbox .bp6-control-indicator::before,
.map-with-form-sidbar .edit-form .bp6-control.bp6-checkbox .bp6-control-indicator::after {
    color: #000 !important;
    border-color: #000 !important;
}

.recommendation-application .ag-theme-balham {
  height: 400px;
}

.applied.map-with-form-sidbar .map-plus-table {
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.applied.map-with-form-sidbar .boundary-map.editing {
  flex: 0 0 58%;
  width: 100%;
  height: auto;
  min-height: 0;
}

.rate-sidebar {
  float: left;
  height: 50%;
  width: 100%;
}

.applied.map-with-form-sidbar .rate-sidebar {
  display: flex;
  flex: 1 1 42%;
  flex-direction: column;
  height: auto;
  min-height: 0;
}

.rate-sidebar .ag-cell.btn {
  text-align: center;
}

.rate-sidebar .ag-cell .bp6-button {
  padding: 0;
  margin-top: 1px;
}

.map-plus-table {
  float:left;
  height: 100%;
  width: 80%
}

.applied.map-with-form-sidbar .edit-form {
  width: 20%;
}

.map-plus-table.expand-width {
  width: 100%;
}

.applied .custom-header {
  width: 100%;
  height: 100%;
}

.applied .custom-header .col-label {
  height: 100%;
  float: left;
  display: flex;
  align-items: center;
}

.applied .custom-header .bp6-control-group {
  float: right;
}

.applied .custom-header .bp6-control-group .bp6-form-group {
  height: 100%;
  margin-bottom: 0;
}

.applied .custom-header .bp6-control-group {
  margin-top: 1px;
}

.ag-cell.rate-applied .bp6-button {
  padding: 2px 6px;
}

.ag-cell.rate-applied > div {
  width: 100%;
  padding: 2px 0;
}

.ag-cell.rate-applied > div > div {
  display: block;
  border-bottom: 1px solid #cecece;
  margin-bottom: 2px;
  padding-right: 4px;
  height: 21px;
  width: calc(100% - 35px);
  float: left;
}

.ag-cell.rate-applied div .bp6-button {
  width: 60px;
}

.ag-cell-inline-editing.rate-applied div {
  padding: 0;
  height: 100%;
}

.ag-cell-inline-editing.rate-applied div .bp6-button {
  width: 30px;
  height: 100%;
  margin: 0;
  margin-top: -4px;
  border-radius: 0;
}

.ag-cell-inline-editing.rate-applied div input {
  width: calc(100% - 60px);
  height: 100%;
  margin: 0;
  outline: none;
  padding-left: 7px;
}

.bp6-form-content .bp6-button {
  float: left;
}

.rate-sidebar > div.controls {
  background-color: #f5f7f7;
  border: 1px solid #bdc3c7;
}

.applied.map-with-form-sidbar .rate-sidebar > div.controls {
  flex: 0 0 40px;
}

.rate-sidebar .bp6-form-content .bp6-button {
  float: left;
  height: 30px;
}

.rate-sidebar .bp6-form-content .bp6-button:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.rate-sidebar .bp6-control-group .bp6-button {
  float: left;
  height: 30px;
  margin: 5px 0;
}

.content.mapping .rate-sidebar .controls .rxStepButtons {
  display: flex;
  float: left;
}

.content.mapping .rate-sidebar .controls .rxStepButtons .bp6-button.bp6-intent-primary,
.content.mapping .rate-sidebar .controls .rxStepButtons .bp6-button.bp6-intent-primary:hover,
.content.mapping .rate-sidebar .controls .rxStepButtons .bp6-button.bp6-intent-primary:focus,
.content.mapping .rate-sidebar .controls .rxStepButtons .bp6-button.bp6-intent-primary:active {
  background-color: #fff !important;
  background-image: none !important;
  border: 1px solid #a89b7a !important;
  box-shadow: none !important;
  color: #5f5849 !important;
}

.content.mapping .rate-sidebar .controls .rxStepButtons .bp6-button.bp6-intent-primary.active,
.content.mapping .rate-sidebar .controls .rxStepButtons .bp6-button.bp6-intent-primary.active:hover,
.content.mapping .rate-sidebar .controls .rxStepButtons .bp6-button.bp6-intent-primary.active:focus,
.content.mapping .rate-sidebar .controls .rxStepButtons .bp6-button.bp6-intent-primary.active:active,
.content.mapping .rate-sidebar .controls .rxStepButtons .bp6-button.bp6-intent-primary.bp6-active,
.content.mapping .rate-sidebar .controls .rxStepButtons .bp6-button.bp6-intent-primary.bp6-active:hover,
.content.mapping .rate-sidebar .controls .rxStepButtons .bp6-button.bp6-intent-primary.bp6-active:focus,
.content.mapping .rate-sidebar .controls .rxStepButtons .bp6-button.bp6-intent-primary.bp6-active:active,
.content.mapping .rate-sidebar .controls .rxStepButtons .bp6-button.bp6-intent-primary[aria-pressed="true"] {
  background-color: #F1B434 !important;
  background-image: none !important;
  border: 1px solid #d49d28 !important;
  color: #000 !important;
  box-shadow: none !important;
}

.content.mapping .rate-sidebar .controls .rxStepButtons .bp6-button .bp6-icon,
.content.mapping .rate-sidebar .controls .rxStepButtons .bp6-button .bp6-icon svg {
  color: inherit !important;
  fill: currentColor !important;
}

.content.mapping .rate-sidebar .controls .sidebar-dropdown-control .bp6-popover-target .sidebar-dropdown-button.bp6-button,
.content.mapping .rate-sidebar .controls .sidebar-dropdown-control .bp6-popover-target .sidebar-dropdown-button.bp6-button:hover,
.content.mapping .rate-sidebar .controls .sidebar-dropdown-control .bp6-popover-target .sidebar-dropdown-button.bp6-button:focus,
.content.mapping .rate-sidebar .controls .sidebar-dropdown-control .bp6-popover-target .sidebar-dropdown-button.bp6-button:active {
  width: 100%;
  background-color: #fff !important;
  background-image: none !important;
  border: 1px solid #a89b7a !important;
  box-shadow: none !important;
  color: #001d1d !important;
}

.content.mapping .rate-sidebar .controls .sidebar-dropdown-control .sidebar-dropdown-button .bp6-button-text,
.content.mapping .rate-sidebar .controls .sidebar-dropdown-control .sidebar-dropdown-button .bp6-icon,
.content.mapping .rate-sidebar .controls .sidebar-dropdown-control .sidebar-dropdown-button .bp6-icon svg {
  color: #001d1d !important;
  fill: #001d1d !important;
}

.content.mapping .rate-sidebar .controls .sidebar-dropdown-control .sidebar-dropdown-button .bp6-button-text {
  display: block;
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
}

.content.mapping .rate-sidebar .controls .sidebar-dropdown-control .sidebar-dropdown-button .product-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.content.mapping .rate-sidebar .controls .sidebar-dropdown-control .sidebar-dropdown-button .bp6-icon {
  flex: 0 0 auto;
}

.rate-sidebar .bp6-control-group .bp6-button:first-child {
  margin-left: -1px;
}

.rate-sidebar .bp6-control-group .bp6-button.rx-button span {
  margin-left: 0;
}

.rate-sidebar .bp6-form-content .bp6-input-group {
  float: left;
  width: calc(100% - 145px);
  margin: 5px;
}

.rate-sidebar .bp6-form-group .bp6-label {
  padding: 5px 5px 5px 20px;
}

.rate-sidebar .bp6-input-group .bp6-input {
  width: 101%;
}

.ag-cell.rate-applied div .bp6-button {
  width: 30px;
}

.ag-cell-not-inline-editing.ag-cell.rate-applied > div > div {
  overflow: hidden;
}

.bp6-popover.sidebar-dropdown-menu.applied-map-season-menu {
  border: none;
  box-shadow: none;
}

.ag-cell-not-inline-editing.ag-cell.rate-applied div .bp6-button {
  margin-bottom: 8px;
}

.ag-cell.rate-applied .ag-cell-edit-wrapper > div {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
}

.rate-applied .bp6-icon-prescription {
  padding: 0;
}

.rate-applied .bp6-button .bp6-icon-prescription svg {
  height: 12px;
  width: 12px;
}

.rx-applied-group-header-component {
  width: 100%;
  height: 100%;
}

.rx-applied-group-header-component > span {
  float: left;
  padding: 10px 5px;
}

.rx-applied-group-header-component > div > span {
  float: left;
  padding: 5px;
}

.rx-applied-group-header-component > div {
  float: right;
  width: 165px;
  height: 100%;
  padding-top: 1px;
}

.rx-applied-group-header-component .btn-group {
  float: right;
  width: calc(100% - 60px);
}

.controls .bp6-button-group {
  float: right;
  height: 40px;
  padding: 5px 8px;
}

.controls .bp6-control-group {
  float: left;
  height: 40px;
}

.rate-sidebar .table {
  float: left;
  height: calc(75% - 85px);
  width: 100%;
  padding: 0;
  margin: 0;
  margin-top: -2px;
}

.rate-sidebar .table .ag-root-wrapper {
  padding: 0;
}

.applied.map-with-form-sidbar .rate-sidebar .table {
  flex: 1 1 auto;
  height: auto;
  min-height: 0;
}

.applied.map-with-form-sidbar .rate-sidebar .table .ag-editable-grid,
.applied.map-with-form-sidbar .rate-sidebar .table .ag-root-wrapper {
  height: 100%;
  min-height: 0;
}

.rate-sidebar .notes {
  float: left;
  height: calc(25% - 23px);
  width: 100%;
  background-color: #f5f7f7;
}

.applied.map-with-form-sidbar .rate-sidebar .notes {
  flex: 0 0 25%;
  box-sizing: border-box;
  height: auto;
  min-height: 72px;
}

.rate-sidebar .notes label {
  width: calc(100% - 130px); 
  height: 30px;
  text-align: center;
  padding: 6px;
}

.rate-sidebar .notes .bp6-button {
  width: 120px;
}

.rate-sidebar .notes textarea {
  width: 100%;
  height: calc(100% - 30px);
  resize: none;
  border-radius: 0;
}

.applied .map-container .spinner-container {
  width: 100%;
}

.applied.map-with-form-sidbar .legend {
  box-sizing: border-box;
  width: clamp(165px, 14vw, 220px);
  max-width: calc(100% - 20px);
  overflow: hidden;
}

.applied.map-with-form-sidbar .legend-keys {
  box-sizing: border-box;
  width: 100%;
  max-height: clamp(120px, 30vh, 290px);
  overflow-x: hidden;
  overflow-y: auto;
}

.applied.map-with-form-sidbar .legend-keys > div {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
}

.bp6-button .product-name {
  min-width: 100px;
}

.no-data.applied {
  height: 50%;
  padding: 15px;
}

.no-data.applied .drop_zone {
  padding-top: 35px;
  padding-bottom: 13px;
  height: 400px;
  margin-bottom: 0px;
}

.bp6-portal.zone-shape-dialog .notice .noticeTextWidthSetter {
  width: 450px;
  overflow-wrap: break-word;
}

.rate-sidebar .bp6-form-content .bp6-input-group {
  padding: 0;
}

.rate-sidebar .bp6-form-content .bp6-input-group .bp6-input {
  height: 30px;
}

.rate-sidebar .bp6-button-group .bp6-button {
  height: 30px;
}

.bp6-portal .tissueNutrientHeader .bp6-popover-content {
  padding: 10px;
}

.bp6-portal.tissueNutrientFilter .bp6-popover-content {
  padding: 10px;
}

.mapping .results .bp6-form-group .bp6-form-content .bp6-popover-target {
  height: 20px;
}

.bp6-portal .bp6-dialog.storedShapes .storedShapes.content {
  height: calc(100vh - 350px);
}

.bp6-portal .bp6-dialog.createShapes {
  height: calc(100vh - 300px);
}

.bp6-portal .bp6-dialog.storedShapes .storedShapes.content .main,
.bp6-portal .bp6-dialog.createShapes .createShapes.content {
  height: 95%;
}

.bp6-portal .bp6-dialog.storedShapes .footerSave,
.bp6-portal .bp6-dialog.createShapes .footerSave {
  justify-content: center;
}

.bp6-portal .bp6-dialog.storedShapes .footerSave .bp6-button-group,
.bp6-portal .bp6-dialog.createShapes .footerSave .bp6-button-group {
  margin-top: 10px;
  margin-left: 45%;
}

.bp6-portal .bp6-dialog.storedShapes .footerSave .bp6-button.bp6-intent-primary,
.bp6-portal .bp6-dialog.storedShapes .footerSave .bp6-button.bp6-intent-warning,
.bp6-portal .bp6-dialog.createShapes .footerSave .bp6-button.bp6-intent-primary {
  margin: 5px 0px;
}

.bp6-portal .bp6-dialog.createShapes .createShapes.content .main,
.bp6-portal .bp6-dialog.createShapes .createShapes.content .subMain {
  height: 48%;
}

.bp6-portal .bp6-dialog.createShapes .createShapes.content .subMain {
  width: 100%;
}


.bp6-portal .bp6-dialog.createShapes .createShapes.content .subMain .farmFieldZoneSelector {
  float: left;
  height: 95%;
  background-color: white;
  margin: 5px 0px;
}

.bp6-portal .bp6-dialog.createShapes .createShapes.content .subMain .farmFieldZoneSelector {
  width: 100%;
}

/* .map .mapping .map-container .leaflet-popup-pane .leaflet-popup-content-wrapper {
  /* width: 670px; 
} */

.map .mapping .map-container .leaflet-popup-pane .leaflet-popup-content-wrapper .leaflet-popup-content {
  width: inherit !important;
}

.map .mapping .map-container .leaflet-popup-pane .leaflet-popup-content-wrapper .leaflet-popup-content .boundary-info-content {
  width: 657px !important;
  margin: -5px -15px -5px -12px;
}

.map .mapping .map-with-form-sidbar .openButton {
  height: 50px;
  width: 30px;
  float: right;
  z-index: 999;
  position: absolute;
  top: 95%;
  right: 0%;
}

.map .mapping .map-with-form-sidbar .openButton.movingLeft {
  right: 20%;
}

.leaflet-popup,
.leaflet-popup-content-wrapper,
.leaflet-popup-tip-container,
.leaflet-popup-tip {
    pointer-events: none;
}

.leaflet-popup-tip-container,
.leaflet-popup-tip {
  display: none;
}

.leaflet-popup,
.leaflet-popup-content-wrapper {
  /* width: 170px;
  height: 50px;
  border-radius: 3px; */
  background-color: #ffffff00;
}

.leaflet-popup-content-wrapper {
  display: contents;
}

.polygon-info.leaflet-popup {
  margin-bottom: 0;
}
 
.map .mapping .map-container .leaflet-popup-pane .polygon-info .leaflet-popup-content {
  width: 100% !important;
  height: 100%;
  background-color: #efefef;
}

.polygon-info {
  pointer-events: none;
}

.polygon-info-content {
  height: 100%;
}

.leaflet-popup-pane .polygon-info .leaflet-popup-content {
  margin: 0;
  padding: 5px 10px;
  background-color: #efefef;
}

.polygon-stats.bp6-card {
  padding: 0;
  border: none;
  box-shadow: none;
  background-color: #efefef;
}

.leaflet-pm-toolbar .leaflet-buttons-control-button.custom-button {
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  margin: 0;
  padding: 0;
  color: #555;
  padding-bottom: 2px;
  text-decoration: none;
}

.map .mapping .map-with-form-sidbar.shapes.pickerOpen {
  height: 100%;
}

.map .mapping .map-with-form-sidbar.shapes.pickerOpen .map-plus-table.expand-width {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.map .mapping .map-with-form-sidbar.shapes.pickerOpen .map-plus-table.expand-width .boundary-map.editing {
  height: 60%;
  flex: 0 0 60%;
  width: 100%;
  float: none;
}

.map .mapping .map-with-form-sidbar.shapes.pickerOpen.Points .map-plus-table.expand-width .boundary-map.editing {
  height: 74%;
  flex-basis: 74%;
}

.map .mapping .map-with-form-sidbar.shapes.pickerOpen .map-plus-table.expand-width .storedShapes.content {
  height: auto;
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
  float: none;
}

.map .mapping .map-with-form-sidbar.shapes.pickerOpen.Points .map-plus-table.expand-width .storedShapes.content {
  height: auto;
}

.map .mapping .map-with-form-sidbar.shapes.pickerOpen .map-plus-table.expand-width .boundary-map.editing .map-container {
  height: 100%;
}

.map .mapping .map-with-form-sidbar.shapes.pickerOpen .map-plus-table.expand-width .boundary-map.editing .map-container .leaflet-container {
  height: inherit;
}

.map .mapping .map-with-form-sidbar.shapes.pickerOpenHeader {
  height: 100%;
}

.map .mapping .map-with-form-sidbar.shapes.pickerOpenHeader .map-plus-table.expand-width {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.map .mapping .map-with-form-sidbar.shapes.pickerOpenHeader .map-plus-table.expand-width .boundary-map.editing {
  height: 60%;
  flex: 0 0 60%;
  width: 100%;
  float: none;
}

.map .mapping .map-with-form-sidbar.shapes.pickerOpenHeader .storedShapes.contentheaderOnly {
  height: auto;
  flex: 1 1 auto;
  min-height: 0;
  float: none;
  width: 100%;
}

.map .mapping .map-with-form-sidbar.shapes.pickerOpen .storeShapesButtons,
.map .mapping .map-with-form-sidbar.shapes.pickerOpen .viewShapesButtons,
.map .mapping .map-with-form-sidbar.shapes.pickerOpen .createShapesButtons {
  height: 32px;
  width: 100%;
}

.map .mapping .map-with-form-sidbar.shapes.pickerOpen .undo-box.leaflet-control {
  margin-left: 60px;
}

.map .mapping .map-with-form-sidbar.shapes.pickerOpen .storeShapesButtons .viewingButtons,
.map .mapping .map-with-form-sidbar.shapes.pickerOpen .viewShapesButtons .storedButtons,
.map .mapping .map-with-form-sidbar.shapes.pickerOpen .createShapesButtons .createdButtons,
.map .mapping .map-with-form-sidbar.shapes.pickerOpenHeader .storeShapesButtons .viewingButtons,
.map .mapping .map-with-form-sidbar.shapes.pickerOpenHeader .viewShapesButtons .storedButtons,
.map .mapping .map-with-form-sidbar.shapes.pickerOpenHeader .createShapesButtons .createdButtons {
  float: left;
}

.map .mapping .map-with-form-sidbar.shapes.pickerOpen .storeShapesButtons .dataButtons,
.map .mapping .map-with-form-sidbar.shapes.pickerOpen .viewShapesButtons .dataStoreButtons,
.map .mapping .map-with-form-sidbar.shapes.pickerOpen .createShapesButtons .dataCreateButtons,
.map .mapping .map-with-form-sidbar.shapes.pickerOpenHeader .storeShapesButtons .dataButtons,
.map .mapping .map-with-form-sidbar.shapes.pickerOpenHeader .viewShapesButtons .dataStoreButtons,
.map .mapping .map-with-form-sidbar.shapes.pickerOpenHeader .createShapesButtons .dataCreateButtons {
  float: right;
}


.map .mapping .map-with-form-sidbar.shapes.pickerOpen .storedShapes.FullSize.ssPoints .main.Points {
  height: 96%;
}

.map .mapping .map-with-form-sidbar.shapes.pickerOpenHeader .storedShapes .main {
  height: 100%;
}

.map .mapping .map-with-form-sidbar.shapes.pickerOpenHeader .storedShapes .main .ag-header-row {
  height: 45px !important;
}

.map .mapping .map-with-form-sidbar.shapes.pickerOpenHeader .storedShapes .main .ag-header-row:last-of-type {
  display: none;
}

.map .mapping .map-with-form-sidbar.shapes.pickerOpenHeader .storeShapesButtons,
.map .mapping .map-with-form-sidbar.shapes.pickerOpenHeader .viewShapesButtons,
.map .mapping .map-with-form-sidbar.shapes.pickerOpenHeader .createShapesButtons {
  height: 45px;
  width: 100%;
}

@media screen and (max-width: 1550px) and (min-width: 1441px) {
  .map .mapping .map-with-form-sidbar.shapes.pickerOpen .storedShapes .main {
    height: 73%;
  }

  .map .mapping .map-with-form-sidbar.shapes.pickerOpenHeader .map-plus-table.expand-width .boundary-map.editing {
    height: 80%;
    flex-basis: 80%;
  }
  
  .map .mapping .map-with-form-sidbar.shapes.pickerOpenHeader .storedShapes.contentheaderOnly {
    height: auto;
  }
}

@media screen and (max-width: 1285px) and (min-width: 1090px) {
  .map .mapping .map-with-form-sidbar.shapes.pickerOpen .storedShapes .main {
    height: 75%;
  }

  .map .mapping .map-with-form-sidbar.shapes.pickerOpenHeader .map-plus-table.expand-width .boundary-map.editing {
    height: 80%;
    flex-basis: 80%;
  }
  
  .map .mapping .map-with-form-sidbar.shapes.pickerOpenHeader .storedShapes.contentheaderOnly {
    height: auto;
  }
}

.map .mapping .map-with-form-sidbar.shapes.pickerOpen .storedShapes .ag-theme-balham .goodToGo, 
.map .mapping .map-with-form-sidbar.shapes.pickerOpen .storedShapes .ag-theme-balham .goodToGo::before {
  background-color: #4fcf82 !important;
  /* font-weight: bold; */
}

.map .mapping .map-with-form-sidbar.shapes.pickerOpen .storedShapes .ag-theme-balham .polygonNoZone,
.map .mapping .map-with-form-sidbar.shapes.pickerOpen .storedShapes .ag-theme-balham .polygonNoZone::before {
  background-color: rgb(243, 161, 30) !important;
  background-image: none;
  /* font-weight: bold; */
}

.map .mapping .map-with-form-sidbar.shapes.pickerOpen .storedShapes .ag-theme-balham .zoneNoPolygon,
.map .mapping .map-with-form-sidbar.shapes.pickerOpen .storedShapes .ag-theme-balham .zoneNoPolygon::before {
  background-color: #df6969  !important;
  /* font-weight: bold; */
}

.map .mapping .map-with-form-sidbar.shapes.pickerOpen .storedShapes .main.Store .ag-theme-balham .ag-cell.zoneColumn,
.map .mapping .map-with-form-sidbar.shapes.pickerOpen .storedShapes .main.Create .ag-theme-balham .in-time.editable {
  box-shadow: 0px -2px 0px inset #b7b7b2;
}

.map .mapping .map-with-form-sidbar.shapes.pickerOpen .storedShapes .main.Store .ag-theme-balham .ag-cell.zoneColumn.nonEditable {
  box-shadow: none;
}

.mappingUndoRedoControl {
  display: flex;
  flex-direction: column;
}

.mappingUndoRedoButton {
  background: #fff;
  border: 0;
  border-bottom: 1px solid #ccc;
  color: #222;
  cursor: pointer;
  font-size: 11px;
  font-weight: 600;
  height: 26px;
  line-height: 24px;
  min-width: 40px;
  padding: 0 6px;
}

.mappingUndoRedoButton:last-child {
  border-bottom: 0;
}

.mappingUndoRedoButton:disabled {
  color: #999;
  cursor: not-allowed;
  opacity: 0.55;
}

.mappingUndoRedoButton:not(:disabled):hover {
  background: #f4f4f4;
}

.bp6-portal .bp6-dialog.shapeEditMode {
  width: 35%; 
}

.map .map-with-form-sidbar .storedShapes .bp6-popover-target.assignTooltip {
  width: inherit;
  float: right;
}

.map .map-with-form-sidbar .storedShapes .bp6-popover-target.assignTooltip .bp6-icon.bp6-icon-property {
  color: black;
}

.bp6-overlay-open .bp6-portal .bp6-dialog.zoneTypeSelector {
  width: 25%;
  height: 400px;
}

.bp6-overlay-open .bp6-portal .bp6-dialog.zoneTypeUpdator {
  width: 25%;
  height: 300px;
}

.bp6-overlay-open .bp6-portal .bp6-dialog.zoneTypeSelector.extendHeight {
  width: 25%;
  height: 500px;
}

.bp6-overlay-open .bp6-portal .bp6-dialog.zoneTypeUpdator .bp6-dialog-body {
  height: 75%;
}

.bp6-overlay-open .bp6-portal .bp6-dialog.zoneTypeSelector .zoneTypeSelector.content,
.bp6-overlay-open .bp6-portal .bp6-dialog.zoneTypeUpdator .zoneTypeUpdator.content {
  height: 100%;
}

.bp6-overlay-open .bp6-portal .bp6-dialog.zoneTypeSelector .zoneTypeSelector.content .main,
.bp6-overlay-open .bp6-portal .bp6-dialog.zoneTypeUpdator .zoneTypeUpdator.content .main {
  height: 95%;
}

.bp6-overlay-open .bp6-portal .bp6-dialog.zoneTypeSelector .zoneTypeSelector.content .main .radioGroup {
  height: 45%;
  float: left;
  width: inherit;
  border-bottom: gray;
  border-bottom-style: solid;
  margin-bottom: 10px;
}

.bp6-overlay-open .bp6-portal .bp6-dialog.zoneTypeSelector .zoneTypeSelector.content.extendHeightBody .main .radioGroup {
  height: 30%;
  float: left;
  width: inherit;
  border-bottom: gray;
  border-bottom-style: solid;
  margin-bottom: 5px;
}

.bp6-overlay-open .bp6-portal .bp6-dialog.zoneTypeSelector .zoneTypeSelector.content .main .radioGroup .bp6-label {
  font-weight: bold;
  padding-bottom: 10px;
}

.bp6-overlay-open .bp6-portal .bp6-dialog.zoneTypeSelector .zoneTypeSelector.content .main .textInput {
  height: 45%;
  float: left;
  width: inherit;
}

.bp6-overlay-open .bp6-portal .bp6-dialog.zoneTypeSelector .zoneTypeSelector.content.extendHeightBody .main .nameInput {
  height: 20%;
  float: left;
  width: inherit;
  padding-top: 10px;
  border-bottom: gray;
  border-bottom-style: solid;
}

.bp6-overlay-open .bp6-portal .bp6-dialog.zoneTypeSelector .zoneTypeSelector.content.extendHeightBody .main .textInput {
  height: 40%;
  float: left;
  width: inherit;
  padding-top: 20px;
}

.bp6-overlay-open .bp6-portal .bp6-dialog.zoneTypeSelector .zoneTypeSelector.content .main .textInput .zoneTextInput {
  height: 85% !important;
  width: 95% !important;
}

.bp6-overlay-open .bp6-portal .bp6-dialog.zoneTypeSelector .zoneTypeSelector.content .main .nameInput .zoneTextInput {
  height: 40px !important;
  width: 50% !important;
}

.bp6-overlay-open .bp6-portal .bp6-dialog.zoneTypeSelector .zoneTypeSelector.content .main .textInput .zoneTextInput {
  height: 85% !important;
  width: 95% !important;
}

.bp6-overlay-open .bp6-portal .bp6-dialog.zoneTypeUpdator .zoneTypeUpdator.content .main .textInput .zoneTextInput {
  height: 40px !important;
  width: 50% !important;
}

.bp6-overlay-open .bp6-portal .bp6-dialog.zoneTypeUpdator .zoneTypeUpdator.content .main .textInput .zoneTextInput.expandWidth {
  height: 85% !important;
  width: 95% !important;
}


.bp6-overlay-open .bp6-portal .bp6-dialog.zoneTypeSelector .zoneTypeSelector.content .footerSave,
.bp6-overlay-open .bp6-portal .bp6-dialog.zoneTypeUpdator .zoneTypeUpdator.content .footerSave {
  height: 5%;
}

.bp6-overlay-open .bp6-portal .bp6-dialog.zoneTypeSelector .zoneTypeSelector.content .footerSave .bp6-button-group,
.bp6-overlay-open .bp6-portal .bp6-dialog.zoneTypeUpdator .zoneTypeUpdator.content .footerSave .bp6-button-group {
  padding-top: 15px;
  margin-left: 24%;
  align-content: center;
}

@media screen and (max-width: 1550px) and (min-width: 1441px) {
  .bp6-overlay-open .bp6-portal .bp6-dialog.zoneTypeSelector .zoneTypeSelector.content .footerSave .bp6-button-group,
  .bp6-overlay-open .bp6-portal .bp6-dialog.zoneTypeUpdator .zoneTypeUpdator.content .footerSave .bp6-button-group {
    margin-left: 20%;
  }
}

@media screen and (max-width: 1285px) and (min-width: 1090px) {
  .bp6-overlay-open .bp6-portal .bp6-dialog.zoneTypeSelector .zoneTypeSelector.content .footerSave .bp6-button-group,
  .bp6-overlay-open .bp6-portal .bp6-dialog.zoneTypeUpdator .zoneTypeUpdator.content .footerSave .bp6-button-group {
    margin-left: 17%;
  }
}

.bp6-portal .bp6-dialog.storedShapes .ag-selection-checkbox,
.bp6-overlay-open .bp6-portal .bp6-dialog.zoneTypeSelector .zoneTypeSelector.content .ag-selection-checkbox {
  padding-bottom: 10px;
}

.map .mapping .map-with-form-sidbar.shapes.pickerOpen .ag-editable-grid.ag-theme-balham .projectHeader {
  margin-left: 43%;
}

.map .mapping .map-with-form-sidbar.shapes.pickerOpenHeader .ag-editable-grid.ag-theme-balham .projectHeader {
  margin-left: 43%;
  padding-bottom: 13px;
}

.map .mapping .map-with-form-sidbar.shapes.pickerOpen .storedShapes .ag-theme-balham .headerSuggestPopover {
  width: 100%;
}

.map .mapping .map-with-form-sidbar.shapes.pickerOpen .storedShapes .ag-theme-balham .assignAllParent {
  width: 100%;
}

.map .mapping .map-with-form-sidbar.shapes.pickerOpen .storedShapes .ag-theme-balham .assignAllParent .name {
  width: 40%;
  float: left;
  margin-top: 10px;
}

.map .mapping .map-with-form-sidbar.shapes.pickerOpen .storedShapes .ag-theme-balham .assignAllParent .assignAllDiv {
  float: left;
}

.map .mapping .map-with-form-sidbar.shapes.pickerOpen .storedShapes .ag-theme-balham .assignAllParent .assignAllDiv .assignAllButton {
  float: right;
}

.map .mapping .map-with-form-sidbar.shapes.pickerOpen .storedShapes .ag-theme-balham .zoneRangeHeader {
  align-items: center;
  display: flex;
  gap: 8px;
  height: 100%;
  justify-content: center;
  width: 100%;
}

.map .mapping .map-with-form-sidbar.shapes.pickerOpen .storedShapes .ag-theme-balham .zoneRangeHeaderName {
  font-weight: 600;
}

.zoneRangeHeaderPopover .zoneRangePopover {
  padding: 8px;
  width: 190px;
}

.map .mapping .map-with-form-sidbar.shapes.pickerOpen .storedShapes .ag-theme-balham .autocomplete {
  width: inherit;
}

.map .mapping .map-with-form-sidbar.shapes.pickerOpen .storedShapes .ag-theme-balham .autocomplete .bp6-menu {
  width: inherit;
}

/* Custom CSS for transparent tooltip */
.map .mapping .transparent-tooltip {
    background-color: transparent !important; /* Make background fully transparent */
    border: none !important; /* Remove any border */
    box-shadow: none !important; /* Remove any shadow */
    pointer-events: none; /* Make tooltip non-interactive, so clicks go through to marker */
    /* If you want the text to be a specific color, define it here: */
    color: black; /* Or white, or any color you prefer for the text */
    font-weight: bold; /* Example: make text bold */
    font-size: 14px; /* Example: adjust font size */
}

/* Hide the tooltip's arrow/pointer if present */
.map .mapping .transparent-tooltip .leaflet-tooltip-tip {
    display: none !important;
}

.map .mapping .pointsButtons {
  margin-left: 0px;
}

.map .mapping .main.Points .header {
  background-color: #f5f7f7;
  border: 1px solid #cdcdcd;
}

.map .mapping .main.Points .header h4 {
  width: 100%;
  color: rgba(0, 0, 0, 0.54);
  font-size: 12px;
  font-weight: 600;
  height: 32px;
  text-align: center;
  padding: 15px;
}

.map .mapping .main.Points .options {
  width: 100%;
  border: 1px solid #cdcdcd;
}

.map .mapping .main.Points .options > div {
  float: left;
  background-color: #f5f7f7;
}

.map .mapping .main.Points .options > div h6 {
  color: rgba(0, 0, 0, 0.54);
  font-size: 12px;
  font-weight: 600;
  height: 24px;
  text-align: center;
  padding: 10px;
  align-items: center;
  justify-content: center;   
  display: block;
  width: 100%;
}

.map .mapping .main.Points .bp6-form-group.bp6-inline .bp6-input-group {
  padding: 0;
  width: 100px;
  float: left;
  margin-bottom: 0;
}

.map .mapping .main.Points .main.Points .options {

}

.map .mapping .main.Points .options .points,
.map .mapping .main.Points .options .alignment,
.map .mapping .main.Points .options .auto-merge {
  padding: 0 10px;
}

.map .mapping .main.Points .options .points {
  margin-left: 0;
  padding-left: 0;
}

.map .mapping .main.Points .options .fieldGroups,
.map .mapping .main.Points .map-with-form-sidbar .options .fieldGroups {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  flex: 1 1 auto !important;
  align-self: stretch;
  height: 100% !important;
  min-height: 0;
  gap: 0 10px;
  align-items: stretch;
  justify-content: space-between;
  overflow: hidden;
}

.map .mapping .main.Points .options .fieldGroups > .points,
.map .mapping .main.Points .options .fieldGroups > .alignment,
.map .mapping .main.Points .options .fieldGroups > .numbering,
.map .mapping .main.Points .map-with-form-sidbar .options .fieldGroups > .points,
.map .mapping .main.Points .map-with-form-sidbar .options .fieldGroups > .alignment,
.map .mapping .main.Points .map-with-form-sidbar .options .fieldGroups > .numbering {
  float: none !important;
  width: auto !important;
  flex: 1 1 0 !important;
  height: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box;
  overflow-y: auto;
}

.map .mapping .main.Points .options .fieldGroups > .numbering,
.map .mapping .main.Points .map-with-form-sidbar .options .fieldGroups > .numbering {
  flex: 1 1 0 !important;
}

.map .mapping .main.Points .options .fieldGroups > .points,
.map .mapping .main.Points .map-with-form-sidbar .options .fieldGroups > .points {
  flex: 1.45 1 0 !important;
}

.map .mapping .main.Points .points .layoutMetrics {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  gap: 6px;
  width: 100%;
  align-items: start;
}

.map .mapping .main.Points .points .layoutMetrics > .bp6-form-group {
  flex: 0 0 auto !important;
  width: 100% !important;
  min-width: 0 !important;
  margin-bottom: 0;
}

.map .mapping .main.Points .points .layoutMetrics .bp6-form-group.bp6-inline {
  margin-bottom: 4px;
}

.map .mapping .main.Points .points .layoutMetrics .bp6-form-group.bp6-inline .bp6-form-content {
  gap: 6px;
}

.map .mapping .main.Points .points .layoutMetrics > .bp6-form-group:last-child {
  flex: 0 0 auto !important;
}

.map .mapping .main.Points .options .points h5 {
  float: left;
  padding: 8px 20px 4px 20px;
}

.map .mapping .main.Points .bp6-form-group.bp6-inline {
  float: left;
  margin-bottom: 10px;
}

.map .mapping .main.Points .alignment .bp6-input-group,
.map .mapping .main.Points .auto-merge .bp6-input-group {
  margin: 1px 0;
  margin-bottom: 11px;
}

.map .mapping .main.Points .bp6-form-group.bp6-inline .bp6-label {
    padding: 2px 0 0 15px;
    width: 120px;
}

.map .mapping .main.Points .alignment .bp6-form-group.bp6-inline .bp6-label {
    width: 100px;
}

.map .mapping .main.Points .alignment .bp6-button .bp6-icon {
  margin: 1px 1px 1px 2px;
}

.map .mapping .main.Points .type .bp6-radio-group {
    float: left;
    padding: 7px 0px 8px 28px;
}

.map .mapping .main.Points .type .bp6-radio {
    float: left;
    width: 90px;
}

.map .mapping .main.Points .options .bp6-checkbox {
    float: left;
    margin: 8px 0 8px 10px;
}

.map .mapping .main.Points .options .direction {
  padding-right: 30px;
}

.map .mapping .main.Points .options {
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgb(245, 247, 247);
}

.map .mapping .main.Points .options .actions {
    padding: 32px 15px 12px 15px;
}

.map .mapping .main.Points .auto-merge .bp6-input-group {
  width: 100px;
}

.map .mapping .points {
  width: 350px;
}

.map .mapping .numbering {
  width: 280px;
}

.map .mapping .main.Points .type {
  width: 130px;
}

.map .mapping .map-with-form-sidbar .alignment,
.map .mapping .map-with-form-sidbar .type,
.map .mapping .map-with-form-sidbar .auto-merge,
.map .mapping .map-with-form-sidbar .actions {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 118px;
}

.map .mapping .type .bp6-radio:first-child {
  margin-bottom: 16px;
}

.map .mapping .type h6 {
  width: 100%;
}

.map .mapping .points .bp6-inline .bp6-label {
  width: 120px;
}

.map .mapping .numbering .bp6-inline .bp6-label {
  width: 120px;
}

.map .mapping .type .bp6-radio {
  margin: 8px 0;
}

.map .mapping .main.Points .type .bp6-radio-group {
  padding-top: 0;
}

.map .mapping .main.Points .auto-merge .bp6-input-group {
  padding-top: 0;
}

.map .mapping .main.Points .bp6-input-group {
    width: 100px;
}

.map .mapping .main.Points .bp6-input-group input {
    height: 30px;
}

.map .mapping .main.Points .options > div {
    border-right: 1px solid #cdcdcd;
}

.map .mapping .main.Points .options > div:last-child {
  border-right: none;
}

.map .mapping .options .actions .hierarchyStatus.bp6-popover-target  {
    width: 50px;
}

.map .mapping .map-with-form-sidbar.shapes.pickerOpen .storedShapes .ag-theme-balham .ag-header-cell-comp-wrapper > div {
  width: inherit;
}

.map .mapping .map-with-form-sidbar.shapes.pickerOpen .storedShapes .ag-theme-balham .bp6-popover-target {
  width: inherit;
}

.map .mapping .map-with-form-sidbar.shapes.pickerOpen .storedShapes .ag-theme-balham .assignAllTooltip.bp6-popover-target .bp6-button {
  width: 150px;
}

.map .mapping .map-with-form-sidbar.shapes .leaflet-pm-action.action-freehand-line {
  display: none;
}

.bp6-overlay-open .bp6-popover.storedBulkFill {
  width: 300px;
}

.bp6-overlay-open .bp6-popover.storedBulkFill .storedBulkFillText {
  height: 30px;
}

.bp6-overlay-open .bp6-popover.storedBulkFill .storedBulkFillText .bp6-input {
  height: inherit;
}

.bp6-overlay-open .bp6-popover.storedBulkFill .bp6-button {
  width: 49%;
  margin-left: 2px;
}

.map .mapping .map-with-form-sidbar.shapes.pickerOpen.Create .storedShapes .ag-center-cols-viewport {
  overflow-y: visible !important;
}

.map .mapping .shapes.pickerOpen .storedShapes .main.Verify .header {
  height: 32px;
  width: 100%;
  background-color: rgb(245, 247, 247);
  border-bottom-color: rgb(189, 195, 199);
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.map .mapping .shapes.pickerOpen .storedShapes .main.Verify .header .headerSpan {
  margin-left: 43%;
  padding-top: 8px;
  color: rgba(0, 0, 0, 0.54);
  font-size: 12px;
  font-weight: 600;
}

.map .mapping .shapes.pickerOpen .storedShapes .main.Verify .buttonHolder {
  width: 100%;
  height: 32px;
  background-color: rgb(245, 247, 247);
  border-bottom-color: rgb(189, 195, 199);
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.map .mapping .shapes.pickerOpen .storedShapes .main.Verify .buttonHolder .createShapesButtons.Verify {
  padding: 0px 10px 0px 10px;
}

.map .mapping .shapes.pickerOpen .storedShapes .main.Verify .buttonHolder .createShapesButtons.Verify .goBack {
  width: 125px;
}

.map .mapping .shapes.pickerOpen .storedShapes .main.Verify .verifyBody {
  height: calc(100% - 32px);
}

.map .mapping .shapes.pickerOpen .storedShapes .main.Verify .verifyBody .verifyTable {
  height: inherit;
  width: 50%;
  float: left;
}

.map .mapping .shapes.pickerOpen .storedShapes .main.Verify .verifyBody .verifyTextual {
  height: inherit;
  width: 50%;
  float: left;
  padding-left: 10px;
  overflow-y: auto;
}

.map .mapping .shapes.pickerOpen .storedShapes .main.Verify .verifyBody .verifyTextual .treeData {
  height: 100%;
  width: 100%;
  float: left;
}

.map .mapping .shapes.pickerOpen .storedShapes .main.Verify .verifyBody .verifyTextual .treeData.splitWidth {
  width: 50%;
}

.map .mapping .shapes.pickerOpen .storedShapes .main.Verify .verifyBody .verifyTextual .specialCases {
  height: 0%;
  width: 0%;
  float: left;
}

.map .mapping .shapes.pickerOpen .storedShapes .main.Verify .verifyBody .verifyTextual .specialCases.splitWidth {
  height: 100%;
  width: 50%;
  float: left;
  padding-left: 10px;
}

.map .mapping .shapes.pickerOpen .storedShapes .main.Verify .verifyBody .verifyTextual .farmData {
  padding-top: 10px;
  height: 25%;
}

.map .mapping .shapes.pickerOpen .storedShapes .main.Verify .verifyBody .verifyTextual .treeData.splitWidth .farmData {
  height: 28%;
}

.map .mapping .shapes.pickerOpen .storedShapes .main.Verify .verifyBody .verifyTextual .fieldData {
  height: 25%;
  padding-top: 5px;
}

.map .mapping .shapes.pickerOpen .storedShapes .main.Verify .verifyBody .verifyTextual .treeData.splitWidth .fieldData {
  height: 28%;
}

.map .mapping .shapes.pickerOpen .storedShapes .main.Verify .verifyBody .verifyTextual .zoneData {
  height: 50%;
  padding-top: 5px;
}

.map .mapping .shapes.pickerOpen .storedShapes .main.Verify .verifyBody .verifyTextual .specialCases.splitWidth .boundaryText {
  padding-top: 10px;
  height: 25%;
}

.map .mapping .shapes.pickerOpen .storedShapes .main.Verify .verifyBody .verifyTextual .specialCases.splitWidth .fieldEntrances {
  height: 25%;
  padding-top: 5px;
}

.map .mapping .shapes.pickerOpen .storedShapes .main.Verify .verifyBody .verifyTextual .specialCases.splitWidth .hazards {
  height: 25%;
  padding-top: 5px;
}

.map .mapping .shapes.pickerOpen .storedShapes .main.Verify .verifyBody .verifyTextual .specialCases.splitWidth .catchAll {
  height: 25%;
  padding-top: 5px;
}

.map .mapping .shapes.pickerOpen .storedShapes .main.Verify .verifyBody .verifyTextual .farmData .finalizedData,
.map .mapping .shapes.pickerOpen .storedShapes .main.Verify .verifyBody .verifyTextual .fieldData .finalizedData,
.map .mapping .shapes.pickerOpen .storedShapes .main.Verify .verifyBody .verifyTextual .zoneData .finalizedData:last-of-type,
.map .mapping .shapes.pickerOpen .storedShapes .main.Verify .verifyBody .verifyTextual .specialCases.splitWidth .boundaryText .finalizedData,
.map .mapping .shapes.pickerOpen .storedShapes .main.Verify .verifyBody .verifyTextual .specialCases.splitWidth .fieldEntrances .finalizedData,
.map .mapping .shapes.pickerOpen .storedShapes .main.Verify .verifyBody .verifyTextual .specialCases.splitWidth .hazards .finalizedData,
.map .mapping .shapes.pickerOpen .storedShapes .main.Verify .verifyBody .verifyTextual .specialCases.splitWidth .catchAll .finalizedData {
  border-bottom-color: rgb(189, 195, 199);
  border-bottom-style: solid;
}

.map .mapping .verifyHelpIcon .displayName {
  float: left;
}

.map .mapping .verifyHelpIcon .bp6-icon-help {
  color: #575b5e;
  float: left;
  margin-left: 10px;
  margin-top: 2px;
}

.map .mapping .bingMapDateCheckDiv {
  top: 30px;
  right: 20px;
  position: absolute;
  float: right;
  height: 32px;
  width: 150px;
  margin-top: -85px;
}

.map .mapping .bingMapDateCheckDiv .bingMapDateCheckButton {
  height: 32px;
  width: 150px;
}

.map .mapping .leaflet-bar.leaflet-control.shapeSelection {
  width: 48px;
  height: 115px;
}

.map .mapping .leaflet-bar.leaflet-control.shapeSelection .polygon {
  width: calc(100%);
  height: calc(100%/3);
}

.map .mapping .leaflet-bar.leaflet-control.shapeSelection .point {
  width: calc(100%);
  height: calc(100%/3);
}

.map .mapping .leaflet-bar.leaflet-control.shapeSelection .text {
  width: calc(100%);
  height: calc(100%/3);
}

.map .mapping .leaflet-bar.leaflet-control.shapeSelection .layerControl.active {
  background-color: rgb(161 201 226);
}

.map .mapping .custom-bp-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff8a;
  padding: 15px;
}

.map .mapping .custom-bp-icon .bp6-icon {
  font-size: 25px;
  margin-left: -5px;
  margin-top: -5px;
}

.map .mapping .map-plus-table .editing .editingPreferences {
  position: fixed;
  top: 60px;
  right: 170px;
}

.map .mapping .map-plus-table .editing .editingPreferences .editingPreferencesButton {
  width: 150px;
  height: 32px;
}

.bp6-portal .two-column.updateShapesAppearance {
  background-color: #ffffff;
}

.bp6-portal .two-column.updateShapesAppearance .bp6-dialog-body {
  height: 80%;
}

.bp6-portal .two-column.updateShapesAppearance .editingPreferencesCloseButton {
  width: 125px;
  height: 32px;
}

.bp6-portal .two-column.updateShapesAppearance .updateShapesAppearanceDialog {
  width: 100%;
  height: 85%;
  overflow-y: auto;
}

.bp6-portal .two-column.updateShapesAppearance .updateShapesAppearanceDialog .preview {
  height: 100px;
  width: 100%;
}

.bp6-portal .two-column.updateShapesAppearance .updateShapesAppearanceDialog .preview .headerTitle {
  height: 30px;
  width: 100%;
  font-weight: bolder;
  border-bottom: #7c7a7af7;
  border-bottom-style: solid;
  margin-bottom: 10px;
}

.bp6-portal .two-column.updateShapesAppearance .updateShapesAppearanceDialog .preview .previewBody {
  height: 60%;
  width: 100%;
}

.bp6-portal .two-column.updateShapesAppearance .updateShapesAppearanceDialog .preview .previewShape {
  height: 60px;
  width: 75%;
  margin-left: 12%;
  padding-top: 9px;
}

.bp6-portal .two-column.updateShapesAppearance .updateShapesAppearanceDialog .settings {
  height: 80%;
  width: 100%;
}

.bp6-portal .two-column.updateShapesAppearance .updateShapesAppearanceDialog .settings .headerTitle {
  height: 30px;
  width: 100%;
  font-weight: bolder;
  border-bottom: #7c7a7af7;
  border-bottom-style: solid;
  margin-bottom: 20px;
}

.bp6-portal .two-column.updateShapesAppearance .updateShapesAppearanceDialog .settings .outerValue {
  height: 35px;
  width: 90%;
  margin-bottom: 20px;
}

.bp6-portal .two-column.updateShapesAppearance .updateShapesAppearanceDialog .settings .outerValue.lineColor {
  height: 240px;
  margin-bottom: -10px;
}

.bp6-portal .two-column.updateShapesAppearance .updateShapesAppearanceDialog .settings .editTitle {
  float: left;
  margin-right: 25px;
  width: 175px;
}

.bp6-portal .two-column.updateShapesAppearance .updateShapesAppearanceDialog .settings .inputValue {
  float: left;
}

.bp6-portal .two-column.updateShapesAppearance .updateShapesAppearanceDialog .settings .outerValue div:first-of-type {
  width: 150px;
}

.bp6-portal .two-column.updateShapesAppearance .updateShapesAppearanceDialog .settings .outerValue .bp6-button-group {
  height: 32px;
}

.bp6-portal .two-column.updateShapesAppearance .updateShapesAppearanceDialog .settings .outerValue .bp6-button-group svg {
  margin-left: 4px;
}

.bp6-portal .two-column.updateShapesAppearance .updateShapesAppearanceDialog .settings .outerValue.fillOpacity .numericInput .bp6-input {
  position: relative;
  width: 100%;
  font-size: 14px;
}

.bp6-portal .two-column.updateShapesAppearance .updateShapesAppearanceDialog .settings .outerValue.polyColor .bp6-checkbox,
.bp6-portal .two-column.updateShapesAppearance .updateShapesAppearanceDialog .settings .outerValue.markerClick .bp6-checkbox {
  margin-left: 200px;
}

.bp6-portal .two-column.updateShapesAppearance .updateShapesAppearanceDialog .settings .outerValue .colorPickerHolder {
  float: left;
  margin-top: 30px;
}

.bp6-portal .two-column.updateShapesAppearance .updateShapesAppearanceDialog .settings .outerValue .colorPickerHolder .react-colorful {
  width: 150px;
  height: 150px;
}

.bp6-portal .two-column.updateShapesAppearance .updateShapesAppearanceDialog .settings .outerValue .colorPickerHolder .react-colorful .react-colorful__pointer {
  width: 28px !important;
}

.bp6-portal .two-column.updateShapesAppearance .updateShapesAppearanceDialog .settings .outerValue .colorPickerHolder .react-colorful .react-colorful__pointer-fill {
  width: 24px !important;
  height: 24px !important;
}

.bp6-portal .two-column.updateShapesAppearance .updateShapesAppearanceDialog .settings .iconHelper .bp6-icon {
  color: rgba(2, 19, 255, 0.829);
}

.bp6-portal .mapSettingsTooltip {
  width: 500px;
}

.bp6-portal .two-column.updateShapesAppearance .bp6-dialog-footer {
  border-top: #7c7a7af7;
  border-top-style: solid;
  border-top-width: 2px;
}

.bp6-portal .two-column.updateShapesAppearance .bp6-dialog-footer .bp6-dialog-footer-actions {
  margin-top: 15px;
}

.map .mapping .shapes .editing .AdvancedMode {
  position: absolute;
  bottom: 10px;
  left: 10px;
  margin-left: .5%;
  z-index: 700;
}

.map .mapping .shapes .editing .AdvancedMode .AdvancedModeButton {
  width: 30px; 
}


/* This will need to be re-enabled once we get the performance values put into the dialog window.  */
@media screen  and (max-width: 1550px) and (min-width: 1100px) {
  .map .mapping .shapes .editing .leaflet-control-container .leaflet-top.leaflet-left .leaflet-pm-toolbar .button-container a {
    width: 25px;
    height: 25px;
  }

  .map .mapping .shapes .editing .AdvancedMode .AdvancedModeButton {
    width: 25px; 
  }

  .bp6-portal .two-column.updateShapesAppearance .updateShapesAppearanceDialog .settings .outerValue.polyColor .bp6-checkbox {
    margin-top: 35px;
  }

}

.map .mapping .leaflet-control-geosearch {
    position: absolute;
    left: 45%;
    width: 215px;
}

/* This fixes the sampling screen when at higher resolutions. */
@media screen and (max-width: 1750px) and (min-width: 1575px) {
  .map .mapping .map-with-form-sidbar.shapes.pickerOpen.Points .map-plus-table.expand-width .storedShapes.content {
    height: auto;
  }

  .map .mapping .map-with-form-sidbar.shapes.pickerOpen .storedShapes.FullSize.ssPoints .main.Points {
    height: 100%;
  }

  .map .mapping .main.Points .header {
    height: 25px;
  }

  .map .mapping .main.Points .header h4 {
    height: 22px !important;
    padding: 5px !important;
  }
 
  .map .mapping .main.Points .options {
    height: 84%;
  }

  .map .mapping .main.Points .options.points {
    height: 88%;
    margin-top: -6px;
    width: 111%;
    margin-left: -86px;
  }

  .map .mapping .map-with-form-sidbar .alignment,
  .map .mapping .map-with-form-sidbar .type,
  .map .mapping .map-with-form-sidbar .auto-merge,
  .map .mapping .map-with-form-sidbar .actions,
  .map .mapping .map-with-form-sidbar .points,
  .map .mapping .map-with-form-sidbar .numbering {
    height: 94px;
    -webkit-transform: scale(0.90);
    transform: scale(0.90);
  }

  .map .mapping .map-with-form-sidbar .points,
  .map .mapping .map-with-form-sidbar .numbering,
  .map .mapping .map-with-form-sidbar .alignment {
    margin-top: -9px;
  }

  .map .mapping .map-with-form-sidbar .points > h6,
  .map .mapping .map-with-form-sidbar .numbering > h6,
  .map .mapping .map-with-form-sidbar .alignment > h6 {
    margin-top: -5px;
  }
}

@media screen and (max-width: 1550px) and (min-width: 1441px) {
  .map .mapping .map-with-form-sidbar.shapes.pickerOpen.Points .map-plus-table.expand-width {
    height: 90%;
  }

  .map .mapping .map-with-form-sidbar.shapes.pickerOpen.Points .map-plus-table.expand-width .storedShapes.content {
    height: auto;
  }

  .map .mapping .map-with-form-sidbar.shapes.pickerOpen .storedShapes.FullSize.ssPoints .main.Points {
    height: 102%;
  }

  .map .mapping .main.Points .header {
    height: 25px;
  }

  .map .mapping .main.Points .header h4 {
    height: 22px !important;
    padding: 5px !important;
  }
 
  .map .mapping .main.Points .options {
    height: 76%;
  }

  .map .mapping .main.Points .options.points {
    height: 82%;
    margin-top: -6px;
  }

  .map .mapping .map-with-form-sidbar .options.points .alignment,
  .map .mapping .map-with-form-sidbar .options.points .type,
  .map .mapping .map-with-form-sidbar .options.points .auto-merge,
  .map .mapping .map-with-form-sidbar .options.points .actions,
  .map .mapping .map-with-form-sidbar .options.points .points,
  .map .mapping .map-with-form-sidbar .options.points .numbering {
    height: 71px;
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }

  .map .mapping .map-with-form-sidbar .options.points .actions {
    -webkit-transform: scale(0.66);
    transform: scale(0.66);
  }


  .map .mapping .map-with-form-sidbar .points,
  .map .mapping .map-with-form-sidbar .numbering,
  .map .mapping .map-with-form-sidbar .alignment {
    margin-top: -8px;
  }

  .map .mapping .map-with-form-sidbar .options.points .points,
  .map .mapping .map-with-form-sidbar .options.points .alignment {
    width: 30%;
  }

  .map .mapping .map-with-form-sidbar .options.points .numbering {
    margin-left: -63px;
    margin-right: -60px;
  }

  .map .mapping .map-with-form-sidbar .points > h6,
  .map .mapping .map-with-form-sidbar .numbering > h6,
  .map .mapping .map-with-form-sidbar .alignment > h6 {
    margin-top: -14px;
  }
}

@media screen and (max-width: 1285px) and (min-width: 1090px) {
  .bp6-overlay-open .bp6-portal .bp6-dialog.zoneTypeSelector .zoneTypeSelector.content .footerSave .bp6-button-group {
    height: 16%;
  }

  .map .mapping .map-with-form-sidbar.shapes.pickerOpen .storedShapes.FullSize.ssPoints .main.Points {
    height: 95%;
  }

  .map .mapping .map-with-form-sidbar.shapes.pickerOpen.Points .map-plus-table.expand-width {
    height: 90%;
  }

  .map .mapping .map-with-form-sidbar.shapes.pickerOpen.Points .map-plus-table.expand-width .storedShapes.content {
    height: auto;
  }

  .map .mapping .main.Points .header {
    height: 29px;
  }

  .map .mapping .main.Points .header h4 {
    height: 26px !important;
    padding: 7px !important;
  }

  .map .mapping .main.Points .options {
    height: 87%;
  }

  .map .mapping .map-with-form-sidbar .alignment,
  .map .mapping .map-with-form-sidbar .type,
  .map .mapping .map-with-form-sidbar .auto-merge,
  .map .mapping .map-with-form-sidbar .actions,
  .map .mapping .map-with-form-sidbar .points,
  .map .mapping .map-with-form-sidbar .numbering {
    height: 103px;
    /* -webkit-transform: scale(0.90);
    transform: scale(0.90); */
  }

  .map .mapping .map-with-form-sidbar .points,
  .map .mapping .map-with-form-sidbar .numbering,
  .map .mapping .map-with-form-sidbar .alignment {
    margin-top: -9px;
  }

  .map .mapping .map-with-form-sidbar .points > h6,
  .map .mapping .map-with-form-sidbar .numbering > h6,
  .map .mapping .map-with-form-sidbar .alignment > h6 {
    margin-top: -5px;
  }

}
/** End Sampling Screen Fixes */

.map .mapping .map-with-form-sidbar.shapes.pickerOpen .hideMappingWizardTools {
  z-index: 999;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #777a;
  top: 84px;
}

.map .mapping .map-with-form-sidbar .leaflet-control-scale.leaflet-control,
.map .mapping .map-with-form-sidbar .leaflet-control-scale.leaflet-control .leaflet-control-scale-line,
.surveyorApp .leaflet-control-scale.leaflet-control,
.surveyorApp .leaflet-control-scale.leaflet-control .leaflet-control-scale-line {
  max-width: 300px;
}

.map .mapping .map-with-form-sidbar.shapes.pickerOpen.OverlapGap .ag-theme-balham .ag-row-selected {
  border: black;
  border-style: solid;
}

.map .leaflet-marker-icon .pm-textarea,
.surveyorApp .leaflet-marker-icon .pm-textarea {
  background-color: #ffffff00 !important;
}

.map .leaflet-marker-icon .pm-textarea.active,
.surveyorApp .leaflet-marker-icon .pm-textarea.active,
.map .leaflet-marker-icon .pm-textarea.pm-hasfocus,
.surveyorApp .leaflet-marker-icon .pm-textarea.pm-hasfocus {
  background-color: #fff !important;
}

.map .shapes.pickerOpenHeader .leaflet-pm-toolbar .button-container .punchCut {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBVcGxvYWRlZCB0bzogU1ZHIFJlcG8sIHd3dy5zdmdyZXBvLmNvbSwgR2VuZXJhdG9yOiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAzNiAzNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgYXJpYS1oaWRkZW49InRydWUiIHJvbGU9ImltZyIgY2xhc3M9Imljb25pZnkgaWNvbmlmeS0tdHdlbW9qaSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCI+PHBhdGggZmlsbD0iIzViNWI1YiIgZD0iTTI2LjA5MyA0LjYxMmMtLjQ5OC40OTgtLjYyOS44MzktLjcyOCAxLjAyOWMtLjY2IDEuMjY2LTEuNDU1IDEuNjc2LTIuNzguMzUxYy0uMTMtLjEzLTQuMDg3LTQuMjY3LTQuNzQxLTUuMDE3Yy0uNDI3LS40OS0xLjA4MS0uNjQtMS41ODQtLjI2MmMtLjM4LjI4Ni00LjAzNSAzLjI3My01LjAzNSA0LjUwN2MtLjc3NC45NTUtLjggMi4xMzQtLjA3OSAyLjg1NmMuMzI2LjMyNi43MjcuNDQ5IDEuMTUxLjU3OGMuNTUyLjE2OSAxLjc2My4wNjggMi40Ny43NzVjMS4xMzMgMS4xMzMuNTQgMi45MjQtLjkxNyA0LjQyMWMtMS40OTcgMS40NTctMy4yODggMi4wNS00LjQyMS45MTdjLS43MDgtLjcwOC0uNjA2LTEuOTE4LS43NzUtMi40N2MtLjEyOS0uNDI0LS4yNTItLjgyNC0uNTc4LTEuMTUxYy0uNzIxLS43MjEtMS45LS42OTQtMi44NTYuMDc5Yy0xLjIzNSAxLTQuMjIxIDQuNjU1LTQuNTA3IDUuMDM1Yy0uMzc5LjUwMy0uMjI4IDEuMTU2LjI2MiAxLjU4NGMuNzUuNjU0IDQuODg3IDQuNjExIDUuMDE3IDQuNzQxYzEuMzI0IDEuMzI0LjkxNSAyLjEyLS4zNTEgMi43OGMtLjE5LjA5OS0uNTMuMjI5LTEuMDI5LjcyOGEzLjc0NCAzLjc0NCAwIDAgMCA1LjI5NSA1LjI5NWMuNDk4LS40OTguNjI5LS44MzkuNzI4LTEuMDI5Yy42Ni0xLjI2NiAxLjQ1NS0xLjY3NiAyLjc4LS4zNTFjLjEzLjEzIDQuMDg3IDQuMjY3IDQuNzQxIDUuMDE3Yy40MjcuNDkgMS4wODEuNjQgMS41ODQuMjYyYy4zOC0uMjg2IDQuMDM1LTMuMjczIDUuMDM1LTQuNTA3Yy43NzQtLjk1NS44LTIuMTM0LjA3OS0yLjg1NmMtLjMyNi0uMzI2LS43MjctLjQ0OS0xLjE1MS0uNTc4Yy0uNTUyLS4xNjktMS43NjMtLjA2OC0yLjQ3LS43NzVjLTEuMTMzLTEuMTMzLS41NC0yLjkyNC45MTctNC40MjFjMS40OTctMS40NTcgMy4yODgtMi4wNSA0LjQyMS0uOTE3Yy43MDguNzA4LjYwNiAxLjkxOC43NzUgMi40N2MuMTI5LjQyNC4yNTIuODI0LjU3OCAxLjE1MWMuNzIxLjcyMSAxLjkuNjk0IDIuODU2LS4wNzljMS4yMzUtMSA0LjIyMS00LjY1NSA0LjUwNy01LjAzNWMuMzc5LS41MDMuMjI4LTEuMTU2LS4yNjItMS41ODRjLS43NS0uNjU0LTQuODg3LTQuNjExLTUuMDE3LTQuNzQxYy0xLjMyNC0xLjMyNC0uOTE1LTIuMTIuMzUxLTIuNzhjLjE5LS4wOTkuNTMtLjIyOSAxLjAyOS0uNzI4YTMuNzQ0IDMuNzQ0IDAgMCAwLTUuMjk1LTUuMjk1eiI+PC9wYXRoPjwvc3ZnPg==);
  background-size: 18px 18px;
  background-repeat: no-repeat;
  background-position: center;
}

.surveyorApp .leaflet-pm-toolbar .button-container .punchCut {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBVcGxvYWRlZCB0bzogU1ZHIFJlcG8sIHd3dy5zdmdyZXBvLmNvbSwgR2VuZXJhdG9yOiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAzNiAzNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgYXJpYS1oaWRkZW49InRydWUiIHJvbGU9ImltZyIgY2xhc3M9Imljb25pZnkgaWNvbmlmeS0tdHdlbW9qaSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCI+PHBhdGggZmlsbD0iIzViNWI1YiIgZD0iTTI2LjA5MyA0LjYxMmMtLjQ5OC40OTgtLjYyOS44MzktLjcyOCAxLjAyOWMtLjY2IDEuMjY2LTEuNDU1IDEuNjc2LTIuNzguMzUxYy0uMTMtLjEzLTQuMDg3LTQuMjY3LTQuNzQxLTUuMDE3Yy0uNDI3LS40OS0xLjA4MS0uNjQtMS41ODQtLjI2MmMtLjM4LjI4Ni00LjAzNSAzLjI3My01LjAzNSA0LjUwN2MtLjc3NC45NTUtLjggMi4xMzQtLjA3OSAyLjg1NmMuMzI2LjMyNi43MjcuNDQ5IDEuMTUxLjU3OGMuNTUyLjE2OSAxLjc2My4wNjggMi40Ny43NzVjMS4xMzMgMS4xMzMuNTQgMi45MjQtLjkxNyA0LjQyMWMtMS40OTcgMS40NTctMy4yODggMi4wNS00LjQyMS45MTdjLS43MDgtLjcwOC0uNjA2LTEuOTE4LS43NzUtMi40N2MtLjEyOS0uNDI0LS4yNTItLjgyNC0uNTc4LTEuMTUxYy0uNzIxLS43MjEtMS45LS42OTQtMi44NTYuMDc5Yy0xLjIzNSAxLTQuMjIxIDQuNjU1LTQuNTA3IDUuMDM1Yy0uMzc5LjUwMy0uMjI4IDEuMTU2LjI2MiAxLjU4NGMuNzUuNjU0IDQuODg3IDQuNjExIDUuMDE3IDQuNzQxYzEuMzI0IDEuMzI0LjkxNSAyLjEyLS4zNTEgMi43OGMtLjE5LjA5OS0uNTMuMjI5LTEuMDI5LjcyOGEzLjc0NCAzLjc0NCAwIDAgMCA1LjI5NSA1LjI5NWMuNDk4LS40OTguNjI5LS44MzkuNzI4LTEuMDI5Yy42Ni0xLjI2NiAxLjQ1NS0xLjY3NiAyLjc4LS4zNTFjLjEzLjEzIDQuMDg3IDQuMjY3IDQuNzQxIDUuMDE3Yy40MjcuNDkgMS4wODEuNjQgMS41ODQuMjYyYy4zOC0uMjg2IDQuMDM1LTMuMjczIDUuMDM1LTQuNTA3Yy43NzQtLjk1NS44LTIuMTM0LjA3OS0yLjg1NmMtLjMyNi0uMzI2LS43MjctLjQ0OS0xLjE1MS0uNTc4Yy0uNTUyLS4xNjktMS43NjMtLjA2OC0yLjQ3LS43NzVjLTEuMTMzLTEuMTMzLS41NC0yLjkyNC45MTctNC40MjFjMS40OTctMS40NTcgMy4yODgtMi4wNSA0LjQyMS0uOTE3Yy43MDguNzA4LjYwNiAxLjkxOC43NzUgMi40N2MuMTI5LjQyNC4yNTIuODI0LjU3OCAxLjE1MWMuNzIxLjcyMSAxLjkuNjk0IDIuODU2LS4wNzljMS4yMzUtMSA0LjIyMS00LjY1NSA0LjUwNy01LjAzNWMuMzc5LS41MDMuMjI4LTEuMTU2LS4yNjItMS41ODRjLS43NS0uNjU0LTQuODg3LTQuNjExLTUuMDE3LTQuNzQxYy0xLjMyNC0xLjMyNC0uOTE1LTIuMTIuMzUxLTIuNzhjLjE5LS4wOTkuNTMtLjIyOSAxLjAyOS0uNzI4YTMuNzQ0IDMuNzQ0IDAgMCAwLTUuMjk1LTUuMjk1eiI+PC9wYXRoPjwvc3ZnPg==);
  background-size: 35px 35px;
  background-repeat: no-repeat;
  background-position: center;
}

.map .shapes.pickerOpenHeader .leaflet-pm-toolbar .button-container .vertexDeleteMask {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 36 36%27%3E%3Cpath fill=%27%235b5b5b%27 d=%27M6 7h24v3H6zm3 5h18l-1.4 17.2A3 3 0 0 1 22.61 32H13.4a3 3 0 0 1-2.99-2.8z%27/%3E%3Cpath fill=%27%23ffffff%27 d=%27M14 16h2v10h-2zm6 0h2v10h-2z%27/%3E%3Cpath fill=%27%235b5b5b%27 d=%27M13 5.5A2.5 2.5 0 0 1 15.5 3h5A2.5 2.5 0 0 1 23 5.5V7h-3V6h-4v1h-3z%27/%3E%3Cpath fill=%27none%27 stroke=%27%23d64541%27 stroke-width=%272.4%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 d=%27M7 24l7-6l5 4l9-8%27/%3E%3Ccircle cx=%277%27 cy=%2724%27 r=%271.8%27 fill=%27%23d64541%27/%3E%3Ccircle cx=%2714%27 cy=%2718%27 r=%271.8%27 fill=%27%23d64541%27/%3E%3Ccircle cx=%2719%27 cy=%2722%27 r=%271.8%27 fill=%27%23d64541%27/%3E%3Ccircle cx=%2728%27 cy=%2714%27 r=%271.8%27 fill=%27%23d64541%27/%3E%3C/svg%3E");
  background-size: 18px 18px;
  background-repeat: no-repeat;
  background-position: center;
}

.surveyorApp .leaflet-pm-toolbar .button-container .vertexDeleteMask {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 36 36%27%3E%3Cpath fill=%27%235b5b5b%27 d=%27M6 7h24v3H6zm3 5h18l-1.4 17.2A3 3 0 0 1 22.61 32H13.4a3 3 0 0 1-2.99-2.8z%27/%3E%3Cpath fill=%27%23ffffff%27 d=%27M14 16h2v10h-2zm6 0h2v10h-2z%27/%3E%3Cpath fill=%27%235b5b5b%27 d=%27M13 5.5A2.5 2.5 0 0 1 15.5 3h5A2.5 2.5 0 0 1 23 5.5V7h-3V6h-4v1h-3z%27/%3E%3Cpath fill=%27none%27 stroke=%27%23d64541%27 stroke-width=%272.4%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 d=%27M7 24l7-6l5 4l9-8%27/%3E%3Ccircle cx=%277%27 cy=%2724%27 r=%271.8%27 fill=%27%23d64541%27/%3E%3Ccircle cx=%2714%27 cy=%2718%27 r=%271.8%27 fill=%27%23d64541%27/%3E%3Ccircle cx=%2719%27 cy=%2722%27 r=%271.8%27 fill=%27%23d64541%27/%3E%3Ccircle cx=%2728%27 cy=%2714%27 r=%271.8%27 fill=%27%23d64541%27/%3E%3C/svg%3E");
  background-size: 35px 35px;
  background-repeat: no-repeat;
  background-position: center;
}

.map-shape-upload-control a {
  align-items: center;
  display: flex;
  justify-content: center;
}

.map-shape-upload-control svg {
  color: #333;
}

.content.mapping .bp6-button:not(.bp6-minimal):not(:disabled):not(.bp6-disabled),
.content.mapping span.bp6-button.bp6-button:not(.bp6-minimal):not(.bp6-disabled),
.bp6-portal .bp6-dialog.storedShapes .bp6-button:not(.bp6-minimal):not(:disabled):not(.bp6-disabled),
.bp6-portal .bp6-dialog.createShapes .bp6-button:not(.bp6-minimal):not(:disabled):not(.bp6-disabled),
.bp6-overlay-open .bp6-portal .bp6-dialog.zoneTypeSelector .bp6-button:not(.bp6-minimal):not(:disabled):not(.bp6-disabled),
.bp6-overlay-open .bp6-portal .bp6-dialog.zoneTypeUpdator .bp6-button:not(.bp6-minimal):not(:disabled):not(.bp6-disabled) {
  background-color: #F1B434 !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  color: #000 !important;
  border-radius: 10px !important;
  font-weight: 700;
}

.content.mapping .bp6-button:not(.bp6-minimal):not(:disabled):not(.bp6-disabled):hover,
.content.mapping .bp6-button:not(.bp6-minimal):not(:disabled):not(.bp6-disabled):active,
.content.mapping .bp6-button:not(.bp6-minimal):not(:disabled):not(.bp6-disabled):focus,
.content.mapping span.bp6-button.bp6-button:not(.bp6-minimal):not(.bp6-disabled):hover,
.content.mapping span.bp6-button.bp6-button:not(.bp6-minimal):not(.bp6-disabled):active,
.content.mapping span.bp6-button.bp6-button:not(.bp6-minimal):not(.bp6-disabled):focus,
.bp6-portal .bp6-dialog.storedShapes .bp6-button:not(.bp6-minimal):not(:disabled):not(.bp6-disabled):hover,
.bp6-portal .bp6-dialog.storedShapes .bp6-button:not(.bp6-minimal):not(:disabled):not(.bp6-disabled):active,
.bp6-portal .bp6-dialog.storedShapes .bp6-button:not(.bp6-minimal):not(:disabled):not(.bp6-disabled):focus,
.bp6-portal .bp6-dialog.createShapes .bp6-button:not(.bp6-minimal):not(:disabled):not(.bp6-disabled):hover,
.bp6-portal .bp6-dialog.createShapes .bp6-button:not(.bp6-minimal):not(:disabled):not(.bp6-disabled):active,
.bp6-portal .bp6-dialog.createShapes .bp6-button:not(.bp6-minimal):not(:disabled):not(.bp6-disabled):focus,
.bp6-overlay-open .bp6-portal .bp6-dialog.zoneTypeSelector .bp6-button:not(.bp6-minimal):not(:disabled):not(.bp6-disabled):hover,
.bp6-overlay-open .bp6-portal .bp6-dialog.zoneTypeSelector .bp6-button:not(.bp6-minimal):not(:disabled):not(.bp6-disabled):active,
.bp6-overlay-open .bp6-portal .bp6-dialog.zoneTypeSelector .bp6-button:not(.bp6-minimal):not(:disabled):not(.bp6-disabled):focus,
.bp6-overlay-open .bp6-portal .bp6-dialog.zoneTypeUpdator .bp6-button:not(.bp6-minimal):not(:disabled):not(.bp6-disabled):hover,
.bp6-overlay-open .bp6-portal .bp6-dialog.zoneTypeUpdator .bp6-button:not(.bp6-minimal):not(:disabled):not(.bp6-disabled):active,
.bp6-overlay-open .bp6-portal .bp6-dialog.zoneTypeUpdator .bp6-button:not(.bp6-minimal):not(:disabled):not(.bp6-disabled):focus {
  background-color: #F1B434 !important;
  background-image: none !important;
  color: #000 !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

.content.mapping .bp6-button:not(.bp6-minimal) .bp6-icon,
.bp6-portal .bp6-dialog.storedShapes .bp6-button:not(.bp6-minimal) .bp6-icon,
.bp6-portal .bp6-dialog.createShapes .bp6-button:not(.bp6-minimal) .bp6-icon,
.bp6-overlay-open .bp6-portal .bp6-dialog.zoneTypeSelector .bp6-button:not(.bp6-minimal) .bp6-icon,
.bp6-overlay-open .bp6-portal .bp6-dialog.zoneTypeUpdator .bp6-button:not(.bp6-minimal) .bp6-icon {
  color: #000 !important;
}

.content.mapping .bp6-button:not(.bp6-minimal) .bp6-icon svg,
.bp6-portal .bp6-dialog.storedShapes .bp6-button:not(.bp6-minimal) .bp6-icon svg,
.bp6-portal .bp6-dialog.createShapes .bp6-button:not(.bp6-minimal) .bp6-icon svg,
.bp6-overlay-open .bp6-portal .bp6-dialog.zoneTypeSelector .bp6-button:not(.bp6-minimal) .bp6-icon svg,
.bp6-overlay-open .bp6-portal .bp6-dialog.zoneTypeUpdator .bp6-button:not(.bp6-minimal) .bp6-icon svg {
  fill: #000 !important;
}

.shapes .map-overlay.no-data.shapes {
  height: 60%;
} 

.storeShapesButtons .bp6-button {
  margin-right: 10px;
}

.storedShapes .storeShapesButtons .viewingButtons > span {
  margin: 0 5px;
}

.storeShapesButtons .viewingButtons .hierarchyStatus .bp6-button span {
  padding-left: 5px;
}

.storedShapes .ag-root-wrapper .ag-header-row {
  margin-top: 2px;
}

.shpFileExport .bp6-button.bp6-intent-success,
.params .bp6-button.bp6-intent-primary {
  background-color: #F1B434 !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  color: #000 !important;
  border-radius: 10px !important;
  font-weight: 700;
}

.content.mapping .content-header .content-btns .bp6-button.manage-labels-desired-values-btn,
.content.mapping .content-header .content-btns .bp6-button.exisitingSpecialZonesButton,
.content.mapping .content-header .content-btns .bp6-popover-target > .bp6-button.manage-labels-desired-values-btn,
.content.mapping .content-header .content-btns .bp6-popover-target > .bp6-button.exisitingSpecialZonesButton,
.content.mapping .content-header .content-btns .bp6-popover-wrapper > .bp6-popover-target > .bp6-button.manage-labels-desired-values-btn,
.content.mapping .content-header .content-btns .bp6-popover-wrapper > .bp6-popover-target > .bp6-button.exisitingSpecialZonesButton {
  height: 48px;
  min-height: 48px;
}

.content.mapping .content-header .content-btns .applied-map-header-actions .bp6-button,
.content.mapping .content-header .content-btns .applied-map-header-actions .bp6-popover-target > .bp6-button,
.content.mapping .content-header .content-btns .applied-map-header-actions .bp6-popover-wrapper > .bp6-popover-target > .bp6-button {
  height: 48px;
  min-height: 48px;
}

/* The map-wide button rule uses !important; header dropdowns stay neutral on hover. */
.content.mapping .content-header .content-btns .applied-map-header-actions .applied-map-season-dropdown .sidebar-dropdown-button.bp6-button,
.content.mapping .content-header .content-btns .applied-map-header-actions .applied-map-season-dropdown .sidebar-dropdown-button.bp6-button:hover,
.content.mapping .content-header .content-btns .applied-map-header-actions .applied-map-season-dropdown .sidebar-dropdown-button.bp6-button:active,
.content.mapping .content-header .content-btns .applied-map-header-actions .applied-map-season-dropdown .sidebar-dropdown-button.bp6-button:focus {
  background-color: #fff !important;
  background-image: none !important;
  border-color: rgba(17, 20, 24, 0.12) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  color: #001d1d !important;
}

.bp6-portal.applied-map-season-menu .bp6-popover-content,
.bp6-portal .applied-map-season-menu .bp6-popover-content,
.bp6-popover.applied-map-season-menu .bp6-popover-content {
  border: 1px solid rgba(17, 20, 24, 0.12) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  overflow: hidden;
}

.bp6-portal.applied-map-season-menu .bp6-menu,
.bp6-portal .applied-map-season-menu .bp6-menu,
.bp6-popover.applied-map-season-menu .bp6-menu {
  border: 0 !important;
  border-radius: 0 !important;
}

.map .mapping .storedShapes .main.Points,
.map .mapping .map-with-form-sidbar.shapes.pickerOpen .storedShapes.FullSize.ssPoints .main.Points {
  height: 100% !important;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.map .mapping .main.Points .header {
  flex: 0 0 auto;
}

.map .mapping .main.Points .options,
.map .mapping .main.Points .options.points {
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
  height: auto !important;
  container-type: size;
  container-name: points-options;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 12px;
  padding: 12px;
  overflow-x: auto;
  overflow-y: hidden;
}

.map .mapping .main.Points .options > div,
.map .mapping .main.Points .options.points > div {
  float: none;
  flex: 1 1 auto;
  width: auto !important;
  min-width: 0;
  height: 294px !important;
  padding: 14px 16px !important;
  border: 1px solid #cdcdcd;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  overflow-y: auto;
}

.map .mapping .main.Points .options > .type,
.map .mapping .main.Points .options > .actions,
.map .mapping .main.Points .options.points > .type,
.map .mapping .main.Points .options.points > .actions {
  align-self: stretch;
  height: 100% !important;
  min-height: 0;
}

.map .mapping .main.Points .options > div h6,
.map .mapping .main.Points .options.points > div h6 {
  height: auto;
  min-height: 36px;
  margin: 0 0 12px;
  padding: 0;
  display: flex;
}

.map .mapping .main.Points .points,
.map .mapping .main.Points .numbering,
.map .mapping .main.Points .type,
.map .mapping .map-with-form-sidbar .alignment,
.map .mapping .map-with-form-sidbar .auto-merge,
.map .mapping .map-with-form-sidbar .actions {
  width: auto !important;
  min-width: 0;
  height: 294px !important;
}

.map .mapping .main.Points .options .bp6-form-group.bp6-inline {
  float: none;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  margin-bottom: 12px;
}

.map .mapping .main.Points .options .bp6-form-group.bp6-inline .bp6-label,
.map .mapping .main.Points .points .bp6-inline .bp6-label,
.map .mapping .main.Points .numbering .bp6-inline .bp6-label,
.map .mapping .main.Points .alignment .bp6-form-group.bp6-inline .bp6-label {
  width: 100%;
  padding: 0;
  margin-bottom: 6px;
}

.map .mapping .main.Points .options .bp6-form-group.bp6-inline .bp6-form-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

@container points-options (max-height: 320px) {
  .map .mapping .main.Points .options .bp6-form-group.bp6-inline,
  .map .mapping .main.Points .options.points .bp6-form-group.bp6-inline {
    flex-direction: row;
    align-items: flex-start;
    gap: 10px;
    padding-right: 5px;
  }

  .map .mapping .main.Points .options .bp6-form-group.bp6-inline .bp6-label,
  .map .mapping .main.Points .options.points .bp6-form-group.bp6-inline .bp6-label {
    flex: 0 0 112px;
    width: 112px;
    margin-bottom: 0;
    padding-top: 6px;
  }

  .map .mapping .main.Points .options .bp6-form-group.bp6-inline .bp6-form-content,
  .map .mapping .main.Points .options.points .bp6-form-group.bp6-inline .bp6-form-content {
    flex: 1 1 auto;
    min-width: 0;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
  }

  .map .mapping .main.Points .options .bp6-form-group.bp6-inline .bp6-input-group,
  .map .mapping .main.Points .options .bp6-form-group.bp6-inline .bp6-html-select,
  .map .mapping .main.Points .options.points .bp6-form-group.bp6-inline .bp6-input-group,
  .map .mapping .main.Points .options.points .bp6-form-group.bp6-inline .bp6-html-select {
    flex: 1 1 120px;
    min-width: 0;
  }
}

.map .mapping .main.Points .bp6-form-group.bp6-inline .bp6-input-group,
.map .mapping .main.Points .alignment .bp6-input-group,
.map .mapping .main.Points .auto-merge .bp6-input-group,
.map .mapping .main.Points .bp6-input-group,
.map .mapping .main.Points .options .bp6-html-select {
  float: none;
  width: 100% !important;
  margin: 0;
}

.map .mapping .main.Points .options .bp6-html-select select,
.map .mapping .main.Points .bp6-input-group input {
  width: 100%;
}

.map .mapping .main.Points .type .bp6-radio-group {
  float: none;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 0;
}

.map .mapping .main.Points .type .bp6-radio:first-child,
.map .mapping .main.Points .type .bp6-radio {
  width: 100%;
  margin: 0;
}

.map .mapping .main.Points .options .bp6-checkbox {
  float: none;
  margin: 0;
}

.map .mapping .main.Points .options .direction {
  padding-right: 0;
}

.map .mapping .main.Points .options .actions {
  padding: 14px 16px !important;
}

.map .mapping .main.Points .options .actions .bp6-button-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: auto;
  align-self: flex-start;
}

.map .mapping .main.Points .options .actions .bp6-button-group .bp6-button,
.map .mapping .main.Points .options .actions .bp6-button-group .bp6-popover-target,
.map .mapping .main.Points .options .actions .bp6-button-group .bp6-popover-target .bp6-button {
  width: auto;
  min-width: 140px;
  max-width: 100%;
}

.map .mapping .options .actions .hierarchyStatus.bp6-popover-target {
  width: auto;
}

.storeShapesButtons .bp6-popover-target {
  margin: 0 5px;
}

.storedShapes .storeShapesButtons .bp6-popover-target .bp6-button {
  background-color: #F1B434 !important;
  background-image: none !important;  
  color: #000;
}

.map .mapping .storeShapesButtons .bp6-button-group,
.map .mapping .viewShapesButtons .bp6-button-group,
.map .mapping .createShapesButtons .bp6-button-group,
.map .mapping .main.Points .options .actions .bp6-button-group,
.bp6-portal .bp6-dialog.storedShapes .footerSave .bp6-button-group,
.bp6-portal .bp6-dialog.createShapes .footerSave .bp6-button-group,
.bp6-overlay-open .bp6-portal .bp6-dialog.zoneTypeSelector .zoneTypeSelector.content .footerSave .bp6-button-group,
.bp6-overlay-open .bp6-portal .bp6-dialog.zoneTypeUpdator .zoneTypeUpdator.content .footerSave .bp6-button-group {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.map .mapping .storeShapesButtons .bp6-button-group > .bp6-button,
.map .mapping .storeShapesButtons .bp6-button-group > .bp6-popover-target > .bp6-button,
.map .mapping .storeShapesButtons .bp6-button-group > .bp6-popover-wrapper > .bp6-popover-target > .bp6-button,
.map .mapping .viewShapesButtons .bp6-button-group > .bp6-button,
.map .mapping .viewShapesButtons .bp6-button-group > .bp6-popover-target > .bp6-button,
.map .mapping .viewShapesButtons .bp6-button-group > .bp6-popover-wrapper > .bp6-popover-target > .bp6-button,
.map .mapping .createShapesButtons .bp6-button-group > .bp6-button,
.map .mapping .createShapesButtons .bp6-button-group > .bp6-popover-target > .bp6-button,
.map .mapping .createShapesButtons .bp6-button-group > .bp6-popover-wrapper > .bp6-popover-target > .bp6-button,
.map .mapping .main.Points .options .actions .bp6-button-group > .bp6-button,
.map .mapping .main.Points .options .actions .bp6-button-group > .bp6-popover-target > .bp6-button,
.map .mapping .main.Points .options .actions .bp6-button-group > .bp6-popover-wrapper > .bp6-popover-target > .bp6-button,
.bp6-portal .bp6-dialog.storedShapes .footerSave .bp6-button-group > .bp6-button,
.bp6-portal .bp6-dialog.storedShapes .footerSave .bp6-button-group > .bp6-popover-target > .bp6-button,
.bp6-portal .bp6-dialog.storedShapes .footerSave .bp6-button-group > .bp6-popover-wrapper > .bp6-popover-target > .bp6-button,
.bp6-portal .bp6-dialog.createShapes .footerSave .bp6-button-group > .bp6-button,
.bp6-portal .bp6-dialog.createShapes .footerSave .bp6-button-group > .bp6-popover-target > .bp6-button,
.bp6-portal .bp6-dialog.createShapes .footerSave .bp6-button-group > .bp6-popover-wrapper > .bp6-popover-target > .bp6-button,
.bp6-overlay-open .bp6-portal .bp6-dialog.zoneTypeSelector .zoneTypeSelector.content .footerSave .bp6-button-group > .bp6-button,
.bp6-overlay-open .bp6-portal .bp6-dialog.zoneTypeSelector .zoneTypeSelector.content .footerSave .bp6-button-group > .bp6-popover-target > .bp6-button,
.bp6-overlay-open .bp6-portal .bp6-dialog.zoneTypeSelector .zoneTypeSelector.content .footerSave .bp6-button-group > .bp6-popover-wrapper > .bp6-popover-target > .bp6-button,
.bp6-overlay-open .bp6-portal .bp6-dialog.zoneTypeUpdator .zoneTypeUpdator.content .footerSave .bp6-button-group > .bp6-button,
.bp6-overlay-open .bp6-portal .bp6-dialog.zoneTypeUpdator .zoneTypeUpdator.content .footerSave .bp6-button-group > .bp6-popover-target > .bp6-button,
.bp6-overlay-open .bp6-portal .bp6-dialog.zoneTypeUpdator .zoneTypeUpdator.content .footerSave .bp6-button-group > .bp6-popover-wrapper > .bp6-popover-target > .bp6-button {
  border-radius: 12px !important;
}

.map .mapping .storeShapesButtons .bp6-button-group > .bp6-button .bp6-button-text,
.map .mapping .storeShapesButtons .bp6-button-group > .bp6-popover-target > .bp6-button .bp6-button-text,
.map .mapping .storeShapesButtons .bp6-button-group > .bp6-popover-wrapper > .bp6-popover-target > .bp6-button .bp6-button-text,
.map .mapping .viewShapesButtons .bp6-button-group > .bp6-button .bp6-button-text,
.map .mapping .viewShapesButtons .bp6-button-group > .bp6-popover-target > .bp6-button .bp6-button-text,
.map .mapping .viewShapesButtons .bp6-button-group > .bp6-popover-wrapper > .bp6-popover-target > .bp6-button .bp6-button-text,
.map .mapping .createShapesButtons .bp6-button-group > .bp6-button .bp6-button-text,
.map .mapping .createShapesButtons .bp6-button-group > .bp6-popover-target > .bp6-button .bp6-button-text,
.map .mapping .createShapesButtons .bp6-button-group > .bp6-popover-wrapper > .bp6-popover-target > .bp6-button .bp6-button-text {
  font-weight: 700;
}
 
 .map-with-form-sidbar .form-body .row.active {
    background-color: #FCE8C2;
}

.map-with-form-sidbar.applied .ag-editable-grid .ag-layout-normal {
  border-radius: 0;
}

.map-with-form-sidbar.applied .notes,
.map-with-form-sidbar.applied .notes textarea {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  height: auto;
}

.map-with-form-sidbar.applied .notes {
  overflow: hidden;
}

.map-with-form-sidbar.applied .notes textarea {
  display: block;
  box-sizing: border-box;
}

.map-with-form-sidbar.applied .bp6-button {
  margin: 5px;
}

.rate-sidebar .controls .bp6-button-group:last-child .bp6-button {
  margin: 0 5px;
}

.sidebar-dropdown-control {
  margin-right: 10px;
}

.rate-sidebar .controls .bp6-button-group:last-child .bp6-popover-target .bp6-button {
  height: 30px;
  min-height: 30px;
}
/* MEMBER SERVICES */
html {
    background-color: #efefef;
}

a {
    color: rgb(16, 107, 163);
}

body {
    -webkit-font-smoothing: antialiased;
    color: #000;
    color: var(--ag-foreground-color, #000);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-size: 12px;
    line-height: normal;
}

body table {
    color: #212529;
    vertical-align: top;
    border: none;    
}

body > div > table:first-child {
    width: 750px;
    margin: 20px auto;
    padding: 20px;
    border: 1px solid #777;
    border-radius: 3px;
    box-shadow: 0px 1px 1px #333;
    background-color: white;
}

body table:first-child > tbody > tr > td {
    border: none;
}

body table:first-child > tbody > tr > td > form > table {
    border-bottom: 2px solid #777;
}

body table:first-child form {
    margin: 0;
}

body table:first-child > tbody > tr > td > form > table > tbody > tr {
}

body table:first-child tbody {
    
}

body table:first-child tr {
    
}

body table:first-child tr th {
    
}

body table:first-child th {
    
}

body table:first-child table:first-child tr td {
    width: 280px;
}

body table:first-child table:first-child tr td input, 
body table:first-child tr td select {
    width: calc(100% - 10px);
}

body table:first-child td {
    
}

body .web-member-samples > table {
    width: 50%;
    margin: 0 auto;
    border: 1px solid #777;
    padding: 10px;
    background-color: #fff;
}

input, 
select {
    height: 34px;
    font-size: 14px;
    padding: 5px 10px;
}

select option {
    height: 34px;
    font-size: 14px;
    padding: 5px 10px;
}

input[type="submit"],
input[type="reset"]{
    border-radius: 3px;
    height: 30px;
    font-size: 14px;
    font-stretch: 100%;
    font-weight: 400;
    box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
    border: none;
    cursor: pointer;
    padding: 0 10px;
}

input[type="submit"] {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
    background-color: rgb(19, 124, 189);
    color: #fff;
}

input[type="reset"] {
    background-color: #db3737;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0)));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
    -webkit-box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
    box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
    color: #ffffff;
}

input[type="reset"]:hover {
    background-color: #c23030;
    -webkit-box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
    box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
}

input[type="submit"]:hover {
    background-color: #106ba3;
    -webkit-box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
    box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
}

body table.bli-table {
    background-color: #f5f7f7;
    border-collapse: collapse;
    width: 100%;
}

body .bli-table tbody {
    border: 1px solid rgb(189, 195, 199);
}

body .bli-table tr {
    height: 31px;
    font-size: 12px;
}

body tr:nth-child(even) {
    background-color: #fff;
}

body .bli-table tr th {
    color: rgba(0,0,0,0.54);
    text-align: left;
    padding: 0 12px;
    border: 1px solid rgb(189, 195, 199);
    font-size: 12px;
    height: 32px;
    font-weight: 600;
    background-color: inherit;
    padding: 5px 10px;
}

body .bli-table tr th font {
    font-size: 12px;
    letter-spacing: 1px;
    text-size-adjust: 100%;
    text-overflow: ellipsis;
    text-align: start;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen;
    line-height: 24px;
}

body .bli-table th {
    
}

body .bli-table tr td {
    border-left-width: 0;
    border-right-width: 0;
    padding: 0 11px;
    text-align: left;
    background-color: inherit;
    vertical-align: middle;
    padding: 5px 10px;
    line-height: 24px;
}

body .bli-table td {
    
}

/* DOWNLOADS */
div.downloads table {
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #777;
    box-shadow: 0 1px 1px #333;
    width: calc(33% - 20px);
    float: left;
    margin: 10px;
    height: 410px;
}

div.downloads table td {
    padding: 10px;
}

div.downloads blockquote {
    margin-left: 0;
}

div.downloads blockquote blockquote div {
    margin: 0;
    text-align: left !IMPORTANT;
}


div.downloads blockquote font {
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,Icons16,sans-serif;
}

div.downloads a {
    color:  rgb(16, 107, 163);
    font-size: 16px;
    font-weight: 600;
    line-height: 20px
}

div.downloads ul li font {
    font-size: 14px;
}

div.downloads table:nth-child(1),
div.downloads table:nth-child(3),
div.downloads table:nth-child(5) {
    height: 340px;
}

div.downloads table:nth-child(5) {
    margin-top: -30px;
    height: 340px;
}

div.downloads table:nth-child(3) {
    margin-top: -10px;
    height: 340px;
}

div.downloads p {
    text-align: center;
}

div.downloads p font {
    font-size: 16px;
}

/* ORDERS */
table.bli-list tr {    
    width: calc(25% - 22px);
    min-width: 440px;
    float: left;
    margin: 10px;
    border: 1px solid #777;
    box-shadow: 1px 1px 1px #333;
    background-color: #efefef !IMPORTANT;
    border-radius: 3px;
}

table.bli-list tr:first-child {
    display: none;
}

table.bli-list tr td {
    float: left;
    padding: 5px;
    width: calc(50% - 10px);
    height: 100%;
}

table.bli-list tr td b {
    padding: 0 5px 0 0;
    /* display: block; */
}

table.bli-list tr td input[type="submit"] {
    margin: -10px 0 0 0;
    float: left;        
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
    background-color: rgb(19, 124, 189);
    color: #fff;
}

table.bli-list tr td input[type="submit"]:hover {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
    background-color: rgb(19, 124, 189);
}

table.bli-cart tr td input[type="submit"] {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
    background-color: rgb(19, 124, 189);
    color: #fff;
}

table.bli-cart tr td input[type="submit"]:hover {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
    background-color: rgb(19, 124, 189);
}

table.bli-list tr td:last-child {
    float: right;
}

table.bli-table tbody tr td input[type="submit"] {
    background-color: #0f9960;
    background-image: -webkit-gradient(linear,left top, left bottom,from(hsla(0,0%,100%,.1)),to(hsla(0,0%,100%,0)));
    background-image: linear-gradient(180deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,0));
    -webkit-box-shadow: inset 0 0 0 1px rgba(16,22,26,.4), inset 0 -1px 0 rgba(16,22,26,.2);
    box-shadow: inset 0 0 0 1px rgba(16,22,26,.4), inset 0 -1px 0 rgba(16,22,26,.2);
    color: #fff;
}

.member-services table:nth-child(1) tbody tr td {
    padding: 10px 0;
}

table:nth-child(1) font {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-size: 18px;
}

.member-services table:nth-child(3) tbody tr td input[type="submit"] {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
    background-color: rgb(19, 124, 189);
    color: #fff;
}

.member-services table:nth-child(3) tbody tr td:last-child {
    float:right;
}

.member-services table:nth-child(1) tbody tr td {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-size: 18px;
}

.member-services table:nth-child(2) table tbody tr td {
    padding: 10px 20px;
}

.member-services table:nth-child(2) table tbody tr td:first-child {
    width: 135px;
}

.member-services table:nth-child(2) table tbody tr td:last-child {
    width: calc(100% - 135px);
}

.member-services table:nth-child(2) table tbody tr td:last-child input {
    width: 100%;
}

.member-services table:nth-child(2) table:nth-child(1) tbody tr td:first-child,
.member-services table:nth-child(2) table:nth-child(3) tbody tr td:first-child,
.member-services table:nth-child(2) table:nth-child(5) tbody tr td:first-child {
    width: 135px;
}

caption table tr {
    background-color: #cdcdcd;
    border: 1px solid #333;
}

body > table:nth-child(1) {
    width: 100% !IMPORTANT;
}

body > table:nth-child(2) {
    width: 100% !IMPORTANT;
}

body .bli-table tr th h3 {
    margin: 0;
}

caption table {
    width: 100%;
    border: 1px solid #cecece;
    box-shadow: 1px 1px 1px #cecece;
}

caption h3 {
    margin: 0
}

.member-services table:nth-child(3) {
    width: 100% !IMPORTANT;
}

.member-services table:nth-child(3) tr {
    background-color: inherit;
}

table.form {
    background-color: #efefef;
}

body table.bli-form {
    margin: 20px auto;
    width: 900px !IMPORTANT;
    background-color: #fefefe;
    border: 1px solid #cecece;
    box-shadow: 1px 1px 1px #cecece;
    border-radius: 3px;
}

body table.bli-form table {
    width: 100%;
}

body table.bli-form table select {
    width: 100%;
}

body table.bli-form tr:nth-child(6) td {
    padding: 10px 25px;
}

body table.bli-form tr:nth-child(8) td {
    padding: 10px 25px;
}

body > table.bli-receipt {
    width: 700px !IMPORTANT;
    margin: 20px auto;
    border-spacing: unset;
    border: 1px solid #cecece;
    box-shadow: 1px 1px 1px #cecece;
    border-radius: 3px;
}

.bli-receipt tr {
    background-color: #fff;
    border: none;
}

.bli-table form input {
    margin: 5px;
}

.onboarding.content {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.onboarding.content > .content-body {
    flex: 1 1 auto;
    min-height: 0;
    padding: 10px 20px 12px;
    box-sizing: border-box;
}

.editing-step .spinner-container,
.verify-step .spinner-container {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 900;
    background-color: #fff6;
}

/* PROJECTS OVERLAY */
.onboarding .page-body {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

.open-projects.two-column .ag-theme-balham {
    height: 400px;
    width: calc(100% - 40px);
}

.open-projects.two-column .ag-theme-balham .ag-cell {
    outline: none;
    border: none !important;
    text-align: center;
}

.open-projects.two-column .ag-theme-balham .bp6-button {
    padding: 0px 10px;
    height: 18px;
    line-height: 18px;
    min-height: 18px;
    margin-bottom: 4px;
    outline: none;
}

.open-projects.two-column .ag-theme-balham .ag-center-cols-viewport .bp6-button.onboardingOpen {
    width: 53px;
}

.bp6-dialog.two-column.open-projects .ag-theme-balham .bp6-button.onboardingOpen {
    width: auto;
    min-width: 76px;
    height: 30px;
    min-height: 30px;
    margin: 0;
    padding: 0 12px;
    border: 1px solid rgba(17, 20, 24, 0.12);
    border-radius: 8px;
    background-image: none;
    box-shadow: none;
    font-weight: 700;
    line-height: 30px;
}

.bp6-dialog.two-column.open-projects .ag-theme-balham .bp6-button-group {
    gap: 8px;
}

.bp6-dialog.two-column.open-projects .ag-theme-balham .ag-cell.actions-cell,
.bp6-dialog.two-column.open-projects .ag-theme-balham .ag-cell.actions-cell .ag-cell-wrapper,
.bp6-dialog.two-column.open-projects .ag-theme-balham .ag-cell.actions-cell .ag-cell-value,
.bp6-dialog.two-column.open-projects .ag-theme-balham .ag-cell.actions-cell .ag-react-container {
    overflow: visible;
    text-overflow: clip;
}

.bp6-dialog.two-column.open-projects .ag-theme-balham .bp6-button.onboardingOpen.bp6-intent-primary,
.bp6-dialog.two-column.open-projects .ag-theme-balham .bp6-button.onboardingOpen.bp6-intent-primary:hover,
.bp6-dialog.two-column.open-projects .ag-theme-balham .bp6-button.onboardingOpen.bp6-intent-primary:active,
.bp6-dialog.two-column.open-projects .ag-theme-balham .bp6-button.onboardingOpen.bp6-intent-primary:focus {
    background-color: #F1B434;
    color: #001d1d !important;
}

.bp6-dialog.two-column.open-projects .ag-theme-balham .bp6-button.onboardingOpen.bp6-intent-danger,
.bp6-dialog.two-column.open-projects .ag-theme-balham .bp6-button.onboardingOpen.bp6-intent-danger:hover,
.bp6-dialog.two-column.open-projects .ag-theme-balham .bp6-button.onboardingOpen.bp6-intent-danger:active,
.bp6-dialog.two-column.open-projects .ag-theme-balham .bp6-button.onboardingOpen.bp6-intent-danger:focus {
    background-color: #C52F00;
    color: #fff !important;
}

.open-projects.two-column .ag-theme-balham .align-number {
    text-align: right;
}

.open-projects.two-column .ag-theme-balham .align-text {
    text-align: left;
}   

.automapper-step .bp6-intent-danger,
.editing-step .bp6-intent-danger {
    visibility: hidden;
}

.onboarding .content-header .content-btns .bp6-button.rollback-project-button,
.onboarding .content-header .content-btns .bp6-button.restart-project-button,
.onboarding .content-header .content-btns .bp6-button.rollback-project-button:hover,
.onboarding .content-header .content-btns .bp6-button.restart-project-button:hover,
.onboarding .content-header .content-btns .bp6-button.rollback-project-button:active,
.onboarding .content-header .content-btns .bp6-button.restart-project-button:active,
.onboarding .content-header .content-btns .bp6-button.rollback-project-button:focus,
.onboarding .content-header .content-btns .bp6-button.restart-project-button:focus {
    background-color: #C52F00 !important;
    color: #fff !important;
    border-color: transparent !important;
}

.onboarding .content-header .content-btns .bp6-button.rollback-project-button:hover,
.onboarding .content-header .content-btns .bp6-button.restart-project-button:hover,
.onboarding .content-header .content-btns .bp6-button.rollback-project-button:active,
.onboarding .content-header .content-btns .bp6-button.restart-project-button:active,
.onboarding .content-header .content-btns .bp6-button.rollback-project-button:focus,
.onboarding .content-header .content-btns .bp6-button.restart-project-button:focus {
    background-color: #b73107 !important;
}

.onboarding .content-header .content-btns .bp6-button-group {
    display: inline-flex;
    gap: 8px;
}

.onboarding .content-header .content-btns .bp6-button-group .bp6-button {
    width: 132px;
    justify-content: center;
}

.open-projects.two-column {
    height: 400px;
    width: 900px;
}

.bp6-dialog.two-column.open-projects {
    width: 900px;
    height: 520px;
    max-height: 75vh;
    display: flex;
    flex-direction: column;
    padding: 0;
    overflow: hidden;
    border: 1px solid rgba(17, 20, 24, 0.12);
    border-radius: 18px;
    background: linear-gradient(180deg, #f5f1e6 0%, #eef4f2 100%);
    box-shadow: 0 24px 60px rgba(0, 29, 29, 0.18);
}

.bp6-dialog.two-column.open-projects .bp6-dialog-header {
    flex: 0 0 auto;
    margin: 0;
    padding: 14px 18px;
    background: linear-gradient(135deg, #fce8c2 0%, #f7eee0 100%);
    border-bottom: 1px solid rgba(17, 20, 24, 0.12);
}

.bp6-dialog.two-column.open-projects .bp6-dialog-header .bp6-heading,
.bp6-dialog.two-column.open-projects .bp6-dialog-header .bp6-icon {
    color: #001d1d;
}

.bp6-dialog.two-column.open-projects .bp6-dialog-body {
    flex: 1 1 auto;
    min-height: 0;
    margin: 0;
    padding: 18px;
}

.open-projects.two-column .ag-theme-balham {
    height: calc(100% - 40px);
    width: 100%;
}

.bp6-dialog.two-column.open-projects .ag-theme-balham {
    height: 100%;
    overflow: hidden;
    border: 1px solid rgba(17, 20, 24, 0.12);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.88);
}

.bp6-dialog.two-column.open-projects .bp6-dialog-body > h4 {
    margin: 0 0 12px;
    color: #001d1d;
    font-size: 15px;
    line-height: 1.4;
}

.bp6-dialog.two-column.open-projects .bp6-dialog-body > h4 + .ag-theme-balham {
    height: calc(100% - 52px);
}

.open-projects .verify-step .ag-theme-balham {
    height: 100%;
    width: 100%;
}

.onboarding.content .ag-theme-balham .ag-header-icon,
.bp6-dialog.two-column.open-projects .ag-theme-balham .ag-header-icon {
    color: #707575;
}

.onboarding.content .ag-theme-balham .ag-row-even,
.bp6-dialog.two-column.open-projects .ag-theme-balham .ag-row-even {
    background-color: #ffffff;
}

.onboarding.content .ag-theme-balham .ag-row-odd,
.bp6-dialog.two-column.open-projects .ag-theme-balham .ag-row-odd {
    background-color: #ebebeb;
}

.onboarding.content .ag-theme-balham .ag-sort-ascending-icon,
.onboarding.content .ag-theme-balham .ag-sort-descending-icon,
.bp6-dialog.two-column.open-projects .ag-theme-balham .ag-sort-ascending-icon,
.bp6-dialog.two-column.open-projects .ag-theme-balham .ag-sort-descending-icon {
    display: inline-flex !important;
    align-items: center;
    margin-left: 4px;
}

.onboarding.content .ag-theme-balham .ag-icon-asc::before,
.bp6-dialog.two-column.open-projects .ag-theme-balham .ag-icon-asc::before {
    content: '▲';
    font-family: inherit;
    font-size: 10px;
    line-height: 1;
    color: #707575;
}

.onboarding.content .ag-theme-balham .ag-icon-desc::before,
.bp6-dialog.two-column.open-projects .ag-theme-balham .ag-icon-desc::before {
    content: '▼';
    font-family: inherit;
    font-size: 10px;
    line-height: 1;
    color: #707575;
}

.open-projects .btn-group {
    height: 40px;
    width: 100%;
    text-align: center;
    margin-top: 4px;
}

.open-projects.two-column .bp6-dialog-footer .bp6-button {
    margin: 5px 0;
    height: 30px;
    width: 100px;
}

.bp6-dialog.two-column.open-projects .bp6-dialog-footer {
    flex: 0 0 auto;
    margin: 0;
    padding: 0 18px 18px;
    background: transparent;
    box-shadow: none;
}

.bp6-dialog.two-column.open-projects .bp6-dialog-footer-actions,
.bp6-dialog.two-column.open-projects .bp6-dialog-footer .bp6-button-group {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.bp6-dialog.two-column.open-projects .bp6-dialog-footer .bp6-button,
.bp6-dialog.two-column.open-projects .bp6-dialog-footer .bp6-button.startNewProject {
    width: auto;
    min-width: 144px;
    height: 46px;
    margin: 0;
    padding: 0 20px;
    border: 1px solid rgba(17, 20, 24, 0.12);
    border-radius: 12px;
    background-image: none;
    box-shadow: none;
    font-weight: 700;
}

.bp6-dialog.two-column.open-projects .bp6-dialog-footer .bp6-button.bp6-intent-primary {
    background: #f1b434;
    color: #001d1d !important;
}

.bp6-dialog.two-column.open-projects .bp6-dialog-footer .bp6-button.bp6-intent-primary:hover,
.bp6-dialog.two-column.open-projects .bp6-dialog-footer .bp6-button.bp6-intent-primary:active,
.bp6-dialog.two-column.open-projects .bp6-dialog-footer .bp6-button.bp6-intent-primary:focus {
    background: #f6c14b;
    color: #001d1d !important;
}

.bp6-dialog.two-column.open-projects .bp6-dialog-footer .bp6-button.bp6-intent-danger {
    background: #C52F00;
    color: #fff !important;
}

.bp6-dialog.two-column.open-projects .bp6-dialog-footer .bp6-button.bp6-intent-danger:hover,
.bp6-dialog.two-column.open-projects .bp6-dialog-footer .bp6-button.bp6-intent-danger:active,
.bp6-dialog.two-column.open-projects .bp6-dialog-footer .bp6-button.bp6-intent-danger:focus {
    background: #b73107;
    color: #fff !important;
}
.open-projects.two-column .bp6-dialog-footer .bp6-button.startNewProject {
    width: 200px;
}

.bp6-dialog.two-column.open-projects .bp6-dialog-footer {
    flex: 0 0 auto;
    margin: 0;
    padding: 0 18px 18px;
    background: transparent;
    box-shadow: none;
}

.bp6-dialog.two-column.open-projects .bp6-dialog-footer-actions,
.bp6-dialog.two-column.open-projects .bp6-dialog-footer .bp6-button-group {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.bp6-dialog.two-column.open-projects .bp6-dialog-footer .bp6-button,
.bp6-dialog.two-column.open-projects .bp6-dialog-footer .bp6-button.startNewProject {
    width: auto;
    min-width: 144px;
    height: 46px;
    margin: 0;
    padding: 0 20px;
    border: 1px solid rgba(17, 20, 24, 0.12);
    border-radius: 12px;
    background-image: none;
    box-shadow: none;
    font-weight: 700;
}

.bp6-dialog.two-column.open-projects .bp6-dialog-footer .bp6-button.bp6-intent-primary {
    background: #f1b434;
    color: #001d1d !important;
}

.bp6-dialog.two-column.open-projects .bp6-dialog-footer .bp6-button.bp6-intent-primary:hover,
.bp6-dialog.two-column.open-projects .bp6-dialog-footer .bp6-button.bp6-intent-primary:active,
.bp6-dialog.two-column.open-projects .bp6-dialog-footer .bp6-button.bp6-intent-primary:focus {
    background: #f6c14b;
    color: #001d1d !important;
}

.bp6-dialog.two-column.open-projects .bp6-dialog-footer .bp6-button.bp6-intent-danger {
    background: #C52F00;
    color: #fff !important;
}

.bp6-dialog.two-column.open-projects .bp6-dialog-footer .bp6-button.bp6-intent-danger:hover,
.bp6-dialog.two-column.open-projects .bp6-dialog-footer .bp6-button.bp6-intent-danger:active,
.bp6-dialog.two-column.open-projects .bp6-dialog-footer .bp6-button.bp6-intent-danger:focus {
    background: #b73107;
    color: #fff !important;
}

.open-projects.two-column .bp6-dialog-footer .bp6-button.startNewProject {
    width: 200px;
}

/**************
*  TIMEFRAME  *
**************/
.editing-step,
.verify-step,
.automapper-step,
.timeframe-step {
    float: left;
    width: 100%;
    height: 100%;
}

.timeframe-step {
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-height: 0;
}

.timeframe-step .container {
    flex: 0 0 auto;
    width: min(100%, 760px);
    margin: 0 auto;
    padding: 18px;
    border: 1px solid rgba(17, 20, 24, 0.12);
    border-radius: 18px;
    background: linear-gradient(180deg, #f5f1e6 0%, #eef4f2 100%);
    box-shadow: 0 16px 34px rgba(0, 29, 29, 0.12);
    text-align: left;
}

.timeframe-step h5 {
    margin: 0;
    padding: 0;
    color: #001d1d;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.35;
    text-align: left;
}

.timeframe-step h6 {
    margin: 6px 0 0;
    color: #5d6d6d;
    font-size: 13px;
    font-weight: 700;
    text-align: left;
}

.timeframe-step .container > div {
    width: 100%;
}

.timeframe-step .timeframe-copy {
    padding: 14px;
    border: 1px solid rgba(17, 20, 24, 0.1);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.88);
}

.timeframe-step .timeframe-controls {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 14px;
}

.timeframe-step .timeframe-controls > .bp6-popover-target,
.timeframe-step .timeframe-controls .grower-control,
.timeframe-step .timeframe-controls .grower-control .printMapGrowerList,
.timeframe-step .timeframe-controls .grower-control .bp6-popover-wrapper,
.timeframe-step .timeframe-controls .grower-control .bp6-popover-target {
    flex: 1 1 0;
    width: 100%;
    min-width: 0;
    height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: stretch;
    padding: 0;
    margin: 0;
}

.timeframe-step .bp6-icon {
    color: #001d1d;
    fill: #001d1d;
}

.timeframe-step .bp6-button.years-dropdown,
.timeframe-step .timeframe-controls .grower-control .bp6-button {
    width: 100%;
    height: 46px;
    min-height: 46px;
    padding: 0 14px;
    border: 1px solid rgba(17, 20, 24, 0.12);
    border-radius: 12px;
    background: #ffffff;
    background-image: none;
    box-shadow: none;
    color: #001d1d !important;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
}

.timeframe-step .bp6-button.years-dropdown:hover,
.timeframe-step .bp6-button.years-dropdown:active,
.timeframe-step .bp6-button.years-dropdown:focus,
.timeframe-step .timeframe-controls .grower-control .bp6-button:hover,
.timeframe-step .timeframe-controls .grower-control .bp6-button:active,
.timeframe-step .timeframe-controls .grower-control .bp6-button:focus {
    background: #ffffff;
    background-image: none;
    box-shadow: 0 0 0 3px rgba(241, 180, 52, 0.18);
}

.timeframe-step .bp6-button.years-dropdown .bp6-button-text,
.timeframe-step .grower-control .bp6-button-text {
    flex: 1 1 auto;
    width: auto;
    overflow: hidden;
    color: #001d1d;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.timeframe-step .bp6-button.years-dropdown .bp6-icon:last-child,
.timeframe-step .timeframe-controls .grower-control .bp6-button .bp6-icon:last-child {
    margin-left: auto;
}

.timeframe-step .timeframe-divider {
    margin: 14px 0;
    border: 0;
    border-top: 1px solid rgba(17, 20, 24, 0.12);
}

.timeframe-step .bp6-button.next-button {
    width: 100%;
    height: 48px;
    min-height: 48px;
    border-radius: 12px;
    background: #f1b434;
    background-image: none;
    box-shadow: none;
    color: #001d1d !important;
    font-weight: 800;
}

.timeframe-step .bp6-button.next-button:hover,
.timeframe-step .bp6-button.next-button:active,
.timeframe-step .bp6-button.next-button:focus {
    background: #f6c14b;
    background-image: none;
    box-shadow: none;
    color: #001d1d !important;
}

.timeframe-step .bp6-button.next-button:disabled,
.timeframe-step .bp6-button.next-button.bp6-disabled,
.timeframe-step .bp6-button.next-button:disabled:hover,
.timeframe-step .bp6-button.next-button.bp6-disabled:hover,
.timeframe-step .bp6-button.next-button:disabled:active,
.timeframe-step .bp6-button.next-button.bp6-disabled:active,
.timeframe-step .bp6-button.next-button:disabled:focus,
.timeframe-step .bp6-button.next-button.bp6-disabled:focus {
    background: #d4d8dd !important;
    background-image: none !important;
    box-shadow: none !important;
    color: #7a848d !important;
}

.timeframe-step .bp6-button.next-button .bp6-icon,
.timeframe-step .bp6-button.next-button .bp6-icon svg {
    color: #001d1d;
    fill: #001d1d;
}

.timeframe-step .bp6-button.next-button:disabled .bp6-icon,
.timeframe-step .bp6-button.next-button:disabled .bp6-icon svg,
.timeframe-step .bp6-button.next-button.bp6-disabled .bp6-icon,
.timeframe-step .bp6-button.next-button.bp6-disabled .bp6-icon svg {
    color: #7a848d !important;
    fill: #7a848d !important;
}

.years-dropdown-menu .bp6-text-overflow-ellipsis {
    text-align: center;
}

.timeframe-years-menu .bp6-popover-content,
.timeframe-grower-menu .bp6-popover-content,
.timeframe-grower-menu-portal .bp6-select-popover .bp6-popover-content {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
}

.timeframe-years-menu .bp6-menu,
.timeframe-years-menu .years-dropdown-menu,
.timeframe-grower-menu .bp6-menu,
.timeframe-grower-menu-portal .bp6-select-popover .bp6-menu {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    padding: 4px;
    border: 1px solid rgba(17, 20, 24, 0.12);
    border-radius: 12px;
    background: #ffffff !important;
    color: #001d1d !important;
    overflow-x: hidden;
}

.timeframe-grower-menu .bp6-input-group,
.timeframe-grower-menu-portal .bp6-select-popover .bp6-input-group {
    padding: 4px 4px 8px;
}

.timeframe-grower-menu .bp6-input,
.timeframe-grower-menu-portal .bp6-select-popover .bp6-input {
    height: 36px;
    border: 1px solid rgba(17, 20, 24, 0.12);
    border-radius: 10px;
    background: #ffffff;
    color: #001d1d;
    box-shadow: none;
}

.timeframe-years-menu .bp6-menu-item,
.timeframe-grower-menu .bp6-menu-item,
.timeframe-grower-menu-portal .bp6-select-popover .bp6-menu-item {
    border-radius: 8px;
    color: #001d1d !important;
}

.timeframe-years-menu .bp6-menu-item:hover,
.timeframe-years-menu .bp6-menu-item.bp6-active,
.timeframe-grower-menu .bp6-menu-item:hover,
.timeframe-grower-menu .bp6-menu-item.bp6-active,
.timeframe-grower-menu-portal .bp6-select-popover .bp6-menu-item:hover,
.timeframe-grower-menu-portal .bp6-select-popover .bp6-menu-item.bp6-active {
    background-color: #fce8c2 !important;
    color: #001d1d !important;
}

.page-content.mapTreeHistory .timeframe-step .grid {
    flex: 1 1 auto;
    min-height: 0;
    height: clamp(220px, 30vh, 320px);
    width: 100%;
    margin: 0;
    display: block;
    overflow: hidden;
    border: 1px solid rgba(17, 20, 24, 0.12);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.88);
}

.page-content.onboarding .timeframe-step .grid {
    flex: 1 1 auto;
    min-height: 0;
    height: clamp(260px, 38vh, 420px);
    width: 100%;
    margin: 0;
    display: block;
    overflow: hidden;
    border: 1px solid rgba(17, 20, 24, 0.12);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.88);
}

.onboarding.content .page-body {
    width: 100%;
    height: 100%;
    min-height: 0;
}

.onboarding.content .page-body > .editing-step,
.onboarding.content .page-body > .verify-step,
.onboarding.content .page-body > .automapper-step,
.onboarding.content .page-body > .timeframe-step {
    flex: 1 1 auto;
    min-height: 0;
}

.timeframe-step .grower-control .bp6-popover-target {
    width: 100%;
    margin-top: 0;
}

.automapper-step {
    display: flex;
    flex-direction: column;
    gap: 0;
    min-height: 0;
}

/**************
* AUTO-MAPPER *
**************/
.automapper-step .form,
.automapper-step .grid {
    width: 100%;
}

.automapper-step .form {
    flex: 0 0 auto;
    float: none;
    height: auto;
}

.automapper-step .grid {
    display: block;
    float: none;
    flex: 1 1 auto;
    min-height: 0;
    height: auto;
}

.automapper-step .grid {
    margin: 0;
}

.automapper-step .form {
    width: 100%;
    margin: 0 auto;
    float: none;
    padding: 10px 20px;
    height: auto;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: start;
    gap: 16px;
}
.automapper-step .row {
    width: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
}

.automapper-step .col {
    width: 100%;
    min-width: 0;
    height: auto;
    padding: 0 0 0.5rem 0;
}

.automapper-step .col label {
    flex: none;
    margin: 0;
    width: 100%;
}

.automapper-step .col input {
    width: 214px;
}

.automapper-step .icon {
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    background-color: #f1b434;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid rgba(17, 20, 24, 0.12);
    border-right: 0;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    margin-left: 0;
}

.automapper-step .mapper-control {
    display: flex;
    align-items: stretch;
    min-width: 0;
}

.automapper-step .bp6-button {
    outline: none;
    width: 100%;
    position: relative;
    right: 0;
}

.automapper-step .bp6-button.automapper-btn-dropdown {
    height: 46px;
    min-height: 46px;
    padding: 0 14px;
    border: 1px solid rgba(17, 20, 24, 0.12);
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    background: #ffffff;
    background-image: none;
    box-shadow: none;
    color: #001d1d !important;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
}

.automapper-step .bp6-button.automapper-btn-dropdown:hover,
.automapper-step .bp6-button.automapper-btn-dropdown:active,
.automapper-step .bp6-button.automapper-btn-dropdown:focus {
    background: #ffffff;
    background-image: none;
    box-shadow: 0 0 0 3px rgba(241, 180, 52, 0.18);
    color: #001d1d !important;
}

.automapper-step .bp6-button-text {
    flex: 1 1 auto;
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
}

.automapper-step .bp6-icon {
    width: 20px;
    color: #001d1d;
    fill: #001d1d;
}

.automapper-step .bp6-button.automapper-btn-dropdown .bp6-icon:last-child {
    position: static;
    right: auto;
    margin-left: auto;
}

.automapper-step label {
    display: flex;
    align-items: center;
    height: 100%;
}

.automapper-step input {
    height: 30px;
    margin-left: 10px;
}

.page-content.onboarding .content.onboarding .automapper-step .next,
.page-content.mapTreeHistory .content.onboarding .automapper-step .next {
    grid-column: 1 / -1;
    justify-self: end;
    float: none;
    width: auto;
    text-align: center;
    margin-left: 0;
}

.page-content.onboarding .content.onboarding .automapper-step .next .bp6-button,
.page-content.mapTreeHistory .content.onboarding .automapper-step .next .bp6-button {
    width: 75%;
    height: 31px;
    text-align: center;
    margin: 15px 0;
}

.automapper-step .row > label {
    font-weight: 700;
    height: 30px;
}

.automapper-step .row .bp6-popover-target {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    margin-left: 0;
}

.automapper-menu-popover .bp6-popover-content {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
}

.automapper-dropdown-menu {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    padding: 4px;
    border: 1px solid rgba(17, 20, 24, 0.12);
    border-radius: 12px;
    background: #ffffff !important;
    color: #001d1d !important;
    overflow-x: hidden;
}

.automapper-dropdown-menu .bp6-menu-item {
    border-radius: 8px;
    color: #001d1d !important;
    font-weight: 700;
}

.automapper-dropdown-menu .bp6-menu-item:hover,
.automapper-dropdown-menu .bp6-menu-item.bp6-active {
    background-color: #fce8c2 !important;
    color: #001d1d !important;
}

/**************
*   EDITING   *
**************/
.editing-step {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.editing-step .form {
    flex: 0 0 auto;
    width: 100%;
    height: 80px;
    margin: 0 auto;
    float: none;
    padding: 10px 20px;
}

.editing-step .form .spacer {
    float: left;
    width: 75%;
    height: 80px;
}

.editing-step .grid {
    display: block;
    float: none;
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    height: auto;
    margin: 0;
}

.editing-step .bp6-button {
    outline: none;
    width: 182px;
    position: relative;
    right: 0;
}

.editing-step .btn-group {
    float: left;
    width: 12.5%;
    text-align: center;
}

.editing-step .btn-group .bp6-button {
    width: 75%;
    height: 31px;
    text-align: center;
    margin: 15px 0;
}

.editing-step .ag-cell.editable {
    box-shadow: 0px -2px 0px inset #b7b7b2;
}

.editing-step .ag-header .ag-react-container .bp6-checkbox {
   padding-top: 8px; 
}

.editing-step .onboarding-checkbox {
    margin-bottom: 0;
}

.editing-step .onboarding-checkbox .bp6-control-indicator {
    width: 18px;
    height: 18px;
    border: 1px solid rgba(17, 20, 24, 0.18);
    border-radius: 6px;
    background: #ffffff;
    box-shadow: none;
}

.editing-step .onboarding-checkbox:hover .bp6-control-indicator,
.editing-step .onboarding-checkbox input:focus ~ .bp6-control-indicator {
    border-color: #f1b434;
    box-shadow: 0 0 0 3px rgba(241, 180, 52, 0.18);
}

.editing-step .onboarding-checkbox input:checked ~ .bp6-control-indicator {
    border-color: #f1b434;
    background: #f1b434;
    background-image: none;
}

.editing-step .onboarding-checkbox input:checked ~ .bp6-control-indicator::before {
    color: #001d1d;
}

/* FILTER RENDERER */
.filter-renderer {
    position: relative;
    width: 100%;
    height: 100%;
}

.filter-renderer input {
    height: 100%;
    width: 100%;
    padding-left: 22px;
}

.filter-renderer .bp6-icon {
    position: absolute;
    top: 8px;
    left: 4px;
}

/* HEADER AUTOSUGGEST RENDERER */
.autosuggest.bp6-input-group {
    padding: 10px;
    border-bottom: 1px solid #7777;
}

.autosuggest.bp6-input-group input.bp6-input {
    height: 40px;
    width: 100%;
    outline: none;
}

.autosuggest.bp6-input-group .bp6-input-action {
    height: 60%;
    width: 36px;
    top: 10px;
    right: 14px !IMPORTANT;
}

.autosuggest.bp6-input-group .bp6-input-action .bp6-button {
    height: 100%;
    width: 100%;
    background-color: #0d8050;
    outline: none;
}

.autosuggest.bp6-input-group .bp6-input-action .bp6-button:hover {
    background-color: #0d8050;
}

.autosuggest.bp6-input-group .bp6-input-action .bp6-button svg {
    color: white;
    height: 36px;
    width: 24px;
    margin-left: 4px;
}

.editing-step .ag-header-cell > div:last-child,
.editing-step .ag-header-cell .ag-header-cell-comp-wrapper {
    height: 100%;
}

.editing-step .ag-header-cell .headerSuggestPopover.onboarding-header-suggest,
.editing-step .ag-header-cell .headerSuggestPopover.onboarding-header-suggest > .bp6-popover-target,
.editing-step .ag-header-cell .headerSuggestPopover.onboarding-header-suggest > .bp6-popover-wrapper > .bp6-popover-target {
    display: flex;
    align-items: flex-end;
    width: 100%;
    height: 100%;
    padding-bottom: 0;
    line-height: 0;
}

.editing-step .ag-header-cell .headerSuggestPopover.onboarding-header-suggest .bp6-button {
    width: 100%;
    margin-top: auto;
    margin-bottom: 0;
    justify-content: space-between;
    line-height: normal;
}

.bp6-portal .bp6-popover.onboarding-header-fill-popover .bp6-popover-content {
    min-width: 220px;
    overflow: hidden;
    border-radius: 12px;
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
    color: #001d1d !important;
    border: 1px solid rgba(17, 20, 24, 0.12);
    box-shadow: 0 12px 28px rgba(0, 29, 29, 0.18);
}

.bp6-portal .bp6-popover.onboarding-header-fill-popover .autosuggest.bp6-input-group {
    padding: 10px;
    box-sizing: border-box;
}

.bp6-portal .bp6-popover.onboarding-header-fill-popover .autosuggest.bp6-input-group input.bp6-input {
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding-right: 46px;
    box-sizing: border-box;
    border-radius: 0;
    background: #ffffff !important;
}

.bp6-portal .bp6-popover.onboarding-header-fill-popover .autosuggest.bp6-input-group input.bp6-input:focus {
    outline: none !important;
    box-shadow: none !important;
}

.bp6-portal .bp6-popover.onboarding-header-fill-popover .autosuggest.bp6-input-group .bp6-input-action {
    top: 50%;
    right: 14px !important;
    width: 28px;
    height: 28px;
    transform: translateY(-50%);
}

.bp6-portal .bp6-popover.onboarding-header-fill-popover .autosuggest.bp6-input-group .bp6-input-action .bp6-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    min-width: 28px;
    height: 28px;
    min-height: 28px;
    margin: 0;
    padding: 0;
    border-radius: 6px;
}

.bp6-portal .bp6-popover.onboarding-header-fill-popover .autosuggest.bp6-input-group .bp6-input-action .bp6-button svg {
    height: 16px;
    width: 16px;
    margin-left: 0;
}

.bp6-portal .bp6-popover.onboarding-header-fill-popover .bp6-menu {
    background: #ffffff !important;
    color: #001d1d !important;
    max-height: 280px;
    overflow-y: auto;
}

.bp6-portal .bp6-popover.onboarding-header-fill-popover .bp6-menu-item,
.bp6-portal .bp6-popover.onboarding-header-fill-popover .bp6-menu-header,
.bp6-portal .bp6-popover.onboarding-header-fill-popover .bp6-menu-divider {
    color: #001d1d !important;
}

.bp6-portal .bp6-popover.onboarding-header-fill-popover .bp6-menu-item:hover,
.bp6-portal .bp6-popover.onboarding-header-fill-popover .bp6-menu-item.bp6-active {
    background-color: #fce8c2 !important;
    color: #001d1d !important;
}

.editing-step .ag-theme-balham .selected-green {
    background-color: #4fcf82 !IMPORTANT;
}
.editing-step .ag-theme-balham .selected-red {
    background-color: #df6969  !IMPORTANT;
}

.editing-step .ag-theme-balham .selected-green .ag-cell.selection-static-cell {
    background-color: #ffffff !IMPORTANT;
}

.editing-step .ag-theme-balham .selected-red .ag-cell.selection-static-cell {
    background-color: #ffffff !IMPORTANT;
}

.editing-step .ag-theme-balham .ag-cell.header-tone-cell {
    background-color: #f5f1e6 !IMPORTANT;
}

.editing-step .ag-theme-balham .ag-row-even .ag-cell.editable {
    background-color: #f7f7f7;
}

.editing-step .ag-theme-balham .ag-row-odd .ag-cell.editable {
    background-color: #eeeeee;
}

.editing-step .ag-theme-balham .ag-row.selected-green .ag-cell.editable,
.editing-step .ag-theme-balham .ag-row.selected-green .ag-cell.header-tone-cell {
    background-color: #4fcf82 !important;
}

.editing-step .ag-theme-balham .ag-row.selected-red .ag-cell.editable,
.editing-step .ag-theme-balham .ag-row.selected-red .ag-cell.header-tone-cell {
    background-color: #df6969 !important;
}

.editing-step .ag-theme-balham .ag-cell.selection-static-cell {
    background-color: inherit !important;
}

.editing-step .ag-theme-balham .ag-row-even.selected-green .ag-cell.selection-static-cell,
.editing-step .ag-theme-balham .ag-row-even.selected-red .ag-cell.selection-static-cell {
    background-color: #ffffff !important;
}

.editing-step .ag-theme-balham .ag-row-odd.selected-green .ag-cell.selection-static-cell,
.editing-step .ag-theme-balham .ag-row-odd.selected-red .ag-cell.selection-static-cell {
    background-color: #ebebeb !important;
}

.editing-step .ag-theme-balham .ag-row-even .ag-cell.header-tone-cell {
    background-color: #fbf8f0 !important;
}

.editing-step .ag-theme-balham .ag-row-odd .ag-cell.header-tone-cell {
    background-color: #f5f1e6 !important;
}

.editing-step  .ag-pinned-right-cols-container {
    border-left: 2px solid #333;
}

/**************
*   VERIFY    *
**************/
.verify-step {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.verify-step .form {
    flex: 0 0 auto;
    width: 100%;
    height: 80px;
    margin: 0 auto;
    float: none;
    padding: 10px 20px;
}

.verify-step .form .spacer {
    float: left;
    width: 75%;
    height: 80px;
}

.verify-step .grid {
    display: block;
    float: none;
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    height: auto;
    margin: 0;
}

.verify-step .bp6-button {
    outline: none;
    width: 182px;
    position: relative;
    right: 0;
}

.verify-step .btn-group {
    float: left;
    width: 12.5%;
    text-align: center;
}

.verify-step .btn-group .bp6-button {
    width: 75%;
    height: 31px;
    text-align: center;
    margin: 15px 0;
}

.verify-step .verify-zones-cell {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
    height: 100%;
    overflow: hidden;
}

/* CELL AUTOCOMPLETE RENDERER */
.editing-step .ag-react-container {
    height: 100%;
}

.autocomplete {
    position: relative;
    width: 199px;
    height: 100%;
}

.autocomplete .suggestions {
    position: absolute;
    width: calc(100% - 28px);
    height: 100%;
    padding-left: 3px;
    font-size: 10pt;
    letter-spacing: 1px;
    color: #777;
}

.autocomplete .input-control {
    position: absolute;
    width: 100%;
    height: 100%;
}

.autocomplete input {
    width: calc(100% - 28px);
    height: 100%;
    background-color: transparent;
    font-size: 10pt;
    letter-spacing: 1px;
    padding-bottom: 1px;
}

.autocomplete .input-control .bp6-button {
    width: 28px;
    height: 28px;
    background-color: #0d8050;
    outline: none;
}

.autocomplete .input-control .bp6-minimal.bp6-button:hover {
    background-color: #0d8050;
}

.autocomplete .bp6-button svg {
    color: white;
    height: 16px;
    width: 16px;
    margin-left: 5px;
}

.autocomplete.remove-add-btn input {
    width: 100%;
}

.autocomplete.remove-add-btn .bp6-button {
    display: none;
}

.autocomplete .bp6-menu {    
    position: fixed;
    top: 25px;
    left: inherit;
    width: 199px;
    z-index: 1000;
    border: 1px solid #697489;
    max-height: 400px;
}

.page-content.onboarding .content.onboarding .editing-step .ag-cell,
.page-content.onboarding .content.onboarding .editing-step .ag-cell .ag-react-container,
.page-content.onboarding .content.onboarding .editing-step .ag-cell.ag-cell-focus,
.page-content.mapTreeHistory .content.onboarding .editing-step .ag-cell,
.page-content.mapTreeHistory .content.onboarding .editing-step .ag-cell .ag-react-container,
.page-content.mapTreeHistory .content.onboarding .editing-step .ag-cell.ag-cell-focus {
    overflow: visible;
}

.page-content.onboarding .content.onboarding .editing-step .autocomplete .bp6-menu,
.page-content.mapTreeHistory .content.onboarding .editing-step .autocomplete .bp6-menu {
    position: absolute;
    top: calc(100% + 2px);
    left: 0;
    width: 100%;
    min-width: 100%;
    margin-top: 0;
    overflow-y: auto;
}

.page-content.onboarding .content.onboarding .editing-step .autocomplete,
.page-content.mapTreeHistory .content.onboarding .editing-step .autocomplete {
    width: 100%;
    box-sizing: border-box;
}

.page-content.onboarding .content.onboarding .editing-step .autocomplete .suggestions,
.page-content.onboarding .content.onboarding .editing-step .autocomplete .input-control,
.page-content.mapTreeHistory .content.onboarding .editing-step .autocomplete .suggestions,
.page-content.mapTreeHistory .content.onboarding .editing-step .autocomplete .input-control {
    box-sizing: border-box;
    width: 100%;
}

.page-content.onboarding .content.onboarding .editing-step .autocomplete .suggestions,
.page-content.mapTreeHistory .content.onboarding .editing-step .autocomplete .suggestions {
    display: flex;
    align-items: center;
    padding: 0 38px 0 6px;
    color: #777;
    pointer-events: none;
    font-size: 12px;
    z-index: 3;
}

.page-content.onboarding .content.onboarding .editing-step .autocomplete .input-control,
.page-content.mapTreeHistory .content.onboarding .editing-step .autocomplete .input-control {
    position: relative;
    height: 100%;
    overflow: hidden;
}

.page-content.onboarding .content.onboarding .editing-step .autocomplete input,
.page-content.mapTreeHistory .content.onboarding .editing-step .autocomplete input {
    position: relative;
    top: -2px;
    width: 100%;
    min-width: 0;
    height: 113%;
    margin: 0;
    padding: 0 38px 0 6px;
    box-sizing: border-box;
    border-radius: 0;
    background: #ffffff !important;
    border: 1px solid rgba(17, 20, 24, 0.12);
    box-shadow: none;
    font-size: 12px;
}

.page-content.onboarding .content.onboarding .editing-step .autocomplete input:focus,
.page-content.mapTreeHistory .content.onboarding .editing-step .autocomplete input:focus {
    outline: none !important;
    box-shadow: none !important;
}

.page-content.onboarding .content.onboarding .editing-step .autocomplete .input-control .bp6-button,
.page-content.mapTreeHistory .content.onboarding .editing-step .autocomplete .input-control .bp6-button {
    position: absolute;
    top: 50%;
    right: 4px;
    transform: translateY(-50%);
    width: 22px;
    min-width: 22px;
    height: 22px;
    min-height: 22px;
    margin: 0;
    padding: 0;
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.page-content.onboarding .content.onboarding .editing-step .autocomplete .bp6-menu,
.page-content.mapTreeHistory .content.onboarding .editing-step .autocomplete .bp6-menu {
    background: #ffffff !important;
    color: #001d1d !important;
    border: 1px solid rgba(17, 20, 24, 0.12);
    border-radius: 12px;
    box-shadow: 0 12px 28px rgba(0, 29, 29, 0.18);
}

.page-content.onboarding .content.onboarding .editing-step .autocomplete .bp6-menu-item,
.page-content.onboarding .content.onboarding .editing-step .autocomplete .bp6-menu-header,
.page-content.onboarding .content.onboarding .editing-step .autocomplete .bp6-menu-divider,
.page-content.mapTreeHistory .content.onboarding .editing-step .autocomplete .bp6-menu-item,
.page-content.mapTreeHistory .content.onboarding .editing-step .autocomplete .bp6-menu-header,
.page-content.mapTreeHistory .content.onboarding .editing-step .autocomplete .bp6-menu-divider {
    color: #001d1d !important;
}

.page-content.onboarding .content.onboarding .editing-step .autocomplete .bp6-menu-item:hover,
.page-content.onboarding .content.onboarding .editing-step .autocomplete .bp6-menu-item.bp6-active,
.page-content.mapTreeHistory .content.onboarding .editing-step .autocomplete .bp6-menu-item:hover,
.page-content.mapTreeHistory .content.onboarding .editing-step .autocomplete .bp6-menu-item.bp6-active {
    background-color: #fce8c2 !important;
    color: #001d1d !important;
}

.page-content.onboarding .content.onboarding .editing-step .autocomplete .bp6-button svg,
.page-content.mapTreeHistory .content.onboarding .editing-step .autocomplete .bp6-button svg {
    margin-left: 0;
    width: 14px;
    height: 14px;
}

.page-content.onboarding .content.onboarding .ag-row.ag-row-hover::before,
.page-content.mapTreeHistory .content.onboarding .ag-row.ag-row-hover::before {
    background-color: rgba(255,255,255,0) !important;
}

/* iPad Safari 11+ */
@media not all and (min-resolution:.001dpcm) { 
  @supports (-webkit-appearance:none) {
    .autocomplete .bp6-menu {
        min-height: 100px;
    }

    .page-content.onboarding .content.onboarding .editing-step .autocomplete .bp6-menu,
    .page-content.mapTreeHistory .content.onboarding .editing-step .autocomplete .bp6-menu {
        height: 65px;
        min-height: 65px;
    }
  }
}

.editing-step .ag-cell.ag-cell-focus .autocomplete .ag-react-container {
    height: 100%;
}

.editing-step .ag-cell.ag-cell-focus .autocomplete .bp6-popover-target {
    float: left;
    height: 100%;
    width: 100%;
}

.editing-step .ag-cell.ag-cell-focus .autocomplete .bp6-input-group.autosuggest {
    float: left;
    height: 100%;
    width: 100%;
    padding: 0;
}

.editing-step .ag-cell.ag-cell-focus .autocomplete input.bp6-input {
    float: left;
    height: 100%;
    width: 100%;
    border-radius: 0;
}

.editing-step .ag-cell.ag-cell-focus .autocomplete .bp6-button {
    position: absolute;
    top: -2px;
    right: 0px;
    height: 30px;
    margin: 0;
}

.editing-step .autosuggest.bp6-input-group .autocomplete .bp6-input-action .bp6-button svg {
    color: white;
    height: 16px;
    width: 16px;
    margin-left: 5px;
}

.bp6-dialog.two-column.open-projects .verify-step .ag-center-cols-viewport {
    overflow-x: hidden;
}

.bp6-dialog.two-column.open-projects .btn-group {
    justify-content: center;
}

.bp6-dialog.two-column.open-projects .verify-step .ag-floating-bottom {
    height: 28px !important;
    min-height: 28px !important;
    overflow-y: unset !important;
}

.verify-step .ag-floating-bottom,
.verify-step .ag-floating-bottom-viewport,
.verify-step .ag-floating-bottom-container,
.verify-step .ag-pinned-bottom-cols-container {
    background-color: #B6B6B6 !important;
}

#app .verify-step .ag-theme-balham .ag-floating-bottom,
#app .verify-step .ag-theme-balham .ag-floating-bottom .ag-row,
#app .verify-step .ag-theme-balham .ag-floating-bottom .ag-cell,
#app .verify-step .ag-theme-balham .ag-floating-bottom .ag-cell-value,
#app .verify-step .ag-theme-balham .ag-floating-bottom .ag-react-container,
#app .verify-step .ag-theme-balham .ag-floating-bottom .ag-react-container span {
    background-color: #B6B6B6 !important;
}

.mergeFrom {
    height: calc(100% - 70px);
}

.content.merging .mergeFrom .merge-grid-shell {
    position: relative;
    height: 100%;
}

.content.merging .mergeFrom .merge-grid-shell > .spinner-container {
    position: absolute;
    inset: 0;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(217, 217, 217, 0.35);
}

.content.merging .mergeFrom .merge-grid-shell > .spinner-container .bp6-spinner {
    position: relative;
    top: auto;
    left: auto;
    margin: 0;
}

.ag-theme-balham.mergeFrom .complete {
    background-color: #4fcf82 !IMPORTANT;
}

.ag-theme-balham.mergeFrom .readonly,
.ag-theme-balham.mergeFrom .readonly.complete {
    background-color: #7fdfa6;
}

.ag-theme-balham.mergeFrom .readonly.inactive {
    background-color: #aaa !IMPORTANT;
}

.ag-theme-balham.mergeFrom .incomplete {
    background-color: #df6969  !IMPORTANT;
}

.page-body .form {
    float: left;
    width: 100%;
    padding: 0 20px;
}

.page-body .merging .form .btn-group {
    display: block;
    float: right;
    text-align: right;
}

.onboarding .back .bp6-button {
    text-align: left;
}

.onboarding .next {
    text-align: right;
    justify-content: right;
}

.ag-header-cell > div:last-child {
    width: 100%;
}

.merging .ag-header-cell .headerSuggestPopover {
    display: flex;
    align-items: flex-end;
    width: 100%;
    height: 100%;
    line-height: 0;
}

.merging .ag-header-cell .headerSuggestPopover > .bp6-popover-target,
.merging .ag-header-cell .headerSuggestPopover > .bp6-popover-wrapper > .bp6-popover-target,
.merging .ag-header-cell span.bp6-popover-target {
    display: flex;
    align-items: flex-end;
    width: 100%;
    height: 100%;
}

.merging .ag-header-cell .bp6-button {
    outline: none;
    width: 100%;
    margin-top: auto;
    margin-bottom: 0;
    position: relative;
    right: 0;
}

.content.merging .ag-cell,
.content.merging .ag-cell .ag-react-container,
.content.merging .ag-cell.ag-cell-focus {
    overflow: visible;
}

.content.merging .autocomplete {
    width: 100%;
    box-sizing: border-box;
}

.content.merging .autocomplete .suggestions,
.content.merging .autocomplete .input-control {
    width: 100%;
    box-sizing: border-box;
}

.content.merging .autocomplete .bp6-menu {
    position: absolute;
    top: calc(100% + 2px);
    left: 0;
    width: 100%;
    min-width: 100%;
    margin-top: 0;
    overflow-y: auto;
    z-index: 1000;
}

.hint {
    font-style: italic;
    color: #aaa;
}

.hint.ag-cell-focus  {
    color: #333;
}

.user-messages-portal ul li {
    margin: 15px 0;
    list-style: disc;
}

.user-messages-portal .bp6-overlay-backdrop {
    background: rgba(0, 29, 29, 0.38);
}

.user-messages-portal .bp6-dialog {
    width: 520px;
    max-width: calc(100vw - 32px);
    border: 1px solid rgba(17, 20, 24, 0.12);
    border-radius: 18px;
    overflow: hidden;
    background: linear-gradient(180deg, #f5f1e6 0%, #eef4f2 100%);
    box-shadow: 0 24px 60px rgba(0, 29, 29, 0.18);
}

.user-messages-portal .bp6-dialog-header {
    margin: 0;
    padding: 14px 18px;
    background: linear-gradient(135deg, #fce8c2 0%, #f7eee0 100%);
    border-bottom: 1px solid rgba(17, 20, 24, 0.12);
}

.user-messages-portal .bp6-dialog-header .bp6-heading,
.user-messages-portal .bp6-dialog-header .bp6-icon {
    color: #001d1d;
}

.user-messages-portal .bp6-dialog-body {
    margin: 0;
    padding: 18px;
    color: #001d1d;
    line-height: 1.5;
}

.user-messages-portal .bp6-dialog-footer {
    margin: 0;
    padding: 0 18px 18px;
    background: transparent;
    box-shadow: none;
}

.user-messages-portal .bp6-dialog-footer-actions,
.user-messages-portal .bp6-dialog-footer .bp6-button-group {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 8px;
}

.user-messages-portal .bp6-button-group .bp6-button {
    min-width: 144px;
    height: 46px;
    margin: 0;
    padding: 0 20px;
    border: 1px solid rgba(17, 20, 24, 0.12);
    border-radius: 999px;
    background-image: none;
    box-shadow: none;
    font-weight: 700;
}

.user-messages-portal .bp6-button-group > .bp6-button:not(:first-child),
.user-messages-portal .bp6-button-group > .bp6-popover-wrapper:not(:first-child) .bp6-button,
.user-messages-portal .bp6-button-group > .bp6-button:not(:last-child),
.user-messages-portal .bp6-button-group > .bp6-popover-wrapper:not(:last-child) .bp6-button {
    border-radius: 999px;
}

.user-messages-portal .bp6-button-group .bp6-button.bp6-intent-primary,
.user-messages-portal .bp6-button-group .bp6-button.bp6-intent-primary:hover,
.user-messages-portal .bp6-button-group .bp6-button.bp6-intent-primary:active,
.user-messages-portal .bp6-button-group .bp6-button.bp6-intent-primary:focus {
    background: #f1b434;
    color: #001d1d !important;
}

.user-messages-portal .bp6-button-group .bp6-button.bp6-intent-danger,
.user-messages-portal .bp6-button-group .bp6-button.bp6-intent-danger:hover,
.user-messages-portal .bp6-button-group .bp6-button.bp6-intent-danger:active,
.user-messages-portal .bp6-button-group .bp6-button.bp6-intent-danger:focus {
    background: #C52F00;
    color: #fff !important;
}

.widget .widget-header {
    position: relative;
    height: 32px;
}
 
.widget .widget-header .bp6-popover-target {
   width: 30px;
   position: absolute;
   top: 26px;
   right: 0; 
}

.widget .widget-header button {
    position: absolute;
    top: -27px;
    right: 0;
    min-height: 24px;
    min-width: 24px;
    padding: 0;
    margin: 3px;
    line-height: 24px;
    max-height: 26px;
}

.widget .widget-header button span {
    padding: 0;
}

.widget .bp6-menu .bp6-menu-item label.bp6-label {
    margin: 0;
}

.bp6-menu-item .bp6-label input {
    width: 100px;
}

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

.hintRenderer span {
    padding-right: 5px;
}

.hint-text-container .bp6-popover-content {
    padding: 10px;
}

.hint-text-container  ul {
    padding: 10px;
    margin-bottom: 0;
}

.automapper-step .col .row {
    padding: 0 0 0.5rem 0;
}

.report-generator {
    height: calc(100% - 60px);
}

.Client .report-generator {
    height: calc(100% - 12px);
}

.report-generator .fields {
    float: left;
    height: calc(100% - 60px);
    width: 85%;
}

.report-generator.rec-maps .fields {
    width: 70%;
}

.report-generator.rec-maps.shp-file-export-rec-maps .options.products {
    width: 30%;
}

.report-generator.rec-maps.shp-file-export-rec-maps .options.products .blend-products-header {
    justify-content: flex-start;
}

.report-generator.rec-maps.shp-file-export-rec-maps .options.products .blend-products-header .bp6-control {
    margin: 0;
}

.report-generator.rec-maps.shp-file-export-rec-maps .options.products .blend-products-title {
    flex: 0 0 auto;
}

.report-generator.rec-maps.shp-file-export-rec-maps .options.products .blend-products-control {
    margin-left: auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.report-generator.rec-maps.shp-file-export-rec-maps .options.products .blend-products-control .bp6-popover-wrapper,
.report-generator.rec-maps.shp-file-export-rec-maps .options.products .blend-products-control .bp6-popover-target {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.report-generator.rec-maps.shp-file-export-rec-maps .options.products .blend-products-header.decreaseBottom {
    justify-content: flex-end;
    padding: 0 8px;
}

.report-generator.rec-maps.shp-file-export-rec-maps .options.products .exportUnit {
    width: 100%;
    min-width: 0;
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    z-index: 150;
}

.report-generator.rec-maps.shp-file-export-rec-maps .options.products .exportUnit .shp-export-unit-label {
    margin: 0;
    font-size: 11px;
    line-height: 1;
    white-space: nowrap;
}

.report-generator.rec-maps.shp-file-export-rec-maps .options.products .exportUnit .bp6-popover-wrapper,
.report-generator.rec-maps.shp-file-export-rec-maps .options.products .exportUnit .bp6-popover-target {
    float: none;
    width: auto;
    height: auto;
    padding: 0;
    display: flex;
    align-items: center;
}

.report-generator.rec-maps.shp-file-export-rec-maps .options.products .exportUnit .rx-map-selector-button.bp6-button {
    width: 100px;
    min-width: 76px;
    height: 24px;
    min-height: 24px;
    padding: 0 7px;
}

.report-generator.rec-maps.shp-file-export-rec-maps .options.products .product-row-content {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 12px;
}

.report-generator.rec-maps.shp-file-export-rec-maps .options.products .product-row-content .bp6-control.bp6-checkbox {
    width: auto;
    flex: 1 1 auto;
    min-width: 0;
}

.report-generator.rec-maps.shp-file-export-rec-maps .options.products .product-row-unit {
    flex: 0 0 auto;
    margin-left: auto;
    color: rgba(0, 0, 0, 0.6);
    white-space: nowrap;
}

.bp6-dialog.report-options-dialog.shp-file-export-verify-dialog {
    width: 60%;
    height: 60%;
    max-width: 1440px;
    min-height: 300px;
    max-height: none;
}

.bp6-dialog.report-options-dialog.shp-file-export-verify-dialog .bp6-dialog-body {
    flex: 0 0 auto;
    height: auto;
    overflow-y: auto;
    padding-bottom: 8px;
}

.bp6-dialog.report-options-dialog.shp-file-export-verify-dialog .bp6-dialog-footer {
    padding-top: 12px;
    padding-bottom: 12px;
}

.bp6-dialog.report-options-dialog.shp-file-export-verify-dialog .bp6-dialog-footer-actions {
    width: 100%;
    justify-content: center;
}

.bp6-dialog.report-options-dialog.shp-file-export-verify-dialog .shp-file-export-verify-content {
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-height: 0;
}

.bp6-dialog.report-options-dialog.shp-file-export-verify-dialog .verificationStep {
    flex: 0 0 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    padding: 12px;
}

.bp6-dialog.report-options-dialog.shp-file-export-verify-dialog .verificationStep .ag-theme-balham,
.bp6-dialog.report-options-dialog.shp-file-export-verify-dialog .verificationStep .ag-root-wrapper,
.bp6-dialog.report-options-dialog.shp-file-export-verify-dialog .verificationStep .ag-root-wrapper-body,
.bp6-dialog.report-options-dialog.shp-file-export-verify-dialog .verificationStep .ag-root {
    height: 220px;
}

.bp6-dialog.report-options-dialog.shp-file-export-verify-dialog .verificationEmail {
    flex: 0 0 auto;
    width: 100%;
    height: auto;
    margin: 0;
    overflow: visible;
    float: none;
}

.bp6-dialog.report-options-dialog.shp-file-export-verify-dialog .verificationModeBar {
    flex: 0 0 auto;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    width: 100%;
}

.bp6-dialog.report-options-dialog.shp-file-export-verify-dialog .verificationModeBar.expandWidth {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.bp6-dialog.report-options-dialog.shp-file-export-verify-dialog .verificationEmail .downloadSwitch {
    margin-bottom: 0;
}

.bp6-dialog.report-options-dialog.shp-file-export-verify-dialog .verificationEmail .verificationEmailSubParent {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: stretch;
    flex-wrap: nowrap;
    height: auto;
    padding-top: 0;
    float: none;
}

.bp6-dialog.report-options-dialog.shp-file-export-verify-dialog .verificationEmail .internalVerificationEmail {
    flex: 0 0 auto;
    min-width: 0;
    width: 100%;
}

.bp6-dialog.report-options-dialog.shp-file-export-verify-dialog .verificationEmail .verificationAddOns {
    flex: 0 0 auto;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    width: 100%;
}

.bp6-dialog.report-options-dialog.shp-file-export-verify-dialog .verificationEmail .emailFormGroup,
.bp6-dialog.report-options-dialog.shp-file-export-verify-dialog .verificationEmail .verificationButtonGroup,
.bp6-dialog.report-options-dialog.shp-file-export-verify-dialog .verificationEmail .shapeNotes,
.bp6-dialog.report-options-dialog.shp-file-export-verify-dialog .verificationEmail .mapPDFSelector {
    width: 100%;
}

.bp6-dialog.report-options-dialog.shp-file-export-verify-dialog .verificationEmail .emailFormGroup .emailVerificationList.bp6-form-group.bp6-inline {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0;
    position: relative;
}

.bp6-dialog.report-options-dialog.shp-file-export-verify-dialog .verificationEmail .emailFormGroup .emailVerificationList.bp6-form-group.bp6-inline .bp6-label {
    margin: 0;
    top: 6px;
    position: absolute;
}

.bp6-dialog.report-options-dialog.shp-file-export-verify-dialog .verificationEmail .emailFormGroup .emailVerificationList.bp6-form-group.bp6-inline .bp6-form-content {
    flex: 1 1 auto;
    margin-left: 50px;
}

.bp6-dialog.report-options-dialog.shp-file-export-verify-dialog .verificationEmail .emailFormGroup .emailVerificationListTextFields {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.bp6-dialog.report-options-dialog.shp-file-export-verify-dialog .verificationEmail .emailFormGroup .emailVerificationListTextFields > .bp6-input-group {
    flex: 0 1 calc((100% - 20px) / 1.5);
    min-width: 0;
}

.bp6-dialog.report-options-dialog.shp-file-export-verify-dialog .verificationEmail .emailFormGroup .emailVerificationListTextFields .bp6-input {
    width: 100%;
}

.bp6-dialog.report-options-dialog.shp-file-export-verify-dialog .verificationEmail .verificationButtonGroup {
    display: flex;
    flex-direction: row;
    gap: 12px;
    margin-top: 12px;
    flex-wrap: wrap;
    height: auto;
}

.bp6-dialog.report-options-dialog.shp-file-export-verify-dialog .verificationEmail .verificationEmailButton,
.bp6-dialog.report-options-dialog.shp-file-export-verify-dialog .verificationEmail .verificationSelectEmailButton {
    flex: 1 1 0;
    min-width: 180px;
}

.bp6-dialog.report-options-dialog.shp-file-export-verify-dialog .verificationEmail .verificationEmailButton .bp6-button,
.bp6-dialog.report-options-dialog.shp-file-export-verify-dialog .verificationEmail .verificationSelectEmailButton .bp6-button,
.bp6-dialog.report-options-dialog.shp-file-export-verify-dialog .verificationEmail .mapPDFSelector .mapPDFSelectorButton {
    width: 100%;
}

.bp6-dialog.report-options-dialog.shp-file-export-verify-dialog .verificationEmail .verificationEmailButton .bp6-button.verificationEmailEmail {
    background-image: none;
    background-color: #ffffff;
    color: #000000;
    border: 1px solid rgba(17, 20, 24, 0.24);
    box-shadow: none;
}

.bp6-dialog.report-options-dialog.shp-file-export-verify-dialog .verificationEmail .verifyPanel {
    border-radius: 16px;
}

.bp6-dialog.report-options-dialog.shp-file-export-verify-dialog .verificationEmail .verifyPanelHeader {
    padding: 12px 14px 0;
}

.bp6-dialog.report-options-dialog.shp-file-export-verify-dialog .verificationEmail .verifyPanelHeaderInline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.bp6-dialog.report-options-dialog.shp-file-export-verify-dialog .verificationEmail .deliveryMethodHelp {
    margin: 0 0 10px;
    color: #5c7080;
}

.bp6-dialog.report-options-dialog.shp-file-export-verify-dialog .verificationEmail .deliveryOptions {
    margin: 0;
}

.bp6-dialog.report-options-dialog.shp-file-export-verify-dialog .verificationEmail .deliveryOptions .bp6-radio {
    margin-bottom: 10px;
    color: #001d1d;
    font-weight: normal;
    padding-inline-start: 5px;
}

.bp6-dialog.report-options-dialog.shp-file-export-verify-dialog .verificationEmail .deliveryOptions .bp6-radio:last-child {
    margin-bottom: 0;
}

.bp6-dialog.report-options-dialog.shp-file-export-verify-dialog .verificationEmail .deliveryOptions .bp6-radio .bp6-control-indicator {
    position: static;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    margin: 0 8px 0 0;
    flex: 0 0 auto;
    border: 1px solid #333333;
    background-image: none;
    background-color: #ffffff;
    box-shadow: none;
    border-radius: 50% !important;
}

.bp6-dialog.report-options-dialog.shp-file-export-verify-dialog .verificationEmail .deliveryOptions .bp6-radio .bp6-control-indicator::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50% !important;
    background-image: none;
    background-color: #f1b434;
    opacity: 0;
    transform: scale(0.5);
    transition: opacity 120ms ease, transform 120ms ease;
}

.bp6-dialog.report-options-dialog.shp-file-export-verify-dialog .verificationEmail .deliveryOptions .bp6-radio:hover .bp6-control-indicator,
.bp6-dialog.report-options-dialog.shp-file-export-verify-dialog .verificationEmail .deliveryOptions .bp6-radio input:focus ~ .bp6-control-indicator {
    background-color: #ffffff;
    border-color: #333333;
}

.bp6-dialog.report-options-dialog.shp-file-export-verify-dialog .verificationEmail .deliveryOptions .bp6-radio input:checked ~ .bp6-control-indicator {
    background-color: #ffffff;
    border-color: #333333;
}

.bp6-dialog.report-options-dialog.shp-file-export-verify-dialog .verificationEmail .deliveryOptions .bp6-radio input:checked ~ .bp6-control-indicator::before {
    background-color: #f1b434;
    opacity: 1;
    transform: scale(1);
}

.bp6-dialog.report-options-dialog.shp-file-export-verify-dialog .verificationEmail .deliveryOptionTitle {
    display: inline;
    font-weight: 600;
    color: #1f2933;
}

.bp6-dialog.report-options-dialog.shp-file-export-verify-dialog .verificationEmail .deliveryOptionHelp {
    display: inline;
    margin-left: 6px;
    color: #5c7080;
}

.bp6-dialog.report-options-dialog.shp-file-export-verify-dialog .verificationEmail .verifyPanelHeader h3 {
    margin: 0;
    font-size: 15px;
    line-height: 20px;
    color: #1f2933;
}

.bp6-dialog.report-options-dialog.shp-file-export-verify-dialog .verificationEmail .verifyPanelHeader p {
    margin: 6px 0 0;
    font-size: 12px;
    line-height: 18px;
    color: #5c7080;
}

.bp6-dialog.report-options-dialog.shp-file-export-verify-dialog .verificationEmail .verifyPanelBody {
    padding: 12px 14px 14px;
}

.bp6-dialog.report-options-dialog.shp-file-export-verify-dialog .verificationEmail .shapeNotes {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.bp6-dialog.report-options-dialog.shp-file-export-verify-dialog .verificationEmail .shapeNotes .verifyPanelBody {
    display: flex;
    flex: 1 1 auto;
}

.bp6-dialog.report-options-dialog.shp-file-export-verify-dialog .verificationEmail .shapeNotes .verificationEmailNotesBox {
    min-height: 0;
    height: 100%;
    flex: 1 1 auto;
}

.bp6-dialog.report-options-dialog.shp-file-export-verify-dialog .verificationEmail .shapeNotes,
.bp6-dialog.report-options-dialog.shp-file-export-verify-dialog .verificationEmail .mapPDFSelector {
    flex: 0 0 auto;
}

.bp6-dialog.report-options-dialog.shp-file-export-verify-dialog .verificationEmail .mapPDFSelector .publishedMapsSelection .ag-theme-balham {
    height: 150px !important;
}

.bp6-dialog.report-options-dialog.shp-file-export-verify-dialog .verificationEmail .mapPDFSelector .publishedMapsSelection {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.bp6-dialog.report-options-dialog.shp-file-export-verify-dialog .verificationEmail .consultantDownload {
    max-width: 100%;
}

.bp6-dialog.report-options-dialog.shp-applicator-email-dialog,
.bp6-dialog.report-options-dialog.shp-pdf-selector-dialog {
    width: calc(100vw - 96px);
    max-width: 1180px;
    height: calc(100vh - 64px);
    max-height: calc(100vh - 64px);
}

.bp6-dialog.report-options-dialog.shp-applicator-email-dialog .bp6-dialog-body,
.bp6-dialog.report-options-dialog.shp-pdf-selector-dialog .bp6-dialog-body {
    flex: 1 1 auto;
    display: flex;
    overflow: hidden;
    min-height: 0;
}

.bp6-dialog.report-options-dialog.shp-applicator-email-dialog .bp6-dialog-footer-actions,
.bp6-dialog.report-options-dialog.shp-pdf-selector-dialog .bp6-dialog-footer-actions {
    gap: 12px;
    justify-content: center;
}

.bp6-dialog.report-options-dialog.shp-applicator-email-dialog .shp-overlay-content,
.bp6-dialog.report-options-dialog.shp-pdf-selector-dialog .shp-overlay-content {
    flex: 1 1 auto;
    min-height: 0;
    gap: 0;
}

.bp6-dialog.report-options-dialog.shp-applicator-email-dialog .shp-overlay-section,
.bp6-dialog.report-options-dialog.shp-pdf-selector-dialog .shp-overlay-section {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    padding: 16px;
}

.bp6-dialog.report-options-dialog.shp-applicator-email-dialog .shp-overlay-section-header,
.bp6-dialog.report-options-dialog.shp-pdf-selector-dialog .shp-overlay-section-header {
    margin-bottom: 12px;
}

.bp6-dialog.report-options-dialog.shp-applicator-email-dialog .shp-overlay-section-header .report-options-copy,
.bp6-dialog.report-options-dialog.shp-pdf-selector-dialog .shp-overlay-section-header .report-options-copy {
    margin-bottom: 0;
}

.bp6-dialog.report-options-dialog.shp-applicator-email-dialog .shp-overlay-grid,
.bp6-dialog.report-options-dialog.shp-pdf-selector-dialog .shp-overlay-grid {
    flex: 1 1 auto;
    min-height: 0;
    height: auto;
    margin-bottom: 0;
    border: 1px solid rgba(17, 20, 24, 0.12);
    border-radius: 14px;
    overflow: hidden;
    background: #ffffff;
}

.bp6-dialog.report-options-dialog.shp-applicator-email-dialog .shpFileEmailSelection,
.bp6-dialog.report-options-dialog.shp-pdf-selector-dialog .shpPDFSelectorSelection {
    flex: 1 1 auto;
    min-height: 0;
    height: auto;
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
}

.bp6-dialog.report-options-dialog.shp-applicator-email-dialog .shp-overlay-grid > .ag-theme-balham,
.bp6-dialog.report-options-dialog.shp-pdf-selector-dialog .shp-overlay-grid > .ag-theme-balham,
.bp6-dialog.report-options-dialog.shp-pdf-selector-dialog .shp-overlay-grid > .shpFileEmailSelectionTable {
    flex: 1 1 auto;
    min-height: 0;
}

.bp6-dialog.report-options-dialog.shp-applicator-email-dialog .shp-overlay-grid .ag-root-wrapper,
.bp6-dialog.report-options-dialog.shp-pdf-selector-dialog .shp-overlay-grid .ag-root-wrapper {
    border: 0;
}

.bp6-dialog.report-options-dialog.shp-applicator-email-dialog .shp-overlay-cancel-btn.bp6-button,
.bp6-dialog.report-options-dialog.shp-pdf-selector-dialog .shp-overlay-cancel-btn.bp6-button {
    min-width: 132px;
    height: 46px;
    border: 1px solid rgba(17, 20, 24, 0.16);
    border-radius: 12px;
    background: #ffffff;
    background-image: none;
    box-shadow: none;
    color: #001d1d !important;
    font-weight: 700;
}

.bp6-dialog.report-options-dialog.shp-applicator-email-dialog .shp-overlay-cancel-btn.bp6-button:hover,
.bp6-dialog.report-options-dialog.shp-applicator-email-dialog .shp-overlay-cancel-btn.bp6-button:active,
.bp6-dialog.report-options-dialog.shp-applicator-email-dialog .shp-overlay-cancel-btn.bp6-button:focus,
.bp6-dialog.report-options-dialog.shp-pdf-selector-dialog .shp-overlay-cancel-btn.bp6-button:hover,
.bp6-dialog.report-options-dialog.shp-pdf-selector-dialog .shp-overlay-cancel-btn.bp6-button:active,
.bp6-dialog.report-options-dialog.shp-pdf-selector-dialog .shp-overlay-cancel-btn.bp6-button:focus {
    background: #fff8e8;
    background-image: none;
    box-shadow: none;
    color: #001d1d !important;
}

@media screen and (max-width: 1280px) {
    .bp6-dialog.report-options-dialog.shp-applicator-email-dialog,
    .bp6-dialog.report-options-dialog.shp-pdf-selector-dialog {
        width: calc(100vw - 48px);
    }
}

.rx-booklet .fields {
    width: 70%;
}

.report-generator .options {
    float: left;
    height: calc(100% - 60px);
    width: 15%;
    border: 1px solid #bdc3c7;
    border-left: none;
    background-color: #fff;
    border-bottom-right-radius: 10px;
}

.report-generator .options ul {
    padding: 0;
    margin: 0;
    overflow-y: scroll;
    height: calc(100% - 62px);
    width: 100%;
}

.report-generator .options .statistics {
    height: 177px;
}

.report-generator .options .divider.header {
    background-color: #FCE8C2;
    height: 32px;
    border-bottom: 1px solid #bdc3c7;
    padding: 0 12px;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    color: rgba(0, 0, 0, 0.54);
    font-weight: 600;
}

.report-generator .options .divider.header:first-child {
    height: 33px;
}

.report-generator .options li.divider.title {
    background-color: #f5f7f7;
    height: 26px;
    border-bottom: 1px solid #bdc3c7;
    padding: 0 12px;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    color: #333;
    font-weight: bold;
    text-transform: uppercase;
}

.report-generator .options li {
    padding: 6px 12px;
    border-bottom: 1px solid #bdc3c7;
}

.report-generator .options li label {
    margin: 0;
}

.map-image {
    height: 100%;
}

.report-generator .ag-center-cols-container .ag-row .ag-cell {
    display: flex;
    align-items: center;
    padding: 5px;
}

.report-generator.rec-maps .ag-center-cols-container .ag-row .ag-cell {
    padding: 0 5px;
}

.report-generator.rec-maps .options .divider.header {
    height: 33px;
}

.report-generator.rec-maps .options .divider.header:first-child {
    height: 32px;
}

.report-generator.rec-maps .options ul {
    height: calc(100% - 62px);
    margin-top: -3px;
}

.report-generator.rec-maps .options li {
    height: 36px;
    min-height: 36px;
    padding: 0 12px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}

.report-generator.rec-maps .options li .bp6-control.bp6-checkbox {
    margin: 0;
    height: 36px;
    min-height: 36px;
    width: 100%;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}

.report-generator.rec-maps .options li .bp6-control.bp6-checkbox .bp6-control-indicator {
    margin-top: 0;
}

.report-generator .ag-center-cols-container .ag-row .ag-cell.checkbox,
.report-generator .ag-center-cols-container .ag-row .ag-cell.image {
    justify-content: center;
    width: 100%;
}

.ag-theme-balham .ag-cell.checkbox .ag-selection-checkbox {
    margin: 0;
}

.header .bp6-popover-target {
    line-height: 32px;
    width: 100%;
}

.header .bp6-popover-target .bp6-button {
    width: 100%;
    height: 25px;
    margin-bottom: 3px;
    min-width: unset;
    min-height: unset;
}

.report-generator .bp6-control-group label {
    padding: 5px 10px;
    font-size: 16px;
}

.report-generator .bp6-control-group {
    float: left;
    height: 60px;
    padding: 13px 15px;
}

.report-generator .bp6-button-group {
    float: right;
    height: 60px;
    padding: 14px 20px;
}

.report-generator .bp6-button-group .bp6-button {
    float: right;
    height: 32px;
    width: 100px;
}

.report-generator .bp6-popover-target {
    float: left;
    height: 60px;
    padding: 13px 15px;
}

.report-generator .bp6-popover-target .bp6-button {
    height: 34px;
    width: 180px;
}

.report-generator.rec-maps .growerSelectorMap .printMapGrowerList .bp6-button,
.report-generator.rec-maps .rx-map-selector-button,
.report-generator.rec-maps .rx-map-selector-button.bp6-button,
.report-generator.rec-maps .rx-map-selector-button:hover,
.report-generator.rec-maps .rx-map-selector-button:active,
.report-generator.rec-maps .rx-map-selector-button:focus {
    background-color: #ffffff !important;
    background-image: none !important;
    border: 1px solid rgba(17, 20, 24, 0.12) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    color: #001d1d !important;
}

.report-generator.rec-maps .growerSelectorMap .printMapGrowerList .bp6-button .bp6-button-text,
.report-generator.rec-maps .growerSelectorMap .printMapGrowerList .bp6-button .bp6-icon,
.report-generator.rec-maps .growerSelectorMap .printMapGrowerList .bp6-button .bp6-icon svg,
.report-generator.rec-maps .rx-map-selector-button .bp6-button-text,
.report-generator.rec-maps .rx-map-selector-button .bp6-icon,
.report-generator.rec-maps .rx-map-selector-button .bp6-icon svg {
    color: #001d1d !important;
    fill: #001d1d !important;
}

.report-generator.rec-maps .growerSelectorMap .printMapGrowerList,
.report-generator.rec-maps .growerSelectorMap .printMapGrowerList .bp6-popover-wrapper,
.report-generator.rec-maps .growerSelectorMap .printMapGrowerList .bp6-popover-target {
    float: none;
    height: auto;
    padding: 0;
    width: 180px;
}

.report-generator.rec-maps .growerSelectorMap .printMapGrowerList .bp6-button {
    width: 180px;
}

.report-generator.rec-maps .content-header .content-btns .view-published-reports-btn,
.report-generator.rec-maps .content-header .content-btns .view-published-reports-btn.bp6-button {
    width: auto;
    min-width: 0;
    padding: 0 16px;
}

.report-generator.rec-maps .content-header .content-btns {
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    padding: 0 20px;
}

.bp6-dialog.report-options-dialog {
    width: 33vw;
    height: auto;
    max-width: 560px;
    min-width: 420px;
    display: flex;
    flex-direction: column;
    padding: 0;
    overflow: hidden;
    border: 1px solid rgba(17, 20, 24, 0.12);
    border-radius: 18px;
    background: linear-gradient(180deg, #f5f1e6 0%, #eef4f2 100%);
    box-shadow: 0 24px 60px rgba(0, 29, 29, 0.18);
}

.bp6-dialog.report-options-dialog .bp6-dialog-header {
    margin: 0;
    padding: 14px 18px;
    background: linear-gradient(135deg, #fce8c2 0%, #f7eee0 100%);
    border-bottom: 1px solid rgba(17, 20, 24, 0.12);
}

.bp6-dialog.report-options-dialog .bp6-dialog-header .bp6-heading,
.bp6-dialog.report-options-dialog .bp6-dialog-header .bp6-icon {
    color: #001d1d;
}

.bp6-dialog.report-options-dialog .bp6-dialog-body {
    margin: 0;
    padding: 18px;
}

.bp6-dialog.report-options-dialog .bp6-dialog-footer {
    flex: 0 0 auto;
    margin: 0;
    padding: 0 18px 18px;
    box-shadow: none;
    background: transparent;
}

.bp6-dialog.report-options-dialog .bp6-dialog-footer-actions {
    width: 100%;
    justify-content: flex-end;
}

.bp6-dialog.report-options-dialog .report-options {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.bp6-dialog.report-options-dialog.soil-results-report-options .report-options {
    height: calc(65vh - 345px);
}

.bp6-dialog.report-options-dialog .report-options-section {
    padding: 14px;
    border: 1px solid rgba(17, 20, 24, 0.12);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.88);
}

.bp6-dialog.report-options-dialog .report-options-section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 8px;
}

.bp6-dialog.report-options-dialog .report-options-section .notesLabel {
    margin: 0;
    color: #001d1d;
    font-size: 16px;
    font-weight: 700;
}

.bp6-dialog.report-options-dialog .report-options-required {
    padding: 4px 10px;
    border-radius: 999px;
    background: #fce8c2;
    color: #5b4300;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.bp6-dialog.report-options-dialog .report-options-copy {
    margin: 0 0 10px;
    color: #5d6d6d;
    font-size: 13px;
    line-height: 1.4;
}

.bp6-dialog.report-options-dialog .notesTextArea.bp6-input {
    min-height: 96px;
    padding: 12px 14px;
    border: 1px solid rgba(17, 20, 24, 0.16);
    border-radius: 14px;
    background: #fbfcfa;
    color: #001d1d;
    box-shadow: none;
    resize: vertical;
}

.bp6-dialog.report-options-dialog .notesTextArea.bp6-input:focus {
    border-color: #f1b434;
    box-shadow: 0 0 0 3px rgba(241, 180, 52, 0.18);
}

.bp6-dialog.report-options-dialog .report-options-choice-groups {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.bp6-dialog.report-options-dialog .report-options-choice-card {
    padding: 12px;
    border: 1px solid rgba(17, 20, 24, 0.1);
    border-radius: 14px;
    background: #f7fbfa;
}

.bp6-dialog.report-options-dialog .report-options-group {
    margin: 0;
}

.bp6-dialog.report-options-dialog .report-options-group .bp6-label {
    margin: 0 0 12px;
    color: #001d1d;
    font-size: 14px;
    font-weight: 700;
}

.bp6-dialog.report-options-dialog .report-options-group .bp6-control.bp6-radio {
    margin: 0 0 10px;
    padding: 10px 12px;
    padding-left: 12px;
    border: 1px solid rgba(17, 20, 24, 0.12);
    border-radius: 12px;
    background: #ffffff;
    color: #001d1d;
    display: flex;
    align-items: center;
    gap: 10px;
}

.bp6-dialog.report-options-dialog .report-options-group .bp6-control.bp6-radio:last-child {
    margin-bottom: 0;
}

.bp6-dialog.report-options-dialog .report-options-group .bp6-control.bp6-radio .bp6-control-indicator {
    position: static;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    margin: 0;
    flex: 0 0 auto;
    border-radius: 50%;
    background-image: none;
    background-color: #ffffff;
    box-shadow: inset 0 0 0 2px rgba(91, 67, 0, 0.28);
}

.bp6-dialog.report-options-dialog .report-options-group .bp6-control.bp6-radio .bp6-control-indicator::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-image: none;
    background-color: #f1b434;
    opacity: 0;
    transform: scale(0.5);
    transition: opacity 120ms ease, transform 120ms ease;
}

.bp6-dialog.report-options-dialog .report-options-group .bp6-control.bp6-radio input:checked ~ .bp6-control-indicator {
    background-image: none;
    background-color: #fff8e1;
    box-shadow: inset 0 0 0 1px #f1b434;
}

.bp6-dialog.report-options-dialog .report-options-group .bp6-control.bp6-radio input:checked ~ .bp6-control-indicator::before {
    background-image: none;
    background-color: #f1b434;
    opacity: 1;
    transform: scale(1);
}

.bp6-dialog.report-options-dialog .report-options-group .bp6-control.bp6-radio.bp6-checked {
    border-color: #f1b434;
    background: #fff7e3;
}

.bp6-dialog.report-options-dialog .report-options-confirm-btn.bp6-button {
    min-width: 144px;
    height: 46px;
    margin: 0;
    padding: 0 20px;
    border: 1px solid rgba(17, 20, 24, 0.12);
    border-radius: 12px;
    background: #f1b434;
    background-image: none;
    box-shadow: none;
    font-weight: 700;
    color: #001d1d !important;
}

.bp6-dialog.report-options-dialog .report-options-confirm-btn.bp6-button:hover,
.bp6-dialog.report-options-dialog .report-options-confirm-btn.bp6-button:active,
.bp6-dialog.report-options-dialog .report-options-confirm-btn.bp6-button:focus {
    background: #f6c14b;
    background-image: none;
    box-shadow: none;
    color: #001d1d !important;
}

.bp6-dialog.report-options-dialog .report-options-confirm-btn .bp6-icon,
.bp6-dialog.report-options-dialog .report-options-confirm-btn .bp6-icon svg {
    color: #001d1d;
    fill: #001d1d;
}

.grower-dropdown-portal .bp6-select-popover {
    margin-top: -15px;
}

.grower-dropdown-portal .bp6-select-popover .bp6-menu,
.bp6-popover.rx-map-season-menu .bp6-menu,
.bp6-portal.reportToolClientSelectPortal .reportToolClientSelectPop .bp6-menu,
.bp6-popover.multiselect-menu.reports .bp6-menu,
.bp6-popover.multiselect-menu.years .bp6-menu,
.bp6-popover.multiselect-menu.seasons .bp6-menu {
    background-color: #ffffff !important;
    color: #001d1d !important;
}

.grower-dropdown-portal .bp6-select-popover .bp6-menu-item,
.bp6-popover.rx-map-season-menu .bp6-menu-item,
.bp6-portal.reportToolClientSelectPortal .reportToolClientSelectPop .bp6-menu-item,
.bp6-popover.multiselect-menu.reports .bp6-menu-item,
.bp6-popover.multiselect-menu.years .bp6-menu-item,
.bp6-popover.multiselect-menu.seasons .bp6-menu-item {
    color: #001d1d !important;
    border-radius: 8px;
}

.grower-dropdown-portal .bp6-select-popover .bp6-menu-item:hover,
.grower-dropdown-portal .bp6-select-popover .bp6-menu-item.bp6-active,
.bp6-popover.rx-map-season-menu .bp6-menu-item:hover,
.bp6-popover.rx-map-season-menu .bp6-menu-item.bp6-active,
.bp6-portal.reportToolClientSelectPortal .reportToolClientSelectPop .bp6-menu-item:hover,
.bp6-portal.reportToolClientSelectPortal .reportToolClientSelectPop .bp6-menu-item.bp6-active,
.bp6-popover.multiselect-menu.reports .bp6-menu-item:hover,
.bp6-popover.multiselect-menu.reports .bp6-menu-item.bp6-active,
.bp6-popover.multiselect-menu.years .bp6-menu-item:hover,
.bp6-popover.multiselect-menu.years .bp6-menu-item.bp6-active,
.bp6-popover.multiselect-menu.seasons .bp6-menu-item:hover,
.bp6-popover.multiselect-menu.seasons .bp6-menu-item.bp6-active {
    background-color: #fce8c2 !important;
    color: #001d1d !important;
}

.bp6-popover.multiselect-menu.reports .bp6-menu-item.divider {
    background-color: #f5f7f7 !important;
    color: #516171 !important;
    border-bottom: 1px solid rgba(17, 20, 24, 0.12) !important;
    border-radius: 0 !important;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    cursor: default;
}

.bp6-popover.multiselect-menu.reports .bp6-menu-item.divider:hover,
.bp6-popover.multiselect-menu.reports .bp6-menu-item.divider.bp6-active {
    background-color: #f5f7f7 !important;
    color: #516171 !important;
}

.bp6-popover.multiselect-menu.reports .bp6-menu-item.divider .label {
    display: block;
    width: 100%;
}

.multiselect-menu.bp6-popover-target {
    height: auto;
    padding: 0;
}

.multiselect-menu.bp6-popover-target .bp6-button {
    border-radius: 0;
    width: auto;
    min-width: 100px;
}

.print-rec-maps .rec-maps .options.mapTypes .bp6-popover-target {
    padding-left: 0px;
}

.print-rec-maps .rec-maps .mapRadioOptions .list {
    height: auto;
    overflow-y: hidden;
}

.print-rec-maps .rec-maps .mapRadioOptions .list .mappingOptions.selected .bp6-checkbox {
    font-weight: bolder;
}

.print-rec-maps .rec-maps .options.mapTypes .mapReportIconHolder {
    width: 20%;
    padding-left: 10px;
}

.bp6-portal .bp6-popover.mapReportTypesPopover {
    max-width: 500px;
}

@media (max-width: 900px) {
    .bp6-dialog.report-options-dialog {
        width: calc(100vw - 32px);
        min-width: 0;
    }

    .bp6-dialog.report-options-dialog .report-options-choice-groups {
        grid-template-columns: 1fr;
    }
}

.bp6-portal.reportToolClientSelectPortal .reportToolClientSelectPop {
    margin-top: -41px;
}

.bp6-portal .bp6-popover.reports,
.bp6-portal .bp6-popover.multiselect-menu.years,
.bp6-portal .bp6-popover.multiselect-menu.seasons {
    margin-top: -15px;
}

.print-rx-booklet .rx-booklet .content-body .reports .bp6-button {
    width: 200px;
}

.print-rx-booklet .rx-booklet .content-body .bp6-control-group .bp6-button.bp6-disabled .bp6-button-text {
    color: rgb(0 0 0);
}

.bp6-portal .bp6-dialog.report-tool.one-column .bp6-button.bp6-large {
    background-color: #F1B434;
    color: rgb(0 0 0);
    font-weight: bold;
}

@media screen and (max-width: 1750px) {
}


@media screen and (max-width: 1700px) {
}

@media screen and (min-width: 1535px) and (max-width: 1699px) {
    .print-rx-booklet .report-generator.rx-booklet .params .bp6-control-group {
        transform: scale(0.8);
        margin-left: -30px;
    }

    .print-rx-booklet .report-generator.rx-booklet .params h6 {
        transform: scale(0.8);
        margin-left: -75px;
    }

    .bp6-portal.reportToolClientSelectPortal .reportToolClientSelectPop {
        margin-top: -35px;
    }

    .bp6-portal.reportToolClientSelectPortal .reportToolClientSelectPop .bp6-popover-content {
        margin-top: -35px;
        width: 180px;
    }
}

@media screen and (min-width: 1280px) and (max-width: 1534px) {
    .bp6-portal.reportToolClientSelectPortal .reportToolClientSelectPop {
        margin-top: -34px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
}

.report-generator.shp-file-export-rec-maps .shp-export-table-controls {
    float: left;
    width: 100%;
    height: 0px;
    padding: 0px;
    display: flex;
    align-items: center;
    gap: 0px;
    background: #FCE8C2;
    border-bottom: 0;
}

.report-generator.shp-file-export-rec-maps .shp-export-table-controls .bp6-control {
    margin: 0;
}

.report-generator.shp-file-export-rec-maps .shp-export-table-controls .bp6-popover-wrapper,
.report-generator.shp-file-export-rec-maps .shp-export-table-controls .bp6-popover-target {
    float: none;
    width: auto;
    height: auto;
    padding: 0;
}

.report-generator.shp-file-export-rec-maps .shp-export-table-controls .bp6-button {
    width: 100px;
    height: 30px;
}

.report-generator.shp-file-export-rec-maps .shp-export-unit-label {
    margin-left: 18px;
    font-weight: 600;
}

.report-generator.shp-file-export-rec-maps .options {
    width: 25%;
    height: calc(100% - 60px);
}

.report-generator.shp-file-export-rec-maps .options.crops {
    border-left: 1px solid #bdc3c7;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 0;
}

.report-generator.rec-maps.shp-file-export-rec-maps .options.products {
    width: 25%;
    border-bottom-right-radius: 0;
    border-right-width: 0px;
}

.report-generator.shp-file-export-rec-maps .fields {
    width: 50%;
    height: calc(100% - 60px);
}

.report-generator.shp-file-export-rec-maps .fields .ag-root-wrapper {
    border-right: 1px solid #bdc3c7;
    border-bottom-right-radius: 10px;
}

.report-generator.shp-file-export-rec-maps .options .list {
    height: calc(100% - 66px);
    margin-top: 0px;
}

.report-generator.shp-file-export-rec-maps .shp-export-table-controls .groupBy {
    width: 100%;
    position: absolute;
    margin-top: 30px;
    z-index: 100;
    margin-left: -70px;
}

.report-generator.shp-file-export-rec-maps .shp-export-table-controls .groupBy .bp6-checkbox {
    float: right;
}

.report-generator.shp-file-export-rec-maps .shp-export-table-controls .groupBy .bp6-popover-target {
    float: right;
    margin-right: 10px;
}

.bp6-portal.reportToolClientSelectPortal.shapeFileExport .reportToolClientSelectPop {
    margin-top: -15px;
}

.bp6-portal.shapeYearPortal .bp6-popover.shapeYearPop,
.bp6-portal.shapeSeasonPortal .bp6-popover.shapeSeasonPop,
.bp6-portal.shapeSamplingPortal .bp6-popover.shapeSamplingPop {
    margin-top: -41px;
    box-shadow: none;
}

.bp6-portal.shapeUnitOverridePortal .bp6-popover.shapeUnitOverridePop {
    margin-top: -20px;
}

.report-generator.rec-maps .growerSelectorMap .printMapGrowerList .bp6-button .bp6-button-text {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.bp6-portal.shpFileExportVerifyPortal .verificationStep.report-options-section .ag-cell > div,
.bp6-portal.shpFileExportVerifyPortal .publishedMapsSelection .ag-cell .reportsNotes {
    overflow: hidden;   
    white-space: nowrap;
    text-overflow: ellipsis;
}


.page-content.rx .report-generator.shp-file-export-rec-maps .content-body > .shpFileExport.content.shp-file-export-download-step {
    width: 100%;
    height: 100% !important;
    min-height: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.page-content.rx .report-generator.shp-file-export-rec-maps .shpFileExport.content.shp-file-export-download-step .restartButton {
    flex: 0 0 auto;
    width: auto;
    height: auto;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 12px;
}

.page-content.rx .report-generator.shp-file-export-rec-maps .shpFileExport.content.shp-file-export-download-step .restartButton .goBackButton {
    float: none;
    margin: 0;
    flex: 0 0 auto;
    width: 120px;
}

.page-content.rx .report-generator.shp-file-export-rec-maps .shpFileExport.content.shp-file-export-download-step .restartButton p {
    margin: 0;
}

.page-content.rx .report-generator.shp-file-export-rec-maps .shpFileExport.content.shp-file-export-download-step .fileDownload {
    flex: 0 1 auto;
    width: 100%;
    height: auto;
    min-height: 180px;
    margin: 0;
    float: none;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.page-content.rx .report-generator.shp-file-export-rec-maps .shpFileExport.content.shp-file-export-download-step .fileDownload .success,
.page-content.rx .report-generator.shp-file-export-rec-maps .shpFileExport.content.shp-file-export-download-step .fileDownload .failureToSend {
    width: calc(100% - 40px);
    max-width: 680px;
    height: auto;
    float: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-content.rx .report-generator.shp-file-export-rec-maps .shpFileExport.content.shp-file-export-download-step .fileDownload .success .fileDownloader {
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.page-content.rx .report-generator.shp-file-export-rec-maps .shpFileExport.content.shp-file-export-download-step .fileDownload .success .fileDownloader h3 {
    margin: 0;
}

/* PDF Generator */
.pdf-generator.header .title {
    border-bottom: 2px solid #333;
}
/* recommendations.css */

/* RECOMMENDATIONS */
.recommendations {
  float: left;
  width: 100%;
  height: calc(100% - 72px);
}

.actions {
  text-align: center;
}

.recommendations .rec-builder,
.recommendations .rec-templates {
  width: 85%;
  text-align: right;
  float: left;
}

@media screen  and ( min-width: 1740px ) and ( max-width: 1915px ) {
  .recommendations .rec-builder,
  .recommendations .rec-templates {
    width: calc(100% - 287px) !important;
  }

  .recommendations .rx-create-header .options {
    width: 13%;
  }
}

@media screen  and ( min-width: 1441px ) and ( max-width: 1540px ) {
  .recommendations .rec-builder,
  .recommendations .rec-templates {
    width: calc(100% - 287px) !important;
  }
}

@media screen  and ( min-width: 1275px ) and ( max-width: 1365px ) {
  .recommendations .rec-builder,
  .recommendations .rec-templates {
    width: calc(100% - 421px) !important;
  }

  .rx .recommendations.content .rx-create.content .rx-create-body .agGridResultsOutsideAllInOne {
    height: 81%;
  }

  .recommendations .rx-create-header .options {
    width: 15%;
  }
}

@media screen  and ( min-width: 1090px ) and ( max-width: 1280px ) {
  .recommendations .rx-create-header .options {
    width: 16%;
    margin-left: -30px;
  }
}

@media screen and ( min-width: 1366px ) and ( max-width: 1430px ) {
  .rx .recommendations.content .rx-create.content .rx-create-body .agGridResultsOutsideAllInOne {
    height: 83%;
  }
}

.recommendations .rec-templates .bp6-button-text {
  letter-spacing: 2px;
  font-weight: bold;
}

.recommendations .hint-text {
  top: 83px;
  z-index: 16;
  width: 100% !important;
  height: 100% !important;
}

.grid-container {
  width: 100%;
  height: calc(100% - 160px);
}

.ag-theme-balham.grid-container {
  margin: 0;
  padding: 0;
}

.grid-container.show-chart {
  width: 70%;
}

.recommendations .rec-templates .views {
  float: left;
}

.recommendations .rec-templates .options {
  float: right;
}

.recommendations .content-body {
  width: 100%;
  padding: 0px 20px 20px 20px;
  height: calc(100% - 24px);
}

.recommendations .content-body .rx-create.content {
    height: 100%;
}

.rx-create-header {
  float: left;
  width: 100%;
  padding: 0;
  border-bottom: 2px solid #333;
  background-color: #b3b3b2;
}

.rx-create-header .options {
  padding: 5px 10px;
  float: right;
  width: 12%;
  margin-right: 5px;
}

.rx-create-header .options .bp6-popover-target {
  display: block;
  float: right;
  flex: none;
}

.chart-container.show-chart {
  width: 33%;
  padding: 0;
}

.agGridResultsOutside {
  width: 100%;
  height: 44%;
}

.agGridResultsOutsideAllInOne {
  width: 100%;
  height: 84%;
}

@media screen and ( min-width:1541px ) and ( max-width: 1750px ) {
  .agGridResultsOutside {
    height: 42%;
  }

  .agGridResultsOutsideAllInOne {
    height: 82%;
  }
}

@media screen and ( min-width: 1441px ) and ( max-width: 1540px ) {
  .agGridResultsOutside {
    height: 38%;
  }

  .agGridResultsOutsideAllInOne {
    height: 78%;
  }
}

.agGridResultsOutside .noSeasonYear {
  height: 44%;
  width: 100%;
  background-color:rgba(155, 155, 155, 0.75);
  position: absolute;
  z-index: 14;
  text-align: center;
  padding-top: 13%;
  font-weight: bold;
  font-size: xx-large;
}

.agGridResultsOutsideAllInOne .noSeasonYear {
  height: 84%;
  width: 100%;
  background-color:rgba(155, 155, 155, 0.75);
  position: absolute;
  z-index: 14;
  text-align: center;
  padding-top: 13%;
  font-weight: bold;
  font-size: xx-large;
}

.page-content.rx .recommendations.content .rx-create.content .agGridResultsOutsideAllInOne .ag-theme-balham .ag-row-odd {
  background-color: var(--ag-odd-row-background-color);
}

.recommendations.content .rx-create-body .wizard-container.col-lg-12.show-wizard {
  height: 35%;
  margin-top: 0;
}

.recommendations.content .rx-create-body .show-wizard .rx-wizard.contents{
  height: 100%;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-body .stepwise-results-layout .wizard-container.col-lg-12.show-wizard .rx-wizard.contents {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-body .stepwise-results-layout .wizard-container.col-lg-12.show-wizard .rx-wizard.contents .crop-form {
  flex: 0 0 56px;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-body .stepwise-results-layout .wizard-container.col-lg-12.show-wizard .rx-wizard.contents > .ag-theme-balham[style*="height: 100%"],
.page-content.rx .recommendations.content .rx-create.content .rx-create-body .stepwise-results-layout .wizard-container.col-lg-12.show-wizard .rx-wizard.contents > .ag-theme-balham[style*="height: 80%"] {
  flex: 1 1 auto;
  min-height: 0;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-body .stepwise-results-layout .wizard-container.col-lg-12.show-wizard .rx-wizard.contents .rxFieldDisplay {
  flex: 0 0 20%;
  height: 20%;
  min-height: 0;
}

.grid-container.show-wizard {
  /* height: calc(50% - 78px); */
  height: 100%;
}

.recommendations .selected {
    float: left;
    width: 100%;
    padding: 5px 20px 5px 20px;
    background-color: #B6B6B6;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    font-weight: bold;
}

.rec-templates,
.rec-builder {
  float: left;
  width: calc(100% + 2px);
  padding: 0 10px;
  margin-left: -2px;
  color: #fff;
  text-shadow: 0px 0px 10px #545f54;
}

.rec-templates h5,
.rec-builder h5 {
  font-weight: bold;
  letter-spacing: 5px;
  text-transform: uppercase;
  font-size: 16px;
  margin: 12px 10px 0 0;
  float: left;
}

.rec-templates .toolbar {
  float: left;
}

.rec-templates .bp6-button-group,
.rec-builder .bp6-button-group {
  float:left;
  margin: 5px 10px 5px 0;
  width: 100%;
}

.rx-create .header-column-actions .bp6-popover-target {
  position: absolute;
  right: 1px;
  padding: 0;
  margin-top: 0px;
  line-height: 30px;
  height: 33px;
}

.rx-create .header-column-actions .bp6-popover-target .bp6-button {
  height: 35px;
}

.test-results .bp6-popover-target .btn {
  position: relative;
  right: 10px;
}

.test-results .header-column-actions span {
  padding: 0;
}

.rec-builder .badge,
.rec-templates .badge {
  background-color: #fff;
  border-radius: 10px;
  color: #333;
  font-weight: bolder;
  letter-spacing: 1px;
}

.bp6-button-text a,
.bp6-button-text a:hover {
  color: white;
  text-decoration: none;
}

.bp6-menu.scrollable {
  overflow-y: scroll;
}

.test-codes .bp6-menu.scrollable li:first-child {
  position: fixed;
  top: 0;
  left: 0;
  width: calc(100% - 17px);
  background-color: #633e07;
  padding: 7px 5px;
  border-bottom: 1px solid rgba(16, 22, 26, 0.15);
}

.test-codes .bp6-menu li.bp6-menu-divider {
  margin-top: 5px;
}

.test-codes .bp6-menu.scrollable li.bp6-menu-divider {
  margin-top: 49px;
}

.header-column-actions span.bp6-icon-cog {
  padding: 3px 0;
}

.actions.ag-cell,
.actions.ag-cell .btn-group {
  text-align: center;
}

.actions.ag-cell .btn-group > .btn {
  float: none;
}

.names {
  width: calc(100% - 300px);
  float: left;
}

.cnt {
  float: left;
  padding: 0 10px;
  width: 115px;
  text-align: right;
}

.cnt span {
  display: inline-block;
  width: 40px;
}

.acres {
  float: left;
  padding: 0 10px;
  width: 180px;
  text-align: right;
}

.acres span {
  width: 65px;
  display: inline-block;
}

.recommendations.content .committedCount {
  width: 180px;
  padding-right: 10px;
  float: left;
  margin-left: 20px;
}

.recommendations.content .committedAcres {
  width: 240px;
  padding: 0 10px;
  float: left;
}

.recommendations.content .committedCount span,
.recommendations.content .committedAcres span {
  width: 65px;
  margin-left: 10px;
} 

.label-only {
    text-align: right;
    padding: 10px 0;
}

.rec-form {
  width: 100%;
  margin: 10px 0;
}

.rec-templates .btn-group-title {
  float:left;
  padding: 11px 10px;
  font-weight: bold;
}

.recommendations .column-success {
  background-color: #86d586;
}

.recommendations .column-danger {
  background-color: #d93d3d;
}

.recommendations .column-warning {
  background-color: orange;
}

.recommendations .in-range.ag-row-selected {
  background-color: #86d586;
  border: 1px solid blue;
}

.recommendations .out-of-range.ag-row-selected {
  background-color: #d93d3d;
  border: 1px solid blue;
}

.column-actions .btn {
  margin: 2px 0;
  padding: 0px 8px;
  font-weight: bold;  
}

.column-actions .btn-success {
  background-color: #0f9960;
  color: #ffffff;
}

.column-actions .btn-success:hover {
  background-color: #0d8050;
}

.column-actions .btn-danger {
  background-color: #db3737;
  color: #ffffff;
}

.column-actions .btn-danger:hover {
  background-color: #c23030;
}

.column-actions .btn-primary {
    background-color: #137cbd;
    color: #ffffff;
}

.column-actions .btn-primary:hover {
  background-color: #106ba3;
}

.column-actions .btn-info {
  background-color: #5bc0de;
  color: #ffffff;
}

.column-actions .btn-info:hover {
  background-color: #6aafd9;
}

.rec-grid {
  height: calc(100% / 2);
}

.rec-chart {
  height: calc((100% / 2) - 40px);
}

.rec-chart canvas {
  height: 50%;
}
 
.rec-grid .totals,
.rec-grid .crops,
.rec-grid .season,
.rec-grid .years {
  background-color: #cecece;
}

.totals select {
  float: left;
  width: 50px;
}

.totals .btn-group {
  float: left;
  width: 95px;
}

/**
* Vertical Results
*/
.comparison-popup-widget.bp6-dialog {
  padding: 0;
}

.comparison-popup-widget .bp6-dialog-header {
  display: none;
}

.yearly-comp.ag-theme-balham .ag-row,
.yearly-comp.ag-theme-balham .ag-cell {
  border: none;
}

.yearly-comp.ag-theme-balham.grid .current-year {
  background-color: #cecece;
  border-left: 4px solid #333;
  border-right: 4px double #333;
}

.yearly-comp.ag-theme-balham.grid .future-year {
  background-color: #cdcdcd;
}

.yearly-comp.ag-theme-balham.grid .ag-center-cols-container {
  border: 1px solid #cecece;
}

.analyte-range {
  float: left;
  width: 60px;
  padding: 38px 0px 38px 19px;
  border: 1px solid #fff;
  background-color: #cecece;
}

.control-group {
  float: left;
  padding: 5px 5px;
  background-color: #cecece;
}

.analyte-range h5 {
  text-align: center;
}

.analyte-range .bp6-slider.bp6-vertical {
  height: 200px;
}

.analyte-range .bp6-slider.bp6-vertical .bp6-slider-track {
  top: 0;
  bottom: 0;
  left: 5px;
  width: 6px;
  height: auto;
}

.recommendations .ag-theme-balham .red-row {
  background-color: #C52F00 !important;
}

.recommendations .ag-theme-balham .ag-center-cols-container .red-row-allinone {
  background-color: #C52F00 !important;
}

.recommendations .ag-theme-balham .red-row.isGroup {
  background-color: #C52F00;
  border: 3px solid #333;
  line-height: 20px;
}

.recommendations .ag-theme-balham .yellow-row {
  background-color: #F1B434 !important;
}

.recommendations .ag-theme-balham .ag-center-cols-container .yellow-row-allinone {
  background-color: #F1B434 !important;
}

.recommendations .ag-theme-balham .yellow-row.isGroup {
  background-color: #F1B434;
  border: 3px solid #333;
  line-height: 20px;
}

.recommendations .ag-theme-balham .green-row {
  background-color: #50AF4C !important;
}

.recommendations .ag-theme-balham .ag-center-cols-container .green-row-allinone {
  background-color: #50AF4C;
}

.recommendations .ag-theme-balham .green-row.isGroup {
  background-color: #50AF4C;
  border: 3px solid #333;
  line-height: 20px;
}

.recommendations .ag-theme-balham .ag-cell.editable-field {
  background-color: #fff;
}

.recommendations .ag-theme-balham .rowSpace,
.ag-theme-balham-soilresults .ag-theme-balham-soilresult-part2 .rowSpace {
  border-bottom-color: #aaa;
  border-bottom-style: solid;
  border-bottom-width: thick;
}

.recommendations .agGridResultsOutsideAllInOne .ag-theme-balham .ag-pinned-left-cols-container .committed {
  background-color: #497352 !important;
  font-weight: bold;
}

.recommendations .agGridResultsOutsideAllInOne .ag-theme-balham .ag-row-selected {
  background-color: #7FC09D !important;
}

.recommendations .ag-theme-balham .ag-pinned-left-cols-container .committed.changed,
.recommendations .ag-theme-balham .ag-pinned-left-cols-container .changed,
.recommendations .ag-theme-balham .ag-pinned-left-cols-container .committed.changed::before,
.recommendations .ag-theme-balham .ag-pinned-left-cols-container .changed::before {
  background-color: #B68945 !important;
  background-image: none;
  font-weight: bold;
}

.recommendations .agGridResultsOutsideAllInOne .ag-theme-balham .partialCommitted {
  background-color: #B68945 !important;
  background-image: none;
  font-weight: bold;
}

.recommendations .ag-theme-balham .ag-pinned-left-cols-container .ag-row-hover::before,
.recommendations .ag-theme-balham .ag-center-cols-viewport .ag-row-hover::before {
  background-color: rgba(255,255,255,0) !important;
}

.recommendations .ag-theme-balham .ag-pinned-left-cols-container .ag-row-selected.changed .ag-row-hover::before,
.recommendations .ag-theme-balham .ag-pinned-left-cols-container .changed.ag-row-focus::before {
  background-color:rgba(1, 255, 242, .75) !important;
}

 .recommendations .ag-theme-balham .ag-row-focus{
  border-color: black;
  border-style: solid;
  border-width: medium;
}

.recommendations .ag-theme-balham .ag-row-focus.green-row {
  border-color: black;
  border-style: solid;
  border-width: medium;
  background-color:rgb(102, 202, 33) !important;
}

.recommendations .agGridResultsOutsideAllInOne .ag-theme-balham.show-wizard .ag-row-focus,
.recommendations .agGridResultsOutsideAllInOne .ag-theme-balham.show-wizard .ag-pinned-left-cols-container .ag-row-focus {
  border-color: black;
  border-style: solid;
  border-width: medium;
  background-color: #6eb1d4 !important;
}

.recommendations .agGridResultsOutsideAllInOne .ag-theme-balham .ag-row-focus .green-row-allinone,
.recommendations .agGridResultsOutsideAllInOne .ag-theme-balham .ag-row-focus .yellow-row-allinone,
.recommendations .agGridResultsOutsideAllInOne .ag-theme-balham .ag-row-focus .red-row-allinone,
.recommendations .agGridResultsOutsideAllInOne .ag-theme-balham .rowHistoricalDisabled.ag-row-focus .green-row-allinone,
.recommendations .agGridResultsOutsideAllInOne .ag-theme-balham .rowHistoricalDisabled.ag-row-focus .yellow-row-allinone,
.recommendations .agGridResultsOutsideAllInOne .ag-theme-balham .rowHistoricalDisabled.ag-row-focus .red-row-allinone,
.recommendations .agGridResultsOutsideAllInOne .ag-theme-balham .rowHistoricalDisabled.ag-row-focus {
  background-color: #6eb1d4  !important;
}

.recommendations .agGridResultsOutsideAllInOne .ag-theme-balham .rowHistoricalDisabled,
.recommendations .ag-theme-balham .ag-center-cols-container .rowHistoricalDisabled .green-row-allinone,
.recommendations .ag-theme-balham .ag-center-cols-container .rowHistoricalDisabled .yellow-row-allinone,
.recommendations .ag-theme-balham .ag-center-cols-container .rowHistoricalDisabled .red-row-allinone {
  background-color: rgba(154, 154, 154) !important;
}

.recommendations .agGridResultsOutsideAllInOne .ag-theme-balham .ag-row-focus .rowHistoricalDisabled,
.recommendations .agGridResultsOutsideAllInOne .ag-theme-balham .ag-pinned-left-cols-container .ag-row-focus .rowHistoricalDisabled {
  background-color: rgba(154, 154, 154, .75) !important;
}

/* .recommendations .agGridResultsOutsideAllInOne .ag-theme-balham .ag-row-focus .green-row-allinone {
  background-color:rgb(102, 202, 33) !important;
}

.recommendations .agGridResultsOutsideAllInOne .ag-theme-balham .ag-row-focus .yellow-row-allinone{
  background-color: #cfcf04 !important;
}

.recommendations .agGridResultsOutsideAllInOne .ag-theme-balham .ag-row-focus .red-row-allinone {
  background-color:rgba(228, 0, 0, 0.875) !important;
} */

.recommendations .ag-theme-balham .ag-row-focus.red-row {
  border-color: black;
  border-style: solid;
  border-width: medium;
  background-color:rgba(228, 0, 0, 0.875) !important;
}

.recommendations .ag-theme-balham .ag-row-focus.red-row::before,
.recommendations .ag-theme-balham .ag-row-focus.yellow-row::before,
.recommendations .ag-theme-balham .ag-row-focus.green-row::before,
.recommendations .ag-theme-balham .ag-row-focus.red-row.ag-row-hover::before,
.recommendations .ag-theme-balham .ag-row-focus.yellow-row.ag-row-hover::before,
.recommendations .ag-theme-balham .ag-row-focus.green-row.ag-row-hover::before,
.recommendations .ag-theme-balham .ag-row-selected::before {
  background-color: rgba(255,255,255,0) !important;
  background-image: none;
}

.recommendations .ag-theme-balham .ag-row-focus.yellow-row {
  border-color: black;
  border-style: solid;
  border-width: medium;
  background-color: #cfcf04 !important;
}

.recommendations .ag-theme-balham .ag-pinned-left-cols-container .ag-row.ag-row-focus {
  border-left: none;
  border-right: none;
}

.recommendations .ag-theme-balham .ag-center-cols-container .ag-row.ag-row-focus {
  border-left: none;
  border-right: none;
}

.recommendations .ag-theme-balham .ag-pinned-right-cols-container .ag-row.ag-row-focus {
  border-left: none;
}

.recommendations .agGridResultsOutsideAllInOne .ag-theme-balham .ag-pinned-left-cols-container .ag-row-last::after {
  content: '<div>';
  font-size: 0%;
  padding-bottom: 35vh;
}

.recommendations .agGridResultsOutside .grid-container.results .ag-selection-checkbox {
  margin-top: -3px;
}

.recommendations .rx-create.content .ag-selection-checkbox {
  margin-top: -2px;
}

.analyte-range .bp6-slider-axis {
  position: relative;
  height: 200px;
}

.analyte-range .bp6-slider-label {
  left: 5px;
}

.analyte-range .bp6-slider.bp6-vertical .bp6-slider-handle .bp6-slider-label {
  margin-left: -34px;
  text-align: center;
  width: 35px;
}

.analyte-range .bp6-slider-axis .bp6-slider-label {
  display: none;
  width: 61px;
  left: -42px;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
}

.analyte-range .bp6-slider-axis .bp6-slider-label:last-child {
  bottom: 110% !important;
  display: block;
}
.analyte-range .bp6-slider-axis .bp6-slider-label:first-child {
  bottom: -10% !important;
  display: block;
}

/* ANALYTE CONTROL */
.analyte-control {
  float:left;
}

.analyte-control h5 {
  line-height: 26px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
}

.recommendations .rx-create > div {
  float: left;
  width: 100%;
  height: 100%;
}

.recommendations .rx-create-body {
  float: left;
  width: 100%;
  height: calc(100% - 80px);
}

.recommendations .drag-preview {
  width: 200px;
  background-color: #cecece;
  border-bottom: 2px solid #333;
  padding-left: 24px;
  line-height: 28px;
}

.recommendations .drag-preview .rx div {
  display: none;
}

.show-wizard.wizard-container {
  top: 30px;
  padding: 0;
  margin: 0;
}

.btn-menu .bp6-button {
  border-radius: 0;
  margin-right: -1px;
}

.drag-cell.ag-cell {
  width: 40px !IMPORTANT;
}

.centeralign {
  text-align: center;
}

.rightalign {
  text-align: right;
}

.rx-goals.content,
.crops-container,
.crop-card,
.crop-card-header,
.crop-card-body,
.crop-fields,
.crop-analyte-settings {
  float: left;
  width: 100%;
  height: 100%;
}

.crop-view {
  height: 100%;
}

.crop-card-header {
  height: 32px;
}
.crop-card-body {
  height: calc(100% - 32px);
}

.crop-fields {
  width: calc(100%);
  height: 100%;
}

.crop-analyte-settings {
  width: 25%;
  height: auto;
}
.crop-analyte-settings {
  width: 0%;
  height: auto;
}

.crop-analyte-settings-header {
  height: 34px;
  border: 1px solid #cecece;
  background-color: #efefef;
}

.crop-analyte-settings-body {
  padding: 10px 25px;
} 

.crop-analyte-settings-body .bp6-control-group {
  margin-bottom: 15px;
}

.crop-analyte-settings-header select {
  margin: 5px;
  padding: 2px 5px;
}

.multiple-zones {
  overflow: auto;
}

.ag-theme-balham .label-table.zone {
  border-radius: 3px;
  margin: 2px;
  padding: 0;
  background-color: #CB9E45;
  color: white;
  height: 22px;
  display: inline-block;
  font-family: monospace;
}

.ag-theme-balham .label-table.zone .name {
  padding-right: 5px;
  font-weight: bold;
  padding: 3px 7px;
  display: block;
  line-height: 15px;
  float: left;
}

.ag-theme-balham .label-table.zone .delete {
  margin: 0px 0;
  padding: 8px 0px 0px 5px;
  font-weight: bold;
  cursor: pointer;
  display: inline-block;
  position: relative;
  bottom: 6px;
  height: 16px;
  line-height: 13px;
}

.crop-analyte-settings-header .bp6-form-group {
  margin: 0;
  margin-top: 1px;
  padding: 0 5px;
}

.crop-analyte-settings-header .bp6-label {
  padding-top: 1px;
}

.crop-analyte-settings-body .bp6-label {
  width: 40%;
}

.crop-analyte-settings-header .bp6-input {
  padding-left: 5px;
  padding-top: 5px;
}

.crop-fields.undesignated {
    width: 100%;
}

.ag-theme-balham,
.bp6-form-content
.bp6-form-content textarea {
  float:left;
  width: 100%;
  height: 100%;
}

.rx-profile-step .bp6-form-group {
  float: left;
  margin: 5px 10px;
}

.left-column {
  width: 50%;
  height: 100%;
  float: left;
  padding: 10px;
}

.right-column {
  width: 50%;
  height: 100%;
  float: right;
  padding: 10px;
}

.rx-questions {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

.page-content.rxnotes .products.grid-sidebar.content {
  height: calc(100% - 60px);
}

.rx-notes h4,
.rx-questions h4, 
.rx-products h4 {
  margin-top: 0;
  text-align: left;
}

.rx-inventory {
  height: 259px;
}

.rx-user-equipment {
  float: left;
  width: 100%;
  height: 50%;
}

.rx-user-equipment .ag-theme-balham,
.rx-user-equipment .bp6-form-group {
  height: 50%;
}

.rx-notes {
  float: right;
  height: 100%;
  width: 100%;
}

.rx-notes .bp6-form-group {
  width: calc(100% - 20px);
  height: calc(100%);
}

.rx-notes .bp6-form-group {
  margin: 0;
}

.rx-notes .bp6-form-content {
  width: 100%;
  height: 100%;
}

.rx-notes .bp6-form-group textarea {
  height: 100%;
  width: 100%;
}

.rx-questions {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

.rx-questions .bp6-form-group {
  float: left;
  width: 190px;
  padding: 0 20px 0 0;
}

.rx-questions .bp6-form-group:first-of-type {
  width: 250px;
}

.bp6-portal .rxWizPop.SeasonSelector,
.bp6-portal .rxWizPop.YearSelector,
.bp6-portal .rxWizPop.LengthSelector,
.bp6-portal .rxWizPop.CropSelector {
  width: 220px;
  margin-top: -15px;
  box-shadow: none;
}

.rx-products  {
  float: left;
  width: 100%;
  height: 250px;
  margin-bottom: 10px;
}

.rx-products .ag-theme-balham {
  height: calc(100% - 30px);
}

.rx-profile-step textarea.bp6-input {
  width: 100%;
  height: calc(100% - 50px);
}

textarea.bp6-input.readonly {
  background-color: #efefef;
  color: #777;
  resize: none;
}

.wizard.content {
  height: calc(100vh - 200px);
}

.rec-builder .p-dropdown {
  border-radius: 0;
  border: 1px solid #333;
  border-right: none;
}

.rec-builder .p-dropdown .p-dropdown-label {
  text-align: left;
}

.ag-cell.editable {
  box-shadow: 0px -2px 0px inset #b7b7b2;
}

.three-column .form-body section {
  padding: 0 15px;
}

.recommendations .ag-theme-balham .ag-row-odd .nonEditable  {
  box-shadow: none;
}

.recommendations .ag-theme-balham .ag-row-odd .editable  {
  background-color: #dfdcdc;
}

.recommendations .ag-theme-balham .ag-row-even .editable  {
  background-color: #eee;
}

.recommendations .agGridResultsOutsideAllInOne .ag-theme-balham .ag-row-even .editable  {
  background-color: #dfdcdc;
}

.recommendations .agGridResultsOutsideAllInOne .ag-theme-balham .ag-row-odd .editable  {
  background-color: #eee;
}

.recommendations .agGridResultsOutsideAllInOne .ag-theme-balham .header-column-actions .bp6-button.bp6-disabled {
  font-weight: bold;
  color: #000000;
}

/*
* Rx Wize Profile Step
*/
.rx-profile-step .col-md-6,
.rx-profile-step .col-md-12 {
  height: 100%;
  float: left;
  padding-left: 12px;
}

.rx-profile-step .ag-theme-balham {
  float: left;
  height: calc(100% - 39px);
}

.rx-profile-step .right-column h4,
.rx-profile-step .right-column label,
.rx-profile-step .right-column span {
  text-align: left;
}

.rx-wizard-dialog-body h4 {
  color: #585858;
  font-size: 20px;
  font-weight: bold;
}

.retailer-info label {
  text-align: left;
}

.retailer-info > div {
  float: left;
  width: 100%;
}

.retailer-info > div > label,
.retailer-info > div > span {
  display: inline-block;
  width: 50%;
}

.right-column .retailer-info > div > span {
  text-align: right;
}


.retailer-info .fullwidth label,
.retailer-info .fullwidth span {
  width: 100%;
}

.retailer-info .fullwidth .col-md-6 {
  padding: 0;
}

.rx-equipment {
  height: 140px;
}

.rx-notes {
  height: calc(100% - 245px);
}

.retailer-details {
  float: left;
  padding-bottom: 10px;
}

.rx-profile-step .row {
  height: calc((100% - 104px) / 3);
  width: 100%;
  float: left;
}

.rx-client-notes .bp6-form-group,
.rx-retailer-notes .bp6-form-group {
  width: 100%;
  height: calc(100% - 39px);
}

.rx-client-notes .bp6-form-content,
.rx-client-notes .bp6-form-content textarea,
.rx-retailer-notes .bp6-form-content,
.rx-retailer-notes .bp6-form-content textarea {
  height: 100%;
  width: 100%;
}

.rx-wizard .crop-form {
  height: 56px;
  width: 100%;
  padding-top: 5px;
  float: left;
  background-color: #b3b3b2;
  border-bottom: 2px solid #333;
}

.wizard-container .crop-form .row {
  height: 100%;
  display: inline-flex;
  flex-wrap: nowrap;
  width: 100%;
  margin: 0;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-body .wizard-container.col-lg-12.show-wizard .crop-form .notesButton {
  display: flex;
  align-items: center;
  width: auto;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-body .wizard-container.col-lg-12.show-wizard .crop-form .notesButton .toolbarManageButton.bp6-button {
  width: auto !important;
  min-width: 110px !important;
  max-width: none !important;
  height: 42px;
  min-height: 42px;
  padding: 0 14px !important;
  border-radius: 0.75rem !important;
  box-shadow: none !important;
  font-weight: 600;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-body .wizard-container.col-lg-12.show-wizard .crop-form .notesButton .toolbarManageButton.bp6-button.bp6-intent-success {
  background-color: #fff;
  border: 0.0625rem solid #d8cfb7;
  color: #001D1D;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-body .wizard-container.col-lg-12.show-wizard .crop-form .notesButton .toolbarManageButton.bp6-button.bp6-intent-success:hover,
.page-content.rx .recommendations.content .rx-create.content .rx-create-body .wizard-container.col-lg-12.show-wizard .crop-form .notesButton .toolbarManageButton.bp6-button.bp6-intent-success:focus,
.page-content.rx .recommendations.content .rx-create.content .rx-create-body .wizard-container.col-lg-12.show-wizard .crop-form .notesButton .toolbarManageButton.bp6-button.bp6-intent-success:active {
  background-color: #fff;
  border: 0.0625rem solid #d8cfb7;
  color: #001D1D;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-body .wizard-container.col-lg-12.show-wizard .crop-form .notesButton .toolbarManageButton.bp6-button.bp6-intent-primary {
  background-color: #F1B434;
  border: 0.0625rem solid #d49d28;
  color: #000;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-body .wizard-container.col-lg-12.show-wizard .crop-form .notesButton .toolbarManageButton.bp6-button.bp6-intent-primary:hover,
.page-content.rx .recommendations.content .rx-create.content .rx-create-body .wizard-container.col-lg-12.show-wizard .crop-form .notesButton .toolbarManageButton.bp6-button.bp6-intent-primary:focus,
.page-content.rx .recommendations.content .rx-create.content .rx-create-body .wizard-container.col-lg-12.show-wizard .crop-form .notesButton .toolbarManageButton.bp6-button.bp6-intent-primary:active {
  background-color: #F1B434;
  border: 0.0625rem solid #d49d28;
  color: #000;
}

.wizard .bp6-tabs .row {
  margin: 0;
  display: block;
}

.wizard .bp6-tabs .rx-profile-step,
.wizard .bp6-tabs .rx-start-step {
  padding: 15px 5px 0 5px;
}

.crop-form .row .season-year .p-inputgroup {
  margin-top: 1px;
  gap: 8px;
}

.season-year .p-inputgroup {
  gap: 8px;
  display: flex;
}

.season-year .p-inputgroup .bp6-popover-target {
  width: 96px;
  padding: 0;
}

.season-year .p-inputgroup .bp6-popover-target .bp6-button {
  width: 96px;
  height: 34px;
}

.season-year .p-inputgroup .bp6-icon.p-inputgroup-addon {
  background-color: #137cbd;
  color: white;
  width: 25px;
}

.season-year .p-inputgroup .bp6-icon.p-inputgroup-addon > svg {
  margin-left: 3px;
}

.bp6-portal .bp6-overlay .season-menu.StepWise,
.bp6-portal .bp6-overlay .year-menu.StepWise,
.bp6-portal .bp6-overlay .season-menu.AllInOne,
.bp6-portal .bp6-overlay .year-menu.AllInOne {
  width: auto !important;
  min-width: 100% !important;
}

.bp6-portal .bp6-overlay .year-menu.AllInOne {
  margin-top: -15px;
}

.inline-dropdown .bp6-menu a.bp6-menu-item {
  text-align: center;
}

.season-year {
  margin: 3px 0;
}

.season,
.year {
  width: 96px;
}

.season-year .season .bp6-popover-wrapper,
.season-year .year .bp6-popover-wrapper {
  width: 96px;
}

.season-year .season .bp6-button:hover,
.season-year .year .bp6-button:hover {
  background-color: inherit !important;
  box-shadow: none !important;
}

.year-menu .bp6-menu,
.season-menu .bp6-menu {
  min-width: 6rem !important;
  width: 6rem !important;
}

.wizard-container.show-wizard .ag-theme-balham .rxBulkDeleteButton {
  width: 80px;
  margin-left: -10px;
  height: 30px;
}

.rx-create.content .rx-create-body .agGridResultsOutsideAllInOne .rxBulkDeleteButton,
.rx-create.content .rx-create-body .show-wizard .rx-wizard.contents .rxBulkDeleteButton {
  width: 80px;
  margin-left: -13px;
  background-color: #C52F00;
  font-weight: bold;
}

.rx-create.content .rx-create-body .agGridResultsOutsideAllInOne .rxBulkDeleteButton.bp6-button.bp6-disabled,
.rx-create.content .rx-create-body .show-wizard .rx-wizard.contents .rxBulkDeleteButton.bp6-button.bp6-disabled {
  color: black;
  font-weight: bold;
}

.wizard-container .bp6-button.bp6-intent-danger {
  min-height: 24px;
  padding: 0;
  float: left;
}

.bp6-button.bp6-intent-primary.active {
  background-color: #0e5a8a;
  -webkit-box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rxStepButtons .bp6-button.bp6-intent-primary:not(:last-of-type) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  margin-right: -1px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rxStepButtons .bp6-button.bp6-intent-primary:last-of-type {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

 .rx-create .loading { 
  position: absolute;
  background-color: #d3d3d3;
  height: calc(100% - 80px);
  z-index: 10000;
  width: 100%;
  height: 100%;
}

.ag-dnd-ghost {
  width: auto;
}

.rx-wizard .reports {
  float: right;
  margin-right: 20px;
  margin-top: 4px;
  width: 45%;
}

.rx-wizard .reports .bp6-button {
  float: right;
}

.rx-wizard .notesButton {
  float: left;
  margin: 0;
  width: 15%;
}

.rx-create-header .notesButton .bp6-button > svg,
.rx-create-header .reports .bp6-button > svg {
  width: 1.5rem;
  height: 1.5rem;
}

.rx-wizard .viewAllResults {
  float: left;
  margin: 4px 0;
  width: 15%;
  visibility: hidden;
}

@media screen and (max-width: 1200px) {
  .rx-wizard .notesButton {
    float: left;
    margin: 4px 5%;
    width: 10%;
  }

  .rx-wizard .viewAllResults {
    float: left;
    margin: 4px 5%;
    width: 10%;
  }
}

.bp6-portal .report .bp6-tab-panel,
.combinedrpts .allReports .bp6-tab-panel {
  margin-top: 0;
}

.bp6-portal .report .bp6-tabs,
.bp6-portal .report .bp6-tab-panel,
.combinedrpts .allReports .bp6-tabs {
  float: left;
  width: 100%;
  height: 100%;
}

.bp6-portal .report .bp6-tab-panel {
  height: calc(100% - 45px);
}

.combinedrpts .allReports .bp6-tab-panel {
  height: calc(100%);
  width: 100%;
}

.bp6-portal .report .bp6-tab,
.combinedrpts .allReports .bp6-tab {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  padding: 5px 10px;
  vertical-align: middle;
  text-align: left;
  font-size: 14px;
  min-width: 30px;
  min-height: 30px;
}

.bp6-portal .report .bp6-tab-list {
  padding: 5px 10px;
  border-bottom: .5px solid #333;
  background-color: #b3b3b2;
  column-gap: 0px;
}

.report.content .fieldSubStep .bp6-tab-list.bp6-large {
  position: fixed;
  margin-top: -40px;
  background-color: transparent;
  margin-left: 26%;
  z-index: 5;
  border-bottom: none;
}

.combinedrpts .report.content .fieldSubStep .bp6-tab-list.bp6-large {
  position: fixed;
  background-color: transparent;
  margin-left: 30%;
  margin-top: -67px;
  z-index: 5;
  border-bottom: none;
}

.combinedrpts .allReports .bp6-tab-list.bp6-large {
  margin-top: -66px;
  margin-left: 325px;
  padding-bottom: 37px;
  width: 25%;
}

.report.content .zoneSubStep .bp6-tab-list.bp6-large {
  position: fixed;
  margin-top: -40px;
  background-color: transparent;
  margin-left: 31%;
  z-index: 5;
  border-bottom: none;
}

.combinedrpts .report.content .zoneSubStep .bp6-tab-list.bp6-large {
  position: fixed;
  margin-top: -67px;
  background-color: transparent;
  margin-left: 32%;
  z-index: 5;
  border-bottom: none;
}

@media screen and (max-width: 1200px) {
  .report.content .fieldSubStep .bp6-tab-list.bp6-large {
    margin-left: 15%;
  }

  .combinedrpts .allReports .bp6-tab-list.bp6-large {
    margin-left: 318px;
    padding-bottom: 37px;
  }

  .combinedrpts .report.content .fieldSubStep .bp6-tab-list.bp6-large {
    margin-left: 31%;
  }

  .combinedrpts .report.content .zoneSubStep .bp6-tab-list.bp6-large {
    margin-left: 35%;
  }

  .combinedrpts .allReports .content-btns {
    margin-right: -13px;
    margin-top: -9px;
  }

  /* .combinedrpts .report.content .fieldSubStep .reportMakerFile.content .reportWizardSaveButton, 
  .combinedrpts .report.content .zoneSubStep .reportMakerFile.content .reportWizardSaveButton {
    margin-left: 20px;
  } */
}

.combinedrpts .allReports .content-btns {
  margin-top: -7px;
  width: 15%;
}

.combinedrpts .allReports .content-btns .bp6-button.bp6-intent-danger {
  width: 100%;
}

.reportMakerFile.content .reportWizardSaveButton {
  height: 40px;
  width: 68%;
}

.reportMakerFile.content .reportWizardSaveButton.rxBooklet {
  width: 150px;
  float: right;
  z-index: 500;
  position: fixed;
  top: 81px;
  right: 14px;
}

.reportMakerFile.content .reportWizardSaveButton.rxBooklet .saveReportButton {
  width: 124px;
  height: 48px;
  margin-right: 27px;
  margin-left: 0px;
  margin-top: -3px;
  border-radius: 10px;
  background-color: #F1B434;
  color: rgb(0 0 0);
  font-weight: bold;
}

.reportMakerFile.content .reportWizardSaveButton.rxBooklet .viewReportButton {
  width: 135px;
  height: 48px;
  margin-right: 16px;
  margin-left: 0px;
  margin-top: -3px;
  border-radius: 10px;
  background-color: rgba(15, 153, 96, 1.0) !important;
  color: rgb(0 0 0);
  font-weight: bold;
}

.reportMakerFile.content .reportWizardSaveButton .saveReportButton {
  margin-top: 5px;
  margin-left: 10px;
  width: 112px;
  float: right;
  margin-right: 2%;
}

.reportMakerFile.content .reportWizardSaveButton .viewReportButton {
  margin-top: 5px;
  margin-left: 10px;
  width: 210px;
  float: right;
  margin-right: 2%;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .allReports .report.content .reportToggleLayout .reportWizardSaveButton .bp6-intent-success.viewReportButton {
  background-color: var(--bp-intent-success-rest);
  color: #1c2127;
  font-weight: bold;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .allReports .report.content .reportToggleLayout .reportWizardSaveButton .bp6-intent-primary.saveReportButton {
  background-color: var(--bp-intent-primary-rest);
  width: 200px;
  color: #1c2127;
  font-weight: bold;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .allReports .report.content .reportToggleLayout .reportWizardSaveButton .bp6-intent-warning.viewReportButton {
  background: #fbb360;
  color: #1c2127;
  font-weight: bold;
}

.report.content .fieldSubStep .reportMakerFile.content .reportWizardSaveButton,
.report.content .zoneSubStep .reportMakerFile.content .reportWizardSaveButton {
  position: fixed;
  margin-top: -40px;
  background-color: transparent;
}

.combinedrpts .report.content .fieldSubStep .reportMakerFile.content .reportWizardSaveButton,
.combinedrpts .report.content .zoneSubStep .reportMakerFile.content .reportWizardSaveButton {
  position: fixed;
  margin-top: -72px;
  background-color: transparent;
}

.report.content .bp6-tabs.gridSamplingTabs .bp6-tab-list.bp6-large {
  justify-content: center;
}

.report.content .bp6-tabs.gridSamplingTabs .allReports.gridSampledReports .bp6-tab-list.bp6-large {
  justify-content: unset;
}

@media screen and (max-width: 1550px) and (min-width: 1441px) {
  .reportMakerFile.content .reportWizardSaveButton {
    width: 70%;
  }
}

@media screen and (max-width: 1279px) and (min-width: 1090px) {
  .reportMakerFile.content .reportWizardSaveButton {
    width: 71%;
  }
}

.bp6-portal .report .bp6-tab.primary,
.bp6-portal .report .bp6-tab.submenu, 
.combinedrpts .allReports .bp6-tab.primary,
.combinedrpts .allReports .bp6-tab.submenu {    
  -webkit-box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2) !important;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2) !important;
  background-color: #137cbd !important;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
  color: #ffffff;
}

.bp6-portal .report .fieldSubStep .submenu.notRendered,
.bp6-portal .report .zoneSubStep .submenu.notRendered {
  background-color: brown !important;
  height: 30px;
}

.combinedrpts .allReports .fieldSubStep .submenu.notRendered,
.combinedrpts .allReports .zoneSubStep .submenu.notRendered  {
  background-color: brown !important;
}

.bp6-portal .report .fieldSubStep .submenu.notRendered:focus,
.bp6-portal .report .zoneSubStep .submenu.notRendered:focus,
.combinedrpts .allReports .fieldSubStep .submenu.notRendered:focus,
.combinedrpts .allReports .zoneSubStep .submenu.notRendered:focus {
  background-color: #093855 !important;
}

.bp6-portal .report .fieldSubStep .reportErrorCheck,
.bp6-portal .report .zoneSubStep .reportErrorCheck,
.combinedrpts .allReports .fieldSubStep .reportErrorCheck,
.combinedrpts .allReports .zoneSubStep .reportErrorCheck,
.samplingReport .splashScreen .reportErrorCheck {
  text-align: center;
  margin-top: 25%;
}

.print-rx-booklet .splashScreen .reportErrorCheck {
  text-align: center;
  margin-top: 20%;
}

.print-rx-booklet .splashScreen .reportErrorCheck > h4 {
  font-weight: bold;
}

.print-rx-booklet .rx-booklet .spinner-container,
.rx .content.report-generator.rec-maps.shp-file-export-rec-maps .spinner-container {
  z-index: 1000;
  position: absolute;
  width: 100%;
  height: 100%;
}

.pdf .loading-overlay {
  position: absolute;
  inset: 0;
  z-index: 1000;
}

.pdf .loading-overlay .loading {
  position: absolute;
  inset: 0;
}

.pdf .loading-overlay .loading > div {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.pdf .loading-overlay .loading .growingPlant {
  margin: 0 auto;
}

.pdf .loading-overlay .loading .text {
  margin-top: 15px;
}


.print-rx-booklet .rx-booklet .spinner-container .bp6-spinner,
.rx .content.report-generator.rec-maps.shp-file-export-rec-maps .spinner-container {
  margin-top: 25%;
}

.rx .content.report-generator.rec-maps.shp-file-export-rec-maps .spinner-container .bp6-spinner-animation > svg {
  width: 75px;
  height: 75px;
}

.bp6-portal .report .bp6-tab[aria-selected="true"], .bp6-portal .report .bp6-tab:not([aria-disabled="true"]):hover,
.bp6-portal .report .bp6-tab.primary:hover,.combinedrpts .allReports .bp6-tab[aria-selected="true"],
.combinedrpts .allReports .bp6-tab.primary:hover,
.combinedrpts .allReports .bp6-tab.submenu:hover {
  -webkit-box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(13, 32, 44, 0.2) !important;
  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2) !important;
  background-color: #093855 !important;
  color: white;
}

.bp6-portal .report .bp6-tab,
.combinedrpts .allReports .bp6-tab {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  position: relative;
  z-index: 4; 
}

.bp6-portal .report .bp6-tab-list > .bp6-tab-indicator-wrapper:not(:first-child) .bp6-tab, 
.bp6-portal .report .bp6-tab-list > .bp6-tab:not(:first-child),
.combinedrpts .allReports .bp6-tab-list > .bp6-tab-indicator-wrapper:not(:first-child) .bp6-tab, 
.combinedrpts .allReports .bp6-tab-list > .bp6-tab:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.bp6-portal .report .bp6-tab:first-child,
.combinedrpts .allReports .bp6-tab:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.bp6-portal .report .bp6-tab-list > .bp6-tab-indicator-wrapper:not(:last-child) .bp6-tab, 
.bp6-portal .report .bp6-tab-list > .bp6-tab:not(:last-child),
.combinedrpts .allReports .bp6-tab-list > .bp6-tab-indicator-wrapper:not(:last-child) .bp6-tab, 
.combinedrpts .allReports .bp6-tab-list > .bp6-tab:not(:last-child) {
  margin-right: -1px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.bp6-portal .report .bp6-tab-indicator-wrapper .bp6-tab-indicator,
.combinedrpts .allReports .bp6-tab-indicator-wrapper .bp6-tab-indicator {
  background-color: white;
}

.bp6-portal .report .bp6-large > .bp6-tab,
.combinedrpts .allReports .bp6-large > .bp6-tab {
  line-height: 16px;
  font-size: 14px;
}

.bp6-portal .report.content {
  height: calc(100vh - 270px);
}

.fieldSubStep, .zoneSubStep, .samplingReport {
  width: 100%;
  height: 100%;
}

.fieldSubStep .season-year,
.zoneSubStep .season-year {
  margin: auto;
  text-align: center;
  --width-set: 100%;
  margin-left: calc(var(--width-set) / 3);
  width: 250px;
  float: left;
}

.fieldSubStep .season-year .p-inputgroup,
.zoneSubStep .season-year .p-inputgroup {
  max-width: 66%;
  margin-right: 10px;
}

.fieldSubStep .season-year .p-inputgroup .season,
.zoneSubStep .season-year .p-inputgroup .season {
  width: 100px;
  max-width: 100px;
}

.fieldSubStep .season-year .p-inputgroup .season .bp6-button,
.zoneSubStep .season-year .p-inputgroup .season .bp6-button {
  width: 100px;
  max-width: 100px;
}

.fieldSubStep .season-year .p-inputgroup .year,
.zoneSubStep .season-year .p-inputgroup .year {
  width: 70px;
}

.fieldSubStep .splashScreen,
.zoneSubStep .splashScreen,
.samplingReport .splashScreen {
  height: 100%;
}

.report.content .fieldSubStep .splashScreen,
.report.content .zoneSubStep .splashScreen,
.report.content .samplingReport .splashScreen {
  height: 100%;
  background: #fff;
}

.combinedrpts .fieldSubStep .splashScreen,
.combinedrpts .zoneSubStep .splashScreen {
  height: 100%;
  background: #fff;
  float: left;
  width: 100%;
}

.fieldSubStep .reportMaker,
.zoneSubStep .reportMaker,
.samplingReport .reportMakerFile {
  height: calc(100% - 78px);
  float: left;
  position: relative;
  width: 100%;
}

.splashScreen .print-view-embedd,
.samplingReport .reportMakerFile .splashScreen .print-view-embedd {
  position: relative;
  top: 0;
  height: 100%;
}

.splashScreen .print-view-embedd.rxwizard,
.samplingReport .reportMakerFile .splashScreen .print-view-embedd.rxwizard {
  position: relative;
  top: 0;
  height: 100%;
}

.combinedrpts .splashScreen .print-view-embedd {
  position: relative;
  top: 0;
  height: 91%;
}

.combinedrpts .splashScreen .print-view-embedd.rxwizard {
  position: relative;
  top: 0;
  height: 91%;
}

@media screen and (max-width: 1200px) {
  .combinedrpts .splashScreen .print-view-embedd {
    position: relative;
    top: 0;
    height: 87%;
  }
  
  .combinedrpts .splashScreen .print-view-embedd.rxwizard {
    position: relative;
    top: 0;
    height: 87%;
  }
}

.print-rx-booklet .content.report-generator.rx-booklet .reportView .splashScreen .print-view-embedd > embed {
  border-radius: 10px;
}

.fieldSubStep .valueChecker,
.zoneSubStep .valueChecker {
  padding-top: 83px;
  width: 100%;
  padding-left: 20px;
}

.allReports {
  height: 100%;
  width: 100%
}

.allReports .report.content .bp6-tabs {
  float: left;
}

.allReports .valueChecker,
.shpFileExport .valueChecker {
  padding-top: 83px;
  width: 100%;
  padding-left: 20px;
}

@media screen  and (max-width: 1375px) {
  .allReports .valueChecker,
  .shpFileExport .valueChecker {
    float: left;
    padding: 10px 20px;
    height: calc(100% - 86px);
    margin-top: 2px;
    overflow-y: scroll;
  }

  .page-content.rx .shpFileExport {
    float: left;
    height: 92% !important;
    width: 100%;
  }
}

@media screen  and (max-width: 1375px) {
  .allReports .valueChecker,
  .shpFileExport .valueChecker {
    float: left;
    padding: 10px 20px;
    height: calc(100% - 86px);
    margin-top: 2px;
    overflow-y: scroll;
  }

  .page-content.rx .shpFileExport {
    float: left;
    height: 92% !important;
    width: 100%;
  }
}


.allReports .valueChecker .allReportsSubHeader,
.shpFileExport .valueChecker .allReportsSubHeader {
  font-weight: bold;
  font-size: 17px;
  padding-bottom: 10px;
}

.allReports .valueChecker .reportType .allReportsSubHeader,
.shpFileExport .valueChecker .allReportsSubHeader {
  padding-bottom: 10px;
}

.shpFileExport .valueChecker .season {
  margin-top: 10px;
}

.bp6-dialog-body .allReports .content-body .bp6-popover-target > button.bp6-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border: none !important;
}

.allReports .valueChecker .reportType .reportTypeIcon,
.allReports .valueChecker .season .seasonIcon,
.allReports .valueChecker .year .yearIcon,
.allReports .valueChecker .growerReports .growerIcon,
.allReports .valueChecker .farmReports .farmIcon, 
.allReports .valueChecker .fieldReports .fieldIcon,
.shpFileExport .valueChecker .season .seasonIcon,
.shpFileExport .valueChecker .year .yearIcon,
.shpFileExport .valueChecker .growerReports .growerIcon,
.shpFileExport .valueChecker .farmReports .farmIcon, 
.shpFileExport .valueChecker .fieldReports .fieldIcon,
.shpFileExport .valueChecker .samplingTypeReports .samplingIcon {
  float: left;
  background-color: #F1B434;
  height: 37px;
  min-height: 37px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 6px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.GridSamplingParameters .bp6-button.bp6-intent-danger,
.GridSamplingParameters .bp6-button.bp6-intent-danger:hover {
  background-color: #A1A1A1;
  color: #000;
  font-weight: bold;
}

.reports-widget-dialog-content button.gridSamplingParametersButton,
.reports-widget-dialog-content button.gridSamplingParametersButton:hover  {
  background-color: #F1B434;
  color: #000;
  font-weight: bold;
}

.allReports .valueChecker .reportType .reportTypeIcon .bp6-icon-document > svg,
.allReports .valueChecker .season .seasonIcon .bp6-icon-time > svg,
.allReports .valueChecker .year .yearIcon .bp6-icon-calendar > svg,
.allReports .valueChecker .growerReports .growerIcon .bp6-icon-person > svg,
.allReports .valueChecker .fieldReports .fieldIcon .bp6-icon-align-justify > svg,
.shpFileExport .valueChecker .season .seasonIcon .bp6-icon-time > svg,
.shpFileExport .valueChecker .year .yearIcon .bp6-icon-calendar > svg,
.shpFileExport .valueChecker .growerReports .growerIcon .bp6-icon-person > svg,
.shpFileExport .valueChecker .fieldReports .fieldIcon .bp6-icon-align-justify > svg,
.shpFileExport .valueChecker .samplingTypeReports .samplingIcon .bp6-icon-layout-group-by > svg {
    margin-left: 4px;
    fill: #000;
}

.allReports .valueChecker .farmReports .farmIcon .fa-warehouse,
.shpFileExport .valueChecker .farmReports .farmIcon .fa-warehouse {
  margin: 0px 4px;
  color: #000;
}

.allReports .valueChecker .reportType .bp6-popover-target .bp6-button,
.allReports .valueChecker .season .bp6-popover-target .bp6-button,
.allReports .valueChecker .year .bp6-popover-target .bp6-button,
.allReports .valueChecker .growerReports .bp6-button,
.allReports .valueChecker .farmReports .bp6-popover-target .bp6-button,
.allReports .valueChecker .fieldReports .bp6-popover-target .bp6-button,
.shpFileExport .valueChecker .season .bp6-popover-target .bp6-button,
.shpFileExport .valueChecker .year .bp6-popover-target .bp6-button,
.shpFileExport .valueChecker .growerReports .bp6-button,
.shpFileExport .valueChecker .farmReports .bp6-popover-target .bp6-button,
.shpFileExport .valueChecker .fieldReports .bp6-popover-target .bp6-button,
.shpFileExport .valueChecker .samplingTypeReports .bp6-popover-target .bp6-button  {
  width: 220px;
  min-width: 220px;
  height: 37px;
  padding: 0 12px;
  border-radius: 3px;
  border: 1px solid #333 !important;
  background-color: #fff !important;
  color: #001D1D !important;
  box-shadow: none !important;
  justify-content: space-between;
  text-align: left;
}

.allReports .valueChecker .reportType .bp6-popover-target .bp6-button:hover,
.allReports .valueChecker .reportType .bp6-popover-target .bp6-button:active,
.allReports .valueChecker .reportType .bp6-popover-target .bp6-button:focus,
.allReports .valueChecker .season .bp6-popover-target .bp6-button:hover,
.allReports .valueChecker .season .bp6-popover-target .bp6-button:active,
.allReports .valueChecker .season .bp6-popover-target .bp6-button:focus,
.allReports .valueChecker .year .bp6-popover-target .bp6-button:hover,
.allReports .valueChecker .year .bp6-popover-target .bp6-button:active,
.allReports .valueChecker .year .bp6-popover-target .bp6-button:focus,
.allReports .valueChecker .growerReports .bp6-button:hover,
.allReports .valueChecker .growerReports .bp6-button:active,
.allReports .valueChecker .growerReports .bp6-button:focus,
.allReports .valueChecker .farmReports .bp6-popover-target .bp6-button:hover,
.allReports .valueChecker .farmReports .bp6-popover-target .bp6-button:active,
.allReports .valueChecker .farmReports .bp6-popover-target .bp6-button:focus,
.allReports .valueChecker .fieldReports .bp6-popover-target .bp6-button:hover,
.allReports .valueChecker .fieldReports .bp6-popover-target .bp6-button:active,
.allReports .valueChecker .fieldReports .bp6-popover-target .bp6-button:focus,
.shpFileExport .valueChecker .season .bp6-popover-target .bp6-button:hover,
.shpFileExport .valueChecker .season .bp6-popover-target .bp6-button:active,
.shpFileExport .valueChecker .season .bp6-popover-target .bp6-button:focus,
.shpFileExport .valueChecker .year .bp6-popover-target .bp6-button:hover,
.shpFileExport .valueChecker .year .bp6-popover-target .bp6-button:active,
.shpFileExport .valueChecker .year .bp6-popover-target .bp6-button:focus,
.shpFileExport .valueChecker .growerReports .bp6-button:hover,
.shpFileExport .valueChecker .growerReports .bp6-button:active,
.shpFileExport .valueChecker .growerReports .bp6-button:focus,
.shpFileExport .valueChecker .farmReports .bp6-popover-target .bp6-button:hover,
.shpFileExport .valueChecker .farmReports .bp6-popover-target .bp6-button:active,
.shpFileExport .valueChecker .farmReports .bp6-popover-target .bp6-button:focus,
.shpFileExport .valueChecker .fieldReports .bp6-popover-target .bp6-button:hover,
.shpFileExport .valueChecker .fieldReports .bp6-popover-target .bp6-button:active,
.shpFileExport .valueChecker .fieldReports .bp6-popover-target .bp6-button:focus,
.shpFileExport .valueChecker .samplingTypeReports .bp6-popover-target .bp6-button:hover,
.shpFileExport .valueChecker .samplingTypeReports .bp6-popover-target .bp6-button:active,
.shpFileExport .valueChecker .samplingTypeReports .bp6-popover-target .bp6-button:focus {
  background-color: #fff !important;
  color: #001D1D !important;
  border-color: #333 !important;
  box-shadow: none !important;
}

.allReports .valueChecker .reportType .bp6-popover-target .bp6-button.bp6-disabled,
.allReports .valueChecker .reportType .bp6-popover-target .bp6-button:disabled,
.allReports .valueChecker .season .bp6-popover-target .bp6-button.bp6-disabled,
.allReports .valueChecker .season .bp6-popover-target .bp6-button:disabled,
.allReports .valueChecker .year .bp6-popover-target .bp6-button.bp6-disabled,
.allReports .valueChecker .year .bp6-popover-target .bp6-button:disabled,
.allReports .valueChecker .growerReports .bp6-button.bp6-disabled,
.allReports .valueChecker .growerReports .bp6-button:disabled,
.allReports .valueChecker .farmReports .bp6-popover-target .bp6-button.bp6-disabled,
.allReports .valueChecker .farmReports .bp6-popover-target .bp6-button:disabled,
.allReports .valueChecker .fieldReports .bp6-popover-target .bp6-button.bp6-disabled,
.allReports .valueChecker .fieldReports .bp6-popover-target .bp6-button:disabled,
.shpFileExport .valueChecker .season .bp6-popover-target .bp6-button.bp6-disabled,
.shpFileExport .valueChecker .season .bp6-popover-target .bp6-button:disabled,
.shpFileExport .valueChecker .year .bp6-popover-target .bp6-button.bp6-disabled,
.shpFileExport .valueChecker .year .bp6-popover-target .bp6-button:disabled,
.shpFileExport .valueChecker .growerReports .bp6-button.bp6-disabled,
.shpFileExport .valueChecker .growerReports .bp6-button:disabled,
.shpFileExport .valueChecker .farmReports .bp6-popover-target .bp6-button.bp6-disabled,
.shpFileExport .valueChecker .farmReports .bp6-popover-target .bp6-button:disabled,
.shpFileExport .valueChecker .fieldReports .bp6-popover-target .bp6-button.bp6-disabled,
.shpFileExport .valueChecker .fieldReports .bp6-popover-target .bp6-button:disabled,
.shpFileExport .valueChecker .samplingTypeReports .bp6-popover-target .bp6-button.bp6-disabled,
.shpFileExport .valueChecker .samplingTypeReports .bp6-popover-target .bp6-button:disabled {
  background-color: #e1e1e1 !important;
  color: #707575 !important;
  border-color: #9a9a9a !important;
  box-shadow: none !important;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.allReports .valueChecker .reportType .bp6-popover-target .bp6-button .bp6-button-text,
.allReports .valueChecker .season .bp6-popover-target .bp6-button .bp6-button-text,
.allReports .valueChecker .year .bp6-popover-target .bp6-button .bp6-button-text,
.allReports .valueChecker .growerReports .bp6-button .bp6-button-text,
.allReports .valueChecker .farmReports .bp6-popover-target .bp6-button .bp6-button-text,
.allReports .valueChecker .fieldReports .bp6-popover-target .bp6-button .bp6-button-text,
.shpFileExport .valueChecker .season .bp6-popover-target .bp6-button .bp6-button-text,
.shpFileExport .valueChecker .year .bp6-popover-target .bp6-button .bp6-button-text,
.shpFileExport .valueChecker .growerReports .bp6-button .bp6-button-text,
.shpFileExport .valueChecker .farmReports .bp6-popover-target .bp6-button .bp6-button-text,
.shpFileExport .valueChecker .fieldReports .bp6-popover-target .bp6-button .bp6-button-text,
.shpFileExport .valueChecker .samplingTypeReports .bp6-popover-target .bp6-button .bp6-button-text {
  overflow: hidden;
  text-overflow: ellipsis;
}

.allReports .valueChecker .reportType .allReportsHelper {
  margin-top: 5px;
  padding-bottom: 20px;
}

.allReports .valueChecker .growerReports .growerButton .bp6-button-text,
.shpFileExport .valueChecker .growerReports .growerButton .bp6-button-text {
  color: black;
}

.allReports .valueChecker .season,
.allReports .valueChecker .year,
.allReports .valueChecker .growerReports,
.allReports .valueChecker .farmReports,
.shpFileExport .valueChecker .season,
.shpFileExport .valueChecker .year,
.shpFileExport .valueChecker .growerReports,
.shpFileExport .valueChecker .farmReports,
.shpFileExport .valueChecker .fieldReports {
  padding-bottom: 15px;
}

.allReports .valueChecker .pageBreakToggleSwitch .allReportsHelper {
  margin-left: 120px;
}

.allReports .valueChecker .reportSubmitButton,
.shpFileExport .valueChecker .reportSubmitButton {
  margin-top: 10px;
  margin-left: -5px;
}

.reportTypeDropdown,
.reports.seasonDropdown,
.reports.yearDropdown,
.reports.farmDropdown,
.reports.fieldDropdown,
.reports.samplingTypeDropdown {
  /* width: 165px !important; */
  padding: 0px;
}

.reportTypeDropdown .bp6-menu,
.reports.seasonDropdown .bp6-menu,
.reports.yearDropdown .bp6-menu,
.reports.farmDropdown .bp6-menu,
.reports.fieldDropdown .bp6-menu,
.reports.samplingTypeDropdown .bp6-menu {
  min-width: 220px;
  padding: 4px 0;
  border: 1px solid #333;
  border-radius: 3px;
  background-color: #fff;
  color: #001D1D;
  box-shadow: none;
}

.reportTypeDropdown .bp6-menu-item,
.reports.seasonDropdown .bp6-menu-item,
.reports.yearDropdown .bp6-menu-item,
.reports.farmDropdown .bp6-menu-item,
.reports.fieldDropdown .bp6-menu-item,
.reports.samplingTypeDropdown .bp6-menu-item {
  color: #001D1D;
}

.reportTypeDropdown .bp6-menu-item:hover,
.reportTypeDropdown .bp6-menu-item.bp6-active,
.reports.seasonDropdown .bp6-menu-item:hover,
.reports.seasonDropdown .bp6-menu-item.bp6-active,
.reports.yearDropdown .bp6-menu-item:hover,
.reports.yearDropdown .bp6-menu-item.bp6-active,
.reports.farmDropdown .bp6-menu-item:hover,
.reports.farmDropdown .bp6-menu-item.bp6-active,
.reports.fieldDropdown .bp6-menu-item:hover,
.reports.fieldDropdown .bp6-menu-item.bp6-active,
.reports.samplingTypeDropdown .bp6-menu-item:hover,
.reports.samplingTypeDropdown .bp6-menu-item.bp6-active {
  background-color: #FCE8C2;
  color: #001D1D;
}

.reportTypeDropdown .bp6-menu-header {
  width: 150px !important;
  color: #5f6b7c;
}

.combinedrpts .allReports .valueChecker .growerReports .bp6-button,
.shpFileExport .valueChecker .growerReports .bp6-button {
  cursor: default;
}

.bp6-dialog.three-column.reportsWidget {
  margin-bottom: 23px;
  border-radius: 10px;
  overflow: hidden;
  background: #fbfbfb;
}

.bp6-portal .bp6-dialog.three-column.recommendationOverlayFull .bp6-dialog-header {
  display: none;
}

.bp6-portal .bp6-dialog.three-column.recommendationOverlayFull .bp6-dialog-body {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  min-height: 0;
}

.bp6-portal .bp6-dialog.three-column.recommendationOverlayFull .recommendation-overlay-full-body {
  display: flex;
  flex-direction: column;
  min-height: 0;
  height: 100%;
}

.bp6-portal .bp6-dialog.three-column.recommendationOverlayFull .recommendation-overlay-full-header {
  margin-bottom: 0;
}

.bp6-portal .bp6-dialog.three-column.recommendationOverlayFull .recommendation-overlay-full-header.content-header,
.bp6-portal .bp6-dialog.three-column.recommendationOverlayFull .recommendation-overlay-full-header.content-header.summary-header {
  background-color: #fff;
  border-bottom: none;
  box-sizing: border-box;
  width: 100%;
  flex-shrink: 0;
}

.bp6-portal .bp6-dialog.three-column.recommendationOverlayFull .recommendation-overlay-full-header .content-desc {
  display: block;
}

.bp6-portal .bp6-dialog.three-column.recommendationOverlayFull .recommendation-overlay-full-header .bp6-breadcrumbs {
  display: flex;
  align-items: center;
  gap: 0;
  flex-wrap: wrap;
}

.bp6-portal .bp6-dialog.three-column.recommendationOverlayFull .recommendation-overlay-full-close-btn.bp6-button {
  background-color: transparent;
  color: #5f6b7c !important;
  min-width: 32px;
  width: 32px;
  height: 32px;
  padding: 0;
  border-radius: 10px !important;
  box-shadow: none;
}

.bp6-portal .bp6-dialog.three-column.recommendationOverlayFull .recommendation-overlay-full-close-btn.bp6-button:hover,
.bp6-portal .bp6-dialog.three-column.recommendationOverlayFull .recommendation-overlay-full-close-btn.bp6-button:active,
.bp6-portal .bp6-dialog.three-column.recommendationOverlayFull .recommendation-overlay-full-close-btn.bp6-button:focus {
  background-color: rgba(143, 153, 168, 0.15);
  color: #182026 !important;
}

.bp6-portal .bp6-dialog.three-column.recommendationOverlayFull .recommendation-overlay-full-content {
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
  background-color: #D9D9D9;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .bp6-dialog-header {
  display: none;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .bp6-dialog-body {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .bp6-dialog-footer {
  display: none;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-body {
  display: flex;
  flex-direction: column;
  min-height: 0;
  height: 100%;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-header {
  margin-bottom: 0;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-header.content-header,
.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-header.content-header.summary-header {
  background-color: #fff;
  border-bottom: none;
  box-sizing: border-box;
  width: 100%;
  flex-shrink: 0;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-header .content-desc {
  display: block;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-header .bp6-breadcrumbs {
  display: flex;
  align-items: center;
  gap: 0;
  flex-wrap: wrap;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content {
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
  background-color: #D9D9D9;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .report.content {
  flex: 1 1 auto;
  height: 100%;
  min-height: 0;
  background-color: #D9D9D9;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .allReports .report.content .reportToggleLayout,
.combinedrpts .allReports .report.content .reportToggleLayout {
  position: relative;
  display: flex;
  flex-direction: column;
  height: calc(100% - 20px);
  min-height: 0;
  border-radius: 0.875rem;
  overflow: hidden;
  background-color: #fff;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .allReports .report.content .reportToggleRow,
.combinedrpts .allReports .report.content .reportToggleRow {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
  min-height: 4.125rem;
  padding: 0.75rem 13.5rem 0.75rem 1rem;
  box-sizing: border-box;
  background-color: #b3b3b2;
  border-bottom: 1px solid #8f8f8f;
  border-top-left-radius: 0.875rem;
  border-top-right-radius: 0.875rem;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .allReports .report.content .reportModeToggle,
.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .allReports .report.content .reportTypeToggle,
.combinedrpts .allReports .report.content .reportModeToggle,
.combinedrpts .allReports .report.content .reportTypeToggle {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  padding: 0.3125rem;
  border: 0.0625rem solid #d8cfb7;
  border-radius: 0.875rem;
  background-color: #b3b3b2;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .allReports .report.content .reportModeToggle,
.combinedrpts .allReports .report.content .reportModeToggle {
  position: relative;
  gap: 0;
  min-width: 10rem;
  padding: 0.25rem;
  background-color: #fff;
  overflow: hidden;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .allReports .report.content .reportModeToggle::after,
.combinedrpts .allReports .report.content .reportModeToggle::after {
  content: "";
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
  width: calc(50% - 0.25rem);
  height: calc(100% - 0.5rem);
  border-radius: 0.6875rem;
  background-color: #F1B434;
  border: 0.0625rem solid #d49d28;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
  transform: translateX(0);
  transition: transform 160ms ease;
  pointer-events: none;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .allReports .report.content .reportModeToggle.zone-active::after,
.combinedrpts .allReports .report.content .reportModeToggle.zone-active::after {
  transform: translateX(100%);
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .allReports .report.content .reportToggleButton.bp6-button,
.combinedrpts .allReports .report.content .reportToggleButton.bp6-button {
  min-width: 4.625rem;
  margin: 0;
  padding: 0 14px;
  border: 0.0625rem solid transparent;
  border-radius: 0.75rem;
  background-color: #fff;
  background-image: none;
  box-shadow: none;
  color: #5f5849;
  font-weight: 700;
  line-height: 2.625rem;
  height: 2.625rem;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .allReports .report.content .reportModeToggle .reportModeButton.bp6-button,
.combinedrpts .allReports .report.content .reportModeToggle .reportModeButton.bp6-button {
  position: relative;
  z-index: 1;
  flex: 1 1 50%;
  min-width: 4.75rem;
  border-color: transparent;
  background-color: transparent;
  color: #6a6458;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .allReports .report.content .reportModeToggle .reportModeButton.bp6-button:hover,
.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .allReports .report.content .reportModeToggle .reportModeButton.bp6-button:focus,
.combinedrpts .allReports .report.content .reportModeToggle .reportModeButton.bp6-button:hover,
.combinedrpts .allReports .report.content .reportModeToggle .reportModeButton.bp6-button:focus {
  border-color: transparent;
  background-color: transparent;
  color: #000;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .allReports .report.content .reportModeToggle.field-active .reportModeButton.active,
.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .allReports .report.content .reportModeToggle.field-active .reportModeButton.bp6-active,
.combinedrpts .allReports .report.content .reportModeToggle.field-active .reportModeButton.active,
.combinedrpts .allReports .report.content .reportModeToggle.field-active .reportModeButton.bp6-active,
.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .allReports .report.content .reportModeToggle.zone-active .reportModeButton.active,
.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .allReports .report.content .reportModeToggle.zone-active .reportModeButton.bp6-active,
.combinedrpts .allReports .report.content .reportModeToggle.zone-active .reportModeButton.active,
.combinedrpts .allReports .report.content .reportModeToggle.zone-active .reportModeButton.bp6-active {
  background-color: transparent;
  border-color: transparent;
  color: #000;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .allReports .report.content .reportToggleButton.bp6-button:hover,
.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .allReports .report.content .reportToggleButton.bp6-button:focus,
.combinedrpts .allReports .report.content .reportToggleButton.bp6-button:hover,
.combinedrpts .allReports .report.content .reportToggleButton.bp6-button:focus {
  background-color: #f8f1df;
  border-color: #e1d2ae;
  color: #000;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .allReports .report.content .reportToggleButton.bp6-button.active,
.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .allReports .report.content .reportToggleButton.bp6-button.bp6-active,
.combinedrpts .allReports .report.content .reportToggleButton.bp6-button.active,
.combinedrpts .allReports .report.content .reportToggleButton.bp6-button.bp6-active {
  background-color: #F1B434;
  border-color: #d49d28;
  color: #000;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .allReports .report.content .reportModeToggle .reportModeButton.bp6-button.active,
.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .allReports .report.content .reportModeToggle .reportModeButton.bp6-button.bp6-active,
.combinedrpts .allReports .report.content .reportModeToggle .reportModeButton.bp6-button.active,
.combinedrpts .allReports .report.content .reportModeToggle .reportModeButton.bp6-button.bp6-active {
  background-image: none;
  box-shadow: none;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .allReports .report.content .reportTogglePanel,
.combinedrpts .allReports .report.content .reportTogglePanel {
  flex: 1 1 auto;
  min-height: 0;
  padding: 0;
  background-color: #fff;
  border-bottom-left-radius: 0.875rem;
  border-bottom-right-radius: 0.875rem;
  overflow: hidden;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .allReports .report.content .reportTogglePanel .reportMakerFile.content,
.combinedrpts .allReports .report.content .reportTogglePanel .reportMakerFile.content {
  position: static;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  background-color: #fff;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .allReports .report.content .reportTogglePanel .splashScreen,
.combinedrpts .allReports .report.content .reportTogglePanel .splashScreen {
  position: static;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  background: #fff;
  border-bottom-left-radius: 0.875rem;
  border-bottom-right-radius: 0.875rem;
  overflow: hidden;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .allReports .report.content .reportTogglePanel .reportWizardSaveButton,
.combinedrpts .allReports .report.content .reportTogglePanel .reportWizardSaveButton {
  position: absolute;
  top: 2.3625rem;
  right: 1rem;
  width: auto;
  height: auto;
  z-index: 5;
  background-color: transparent;
  transform: translateY(-50%);
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .allReports .report.content .reportTogglePanel .reportWizardSaveButton .saveReportButton,
.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .allReports .report.content .reportTogglePanel .reportWizardSaveButton .viewReportButton,
.combinedrpts .allReports .report.content .reportTogglePanel .reportWizardSaveButton .saveReportButton,
.combinedrpts .allReports .report.content .reportTogglePanel .reportWizardSaveButton .viewReportButton {
  float: none;
  margin: 0;
  min-width: 11.25rem;
  height: 2.625rem;
  border-radius: 0.75rem;
  font-weight: 700;
  box-shadow: none;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .allReports .report.content .reportTogglePanel .reportWizardSaveButton .saveReportButton.bp6-button,
.combinedrpts .allReports .report.content .reportTogglePanel .reportWizardSaveButton .saveReportButton.bp6-button {
  background-color: #fff;
  border: 1px solid #d8cfb7;
  color: #5f5849;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .allReports .report.content .reportTogglePanel .reportWizardSaveButton .saveReportButton.bp6-button:hover,
.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .allReports .report.content .reportTogglePanel .reportWizardSaveButton .saveReportButton.bp6-button:focus,
.combinedrpts .allReports .report.content .reportTogglePanel .reportWizardSaveButton .saveReportButton.bp6-button:hover,
.combinedrpts .allReports .report.content .reportTogglePanel .reportWizardSaveButton .saveReportButton.bp6-button:focus {
  background-color: #f8f1df;
  border-color: #e1d2ae;
  color: #000;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .allReports .report.content .reportTogglePanel .reportWizardSaveButton .viewReportButton.bp6-button,
.combinedrpts .allReports .report.content .reportTogglePanel .reportWizardSaveButton .viewReportButton.bp6-button {
  background-color: #F1B434;
  border: 1px solid #d49d28;
  color: #000;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .allReports .report.content .reportTogglePanel .reportWizardSaveButton .viewReportButton.bp6-button:hover,
.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .allReports .report.content .reportTogglePanel .reportWizardSaveButton .viewReportButton.bp6-button:focus,
.combinedrpts .allReports .report.content .reportTogglePanel .reportWizardSaveButton .viewReportButton.bp6-button:hover,
.combinedrpts .allReports .report.content .reportTogglePanel .reportWizardSaveButton .viewReportButton.bp6-button:focus {
  background-color: #e6aa25;
  border-color: #c48a16;
  color: #000;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .allReports .report.content .reportTogglePanel .print-view-embedd,
.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .allReports .report.content .reportTogglePanel .print-view-embedd.rxwizard,
.combinedrpts .allReports .report.content .reportTogglePanel .print-view-embedd,
.combinedrpts .allReports .report.content .reportTogglePanel .print-view-embedd.rxwizard {
  flex: 1 1 auto;
  width: 100%;
  height: auto !important;
  min-height: 0;
  overflow: hidden;
  border-bottom-left-radius: 0.875rem;
  border-bottom-right-radius: 0.875rem;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .allReports .report.content .reportTogglePanel .print-view-embedd embed,
.combinedrpts .allReports .report.content .reportTogglePanel .print-view-embedd embed,
.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .allReports .report.content .reportTogglePanel .print-view-embedd iframe,
.combinedrpts .allReports .report.content .reportTogglePanel .print-view-embedd iframe,
.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .allReports .report.content .reportTogglePanel .sampleSheetPDF,
.combinedrpts .allReports .report.content .reportTogglePanel .sampleSheetPDF {
  width: 100%;
  height: 100% !important;
  min-height: 100%;
  border: 0;
  border-bottom-left-radius: 0.875rem;
  border-bottom-right-radius: 0.875rem;
}

@media screen and (max-width: 1100px) {
  .bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .allReports .report.content .reportToggleRow,
  .combinedrpts .allReports .report.content .reportToggleRow {
    align-items: flex-start;
    padding-right: 1rem;
  }

  .bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .allReports .report.content .reportTogglePanel .reportWizardSaveButton,
  .combinedrpts .allReports .report.content .reportTogglePanel .reportWizardSaveButton {
    position: static;
    width: 100%;
    margin-top: 0.25rem;
    transform: none;
  }
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .bp6-tabs,
.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .bp6-tab-list {
  background-color: #fff;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .bp6-tab-list {
  border-bottom: 1px solid #828282;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .bp6-tabs.gridSamplingTabs > .bp6-tab-list.bp6-large {
  display: flex;
  justify-content: flex-start;
  gap: 0;
  padding: 5px 10px;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .bp6-tabs.gridSamplingTabs {
  position: relative;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .bp6-tabs.gridSamplingTabs > .bp6-tab-list.bp6-large > .bp6-tab,
.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .bp6-tabs.gridSamplingTabs > .bp6-tab-list.bp6-large > .bp6-tab-indicator-wrapper > .bp6-tab {
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #707575 !important;
  border: none !important;
  border-radius: 0 !important;
  margin: 10px 30px;
  padding: 0 8px 14px;
  min-width: 200px;
  width: 210px;
  justify-content: flex-start;
  font-size: 16px;
  line-height: 18px;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .bp6-tabs.gridSamplingTabs > .bp6-tab-list.bp6-large > .bp6-tab:hover,
.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .bp6-tabs.gridSamplingTabs > .bp6-tab-list.bp6-large > .bp6-tab:focus,
.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .bp6-tabs.gridSamplingTabs > .bp6-tab-list.bp6-large > .bp6-tab-indicator-wrapper > .bp6-tab:hover,
.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .bp6-tabs.gridSamplingTabs > .bp6-tab-list.bp6-large > .bp6-tab-indicator-wrapper > .bp6-tab:focus {
  background-color: transparent !important;
  border-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #001D1D !important;
  outline: none;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .bp6-tabs.gridSamplingTabs > .bp6-tab-list.bp6-large > .bp6-tab[aria-selected="true"],
.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .bp6-tabs.gridSamplingTabs > .bp6-tab-list.bp6-large > .bp6-tab-indicator-wrapper > .bp6-tab[aria-selected="true"] {
  background-color: transparent !important;
  border-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #001D1D !important;
  font-weight: bold;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .bp6-tabs.gridSamplingTabs > .bp6-tab-list .bp6-tab-indicator-wrapper .bp6-tab-indicator {
  background-color: #F1B434;
  height: 4px;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .report.content > .bp6-tabs:not(.gridSamplingTabs) > .bp6-tab-list.bp6-large {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  padding: 0.3125rem;
  margin: 0.75rem 1rem 0;
  border: 0.0625rem solid #d8cfb7;
  border-radius: 0.875rem;
  background-color: #b3b3b2;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .report.content > .bp6-tabs:not(.gridSamplingTabs) > .bp6-tab-list.bp6-large > .bp6-tab,
.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .report.content > .bp6-tabs:not(.gridSamplingTabs) > .bp6-tab-list.bp6-large > .bp6-tab-indicator-wrapper > .bp6-tab {
  min-width: 4.625rem;
  margin: 0;
  padding: 0 14px;
  border: 0.0625rem solid transparent !important;
  border-radius: 0.75rem !important;
  background-color: #fff !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #5f5849 !important;
  font-weight: 700;
  line-height: 2.625rem;
  height: 2.625rem;
  justify-content: center;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .report.content > .bp6-tabs:not(.gridSamplingTabs) > .bp6-tab-list.bp6-large > .bp6-tab:hover,
.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .report.content > .bp6-tabs:not(.gridSamplingTabs) > .bp6-tab-list.bp6-large > .bp6-tab:focus,
.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .report.content > .bp6-tabs:not(.gridSamplingTabs) > .bp6-tab-list.bp6-large > .bp6-tab-indicator-wrapper > .bp6-tab:hover,
.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .report.content > .bp6-tabs:not(.gridSamplingTabs) > .bp6-tab-list.bp6-large > .bp6-tab-indicator-wrapper > .bp6-tab:focus {
  background-color: #f8f1df !important;
  border-color: #e1d2ae !important;
  color: #000 !important;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .report.content > .bp6-tabs:not(.gridSamplingTabs) > .bp6-tab-list.bp6-large > .bp6-tab[aria-selected="true"],
.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .report.content > .bp6-tabs:not(.gridSamplingTabs) > .bp6-tab-list.bp6-large > .bp6-tab-indicator-wrapper > .bp6-tab[aria-selected="true"] {
  background-color: #F1B434 !important;
  border-color: #d49d28 !important;
  color: #000 !important;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .report.content > .bp6-tabs:not(.gridSamplingTabs) > .bp6-tab-list .bp6-tab-indicator-wrapper .bp6-tab-indicator {
  display: none;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .fieldSubStep > .bp6-tabs > .bp6-tab-list.bp6-large,
.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .zoneSubStep > .bp6-tabs > .bp6-tab-list.bp6-large {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  padding: 0.3125rem;
  margin: 0.75rem 1rem 0;
  border: 0.0625rem solid #d8cfb7;
  border-radius: 0.875rem;
  background-color: #b3b3b2;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .fieldSubStep > .bp6-tabs > .bp6-tab-list.bp6-large > .bp6-tab,
.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .fieldSubStep > .bp6-tabs > .bp6-tab-list.bp6-large > .bp6-tab-indicator-wrapper > .bp6-tab,
.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .zoneSubStep > .bp6-tabs > .bp6-tab-list.bp6-large > .bp6-tab,
.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .zoneSubStep > .bp6-tabs > .bp6-tab-list.bp6-large > .bp6-tab-indicator-wrapper > .bp6-tab {
  min-width: 4.625rem;
  margin: 0;
  padding: 0 14px;
  border: 0.0625rem solid transparent !important;
  border-radius: 0.75rem !important;
  background-color: #fff !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #5f5849 !important;
  font-weight: 700;
  line-height: 2.625rem;
  height: 2.625rem;
  justify-content: center;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .fieldSubStep > .bp6-tabs > .bp6-tab-list.bp6-large > .bp6-tab:hover,
.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .fieldSubStep > .bp6-tabs > .bp6-tab-list.bp6-large > .bp6-tab:focus,
.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .fieldSubStep > .bp6-tabs > .bp6-tab-list.bp6-large > .bp6-tab-indicator-wrapper > .bp6-tab:hover,
.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .fieldSubStep > .bp6-tabs > .bp6-tab-list.bp6-large > .bp6-tab-indicator-wrapper > .bp6-tab:focus,
.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .zoneSubStep > .bp6-tabs > .bp6-tab-list.bp6-large > .bp6-tab:hover,
.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .zoneSubStep > .bp6-tabs > .bp6-tab-list.bp6-large > .bp6-tab:focus,
.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .zoneSubStep > .bp6-tabs > .bp6-tab-list.bp6-large > .bp6-tab-indicator-wrapper > .bp6-tab:hover,
.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .zoneSubStep > .bp6-tabs > .bp6-tab-list.bp6-large > .bp6-tab-indicator-wrapper > .bp6-tab:focus {
  background-color: #f8f1df !important;
  border-color: #e1d2ae !important;
  color: #000 !important;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .fieldSubStep > .bp6-tabs > .bp6-tab-list.bp6-large > .bp6-tab[aria-selected="true"],
.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .fieldSubStep > .bp6-tabs > .bp6-tab-list.bp6-large > .bp6-tab-indicator-wrapper > .bp6-tab[aria-selected="true"],
.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .zoneSubStep > .bp6-tabs > .bp6-tab-list.bp6-large > .bp6-tab[aria-selected="true"],
.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .zoneSubStep > .bp6-tabs > .bp6-tab-list.bp6-large > .bp6-tab-indicator-wrapper > .bp6-tab[aria-selected="true"] {
  background-color: #F1B434 !important;
  border-color: #d49d28 !important;
  color: #000 !important;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .fieldSubStep > .bp6-tabs > .bp6-tab-list .bp6-tab-indicator-wrapper .bp6-tab-indicator,
.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .zoneSubStep > .bp6-tabs > .bp6-tab-list .bp6-tab-indicator-wrapper .bp6-tab-indicator {
  display: none;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .bp6-tab-panel {
  background-color: #D9D9D9;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-close-btn.bp6-button {
  background-color: transparent;
  color: #5f6b7c !important;
  min-width: 32px;
  width: 32px;
  height: 32px;
  padding: 0;
  border-radius: 10px !important;
  box-shadow: none;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-close-btn.bp6-button:hover,
.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-close-btn.bp6-button:active,
.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-close-btn.bp6-button:focus {
  background-color: rgba(143, 153, 168, 0.15);
  color: #182026 !important;
}

.bp6-dialog.three-column.reportsWidget .allReports .valueChecker {
  padding-top: 0%;
  padding-left: 2%;
}

@media screen  and (max-width: 1200px) {
  .reportTypeDropdown,
  .reports.seasonDropdown,
  .reports.yearDropdown,
  .reports.farmDropdown,
  .reports.fieldDropdown {
    width: 130px !important;
  }
  
  .reportTypeDropdown .bp6-menu,
  .reports.seasonDropdown .bp6-menu,
  .reports.yearDropdown .bp6-menu,
  .reports.farmDropdown .bp6-menu,
  .reports.fieldDropdown .bp6-menu {
    min-width: 135px;
  }

  .reportTypeDropdown .bp6-menu-header {
    width: 120px !important;
  }
  
}

.combinedrpts .allReports .content-btns,
.page-content.rx .shpFileExport .content-btns {
  z-index: 1;
}

.combinedrpts .allReports .content-btns .bp6-button,
.page-content.rx .shpFileExport .content-btns .bp6-button {
  width: auto;
  min-width: 0;
  padding: 0 16px;
}

.combinedrpts .allReports .content-btns .bp6-button-text,
.page-content.rx .shpFileExport .content-btns .bp6-button-text {
  display: inline;
}

.fieldSubStep .loading,
.zoneSubStep .loading,
.allReports .loading,
.shpFileExport .loading {
  padding-bottom: 1500px;
  padding-top: 1px;
}

.print-view {
  height: 100%;
}

.report .bp6-tab-panel .submenu {
  height: 105%;
}

.allReports.gridSampledReports .report .bp6-tab-panel .submenu {
  height: 98%;
}

.allReports.gridSampledReports .report .bp6-tab-panel .submenu .reportMakerFile.content {
  height: 100%;
}

.pageBreakToggleSwitch {
  margin-left: 15px;
  margin-top: 25px;
  padding-bottom: 15px;
}

.pageBreakToggleSwitch > label{
  float: left;
  font-weight: bold;
}

.pageBreakToggleSwitch > label.bp6-control.bp6-switch{
  padding-left: 25px;
}

.allReports .valueChecker .pageBreakToggleSwitch .bp6-switch .bp6-control-indicator,
.shpFileExport .valueChecker .pageBreakToggleSwitch .bp6-switch .bp6-control-indicator {
  background-color: #fff;
  border: 1px solid #333;
  box-shadow: none;
}

.allReports .valueChecker .pageBreakToggleSwitch .bp6-switch .bp6-control-indicator::before,
.shpFileExport .valueChecker .pageBreakToggleSwitch .bp6-switch .bp6-control-indicator::before {
  background-color: #fff;
  box-shadow: none;
}

.allReports .valueChecker .pageBreakToggleSwitch .bp6-switch:hover .bp6-control-indicator,
.allReports .valueChecker .pageBreakToggleSwitch .bp6-switch input:focus ~ .bp6-control-indicator,
.allReports .valueChecker .pageBreakToggleSwitch .bp6-switch input:active ~ .bp6-control-indicator,
.shpFileExport .valueChecker .pageBreakToggleSwitch .bp6-switch:hover .bp6-control-indicator,
.shpFileExport .valueChecker .pageBreakToggleSwitch .bp6-switch input:focus ~ .bp6-control-indicator,
.shpFileExport .valueChecker .pageBreakToggleSwitch .bp6-switch input:active ~ .bp6-control-indicator {
  background-color: #fff;
  border-color: #333;
  box-shadow: none;
}

.allReports .valueChecker .pageBreakToggleSwitch .bp6-switch input:checked ~ .bp6-control-indicator,
.allReports .valueChecker .pageBreakToggleSwitch .bp6-switch:hover input:checked ~ .bp6-control-indicator,
.allReports .valueChecker .pageBreakToggleSwitch .bp6-switch input:checked:focus ~ .bp6-control-indicator,
.allReports .valueChecker .pageBreakToggleSwitch .bp6-switch input:checked:active ~ .bp6-control-indicator,
.shpFileExport .valueChecker .pageBreakToggleSwitch .bp6-switch input:checked ~ .bp6-control-indicator,
.shpFileExport .valueChecker .pageBreakToggleSwitch .bp6-switch:hover input:checked ~ .bp6-control-indicator,
.shpFileExport .valueChecker .pageBreakToggleSwitch .bp6-switch input:checked:focus ~ .bp6-control-indicator,
.shpFileExport .valueChecker .pageBreakToggleSwitch .bp6-switch input:checked:active ~ .bp6-control-indicator {
  background-color: #F1B434;
  border-color: #333;
  box-shadow: none;
}

.allReports .valueChecker .reportSubmitButton .reportSubmitButtonButton.bp6-button,
.shpFileExport .valueChecker .reportSubmitButton .reportSubmitButtonButton.bp6-button {
  background-color: #F1B434;
  border-color: #d49d28;
  color: #000 !important;
  border-radius: 10px !important;
  font-weight: bold;
  box-shadow: none !important;
}

.allReports .valueChecker .reportSubmitButton .reportSubmitButtonButton.bp6-button:hover,
.allReports .valueChecker .reportSubmitButton .reportSubmitButtonButton.bp6-button:active,
.allReports .valueChecker .reportSubmitButton .reportSubmitButtonButton.bp6-button:focus,
.shpFileExport .valueChecker .reportSubmitButton .reportSubmitButtonButton.bp6-button:hover,
.shpFileExport .valueChecker .reportSubmitButton .reportSubmitButtonButton.bp6-button:active,
.shpFileExport .valueChecker .reportSubmitButton .reportSubmitButtonButton.bp6-button:focus {
  background-color: #e6aa25;
  border-color: #c48a16;
  color: #000 !important;
  box-shadow: none !important;
}

.allReports .valueChecker .reportSubmitButton .reportSubmitButtonButton.bp6-button.bp6-disabled,
.allReports .valueChecker .reportSubmitButton .reportSubmitButtonButton.bp6-button:disabled,
.shpFileExport .valueChecker .reportSubmitButton .reportSubmitButtonButton.bp6-button.bp6-disabled,
.shpFileExport .valueChecker .reportSubmitButton .reportSubmitButtonButton.bp6-button:disabled {
  background-color: #e3c983;
  border-color: #e3c983;
  color: rgba(0, 0, 0, 0.55) !important;
  box-shadow: none !important;
}

.reportSubmitButton {
  float: left;
  padding-top: 3px;
  padding-left: 5px;
}

.rx .fieldSubStep .valueChecker .hint-text,
.rx .zoneSubStep .valueChecker .hint-text {
  position: unset;
  width: 100%;
  height: calc(100% - 30px);
  text-align: center;
  background-color: #fff;
  z-index: 15;
  padding-top: calc(var(--height) / 4) !important;
  --height: calc(100% - 30px);
  margin: auto;
}

.rx .fieldSubStep .valueChecker .hint-text > h1,
.rx .zoneSubStep .valueChecker .hint-text > h1 {
  --width-set: 100%;
  max-width: calc(var(--width-set) * .75);
  margin: auto; 
  padding-bottom: 5px;
}

.rx .rx-zone-acres-step.content .spinnerTime {
  float: left;
  z-index: 30;
  margin-top: 25%;
  margin-left: 40%;
  position: absolute;
}

@media screen and (min-width: 1450px ) and (max-width: 1750px)  {
  .role.Client .rx-zone-acres-step.content .ag-theme-balham .ag-root-wrapper.ag-layout-normal.ag-ltr {
    height: 97%;
  }
}

@supports (-moz-appearance:none) {
  @media screen and (min-width: 1750px ) and (max-width: 1790px) {   
    .rx-zone-acres-step.content.alias .ag-theme-balham .ag-root-wrapper.ag-layout-normal.ag-ltr {
      height: 98% !important;
    }

    .rx-zone-acres-step.content .ag-theme-balham .ag-root-wrapper.ag-layout-normal.ag-ltr {
      height: 98% !important;
    }

  }

  @media screen and (min-width: 1450px ) and (max-width: 1550px) {   
    .rx-zone-acres-step.content.alias .ag-theme-balham .ag-root-wrapper.ag-layout-normal.ag-ltr {
      height: 95% !important;
    }

    .rx-zone-acres-step.content .ag-theme-balham .ag-root-wrapper.ag-layout-normal.ag-ltr {
      height: 95% !important;
    }
  }
}

.wizard.content .rx-zone-acres-step.content {
  height: 100%;
}

.addGrowersName {
  padding: 5px 10px;
  width: 175%;
  border-bottom: solid;
  border-width: 1px;
}

.rx-profile-step  .col-md-6.rx-client-equipment {
  padding-left: 0px;
  padding-right: 12px;
  float: left;
}

.rx-profile-step  .col-md-6.rx-client-notes {
  padding-left: 0px;
  padding-right: 12px; 
}

.rx-profile-step  .col-md-6.rx-client-notes .bp6-form-content textarea {
  height: 150px;
  width: 665px;
  margin-left: -8px; 
}

.rx-profile-step  .col-md-6.rx-retailer-notes .bp6-form-content textarea {
  height: 150px;
  width: 665px;
  margin-left: -8px; 
}

.page-content.results .ag-theme-balham-soilresults .ag-floating-bottom {
  min-height: 30px;
  height: 30px;
  overflow: hidden !important;
  background-color: #FCE8C2;
  border-top: 1px solid #E3C989;
}

.page-content.results .ag-theme-balham-soilresults .ag-floating-bottom .ag-row,
.analyteSummaryPage .ag-floating-bottom .ag-row {
  background-color: #FCE8C2;
}

.page-content.results .ag-theme-balham-soilresults .ag-floating-bottom .ag-cell,
.page-content.results .ag-theme-balham-soilresults .ag-floating-bottom .ag-cell-value,
.page-content.results .ag-theme-balham-soilresults .ag-floating-bottom .ag-react-container,
.page-content.results .ag-theme-balham-soilresults .ag-floating-bottom .ag-react-container span,
.analyteSummaryPage .ag-floating-bottom .ag-cell,
.analyteSummaryPage .ag-floating-bottom .ag-cell-value,
.analyteSummaryPage .ag-floating-bottom .ag-react-container,
.analyteSummaryPage .ag-floating-bottom .ag-react-container span {
  color: #707575;
  font-weight: 600;
}

.page-content.results .ag-theme-balham-soilresults .ag-floating-bottom .ag-cell,
.analyteSummaryPage .ag-floating-bottom .ag-cell {
  border-color: #E9D7AA;
}

.analyteSummaryPage .ag-floating-bottom {
  background-color: #FCE8C2;
  border-top: 1px solid #E3C989;
}
 
.rx-crop-plan-step.content .ag-header-row .yield-dropdown {
  padding-left: 0px;
  padding-right: 0px;
}

.rx-crop-plan-step.content .ag-editable-grid.ag-theme-balham {
  box-sizing: border-box;
  outline: none;
}

.rx-crop-plan-step.content .autocomplete {
  width: 180px;
}

.rx-crop-plan-step.content .autocomplete .bp6-menu {
  max-height: 300px;
  min-height: 100px;
  overflow-y: auto;
  width: 180px;
  top: 34px;
}

@media not all and (min-resolution:.001dpcm) { 
  @supports (-webkit-appearance:none) {
    .recommendations.content .autocomplete .bp6-menu {
      max-height: 200px;
      overflow-y: auto;
      height: 100px;
    }
  }
}

.rx-crop-plan-step.content .ag-cell.editable .ag-react-container {
  height: 100%;
}

/* .rx-crop-plan-step.content .ag-editable-grid .ag-center-cols-viewport {
  overflow-y: auto;
} */

.rx-crop-plan-step.content .ag-editable-grid.ag-theme-balham .ag-body-viewport.ag-layout-normal {
  overflow: auto !important;
}

@media screen and (min-width: 1450px ) and (max-width: 1550px) {
  .rx-crop-plan-step.content .ag-editable-grid.ag-theme-balham {
    height: 89%;
  }

  .Client .rx-crop-plan-step.content .ag-editable-grid.ag-theme-balham {
    height: 88%;
  }

  .rx-crop-plan-step.content.alias .ag-editable-grid.ag-theme-balham {
    height: 86% !important;
  }
}

@supports (-moz-appearance:none) {
  @media screen and (min-width: 1551px ) and (max-width: 1650px) {   
    .rx-crop-plan-step.content.alias .ag-editable-grid.ag-theme-balham {
      height: 86% !important;
    }
  }
}

.rx-crop-plan-step.content.alias .ag-editable-grid.ag-theme-balham {
  height: 89%;
}

.page-content.rx .recommendations.content .wizard-container .deleteBulkAction .ag-react-container{
  width: 80px;
  margin-left: -12px;
}

.page-content.rx .recommendations.content .wizard-container .deleteBulkAction .ag-react-container
.bp6-button.bp6-minimal .bp6-button-text {
  width: 82px;
  margin-left: 6px;
}

.page-content.rx .recommendations.content .wizard-container .deleteBulkAction .ag-react-container
.bp6-button.bp6-intent-danger .bp6-button-text {
  width: 82px;
  margin-left: 18px;
}

.bp6-portal .rxBulkDelete {
  width: 320px;
  font-size: 12px;
  align-content: center;
}

.bp6-portal .rxBulkDelete .bp6-popover-content {
  font-weight: bold;
  background: #cecece;
}

.bp6-portal .rxBulkDelete .bp6-popover-content > div {
  padding: 10px;
}

.bp6-portal .rxBulkDelete .bp6-popover-arrow, 
.bp6-portal .rxBulkDelete .bp6-popover-arrow .bp6-popover-arrow-fill {
  fill: #cecece;
}

.deleteBulkAction .ag-react-container .bp6-popover-wrapper .bp6-button {
  margin-left: 2px;
} 

.bp6-portal .rxBulkDelete .bp6-popover-content .rxBulkDeleteText {
  margin-bottom: 5px;
  padding: 0px 0px 10px 11px;
}

.bp6-portal .rxBulkDelete .bp6-popover-content .bp6-button {
  margin-left: 68px;
  margin-bottom: 5px;
  margin-top: 10px;
}

.bp6-portal .rxBulkDelete .bp6-popover-content .bp6-button.bp6-intent-danger.bp6-popover-dismiss {
  margin-left: 20px;
  margin-bottom: 5px;
}

.recommendations.content .content .agGridResultsOutside .ag-pinned-right-header .productBulkFill .bp6-button,
.recommendations.content .content .agGridResultsOutside .productBulkFill .bp6-button,
.recommendations.content .content .agGridResultsOutsideAllInOne .ag-pinned-right-header .productBulkFill .bp6-button,
.recommendations.content .content .agGridResultsOutsideAllInOne .productBulkFill .bp6-button {
  width: 90px;
  margin-left: -13px;
  border-top: 1px solid darkgray;
  height: 32px;
}

.recommendations.content .content .agGridResultsOutsideAllInOne .show-wizard .ag-header-cell .ag-checkbox,
.recommendations.content .content .agGridResultsOutsideAllInOne .show-wizard .ag-selection-checkbox {
  margin-left: 20px;
  margin-top: -2px;
}

.agGridResultsOutsideAllInOne .results .bp6-popover-target {
  height: 32px;
}
.rx-profile-step .row {
  height: 33%;
}

.ag-header-viewport .ag-root .productBulkFill .bp6-button {
  height: 32px;
}

.rx-questions .bp6-text-muted,
.rx-start-step .bp6-form-group .bp6-form-helper-text {
  color: red;
}

.rx-create.content .rx-create-body .deficiencyFunction {
  margin-left: -10px;
}

.rx-create.content .rx-create-body .deficiencyButtonHeaderClassK .deficiencyFunction {
  margin-left: -4px;
}


.rx-create.content .rx-create-body .deficiencyFunction .deficiencyFunctionIcon {
  padding-right: 2px;
}

.rx .rx-create.content .rxFieldDisplay {
  height: 35%;
  width: 100%;
}

.rx .rx-create.content .agGridResultsOutsideAllInOne .rxFieldDisplay, 
.rx .rx-create.content .agGridResultsOutsideAllInOne .rxNPKDisplay {
  height: 20%;
  width: 100%;
  float: left;
  margin-top: 32px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.rx .rx-create.content .rxFieldDisplay .innerNotes,
.rx .rx-create.content .agGridResultsOutsideAllInOne .rxNPKDisplay .npkTable {
  width: 100%;
  height: 100%;
}

.rx .rx-create.content .rxFieldDisplay .innerNotes {
  display: flex;
  flex-direction: column;
}

.rx .rx-create.content .agGridResultsOutsideAllInOne .rxNPKDisplay .npkTable {
  display: flex;
  flex-direction: column;
}

.rx .rx-create.content .rxFieldDisplay .innerNotes .subInnerNotes {
  width: 100%;
  height: auto;
  flex: 1 1 auto;
}

.rx .rx-create.content .agGridResultsOutsideAllInOne .rxNPKDisplay .innerNPKTable {
  width: 100%;
  height: auto;
  flex: 1 1 auto;
  /* border-right-color: black;
  border-right-style: solid;
  border-right-width: thin; */
}

.rx .rx-create.content .rxFieldDisplay .innerNotes .subInnerNotes .notesTextArea {
  height: 100% !important;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  resize: none;
}

.rx .rx-create.content .rxFieldDisplay .innerNotes .buttonInnerNotes {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.rx .rx-create.content .rxFieldDisplay .innerNotes .buttonInnerNotes .notesActionGroup {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

.rx .rx-create.content .rxFieldDisplay .innerNotes .buttonInnerNotes .notesActionGroup .bp6-button.bp6-button.bp6-disabled {
  color: black !important;
  font-weight: bold;
}

.rx .rx-create.content .agGridResultsOutsideAllInOne .rxNPKDisplay .npkButtons {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0;
  padding-bottom: 0;
  border-bottom: 1px solid #cecece;
}

.rx .rx-create.content .agGridResultsOutsideAllInOne .rxNPKDisplay .npkButtons .sampleButton,
.rx .rx-create.content .agGridResultsOutsideAllInOne .rxNPKDisplay .npkButtons .fieldButton {
  min-height: 34px;
  padding: 6px 14px;
}

.rx .rx-create.content .agGridResultsOutsideAllInOne .rxNPKDisplay .npkButtons .npkSummaryCost {
  margin-left: auto;
  padding: 0 10px 0px 0px;
  font-size: 18px;
  font-weight: 600;
  color: #2d2d2d;
  white-space: nowrap;
}

.rx .rx-create.content .agGridResultsOutsideAllInOne .rxNPKDisplay .npkButtons .npkTabButton.bp6-button {
  background-color: #f4f0e5;
  border: 1px solid #cecece;
  border-bottom-color: #cecece;
  border-radius: 10px 10px 0 0;
  color: #4c4c4c !important;
  margin-bottom: -1px;
  margin-right: 4px;
  box-shadow: none;
}

.rx .rx-create.content .agGridResultsOutsideAllInOne .rxNPKDisplay .npkButtons .npkTabButton.bp6-button:hover,
.rx .rx-create.content .agGridResultsOutsideAllInOne .rxNPKDisplay .npkButtons .npkTabButton.bp6-button:focus,
.rx .rx-create.content .agGridResultsOutsideAllInOne .rxNPKDisplay .npkButtons .npkTabButton.bp6-button:active {
  background-color: #fbf7ec;
  border-color: #bfbfbf;
  color: #000 !important;
  box-shadow: none;
}

.rx .rx-create.content .agGridResultsOutsideAllInOne .rxNPKDisplay .npkButtons .npkTabButton.bp6-button.active,
.rx .rx-create.content .agGridResultsOutsideAllInOne .rxNPKDisplay .npkButtons .npkTabButton.bp6-button.bp6-active {
  background-color: #F1B434;
  border-color: #d49d28;
  border-bottom-color: #d49d28;
  color: #000 !important;
  box-shadow: none;
}

.rx .rx-create.content .agGridResultsOutsideAllInOne .rxNPKDisplay .npkButtons .npkTabButton.bp6-button.bp6-disabled,
.rx .rx-create.content .agGridResultsOutsideAllInOne .rxNPKDisplay .npkButtons .npkTabButton.bp6-button:disabled {
  background-color: #ece7d9;
  border-color: #d8d2c2;
  color: rgba(0, 0, 0, 0.45) !important;
}

.rx .rx-create.content .agGridResultsOutsideAllInOne .rxNPKDisplay .npkButtons .npkTabButton .bp6-icon,
.rx .rx-create.content .agGridResultsOutsideAllInOne .rxNPKDisplay .npkButtons .npkTabButton .bp6-icon svg {
  color: inherit !important;
}

.rx .rx-create.content .rxFieldDisplay .innerNotes .buttonInnerNotes .selectButton {
  min-height: 30px;
  padding: 5px 10px;
}

.rx .rx-create.content .rxFieldDisplay .innerNotes .buttonInnerNotes .saveButton {
  min-height: 30px;
  padding: 5px 10px;
}

.rx .rx-create.content .rxFieldDisplay .innerNotes .buttonInnerNotes .deleteButton {
  min-height: 30px;
  padding: 5px 10px;
}

.rx .rx-create.content .rxFieldDisplay .innerNotes .buttonInnerNotes .selectButton.bp6-button,
.rx .rx-create.content .rxFieldDisplay .innerNotes .buttonInnerNotes .saveButton.bp6-button {
  background-color: #F1B434;
  border-color: #d49d28;
  color: #000 !important;
}

.rx .rx-create.content .rxFieldDisplay .innerNotes .buttonInnerNotes .selectButton.bp6-button:hover,
.rx .rx-create.content .rxFieldDisplay .innerNotes .buttonInnerNotes .selectButton.bp6-button:active,
.rx .rx-create.content .rxFieldDisplay .innerNotes .buttonInnerNotes .selectButton.bp6-button:focus,
.rx .rx-create.content .rxFieldDisplay .innerNotes .buttonInnerNotes .saveButton.bp6-button:hover,
.rx .rx-create.content .rxFieldDisplay .innerNotes .buttonInnerNotes .saveButton.bp6-button:active,
.rx .rx-create.content .rxFieldDisplay .innerNotes .buttonInnerNotes .saveButton.bp6-button:focus {
  background-color: #e6aa25;
  border-color: #c48a16;
  color: #000 !important;
}

.rx .rx-create.content .rxFieldDisplay .innerNotes .buttonInnerNotes .selectButton.bp6-button.bp6-disabled,
.rx .rx-create.content .rxFieldDisplay .innerNotes .buttonInnerNotes .saveButton.bp6-button.bp6-disabled,
.rx .rx-create.content .rxFieldDisplay .innerNotes .buttonInnerNotes .selectButton.bp6-button:disabled,
.rx .rx-create.content .rxFieldDisplay .innerNotes .buttonInnerNotes .saveButton.bp6-button:disabled {
  background-color: #e3c983;
  border-color: #e3c983;
  color: rgba(0, 0, 0, 0.55) !important;
}

.rx .rx-create.content .rxFieldDisplay .innerNotes .buttonInnerNotes .selectButton .bp6-icon,
.rx .rx-create.content .rxFieldDisplay .innerNotes .buttonInnerNotes .saveButton .bp6-icon,
.rx .rx-create.content .rxFieldDisplay .innerNotes .buttonInnerNotes .selectButton .bp6-icon svg,
.rx .rx-create.content .rxFieldDisplay .innerNotes .buttonInnerNotes .saveButton .bp6-icon svg {
  color: #000 !important;
}

.rxFieldNotesDialog {
  height: 400px;
}

.bp6-portal .bp6-dialog.two-column.rxNotesWidget {
  height: 500px;
}

.bp6-portal .bp6-dialog.two-column.rxNotesWidget .bp6-dialog-header {
  display: none;
}

.bp6-portal .bp6-dialog.two-column.rxNotesWidget .bp6-dialog-body {
  margin: 0;
  padding: 0;
  height: 80%;
  width: 100%;
}

.bp6-portal .bp6-dialog.two-column.rxNotesWidget .rxNotesWidgetLayout {
  display: flex;
  flex-direction: column;
  background-color: #D9D9D9;
  padding: 35px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  height: 85%;
}

.bp6-portal .bp6-dialog.two-column.rxNotesWidget .rxNotesWidgetLayout.saveReportLayout {
  height: 100%;
}

.bp6-portal .bp6-dialog.two-column.rxNotesWidget .rx-notes-widget-header {
  margin-bottom: 0;
  background-color: #D9D9D9;
  border-bottom: none;
  border-radius: 10px;
  height: 90px;
  padding: 0px;
}

.bp6-portal .bp6-dialog.two-column.rxNotesWidget .bp6-dialog-footer {
    background-color: #D9D9D9;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    padding: 0;
    width: 100%;
    margin: 0;
    height: 15%;
}

.bp6-portal .bp6-dialog.two-column.rxNotesWidget .content-header {
  box-shadow: none;
}

.bp6-portal .bp6-dialog.two-column.rxNotesWidget .rx-notes-widget-header .content-desc {
  display: block;
}

.bp6-portal .bp6-dialog.two-column.rxNotesWidget .rx-notes-widget-header .bp6-breadcrumbs {
  display: flex;
  align-items: center;
  gap: 0;
}

.bp6-portal .bp6-dialog.two-column.rxNotesWidget .bp6-dialog-footer-actions .rxNotesCancelButton.bp6-button,
.bp6-portal .bp6-dialog.two-column.rxNotesWidget .bp6-dialog-footer-actions .rxNotesSelectButton.bp6-button {
  min-width: 110px;
  border-radius: 10px !important;
  font-weight: 700;
  color: #000 !important;
}

.bp6-portal .bp6-dialog.two-column.rxNotesWidget .bp6-dialog-footer-actions .rxNotesCancelButton.bp6-button {
  /* background-color: #A1A1A1;
  border-color: #A1A1A1; */
}

.bp6-portal .bp6-dialog.two-column.rxNotesWidget .bp6-dialog-footer-actions .rxNotesCancelButton.bp6-button:hover,
.bp6-portal .bp6-dialog.two-column.rxNotesWidget .bp6-dialog-footer-actions .rxNotesCancelButton.bp6-button:active,
.bp6-portal .bp6-dialog.two-column.rxNotesWidget .bp6-dialog-footer-actions .rxNotesCancelButton.bp6-button:focus {
  /* background-color: #A1A1A1;
  border-color: #A1A1A1; */
  color: #000 !important;
}

.bp6-portal .bp6-dialog.two-column.rxNotesWidget .bp6-dialog-footer-actions .rxNotesSelectButton.bp6-button {
  background-color: #f1b434;
  border-color: #f1b434;
}

.bp6-portal .bp6-dialog.two-column.rxNotesWidget .bp6-dialog-footer-actions .rxNotesSelectButton.bp6-button:hover,
.bp6-portal .bp6-dialog.two-column.rxNotesWidget .bp6-dialog-footer-actions .rxNotesSelectButton.bp6-button:active,
.bp6-portal .bp6-dialog.two-column.rxNotesWidget .bp6-dialog-footer-actions .rxNotesSelectButton.bp6-button:focus {
  background-color: #f1b434;
  border-color: #f1b434;
  color: #000 !important;
}

.bp6-portal .bp6-dialog.two-column.rxNotesWidget .bp6-dialog-footer-actions .rxNotesSelectButton.bp6-button:disabled,
.bp6-portal .bp6-dialog.two-column.rxNotesWidget .bp6-dialog-footer-actions .rxNotesSelectButton.bp6-button.bp6-disabled {
  background-color: #e3c983;
  border-color: #e3c983;
  color: rgba(0, 0, 0, 0.55) !important;
}

.rxnotes .content .content-icon .bp6-icon-list {
  padding: 6px 6px 6px 6px;
}

.rxnotes .grid-with-form-sidbar .sidebar-body .AccountID,
.rxnotes .grid-with-form-sidbar .sidebar-body .NoteID {
  visibility: hidden;
}

.rx .content .rx-create .wizard-container .rx-wizard .season-year {
  width: 25%;
  float: left;
  margin-right: 10px;
}

.rx .content .rx-create .rx-create-header .rec-builder .seasonYearDropdown .season-year {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  width: auto;
  float: none;
  margin: 0;
  height: 42px;
}
.rx .rec-builder .seasonYearDropdown .season-year .p-inputgroup {
  display: flex;
  align-items: center;
  gap: 8px;
  width: auto;
}
.rx .rec-builder .seasonYearDropdown .season-year .p-inputgroup .bp6-popover-target .bp6-button {
  min-width: 96px;
  width: 96px;
  height: 42px;
  padding: 0 12px;
}

.rx-questions .bp6-popover-target {
  width: 100%;
}

.finalizeRx .bp6-popover-target .bp6-button {
  width: 130px;
}

.cropDropdownRxWiz {
  width: 230px;
}

.rx .content .rx-create .wizard-container .rx-wizard .season-year .season,
.rx .content .rx-create .wizard-container .rx-wizard .season-year .year {
  width: 40%;
}

.rx .content .rx-create .rx-create-header .rec-builder .seasonYearDropdown .season-year .season,
.rx .content .rx-create .rx-create-header .rec-builder .seasonYearDropdown .season-year .year {
  width: 40%;
}

.rx .content .rx-create .rx-create-header .rec-builder .seasonYearDropdown .season-year .season .bp6-popover-wrapper,
.rx .content .rx-create .rx-create-header .rec-builder .seasonYearDropdown .season-year .year .bp6-popover-wrapper {
  width: 100%;
}

.bp6-portal .bp6-dialog.three-column.csvExport.recommendationOverlayFull .csvExportTableHolder,
.bp6-portal .bp6-dialog.three-column.csvExport.recommendationOverlayFull .csvShowTable,
.bp6-portal .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content,
.bp6-portal .bp6-dialog.three-column.printMapOverlay.recommendationOverlayFull .print-map-dialog-content {
  height: 100%;
}

.bp6-portal .bp6-dialog.three-column.csvExport.recommendationOverlayFull .csvShowTable,
.bp6-portal .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content,
.bp6-portal .bp6-dialog.three-column.printMapOverlay.recommendationOverlayFull .print-map-dialog-content {
  flex-direction: column;
}

.bp6-portal .bp6-dialog.three-column.csvExport.recommendationOverlayFull .csvExportButton {
  align-self: flex-end;
  margin: 0 20px 8px 0;
}

.bp6-portal .bp6-dialog.three-column.csvExport.recommendationOverlayFull .ag-root-wrapper,
.bp6-portal .bp6-dialog.three-column.csvExport.recommendationOverlayFull .ag-root-wrapper-body,
.bp6-portal .bp6-dialog.three-column.csvExport.recommendationOverlayFull .ag-root {
  min-height: 0;
}

.bp6-portal .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .bp6-tabs {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}

.bp6-portal .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .bp6-tab-panel {
  flex: 1 1 auto;
  min-height: 0;
}

.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull {
  --desired-values-bg: #e7deca;
  --desired-values-surface: #fffaf0;
  --desired-values-surface-strong: #ffffff;
  --desired-values-border: #d8cfb7;
  --desired-values-border-strong: #333333;
  --desired-values-text: #001d1d;
  --desired-values-muted: #5f5849;
  --desired-values-accent: #f1b434;
  --desired-values-accent-hover: #d89a18;
  --desired-values-accent-soft: #fce8c2;
  --desired-values-danger: #c52f00;
  --desired-values-danger-hover: #a32600;
  --desired-values-shadow: 0 18px 40px rgba(62, 45, 11, 0.12);
  overflow: hidden;
  border: 1px solid rgba(17, 20, 24, 0.12);
  border-radius: 18px;
  background: linear-gradient(180deg, #f5f1e6 0%, #eef4f2 100%);
  box-shadow: 0 24px 60px rgba(0, 29, 29, 0.18);
}

.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .bp6-dialog-body {
  margin: 0;
  padding: 0;
  background: transparent;
}

.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .recommendation-overlay-full-body {
  background: transparent;
}

.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .recommendation-overlay-full-header.content-header,
.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .recommendation-overlay-full-header.content-header.summary-header {
  background: linear-gradient(135deg, #fce8c2 0%, #f7eee0 100%);
  border-bottom: 1px solid rgba(17, 20, 24, 0.12);
  padding: 14px 18px;
  min-height: auto;
}

.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .recommendation-overlay-full-header .content-page-desc,
.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .recommendation-overlay-full-header .content-title-row {
  align-items: center;
}

.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .recommendation-overlay-full-header .content-page-desc {
  flex-direction: row;
  gap: 12px;
  height: auto;
  min-height: 0;
  padding-left: 0;
  justify-content: flex-start;
}

.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .recommendation-overlay-full-header .content-title-row {
  display: flex;
  flex: 0 0 auto;
}

.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .recommendation-overlay-full-header .content-title {
  color: var(--desired-values-text);
  margin: 0;
  font-size: 24px;
  line-height: 1.2;
}

.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .recommendation-overlay-full-header .content-page-desc > div {
  width: auto;
}

.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .recommendation-overlay-full-header .content-desc {
  margin-top: 2px;
}

.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .recommendation-overlay-full-header .summary-title-icon-wrap {
  position: static;
  width: 24px;
  height: 24px;
  min-width: 24px;
  flex: 0 0 24px;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
}

.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .recommendation-overlay-full-header .summary-title-icon,
.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .recommendation-overlay-full-header .summary-title-icon svg {
  color: #7b5a14;
  fill: #7b5a14;
  width: 20px;
  height: 20px;
  max-width: 20px;
  max-height: 20px;
}

.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .recommendation-overlay-full-header .content-btns {
  display: flex;
  align-items: center;
}

.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .recommendation-overlay-full-close-btn.bp6-button.bp6-intent-primary {
  color: var(--desired-values-muted) !important;
  border: 1px solid var(--desired-values-border);
}

.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .recommendation-overlay-full-close-btn.bp6-button:hover,
.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .recommendation-overlay-full-close-btn.bp6-button:active,
.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .recommendation-overlay-full-close-btn.bp6-button:focus {
  background-color: var(--desired-values-accent-soft);
  color: var(--desired-values-text) !important;
  border-color: #cfa24f;
}

.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .recommendation-overlay-full-content.desired-values-dialog-content {
  background:
    radial-gradient(circle at top right, rgba(241, 180, 52, 0.22), transparent 24%),
    linear-gradient(180deg, #ece4d2 0%, #ddd4c1 100%);
}

.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .bp6-tabs {
  background: transparent;
}

.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .bp6-tab-list {
  display: flex;
  align-items: stretch;
  gap: 12px;
  margin: 0;
  padding: 16px 20px 0;
  overflow-x: auto;
  background: var(--desired-values-surface-strong);
  border-bottom: 1px solid var(--desired-values-border);
}

.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .bp6-tab-list .bp6-tab {
  float: none;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 220px;
  min-height: 74px;
  margin: 0;
  padding: 14px 18px;
  background: #f4ead2 !important;
  color: var(--desired-values-muted) !important;
  border: 1px solid var(--desired-values-border);
  border-bottom: none;
  border-radius: 16px 16px 0 0;
  box-shadow: none !important;
  font-weight: 700;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .bp6-tab-list .bp6-tab:hover,
.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .bp6-tab-list .bp6-tab:focus {
  background: #f8f1de !important;
  color: var(--desired-values-text) !important;
}

.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .bp6-tab-list .bp6-tab.selected,
.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .bp6-tab-list .bp6-tab[aria-selected="true"] {
  background: var(--desired-values-accent-soft) !important;
  color: var(--desired-values-text) !important;
  border-color: #cfa24f;
}

.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .bp6-tab-indicator-wrapper .bp6-tab-indicator {
  display: none;
}

.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .bp6-tab > div {
  height: auto;
  min-height: 44px;
}

.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .bp6-tab-list h3 {
  margin: 0 0 4px;
  font-size: 1.1rem;
  line-height: 1.15;
  color: inherit;
}

.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .bp6-tab-list h5 {
  margin: 0;
  font-size: 0.85rem;
  font-weight: 600;
  line-height: 1.2;
  color: inherit;
  opacity: 0.88;
}

.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .bp6-tab-panel {
  padding: 18px 20px 22px;
  overflow: auto;
  background: transparent;
}

.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .content.pageNavigation {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  background: transparent;
  color: var(--desired-values-text);
}

.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .content.pageNavigation .content-body {
  flex: 1 1 auto;
  min-height: 0;
  min-width: 0;
  padding: 0;
  background: transparent;
  overflow: auto;
}

.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .content.pageNavigation .form-body {
  min-width: 1200px;
  padding: 24px 24px 20px;
  background: var(--desired-values-surface);
  border: 1px solid var(--desired-values-border);
  border-radius: 20px;
  box-shadow: var(--desired-values-shadow);
}

.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .content.pageNavigation .content-footer {
  padding: 16px 0 0;
  background: transparent;
}

.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .content.pageNavigation .content-footer .bp6-button-group {
  display: flex;
  justify-content: center;
  width: 100%;
  padding-top: 0;
}

.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .grid-with-form-sidbar {
  display: flex;
  min-height: 0;
  height: 100%;
  gap: 16px;
}

.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .grid-with-form-sidbar > .edit-form.desired-values-edit-form {
  display: flex;
  flex-direction: column;
  flex: 0 0 420px;
  width: 420px;
  min-width: 420px;
  min-height: 0;
  overflow: hidden;
  background: #fce8c2;
  border: 1px solid #d8cfb7;
  border-radius: 18px;
  box-shadow: 0 12px 26px rgba(62, 45, 11, 0.08);
}

.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .grid-with-form-sidbar > .edit-form.desired-values-edit-form .editor-header-row,
.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .grid-with-form-sidbar > .edit-form.desired-values-edit-form .editor-meta-row {
  background-color: #fce8c2;
  min-height: 36px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #d8cfb7;
}

.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .grid-with-form-sidbar > .edit-form.desired-values-edit-form .editorHolder.editor-header-row {
  border-bottom: 0;
}

.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .grid-with-form-sidbar > .edit-form.desired-values-edit-form .editor-header-row h4,
.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .grid-with-form-sidbar > .edit-form.desired-values-edit-form .editor-meta-row h5 {
  margin: 0;
  padding: 0 12px;
  line-height: 1;
  color: #001d1d;
}

.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .grid-with-form-sidbar > .edit-form.desired-values-edit-form .editor-meta-row h5 {
  font-size: 12px;
  font-weight: 700;
}

.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .grid-with-form-sidbar > .edit-form.desired-values-edit-form .editor-header-row .closeButtonProduct {
  margin-top: 0;
  margin-left: auto;
  width: auto;
  display: flex;
  align-items: center;
  padding-right: 8px;
}

.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .grid-with-form-sidbar > .edit-form.desired-values-edit-form .editor-header-row .closeButtonProduct > button {
  padding-left: 0;
}

.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .grid-with-form-sidbar > .edit-form.desired-values-edit-form .form-sidebar2 {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}

.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .grid-with-form-sidbar > .edit-form.desired-values-edit-form .form-sidebar2 .sidebar-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}

.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .grid-with-form-sidbar > .edit-form.desired-values-edit-form .form-sidebar2 .sidebar-body .form-body {
  padding: 0 10px 10px;
  overflow-y: auto;
  overflow-x: visible;
  height: 100%;
  min-height: 0;
  max-height: none;
}

.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .grid-with-form-sidbar > .edit-form.desired-values-edit-form .form-sidebar2 .sidebar-footer {
  padding: 12px 10px 10px;
  margin-top: 0;
}

.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .grid-with-form-sidbar > .edit-form.desired-values-edit-form .form-sidebar2 .sidebar-footer .bp6-button,
.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .grid-with-form-sidbar > .edit-form.desired-values-edit-form .form-sidebar2 .sidebar-footer .bp6-button:hover,
.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .grid-with-form-sidbar > .edit-form.desired-values-edit-form .form-sidebar2 .sidebar-footer .bp6-button:active,
.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .grid-with-form-sidbar > .edit-form.desired-values-edit-form .form-sidebar2 .sidebar-footer .bp6-button:focus {
  width: 100%;
  min-height: 42px;
  border-radius: 12px;
  border-color: transparent;
  background-color: #f1b434;
  color: #000;
  box-shadow: none;
  font-weight: 700;
}

.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content section > h2:empty {
  display: none;
}

.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .consultant-goals-row,
.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .grower-goals-row,
.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .consultant-visibility-filter,
.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .client-visibility-filter,
.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .consultant-unit-switch,
.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .grower-unit-switch,
.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .add-grower-goals-btn,
.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .remove-grower-goals-btn {
  margin-bottom: 14px;
  padding: 18px 16px;
  background: var(--desired-values-surface-strong);
  border: 1px solid var(--desired-values-border);
  border-radius: 18px;
  box-shadow: 0 10px 24px rgba(62, 45, 11, 0.06);
}

.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .consultant-goals-row > h2,
.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .grower-goals-row > h2 {
  margin: 0 0 14px;
  font-size: 0.9rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--desired-values-muted);
}

.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .consultant-goals-row .row,
.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .grower-goals-row .row,
.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .consultant-visibility-filter .row,
.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .client-visibility-filter .row {
  margin: 0;
}

.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .col-md-1.form-group .control-label,
.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content label {
  color: var(--desired-values-muted);
  font-size: 13px;
  font-weight: 700;
}

.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .form-control,
.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .bp6-input {
  height: 46px;
  border: 1px solid var(--desired-values-border);
  border-radius: 12px;
  background: var(--desired-values-surface-strong);
  color: var(--desired-values-text);
  box-shadow: none;
  text-align: center;
  font-weight: 700;
}

.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .form-control:focus,
.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .bp6-input:focus {
  border-color: var(--desired-values-border-strong);
  box-shadow: 0 0 0 2px rgba(241, 180, 52, 0.22);
}

.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .Consultant_P_Goal .form-group .form-control,
.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .Grower_P_Goal .form-group .form-control {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .Consultant_P_Goal .bp6-button.bp6-intent-primary,
.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .Grower_P_Goal .bp6-button.bp6-intent-primary {
  height: 46px;
  padding: 0 12px;
  background: var(--desired-values-accent-soft) !important;
  color: var(--desired-values-text) !important;
  border: 1px solid var(--desired-values-border);
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .consultant-visibility-filter .bp6-button,
.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .client-visibility-filter .bp6-button {
  width: 44px;
  min-width: 44px;
  height: 44px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px !important;
  border: 1px solid var(--desired-values-border);
  background: #f5efe1 !important;
  color: #766d5d !important;
  box-shadow: none !important;
}

.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .consultant-visibility-filter .bp6-button.bp6-intent-primary,
.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .client-visibility-filter .bp6-button.bp6-intent-primary {
  background: var(--desired-values-accent-soft) !important;
  color: var(--desired-values-text) !important;
  border-color: #cfa24f;
}

.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .consultantUnitSwitch .bp6-button,
.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .growerButton .bp6-button {
  min-width: 118px;
  height: 46px;
  padding: 0 16px;
  background: var(--desired-values-surface-strong) !important;
  color: var(--desired-values-text) !important;
  border: 1px solid var(--desired-values-border);
  border-radius: 12px !important;
  box-shadow: none !important;
  font-weight: 700;
}

.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .consultantUnitSwitch .bp6-button:hover,
.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .consultantUnitSwitch .bp6-button:active,
.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .consultantUnitSwitch .bp6-button:focus,
.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .growerButton .bp6-button:hover,
.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .growerButton .bp6-button:active,
.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .growerButton .bp6-button:focus {
  background: #f8f1de !important;
  border-color: var(--desired-values-border-strong);
}

.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .add-grower-goals-btn .bp6-button,
.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .remove-grower-goals-btn .bp6-button,
.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .save-goals-btn {
  height: 48px;
  padding: 0 18px;
  border-radius: 12px !important;
  font-weight: 700;
  box-shadow: none !important;
}

.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .add-grower-goals-btn .bp6-button {
  background: var(--desired-values-accent-soft) !important;
  color: var(--desired-values-text) !important;
}

.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .add-grower-goals-btn .bp6-button:hover,
.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .add-grower-goals-btn .bp6-button:active,
.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .add-grower-goals-btn .bp6-button:focus {
  background: #f7ddb0 !important;
}

.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .remove-grower-goals-btn .bp6-button {
  background: var(--desired-values-danger) !important;
  color: #ffffff !important;
}

.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .remove-grower-goals-btn .bp6-button:hover,
.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .remove-grower-goals-btn .bp6-button:active,
.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .remove-grower-goals-btn .bp6-button:focus {
  background: var(--desired-values-danger-hover) !important;
  color: #ffffff !important;
}

.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .save-goals-btn {
  min-width: 220px;
  background: var(--desired-values-accent) !important;
  color: #000000 !important;
}

.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .save-goals-btn:hover,
.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .save-goals-btn:active,
.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .save-goals-btn:focus {
  background: var(--desired-values-accent-hover) !important;
  color: #000000 !important;
}

.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .save-goals-btn .bp6-icon,
.bp6-portal.soil-nutrient-goals .bp6-dialog.three-column.desiredValuesOverlay.recommendationOverlayFull .desired-values-dialog-content .save-goals-btn .bp6-icon svg {
  color: #000000 !important;
  fill: #000000 !important;
}

.bp6-portal .desired-values-menu .bp6-menu {
  background: #ffffff;
  border: 1px solid #333333;
  border-radius: 12px;
  color: #001d1d;
  box-shadow: 0 16px 32px rgba(62, 45, 11, 0.14);
}

.bp6-portal .desired-values-menu .bp6-menu-item {
  color: #001d1d;
  border-radius: 8px;
}

.bp6-portal .desired-values-menu .bp6-menu-item:hover,
.bp6-portal .desired-values-menu .bp6-menu-item.bp6-active {
  background: #fce8c2;
  color: #001d1d;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme {
  --rx-shp-bg: #e7deca;
  --rx-shp-surface: #fffaf0;
  --rx-shp-surface-strong: #ffffff;
  --rx-shp-border: #d8cfb7;
  --rx-shp-border-strong: #333333;
  --rx-shp-text: #001d1d;
  --rx-shp-muted: #5f5849;
  --rx-shp-accent: #f1b434;
  --rx-shp-accent-hover: #d89a18;
  --rx-shp-accent-soft: #fce8c2;
  --rx-shp-danger: #c52f00;
  --rx-shp-danger-hover: #a32600;
  --rx-shp-shadow: 0 18px 40px rgba(62, 45, 11, 0.12);
  background:
    radial-gradient(circle at top right, rgba(241, 180, 52, 0.18), transparent 24%),
    linear-gradient(180deg, #ece4d2 0%, #ddd4c1 100%);
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .content-body {
  min-height: 0;
  padding: 18px 20px 22px;
  overflow: auto;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker,
.page-content.rx .shpFileExport.rxShpFileExportTheme .shpFileExport.content {
  width: 100%;
  min-height: calc(100% - 8px);
  padding: 22px 24px;
  background: var(--rx-shp-surface);
  border: 1px solid var(--rx-shp-border);
  border-radius: 20px;
  box-shadow: var(--rx-shp-shadow);
  color: var(--rx-shp-text);
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker {
  padding-top: 22px;
  padding-left: 24px;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .hint-text {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-items: end;
  gap: 18px 20px;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .season,
.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .year,
.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .growerReports,
.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .farmReports,
.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .fieldReports,
.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .hint-text > .samplingTypeReports,
.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .reportSubmitButton {
  margin: 0;
  padding: 16px 18px 18px;
  background: var(--rx-shp-surface-strong);
  border: 1px solid var(--rx-shp-border);
  border-radius: 18px;
  box-shadow: 0 10px 24px rgba(62, 45, 11, 0.06);
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .season,
.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .year,
.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .growerReports,
.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .farmReports,
.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .fieldReports,
.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .hint-text > .samplingTypeReports {
  display: grid;
  grid-template-columns: 46px minmax(220px, 1fr);
  grid-template-areas:
    "label label"
    "icon control";
  column-gap: 0;
  row-gap: 10px;
  min-width: 0;
  width: 100%;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .season,
.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .year {
  grid-column: span 6;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .growerReports,
.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .farmReports,
.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .fieldReports {
  grid-column: span 4;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .hint-text > .samplingTypeReports {
  grid-column: span 4;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .allReportsSubHeader {
  grid-area: label;
  padding-bottom: 0;
  color: var(--rx-shp-muted);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .seasonIcon,
.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .yearIcon,
.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .growerIcon,
.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .farmIcon,
.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .fieldIcon,
.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .samplingIcon {
  grid-area: icon;
  float: none;
  width: 46px;
  min-width: 46px;
  height: 46px;
  min-height: 46px;
  padding: 0;
  background: var(--rx-shp-accent-soft);
  border: 1px solid #cfa24f;
  border-radius: 12px 0 0 12px;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .seasonIcon .bp6-icon > svg,
.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .yearIcon .bp6-icon > svg,
.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .growerIcon .bp6-icon > svg,
.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .fieldIcon .bp6-icon > svg,
.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .samplingIcon .bp6-icon > svg,
.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .farmIcon .fa-warehouse {
  fill: var(--rx-shp-text);
  color: var(--rx-shp-text);
  margin-left: 0;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .season .bp6-popover-target,
.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .year .bp6-popover-target,
.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .farmReports .bp6-popover-target,
.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .fieldReports .bp6-popover-target,
.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .hint-text > .samplingTypeReports .bp6-popover-target,
.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .growerReports > .bp6-button {
  grid-area: control;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .growerReports > .bp6-button,
.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .farmReports .bp6-popover-target,
.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .farmReports .bp6-popover-wrapper,
.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .fieldReports .bp6-popover-target,
.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .fieldReports .bp6-popover-wrapper,
.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .hint-text > .samplingTypeReports .bp6-popover-target,
.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .hint-text > .samplingTypeReports .bp6-popover-wrapper {
  width: 100%;
  min-width: 0;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .season .bp6-popover-target .bp6-button,
.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .year .bp6-popover-target .bp6-button,
.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .growerReports .bp6-button,
.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .farmReports .bp6-popover-target .bp6-button,
.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .fieldReports .bp6-popover-target .bp6-button,
.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .hint-text > .samplingTypeReports .bp6-popover-target .bp6-button {
  width: 100%;
  min-width: 244px;
  height: 46px;
  border-radius: 0 12px 12px 0;
  border: 1px solid var(--rx-shp-border) !important;
  border-left: 0 !important;
  background: var(--rx-shp-surface-strong) !important;
  color: var(--rx-shp-text) !important;
  font-weight: 700;
  justify-content: space-between;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .growerReports .bp6-button,
.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .farmReports .bp6-popover-target .bp6-button,
.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .fieldReports .bp6-popover-target .bp6-button,
.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .hint-text > .samplingTypeReports .bp6-popover-target .bp6-button {
  min-width: 0;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .season .bp6-popover-target,
.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .year .bp6-popover-target,
.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .season .bp6-popover-wrapper,
.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .year .bp6-popover-wrapper {
  width: 100%;
  min-width: 0;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .season .bp6-popover-target .bp6-button,
.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .year .bp6-popover-target .bp6-button {
  min-width: 0;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .reportSubmitButton {
  display: flex;
  align-items: flex-end;
  justify-content: stretch;
  padding: 18px;
  min-width: 0;
  width: 100%;
  grid-column: 1 / span 4;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .hint-text > .samplingTypeReports {
  margin: 0;
  padding: 16px 18px 18px;
  background: var(--rx-shp-surface-strong);
  border: 1px solid var(--rx-shp-border);
  border-radius: 18px;
  box-shadow: 0 10px 24px rgba(62, 45, 11, 0.06);
  grid-template-columns: 46px minmax(220px, 1fr);
  grid-template-areas:
    "label label"
    "icon control";
  align-items: stretch;
  column-gap: 0;
  row-gap: 10px;
  min-width: 0;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .hint-text > .samplingTypeReports .allReportsSubHeader {
  align-self: auto;
  white-space: normal;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .hint-text > .samplingTypeReports .bp6-popover-target,
.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .hint-text > .samplingTypeReports .bp6-popover-wrapper,
.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .hint-text > .samplingTypeReports .bp6-popover-target .bp6-button {
  width: 100%;
  min-width: 0;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .reportSubmitButton .reportSubmitButtonButton.bp6-button {
  width: 100%;
  min-width: 0;
  height: 48px;
  border-radius: 12px !important;
  background: var(--rx-shp-accent) !important;
  border-color: #d49d28 !important;
  color: #000000 !important;
  font-weight: 800;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .reportSubmitButton .reportSubmitButtonButton.bp6-button:hover,
.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .reportSubmitButton .reportSubmitButtonButton.bp6-button:active,
.page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .reportSubmitButton .reportSubmitButtonButton.bp6-button:focus {
  background: var(--rx-shp-accent-hover) !important;
  border-color: #bf8613 !important;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .shpFileExport.content {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .shpFileExport.content .submitButton,
.page-content.rx .shpFileExport.rxShpFileExportTheme .shpFileExport.content .verificationButtons,
.page-content.rx .shpFileExport.rxShpFileExportTheme .shpFileExport.content .restartButton {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  height: auto;
  margin: 0;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .shpFileExport.content .submitButton .goBackButton,
.page-content.rx .shpFileExport.rxShpFileExportTheme .shpFileExport.content .verificationButtons .goBackButton,
.page-content.rx .shpFileExport.rxShpFileExportTheme .shpFileExport.content .restartButton .goBackButton,
.page-content.rx .shpFileExport.rxShpFileExportTheme .shpFileExport.content .submitButton .finalizeButton,
.page-content.rx .shpFileExport.rxShpFileExportTheme .shpFileExport.content .verificationButtons .verifyButton .finalizeButton {
  float: none;
  margin: 0;
  min-width: 140px;
  height: 48px;
  border-radius: 12px !important;
  font-weight: 700;
  box-shadow: none !important;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .shpFileExport.content .submitButton .goBackButton,
.page-content.rx .shpFileExport.rxShpFileExportTheme .shpFileExport.content .verificationButtons .goBackButton,
.page-content.rx .shpFileExport.rxShpFileExportTheme .shpFileExport.content .restartButton .goBackButton {
  background: var(--rx-shp-danger) !important;
  color: #ffffff !important;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .shpFileExport.content .submitButton .goBackButton:hover,
.page-content.rx .shpFileExport.rxShpFileExportTheme .shpFileExport.content .submitButton .goBackButton:active,
.page-content.rx .shpFileExport.rxShpFileExportTheme .shpFileExport.content .submitButton .goBackButton:focus,
.page-content.rx .shpFileExport.rxShpFileExportTheme .shpFileExport.content .verificationButtons .goBackButton:hover,
.page-content.rx .shpFileExport.rxShpFileExportTheme .shpFileExport.content .verificationButtons .goBackButton:active,
.page-content.rx .shpFileExport.rxShpFileExportTheme .shpFileExport.content .verificationButtons .goBackButton:focus,
.page-content.rx .shpFileExport.rxShpFileExportTheme .shpFileExport.content .restartButton .goBackButton:hover,
.page-content.rx .shpFileExport.rxShpFileExportTheme .shpFileExport.content .restartButton .goBackButton:active,
.page-content.rx .shpFileExport.rxShpFileExportTheme .shpFileExport.content .restartButton .goBackButton:focus {
  background: var(--rx-shp-danger-hover) !important;
  color: #ffffff !important;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .shpFileExport.content .submitButton .finalizeButton,
.page-content.rx .shpFileExport.rxShpFileExportTheme .shpFileExport.content .verificationButtons .verifyButton .finalizeButton {
  background: var(--rx-shp-accent) !important;
  color: #000000 !important;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .shpFileExport.content .submitButton .finalizeButton:hover,
.page-content.rx .shpFileExport.rxShpFileExportTheme .shpFileExport.content .submitButton .finalizeButton:active,
.page-content.rx .shpFileExport.rxShpFileExportTheme .shpFileExport.content .submitButton .finalizeButton:focus,
.page-content.rx .shpFileExport.rxShpFileExportTheme .shpFileExport.content .verificationButtons .verifyButton .finalizeButton:hover,
.page-content.rx .shpFileExport.rxShpFileExportTheme .shpFileExport.content .verificationButtons .verifyButton .finalizeButton:active,
.page-content.rx .shpFileExport.rxShpFileExportTheme .shpFileExport.content .verificationButtons .verifyButton .finalizeButton:focus {
  background: var(--rx-shp-accent-hover) !important;
  color: #000000 !important;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .unitSwitcher,
.page-content.rx .shpFileExport.rxShpFileExportTheme .verificationStep,
.page-content.rx .shpFileExport.rxShpFileExportTheme .verificationEmail,
.page-content.rx .shpFileExport.rxShpFileExportTheme .fileDownload {
  width: 100%;
  margin: 0;
  padding: 18px 20px;
  background: var(--rx-shp-surface-strong);
  border: 1px solid var(--rx-shp-border);
  border-radius: 18px;
  box-shadow: 0 10px 24px rgba(62, 45, 11, 0.06);
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .unitSwitcher {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 18px;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .unitSwitcher span.title,
.page-content.rx .shpFileExport.rxShpFileExportTheme .unitSwitcher span.groupByFarm {
  float: none;
  color: var(--rx-shp-muted);
  font-weight: 700;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .unitSwitcher .bp6-button {
  height: 46px;
  min-width: 132px;
  border-radius: 12px !important;
  border: 1px solid var(--rx-shp-border);
  background: var(--rx-shp-surface-strong) !important;
  color: var(--rx-shp-text) !important;
  font-weight: 700;
  box-shadow: none !important;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .unitSwitcher .groupByFarmCheckbox .bp6-control-indicator,
.page-content.rx .shpFileExport.rxShpFileExportTheme .verificationEmail .downloadSwitch .bp6-switch .bp6-control-indicator {
  background: #ffffff;
  border: 1px solid var(--rx-shp-border-strong);
  box-shadow: none;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .unitSwitcher .groupByFarmCheckbox input:checked ~ .bp6-control-indicator,
.page-content.rx .shpFileExport.rxShpFileExportTheme .verificationEmail .downloadSwitch .bp6-switch input:checked ~ .bp6-control-indicator {
  background: var(--rx-shp-accent);
  border-color: var(--rx-shp-border-strong);
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .shpTables {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 18px;
  height: 100%;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .shpTables .fieldList,
.page-content.rx .shpFileExport.rxShpFileExportTheme .shpTables .farmProductsList {
  min-width: 0;
  min-height: 420px;
  padding: 14px;
  background: #f8f1de;
  border: 1px solid var(--rx-shp-border);
  border-radius: 16px;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .verificationStep {
  height: 40%;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .verificationEmail {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  height: auto;
  margin-left: 0;
  margin-top: 0;
  overflow: visible;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .verificationEmail .verificationEmailSubParent {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 18px;
  width: 100%;
  height: auto;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .verificationEmail .internalVerificationEmail,
.page-content.rx .shpFileExport.rxShpFileExportTheme .verificationEmail .verificationAddOns {
  width: 100%;
  height: auto;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .verificationEmail .internalVerificationEmail,
.page-content.rx .shpFileExport.rxShpFileExportTheme .verificationEmail .verificationAddOns .shapeNotes,
.page-content.rx .shpFileExport.rxShpFileExportTheme .verificationEmail .verificationAddOns .mapPDFSelector,
.page-content.rx .shpFileExport.rxShpFileExportTheme .verificationEmail .consultantDownload {
  padding: 18px;
  background: #f8f1de;
  border: 1px solid var(--rx-shp-border);
  border-radius: 16px;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .verificationEmail .emailFormGroup,
.page-content.rx .shpFileExport.rxShpFileExportTheme .verificationEmail .verificationButtonGroup,
.page-content.rx .shpFileExport.rxShpFileExportTheme .verificationEmail .verificationAddOns,
.page-content.rx .shpFileExport.rxShpFileExportTheme .verificationEmail .shapeNotes,
.page-content.rx .shpFileExport.rxShpFileExportTheme .verificationEmail .mapPDFSelector {
  float: none;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .verificationEmail .emailFormGroup .emailVerificationList.bp6-form-group.bp6-inline {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .verificationEmail .emailFormGroup .emailVerificationList.bp6-form-group.bp6-inline .bp6-label {
  margin: 0;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .verificationEmail .emailFormGroup .emailVerificationList.bp6-form-group.bp6-inline .bp6-form-content {
  flex: 1 1 auto;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .verificationEmail .emailFormGroup .emailVerificationListTextFields {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .verificationEmail .emailFormGroup .emailVerificationListTextFields > .bp6-input-group {
  flex: 0 1 calc((100% - 20px) / 3);
  min-width: 0;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .verificationEmail .deliveryMethodHelp {
  margin: 0 0 10px;
  color: var(--rx-shp-muted);
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .verificationEmail .deliveryOptions {
  margin: 0;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .verificationEmail .deliveryOptions .bp6-radio {
  margin-bottom: 10px;
  color: #001d1d;
  font-weight: normal;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .verificationEmail .deliveryOptions .bp6-radio:last-child {
  margin-bottom: 0;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .verificationEmail .deliveryOptions .bp6-radio .bp6-control-indicator {
  position: static;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  margin: 0 8px 0 0;
  flex: 0 0 auto;
  border: 1px solid #333333;
  background-image: none;
  background-color: #ffffff;
  box-shadow: none;
  border-radius: 50% !important;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .verificationEmail .deliveryOptions .bp6-radio .bp6-control-indicator::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50% !important;
  background-image: none;
  background-color: #f1b434;
  opacity: 0;
  transform: scale(0.5);
  transition: opacity 120ms ease, transform 120ms ease;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .verificationEmail .deliveryOptions .bp6-radio:hover .bp6-control-indicator,
.page-content.rx .shpFileExport.rxShpFileExportTheme .verificationEmail .deliveryOptions .bp6-radio input:focus ~ .bp6-control-indicator {
  background-color: #ffffff;
  border-color: #333333;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .verificationEmail .deliveryOptions .bp6-radio input:checked ~ .bp6-control-indicator {
  background-color: #ffffff;
  border-color: #333333;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .verificationEmail .deliveryOptions .bp6-radio input:checked ~ .bp6-control-indicator::before {
  background-color: #f1b434;
  opacity: 1;
  transform: scale(1);
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .verificationEmail .deliveryOptionTitle {
  display: inline;
  font-weight: 600;
  color: var(--rx-shp-text);
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .verificationEmail .deliveryOptionHelp {
  display: inline;
  margin-left: 6px;
  color: var(--rx-shp-muted);
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .verificationEmail .verificationButtonGroup {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  height: auto;
  margin-top: 14px;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .verificationEmail .verificationEmailButton,
.page-content.rx .shpFileExport.rxShpFileExportTheme .verificationEmail .verificationSelectEmailButton {
  width: 100%;
  margin: 0;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .verificationEmail .verificationEmailButton .bp6-button,
.page-content.rx .shpFileExport.rxShpFileExportTheme .verificationEmail .verificationSelectEmailButton .bp6-button,
.page-content.rx .shpFileExport.rxShpFileExportTheme .verificationEmail .mapPDFSelector .mapPDFSelectorButton {
  width: 100%;
  min-height: 46px;
  border-radius: 12px !important;
  font-weight: 700;
  box-shadow: none !important;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .verificationEmail .verificationEmailButton .bp6-button.verificationEmailEmail {
  background-image: none;
  background-color: #ffffff;
  color: #000000;
  border: 1px solid rgba(17, 20, 24, 0.24);
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .verificationEmail .shapeNotes .shapeNotesLabel,
.page-content.rx .shpFileExport.rxShpFileExportTheme .verificationEmail .mapPDFSelector .mapPDFLabel {
  margin: 0 0 12px;
  color: var(--rx-shp-muted);
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .verificationEmail .emailFormGroup .emailVerificationListTextFields .bp6-input,
.page-content.rx .shpFileExport.rxShpFileExportTheme .verificationEmail .shapeNotes .verificationEmailNotesBox {
  border: 1px solid var(--rx-shp-border);
  border-radius: 12px;
  background: #ffffff;
  color: var(--rx-shp-text);
  box-shadow: none;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .verificationEmail .emailFormGroup .emailVerificationListTextFields .bp6-input {
  min-height: 44px;
  margin-bottom: 0;
  width: 100%;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .verificationEmail .shapeNotes {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .verificationEmail .shapeNotes .verifyPanelBody {
  display: flex;
  flex: 1 1 auto;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .verificationEmail .shapeNotes .verificationEmailNotesBox {
  min-height: 0;
  height: 100%;
  flex: 1 1 auto;
  padding: 12px 14px;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .verificationEmail .verificationAddOns {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 18px;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .verificationEmail .verificationAddOns .mapPDFSelector .mapPDFSelectorButton {
  float: none;
  position: static;
  margin: 0 0 12px;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .verificationEmail .verificationAddOns .mapPDFSelector .publishedMapsSelection .ag-theme-balham {
  width: 100% !important;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .verificationEmail .consultantDownload {
  width: 100%;
  margin: 0;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .fileDownload {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 240px;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .fileDownload .success,
.page-content.rx .shpFileExport.rxShpFileExportTheme .fileDownload .failureToSend {
  max-width: 760px;
  width: 100%;
  padding: 24px 28px;
  background: #f8f1de;
  border: 1px solid var(--rx-shp-border);
  border-radius: 18px;
  text-align: center;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .fileDownload .submissionConfirmation {
  margin: 0 0 18px;
  padding: 18px 20px;
  background: #fff7e3;
  border: 1px solid var(--rx-shp-border);
  border-radius: 16px;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .fileDownload .submissionConfirmation h3 {
  margin: 0 0 8px;
  color: var(--rx-shp-text);
  font-size: 22px;
  font-weight: 700;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .fileDownload .submissionConfirmation p:last-child {
  margin-bottom: 0;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .fileDownload .fileDownloader .bp6-button {
  min-width: 180px;
  height: 48px;
  border-radius: 12px !important;
  background: var(--rx-shp-accent) !important;
  color: #000000 !important;
  font-weight: 700;
}

.page-content.rx .shpFileExport.rxShpFileExportTheme .unitSwitcher .unitSwitcherHelper .bp6-icon,
.page-content.rx .shpFileExport.rxShpFileExportTheme .verificationEmail .bp6-icon {
  color: var(--rx-shp-muted);
}

.bp6-portal .rxShpUnitMenu .bp6-menu {
  background: #ffffff;
  border: 1px solid #333333;
  border-radius: 12px;
  color: #001d1d;
  box-shadow: 0 16px 32px rgba(62, 45, 11, 0.14);
}

.bp6-portal .rxShpUnitMenu .bp6-menu-item {
  color: #001d1d;
  border-radius: 8px;
}

.bp6-portal .rxShpUnitMenu .bp6-menu-item:hover,
.bp6-portal .rxShpUnitMenu .bp6-menu-item.bp6-active {
  background: #fce8c2;
  color: #001d1d;
}

@media screen and (max-width: 1280px) {
  .page-content.rx .shpFileExport.rxShpFileExportTheme .verificationEmail .verificationEmailSubParent,
  .page-content.rx .shpFileExport.rxShpFileExportTheme .verificationEmail .verificationAddOns,
  .page-content.rx .shpFileExport.rxShpFileExportTheme .shpTables {
    grid-template-columns: minmax(0, 1fr);
  }

  .page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .season,
  .page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .year,
  .page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .growerReports,
  .page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .farmReports,
  .page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .fieldReports,
  .page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .hint-text > .samplingTypeReports {
    min-width: 260px;
  }

  .page-content.rx .shpFileExport.rxShpFileExportTheme .valueChecker .hint-text > .samplingTypeReports {
    min-width: 0;
  }
}

.three-column.rxWizardWidget .wizard .bp6-tabs,
.three-column.rxWizardWidget .wizard .bp6-tab-list {
  background-color: #fff;
}

.three-column.rxWizardWidget .wizard .bp6-tab-panel {
  background-color: #D9D9D9;
  min-height: 0;
}

.three-column.rxWizardWidget .wizard .bp6-tab-panel > .rx-zone-acres-step.content,
.three-column.rxWizardWidget .wizard .bp6-tab-panel > .rx-crop-plan-step.content {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  height: calc(100% - 10px);
  min-height: 0;
}

.three-column.rxWizardWidget .wizard .bp6-tab-panel > .rx-zone-acres-step.content .main,
.three-column.rxWizardWidget .wizard .bp6-tab-panel > .rx-crop-plan-step.content .main {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
}

.three-column.rxWizardWidget .wizard .bp6-tab-panel > .rx-zone-acres-step.content .content-body,
.three-column.rxWizardWidget .wizard .bp6-tab-panel > .rx-crop-plan-step.content .content-body {
  display: flex;
  flex: 1 1 auto;
  height: auto;
  min-height: 0;
}

.three-column.rxWizardWidget .wizard .bp6-tab-panel > .rx-zone-acres-step.content .content-body > div,
.three-column.rxWizardWidget .wizard .bp6-tab-panel > .rx-zone-acres-step.content .ag-editable-grid.ag-theme-balham,
.three-column.rxWizardWidget .wizard .bp6-tab-panel > .rx-zone-acres-step.content .ag-root-wrapper,
.three-column.rxWizardWidget .wizard .bp6-tab-panel > .rx-zone-acres-step.content .ag-root-wrapper-body,
.three-column.rxWizardWidget .wizard .bp6-tab-panel > .rx-zone-acres-step.content .ag-root,
.three-column.rxWizardWidget .wizard .bp6-tab-panel > .rx-crop-plan-step.content .content-body > div,
.three-column.rxWizardWidget .wizard .bp6-tab-panel > .rx-crop-plan-step.content .ag-editable-grid.ag-theme-balham,
.three-column.rxWizardWidget .wizard .bp6-tab-panel > .rx-crop-plan-step.content .ag-root-wrapper,
.three-column.rxWizardWidget .wizard .bp6-tab-panel > .rx-crop-plan-step.content .ag-root-wrapper-body,
.three-column.rxWizardWidget .wizard .bp6-tab-panel > .rx-crop-plan-step.content .ag-root {
  flex: 1 1 auto;
  height: 100%;
  min-height: 0;
}

.three-column.rxWizardWidget .wizard .bp6-tab-panel > .rx-crop-plan-step.content .ag-editable-grid.ag-theme-balham {
  height: 100% !important;
}

.three-column.rxWizardWidget .wizard .bp6-tab-list {
  border-bottom: 1px solid #828282;
}

.three-column.rxWizardWidget .wizard .bp6-tab-panel .seasonsDropdownRxWiz .bp6-popover-target .bp6-button,
.three-column.rxWizardWidget .wizard .bp6-tab-panel .yearDropdownRxWiz .bp6-popover-target .bp6-button,
.three-column.rxWizardWidget .wizard .bp6-tab-panel .lengthDropdownRxWiz .bp6-popover-target .bp6-button,
.three-column.rxWizardWidget .wizard .bp6-tab-panel .cropDropdownRxWiz .bp6-popover-target .bp6-button,
.three-column.rxWizardWidget .wizard .bp6-tab-panel .formulaDropdown .bp6-popover-target .bp6-button,
.three-column.rxWizardWidget .wizard .bp6-tab-panel .samplingMonthDropdownRx .bp6-popover-target .bp6-button,
.three-column.rxWizardWidget .wizard .bp6-tab-panel .samplingYearDropdownRx .bp6-popover-target .bp6-button {
  width: 100%;
  min-width: 100%;
  height: 37px;
  border-radius: 3px;
  border: 1px solid #333 !important;
  background-color: #fff !important;
  color: #001D1D !important;
  box-shadow: none !important;
  justify-content: space-between;
}

.three-column.rxWizardWidget .wizard .bp6-tab-panel .seasonsDropdownRxWiz .bp6-popover-target .bp6-button:hover,
.three-column.rxWizardWidget .wizard .bp6-tab-panel .seasonsDropdownRxWiz .bp6-popover-target .bp6-button:active,
.three-column.rxWizardWidget .wizard .bp6-tab-panel .seasonsDropdownRxWiz .bp6-popover-target .bp6-button:focus,
.three-column.rxWizardWidget .wizard .bp6-tab-panel .yearDropdownRxWiz .bp6-popover-target .bp6-button:hover,
.three-column.rxWizardWidget .wizard .bp6-tab-panel .yearDropdownRxWiz .bp6-popover-target .bp6-button:active,
.three-column.rxWizardWidget .wizard .bp6-tab-panel .yearDropdownRxWiz .bp6-popover-target .bp6-button:focus,
.three-column.rxWizardWidget .wizard .bp6-tab-panel .lengthDropdownRxWiz .bp6-popover-target .bp6-button:hover,
.three-column.rxWizardWidget .wizard .bp6-tab-panel .lengthDropdownRxWiz .bp6-popover-target .bp6-button:active,
.three-column.rxWizardWidget .wizard .bp6-tab-panel .lengthDropdownRxWiz .bp6-popover-target .bp6-button:focus,
.three-column.rxWizardWidget .wizard .bp6-tab-panel .cropDropdownRxWiz .bp6-popover-target .bp6-button:hover,
.three-column.rxWizardWidget .wizard .bp6-tab-panel .cropDropdownRxWiz .bp6-popover-target .bp6-button:active,
.three-column.rxWizardWidget .wizard .bp6-tab-panel .cropDropdownRxWiz .bp6-popover-target .bp6-button:focus,
.three-column.rxWizardWidget .wizard .bp6-tab-panel .formulaDropdown .bp6-popover-target .bp6-button:hover,
.three-column.rxWizardWidget .wizard .bp6-tab-panel .formulaDropdown .bp6-popover-target .bp6-button:active,
.three-column.rxWizardWidget .wizard .bp6-tab-panel .formulaDropdown .bp6-popover-target .bp6-button:focus,
.three-column.rxWizardWidget .wizard .bp6-tab-panel .samplingMonthDropdownRx .bp6-popover-target .bp6-button:hover,
.three-column.rxWizardWidget .wizard .bp6-tab-panel .samplingMonthDropdownRx .bp6-popover-target .bp6-button:active,
.three-column.rxWizardWidget .wizard .bp6-tab-panel .samplingMonthDropdownRx .bp6-popover-target .bp6-button:focus,
.three-column.rxWizardWidget .wizard .bp6-tab-panel .samplingYearDropdownRx .bp6-popover-target .bp6-button:hover,
.three-column.rxWizardWidget .wizard .bp6-tab-panel .samplingYearDropdownRx .bp6-popover-target .bp6-button:active,
.three-column.rxWizardWidget .wizard .bp6-tab-panel .samplingYearDropdownRx .bp6-popover-target .bp6-button:focus {
  background-color: #fff !important;
  color: #001D1D !important;
  border-color: #333 !important;
  box-shadow: none !important;
}

.three-column.rxWizardWidget .wizard .bp6-tab-panel .seasonsDropdownRxWiz .bp6-popover-target .bp6-button.bp6-disabled,
.three-column.rxWizardWidget .wizard .bp6-tab-panel .seasonsDropdownRxWiz .bp6-popover-target .bp6-button:disabled,
.three-column.rxWizardWidget .wizard .bp6-tab-panel .yearDropdownRxWiz .bp6-popover-target .bp6-button.bp6-disabled,
.three-column.rxWizardWidget .wizard .bp6-tab-panel .yearDropdownRxWiz .bp6-popover-target .bp6-button:disabled,
.three-column.rxWizardWidget .wizard .bp6-tab-panel .lengthDropdownRxWiz .bp6-popover-target .bp6-button.bp6-disabled,
.three-column.rxWizardWidget .wizard .bp6-tab-panel .lengthDropdownRxWiz .bp6-popover-target .bp6-button:disabled,
.three-column.rxWizardWidget .wizard .bp6-tab-panel .cropDropdownRxWiz .bp6-popover-target .bp6-button.bp6-disabled,
.three-column.rxWizardWidget .wizard .bp6-tab-panel .cropDropdownRxWiz .bp6-popover-target .bp6-button:disabled,
.three-column.rxWizardWidget .wizard .bp6-tab-panel .formulaDropdown .bp6-popover-target .bp6-button.bp6-disabled,
.three-column.rxWizardWidget .wizard .bp6-tab-panel .formulaDropdown .bp6-popover-target .bp6-button:disabled,
.three-column.rxWizardWidget .wizard .bp6-tab-panel .samplingMonthDropdownRx .bp6-popover-target .bp6-button.bp6-disabled,
.three-column.rxWizardWidget .wizard .bp6-tab-panel .samplingMonthDropdownRx .bp6-popover-target .bp6-button:disabled,
.three-column.rxWizardWidget .wizard .bp6-tab-panel .samplingYearDropdownRx .bp6-popover-target .bp6-button.bp6-disabled,
.three-column.rxWizardWidget .wizard .bp6-tab-panel .samplingYearDropdownRx .bp6-popover-target .bp6-button:disabled {
  background-color: #e1e1e1 !important;
  color: #707575 !important;
  border-color: #9a9a9a !important;
}

.bp6-portal .rxWizPop .bp6-menu,
.bp6-portal .rxWizPopResults .bp6-menu {
  background-color: #fffaf0;
  border: 1px solid #d8cfb7;
  border-radius: 10px;
  color: #001D1D;
  box-shadow: 0 12px 28px rgba(0, 29, 29, 0.14);
  padding: 6px;
}

.bp6-portal .rxWizPop .bp6-menu-item,
.bp6-portal .rxWizPopResults .bp6-menu-item {
  color: #001D1D;
  border-radius: 8px;
}

.bp6-portal .rxWizPop .bp6-menu-item:hover,
.bp6-portal .rxWizPop .bp6-menu-item.bp6-active,
.bp6-portal .rxWizPopResults .bp6-menu-item:hover,
.bp6-portal .rxWizPopResults .bp6-menu-item.bp6-active {
  background-color: #FCE8C2;
  color: #001D1D;
}

.bp6-dialog-body .row:nth-child(3) {
  height: 150px;
}

.bp6-dialog-body .row:nth-child(3) textarea {
  border: 0;
}
 
.bp6-dialog-body .row .ag-root-wrapper {
  border-radius: 0;
}
 
.bp6-dialog-body .wizard .row {
  margin-top: 15px;
}

.three-column.rxWizardWidget .bp6-dialog-footer .bp6-dialog-footer-actions {
  justify-content: center;
  gap: 8px;
}

.three-column.rxWizardWidget .bp6-dialog-footer .bp6-button {
  background-color: #F1B434 !important;
  color: #000 !important;
  height: 48px;
  min-width: 110px;
  padding: 0 18px;
  border-radius: 10px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  border-color: transparent !important;
}

.three-column.rxWizardWidget .bp6-dialog-footer .bp6-button:hover,
.three-column.rxWizardWidget .bp6-dialog-footer .bp6-button:active,
.three-column.rxWizardWidget .bp6-dialog-footer .bp6-button:focus {
  background-color: #F1B434 !important;
  color: #000 !important;
}

.three-column.rxWizardWidget .bp6-dialog-footer .bp6-button.bp6-disabled,
.three-column.rxWizardWidget .bp6-dialog-footer .bp6-button:disabled {
  background-color: #A1A1A1 !important;
  color: #000 !important;
}

.two-column.rxNotesWidget .bp6-dialog-footer .bp6-dialog-footer-actions {
  justify-content: center;
  margin-top: 10px;
  margin-bottom: -5px;  
}

.rxWizardBulkFill .rxWizardBulkFillText > .bp6-input {
  font-size: 14px !important;
  height: 36px !important;
  line-height: 36px !important;
}

.rxWizardBulkFill .bp6-button.bp6-minimal {
  width: 50%;
}

.rxWizardHistoryTooltipHolder .bp6-overlay .bp6-overlay-content{
  padding: 0px 10px;
}

.three-column.rxWizardWidget .rx-start-step .seasonsDropdownRxWiz .bp6-popover-target,
.three-column.rxWizardWidget .rx-start-step .yearDropdownRxWiz .bp6-popover-target,
.three-column.rxWizardWidget .rx-start-step .lengthDropdownRxWiz .bp6-popover-target {
  width: 90%;
}

.three-column.rxWizardWidget .rx-start-step .cropDropdownRxWiz .bp6-popover-target {
  width: 175px;
}

.three-column.rxWizardWidget .rx-start-step .seasonsDropdownRxWiz .bp6-popover-target .bp6-button,
.three-column.rxWizardWidget .rx-start-step .yearDropdownRxWiz .bp6-popover-target .bp6-button,
.three-column.rxWizardWidget .rx-start-step .lengthDropdownRxWiz .bp6-popover-target .bp6-button,
.three-column.rxWizardWidget .rx-start-step .cropDropdownRxWiz .bp6-popover-target .bp6-button {
  width: 100%;
}

.three-column.rxWizardWidget .rx-start-step .rx-questions { 
  float:left;
  width: 100%;
}

.three-column.rxWizardWidget .rx-start-step .row.options {
  height: 75%;
  overflow-y: auto;
  float: left;
  width: 100%;
}

.three-column.rxWizardWidget .rx-start-step .row.options .rx-options {
  flex-wrap: wrap;
  max-height: 90%;
  flex-direction: column;
  display: flex;
}

.three-column.rxWizardWidget .rx-start-step .rx-options .rxStartRadio {
  width: 100%;
}

.three-column.rxWizardWidget .rx-start-step .rx-options .radioDoubleHolder {
  width: 100%;
}

.three-column.rxWizardWidget .rx-start-step .rx-options .rxStartRadio.double {
  width: 50%;
  float: left;
}

.three-column.rxWizardWidget .rx-start-step .rx-options .rxStartRadio .bp6-label {
  font-weight: bold;
}

.three-column.rxWizardWidget .wizard .bp6-tab-panel .rxStartRadio .bp6-radio {
  color: #001D1D;
  font-weight: normal;
}

.three-column.rxWizardWidget .wizard .bp6-tab-panel .rxStartRadio .bp6-control-indicator {
  position: static;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  margin: 0 8px 0 0;
  flex: 0 0 auto;
  border: 1px solid #333;
  background-image: none;
  background-color: #fff;
  box-shadow: none;
  border-radius: 50% !important;
}

.three-column.rxWizardWidget .wizard .bp6-tab-panel .rxStartRadio .bp6-control-indicator::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50% !important;
  background-image: none;
  background-color: #F1B434;
  opacity: 0;
  transform: scale(0.5);
  transition: opacity 120ms ease, transform 120ms ease;
}

.three-column.rxWizardWidget .wizard .bp6-tab-panel .rxStartRadio .bp6-radio:hover .bp6-control-indicator,
.three-column.rxWizardWidget .wizard .bp6-tab-panel .rxStartRadio .bp6-radio input:focus ~ .bp6-control-indicator {
  background-color: #fff;
  border-color: #333;
}

.three-column.rxWizardWidget .wizard .bp6-tab-panel .rxStartRadio .bp6-radio input:checked ~ .bp6-control-indicator {
  background-color: #fff;
  border-color: #333;
}

.three-column.rxWizardWidget .wizard .bp6-tab-panel .rxStartRadio .bp6-radio input:checked ~ .bp6-control-indicator::before {
  background-color: #F1B434;
  border-radius: 50% !important;
  opacity: 1;
  transform: scale(1);
}

.three-column.rxWizardWidget .rx-start-step .rxCheckboxHolder {
  height: 100%;
  overflow-y: visible;
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

.three-column.rxWizardWidget .rx-start-step .formulaOptions {
  height: 75%;
  /* overflow-y: auto; */
  float: left;
  width: 90%;
  padding-left: 7px;
  border-color: black;
  border-style: solid;
  border-width: thin;
  border-radius: 3px;
}

.three-column.rxWizardWidget .rx-start-step .rxSamplingDateHolder {
  height: 75%;
  overflow-y: visible;
  float: left;
  width: 100%;
  padding-left: 7px;
  border-color: black;
  border-style: solid;
  border-width: thin;
  border-radius: 3px;
}

.three-column.rxWizardWidget .rx-start-step .formulaOptions .bp6-checkbox {
  width: 70%;
}

.three-column.rxWizardWidget .rx-start-step .formulaOptions .rateMultiplierHelp {
  width: 20%;
  float: right;
  margin-top: -26px;
  margin-right: 2px;
}

.three-column.rxWizardWidget .rx-start-step .formulaOptions .bp6-checkbox,
.three-column.rxWizardWidget .rx-start-step .rxSamplingDateHolder .bp6-checkbox,
.three-column.rxWizardWidget .rx-start-step .showDeficitHolder .bp6-checkbox,
.three-column.rxWizardWidget .rx-start-step .triStateValuesHolder .bp6-checkbox,
.three-column.rxWizardWidget .rx-start-step .showHistoryHolder .bp6-checkbox {
  margin-top: 10px;
  margin-left: 5px;
}

.three-column.rxWizardWidget .wizard .bp6-tab-panel .formulaOptions .bp6-checkbox .bp6-control-indicator,
.three-column.rxWizardWidget .wizard .bp6-tab-panel .rxSamplingDateHolder .bp6-checkbox .bp6-control-indicator,
.three-column.rxWizardWidget .wizard .bp6-tab-panel .showDeficitHolder .bp6-checkbox .bp6-control-indicator,
.three-column.rxWizardWidget .wizard .bp6-tab-panel .triStateValuesHolder .bp6-checkbox .bp6-control-indicator,
.three-column.rxWizardWidget .wizard .bp6-tab-panel .showHistoryHolder .bp6-checkbox .bp6-control-indicator {
  border: 1px solid #333;
  background-color: #fff;
  box-shadow: none;
}

.three-column.rxWizardWidget .wizard .bp6-tab-panel .formulaOptions .bp6-checkbox:hover .bp6-control-indicator,
.three-column.rxWizardWidget .wizard .bp6-tab-panel .rxSamplingDateHolder .bp6-checkbox:hover .bp6-control-indicator,
.three-column.rxWizardWidget .wizard .bp6-tab-panel .showDeficitHolder .bp6-checkbox:hover .bp6-control-indicator,
.three-column.rxWizardWidget .wizard .bp6-tab-panel .triStateValuesHolder .bp6-checkbox:hover .bp6-control-indicator,
.three-column.rxWizardWidget .wizard .bp6-tab-panel .showHistoryHolder .bp6-checkbox:hover .bp6-control-indicator {
  border-color: #333;
  background-color: #fff;
}

.three-column.rxWizardWidget .wizard .bp6-tab-panel .formulaOptions .bp6-checkbox input:checked ~ .bp6-control-indicator,
.three-column.rxWizardWidget .wizard .bp6-tab-panel .rxSamplingDateHolder .bp6-checkbox input:checked ~ .bp6-control-indicator,
.three-column.rxWizardWidget .wizard .bp6-tab-panel .showDeficitHolder .bp6-checkbox input:checked ~ .bp6-control-indicator,
.three-column.rxWizardWidget .wizard .bp6-tab-panel .triStateValuesHolder .bp6-checkbox input:checked ~ .bp6-control-indicator,
.three-column.rxWizardWidget .wizard .bp6-tab-panel .showHistoryHolder .bp6-checkbox input:checked ~ .bp6-control-indicator {
  background-color: #F1B434;
  border-color: #333;
}

.three-column.rxWizardWidget .rx-start-step .formulaOptions label,
.three-column.rxWizardWidget .rx-start-step .rxSamplingDateHolder label,
.three-column.rxWizardWidget .rx-start-step .showDeficitHolder label,
.three-column.rxWizardWidget .rx-start-step .triStateValuesHolder label,
.three-column.rxWizardWidget .rx-start-step .showHistoryHolder label,
.three-column.rxWizardWidget .rx-start-step .rx-options .bp6-form-group label,
.three-column.rxWizardWidget .rx-start-step .rx-questions .bp6-form-group label {
    font-weight: bold;
}

.three-column.rxWizardWidget .rx-start-step .formulaOptions .formulaHolder {
  height: 75px;
  float: left;
  width: 100%;
  margin-bottom: 5px;
}

.three-column.rxWizardWidget .rx-start-step .formulaOptions .formulaHolder .formulaHolderText, 
.three-column.rxWizardWidget .rx-start-step .rxSamplingDateHolder .samplingMonthText {
  margin-bottom: 5px;
  margin-left: 5px;
  width: 75%;
}

.three-column.rxWizardWidget .rx-start-step .rxSamplingDateHolder .samplingMonthDropdownRx {
  margin-left: 5px;
}

.three-column.rxWizardWidget .rx-start-step .formulaOptions .formulaDropdown {
  height: 50px;
  float: left;
  width: 75%;
  margin-left: 5px;
}

.three-column.rxWizardWidget .rx-start-step .formulaOptions .inputRateMulti {
  float: right;
  width: 20%;
  margin-right: 12px;
  margin-top: -56px;
}

.three-column.rxWizardWidget .rx-start-step .formulaOptions .formulaDropdown .bp6-popover-target {
  width: 100%;
}

.three-column.rxWizardWidget .rx-start-step .formulaOptions .formulaDropdown .bp6-popover-target .bp6-button {
  width: 95%;
}

.three-column.rxWizardWidget .rx-start-step.content {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: auto;
  padding: 12px 14px 18px;
  background-color: #D9D9D9;
}

.three-column.rxWizardWidget .rx-start-step .rx-start-layout {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-height: 100%;
}

.three-column.rxWizardWidget .rx-start-step .rx-start-summary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
  border: 1px solid #d8cfb7;
  border-radius: 12px;
  background: linear-gradient(135deg, #fce8c2 0%, #f7eee0 100%);
}

.three-column.rxWizardWidget .rx-start-step .rx-start-summary-label {
  color: #7b5a14;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.three-column.rxWizardWidget .rx-start-step .rx-start-summary-values {
  color: #001D1D;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
}

.three-column.rxWizardWidget .rx-start-step .rx-start-card {
  border: 1px solid #d8cfb7;
  border-radius: 12px;
  background: #fffaf0;
  padding: 10px;
  box-shadow: 0 1px 0 rgba(17, 20, 24, 0.04);
}

.three-column.rxWizardWidget .rx-start-step .rx-start-card-header {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 12px;
}

.three-column.rxWizardWidget .rx-start-step .rx-start-card-title {
  margin: 0;
  color: #001D1D;
  font-size: 18px;
  font-weight: 700;
}

.three-column.rxWizardWidget .rx-start-step .rx-start-card-subtitle {
  margin: 0;
  color: #5f6b68;
  font-size: 13px;
  line-height: 1.45;
}

.three-column.rxWizardWidget .rx-start-step .rx-start-setup-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.three-column.rxWizardWidget .rx-start-step .rx-start-field .bp6-form-group {
  margin-bottom: 0;
}

.three-column.rxWizardWidget .rx-start-step .rx-start-field .bp6-form-group .bp6-label {
  margin-bottom: 6px;
  color: #001D1D;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.three-column.rxWizardWidget .rx-start-step .rx-start-field .bp6-form-helper-text {
  margin-top: 6px;
}

.three-column.rxWizardWidget .rx-start-step .rx-start-field .seasonsDropdownRxWiz,
.three-column.rxWizardWidget .rx-start-step .rx-start-field .yearDropdownRxWiz,
.three-column.rxWizardWidget .rx-start-step .rx-start-field .lengthDropdownRxWiz,
.three-column.rxWizardWidget .rx-start-step .rx-start-field .cropDropdownRxWiz {
  width: 100%;
}

.three-column.rxWizardWidget .rx-start-step .rx-start-field .seasonsDropdownRxWiz .bp6-popover-target,
.three-column.rxWizardWidget .rx-start-step .rx-start-field .yearDropdownRxWiz .bp6-popover-target,
.three-column.rxWizardWidget .rx-start-step .rx-start-field .lengthDropdownRxWiz .bp6-popover-target,
.three-column.rxWizardWidget .rx-start-step .rx-start-field .cropDropdownRxWiz .bp6-popover-target {
  width: 100% !important;
}

.three-column.rxWizardWidget .rx-start-step .rx-start-main-grid {
  display: flex;
  gap: 12px;
  align-items: stretch;
}

.three-column.rxWizardWidget .rx-start-step .rx-start-card-engine,
.three-column.rxWizardWidget .rx-start-step .rx-start-card-options {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  height: 100%;
}

.three-column.rxWizardWidget .rx-start-step .rx-start-card-engine {
  flex-grow: 1.1;
}

.three-column.rxWizardWidget .rx-start-step .rx-start-card-options {
  flex-grow: 0.9;
}

.three-column.rxWizardWidget .rx-start-step .rx-start-subsection + .rx-start-subsection {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #e2d7bd;
}

.three-column.rxWizardWidget .rx-start-step .rx-start-subsection-title {
  margin-bottom: 10px;
  color: #7b5a14;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.three-column.rxWizardWidget .rx-start-step .rx-start-option-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.three-column.rxWizardWidget .rx-start-step .rx-start-radio-card,
.three-column.rxWizardWidget .rx-start-step .rx-start-toggle-card {
  border: 1px solid #e2d7bd;
  border-radius: 10px;
  background: #fff;
  padding: 10px;
}

.three-column.rxWizardWidget .rx-start-step .rx-start-radio-card .bp6-form-group,
.three-column.rxWizardWidget .rx-start-step .rx-start-radio-card .bp6-label {
  margin-bottom: 0;
}

.three-column.rxWizardWidget .rx-start-step .rx-start-radio-card .bp6-label {
  color: #001D1D;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 10px;
}

.three-column.rxWizardWidget .rx-start-step .rx-start-radio-card .rxStartRadio.double {
  width: 100%;
  float: none;
}

.three-column.rxWizardWidget .rx-start-step .rx-start-radio-card .bp6-radio {
  margin-bottom: 8px;
}

.three-column.rxWizardWidget .rx-start-step .rx-start-radio-card .bp6-radio:last-child {
  margin-bottom: 0;
}

.three-column.rxWizardWidget .rx-start-step .formulaOptions {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  height: auto;
  float: none;
  width: 100%;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
}

.three-column.rxWizardWidget .rx-start-step .rx-start-engine-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid #e2d7bd;
}

.three-column.rxWizardWidget .rx-start-step .rx-start-engine-toolbar .bp6-checkbox {
  margin: 0 !important;
  width: auto !important;
}

.three-column.rxWizardWidget .rx-start-step .rx-start-rate-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 78px;
  height: 36px;
  padding: 0 12px;
  border: 1px solid #d8cfb7;
  border-radius: 10px;
  background: #f7eee0;
  color: #001D1D;
}

.three-column.rxWizardWidget .rx-start-step .formulaOptions .rateMultiplierHelp {
  width: auto;
  float: none;
  margin: 0;
}

.three-column.rxWizardWidget .rx-start-step .rx-start-formula-list {
  display: grid;
  align-content: start;
  gap: 12px;
}

.three-column.rxWizardWidget .rx-start-step .rx-start-formula-row {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr) 88px;
  gap: 12px;
  align-items: end;
  padding: 12px;
  border: 1px solid #e2d7bd;
  border-radius: 10px;
  background: #fff;
}

.three-column.rxWizardWidget .rx-start-step .formulaOptions .formulaHolder,
.three-column.rxWizardWidget .rx-start-step .formulaOptions .formulaDropdown,
.three-column.rxWizardWidget .rx-start-step .formulaOptions .inputRateMulti {
  float: none;
  width: 100%;
  height: auto;
  margin: 0;
}

.three-column.rxWizardWidget .rx-start-step .formulaOptions .formulaHolder {
  margin-bottom: 0;
}

.three-column.rxWizardWidget .rx-start-step .formulaOptions .formulaHolder .formulaHolderText {
  width: auto;
  margin: 0 0 8px;
  color: #001D1D;
}

.three-column.rxWizardWidget .rx-start-step .formulaOptions .formulaDropdown .bp6-popover-target .bp6-button {
  width: 100%;
}

.three-column.rxWizardWidget .rx-start-step .formulaOptions .inputRateMulti .bp6-input {
  text-align: center;
  font-weight: 600;
}

.three-column.rxWizardWidget .rx-start-step .rx-start-filter-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  align-content: start;
}

.three-column.rxWizardWidget .rx-start-step .rx-start-toggle-card {
  min-height: 50px;
}

.three-column.rxWizardWidget .rx-start-step .rx-start-toggle-card .bp6-checkbox,
.three-column.rxWizardWidget .rx-start-step .rx-start-toggle-card .showDeficitHolder .bp6-checkbox,
.three-column.rxWizardWidget .rx-start-step .rx-start-toggle-card .triStateValuesHolder .bp6-checkbox,
.three-column.rxWizardWidget .rx-start-step .rx-start-toggle-card .showHistoryHolder .bp6-checkbox,
.three-column.rxWizardWidget .rx-start-step .rx-start-toggle-card .rxSamplingDateHolder .bp6-checkbox {
  margin: 0 !important;
}

.three-column.rxWizardWidget .rx-start-step .rxSamplingDateHolder {
  height: auto;
  float: none;
  width: 100%;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
}

.three-column.rxWizardWidget .rx-start-step .rx-start-inline-pickers {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 12px;
}

.three-column.rxWizardWidget .rx-start-step .rx-start-inline-pickers .samplingMonth,
.three-column.rxWizardWidget .rx-start-step .rx-start-inline-pickers .samplingYear {
  float: none;
  width: 100%;
  height: auto;
}

.three-column.rxWizardWidget .rx-start-step .rx-start-inline-pickers .samplingMonthText,
.three-column.rxWizardWidget .rx-start-step .rx-start-inline-pickers .samplingYearText {
  margin: 0 0 6px;
  width: auto;
  color: #001D1D;
}

.three-column.rxWizardWidget .rx-start-step .rx-start-inline-pickers .samplingMonthDropdownRx,
.three-column.rxWizardWidget .rx-start-step .rx-start-inline-pickers .samplingYearDropdownRx {
  width: 100%;
  margin: 0;
}

.three-column.rxWizardWidget .rx-start-step .rx-start-inline-pickers .samplingMonthDropdownRx .bp6-button,
.three-column.rxWizardWidget .rx-start-step .rx-start-inline-pickers .samplingYearDropdownRx .bp6-button {
  width: 100%;
  min-width: 100%;
}

@media screen and (max-width: 1400px) {
  .three-column.rxWizardWidget .rx-start-step .rx-start-setup-grid,
  .three-column.rxWizardWidget .rx-start-step .rx-start-main-grid,
  .three-column.rxWizardWidget .rx-start-step .rx-start-option-grid,
  .three-column.rxWizardWidget .rx-start-step .rx-start-filter-grid,
  .three-column.rxWizardWidget .rx-start-step .rx-start-inline-pickers {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media screen and (max-width: 1100px) {
  .three-column.rxWizardWidget .rx-start-step .rx-start-setup-grid,
  .three-column.rxWizardWidget .rx-start-step .rx-start-option-grid,
  .three-column.rxWizardWidget .rx-start-step .rx-start-filter-grid,
  .three-column.rxWizardWidget .rx-start-step .rx-start-inline-pickers {
    grid-template-columns: minmax(0, 1fr);
  }

  .three-column.rxWizardWidget .rx-start-step .rx-start-main-grid {
    flex-direction: column;
  }

  .three-column.rxWizardWidget .rx-start-step .rx-start-formula-row {
    grid-template-columns: minmax(0, 1fr);
  }
}

.bp6-portal .rxWizPop.formulaSelector {
  width: 320px;
  margin-left: 0 !important;
  margin-top: -15px;
  box-shadow: none;
}

.bp6-portal .rxWizPop,
.bp6-portal .rxWizPopResults {
  width: 170px;
}

.bp6-portal .rxWizPop .bp6-menu,
.bp6-portal .rxWizPopResults .bp6-menu {
  min-width: 170px;
  max-height: 400px; 
}

.bp6-portal .rxWizPop.SeasonSelector .bp6-menu,
.bp6-portal .rxWizPop.YearSelector .bp6-menu,
.bp6-portal .rxWizPop.LengthSelector .bp6-menu,
.bp6-portal .rxWizPop.CropSelector .bp6-menu {
  min-width: 220px;
}

.bp6-portal .bp6-overlay .rxWizPopResults.CropSelector.AllInOne {
  width: 175px;
  margin-top: -15px;
}

.bp6-portal .bp6-overlay .rxUnitMenu {
  margin-top: -15px;
}

.bp6-portal .bp6-overlay .rxWizPopResults.CropSelector.AllInOne .bp6-popover-content {
  border-radius: 10px;
  box-shadow: none;
}

.bp6-portal .bp6-overlay .rxWizPopResults.CropSelector.AllInOne .bp6-menu {
  min-width: 130px;
}

.bp6-portal .rxWizPop.SamplingMonthSelector,
.bp6-portal .rxWizPop.SamplingYearSelector {
  width: 200px;
}

.bp6-portal .rxWizPop.SamplingMonthSelector .bp6-menu,
.bp6-portal .rxWizPop.SamplingYearSelector .bp6-menu {
  min-width: 200px;
}

.rx .rx-create.content .rec-builder .hierarchyStatus.bp6-popover-target {
  flex: none;
}

.rx .rx-create.content .rec-builder .hierarchyStatus.bp6-popover-target .bp6-button .bp6-icon-arrow-right > svg,
.rx .rx-create.content .rec-builder .hierarchyStatus.bp6-popover-target .bp6-button .bp6-icon-arrow-left > svg {
  margin-left: 3px;
}

.rx .rx-create.content .rec-builder .cropDropdownRxWiz {
  width: 175px;
  display: inline-table;
}

.rx .rx-create.content .rec-builder .cropDropdownRxWiz .bp6-button {
  width: 100%;
}

.rx .rx-create.content .allInOneButtons {
  width: calc(100% - 75px);
  float: left;
}

.rx .rx-create.content .allInOneButtons .finalizeRxAllInOne {
  float: left;
  width: 160px;
  padding-right: 25px;
}

.rx .rx-create.content .allInOneButtons .notesButton {
  float: left;
  width: 175px;
  padding-right: 25px;
}

.rx .rx-create.content .allInOneButtons .npkAnalysis {
  float: left;
  width: 175px;
  padding-right: 25px;
}

.rx .rx-create.content .allInOneButtons .npkAnalysis .bp6-button {
  float: left;
  width: 70px;
}

.rx .rx-create.content .allInOneButtons .exportReportsAllInOne {
  float: left;
  width: 240px;
  padding-right: 25px;
}

.rx .rx-create.content .bp6-button-group.views .bp6-button,
.rx .rx-create.content .bp6-button-group.options .bp6-button {
  height: 30px;
}

@media not all and (min-resolution:.001dpcm) { 
  @supports (-webkit-appearance:none) {
    .rx .rx-create.content .allInOneButtons .exportReportsAllInOne {
      float: left;
      width: 200px;
      margin-left: -45px;
      margin-right: 0px;
      padding-right: 0px;   
    }

    .rx .rx-create.content .allInOneButtons .finalizeRxAllInOne {
      -webkit-transform: scale(0.70);
      transform: scale(0.70);
      float: left;
      padding-right: 10px; 
      margin-left: -45px;
    }

    .rx .rx-create.content .allInOneButtons .notesButton {
      -webkit-transform: scale(0.70);
      transform: scale(0.70);
      float: left;
      padding-right: 10px; 
      margin-left: -50px;
    }

    .rx .rx-create.content .allInOneButtons .npkAnalysis {
      -webkit-transform: scale(0.70);
      transform: scale(0.70);
      float: left;
      padding-right: 10px; 
      margin-left: -35px;
    }

    .rx .rx-create.content .allInOneButtons .exportReportsAllInOne .reports .bp6-intent-success {
      -webkit-transform: scale(0.70);
      transform: scale(0.70);
      float: left;
    }

    .rx .rx-create.content .allInOneButtons .exportReportsAllInOne .reports .bp6-intent-primary {
      -webkit-transform: scale(0.7);
      transform: scale(0.7);
      float: left;
      margin-top: -30px;
      margin-left: 65px;
    }

    .rx .rx-create.content .allInOneButtons .seasonYearDropdown.true {
      width: 150px;
      margin-right: 60px !important;
      margin-top: -5px !important;
    }

    .rx .rx-create.content .bp6-button-group.views .hierarchyStatus {
      -webkit-transform: scale(0.8);
      transform: scale(0.8);
      float: left;
    }

    .rx .rx-create.content .bp6-button-group.views > .bp6-intent-primary {
      -webkit-transform: scale(0.7);
      transform: scale(0.7);
      float: left;
      margin-left: -18px;
    }

    .rx .rx-create.content .bp6-button-group.views .cropDropdownRxWiz {
      -webkit-transform: scale(0.7);
      transform: scale(0.7);
      float: left;
      margin-left: -40px;
    }
  }
}

.rx .rx-create.content .allInOneButtons .seasonYearDropdown {
  float: left;
  width: 250px;
  padding-right: 25px;
  height: 30px;
}

@media screen  and ( min-width: 1735px ) and ( max-width: 1915px ) {
  .rx .rx-create.content .allInOneButtons .seasonYearDropdown.true {
    margin-right: -124px;
    width: 200px;
  }
 
  .rx .rx-create.content .allInOneButtons .seasonYearDropdown.true.Edge {
    margin-right: -55px;
  }
}

@media screen  and ( min-width: 1441px ) and ( max-width: 1540px ) {
  .rx .rx-create.content .allInOneButtons .seasonYearDropdown.true {
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
    width: 200px;
    padding-right: 0px;
    margin-top: -30px;
    margin-right: -70px;
    float: right;
  }

  .rx .rx-create.content .rx-create-header .rec-builder .views {
    width: 107%;
  }

  .three-column.rxWizardWidget .rx-start-step .formulaOptions .bp6-checkbox {
    width: 75%;
    font-size: 9pt;
  }

  .rx .rx-create.content .allInOneButtons .finalizeRxAllInOne {
    -webkit-transform: scale(0.90);
    transform: scale(0.90);
    float: left;
    padding-right: 10px; 
    margin-left: -10px;
  }

  .rx .rx-create.content .allInOneButtons .notesButton {
    -webkit-transform: scale(0.90);
    transform: scale(0.90);
    float: left;
    padding-right: 10px; 
    margin-left: -50px;
  }

  .rx .rx-create.content .allInOneButtons .npkAnalysis {
    -webkit-transform: scale(0.90);
    transform: scale(0.90);
    float: left;
    padding-right: 10px; 
    margin-left: -20px;
  }

  .rx .rx-create.content .allInOneButtons .exportReportsAllInOne {
    -webkit-transform: scale(0.90);
    transform: scale(0.90);
    float: left;
    padding-right: 10px; 
    margin-left: -50px;
  }
  
  .recommendations .rx-create-header .options {
    width: 15%;
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
  }
}

@media screen  and ( min-width: 1380px ) and ( max-width: 1440px ) {
  .three-column.rxWizardWidget .rx-start-step .formulaOptions .bp6-checkbox {
    width: 75%;
    font-size: 8pt;
  }

  .rx .rx-create.content .allInOneButtons .seasonYearDropdown.true {
    margin-top: -35px;
  }
}

@media screen  and ( min-width: 1350px ) and ( max-width: 1375px ) {
  .three-column.rxWizardWidget .rx-start-step .formulaOptions .bp6-checkbox {
    width: 75%;
    font-size: 6.5pt;
  }

  .rx .rx-create.content .allInOneButtons .seasonYearDropdown.true {
    padding-right: 0px;
    margin-right: -61px;
  }
}


@media screen  and ( min-width: 1220px ) and ( max-width: 1285px ) {
  .three-column.rxWizardWidget .rx-start-step .formulaOptions .bp6-checkbox {
    width: 76%;
    font-size: 6.5pt;
    margin-left: 0px;
  }
}

@media screen  and ( min-width: 1272px ) and ( max-width: 1365px ) {
  .rx .rx-create.content .allInOneButtons .seasonYearDropdown.true {
    width: 200px;
    padding-right: 0px;
    margin-top: -30px;
    margin-right: -90px;
    float: right;
  }

  .rx .rx-create.content .allInOneButtons .seasonYearDropdown.true.Edge {
      width: 200px;
      padding-right: 0px;
      margin-top: 0px;
      margin-right: 107px;
  }

  .rx .rx-create.content .allInOneButtons .seasonYearDropdown.false.Edge {
    margin-right: 150px;
  }

  .rx .rx-create.content .rx-create-header .rec-builder .views {
    width: 107%;
  }

  .three-column.rxWizardWidget .rx-start-step .formulaOptions .bp6-checkbox {
    width: 75%;
    font-size: 9pt;
  }

  .rx .rx-create.content .allInOneButtons .finalizeRxAllInOne {
    -webkit-transform: scale(0.90);
    transform: scale(0.90);
    float: left;
    padding-right: 10px; 
    margin-left: -10px;
  }

  .rx .rx-create.content .allInOneButtons .notesButton {
    -webkit-transform: scale(0.90);
    transform: scale(0.90);
    float: left;
    padding-right: 10px; 
    margin-left: -50px;
  }

  .rx .rx-create.content .allInOneButtons .npkAnalysis {
    -webkit-transform: scale(0.90);
    transform: scale(0.90);
    float: left;
    padding-right: 10px; 
    margin-left: -20px;
  }

  .rx .rx-create.content .allInOneButtons .exportReportsAllInOne {
    -webkit-transform: scale(0.90);
    transform: scale(0.90);
    float: left;
    padding-right: 10px; 
    margin-left: -50px;
  }

}

@media screen  and ( min-width: 1090px ) and ( max-width: 1270px ) {
  .rx .rx-create.content .allInOneButtons .seasonYearDropdown.true {
    width: 150px;
    padding-right: 0px;
    margin-top: -35px;
    margin-right: -66px;
  }
}

.bp6-portal .bp6-dialog.two-column.saveReport .save-report.content {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 12px;
  min-height: 0;
  padding-top: 8px;
}

.bp6-portal .bp6-dialog.two-column.saveReport .save-report.content .updateRecsHeader {
  margin: 0;
  color: #585858;
  font-size: 20px;
  font-weight: bold;
}

.bp6-portal .bp6-dialog.two-column.saveReport .save-report.content .updateRecCheckbox,
.bp6-portal .bp6-dialog.two-column.saveReport .save-report.content .reportNotes,
.bp6-portal .bp6-dialog.two-column.saveReport .save-report.content .reportRadio {
  background-color: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
}

.bp6-portal .bp6-dialog.two-column.saveReport .save-report.content .reportNotes {
  padding-bottom: 14px;
}

.bp6-portal .bp6-dialog.two-column.saveReport .save-report.content .notesLabel {
  margin: 0 0 10px 0;
  color: #585858;
  font-size: 15px;
  font-weight: 700;
}

.bp6-portal .bp6-dialog.two-column.saveReport .save-report.content .notesTextArea.bp6-input {
  min-height: 96px;
  border-radius: 10px;
  border: 1px solid #d8cfb7;
  box-shadow: none;
  resize: vertical;
}

.bp6-portal .bp6-dialog.two-column.saveReport .save-report.content .reportRadio {
  display: flex;
  gap: 24px;
  align-items: flex-start;
  flex-wrap: wrap;
}

.bp6-portal .bp6-dialog.two-column.saveReport .save-report.content .reportRadio .bp6-label {
  margin: 0;
  color: #585858;
  font-size: 15px;
  font-weight: 700;
}

.bp6-portal .bp6-dialog.two-column.saveReport .save-report.content .reportRadio .bp6-radio {
  margin-bottom: 8px;
}

.bp6-portal .bp6-dialog.two-column.saveReport .bp6-dialog-footer-actions,
.saveReport .bp6-dialog-footer-actions {
  justify-content: center;
  gap: 10px;
}

.bp6-portal .bp6-dialog.two-column.saveReport .footerActionButtons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}

.bp6-portal .bp6-dialog.two-column.saveReport .footerActionButtons .rxNotesCancelButton.bp6-button,
.bp6-portal .bp6-dialog.two-column.saveReport .footerActionButtons .rxNotesSelectButton.bp6-button {
  min-width: 110px;
}

.Client .ag-theme-balham.rxreportsview {
  height: 98%
}

.rxreportsview {
  display: flex;
  flex-direction: column;
}

.rxreportsview .rx-published-reports-header {
  margin-bottom: 0;
}

.rxreportsview .rx-published-reports-header.content-header,
.rxreportsview .rx-published-reports-header.content-header.summary-header {
  background-color: #fff;
  border-bottom: none;
  box-sizing: border-box;
  width: 100%;
  flex-shrink: 0;
}

.rxreportsview .rx-published-reports-header .content-page-desc {
  min-width: 0;
}

.rxreportsview .rx-published-reports-header .content-desc {
  display: block;
}

/* .rxreportsview .rx-published-reports-header .bp6-breadcrumbs {
  flex-wrap: wrap;
  row-gap: 0.25rem;
} */

.rxreportsview .content-body {
  height: calc(100% - 96px);
  min-height: 0;
  padding-top: 20px;
}

.rxreportsview .rxreports-header-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.625rem;
}

.rxreportsview .rxreports-header-actions .bp6-popover-target {
  display: inline-flex;
}

.rxreportsview .rxreports-filter-button.bp6-button {
  min-width: 10.5rem;
  min-height: 2.875rem;
  height: 2.875rem;
  padding: 0 0.9375rem;
  border-radius: 0.75rem !important;
  border: 0.0625rem solid #d8cfb7;
  background-color: #fff;
  color: #001D1D;
  box-shadow: none;
  font-weight: 700;
}

.rxreportsview .rxreports-filter-button.bp6-button:hover,
.rxreportsview .rxreports-filter-button.bp6-button:active,
.rxreportsview .rxreports-filter-button.bp6-button:focus {
  background-color: #f8f1df;
  border-color: #caaa59;
  color: #001D1D;
}

.rxreportsview .rxreports-filter-button.bp6-button.bp6-disabled,
.rxreportsview .rxreports-filter-button.bp6-button:disabled {
  background-color: #f3f1eb !important;
  border-color: #ddd4c2 !important;
  color: #8c8475 !important;
}

.rxreportsview .rxreports-filter-button .bp6-button-text {
  font-weight: 700;
}

.rxreportsview .rxreports-back-btn.bp6-button {
  min-height: 2.875rem;
  height: 2.875rem;
  padding: 0 1rem;
  border-radius: 0.75rem !important;
}

.rxreportsview .rxreports-header-hint {
  color: #5f6b7c;
  font-size: 0.875rem;
  font-weight: 600;
  white-space: nowrap;
}

.bp6-portal .rxreports-filter-menu .bp6-menu {
  min-width: 12rem;
}

.rxreportsview .rxreportsview-part2 .bp6-button.bp6-intent-invisible {
  background-color: #8e9295;
  min-height: 20px;
  min-width: 25px;
  height: 25px;
  width: 29px;
}

.rxreportsview .rxreportsview-part2 .bp6-icon.bp6-icon-eye-off > svg {
  color: #575b5e;
  margin-left: 4px;
}

.ag-theme-balham.rxreportsview .rxreportsview-part2 .red-row {
  background-color: #ff8a15 !important;
}

.ag-theme-balham.rxreportsview .rxreportsview-part2 .adhoc-row,
.bp6-portal .shpPDFSelectorSelection .ag-theme-balham.shpFileEmailSelectionTable .adhoc-row {
  font-style: italic;
}

.rxreportsview .rxreportsview-part2 .ag-root .ag-body-viewport .reportsNotes .notesExtenderTooltip.bp6-popover-target,
.bp6-dialog.two-column.shpPDFSelector .shpPDFSelectorSelection .shpFileEmailSelectionTable .reportsNotes .notesExtenderTooltip.bp6-popover-target,
.shpFileExport .shpFileExport .verificationEmail .mapPDFSelector .publishedMapsSelection .notesExtenderTooltip.bp6-popover-target,
.bp6-dialog.two-column.rxNotesWidget .rxFieldNotesDialog .rxFieldNotesDialog .notesExtenderTooltip.bp6-popover-target {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
}

@media screen and (max-width: 1180px) {
  .rxreportsview .rxreports-header-actions {
    justify-content: flex-start;
  }
}

.page-content.rx .shpFileExport {
  float: left;
  height: 100%;
  width: 100%;
  border-radius: 10px;
  background-color: #a5a5a5;
}

.page-content.rx .shpFileExport .shpFileExport.content {
  position: relative;
}

.page-content.rx .shpFileExport .shpFileExport.content .submitButton,
.page-content.rx .shpFileExport .shpFileExport.content .verificationButtons,
.page-content.rx .shpFileExport .shpFileExport.content .restartButton {
  height: 50px;
  width: 100%;
  margin: 5px 0px;
}

.page-content.rx .shpFileExport .shpFileExport.content .submitButton .goBackButton,
.page-content.rx .shpFileExport .shpFileExport.content .verificationButtons .goBackButton,
.page-content.rx .shpFileExport .shpFileExport.content .restartButton .goBackButton {
  float: left;
  margin-left: 10px;
  margin-top: 10px;
}

.page-content.rx .shpFileExport .shpFileExport.content .submitButton .finalizeButton,
.page-content.rx .shpFileExport .shpFileExport.content .verificationButtons .verifyButton .finalizeButton {
  float: right;
  margin-right: 10px;
  margin-top: 10px;
}

.page-content.rx .shpFileExport .shpFileExport.content .shpTables {
  width: 100%;
  height: 86%;
  float: left;
}

.page-content.rx .shpFileExport .shpFileExport.content .shpTables.alias {
  height: 87%;
}

@media screen and (min-width: 1450px ) and (max-width: 1550px) {
  .page-content.rx .shpFileExport .shpFileExport.content .shpTables {
    height: 85%;
  }
  
  .page-content.rx .shpFileExport .shpFileExport.content .shpTables.alias {
    height: 81%;
  }
  
  .page-content.rx .shpFileExport .shpFileExport.content .verificationEmail .verificationEmailButton {
    margin-left: 10px;
  } 
  
}

@media screen and ( min-width:1551px ) and ( max-width: 1750px ) {
  .page-content.rx .shpFileExport .shpFileExport.content .shpTables {
    height: 89%;
  }
  
  .page-content.rx .shpFileExport .shpFileExport.content .shpTables.alias {
    height: 85%;
  }
}

@supports (-moz-appearance:none) {
  @media screen and (min-width: 1750px ) and (max-width: 1790px) {   
    .page-content.rx .shpFileExport .shpFileExport.content .shpTables.alias {
      height: 85% !important;
    }

    .page-content.rx .shpFileExport .shpFileExport.content .shpTables {
      height: 88% !important;
    }
  }

  @media screen and (min-width: 1551px ) and (max-width: 1700px) {   
    .page-content.rx .shpFileExport .shpFileExport.content .shpTables.alias {
      height: 82% !important;
    }

    .page-content.rx .shpFileExport .shpFileExport.content .shpTables {
      height: 85% !important;
    }
  }

  @media screen and (min-width: 1451px ) and (max-width: 1550px) {   
    .page-content.rx .shpFileExport .shpFileExport.content .shpTables.alias {
      height: 78% !important;
    }

    .page-content.rx .shpFileExport .shpFileExport.content .shpTables {
      height: 83% !important;
    }
  }
}

.page-content.rx .shpFileExport .shpFileExport.content .verificationStep {
  width: 100%;
  height: 40%;
  float: left;
}

.page-content.rx .shpFileExport .shpFileExport.content .verificationEmail {
  width: 99%;
  height: 41%;
  float: left;
  margin-top: 20px;
  margin-left: 10px;
  overflow-y: auto;
}

.page-content.rx .shpFileExport .shpFileExport.content .verificationEmail .verificationEmailSubParent {
  width: 100%;
  height: 80%;
  float: left;
} 

.Client .page-content.rx .shpFileExport .shpFileExport.content .verificationEmail .verificationEmailSubParent {
  padding-top: 33px;
} 

.page-content.rx .shpFileExport .shpFileExport.content .verificationEmail .emailFormGroup {
  width: 45%;
  float: left;
}

.page-content.rx .shpFileExport .shpFileExport.content .verificationEmail .emailFormGroup .emailVerificationList.bp6-form-group.bp6-inline {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
}

.page-content.rx .shpFileExport .shpFileExport.content .verificationEmail .emailFormGroup .emailVerificationList.bp6-form-group.bp6-inline .bp6-label {
  margin: 0;
}

.page-content.rx .shpFileExport .shpFileExport.content .verificationEmail .emailFormGroup .emailVerificationList.bp6-form-group.bp6-inline .bp6-form-content {
  flex: 1 1 auto;
}

.page-content.rx .shpFileExport .shpFileExport.content .verificationEmail .emailFormGroup .emailVerificationListTextFields {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.page-content.rx .shpFileExport .shpFileExport.content .verificationEmail .emailFormGroup .emailVerificationListTextFields > .bp6-input-group {
  flex: 0 1 calc((100% - 16px) / 3);
  min-width: 0;
}

.page-content.rx .shpFileExport .shpFileExport.content .verificationEmail .verificationButtonGroup {
  height: 25%;
  width: 45%;
  float: right;
}

.page-content.rx .shpFileExport .shpFileExport.content .verificationEmail .verificationEmailButton {
  width: 75%;
  float: left;
  margin-bottom: 10px;
} 

.page-content.rx .shpFileExport .shpFileExport.content .verificationEmail .verificationSelectEmailButton {
  width: 75%;
  float: left;
} 

.page-content.rx .shpFileExport .shpFileExport.content .verificationEmail .emailFormGroup .emailVerificationListTextFields .bp6-input {
  margin-bottom: 0;
  width: 100%;
}

.page-content.rx .shpFileExport .shpFileExport.content .verificationEmail .emailClient {
  float: left;
  width: 10%;
  margin-top: 7px;
}

.page-content.rx .shpFileExport .shpFileExport.content .verificationEmail .downloadSwitch {
  float: left;
  margin: 10px 0px 10px 5%;
  width: 25%;
  height: 10%;
}

.page-content.rx .shpFileExport .shpFileExport.content .verificationEmail .downloadSwitch.expandWidth {
  width: 65%;
}

.page-content.rx .shpFileExport .shpFileExport.content .verificationEmail .internalVerificationEmail {
  float: left;
  width: 100%;
  height: auto;
}

.page-content.rx .shpFileExport .shpFileExport.content .verificationEmail .downloadSwitch .bp6-control.bp6-switch {
  width: 100px;
}

.page-content.rx .shpFileExport .shpFileExport.content .verificationEmail .downloadSwitch .downloadSwitchLabelIconHolder {
  float: right;
  margin-right: -30px;
  margin-top: -24px;
}

.page-content.rx .shpFileExport .shpFileExport.content .verificationEmail .consultantDownload {
  float: left;
  width: 35%;
  height: 15%;
  margin-top: 15px;
  margin-left: 10px;
}

.page-content.rx .shpFileExport .shpFileExport.content .verificationEmail .verificationEmailSubParent .verificationAddOns {
  width: 100%;
  height: auto;
  float: left;
}

.page-content.rx .shpFileExport .shpFileExport.content .verificationEmail .verificationEmailSubParent .verificationAddOns .shapeNotes {
  width: 48%;
  height: 100%;
  float: left;
  padding-right: 15px;
  margin-bottom: 0;
}

.page-content.rx .shpFileExport .shpFileExport.content .verificationEmail .verificationEmailSubParent .verificationAddOns .shapeNotes .verifyPanelBody {
  display: flex;
  height: calc(100% - 32px);
}

.page-content.rx .shpFileExport .shpFileExport.content .verificationEmail .verificationEmailSubParent .verificationAddOns .shapeNotes .shapeNotesLabel,
.page-content.rx .shpFileExport .shpFileExport.content .verificationEmail .verificationEmailSubParent .verificationAddOns .mapPDFSelector .mapPDFLabel {
  margin-top: -35px;
}

.page-content.rx .shpFileExport .shpFileExport.content .verificationEmail .verificationEmailSubParent .verificationAddOns .shapeNotes .verificationEmailNotesBox {
  height: 100%;
}

.page-content.rx .shpFileExport .shpFileExport.content .verificationEmail .verificationEmailSubParent .verificationAddOns .mapPDFSelector {
  width: 48%;
  height: auto;
  float: right;
}

.page-content.rx .shpFileExport .shpFileExport.content .verificationEmail .verificationEmailSubParent .verificationAddOns .mapPDFSelector .publishedMapsSelection {
  width: 100%;
  height: 100%;
  float: left;
}

.page-content.rx .shpFileExport .shpFileExport.content .verificationEmail .verificationEmailSubParent .verificationAddOns .mapPDFSelector .mapPDFSelectorButton {
  float: none;
  position: initial;
  margin: 0 0 12px;
}

@media screen and (max-width: 1550px) and (min-width: 1441px) {
  .page-content.rx .shpFileExport .shpFileExport.content .verificationEmail .verificationEmailSubParent .verificationAddOns .mapPDFSelector .mapPDFSelectorButton {
    transform: scale(0.85);
    -webkit-transform: scale(0.85);
  }
}

.page-content.rx .shpFileExport .shpFileExport.content .verificationEmail .verificationEmailSubParent .verificationAddOns .mapPDFSelector .publishedMapsSelection .ag-theme-balham {
  width: 98% !important;
}

.page-content.rx .shpFileExport .shpFileExport.content .verificationEmail .verificationEmailSubParent .verificationAddOns .mapPDFSelector .publishedMapsSelection.hideSpans .ag-theme-balham {
  display: none;
}

.bp6-portal .bp6-popover.reportTypeInputHover,
.bp6-portal .bp6-popover.notesExtenderTooltip {
  max-width: 500px;
}

.bp6-portal .bp6-popover.gridSamplingParamtersHelpLabelIconHolderPopover {
  max-width: 750px;
}

.page-content.rx .shpFileExport .shpFileExport.content .verificationEmail .verificationEmailSubParent .verificationAddOns .bp6-icon, 
.page-content.rx .shpFileExport .shpFileExport.content .verificationEmail .downloadSwitch .downloadSwitchLabelIconHolder .bp6-icon,
.bp6-portal .bp6-dialog.three-column.reportsWidget .bp6-tabs.gridSamplingTabs .gridReportSelection .productList .productTitle .gridSamplingParamtersHelp.bp6-popover-target .bp6-icon,
.bp6-portal .bp6-dialog.two-column.GridSamplingParameters .GridSamplingParametersSelection .gridSamplingHelpScreen .bp6-popover-target .bp6-icon,
.shpFileExport .unitSwitcher .unitSwitcherHelper .bp6-icon {
  color: rgba(0, 0, 0, 0.54);
}

.page-content.rx .shpFileExport .shpFileExport.content .fileDownload p {
  margin-top: 0px;
}

.page-content.rx .shpFileExport .shpFileExport.content .fileDownload {
  height: 80%;
  width: 100%;
  float: left;
  margin-left: 10px;
}

.page-content.rx .shpFileExport .shpFileExport.content .fileDownload .success,
.page-content.rx .shpFileExport .shpFileExport.content .fileDownload .failureToSend {
  height: 50%;
  width: 100%;
  float: left;
}

.page-content.rx .shpFileExport .shpFileExport.content .fileDownload .submissionConfirmation {
  margin-bottom: 18px;
  padding: 18px 20px;
  background: #fff7e3;
  border: 1px solid rgba(17, 20, 24, 0.12);
  border-radius: 16px;
}

.page-content.rx .shpFileExport .shpFileExport.content .fileDownload .submissionConfirmation h3 {
  margin: 0 0 8px;
  color: #001d1d;
  font-size: 22px;
  font-weight: 700;
}

.page-content.rx .shpFileExport .shpFileExport.content .fileDownload .submissionConfirmation p:last-child {
  margin-bottom: 0;
}

.page-content.rx .shpFileExport .shpFileExport.content .fileDownload .success .fileDownloader {
  margin-top: 30px;
}

.page-content.rx .shpFileExport .shpFileExport.content .shpTables .fieldList {
  width: 60%;
  height: calc(100% - 50px);
  float: left;
}

.page-content.rx .shpFileExport .shpFileExport.content .shpTables .farmProductsList {
  width: 40%;
  height: calc(100% - 50px);
  float: left;
}

.Client .page-content.rx .shpFileExport .shpFileExport.content .shpTables .fieldList {
  height: 91%;
}

.Client .page-content.rx .shpFileExport .shpFileExport.content .shpTables .farmProductsList {
  height: 91%;
}
.analyteSummaryPage {
  height: 100%;
  width: 100%;
}
.analyteSummaryPage .loading-overlay {
  z-index: auto;
  display: flex;
  width: 100%;
  top: 85px;
  height: 100%;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.analyteSummaryPage .loading-overlay > div {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  background-color: #cececeff;
  flex-direction: column;
}

.analyteSummaryPage .loading-overlay > div span {
  margin-top: 15px;
}

.analyte-summary-container {
  height: 100%;
  width: 100%;
  float:left
}

.analyte-list-container {
  height: 100%;
  width: 50%;
  float:left
}
.analyte-list-container .ag-theme-balham .ag-cell-wrapper {
  margin-top: -5px;
}

.analyte-list-container .ag-root-wrapper{
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.stat-list-container .ag-root-wrapper,
.analyteList .ag-root-wrapper {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.boundary-list-container {
  height: 100%;
  width: 50%;
  float:left
}
.boundary-list-container .ag-theme-balham .ag-cell-wrapper {
  margin-top: -5px;
}

.boundary-list-container .farmList .ag-theme-balham .ag-root-wrapper {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;  
}

.boundary-list-container .statList .ag-theme-balham .ag-root-wrapper {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;  
}

.stat-list-container {
  height: 100%;
  width: 50%;
  float:left
}
.stat-list-container .ag-theme-balham .ag-cell-wrapper {
  margin-top: -5px;
}

.shpFileExport .unitSwitcher {
  text-align: right;
  width: 100%;
  height: 44px;
  border-top: 2px solid #bdc3c7;
  background-color: #f5f7f7;
}

.shpFileExport .groupByFarm .groupByFarmCheckbox {
  display: inline-block;
}

.shpFileExport .unitSwitcher span.groupByFarm {
  display: block;
  float: left;
  padding: 13px 0px 0px;
  width: calc(0% + 200px);
  font-weight: bold;
  font-size: 12px;
 }

.shpFileExport .unitSwitcher span.title {
  display: block;
  float: left;
  padding: 13px 0px;
  width: calc(100% - 385px);
  font-weight: bold;
  font-size: 12px;
}

.shpFileExport .unitSwitcher .unitSwitcherHelper {
  padding: 0px 10px;
}

.shpFileExport .unitSwitcher .bp6-button {
  width: 175px;
  height: 30px;
  margin-top: 5px;
  margin-right: 10px;
}

.shpFileExport .unitSwitcher .groupByFarm.Gridding {
  float: right;
  visibility: hidden;
}

.shpFileExport .nameWithUnits span.unitEditor {
  float: right;
}

.shpFileExport .unitSwitcher .bp6-button .bp6-button-text {
  margin-right: 35px;
}

.shpFileExport .shpTables .ag-cell .ag-selection-checkbox,
.bp6-portal .shpPDFSelector .ag-selection-checkbox,
.bp6-portal .shpFileEmailSelection .ag-selection-checkbox,
.bp6-portal .gridReportSelection .fieldList .ag-selection-checkbox {
  margin-top: -1px;
}

.change-app-units .bp6-dialog.no-margin {
  padding-bottom: 0;
}

.page-content.rx .rxreportsview .shpFileRendererLink {
  text-align: center;
}

.page-content.rx .rxreportsview .rx-published-reports-header .content-title {
  max-width: 100%;
  overflow: hidden;
  font-size: clamp(20px, 1.65vw, 32px);
  line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bp6-portal .two-column.shpApplicatorEmail,
.bp6-portal .two-column.shpPDFSelector {
  height: 500px;
}

.bp6-portal .two-column.shpApplicatorEmail .shpFileEmailSelection,
.bp6-portal .two-column.shpPDFSelector .shpPDFSelectorSelection {
  height: 90%;
  margin-bottom: 10px;
}

.page-content.rx .rx-crop-plan-step.content .spinnerTime {
  width: 100%;
  height: 100%;
  z-index: 999;
  position: absolute;
  margin-top: 25%;
}

.bp6-portal .wizard.content .rx-crop-plan-step.content .spinnerTime {
  width: 80%;
  height: 80%;
  z-index: 999;
  position: absolute;
  margin-top: 12.5%;
}

.page-content.rx .rx-crop-plan-step.content .nextYearButton,
.bp6-portal .wizard.content .rx-crop-plan-step.content .nextYearButton {
  float: right;
  color: #000 !important;
}

.page-content.rx .rx-crop-plan-step.content .nextYearButton:hover,
.page-content.rx .rx-crop-plan-step.content .nextYearButton:active,
.page-content.rx .rx-crop-plan-step.content .nextYearButton:focus,
.bp6-portal .wizard.content .rx-crop-plan-step.content .nextYearButton:hover,
.bp6-portal .wizard.content .rx-crop-plan-step.content .nextYearButton:active,
.bp6-portal .wizard.content .rx-crop-plan-step.content .nextYearButton:focus,
.page-content.rx .rx-crop-plan-step.content .previousYearButton:hover,
.page-content.rx .rx-crop-plan-step.content .previousYearButton:active,
.page-content.rx .rx-crop-plan-step.content .previousYearButton:focus,
.bp6-portal .wizard.content .rx-crop-plan-step.content .previousYearButton:hover,
.bp6-portal .wizard.content .rx-crop-plan-step.content .previousYearButton:active,
.bp6-portal .wizard.content .rx-crop-plan-step.content .previousYearButton:focus {
  background-color: #F1B434 !important;
}

.page-content.rx .rx-crop-plan-step.content .nextYearButton .bp6-button-text,
.page-content.rx .rx-crop-plan-step.content .nextYearButton .bp6-icon,
.page-content.rx .rx-crop-plan-step.content .nextYearButton .bp6-icon svg,
.page-content.rx .rx-crop-plan-step.content .previousYearButton .bp6-button-text,
.page-content.rx .rx-crop-plan-step.content .previousYearButton .bp6-icon,
.page-content.rx .rx-crop-plan-step.content .previousYearButton .bp6-icon svg,
.bp6-portal .wizard.content .rx-crop-plan-step.content .nextYearButton .bp6-button-text,
.bp6-portal .wizard.content .rx-crop-plan-step.content .nextYearButton .bp6-icon,
.bp6-portal .wizard.content .rx-crop-plan-step.content .nextYearButton .bp6-icon svg,
.bp6-portal .wizard.content .rx-crop-plan-step.content .previousYearButton .bp6-button-text,
.bp6-portal .wizard.content .rx-crop-plan-step.content .previousYearButton .bp6-icon,
.bp6-portal .wizard.content .rx-crop-plan-step.content .previousYearButton .bp6-icon svg {
  color: #000 !important;
  fill: #000 !important;
}

.page-content.rx .rx-crop-plan-step.content .previousYearButton,
.bp6-portal .wizard.content .rx-crop-plan-step.content .previousYearButton {
  float: left;
  color: #000 !important;
}

.page-content.rx .rx-crop-plan-step.content .firstYearButton,
.page-content.rx .rx-crop-plan-step.content .secondYearButton,
.page-content.rx .rx-crop-plan-step.content .thirdYearButton,
.bp6-portal .wizard.content .rx-crop-plan-step.content .firstYearButton,
.bp6-portal .wizard.content .rx-crop-plan-step.content .secondYearButton,
.bp6-portal .wizard.content .rx-crop-plan-step.content .thirdYearButton  {
  height: 24px;
  width: 100%;
  float: left;
}

.page-content.rx .rx-crop-plan-step.content .cropPlanButtonText,
.bp6-portal .wizard.content .rx-crop-plan-step.content .cropPlanButtonText {
  width: 50%;
  height: 24px;
  float: left;
  padding-top: 5px;
  margin: 0px 5px;
}

.three-column.rxWizardWidget .rx-start-step.content .rxSamplingDatePicker .samplingMonth,
.three-column.rxWizardWidget .rx-start-step.content .rxSamplingDatePicker .samplingYear {
  float: none;
  width: 100%;
  height: auto;
}


.three-column.rxWizardWidget .rx-start-step.content .rxSamplingDatePicker .samplingMonth .samplingMonthText {
  margin-bottom: 6px;
}

.three-column.rxWizardWidget .rx-start-step.content .rxSamplingDatePicker .samplingMonth .samplingMonthDropdownRx {
  margin-right: 0;
  width: 100%;
}

.three-column.rxWizardWidget .rx-start-step.content .rxSamplingDatePicker .samplingMonth .samplingMonthDropdownRx .bp6-button {
  width: 100%;
}

.three-column.rxWizardWidget .rx-start-step.content .rxSamplingDatePicker .samplingYear .samplingYearText {
  margin-bottom: 6px;
}

.three-column.rxWizardWidget .rx-start-step.content .rxSamplingDatePicker .samplingYear .samplingYearDropdownRx .bp6-button {
  width: 100%;
}

.ag-selection-checkbox {
  margin-top: 4px;
}

.page-content.rx .rx-create.content .show-wizard .crop-form .spinnerTime {
  position: fixed;
  z-index: 5;
  margin-left: 37%;
  margin-top: -4%;
}

.page-content.rx .rx-create.content .rx-create-body .agGridResultsOutsideAllInOne .spinnerTime {
  position: fixed;
  z-index: 5;
  margin-left: 37%;
  margin-top: 15%;
}
  
.page-content.rx .rx-create.content .rx-create-body .agGridResultsOutsideAllInOne .npkTable .npk.spinnerTime {
  position: fixed;
  z-index: 5;
  margin-left: 32%;
  margin-top: -20%;
}

.page-content.rx .rx-create.content .rx-create-body .agGridResultsOutsideAllInOne .npkTable .npk.spinnerTime.MoveSpinner {
  position: fixed;
  z-index: 5;
  margin-left: 50%;
  margin-top: -20%;
}

.page-content.rx .rx-create.content .rx-create-body .agGridResultsOutsideAllInOne .spinnerTime.closed {
  margin-left: 48%;
}

li.reportTypeDropdown.bp6-menu-header {
  width: 180px !important;
}

.rxFormula.MasterDiv {
  height: 100%;
  width: 100%;
  min-height: 0;
  overflow: auto;
  background:
    radial-gradient(circle at top right, rgba(241, 180, 52, 0.16), transparent 28%),
    linear-gradient(180deg, #f4f0e5 0%, #eef4f2 100%);
}

.rxFormula.MasterDiv .content-body {
  padding: 18px 20px 20px;
}

.rxFormula.MasterDiv .form-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 18px;
  padding: 18px 18px 0;
  border: 1px solid rgba(17, 20, 24, 0.12);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.74);
  box-shadow: 0 18px 42px rgba(0, 29, 29, 0.08);
  backdrop-filter: blur(4px);
}

.rxFormula.MasterDiv .form-body.Help {
  grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.95fr);
  grid-template-areas:
    "main viewer"
    "footer footer";
  align-items: stretch;
}

.rxFormula.MasterDiv .header {
  width: 100%;
  float: left;
}

.rxFormula.MasterDiv .rxFormula.Body {
  float: none;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  align-content: start;
}

.rxFormula.MasterDiv .form-body.Help .rxFormula.Body {
  grid-area: main;
}

.rxFormula.MasterDiv .rxFormula.Body > div,
.rxFormula.MasterDiv .viewSampleFile,
.rxFormula.MasterDiv .rxFormula.Footer {
  padding: 16px 18px;
  border: 1px solid rgba(17, 20, 24, 0.12);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.9);
}

.rxFormula.MasterDiv .rxFormula.Footer {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.82) 0%, rgba(247, 251, 250, 0.96) 100%);
}

.rxFormula.MasterDiv .rxFormula.Body.Help {
  width: 100%;
}

.rxFormula.MasterDiv .rxFormula.Body .Name {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  grid-column: 1 / -1;
}

.rxFormula.MasterDiv .rxFormula.Body .Name .partition {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.rxFormula.MasterDiv .rxFormula.Body .Name .input {
  width: 100%;
}

.rxFormula.MasterDiv .rxFormula.Body .Description {
  width: 100%;
  grid-column: 1 / -1;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.rxFormula.MasterDiv .rxFormula.Body .Description .input {
  width: 100%;
}

.rxFormula.MasterDiv .rxFormula.Body .Formula {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(220px, 260px) minmax(0, 1fr);
  gap: 18px;
  grid-column: 1 / -1;
}

.rxFormula.MasterDiv .rxFormula.Body .Formula .doubleValues {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.rxFormula.MasterDiv .rxFormula.Body .Formula .doubleValues.ProductType {
  width: 100%;
}

.rxFormula.MasterDiv .rxFormula.Body .Formula .doubleValues.FormulaRx {
  width: 100%;
  padding-top: 0;
}

.rxFormula.MasterDiv .rxFormula.Body .Formula .doubleValues.FormulaRx .title.FormulaRx,
.rxFormula.MasterDiv .rxFormula.Body .Formula .doubleValues.FormulaRx .input.FormulaRx,
.rxFormula.MasterDiv .rxFormula.Body .Formula .doubleValues.FormulaRx .statusCheck.FormulaRx {
  float: none;
}

.rxFormula.MasterDiv .rxFormula.Body .Formula .input.ProductType {
  width: 100%;
  height: auto;
  float: none;
}

.rxFormula.MasterDiv .rxFormula.Body .Formula .input.ProductType .formulaButton {
  width: 100%;
}

.rxFormula.MasterDiv .rxFormula.Body .Formula .statusCheck.ProductType {
  width: 100%;
  height: auto;
  float: none;
}

.rxFormula.MasterDiv .rxFormula.Body .Formula .input {
  width: 100%;
  height: auto;
}

.rxFormula.MasterDiv .rxFormula.Body .Formula .input .rxFormulaNameFormulaInputArea {
  min-height: 240px;
  line-height: 1.45;
  width: 100%;
}

.rxFormula.MasterDiv .rxFormula.Body .sampleHelp {
  width: 100%;
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.rxFormula.MasterDiv .rxFormula.Footer {
  width: 100%;
  float: none;
  grid-column: 1 / -1;
}

.rxFormula.MasterDiv .form-body.Help .rxFormula.Footer {
  grid-area: footer;
}

.rxFormula.MasterDiv .rxFormula.Body .title {
  padding: 0;
  font-weight: bold;
  color: #001d1d;
  font-size: 15px;
}

.rxFormula.MasterDiv .rxFormula.Body .input,
.rxFormula.MasterDiv .rxFormula.Body .sampleHelp .sampleFile {
  padding: 0;
}

.rxFormula.MasterDiv .rxFormula.Body .statusCheck {
  padding: 0;
  font-style: italic;
  color: #5f6f6f;
  font-size: 12px;
  line-height: 1.4;
}

.rxFormula.MasterDiv .rxFormula.Body .Name .partition .statusCheck:empty,
.rxFormula.MasterDiv .rxFormula.Body .Description .statusCheck:empty {
  display: none;
}

.rxFormula.MasterDiv .rxFormula.Body .statusCheck.ProductType {
  min-height: 34px;
}

.rxFormula.MasterDiv .viewSampleFile {
  width: 100%;
  float: none;
  grid-area: viewer;
  min-height: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.rxFormula.MasterDiv .viewSampleFile.File {
  width: 100%;
  flex: 1 1 auto;
  height: auto;
  min-height: 540px;
  overflow: hidden;
  border-radius: 12px;
  border: 1px solid rgba(17, 20, 24, 0.08);
  background: #f7fbfa;
}

.rxFormula.MasterDiv .viewSampleFile.File embed,
.rxFormula.MasterDiv .viewSampleFile.File iframe,
.rxFormula.MasterDiv .viewSampleFile.File .sampleSheetPDF {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 100%;
  border: 0;
}

.rxFormula.MasterDiv .rxFormula.Footer .sendEmailButton {
  padding-top: 0;
  margin-left: 0;
  display: flex;
  justify-content: center;
}

.rxFormula.MasterDiv .rxFormula.Footer .sendEmailButton .sendEmailButtonButton {
  width: auto;
  min-width: 180px;
}

.rxFormula.MasterDiv .content-header .content-btns .formulaWidget.bp6-button,
.rxFormula.MasterDiv .rxFormula.Body .Formula .input.ProductType .formulaButton.bp6-button,
.rxFormula.MasterDiv .rxFormula.Body .sampleHelp .sampleFile .bp6-button,
.rxFormula.MasterDiv .rxFormula.Footer .sendEmailButton .sendEmailButtonButton.bp6-button {
  height: 44px;
  border: 1px solid rgba(17, 20, 24, 0.12);
  border-radius: 12px !important;
  background-image: none !important;
  box-shadow: none !important;
}

.rxFormula.MasterDiv .content-header .content-btns .formulaWidget.bp6-button,
.rxFormula.MasterDiv .rxFormula.Body .Formula .input.ProductType .formulaButton.bp6-button,
.rxFormula.MasterDiv .rxFormula.Body .sampleHelp .sampleFile .bp6-button {
  background: #ffffff !important;
  color: #001d1d !important;
}

.rxFormula.MasterDiv .rxFormula.Footer .sendEmailButton .sendEmailButtonButton.bp6-button {
  background: #f1b434 !important;
  color: #001d1d !important;
}

.rxFormula.MasterDiv .content-header .content-btns .formulaWidget.bp6-button:hover,
.rxFormula.MasterDiv .rxFormula.Body .Formula .input.ProductType .formulaButton.bp6-button:hover,
.rxFormula.MasterDiv .rxFormula.Body .sampleHelp .sampleFile .bp6-button:hover,
.rxFormula.MasterDiv .rxFormula.Footer .sendEmailButton .sendEmailButtonButton.bp6-button:hover {
  box-shadow: none !important;
}

.rxFormula.MasterDiv .rxFormula.Footer .sendEmailButton .sendEmailButtonButton.bp6-button:hover {
  background: #f6c14b !important;
}

.rxFormula.MasterDiv .content-header .content-btns .formulaWidget .bp6-icon,
.rxFormula.MasterDiv .content-header .content-btns .formulaWidget .bp6-icon svg,
.rxFormula.MasterDiv .rxFormula.Body .Formula .input.ProductType .formulaButton .bp6-icon,
.rxFormula.MasterDiv .rxFormula.Body .Formula .input.ProductType .formulaButton .bp6-icon svg,
.rxFormula.MasterDiv .rxFormula.Body .sampleHelp .sampleFile .bp6-button .bp6-icon,
.rxFormula.MasterDiv .rxFormula.Body .sampleHelp .sampleFile .bp6-button .bp6-icon svg,
.rxFormula.MasterDiv .rxFormula.Footer .sendEmailButton .sendEmailButtonButton .bp6-icon,
.rxFormula.MasterDiv .rxFormula.Footer .sendEmailButton .sendEmailButtonButton .bp6-icon svg {
  color: #001d1d !important;
  fill: #001d1d !important;
}

.rxFormula.MasterDiv .rxFormula.Body .input .bp6-input {
  min-height: 44px;
  border: 1px solid rgba(17, 20, 24, 0.16);
  border-radius: 12px;
  background: #fbfcfa;
  box-shadow: none;
  color: #000000;
  -webkit-text-fill-color: #000000;
}

.rxFormula.MasterDiv .rxFormula.Body .input .bp6-input::placeholder {
  color: #7a8585;
  -webkit-text-fill-color: #7a8585;
}

.rxFormula.MasterDiv .rxFormula.Body .input .bp6-input:focus {
  border-color: #f1b434;
  box-shadow: 0 0 0 3px rgba(241, 180, 52, 0.18);
}

.rxFormula.MasterDiv .rxFormula.Body .Formula .input .rxFormulaNameFormulaInputArea.bp6-input {
  padding: 12px 14px;
  resize: vertical;
}

.rxFormula.MasterDiv .rxFormula.Body .sampleHelp .title::after {
  content: "Use the sample format before submitting a custom formula.";
  display: block;
  margin-top: 6px;
  color: #5f6f6f;
  font-size: 12px;
  font-weight: 400;
}

@media screen and (max-width: 1180px) {
  .rxFormula.MasterDiv .form-body.Help {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "main"
      "viewer"
      "footer";
  }

  .rxFormula.MasterDiv .viewSampleFile {
    grid-area: viewer;
  }

  .rxFormula.MasterDiv .viewSampleFile.File {
    min-height: 460px;
  }
}

@media screen and (max-width: 900px) {
  .rxFormula.MasterDiv .content-body {
    padding: 14px;
  }

  .rxFormula.MasterDiv .form-body {
    min-height: auto;
    padding: 14px;
  }

  .rxFormula.MasterDiv .rxFormula.Body {
    grid-template-columns: 1fr;
  }

  .rxFormula.MasterDiv .rxFormula.Body .Name,
  .rxFormula.MasterDiv .rxFormula.Body .Formula,
  .rxFormula.MasterDiv .rxFormula.Body .sampleHelp {
    grid-template-columns: 1fr;
  }

  .rxFormula.MasterDiv .rxFormula.Body .sampleHelp {
    align-items: flex-start;
  }

  .rxFormula.MasterDiv .rxFormula.Footer .sendEmailButton {
    justify-content: stretch;
  }

  .rxFormula.MasterDiv .rxFormula.Footer .sendEmailButton .sendEmailButtonButton {
    width: 100%;
  }
}

.rxFormulaSubmissionPortal .bp6-dialog.report-options-dialog.rxFormulaSubmission {
  width: 33vw;
  max-width: 560px;
  min-width: 420px;
}

.rxFormulaSubmissionPortal .bp6-dialog.report-options-dialog.rxFormulaSubmission .rx-formula-terms-content {
  gap: 0;
}

.rxFormulaSubmissionPortal .bp6-dialog.report-options-dialog.rxFormulaSubmission .formulaTermsText .report-options-copy:last-child {
  margin-bottom: 0;
}

.bp6-popover.rxFormulaProductType .bp6-menu,
.bp6-popover.rxFormulaProductType .bp6-menu-item,
.bp6-popover.rxFormulaProductType .bp6-menu-item .bp6-text-overflow-ellipsis {
  color: #000000 !important;
}

.bp6-portal .bp6-overlay .rxFormulaProductType .bp6-popover-content,
.bp6-portal .bp6-overlay .rxFormulaProductType .bp6-popover-content .bp6-menu {
  width: 150px;
  min-width: 150px;
}

.farmProductsList .ag-header-cell-comp-wrapper .nameWithInput {
  width: 100%;
}

.farmProductsList .ag-header-cell-comp-wrapper .nameWithInput div {
  float: left;
  padding: 7px 0;
  width: 50%;
}

.farmProductsList .ag-header-cell-comp-wrapper .nameWithInput label {
  float: right;
  margin: 0;
  padding: 0;
  padding-top: 7px;
  padding-right: 0px;
  display: block;
}

.farmProductsList .ag-header-cell .nameWithInput .bp6-control-indicator {
  float: right;
  margin-left: 10px;
  margin-top: 1px;
}

.farmProductsList .ag-header-cell .nameWithInput .bp6-popover-target {
  float: right;
}

.blend-products .bp6-popover-arrow .bp6-popover-arrow-fill {
  fill: #cbd1d6;
}

.blend-products div.bp6-popover-content {
  background-color: #cecece;
}

.blend-products div > div:first-child {
  width: 365px;
  color: #333;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .bp6-tabs.gridSamplingTabs .gridReportSelection {
  width: 100%;
  height: 100%;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .bp6-tabs.gridSamplingTabs .gridReportSelection .spinnerTime.gridReportSelection {
  z-index: 100;
  position: absolute;
  margin-top: 13%;
  margin-left: 16%;
  height: 30%;
  width: 40%;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .bp6-tabs.gridSamplingTabs .gridReportSelection .shpTables .topHalf {
  width: 100%;
  height: 20%;
  float: left;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .bp6-tabs.gridSamplingTabs .gridReportSelection .backButton {
  width: 10%;
  padding-top: 10px;
  float: left;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .bp6-tabs.gridSamplingTabs .gridReportSelection .reportValues {
  width: 100%;
  height: 100%;
  float: left;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .bp6-tabs.gridSamplingTabs .gridReportSelection .reportValues .reportNotes {
  width: 45%;
  height: 100%;
  float: left;
  padding: 10px;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .bp6-tabs.gridSamplingTabs .gridReportSelection .reportValues .reportRadio {
  width: 30%;
  height: 100%;
  float: left;
  padding: 10px;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .bp6-tabs.gridSamplingTabs .gridReportSelection .reportValues .reportRadio .bp6-label {
  font-weight: bold;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .bp6-tabs.gridSamplingTabs .gridReportSelection .reportValues .reportRadio .showClient {
  width: 45%;
  padding-left: 15px;
  float: left;
  height: 100%;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .bp6-tabs.gridSamplingTabs .gridReportSelection .reportValues .reportRadio .alertClient {
  width: 45%;
  padding-left: 15px;
  float: left;
  height: 100%;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .bp6-tabs.gridSamplingTabs .gridReportSelection .reportValues .pageBreakToggleSwitch {
  width: 15%;
  padding-left: 20px;
  float: left;
  height: 100%;
  font-weight: bold;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .bp6-tabs.gridSamplingTabs .gridReportSelection .reportValues .pageBreakToggleSwitch .allReportsHelper {
  font-weight: 200;
  float: left;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .bp6-tabs.gridSamplingTabs .gridReportSelection .reportValues .reportRadio .bp6-radio {
  padding-top: 10px;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .bp6-tabs.gridSamplingTabs .gridReportSelection .submitButton {
  width: 25px;
  height: 100%;
  padding-top: 10px;
  float: right;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .bp6-tabs.gridSamplingTabs .gridReportSelection .submitButton .gridSamplingProcessButton {
  float: right;
  padding-top: 10px;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .bp6-tabs.gridSamplingTabs .gridReportSelection .submitButton .finalizeButton {
  float: right;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .bp6-tabs.gridSamplingTabs .gridReportSelection .shpTables {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .bp6-tabs.gridSamplingTabs .gridReportSelection .shpTables .fieldSplitLayout {
  width: 100%;
  height: 85%;
  display: flex;
  align-items: stretch;
  min-height: 0;
  overflow: auto;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .bp6-tabs.gridSamplingTabs .gridReportSelection .shpTables .fieldList {
  width: 50%;
  min-width: 50%;
  max-width: 50%;
  height: 100%;
  flex: 0 0 50%;
  min-height: 0;
  padding: 10px 0 10px 10px;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .bp6-tabs.gridSamplingTabs .gridReportSelection .shpTables .fieldList .ag-theme-balham {
  width: 100%;
  height: 100%;
  min-height: 0;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .bp6-tabs.gridSamplingTabs .gridReportSelection .shpTables .fieldSidePanel {
  width: 50%;
  min-width: 50%;
  max-width: 50%;
  height: 100%;
  flex: 0 0 50%;
  min-height: 0;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 24px 28px;
  box-sizing: border-box;
  background-color: #D9D9D9;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .bp6-tabs.gridSamplingTabs .gridReportSelection .shpTables .fieldSidePanel .reportValues {
  width: 100%;
  height: 100%;
  float: none;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .bp6-tabs.gridSamplingTabs .gridReportSelection .shpTables .fieldSidePanel .reportValues .reportNotes,
.bp6-portal .bp6-dialog.three-column.reportsWidget .bp6-tabs.gridSamplingTabs .gridReportSelection .shpTables .fieldSidePanel .reportValues .reportRadio,
.bp6-portal .bp6-dialog.three-column.reportsWidget .bp6-tabs.gridSamplingTabs .gridReportSelection .shpTables .fieldSidePanel .reportValues .pageBreakToggleSwitch {
  width: 100%;
  height: auto;
  float: none;
  padding: 0;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .bp6-tabs.gridSamplingTabs .gridReportSelection .shpTables .fieldSidePanel .reportValues .reportRadio .showClient,
.bp6-portal .bp6-dialog.three-column.reportsWidget .bp6-tabs.gridSamplingTabs .gridReportSelection .shpTables .fieldSidePanel .reportValues .reportRadio .alertClient {
  width: 100%;
  height: auto;
  float: none;
  padding-left: 0;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .bp6-tabs.gridSamplingTabs .gridReportSelection .shpTables .fieldSidePanel .reportValues .pageBreakToggleSwitch {
  padding-left: 0;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .bp6-tabs.gridSamplingTabs .gridReportSelection .productList {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .bp6-tabs.gridSamplingTabs .gridReportSelection .productList .productSplitLayout {
  width: 100%;
  height: 87%;
  display: flex;
  align-items: stretch;
  min-height: 0;
  overflow-y: auto;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .bp6-tabs.gridSamplingTabs .gridReportSelection .productList .productSplitLayout .ag-theme-balham {
  width: 100%;
  height: 100%;
  flex: 0 0 50%;
  padding: 10px 0 10px 10px;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .bp6-tabs.gridSamplingTabs .gridReportSelection .productList .productSidePanel {
  width: 50%;
  min-width: 50%;
  max-width: 50%;
  height: 100%;
  flex: 0 0 50%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 24px 28px;
  box-sizing: border-box;
  background-color: #D9D9D9;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .bp6-tabs.gridSamplingTabs .gridReportSelection .productList .productHeader {
  width: 100%;
  height: auto;
  position: static;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .bp6-tabs.gridSamplingTabs .gridReportSelection .productList .productHeader .productTitle {
  position: static;
  top: auto;
  right: auto;
  width: 100%;
  height: auto;
  padding-top: 0;
  float: none;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  z-index: auto;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .bp6-tabs.gridSamplingTabs .gridReportSelection .gridSamplingActionRow {
  width: 100%;
  height: 10%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 10px 12px 0;
  box-sizing: border-box;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .bp6-tabs.gridSamplingTabs .gridReportSelection .gridSamplingActionRow .gridSamplingProcessButton {
  display: inline-flex;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .bp6-tabs.gridSamplingTabs .gridReportSelection .productList .productHeader .submitButton .gridSamplingParametersButton.bp6-button {
  background-color: #F1B434 !important;
  border-color: #d49d28 !important;
  color: #000 !important;
  font-weight: bold;
  box-shadow: none !important;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .bp6-tabs.gridSamplingTabs .gridReportSelection .productList .productHeader .submitButton .gridSamplingParametersButton.bp6-button:hover,
.bp6-portal .bp6-dialog.three-column.reportsWidget .bp6-tabs.gridSamplingTabs .gridReportSelection .productList .productHeader .submitButton .gridSamplingParametersButton.bp6-button:active,
.bp6-portal .bp6-dialog.three-column.reportsWidget .bp6-tabs.gridSamplingTabs .gridReportSelection .productList .productHeader .submitButton .gridSamplingParametersButton.bp6-button:focus {
  background-color: #e6aa25 !important;
  border-color: #c48a16 !important;
  color: #000 !important;
  box-shadow: none !important;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .bp6-tabs.gridSamplingTabs .gridReportSelection .productList .productTitle h3 {
  margin: 0;
  float: none;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .bp6-tabs.gridSamplingTabs .gridReportSelection .productList .gridSamplingParametersDescription {
  margin-top: 18px;
  color: #2d2d2d;
  font-size: 14px;
  line-height: 1.45;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .bp6-tabs.gridSamplingTabs .gridReportSelection .productList .gridSamplingParametersDescription p {
  margin: 0 0 10px;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .bp6-tabs.gridSamplingTabs .gridReportSelection .productList .gridSamplingParametersDescription p:last-child {
  margin-bottom: 0;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .bp6-tabs.gridSamplingTabs .gridReportSelection .productList .productTitle .gridSamplingParamtersHelp.bp6-popover-target {
  float: none;
  margin-left: 0;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .bp6-tabs.gridSamplingTabs .gridReportSelection .productList .ag-theme-balham .committed.invalidRow,
.bp6-portal .bp6-dialog.three-column.reportsWidget .bp6-tabs.gridSamplingTabs .gridReportSelection .productList .ag-theme-balham .invalidRow {
  background-color: #ff0000a8 !important;
  font-weight: bold;
}

.bp6-portal .bp6-dialog.two-column.GridSamplingParameters {
  height: 250px;
  width: 46%;
}

.bp6-portal .bp6-dialog.two-column.GridSamplingParameters .bp6-dialog-header {
  display: none;
}

.bp6-portal .bp6-dialog.two-column.GridSamplingParameters .bp6-dialog-body {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0 20px 16px;
  min-height: 0;
}

.bp6-portal .bp6-dialog.two-column.GridSamplingParameters .gridSamplingParametersLayout {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
  background-color: #D9D9D9;
  padding: 15px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.bp6-portal .bp6-dialog.two-column.GridSamplingParameters .grid-sampling-parameters-header {
  margin-bottom: 0;
  background-color: #D9D9D9;
  border-bottom: none;
  border-radius: 10px;
}

.bp6-portal .bp6-dialog.two-column.GridSamplingParameters .content-header {
  box-shadow: none;
  flex-shrink: 0;
}

.rx-notes-widget-header.grid-sampling-parameters-header {
  height: 52px;
  width: 100%;
}

.gridSamplingParametersLayout .content-page-desc {
    height: 100%;
    width: 100%;
}

.gridSamplingParametersLayout .content-title {
    margin-top: 1px;
}

.bp6-portal .bp6-dialog.two-column.GridSamplingParameters .GridSamplingParametersSelection {
  position: relative;
  flex: 1 1 auto;
  min-height: 0;
  height: auto;
  padding-top: 12px;
}

.bp6-portal .bp6-dialog.two-column.GridSamplingParameters .GridSamplingParametersSelection .gridSamplingHelpScreen {
  position: absolute;
  margin-top: 9px;
  margin-left: 57px;
  z-index: 2;
}

.bp6-portal .bp6-dialog.two-column.GridSamplingParameters .GridSamplingParametersSelection .GridSamplingParametersSelectionTable {
  height: 100% !important;
  min-height: 0;
}

.bp6-portal .bp6-dialog.two-column.GridSamplingParameters .GridSamplingParametersSelection .GridSamplingParametersSelectionTable .ag-center-cols-viewport {
  overflow-x: auto;
}

.bp6-portal .bp6-dialog.two-column.GridSamplingParameters .GridSamplingParametersSelection .GridSamplingParametersSelectionTable .ag-header-icon {
  color: #707575;
}

.bp6-portal .bp6-dialog.two-column.GridSamplingParameters .GridSamplingParametersSelection .GridSamplingParametersSelectionTable .ag-sort-ascending-icon,
.bp6-portal .bp6-dialog.two-column.GridSamplingParameters .GridSamplingParametersSelection .GridSamplingParametersSelectionTable .ag-sort-descending-icon {
  display: inline-flex;
  align-items: center;
  margin-left: 4px;
}

.bp6-portal .bp6-dialog.two-column.GridSamplingParameters .GridSamplingParametersSelection .GridSamplingParametersSelectionTable .ag-icon-asc::before {
  content: '▲';
  font-family: inherit;
  font-size: 10px;
  line-height: 1;
  color: #707575;
}

.bp6-portal .bp6-dialog.two-column.GridSamplingParameters .GridSamplingParametersSelection .GridSamplingParametersSelectionTable .ag-icon-desc::before {
  content: '▼';
  font-family: inherit;
  font-size: 10px;
  line-height: 1;
  color: #707575;
}

.bp6-portal .bp6-dialog.two-column.GridSamplingParameters .bp6-dialog-footer {
  background-color: #D9D9D9;
  margin: 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 0 0 25px 0;
}

.bp6-portal .bp6-dialog.two-column.GridSamplingParameters .bp6-dialog-footer-actions {
  padding-top: 10px;
}

.bp6-portal .bp6-dialog.two-column.GridSamplingParameters .bp6-dialog-footer-actions .gridSamplingResetButton.bp6-button,
.bp6-portal .bp6-dialog.two-column.GridSamplingParameters .bp6-dialog-footer-actions .gridSamplingResetButton.bp6-button:hover,
.bp6-portal .bp6-dialog.two-column.GridSamplingParameters .bp6-dialog-footer-actions .gridSamplingResetButton.bp6-button:active,
.bp6-portal .bp6-dialog.two-column.GridSamplingParameters .bp6-dialog-footer-actions .gridSamplingResetButton.bp6-button:focus {
  background-color: #9c0f0b;
  border-color: #9c0f0b;
  color: #fff !important;
  font-weight: 700;
}

.bp6-dialog.GridSamplingParameters .summary-header .content-page-desc,
.bp6-dialog.GridSamplingParameters .summary-header .summary-title-icon-wrap {
  height: 32px;
  width: 32px;
}

.bp6-dialog.GridSamplingParameters .summary-header {
  height: 50px;
}

.bp6-dialog.GridSamplingParameters .summary-header h1 {
  font-size: 22px;
}

.bp6-dialog.GridSamplingParameters .summary-header .content-page-desc {
  padding-left: 38px;
}

.bp6-dialog.GridSamplingParameters .content-header.summary-header .summary-title-icon svg {
  height: 18px;
  width: 18px;
  margin-left: 4px;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .bp6-tabs.gridSamplingTabs .gridReportSelection .verificationMessage {
  width: 100%;
  height: 100%;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .bp6-tabs.gridSamplingTabs .gridReportSelection .verificationMessage .verificationMessageParagraph {
  margin-top: 22%;
  margin-left: 25%;
  font-weight: bold;
  font-size: 1.25em;
  width: 50%;
  float: left;
}

.bp6-dialog.rxNotesWidget .summary-header .content-page-desc,
.bp6-dialog.rxNotesWidget .summary-header .content-page-desc,
.bp6-dialog.rxNotesWidget .summary-header .summary-title-icon-wrap {
  height: 32px;
  width: 32px;
}

.bp6-dialog.rxNotesWidget .summary-header {
  height: 50px;
}

.bp6-dialog.rxNotesWidget .summary-header h1 {
  font-size: 22px;
}

.bp6-dialog.rxNotesWidget .summary-header .content-page-desc {
  padding-left: 38px;
}

.bp6-dialog.rxNotesWidget .content-header.summary-header .summary-title-icon svg {
  height: 18px;
  width: 18px;
  margin-left: 4px;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .bp6-tabs.gridSamplingTabs .gridReportSelection .verificationMessage .verificationClose {
  margin-top: 5%;
  margin-left: 43%;
  width: 50%;
  float: left;
}

.bp6-portal .bp6-popover.gridSamplingDeleteHelpLabelIconHolderPopover {
  max-width: 500px;
}

.bp6-portal .bp6-popover .bp6-popover-content .bp6-menu.Map {
  max-height: 450px;
}
 
/* .ag-header .ag-header-row .ag-header-cell {
  top: 0 !important;
  height: 100% !important;
} */

.recommendations .ag-theme-balham.results .ag-body.ag-layout-normal {
  height: calc(100% - 112px);
}

.agGridResultsOutsideAllInOne .ag-editable-grid.ag-theme-balham .ag-theme-balham.ag-popup .ag-tooltip {
  white-space: pre-line !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-body > div {
  height: 100%;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-body .stepwise-results-layout {
  display: flex;
  flex-direction: column;
  min-height: 0;
  padding-bottom: 10px;
  box-sizing: border-box;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-body .stepwise-results-layout .agGridResultsOutside {
  flex: 0 0 44%;
  height: 44%;
  min-height: 0;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-body .stepwise-results-layout .wizard-container.col-lg-12.show-wizard {
  flex: 1 1 auto;
  height: auto;
  min-height: 0;
  margin-top: 0;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-body .stepwise-results-layout .wizard-container.col-lg-12.show-wizard .rx-wizard.contents {
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-body .stepwise-results-layout .wizard-container.col-lg-12.show-wizard .rx-wizard.contents > .ag-theme-balham[style*="height: 100%"] {
  flex: 1 1 auto;
  min-height: 0;
  height: auto !important;
  overflow: hidden;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-body .agGridResultsOutsideAllInOne {
  height: calc(100% - 26px);
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-body .agGridResultsOutsideAllInOne .noSeasonYear {
  height: calc(100% - 26px);
}

.results .reportPDFTooltip .reportPDFLabButton:hover {
  background: none;
}

.results .reportPDFTooltip .reportPDFLabButton .bp6-button-text {
  margin-bottom: 9px;
  color: #1e00ff;
  font-size: 9pt;
  padding-right: 15px;
}

.summaryTooltip .bp6-button-text {
  margin-bottom: 9px;
  color: #1e00ff;
  font-size: 9pt;
  padding-right: 15px;
}
.summaryTooltip .bp6-button:hover {
  background: none;
}

.bp6-portal.labAnalysisPortal .bp6-dialog-container {
  height: 100%;
}

.bp6-portal.labAnalysisPortal .labAnalysisPDFDialog {
  height: 70%;
  width: 55%;
}

.bp6-portal.labAnalysisPortal .labAnalysisPDFDialog.mobilePDF {
  height: 70%;
  width: 70%;
}

.bp6-portal.labAnalysisPortal .labAnalysisPDFDialog .viewLabAnalysisPDF {
  height: 100%;
  width: 100%;
}

.bp6-portal.labAnalysisPortal .labAnalysisPDFDialog .viewLabAnalysisPDF .pdfViewer,
.bp6-portal.labAnalysisPortal .labAnalysisPDFDialog .viewLabAnalysisPDF .pdfViewer .mobilePDFViewer {
  height: 100%;
  width: 100%;
}

.bp6-portal.labAnalysisPortal .labAnalysisPDFDialog .viewLabAnalysisPDF .spinnerTime.ResultsPage {
  margin-top: 25%;
  position: absolute;
  margin-left: 45%;
}

/* Rx Header Refresh */
.page-content.rx .recommendations.content .rx-create.content .rx-create-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
  padding: 0.5rem;
  border: 0.0625rem solid #afaeac;;
  border-top-left-radius: 0.625rem;
  border-top-right-radius: 0.625rem;
  background-color: #B6B6B6;
  position: relative;
  z-index: 20;
  overflow: hidden;
}

.rx-create-body .ag-root-wrapper.ag-layout-normal {
  border-radius: 0;
}

.rxNPKDisplay .ag-root-wrapper.ag-layout-normal {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.page-content.rx .recommendations.content .rx-create.content .rxTreeToggleButton.bp6-button {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  left: calc(20% - 1.125rem);
  z-index: 40;
  width: 2.25rem;
  min-width: 2.25rem;
  height: 4.5rem;
  padding: 0;
  border-radius: 0.75rem !important;
  background-color: #001D1D;
  border: 0.0625rem solid #0f3c3c;
  color: #fff !important;
  box-shadow: 0 0.625rem 1.5rem rgba(0, 0, 0, 0.18);
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .toolbar-nav .rxTreeToggleButton.bp6-button {
  position: static !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
  z-index: auto;
  width: 2.25rem !important;
  min-width: 2.25rem !important;
  height: 2.25rem !important;
  padding: 0 0 0 0 !important;
  margin-right: 0.625rem;
  box-shadow: none !important;
}

.page-content.rx .recommendations.content .rx-create.content .rxTreeToggleButton.bp6-button:hover,
.page-content.rx .recommendations.content .rx-create.content .rxTreeToggleButton.bp6-button:active,
.page-content.rx .recommendations.content .rx-create.content .rxTreeToggleButton.bp6-button:focus {
  background-color: #143737;
  color: #fff !important;
}

.page-content.rx .recommendations.content .rx-create.content .rxTreeToggleButton.tree-closed.bp6-button {
  left: 0.5rem;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder {
  flex: 1 1 auto;
  width: auto !important;
  float: none;
  margin: 0;
  padding: 0;
  color: #001D1D;
  text-shadow: none;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .reports {
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .views,
.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .bp6-button-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100% !important;
  float: none;
  margin: 0;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .toolbar-nav {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  width: auto;
  float: none;
  margin: 0;
  padding: 0.3125rem;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .toolbar-group {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 0.3rem;
  width: auto;
  float: none;
  margin: 0;
  padding: 0.25rem;
  border-radius: 0.875rem;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .toolbar-group.secondary-tools {
  margin-left: auto;
  flex-wrap: nowrap !important;
  min-width: fit-content !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .toolbar-group .bp6-popover-target,
.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .toolbar-nav .bp6-popover-target {
  float: none;
  display: flex;
  align-items: center;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .toolbar-nav .bp6-button,
.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .toolbar-group .bp6-button,
.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .toolbar-nav .bp6-popover-target > .bp6-button,
.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .toolbar-group .bp6-popover-target > .bp6-button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 2.625rem;
  height: 2.625rem;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .toolbar-group .bp6-button .bp6-icon,
.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .toolbar-nav .bp6-button .bp6-icon,
.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .toolbar-group .toolbarIconButton .bp6-icon,
.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .toolbar-nav .toolbarIconButton .bp6-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 1.5rem !important;
  height: 1.5rem !important;
  min-width: 1.5rem !important;
  min-height: 1.5rem !important;
  font-size: 1.5rem !important;
  line-height: 1.5rem !important;
  margin: 0 !important;
  padding: 0 !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .toolbar-group .bp6-button .bp6-icon > svg,
.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .toolbar-nav .bp6-button .bp6-icon > svg,
.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .toolbar-group .toolbarIconButton .bp6-icon > svg,
.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .toolbar-nav .toolbarIconButton .bp6-icon > svg {
  width: 1.5rem !important;
  height: 1.5rem !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .toolbar-nav .rxTreeToggleButton {
  min-height: 2.625rem;
  height: 2.625rem;
  width: 2.625rem !important;
  min-width: 2.625rem !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .toolbar-nav > :only-child .rxTreeToggleButton {
  margin-right: 0;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .toolbar-group .bp6-button,
.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .views > .bp6-button,
.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .views > .bp6-popover-wrapper > .bp6-popover-target > .bp6-button,
.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .views > .bp6-popover-target > .bp6-button,
.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .views > div > .bp6-button,
.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .views > div .bp6-button {
  height: 2.625rem;
  min-height: 2.625rem;
  border-radius: 0.75rem !important;
  box-shadow: none !important;
  font-weight: 700;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .views > .bp6-button,
.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .views > .bp6-popover-wrapper > .bp6-popover-target > .bp6-button,
.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .views > .bp6-popover-target > .bp6-button,
.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .views > div > .bp6-button,
.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .views > div .bp6-button {
  background-color: #fff;
  border: 0.0625rem solid #7f7f7f;
  color: #001D1D;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .views .bp6-intent-success.fieldMoverDown {
  background-color: var(--bp-intent-success-rest);
  border-color: var(--bp-intent-success-rest);
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .views .bp6-intent-success.fieldMoverDown:hover,
.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .views .bp6-intent-success.fieldMoverDown:active,
.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .views .bp6-intent-success.fieldMoverDown:focus {
  background-color: #1d5d3b;
  border-color: #1d5d3b;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .views > .bp6-button:hover,
.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .views > .bp6-button:active,
.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .views > .bp6-button:focus,
.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .views > .bp6-popover-wrapper > .bp6-popover-target > .bp6-button:hover,
.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .views > .bp6-popover-wrapper > .bp6-popover-target > .bp6-button:active,
.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .views > .bp6-popover-wrapper > .bp6-popover-target > .bp6-button:focus,
.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .views > .bp6-popover-target > .bp6-button:hover,
.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .views > .bp6-popover-target > .bp6-button:active,
.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .views > .bp6-popover-target > .bp6-button:focus,
.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .views > div > .bp6-button:hover,
.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .views > div > .bp6-button:active,
.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .views > div > .bp6-button:focus,
.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .views > div .bp6-button:hover,
.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .views > div .bp6-button:active,
.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .views > div .bp6-button:focus {
  background-color: #f8f1df;
  border-color: #caaa59;
  color: #001D1D;
}

.ag-header-group-cell .bp6-popover-target .bp6-button {    
  background-color: transparent;
  border: none !important;
  border-radius: 0px;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .views > .bp6-button.bp6-intent-primary,
.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .views > div > .bp6-button.bp6-intent-primary,
.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .views > div .bp6-button.bp6-intent-primary,
.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .views > div .bp6-popover-target .rxTreeToggleButton.bp6-button {
  background-color: #F1B434;
  border-color: #d49d28;
  color: #000;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .views > div .bp6-popover-target .rxTreeToggleButton.bp6-button svg {
  fill: #000;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .views > .bp6-button.bp6-intent-primary:hover,
.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .views > .bp6-button.bp6-intent-primary:active,
.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .views > .bp6-button.bp6-intent-primary:focus,
.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .views > div > .bp6-button.bp6-intent-primary:hover,
.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .views > div > .bp6-button.bp6-intent-primary:active,
.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .views > div > .bp6-button.bp6-intent-primary:focus,
.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .views > div .bp6-button.bp6-intent-primary:hover,
.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .views > div .bp6-button.bp6-intent-primary:active,
.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .views > div .bp6-button.bp6-intent-primary:focus {
  background-color: #e6aa25;
  border-color: #c48a16;
  color: #000;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .cropDropdownRxWiz {
  width: 11.875rem;
  display: block;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .rxStepButtons {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: 0.3125rem;
  border: 0.0625rem solid #d8cfb7;
  border-radius: 0.875rem;
  background-color: rgba(255, 255, 255, 0.85);
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .rxStepButtons .bp6-button.bp6-intent-primary {
  background-color: #fff;
  border: 0.0625rem solid transparent;
  color: #5f5849;
  min-width: 4.625rem;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .rxStepButtons .bp6-button.bp6-intent-primary.active {
  background-color: #F1B434;
  border-color: #d49d28;
  color: #000;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons {
  width: auto;
  float: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.625rem;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .finalizeRxAllInOne,
.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .notesButton,
.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .npkAnalysis,
.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .exportReportsAllInOne,
.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .seasonYearDropdown {
  width: auto;
  float: none;
  padding-right: 0;
  margin: 0;
  height: auto;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .seasonYearDropdown,
.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .seasonYearDropdown.true,
.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .seasonYearDropdown.true.Edge,
.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .seasonYearDropdown.false.Edge {
  float: none !important;
  width: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 2.625rem !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .seasonYearDropdown .season-year.col-lg-2 {
  width: auto !important;
  float: none !important;
  margin: 0 !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .seasonYearDropdown .season-year {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  width: auto !important;
  height: 2.625rem !important;
  margin: 0 !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .seasonYearDropdown .season-year .p-inputgroup {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  width: auto !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .seasonYearDropdown .season-year .season .bp6-popover-wrapper,
.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .seasonYearDropdown .season-year .year .bp6-popover-wrapper {
  width: auto !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .seasonYearDropdown .season-year .year,
.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .seasonYearDropdown .season-year .season {
  width: auto !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .seasonYearDropdown .season-year .season {
  width: 6.5rem !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .seasonYearDropdown .season-year .bp6-button {
  min-height: 2.625rem !important;
  height: 2.625rem !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .seasonYearDropdown .season-year .bp6-popover-target,
.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .seasonYearDropdown .season-year .bp6-popover-target .bp6-button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .seasonYearDropdown .season-year .bp6-popover-target .bp6-button > .bp6-icon {
  margin-left: 0.5rem !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .seasonYearDropdown .season-year .bp6-popover-target .bp6-button .bp6-icon {
  margin-right: 0 !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .seasonYearDropdown .season-year .p-inputgroup .bp6-button {
  text-align: center !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .seasonYearDropdown .season-year {
  min-height: 2.625rem;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .seasonYearDropdown .season-year .bp6-popover-target .bp6-button.bp6-disabled {
  opacity: 1 !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .seasonYearDropdown .season-year .p-inputgroup .bp6-input {
  min-height: 2.625rem !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .seasonYearDropdown .season-year .p-inputgroup .bp6-icon {
  min-height: 2.625rem !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .seasonYearDropdown .season-year .p-inputgroup .bp6-icon > svg {
  width: 1.125rem !important;
  height: 1.125rem !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .seasonYearDropdown .season-year .bp6-popup {
  min-width: 6rem !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .seasonYearDropdown .season-year .bp6-popover-wrapper .bp6-button {
  border-radius: 0.75rem !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .seasonYearDropdown .season-year .bp6-button {
  font-weight: 700 !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .seasonYearDropdown .season-year .bp6-button {
  line-height: 2.625rem !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .seasonYearDropdown .season-year .bp6-button > span {
  line-height: 2.625rem !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .seasonYearDropdown .season-year .bp6-button .bp6-icon {
  line-height: 2.625rem !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .seasonYearDropdown .season-year .bp6-popover-wrapper {
  height: 2.625rem !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .seasonYearDropdown .season-year .bp6-popover-wrapper .bp6-button {
  height: 2.625rem !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .seasonYearDropdown .season-year .bp6-popover-wrapper .bp6-button.bp6-minimal {
  min-height: 2.625rem !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .seasonYearDropdown .season-year .bp6-primary {
  min-height: 2.625rem !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .seasonYearDropdown .season-year .bp6-button.bp6-minimal {
  padding: 0 0.75rem !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .seasonYearDropdown .season-year .bp6-button .bp6-icon {
  margin-left: 0.5rem !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .seasonYearDropdown .season-year .bp6-button .bp6-button-text {
  padding: 0 !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .seasonYearDropdown .season-year .bp6-button {
  min-width: 6rem !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .seasonYearDropdown .season-year .bp6-button {
  max-width: 6rem !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .seasonYearDropdown .season-year .bp6-button {
  width: 6rem !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .seasonYearDropdown .season-year .bp6-button {
  text-align: left !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .seasonYearDropdown .season-year .bp6-button .bp6-icon {
  margin-left: auto !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .seasonYearDropdown .season-year .bp6-button .bp6-icon {
  margin-right: 0 !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .seasonYearDropdown .season-year .bp6-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .seasonYearDropdown .season-year .bp6-button {
  background-color: #fff !important;
}

.rx .rx-create.content .rx-create-header .seasonYearDropdown .season-year .bp6-button:hover,
.rx .rx-create.content .rx-create-header .seasonYearDropdown .season-year .bp6-button:focus,
.rx .rx-create.content .rx-create-header .seasonYearDropdown .season-year .bp6-button:active {
  background-color: #fff !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .seasonYearDropdown .season-year .bp6-button.bp6-active,
.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .seasonYearDropdown .season-year .bp6-button.bp6-selected {
  background-color: #fff !important;
  border-color: #d8cfb7 !important;
  color: #001D1D !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .seasonYearDropdown .season-year .bp6-button.bp6-minimal {
  border: 0.0625rem solid #d8cfb7 !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .seasonYearDropdown .season-year .bp6-button.bp6-minimal {
  color: #001D1D !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .seasonYearDropdown .season-year .bp6-button .bp6-button-text {
  font-weight: 700 !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .seasonYearDropdown .season-year .bp6-button.bp6-minimal {
  padding: 0 0.75rem !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .seasonYearDropdown .season-year .bp6-button {
  box-sizing: border-box !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .seasonYearDropdown .season-year .bp6-button {
  letter-spacing: 0.01em !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .seasonYearDropdown .season-year .bp6-button {
  text-transform: none !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .seasonYearDropdown .season-year .bp6-button {
  white-space: nowrap !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .seasonYearDropdown .season-year .bp6-button {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .seasonYearDropdown .season-year .season,
.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .seasonYearDropdown .season-year .season .bp6-popover-wrapper,
.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .seasonYearDropdown .season-year .season .bp6-popover-target,
.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .seasonYearDropdown .season-year .season .bp6-popover-target .bp6-button {
  width: 6.5rem !important;
  min-width: 6.5rem !important;
  max-width: 6.5rem !important;
  flex: 0 0 6.5rem !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .seasonYearDropdown .season-year .year .bp6-button {
  min-width: 6rem !important;
  width: 6rem !important;
  max-width: 6rem !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .seasonYearDropdown .season-year .bp6-button {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .seasonYearDropdown .season-year .bp6-button {
  font-size: 0.9rem !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .seasonYearDropdown .season-year .bp6-button {
  line-height: 2.625rem !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .seasonYearDropdown .season-year .bp6-button {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .seasonYearDropdown .season-year .bp6-button .bp6-icon {
  margin-left: 0.5rem !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .allInOneButtons .seasonYearDropdown .season-year .bp6-button > span {
  padding-left: 0 !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-body .wizard-container .rx-wizard .season-year.col-lg-2 {
  width: auto !important;
  float: left !important;
  margin: 0 0.625rem 0 0 !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-body .wizard-container .rx-wizard .season-year {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  width: auto !important;
  height: 2.625rem !important;
  margin: 0 !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-body .wizard-container .rx-wizard .season-year .p-inputgroup {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  width: auto !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-body .wizard-container .rx-wizard .season-year .season,
.page-content.rx .recommendations.content .rx-create.content .rx-create-body .wizard-container .rx-wizard .season-year .season .bp6-popover-wrapper,
.page-content.rx .recommendations.content .rx-create.content .rx-create-body .wizard-container .rx-wizard .season-year .season .bp6-popover-target,
.page-content.rx .recommendations.content .rx-create.content .rx-create-body .wizard-container .rx-wizard .season-year .season .bp6-popover-target .bp6-button {
  width: 6.5rem !important;
  min-width: 6.5rem !important;
  max-width: 6.5rem !important;
  flex: 0 0 6.5rem !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-body .wizard-container .rx-wizard .season-year .year,
.page-content.rx .recommendations.content .rx-create.content .rx-create-body .wizard-container .rx-wizard .season-year .year .bp6-popover-wrapper,
.page-content.rx .recommendations.content .rx-create.content .rx-create-body .wizard-container .rx-wizard .season-year .year .bp6-popover-target,
.page-content.rx .recommendations.content .rx-create.content .rx-create-body .wizard-container .rx-wizard .season-year .year .bp6-popover-target .bp6-button {
  width: 6rem !important;
  min-width: 6rem !important;
  max-width: 6rem !important;
  flex: 0 0 6rem !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-body .wizard-container .rx-wizard .season-year .bp6-button {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  height: 2.625rem !important;
  min-height: 2.625rem !important;
  padding: 0 0.75rem !important;
  border: 0.0625rem solid #d8cfb7 !important;
  border-radius: 0.75rem !important;
  background-color: #fff !important;
  color: #001D1D !important;
  box-shadow: none !important;
  font-size: 0.9rem !important;
  font-weight: 700 !important;
  line-height: 2.625rem !important;
  text-align: left !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-body .wizard-container .rx-wizard .season-year .bp6-button:hover,
.page-content.rx .recommendations.content .rx-create.content .rx-create-body .wizard-container .rx-wizard .season-year .bp6-button:focus,
.page-content.rx .recommendations.content .rx-create.content .rx-create-body .wizard-container .rx-wizard .season-year .bp6-button:active {
  background-color: #f8f1df !important;
  border-color: #d8cfb7 !important;
  color: #001D1D !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-body .wizard-container .rx-wizard .season-year .bp6-button .bp6-button-text {
  padding: 0 !important;
  font-weight: 700 !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-body .wizard-container .rx-wizard .season-year .bp6-button .bp6-icon {
  margin-left: auto !important;
  margin-right: 0 !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .toolbar-group .npkAnalysis {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0.5rem !important;
  flex-wrap: nowrap !important;
  width: 6.25rem !important;
  min-width: 6.25rem !important;
  max-width: 6.25rem !important;
  padding-right: 0 !important;
  margin-right: 0.25rem !important;
  float: none !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  box-sizing: border-box !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .toolbar-group .npkAnalysis > * {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  flex-shrink: 0 !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .toolbar-group .npkAnalysis .bp6-button {
  width: 2.625rem !important;
  min-width: 2.625rem !important;
  max-width: 2.625rem !important;
  flex: 0 0 2.625rem !important;
  flex-shrink: 0 !important;
  box-sizing: border-box !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .toolbar-group .npkAnalysis .toolbarManageButton.bp6-button {
  width: auto !important;
  min-width: 96px !important;
  max-width: none !important;
  flex: 0 0 auto !important;
  padding: 0 14px !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .toolbar-group .npkAnalysis .toolbarIconButton {
  display: inline-flex !important;
  width: 2.625rem !important;
  min-width: 2.625rem !important;
  max-width: 2.625rem !important;
  flex: 0 0 2.625rem !important;
  flex-shrink: 0 !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .toolbar-group.secondary-tools .exportReportsAllInOne .reports {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0.5rem !important;
  flex-wrap: nowrap !important;
  width: auto !important;
  padding-right: 0 !important;
  float: none !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .toolbar-group.secondary-tools .exportReportsAllInOne .reports > * {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  flex-shrink: 0 !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .toolbar-group.secondary-tools .exportReportsAllInOne .reports .toolbarIconButton {
  display: inline-flex !important;
  width: 2.625rem !important;
  min-width: 2.625rem !important;
  max-width: 2.625rem !important;
  flex: 0 0 2.625rem !important;
  flex-shrink: 0 !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .toolbar-group.secondary-tools .exportReportsAllInOne .reports .toolbarIconButton .bp6-icon,
.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .toolbar-group.secondary-tools .exportReportsAllInOne .reports .bp6-button .bp6-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;
  font-size: 24px !important;
  line-height: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .toolbar-group.secondary-tools .exportReportsAllInOne .reports .toolbarIconButton .bp6-icon > svg,
.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .toolbar-group.secondary-tools .exportReportsAllInOne .reports .bp6-button .bp6-icon > svg {
  width: 24px !important;
  height: 24px !important;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .toolbar-group .bp6-button {
  min-width: 62px;
  background-color: #fff;
  border: 1px solid #d8cfb7;
  color: #5f5849;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .toolbar-group .toolbarIconButton.bp6-button,
.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .toolbar-group .removeCustomOrderButton.bp6-button {
  min-width: 42px;
  width: 42px;
  padding: 0;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .toolbar-group .toolbarManageButton.bp6-button {
  width: auto;
  min-width: 96px;
  padding: 0 14px;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .toolbar-group .unitToggleButton.bp6-button {
  width: auto;
  min-width: 62px;
  padding: 0 12px;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .toolbar-group .bp6-button.bp6-intent-primary {
  background-color: #F1B434;
  border-color: #d49d28;
  color: #000;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .toolbar-group .rxStepButtons .bp6-button.bp6-intent-primary {
  background-color: #fff;
  border-color: #d8cfb7;
  color: #5f5849;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .toolbar-group .rxStepButtons .bp6-button.bp6-intent-primary.active,
.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .toolbar-group .rxStepButtons .bp6-button.bp6-intent-primary.bp6-active,
.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .toolbar-group .rxStepButtons .bp6-button.bp6-intent-primary[aria-pressed="true"] {
  background-color: #F1B434;
  border-color: #d49d28;
  color: #000;
  box-shadow: none;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .toolbar-group .bp6-button.bp6-intent-danger {
  color: #fff1ef;
  background-color: #9f3a2f;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .toolbar-group .bp6-button.bp6-intent-danger.bp6-button:hover,
.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .toolbar-group .bp6-button.bp6-intent-danger.bp6-button:active,
.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .toolbar-group .bp6-button.bp6-intent-danger.bp6-button:focus {
  color: #000000;
  background-color: #772017;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .toolbar-group .bp6-button.bp6-intent-success {
  background-color: #fff;
  border-color: #7f7f7f;
  color: #001D1D;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .toolbar-group .bp6-button.bp6-intent-warning {
  background-color: #fff1ef;
  border-color: #e4b8ae;
  color: #9f3a2f;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-body .agGridResultsOutside .ag-theme-balham.grid-container.show-wizard {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-body .agGridResultsOutside .ag-theme-balham.grid-container.show-wizard .ag-root-wrapper.ag-layout-normal {
  flex: 1 1 auto;
  min-height: 0;
}

.page-content.rx .recommendations.content .rx-create.content .rx-create-body .agGridResultsOutside .ag-theme-balham.grid-container.show-wizard .selected {
  flex: 0 0 auto;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.page-content.rx .recommendations.content .ag-theme-balham .deleteBulkAction .ag-react-container,
.page-content.rx .recommendations.content .ag-theme-balham .deleteBulkAction .ag-react-container .bp6-popover-wrapper,
.page-content.rx .recommendations.content .ag-theme-balham .deleteBulkAction .ag-react-container .bp6-popover-target {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
}

.page-content.rx .recommendations.content .ag-theme-balham .deleteBulkAction .ag-react-container .bp6-popover-wrapper {
  display: block !important;
}

.page-content.rx .recommendations.content .ag-theme-balham .deleteBulkAction .ag-react-container .rxBulkDeleteButton,
.page-content.rx .recommendations.content .ag-theme-balham .deleteBulkAction .ag-react-container .bp6-popover-target > .rxBulkDeleteButton {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background-color: #db3737 !important;
  color: #fff !important;
  box-shadow: none !important;
}

.page-content.rx .recommendations.content .ag-theme-balham .deleteBulkAction .ag-react-container .rxBulkDeleteButton:hover,
.page-content.rx .recommendations.content .ag-theme-balham .deleteBulkAction .ag-react-container .rxBulkDeleteButton:active,
.page-content.rx .recommendations.content .ag-theme-balham .deleteBulkAction .ag-react-container .rxBulkDeleteButton:focus {
  background-color: #c23030 !important;
  color: #fff !important;
}

.page-content.rx .recommendations.content .ag-theme-balham .deleteBulkAction .ag-react-container .rxBulkDeleteButton.bp6-disabled,
.page-content.rx .recommendations.content .ag-theme-balham .deleteBulkAction .ag-react-container .rxBulkDeleteButton:disabled {
  background-color: #B6B6B6 !important;
  color: #6b6b6b !important;
}

.page-content.rx .recommendations.content .content-header.summary-header .content-btns .goBackButton.bp6-button {
  background-color: #A1A1A1;
  border-color: transparent;
  color: #000 !important;
}

.page-content.rx .recommendations.content .content-header.summary-header .content-btns .goBackButton.bp6-button:hover,
.page-content.rx .recommendations.content .content-header.summary-header .content-btns .goBackButton.bp6-button:active,
.page-content.rx .recommendations.content .content-header.summary-header .content-btns .goBackButton.bp6-button:focus {
  background-color: #8f8f8f;
  border-color: transparent;
  color: #000 !important;
}

.page-content.rx .recommendations.content .content-header.summary-header .content-btns .finalizeButton.bp6-button {
  background-color: #F1B434;
  border-color: #d49d28;
  color: #000 !important;
}

.page-content.rx .recommendations.content .content-header.summary-header .content-btns .finalizeButton.bp6-button:hover,
.page-content.rx .recommendations.content .content-header.summary-header .content-btns .finalizeButton.bp6-button:active,
.page-content.rx .recommendations.content .content-header.summary-header .content-btns .finalizeButton.bp6-button:focus {
  background-color: #e6aa25;
  border-color: #c48a16;
  color: #000 !important;
}

.page-content.rx .recommendations.content .content-header.summary-header .content-btns .finalizeButton.bp6-button.bp6-disabled,
.page-content.rx .recommendations.content .content-header.summary-header .content-btns .finalizeButton.bp6-button:disabled {
  background-color: #e3c983;
  border-color: #e3c983;
  color: rgba(0, 0, 0, 0.55) !important;
}

@media screen and (max-width: 1440px) {
  .page-content.rx .recommendations.content .rx-create.content .rx-create-header {
    flex-direction: column;
    align-items: stretch;
  }

  .page-content.rx .recommendations.content .rx-create.content .rxTreeToggleButton.bp6-button {
    left: 247px;
  }

  .page-content.rx .recommendations.content .rx-create.content .rxTreeToggleButton.tree-closed.bp6-button {
    left: 8px;
  }

  .page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .toolbar-group {
    align-self: flex-end;
  }
}

@media screen and (max-width: 1180px) {
  .page-content.rx .recommendations.content .rx-create.content .rx-create-header {
    padding: 14px;
  }

  .page-content.rx .recommendations.content .rx-create.content .rxTreeToggleButton.bp6-button {
    left: 247px;
  }

  .page-content.rx .recommendations.content .rx-create.content .rxTreeToggleButton.tree-closed.bp6-button {
    left: 8px;
  }

  .page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .toolbar-group {
    align-self: stretch;
    justify-content: flex-start;
  }
}

.rx .content.report-generator.rec-maps.shp-file-export-rec-maps .content-body .params label {
  font-weight: bold;
}

.rx .content.report-generator.rec-maps.shp-file-export-rec-maps .content-body .params .bp6-popover-target {
  padding: 0px;
}
.rx .content.report-generator.rec-maps.shp-file-export-rec-maps .content-body .params .bp6-popover-target .bp6-button.bp6-disabled,
.report-generator.rec-maps.shp-file-export-rec-maps .options.products .exportUnit .rx-map-selector-button.bp6-button.bp6-disabled,
.rx .content.report-generator.rec-maps.shp-file-export-rec-maps .content-body .params .bp6-button-group .bp6-button.bp6-disabled,
.rx .content.report-generator.rec-maps.shp-file-export-rec-maps .content-body .shpFileExport.content.shp-file-export-download-step .fileDownloader .bp6-button.bp6-disabled,
.rx .recommendations.content .content-body .rx-create-header .rec-builder .views .bp6-disabled.removeCustomOrderButton {
  background-color: #52515170 !important;
  color: black !important;
  font-weight: bold !important;
}

.rx .content.report-generator.rec-maps.shp-file-export-rec-maps .content-body .params .bp6-popover-target .bp6-button.bp6-disabled:hover,
.rx .content.report-generator.rec-maps.shp-file-export-rec-maps .content-body .params .bp6-popover-target .bp6-button.bp6-disabled:active,
.rx .content.report-generator.rec-maps.shp-file-export-rec-maps .content-body .params .bp6-popover-target .bp6-button.bp6-disabled:focus,
.rx .content.report-generator.rec-maps.shp-file-export-rec-maps .content-body .params .bp6-popover-target .bp6-button.bp6-disabled.bp6-active,
.report-generator.rec-maps.shp-file-export-rec-maps .options.products .exportUnit .rx-map-selector-button.bp6-button.bp6-disabled:hover,
.report-generator.rec-maps.shp-file-export-rec-maps .options.products .exportUnit .rx-map-selector-button.bp6-button.bp6-disabled:active,
.report-generator.rec-maps.shp-file-export-rec-maps .options.products .exportUnit .rx-map-selector-button.bp6-button.bp6-disabled:focus,
.report-generator.rec-maps.shp-file-export-rec-maps .options.products .exportUnit .rx-map-selector-button.bp6-button.bp6-disabled.bp6-active,
.rx .content.report-generator.rec-maps.shp-file-export-rec-maps .content-body .params .bp6-button-group .bp6-button.bp6-disabled:hover,
.rx .content.report-generator.rec-maps.shp-file-export-rec-maps .content-body .params .bp6-button-group .bp6-button.bp6-disabled:active,
.rx .content.report-generator.rec-maps.shp-file-export-rec-maps .content-body .params .bp6-button-group .bp6-button.bp6-disabled:focus,
.rx .content.report-generator.rec-maps.shp-file-export-rec-maps .content-body .params .bp6-button-group .bp6-button.bp6-disabled.bp6-active,
.rx .content.report-generator.rec-maps.shp-file-export-rec-maps .content-body .shpFileExport.content.shp-file-export-download-step .fileDownloader .bp6-button.bp6-disabled:hover,
.rx .content.report-generator.rec-maps.shp-file-export-rec-maps .content-body .shpFileExport.content.shp-file-export-download-step .fileDownloader .bp6-button.bp6-disabled:active,
.rx .content.report-generator.rec-maps.shp-file-export-rec-maps .content-body .shpFileExport.content.shp-file-export-download-step .fileDownloader .bp6-button.bp6-disabled:focus,
.rx .content.report-generator.rec-maps.shp-file-export-rec-maps .content-body .shpFileExport.content.shp-file-export-download-step .fileDownloader .bp6-button.bp6-disabled.bp6-active,
.rx .recommendations.content .content-body .rx-create-header .rec-builder .views .bp6-disabled.removeCustomOrderButton:hover,
.rx .recommendations.content .content-body .rx-create-header .rec-builder .views .bp6-disabled.removeCustomOrderButton:active,
.rx .recommendations.content .content-body .rx-create-header .rec-builder .views .bp6-disabled.removeCustomOrderButton:focus,
.rx .recommendations.content .content-body .rx-create-header .rec-builder .views .bp6-disabled.removeCustomOrderButton.bp6-active {
  background-color: #525151 !important;
  color: black !important;
  font-weight: bold !important;
}

.rx .recommendations.content .content-body .rx-create-header .rec-builder .views .bp6-disabled {
  border-bottom-color: #52515170 !important;
  border-top-color: #52515170 !important;
  border-left-color: #52515170 !important;
  border-right-color: #52515170 !important;
}

.rx .content.report-generator.rec-maps.shp-file-export-rec-maps .content-body .options.crops > .divider.header:nth-of-type(2),
.rx .content.report-generator.rec-maps.shp-file-export-rec-maps .content-body .options.products > .divider.header:nth-of-type(2) {
  height: 32px;
}

.rx .content.report-generator.rec-maps.shp-file-export-rec-maps .content-body .divider.header.decreaseBottom {
  height: 33px;
}

.rx .content.report-generator.rec-maps.shp-file-export-rec-maps .content-body .options.crops .divider.header.decreaseBottom {
  margin-bottom: -3px;
}

.rx .content.report-generator.rec-maps.shp-file-export-rec-maps .content-body .options.products .divider.header .bp6-checkbox {
  float: right;
}

.rx .content.report-generator.rec-maps.shp-file-export-rec-maps .content-body {
  height: calc(100% - 30px);
}

.rxnotes .products.grid-sidebar.content .content-body,
.print-rx-booklet .content.report-generator.rx-booklet .content-body {
  height: calc(100% - 36px);
}

.bp6-portal.wizardPortal .bp6-dialog-container.bp6-overlay-content {
  height: 100%;
}

.bp6-portal.wizardPortal .bp6-dialog.three-column.rxWizardWidget.recommendationOverlayFull {
  height: calc(100% - 100px);
  margin-bottom: 23px;
  border-radius: 10px;
  overflow: hidden;
}

.bp6-portal.wizardPortal .bp6-dialog.three-column.rxWizardWidget.recommendationOverlayFull .bp6-dialog-footer {
  background-color: #D9D9D9;
  margin: 0;
  padding-bottom: 20px;
  padding-top: 20px;
}

.bp6-portal.wizardPortal .bp6-dialog.three-column.rxWizardWidget.recommendationOverlayFull .bp6-dialog-body {
  margin: 0;
}

.bp6-portal.wizardPortal .bp6-dialog.three-column.rxWizardWidget.recommendationOverlayFull .rx-wizard-dialog-body {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

.bp6-portal.wizardPortal .bp6-dialog.three-column.rxWizardWidget.recommendationOverlayFull .rx-wizard-dialog-content {
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
  background-color: #D9D9D9;
}

.bp6-portal.wizardPortal .bp6-dialog.three-column.rxWizardWidget.recommendationOverlayFull .wizard.content {
  flex: 1 1 auto;
  /* height: calc(100vh - 270px);
  max-height: calc(100vh - 150px); */
  height: auto;
  min-height: 0;
  background-color: #D9D9D9;
}

.bp6-portal.wizardPortal .bp6-dialog.three-column.rxWizardWidget.recommendationOverlayFull .rx-wizard-dialog-header {
  margin-bottom: 0;
}

.bp6-portal.wizardPortal .bp6-dialog.three-column.rxWizardWidget.recommendationOverlayFull .rx-wizard-dialog-header.content-header,
.bp6-portal.wizardPortal .bp6-dialog.three-column.rxWizardWidget.recommendationOverlayFull .rx-wizard-dialog-header.content-header.summary-header {
  background-color: #fff;
  border-bottom: none;
  box-sizing: border-box;
  width: 100%;
  flex-shrink: 0;
  height: auto;
  max-height: 15%;
  box-shadow: none;
}

.bp6-portal.wizardPortal .bp6-dialog.three-column.rxWizardWidget.recommendationOverlayFull .rx-wizard-dialog-header .content-btns .rx-wizard-close-btn.bp6-button {
  background-color: transparent;
  color: #5f6b7c !important;
  min-width: 32px;
  width: 32px;
  height: 32px;
  padding: 0;
  border-radius: 10px !important;
  box-shadow: none;
}

.bp6-portal.wizardPortal .bp6-dialog.three-column.rxWizardWidget.recommendationOverlayFull .rx-wizard-dialog-header .content-btns .rx-wizard-close-btn.bp6-button:hover,
.bp6-portal.wizardPortal .bp6-dialog.three-column.rxWizardWidget.recommendationOverlayFull .rx-wizard-dialog-header .content-btns .rx-wizard-close-btn.bp6-button:active,
.bp6-portal.wizardPortal .bp6-dialog.three-column.rxWizardWidget.recommendationOverlayFull .rx-wizard-dialog-header .content-btns .rx-wizard-close-btn.bp6-button:focus {
  background-color: rgba(143, 153, 168, 0.15);
  color: #182026 !important;
}

.bp6-portal.wizardPortal .bp6-tab-panel {
  margin-top: 0;
}

.bp6-portal.wizardPortal .bp6-tabs,
.bp6-portal.wizardPortal .bp6-tab-panel  {
  float: left;
  width: 100%;
  height: 10%;
  margin-bottom: 10px;
}

.bp6-portal.wizardPortal .bp6-tab-panel {
  height: calc(100% - 45px);
}

.bp6-portal.wizardPortal .bp6-tab {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  padding: 5px 10px;
  vertical-align: middle;
  text-align: left;
  font-size: 14px;
  min-width: 30px;
  min-height: 30px;
}

.bp6-portal.wizardPortal .bp6-large .bp6-tab.primary {    
  background-color: transparent;
  color: #707575;
  margin: 10px 30px;
  font-size: 16px;
  width: 200px;
}

.bp6-portal.wizardPortal .bp6-large .bp6-tab[aria-selected="true"], .bp6-portal.wizardPortal .bp6-large .bp6-tab:not([aria-disabled="true"]):hover,
.bp6-portal.wizardPortal .bp6-large .bp6-tab.primary:hover {
  color: #001D1D;
  font-weight: bold;
  outline: none;
}

.bp6-portal.wizardPortal .bp6-tab {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  position: relative;
  z-index: 4; 
}

.bp6-portal.wizardPortal .bp6-tab-list > .bp6-tab-indicator-wrapper:not(:first-child) .bp6-tab, 
.bp6-portal.wizardPortal .bp6-tab-list > .bp6-tab:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.bp6-portal.wizardPortal .bp6-tab:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.bp6-portal.wizardPortal .bp6-tab-list > .bp6-tab-indicator-wrapper:not(:last-child) .bp6-tab, 
.bp6-portal.wizardPortal .bp6-tab-list > .bp6-tab:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.bp6-portal.wizardPortal .bp6-tab-indicator-wrapper .bp6-tab-indicator {
  background-color: #F1B434;
  height: 4px;
}

.bp6-portal.wizardPortal .bp6-large > .bp6-tab {
  line-height: 16px;
  font-size: 14px;
}

.bp6-portal.wizardPortal .content-header::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.bp6-portal.wizardPortal .content-header > * {
  position: relative;
  z-index: 1;
}

.bp6-portal.wizardPortal .content-header.summary-header {
  background-image: none;
  background-color: #D9D9D9;
}

.bp6-portal.wizardPortal .content-header.summary-header::before {
  background: transparent;
}

.bp6-portal.wizardPortal .content-header.summary-header .content-title-row {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.bp6-portal.wizardPortal .content-header.summary-header .content-page-desc {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 68px;
  position: relative;
  padding-left: 76px;
}

/*
 * Rx Wizard responsive layout
 *
 * Keep the dialog chrome at its natural height and give the remaining space
 * to one scrolling tab panel. Grid steps retain a usable working width, so
 * browser zoom produces panel scrollbars instead of compressed columns.
 */
.bp6-portal.wizardPortal .bp6-dialog-container.bp6-overlay-content {
  box-sizing: border-box;
  height: 100vh;
  height: 100dvh;
  padding: 16px;
  overflow: hidden;
}

.bp6-portal.wizardPortal .bp6-dialog.three-column.rxWizardWidget.recommendationOverlayFull {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1600px;
  height: calc(100vh - 32px);
  height: calc(100dvh - 32px);
  max-height: calc(100vh - 32px);
  max-height: calc(100dvh - 32px);
  min-width: 0;
  min-height: 0;
  margin: 0 auto;
}

.bp6-portal.wizardPortal .bp6-dialog.three-column.rxWizardWidget.recommendationOverlayFull > .bp6-dialog-body {
  display: flex;
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

.bp6-portal.wizardPortal .rxWizardWidget .rx-wizard-dialog-body,
.bp6-portal.wizardPortal .rxWizardWidget .rx-wizard-dialog-content,
.bp6-portal.wizardPortal .rxWizardWidget .wizard.content {
  width: 100%;
  min-width: 0;
  min-height: 0;
}

.bp6-portal.wizardPortal .rxWizardWidget .rx-wizard-dialog-content,
.bp6-portal.wizardPortal .rxWizardWidget .wizard.content {
  overflow: hidden;
}

.bp6-portal.wizardPortal .rxWizardWidget .wizard.content {
  display: flex;
  height: auto;
  max-height: none;
  margin: 0;
}

.bp6-portal.wizardPortal .rxWizardWidget .rx-wizard-dialog-header.content-header,
.bp6-portal.wizardPortal .rxWizardWidget .rx-wizard-dialog-header.content-header.summary-header {
  flex: 0 0 auto;
  height: auto;
  min-height: 88px;
  max-height: none;
  overflow: visible;
}

.bp6-portal.wizardPortal .rxWizardWidget .rx-wizard-dialog-header .content-page-desc {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  min-width: 0;
  min-height: 68px;
  padding-right: 48px;
}

.bp6-portal.wizardPortal .rxWizardWidget .rx-wizard-dialog-header .content-page-desc > div:last-child,
.bp6-portal.wizardPortal .rxWizardWidget .rx-wizard-dialog-header .content-title {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

.bp6-portal.wizardPortal .rxWizardWidget .rx-wizard-dialog-header .content-title {
  margin-right: 0;
  font-size: clamp(20px, 2vw, 32px);
  line-height: 1.15;
  white-space: normal;
  overflow-wrap: anywhere;
}

.bp6-portal.wizardPortal .rxWizardWidget > .bp6-dialog-footer {
  flex: 0 0 auto;
  padding: 12px 20px;
}

.bp6-portal.wizardPortal .rxWizardWidget .wizard.content > .bp6-tabs {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  float: none;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  margin: 0;
  overflow: hidden;
}

.bp6-portal.wizardPortal .rxWizardWidget .wizard.content > .bp6-tabs > .bp6-tab-list {
  display: flex;
  flex: 0 0 auto;
  align-items: stretch;
  float: none;
  width: 100%;
  height: auto;
  min-width: 0;
  margin: 0;
  overflow: visible;
}

.bp6-portal.wizardPortal .rxWizardWidget .wizard.content > .bp6-tabs > .bp6-tab-list > .bp6-tab.primary {
  flex: 1 1 0;
  width: auto;
  min-width: 0;
  min-height: 42px;
  margin: 6px 4px;
  padding: 6px 8px;
  line-height: 1.2;
  text-align: center;
  white-space: normal;
}

.bp6-portal.wizardPortal .rxWizardWidget .wizard.content > .bp6-tabs > .bp6-tab-panel {
  flex: 1 1 auto;
  float: none;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  min-width: 0;
  min-height: 0;
  margin: 0;
  overflow: auto;
  scrollbar-gutter: stable;
}

/* Preserve enough width for AG Grid columns; the tab panel owns overflow. */
.bp6-portal.wizardPortal .rxWizardWidget .bp6-tab-panel > .rx-profile-step.content,
.bp6-portal.wizardPortal .rxWizardWidget .bp6-tab-panel > .rx-crop-plan-step.content,
.bp6-portal.wizardPortal .rxWizardWidget .bp6-tab-panel > .rx-zone-acres-step.content {
  box-sizing: border-box;
  width: 100%;
  min-width: 960px;
}

.bp6-portal.wizardPortal .rxWizardWidget .bp6-tab-panel > .rx-crop-plan-step.content,
.bp6-portal.wizardPortal .rxWizardWidget .bp6-tab-panel > .rx-zone-acres-step.content {
  height: 100%;
  min-height: 400px;
}

.bp6-portal.wizardPortal .rxWizardWidget .rx-crop-plan-step.content .main,
.bp6-portal.wizardPortal .rxWizardWidget .rx-zone-acres-step.content .main,
.bp6-portal.wizardPortal .rxWizardWidget .rx-crop-plan-step.content .content-body,
.bp6-portal.wizardPortal .rxWizardWidget .rx-zone-acres-step.content .content-body,
.bp6-portal.wizardPortal .rxWizardWidget .rx-crop-plan-step.content .content-body > div,
.bp6-portal.wizardPortal .rxWizardWidget .rx-zone-acres-step.content .content-body > div {
  width: 100%;
  min-width: 0;
  min-height: 0;
}

/* Profile tables and notes use three readable rows instead of 33% floats. */
.bp6-portal.wizardPortal .rxWizardWidget .bp6-tab-panel > .rx-profile-step.content {
  display: grid;
  grid-template-rows: repeat(3, minmax(210px, 1fr));
  gap: 12px;
  height: 100%;
  min-height: 690px;
  padding: 12px;
}

.bp6-portal.wizardPortal .rxWizardWidget .rx-profile-step.content > .row {
  display: flex;
  float: none;
  flex-wrap: nowrap;
  width: 100%;
  height: auto;
  min-width: 0;
  min-height: 0;
  margin: 0;
}

.bp6-portal.wizardPortal .rxWizardWidget .rx-profile-step.content > .row > .col-md-6,
.bp6-portal.wizardPortal .rxWizardWidget .rx-profile-step.content > .row > .col-md-12,
.bp6-portal.wizardPortal .rxWizardWidget .rx-profile-step.content > .row > .col-md-12 > .col-md-6 {
  float: none;
  box-sizing: border-box;
  height: 100%;
  min-width: 0;
}

.bp6-portal.wizardPortal .rxWizardWidget .rx-profile-step.content > .row > .col-md-6,
.bp6-portal.wizardPortal .rxWizardWidget .rx-profile-step.content > .row > .col-md-12 > .col-md-6 {
  flex: 1 1 50%;
  width: 50%;
  padding: 0 6px;
}

.bp6-portal.wizardPortal .rxWizardWidget .rx-profile-step.content > .row > .col-md-12 {
  display: flex;
  flex: 1 1 auto;
  width: 100%;
  padding: 0;
}

.bp6-portal.wizardPortal .rxWizardWidget .rx-profile-step.content h4 {
  margin: 0 0 8px;
  line-height: 24px;
}

.bp6-portal.wizardPortal .rxWizardWidget .rx-profile-step.content .ag-theme-balham,
.bp6-portal.wizardPortal .rxWizardWidget .rx-profile-step.content textarea.bp6-input {
  float: none;
  box-sizing: border-box;
  width: 100%;
  height: calc(100% - 32px);
  min-width: 0;
  min-height: 150px;
  margin: 0;
}

.bp6-portal.wizardPortal .rxWizardWidget .bp6-tab-panel > .rx-start-step.content {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  min-width: 0;
  min-height: 100%;
  overflow: visible;
}

@media screen and (max-width: 900px), screen and (max-height: 700px) {
  .bp6-portal.wizardPortal .bp6-dialog-container.bp6-overlay-content {
    padding: 8px;
  }

  .bp6-portal.wizardPortal .bp6-dialog.three-column.rxWizardWidget.recommendationOverlayFull {
    width: 100%;
    height: calc(100vh - 16px);
    height: calc(100dvh - 16px);
    max-height: calc(100vh - 16px);
    max-height: calc(100dvh - 16px);
  }

  .bp6-portal.wizardPortal .rxWizardWidget .rx-wizard-dialog-header.content-header.summary-header {
    min-height: 72px;
    padding: 8px 12px;
  }

  .bp6-portal.wizardPortal .rxWizardWidget .rx-wizard-dialog-header .content-page-desc {
    min-height: 56px;
    padding-left: 64px;
    padding-right: 36px;
  }

  .bp6-portal.wizardPortal .rxWizardWidget .rx-wizard-dialog-header .summary-title-icon-wrap {
    width: 56px;
    height: 56px;
    flex-basis: 56px;
  }

  .bp6-portal.wizardPortal .rxWizardWidget .rx-wizard-dialog-header .summary-title-icon {
    width: 36px;
    height: 36px;
  }

  .bp6-portal.wizardPortal .rxWizardWidget .wizard.content > .bp6-tabs > .bp6-tab-list > .bp6-tab.primary {
    min-height: 38px;
    margin: 4px 2px;
    padding: 4px;
    font-size: 12px;
  }

  .bp6-portal.wizardPortal .rxWizardWidget > .bp6-dialog-footer {
    padding: 8px 12px;
  }

  .bp6-portal.wizardPortal .rxWizardWidget .bp6-dialog-footer .bp6-button {
    height: 40px;
  }
}

.bp6-portal.wizardPortal .rxWizardWidget .rx-wizard-dialog-body {
  flex: 1 1 auto;
  height: auto;
  overflow: hidden;
}

.bp6-portal.wizardPortal .rx-wizard-dialog-body .rx-wizard-dialog-content .bp6-tabs .rx-crop-plan-step.content,
.bp6-portal.wizardPortal .rx-wizard-dialog-body .rx-wizard-dialog-content .bp6-tabs .rx-zone-acres-step.content {
  padding-top: 20px;
}

.bp6-portal .bp6-popover-placement-bottom.product-menu {
  margin-top: -7px;
}

.bp6-portal .bp6-popover-placement-bottom.rxWizardBulkFill {
  margin-top: -15px;
}

.bp6-portal.rxWizardCropsPortal .bp6-dialog.rxWizardCrops .bp6-dialog-body,
.bp6-portal.rxWizardProductsPortal .bp6-dialog.rxWizardProducts .bp6-dialog-body {
  background-color: #D9D9D9;
  margin: 0px;
}

.bp6-portal.rxWizardCropsPortal .bp6-dialog.rxWizardCrops .bp6-dialog-body .content-body,
.bp6-portal.rxWizardProductsPortal .bp6-dialog.rxWizardProducts .bp6-dialog-body .content-body {
  height: calc(100% - 5px);
  padding-top: 20px;
}

.bp6-portal.rxWizardCropsPortal .bp6-dialog.rxWizardCrops .bp6-dialog-footer,
.bp6-portal.rxWizardProductsPortal .bp6-dialog.rxWizardProducts .bp6-dialog-footer {
  margin: 0px;
}

.page-content.rx .recommendations.content .rx-create.content .agGridResultsOutsideAllInOne .crop-dropdown::before {
  background-color: rgba(0, 0, 0, 0);
}

.page-content.rx .recommendations.content .rx-create.content .agGridResultsOutsideAllInOne .crop-dropdown .header-column-actions,
.page-content.rx .recommendations.content .rx-create.content .agGridResultsOutside .crop-dropdown .header-column-actions {
  height: 34px;
}

.page-content.rx .recommendations.content .rx-create.content .agGridResultsOutside .crop-dropdown.first-crop-dropdown {
  border-left: none;
}

.page-content.rx .recommendations.content .rx-create.content .agGridResultsOutside .productBulkFill.ag-header-group-cell-with-group .bp6-popover-target {
  height: 32px;
}

.bp6-portal.csvExportPortal .content-header.summary-header.recommendation-overlay-full-header.csv-export-dialog-header,
.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-header.content-header {
  float: left;
  width: 100%;
  padding: 10px 20px; 
  border-bottom: 1px solid #bab6b6;
  box-shadow: 0px 0px 3px #333;
  margin-left: 0px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}

.bp6-portal.csvExportPortal .bp6-dialog.three-column.csvExport.recommendationOverlayFull .csvShowTable {
  padding: 20px 10px;
}

@media screen  and ( min-width: 1441px ) and ( max-width: 1540px ) {
  .page-content.rx .recommendations.content .agGridResultsOutsideAllInOne.rxNPKOpen .results.show-wizard {
    height: 75% !important;
  }

  .page-content.rx .recommendations.content .agGridResultsOutsideAllInOne.rxNPKOpen .rxNPKDisplay {
    height: 25%;
  }
}

/*
 * Reports Widget responsive dialog
 *
 * The report content body is the only scroll owner. Do not give valueChecker
 * a percentage height: at browser zoom that percentage resolves through an
 * incomplete height chain and limits scrolling to part of the dialog.
 */
.bp6-portal .bp6-dialog.three-column.reportsWidget.recommendationOverlayFull {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: calc(100vw - 32px);
  max-width: 1600px;
  height: calc(100vh - 32px);
  height: calc(100dvh - 32px);
  max-height: calc(100vh - 32px);
  max-height: calc(100dvh - 32px);
  min-width: 0;
  min-height: 0;
  margin: 16px auto;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget.recommendationOverlayFull > .bp6-dialog-body {
  display: flex;
  flex: 1 1 auto;
  width: 100%;
  height: auto;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  width: 100%;
  height: auto;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-header.content-header,
.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-header.content-header.summary-header {
  flex: 0 0 auto;
  float: none;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  min-height: 96px;
  max-height: none;
  margin: 0;
  overflow: visible;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-header .content-page-desc {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  min-width: 0;
  min-height: 68px;
  padding-right: 72px;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-header .content-page-desc > div:last-child,
.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-header .content-title {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-header .content-title {
  margin-right: 0;
  font-size: clamp(22px, 2vw, 32px);
  line-height: 1.15;
  white-space: normal;
  overflow-wrap: anywhere;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content.report.content {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  float: none;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  min-width: 0;
  min-height: 0;
  margin: 0;
  overflow: hidden;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content > .allReports {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  width: 100%;
  height: auto;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content > .allReports > .content-body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  float: none;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: 20px 5px 10px 20px;
  overflow: auto;
  scrollbar-gutter: stable;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content .allReports.gridSampledReports > .content-body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  float: none;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: 20px 5px 10px 20px;
  overflow: auto;
  scrollbar-gutter: stable;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .allReports > .content-body > .valueChecker {
  flex: 0 0 auto;
  float: none;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  min-width: 320px;
  min-height: 100%;
  margin: 0;
  padding: 24px 3%;
  overflow: visible;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .allReports > .content-body > .valueChecker > .hint-text {
  position: static;
  box-sizing: border-box;
  width: 100% !important;
  height: auto !important;
  min-width: 280px;
  min-height: 100%;
  padding-bottom: 24px;
  overflow: visible;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .allReports .valueChecker .hint-text > h1 {
  margin: 0 0 24px;
  font-size: clamp(24px, 2.4vw, 36px);
  line-height: 1.2;
}

/* Keep generated reports and sampling tabs on the same full-height flex chain. */
.bp6-portal .bp6-dialog.three-column.reportsWidget .allReports > .content-body > .report.content {
  flex: 1 1 auto;
  float: none;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 420px;
  margin: 0;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content > .bp6-tabs.gridSamplingTabs {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  float: none;
  width: 100%;
  height: auto;
  min-width: 0;
  min-height: 0;
  margin: 0;
  overflow: hidden;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content > .bp6-tabs.gridSamplingTabs > .bp6-tab-list {
  flex: 0 0 auto;
  width: 100%;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-content > .bp6-tabs.gridSamplingTabs > .bp6-tab-panel {
  flex: 1 1 auto;
  float: none;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  min-width: 0;
  min-height: 0;
  margin: 0;
  overflow: auto;
}

@media screen and (max-width: 900px), screen and (max-height: 700px) {
  .bp6-portal .bp6-dialog.three-column.reportsWidget.recommendationOverlayFull {
    width: calc(100vw - 16px);
    height: calc(100vh - 16px);
    height: calc(100dvh - 16px);
    max-height: calc(100vh - 16px);
    max-height: calc(100dvh - 16px);
    margin: 8px auto;
  }

  .bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-header.content-header,
  .bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-header.content-header.summary-header {
    min-height: 72px;
    padding: 8px 12px;
  }

  .bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-header .content-page-desc {
    min-height: 56px;
    padding-left: 64px;
    padding-right: 52px;
  }

  .bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-header .summary-title-icon-wrap {
    width: 56px;
    height: 56px;
    flex-basis: 56px;
  }

  .bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-header .summary-title-icon {
    width: 36px;
    height: 36px;
  }

  .bp6-portal .bp6-dialog.three-column.reportsWidget .reports-widget-dialog-header .content-btns {
    padding: 20px 12px;
  }

  .bp6-portal .bp6-dialog.three-column.reportsWidget .allReports > .content-body > .valueChecker {
    padding: 16px;
  }

  .bp6-portal .bp6-dialog.three-column.reportsWidget .allReports .valueChecker .hint-text > h1 {
    margin-bottom: 18px;
  }
}

.bp6-portal .reportsWidget.recommendationOverlayFull .reports-widget-dialog-body .splashScreen .loading {
  top: 67px;
}

/* Combined Reports: responsive, data-driven report tabs. */
.bp6-portal .bp6-dialog.three-column.reportsWidget .reportToggleLayout > .reportLevelTabs,
.combinedrpts .reportToggleLayout > .reportLevelTabs {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  background-color: #fff;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reportLevelTabs > .bp6-tab-list.bp6-large,
.combinedrpts .reportLevelTabs > .bp6-tab-list.bp6-large {
  position: static !important;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  box-sizing: border-box;
  width: 100% !important;
  margin: 0 !important;
  padding: 0.75rem 13.5rem 0.75rem 1rem !important;
  overflow: visible;
  border: 0;
  border-bottom: 1px solid #8f8f8f;
  border-radius: 0;
  background-color: #b3b3b2;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reportLevelTabs > .bp6-tab-list > .reportLevelTab,
.combinedrpts .reportLevelTabs > .bp6-tab-list > .reportLevelTab {
  min-width: 5rem;
  height: 2.625rem;
  margin: 0;
  padding: 0 1rem;
  justify-content: center;
  border: 1px solid transparent !important;
  border-radius: 0.75rem !important;
  background: #fff !important;
  box-shadow: none !important;
  color: #5f5849 !important;
  font-weight: 700;
  line-height: 2.625rem;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reportLevelTabs > .bp6-tab-list > .reportLevelTab:hover,
.bp6-portal .bp6-dialog.three-column.reportsWidget .reportLevelTabs > .bp6-tab-list > .reportLevelTab:focus,
.combinedrpts .reportLevelTabs > .bp6-tab-list > .reportLevelTab:hover,
.combinedrpts .reportLevelTabs > .bp6-tab-list > .reportLevelTab:focus {
  border-color: #e1d2ae !important;
  background: #f8f1df !important;
  color: #000 !important;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reportLevelTabs > .bp6-tab-list > .reportLevelTab[aria-selected="true"],
.combinedrpts .reportLevelTabs > .bp6-tab-list > .reportLevelTab[aria-selected="true"] {
  border-color: #d49d28 !important;
  background: #F1B434 !important;
  color: #000 !important;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reportLevelTabs > .bp6-tab-list .bp6-tab-indicator-wrapper,
.combinedrpts .reportLevelTabs > .bp6-tab-list .bp6-tab-indicator-wrapper,
.bp6-portal .bp6-dialog.three-column.reportsWidget .reportTypeTabs > .bp6-tab-list .bp6-tab-indicator-wrapper,
.combinedrpts .reportTypeTabs > .bp6-tab-list .bp6-tab-indicator-wrapper {
  display: none;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reportLevelTabs > .bp6-tab-panel,
.combinedrpts .reportLevelTabs > .bp6-tab-panel {
  display: flex;
  flex: 1 1 auto;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  min-width: 0;
  min-height: 0;
  margin: 0;
  overflow: hidden;
  background-color: #fff;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reportLevelTabs .fieldSubStep,
.bp6-portal .bp6-dialog.three-column.reportsWidget .reportLevelTabs .zoneSubStep,
.combinedrpts .reportLevelTabs .fieldSubStep,
.combinedrpts .reportLevelTabs .zoneSubStep {
  display: flex;
  flex: 1 1 auto;
  width: 100%;
  height: auto;
  min-width: 0;
  min-height: 0;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reportTypeTabs,
.combinedrpts .reportTypeTabs {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  background-color: #fff;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reportTypeTabs > .bp6-tab-list.bp6-large,
.combinedrpts .reportTypeTabs > .bp6-tab-list.bp6-large {
  position: fixed !important;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  box-sizing: border-box;
  width: 850px !important;
  margin: -66px 0px 0px 225px !important;
  padding: 0.625rem 1rem !important;
  overflow: visible;
  border: none !important;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reportTypeTabs > .bp6-tab-list > .reportTypeTab,
.combinedrpts .reportTypeTabs > .bp6-tab-list > .reportTypeTab {
  min-width: 7rem;
  height: 2.625rem;
  margin: 0;
  padding: 0 0.875rem;
  justify-content: center;
  border: 1px solid #d8cfb7 !important;
  border-radius: 0.75rem !important;
  background: #fff !important;
  box-shadow: none !important;
  color: #5f5849 !important;
  font-weight: 700;
  line-height: 1.15;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reportTypeTabs > .bp6-tab-list > .reportTypeTab:hover,
.bp6-portal .bp6-dialog.three-column.reportsWidget .reportTypeTabs > .bp6-tab-list > .reportTypeTab:focus,
.combinedrpts .reportTypeTabs > .bp6-tab-list > .reportTypeTab:hover,
.combinedrpts .reportTypeTabs > .bp6-tab-list > .reportTypeTab:focus {
  border-color: #e1d2ae !important;
  background: #f8f1df !important;
  color: #000 !important;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reportTypeTabs > .bp6-tab-list > .reportTypeTab[aria-selected="true"],
.combinedrpts .reportTypeTabs > .bp6-tab-list > .reportTypeTab[aria-selected="true"] {
  border-color: #d49d28 !important;
  background: #F1B434 !important;
  color: #000 !important;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reportTypeTabs > .bp6-tab-list > .reportTypeTab.notRendered,
.combinedrpts .reportTypeTabs > .bp6-tab-list > .reportTypeTab.notRendered {
  border-color: #b8bfc8 !important;
  background: #e5e8eb !important;
  color: #5f6b7c !important;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reportTypeTabs > .bp6-tab-list > .reportTypeTab.notRendered[aria-selected="true"],
.combinedrpts .reportTypeTabs > .bp6-tab-list > .reportTypeTab.notRendered[aria-selected="true"] {
  border-color: #d49d28 !important;
  background: #fff0c2 !important;
  color: #3c311c !important;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reportTabTitle,
.combinedrpts .reportTabTitle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reportTabStatus,
.combinedrpts .reportTabStatus {
  padding: 0.125rem 0.375rem;
  border-radius: 999px;
  background-color: rgba(95, 107, 124, 0.14);
  font-size: 0.625rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reportTypeTabs > .bp6-tab-panel,
.combinedrpts .reportTypeTabs > .bp6-tab-panel {
  display: flex;
  flex: 1 1 auto;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  min-width: 0;
  min-height: 0;
  margin: 0;
  overflow: hidden;
  background-color: #fff;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reportTypeTabs .reportMakerFile.content,
.bp6-portal .bp6-dialog.three-column.reportsWidget .reportTypeTabs .splashScreen,
.combinedrpts .reportTypeTabs .reportMakerFile.content,
.combinedrpts .reportTypeTabs .splashScreen {
  position: static;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  min-width: 0;
  min-height: 0;
  margin: 0;
  overflow: hidden;
  background-color: #fff;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reportToggleLayout .reportWizardSaveButton,
.combinedrpts .reportToggleLayout .reportWizardSaveButton {
  position: absolute;
  top: 0.75rem;
  right: 1rem;
  z-index: 5;
  width: auto;
  height: auto;
  margin: 0;
  background-color: transparent;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reportToggleLayout .print-view-embedd,
.bp6-portal .bp6-dialog.three-column.reportsWidget .reportToggleLayout .print-view-embedd.rxwizard,
.combinedrpts .reportToggleLayout .print-view-embedd,
.combinedrpts .reportToggleLayout .print-view-embedd.rxwizard {
  position: static;
  display: flex;
  flex: 1 1 auto;
  box-sizing: border-box;
  width: 100%;
  height: auto !important;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reportToggleLayout .print-view-embedd embed,
.bp6-portal .bp6-dialog.three-column.reportsWidget .reportToggleLayout .print-view-embedd iframe,
.bp6-portal .bp6-dialog.three-column.reportsWidget .reportToggleLayout .sampleSheetPDF,
.combinedrpts .reportToggleLayout .print-view-embedd embed,
.combinedrpts .reportToggleLayout .print-view-embedd iframe,
.combinedrpts .reportToggleLayout .sampleSheetPDF {
  flex: 1 1 auto;
  width: 100%;
  height: 100% !important;
  min-width: 0;
  min-height: 0;
  border: 0;
}

/* Combined Reports: distinguish failed reports from gray pending reports. */
.bp6-portal .bp6-dialog.three-column.reportsWidget .reportTypeTabs > .bp6-tab-list > .reportTypeTab.reportFailed,
.combinedrpts .reportTypeTabs > .bp6-tab-list > .reportTypeTab.reportFailed {
  border-color: #c23030 !important;
}

.bp6-portal .bp6-dialog.three-column.reportsWidget .reportFailedStatus,
.combinedrpts .reportFailedStatus {
  background-color: rgba(194, 48, 48, 0.14);
  color: #9f2424;
}

/* Rx results toolbar: keep header controls on one row at zoomed/narrow viewports. */
@media screen and (max-width: 1540px) and (min-width: 1285px) {
  .page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .views.stepWise {
    flex-wrap: nowrap !important;
    gap: 0.25rem;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
  }

  .page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .views.stepWise .toolbar-nav,
  .page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .views.stepWise .toolbar-group.secondary-tools {
    flex: 0 0 auto;
  }

  .page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .views.stepWise .toolbar-group.primary-tools {
    flex: 1 1 auto;
    flex-wrap: nowrap;
    min-width: 0;
    gap: 0.375rem;
  }

  .page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .views.stepWise .primary-tools .cropDropdownRxWiz {
    flex: 1 1 8rem;
    width: auto !important;
    min-width: 7rem;
  }

  .page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .views.stepWise .primary-tools .cropDropdownRxWiz .bp6-popover-wrapper,
  .page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .views.stepWise .primary-tools .cropDropdownRxWiz .bp6-popover-target {
    width: 100%;
    min-width: 0;
  }

  .page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .views.stepWise .primary-tools .rxStepButtons {
    flex: 1 1 auto;
    flex-wrap: nowrap;
    min-width: 0;
    gap: 0.25rem;
    padding: 0.25rem;
  }

  .page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .views.stepWise .primary-tools .rxStepButtons .bp6-button.bp6-intent-primary {
    flex: 1 1 0;
    min-width: 3.5rem;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .views.stepWise .toolbar-group.secondary-tools {
    margin-left: 0;
    gap: 0.375rem;
  }
}

@media screen and (max-width: 1285px) {
  .page-content.rx .recommendations.content .rx-create.content .rx-create-header .rec-builder .views.stepWise .toolbar-group {
    align-self: center;
  }
}

.rx-crop-plan-step.content.crop-plan-redesign .content-body .ag-editable-grid.ag-theme-balham .autocomplete .suggestions {
  margin-left: 9px;
  z-index: 5;
}

.page-content.rx .rx-zone-acres-step.content {
  height: 100%;
  width: 100%;
}
/* sampleCart.css */

/* Sample CSS: CSS for Brookside components  */
.sample-menu {
    background-color: #cecece;
}

.label-builder,
.label-builder > .sample-view,
.label-builder > .sample-view > .label-wizard,
.label-builder > .sample-view > .print-sample-sheet,
.label-wizard .content-body,
.print-sample-sheet .content-body {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.label-builder,
.label-builder > .sample-view,
.label-builder > .sample-view > .label-wizard,
.label-builder > .sample-view > .print-sample-sheet {
    height: calc(100%);
}

.label-wizard .content-header.summary-header .content-page-desc,
.print-sample-sheet .content-header.summary-header .content-page-desc {
    justify-content: flex-start !important;
}

.label-wizard .content-header.summary-header .content-page-desc > div,
.print-sample-sheet .content-header.summary-header .content-page-desc > div {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.label-wizard .content-header.summary-header .content-title,
.print-sample-sheet .content-header.summary-header .content-title {
    margin-top: 0;
}

.label-wizard .content-header.summary-header .content-desc,
.print-sample-sheet .content-header.summary-header .content-desc {
    margin-top: 2px;
    align-items: flex-start;
}

.label-wizard .content-body,
.print-sample-sheet .content-body,
.label-wizard .sampleCartOuterDiv,
.sampleCartOuterDiv .ag-theme-balham.labelCreation,
.sampleCartOuterDiv .ag-theme-balham.labelCreation-part2 {
    flex: 1 1 auto;
    height: calc(100% - 135px);
    min-height: 0;
    overflow: hidden;
}

.label-wizard .content-header .content-btns .sample-cart-header-actions,
.print-sample-sheet .content-header .content-btns .sample-cart-header-actions {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.label-wizard .content-header .content-btns .sample-cart-header-actions .results-export-btn,
.label-wizard .content-header .content-btns .sample-cart-header-actions .results-reset-btn,
.print-sample-sheet .content-header .content-btns .sample-cart-header-actions .results-export-btn,
.print-sample-sheet .content-header .content-btns .sample-cart-header-actions .results-reset-btn {
    height: 48px;
}

.label-wizard .content-header .content-btns .sample-cart-header-actions .results-export-btn .bp6-button-text,
.label-wizard .content-header .content-btns .sample-cart-header-actions .results-reset-btn .bp6-button-text,
.print-sample-sheet .content-header .content-btns .sample-cart-header-actions .results-export-btn .bp6-button-text,
.print-sample-sheet .content-header .content-btns .sample-cart-header-actions .results-reset-btn .bp6-button-text {
    display: inline !important;
}

.label-wizard .content-header .content-btns .sample-cart-header-actions .results-export-btn,
.print-sample-sheet .content-header .content-btns .sample-cart-header-actions .results-export-btn {
    min-width: 140px;
}

.label-wizard .content-header .content-btns .sample-cart-header-actions .bp6-form-group {
    display: inline-flex;
    align-items: center;
    margin-bottom: 0;
}

.label-wizard .content-header .content-btns .sample-cart-header-actions .bp6-form-group .bp6-label {
    margin: 0 8px 0 0;
    color: #5f5849;
    font-weight: 700;
    font-size: 14px;
}

.label-wizard .content-header .content-btns .sample-cart-header-actions .bp6-numeric-input,
.label-wizard .content-header .content-btns .sample-cart-header-actions .bp6-numeric-input .bp6-input-group,
.label-wizard .content-header .content-btns .sample-cart-header-actions .bp6-numeric-input .bp6-input {
    height: 48px;
}

.label-wizard .content-header .content-btns .sample-cart-header-actions .bp6-numeric-input {
    display: inline-flex;
    align-items: stretch;
    border: 1px solid #d8cfb7;
    border-radius: 12px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: none;
}

.label-wizard .content-header .content-btns .sample-cart-header-actions .bp6-numeric-input .bp6-input {
    width: 68px;
    padding: 0 16px;
    font-size: 16px;
    line-height: 48px;
    color: #707575;
    background-color: #fff;
    border: none;
    box-shadow: none;
    text-align: center;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.label-wizard .content-header .content-btns .sample-cart-header-actions .bp6-numeric-input .bp6-button-group {
    width: 40px;
    min-width: 40px;
    height: 48px;
    gap: 0;
    margin-left: 0;
    overflow: hidden;
    border-left: 1px solid #d8cfb7;
}

.label-wizard .content-header .content-btns .sample-cart-header-actions .bp6-numeric-input .bp6-button-group .bp6-button {
    width: 40px;
    min-width: 40px;
    max-width: 40px;
    height: 24px;
    min-height: 24px;
    max-height: 24px;
    padding: 0;
    background-color: #FCE8C2;
    color: #5f5849;
    border: none;
    box-shadow: none;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.label-wizard .content-header .content-btns .sample-cart-header-actions .bp6-numeric-input .bp6-button-group .bp6-button:hover,
.label-wizard .content-header .content-btns .sample-cart-header-actions .bp6-numeric-input .bp6-button-group .bp6-button:active,
.label-wizard .content-header .content-btns .sample-cart-header-actions .bp6-numeric-input .bp6-button-group .bp6-button:focus {
    background-color: #f3ddab;
    color: #001D1D;
}

.label-wizard .content-header .content-btns .sample-cart-header-actions .bp6-numeric-input .bp6-button-group .bp6-button:first-child {
    border-bottom-right-radius: 0 !important;
}

.label-wizard .content-header .content-btns .sample-cart-header-actions .bp6-numeric-input .bp6-button-group .bp6-button:last-child {
    border-top-right-radius: 0 !important;
}

.sample-menu .dropdown-menu {
    background-color: #cecece;
}

.sample-menu .dropdown-item {
    padding: .5rem .5rem 0rem .5rem;
    line-height: 8px;
    cursor: pointer;
}

.horizontal .dropdown-item .fa {
    font-size: 26px;
}

.dropdown-item .badge {    
    font-size: 12px;
    position: absolute;
    padding: 3px;
    left: 10px;
    top: 2px;
}

.horizontal .dropdown-item label {
    display: none;
}

.sample-cart.class-container ul.nav {
    height: 30px;
}

.sample-cart.pageNavigation ul.nav {
    padding: 0;
}

.sample-cart.pageNavigation ul.nav .btn {
    padding: 2px 12px;
}

.btn-group .btn-readonly,
.btn-group .btn-readonly:hover {
    background-color: #777;
    border-color: #777;
    color: #333;
    outline: none;
    cursor: default;
}

.nav-content {
    height: calc(100% - 30px);
}

.sample-sheet.pdf {
    width: 100%;
    height: calc(100% - 3px);
}

#pageNavigation ul.nav > li.nav-header.breadcrumbs,
#pageNavigation ul.nav > li.nav-header.breadcrumbs:hover {
    padding: .8rem 1rem 0 1rem;
    line-height: 19px;
}

li.nav-header .btns {
    text-align: right;
}

li.nav-header .btn {
    padding: 0 6px;
    width: initial;
}

div.sample-cart .input-group {
    width: 100%;
}

div.sample-cart .date-range {
    display: inline-flex;
    align-items: center;
    gap: 12px;
}

div.sample-cart .date-range > div {
    display: inline-flex;
    align-items: center;
    gap: 12px;
}

div.sample-cart .input-group .start-date,
div.sample-cart .input-group .end-date {
    width: calc((100% - 25px)/2);
    padding: 0 .3rem;
}

div.sample-cart .date-range .begin-date,
div.sample-cart .date-range .end-date {
    position: relative;
}

div.sample-cart .date-range .begin-date::after {
    content: "to";
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    font-weight: 600;
    color: #707575;
    pointer-events: none;
    z-index: 1;
}

div.sample-cart .date-range .begin-date {
    padding-right: 10px;
}

div.sample-cart .date-range .form-control {
    width: 125px;
    height: 48px;
    padding-left: 20px;
    font-size: 16px;
    line-height: 48px;
    color: #707575;
}

div.sample-cart .input-group-addon:first-child {
    width: 0;
    padding: 0;
    margin: 0;
}

div.sample-cart.add .zone-list {
    float: left;
    width: 25%;
    height: 100%;
    border-right: 4px solid #cecece;
}

div.sample-cart.add .sample-view {
    float: left;
    height: 100%;
    width: 100%;
}

.sampleCartOuterDiv .sampleCart.hint-text {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100%;
    text-align: center;
    background-color: #fff;
    z-index: 15;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 0;
    border-radius: 10px;
}

.zone-list.closed > div {
    display: none;
}

.sample-sheet.page-container {
    height: calc(100% - 47px);
}

div.samples-per-zone {
    position: absolute;
    left: 25%;
    background-color: transparent;
}

div.samples-per-zone div {
    position: relative;
    top: 25%;
    left: 25%;
    width: 50%;
    height: 50%;
    background-color: #eee;
    border: 2px solid #333;
    box-shadow: 0px 0px 2px #aaaaaa;
    border-radius: 5px;
}

.delete {
    width: 20px;
}

.sample-sheet .btn-group,
.sample-sheet .btn-group .btn {
    float: right;
}

.sample-view {
    height: 100%;
}

div.sample-cart ul.nav > li.nav-header .btn-group {
    margin: 2px 0;
}

.label-wizard .btn-group {
    float: right;
    width: auto;
}

.label-table.zone {
    float: left;
    padding: 3px 6px 1px 6px;
    margin: 0;
    display: block;
}

.zones.typeahead {
    width: 344px;
    height: 29px;
    padding: 4px 4px;
    border-radius: 0;
}

.label-wizard .react-bootstrap-table tr td.react-bootstrap-table-editing-cell {
    padding: 0;
    height: 28px;
    width: 320px;
    max-width: 320px;
}

.react-bootstrap-table-editing-cell .rbt-menu.dropdown-menu {
    top: 26px;
}

.label-wizard .react-bootstrap-table td.zone-td {
    width: 320px;
    max-width: 320px;
}
 
.rbt-input.rbt-input-multi {
    overflow: hidden;
    margin-right: 24px;
    width: 320px;
}

.label-table.zone {
    border-radius: 3px;
    margin: 1px;
    padding: 0;
    height: 24px;
    line-height: 24px;
    background-color: #CB9E45;
    color: white;
}

.label-wizard .label-table.zone {
    display: inline-flex;
    align-items: center;
}

.label-table.zone .name {
    padding-right: 5px;
    font-weight: bold;
    padding: 2px 7px 0px 7px;
    display: inline-block;
}

.label-table.zone .delete {
    margin: 0px 0;
    padding: 0px 4px 1px 5px;
    font-weight: bold;
    cursor: pointer;
    display: inline-block;
    position: relative;
    bottom: 1px;
}

/* Customize table to scroll since row heights are variable based on results */
.sample-cart .table thead {
    display: block;
    width: 100%;
}

.sample-cart .react-bootstrap-table-pagination {
    position: unset;
}

.sample-cart .nav-content > div > div {
    width: 100%;
    height: 100%;
}

.label-wizard .react-bootstrap-table tr {
    width: 100%;
}

.label-wizard .react-bootstrap-table th.controls-th,
.label-wizard .react-bootstrap-table td.controls-td {
    min-width: 33px;
}

.label-wizard .react-bootstrap-table th.farm-th,
.label-wizard .react-bootstrap-table td.farm-td {
    min-width: 200px;
}

.label-wizard .react-bootstrap-table th.field-th,
.label-wizard .react-bootstrap-table td.field-td {
    min-width: 200px;
}

.label-wizard .react-bootstrap-table th.zone-th,
.label-wizard .react-bootstrap-table td.zone-td {
    width: 100%;
}

.label-wizard .react-bootstrap-table {
    width: 100%;
    overflow-y: scroll;
    height: calc(100% - 138px);
}

.label-wizard .react-bootstrap-table table {
    width: 100%;
}

.sampleCartOuterDiv .table tbody {
    display: run-in;
    width: 100%;
    height: calc(100% - 50px);
}

.label-wizard .react-bootstrap-table table.table {
    height: calc(100% - 50px);
}

.label-wizard .react-bootstrap-table-pagination div:first-child {
    height: 45px;
    padding: 3px 5px 3px 10px;
}

.react-bootstrap-table-pagination.row div.react-bootstrap-table-pagination-list {
    height: 45px;
    padding: 3px 5px 3px 10px;
}

.sampleCartOuterDiv .react-bootstrap-table-pagination.row div.react-bootstrap-table-pagination-list {
    float: right;
}

.label-wizard .nav-header label {
    float: left;
    display: inline-block;
    margin-bottom: 0px;
    margin-top: -2px;
}

.label-wizard .sampleCartOuterDiv {
    height: 100%;
    float: left;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 0;
    border-radius: 10px;
}

.label-wizard .react-bootstrap-table tr td {
    padding: 4px 4px 4px 4px !important;
}

.label-wizard .nav-header label input {
    line-height: 13px;
}

.btn-group label {
    padding-left: 5px;
}

.label-wizard .hint-text {
    top: 82px;
    height: calc(100% - 90px);
}

.label-wizard .nav-content {
    height: 100%;
}

.print-sample-sheet .print-view-Container {
    flex: 1 1 auto;
    height: 100%;
    width: 100%;
    min-height: 0;
    overflow: hidden;
}

.print-sample-sheet .print-view {
    height: 95.5%;
    position: relative;
}

.print-sample-sheet .print-view-embedd {
    height: 100%;
}

.print-sample-sheet .print-view embed {
    position: absolute;
    top: 0;
}

.label-wizard .loading {
    position: absolute;
    background-color: #d3d3d3;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
}

.label-wizard .loading > div {
    position: relative;
    top: 0;
    left: 0;
    float: left;
    width: 100%;
}

.label-wizard .growingPlant {
    margin: 60px auto 0 auto;
    margin-right: calc(50% - 124px);
}

.row.react-bootstrap-table-pagination {
    position: fixed;
    bottom: 0;
    background-color: #cecece;
}

.row.react-bootstrap-table-pagination > div {
    width: 40%;
}

.sampleCartOuterDiv > .loading,
.sampleCartOuterDiv > .ag-theme-balham.labelCreation {
    height: calc(100% - 10px);
}

.sampleCartOuterDiv .row.react-bootstrap-table-pagination {
    width: 80%;
    height: 50px;
    margin-left: 0px;
}

.sampleSheetPDF{
    height: 100%;
    width: 100%;
    overflow: auto; 
    -webkit-overflow-scrolling: touch;
}

.sampleCartOuterDiv .ag-theme-balham.labelCreation {
    height: calc(100% - 10px);
}
 
.sampleCartOuterDiv .ag-theme-balham.labelCreation-part2 {
    height: 100%;
}

.sampleCartOuterDiv .ag-theme-balham.labelCreation {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.sampleCartOuterDiv .ag-theme-balham.labelCreation-part2 {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    position: relative;
    box-sizing: border-box;
}

.sampleCartOuterDiv .ag-theme-balham.labelCreation .ag-root-wrapper {
    height: 100%;
}

.sampleCartOuterDiv .ag-theme-balham.labelCreation .ag-root-wrapper {
    display: flex;
    flex-direction: column;
    position: relative;
}

.sampleCartOuterDiv .ag-theme-balham.labelCreation .ag-root-wrapper-body.ag-layout-normal {
    display: flex;
    flex: 1 1 auto;
    height: 100%;
    min-height: 0;
}

.sampleCartOuterDiv .ag-theme-balham.labelCreation .ag-body.ag-layout-normal {
    flex: 1 1 auto;
    min-height: 0;
    height: calc(100% - 42px) !important;
}

.sampleCartOuterDiv .ag-theme-balham.labelCreation .ag-body-vertical-scroll,
.sampleCartOuterDiv .ag-theme-balham.labelCreation .ag-body-horizontal-scroll {
    bottom: 42px !important;
}

.sampleCartOuterDiv .ag-theme-balham.labelCreation .ag-theme-balham.labelCreation-part2 .ag-floating-bottom {
    height: 42px !important;
    min-height: 42px !important;
    overflow: hidden !important;
    border-top: 1px solid #d8cfb7;
    background-color: #f3efe3;
    position: absolute !important;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
}

.sampleCartOuterDiv .ag-theme-balham.labelCreation .ag-theme-balham.labelCreation-part2 .ag-floating-bottom-viewport,
.sampleCartOuterDiv .ag-theme-balham.labelCreation .ag-theme-balham.labelCreation-part2 .ag-floating-bottom-container,
.sampleCartOuterDiv .ag-theme-balham.labelCreation .ag-theme-balham.labelCreation-part2 .ag-pinned-bottom-cols-container {
    height: 100% !important;
    min-height: 100% !important;
    background-color: #f3efe3;
}

.sampleCartOuterDiv .ag-floating-bottom .ag-row,
.sampleCartOuterDiv .ag-floating-bottom .ag-cell,
.sampleCartOuterDiv .ag-floating-bottom .ag-cell-value,
.sampleCartOuterDiv .ag-floating-bottom .ag-react-container,
.sampleCartOuterDiv .ag-floating-bottom .ag-react-container span {
    color: #707575;
    font-weight: 700;
    background-color: #f3efe3;
}

.sampleCartOuterDiv .ag-floating-bottom .ag-row {
    height: 100% !important;
}

.sampleCartOuterDiv .ag-floating-bottom .ag-cell {
    height: 100% !important;
    display: flex;
    align-items: center;
    border-right: 1px solid #e9d7aa;
}

.sampleCartOuterDiv .ag-floating-bottom .ag-cell:last-child {
    border-right: none;
}

.sampleCartOuterDiv .ag-floating-bottom .ag-row .ag-cell[col-id="Zones"] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.sampleCartOuterDiv .ag-floating-bottom .ag-cell-value,
.sampleCartOuterDiv .ag-floating-bottom .ag-react-container {
    display: flex;
    align-items: center;
    height: 100%;
}

.sampleCartOuterDiv .ag-floating-bottom .ag-cell[col-id="Zones"] .sampleCartPinnedBottomRow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: normal;
}

.sampleCartOuterDiv .ag-root-wrapper-body.ag-layout-normal .ag-row .ag-cell{
    overflow-y: auto;
} 

.sampleCartOuterDiv .ag-root-wrapper-body.ag-layout-normal .ag-row .ag-cell[col-id="FarmName"],
.sampleCartOuterDiv .ag-root-wrapper-body.ag-layout-normal .ag-row .ag-cell[col-id="FieldName"],
.sampleCartOuterDiv .ag-root-wrapper-body.ag-layout-normal .ag-row .ag-cell[col-id="GrowerName"],
.sampleCartOuterDiv .ag-root-wrapper-body.ag-layout-normal .ag-row .ag-cell[col-id="Zones"] {
    overflow-y: hidden;
}

.sampleCartOuterDiv .ag-root-wrapper-body.ag-layout-normal .ag-row .ag-cell[col-id="GrowerName"],
.sampleCartOuterDiv .ag-root-wrapper-body.ag-layout-normal .ag-row .ag-cell[col-id="FarmName"],
.sampleCartOuterDiv .ag-root-wrapper-body.ag-layout-normal .ag-row .ag-cell[col-id="FieldName"] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.sampleCartOuterDiv .ag-root-wrapper-body.ag-layout-normal .ag-row .ag-cell[col-id="Controls"] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.sampleCartOuterDiv .labelCreation .table-controls.btn-group {
    height: inherit !important;
}

.sampleCartOuterDiv .ag-root-wrapper-body.ag-layout-normal .ag-row .ag-cell[col-id="Zones"] {
    display: flex;
    padding-top: 0;
    padding-bottom: 0;
    line-height: normal;
    align-items: center;
    justify-content: flex-start;
}

.sampleCartOuterDiv .ag-root-wrapper-body.ag-layout-normal .ag-row .ag-cell[col-id="Zones"] .sampleCartInnerDiv {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
    gap: 4px;
    width: 100%;
    height: auto;
    padding: 2px 0 4px 0;
    box-sizing: border-box;
    justify-content: flex-start;
}

.labels .label-builder .print-view .sampleCartPDF {
    display: block;
    border-radius: 10px;
}

.sampleCartOuterDiv .labelCreation .table-controls.btn-group .btn.btn-danger > svg {
    margin-bottom: 0;
}

.label-wizard .table-controls.btn-group .btn.btn-danger,
.sampleCartOuterDiv .labelCreation .table-controls.btn-group .btn.btn-danger {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
}

.label-wizard .table-controls.btn-group .btn.btn-danger > svg,
.sampleCartOuterDiv .labelCreation .table-controls.btn-group .btn.btn-danger > svg {
    margin: 0;
    display: block;
    width: 12px;
    height: 12px;
    vertical-align: middle;
}

.separator {
    position: relative;
    top: 0px;
    line-height: 22px;
    height: 22px;
    display: inline-block;
    border: 1px solid #888;
}

.bp6-control-group.bp6-numeric-input:not(.bp6-vertical) > :not(:last-child) { 
    margin-right: 0;
}

.content .bp6-numeric-input .bp6-input-group {
    padding: 0;
}

/*
 * Temporary map redesign overrides.
 * Keep these rules isolated until the shared map styles can be consolidated.
 */

.app.Consultant div.master-body.redesign-map-master-body,
.app.Direct-client div.master-body.redesign-map-master-body {
  height: calc(100% - 60px);
}

.app.Client div.master-body.redesign-map-master-body {
  height: calc(100% - 90px);
}

/* The shared content contract was removed from routes.css; map pages still need it. */
.redesign-map-page {
  --content-header-height: 85px;
  --content-footer-height: 0px;
  display: flex;
  flex-direction: column;
  height: 100%;
  max-height: 100%;
  min-height: 0;
  min-width: 0;
  overflow: hidden;
}

/* Size the map from the remaining page space so browser zoom cannot enlarge it past the viewport. */
.redesign-map-page > .content-header {
  flex: 0 0 auto;
}

.redesign-map-content-body {
  box-sizing: border-box;
  float: left;
  width: 100%;
  flex: 1 1 auto;
  height: auto;
  min-height: 0;
  min-width: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 0 20px 20px;
  background-color: #d9d9d9;
}

.redesign-map-content-body .map-overlay,
.redesign-map-content-body .leaflet-container {
  border-radius: 10px;
}

.redesign-map-content-body .row {
  display: block !important;
  flex-wrap: nowrap !important;
  margin: 10px 0;
}

.redesign-map-content-body > .redesign-map-page-body,
.redesign-map-layout,
.redesign-map-main,
.redesign-map-boundary,
.redesign-map-sidebar,
.redesign-map-container,
.redesign-map-container > div,
.redesign-map-container .leaflet-container {
  box-sizing: border-box;
  min-height: 0;
  min-width: 0;
  max-height: 100%;
  max-width: 100%;
}

.redesign-map-content-body > .redesign-map-page-body {
  display: flex;
  flex: 1 1 auto;
  height: auto;
  overflow: hidden;
}

.redesign-map-page-body > .redesign-map-layout,
.redesign-map-main,
.redesign-map-boundary,
.redesign-map-sidebar,
.redesign-map-container,
.redesign-map-container .leaflet-container {
  height: 100%;
}

.redesign-map-layout {
  display: flex;
  align-items: stretch;
}

.redesign-map-main {
  flex: 1 1 80%;
}

.redesign-map-main.expand-width {
  flex-basis: 100%;
}

.redesign-map-boundary {
  position: relative;
  isolation: isolate;
}

.redesign-map-layout .redesign-map-boundary > .redesign-map-no-data-overlay {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1050;
  box-sizing: border-box;
  display: block;
  float: none;
  width: 100% !important;
  height: 100% !important;
  max-width: none;
  max-height: none;
  overflow: hidden;
}

.redesign-map-layout .redesign-map-no-data-overlay > .no-drop-zone,
.redesign-map-layout .redesign-map-no-data-overlay > .drop_zone {
  inset: 20px !important;
  box-sizing: border-box;
  width: auto !important;
  height: auto !important;
  max-height: none;
  padding: clamp(20px, 5vh, 70px) 10px;
  overflow: auto;
}

.redesign-map-sidebar {
  flex: 0 0 20%;
  width: 20%;
  overflow: hidden;
  background-color: #fce8c2;
}

.redesign-map-sidebar .editorHolder,
.redesign-map-sidebar .form-sidebar,
.redesign-map-sidebar .form-sidebar2,
.redesign-map-sidebar .sidebar-body,
.redesign-map-sidebar .form-body {
  background-color: #fce8c2;
}

.redesign-map-sidebar .editorHolder {
  justify-content: center;
  display: grid;
  padding-top: 5px;
}

.redesign-map-sidebar .form-sidebar {
  height: calc(100% - 36px);
  max-height: calc(100% - 36px);
}

.redesign-map-sidebar .form-sidebar .sidebar-body {
  height: 100%;
}

.redesign-map-sidebar .form-body > section {
  float: none;
  width: 100%;
  padding: 0;
}

.redesign-map-sidebar .form-body > section > h2 {
  display: none;
}

.redesign-map-sidebar .form-body .row.active {
  display: block !important;
  margin: 0;
  padding: 0 18px;
  background-color: #fce8c2;
}

.redesign-map-sidebar .form-body .row.active:first-of-type {
  padding-top: 28px;
}

.redesign-map-yield-panel {
  border-bottom-right-radius: 10px;
}

.redesign-map-yield-panel .redesign-map-yield-sidebar {
  height: calc(100% - 36px);
  min-height: 0;
  max-height: calc(100% - 36px);
}

.redesign-map-yield-panel .redesign-map-yield-sidebar .form-sidebar {
  height: 100%;
  min-height: 0;
  max-height: 100%;
}

.redesign-map-yield-sidebar .form-sidebar .sidebar-body {
  box-sizing: border-box;
  height: 100%;
  min-height: 0;
  padding-top: 0 !important;
  padding-bottom: 10px;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-gutter: stable;
}

.redesign-map-sidebar .redesign-map-yield-sidebar .form-body .row.active:first-of-type {
  padding-top: 10px;
}

.redesign-map-sidebar .redesign-map-yield-sidebar .form-body .row.active + .row.active,
.redesign-map-sidebar .redesign-map-yield-sidebar .form-body .row.active:last-of-type {
  margin-top: clamp(10px, 2.5vh, 26px);
}

.redesign-map-yield-sidebar .sidebar-body::-webkit-scrollbar {
  width: 8px;
}

.redesign-map-yield-sidebar .sidebar-body::-webkit-scrollbar-track {
  background: #efd9aa;
}

.redesign-map-yield-sidebar .sidebar-body::-webkit-scrollbar-thumb {
  border: 2px solid #efd9aa;
  border-radius: 8px;
  background: #777;
}

.redesign-map-sidebar .form-body .row.active + .row.active {
  margin-top: 26px;
}

.redesign-map-sidebar .form-body .row.active:last-of-type {
  margin-top: 26px;
}

.redesign-map-sidebar .form-body .row.active > [class*="col-"] {
  float: none;
  width: 100%;
  max-width: 100%;
  padding: 0;
}

.redesign-map-sidebar .sidebar-field-label-row {
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  margin-bottom: 8px;
}

.redesign-map-sidebar .sidebar-field-label-row .shared-filter-sidebar-label {
  margin: 0;
}


.redesign-map-sidebar .showMeasurement .bp6-control,
.redesign-map-sidebar .showRate .bp6-control {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: 0;
}

.redesign-map-sidebar .showMeasurement {
  margin: 0;
}

.redesign-map-sidebar .show-measure-redesign.bp6-control {
  position: relative;
  display: block;
  width: 100%;
  min-height: 16px;
  margin: 0;
  padding: 0 26px 0 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  line-height: 16px;
}

.redesign-map-sidebar .show-measure-redesign.bp6-control .bp6-control-indicator {
  position: absolute;
  top: 50%;
  right: 0;
  left: auto;
  margin: 0;
  transform: translateY(-50%);
}

.redesign-map-layout.applied .redesign-map-sidebar {
  display: none;
}

.redesign-map-layout.applied .redesign-map-container .leaflet-container,
.redesign-map-layout.shapes .redesign-map-container .leaflet-container,
.redesign-map-layout.applied .redesign-map-boundary > .map-overlay,
.redesign-map-layout.shapes .redesign-map-boundary > .map-overlay {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.redesign-map-layout.applied .redesign-map-applied-controls {
  display: flex;
  flex: 0 0 40px;
  align-items: center;
  gap: 8px;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  padding: 0 8px;
  white-space: nowrap;
}

.redesign-map-layout.applied .redesign-map-applied-controls .redesign-map-apply-controls {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  min-width: 0;
}

.redesign-map-layout.applied .redesign-map-apply-controls .bp6-form-group {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  min-width: 0;
  margin: 0;
}

.redesign-map-layout.applied .redesign-map-apply-controls .bp6-form-content {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  min-width: 0;
}

.redesign-map-layout.applied .redesign-map-apply-controls .bp6-input-group {
  flex: 1 1 100px;
  width: auto;
  min-width: 80px;
}

.redesign-map-layout.applied .redesign-map-applied-controls .redesign-map-product-controls {
  display: flex;
  flex: 0 1 auto;
  align-items: center;
  min-width: 0;
  margin-left: auto;
}

.redesign-map-layout.applied .redesign-map-product-controls .sidebar-dropdown-control {
  flex: 1 1 160px;
  width: auto !important;
  min-width: 130px;
  margin-right: 4px;
}

.redesign-map-layout.applied .redesign-map-product-controls .bp6-button {
  flex: 0 0 auto;
  margin-right: 0;
  margin-left: 4px;
}

.redesign-map-layout.applied .redesign-map-applied-table {
  position: relative;
}

.redesign-map-layout.applied .redesign-map-applied-empty-state {
  position: absolute;
  top: calc(var(--ag-header-height, 32px) * 2);
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: none;
}

.redesign-map-sidebar .bp6-popover-target,
.redesign-map-sidebar .bp6-popover-target .bp6-button {
  width: 100%;
}

.redesign-map-sidebar .bp6-popover-target .bp6-button,
.redesign-map-sidebar .bp6-popover-target .bp6-button.bp6-disabled,
.redesign-map-sidebar .bp6-popover-target .bp6-button[disabled] {
  color: #000 !important;
  background-color: #fff;
  border-right: 1px solid #cecece;
  box-shadow: none;
}

.redesign-map-sidebar .bp6-popover-target .bp6-button.bp6-disabled,
.redesign-map-sidebar .bp6-popover-target .bp6-button[disabled],
.redesign-map-sidebar .bp6-popover-target .bp6-button.bp6-disabled:hover,
.redesign-map-sidebar .bp6-popover-target .bp6-button[disabled]:hover {
  color: #000 !important;
  background-color: #f0f0f0;
}

.redesign-map-sidebar .p-dropdown {
  color: #000;
  background-color: #fff;
}

.redesign-map-sidebar .p-dropdown .p-dropdown-label,
.redesign-map-sidebar .p-dropdown .p-dropdown-trigger,
.redesign-map-sidebar .p-dropdown .p-dropdown-trigger-icon {
  color: #000 !important;
}

.redesign-map-sidebar .bp6-control.bp6-checkbox .bp6-control-indicator,
.redesign-map-sidebar .bp6-control.bp6-checkbox:hover .bp6-control-indicator,
.redesign-map-sidebar .bp6-control.bp6-checkbox input:checked ~ .bp6-control-indicator {
  color: #000 !important;
  background-color: #f1b434 !important;
  border-color: #f1b434 !important;
}

.redesign-map-sidebar .bp6-control.bp6-checkbox .bp6-control-indicator::before,
.redesign-map-sidebar .bp6-control.bp6-checkbox .bp6-control-indicator::after {
  color: #000 !important;
  border-color: #000 !important;
}

.redesign-map-container,
.redesign-map-container > div {
  float: left;
  width: 100%;
}

.redesign-map-container {
  position: relative;
}

.redesign-map-container .leaflet-top.leaflet-right {
  z-index: 1001;
}

.redesign-map-container .leaflet-control-layers {
  z-index: 1002;
}

/* Keep Geoman text actions readable when the 150% toolbar rule shrinks icon buttons. */
.redesign-map-container .leaflet-pm-toolbar .button-container .leaflet-pm-actions-container a.leaflet-pm-action {
  box-sizing: border-box;
  width: auto !important;
  min-width: max-content;
  height: 25px !important;
  padding: 0 8px;
  line-height: 25px;
}

.redesign-map-container .spinner-container {
  position: absolute;
  z-index: 1000;
  width: 80%;
  background-color: #7775;
}

.redesign-map-container .spinner-container.expand-width,
.redesign-map-layout.applied .redesign-map-container .spinner-container {
  height: 100%;
  width: 100%;
}

.redesign-map-container .spinner-container.expand-width.smallWindow {
  height: 100%;
}

.redesign-map-container .spinner-container .bp6-spinner {
  position: relative;
  top: 40%;
}

.redesign-map-container .spinner-container .bp6-spinner svg {
  width: 100px;
  height: 100px;
}

.redesign-map-container .redesign-map-spinner {
  position: absolute;
  inset: 0;
  z-index: 1100;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  background-color: #7775;
  pointer-events: auto;
}

.redesign-map-container .redesign-map-spinner .bp6-spinner {
  position: static;
  top: auto;
}

.redesign-map-page .redesign-map-container .leaflet-popup-pane .leaflet-popup-content-wrapper .leaflet-popup-content {
  width: inherit !important;
}

.redesign-map-page .redesign-map-container .leaflet-popup-pane .leaflet-popup-content-wrapper .leaflet-popup-content .boundary-info-content {
  width: 657px !important;
  margin: -5px -15px -5px -12px;
}

.redesign-map-page .redesign-map-info-table {
  box-sizing: border-box;
  width: 650px;
  max-height: 180px;
  overflow: auto;
  pointer-events: auto;
  background-color: #fff;
  border-top: 1px solid #999;
}

.redesign-map-page .redesign-map-info-table table {
  width: 100%;
  border-collapse: collapse;
  color: #111;
  font-size: 13px;
  text-align: left;
}

.redesign-map-page .redesign-map-info-table th,
.redesign-map-page .redesign-map-info-table td {
  min-width: 90px;
  padding: 6px 8px;
  border-right: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  white-space: nowrap;
}

.redesign-map-page .redesign-map-info-table th {
  position: sticky;
  top: 0;
  z-index: 1;
  background-color: #e5e5e5;
  font-weight: 700;
}

.redesign-map-page .redesign-map-info-table tbody tr:nth-child(even) td {
  background-color: #f3f3f3;
}

.redesign-map-page .redesign-map-info-table tfoot td {
  background-color: #ddd;
  font-weight: 700;
}

.redesign-map-page .redesign-map-container .leaflet-popup-pane .polygon-info .leaflet-popup-content {
  width: 100% !important;
  height: 100%;
  background-color: #efefef;
}

/* Mapping wizard: keep the map/table split deterministic at every browser zoom. */
.redesign-map-layout.shapes .redesign-map-main.expand-width {
  display: flex;
  flex-direction: column;
  height: 100% !important;
  overflow: hidden;
}

.redesign-map-layout.shapes.pickerOpen .redesign-map-main.expand-width > .redesign-map-boundary.editing {
  flex: 0 1 60% !important;
  width: 100%;
  height: 60% !important;
}

.redesign-map-layout.shapes.pickerOpen .redesign-map-projects.FullSize {
  flex: 1 1 40% !important;
  width: 100%;
  height: auto !important;
  min-height: 0;
  overflow: hidden;
}

.redesign-map-layout.shapes.pickerOpen .redesign-map-projects.FullSize > .main,
.redesign-map-layout.shapes.pickerOpen .redesign-map-project-grid {
  height: 100% !important;
  min-height: 0;
}

/* Open/Close, Modify, and Create all collapse the table to its single action row. */
.redesign-map-layout.shapes.pickerOpenHeader .redesign-map-main.expand-width > .redesign-map-boundary.editing {
  flex: 1 1 auto !important;
  width: 100%;
  height: auto !important;
  min-height: 0;
}

.redesign-map-layout.shapes.pickerOpenHeader .redesign-map-projects.contentheaderOnly {
  flex: 0 0 48px !important;
  width: 100%;
  height: 48px !important;
  min-height: 48px;
  overflow: hidden;
}

.redesign-map-layout.shapes.pickerOpenHeader .redesign-map-projects .main {
  height: 48px !important;
  min-height: 48px;
  overflow: hidden;
}

.redesign-map-layout.shapes.pickerOpenHeader .redesign-map-projects .main .ag-header-row {
  height: 36px !important;
  margin-top: 0;
  transform: translateY(-36px) !important;
}

.redesign-map-layout.shapes.pickerOpenHeader .redesign-map-project-grid .ag-overlay,
.redesign-map-layout.shapes.pickerOpenHeader .redesign-map-project-grid .ag-overlay-wrapper,
.redesign-map-layout.shapes.pickerOpenHeader .redesign-map-project-grid .ag-overlay-no-rows-wrapper {
  display: none !important;
}

.redesign-map-layout.shapes.pickerOpenHeader .redesign-map-project-actions,
.redesign-map-layout.shapes.pickerOpen .redesign-map-project-actions {
  box-sizing: border-box;
  height: 36px !important;
  padding: 3px 16px !important;
}

.redesign-map-page .redesign-map-layout.shapes .redesign-map-project-actions .redesign-map-project-delete:not(:disabled):not(.bp6-disabled) {
  color: #000 !important;
  background-color: #f1b434 !important;
  border-color: #f1b434 !important;
  opacity: 1;
}

.redesign-map-page .redesign-map-layout.shapes .redesign-map-project-actions .redesign-map-project-delete:disabled,
.redesign-map-page .redesign-map-layout.shapes .redesign-map-project-actions .redesign-map-project-delete[disabled],
.redesign-map-page .redesign-map-layout.shapes .redesign-map-project-actions .redesign-map-project-delete.bp6-disabled,
.redesign-map-page .redesign-map-layout.shapes .redesign-map-project-actions .redesign-map-project-delete:disabled .bp6-button-text,
.redesign-map-page .redesign-map-layout.shapes .redesign-map-project-actions .redesign-map-project-delete[disabled] .bp6-button-text,
.redesign-map-page .redesign-map-layout.shapes .redesign-map-project-actions .redesign-map-project-delete.bp6-disabled .bp6-button-text {
  color: #000 !important;
}

.redesign-map-page .redesign-map-layout.shapes .bp6-button:disabled,
.redesign-map-page .redesign-map-layout.shapes .bp6-button[disabled],
.redesign-map-page .redesign-map-layout.shapes .bp6-button.bp6-disabled {
  background-color: #52515170 !important;
}

.redesign-map-page .redesign-map-layout.shapes .bp6-button:disabled:hover,
.redesign-map-page .redesign-map-layout.shapes .bp6-button:disabled:active,
.redesign-map-page .redesign-map-layout.shapes .bp6-button:disabled:focus,
.redesign-map-page .redesign-map-layout.shapes .bp6-button[disabled]:hover,
.redesign-map-page .redesign-map-layout.shapes .bp6-button[disabled]:active,
.redesign-map-page .redesign-map-layout.shapes .bp6-button[disabled]:focus,
.redesign-map-page .redesign-map-layout.shapes .bp6-button.bp6-disabled:hover,
.redesign-map-page .redesign-map-layout.shapes .bp6-button.bp6-disabled:active,
.redesign-map-page .redesign-map-layout.shapes .bp6-button.bp6-disabled:focus {
  background-color: #525151 !important;
}

/* The settings control visually belongs to the content header but is rendered by the map. */
.redesign-map-page .redesign-map-settings {
  position: fixed;
  top: 60px;
  right: -10px !important;
  z-index: 1200;
  box-sizing: border-box;
  padding: 30px;
  pointer-events: auto;
}

.redesign-map-page .redesign-map-settings-button {
  width: 150px;
  height: 32px;
}

/* Reserve the bottom-left toggle's space so the edit stack cannot cover it at any zoom. */
.redesign-map-page .redesign-map-layout.shapes.pickerOpenHeader .redesign-map-boundary.editing .leaflet-top.leaflet-left {
  /* bottom: 50px;
  box-sizing: border-box;
  width: 170px;
  max-height: calc(100% - 50px);
  direction: rtl;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  pointer-events: auto;
  scrollbar-gutter: stable;
  touch-action: pan-y;
  scrollbar-color: #777 #e4e4e4;
  scrollbar-width: thin; */
}

@media (max-width: 1750px) and (min-width: 1650px) {  
  .redesign-map-page .redesign-map-layout.shapes.pickerOpenHeader .redesign-map-boundary.editing .leaflet-top.leaflet-left {
    transform: scale(0.9);
    margin-top: -25px;
  }
}


@media (max-width: 1540px) and (min-width: 1400px) {  
  .redesign-map-page .redesign-map-layout.shapes.pickerOpenHeader .redesign-map-boundary.editing .leaflet-top.leaflet-left {
    transform: scale(0.9);
    margin-top: -25px;
  }
}

.redesign-map-page .redesign-map-layout.shapes.pickerOpenHeader .redesign-map-boundary.editing .leaflet-top.leaflet-left > * {
  direction: ltr;
}

.redesign-map-page .redesign-map-layout.shapes.pickerOpenHeader .redesign-map-boundary.editing .leaflet-top.leaflet-left::-webkit-scrollbar {
  width: 7px;
}

.redesign-map-page .redesign-map-layout.shapes.pickerOpenHeader .redesign-map-boundary.editing .leaflet-top.leaflet-left::-webkit-scrollbar-track {
  background-color: #e4e4e4;
  border-radius: 4px;
}

.redesign-map-page .redesign-map-layout.shapes.pickerOpenHeader .redesign-map-boundary.editing .leaflet-top.leaflet-left::-webkit-scrollbar-thumb {
  background-color: #777;
  border: 1px solid #e4e4e4;
  border-radius: 4px;
}

.redesign-map-page .redesign-map-layout.shapes.pickerOpenHeader .redesign-map-boundary.editing .leaflet-top.leaflet-left::-webkit-scrollbar-thumb:hover {
  background-color: #525151;
}

/* Keep Map Settings inside the viewport while its settings body scrolls independently. */
.bp6-portal .redesign-map-settings-dialog {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 40px);
  margin-top: 20px;
  margin-bottom: 20px;
}

.bp6-portal .redesign-map-settings-dialog > .bp6-dialog-header,
.bp6-portal .redesign-map-settings-dialog > .bp6-dialog-footer {
  flex: 0 0 auto;
}

.bp6-portal .redesign-map-settings-dialog > .bp6-dialog-body {
  flex: 1 1 auto;
  min-height: 0;
  height: auto !important;
  overflow: hidden;
}

.bp6-portal .redesign-map-settings-dialog .updateShapesAppearanceDialog {
  height: 100% !important;
  min-height: 0;
  overflow-y: auto;
}

/* Sampling controls stay in one responsive toolbar instead of relying on zoom-specific transforms. */
.redesign-map-layout.shapes.pickerOpen.Points .redesign-map-main.expand-width > .redesign-map-boundary.editing {
  flex-basis: 60% !important;
  height: 60% !important;
}

.redesign-map-layout .redesign-map-sampling {
  display: flex;
  flex-direction: column;
  height: 100% !important;
  min-height: 0;
}

.redesign-map-page .redesign-map-layout.shapes.pickerOpen.Points .redesign-map-sampling-header {
  flex: 0 0 28px;
  height: 28px !important;
}

.redesign-map-page .redesign-map-layout.shapes.pickerOpen.Points .redesign-map-sampling-header h4 {
  height: 28px !important;
  margin: 0;
  padding: 7px !important;
}

.redesign-map-page .redesign-map-layout.shapes.pickerOpen.Points .redesign-map-sampling-options,
.redesign-map-page .redesign-map-layout.shapes.pickerOpen.Points .redesign-map-sampling-options.points {
  display: grid !important;
  grid-template-columns: auto minmax(90px, 0.5fr) minmax(0, 3fr) auto;
  align-items: stretch;
  gap: 8px;
  flex: 1 1 auto;
  width: 100% !important;
  height: auto !important;
  min-height: 0;
  margin: 0 !important;
  overflow: auto;
}

.redesign-map-page .redesign-map-layout.shapes.pickerOpen.Points .redesign-map-sampling-options > div {
  float: none;
  width: auto;
  min-width: 0;
}

.redesign-map-page .redesign-map-layout.shapes.pickerOpen.Points .redesign-map-sampling-actions {
  justify-content: center;
  width: auto !important;
  height: auto !important;
  padding: 12px 8px !important;
  transform: none !important;
}

.redesign-map-page .redesign-map-layout.shapes.pickerOpen.Points .redesign-map-sampling-fields {
  display: grid !important;
  grid-template-columns: minmax(250px, 1.4fr) minmax(210px, 1fr) minmax(210px, 1fr);
  gap: 8px;
  width: 100% !important;
  height: 100%;
  min-width: 0;
  overflow: auto;
}

.redesign-map-page .redesign-map-layout.shapes.pickerOpen.Points .redesign-map-sampling-fields > .redesign-map-sampling-layout,
.redesign-map-page .redesign-map-layout.shapes.pickerOpen.Points .redesign-map-sampling-fields > .redesign-map-sampling-alignment,
.redesign-map-page .redesign-map-layout.shapes.pickerOpen.Points .redesign-map-sampling-fields > .redesign-map-sampling-numbering {
  box-sizing: border-box;
  width: auto !important;
  min-width: 0;
  height: 100% !important;
  margin: 0 !important;
  overflow: auto;
  transform: none !important;
}

.redesign-map-page .redesign-map-layout.shapes.pickerOpen.Points .redesign-map-sampling-fields > .redesign-map-sampling-layout,
.redesign-map-page .redesign-map-layout.shapes.pickerOpen.Points .redesign-map-sampling-fields > .redesign-map-sampling-alignment {
  border-right: #707070;
  border-right-style: groove;
  border-right-width: thin;
}

/* Publish Results and Boundary grids need a resolved height through every wrapper. */
.redesign-publish-map-page,
.redesign-publish-map-content,
.redesign-publish-map-body,
.redesign-publish-map-tables {
  box-sizing: border-box;
  min-height: 0;
  min-width: 0;
}

.redesign-publish-map-page {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  max-height: 100%;
  overflow: hidden;
}

.redesign-publish-map-page > .redesign-publish-map-spinner {
  position: absolute;
  top: 96px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1100;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  background-color: #7775;
  pointer-events: auto;
}

.redesign-publish-map-page > .redesign-publish-map-spinner .bp6-spinner {
  position: static;
  margin: 0;
}

.redesign-publish-map-page > .redesign-publish-map-content {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  width: 100%;
  height: 0;
  min-height: 0;
  overflow: hidden;
}

.redesign-publish-map-page > .content-header,
.redesign-publish-map-content > .content-header {
  flex: 0 0 96px;
  height: 96px;
}

.redesign-publish-map-page > .redesign-publish-map-body,
.redesign-publish-map-content > .redesign-publish-map-body {
  display: flex;
  flex: 1 1 0;
  height: 0 !important;
  min-height: 0;
  overflow: hidden;
}

.redesign-publish-map-body > .redesign-publish-map-tables {
  display: flex;
  flex: 0 0 100%;
  width: 100%;
  height: clamp(95%, calc(100%), 100%);
  min-height: 0;
  overflow: hidden;
}

.redesign-publish-map-body > .redesign-publish-rx-tables {
  box-sizing: border-box;
  flex: 0 0 100%;
  width: 100%;
  height: clamp(95%, calc(100%), 100%);
  min-height: 0;
  overflow: hidden;
}

.redesign-publish-map-page.redesign-publish-rx-page .ag-theme-balham.redesign-publish-rx-tables .options.products .list {
  height: calc(100% - 65px);
  margin-top: -3px;
}

.redesign-publish-rx-page .growerSelectorMap .printMapGrowerList .bp6-button,
.redesign-publish-rx-page .rx-map-selector-button,
.redesign-publish-rx-page .rx-map-selector-button:hover,
.redesign-publish-rx-page .rx-map-selector-button:active,
.redesign-publish-rx-page .rx-map-selector-button:focus {
  background-color: #fff !important;
  background-image: none !important;
  color: #001d1d !important;
  font-weight: 600;
}

.redesign-publish-rx-page .redesign-publish-rx-season-control,
.redesign-publish-rx-page .redesign-publish-rx-season-control .bp6-popover-target {
  float: none;
  width: auto;
  height: auto;
  padding: 0;
}

.redesign-publish-rx-page .redesign-publish-rx-season-control {
  margin: 13px 15px;
}

.redesign-publish-rx-page .growerSelectorMap .printMapGrowerList .bp6-button .bp6-button-text,
.redesign-publish-rx-page .rx-map-selector-button .bp6-button-text {
  font-weight: 600;
}

.bp6-portal.redesign-publish-rx-client-portal .redesign-publish-rx-client-menu .bp6-popover-content,
.bp6-portal.redesign-publish-rx-client-portal .redesign-publish-rx-client-menu .bp6-menu,
.bp6-portal.redesign-publish-rx-season-portal .redesign-publish-rx-season-menu .bp6-popover-content,
.bp6-portal.redesign-publish-rx-season-portal .redesign-publish-rx-season-menu .bp6-menu {
  background-color: #fff !important;
  color: #001d1d !important;
}

.bp6-portal.redesign-publish-rx-client-portal .redesign-publish-rx-client-menu .bp6-menu-item,
.bp6-portal.redesign-publish-rx-season-portal .redesign-publish-rx-season-menu .bp6-menu-item {
  color: #001d1d !important;
  font-weight: 600;
}

.bp6-portal.redesign-publish-rx-client-portal .redesign-publish-rx-client-menu .bp6-menu-item:hover,
.bp6-portal.redesign-publish-rx-client-portal .redesign-publish-rx-client-menu .bp6-menu-item.bp6-active,
.bp6-portal.redesign-publish-rx-season-portal .redesign-publish-rx-season-menu .bp6-menu-item:hover,
.bp6-portal.redesign-publish-rx-season-portal .redesign-publish-rx-season-menu .bp6-menu-item.bp6-active {
  background-color: #fce8c2 !important;
  color: #001d1d !important;
}

.bp6-dialog.report-options-dialog.redesign-publish-rx-report-options .bp6-dialog-footer-actions {
  justify-content: center;
}

.redesign-publish-rx-tables .fields,
.redesign-publish-rx-tables .fields .ag-root-wrapper {
  border-bottom-left-radius: 10px;
}

.redesign-publish-rx-tables .fields {
  overflow: hidden;
}

.redesign-publish-rx-tables .fields .ag-header-group-cell,
.redesign-publish-rx-tables .fields .ag-header-cell,
.redesign-publish-rx-tables .fields .ag-cell {
  border-right: 0;
  box-shadow: inset -1px 0 #bdc3c7;
}

.redesign-publish-rx-tables .redesign-publish-filter {
  position: relative;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 3px 4px;
}

.redesign-publish-rx-tables .ag-header-cell.redesign-publish-filter-header {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.redesign-publish-rx-tables .redesign-publish-filter input {
  box-sizing: border-box;
  width: 100%;
  height: 26px;
  padding: 0 30px 0 9px;
  border: 1px solid #aeb7bf;
  border-radius: 5px;
  outline: none;
  background-color: #fff;
  color: #001d1d;
  font: inherit;
  transition: border-color 120ms ease, box-shadow 120ms ease;
}

.redesign-publish-rx-tables .redesign-publish-filter input::placeholder {
  color: #707575;
  opacity: 0.8;
}

.redesign-publish-rx-tables .redesign-publish-filter input:focus {
  border-color: #f7b733;
  box-shadow: 0 0 0 2px rgba(247, 183, 51, 0.3);
}

.redesign-publish-rx-tables .redesign-publish-filter .bp6-icon {
  position: absolute;
  right: 11px;
  left: auto;
  color: #525151;
  pointer-events: none;
}

.redesign-publish-map-tables > .analyte-list-container,
.redesign-publish-map-tables > .stat-list-container,
.redesign-publish-map-tables > .boundary-list-container {
  flex: 0 0 auto;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}

.redesign-publish-results-page .redesign-publish-map-tables > .analyte-list-container,
.redesign-publish-results-page .redesign-publish-map-tables > .stat-list-container {
  flex-basis: 33.333333%;
  width: 33.333333%;
}

.redesign-publish-results-page .redesign-publish-analytes-column,
.redesign-publish-results-page .redesign-publish-analytes-column > *,
.redesign-publish-results-page .redesign-publish-analytes-column .ag-theme-balham,
.redesign-publish-results-page .redesign-publish-analytes-column .ag-editable-grid,
.redesign-publish-results-page .redesign-publish-analytes-column .ag-root-wrapper {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.redesign-publish-map-tables .farmList,
.redesign-publish-map-tables .analyteList,
.redesign-publish-map-tables .statList,
.redesign-publish-map-tables .ag-theme-balham,
.redesign-publish-map-tables .ag-editable-grid,
.redesign-publish-map-tables .ag-root-wrapper {
  box-sizing: border-box;
  height: 100%;
  min-height: 0;
}

.redesign-publish-map-page .bp6-button:disabled,
.redesign-publish-map-page .bp6-button[disabled],
.redesign-publish-map-page .bp6-button.bp6-disabled {
  background-color: #52515170 !important;
}

.redesign-publish-map-page .bp6-button:disabled:hover,
.redesign-publish-map-page .bp6-button:disabled:active,
.redesign-publish-map-page .bp6-button:disabled:focus,
.redesign-publish-map-page .bp6-button[disabled]:hover,
.redesign-publish-map-page .bp6-button[disabled]:active,
.redesign-publish-map-page .bp6-button[disabled]:focus,
.redesign-publish-map-page .bp6-button.bp6-disabled:hover,
.redesign-publish-map-page .bp6-button.bp6-disabled:active,
.redesign-publish-map-page .bp6-button.bp6-disabled:focus {
  background-color: #525151 !important;
}

.redesign-publish-map-page .redesign-publish-map-content .content-header .content-btns .redesign-publish-actions .bp6-button:disabled,
.redesign-publish-map-page .redesign-publish-map-content .content-header .content-btns .redesign-publish-actions .bp6-button[disabled],
.redesign-publish-map-page .redesign-publish-map-content .content-header .content-btns .redesign-publish-actions .bp6-button.bp6-disabled {
  color: #000 !important;
  background-color: #52515170 !important;
  opacity: 1;
}

.redesign-publish-map-page .redesign-publish-map-content .content-header .content-btns .redesign-publish-actions .bp6-button:disabled:hover,
.redesign-publish-map-page .redesign-publish-map-content .content-header .content-btns .redesign-publish-actions .bp6-button:disabled:active,
.redesign-publish-map-page .redesign-publish-map-content .content-header .content-btns .redesign-publish-actions .bp6-button:disabled:focus,
.redesign-publish-map-page .redesign-publish-map-content .content-header .content-btns .redesign-publish-actions .bp6-button[disabled]:hover,
.redesign-publish-map-page .redesign-publish-map-content .content-header .content-btns .redesign-publish-actions .bp6-button[disabled]:active,
.redesign-publish-map-page .redesign-publish-map-content .content-header .content-btns .redesign-publish-actions .bp6-button[disabled]:focus,
.redesign-publish-map-page .redesign-publish-map-content .content-header .content-btns .redesign-publish-actions .bp6-button.bp6-disabled:hover,
.redesign-publish-map-page .redesign-publish-map-content .content-header .content-btns .redesign-publish-actions .bp6-button.bp6-disabled:active,
.redesign-publish-map-page .redesign-publish-map-content .content-header .content-btns .redesign-publish-actions .bp6-button.bp6-disabled:focus {
  color: #000 !important;
  background-color: #525151 !important;
}

.redesign-publish-map-page .redesign-publish-map-content .content-header .content-btns .redesign-publish-actions .bp6-button:disabled .bp6-button-text,
.redesign-publish-map-page .redesign-publish-map-content .content-header .content-btns .redesign-publish-actions .bp6-button:disabled .bp6-icon,
.redesign-publish-map-page .redesign-publish-map-content .content-header .content-btns .redesign-publish-actions .bp6-button:disabled .bp6-icon svg,
.redesign-publish-map-page .redesign-publish-map-content .content-header .content-btns .redesign-publish-actions .bp6-button.bp6-disabled .bp6-button-text,
.redesign-publish-map-page .redesign-publish-map-content .content-header .content-btns .redesign-publish-actions .bp6-button.bp6-disabled .bp6-icon,
.redesign-publish-map-page .redesign-publish-map-content .content-header .content-btns .redesign-publish-actions .bp6-button.bp6-disabled .bp6-icon svg {
  color: #000 !important;
  fill: #000 !important;
}

.bp6-dialog.report-options-dialog.redesign-soil-results-report-options {
  max-height: calc(100vh - 24px);
}

.bp6-dialog.report-options-dialog.redesign-soil-results-report-options .bp6-dialog-body {
  flex: 0 1 auto;
  min-height: 0;
  overflow: visible;
}

.bp6-dialog.report-options-dialog.redesign-soil-results-report-options .report-options {
  height: auto;
  min-height: 0;
}

.bp6-dialog.report-options-dialog.redesign-soil-results-report-options .bp6-dialog-footer-actions {
  justify-content: center;
}

@media screen and (max-height: 750px) {
  .bp6-dialog.report-options-dialog.redesign-soil-results-report-options .bp6-dialog-header {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .bp6-dialog.report-options-dialog.redesign-soil-results-report-options .bp6-dialog-body {
    padding: 10px 14px;
  }

  .bp6-dialog.report-options-dialog.redesign-soil-results-report-options .report-options {
    gap: 8px;
  }

  .bp6-dialog.report-options-dialog.redesign-soil-results-report-options .report-options-section {
    padding: 9px 11px;
  }

  .bp6-dialog.report-options-dialog.redesign-soil-results-report-options .report-options-section-header {
    margin-bottom: 5px;
  }

  .bp6-dialog.report-options-dialog.redesign-soil-results-report-options .report-options-copy {
    margin-bottom: 6px;
  }

  .bp6-dialog.report-options-dialog.redesign-soil-results-report-options .notesTextArea.bp6-input {
    min-height: 64px;
    padding: 8px 10px;
  }

  .bp6-dialog.report-options-dialog.redesign-soil-results-report-options .report-options-choice-card {
    padding: 8px;
  }

  .bp6-dialog.report-options-dialog.redesign-soil-results-report-options .report-options-group .bp6-label {
    margin-bottom: 7px;
  }

  .bp6-dialog.report-options-dialog.redesign-soil-results-report-options .report-options-group .bp6-control.bp6-radio {
    margin-bottom: 5px;
    padding: 6px 9px;
  }

  .bp6-dialog.report-options-dialog.redesign-soil-results-report-options .bp6-dialog-footer {
    padding: 0 14px 10px;
  }

  .bp6-dialog.report-options-dialog.redesign-soil-results-report-options .report-options-confirm-btn.bp6-button {
    height: 40px;
  }
}

.bp6-portal .bp6-dialog.zoneTypeSelector
.bp6-control.bp6-radio input:checked ~ .bp6-control-indicator {
  background-color: #F1B434 !important;
  box-shadow: inset 0 0 0 1px #c28b16 !important;
}

.bp6-portal .bp6-dialog.zoneTypeSelector
.bp6-control.bp6-radio:hover input:checked ~ .bp6-control-indicator,
.bp6-portal .bp6-dialog.zoneTypeSelector
.bp6-control.bp6-radio input:focus:checked ~ .bp6-control-indicator {
  background-color: #F1B434 !important;
}

.bp6-portal .bp6-dialog.zoneTypeSelector
.bp6-control.bp6-radio input:checked ~ .bp6-control-indicator::before {
  background-image: radial-gradient(#000, #000 28%, transparent 32%) !important;
}

/* Mapping Wizard project actions use joined button groups and the shared app palette. */
.mapping.redesign-map-page .redesign-map-layout.shapes .redesign-map-project-actions {
  display: flex !important;
  align-items: center;
  box-sizing: border-box;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.redesign-map-page .redesign-map-project-actions > .bp6-button-group {
  display: inline-flex;
  gap: 0 !important;
  margin: 0 !important;
}

.redesign-map-page .redesign-map-project-actions .pointsButtons {
  margin-left: 0 !important;
}

.redesign-map-page .redesign-map-project-actions .dataButtons,
.redesign-map-page .redesign-map-project-actions .dataStoreButtons,
.redesign-map-page .redesign-map-project-actions .dataCreateButtons {
  float: none !important;
  margin-left: auto !important;
}

.redesign-map-page .redesign-map-project-actions .bp6-popover-wrapper,
.redesign-map-page .redesign-map-project-actions .bp6-popover-target {
  margin: 0 !important;
}

.mapping.redesign-map-page .redesign-map-layout.shapes .redesign-map-project-actions .bp6-button-group .bp6-button {
  margin: 0 !important;
  border-radius: 0 !important;
}

.mapping.redesign-map-page .redesign-map-layout.shapes .redesign-map-project-actions .bp6-button-group .redesign-map-project-hierarchy {
  border-radius: 12px 0 0 12px !important;
}

.mapping.redesign-map-page .redesign-map-layout.shapes .redesign-map-project-actions .bp6-button-group .redesign-map-project-go-back {
  border-radius: 0 12px 12px 0 !important;
}

.mapping.redesign-map-page .redesign-map-layout.shapes .redesign-map-project-actions .bp6-button-group .redesign-map-project-sampling {
  border-radius: 0 12px 12px 0 !important;
}

.mapping.redesign-map-page .redesign-map-layout.shapes .redesign-map-project-actions .bp6-button-group .redesign-map-project-store {
  border-radius: 12px 0 0 12px !important;
}

.mapping.redesign-map-page .redesign-map-layout.shapes .redesign-map-project-actions .bp6-button-group .redesign-map-project-complete {
  border-radius: 0 12px 12px 0 !important;
}

.content.mapping.redesign-map-page .redesign-map-layout.shapes .redesign-map-project-actions .bp6-button-group.redesign-map-project-final-actions:not(.has-store-action) .bp6-button.redesign-map-project-complete {
  border-radius: 12px !important;
}

.content.mapping.redesign-map-page .redesign-map-layout.shapes .redesign-map-project-actions .bp6-button-group.dataStoreButtons .bp6-button,
.content.mapping.redesign-map-page .redesign-map-layout.shapes .redesign-map-project-actions .bp6-button-group.dataCreateButtons .bp6-button {
  border-radius: 12px !important;
}

.content.mapping.redesign-map-page .redesign-map-layout.shapes .redesign-map-project-actions .bp6-button.redesign-map-project-modify:not(:disabled):not(.bp6-disabled),
.content.mapping.redesign-map-page .redesign-map-layout.shapes .redesign-map-project-actions .bp6-button.redesign-map-project-sampling:not(:disabled):not(.bp6-disabled),
.content.mapping.redesign-map-page .redesign-map-layout.shapes .redesign-map-project-actions .bp6-button.redesign-map-project-complete:not(:disabled):not(.bp6-disabled),
.content.mapping.redesign-map-page .redesign-map-layout.shapes .redesign-map-project-actions .bp6-button.redesign-map-project-hierarchy.bp6-intent-success:not(:disabled):not(.bp6-disabled) {
  background-color: #0f9960 !important;
  border-color: #0f9960 !important;
  color: #000 !important;
}

.content.mapping.redesign-map-page .redesign-map-layout.shapes .redesign-map-project-actions .bp6-button.redesign-map-project-modify:not(:disabled):not(.bp6-disabled):hover,
.content.mapping.redesign-map-page .redesign-map-layout.shapes .redesign-map-project-actions .bp6-button.redesign-map-project-modify:not(:disabled):not(.bp6-disabled):active,
.content.mapping.redesign-map-page .redesign-map-layout.shapes .redesign-map-project-actions .bp6-button.redesign-map-project-modify:not(:disabled):not(.bp6-disabled):focus,
.content.mapping.redesign-map-page .redesign-map-layout.shapes .redesign-map-project-actions .bp6-button.redesign-map-project-sampling:not(:disabled):not(.bp6-disabled):hover,
.content.mapping.redesign-map-page .redesign-map-layout.shapes .redesign-map-project-actions .bp6-button.redesign-map-project-sampling:not(:disabled):not(.bp6-disabled):active,
.content.mapping.redesign-map-page .redesign-map-layout.shapes .redesign-map-project-actions .bp6-button.redesign-map-project-sampling:not(:disabled):not(.bp6-disabled):focus,
.content.mapping.redesign-map-page .redesign-map-layout.shapes .redesign-map-project-actions .bp6-button.redesign-map-project-complete:not(:disabled):not(.bp6-disabled):hover,
.content.mapping.redesign-map-page .redesign-map-layout.shapes .redesign-map-project-actions .bp6-button.redesign-map-project-complete:not(:disabled):not(.bp6-disabled):active,
.content.mapping.redesign-map-page .redesign-map-layout.shapes .redesign-map-project-actions .bp6-button.redesign-map-project-complete:not(:disabled):not(.bp6-disabled):focus,
.content.mapping.redesign-map-page .redesign-map-layout.shapes .redesign-map-project-actions .bp6-button.redesign-map-project-hierarchy.bp6-intent-success:not(:disabled):not(.bp6-disabled):hover,
.content.mapping.redesign-map-page .redesign-map-layout.shapes .redesign-map-project-actions .bp6-button.redesign-map-project-hierarchy.bp6-intent-success:not(:disabled):not(.bp6-disabled):active,
.content.mapping.redesign-map-page .redesign-map-layout.shapes .redesign-map-project-actions .bp6-button.redesign-map-project-hierarchy.bp6-intent-success:not(:disabled):not(.bp6-disabled):focus {
  background-color: #0d8050 !important;
  border-color: #0d8050 !important;
}

.content.mapping.redesign-map-page .redesign-map-layout.shapes .redesign-map-project-actions .bp6-button.redesign-map-project-create:not(:disabled):not(.bp6-disabled) {
  background-color: #137cbd !important;
  border-color: #137cbd !important;
  color: #000 !important;
}

.content.mapping.redesign-map-page .redesign-map-layout.shapes .redesign-map-project-actions .bp6-button.redesign-map-project-create:not(:disabled):not(.bp6-disabled):hover,
.content.mapping.redesign-map-page .redesign-map-layout.shapes .redesign-map-project-actions .bp6-button.redesign-map-project-create:not(:disabled):not(.bp6-disabled):active,
.content.mapping.redesign-map-page .redesign-map-layout.shapes .redesign-map-project-actions .bp6-button.redesign-map-project-create:not(:disabled):not(.bp6-disabled):focus {
  background-color: #106ba3 !important;
  border-color: #106ba3 !important;
}

.content.mapping.redesign-map-page .redesign-map-layout.shapes .redesign-map-project-actions .bp6-button.redesign-map-project-finish:not(:disabled):not(.bp6-disabled),
.content.mapping.redesign-map-page .redesign-map-layout.shapes .redesign-map-project-actions .bp6-button.redesign-map-project-store:not(:disabled):not(.bp6-disabled),
.content.mapping.redesign-map-page .redesign-map-layout.shapes .redesign-map-project-actions .bp6-button.redesign-map-project-hierarchy.bp6-intent-warning:not(:disabled):not(.bp6-disabled) {
  background-color: #f1b434 !important;
  border-color: #f1b434 !important;
  color: #000 !important;
}

.content.mapping.redesign-map-page .redesign-map-layout.shapes .redesign-map-project-actions .bp6-button.redesign-map-project-delete:not(:disabled):not(.bp6-disabled) {
  background-color: #c52f00 !important;
  border-color: #c52f00 !important;
  color: #000 !important;
}

.content.mapping.redesign-map-page .redesign-map-layout.shapes .redesign-map-project-actions .bp6-button {
  border: 1px !important;
}

.content.mapping.redesign-map-page .redesign-map-layout.shapes .redesign-map-project-actions .bp6-button.redesign-map-project-open-close,
.content.mapping.redesign-map-page .redesign-map-layout.shapes .redesign-map-project-actions .bp6-button.redesign-map-project-go-back,
.content.mapping.redesign-map-page .redesign-map-layout.shapes .redesign-map-project-actions .bp6-button.redesign-map-project-modify,
.content.mapping.redesign-map-page .redesign-map-layout.shapes .redesign-map-project-actions .bp6-button.redesign-map-project-create,
.content.mapping.redesign-map-page .redesign-map-layout.shapes .redesign-map-project-actions .bp6-button.redesign-map-project-finish,
.content.mapping.redesign-map-page .redesign-map-layout.shapes .redesign-map-project-actions .bp6-button.redesign-map-project-delete,
.content.mapping.redesign-map-page .redesign-map-layout.shapes .redesign-map-project-actions .bp6-button.redesign-map-project-sampling,
.content.mapping.redesign-map-page .redesign-map-layout.shapes .redesign-map-project-actions .has-store-action .bp6-button.redesign-map-project-complete {
  position: relative;
}

.content.mapping.redesign-map-page .redesign-map-layout.shapes .redesign-map-project-actions .bp6-button.redesign-map-project-open-close::before,
.content.mapping.redesign-map-page .redesign-map-layout.shapes .redesign-map-project-actions .bp6-button.redesign-map-project-go-back::before,
.content.mapping.redesign-map-page .redesign-map-layout.shapes .redesign-map-project-actions .bp6-button.redesign-map-project-modify::before,
.content.mapping.redesign-map-page .redesign-map-layout.shapes .redesign-map-project-actions .bp6-button.redesign-map-project-create::before,
.content.mapping.redesign-map-page .redesign-map-layout.shapes .redesign-map-project-actions .bp6-button.redesign-map-project-finish::before,
.content.mapping.redesign-map-page .redesign-map-layout.shapes .redesign-map-project-actions .bp6-button.redesign-map-project-delete::before,
.content.mapping.redesign-map-page .redesign-map-layout.shapes .redesign-map-project-actions .bp6-button.redesign-map-project-sampling::before,
.content.mapping.redesign-map-page .redesign-map-layout.shapes .redesign-map-project-actions .has-store-action .bp6-button.redesign-map-project-complete::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 1px;
  background-color: #000;
  pointer-events: none;
  z-index: 2;
}

.content.mapping.redesign-map-page .redesign-map-layout.shapes .redesign-map-project-actions .bp6-button,
.content.mapping.redesign-map-page .redesign-map-layout.shapes .redesign-map-project-actions .bp6-button .bp6-button-text,
.content.mapping.redesign-map-page .redesign-map-layout.shapes .redesign-map-project-actions .bp6-button .bp6-icon {
  color: #000 !important;
}

.content.mapping.redesign-map-page .redesign-map-layout.shapes .redesign-map-project-actions .bp6-button .bp6-icon svg {
  fill: #000 !important;
}

.redesign-map-master-body .content.shpFileExport {
  height: 100%;
}

.redesign-map-master-body .content.shpFileExport .view-content {
  height: 100%;
}

.bp6-dialog.redesign-marker-selection-dialog .zoneTypeSelector.content .footerSave {
  display: flex;
  justify-content: center;
  width: 100%;
}

.bp6-dialog.redesign-marker-selection-dialog .zoneTypeSelector.content .footerSave .bp6-button-group {
  justify-content: center;
  flex-wrap: wrap;
  margin-left: 0 !important;
  max-width: 100%;
}

.bp6-portal .bp6-dialog-container.bp6-overlay-content .bp6-dialog.one-column.shapeDataChanges {
  width: 40%;
  height: 30%;
}

.map .mapping .map-with-form-sidbar.shapes.pickerOpen .storedShapes .ag-theme-balham .autocomplete .bp6-menu {
  top: 33px;
}

.redesign-map-main.expand-width .storedShapes.content.FullSize.redesign-map-projects .main.Verify .buttonHolder {
  height: 38px;
}

.mapping.redesign-map-page .redesign-map-content-body .redesign-map-page-body .map-plus-table.redesign-map-main .redesign-map-projects .ag-root-wrapper {
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}

.bp6-portal .bp6-popover.results-mapping-year-menu {
  margin-top: -15px;
}
/** Reporting redesign overrides kept separate to reduce merge conflicts. */

.app.Consultant div.master-body.reporting-redesign-master-body,
.app.Direct-client div.master-body.reporting-redesign-master-body {
  height: calc(100% - 60px);
}

.app.Client div.master-body.reporting-redesign-master-body {
  height: calc(100% - 90px);
}

.reporting-redesign-soil-summary-page {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  max-height: 100%;
  min-height: 0;
  overflow: hidden;
}

.reporting-redesign-soil-summary-selection,
.reporting-redesign-soil-summary-results {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  width: 100%;
  height: 0;
  min-height: 0;
  overflow: hidden;
}

.reporting-redesign-soil-summary-selection > .content-header,
.reporting-redesign-soil-summary-results > .content-header {
  flex: 0 0 auto;
}

.reporting-redesign-soil-summary-selection-body,
.reporting-redesign-soil-summary-results-body {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex: 1 1 0;
  width: 100%;
  height: 0 !important;
  min-height: 0;
  min-width: 0;
  overflow: hidden;
}

.reporting-redesign-soil-summary-loading-overlay {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1000 !important;
  box-sizing: border-box;
  float: none;
  width: 100% !important;
  height: 100% !important;
}

.reporting-redesign-soil-summary-selection-body > .analyte-list-container,
.reporting-redesign-soil-summary-selection-body > .stat-list-container {
  box-sizing: border-box;
  flex: 1 1 50%;
  float: none;
  width: 50%;
  height: 100%;
  min-height: 0;
  min-width: 0;
  overflow: hidden;
}

.reporting-redesign-soil-summary-selection-body > .analyte-list-container .ag-root-wrapper {
  border-top-left-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
}

.reporting-redesign-soil-summary-results-body > .analyte-summary-container {
  box-sizing: border-box;
  flex: 1 1 100%;
  width: 100%;
  height: 100%;
  min-height: 0;
  min-width: 0;
  overflow: hidden;
}

.reporting-redesign-soil-summary-choice-grid,
.reporting-redesign-soil-summary-choice-grid .ag-editable-grid,
.reporting-redesign-soil-summary-choice-grid .ag-root-wrapper,
.reporting-redesign-soil-summary-grid,
.reporting-redesign-soil-summary-grid > .ag-theme-balham,
.reporting-redesign-soil-summary-grid .ag-editable-grid,
.reporting-redesign-soil-summary-grid .ag-root-wrapper {
  height: 100%;
  min-height: 0;
}

.reporting-redesign-soil-results-export-page {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}

.reporting-redesign-soil-results-export-page > .SoilHeader {
  flex: 0 0 96px;
  width: 100%;
  height: 96px;
}

.reporting-redesign-soil-results-export-body {
  display: flex;
  flex: 1 1 0;
  width: 100%;
  height: 0;
  min-height: 0;
}

.reporting-redesign-soil-results-export-view {
  display: flex;
  flex: 1 1 0;
  width: 100%;
  height: 100%;
  min-height: 0;
}

.reporting-redesign-soil-results-export-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr) 32px;
  width: 100%;
  height: 100% !important;
  min-height: 0;
  overflow: hidden;
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
}

.reporting-redesign-soil-results-export-grid > .fields,
.reporting-redesign-soil-results-export-grid > .zones {
  float: none !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0;
  overflow: hidden;
}

.reporting-redesign-soil-results-export-grid > .fields {
  border-top-left-radius: 10px !important;
}

.reporting-redesign-soil-results-export-grid > .zones {
  border-top-right-radius: 10px !important;
}

.reporting-redesign-soil-results-export-grid > .fields > .ag-root-wrapper,
.reporting-redesign-soil-results-export-grid > .zones > .ag-root-wrapper {
  width: 100%;
  height: 100%;
  min-height: 0;
}

.reporting-redesign-soil-results-export-body .reporting-redesign-soil-results-export-view .reporting-redesign-soil-results-export-grid > .fields > .ag-root-wrapper {
  overflow: hidden;
  border-top-left-radius: 10px !important;
}

.reporting-redesign-soil-results-export-body .reporting-redesign-soil-results-export-view .reporting-redesign-soil-results-export-grid > .zones > .ag-root-wrapper {
  overflow: hidden;
  border-top-right-radius: 10px !important;
}

.reporting-redesign-soil-results-export-grid > .totals {
  grid-column: 1 / -1;
  float: none;
}

/* All Amplify Audit types share this grid and require a persistent horizontal scrollbar. */
.reporting-redesign-audit-page,
.reporting-redesign-audit-body,
.reporting-redesign-audit-grid {
  position: relative;
  min-height: 0;
  min-width: 0;
}

.reporting-redesign-audit-page > .content-header {
  display: flex;
  align-items: center;
}

.reporting-redesign-audit-page > .content-header .content-page-desc {
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
}

.reporting-redesign-audit-page > .content-header .content-page-desc > div {
  min-width: 0;
}

.reporting-redesign-audit-page > .content-header .content-title {
  max-width: 100%;
  overflow: hidden;
  font-size: clamp(20px, 1.65vw, 32px);
  line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.reporting-redesign-audit-page > .content-header .content-btns {
  position: static;
  flex: 0 0 auto;
  padding: 0 0 0 16px;
}

.reporting-redesign-audit-body > .reporting-redesign-audit-loading-overlay {
  position: absolute;
  inset: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background-color: #cecece;
  pointer-events: auto;
}

.reporting-redesign-audit-grid .ag-body-horizontal-scroll {
  flex: 0 0 16px;
  height: 16px;
  min-height: 16px;
}

.reporting-redesign-audit-grid .ag-body-horizontal-scroll-viewport {
  overflow-x: scroll !important;
}

/* Keep dynamically pinned audit labels on the same 200px column grid as the data. */
.reporting-redesign-audit-grid .ag-pinned-left-header,
.reporting-redesign-audit-grid .ag-pinned-left-cols-container {
  box-sizing: border-box;
  overflow: hidden;
}

.reporting-redesign-audit-grid .ag-pinned-left-cols-container .ag-cell,
.reporting-redesign-audit-grid .ag-pinned-left-cols-container .ag-cell-wrapper,
.reporting-redesign-audit-grid .ag-pinned-left-cols-container .ag-cell-value,
.reporting-redesign-audit-grid .ag-center-cols-container .ag-cell-wrapper,
.reporting-redesign-audit-grid .ag-center-cols-container .ag-cell-value,
.reporting-redesign-audit-grid .column-strip {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

.reporting-redesign-audit-grid .column-strip {
  margin: 0;
  overflow: hidden;
}

/* AG creates a pinned-width scrollbar spacer; it should reserve space, not scroll. */
.reporting-redesign-audit-grid .ag-horizontal-left-spacer {
  overflow: hidden !important;
  scrollbar-width: none;
}

.reporting-redesign-audit-grid .ag-horizontal-left-spacer::-webkit-scrollbar {
  display: none;
}

.reporting-redesign-audit-page .content-header .content-btns .bp6-button.bp6-intent-success,
.reporting-redesign-audit-page .content-header .content-btns .bp6-button.bp6-intent-success .bp6-button-text,
.reporting-redesign-audit-page .content-header .content-btns .bp6-button.bp6-intent-success .bp6-icon,
.reporting-redesign-audit-page .content-header .content-btns .bp6-button.bp6-intent-success .bp6-icon svg {
  color: #000 !important;
  fill: #000 !important;
}

.page-content .crop-plan-redesign {
  display: flex;
  flex-direction: column;
  height: 100% !important;
  min-height: 0;
  width: 100%;
}

.page-content .crop-plan-redesign > .main {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  height: 100% !important;
  min-height: 0;
  width: 100%;
}

.page-content .crop-plan-redesign > .main > .content-header {
  flex: 0 0 auto;
}

.page-content .crop-plan-redesign > .main > .content-body {
  flex: 0 0 calc(100% - 96px);
  height: calc(100% - 96px) !important;
  max-height: calc(100% - 96px);
  min-height: 0;
  overflow: hidden;
  position: relative;
}

.page-content .crop-plan-redesign .content-body > .ag-editable-grid {
  bottom: 20px;
  display: block;
  height: auto !important;
  left: 20px;
  min-height: 0;
  position: absolute;
  right: 20px;
  top: 0;
  width: auto;
}

.page-content .crop-plan-redesign .ag-root-wrapper {
  height: 100% !important;
  min-height: 0;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
}

.page-content .crop-plan-redesign .ag-row:focus-within {
  z-index: 2;
}

.page-content .crop-plan-redesign .ag-cell.ag-cell-inline-editing,
.page-content .crop-plan-redesign .ag-cell.ag-cell-focus:focus-within,
.page-content .crop-plan-redesign .ag-cell:focus-within .ag-react-container,
.page-content .crop-plan-redesign .ag-cell:focus-within .autocomplete {
  overflow: visible;
  z-index: 3;
}

.page-content .crop-plan-redesign .ag-cell:focus-within .autocomplete .bp6-menu {
  z-index: 4;
}

.rxFormula.MasterDiv .content-body {
  height: 100% !important;
}

.page-content .zone-status-redesign {
  display: flex;
  flex-direction: column;
  height: 100% !important;
  min-height: 0;
  width: 100%;
}

.page-content .zone-status-redesign > .main {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  height: 100% !important;
  min-height: 0;
  width: 100%;
}

.page-content .zone-status-redesign > .main > .content-header {
  flex: 0 0 auto;
}

.page-content .zone-status-redesign > .main > .content-body {
  flex: 0 0 calc(100% - 96px);
  height: calc(100% - 96px) !important;
  max-height: calc(100% - 96px);
  min-height: 0;
  overflow: hidden;
  position: relative;
}

.page-content .zone-status-redesign .content-body > .ag-editable-grid {
  bottom: 20px;
  height: auto !important;
  left: 20px;
  min-height: 0;
  position: absolute;
  right: 20px;
  top: 0;
  width: auto;
}

.page-content .zone-status-redesign .ag-root-wrapper {
  border-radius: 10px;
  height: 100% !important;
  min-height: 0;
  overflow: hidden;
  width: 100%;
}

.zone-status-update-popover {
  margin-top: 4px;
}

/* Tissue Nutrient Graph responsive live-page layout.
   The hidden .tissue-print-host is intentionally excluded so PDF capture keeps
   its fixed 1400 x 720 composition. */

.page-content.tissue-graph:not(.tissue-print-host) .content.graph.tissue {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

.page-content.tissue-graph:not(.tissue-print-host) .content.graph.tissue > .content-header {
  flex: 0 0 auto;
  box-sizing: border-box;
}

.page-content.tissue-graph:not(.tissue-print-host) .content.graph.tissue > .content-header .content-title {
  max-width: 100%;
  overflow: hidden;
  font-size: clamp(20px, 1.65vw, 32px);
  line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.page-content.tissue-graph:not(.tissue-print-host) .tissue-graph-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  gap: 0.5rem;
}

.page-content.tissue-graph:not(.tissue-print-host) .tissue-graph-actions > *,
.page-content.tissue-graph:not(.tissue-print-host) .tissue-graph-actions .bp6-popover-wrapper,
.page-content.tissue-graph:not(.tissue-print-host) .tissue-graph-actions .bp6-popover-target {
  flex: 0 0 auto;
  margin: 0;
}

/* Override the legacy 30px print wrapper, which makes its taller button sit
   below the other header actions when the action group uses flexbox. */
.page-content.tissue-graph:not(.tissue-print-host) .tissue-graph-actions .print-btn-container,
.page-content.tissue-graph:not(.tissue-print-host) .tissue-graph-actions .print-btn-container > div {
  display: flex;
  align-items: stretch;
  height: auto;
  float: none;
  margin: 0;
}

.page-content.tissue-graph:not(.tissue-print-host) .content.graph.tissue > .content-body {
  position: relative;
  flex: 1 1 auto;
  box-sizing: border-box;
  height: auto;
  min-width: 0;
  min-height: 0;
  padding: 0 1rem 1rem;
  overflow: hidden;
}

.page-content.tissue-graph:not(.tissue-print-host) .tissue-graph-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) clamp(10rem, 12vw, 13rem);
  gap: clamp(0.75rem, 1.25vw, 1.5rem);
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 36rem;
}

.page-content.tissue-graph:not(.tissue-print-host) .slider-wrapper {
  float: none;
  align-self: stretch;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  padding-bottom: 2.75rem;
  overflow: hidden;
  background-color: #fff;
}

.page-content.tissue-graph:not(.tissue-print-host) .slider-wrapper .awssld.awssld--organic-arrows {
  --control-button-width: clamp(2.75rem, 7%, 5.5rem);
  --organic-arrow-height: clamp(1.75rem, 4vw, 2.75rem);
  float: none !important;
  width: 100% !important;
  max-width: none;
  height: 100% !important;
  min-width: 0;
  min-height: 0;
  transform: none;
  -webkit-transform: none;
}

.page-content.tissue-graph:not(.tissue-print-host) .slider-wrapper .awssld__wrapper,
.page-content.tissue-graph:not(.tissue-print-host) .slider-wrapper .awssld__container {
  box-sizing: border-box;
  width: 100% !important;
  height: 100% !important;
  min-width: 0;
  min-height: 0;
}

.page-content.tissue-graph:not(.tissue-print-host) .slider-wrapper .awssld__container {
  padding-bottom: 0 !important;
}

.page-content.tissue-graph:not(.tissue-print-host) .slider-wrapper .awssld__content {
  align-items: stretch;
  justify-content: stretch;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

.page-content.tissue-graph:not(.tissue-print-host) .slider-wrapper .row-wrapper {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
}

.page-content.tissue-graph:not(.tissue-print-host) .slider-wrapper .chart-row {
  position: relative;
  left: auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: auto minmax(0, 1fr);
  gap: clamp(0.5rem, 1vw, 1rem);
  float: none;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: clamp(0.5rem, 1vw, 1rem) clamp(3.25rem, 6vw, 6rem);
  transform: none;
  transform-origin: center;
  -webkit-transform: none;
}

.page-content.tissue-graph:not(.tissue-print-host) .slider-wrapper .chart-title {
  grid-column: 1 / -1;
  min-width: 0;
  min-height: 1.5rem;
  text-align: center;
}

.page-content.tissue-graph:not(.tissue-print-host) .slider-wrapper .chart-title h2 {
  margin: 0;
  overflow: hidden;
  font-size: clamp(0.9rem, 1.25vw, 1.25rem);
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.page-content.tissue-graph:not(.tissue-print-host) .slider-wrapper .chart-1,
.page-content.tissue-graph:not(.tissue-print-host) .slider-wrapper .chart-2,
.page-content.tissue-graph:not(.tissue-print-host) .slider-wrapper .chart-3 {
  min-width: 0;
  min-height: 0;
  height: 100%;
}

.page-content.tissue-graph:not(.tissue-print-host) .slider-wrapper .tissue-chart-body {
  position: relative;
  display: grid;
  grid-template-rows: repeat(4, minmax(0, 1fr));
  gap: clamp(0.4rem, 0.8vh, 0.75rem);
  float: none;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  margin: 0;
  transform: none;
  -webkit-transform: none;
}

.page-content.tissue-graph:not(.tissue-print-host) .slider-wrapper .chart-graphic {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  margin: 0;
  overflow: hidden;
  background-color: #f3f3f3;
  transform: none;
  transform-origin: center;
  -webkit-transform: none;
}

.page-content.tissue-graph:not(.tissue-print-host) .slider-wrapper .chart-graphic canvas {
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: 100%;
}

.page-content.tissue-graph:not(.tissue-print-host) .slider-wrapper .awssld__bullets {
  bottom: -2.35rem;
}

.page-content.tissue-graph:not(.tissue-print-host) .legendsDiv {
  position: static;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  padding: 1rem 0 2.75rem;
  transform: none;
  -webkit-transform: none;
}

.page-content.tissue-graph:not(.tissue-print-host) .legendsDiv.hide {
  display: none;
}

.page-content.tissue-graph:not(.tissue-print-host) .chartLinesLegend {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.25rem;
  min-width: 0;
  transform: none;
  -webkit-transform: none;
}

.page-content.tissue-graph:not(.tissue-print-host) .chartLinesLegend svg {
  display: block;
  max-width: 100%;
}

.page-content.tissue-graph:not(.tissue-print-host) .chartLinesLegend p {
  margin: 0 0 0.75rem;
  line-height: 1.25;
}

.page-content.tissue-graph:not(.tissue-print-host) .barGraphLegend {
  position: static;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.4rem;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0.5rem;
  background-color: #cecece;
  transform: none;
  -webkit-transform: none;
}

.page-content.tissue-graph:not(.tissue-print-host) .barGraphLegend .Excess,
.page-content.tissue-graph:not(.tissue-print-host) .barGraphLegend .Desired,
.page-content.tissue-graph:not(.tissue-print-host) .barGraphLegend .Deficient {
  display: grid;
  grid-template-columns: minmax(2.75rem, 3.75rem) minmax(0, 1fr);
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  height: auto;
}

.page-content.tissue-graph:not(.tissue-print-host) .barGraphLegend .ExcessColorBox,
.page-content.tissue-graph:not(.tissue-print-host) .barGraphLegend .DesiredColorBox,
.page-content.tissue-graph:not(.tissue-print-host) .barGraphLegend .DeficientColorBox {
  width: 100%;
  height: 1.875rem;
  margin: 0;
}

.page-content.tissue-graph:not(.tissue-print-host) .barGraphLegend .barGraphLegendLabelsExcess,
.page-content.tissue-graph:not(.tissue-print-host) .barGraphLegend .barGraphLegendLabelsDesired,
.page-content.tissue-graph:not(.tissue-print-host) .barGraphLegend .barGraphLegendLabelsDeficient {
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
  font-weight: 700;
}

.page-content.tissue-graph:not(.tissue-print-host) .noResults {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  float: none;
  margin: 0;
  padding: 1rem;
  text-align: center;
  font-size: clamp(1.25rem, 2.5vw, 2rem);
}

@media screen and (max-width: 1500px) {
  .page-content.tissue-graph:not(.tissue-print-host) .content.graph.tissue > .content-header {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    height: 6rem;
    min-height: 6rem;
    padding: 0.625rem 1rem;
    overflow: hidden;
  }

  .page-content.tissue-graph:not(.tissue-print-host) .content-header.summary-header .content-page-desc {
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    height: 4.25rem;
    overflow: hidden;
  }

  .page-content.tissue-graph:not(.tissue-print-host) .content-header.summary-header .content-page-desc > div:last-child {
    min-width: 0;
    overflow: hidden;
  }

  .page-content.tissue-graph:not(.tissue-print-host) .content-header .content-btns {
    position: static;
    flex: 0 0 auto;
    width: auto;
    margin-left: auto;
    padding: 0;
    text-align: right;
  }

  .page-content.tissue-graph:not(.tissue-print-host) .tissue-graph-actions {
    justify-content: flex-end;
    flex-wrap: nowrap;
  }
}

@media screen and (max-width: 1280px) {
  .page-content.tissue-graph:not(.tissue-print-host) .content.graph.tissue > .content-body {
    overflow: auto;
  }

  .page-content.tissue-graph:not(.tissue-print-host) .tissue-graph-layout {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(36rem, 1fr) auto;
    height: auto;
    min-height: 100%;
  }

  .page-content.tissue-graph:not(.tissue-print-host) .legendsDiv {
    flex-direction: row;
    align-items: center;
    gap: 1rem;
    height: auto;
    padding: 0.5rem 0;
  }

  .page-content.tissue-graph:not(.tissue-print-host) .chartLinesLegend {
    flex: 1 1 auto;
    grid-template-columns: auto minmax(8rem, 1fr) auto minmax(8rem, 1fr);
    align-items: center;
  }

  .page-content.tissue-graph:not(.tissue-print-host) .chartLinesLegend p {
    margin: 0;
  }

  .page-content.tissue-graph:not(.tissue-print-host) .barGraphLegend {
    flex: 0 1 30rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .page-content.tissue-graph:not(.tissue-print-host) .barGraphLegend .Excess,
  .page-content.tissue-graph:not(.tissue-print-host) .barGraphLegend .Desired,
  .page-content.tissue-graph:not(.tissue-print-host) .barGraphLegend .Deficient {
    grid-template-columns: minmax(2.25rem, 3rem) minmax(0, 1fr);
  }
}

@media screen and (max-width: 900px) {
  .page-content.tissue-graph:not(.tissue-print-host) .content.graph.tissue > .content-body {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .page-content.tissue-graph:not(.tissue-print-host) .slider-wrapper .awssld__content {
    align-items: flex-start;
    overflow-y: auto;
  }

  .page-content.tissue-graph:not(.tissue-print-host) .slider-wrapper .chart-row {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto;
    height: auto;
    padding-right: clamp(2.75rem, 9vw, 4rem);
    padding-left: clamp(2.75rem, 9vw, 4rem);
  }

  .page-content.tissue-graph:not(.tissue-print-host) .slider-wrapper .chart-1,
  .page-content.tissue-graph:not(.tissue-print-host) .slider-wrapper .chart-2,
  .page-content.tissue-graph:not(.tissue-print-host) .slider-wrapper .chart-3 {
    height: auto;
  }

  .page-content.tissue-graph:not(.tissue-print-host) .slider-wrapper .tissue-chart-body {
    grid-template-rows: repeat(4, minmax(10rem, 1fr));
    height: auto;
  }

  .page-content.tissue-graph:not(.tissue-print-host) .legendsDiv {
    align-items: stretch;
    flex-direction: column;
  }

  .page-content.tissue-graph:not(.tissue-print-host) .chartLinesLegend {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .page-content.tissue-graph:not(.tissue-print-host) .barGraphLegend {
    width: 100%;
  }
}

@media screen and (max-width: 640px) {
  .page-content.tissue-graph:not(.tissue-print-host) .content-header.summary-header .content-page-desc {
    padding-left: 3.75rem;
  }

  .page-content.tissue-graph:not(.tissue-print-host) .content-header.summary-header .summary-title-icon-wrap {
    width: 3.25rem;
    height: 3.25rem;
    flex-basis: 3.25rem;
  }

  .page-content.tissue-graph:not(.tissue-print-host) .content-header.summary-header .summary-title-icon {
    width: 2rem;
    height: 2rem;
  }

  .page-content.tissue-graph:not(.tissue-print-host) .content-header h1 {
    max-width: 100%;
    margin-left: 0;
    overflow-wrap: anywhere;
    font-size: clamp(1.25rem, 5vw, 1.75rem);
    line-height: 1.1;
  }

  .page-content.tissue-graph:not(.tissue-print-host) .tissue-graph-actions > * {
    flex: 1 1 calc(50% - 0.5rem);
  }

  .page-content.tissue-graph:not(.tissue-print-host) .tissue-graph-actions .bp6-button,
  .page-content.tissue-graph:not(.tissue-print-host) .tissue-graph-actions .bp6-popover-wrapper,
  .page-content.tissue-graph:not(.tissue-print-host) .tissue-graph-actions .bp6-popover-target {
    width: 100%;
    min-width: 0;
  }

  .page-content.tissue-graph:not(.tissue-print-host) .barGraphLegend {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-height: 800px) {
  .page-content.tissue-graph:not(.tissue-print-host) .content.graph.tissue > .content-body {
    overflow: auto;
  }

  .page-content.tissue-graph:not(.tissue-print-host) .tissue-graph-layout {
    min-height: 36rem;
  }
}

/** Filename: routes.css */

/** Worksheet Recent Activity **/
.react-bs-table-container.recent {   
	height: calc(100% - 25px);
}

.react-bs-table-container.recent .react-bs-table {
	padding: 10px 0 0 0;
	height: calc(100% - 20px) !IMPORTANT;
	border-bottom: 2px solid #cecece;
    margin-bottom: 5px;
}

.react-bs-table-container.recent table {
	height: 100%;
}

.react-bs-table-container.recent table td {
	height: 20px;
	vertical-align: middle;
}

.recent .react-bs-table-pagination .dropdown {
    width: 100%;
    display: inline-block;
}

.recent .react-bs-table-pagination .dropdown-menu {
    top: -4px;
    left: 54px;
    height: 38px;
    width: 100%;
    box-shadow: none;    
	border: none;
}

.recent .react-bs-table-pagination .dropdown-menu li {
	float: left;
	padding: 0 2px;
}

.react-bootstrap-table-pagination {
    bottom: 0;
    width: 100%;
    border-top: 1px solid #cecece;
}

.react-bs-table-pagination div.row {
	margin-top: 1px !IMPORTANT;
}

.react-bs-table-pagination div.row > div {
	width: 100%;
}

.react-bs-table-pagination > div > div {
	float:left;
}


.react-bs-table-pagination div[class*="col-"] {
	width: 40%;
}

.react-bs-table-pagination div[class*="col-"]:first-child {
	width: 60%;
}

.react-bootstrap-table-page-btns-ul {
	margin: 0;
	float: right;
}

/** Worksheet Tracker **/
#pageNavigation .nav-content {
	height: calc(100% - 30px);
	overflow: auto;
}

.dashboard #pageNavigation .nav-content {
	overflow: hidden;
}

.worksheet-tracker {
	background-color: #fff;
	padding: 5px;
    height: 100%;
    width: 100%;
    overflow: auto;
}

.dashboard #pageNavigation .nav-content .worksheet-tracker .scroll-container {
	width: 2000px;
    height: 100%;
}

.worksheet-tracker > .dnd.card {
	width: 237px;
	height: 80%;
	margin: 2px;
	float: left;  
	background-color: #f6f6f6;	
}

.worksheet-tracker > .dnd.card .card-header {
	height: 23px;
}

.worksheet-tracker > .dnd.card .card-header .fa {    
	padding: 2px 10px;
    font-size: 18px;
}

.worksheet-tracker > .dnd.card .card-header h5 {
	margin: 2px 0;
	color: #064828;
	text-align: center;
}

.worksheet-tracker > .dnd.card .dnd.card .card-header {
	background-color: #fff;
}

.worksheet-tracker > .dnd.card > .card-body {
	padding-top: 10px;
}

/* Log-in Modal Screen */
.static-modal.login-modal {
	margin: 0;
	background-color: #fff;
	position: absolute;
    top: 30px;
    left: 0;
    width: 100%;    
	height: calc(100% - 30px);
}

.static-modal.login-modal img {
	width: 100%;
}

.static-modal.login-modal .modal-dialog {
	padding-top: 30px;
}

.static-modal.login-modal .modal-dialog h3 {
	text-align: center;
	padding-bottom: 20px;
}

.static-modal.login-modal .modal-dialog input {
	font-size: 24px;
    height: 48px;
}

.static-modal.login-modal .modal-body {
	padding: 40px;
}

.static-modal.login-modal .modal-body button {
	width: 100%;
	margin: 10px 0 20px 0;
}

.static-modal.login-modal .modal-content {
	width: 520px;
    margin: 0 auto;
}

.static-modal.login-modal a {
	cursor: pointer;
}

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

/* Routes */
.date-range .start-date,
.date-range .end-date {
	margin: 1px 0;
}

.date-range .start-date .form-control,
.date-range .end-date .form-control {
    height: 24px;
    padding: 4px 6px 3px 6px;
    font-size: 12px;
    line-height: 1.42857143;
}

.date-range .input-group-addon {
    font-size: 12px;
    padding: 0px 4px;
}

.date-range .input-group-addon:first-child {
    padding: 2px 4px 0px 4px;;
}


.date-range .instruction.input-group-addon label {
    font-size: 12px;
    margin-bottom: 0px;
}

#pageNavigation.table-container ul.nav {
    height: 30px;
    font-size: 14pt;
}

.filter .form-control {
     height: 25px;
}

.pageNavigation .page-content,
.pageNavigation.table-container .nav-content,
#pageNavigation.table-container .nav-content {
    height: calc(100% - 30px);
    overflow: hidden;
}

.page-zones-container {
    float: left;
    height: 100%;
    width: 256px;
}

.page-with-zones-content {
    float: left;
    height: 100%;
    width: calc(100% - 256px);
}

.table-container .react-bootstrap-table {
	height: calc(100% - 46px);
}

.react-bootstrap-table .auto-height {
	height: auto;
}

.table-bordered {
	border: none;
}

.table-container .table th:first-child,
.table-container .table td:first-child {
	border-left: none;
}

.typeahead-group.col-6 {
	width: 50%;
}

.table-container .typeahead-group label {
	display: block;
    float: left;
}

.typeahead-group .form-control {
	position: relative;
    float: left;
    width: calc(100% - 140px);
    padding: 0px 2px;
}

.typeahead-group label {
    line-height: 22px;
}

.date-range .rdtPicker {
    top: 34px;
}

.table-container .rbt-input {
	overflow: hidden;
    word-wrap: unset;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
}

.table-container .rbt-token {
     font-size: 10px;
}

/* Widget Dashboard  */
div.widget-dashboard-container {
	width: 100%;
	height: 100%;
}

div.widget-dashboard-container .header h4 {
	margin: 0;
    padding: .3rem .65rem .1rem .65rem;
    border-bottom: 1px solid #cecece;
    background-color: #eee;
    font-size: 20px;
}

.row-lg-1 {
	height: calc( (100%/12) * 1 );
}

.row-lg-2 {
	height: calc( (100%/12) * 2 );
}

.row-lg-3 {
	height: calc( (100%/12) * 3 );
}

.row-lg-4 {
	height: calc( (100%/12) * 4 );
}

.row-lg-5 {
	height: calc( (100%/12) * 5 );
}

.row-lg-6 {
	height: calc( (100%/12) * 6 );
}

.row-lg-7 {
	height: calc( (100%/12) * 7 );
}

.row-lg-8 {
	height: calc( (100%/12) * 8 );
}

.row-lg-9 {
	height: calc( (100%/12) * 9 );
}

.row-lg-10 {
	height: calc( (100%/12) * 10 );
}

.row-lg-11 {
	height: calc( (100%/12) * 11 );
}

.row-lg-12 {
	height: calc( (100%/12) * 12 );
}

.content-body .widgets {
    width: 100%;
    height: 100%;
    float: left;
    padding: 0px;
}

.widgets-container {
    width: calc(100% - 12px);
    height: calc(50% - 20px);
    float: left;
    display: flex;
    flex-wrap: nowrap;
    padding: 10px;
    margin: 12px 5px;
    gap: 10px;
    background-color: white;
    border-radius: 10px;
}

.widgets-container .widget-outer {
    box-sizing: border-box;
    height: calc(100% - 5px);
}


.widgets  .ag-theme-balham .ag-root-wrapper {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.widget-outer {
	float: left;
	border-radius: 10px;
}

.widget-inner {
	width: calc(100% - 2px);
    height: calc(100% - 2px);
    background-color: #fff;
    overflow: hidden;
	border-radius: 10px;
    padding: 0;
}

.widget-header > h4 {
	text-align: center;
	margin: 0;
    padding: .3rem .65rem .1rem .65rem;
    background-color: #FCE8C2;
    color: #fff;
    text-shadow: 0px 0px 3px #000;
    font-size: 20px;
}

div.widget-body {
    height: calc(100% - 50px);
}

div.widget-body.no-header {
    height: 100%;
}

div.widget-body div.widget-body {
    height: 100%;
}

.widget-body,
.widget-body > div,
.widget-dashboard-container .widgets div.wrapper {
	width: 100%;
	height: 100%;
}

.widget-dashboard-container .widgets div.wrapper {
    padding: 0;
}

.dashboard .left-column {
    float: left;
    width: 50%;
    padding: 2px;
}

.dashboard .right-column {
    float: right;
    width: 50%;
    text-align: right;
    padding: 2px;
}

/* Widgets */

/* Weather Client */
.role.Client .weather {
    width: 100%;
    margin: 0;
}

.role.Client .page-content.weather .weather.weather--page {
    display: flex;
    flex-direction: column;
    width: min(100%, 1200px);
    height: calc(100% - 20px);
    margin: 10px auto;
    background-color: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 28px rgb(0 29 29 / 10%);
}

.role.Client .page-content.weather .weather.weather--page .widget-header {
    flex: 0 0 auto;
    min-height: 64px;
    padding: 0 28px;
    background-color: #FCE8C2;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}

.role.Client .weather .widget-header > h4 {
    background-color: #fff;
    color: black;
    font-weight: bold;
    text-shadow: none;
}

.role.Client .weather .widget-header > h4 > span {
    margin-left: 5%;
}

.role.Client .page-content.weather .weather.weather--page .widget-header > h4 {
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: transparent;
    color: #001D1D;
    font-size: 28px;
    line-height: 1.2;
}

.role.Client .page-content.weather .weather.weather--page .widget-header > h4 > span {
    margin-left: 0;
}

/* Weather Widget */
.weather-small {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
    width: 100%;
    height: auto;
    text-align: left;
    float: left;
    padding: 16px 20px 8px;
    margin: 0;
    box-sizing: border-box;
}

.weather-small .img {
    flex: 0 0 25%;
    padding: 0;
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.img-wrap {
    width: 50%;
    height: 100%;
}

.p2-weather .img-wrap {
    min-width: 0;
    flex-shrink: 1;
}

.weather-small .img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.weather-summary {
    flex: 0 0 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    width: 50%;
    height: 100%;
}

.role.Client .page-content.weather .weather.weather--page .weather-small {
    flex: 0 0 auto;
    gap: 32px;
    padding: 32px 36px 16px;
}

.role.Client .page-content.weather .weather.weather--page .img-wrap {
    flex: 0 0 240px;
    width: 240px;
    height: 240px;
}

.role.Client .page-content.weather .weather.weather--page .weather-summary {
    flex: 1 1 auto;
    width: auto;
    align-items: flex-start;
}

.p2-weather .weather-summary {
    flex-shrink: 1;
}

.temp  {
    width: 100%;
    height: auto;
    padding: 0;
    text-align: center;
}

.temp label span {   
    float: none;
    display: block;
    width: 100%;
    font-size: 52px;
    line-height: 52px;
    margin-bottom: 0;
}

.role.Client .page-content.weather .weather.weather--page .temp label span {
    width: auto;
    font-size: 88px;
    line-height: 0.95;
    text-align: left;
}

.role.Client .page-content.weather .weather.weather--page .temp {
    text-align: left;
}

.temp span {
	font-size: 22px;
    font-weight: bold;
    text-align: left;
    width: auto;
    display: block;
}

.low-high label,
.low-high span  {
	font-size: 12pt;
    line-height: 18px;
    margin: .2rem 0;
    padding: .3rem;
    display: inline-block;
    width: auto;
    float: none;
}

.low-high span {
	font-weight: normal;
}

.conditions {    
    width: 100%;
    margin: 10px 0 0;
}

.role.Client .page-content.weather .weather.weather--page .conditions {
    margin-top: 14px;
}

.conditions label {
	width: 100%;
	display: block;
    text-align: center;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 4px;
}

.conditions span {
	width: 100%;
	display: block;
    text-align: center;
    font-size: 18px;
    line-height: 24px;
}

.role.Client .page-content.weather .weather.weather--page .conditions label,
.role.Client .page-content.weather .weather.weather--page .conditions span {
    text-align: left;
    font-size: 26px;
    line-height: 1.25;
}

.weather-details > ul {
    padding: 1rem 2.5rem;
    width: 100%;
    float: left;
    margin-bottom: 0;
    font-size: .75rem;
    margin-top: -2rem;
}

.role.Client .page-content.weather .weather.weather--page .weather-details {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.role.Client .page-content.weather .weather.weather--page .weather-details > ul {
    flex: 1 1 auto;
    min-height: 0;
    padding: 8px 36px 0;
    margin-top: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 28px;
    row-gap: 8px;
    align-content: start;
    overflow-y: auto;
}

.modal-header h4 {
    margin-bottom: 0;
}

.weather-details > ul > li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 75%;
    margin: 0 auto;
    text-align: left;
}

.role.Client .page-content.weather .weather.weather--page .weather-details > ul > li {
    width: 100%;
    margin: 0;
    padding: 12px 0;
    border-bottom: 1px solid #E2E8E8;
    font-size: 18px;
}

.weather-details > ul > li > label {
    text-align: left;
}

.weather-details > label,
.weather-details > span {
	font-size: 10pt;
    line-height: 18px;
    margin: .2rem 0;
    padding: .3rem 1rem;
    display: inline-block;
    width: 50%;
    float: none;
}

.weather-details > ul > li > span {
	text-align: right;
    float: none;
    padding-right: 0;
}

.role.Client .page-content.weather .weather.weather--page .weather-details > ul > li > label,
.role.Client .page-content.weather .weather.weather--page .weather-details > ul > li > span,
.role.Client .page-content.weather .weather.weather--page .weather-details > ul > li > span > span {
    font-size: 18px;
    line-height: 1.3;
}

.weather-details .btns {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 10px;
    padding: 0;
}

.role.Client .page-content.weather .weather.weather--page .weather-details .btns {
    flex: 0 0 auto;
    float: none;
    width: 100%;
    justify-content: flex-end;
    gap: 14px;
    margin-top: 0;
    padding: 20px 36px 28px;
    padding-right: 36px;
    clear: both;
}

.weather-details .btns .btn {
    width: auto;
    margin: 5px 0;
    padding: 0.375rem 2rem;
    background-color: #5F9496;
    border-color: #5F9496;
}

.role.Client .page-content.weather .weather.weather--page .weather-details .btns .btn {
    width: auto;
    min-width: 180px;
    margin: 0;
    padding: 0.65rem 1.5rem;
}

@media screen and (max-height: 760px), screen and (min-resolution: 1.25dppx) and (max-resolution: 1.6dppx) {
    .role.Client .page-content.weather .weather.weather--page .weather-small {
        gap: 24px;
        padding: 24px 28px 12px;
    }

    .role.Client .page-content.weather .weather.weather--page .img-wrap {
        flex: 0 0 180px;
        width: 180px;
        height: 180px;
    }

    .role.Client .page-content.weather .weather.weather--page .temp label span {
        font-size: 68px;
    }

    .role.Client .page-content.weather .weather.weather--page .conditions label,
    .role.Client .page-content.weather .weather.weather--page .conditions span {
        font-size: 21px;
    }

    .role.Client .page-content.weather .weather.weather--page .weather-details > ul {
        padding: 4px 28px 0;
        column-gap: 20px;
        row-gap: 4px;
    }

    .role.Client .page-content.weather .weather.weather--page .weather-details > ul > li {
        padding: 10px 0;
        font-size: 16px;
    }

    .role.Client .page-content.weather .weather.weather--page .weather-details > ul > li > label,
    .role.Client .page-content.weather .weather.weather--page .weather-details > ul > li > span,
    .role.Client .page-content.weather .weather.weather--page .weather-details > ul > li > span > span {
        font-size: 16px;
    }

    .role.Client .page-content.weather .weather.weather--page .weather-details .btns {
        gap: 10px;
        padding: 16px 28px 20px;
        padding-right: 28px;
    }

    .role.Client .page-content.weather .weather.weather--page .weather-details .btns .btn {
        min-width: 160px;
        padding: 0.55rem 1.1rem;
    }
}

iframe#weather div.mini-navbar {
	display: none !IMPORTANT;
}

.widget-body .mini-navbar,
.widget-body .navbar,
.stick-footer-panel {
	display: none;
}

#chart canvas {
    max-height: 277px;
    position: relative;
    top: -60px;
}

.chart-tooltip {
	pointer-events: none;
	background-color: #000;
    color: #fff;
    width: 180px;
    height: 92px;
    position: absolute;
    padding: 1rem .5rem;
    border-radius: 7px;
}

.chart-tooltip .box {
	width: 15px;
    height: 15px;
    display: inline-block;
    margin: .2rem .3rem 0 .3rem;
    vertical-align: top;
}

.chart-tooltip .temperature,
.chart-tooltip .precip {
	height: 20px;
}

.chart-tooltip div.date {
	font-size: 10px;
    font-weight: bold;
    margin-bottom: 0.5rem;
}

.chart-tooltip label {
    font-size: 10px;
    display: inline-block;
	margin-right: .3rem;
}

.chart-tooltip span {
    font-size: 10px;
    display: inline-block;
}

.temperature .box {
	background-color: #00f;
	border: 1px solid rgb(0, 0, 200);
}

.precip .box {
	background-color: rgb(155, 155, 155);
	border: 1px solid rgb(100, 100, 100);
}

.chart-tooltip .pointer {
	width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent; 
	border-right: 10px solid #000; 
    position: absolute;
    top: 37px;
    left: -10px;
}

.chart-x-details.t3hr {
    position: absolute;
    top: 200px;
}

.role.Client .chart-x-details.t3hr {
    position: absolute;
    top: 275px;
}

.chart-x-details ul {
	padding: 0;
    padding-left: 33px;
}

.chart-x-details ul li {
	float: left;
    margin: 0px 0.44rem;
}

.chart-x-details.t5day ul li {
    margin: 0px 0.44rem;
}

.chart-x-details img {
	width: 50px;
}

.chart-x-details span {
	display: block;
    font-size: 8px;
    text-align: center;
}

.chart-x-details.t5day span {
    font-size: 12px;
}

.header span {
    line-height: 35px;
}

.chart-x-details.t5day {
    height: 130px;
}

.chart-x-details.t5day ul {
	padding-left: 0;
}

.chart-x-details.t5day ul li {
	width: 20%;
    height: 50px;
    margin: 0;
    float: left;
    text-align: center;
}

.t5day .precip {
    position: relative;
    top: 220px;
}

div.chart .t5day {
    position: absolute;
    top: -40px;
    left: 43px;
    width: 600px;
}

.role.Client div.chart .t5day {
    top: 33px;
}


.widgets .weather-details .chart-x-details.t5day > ul > li > label {
    font-weight: bold;
    padding-bottom: 5px;
}

div.modal-body {
    position: relative;
    top: 76px;
    padding: 15px;
}

.index .modal-body {
    position: relative;
    top: 0;
    padding: 15px;
}

div.chart .t5day canvas.chartjs-render-monitor {
    top: 120px !IMPORTANT;
    width: 542px !IMPORTANT;
    position: absolute !IMPORTANT;
    left: 24px !IMPORTANT;
}

.day-night-icons {
	position: relative;
    width: 80px;
    height: 80px;
    margin: 0 auto;
}

.day-night-icons .day {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 50%;
}

.day-night-icons .diagonal-divider {
    transform: rotate(-45deg);
    position: absolute;
    top: 40px;
    margin: 0 1rem;
    left: -5px;
    width: 70px;
}

.day-night-icons .night {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50%;
    height: 50%;
}

.btns {
	float: right;
    text-align: center;
    width: 50%;
    margin-top: 1rem;
    padding-right: 1rem;
}

.btns .btn {
	margin: .3rem 0;
	width: calc(100%);
}

.p2-weather .widget-body .widget-container {
    min-width: 270px;
}

@media screen and (min-height: 800px) and (max-height: 1000px) {
    .p2-weather .widget-body .widget-container {
        min-width: 0;
    }

    .p2-weather .weather-details .btns {
        flex-wrap: nowrap !important;
        gap: 4px !important;
    }

    .p2-weather .weather-details .btns .btn {
        flex: 1 1 0 !important;
        min-width: 0;
        padding-left: 6px !important;
        padding-right: 6px !important;
    }
}

@media screen and (min-height: 800px) and (max-height: 900px), screen and (min-resolution: 1.25dppx) and (max-resolution: 1.49dppx) {
    .p2-weather .weather-small {
        height: 25% !important;
        gap: 8px !important;
        padding: 0 8px !important;
    }

    .p2-weather .img-wrap {
        flex: 0 0 25% !important;
        width: 25% !important;
        height: 100%;
    }

    .p2-weather .weather-small .img,
    .p2-weather .weather-small .img img {
        width: 100%;
        height: 100%;
    }

    .p2-weather .weather-summary {
        flex: 1 1 auto !important;
        width: auto !important;
        height: auto;
    }

    .p2-weather .temp label span {
        font-size: 24px !important;
        line-height: 1 !important;
    }

    .p2-weather .conditions {
        margin: 0;
        font-size: 24px;
    }

    .p2-weather .conditions label,
    .p2-weather .conditions span {
        font-size: 14px !important;
        line-height: 1.15 !important;
        margin: 0;
    }
}

.p2-weather .widget-body .widget-container .widget-header {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 46px;
    padding: 0 20px;
    background-color: #FCE8C2;
    color: #001D1D;
    box-sizing: border-box;
}

.p2-weather .widget-body .widget-container .widget-header > h4 {
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: transparent;
    color: #001D1D;
    text-align: left;
    text-shadow: none;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
}

.img img {
    width: 100%;
}

.widget-container .modal-content {
	width: 680px;
    height: 470px;
}

.role.Client .weather-details .modal-content {
    margin-top: -56px;
    display: block;
    position: absolute;
}

.widget-container .modal-content .modal-header,
.widgets .weather-details .modal-dialog .modal-header,
.role.Client .weather-details .modal-content .modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 46px;
    padding: 0 20px;
    background-color: #FCE8C2;
    color: #001D1D;
    border: none;
    box-sizing: border-box;
}

.role.Client .weather-details .modal-content h4 {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    margin: 0;
    color: #001D1D;
	text-align: left;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    height: 46px;
    padding: 0;
}

.role.Client .weather-details .modal-content h4 span {
    display: block;
}

.widget-container .modal {
	z-index: 2000;
}

.chart-tooltip {
	z-index: 1000;
}

.modal-header .close {
    position: static;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 12px;
    padding: 0;
    float: none;
    height: 46px;
    line-height: 1;
    color: #001D1D;
    opacity: .8;
    cursor: pointer;
}

.widget-dashboard-container .react-bootstrap-table-pagination {
	display: none;
}

.widget-outer {
	overflow: hidden;
}

.main-nav .dropdown-container {
    width: 180px;
    border: 3px solid #cecece;
    border-top: none;
    margin-left: -3px;
    box-shadow: 1px 2px 2px #333;
}

.main-nav .dropdown-menu > li > a {
    padding: 3px;
    text-align: center;
}

.weather-widget--unknown-location {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.weather-widget--unknown-location .weather-unknown-location {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    font-weight: bold;
    text-align: center;
    padding: 1.5rem 2rem 2rem;
    margin: 0;
    position: static;
}

.weather-widget--unknown-location .weather-unknown-location p {
    margin: 0;
    max-width: 32rem;
}

.widgets .weather-details .btn.btn-info {
    color: #fff;
    font-size: 14px;
}

/* Worksheets Widget */
.widgets .growingPlant {
    margin: 30px auto;
}

.reports .right-column,
.invoices .right-column,
.worksheets .right-column {
    position: relative;
    float: right;
}

.invoices .right-column > span,
.worksheets .right-column > span,
.reports .right-column > a,
.invoices .right-column > a,
.worksheets .right-column > a  {
    position: absolute;
    right: 0;
}

.invoices .right-column > span,
.worksheets .right-column > span {
    right: 10px;
}

.reports .right-column > a.results {
    right: 18px;
}

.invoice-number {
    width: 50%;
    text-align: left;
}

.widget .react-bootstrap-table {
    height: 100%;
    width: 100%;
}

.widget {
    height: 100%;
}

.widget > div {
	height: calc(100% - 20px);
}

.widget table thead {
	display: none;
}

.formatted-row,
.formatted-row .top-row,
.formatted-row .bottom-row {
	width: 100%;
}

.formatted-row div span {
	display: inline-block;
    overflow: hidden;
}

.top-row,
.bottom-row {
    line-height: 15px;
}

.formatted-row .top-row .client {
    width: 75%;
    text-align: left;
    font-weight: bold;
    font-size: 14px;
    float: left;
}

.formatted-row .top-row .date  {
	width: 25%;
	text-align: right;
}

.formatted-row .bottom-row {
    width: 100%;
	text-align: left;
    float: left;
}

.formatted-row .bottom-row .status {
	width: 150px;
}

.formatted-row .bottom-row .list {
    width: 27.5%;
    text-align: right;
    margin-right: .3rem;
    display: inline-block;
}

.formatted-row .bottom-row .cnt  {
    width: 27.5%;
    text-align: right;
    margin-right: .3rem;
    display: inline-block;
}

.formatted-row .bottom-row .price {
	width: 28%;
	text-align: right;
    margin-right: .3rem;
    padding-right: 5px;
}

.widget-dashboard-container .react-bs-table-no-data {
    padding: 0 !IMPORTANT;
    text-align: center;
}

.pdf,
.no-pdf  {
	width: 10%;
	text-align: right;
}

.formatted-row .bottom-row .pdf span {
    float: right;
    margin: .1rem .1rem 0 0;
}

a.footer-link,
.table-link {
    line-height: 29px;
    text-align: center;
    width: 100%;
    display: inline-block;
    background-color: #cecece;
    color: #29514D;
    font-weight: bold;
	cursor: pointer;
    position: relative;
}

a.footer-link.moreNews {
    width: 50%;
    border-right: black;
    border-right-style: solid;
    border-right-width: thin;
}

.footer-link.categories {
    width: 50% !important;
    text-align: center;
    display: block;
    color: #29514D;
    font-weight: bold;
	cursor: pointer;
    float: right;
    height: 28px;
    border-left: black;
    border-left-style: solid;
    border-left-width: thin;
}

.footer-link.categories .bp6-button.bp6-intent-success {
    background-color: #cecece;
    color: #29514D;
    text-align: center;
}

.footer-link.categories .bp6-popover-wrapper .bp6-popover-target {
    margin-top: -1px; 
}

.footer-link.categories .bp6-button.bp6-intent-success .bp6-button-text,
.footer-link.categories .bp6-button.bp6-intent-success .bp6-icon {
    margin-bottom: 4px;
}

.bp6-popover.inline-dropdown.News.categories-menu .bp6-popover-content .bp6-menu {
    margin-top: -5px;
}

.widget.reports .react-bootstrap-table table,
.widget.reports .react-bootstrap-table table tbody,
.widget.reports .react-bootstrap-table table tbody tr,
.widget.reports .react-bootstrap-table table.table td { 
    width: 100%;
}

.widget.reports,
.widget.worksheets,
.widget.invoices {
    float: none;
    padding: 0;
}

.widget.reports .table-link {
    margin-bottom: 0 !important;
}

.embedded-table {
    height: 100%;
    display: flex;
    flex-direction: column;
    color: #001D1D;
    border: 1px solid #D9D9D9;
    border-radius: 10px;
    overflow: hidden;
}

.embedded-table__table-wrap {
    flex: 1 1 auto;
    overflow: hidden;
    background-color: #fff;
    padding: 0;
}

.embedded-table__table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.widget-inner .embedded-table .embedded-table__header.embedded-table__header-surface {
    display: flex;
    align-items: center;
    width: 100%;
    background-color: #FCE8C2;
    color: #001D1D;
    text-align: left;
    font-size: 20px;
    font-weight: 700;
    padding: 20px;
    line-height: 1.2;
    border: none;
    box-sizing: border-box;
}

.embedded-table__table tbody td {
    padding: 0;
    height: 36px;
    border-bottom: 1px solid #ece5d9;
    vertical-align: middle;
}

.embedded-table__table tbody tr:nth-child(odd) td {
    background-color: #EBEBEB;
}

.embedded-table__empty {
    text-align: center;
    color: #6f6858;
    padding: 1rem 0.75rem;
}

.embedded-table .formatted-row,
.embedded-table .formatted-row .row-content {
    width: 100%;
}

.embedded-table .formatted-row div span {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.embedded-table .row-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    width: 100%;
    min-height: 36px;
    padding: 0 0.75rem 0 20px;
    box-sizing: border-box;
}

.embedded-table .left-column .client {
    flex: 1 1 auto;
    text-align: left;
    font-weight: bold;
    font-size: 14px;
}

.embedded-table .left-column {
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
    height: auto;
    padding: 0;
}

.embedded-table .right-column {
    position: static;
    float: none;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.4rem;
    flex: 0 1 auto;
    min-width: 0;
    width: auto;
    height: auto;
    padding: 0;
}

.embedded-table .right-column .preview-text {
    color: #6f6858;
    text-align: right;
    flex: 0 1 auto;
    min-width: 0;
}

.embedded-table .right-column > span,
.embedded-table .right-column > a,
.embedded-table .right-column > button {
    position: static;
    right: auto;
}

.embedded-table .right-column .no-pdf {
    display: none;
}

.embedded-table .right-column .action-links {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.4rem;
    flex: 0 0 auto;
}

.embedded-table__icon-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 28px;
    border: none;
    border-radius: 0;
    background-color: transparent;
    color: #CF7F00;
    cursor: pointer;
    padding: 0;
}

.embedded-table__icon-button:hover,
.embedded-table__icon-button:focus {
    background-color: transparent;
    outline: none;
}

.embedded-table__icon-button .bp6-icon,
.embedded-table__icon-button .bp6-icon > svg,
.embedded-table__icon-button svg {
    width: 16px;
    height: 16px;
}

.embedded-table .svg-inline--fa.fa-w-12 {
    width: 0.85em;
}

.widget-inner .embedded-table a.embedded-table__more-button.embedded-table__more-button-surface {
    display: block;
    width: 100%;
    background-color: #D9D9D9;
    color: #001D1D;
    font-weight: bold;
    text-align: center;
    height: 37px;
    line-height: 37px;
    padding: 0;
    border-radius: 0 0 3px 3px;
    text-decoration: none;
    box-sizing: border-box;
}

.widget-inner .embedded-table a.embedded-table__more-button.embedded-table__more-button-surface:hover,
.widget-inner .embedded-table a.embedded-table__more-button.embedded-table__more-button-surface:focus {
    background-color: #D9D9D9;
    color: #001D1D;
    text-decoration: none;
}

.embedded-table__more-button.embedded-table__more-button-button {
    display: block;
    width: 100%;
    height: 37px;
    border: none;
    background-color: #D9D9D9;
    color: #001D1D;
    font-weight: bold;
    text-align: center;
    line-height: 37px;
    padding: 0;
    border-radius: 0 0 3px 3px;
    box-sizing: border-box;
    cursor: pointer;
}

.embedded-table__more-button.embedded-table__more-button-button:hover,
.embedded-table__more-button.embedded-table__more-button-button:focus {
    background-color: #D9D9D9;
    color: #001D1D;
    outline: none;
}

.embedded-table--news .embedded-news__header,
.embedded-table--onboarding .embedded-onboarding__header {
    justify-content: space-between;
    gap: 12px;
    min-height: 46px;
    height: 46px;
    padding-top: 0;
    padding-bottom: 0;
}

.embedded-table--news .embedded-table__header-title,
.embedded-table--onboarding .embedded-table__header-title {
    flex: 1 1 auto;
    min-width: 0;
}

@media screen and (min-resolution: 1.25dppx) and (max-resolution: 1.49dppx) {
    .embedded-table--news .row-content {
        gap: 0.25rem;
        padding: 0 0.5rem;
    }

    .embedded-table--news .left-column {
        flex: 1 1 0;
    }

    .embedded-table--news .right-column {
        flex: 0 0 auto;
    }
}

.embedded-table--onboarding {
    border-radius: 0;
}

.embedded-table--news .embedded-news__table-wrap {
    overflow-y: auto;
}

.embedded-table--onboarding .embedded-onboarding__table-wrap {
    overflow: hidden;
}

.embedded-table--onboarding .embedded-onboarding__grid {
    width: 100%;
    height: 100%;
}

.embedded-table--news .embedded-news__filter-button,
.embedded-table--onboarding .embedded-onboarding__filter-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    width: 28px;
    padding: 0;
    border: none;
    border-radius: 0;
    background-color: transparent;
    color: #001D1D;
    cursor: pointer;
}

.embedded-table--news .embedded-news__filter-button:hover,
.embedded-table--news .embedded-news__filter-button:focus,
.embedded-table--onboarding .embedded-onboarding__filter-button:hover,
.embedded-table--onboarding .embedded-onboarding__filter-button:focus {
    background-color: transparent;
    outline: none;
}

.embedded-table--news .embedded-news__filter-button .bp6-icon,
.embedded-table--news .embedded-news__filter-button .bp6-icon > svg,
.embedded-table--onboarding .embedded-onboarding__filter-button .bp6-icon,
.embedded-table--onboarding .embedded-onboarding__filter-button .bp6-icon > svg {
    color: #ACACAC;
    fill: #ACACAC;
}

.weather-details {
    position: relative;
    padding: 1rem 0;
}

/* Keep the compact dashboard weather tile within its bounds at 150% zoom. */
@media screen and (max-height: 720px), screen and (min-resolution: 1.5dppx) {
    .p2-weather .weather-small {
        margin-top: -8px;
        padding: 4px 10px 0 !important;
    }

    .p2-weather .weather-details {
        margin-top: -10px;
        padding: 0 !important;
    }

    .p2-weather .weather-details > ul {
        margin-top: -8px !important;
        padding: 4px 12px !important;
    }

    .p2-weather .weather-details .btns {
        padding: 0 8px 4px !important;
    }
}

.graph .widget-body {
    height: 100%;
}

.formatted-row .bottom-row span.invoice-combo,
.formatted-row .bottom-row span.cnt,
.formatted-row .bottom-row span.links {
    width: 35px;
}

.formatted-row .bottom-row span.invoice-combo {
    width: 86px
}

.formatted-row .bottom-row .invoice-combo .pdf {
    width: 13px;
    padding-bottom: 2px;
    padding-right: 1px;
}

/* News Widget */
.widget.news {
	height: 100%;
}

div.news-body {
    height: calc(100% - 6px);
    border-bottom: 1px solid #bbb9b9;
    overflow-y: auto;
}

div.log-entry {
    height: 50%;
	float: left;
}

div.log-entry.no-media {
	height: auto;
}

@media only screen and (min-width:1024px) {
    div.log-entry.no-media {
        width: 100%;
    }
}

.news-item-header {
    float: left;
    width: 100%;
    height: 36px;
	border-bottom: 2px solid #cecece;
}

.ownership {
    width: 75%;
    float: left;
    height: 36px;
    /* padding: .4rem .5rem; */
    padding-top: .2rem;
    padding-right: .5rem;
    padding-bottom: .4rem;
    padding-left: .5rem;
}

.ownership h6 {
	font-size: 1.0rem;
	font-weight: bold;
	padding: 0;
	margin: 0;
    line-height: 1.1rem;
    margin-bottom: -3px;
}

.ownership span {
	font-size: .6rem;
    padding-left: .1rem;
}

.news-item-header .date {
	display: block;
    height: 100%;
    width: 35%;
    float: right;
    text-align: right;
    padding: 9px 2px;
    font-weight: bold;
    margin-top: -35px;
}

.media {
    min-height: 75px;
    height: 100%;
    width: 25%;
	background-color: #333;
	float: left;
}

.news-item-body {
    float: left;
	padding: .5rem;
    height: calc(100% - 36px);
    width: 100%;
    border-bottom: 3px solid #777;
}

.log-body {
    float: right;
    height: calc(100% - 12px);
    width: 75%;
    padding: 0 0 0 1.5rem;
}

.log-body .notes {
	padding: 0 .5rem;
    margin: 0;
    font-size: 10px;
}

.log-footer {
    float: right;
    height: 12px;
    width: 75%;
    padding: 0 0 0 1.5rem;
}

.log-footer div {
	border-top: 1px solid #777;
	height: 13px;
	font-size: 10px;
}

.log-footer div .category {
	float: left;
	font-weight: bold;
	padding: 0 .2rem;
}

.log-footer div .links {
	float: right;
	padding: 0 .2rem;
}

a.table-link:hover,
a.footer-link:hover {
	cursor: pointer;
}

.log-body.no-footer {
	height: 100%;
}


.no-media .news-item-body {
    height: auto;
    float: left;
	padding: .2rem .2rem 0 .2rem;
}

.no-media .media {
	display: none;
}

.no-media .log-body,
.no-media .log-footer {
	width: 100%;
    height: auto;
    padding: 0;
}

.media img {
	width: 100%;
	height: 100%;
}

.media .modal-background {
	position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 800;
}

.media-modal .modal-dialog {
	position: relative;
    width: 600px;
    height: 400px;
    margin: auto;
	margin-top: calc((100vh - 400px)/2);
	margin-left: calc((100vw - 600px)/2);
	border: 2px solid #333;
    box-shadow: 0px 0px 2px #000;
}

.media-modal .modal-header {
	display: none;
}

.media-modal .modal-content {
    width: 100%;
    height: 100%;
    border-radius: 0;
    box-shadow: none;
    border: none;

}

.media-modal .modal-body {
    width: 100%;
    height: 100%;
    padding: 4.2rem 2rem;
	background-color: #000;
}

.even {
    background-color: #eee;
}

/* Maintenance */
.child-header {
    height: 48px;
}

/* Worksheets: Add Worksheet */
.btns {
    margin: 0;
}

.reports .nav-header.table-options, 
.worksheets .nav-header.table-options {
    display: none;
}

.content-body {
    float: left;
    width: 100%;
    height: calc(100% - 85px);
    background-color: #D9D9D9;
    box-sizing: border-box;
    padding: 0 20px 20px 20px;
}

.onboarding .content-body,
.products .content-body,
.crops .content-body,
.maintenance .content-body {
    height: calc(100% - 96px);
}

.maintenance .content-body .page-body {
    height: 100%;
}

.app.homepage .widget-dashboard-container > .content-body {
    padding: 0 10px 10px;
    height: calc(100% - 96px);
}

.content.has-content-footer {
    --content-footer-height: 70px;
}

.main > div > .content-body {
    height: calc(100% - 25px);
} 

.content-body .row {
    margin: 10px 0;
    display: block !important;
    flex-wrap: nowrap !important;
}

/* SUMMARY PERCENTAGE CARD */
.plant-progress-card {
    float: left;
    width: 100%;
}

.bp6-card .description {
    float: left;
    width: 50%;
    padding: 6px 0px;
}

.bp6-card .description label {
    width: 100%;
    margin-bottom: 0;
}

.bp6-card .description span {
    font-size: 10px;
    color: #777;
}

.bp6-card .highlights {
    width: 50%;
    float:left;
    text-align: right;
}

.bp6-card .highlights div {
    width: 33%;
    display: inline-block;
}

.bp6-card .highlights h2 {
    margin: 0;
    font-size: 45px;
    font-weight: bold;
    text-align: center;
    line-height: 40px;
    color: #515e59;
}

.bp6-card .highlights label {
    font-size: 8px;
    color: #777;
    font-weight: bold;
    margin: 0;
    text-align: center;
    display: block;
    text-transform: uppercase;
}

.bp6-card .plant-progress-bar {
    width: 100%;
    float: left;
    margin: 10px 0 8px 0;
}

.plant-progress-bar .bp6-progress-bar {
    width: 100%;
}

.bp6-card .views {
    margin: 0;
    padding: 0;
}

.bp6-card .views li {
    float: left;
}

.bp6-card .views li.divider {
    padding: 0 4px;
    color: #333;
}

.plant-progress-bar-label {
    position: absolute;
    bottom: 25px;
    right: 40px;
    font-size: 10px;
    color: #777;
}

.plant-progress-card .bp6-popover-target {
    width: 100%;
}

.views li {
    text-transform: uppercase;
    font-weight: bold;
    color: #4a87e2;
}

.views li:hover {
    color: #1c61c8;
}

.views li.active {
    text-decoration: none;
    color: #333;
    text-transform: uppercase;
}

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

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

label.bp6-label {
    margin: 0;
}

/* .bp6-menu li.bp6-menu-item.no-hover-effect:hover {
    background-color: #fff;
    cursor: auto;
    text-decoration: none;
} */

.bp6-label span.bp6-icon {
    font-weight: bold;
    text-align: left;
    display: block;    
    color: #5c7080;
}

.bp6-label span {
    color: rgb(24, 32, 38)
}

.bp6-label span.bp6-icon-calendar {
    float: left;
    margin-right: 7px;
}

.widget .ag-theme-balham {
    height: 100%;
}

.article-roaming .widget-body {
    height: calc(100% - 32px);
}

.widget-dashboard-container .logo {
    background-image: none;
}

.content .bp6-input-group {
    padding: 5px 0;
}

.onboarding .header-column-actions {
    display: flex;
    justify-content: center;
}

/*# sourceMappingURL=main-dist-v9.0.4.142.AIP2026.09.28.fd23e0993f7e7c673c21.css.map*/