.season-grid-wrapper {
  font-family: lato, Arial, Helvetica, sans-serif;
  position: relative; }
  .season-grid-wrapper .season-grid-title {
    font-size: 24px;
    margin-bottom: 10px; }
  .season-grid-wrapper .fg-logo-bkgd {
    display: flex;
    height: 200px;
    text-align: center; }
    .season-grid-wrapper .fg-logo-bkgd img {
      height: 150px;
      margin: auto; }
  .season-grid-wrapper .fg-logo-bkgd, .season-grid-wrapper .ra-membership-house-wrapper {
    /*display: block;*/
    width: 320px;
    margin-bottom: 10px;
    background-color: #50ae26;
    position: absolute;
    top: 0;
    right: 0; }
  .season-grid-wrapper .ra-membership-house-wrapper {
    display: block; }
  .season-grid-wrapper .ra-membership-house-copy {
    font-size: 14px; }
    .season-grid-wrapper .ra-membership-house-copy p {
      max-width: initial; }
    .season-grid-wrapper .ra-membership-house-copy .button {
      background-color: #ffd800;
      color: #000;
      margin-bottom: 10px;
      line-height: 40px;
      display: inline-block;
      padding: 0 10px;
      font-weight: 400; }
  .season-grid-wrapper .season-grid-controls {
    font-size: 12px; }
    .season-grid-wrapper .season-grid-controls .fg-dropdown {
      width: 115px; }
      .season-grid-wrapper .season-grid-controls .fg-dropdown li:hover {
        background-color: #d0d0d0; }
      .season-grid-wrapper .season-grid-controls .fg-dropdown li:active {
        background-color: #bbb; }
    .season-grid-wrapper .season-grid-controls-button-row {
      display: flex;
      margin-bottom: 20px;
      align-content: center; }
      .season-grid-wrapper .season-grid-controls-button-row .label {
        font-size: 14px;
        display: flex;
        align-items: center;
        padding: 0 5px 0 20px;
        /*text-align: center;
                border-bottom: 1px solid #aaa;
                margin-bottom: 10px;
                position: relative;*/ }
    .season-grid-wrapper .season-grid-controls-dropdown-row {
      display: flex;
      align-content: center;
      margin-bottom: 30px; }
      .season-grid-wrapper .season-grid-controls-dropdown-row .row-season, .season-grid-wrapper .season-grid-controls-dropdown-row .row-pt {
        display: flex; }
      .season-grid-wrapper .season-grid-controls-dropdown-row .row-pt {
        margin-left: 10px; }
      .season-grid-wrapper .season-grid-controls-dropdown-row .label {
        font-size: 14px;
        display: flex;
        align-items: center;
        padding: 0 5px 0 20px; }
        .season-grid-wrapper .season-grid-controls-dropdown-row .label:first-child {
          padding-left: 0; }
      .season-grid-wrapper .season-grid-controls-dropdown-row input {
        width: 50px;
        padding: 5px;
        align-self: center; }
      .season-grid-wrapper .season-grid-controls-dropdown-row .fg-dropdown {
        width: 95px;
        align-self: center; }
    .season-grid-wrapper .season-grid-controls .fgButton {
      flex: 0 1 120px;
      font-size: 12px;
      line-height: 2.5;
      padding: 0; }
      .season-grid-wrapper .season-grid-controls .fgButton.active {
        background-color: #50ae26;
        color: #fff; }
    .season-grid-wrapper .season-grid-controls-stat-selection {
      font-family: lato, Arial, Helvetica, sans-serif;
      text-align: center;
      font-size: 18px;
      max-width: 650px; }
      .season-grid-wrapper .season-grid-controls-stat-selection .stat-label {
        border-bottom: 2px solid #50ae26;
        margin: 0 4px;
        padding-bottom: 3px; }
    .season-grid-wrapper .season-grid-controls-dropdown-row-stats {
      display: flex;
      border-bottom: 4px solid #50ae26;
      margin-top: 40px;
      margin-bottom: 10px; }
      .season-grid-wrapper .season-grid-controls-dropdown-row-stats .fg-dropdown {
        font-size: 12px;
        width: 100%;
        display: flex; }
        .season-grid-wrapper .season-grid-controls-dropdown-row-stats .fg-dropdown.show {
          background-color: #50ae26; }
        .season-grid-wrapper .season-grid-controls-dropdown-row-stats .fg-dropdown-label {
          padding: 8px;
          align-self: center; }
        .season-grid-wrapper .season-grid-controls-dropdown-row-stats .fg-dropdown ul {
          top: 100%; }
        .season-grid-wrapper .season-grid-controls-dropdown-row-stats .fg-dropdown.plate-discipline ul {
          width: 120%; }
      .season-grid-wrapper .season-grid-controls-dropdown-row-stats li {
        padding-left: 0; }
      .season-grid-wrapper .season-grid-controls-dropdown-row-stats li:before {
        content: '';
        background-color: white;
        border: 1px solid #50ae26;
        width: 14px;
        height: 14px;
        color: #50ae26;
        cursor: pointer;
        font-family: Lato;
        font-size: 14px;
        margin: 0 5px 0 3px;
        display: inline-flex;
        /*float: left;*/
        float: none;
        justify-content: center;
        align-items: center; }
      .season-grid-wrapper .season-grid-controls-dropdown-row-stats.multi-choice li:before {
        content: '+';
        padding: 1px; }
      .season-grid-wrapper .season-grid-controls-dropdown-row-stats li.highlight-selection:before {
        background-color: #50ae26;
        color: #fff; }
  .season-grid-wrapper th[data-stat="Name"] {
    width: 140px; }
  .season-grid-wrapper td a {
    text-decoration: none; }
  .season-grid-wrapper .diff-positive {
    color: royalblue;
    font-weight: 600; }
  .season-grid-wrapper .diff-negative {
    color: #ce2431;
    font-weight: 600; }
  .season-grid-wrapper .fg-data-grid table {
    font-size: 13px; }
  @media (max-width: 1000px) {
    .season-grid-wrapper .ra-membership-house-wrapper, .season-grid-wrapper .fg-logo-bkgd {
      display: none; }
    .season-grid-wrapper .season-grid-controls-button-row, .season-grid-wrapper .season-grid-controls-dropdown-row {
      justify-content: center; }
    .season-grid-wrapper .table-scroll {
      overflow-x: scroll; }
    .season-grid-wrapper .table-fixed {
      display: block; }
    .season-grid-wrapper table tr:hover {
      background-color: initial; } }
  @media (max-width: 800px) {
    .season-grid-wrapper .season-grid-controls {
      border-bottom: 3px solid #50ae26; }
    .season-grid-wrapper .season-grid-controls-dropdown-row-stats {
      flex-direction: column;
      max-width: 400px;
      margin: auto;
      margin-top: 30px;
      border-bottom: 0; }
      .season-grid-wrapper .season-grid-controls-dropdown-row-stats .fg-dropdown {
        font-size: 13px; }
        .season-grid-wrapper .season-grid-controls-dropdown-row-stats .fg-dropdown .fg-dropdown-label {
          padding: 12px; }
        .season-grid-wrapper .season-grid-controls-dropdown-row-stats .fg-dropdown.plate-discipline ul {
          width: 100%; }
      .season-grid-wrapper .season-grid-controls-dropdown-row-stats ul li {
        font-size: 13px;
        padding: 10px 0; }
    .season-grid-wrapper .season-grid-controls-stat-selection {
      margin: auto; } }
  @media (max-width: 650px) {
    .season-grid-wrapper {
      padding: 0 10px; }
      .season-grid-wrapper .season-grid-controls-button-row {
        flex-wrap: wrap; }
        .season-grid-wrapper .season-grid-controls-button-row .fgButton {
          margin-bottom: 15px; }
        .season-grid-wrapper .season-grid-controls-button-row .spacer-v-20 {
          flex: 0 0 100%; }
      .season-grid-wrapper .season-grid-controls-dropdown-row {
        flex-wrap: wrap; }
        .season-grid-wrapper .season-grid-controls-dropdown-row .row-pt {
          margin: 0;
          margin-top: 10px; }
        .season-grid-wrapper .season-grid-controls-dropdown-row .label {
          padding: 0 10px; }
      .season-grid-wrapper .fg-data-grid table {
        font-size: 12px; }
      .season-grid-wrapper .fg-data-grid .table-page-results {
        display: none; }
      .season-grid-wrapper th {
        width: 60px; }
      .season-grid-wrapper th[data-stat="Name"] {
        width: 120px; } }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#root-membership-wpa {
  text-align: center; }

.membership-wpa {
  display: inline-block;
  text-align: center;
  max-width: 312px;
  margin-left: auto;
  margin-right: auto; }
  .membership-wpa .membership-wpa__title {
    text-align: center;
    background-color: #50ae26;
    color: #fff;
    padding: 5px 0;
    margin-top: 5px; }
  .membership-wpa .x-axis path, .membership-wpa .x-axis line {
    stroke: #aaa; }
  .membership-wpa .y-axis text {
    font-size: 12px; }
  .membership-wpa .rect__plot {
    fill: none;
    stroke: #aaa;
    stroke-width: 1; }
  .membership-wpa .rect__inn-away {
    fill: #fff; }
  .membership-wpa .rect__inn-home {
    fill: #ccc; }
  .membership-wpa .line__grid {
    stroke: #aaa;
    stroke-dasharray: 2 2;
    stroke-width: .5; }
  .membership-wpa .line__grid-mid {
    stroke: #888;
    stroke-width: .5; }
  .membership-wpa .line__wpa-main {
    stroke: #50ae26;
    stroke-width: 5;
    fill: none; }
  .membership-wpa .line__team-box {
    stroke: #333;
    stroke-width: 2; }
  .membership-wpa .annotation__goal {
    font-size: 12px; }
  .membership-wpa .membership-wpa__panel {
    padding-top: 10px; }
    .membership-wpa .membership-wpa__panel .membership-wpa__panel__call-to-action {
      display: flex;
      justify-content: space-evenly;
      padding-top: 20px; }
      .membership-wpa .membership-wpa__panel .membership-wpa__panel__call-to-action a {
        background-color: #ffd800;
        padding: 10px 10px; }
        .membership-wpa .membership-wpa__panel .membership-wpa__panel__call-to-action a:hover {
          color: #000;
          background-color: rgba(255, 216, 0, 0.85); }
        .membership-wpa .membership-wpa__panel .membership-wpa__panel__call-to-action a:last-child {
          margin-left: 10px; }

.ra-membership-house-wrapper {
  background-color: #50ae26;
  text-align: center;
  font-family: Lato, arial, helvetica, sans-serif;
  -webkit-text-size-adjust: none; }
  .ra-membership-house-wrapper .ra-membership-house-copy p {
    margin: 15px auto;
    text-align: left;
    font-weight: 400;
    line-height: 1.2; }
    .ra-membership-house-wrapper .ra-membership-house-copy p a {
      color: #fff; }
  .ra-membership-house-wrapper .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; }