/*!****************************************************************************************************************************************************************************************!*\
  !*** 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/playoff-odds/playoff-odds.scss ***!
  \****************************************************************************************************************************************************************************************/
.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;
}

.team-angels, [data-team-color=LAA], [data-team-color=angels] {
  background-color: #B71234;
  color: #fff;
}

.team-orioles, [data-team-color=BAL], [data-team-color=orioles] {
  background-color: #ED4C09;
  color: #000;
}

.team-redsox, [data-team-color=BOS], [data-team-color=red-sox] {
  background-color: #C60C30;
  color: #fff;
}

.team-whitesox, [data-team-color=CHW], [data-team-color=white-sox] {
  background-color: #C0C0C0;
  color: #000;
}

.team-indians, [data-team-color=CLE], [data-team-color=indians],
[data-team-color=cleveland], [data-team-color=guardians] {
  background-color: #D30335;
  color: #fff;
}

.team-tigers, [data-team-color=DET], [data-team-color=tigers] {
  background-color: #DE4406;
  color: #fff;
}

.team-royals, [data-team-color=KCR], [data-team-color=royals] {
  background-color: #74B4FA;
  color: #000;
}

.team-twins, [data-team-color=MIN], [data-team-color=twins] {
  background-color: #072754;
  color: #fff;
}

.team-yankees, [data-team-color=NYY], [data-team-color=yankees] {
  background-color: #1C2841;
  color: #fff;
}

.team-athletics, [data-team-color=OAK], [data-team-color=ATH], [data-team-color=athletics] {
  background-color: #003831;
  color: #fff;
}

.team-mariners, [data-team-color=SEA], [data-team-color=mariners] {
  background-color: #005C5C;
  color: #fff;
}

.team-rays, [data-team-color=TBR], [data-team-color=rays] {
  background-color: #FFD700;
  color: #000;
}

.team-rangers, [data-team-color=TEX], [data-team-color=rangers] {
  background-color: #BD1021;
  color: #fff;
}

.team-bluejays, [data-team-color=TOR], [data-team-color=blue-jays] {
  background-color: #003DA5;
  color: #fff;
}

.team-diamondbacks, [data-team-color=ARZ], [data-team-color=ARI], [data-team-color=diamondbacks] {
  background-color: #A71930;
  color: #fff;
}

.team-braves, [data-team-color=ATL], [data-team-color=braves] {
  background-color: #B71234;
  color: #fff;
}

.team-cubs, [data-team-color=CHC], [data-team-color=cubs] {
  background-color: #003279;
  color: #fff;
}

.team-dodgers, [data-team-color=LAD], [data-team-color=dodgers] {
  background-color: #083C6B;
  color: #fff;
}

.team-reds, [data-team-color=CIN], [data-team-color=reds] {
  background-color: #C6011F;
  color: #fff;
}

.team-rockies, [data-team-color=COL], [data-team-color=rockies] {
  background-color: #333366;
  color: #fff;
}

.team-marlins, [data-team-color=MIA], [data-team-color=marlins] {
  background-color: #00a3e0;
  color: #fff;
}

.team-astros, [data-team-color=HOU], [data-team-color=astros] {
  background-color: #FF7F00;
  color: #000;
}

.team-brewers, [data-team-color=MIL], [data-team-color=brewers] {
  background-color: #13294b;
  color: #fff;
}

.team-nationals, [data-team-color=WSN], [data-team-color=nationals] {
  background-color: #BA122B;
  color: #fff;
}

.team-mets, [data-team-color=NYM], [data-team-color=mets] {
  background-color: #FB4F14;
  color: #000;
}

.team-phillies, [data-team-color=PHI], [data-team-color=phillies] {
  background-color: #BA0C2F;
  color: #fff;
}

.team-pirates, [data-team-color=PIT], [data-team-color=pirates] {
  background-color: #FDB829;
  color: #000;
}

.team-cardinals, [data-team-color=STL], [data-team-color=cardinals] {
  background-color: #C41E3A;
  color: #fff;
}

.team-padres, [data-team-color=SDP], [data-team-color=padres] {
  background-color: #473729;
  color: #fff;
}

.team-giants, [data-team-color=SFG], [data-team-color=giants] {
  background-color: #F2552C;
  color: #000;
}

.playoff-odds-page {
  box-sizing: border-box;
}
.playoff-odds-page *, .playoff-odds-page *:before, .playoff-odds-page *:after {
  box-sizing: inherit;
}
.playoff-odds-page h1 {
  color: #000;
  font-size: 24px;
  font-family: Lato, Arial, Helvetica, sans-serif;
  font-weight: 400;
  margin: 0 0 15px;
}
.dark-mode .playoff-odds-page h1 {
  color: #fff;
}
.playoff-odds-page .ra-membership-house-wrapper {
  width: 320px;
  margin-bottom: 10px;
}
.playoff-odds-page .ra-membership-house-copy {
  font-size: 16px;
}
.playoff-odds-page .ra-membership-house-copy p {
  max-width: initial;
}
.playoff-odds-page .ra-membership-house-copy .button {
  background-color: #ffd800;
  color: #000;
  margin-bottom: 20px;
  line-height: 50px;
  display: inline-block;
  padding: 0 20px;
  font-weight: 400;
}

.playoff-odds-app {
  font-family: Lato, Arial, Helvetica, sans-serif;
}
.playoff-odds-app a {
  text-decoration: none;
}
.playoff-odds-app button {
  font-family: inherit;
  /*reset*/
  margin: 0;
  padding: 0;
  border: none;
  /*font: inherit;*/
  font-size: 13px;
  color: inherit;
  background: none;
  cursor: pointer;
  border: 1px solid #ddd;
  background-color: #efefef;
  transition: background-color 200ms;
}
.dark-mode .playoff-odds-app button {
  background-color: #888;
  color: #fff;
}
.playoff-odds-app button:hover {
  background-color: #cecece;
}
.dark-mode .playoff-odds-app button:hover {
  background-color: #777777;
}
.playoff-odds-app button.active, .playoff-odds-app button:focus, .playoff-odds-app button:active {
  background-color: #50ae26;
  outline: 0;
}
.playoff-odds-app button:active {
  background-color: #888;
}
.playoff-odds-app button.inactive {
  color: #aaa;
  cursor: default;
}
.playoff-odds-app button.inactive:hover, .playoff-odds-app button.inactive:focus, .playoff-odds-app button.inactive:active {
  background-color: #efefef;
}
.playoff-odds-app .button-explain {
  /*color: #aaa;*/
  position: absolute;
  top: -40px;
  right: 0;
  font-size: 12px;
}
.playoff-odds-app .playoff-odds-controller-sep {
  display: inline-block;
  content: "|";
  width: 10px;
  margin: 0 10px;
}
.playoff-odds-app .playoff-odds-controller {
  position: relative;
  margin-bottom: 80px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.playoff-odds-app .playoff-odds-controller-row {
  margin: 10px 0;
  max-width: 610px;
  position: relative;
  display: flex;
  flex-direction: row;
}
.playoff-odds-app .playoff-odds-controller-row button {
  min-width: 100px;
  padding: 0 10px;
  line-height: 2;
}
.playoff-odds-app .playoff-odds-controller-row .playoff-odds-controller__button-special {
  width: 50%;
}
.playoff-odds-app .playoff-odds-controller-row .playoff-odds-controller__button-special .fg-badge.reminder-blue {
  padding: 2px 10px;
}
.playoff-odds-app .playoff-odds-controller-row a:hover {
  color: #000;
}
.playoff-odds-app .playoff-odds-controller-item {
  font-size: 14px;
  width: auto;
}
.playoff-odds-app .playoff-odds-controller-item:not(:last-child) {
  margin-right: 25px;
}
.playoff-odds-app .playoff-odds-controller-item.playoff-odds-mobile {
  display: none;
}
.playoff-odds-app .playoff-odds-controller-item .playoff-odds-controller-item-label {
  text-align: center;
  border-bottom: 1px solid #aaa;
  margin-bottom: 10px;
  position: relative;
}
.playoff-odds-app .playoff-odds-controller-item.controller-item-mode {
  display: flex;
  flex-wrap: wrap;
}
.playoff-odds-app .playoff-odds-controller-item.controller-item-mode .playoff-odds-controller-item-label {
  flex: 0 0 100%;
}
.playoff-odds-app .playoff-odds-controller-item.controller-item-mode a {
  flex: 1 0 auto;
}
.playoff-odds-app .playoff-odds-controller-item.controller-item-mode a button {
  width: 100%;
}
.playoff-odds-app .playoff-odds-controller-item.controller-item-mode .playoff-odds-controller__button-special {
  flex: 0 0 50%;
}
.playoff-odds-app .playoff-odds-controller-item.controller-item-mode .playoff-odds-controller__button-special button {
  width: 100%;
}
.playoff-odds-app .playoff-odds-control-date-wrapper {
  text-align: center;
  max-width: 600px;
  /*margin: 20px 0;*/
}
.playoff-odds-app .playoff-odds-control-date-wrapper .fg-dropdown {
  margin-right: 20px;
  text-align: left;
}
.playoff-odds-app .playoff-odds-control-date-wrapper .playoff-odds-control-date-cell {
  display: inline-block;
  margin: auto;
  text-align: left;
  position: relative;
}
.playoff-odds-app .playoff-odds-control-date-wrapper .playoff-odds-control-date-cell .date-wrapper {
  margin-left: 5px;
}
.playoff-odds-app .playoff-odds-control-date-wrapper .playoff-odds-control-date-cell .playoff-odds-range + .date-wrapper {
  margin-left: -50%;
}
.playoff-odds-app .playoff-odds-control-date-wrapper .playoff-odds-control-date-cell .playoff-odds-range .playoff-odds-controller-item {
  margin-left: 5px;
  margin-right: 5px;
}
.playoff-odds-app .playoff-odds-control-date-wrapper .playoff-odds-control-date-cell .playoff-odds-range .playoff-odds-controller-item-date {
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px;
}
.playoff-odds-app .playoff-odds-control-date-wrapper .start, .playoff-odds-app .playoff-odds-control-date-wrapper .end {
  font-family: inherit;
  /*text-align: center;*/
  width: 100px;
  /*width: 100%;*/
  margin: 0;
}
.playoff-odds-app .playoff-odds-control-date-wrapper .playoff-odd-control-date-nav {
  display: inline-block;
  font-size: 16px;
  padding: 5px;
  cursor: pointer;
}
.playoff-odds-app .playoff-odds-control-date-wrapper .playoff-odd-control-date-nav:hover {
  color: #50ae26;
}
.playoff-odds-app .playoff-odds-control-date-wrapper .playoff-odd-control-date-nav.hidden {
  visibility: hidden;
}
.playoff-odds-app .playoff-odds-section-header {
  display: inline-block;
  position: absolute;
  z-index: 1;
  left: 0;
  top: -33px;
}
.playoff-odds-app .playoff-odds-section-header span {
  display: inline-block;
  font-size: 16px;
  line-height: 2;
  color: #fff;
  background-color: #50ae26;
  width: 110px;
  box-sizing: border-box;
  text-align: center;
}
.playoff-odds-app .ui-datepicker-buttonpane {
  text-align: center;
}
.playoff-odds-app .start, .playoff-odds-app .end {
  font-size: 13px;
  padding: 4px 5px;
}
.playoff-odds-app .playoff-odds-message-feedback, .playoff-odds-app .playoff-odds-message-error {
  text-align: center;
  margin: 20px;
}
.playoff-odds-app .distribution-div {
  background-color: #fff;
  text-align: center;
}
.dark-mode .playoff-odds-app .distribution-div {
  background-color: #1a1a1a;
}
.playoff-odds-app .playoff-odds-svg {
  fill: #fff;
}
.playoff-odds-app .playoff-odds-svg text {
  font-family: lato, Arial, Helvetica, sans-serif;
}
.playoff-odds-app .playoff-odds-bars {
  fill: #336699;
}

.playoff-odds-table-wrapper {
  box-sizing: border-box;
  position: relative;
  margin: 40px 0;
  border-bottom: 0.5px solid #cecece;
}
.classic-mode .playoff-odds-table-wrapper td {
  background-color: #fff;
}
.playoff-odds-table-wrapper .frozen {
  width: 110px;
  text-align: left;
}
.playoff-odds-table-wrapper .outer {
  /*overflow-x: scroll;*/
}
.playoff-odds-table-wrapper .inner {
  overflow-x: auto;
}
.playoff-odds-table-wrapper .scroll .frozen {
  visibility: hidden;
}
.playoff-odds-table-wrapper .fixed {
  position: absolute;
  left: 0;
  top: 0;
  overflow-x: hidden;
  width: 100%;
  pointer-events: none;
}
.playoff-odds-table-wrapper .fixed td, .playoff-odds-table-wrapper .fixed th {
  visibility: hidden;
  /*pointer-events: none;*/
}
.playoff-odds-table-wrapper .fixed .frozen {
  visibility: visible;
  background-color: #fff;
  z-index: 0;
  pointer-events: auto;
}
.dark-mode .playoff-odds-table-wrapper .fixed .frozen:not(th) {
  background-color: #1a1a1a;
}
.dark-mode .playoff-odds-table-wrapper .fixed .playoff-odds-table-header-top th.frozen,
.dark-mode .playoff-odds-table-wrapper .fixed .playoff-odds-table-header-sub th.frozen {
  background-color: #1a1a1a;
}
.classic-mode .playoff-odds-table-wrapper .fixed .playoff-odds-table-header-top th.frozen,
.classic-mode .playoff-odds-table-wrapper .fixed .playoff-odds-table-header-sub th.frozen {
  background-color: #F5F5DC;
}
.playoff-odds-table-wrapper table {
  /*border-collapse: collapse;*/
  border-spacing: 0;
  font-family: "segoe ui", arial, sans-serif;
  /*border-bottom: .5px solid #cecece;*/
  width: 100%;
}
.playoff-odds-table-wrapper tr.hover td {
  background-color: #eee !important;
}
.dark-mode .playoff-odds-table-wrapper tr.hover td {
  background-color: #333 !important;
}
.playoff-odds-table-wrapper td, .playoff-odds-table-wrapper th {
  position: relative;
  border: 1px solid #cecece;
  text-align: right;
  overflow: hidden;
  height: 23px;
  min-width: 70px;
  padding: 2px 4px;
  box-sizing: border-box;
  font-size: 14px;
}
.dark-mode .playoff-odds-table-wrapper td, .dark-mode .playoff-odds-table-wrapper th {
  border-color: #555;
}
.playoff-odds-table-wrapper td .playoff-odds-tables-header-season, .playoff-odds-table-wrapper th .playoff-odds-tables-header-season {
  /*color: red;*/
}
.playoff-odds-table-wrapper td.width-std, .playoff-odds-table-wrapper th.width-std {
  width: 120px;
}
.playoff-odds-table-wrapper td.border-right, .playoff-odds-table-wrapper th.border-right {
  border-right: 3px solid #cecece;
}
.playoff-odds-table-wrapper td.border-left, .playoff-odds-table-wrapper th.border-left {
  border-left: 3px solid #cecece;
}
.playoff-odds-table-wrapper td.border-header, .playoff-odds-table-wrapper th.border-header {
  border-left: 1px solid #cecece;
  position: relative;
  overflow: visible;
}
.playoff-odds-table-wrapper td.border-header:last-child, .playoff-odds-table-wrapper th.border-header:last-child {
  border-right: 1px solid #cecece;
}
.playoff-odds-table-wrapper td.border-header:before, .playoff-odds-table-wrapper th.border-header:before {
  position: absolute;
  content: "";
  display: block;
  left: -1px;
  height: 50%;
  bottom: 0;
  border: 1px solid #fff;
  /*z-index: 10;*/
  box-sizing: border-box;
}
.dark-mode .playoff-odds-table-wrapper td.border-header:before, .dark-mode .playoff-odds-table-wrapper th.border-header:before {
  border-color: #1a1a1a;
}
.classic-mode .playoff-odds-table-wrapper td.border-header:before, .classic-mode .playoff-odds-table-wrapper th.border-header:before {
  border-color: #F5F5DC;
}
.playoff-odds-table-wrapper td.border-header:after, .playoff-odds-table-wrapper th.border-header:after {
  position: absolute;
  content: "";
  display: block;
  right: -1px;
  height: 50%;
  bottom: 0;
  border: 1px solid #fff;
  box-sizing: border-box;
}
.dark-mode .playoff-odds-table-wrapper td.border-header:after, .dark-mode .playoff-odds-table-wrapper th.border-header:after {
  border-color: #1a1a1a;
}
.classic-mode .playoff-odds-table-wrapper td.border-header:after, .classic-mode .playoff-odds-table-wrapper th.border-header:after {
  border-color: #F5F5DC;
}
.playoff-odds-table-wrapper td.border-header button, .playoff-odds-table-wrapper th.border-header button {
  font-size: 10px;
  padding: 0 10px 3px;
}
.playoff-odds-table-wrapper td:nth-child(n+2):nth-child(-n+5), .playoff-odds-table-wrapper th:nth-child(n+2):nth-child(-n+5) {
  min-width: 40px;
}
.playoff-odds-table-wrapper th {
  text-align: center;
  /*color: #fff;*/
  /*background-color: grey;*/
  font-weight: 400;
  border-right: 0;
  border-left: 0;
  border: 0;
  /*height: 41px;*/
}
.playoff-odds-table-wrapper .playoff-odds-mobile-wl {
  position: absolute;
  right: 3px;
  font-size: 12px;
  color: #555;
  display: none;
}
.playoff-odds-table-wrapper .mobileName {
  display: none;
}
.playoff-odds-table-wrapper .button-mobile-full {
  position: absolute;
  right: 5px;
  top: -25px;
  display: none;
  background: 0;
  -webkit-appearance: none;
  border: 0;
  outline: 0;
  color: #888;
}
.playoff-odds-table-wrapper .button-mobile-full:hover, .playoff-odds-table-wrapper .button-mobile-full:active, .playoff-odds-table-wrapper .button-mobile-full:focus {
  background-color: initial;
}
.playoff-odds-table-wrapper .playoff-odds-team-label {
  height: 100%;
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  padding: 0;
  padding-left: 5px;
}
.playoff-odds-table-wrapper .frozen {
  border-bottom: 0;
  border: 0.5px solid #aaa;
}
.playoff-odds-table-wrapper thead th.frozen {
  background-color: #fff;
  border: 0;
}
.playoff-odds-table-wrapper .playoff-odds-table-header th {
  cursor: pointer;
  text-align: right;
  white-space: pre;
  color: #fff;
  background-color: grey;
  padding-left: 15px;
}
.dark-mode .playoff-odds-table-wrapper .playoff-odds-table-header th {
  background-color: #555;
}
.playoff-odds-table-wrapper .playoff-odds-table-header th.frozen {
  border: 0.5px solid #cecece;
  text-align: left;
  background-color: grey;
  /*height: 41px;*/
  /*display: flex;*/
  align-items: center;
  /*padding: 0;*/
  overflow: visible;
  min-width: 110px;
  padding-left: 5px;
}
.dark-mode .playoff-odds-table-wrapper .playoff-odds-table-header th.frozen {
  background-color: #555;
  border-color: #555;
}
.playoff-odds-table-wrapper .playoff-odds-table-header-top {
  border-bottom: 1px solid #cecece;
}
.playoff-odds-table-wrapper .playoff-odds-table-header-left {
  vertical-align: bottom;
}
.playoff-odds-table-wrapper .playoff-odds-table-header-sub {
  vertical-align: bottom;
  /*height: 25px;*/
}
.playoff-odds-table-wrapper .playoff-odds-table-header-sub th {
  height: 32px;
}
.playoff-odds-table-wrapper .po-odds-regular-season {
  display: none;
}
.playoff-odds-table-wrapper .po-odds-post-season {
  display: none;
}
.playoff-odds-table-wrapper .po-odds-distribution {
  text-align: center;
  padding-left: 0;
  cursor: default;
}
.playoff-odds-table-wrapper .playoff-odds-table-header .po-odds-distribution {
  text-align: center;
  padding-left: 0;
  cursor: default;
}
.playoff-odds-table-wrapper .col-show {
  display: table-cell;
}
.playoff-odds-table-wrapper .col-hide, .playoff-odds-table-wrapper .hidden {
  display: none;
}
.playoff-odds-table-wrapper .col__bye {
  background: rgba(80, 174, 38, 0.1);
}
.playoff-odds-table-wrapper .delta-positive {
  color: royalblue;
  font-weight: 600;
}
.playoff-odds-table-wrapper .delta-negative {
  color: rgb(206, 36, 49);
  font-weight: 600;
}
.playoff-odds-table-wrapper .highlight-sort {
  background-color: #ddd;
  color: #000;
}
.dark-mode .playoff-odds-table-wrapper .highlight-sort {
  background-color: #999;
  color: #fff;
}
.playoff-odds-table-wrapper .playoff-odds-table-header th.highlight-sort {
  background-color: #ddd;
  color: #000;
}
.dark-mode .playoff-odds-table-wrapper .playoff-odds-table-header th.highlight-sort {
  background-color: #999;
  color: #fff;
}
.playoff-odds-table-wrapper .playoff-odds-table-header th.highlight-sort:before {
  content: "";
  /*float: left;*/
  margin-top: 20%;
  display: inline-block;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid black;
  /*margin-left: 5px;*/
  position: absolute;
  left: 3px;
}
.playoff-odds-table-wrapper .playoff-odds-table-header th.highlight-sort.asc:before {
  border-top: 0;
  border-bottom: 4px solid black;
}
.playoff-odds-table-wrapper .playoff-odds-table-header th.highlight-sort.frozen:before {
  display: none;
}
.playoff-odds-table-wrapper .playoff-odds-table-header th.highlight-sort.frozen:after {
  content: "";
  float: right;
  margin-top: 7%;
  margin-left: auto;
  margin-right: 4px;
  display: inline-block;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid black;
}
.playoff-odds-table-wrapper.playoff-odds-ties {
  max-width: 700px;
  margin: 40px auto;
}
.playoff-odds-table-wrapper.playoff-odds-ties .outer {
  overflow: hidden;
}
.playoff-odds-table-wrapper.playoff-odds-ties .outer th, .playoff-odds-table-wrapper.playoff-odds-ties .outer td {
  min-width: initial;
}
.playoff-odds-table-wrapper.playoff-odds-ties .outer .playoff-odds-table-header-sub {
  display: table-row;
}
.playoff-odds-table-wrapper.playoff-odds-ties .outer .playoff-odds-table-header-sub .border-header {
  border-top: 1px solid #cecece;
  padding-top: 0px;
}

/*date picker*/
div.date-wrapper {
  left: -25%;
  margin-left: -50%;
}
div.date-wrapper table.ui-datepicker-calendar {
  width: 100%;
}
div.date-wrapper table.ui-datepicker-calendar th {
  padding: 0.7em 0.3em;
  color: #000;
  background-color: #fff;
  font: 0.9em lato, arial;
  border: 0;
}
div.date-wrapper table.ui-datepicker-calendar td {
  border: 0;
  padding: 1px;
  font: 0.9em lato, arial;
}
div.date-wrapper .ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33%;
  margin: 0 0.15%;
}

.fg-logo-bkgd {
  background-color: #50ae26;
  position: absolute;
  right: 5px;
  top: -40px;
  min-width: 300px;
  min-height: 250px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.playoff-odds-about {
  max-width: 700px;
  padding: 0 15px;
  margin: auto;
}
.playoff-odds-about-link {
  font-size: 12px;
  margin: 10px 0 0;
  display: inline-block;
}
.playoff-odds-about-title {
  text-align: center;
  font-size: 20px;
  margin: 10px;
}

@media (max-width: 950px) {
  .playoff-odds-app .playoff-odds-controller {
    max-width: 600px;
    margin: auto;
  }
  .fg-logo-bkgd {
    display: none;
  }
}
@media (max-width: 800px) and (min-width: 500px) {
  .playoff-odds-table-wrapper {
    box-sizing: border-box;
  }
  .playoff-odds-table-wrapper .outer {
    position: relative;
    box-sizing: border-box;
    width: 100%;
  }
  .playoff-odds-table-wrapper .inner {
    overflow-x: auto;
    /*overflow-y: visible;
    margin-left: 110px;*/
  }
  .playoff-odds-table-wrapper .frozen {
    /*position: absolute;
    left: 0;
    width: 110px;*/
    text-align: left;
  }
  .fg-logo-bkgd {
    display: none;
  }
}
@media (max-width: 500px) {
  .playoff-odds-page h1 {
    margin: 0;
    margin-left: 10px;
  }
  .playoff-odds-page .fg-logo-bkgd {
    display: none;
  }
  .playoff-odds-app {
    padding: 0 10px;
  }
  .playoff-odds-app .button-explain {
    top: -28px;
  }
  .playoff-odds-app .playoff-odds-controller-item-label {
    /*width: 50%;*/
    margin: auto;
    font-size: 12px;
  }
  .playoff-odds-app .playoff-odds-controller {
    flex-direction: column;
  }
  .playoff-odds-app .playoff-odds-controller .catchall300 {
    padding-top: 24px;
  }
  .playoff-odds-app .playoff-odds-controller-row {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin: 0;
  }
  .playoff-odds-app .playoff-odds-controller-row .playoff-odds-controller-item {
    margin: 10px 0;
  }
  .playoff-odds-app .playoff-odds-controller-row .playoff-odds-controller-item button {
    width: 33.33333%;
  }
  .playoff-odds-app .playoff-odds-controller-row .playoff-odds-controller-item .button-explain {
    width: initial;
  }
  .playoff-odds-app .playoff-odds-controller-row .playoff-odds-controller-item .button-explain button {
    width: initial;
  }
  .playoff-odds-app .playoff-odds-controller-row .playoff-odds-desktop {
    display: none;
  }
  .playoff-odds-app .playoff-odds-controller-row .playoff-odds-mobile {
    display: inline-block;
    margin-right: 5px;
  }
  .playoff-odds-app .playoff-odds-controller-row .playoff-odds-mobile:last-child {
    margin-right: 0;
  }
  .playoff-odds-app .playoff-odds-controller-row .playoff-odds-mobile .fg-dropdown {
    margin: 0;
    margin-right: 20%;
  }
  .playoff-odds-app .playoff-odds-section-header {
    display: inline-block;
    z-index: 1;
  }
  .playoff-odds-app .playoff-odds-section-header span {
    width: 110px;
  }
  .playoff-odds-app .playoff-odds-control-date-wrapper {
    display: block;
    margin: 0;
  }
  .playoff-odds-app .playoff-odds-control-date-wrapper .fg-dropdown {
    margin-right: auto;
  }
  .playoff-odds-app .playoff-odds-control-date-wrapper .playoff-odds-controller-item {
    margin-right: 0;
  }
  .playoff-odds-app .playoff-odds-control-date-wrapper .playoff-odds-controller-item .nav-left {
    position: relative;
    right: -40px;
    z-index: 10;
  }
  .playoff-odds-app .playoff-odds-control-date-wrapper .playoff-odds-controller-item .nav-right {
    position: relative;
    left: -40px;
    z-index: 10;
  }
  .playoff-odds-app .playoff-odds-control-date-wrapper .playoff-odds-controller-item-label {
    /*width: 50%;*/
    margin: auto;
    margin-bottom: 10px;
    /*min-width: 230px;*/
  }
  .playoff-odds-app .playoff-odds-control-date-wrapper .playoff-odds-control-date-cell {
    /*display: block;*/
    text-align: center;
    min-width: 230px;
  }
  .playoff-odds-app .playoff-odds-control-date-wrapper .playoff-odds-control-date-cell .playoff-odds-range + .date-wrapper {
    margin: auto;
    width: 100%;
    max-width: 280px;
  }
  .playoff-odds-app .playoff-odds-control-date-wrapper .playoff-odds-control-date-cell .playoff-odds-range .playoff-odds-controller-item-date {
    text-align: center;
    /*display: block;*/
    margin-bottom: 20px;
  }
  .playoff-odds-app .playoff-odds-control-date-wrapper .playoff-odds-control-date-cell .playoff-odds-range .playoff-odds-controller-item-date.playoff-odds-controller-item-date-sep {
    display: none;
  }
  .playoff-odds-app .playoff-odds-control-date-wrapper .playoff-odds-control-date-cell .playoff-odds-range .playoff-odds-controller-item-date input {
    margin: auto;
  }
  .playoff-odds-app .fg-dropdown {
    margin: auto;
    margin-bottom: 20px;
    display: block;
  }
  .playoff-odds-app .start, .playoff-odds-app .end {
    max-width: 90px;
    font-size: 16px;
  }
  .playoff-odds-table-wrapper {
    margin: 60px 0;
  }
  .playoff-odds-table-wrapper .fixed {
    overflow: visible;
  }
  .playoff-odds-table-wrapper table {
    width: 100%;
  }
  .playoff-odds-table-wrapper .col-show,
  .playoff-odds-table-wrapper .playoff-odds-results,
  .playoff-odds-table-wrapper .playoff-odds-table-header-top,
  .playoff-odds-table-wrapper .playoff-odds-table-header-sub {
    display: none;
  }
  .playoff-odds-table-wrapper .playoff-odds-mobile-show {
    display: table-cell;
  }
  .playoff-odds-table-wrapper .playoff-odds-mobile-wl {
    display: inline-block;
  }
  .playoff-odds-table-wrapper .fullName {
    display: none;
  }
  .playoff-odds-table-wrapper .mobileName {
    display: inline;
  }
  .playoff-odds-table-wrapper .button-mobile-full {
    display: block;
  }
  .playoff-odds-table-wrapper.playoff-odds-expand {
    box-sizing: border-box;
  }
  .playoff-odds-table-wrapper.playoff-odds-expand .playoff-odds-section-header {
    bottom: -83px;
  }
  .playoff-odds-table-wrapper.playoff-odds-expand .outer {
    position: relative;
    box-sizing: border-box;
    width: 100%;
  }
  .playoff-odds-table-wrapper.playoff-odds-expand .inner {
    overflow-x: auto;
    /*overflow-y: visible;*/
    /*margin-left: 110px;*/
  }
  .playoff-odds-table-wrapper.playoff-odds-expand .fixed {
    overflow-x: hidden;
  }
  .playoff-odds-table-wrapper.playoff-odds-expand .frozen {
    /*position: absolute;*/
    /*left: 0;*/
    /*width: 110px;*/
    /*text-align: left;*/
  }
  .playoff-odds-table-wrapper.playoff-odds-expand table {
    width: initial;
  }
  .playoff-odds-table-wrapper.playoff-odds-expand .playoff-odds-mobile-wl {
    display: none;
  }
  .playoff-odds-table-wrapper.playoff-odds-expand .col-show, .playoff-odds-table-wrapper.playoff-odds-expand th.playoff-odds-table-header-top, .playoff-odds-table-wrapper.playoff-odds-expand .playoff-odds-results {
    display: table-cell;
  }
  .playoff-odds-table-wrapper.playoff-odds-expand tr.playoff-odds-table-header-top,
  .playoff-odds-table-wrapper.playoff-odds-expand .playoff-odds-table-header-sub {
    display: table-row;
  }
  div.date-wrapper {
    left: 0;
    width: 90%;
    margin: auto;
  }
  .ui-datepicker-multi-3 .ui-datepicker-group {
    width: 100% !important;
  }
  .ui-widget.ui-widget-content {
    max-height: initial;
  }
  .ui-datepicker-buttonpane div {
    display: none !important;
  }
}
@media (max-width: 350px) {
  .playoff-odds-page h1 {
    font-size: 18px;
  }
  .playoff-odds-app {
    padding: 0 10px;
  }
  .playoff-odds-app .button-explain {
    font-size: 12px;
  }
  .playoff-odds-app .playoff-odds-section-header {
    display: inline-block;
    z-index: 1;
  }
  .playoff-odds-app .playoff-odds-section-header span {
    width: 90px;
  }
  .playoff-odds-table-wrapper:not(.playoff-odds-expand) td, .playoff-odds-table-wrapper:not(.playoff-odds-expand) th {
    font-size: 13px;
    max-width: 65px;
    min-width: 65px;
  }
  .playoff-odds-table-wrapper:not(.playoff-odds-expand) .playoff-odds-table-header th.frozen {
    border-bottom: 0;
    display: table-cell;
    min-width: 90px;
  }
  .playoff-odds-table-wrapper:not(.playoff-odds-expand) .frozen {
    width: 90px;
    min-width: 90px;
  }
}
.fg-badge {
  display: inline-block;
  padding: 5px;
  font-size: 10px;
  /* position: absolute; */
  line-height: 1;
  margin-left: 10px;
}