.chart-annotation-editor {
  position: fixed;
  left: calc(50% - 200px);
  top: calc(50% - 250px);
  z-index: var(--z-index-layer-5);
  background: var(--white);
  border: 2px solid var(--text-main);
  border-radius: 5px;
  width: 400px; }
  .chart-annotation-editor .annotation-edit-block {
    display: flex; }
  .chart-annotation-editor .annotation-edit-section {
    height: 100px;
    flex: 1; }
    .chart-annotation-editor .annotation-edit-section label {
      text-align: left;
      font-weight: bold; }
  .chart-annotation-editor header {
    cursor: default; }
    .chart-annotation-editor header button.close-button {
      left: auto;
      top: -10px; }
    .chart-annotation-editor header span {
      display: block;
      text-align: center;
      width: 100%; }
  .chart-annotation-editor footer {
    padding-top: 0;
    justify-content: center; }
  .chart-annotation-editor fieldset {
    width: 100%;
    text-align: left; }
    .chart-annotation-editor fieldset textarea {
      line-height: 1.8em;
      width: 100%; }
  .chart-annotation-editor .tabbed-ui ul.tabbed-ui-tabs {
    display: flex;
    padding: 0;
    margin: 0; }
    .chart-annotation-editor .tabbed-ui ul.tabbed-ui-tabs li {
      list-style: none;
      flex: 1;
      text-align: center; }
      .chart-annotation-editor .tabbed-ui ul.tabbed-ui-tabs li button {
        width: 160px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0; }
  .chart-annotation-editor .tabbed-ui .tabbed-ui-content {
    display: none;
    border: 1px solid var(--text-main);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px; }
    .chart-annotation-editor .tabbed-ui .tabbed-ui-content.active {
      display: block; }

.note-actions {
  text-align: center; }

div.highcharts-annotation-labels {
  pointer-events: none; }
  div.highcharts-annotation-labels .note-label-wrapper {
    position: relative; }
    div.highcharts-annotation-labels .note-label-wrapper .note-label-dn {
      position: absolute;
      bottom: -13px;
      left: calc(50% - 8px);
      width: 0;
      height: 0;
      border-left: 9px solid transparent;
      border-right: 9px solid transparent;
      border-top: 9px solid #e1e1e1; }
    div.highcharts-annotation-labels .note-label-wrapper.HAZARD .note-label-dn {
      border-top-color: var(--hazard-dark); }
    div.highcharts-annotation-labels .note-label-wrapper.SUCCESS .note-label-dn {
      border-top-color: var(--confirm-dark); }

.highcharts-annotation-label text {
  cursor: pointer; }

.highcharts-annotation-label.ICON text {
  font-family: "Font Awesome 5 pro"; }

.highcharts-annotation-label tspan {
  pointer-events: none; }

.hc-tooltip-annotation {
  text-align: left;
  background: #eee;
  border: 1px solid #585858;
  font-weight: bold;
  border-radius: 2px; }
  .hc-tooltip-annotation.HAZARD {
    background: var(--hazard-dark);
    border: none;
    color: #fff; }
  .hc-tooltip-annotation.SUCCESS {
    background: var(--confirm-dark);
    border: none;
    color: #fff; }