.achievements-div, .best-results-div {
    position: absolute;
    width: 216px;
    height: calc(100% - 47px);
    top: 47px;
    /* height: calc(100% - 0px); */
    /* top: 0px; */
    /* background-color: yellow; */
    border-right: var(--container-border-base);
}


.remove-event-major-lpga_e_20010 { background-color: rgba(47, 161, 211, 0.5); }
.remove-event-major-lpga_e_20010:hover { background-color: rgba(47, 161, 211, 0.8); }
.remove-event-major-lpga_e_20012 { background-color: rgba(218, 26, 49, 0.5); }
.remove-event-major-lpga_e_20012:hover { background-color: rgba(218, 26, 49, 0.8); }
.remove-event-major-lpga_e_20011 { background-color: rgba(41, 63, 104, 0.5); }
.remove-event-major-lpga_e_20011:hover { background-color: rgba(41, 63, 104, 0.8); }
.remove-event-major-lpga_e_20013 { background-color: rgba(255, 193, 7, 0.5); }
.remove-event-major-lpga_e_20013:hover { background-color: rgba(255, 193, 7, 0.8); }
.remove-event-major-lpga_e_20014 { background-color: rgba(160, 40, 100, 0.5); }
.remove-event-major-lpga_e_20014:hover { background-color: rgba(160, 40, 100, 0.8); }

#s20010.achieve-square {
  background-color: rgba(47, 161, 211, 0.75);
  border: 1px solid rgba(230, 25, 47);
}

#s20014.achieve-square {
  background-color: rgba(160, 40, 100, 0.6);
  border: 1px solid rgb(160, 40, 100);
}

#s20012.achieve-square {
  background-color: rgba(224, 0, 64, 0.5);
  border: 1px solid rgb(224, 0, 64, 1);
}

#s20011.achieve-square {
  background-color: rgba(41, 63, 104, 0.5);
  border: 1px solid #293f68;
}

#s20013.achieve-square {
  background-color: rgba(255, 193, 7, 0.5);
  border: 1px solid #ffc107;
}

#s11.achieve-square {
  background-color: rgba(202, 170, 119, 0.75);
  border: 1px solid rgba(202, 170, 119, 1);
}

#spga.achieve-square {
  background-color: var(--red-light);
  border: 1px solid var(--red);
}

#slpga.achieve-square {
  background-color: rgba(48, 78, 112, 0.5);
  border: 1px solid rgba(48, 78, 112, 1);
}

#sklpga.achieve-square {
  background-color: rgba(239, 59, 42, 0.5);
  border: 1px solid rgba(239, 59, 42, 1);
}

#sjlpga.achieve-square {
  background-color: rgba(19, 125, 59, 0.5);
  border: 1px solid rgba(19, 125, 59, 1);
}

#slet.achieve-square {
  background-color: rgba(66, 167, 198, 0.5);
  border: 1px solid rgba(66, 167, 198, 1);
}

.dg-100 { background-color: var(--blue-lighter); }
.dg-30 { background-color: var(--blue-light); }
.dg-10 { background-color: var(--blue); }
.dg-1 { background-color: var(--yellow); color: black; }

.player-pic-container {
  background-color: #a3ccf0;
  border: 1px solid var(--blue-light);
}

.player-pic {
  height: calc(95% - 1px);
}

:root[color-mode="dark"] .player-pic-container { background-color: #2f5270; border-color: #25537a; }

.section-square {
  background-color: rgba(0, 116, 217, 0.75)
}

.dg-legend-line {
  border-top: 2px solid var(--blue);
  opacity: 0.75;
}

:root[color-mode="dark"] .section-square {
  background-color: var(--container-color-base);
  border: 1px solid var(--blue);
}

.cross-dot {
  fill: var(--blue);
}

.radar-legend-square {
  background-color: var(--blue-light);
  border: 1px solid var(--blue);
}

.brush {
  stroke: var(--blue);
}

.ma-circle {
  fill: var(--blue);
}

.cross-text, .cross-text-owgr {
  border: 1px solid var(--blue);
}

.cross-text-owgr {
  border: 1px solid var(--orange);
}

.rank-path {
  stroke: var(--blue);
}

.owgr-path {
    stroke: var(--font-color-faint);
    opacity: 0.6;
    stroke-width: 1.25;
}

.plot-bars {
  opacity: 0.3;
  pointer-events: none;
  fill: rgba(0, 116, 217, 0.5);
}


.matchplay-warning {
  fill: var(--red);
  opacity: 0.4;
}

.highlight-bar {
  fill: var(--blue);
  opacity: 1;
}

.all-points-control {
  color: var(--blue) !important;
}

.top-fiver { background-color: rgba(0, 116, 217, 0.5); }
.top-tener { background-color: rgba(0, 116, 217, 0.3); }
.top-twenty-fiver { background-color: rgba(0, 116, 217, 0.15); }

.win-col { border-right: none; }

:root[color-mode="dark"] .breakdown-option-selected {
  border: 1px solid var(--blue) !important;
}

.breakdown-not-selectable {
  color: var(--blue);
}

.bopper-logo {
  height: 90%; width: auto;
}


.missing-player-note {
  font-size: 9.5px;
  font-weight: bold;
  padding-left: 15px;
  padding-right: 15px;
}


@media (max-width: 768px) {
  .achievements-div, .best-results-div {
    width: 166px;
    height: calc(100% - 37px);
    top: 37px;
  }

  .missing-player-note {
    font-size: 8.5px;
    padding-left: 7.5px;
    padding-right: 7.5px;
  }

}

@media (max-width: 576px) {
  .second-row {
    border-bottom: none;
  }
}