.hidden {
  display: none;
}

.inactiveButton {
  background-color: #d3d3d3;
  color: #808080;
  cursor: not-allowed;
}

#popover_container {
  position: fixed;
  top: 70px;
  right: 80px;
  z-index: 10000;
  background-color: #132d38;
  border: 1px solid #302e40;
  border-radius: 5px;
  box-shadow: -4px 6px 9px #858282;
  padding: 10px;
  min-height: 200px;
  min-width: 200px;
  color: #fff;
}

.popover_container_center {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  bottom: auto !important;
  right: auto !important;
}

.popover_container_comment_adjust {
  right: 360px !important;
}

#popover_icon,
#popover_close {
  width: 25px;
  height: auto;
}

#popover_close {
  cursor: pointer;
}

#popover_action_icon {
  width: 25px;
  height: auto;
  cursor: pointer;
}

#popover_header {
  display: flex;
  gap: 15px;
  align-items: center;
  margin-bottom: 20px;
  font-weight: bold;
  background-color: #687e8f;
  padding: 3px 10px;
  border-radius: 5px;
}

#popover_content {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.popover_shape_selector_container {
  grid-column: span 2;
}

.popover_shape_icon_container {
  width: 40px;
  height: 40px;
  cursor: pointer;
}

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

.property_group {
  display: flex;
  gap: 10px;
  justify-content: flex-start;
  align-items: center;
}

select {
  height: 30px;
}

input {
  height: 30px;
  padding-top: 0;
  padding-bottom: 0;
}

.minicolors {
  height: 30px;
  width: auto;
}

.popover_color_picker_container {
  display: flex;
  gap: 10px;
}
.popover_color_picker {
  width: 30px;
}

.popover_color_picker_text {
  width: 100px;
}

.popover_field_layout {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 7px;
}

.popover_field_label {
  grid-column: 1;
  border-bottom: 1px solid #929aa5;
}

.popover_field_select {
  grid-column: 2;
  width: 150px;
}

.popover_text_field {
  width: 300px;
  grid-column: 1 / span 2;
}

.popover_input_field {
  grid-column: 2;
  width: 150px;
}

.draggable-point {
  width: 20px;
  height: 20px;
  background-color: red;
  border-radius: 50%;
  position: absolute;
  cursor: grab;
}

.popover_inline_field {
  grid-column: 2;
  display: flex;
  gap: 5px;
}

.popover_inline_input_field {
  width: 60px;
}

#popover_footer {
  bottom: 15px;
  display: flex;
  justify-content: center;
  gap: 10px;
  padding: 10px 0;
  margin-top: 20px;
}

.popover_close_container {
  margin-left: auto;
}

#title_center_popover {
  font-size: 20px;
}

#center_popover_save {
  margin: 3px 10px;
}
#center_popover_save,
.draw_blue_button {
  background-color: #51aeff;
  color: white;
  padding: 10px;
}

#center_popover_body_rh_panel {
  padding: 10px 10px 10px 25px !important;
  min-width: 300px;
}

#center_popover_body_rh_panel_label,
#center_popover_body_rh_perspective_label {
  font-size: 20px;
}

.center_popover_body_rh_panel_field_label {
  padding: 5px 0px 3px 0px;
  font-size: 0.9rem;
}