.octopus-web .not-container {
  bottom: 4.25rem;
  left: 5.25rem;
  max-height: 100%;
  max-width: 400px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 1px;
  position: fixed;
  width: 100%;
  z-index: 4000;
}

.octopus-web .not-container {
  bottom: 7.25rem;
  left: 5.25rem;
  max-height: 100%;
  max-width: 400px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 1px;
  position: fixed;
  width: 100%;
  z-index: 4000;
}

.octopus-web .btn-secondary {
  background-color: #ffffff !important;
  border-color: #000000 !important;
  color: #000000 !important;
}

.octopus-web .btn-secondary:hover,
.octopus-web .btn-secondary:focus,
.octopus-web .btn-secondary:active {
  background-color: #f8f9fa !important;
  color: #000000 !important;
}

/* Add margin to all buttons within the octopus-web scope */
.octopus-web .btn {
  margin-right: 10px; /* Add space to the right of each button */
  margin-bottom: 10px; /* Add space below buttons, useful if they stack vertically */
}

/* Remove the margin for the last button to prevent extra space on the right */
.octopus-web .btn:last-child {
  margin-right: 0;
}

/* Add space above the pagination buttons below the table */
.octopus-web .taglib-search-iterator-page-iterator-bottom {
  margin-top: 20px; /* Adjust the value to control the amount of space */
}

/* Style the "Choose File" button using its stable classes */
.octopus-web input[type=file].field.form-control {
  padding-top: 0.5rem;
  padding-bottom: 2.2rem;
}

/* Move the entire .panel-body section below other content */
.octopus-web .panel-body {
  margin-top: 20px; /* Adds space above the panel-body to move it down below other elements */
  padding-left: 0; /* Ensure the panel-body is aligned with the other content */
  padding-right: 0; /* Remove any unnecessary padding */
}

/* Add spacing between the buttons inside .panel-body */
.octopus-web .panel-body .btn {
  margin-right: 10px; /* Add space between each button (Import, Export, Export to backend) */
}

/* Remove margin from the last button in the .panel-body to avoid extra space */
.octopus-web .panel-body .btn:last-child {
  margin-right: 0;
}

div.obs-menu > a.dropdown-toggle {
  background-color: white;
}

div.obs-menu div.lfr-pagination-delta-selector div.lfr-icon-menu > a {
  background-color: white;
}

.octopus-web .flex-container {
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
  align-content: center;
  flex-direction: column;
}

.image-wrapper-container {
  display: flex;
  width: 100%;
  flex-direction: row;
}

.image-wrapper-container .prob-image {
  width: 600px;
  height: 400px;
  display: flex;
}

.image-wrapper-container .sliders-form {
  width: 100px;
  align-content: left;
  display: flex;
}

.slide-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.slide-item {
  display: flex;
  justify-content: space-around;
}

.obs_sliders {
  width: 170px;
}

div.display-wrapper {
  border: thin black solid;
  padding: 2px;
  border-radius: 4px;
  margin-bottom: 10px;
}

.display-container {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
}

.display-item {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: stretch;
  align-items: baseline;
  padding-right: 10px;
}

.display-label {
  display: flex;
  padding-right: 10px;
}

h2.obs-confirmed {
  width: 80%;
  margin-top: 2em;
  margin-bottom: 2em;
  background-color: lightgreen;
  font-size: large;
  justify-items: center;
  text-align: center;
  vertical-align: middle;
  padding: 1em;
  margin-left: auto;
  margin-right: auto;
}

.obs_results {
  font-size: 0.6rem;
}

.octopus-web .table-striped tbody tr {
  background-color: white;
  border: 2px solid #dee2e6;
}

.octopus-web .table-striped tbody tr:hover td {
  background-color: white;
}

.octopus-web .table-striped tbody tr:nth-of-type(odd) td {
  background-color: white;
}

.octopus-web .table-bordered th, .octopus-web .table-bordered td {
  border: 2px solid #dee2e6;
  background-color: inherit;
  position: unset;
}

.octopus-web .table > tbody > tr.info > td {
  background-color: inherit;
}

thead.table-columns {
  font-size: 12px;
}

th.table-first-hedear {
  padding: 1px;
}

.obs_res_sc .obs_column {
  font-size: 12px;
  padding: 2px;
}

.obs_res_sc .obs_column_time {
  width: 15em;
}

.control-label {
  font-size: smaller;
}

.obs_sliders_form .obs_sliders_val {
  padding: 3px;
  font-size: smaller;
}

.weather_img_hover {
  width: 3em;
  height: 20px;
  border: thin;
  border-color: green;
  display: inline-block;
}

img.obs_results_img {
  width: 150px;
}

.obs-name-tooltip .tooltiptext {
  visibility: hidden;
  width: 250px;
  text-align: left;
  position: absolute;
  z-index: 1;
  font-size: 10pt;
  font-weight: bold;
  background-color: blue;
  color: white;
}

.obs-name-tooltip:hover .tooltiptext {
  visibility: visible;
}

.octopus-web .hide_col {
  display: none;
}

.octopus-web .obs_dec {
  display: inline;
}

.octopus-web .obs_sex {
  display: inline;
}

/* Mail edit */
.edit_mail .alloy-editor-placeholder:before {
  display: block;
  text-align: inherit;
  width: 100%;
}

.mail_content {
  margin-bottom: 50px;
  width: 100%;
}

.mail_subject {
  margin-bottom: 30px;
  width: 80%;
}