:root {

}

:root[color-mode="light"] {
  --rank-backer: rgba(230,230,230, 0.5);
  --all-time-back: rgba(230,230,230, 0.5);
  --all-time-border: 1px solid rgb(230,230,230);
  --container-shadow-grey: var(--std-shadow-thick);
  --container-shadow-grey-thin: var(--std-shadow);
  --container-shadow-rank: var(--std-shadow);

  --liv-bubble: rgba(17,91,91, 0.5);
  --liv-bubble-border: 1px solid rgba(17,91,91, 0.3);

  --range-divider-color: var(--container-color-base);
  --range-divider-border: var(--container-border-base);

  --grad-year-background: rgba(255, 220, 0, 0.2);
  --grad-year-backgroundd: #ffdc004d;
  --grad-year-background-solid: rgba(255, 220, 0, 0.5);

  --fin-shadow: 0px 0px 1px 0px rgba(0,0,0,0.9);
  --event-hover: rgba(255, 220, 0, 0.35);
    --container-shadow-rank: var(--std-shadow);

  --container-color-base-1: rgba(240,240,240, 0.5);
  --container-color-base-2: rgba(240,240,240, 0.1);
}

:root[color-mode="dark"] {
  --rank-backer: rgba(80,80,80, 0.5);
  --all-time-back: rgba(61, 153, 112, 0.15);
  --all-time-border: 1px solid rgba(61, 153, 112, 0.2);
  --container-shadow-grey: var(--std-shadow-thick);
  --container-shadow-grey-thin: var(--std-shadow);
  --container-shadow-rank: var(--std-shadow);

  --liv-bubble: rgba(203, 251, 126, 0.5);
  --liv-bubble-border: 1px solid rgba(203, 251, 126, 0.3);

  --range-divider-color: var(--black-base);
  --range-divider-border: 1px solid var(--black-base);

  --grad-year-background: rgba(61, 153, 112, 0.2);
  --grad-year-backgroundd: rgba(61, 153, 112, 0.35);
  --grad-year-background-solid: rgba(61, 153, 112, 0.5);

  --event-hover: rgba(61, 153, 112, 0.3);

  --container-color-base-1: rgba(35,35,35, 0.5);
  --container-color-base-2: rgba(35,35,35, 0.1);
}

.top-row-v2 {
  overflow: visible;
}

.event-name-row, .course-name-row {
  position: relative;
  /* border-bottom: var(--container-border-base); */
  margin-top: 4px;
  padding-bottom: 0px;
  padding-left: 0px;
}

.recent-changes-container {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  align-items: center;
  padding: 2.5px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: -15px;
  width: calc(100% + 30px);
  gap: 5px;
}

.change-div {
  float: left;
  position: relative;
  background-color: var(--black-base);
  /* margin: 2.5px; */
  padding: 2.5px;
  padding-left: 5px;
  padding-right: 5px;
  -webkit-box-shadow: var(--container-shadow-rank);
  -moz-box-shadow: var(--container-shadow-rank);
  box-shadow: var(--container-shadow-rank);
}

.change-div-in { border: 1px solid vaR(--olive); }
.change-div-out { border: 1px solid vaR(--red); }

.change-name {
  position: relative;
  padding-top: 2.5px;
  padding-bottom: 1px;
  /* height: 10px; */
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  align-items: center;
  font: 10.5px var(--font);
  color: var(--font-color-base);
  font-weight: bold;
}

.change-name > a {
  color: inherit;
}

.change-name > img {
  position: relative;
  height: 13px;
  width: auto;
}

.change-name > .fa-arrow-alt-up { color: var(--olive); }
.change-name > .fa-arrow-alt-down { color: var(--red); }

.change-last-iso {
  position: relative;
  height: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  align-items: center;
  padding-left: 1px;
  font: 8px var(--font);
  color: var(--blue);
  /* font-weight: bold; */
}

.course-name-row {
  margin-top: 0px;
}

.course-name {
  font: 12px var(--font);
  color: var(--font-color-base);
}

.event-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 75%;
  font-size: 15px;
}

.dates {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 2.5px;
  top: 0px;
  background-color: rgba(61, 153, 112, 0.5);
  /* background-color: var(--container-color-base); */
  border: 1px solid rgba(61, 153, 112, 0.7);
  border-radius: 1px;
  font: 9px var(--font);
  font-weight: bold;
  color: var(--font-color-base);
  /* color: rgb(250,250,250); */
  padding: 2.5px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.event-name > img {
  height: 17.5px;
  width: auto;
  position: relative;
  top: -1.5px;
}

.achieve-square {
  position: relative;
  float: left;
  margin: 1px;
  top: 0.5px;
  height: 10px;
  width: 10px;
  border-radius: 0.5px;
}

.achieve-square-tour, .achieve-img-outer {
  border-radius: 50%;
}

#seuro.achieve-square { border: 1px solid var(--blue); background-color: var(--blue-light); }
#spga.achieve-square { border: 1px solid var(--red); background-color: var(--red-light); }
#sliv.achieve-square, #salt.achieve-square {background-color: rgba(9, 76, 36, 0.5); border: 1px solid rgba(9, 76, 36, 1); }
#skft.achieve-square {background-color: var(--olive-light);border: 1px solid var(--olive); }

.h-title-v2 {
  display: flex;
  font: 11px var(--font);
  padding-left: 0px !important;
  font-weight: bold;
  justify-content: left;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 2.5px;
  overflow: visible;
}

.l-update-v2 {
  /* display: flex;
  justify-content: right;
  align-items: center;
  height: 100%;
  padding: 0px; */
  padding-top: 6.5px;
}

.live-tour-dropdown {
  /* border: 1px solid black; */
  position: relative;
  padding: 3px;
  margin-right: 0.5px;
  cursor: pointer;
  overflow: visible;
  z-index: 3;
}

.live-tour-dropdown-dead {
  cursor: unset !important;
  background-color: transparent !important;
}

.live-tour-dropdown:hover {
  background-color: var(--container-color-base);
}

.live-tour-menu {
  position: absolute;
  display: none;
  top: calc(100% + 0px);
  left: -0.25px;
  min-width: 100%;
  border: var(--container-border-base);
  background-color: var(--black-base);
}

.live-tour-option {
  position: relative;
  display: flex;
  justify-content: left;
  align-items: center;
  padding: 3px;
  padding-left: 5px;
  padding-right: 7.5px;
  font: 11px var(--font);
  color: var(--font-color-base);
}

.live-tour-option > .achieve-square {
  height: 7.5px;
  width: 7.5px;
  margin-left: 0px;
}

.live-tour-linker {
  text-decoration: none !important;
}

.live-tour-option:hover {
  background-color: var(--grad-year-background);
  color: var(--blue);
}

.live-tour-no-options {
  color: var(--font-color-faint-2);
  pointer-events: none;
}

.popover-body {
  font: 9px var(--font);
  padding-top: 3px;
  background-color: var(--pop-body-col);
  color: var(--font-color-base);
  font-weight: normal;
  padding-bottom: 3px;
  padding-left: 3px;
  padding-right: 3px;
}

.api-pop-spine {
  position: relative;
  margin-left: -3px;
  margin-right: -3px;
  margin-top: -3px;
  margin-bottom: -3px;
}

.course-code {
  display: inline-block;
  position: relative;
  justify-content: center;
  align-items: center;
  font: 8px var(--font);
  font-weight: bold;
  padding: 1px;
  color: var(--blue);
  background-color: var(--blue-superlight);
  border-radius: 2px;
  margin-left: 0px;
}

.course-code-cn, .course-code-lq { color: var(--blue); background-color: var(--blue-superlight); }
.course-code-kb, .course-code-ss, .course-code-cc, .course-code-nt, .course-code-sh { color: var(--orange); background-color: rgba(255, 133, 27, 0.2); }
.course-code-sa, .course-code-vc, .course-code-sc { color: var(--olive); background-color: var(--olive-superlight); }

.d3-HQ-stars {
  border-bottom: var(--head-bottom-border);
  /* height: 50px; */
}

.hidden-hq {
  display: none;
}

.table-top {
  height: 37.5px;
  margin-top: 2.5px;
}

.table-div, .table-stars {
  position: relative;
  margin-left: -15px;
  width: calc(100% + 30px);
  margin-bottom: 15px;
}

.head {
  height: 25px;
  position: sticky;
  top: 37.5px;
}

.table-stars {
  margin-bottom: 2.5px;
  border-bottom: 1px solid var(--font-color-base);
  padding-bottom: 2.5px;
}

.hidden-hq-toggle {
  height: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  border-color: var(--olive);
  overflow: hidden !important;
}

.table-stars > .head { background-color: #224f3b; border-bottom: 1px solid var(--olive-light); border-top-right-radius: 2px; border-top-left-radius: 2px; }

.table-stars > .head > .datahead,
.table-stars > .head > .datahead > .fa-sort-up,
.table-stars > .head > .datahead > .fa-sort-down { color: white !important; opacity: 1; }
.table-stars > .head > .datahead.star-col { color: gold !important; }


.table-stars > .datarow {
  background-color: var(--olive-superlight);
  border-color: var(--olive-superlight);
}

.table-stars > .datarow:hover {
  background-color: var(--olive-lighter) !important;
  /* border-color: var(--olive-superlight); */
}

.datahead.sorted {
  color: var(--font-color-base);
}

.table-stars > .head > .datahead > .custom-pos-drop { background-color: rgb(30,30,30); color: white; border-color: rgb(40,40,40); }

.table-stars-sm > .head > .datahead.sorted { background-color: #224f3b !important; color: lime !important; !important; }

.fave-toggle {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0px;
  top: 0px;
  font: 8px var(--font);
  color: var(--font-color-faint);
  font-weight: bold;
  cursor: pointer;
  padding-right: 2px;
  padding-bottom: 2px;
  padding-left: 2px;
  padding-top: 2px;
  z-index: 2;
  border-radius: 1px;
}

.fave-toggle > .fa-star { color: gold; font-size: 9px !important; margin-right: 2.5px; top: -0.5px; }
.fave-toggle-on > .fa-star { color: var(--font-color-base); }


.fave-toggle:hover {
  background-color: var(--datarow-hover);
}

.datahead {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px;
  font: 10px var(--font);
  color: var(--font-color-faint-2);
  /* font-weight: bold; */
  height: 100%;
}

.dg-status-logo {
  position: relative;
  height: 15px;
  width: auto;
  top: 0px;
}

.owgr-status-logo {
  position: relative;
  height: 11px;
  width: auto;
  top: 0px;
}

.pga-status-logo {
  position: relative;
  height: 11px;
  width: auto;
  top: 0px;
}

.liv-status-logo {
  position: relative;
  height: 8px;
  width: auto;
  top: 0px;
}

.datarow {
  height: 27.5px;
}

.data {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px;
  font: 10px var(--font);
  color: var(--font-color-base);
  font-weight: bold;
  height: 100%;
}

.table-topper {
  position: absolute;
  bottom: 0px;
  height: 16.5px;
  background-color: var(--container-color-base);
  border: var(--container-border-base);
  font: 10.5px var(--font);
  color: var(--font-color-base);
  display: flex;
  justify-content: center;
  align-items: center;
}

.teetime-select {
  position: absolute;
  height: 16.5px;
  font: 10.5px var(--font);
  background-color: var(--black-base) !important;
  border: var(--container-border-base) !important;
  color: var(--font-color-base);
  border-radius: 0px !important;
  text-overflow: ellipsis;
  bottom: 0px;
}


.player-col { left: 0px; width: 25%; justify-content: left; padding-left: 3px; }
.teetime-col, .teetime-select { left: 25%; width: 10%; }
.dg-col { left: 35%; width: 7%; }
.owgr-col { left: 42%; width: 7%; }
.tour-col { left: 49%; width: 7%; }
.popular-col { left: 56%; width: calc(44% - 300px); }
.history-col { right: 25px; width: calc(300px - 25px); }
.star-col { right: 0px; width: 25px; }

.data.player-col, .data.tour-col, .data.history-col { border-right: var(--datarow-border); }
.data.dg-col, .data.history-col { border-left: var(--datarow-border); }

.data.star-col {
  cursor: pointer;
}

.rankings-top {
  left: 35%;
  width: 21%;
}

.data.teetime-col {
  color: var(--font-color-base);
  font-size: 9px;
}

.name-col {
  font-size: 10.5px;
}

.flag-bg { opacity: 1; }

.player-col > .add-ellipsis >  a {
  color: inherit;
}

.add-ellipsis {
  margin: 0 0px;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.player-col > .add-ellipsis > img {
  height: 13.5px;
  width: auto;
  margin-top: -2px;
  /* margin-right: 2.5px; */
}

.player-col {
  justify-content: left;
  padding-left: 3px;
}

.player-col > .add-ellipsis >  a {
  color: inherit;
}

.muted-datarows { border-bottom: none; }
.muted-datarows > .data.teetime-col { color: var(--font-color-faint-2); opacity: 0.5; }
/* .muted-datarows > .data.probs-bg { height: 30px; } */
/* .muted-datarows > .data.probs-sm { height: 27px; } */

.datarow-divider { border-bottom: 1px solid var(--font-color-base); }
.first-divider-row > .data.teetime-col { color: var(--font-color-base); opacity: 1; }

:root[color-mode="dark"] .datarow-divider { border-bottom: 1px solid rgb(175,175,175); }
/* :root[color-mode="dark"] .first-divider-row > .data.teetime-col { color: var(--olive); } */

#natta.scorecard-sg { background-color: var(--black-base); }
#good.scorecard-sg { background-color: #e2f0ea; }
#great.scorecard-sg { background-color: #bbdbcd; }
#amazing.scorecard-sg { background-color: #81bda2; }
#legendary.scorecard-sg { background-color: var(--olive); color: rgba(250,250,250, 0.95); }

#poor.scorecard-sg { background-color: #fce3d4; }
#bad.scorecard-sg { background-color: #fcc4ac; }
#reallybad.scorecard-sg { background-color: #eb8a7a; }
#horrible.scorecard-sg{ background-color: #bd4f5d; color: rgba(250,250,250, 0.95); }


.sorted {
  border-bottom: none;
}

.data.history-col {
  justify-content: end;
  padding-right: 12.5px;
  /* justify-content: space-between; */
  /* padding-left: 15px; */
  /* padding-right: 15px; */
}

.exempt {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 2.5px;
  margin-right: 2.5px;
  height: 17.5px;
  width: 20px;
  font-size: 8px;
  border-radius: 1px;
  font-weight: normal;
  border: 1px solid var(--olive);
  background-color: var(--olive-light);
  cursor: pointer;
  font: 7.5px var(--font);
  font-weight: bold;
  color: var(--font-color-base);
  text-decoration: none !important;
}

a.exempt-hover {
  text-decoration: none !important;
}

.exempt-win { background-color: var(--yellow); border: 1px solid var(--yellow); }
.exempt-t5 { background-color: #81bda2;; border: 1px solid #81bda2;; }
.exempt-t10 { background-color: #bbdbcd; border: 1px solid #bbdbcd; }
.exempt-t25 { background-color: #e2f0ea; border: 1px solid #e2f0ea; }
.exempt-tothers { background-color: var(--black-base); border: 1px solid var(--olive-light); }
.exempt-tyikes { background-color: var(--black-base); border: var(--container-border-base); }
.exempt-cut { background-color: #fcc4ac; border: 1px solid #fcc4ac; }
.exempt-mdf { background-color: #fce3d4; border: 1px solid #fce3d4; }

:root[color-mode="dark"] .exempt-win { background-color: var(--yellow); border-color: var(--yellow); color: rgb(40,40,40); }
:root[color-mode="dark"] .exempt-t5 { background-color: var(--olive); border: 1px solid var(--olive); }
:root[color-mode="dark"] .exempt-t10 { background-color: #317154; border: 1px solid #317154; }
:root[color-mode="dark"] .exempt-t25 { background-color: #224334; border: 1px solid #224334; }

:root[color-mode="dark"] .exempt-cut { background-color: #ad312a; border: 1px solid #ad312a; }
:root[color-mode="dark"] .exempt-mdf { background-color: #5b221e; border: 1px solid #5b221e; }

/* :root[color-mode="dark"] #good.scorecard-sg { background-color: rgba(61, 153, 112, 0.15); }
:root[color-mode="dark"] #great.scorecard-sg { background-color: rgba(61, 153, 112, 0.35); }
:root[color-mode="dark"] #amazing.scorecard-sg { background-color: rgba(61, 153, 112, 0.7); }
:root[color-mode="dark"] #legendary.scorecard-sg { background-color: var(--olive);; color: var(--font-color-base); }
:root[color-mode="dark"] #poor.scorecard-sg { background-color: rgba(255, 65, 54, 0.15); }
:root[color-mode="dark"] #bad.scorecard-sg { background-color: rgba(255, 65, 54, 0.3); }
:root[color-mode="dark"] #reallybad.scorecard-sg { background-color: rgba(255, 65, 54, 0.65); }
:root[color-mode="dark"] #horrible.scorecard-sg { background-color: rgba(255, 65, 54, 1); color: var(--font-color-base); } */

.exempt-dnp {
  background-color: transparent;
  pointer-events: none;
  color: var(--font-color-faint-2) !important;
  border-color: transparent;
}

.rank-outer {
  position: relative;
  text-align: center;
  min-width: 28px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 4px;
  padding-right: 4px;
  border-radius: 1px;
  font-size: 8.5px;
  -webkit-box-shadow: var(--container-shadow-rank);
  -moz-box-shadow: var(--container-shadow-rank);
  box-shadow: var(--container-shadow-rank);
  /* pointer-events: none; */
}


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

.owgr-100 { background-color: var(--container-color-base); }
/* .owgr-30 { background-color: var(--olive-light); } */
.owgr-10 { background-color: rgb(180,180,180); color: black; }
.owgr-1 { background-color: rgba(255, 133, 27, 0.75); color: black; }

.liv-24 { background-color: var(--black-base); border: 1px solid var(--font-color-base); color: rgb(56, 158, 13); }
.liv-48 { background-color: var(--black-base); border: 1px solid var(--font-color-base); color: rgb(255, 197, 61); }
.liv-drop { background-color: var(--black-base); border: 1px solid var(--font-color-base); color: rgb(255, 0, 0); }

.pga-30, .pga-3000 {  background-color: rgba(31, 202, 35, 0.5); }
.pga-50 { background-color: rgba(255, 133, 27, 0.55); }
.pga-70 { background-color: rgba(177, 13, 201, 0.55); }
.pga-125 { background-color: rgba(150,150,150, 0.55); }

.morning-circle {
  color: var(--red);
  font-size: 5px;
}

.dgp-backer {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0px;
  top: 20%;
  background-color: #012d54;
  background-color: #ffdc0066;
  height: 60%;
  border: 1px solid #ffdc0099;
  border-left: none;
  border-top-right-radius: 1.5px;
  border-bottom-right-radius: 1.5px;
}

:root[color-mode="dark"] .dgp-backer { background-color: #3e0054; border-color: #67008c; }
/* :root[color-mode="dark"] .dgp-backer { background-color: #4f4920; border-color: #6e642b; } */

.dgp-backer > .dgp-text {
  position: absolute;
  right: 2px;
  /* color: rgba(230,230,230); */
  font-size: 8px;
}

.dgp-backer-low > .dgp-text {
  right: unset;
  left: calc(100% + 2.5px);
  color: var(--font-color-faint-2);
  font-size: 8px;
}

.player-search-container {
  position: absolute;
  bottom: 1px;
  height: 22px;
  width: 200px;
  background-color: var(--black-base);
  border: var(--container-border-base);
}

.player-search {
  position: absolute;
  top: 0px;
  bottom: unset;
  left: 0px;
  height: calc(100% - 1px);
  width: calc(100% - 0px);
  border: none;
  background-color: var(--black-base);
  padding-left: 5px;
  font-size: 11px;
}

.table-div > .our-buddy > .player-col { background-color: #ffdc0044; }
:root[color-mode="dark"] .table-div > .our-buddy > .player-col { background-color: var(--olive-superlight); }

.fa-sort-up, .fa-sort-down { display: none; margin-left: 2.5px; color: var(--font-color-base); }

.table-download-options {
  position: absolute;
  right: 0px;
  height: 17.5px;
  bottom: 2px;
  width: calc(70px + 2px);
}

.table-download, .table-api {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 100%;
  padding: 0px;
  font-size: 8px;
}

.table-api { right: 35px; left: unset; }
.api-copy-text { font-size: 7px !important; }

.small--only { display: none; }


@media (max-width: 768px) {

  .small--only { display: inline-block; text-decoration: inherit; }
  .big--only { display: none; }

  .achieve-square {
    height: 8px;
    width: 8px;
  }

  .h-title-v2 {
    font-size: 9.5px;
    padding-top: 3.5px;
    padding-bottom: 1.5px;
  }

  .l-update-v2 {
    padding-top: 5px;
  }

  .live-tour-dropdown {
    padding: 2.5px;
    margin-right: 0.5px;
  }

  .live-tour-menu {
    left: 0px;
  }

  .live-tour-option {
    padding: 2.5px;
    padding-left: 3px;
    padding-right: 5px;
    font-size: 9.5px;
  }

  .live-tour-option > .achieve-square {
    height: 7px;
    width: 7px;
  }

  .fave-toggle {
    top: 0px;
    font-size: 7.5px;
    padding-right: 1.5px;
    padding-bottom:1.52px;
    padding-left: 1.5px;
    padding-top: 1.5px;
    border-radius: 0.5px;
  }

  .fave-toggle > .fa-star { font-size: 8.5px !important; margin-right: 2px; top: -0.5px; }


  .fave-toggle:hover {
    background-color: var(--datarow-hover);
  }

  .event-name {
    font-size: 13.5px;
    padding-left: 2px;
    /* padding-left: 0px; */
  }

  .event-name > img { height: 15.5px; top: -1px; }

  .dates {
    right: 1.5px;
    top: 0px;
    font-size: 7.5px;
    padding: 2px;
    padding-top: 1.5px;
    padding-bottom: 1.5px;
  }

  .event-col {
    padding-left: 0px;
    height: 17.5px !important;
  }

  .course-name {
    font-size: 10.5px;
  }

  .recent-changes-container {
    padding: 1.5px;
    gap: 3px;
  }

  .change-div {
    padding: 2px;
    padding-left: 3px;
    padding-right: 3px;
  }

  .change-name {
    padding-top: 2px;
    padding-bottom: 0.5px;
    font-size: 9.5px;
  }

  .change-name > img {
    height: 11.5px;
  }

  .change-last-iso {
    height: 8px;
    font-size: 7px;
    /* font-weight: bold; */
  }

  .table-top {
    height: 32.5px;
    margin-top: 2.5px;
  }

  .head {
    height: 20px;
    top: 32.5px;
  }

  .dg-status-logo {
    height: 12.5px;
    top: 0px;
  }

  .owgr-status-logo {
    height: 8.5px;
    top: 0.5px;
  }

  .pga-status-logo {
    height: 8.5px;
    top: 0.5px;
  }

  .liv-status-logo {
    height: 6px;
    top: 0px;
  }

  .datarow {
    height: 27px;
  }

  .data {
    font-size: 9px;
  }

  .datahead {
    font-size: 9px;
  }

  .table-topper {
    height: 15px;
    font-size: 9.5px;
  }

  .teetime-select {
    height: 15px;
    font-size: 9.5px;
  }


  .player-col { left: 0px; width: 30%; justify-content: left; padding-left: 1px; }
  .teetime-col, .teetime-select { left: 30%; width: 15%; }
  .dg-col { left: 45%; width: 11%; }
  .owgr-col { left: 56%; width: 11%; }
  .tour-col { left: 67%; width: 11%; }
  .popular-col { left: 78%; width: calc(22% - 20px); }
  .history-col { width: 0px; display: none; }
  .star-col { right: 0px; width: 20px; }

  .data.player-col, .data.tour-col, .data.popular-col { border-right: var(--datarow-border); }
  .data.dg-col, .data.history-col { border-left: var(--datarow-border); }

  .data.star-col {
    cursor: pointer;
  }

  .rankings-top {
    left: 45%;
    width: 33%;
  }

  .data.teetime-col {
    font-size: 8px;
  }

  .name-col {
    font-size: 10.5px;
  }

  .flag-bg { opacity: 1; }

  .player-col > .add-ellipsis >  a {
    color: inherit;
  }

  .player-col > .add-ellipsis > img {
    height: 11.5px;
    width: auto;
    margin-top: -2px;
    /* margin-right: 2.5px; */
  }

  .player-col {
    justify-content: left;
    font-size: 10px;
    padding-left: 2.5px;
  }

  .name-small-small { font-weight: normal; }

  .player-col > .add-ellipsis >  a {
    color: inherit;
  }

  .rank-outer {
    min-width: 22.5px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 4px;
    padding-right: 4px;
    font-size: 7.5px;
  }

  .morning-circle {
    font-size: 4px;
  }

  .dgp-backer > .dgp-text {
    right: 1.5px;
    font-size: 7px;
  }

  .dgp-backer-low > .dgp-text {
    left: calc(100% + 2px);
    font-size: 7px;
  }

  .player-search-container {
    bottom: 0px;
    height: 19px;
    width: calc(30% - 1px);
    max-width: 160px;
    background-color: var(--black-base);
    border: var(--container-border-base);
  }

  .player-search {
    left: 0px;
    height: calc(100% - 1px);
    width: calc(100% - 0px);
    padding-left: 3px;
    padding-top: 2px;
    font-size: 9px;
  }

  .course-code, .scorecard-course-code {
    font-size: 7px;
    margin-left: 2px;
  }

  .fa-sort-down, .fa-sort-up { margin-left: 2px; font-size: 9px; }


}