/*!********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./styles/fgUi/DataGridEmptyData.module.scss ***!
  \********************************************************************************************************************************************************************************************/
.DataGridEmptyData-module__data-grid__empty-data___BXpN1 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 0;
  font-size: 18px;
}

.DataGridEmptyData-module__fallback__error___Acsno {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.DataGridEmptyData-module__fallback__error__header___t_CMu {
  display: flex;
  align-items: center;
}

.DataGridEmptyData-module__fallback__error__action___WGqAY {
  margin-top: 12px;
  text-align: center;
}

.DataGridEmptyData-module__icon__error___Dzhfj {
  font-size: 18px;
  margin-right: 4px;
  color: #ce2431;
}
/*!***************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./styles/fgUi/PageControls.module.scss ***!
  \***************************************************************************************************************************************************************************************/
.PageControls-module__table-page-control___NLQU5 {
  display: flex;
  align-items: center;
  padding: 5px;
  font-size: 12px;
  width: 100%;
}
.PageControls-module__table-page-control___NLQU5 ~ .PageControls-module__table-page-control___NLQU5 {
  position: absolute;
  top: 14px;
}
.PageControls-module__table-page-control___NLQU5 .PageControls-module__material-icons___HjFk9 {
  cursor: pointer;
}
.PageControls-module__table-page-control___NLQU5 input {
  font-family: inherit;
  width: 30px;
  margin: 0 10px 0 0;
  font-size: inherit;
  text-align: right;
  padding-right: 5px;
}
.PageControls-module__table-page-control___NLQU5 .PageControls-module__table-page-results___N3gqB {
  font-size: 12px;
  margin-left: auto;
}
.PageControls-module__table-page-control___NLQU5 .PageControls-module__page-item-control___bLcL9 {
  font-family: Lato, arial, helvetica, sans-serif;
  margin-left: 20px;
}
@media (max-width: 430px) {
  .PageControls-module__table-page-control___NLQU5 .PageControls-module__page-item-control___bLcL9 {
    position: relative;
    top: -10px;
  }
}
.PageControls-module__table-page-control___NLQU5 .PageControls-module__page-item-control___bLcL9 select {
  font-family: Lato, arial, helvetica, sans-serif;
  cursor: pointer;
  font-size: 12px;
  margin-left: 5px;
  padding: 5px;
}
.PageControls-module__table-page-control___NLQU5 .PageControls-module__page-item-control___bLcL9 select option {
  padding: 0;
}
/*!****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./styles/fgUi/LoadingScreen.module.scss ***!
  \****************************************************************************************************************************************************************************************/
.LoadingScreen-module__fgui-loading-screen___kOGli {
  background-color: #fff;
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 10;
  text-align: center;
  opacity: 0.95;
  /* margin-top: 30px; */
  padding-top: 50px;
  line-height: 2;
  font-size: 18px;
  box-sizing: border-box;
}
.LoadingScreen-module__dark-mode___OotJm .LoadingScreen-module__fgui-loading-screen___kOGli {
  background-color: #1a1a1a;
}
.LoadingScreen-module__fgui-loading-screen___kOGli img {
  width: 100px;
}
/*!***********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./styles/fgUi/DataGrid.module.scss ***!
  \***********************************************************************************************************************************************************************************/
.DataGrid-module__fg-data-grid___RUQCn {
  font-family: lato, Arial, Helvetica, sans-serif;
  font-size: 14px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  margin-top: -10px;
}
.DataGrid-module__fg-data-grid___RUQCn * {
  box-sizing: inherit;
}
.DataGrid-module__fg-data-grid___RUQCn .DataGrid-module__table-wrapper-outer___rgpdg {
  position: relative;
  max-width: 980px;
}
.DataGrid-module__fg-data-grid___RUQCn .DataGrid-module__table-wrapper-outer___rgpdg::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}
.DataGrid-module__fg-data-grid___RUQCn .DataGrid-module__table-wrapper-outer___rgpdg .DataGrid-module__fgui-loading-screen___t6djs {
  position: absolute;
  top: 55px;
  left: 0;
}
.DataGrid-module__fg-data-grid___RUQCn .DataGrid-module__table-wrapper-inner___b488p {
  /*overflow-x: auto;*/
  padding-top: 55px;
}
.DataGrid-module__fg-data-grid___RUQCn .DataGrid-module__table-wrapper-inner___b488p::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}
.DataGrid-module__fg-data-grid___RUQCn .DataGrid-module__table-fixed___Sd56N {
  /*possibly only show this on mobile*/
  display: none;
  position: absolute;
  left: 0;
  top: 55px;
  width: 100%;
  pointer-events: none;
  overflow: hidden;
}
.DataGrid-module__fg-data-grid___RUQCn .DataGrid-module__table-fixed___Sd56N::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}
.DataGrid-module__fg-data-grid___RUQCn .DataGrid-module__table-fixed___Sd56N td, .DataGrid-module__fg-data-grid___RUQCn .DataGrid-module__table-fixed___Sd56N th {
  visibility: hidden;
}
.DataGrid-module__fg-data-grid___RUQCn .DataGrid-module__table-fixed___Sd56N td.DataGrid-module__fixed___WhF9N, .DataGrid-module__fg-data-grid___RUQCn .DataGrid-module__table-fixed___Sd56N th.DataGrid-module__fixed___WhF9N {
  visibility: visible;
  pointer-events: all;
}
.DataGrid-module__fg-data-grid___RUQCn .DataGrid-module__table-fixed___Sd56N td:not(.DataGrid-module__fixed___WhF9N), .DataGrid-module__fg-data-grid___RUQCn .DataGrid-module__table-fixed___Sd56N th:not(.DataGrid-module__fixed___WhF9N) {
  border-color: transparent;
}
.DataGrid-module__dark-mode___XJtJW .DataGrid-module__fg-data-grid___RUQCn .DataGrid-module__table-fixed___Sd56N td:not(.DataGrid-module__fixed___WhF9N), .DataGrid-module__dark-mode___XJtJW .DataGrid-module__fg-data-grid___RUQCn .DataGrid-module__table-fixed___Sd56N th:not(.DataGrid-module__fixed___WhF9N) {
  border-color: transparent;
}
.DataGrid-module__fg-data-grid___RUQCn .DataGrid-module__table-scroll___RdhFe::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}
.DataGrid-module__fg-data-grid___RUQCn table {
  border-collapse: collapse;
  font-family: "segoe ui", arial, sans-serif;
  font-size: 12px;
  width: 100%;
  table-layout: fixed;
}
.DataGrid-module__fg-data-grid___RUQCn table tr {
  /*background-color: #ddd;*/
  background-color: #fff;
}
.DataGrid-module__dark-mode___XJtJW .DataGrid-module__fg-data-grid___RUQCn table tr {
  background-color: #1a1a1a;
}
.DataGrid-module__fg-data-grid___RUQCn table tr.DataGrid-module__hover___aGaok {
  background-color: #ddd;
}
.DataGrid-module__dark-mode___XJtJW .DataGrid-module__fg-data-grid___RUQCn table tr.DataGrid-module__hover___aGaok {
  background-color: #333;
}
.DataGrid-module__fg-data-grid___RUQCn table tr:focus {
  outline: 0;
}
.DataGrid-module__fg-data-grid___RUQCn table tr.DataGrid-module__is-selected___Wuyce {
  background-color: #fbdbdb;
}
.DataGrid-module__fg-data-grid___RUQCn table tr.DataGrid-module__is-selected___Wuyce:focus {
  outline: 0;
}
.DataGrid-module__dark-mode___XJtJW .DataGrid-module__fg-data-grid___RUQCn table tr.DataGrid-module__is-selected___Wuyce {
  background-color: #9f5454;
}
.DataGrid-module__fg-data-grid___RUQCn table tr.DataGrid-module__is-selected__total___prK7d {
  background-color: #f4a4a4;
}
.DataGrid-module__dark-mode___XJtJW .DataGrid-module__fg-data-grid___RUQCn table tr.DataGrid-module__is-selected__total___prK7d {
  background-color: #5d3030;
}
.DataGrid-module__fg-data-grid___RUQCn table th {
  cursor: pointer;
  position: relative;
  background-color: gray;
  color: #fff;
  padding-right: 3px;
  padding-left: 4px;
  padding-top: 4px;
  padding-bottom: 3px;
}
.DataGrid-module__dark-mode___XJtJW .DataGrid-module__fg-data-grid___RUQCn table th {
  background-color: #555;
  border-color: #747474;
}
.DataGrid-module__fg-data-grid___RUQCn table th.DataGrid-module__highlight-sort___mdpNT {
  color: #000;
}
.DataGrid-module__fg-data-grid___RUQCn table th.DataGrid-module__th-name___Kvqbl {
  width: 130px;
}
.DataGrid-module__fg-data-grid___RUQCn table th.DataGrid-module__th-season___FscKK {
  width: 45px;
}
.DataGrid-module__fg-data-grid___RUQCn table th.DataGrid-module__th-month___ORTH9 {
  width: 60px;
}
.DataGrid-module__fg-data-grid___RUQCn table th.DataGrid-module__th-week___U2w4F {
  width: 105px;
}
.DataGrid-module__fg-data-grid___RUQCn table th.DataGrid-module__th-team___sMxGI {
  width: 55px;
}
.DataGrid-module__fg-data-grid___RUQCn table th.DataGrid-module__th-rank___I_5Xp {
  width: 32px;
}
.DataGrid-module__fg-data-grid___RUQCn table th.DataGrid-module__th-date___l3fAK {
  width: 80px;
}
.DataGrid-module__fg-data-grid___RUQCn table th .DataGrid-module__th-tooltip___dRyiw {
  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;
  animation: DataGrid-module__fadeIn___BgCuW ease-in-out 300ms;
  -webkit-animation: DataGrid-module__fadeIn___BgCuW ease-in-out 300ms;
  -moz-animation: DataGrid-module__fadeIn___BgCuW ease-in-out 300ms;
  -o-animation: DataGrid-module__fadeIn___BgCuW ease-in-out 300ms;
  -ms-animation: DataGrid-module__fadeIn___BgCuW ease-in-out 300ms;
}
.DataGrid-module__dark-mode___XJtJW .DataGrid-module__fg-data-grid___RUQCn table th .DataGrid-module__th-tooltip___dRyiw {
  background-color: rgba(204, 204, 204, 0.8);
  color: #000;
}
@keyframes DataGrid-module__fadeIn___BgCuW {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes DataGrid-module__fadeIn___BgCuW {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes DataGrid-module__fadeIn___BgCuW {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes DataGrid-module__fadeIn___BgCuW {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes DataGrid-module__fadeIn___BgCuW {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.DataGrid-module__fg-data-grid___RUQCn table th .DataGrid-module__th-tooltip___dRyiw a {
  color: inherit;
  text-decoration: underline;
}
.DataGrid-module__fg-data-grid___RUQCn table th .DataGrid-module__th-tooltip___dRyiw a:hover {
  color: #50ae26;
}
.DataGrid-module__fg-data-grid___RUQCn table th .DataGrid-module__th-tooltip___dRyiw .DataGrid-module__arrow-down___uGnsQ {
  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;
}
.DataGrid-module__dark-mode___XJtJW .DataGrid-module__fg-data-grid___RUQCn table th .DataGrid-module__th-tooltip___dRyiw .DataGrid-module__arrow-down___uGnsQ {
  border-top-color: rgba(204, 204, 204, 0.8);
}
.DataGrid-module__fg-data-grid___RUQCn table td {
  position: relative;
  border: 1px solid #eee;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-right: 3px;
  padding-left: 4px;
  padding-top: 4px;
  padding-bottom: 3px;
  white-space: nowrap;
}
.DataGrid-module__fg-data-grid___RUQCn table td a {
  text-decoration: none;
}
.DataGrid-module__dark-mode___XJtJW .DataGrid-module__fg-data-grid___RUQCn table td {
  border-color: #555;
}
.DataGrid-module__fg-data-grid___RUQCn table td .DataGrid-module__th-tooltip___dRyiw {
  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;
  animation: DataGrid-module__fadeIn___BgCuW ease-in-out 300ms;
  -webkit-animation: DataGrid-module__fadeIn___BgCuW ease-in-out 300ms;
  -moz-animation: DataGrid-module__fadeIn___BgCuW ease-in-out 300ms;
  -o-animation: DataGrid-module__fadeIn___BgCuW ease-in-out 300ms;
  -ms-animation: DataGrid-module__fadeIn___BgCuW ease-in-out 300ms;
}
.DataGrid-module__dark-mode___XJtJW .DataGrid-module__fg-data-grid___RUQCn table td .DataGrid-module__th-tooltip___dRyiw {
  background-color: rgba(204, 204, 204, 0.8);
  color: #000;
}
@keyframes DataGrid-module__fadeIn___BgCuW {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes DataGrid-module__fadeIn___BgCuW {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes DataGrid-module__fadeIn___BgCuW {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes DataGrid-module__fadeIn___BgCuW {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes DataGrid-module__fadeIn___BgCuW {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.DataGrid-module__fg-data-grid___RUQCn table td .DataGrid-module__th-tooltip___dRyiw a {
  color: inherit;
  text-decoration: underline;
}
.DataGrid-module__fg-data-grid___RUQCn table td .DataGrid-module__th-tooltip___dRyiw a:hover {
  color: #50ae26;
}
.DataGrid-module__fg-data-grid___RUQCn table td .DataGrid-module__th-tooltip___dRyiw .DataGrid-module__arrow-down___uGnsQ {
  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;
}
.DataGrid-module__dark-mode___XJtJW .DataGrid-module__fg-data-grid___RUQCn table td .DataGrid-module__th-tooltip___dRyiw .DataGrid-module__arrow-down___uGnsQ {
  border-top-color: rgba(204, 204, 204, 0.8);
}
.DataGrid-module__fg-data-grid___RUQCn table td:hover {
  position: relative;
  overflow: visible;
}
.DataGrid-module__fg-data-grid___RUQCn table .DataGrid-module__td-overflow___PyVLP {
  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;
}
.DataGrid-module__dark-mode___XJtJW .DataGrid-module__fg-data-grid___RUQCn table .DataGrid-module__td-overflow___PyVLP {
  background-color: #333;
}
.DataGrid-module__fg-data-grid___RUQCn table .DataGrid-module__highlight-sort___mdpNT {
  background-color: #ddd;
}
.DataGrid-module__dark-mode___XJtJW .DataGrid-module__fg-data-grid___RUQCn table .DataGrid-module__highlight-sort___mdpNT {
  background-color: #999;
  color: #fff;
}
.DataGrid-module__fg-data-grid___RUQCn table .DataGrid-module__align-left___JO7BI {
  text-align: left;
  padding-right: 0;
}
.DataGrid-module__fg-data-grid___RUQCn table .DataGrid-module__align-right___FrXMm {
  text-align: right;
  padding-left: 0;
}
.DataGrid-module__fg-data-grid___RUQCn.DataGrid-module__prevent-text-selection___g25Bz {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.DataGrid-module__fg-data-grid___RUQCn td:hover {
  /*overflow: visible;
  background-color: #ddd;
  border: 0;*/
  position: relative;
  overflow: visible;
}
.DataGrid-module__fg-data-grid___RUQCn th[data-stat=Name] {
  width: 130px;
}
.DataGrid-module__fg-data-grid___RUQCn th[data-stat=divider],
.DataGrid-module__fg-data-grid___RUQCn th[data-stat="Divider |"],
.DataGrid-module__fg-data-grid___RUQCn td[data-stat=divider],
.DataGrid-module__fg-data-grid___RUQCn td[data-stat="Divider |"],
.DataGrid-module__fg-data-grid___RUQCn th[data-stat="-- Line Break --"],
.DataGrid-module__fg-data-grid___RUQCn td[data-stat="-- Line Break --"] {
  display: none;
}
.DataGrid-module__fg-data-grid___RUQCn th[data-stat=divider] + th, .DataGrid-module__fg-data-grid___RUQCn th[data-stat=divider] + td,
.DataGrid-module__fg-data-grid___RUQCn th[data-stat="Divider |"] + th,
.DataGrid-module__fg-data-grid___RUQCn th[data-stat="Divider |"] + td,
.DataGrid-module__fg-data-grid___RUQCn td[data-stat=divider] + th,
.DataGrid-module__fg-data-grid___RUQCn td[data-stat=divider] + td,
.DataGrid-module__fg-data-grid___RUQCn td[data-stat="Divider |"] + th,
.DataGrid-module__fg-data-grid___RUQCn td[data-stat="Divider |"] + td,
.DataGrid-module__fg-data-grid___RUQCn th[data-stat="-- Line Break --"] + th,
.DataGrid-module__fg-data-grid___RUQCn th[data-stat="-- Line Break --"] + td,
.DataGrid-module__fg-data-grid___RUQCn td[data-stat="-- Line Break --"] + th,
.DataGrid-module__fg-data-grid___RUQCn td[data-stat="-- Line Break --"] + td {
  border-left: 3px solid #333;
}
.DataGrid-module__dark-mode___XJtJW .DataGrid-module__fg-data-grid___RUQCn th[data-stat=divider] + th, .DataGrid-module__dark-mode___XJtJW .DataGrid-module__fg-data-grid___RUQCn th[data-stat=divider] + td,
.DataGrid-module__dark-mode___XJtJW .DataGrid-module__fg-data-grid___RUQCn th[data-stat="Divider |"] + th,
.DataGrid-module__dark-mode___XJtJW .DataGrid-module__fg-data-grid___RUQCn th[data-stat="Divider |"] + td,
.DataGrid-module__dark-mode___XJtJW .DataGrid-module__fg-data-grid___RUQCn td[data-stat=divider] + th,
.DataGrid-module__dark-mode___XJtJW .DataGrid-module__fg-data-grid___RUQCn td[data-stat=divider] + td,
.DataGrid-module__dark-mode___XJtJW .DataGrid-module__fg-data-grid___RUQCn td[data-stat="Divider |"] + th,
.DataGrid-module__dark-mode___XJtJW .DataGrid-module__fg-data-grid___RUQCn td[data-stat="Divider |"] + td,
.DataGrid-module__dark-mode___XJtJW .DataGrid-module__fg-data-grid___RUQCn th[data-stat="-- Line Break --"] + th,
.DataGrid-module__dark-mode___XJtJW .DataGrid-module__fg-data-grid___RUQCn th[data-stat="-- Line Break --"] + td,
.DataGrid-module__dark-mode___XJtJW .DataGrid-module__fg-data-grid___RUQCn td[data-stat="-- Line Break --"] + th,
.DataGrid-module__dark-mode___XJtJW .DataGrid-module__fg-data-grid___RUQCn td[data-stat="-- Line Break --"] + td {
  border-left-color: #888;
}
.DataGrid-module__fg-data-grid___RUQCn.DataGrid-module__sort-disabled___b5Nal table th {
  cursor: default;
}

.DataGrid-module__shift-pressed___tFTkz {
  cursor: default;
}
.DataGrid-module__shift-pressed___tFTkz .DataGrid-module__fg-data-grid___RUQCn tr {
  cursor: not-allowed;
}
.DataGrid-module__shift-pressed___tFTkz .DataGrid-module__fg-data-grid___RUQCn.DataGrid-module__with-selected-rows___Odupr tr {
  cursor: pointer;
}
.DataGrid-module__shift-pressed___tFTkz .DataGrid-module__fg-data-grid___RUQCn.DataGrid-module__with-selected-rows___Odupr a {
  pointer-events: none;
}
.DataGrid-module__shift-pressed___tFTkz .DataGrid-module__fg-data-grid___RUQCn tr.DataGrid-module__is-selected__invalid___gwK9v {
  cursor: not-allowed;
}

.DataGrid-module__fg-data-grid___RUQCn tr.DataGrid-module__is-not-selectable___Nof4d {
  -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);
}
/*!*****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./styles/fgUi/DataGridExport.module.scss ***!
  \*****************************************************************************************************************************************************************************************/
.DataGridExport-module__data-export___FvQtO {
  display: inline-block;
  text-align: right;
  text-decoration: none;
  font-size: 12px;
  margin-bottom: 5px;
  margin-top: 0px;
  margin-right: 5px;
}
.DataGridExport-module__data-export___FvQtO.DataGridExport-module__inactive____FqeH {
  color: #888;
}
/*!*************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./styles/fgUi/fgDropDown.module.scss ***!
  \*************************************************************************************************************************************************************************************/
.fgDropDown-module__fg-dropdown___XeH1e {
  display: inline-block;
  border: 1px solid #cdcdcd;
  background-color: #f5f5f5;
  font-size: 13px;
  position: relative;
  width: 140px;
  cursor: default;
}
.fgDropDown-module__fg-dropdown___XeH1e:focus {
  outline: none;
}
.fgDropDown-module__dark-mode___aOdBu .fgDropDown-module__fg-dropdown___XeH1e {
  background-color: #888;
}
.fgDropDown-module__fg-dropdown___XeH1e ul, .fgDropDown-module__fg-dropdown___XeH1e li {
  padding: 0;
  margin: 0;
  list-style: none;
}
.fgDropDown-module__fg-dropdown___XeH1e ul.fgDropDown-module__fg-dropdown-ul___FdmdP, .fgDropDown-module__fg-dropdown___XeH1e .fgDropDown-module__fg-dropdown-ul___FdmdP li {
  padding: 0;
  margin: 0;
  list-style: none;
}
.fgDropDown-module__fg-dropdown___XeH1e ul.fgDropDown-module__fg-dropdown-ul___FdmdP {
  padding-left: 0;
}
.fgDropDown-module__fg-dropdown___XeH1e .fgDropDown-module__fg-dropdown-ul___FdmdP li {
  padding: 3px 5px;
  display: flex;
  width: 100%;
  flex-direction: row;
  align-items: center;
}
.fgDropDown-module__fg-dropdown-label___FGGoI {
  padding: 5px;
}
.fgDropDown-module__fg-dropdown-label___FGGoI: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;
}
.fgDropDown-module__fg-dropdown___XeH1e.fgDropDown-module__is-disabled___OCat1 {
  color: #aaa;
}
.fgDropDown-module__fg-dropdown___XeH1e.fgDropDown-module__is-disabled___OCat1 .fgDropDown-module__fg-dropdown-label___FGGoI:after {
  border-top: 4px solid #aaa;
}
.fgDropDown-module__fg-dropdown___XeH1e .fgDropDown-module__fg-dropdown-ul___FdmdP {
  display: none;
  position: absolute;
  min-width: 100%;
  text-align: left;
  left: 0;
  z-index: 20;
  background-color: #f5f5f5;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3), 0 6px 6px rgba(0, 0, 0, 0.1);
}
.fgDropDown-module__dark-mode___aOdBu .fgDropDown-module__fg-dropdown___XeH1e .fgDropDown-module__fg-dropdown-ul___FdmdP {
  background-color: #3a3a3a;
}
.fgDropDown-module__fg-dropdown___XeH1e .fgDropDown-module__fg-dropdown-ul___FdmdP.fgDropDown-module__show___vsjif {
  display: block;
  max-height: 400px;
  overflow-y: auto;
}
.fgDropDown-module__fg-dropdown___XeH1e .fgDropDown-module__fg-dropdown-ul___FdmdP.fgDropDown-module__show___vsjif.fgDropDown-module__dropdown-columns___fn_JE {
  display: flex;
}
.fgDropDown-module__fg-dropdown___XeH1e .fgDropDown-module__fg-dropdown-ul___FdmdP.fgDropDown-module__show___vsjif.fgDropDown-module__dropdown-columns___fn_JE .fgDropDown-module__col___ld3Mr {
  width: 100%;
}
.fgDropDown-module__fg-dropdown___XeH1e .fgDropDown-module__fg-dropdown-ul___FdmdP li {
  border: 1px solid #cdcdcd;
  background-color: #f5f5f5;
  padding: 5px;
  cursor: pointer;
}
.fgDropDown-module__fg-dropdown___XeH1e .fgDropDown-module__fg-dropdown-ul___FdmdP li:hover {
  background-color: #aaa;
}
.fgDropDown-module__dark-mode___aOdBu .fgDropDown-module__fg-dropdown___XeH1e .fgDropDown-module__fg-dropdown-ul___FdmdP li:hover {
  background-color: #666;
}
.fgDropDown-module__fg-dropdown___XeH1e .fgDropDown-module__fg-dropdown-ul___FdmdP li.fgDropDown-module__seperator___PMYud {
  border-bottom: 5px solid #ddd;
}
.fgDropDown-module__dark-mode___aOdBu .fgDropDown-module__fg-dropdown___XeH1e .fgDropDown-module__fg-dropdown-ul___FdmdP li {
  background-color: #3a3a3a;
}
.fgDropDown-module__fg-dropdown___XeH1e.fgDropDown-module__show___vsjif .fgDropDown-module__fg-dropdown-label___FGGoI {
  background-color: #50ae26;
  /*color: #fff;*/
}
.fgDropDown-module__fg-dropdown___XeH1e.fgDropDown-module__show___vsjif .fgDropDown-module__fg-dropdown-ul___FdmdP {
  display: block;
}
.fgDropDown-module__fg-dropdown___XeH1e.fgDropDown-module__show___vsjif .fgDropDown-module__fg-dropdown-ul___FdmdP.fgDropDown-module__dropdown-columns___fn_JE {
  display: flex;
}
/*!**************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./styles/fgUi/Spacer.scss ***!
  \**************************************************************************************************************************************************************************/
.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;
}
/*!***********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./styles/fgUi/StackRow.module.scss ***!
  \***********************************************************************************************************************************************************************************/
.StackRow-module__stack-row___RR2Bx {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  padding: 5px;
  margin: 0px;
}
.StackRow-module__stack-row___RR2Bx .StackRow-module__stack-item___BePuO {
  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;
}
.StackRow-module__stack-row___RR2Bx .StackRow-module__stack-item___BePuO.StackRow-module__splits-pitch___Dq4Yp {
  background-color: #74b4fa;
  border: 3px solid #74b4fa;
}
.StackRow-module__stack-row___RR2Bx .StackRow-module__stack-item___BePuO.StackRow-module__pending___iokHu {
  background-color: #fff;
  color: #000;
}
.StackRow-module__stack-row___RR2Bx .StackRow-module__stack-item___BePuO .StackRow-module__splitStack-item-text___kBmlZ, .StackRow-module__stack-row___RR2Bx .StackRow-module__stack-item___BePuO .StackRow-module__stack-item-text___pMeEo {
  width: 100%;
  padding: 0 2px;
  cursor: default;
}
.StackRow-module__stack-row___RR2Bx .StackRow-module__stack-item___BePuO .StackRow-module__icon-close___dpyMG {
  cursor: pointer;
  font-size: 12px;
  margin-right: 5px;
}
.StackRow-module__stack-row___RR2Bx .StackRow-module__stack-item___BePuO .StackRow-module__icon-close___dpyMG:hover {
  color: rgba(255, 255, 255, 0.7);
}
.StackRow-module__stack-row___RR2Bx .StackRow-module__stack-item___BePuO .StackRow-module__stack-item-op___MtS1P {
  display: block;
  content: "OR";
  position: absolute;
  left: -36px;
  top: 25%;
  font-size: 12px;
  background-color: #ddd;
  color: #000;
  padding: 0 2px;
  cursor: pointer;
}
/*!***************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./styles/fgUi/PlayerSelection/PlayerSelectionInput.module.scss ***!
  \***************************************************************************************************************************************************************************************************************/
.PlayerSelectionInput-module__text-field__root___UMMyJ {
  background-color: #fff;
}

.PlayerSelectionInput-module__input__notched-outline___TZdCT {
  border-radius: 0;
  border: 1px solid #aaa;
}

.PlayerSelectionInput-module__input___tdAoO {
  border-radius: 0;
}

.PlayerSelectionInput-module__checkbox___MoVas {
  padding-top: 12px;
}

.PlayerSelectionInput-module__option-li___rH9S8 {
  display: flex !important;
  justify-content: space-between !important;
  min-height: initial !important;
  padding-top: 4px;
  padding-bottom: 4px;
}

.PlayerSelectionInput-module__paper___CQKFJ {
  border-radius: 0;
}
/*!**************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./styles/fgUi/PlayerSelection/PlayerSelectionList.module.scss ***!
  \**************************************************************************************************************************************************************************************************************/
.PlayerSelectionList-module__player-selection-list__list___u86AD {
  border: 1px solid #aaa;
  overflow-y: auto;
}
.PlayerSelectionList-module__player-selection-list__list___u86AD.PlayerSelectionList-module__default___EDtK3 {
  height: 320px;
}

.PlayerSelectionList-module__player-selection-list__list-item___y4NpG {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.PlayerSelectionList-module__player-selection-list__list-item___y4NpG:hover {
  background-color: #efefef;
}
.dark-mode .PlayerSelectionList-module__player-selection-list__list-item___y4NpG:hover {
  background-color: #2a2a2a;
}
.PlayerSelectionList-module__player-selection-list__list-item___y4NpG.PlayerSelectionList-module__selected___gD0Xn {
  background-color: #d5d5d5;
}

.PlayerSelectionList-module__icon-button___hQlbw {
  padding: 0;
}

.PlayerSelectionList-module__icon-button__remove___voiKY {
  font-size: 14px;
}
.dark-mode .PlayerSelectionList-module__icon-button__remove___voiKY {
  color: #eee;
}
/*!***************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./styles/fgUi/FGButton2023.module.scss ***!
  \***************************************************************************************************************************************************************************************/
.FGButton2023-module__fg-button___BlXTu {
  background-color: #f5f5f5;
  color: #000;
  font-family: Lato, arial, helvetica, sans-serif;
  border-radius: 0;
  text-transform: initial;
}
.FGButton2023-module__fg-button___BlXTu:hover {
  background-color: #e8e8e8;
}
.FGButton2023-module__fg-button___BlXTu:active {
  background-color: #d5d5d5;
}
.FGButton2023-module__fg-button___BlXTu.FGButton2023-module__blue___GB7EC {
  background-color: #336699;
  color: #fff;
}
.FGButton2023-module__fg-button___BlXTu.FGButton2023-module__blue___GB7EC:hover {
  background-color: #264d73;
}
.FGButton2023-module__fg-button___BlXTu.FGButton2023-module__blue___GB7EC:active {
  background-color: #1a334d;
}
/*!*************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./styles/fgUi/PlayerSelection/PlayerSelectionBox.module.scss ***!
  \*************************************************************************************************************************************************************************************************************/
.PlayerSelectionBox-module__player-selection-box___pIDTL {
  display: flex;
  flex-direction: column;
}

.PlayerSelectionBox-module__player-selection-box__controls___HMNWT {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 20px 10px;
}
/*!*******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./styles/splits/splitsleaderboard_new.scss ***!
  \*******************************************************************************************************************************************************************************************/
/*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: rgb(206, 36, 49);
}

.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.fgButton {
  width: 60px;
  text-decoration: none;
  padding: 5px;
  display: inline-block;
  line-height: 1;
  position: initial;
  font-size: 10px;
  flex: 0 0 auto;
}
.small.fgButton: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: rgb(206, 36, 49);
  color: white;
}
.filter-bar .menu-indicator {
  border: 1px solid rgb(206, 36, 49);
  color: rgb(206, 36, 49);
}
.filter-bar .menu-indicator-active {
  background-color: rgb(206, 36, 49);
  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 li {
  background-color: #f5f5f5;
  padding-left: 20px;
  display: flex;
  align-items: center;
}
.splits-leaderboard .fg-dropdown li:hover {
  background-color: #f5f5f5;
}
.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 {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 10;
  text-align: center;
  opacity: 0.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;
}
.dark-mode #react-drop-test .fgBin, .dark-mode #root-splits-tool .fgBin {
  background-color: #3a3a3a;
}
#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.fgButton, #root-splits-tool .small.fgButton {
  width: 70px;
}
#react-drop-test .menu-button, #root-splits-tool .menu-button {
  line-height: 26px;
}
#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;
  font-size: 13px;
  border: 1px solid #cdcdcd;
  margin-bottom: 10px;
}
.dark-mode #react-drop-test .quick-splits, .dark-mode #root-splits-tool .quick-splits {
  background-color: #888;
}
#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;
}

.range-weather .range-weather__control-set {
  display: flex;
}
.range-weather .fgBin {
  justify-content: flex-start;
  height: auto;
  border-top: 1px solid #999;
}
.range-weather .fgBin .range-weather__bin__input {
  display: flex;
  align-items: center;
  padding-left: 16px;
}
.range-weather .fgBin .range-weather__bin__input label {
  font-size: 14px;
  flex: 1 0 auto;
}
.range-weather .fgBin .range-weather__bin__input input {
  margin: 0 8px;
  width: 72px;
}
.range-weather .fgBin .range-weather__bin__input .fg-input-text {
  display: flex;
  flex: 1 0 auto;
  align-items: center;
}
.range-weather .fgBin .range-weather__bin__input .range-weather__bin__input__sep {
  padding: 0 2px;
}
.range-weather .fg-button {
  flex: 0 0 200px;
  font-size: 14px;
}
.dark-mode .range-weather .fg-button {
  color: #fff;
}

.fg-button.active {
  background-color: #50ae26;
  color: #fff;
}

.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;
  height: 0 !important;
}
.fg-data-grid .table-wrapper-outer .fgui-loading-screen {
  position: absolute;
  top: 55px;
  left: 0;
}
.fg-data-grid .table-wrapper-inner {
  /*overflow-x: auto;*/
  padding-top: 55px;
}
.fg-data-grid .table-wrapper-inner::-webkit-scrollbar {
  width: 0 !important;
  height: 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;
  height: 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;
}
.dark-mode .fg-data-grid .table-fixed td:not(.fixed), .dark-mode .fg-data-grid .table-fixed th:not(.fixed) {
  border-color: transparent;
}
.fg-data-grid .table-scroll::-webkit-scrollbar {
  width: 0 !important;
  height: 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;
}
.dark-mode .fg-data-grid table tr {
  background-color: #1a1a1a;
}
.fg-data-grid table tr.hover {
  background-color: #ddd;
}
.dark-mode .fg-data-grid table tr.hover {
  background-color: #333;
}
.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;
}
.dark-mode .fg-data-grid table tr.is-selected {
  background-color: #9f5454;
}
.fg-data-grid table tr.is-selected__total {
  background-color: #f4a4a4;
}
.dark-mode .fg-data-grid table tr.is-selected__total {
  background-color: #5d3030;
}
.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;
}
.dark-mode .fg-data-grid table th {
  background-color: #555;
  border-color: #747474;
}
.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;
  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;
}
.dark-mode .fg-data-grid table th .th-tooltip {
  background-color: rgba(204, 204, 204, 0.8);
  color: #000;
}
@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 {
  0% {
    opacity: 0;
  }
  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;
}
.dark-mode .fg-data-grid table th .th-tooltip .arrow-down {
  border-top-color: rgba(204, 204, 204, 0.8);
}
.fg-data-grid table td {
  position: relative;
  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;
}
.dark-mode .fg-data-grid table td {
  border-color: #555;
}
.fg-data-grid table td .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;
  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;
}
.dark-mode .fg-data-grid table td .th-tooltip {
  background-color: rgba(204, 204, 204, 0.8);
  color: #000;
}
@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 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fg-data-grid table td .th-tooltip a {
  color: inherit;
  text-decoration: underline;
}
.fg-data-grid table td .th-tooltip a:hover {
  color: #50ae26;
}
.fg-data-grid table td .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;
}
.dark-mode .fg-data-grid table td .th-tooltip .arrow-down {
  border-top-color: rgba(204, 204, 204, 0.8);
}
.fg-data-grid table td:hover {
  position: relative;
  overflow: visible;
}
.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;
}
.dark-mode .fg-data-grid table .td-overflow {
  background-color: #333;
}
.fg-data-grid table .highlight-sort {
  background-color: #ddd;
}
.dark-mode .fg-data-grid table .highlight-sort {
  background-color: #999;
  color: #fff;
}
.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.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 |"],
.fg-data-grid th[data-stat="-- Line Break --"],
.fg-data-grid td[data-stat="-- Line Break --"] {
  display: none;
}
.fg-data-grid th[data-stat=divider] + th, .fg-data-grid th[data-stat=divider] + td,
.fg-data-grid th[data-stat="Divider |"] + th,
.fg-data-grid th[data-stat="Divider |"] + td,
.fg-data-grid td[data-stat=divider] + th,
.fg-data-grid td[data-stat=divider] + td,
.fg-data-grid td[data-stat="Divider |"] + th,
.fg-data-grid td[data-stat="Divider |"] + td,
.fg-data-grid th[data-stat="-- Line Break --"] + th,
.fg-data-grid th[data-stat="-- Line Break --"] + td,
.fg-data-grid td[data-stat="-- Line Break --"] + th,
.fg-data-grid td[data-stat="-- Line Break --"] + td {
  border-left: 3px solid #333;
}
.dark-mode .fg-data-grid th[data-stat=divider] + th, .dark-mode .fg-data-grid th[data-stat=divider] + td,
.dark-mode .fg-data-grid th[data-stat="Divider |"] + th,
.dark-mode .fg-data-grid th[data-stat="Divider |"] + td,
.dark-mode .fg-data-grid td[data-stat=divider] + th,
.dark-mode .fg-data-grid td[data-stat=divider] + td,
.dark-mode .fg-data-grid td[data-stat="Divider |"] + th,
.dark-mode .fg-data-grid td[data-stat="Divider |"] + td,
.dark-mode .fg-data-grid th[data-stat="-- Line Break --"] + th,
.dark-mode .fg-data-grid th[data-stat="-- Line Break --"] + td,
.dark-mode .fg-data-grid td[data-stat="-- Line Break --"] + th,
.dark-mode .fg-data-grid td[data-stat="-- Line Break --"] + td {
  border-left-color: #888;
}
.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;
}
.dark-mode .fg-dropdown {
  background-color: #888;
}
.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 .fg-dropdown-ul {
  display: none;
  position: absolute;
  min-width: 100%;
  text-align: left;
  left: 0;
  z-index: 20;
  background-color: #f5f5f5;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3), 0 6px 6px rgba(0, 0, 0, 0.1);
}
.dark-mode .fg-dropdown .fg-dropdown-ul {
  background-color: #3a3a3a;
}
.fg-dropdown .fg-dropdown-ul.show {
  display: block;
  max-height: 400px;
  overflow-y: auto;
}
.fg-dropdown .fg-dropdown-ul.show.dropdown-columns {
  display: flex;
}
.fg-dropdown .fg-dropdown-ul.show.dropdown-columns .col {
  width: 100%;
}
.fg-dropdown .fg-dropdown-ul li {
  border: 1px solid #cdcdcd;
  background-color: #f5f5f5;
  padding: 5px;
  cursor: pointer;
}
.fg-dropdown .fg-dropdown-ul li:hover {
  background-color: #aaa;
}
.dark-mode .fg-dropdown .fg-dropdown-ul li:hover {
  background-color: #666;
}
.fg-dropdown .fg-dropdown-ul li.seperator {
  border-bottom: 5px solid #ddd;
}
.dark-mode .fg-dropdown .fg-dropdown-ul li {
  background-color: #3a3a3a;
}
.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;
}

.fgui-loading-screen {
  background-color: #fff;
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 10;
  text-align: center;
  opacity: 0.95;
  /* margin-top: 30px; */
  padding-top: 50px;
  line-height: 2;
  font-size: 18px;
  box-sizing: border-box;
}
.dark-mode .fgui-loading-screen {
  background-color: #1a1a1a;
}
.fgui-loading-screen img {
  width: 100px;
}

.fgButton, .fg-button {
  flex: 1 0 auto; /*possibly program this*/
  border: 1px solid #cdcdcd;
  background-color: #f5f5f5;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 5px;
  text-decoration: none;
}
.dark-mode .fgButton, .dark-mode .fg-button {
  background-color: #888;
}
.fgButton.button-green.active, .fgButton.button-green.isActive, .fg-button.button-green.active, .fg-button.button-green.isActive {
  background-color: #50ae26;
  color: #fff;
}
.dark-mode .fgButton.button-green.active, .dark-mode .fgButton.button-green.isActive, .dark-mode .fg-button.button-green.active, .dark-mode .fg-button.button-green.isActive {
  background-color: #50ae26;
}
.fgButton.button-blue.active, .fgButton.button-blue.isActive, .fg-button.button-blue.active, .fg-button.button-blue.isActive {
  background-color: #336699;
  color: #fff;
}
.dark-mode .fgButton.button-blue.active, .dark-mode .fgButton.button-blue.isActive, .dark-mode .fg-button.button-blue.active, .dark-mode .fg-button.button-blue.isActive {
  background-color: #336699;
}
.fgButton.button-tab, .fg-button.button-tab {
  flex: 1 0 120px;
  margin-top: 5px;
  white-space: pre;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  max-width: 120px;
  font-size: 12px;
  text-align: center;
}
.fgButton.button-small, .fg-button.button-small {
  flex: 0 0 100px;
  width: 100px;
  padding: 3px;
  margin: 4px 0;
}

.fgButton:hover,
.fg-button:hover {
  background-color: #e8e8e8;
}
.dark-mode .fgButton:hover,
.dark-mode .fg-button:hover {
  background-color: #aaa;
}

.fgButton:active,
.fg-button:active {
  background-color: #A0A0A0;
}

.fgButton.disabled,
.fg-button.disabled {
  color: #a5a5a5;
  pointer-events: none;
}

.fgButton.disabled:active,
.fg-button.disabled:active {
  background-color: initial;
}

.fgButton.inactive:hover,
.fgButton.disabled:hover,
.fg-button.inactive:hover,
.fg-button.disabled:hover {
  background-color: #f5f5f5;
  color: #A5A5A5;
}

/*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: rgb(206, 36, 49);
  color: white;
  font-size: 16px;
}
.splits-leaderboard .button-update:hover {
  background-color: rgb(165, 0, 10);
}
.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: rgb(206, 36, 49);
  border: 3px solid rgb(206, 36, 49);
}
.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: rgb(206, 36, 49);
}
.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;
}