.table-page-control {
  display: flex;
  align-items: center;
  padding: 5px;
  font-size: 12px;
  width: 100%; }
  .table-page-control ~ .table-page-control {
    position: absolute;
    top: 14px; }
  .table-page-control i {
    cursor: pointer; }
  .table-page-control input {
    font-family: inherit;
    width: 30px;
    margin: 0 10px 0 0;
    font-size: inherit;
    text-align: right;
    padding-right: 5px; }
  .table-page-control .table-page-results {
    font-size: 12px;
    margin-left: auto; }
  .table-page-control .page-item-control {
    font-family: Lato, arial, helvetica, sans-serif;
    margin-left: 20px; }
    @media (max-width: 400px) {
      .table-page-control .page-item-control {
        position: relative;
        top: -10px; } }
    .table-page-control .page-item-control select {
      font-family: Lato, arial, helvetica, sans-serif;
      cursor: pointer;
      font-size: 12px;
      margin-left: 5px;
      padding: 5px; }
      .table-page-control .page-item-control select option {
        padding: 0; }

.fg-data-grid {
  font-family: lato, Arial, Helvetica, sans-serif;
  font-size: 14px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  margin-top: -10px; }
  .fg-data-grid * {
    box-sizing: inherit; }
  .fg-data-grid .table-wrapper-outer {
    position: relative;
    max-width: 980px; }
    .fg-data-grid .table-wrapper-outer::-webkit-scrollbar {
      width: 0 !important; }
  .fg-data-grid .table-wrapper-inner {
    /*overflow-x: auto;*/
    padding-top: 55px; }
    .fg-data-grid .table-wrapper-inner::-webkit-scrollbar {
      width: 0 !important; }
  .fg-data-grid .table-fixed {
    /*possibly only show this on mobile*/
    display: none;
    position: absolute;
    left: 0;
    top: 55px;
    width: 100%;
    pointer-events: none;
    overflow: hidden; }
    .fg-data-grid .table-fixed::-webkit-scrollbar {
      width: 0 !important; }
    .fg-data-grid .table-fixed td, .fg-data-grid .table-fixed th {
      visibility: hidden; }
      .fg-data-grid .table-fixed td.fixed, .fg-data-grid .table-fixed th.fixed {
        visibility: visible;
        pointer-events: all; }
      .fg-data-grid .table-fixed td:not(.fixed), .fg-data-grid .table-fixed th:not(.fixed) {
        border-color: transparent; }
  .fg-data-grid .table-scroll::-webkit-scrollbar {
    width: 0 !important; }
  .fg-data-grid table {
    border-collapse: collapse;
    font-family: "segoe ui",arial,sans-serif;
    font-size: 12px;
    width: 100%;
    table-layout: fixed; }
    .fg-data-grid table tr {
      /*background-color: #ddd;*/
      background-color: #fff; }
      .fg-data-grid table tr.hover {
        background-color: #ddd; }
      .fg-data-grid table tr:focus {
        outline: 0; }
      .fg-data-grid table tr.is-selected {
        background-color: #fbdbdb; }
        .fg-data-grid table tr.is-selected:focus {
          outline: 0; }
      .fg-data-grid table tr.is-selected__total {
        background-color: #f4a4a4; }
    .fg-data-grid table th {
      cursor: pointer;
      position: relative;
      background-color: gray;
      color: #fff;
      padding-right: 3px;
      padding-left: 4px;
      padding-top: 4px;
      padding-bottom: 3px; }
      .fg-data-grid table th.highlight-sort {
        color: #000; }
      .fg-data-grid table th.th-name {
        width: 130px; }
      .fg-data-grid table th.th-season {
        width: 45px; }
      .fg-data-grid table th.th-month {
        width: 60px; }
      .fg-data-grid table th.th-week {
        width: 105px; }
      .fg-data-grid table th.th-team {
        width: 55px; }
      .fg-data-grid table th.th-rank {
        width: 32px; }
      .fg-data-grid table th.th-date {
        width: 80px; }
      .fg-data-grid table th .th-tooltip {
        font-family: lato, Arial, Helvetica, sans-serif;
        position: absolute;
        background-color: rgba(0, 0, 0, 0.8);
        color: #fff;
        padding: 4px;
        text-align: center;
        white-space: pre;
        z-index: 1000;
        /*max-width: 120px;*/
        /*width: 120px;*/
        /*left: 50%;*/
        /*transform: translate(-50%,0);*/
        animation: fadeIn ease-in-out 300ms;
        -webkit-animation: fadeIn ease-in-out 300ms;
        -moz-animation: fadeIn ease-in-out 300ms;
        -o-animation: fadeIn ease-in-out 300ms;
        -ms-animation: fadeIn ease-in-out 300ms; }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-moz-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-o-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-ms-keyframes fadeIn {
  .fg-data-grid table th .th-tooltip 0% {
    opacity: 0; }
  .fg-data-grid table th .th-tooltip 100% {
    opacity: 1; } }
        .fg-data-grid table th .th-tooltip a {
          color: inherit;
          text-decoration: underline; }
          .fg-data-grid table th .th-tooltip a:hover {
            color: #50ae26; }
        .fg-data-grid table th .th-tooltip .arrow-down {
          content: '';
          width: 0;
          height: 0;
          border-left: 7px solid transparent;
          border-right: 7px solid transparent;
          border-top: 12px solid rgba(0, 0, 0, 0.8);
          bottom: -12px;
          left: 5px;
          position: absolute; }
    .fg-data-grid table td {
      border: 1px solid #eee;
      text-overflow: ellipsis;
      overflow: hidden;
      padding-right: 3px;
      padding-left: 4px;
      padding-top: 4px;
      padding-bottom: 3px;
      white-space: nowrap; }
      .fg-data-grid table td a {
        text-decoration: none; }
    .fg-data-grid table .td-overflow {
      position: absolute;
      top: 0;
      left: 0;
      background-color: #ddd;
      height: 100%;
      display: flex;
      align-items: center;
      /*width: 100%;*/
      padding-right: 3px;
      padding-left: 4px;
      padding-top: 5px;
      padding-bottom: 4px;
      box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3), 0 6px 6px rgba(0, 0, 0, 0.1);
      z-index: 100; }
    .fg-data-grid table .highlight-sort {
      background-color: #ddd; }
    .fg-data-grid table .align-left {
      text-align: left;
      padding-right: 0; }
    .fg-data-grid table .align-right {
      text-align: right;
      padding-left: 0; }
  .fg-data-grid.is-force-overflow td:hover {
    /*overflow: visible;
        background-color: #ddd;
        border: 0;*/
    position: relative;
    overflow: visible; }
  .fg-data-grid.prevent-text-selection {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .fg-data-grid td:hover {
    /*overflow: visible;
        background-color: #ddd;
        border: 0;*/
    position: relative;
    overflow: visible; }
  .fg-data-grid th[data-stat="Name"] {
    width: 130px; }
  .fg-data-grid th[data-stat="divider"],
  .fg-data-grid th[data-stat="Divider |"],
  .fg-data-grid td[data-stat="divider"],
  .fg-data-grid td[data-stat="Divider |"] {
    /*width: 0 !important;*/
    /*border-right: 3px solid #333;*/
    display: none; }
  .fg-data-grid th[data-stat="divider"] + th,
  .fg-data-grid td[data-stat="divider"] + td,
  .fg-data-grid th[data-stat="Divider |"] + th,
  .fg-data-grid td[data-stat="Divider |"] + td {
    border-left: 3px solid #333; }
  .fg-data-grid.sort-disabled table th {
    cursor: default; }

.shift-pressed {
  cursor: default; }
  .shift-pressed .fg-data-grid tr {
    cursor: not-allowed; }
  .shift-pressed .fg-data-grid.with-selected-rows tr {
    cursor: pointer; }
  .shift-pressed .fg-data-grid.with-selected-rows a {
    pointer-events: none; }
  .shift-pressed .fg-data-grid tr.is-selected__invalid {
    cursor: not-allowed; }

.fg-data-grid tr.is-not-selectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.fg-dropdown {
  display: inline-block;
  border: 1px solid #cdcdcd;
  background-color: #F5F5F5;
  font-size: 13px;
  position: relative;
  width: 140px;
  cursor: default; }
  .fg-dropdown:focus {
    outline: none; }
  .fg-dropdown ul, .fg-dropdown li {
    padding: 0;
    margin: 0;
    list-style: none; }
  .fg-dropdown ul.fg-dropdown-ul, .fg-dropdown .fg-dropdown-ul li {
    padding: 0;
    margin: 0;
    list-style: none; }
  .fg-dropdown ul.fg-dropdown-ul {
    padding-left: 0; }
  .fg-dropdown .fg-dropdown-ul li {
    padding: 3px 5px;
    display: flex;
    width: 100%;
    flex-direction: row;
    align-items: center; }
  .fg-dropdown-label {
    padding: 5px; }
    .fg-dropdown-label:after {
      content: '';
      /*candidate to delete the commented*/
      /*margin-top: 15px;*/
      /*display: inline-block;
            border-left: 4px solid transparent;
            border-right: 4px solid transparent;
            border-top: 4px solid black;
            position: absolute;
            right: 5px;
            top: 10px;*/
      /*height: 100%;*/
      width: 0;
      height: 0;
      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
      border-top: 4px solid rgba(0, 0, 0, 0.8);
      position: absolute;
      bottom: 50%;
      right: 7px; }
  .fg-dropdown.is-disabled {
    color: #aaa; }
    .fg-dropdown.is-disabled .fg-dropdown-label:after {
      border-top: 4px solid #aaa; }
  .fg-dropdown-ul {
    display: none;
    position: absolute;
    min-width: 100%;
    text-align: left;
    left: 0;
    z-index: 20;
    /*border: 1px solid #cdcdcd;*/
    background-color: #F5F5F5;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3), 0 6px 6px rgba(0, 0, 0, 0.1); }
    .fg-dropdown-ul.show {
      display: block;
      max-height: 400px;
      overflow-y: auto; }
      .fg-dropdown-ul.show.dropdown-columns {
        display: flex; }
        .fg-dropdown-ul.show.dropdown-columns .col {
          width: 100%; }
    .fg-dropdown-ul li {
      border: 1px solid #cdcdcd;
      background-color: #F5F5F5;
      padding: 5px;
      cursor: pointer; }
      .fg-dropdown-ul li:hover {
        background-color: #aaa; }
      .fg-dropdown-ul li.seperator {
        border-bottom: 5px solid #ddd; }
  .fg-dropdown.show .fg-dropdown-label {
    background-color: #50ae26;
    /*color: #fff;*/ }
  .fg-dropdown.show .fg-dropdown-ul {
    display: block; }
    .fg-dropdown.show .fg-dropdown-ul.dropdown-columns {
      display: flex; }

.spacer-v-10 {
  width: 10px; }

.spacer-v-20 {
  width: 20px; }

.spacer-v-30 {
  width: 30px; }

.spacer-v-40 {
  width: 40px; }

.spacer-h-10 {
  height: 10px; }

.spacer-h-20 {
  height: 20px; }

.spacer-h-30 {
  height: 30px; }

.spacer-h-40 {
  height: 40px; }

.stack-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  padding: 5px;
  margin: 0px; }
  .stack-row .stack-item {
    height: 28px;
    position: relative;
    margin: 3px 5px;
    width: 119px;
    flex: 0 1 auto;
    background-color: #336699;
    border: 3px solid #336699;
    /*padding-bottom: 2px;*/
    font-family: lato;
    color: white;
    display: flex;
    align-items: center;
    font-size: 12px; }
    .stack-row .stack-item.splits-pitch {
      background-color: #74b4fa;
      border: 3px solid #74b4fa; }
    .stack-row .stack-item.pending {
      background-color: #fff;
      color: #000; }
    .stack-row .stack-item .splitStack-item-text, .stack-row .stack-item .stack-item-text {
      width: 100%;
      padding: 0 2px;
      cursor: default; }
    .stack-row .stack-item .splitStack-item-rm, .stack-row .stack-item .stack-item-rm {
      display: flex;
      align-items: center;
      margin: 0px 5px 0px 0px;
      font-family: lato;
      color: white;
      cursor: pointer; }
      .stack-row .stack-item .splitStack-item-rm:hover, .stack-row .stack-item .stack-item-rm:hover {
        color: rgba(255, 255, 255, 0.7); }
      .stack-row .stack-item .splitStack-item-rm .icon-close, .stack-row .stack-item .stack-item-rm .icon-close {
        font-size: 12px; }
    .stack-row .stack-item .stack-item-op {
      display: block;
      content: 'OR';
      position: absolute;
      left: -36px;
      top: 25%;
      font-size: 12px;
      background-color: #ddd;
      color: #000;
      padding: 0 2px;
      cursor: pointer; }

.player-selection-box {
  font-family: lato, Arial, Arial, Helvetica, sans-serif;
  position: relative;
  width: 220px; }
  .player-selection-box .input-search {
    font-size: 14px;
    padding: 5px 5px;
    /*width: 220px;*/
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #aaa; }
  .player-selection-box label {
    display: inline-block;
    padding: 10px 0;
    font-size: 12px; }
  .player-selection-box .drop-down, .player-selection-box .selected-players {
    background-color: #fff;
    border: 1px solid #aaa;
    font-size: 12px;
    padding: 0;
    list-style: none;
    overflow-y: auto; }
    .player-selection-box .drop-down li, .player-selection-box .selected-players li {
      padding: 5px;
      position: relative;
      cursor: default;
      text-align: left; }
      .player-selection-box .drop-down li:hover, .player-selection-box .drop-down li.active, .player-selection-box .selected-players li:hover, .player-selection-box .selected-players li.active {
        background-color: #eee; }
      .player-selection-box .drop-down li div, .player-selection-box .selected-players li div {
        display: inline-block; }
        .player-selection-box .drop-down li div:last-child, .player-selection-box .selected-players li div:last-child {
          position: absolute;
          right: 6px; }
  .player-selection-box .drop-down {
    position: absolute;
    top: 28px;
    width: 100%;
    max-height: 200px;
    z-index: 10;
    box-sizing: border-box;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3), 2px 5px 15px rgba(0, 0, 0, 0.3); }
  .player-selection-box .selected-players {
    height: 300px; }
    .player-selection-box .selected-players .selected-players-remove {
      font-size: 18px;
      line-height: 14px;
      cursor: pointer;
      color: #888; }
      .player-selection-box .selected-players .selected-players-remove:hover {
        color: #50ae26; }
    .player-selection-box .selected-players a {
      text-decoration: none; }
  .player-selection-box .box-buttons {
    position: relative;
    /*margin-top: 10px;*/
    padding: 5px;
    text-align: left; }
    .player-selection-box .box-buttons .action {
      position: absolute;
      right: 5px; }
  .player-selection-box button {
    font-size: 14px;
    height: 30px;
    padding: 0 10px;
    font-family: Lato, arial, helvetica, sans-serif;
    background-color: #ddd;
    border: 0;
    cursor: pointer; }
    .player-selection-box button:active {
      background-color: #eee; }
    .player-selection-box button.action {
      background-color: #336699;
      color: #fff; }
      .player-selection-box button.action:active {
        background-color: #4477aa; }

/*common CSS for both Splits leaderboard and player based splits tool */
.spacer-v-10 {
  width: 10px; }

.spacer-v-20 {
  width: 20px; }

.spacer-v-30 {
  width: 30px; }

.spacer-v-40 {
  width: 40px; }

.spacer-h-10 {
  height: 10px; }

.spacer-h-20 {
  height: 20px; }

.spacer-h-30 {
  height: 30px; }

.spacer-h-40 {
  height: 40px; }

.splits.tool-container {
  font-family: Lato; }
  .splits.tool-container .row-button {
    display: flex; }
    .splits.tool-container .row-button .fgButton {
      line-height: 26px;
      padding: 0;
      font-size: 12px; }
      .splits.tool-container .row-button .fgButton:active, .splits.tool-container .row-button .fgButton:focus {
        outline: none;
        background-color: #e8e8e8; }
      .splits.tool-container .row-button .fgButton.active {
        color: #fff; }
        .splits.tool-container .row-button .fgButton.active.button-green {
          background-color: #50ae26; }
        .splits.tool-container .row-button .fgButton.active.button-grey {
          background-color: #505050; }
    .splits.tool-container .row-button .spacer-v-20 {
      width: 20px; }
  .splits.tool-container #root-buttons-stats {
    border-bottom: 4px solid #50ae26;
    margin: 20px 0 0; }
    .splits.tool-container #root-buttons-stats .fgButton {
      max-width: 120px; }
  .splits.tool-container #root-quick-splits .fgButton {
    display: inline-block;
    border: 0;
    background-color: initial; }

.rowSplits {
  align-items: flex-start; }
  .rowSplits .menu-button:hover {
    background-color: #336699; }

.after {
  display: flex;
  font-family: Lato;
  font-size: 12px;
  padding-top: 10px;
  flex-direction: column; }

.table-splits {
  width: 100%;
  border-collapse: collapse; }
  .table-splits tr:hover {
    background-color: #e5e5e5; }
  .table-splits th, .table-splits td {
    border: solid 1px #EAEDE3;
    font: 12px/16px "segoe ui",arial,sans-serif;
    padding-right: 3px;
    padding-left: 3px;
    padding-top: 4px;
    padding-bottom: 3px; }
    .table-splits th.alignL, .table-splits td.alignL {
      text-align: left;
      padding-left: 4px; }
    .table-splits th.alignC, .table-splits td.alignC {
      text-align: center; }
  .table-splits th {
    background-color: gray;
    color: white;
    font-weight: bold;
    border: 0px; }
    .table-splits th.alignR {
      text-align: right; }
  .table-splits td.alignR {
    text-align: right;
    min-width: 20px; }

.test-stack {
  text-align: center;
  position: relative; }

.stack-outer {
  border: 1px solid #aaa;
  display: flex;
  flex-direction: column;
  margin: 5px; }

.splitStack-container,
.filterStack-container,
.stack-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  padding: 5px;
  margin: 0px; }

.splitStack-item, .stack-item {
  height: 28px;
  position: relative;
  margin: 3px 5px;
  width: 119px;
  flex: 0 1 auto;
  background-color: #336699;
  border: 3px solid #336699;
  padding-bottom: 2px;
  font-family: lato;
  color: white;
  display: flex;
  align-items: center;
  font-size: 12px; }
  .splitStack-item.splits-pitch, .stack-item.splits-pitch {
    background-color: #74b4fa;
    border: 3px solid #74b4fa; }
  .splitStack-item.pending, .stack-item.pending {
    background-color: #fff;
    color: #000; }

.filterStack-container .splitStack-item {
  background-color: #ce2431; }

.filterStack-container:before {
  content: 'Applied Filters';
  display: block;
  border-top: 1px solid black;
  padding-top: 5px;
  width: 100%; }

.splitStack-item-op {
  padding-left: 10px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600; }

.splitStack-item-text, .stack-item-text {
  width: 100%;
  padding: 0 2px;
  cursor: default; }

.splitStack-item-rm, .stack-item-rm {
  margin: 0px 5px 0px 0px;
  font-family: lato;
  color: white;
  cursor: pointer; }

.pending .stack-item-rm {
  color: #000; }

.inactive {
  color: #A5A5A5; }

.stack-small {
  position: absolute;
  top: -2px;
  right: 10px;
  display: flex; }

.small {
  width: 60px;
  text-decoration: none;
  padding: 5px;
  display: inline-block;
  line-height: 1;
  position: initial;
  font-size: 10px;
  flex: 0 0 auto; }
  .small:hover {
    color: black; }

.menu-large {
  height: 400px;
  display: flex; }

.date-container {
  font-family: lato, Arial; }

.changelog {
  font-size: 14px;
  width: 700px;
  position: absolute;
  z-index: 10;
  background: #fff;
  height: 100%;
  width: 100%;
  margin-top: -1px;
  left: 0;
  padding-top: 50px;
  box-sizing: border-box;
  text-align: left;
  overflow-y: auto; }
  .changelog ul {
    list-style-type: square; }
  .changelog li {
    margin-top: 5px; }

.filter-bar .menu-button {
  line-height: 1.8;
  align-self: center;
  margin: 4px 5px;
  width: 90px; }
  .filter-bar .menu-button:hover:not(.label) {
    background-color: #ce2431;
    color: white; }

.filter-bar .menu-indicator {
  border: 1px solid #ce2431;
  color: #ce2431; }

.filter-bar .menu-indicator-active {
  background-color: #ce2431;
  color: white; }

.fgDropMenu ul {
  width: initial;
  min-width: 100%; }

#menuFilterStat .col {
  width: 90px; }

.splitStack-item.or {
  margin-left: 20px; }

.splitStack-item-or {
  position: absolute;
  top: -20px;
  color: #aaa;
  cursor: pointer; }

.splitStack-item.or .splitStack-item-or {
  top: initial;
  left: -25px;
  color: #000; }

.stack-container {
  text-align: center; }

.and-container {
  border: 2px solid;
  display: flex;
  position: relative;
  margin-left: 30px; }

.and-container:first-child {
  margin: 0; }

.and-container .stack-item:not(:first-child) {
  margin-left: 30px; }

.stack-row-empty {
  text-align: center;
  width: 100%;
  padding: 5px 0; }

.stack-row.filter:before {
  display: block;
  content: 'Applied Filters';
  width: 95%;
  border-top: 1px solid #ddd;
  padding: 5px;
  margin: auto; }

.stack-row.filter .stack-item {
  background-color: #ce2431;
  border: 3px solid #ce2431; }
  .stack-row.filter .stack-item.pending {
    background-color: #fff;
    color: #000; }
  .stack-row.filter .stack-item.auto {
    background-color: #505050;
    color: #fff; }

#root-controller-splits {
  width: 100%; }

#root-menu-time-filter, #root-menu-time-preset {
  min-width: 176px;
  display: flex; }

#root-menu-time-filter .splits {
  width: 176px;
  flex: 0 0 auto; }

#root-menu-filter-bar {
  /*height: 30px;*/
  line-height: initial; }
  #root-menu-filter-bar .filter-bar-pt, #root-menu-filter-bar .filter-bar-stat {
    justify-content: center;
    border: 1px solid #ddd;
    height: 100%;
    align-items: center; }
  #root-menu-filter-bar .filter-bar-pt {
    flex: 1 0 40%; }
  #root-menu-filter-bar .filter-bar-stat .filter-bar-stat-apply {
    font-size: 10px; }
  #root-menu-filter-bar .fg-dropdown {
    margin-right: 5px;
    margin-left: 5px; }
  #root-menu-filter-bar input {
    margin: 4px;
    padding: 3px;
    width: 70px;
    text-align: right; }
  #root-menu-filter-bar .filter-percentage {
    margin-right: 10px; }

/*shoddy interface css */
.menu-header {
  flex: 0 0 100px;
  border-bottom: 3px solid #50ae26; }
  .menu-header.menu-header-splits {
    border-bottom: 3px solid #336699; }
  .menu-header.menu-header-filter {
    border-bottom: 3px solid #ce2431; }

.fgBinCol {
  flex-direction: column; }

.splits-leaderboard > .fgBin {
  margin-bottom: 20px; }

/*fg dropdown*/
.splits-leaderboard .fg-dropdown {
  background-color: #f5f5f5; }
  .splits-leaderboard .fg-dropdown li {
    background-color: #f5f5f5;
    padding-left: 20px;
    display: flex;
    align-items: center; }
    .splits-leaderboard .fg-dropdown li:hover {
      background-color: #ccc; }
  .splits-leaderboard .fg-dropdown-label {
    line-height: 26px;
    padding: 0;
    padding-right: 10px;
    text-align: center; }
    .splits-leaderboard .fg-dropdown-label.highlight {
      /*background-color: initial;
                color: #fff;*/ }
      .splits-leaderboard .fg-dropdown-label.highlight:after {
        /*border-top-color: #fff;*/ }
  .splits-leaderboard .fg-dropdown.group-by li.highlight-selection {
    background-color: #50ae26;
    color: #fff; }
  .splits-leaderboard .fg-dropdown.group-by .fg-dropdown-label.highlight {
    background-color: #50ae26;
    color: #fff; }
  .splits-leaderboard .fg-dropdown.splits, .splits-leaderboard .fg-dropdown.filter {
    font-size: 12px;
    width: 100%; }
    .splits-leaderboard .fg-dropdown.splits.show .fg-dropdown-label, .splits-leaderboard .fg-dropdown.filter.show .fg-dropdown-label {
      background-color: #336699;
      color: #fff; }
    .splits-leaderboard .fg-dropdown.splits li, .splits-leaderboard .fg-dropdown.filter li {
      padding-left: 0; }
    .splits-leaderboard .fg-dropdown.splits li:before, .splits-leaderboard .fg-dropdown.filter li:before {
      content: '';
      background-color: white;
      border: 1px solid #336699;
      width: 16px;
      /*padding: 0 5px;*/
      height: 16px;
      color: #336699;
      cursor: pointer;
      font-family: Lato;
      font-size: 14px;
      margin: 0 7px 0 5px;
      display: inline-flex;
      justify-content: center; }
    .splits-leaderboard .fg-dropdown.splits.multi-choice li:before, .splits-leaderboard .fg-dropdown.filter.multi-choice li:before {
      content: '+'; }
    .splits-leaderboard .fg-dropdown.splits li.highlight-selection:before, .splits-leaderboard .fg-dropdown.filter li.highlight-selection:before {
      background-color: #336699;
      color: #fff; }
  .splits-leaderboard .fg-dropdown.filter {
    max-width: 90px; }
    .splits-leaderboard .fg-dropdown.filter .fg-dropdown-label {
      line-height: 1.8; }
    .splits-leaderboard .fg-dropdown.filter.show .fg-dropdown-label {
      background-color: #ce2431;
      color: #fff; }
    .splits-leaderboard .fg-dropdown.filter .col {
      width: 90px; }
    .splits-leaderboard .fg-dropdown.filter li {
      line-height: 1.8px; }
    .splits-leaderboard .fg-dropdown.filter li:before {
      color: #ce2431;
      border: 1px solid #ce2431; }
    .splits-leaderboard .fg-dropdown.filter li.highlight-selection:before {
      background-color: #ce2431;
      color: #fff; }

.splits-leaderboard #stack-buttons {
  display: flex;
  margin-top: 10px;
  /*override the spacer */ }
  .splits-leaderboard #stack-buttons .fgButton {
    margin: 2px; }
    .splits-leaderboard #stack-buttons .fgButton.active {
      background-color: #505050;
      color: #fff; }
  .splits-leaderboard #stack-buttons .button-update {
    width: 200px;
    position: absolute;
    left: 50%;
    top: -15px;
    margin-left: -100px;
    background-color: #ce2431;
    display: none; }
    .splits-leaderboard #stack-buttons .button-update.primed {
      display: block; }
    .splits-leaderboard #stack-buttons .button-update:hover {
      background-color: #a5000a; }
  .splits-leaderboard #stack-buttons .applied-splits {
    width: 200px;
    position: absolute;
    left: 50%;
    margin-left: -100px;
    font-size: 18px; }
  .splits-leaderboard #stack-buttons .spacer-v-20 {
    flex: 1 0 auto; }

.date-container {
  display: flex;
  padding: 0 100px;
  position: relative;
  justify-content: space-around; }
  .date-container .date-container-label {
    flex: 0 0 auto;
    min-width: 80px; }
  .date-container .calendar-wrapper {
    position: absolute;
    font-size: 14px;
    z-index: 10;
    margin-top: 7px;
    left: 50%;
    margin-left: -360px;
    line-height: 1.5;
    -webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.81);
    -moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.81);
    box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.81); }
  .date-container .date-reset {
    margin-left: 15px; }

.fg-date-picker {
  display: inline-block;
  display: flex;
  flex: 1 0 auto; }
  .fg-date-picker .fg-date-picker-item-label {
    display: none; }
  .fg-date-picker .start, .fg-date-picker .end {
    min-width: 80px; }
  .fg-date-picker .fg-date-picker-item, .fg-date-picker .fg-date-picker-item-end {
    display: flex;
    align-items: center;
    justify-content: center; }

.data-grid-wrapper {
  position: relative;
  text-align: right; }
  .data-grid-wrapper .data-grid-modal {
    background-color: #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 10;
    text-align: center;
    opacity: .95;
    /*margin-top: 30px;*/
    padding-top: 50px;
    line-height: 2;
    font-size: 18px;
    box-sizing: border-box; }
    .data-grid-wrapper .data-grid-modal img {
      width: 100px;
      margin-left: -10px; }
    .data-grid-wrapper .data-grid-modal.primed {
      padding-top: 100px;
      font-size: 16px; }
  .data-grid-wrapper .data-export {
    display: inline-block;
    text-align: right;
    text-decoration: none;
    font-size: 12px;
    margin-bottom: -5px;
    margin-top: 5px;
    margin-right: 5px;
    position: relative;
    z-index: 10; }

#react-drop-test, #root-splits-tool {
  box-sizing: border-box;
  /*fixes that will need to be incorporated in*/
  /**/ }
  #react-drop-test *, #root-splits-tool * {
    box-sizing: inherit; }
  #react-drop-test .fgButton, #root-splits-tool .fgButton {
    border: 1px solid #ddd;
    height: 100%;
    line-height: initial; }
  #react-drop-test .fgBin, #root-splits-tool .fgBin {
    background-color: #dedede;
    height: 34px; }
  #react-drop-test .menu-label-group-by, #root-splits-tool .menu-label-group-by {
    border: 1px solid #ddd;
    /*line-height: 26px;*/
    height: 100%; }
    #react-drop-test .menu-label-group-by:before, #root-splits-tool .menu-label-group-by:before {
      content: ''; }
  #react-drop-test .fg-dropdown, #root-splits-tool .fg-dropdown {
    height: 100%; }
    #react-drop-test .fg-dropdown .fg-dropdown-label, #root-splits-tool .fg-dropdown .fg-dropdown-label {
      height: 100%;
      line-height: initial;
      justify-content: center;
      align-items: center;
      display: flex; }
  #react-drop-test .splits-bin-controller, #root-splits-tool .splits-bin-controller {
    justify-content: flex-start;
    align-items: stretch;
    margin: 10px 0 10px; }
    #react-drop-test .splits-bin-controller .fgButton, #root-splits-tool .splits-bin-controller .fgButton {
      padding: 2px;
      font-size: 12px;
      line-height: 26px;
      flex: 0 0 100px;
      border: 1px solid #ddd; }
      #react-drop-test .splits-bin-controller .fgButton:not(:first-child), #root-splits-tool .splits-bin-controller .fgButton:not(:first-child) {
        border-left: 0; }
      #react-drop-test .splits-bin-controller .fgButton:not(:last-child), #root-splits-tool .splits-bin-controller .fgButton:not(:last-child) {
        border-right: 0; }
      #react-drop-test .splits-bin-controller .fgButton.active, #root-splits-tool .splits-bin-controller .fgButton.active {
        border-bottom: 3px solid #336699; }
        #react-drop-test .splits-bin-controller .fgButton.active.splits-bin-filter, #root-splits-tool .splits-bin-controller .fgButton.active.splits-bin-filter {
          border-bottom: 3px solid #ce2431; }
        #react-drop-test .splits-bin-controller .fgButton.active.splits-bin-all, #root-splits-tool .splits-bin-controller .fgButton.active.splits-bin-all {
          border-bottom: 3px solid; }
        #react-drop-test .splits-bin-controller .fgButton.active.splits-bin-pitch, #root-splits-tool .splits-bin-controller .fgButton.active.splits-bin-pitch {
          border-bottom: 3px solid #74b4fa; }
  #react-drop-test .splits-display, #root-splits-tool .splits-display {
    border-left: 3px solid #336699;
    margin-bottom: 10px; }
    #react-drop-test .splits-display.hidden, #root-splits-tool .splits-display.hidden {
      display: none; }
    #react-drop-test .splits-display.splits-display-pitch, #root-splits-tool .splits-display.splits-display-pitch {
      border-color: #74b4fa; }
    #react-drop-test .splits-display.splits-display-filter, #root-splits-tool .splits-display.splits-display-filter {
      border-color: #ce2431; }
    #react-drop-test .splits-display .fg-dropdown.splits-pitch.show .fg-dropdown-label, #root-splits-tool .splits-display .fg-dropdown.splits-pitch.show .fg-dropdown-label {
      background-color: #74b4fa; }
    #react-drop-test .splits-display .fg-dropdown.splits-pitch.show li:before, #root-splits-tool .splits-display .fg-dropdown.splits-pitch.show li:before {
      color: #74b4fa;
      border: 1px solid #74b4fa; }
    #react-drop-test .splits-display .fg-dropdown.splits-pitch.show li.highlight-selection:before, #root-splits-tool .splits-display .fg-dropdown.splits-pitch.show li.highlight-selection:before {
      background-color: #74b4fa;
      color: #fff; }
  #react-drop-test .small, #root-splits-tool .small {
    width: 70px; }
  #react-drop-test .menu-button, #root-splits-tool .menu-button {
    line-height: 26px; }
  #react-drop-test #root-menu-filter-bar.fgBin, #react-drop-test #root-menu-time-filter.fgBin, #root-splits-tool #root-menu-filter-bar.fgBin, #root-splits-tool #root-menu-time-filter.fgBin {
    background-color: #f5f5f5; }
  #react-drop-test #root-menu-filter-bar .fgBin, #react-drop-test #root-menu-time-filter .fgBin, #root-splits-tool #root-menu-filter-bar .fgBin, #root-splits-tool #root-menu-time-filter .fgBin {
    background-color: #f5f5f5; }
  #react-drop-test .date-container, #root-splits-tool .date-container {
    height: 100%;
    /*line-height: 26px;*/
    border: 1px solid #ddd; }
    #react-drop-test .date-container .fgButton, #root-splits-tool .date-container .fgButton {
      height: initial; }
  #react-drop-test .stack-outer, #root-splits-tool .stack-outer {
    text-align: center; }
  #react-drop-test .stack-row-empty, #root-splits-tool .stack-row-empty {
    font-size: 12px; }
  #react-drop-test .stack-row, #root-splits-tool .stack-row {
    padding: 2px; }
  #react-drop-test .splitStack-item, #react-drop-test .stack-item, #root-splits-tool .splitStack-item, #root-splits-tool .stack-item {
    height: 34px; }
  #react-drop-test .selector-pitch-location-wrapper, #root-splits-tool .selector-pitch-location-wrapper {
    padding: 20px;
    text-align: center; }
  #react-drop-test .selector-pitch-location-quick-links, #root-splits-tool .selector-pitch-location-quick-links {
    display: flex;
    justify-content: space-around;
    cursor: pointer; }
  #react-drop-test .selector-pitch-location, #root-splits-tool .selector-pitch-location {
    width: 250px;
    display: flex;
    flex-wrap: wrap;
    background-color: #fff;
    margin: 20px auto; }
    #react-drop-test .selector-pitch-location-item, #root-splits-tool .selector-pitch-location-item {
      width: 50px;
      height: 50px;
      display: flex;
      justify-content: center;
      align-items: center;
      border: 1px solid #ddd;
      cursor: pointer; }
      #react-drop-test .selector-pitch-location-item.active, #root-splits-tool .selector-pitch-location-item.active {
        background-color: #74b4fa; }
      #react-drop-test .selector-pitch-location-item.item-6, #react-drop-test .selector-pitch-location-item.item-7, #react-drop-test .selector-pitch-location-item.item-8, #root-splits-tool .selector-pitch-location-item.item-6, #root-splits-tool .selector-pitch-location-item.item-7, #root-splits-tool .selector-pitch-location-item.item-8 {
        border-top: 2px solid; }
      #react-drop-test .selector-pitch-location-item.item-16, #react-drop-test .selector-pitch-location-item.item-17, #react-drop-test .selector-pitch-location-item.item-18, #root-splits-tool .selector-pitch-location-item.item-16, #root-splits-tool .selector-pitch-location-item.item-17, #root-splits-tool .selector-pitch-location-item.item-18 {
        border-bottom: 2px solid; }
      #react-drop-test .selector-pitch-location-item.item-6, #react-drop-test .selector-pitch-location-item.item-11, #react-drop-test .selector-pitch-location-item.item-16, #root-splits-tool .selector-pitch-location-item.item-6, #root-splits-tool .selector-pitch-location-item.item-11, #root-splits-tool .selector-pitch-location-item.item-16 {
        border-left: 2px solid; }
      #react-drop-test .selector-pitch-location-item.item-8, #react-drop-test .selector-pitch-location-item.item-13, #react-drop-test .selector-pitch-location-item.item-18, #root-splits-tool .selector-pitch-location-item.item-8, #root-splits-tool .selector-pitch-location-item.item-13, #root-splits-tool .selector-pitch-location-item.item-18 {
        border-right: 2px solid; }
  #react-drop-test #root-menu-filter-bar, #root-splits-tool #root-menu-filter-bar {
    font-size: 12px;
    text-align: center; }
    #react-drop-test #root-menu-filter-bar .fgBin .filter-pt, #root-splits-tool #root-menu-filter-bar .fgBin .filter-pt {
      border: 1px solid #ddd;
      /*border-right: 1px solid #ddd;*/
      flex: 0 0 40%;
      justify-content: space-around;
      padding: 0 20px; }
    #react-drop-test #root-menu-filter-bar .fgBin .filter-stat, #root-splits-tool #root-menu-filter-bar .fgBin .filter-stat {
      border: 1px solid #ddd;
      border-left: 0;
      padding: 0 40px; }
    #react-drop-test #root-menu-filter-bar .fg-dropdown, #root-splits-tool #root-menu-filter-bar .fg-dropdown {
      height: initial; }
      #react-drop-test #root-menu-filter-bar .fg-dropdown .fg-dropdown-label, #root-splits-tool #root-menu-filter-bar .fg-dropdown .fg-dropdown-label {
        line-height: 20px; }
      #react-drop-test #root-menu-filter-bar .fg-dropdown .fg-dropdown-ul, #root-splits-tool #root-menu-filter-bar .fg-dropdown .fg-dropdown-ul {
        border: 1px solid #ddd; }
    #react-drop-test #root-menu-filter-bar .dropdown-columns, #root-splits-tool #root-menu-filter-bar .dropdown-columns {
      left: -150%; }
      #react-drop-test #root-menu-filter-bar .dropdown-columns .col, #root-splits-tool #root-menu-filter-bar .dropdown-columns .col {
        width: 105px; }
    #react-drop-test #root-menu-filter-bar .fgButton, #root-splits-tool #root-menu-filter-bar .fgButton {
      height: initial; }
    #react-drop-test #root-menu-filter-bar .filter-precentage, #root-splits-tool #root-menu-filter-bar .filter-precentage {
      position: relative; }
      #react-drop-test #root-menu-filter-bar .filter-precentage input, #root-splits-tool #root-menu-filter-bar .filter-precentage input {
        padding-right: 14px; }
      #react-drop-test #root-menu-filter-bar .filter-precentage:after, #root-splits-tool #root-menu-filter-bar .filter-precentage:after {
        content: '%';
        display: block;
        position: absolute;
        right: 10px;
        top: 25%; }
  #react-drop-test #button-update, #root-splits-tool #button-update {
    height: initial; }
  #react-drop-test #root-buttons-stats, #root-splits-tool #root-buttons-stats {
    /*height: 32px;*/ }
    #react-drop-test #root-buttons-stats .fgButton, #root-splits-tool #root-buttons-stats .fgButton {
      line-height: 2.5; }
  #react-drop-test .widget-header, #root-splits-tool .widget-header {
    width: 230px; }
  #react-drop-test .fg-data-grid [data-stat="Pitches"], #root-splits-tool .fg-data-grid [data-stat="Pitches"] {
    /*border-right: 2px solid #444;*/ }
  #react-drop-test .fg-dropdown.filter li[data-value^="p"], #root-splits-tool .fg-dropdown.filter li[data-value^="p"] {
    /*color: blue;*/ }
    #react-drop-test .fg-dropdown.filter li[data-value^="p"]:before, #root-splits-tool .fg-dropdown.filter li[data-value^="p"]:before {
      color: #e87d86;
      border-color: #e87d86; }
    #react-drop-test .fg-dropdown.filter li[data-value^="p"].highlight-selection:before, #root-splits-tool .fg-dropdown.filter li[data-value^="p"].highlight-selection:before {
      background-color: #e87d86; }
  #react-drop-test .stack-row.filter .filter-pitch, #root-splits-tool .stack-row.filter .filter-pitch {
    border-color: #e87d86;
    background-color: #e87d86; }
    #react-drop-test .stack-row.filter .filter-pitch.pending, #root-splits-tool .stack-row.filter .filter-pitch.pending {
      background-color: #fff; }
  #react-drop-test .data-grid-wrapper [data-stat="BUH%"],
  #react-drop-test .data-grid-wrapper [data-stat="Oppo%"],
  #react-drop-test .data-grid-wrapper [data-stat="Pitches"],
  #react-drop-test .data-grid-wrapper [data-stat="Swing%"],
  #react-drop-test .data-grid-wrapper [data-stat="Contact%"],
  #react-drop-test .data-grid-wrapper [data-stat="Vel"], #root-splits-tool .data-grid-wrapper [data-stat="BUH%"],
  #root-splits-tool .data-grid-wrapper [data-stat="Oppo%"],
  #root-splits-tool .data-grid-wrapper [data-stat="Pitches"],
  #root-splits-tool .data-grid-wrapper [data-stat="Swing%"],
  #root-splits-tool .data-grid-wrapper [data-stat="Contact%"],
  #root-splits-tool .data-grid-wrapper [data-stat="Vel"] {
    border-right: 2px solid #000; }
  #react-drop-test .data-grid-wrapper [data-stat="Tm"], #root-splits-tool .data-grid-wrapper [data-stat="Tm"] {
    width: 40px; }
  #react-drop-test .quick-splits, #root-splits-tool .quick-splits {
    background-color: #f5f5f5;
    display: flex;
    flex-wrap: wrap;
    /*justify-content: space-around;*/
    font-size: 13px;
    border: 1px solid #cdcdcd;
    margin-bottom: 10px;
    /*padding-bottom: 10px;*/ }
    #react-drop-test .quick-splits.hidden, #root-splits-tool .quick-splits.hidden {
      display: none; }
    #react-drop-test .quick-splits-title, #root-splits-tool .quick-splits-title {
      width: 100%;
      /*height: 10px;*/
      padding: 5px;
      border-bottom: 3px solid #336699;
      position: relative; }
      #react-drop-test .quick-splits-title .quick-splits-close, #root-splits-tool .quick-splits-title .quick-splits-close {
        display: inline-block;
        text-align: right;
        right: 10px;
        position: absolute;
        cursor: pointer; }
    #react-drop-test .quick-splits-position, #root-splits-tool .quick-splits-position {
      padding: 2px 10px;
      border-right: 1px solid #dedede; }
      #react-drop-test .quick-splits-position:not(:last-child), #root-splits-tool .quick-splits-position:not(:last-child) {
        border-right: 1px solid #dedede; }
      #react-drop-test .quick-splits-position.intstructions, #root-splits-tool .quick-splits-position.intstructions {
        flex: 1 0 20%;
        border: 0;
        justify-content: center;
        align-items: center;
        display: flex;
        text-align: center; }
      #react-drop-test .quick-splits-position .fgButton, #root-splits-tool .quick-splits-position .fgButton {
        /*text-decoration: underline;*/
        /*padding: 7px 2px 7px 5px;*/
        padding: 0 5px; }
        #react-drop-test .quick-splits-position .fgButton:hover, #root-splits-tool .quick-splits-position .fgButton:hover {
          text-decoration-color: #000;
          background-color: inherit;
          color: #336699; }
      #react-drop-test .quick-splits-position-label, #root-splits-tool .quick-splits-position-label {
        display: flex;
        text-align: left;
        padding-bottom: 5px;
        padding-top: 5px;
        font-weight: 600; }
        #react-drop-test .quick-splits-position-label .quick-splits-position-row-sprp, #root-splits-tool .quick-splits-position-label .quick-splits-position-row-sprp {
          text-align: right;
          width: 100%;
          display: flex; }
        #react-drop-test .quick-splits-position-label .fgButton, #root-splits-tool .quick-splits-position-label .fgButton {
          border-bottom: 0;
          text-align: center;
          padding-bottom: 0;
          padding-top: 0;
          margin-left: auto; }
          #react-drop-test .quick-splits-position-label .fgButton:first-child, #root-splits-tool .quick-splits-position-label .fgButton:first-child {
            margin-left: 10px; }
      #react-drop-test .quick-splits-position-row, #root-splits-tool .quick-splits-position-row {
        border-top: 1px solid #dedede;
        display: flex;
        padding: 5px 0; }
    #react-drop-test .quick-splits .fgButton, #root-splits-tool .quick-splits .fgButton {
      border: 0; }

/*table control left*/
/*.table-control {
    display: flex;
    position: relative;
    align-items: center;
    margin: 5px 5px;
    font-size: 12px;

    &.left:before {
        content: "\e00b";
    }

    input {
        width: 30px;
        margin: 0 10px 0 0;
        font-size: inherit;
        text-align: right;
    }

    .material-icons {
        color: #505050;
        cursor: pointer;
    }
}*/
/*.table-control-numbers {
    position: absolute;
    right: 0;
}*/
.splits-leaderboard {
  position: relative; }
  .splits-leaderboard .menu-label-group-by {
    flex: 0 0 100px;
    border-bottom: 3px solid #50ae26;
    line-height: 29px;
    position: relative; }
    .splits-leaderboard .menu-label-group-by:before {
      cursor: default;
      content: 'Moved!';
      /*border-radius: 50%;*/
      /*height: 20px;*/
      /*width: 20px;*/
      background-color: #f9c758;
      position: absolute;
      left: -10px;
      top: -19px;
      line-height: 20px;
      padding: 0 5px;
      box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3), 0 6px 6px rgba(0, 0, 0, 0.1); }
      .splits-leaderboard .menu-label-group-by:before .fg-dropdown-label.highlight {
        background-color: #50ae26; }
  .splits-leaderboard .table-container {
    margin-bottom: 30px; }
  .splits-leaderboard .date-wrapper {
    z-index: 500; }
  .splits-leaderboard .top {
    position: relative;
    height: 40px; }
  .splits-leaderboard .stack-small {
    position: absolute;
    bottom: 5px;
    top: auto;
    right: 10px;
    display: flex; }
  .splits-leaderboard .button-update {
    background-color: #ce2431;
    color: white;
    font-size: 16px; }
    .splits-leaderboard .button-update:hover {
      background-color: #a5000a; }
  .splits-leaderboard .splitStack-item {
    height: 24px;
    margin: 3px 5px;
    width: 121px;
    flex: 0 1 auto;
    background-color: #336699;
    border: 3px solid #336699;
    padding-bottom: 2px;
    font-family: lato;
    color: white;
    display: flex;
    align-items: center;
    font-size: 12px; }
    .filterStack-container .splits-leaderboard .splitStack-item {
      background-color: #ce2431;
      border: 3px solid #ce2431; }
    .splits-leaderboard .splitStack-item.pending {
      background-color: #fff;
      color: #000; }
    .splits-leaderboard .splitStack-item.auto {
      background-color: #505050;
      color: #fff; }
  .splits-leaderboard .splitStack-item-text {
    width: 100%;
    padding-left: 10px;
    cursor: default; }
  .splits-leaderboard .splitStack-item-rm {
    margin: 0px 10px 0px 0px;
    font-family: lato;
    color: white;
    cursor: pointer; }
    .pending .splits-leaderboard .splitStack-item-rm {
      color: #000; }
  .splits-leaderboard .inactive {
    color: #A5A5A5; }
  .splits-leaderboard .player-selection-box button.action {
    background-color: #ce2431; }
  .splits-leaderboard .widget-header {
    border-bottom: 4px solid #50ae26;
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 10px; }
    .splits-leaderboard .widget-header span {
      color: #fff;
      background-color: #50ae26;
      padding: 10px 12px 6px;
      display: inline-block;
      font-size: 14px; }

#root-splits-tool .table-wrapper-inner {
  padding-top: 25px; }