@font-face{
font-family:Avoidball Sans;
src:url('/AvoidballSans-Regular.otf') format('opentype');
font-weight:normal;font-style:normal}

* {
    font-family: 'Helvetica';
    font-family: 'Avoidball Sans';
    font-size: 1.5vw;
    line-height: 3vw;
    font-weight: normal !important;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    scroll-behavior: smooth;
}

.tabular {
    font-variant-numeric: tabular-nums;
}

body {
    margin: 0;
    cursor: default;
    background: #e5e4e3;
}

a {
    cursor: pointer;
}

#load_ball_container {
  height: 100vh;
  width: 100vw;
  position: fixed;
  z-index: 10000;
  background: #ebeaea;
  transition: all 1s ease;
  opacity: 1;
  overflow: hidden;
}

#load_ball_bg {
  height: 100%;
  width: 100%;
  z-index: 10000;
  display: block;
  opacity: 1;
}

#load_ball {

    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 8vw;
    height: 8vw;
    border-radius: 4vw;
    background: #ff6400;

    z-index: 10000;
    transition: all 1.5s ease;
    
    opacity: 1;
}

#load_ball_message {

    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 20vw;
    height: 20vw;
    line-height: 20vw;
    border-radius: 10vw;
    background: #ff6400;
    text-align: center;
    font-size: 3vw;

    z-index: 10000;
    transition: all 1s ease;
    opacity: 0;

}

#message_box {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    height: 3vw;
    background: #fbfaf9;
    margin-bottom: 3vw;
    display: none;
}

#message {
    width: 100%;
    text-align: center;
    line-height: 3vw;
}

#menu_section {
    height: 3vw;
    display: -webkit-inline-box;
    position: fixed;
    z-index: 999;
    width: 100vw;
    top: 0vw;
    background: #f8f7f6;
    overflow: hidden;
    border-bottom: 2px solid #020100;
}

#pseudo_menu_section {
    position: relative;
    /*left: 5vw;*/
    height: 1vw;
    margin: 2vw 0;
    padding-left: 4vw;
    display: -webkit-inline-box;
}

.menu_button {
    position: relative;
    line-height: 3vw;
    width: 12.5vw;
    background: #f8f7f6;
    color: #c5c4c3;
    text-align: center;
    
    display: inline-block;
    display: block;
    margin-right: 0vw;
    cursor: pointer;

    top: 0vw;
}

.menu_button:nth-child(odd) {
    background: #fffefd;
}

.back {
    position: fixed;
    z-index: 9999;
    top: 0;
    right: 0;
    line-height: 3vw;
    width: 12.5vw;
    background: #020100;
    color: #fffefd;
    text-align: center;
    transition: all 0.02s linear;
    border-bottom: 2px solid #020100;
}

.menu_active {
    color: #fffefd !important;
    background: #020100 !important;
}

.menu_button:hover,
#menu_fan:hover,
.back:hover {
    color: #a5a4a3;
}

.menu_active:hover {
    color: #fffefd;
}

#menu_dummy_back{
    color: #e5e4e3 !important;
    cursor: default !important;
}

#fan_bubble {
    position: absolute;
    line-height: 3vw;
    width: 4vw;
    height: 3vw;
    top: 4vw;
    left: 4vw;
    background: #f8f7f6;
    color: #c7c6c5;
    border-radius: 1.5vw;
    text-align: center;
    display: inline-block;
    margin-right: 1vw;

    transition: all 1s ease;
    opacity: 1;
    z-index: 0;
}
/*
#fan_section {
    opacity: 0;
    color: #020100;
    transition: opacity 0.5s ease;
}

#fan_section_message {
    position: absolute;
    top: 0;
    height: 3vw;
    line-height: 3vw;
    width: 50vw;
    text-align: center;
    border-radius: 1.5vw;

    color: #fffefd;
    background: #020100;
    left: 21vw;
    top: calc(50vh - 6vw);
}

.fan_section_team {
    position: relative;
    height: 3vw;
    line-height: 3vw;
    width: 4vw;
    border-radius: 1.5vw;
    cursor: pointer;
}
*/


#league_section {
    width: 94vw;
    position: relative;
    top: 0vw;
    left: 0;
    margin: 0 3vw 3vw 3vw;
    display: -webkit-inline-flex;
    flex-wrap: wrap;
    transition: opacity 1s ease;
    opacity: 1;
    gap: 3vw;
}

.division_box {
    width: 45.5vw;
    border-spacing: 0;
    border-top-right-radius: 1.5vw;
    border-bottom-right-radius: 1.5vw;
    overflow: hidden;
}

.division_heading {
    height: 3vw;
    line-height: 3vw;
    display: -webkit-box;
    width: 100%;
    font-weight: normal;
    text-align: left;
}

.team_box {
    height: 3vw;
    line-height: 3vw;
    display: -webkit-box;
    width: 100%;
    cursor: pointer;
}


.page_section {
    width: 94vw;
    position: relative;
    top: 0;
    left: 0;
    margin: 0 3vw 3vw 3vw;
    flex-wrap: wrap;
    background-color: #fbfaf9;
    background: none;
    transition: opacity 1s ease;
    opacity: 1;
    border-radius: 1.5vw;
}

#teams_stats_section {
    margin: 0;
}

#inspect_team_title_bar,
#inspect_player_title_bar,
#matches_title_bar,
#next_matches_title_bar,
.title_bar {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    height: 3vw;
    border-radius: 1.5vw;
}

.inspect_team_title_bar,
.title_bar_title {
    line-height: 3vw;
}

#inspect_team_name,
#inspect_player_name,
.title_bar_title {
    width: 100%;
    text-align: center;
    border-radius: 1.5vw;
}

#inspect_team_top,
#inspect_player_top,
#user_top {
    margin-top: 3vw;
    margin-bottom: 3vw;
    width: 100%;
    height: 19vw;
    position: relative;
    display: -webkit-flex;
}

#inspect_team_top_left,
#inspect_player_top_left,
#user_top_left {
    width: 50%;
    height: 19vw;
    position: relative;
    display: inline-block;
}

#inspect_player_top_left,
#user_top_left {
    left: 1.5vw;
}

#inspect_team_top_right,
#inspect_player_top_right,
#user_top_right {
    width: 50%;
    height: 18vw;
    position: relative;
    display: inline-block;
}

#inspect_team_crest,
#inspect_player_photo,
#user_photo {
    width: 100%;
    height: 18vw;
    top: 0.5vw;
    position: relative;
    display: inline-block;
}

.team_crest {
    width: 100%;
    height: 18vw;
}

.photo {
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
  position: absolute;
}

#inspect_team_info_box_L1,
#inspect_player_info_box_L1,
#user_info_box_L1 {
    width: 22vw;
    position: absolute;
    display: -webkit-flex;
    left: 0;
    top: 0;
    text-align: center;
}

#inspect_team_info_box_R1,
#inspect_player_info_box_R1,
#user_info_box_R1 {
    width: 22vw;
    position: absolute;
    display: -webkit-flex;
    right: 0;
    top: 0;
    text-align: center;
}

#inspect_player_info_box_R1_info {
    cursor: pointer;
}

#inspect_team_info_box_L2,
#inspect_player_info_box_L2,
#user_info_box_L2 {
    width: 22vw;
    position: absolute;
    display: -webkit-flex;
    left: 0;
    top: 11vw;
    text-align: center;
}

#inspect_team_info_box_R2,
#inspect_player_info_box_R2,
#user_info_box_R2 {
    width: 22vw;
    position: absolute;
    display: -webkit-flex;
    right: 0;
    top: 11vw;
    text-align: center;
}

.inspect_team_info_box_title {
    position: absolute;
    width: 100%;
    height: 4vw;
    border-top-left-radius: 1.5vw;
    border-top-right-radius: 1.5vw;
    line-height: 4vw;
}

.inspect_team_info_box_info {
    position: absolute;
    width: 100%;
    height: 4vw;
    top: 4vw;
    border-bottom-left-radius: 1.5vw;
    border-bottom-right-radius: 1.5vw;
    line-height: 4vw;
}

.title_box {
    position: relative;
    width: 100%;
    display: table;
    text-align: center;
    line-height: 3vw;
    height: 3vw;
    border-top-right-radius: 1.5vw;
    border-top-left-radius: 1.5vw;
}

.inspect_team_title_box {
    position: relative;
    width: 50%;
    display: table-cell;
    text-align: center;
    border-top-left-radius: 1.5vw;
    border-top-right-radius: 1.5vw;
    line-height: 3vw;
    cursor: pointer;
}

.records_champs_heading,
.records_champs_cell {
    width: 37.8vw;
    text-align: center;
}

.records_champs_cell {
    cursor: pointer;
}

.records_champs_season {
    width: 8.4vw;
    text-align: center;
}

#records_team_boxes,
#records_player_boxes,
#team_records_boxes,
#season_trophies_box,
#records_trophies,
#team_finances_section,
#user_shareholder_section {
    width: 100%;
    position: relative;
    flex-wrap: wrap;
    display: inline-flex;
    gap: 3vw;
}

#records_team_boxes,
#records_player_boxes,
#season_trophies_box,
#records_trophies {
    margin-bottom: 3vw;
    margin-bottom: 0; 
}

#team_records_boxes {
    margin-top: 3vw;
    margin-top: 0;
}

#team_records_boxes .records_team_box {
    cursor: default !important;
}

.trophy_middle,
#team_finances_history_box_middle {
    max-height:15vw;
    overflow: auto;
}

.team_records_champs_middle {
    border-spacing: 0;
    max-height: 20vw;
    overflow: auto;
    scroll-behavior: smooth;
}

.team_records_champs_row {
    width: calc(100% / 3);
    position: relative;
    line-height: 3vw;
    text-align: center;
    background: #fffefd;
    display: inline-block;
}

.team_records_champs_row:nth-child(even) {
    background: #f8f7f6;
}

.team_records_champs_box {
    position: relative;
    width: 45.5vw;
    max-height: 32vw;
    border-radius: 1.5vw;
    overflow: hidden;
}

.records_player_box {
    position: relative;
    display: -webkit-inline-flex;
    width: 45.5vw;
    height: 27vw;
    background: #fffefd;
    border-radius: 1.5vw;
    cursor: pointer;
}

.records_team_box {
    position: relative;
    display: -webkit-inline-flex;
    width: 45.5vw;
    height: 6vw;
    background: #fffefd;
    border-radius: 1.5vw;
    cursor: pointer;
}

#team_finances_history_box_middle {
    border-bottom-left-radius: 1.5vw;
    border-bottom-right-radius: 1.5vw;
}

.records_player_box_top,
.records_team_box_top,
.team_records_champs_box_top {
    height: 3vw;
    line-height: 3vw;
    text-align: center;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-top-left-radius: 1.5vw;
    border-top-right-radius: 1.5vw;
}

.team_records_champs_box_top {
    position: relative !important;
}

.records_player_box_middle {
    width: 100%;
    position: absolute;
    top: 4vw;
    left: 0.75vw;
    height: 21vw;
}

.records_player_box_bottom,
.records_team_box_bottom,
.team_records_champs_box_bottom {
    height: 3vw;
    line-height: 3vw;
    text-align: center;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    border-bottom-left-radius: 1.5vw;
    border-bottom-right-radius: 1.5vw;
}

.team_records_champs_box_bottom {
    position: relative !important;
}

.heading_name {
    width: 31.6vw;
    width: 19vw;
    width: 23.2vw;
    padding-left: 2vw;
    text-align: left;
}

.inspect_player_heading:nth-child(odd) {
    background: #eeedec;
}

.inspect_team_cell {
    width: 10.5vw;
    width: 8.4vw;
    text-align: center;
}

.inspect_team_name {
    width: 31.6vw;
    width: 19vw;
    width: 23.2vw;
    padding-left: 2vw;
    text-align: left;
}


.row:nth-child(even) .cell:nth-child(odd) {
    background: #fffefd;
}

.row:nth-child(odd) .cell:nth-child(even) {
    background: #fffefd;
}

.row:nth-child(1) .cell:nth-child(1) {
    border-top-left-radius: 0vw !important;
}

.division_box .team_box:nth-child(2) .team_box_name {
    border-top-left-radius: 0vw !important;
}


#inspect_team_players_box {
    position: relative;
    width: 100%;
    width: 94vw;
    display: table;
    overflow: hidden;
    border-spacing: 0;
    border-bottom-left-radius: 1.5vw;
    border-bottom-right-radius: 1.5vw;
}

#inspect_team_reserves_box {
    position: relative;
    width: 94vw;
    border-spacing: 0;
    overflow: hidden;
    background: #fbfaf9;
    scroll-behavior: smooth;
    border-bottom-left-radius: 1.5vw;
    border-bottom-right-radius: 1.5vw;
}

#inspect_team_attributes_title {
    margin-top: 3vw;
}

#inspect_team_attributes_box {
    border-bottom-left-radius: 1.5vw;
    border-bottom-right-radius: 1.5vw;
    overflow: hidden;
}

.heading_box {
    display: flex;
}

.heading {
    display: table-cell;
    line-height: 3vw;
    height: 3vw;
    font-variant-numeric: tabular-nums;
    background: #e9e8e7;
    background: #f8f7f6;
    text-align: center;
    border-bottom: 2px solid #020100;
}

.heading:nth-child(odd) {
    background: #fffefd;
}

.row .cell {
    font-variant-numeric: tabular-nums;
}

.cell {
    display: table-cell;
    line-height: 3vw;
    height: 3vw;
    /*font-variant-numeric: tabular-nums;*/
    background: #f8f7f6;
    text-align: center;
}

.W80L{
    text-align: left;
    width: calc(80% - 2vw);
    padding-left: 2vw;
}

.W72L{
    text-align: left;
    width: calc(72% - 2vw);
    padding-left: 2vw;
}

.W70L{
    text-align: left;
    width: calc(70% - 2vw);
    padding-left: 2vw;
}

.W50L {
    text-align: left;
    width: calc(50% - 2vw);
    padding-left: 2vw;
}

.W40L {
    text-align: left;
    width: calc(40% - 2vw);
    padding-left: 2vw;
}

.W35L {
    text-align: left;
    width: calc(35% - 2vw);
    padding-left: 2vw;
}

.W35R {
    text-align: right;
    width: calc(35% - 2vw);
    padding-right: 2vw;
}

.W30L {
    text-align: left;
    width: calc(30% - 2vw);
    padding-left: 2vw;
}

.W20L {
    text-align: left;
    width: calc(20% - 2vw);
    padding-left: 2vw;
}



.W100{width: 100%;}
.W75 {width: 75%;}
.W72 {width: 72%;}
.W70 {width: 70%;}
.W60 {width: 60%}
.W50 {width: 50%}
.W45 {width: 45%;}
.W40 {width: 40%;}
.W39 {width: 39%;}
.W38 {width: 38%;}
.W35 {width: 35%;}
.W30 {width: 30%;}
.W25 {width: 25%;}
.W21 {width: 21%;}
.W20 {width: 20%;}
.W16 {width: 16%;}
.W15 {width: 15%;}
.W14 {width: 14%;}
.W12 {width: 12%;}
.W11 {width: 11%;}
.W10 {width: 10%;}
.W7  {width: 7%;}
.W6  {width: 6%;}

.RadLT {
    border-top-left-radius: 1.5vw;
}

.RadLB {
    border-bottom-left-radius: 1.5vw;
}

.clickable {
    cursor: pointer;
}

.MargT3 {margin-top: 3vw;}

.stat {
    width: 7vw;
    text-align: center;
}

.inspect_team_title.table_name {
    padding-left: 2vw;
}

#inspect_team_schedule_box {
    position: relative;
    width: 94vw;
    border-spacing: 0;
    max-height: 24vw;
    overflow: auto;
    background: #fbfaf9;
    scroll-behavior: smooth;
    border-bottom-left-radius: 1.5vw;
    border-bottom-right-radius: 1.5vw;
}

.heading_opponent {
    width: 48.4vw;
    width: 40vw;
    padding-left: 2vw;
    text-align: left;
}

.inspect_team_opponent {
    width: 48.4vw;
    width: 40vw;
    padding-left: 2vw;
    text-align: left;
}

#inspect_team_stats_box {
    position: relative;
    width: 94vw;
    border-spacing: 0;
    max-height: 24vw;
    overflow: auto;
    background: #fbfaf9;
    border-bottom-left-radius: 1.5vw;
    border-bottom-right-radius: 1.5vw;

}

.inspect_team_stat_cell {
    width: 10.5vw;
    width: 8.4vw;
    text-align: center;
}

#inspect_player_attributes_box {
    overflow: hidden;
    border-bottom-left-radius: 1.5vw;
    border-bottom-right-radius: 1.5vw;
}


#inspect_player_stats_box {
    position: relative;
    width: 94vw;
    border-spacing: 0;
    max-height: 24vw;
    overflow: auto;
    background: #fbfaf9;
    scroll-behavior: smooth;
    border-bottom-left-radius: 1.5vw;
    border-bottom-right-radius: 1.5vw;
}

.attributes_title {
    width: 28vw;
    text-align: left;
    padding-left: 2vw;
}

#inspect_player_performances_box {
    border-bottom-left-radius: 1.5vw;
    border-bottom-right-radius: 1.5vw;
    overflow: hidden;
}

#stats_section_title_teams,
#stats_section_title_players {
    background: #c7c6c5;
}

#stats_section_teams_box,
#stats_section_players_box,
#draft_section_players_box,
#user_shares_box {
    overflow: hidden;
    border-bottom-right-radius: 1.5vw;
}

#user_shares_section {
    
}

#income_breakdown_box .row:nth-child(2) .cell:nth-child(1),
#expenditure_breakdown_box .row:nth-child(2) .cell:nth-child(1) {
    border-top-left-radius:  0 !important;
}

#income_breakdown_box .row .cell:nth-child(1),
#expenditure_breakdown_box .row .cell:nth-child(1) {
    border-top-left-radius: 1.5vw;
    border-bottom-left-radius: 1.5vw;
}

.income_breakdown_drop .cell,
.expenditure_breakdown_drop .cell {
    border-radius: 0 !important;
}


#income_breakdown_box .row:last-child .cell:nth-child(1),
#expenditure_breakdown_box .row:last-child .cell:nth-child(1) {
    border-bottom-left-radius: 1.5vw;
}

#income_breakdown_box .row:last-child .cell:nth-child(2),
#expenditure_breakdown_box .row:last-child .cell:nth-child(2) {
    border-bottom-right-radius: 1.5vw;
}

.no_BL_radius .cell {
    border-bottom-left-radius: 0 !important;
}

.cell.BL_radius {
    border-bottom-left-radius: 1.5vw !important;
}

.border_bottom {
    border-bottom: 2px solid #020100;
}

#user_events_section {
    margin-top: 3vw;
    
}

#user_events_box {
    max-height: 24vw;
    overflow: scroll;
}

#user_events_clear {
    position: relative;
    height: 3vw;
    line-height: 3vw;
    text-align: center;
    width: 100%;
    border-bottom-left-radius: 1.5vw;
    border-bottom-right-radius: 1.5vw;
}

.tab_active {
    background: #c7c6c5;
    background: #020100 !important;
    color: #fffefd;
}

.stats_section_teams_heading_team {
    width: 23.2vw;
    padding-left: 2vw;
    border-bottom-left-radius: 1.5vw;
    text-align: left;
    cursor: default;
}

.stats_section_teams_cell,
.stats_section_players_cell  {
    width: 8.4vw;
    text-align: center;
}

 .stats_section_teams_cell_name {
    width: 23.2vw;
    padding-left: 2vw;
    text-align: left;
    border-top-left-radius: 1.5vw;
    border-bottom-left-radius: 1.5vw;
 }

.stats_section_players_cell_name {
    width: 23.2vw;
    padding-left: 2vw;
    text-align: left;
    border-bottom-left-radius: 1.5vw;
}

.stats_section_players_cell_team {
    width: 14.8vw;
    padding-left: 2vw;
    text-align: left;
}

.stats_section_players_cell_name {
    border-top-left-radius: 1.5vw;
}

.stats_section_teams_cell_name,
.stats_section_players_cell_name,
.stats_section_players_cell_team {
    cursor: pointer;
}

.draft_section_players_cell_name {
    border-top-left-radius: 1.5vw;
    cursor: pointer;
}

#user_rankings_box {
    overflow: hidden;
    border-bottom-right-radius: 1.5vw;
}

#draft_section_order_box {
    background: #f8f7f6;
    height: 4vw;
    padding: 2vw;
    display: flex;
    border-bottom-left-radius: 1.5vw;
    border-bottom-right-radius: 1.5vw;
}

.draft_section_order {
    border-radius: 4vw;
    height: 4vw;
    line-height: 4vw;
    text-align: center;
    width: 4vw;
    margin: 0 0.8vw;
    cursor: pointer;
}

#no_matches_section {
    width: 94vw;
    margin: 0 3vw 3vw 3vw;
    height: calc(100vh - 12vw);
    background-color: #f8f7f6;
    color: #c7c6c5;
    border-radius: 1.5vw;
    transition: opacity 1s ease;
    opacity: 1;
}

#no_matches_message {
    line-height: calc(100vh - 12vw);
    text-align: center;
}

/*
#matches_section {
    width: 96vw;
    position: relative;
    top: 0;
    left: 0;
    margin-bottom: 1vw;
    padding: 1vw 2vw;
    display: -webkit-inline-flex;
    flex-wrap: wrap;
    transition: opacity 1s ease;
    opacity: 1;
}
*/
#matches_section {
    width: 94vw;
    position: relative;
    top: 0;
    left: 0;
    margin: 0 3vw 3vw 3vw;
    display: -webkit-inline-flex;
    flex-wrap: wrap;
    transition: opacity 1s ease;
    opacity: 1;
    gap: 3vw;
}

.match_box {
    width: 45.5vw;
    margin: 0vw;
    display: -webkit-flex;
    border-radius: 1.5vw;
    overflow: hidden;
}

.match_box_clock {
    line-height: 6vw;
    /*width: 6vw;*/
    color: #fffefd;
    background: #020100;
    text-align: center;
}

.match_box_name {
    /*width: 14vw;*/
    line-height: 3vw;
    height: 3vw;
    padding-left: 2vw;
    background: #fffefd;
}

.match_box_players_box {
    /*width: 14vw;*/
    line-height: 3vw;
    padding: 0 1vw;
    overflow: hidden;
    background-color: #fffefd;
}

.match_box_player_box {
    height: 3vw;
    width: 2.5vw;
    display: table-cell;
}

.match_box_player {
    width: 1.5vw;
    height: 1.5vw;
    border-radius: 1.5vw;
    position: relative;
    top: 0.75vw;
    left: 0.5vw;
    opacity: 1;
    transition: all 0.1s linear;
}

.match_box_score {
    /*width: 6vw;*/
    height: 3vw;
    line-height: 3vw;
    text-align: center;
}

#next_matches_section {
    width: 94vw;
    position: relative;
    top: 0;
    left: 0;
    margin: 0 3vw 3vw 3vw;
    display: -webkit-inline-flex;
    flex-wrap: wrap;
    transition: opacity 1s ease;
    opacity: 1;
    gap: 3vw;
}

#next_matches_betting {
    width: 94vw;
    position: relative;
    margin-top: 0vw;
    display: flex;
}

#next_matches_betting_cash {
    border-radius: 1.5vw;
    overflow: hidden;
    display: flex;
    margin-right: 2vw;
}

#next_matches_betting_cash,
#next_matches_betting_clear {
    opacity: 0;
    transition: opacity 0.25s ease;
}

#next_matches_betting_cash .lh1 {
    padding: 0 2vw;
}

#next_matches_betting_show {
    position: absolute;
    right: 0;
}

#next_matches_betting_clear,
#next_matches_betting_show {
    text-align: center;
    border-radius: 1.5vw;
}

#next_match_boxes{
    position: relative;
    display: -webkit-inline-flex;
    flex-wrap: wrap;
    gap: 3vw;
}

.hide_betting {
    height: 3vw !important;
}

.match_box_rank {
    width: 6vw;
    height: 3vw;
    line-height: 3vw;
    text-align: center;
    background: #fffefd;
}

.match_box_rank:nth-child(even) {
    background: #f8f7f6;
}

.next_match_box {
    width: 100%;
    display: flex;
    position: relative;
    height: calc(13vw + 4px);
    transition: height 0.25s ease;
}

.next_match_home_box {
    left: 0vw;
}

.next_match_away_box {
    margin-left: 3vw;
}

.next_match_home_box,
.next_match_away_box {
    width: 45.5vw;
    border-radius: 1.5vw;
    overflow: hidden;
    background: #fffefd;
    position: relative;
}

.next_match_box_top {
    width: 100%;
    border-bottom: solid 2px #020100;
    display: flex;
}

.next_match_box_top .cell:nth-child(odd) {
    background: #fffefd;
}

.next_match_line {
    border-bottom: solid 2px #020100;
    width: 100%;
    top: calc(50% - 1px);
    position: absolute;
    z-index: -1;
}

.match_box_buttons {
    height: 7vw;
    width: 100%;
    display: flex;
    gap: 1vw;
    padding-left: calc(10% - 2vw);
    border-bottom: solid 2px #020100;
}

.match_box_button {
    background: #fff;
    border-radius: 1.5vw;
    text-align: center;
    top: 2vw;
    position: relative;
    cursor: pointer;
}

.next_match_box_bottom {
    text-align: center;
    display: flex;
}

.match_box_odds_return {

}

.next_match_box_money_box {
    width: 11vw;
    text-align: center;
    height: 3vw;
    line-height: 3vw;
    background: #f8f7f6;
}

.column:nth-child(even) .next_match_box_money_box:nth-child(odd) {
    background: #fffefd;
}

.column:nth-child(odd) .next_match_box_money_box:nth-child(even) {
    background: #fffefd;
}

#watch_match_section {
    width: 94vw;
    height: 53vw;
    position: relative;
    top: 0;
    left: 0;
    margin: 0vw 3vw 3vw 3vw;
    flex-wrap: wrap;
    transition: opacity 1s ease;
    opacity: 1;
    border-radius: 1.5vw;
}

#watch_match_title_home {
    width: 29vw;
    position: absolute;
    top: 10vw;
    left: 18vw;
    height: 3vw;
    text-align: center;
    line-height: 3vw;
    cursor: pointer;
    border-top-left-radius: 1.5vw;
}

#watch_match_title_away {
    width: 29vw;
    position: absolute;
    top: 10vw;
    right: 18vw;
    height: 3vw;
    text-align: center;
    line-height: 3vw;
    cursor: pointer;
    border-top-right-radius: 1.5vw;
}

.watch_match_title_score {
    width: 8vw;
    position: absolute;
    top: 5vw;
    height: 3vw;
    text-align: center;
    line-height: 3vw;
    border-radius: 1.5vw;
}

#watch_match_title_home_score {
    left: 28.5vw;
}

#watch_match_title_away_score {
    right: 28.5vw;
}

#watch_match_title_clock {
    position: absolute;
    top: 5vw;
    left: 43vw;
    height: 3vw;
    background-color: #020100;
    color: #fffefd;
    width: 8vw;
    text-align: center;
    line-height: 3vw;
    border-radius: 1.5vw;
}
/*
#watch_match_title_clock_ot {
    position: absolute;
    top: 5vw;
    left: 47vw;
    width: 2vw;
    height: 2vw;
    border-radius: 1.5vw;
    background: #ff6400;
    line-height: 2vw;
    text-align: center;
    font-size: 1vw;
    z-index: 2;
}
*/

#watch_match_display_button {
    position: absolute;
    top: 5vw;
    right: 0;
    height: 3vw;
    background: #fffefd;
    width: 11vw;
    text-align: center;
    line-height: 3vw;
    border-radius: 1.5vw;
    cursor: pointer;
}

#watch_match_display_button:hover {
    color: #807f7f;
}


#watch_match_home_fans {
    width: 29vw;
    position: absolute;
    top: 46vw;
    left: 18vw;
    height: 3vw;
    text-align: center;
    line-height: 3vw;
    border-bottom-left-radius: 1.5vw;
}

#watch_match_away_fans {
    width: 29vw;
    position: absolute;
    top: 46vw;
    right: 18vw;
    height: 3vw;
    text-align: center;
    line-height: 3vw;
    border-bottom-right-radius: 1.5vw;
}

#attend_match {
    width: 20vw;
    position: absolute;
    top: 51vw;
    right: 37vw;
    height: 3vw;
    text-align: center;
    line-height: 3vw;
    border-radius: 1.5vw;
}

#cheer_home,
#cheer_away {
    width: 8vw;
    position: absolute;
    top: 51vw;
    height: 3vw;
    text-align: center;
    line-height: 3vw;
    border-radius: 1.5vw;
}

#cheer_home {
    left: 28.5vw;
}

#cheer_away {
    right: 28.5vw;
}

#watch_match_series_home_score {
    width: 8vw;
    position: absolute;
    top: 56vw;
    left: 18vw;
    height: 3vw;
    text-align: center;
    line-height: 3vw;
    border-top-left-radius: 1.5vw;
    border-bottom-left-radius: 1.5vw;
}

#watch_match_series_away_score {
    width: 8vw;
    position: absolute;
    top: 56vw;
    right: 18vw;
    height: 3vw;
    text-align: center;
    line-height: 3vw;
    border-top-right-radius: 1.5vw;
    border-bottom-right-radius: 1.5vw;
}

#watch_match_series_status {
    width: 42vw;
    position: absolute;
    top: 56vw;
    left: 26vw;
    height: 3vw;
    text-align: center;
    line-height: 3vw;
}

.watch_match_title_earnings {
    width: 29vw;
    position: absolute;
    top: 56vw;
    height: 3vw;
    text-align: center;
    line-height: 3vw;
    border-radius: 1.5vw;
    overflow: hidden;
}

#watch_match_title_home_earnings {
    left: 18vw;
}

#watch_match_title_away_earnings {
    right: 18vw;
}

.bet_arrow {
    height: 4.2vw;
    position: absolute;
    top: -0.6vw;
    left: 45%;
}

#watch_match_chat_section {
    width: 100%;
    position: absolute;
    top: 61vw;
    
    text-align: center;
    line-height: 3vw;
    border-radius: 1.5vw;
    overflow: hidden;
    padding-bottom: 4vw;
}

#watch_match_chat_box {
    max-height: 24vw;
    overflow: scroll;
}

input {
    outline: none;
    border: none;
    border-radius: 0;
}

#watch_match_message_box {
    height: 3vw;
    line-height: 3vw;
    display: flex;
    border-bottom-left-radius: 1.5vw;
    border-bottom-right-radius: 1.5vw;
    overflow: hidden;
    border-top: 2px solid #020100;
}

#watch_match_message_type {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

#court_markings {
    top: 13vw;
    left: 18vw;
    display: table;
    background: #fffefd;
    width: 58vw;
    position: absolute;
}

.court_markings {
    border-top: solid 0px #020100;
    border-bottom: solid 0px #020100;
    height: 33vw;
    top: 16vw;
    display: table-cell;
    background: #faf9f9;
    background: #fffefd;
}


#court_home_zone {
    width: 20vw;
    border-left: solid 0px #020100;
    border-right: 1px solid #020100;
}

#court_home_neutral {
    width: 7.5vw;
    border-left: 1px solid #020100;
    border-right: 1px solid #020100;
}

#court_away_neutral {
    width: 7.5vw;
    border-left: 1px solid #020100;
    border-right: 1px solid #020100;
}

#court_away_zone {
    width: 20vw;
    border-left: 1px solid #020100;
    border-right: solid 0px #020100;
}

.ball {
position: absolute;
top: 30.5vw;
left: 45vw;
width: 2vw;
height: 2vw;
border-radius: 1.5vw;
background: #ff6400;
line-height: 2vw;
text-align: center;
font-size: 1vw;
transition: all 0.7s cubic-bezier(.48,.52,.93,.93);
z-index: 2;
}

.player {
position: absolute;
width: 4vw;
height: 4vw;
transition: all 0.7s cubic-bezier(.48,.52,.93,.93);
cursor: pointer;
}

.player_body {
position: absolute;
width: 4vw;
height: 4vw;
border-radius: 4vw;
background: #ff6400;
opacity:  1;
transition: all 0.4s cubic-bezier(.48,.52,.93,.93);
line-height: 4vw;
text-align: center;
font-size: 1.5vw;
z-index: 3;
}

.player_number {
position: absolute;
width: 4vw;
height: 4vw;
line-height: 4vw;
text-align: center;
font-size: 1.5vw;
z-index: 4;
}

.svg_hit {
position: absolute;
top: 0;
left: 0;
z-index: 1;
opacity: 1;
transition: all 0.1s linear;
height: 4vw;
width: 4vw;
padding: 0;
z-index: 1;
}

.home_hit {
    left: 2.5vw;
}

.away_hit {
    left: -2.5vw;
}

.hit {
  fill: #020100;
  fill: #fffefd;
  stroke: #020100;
  stroke-width: 2px;
}

.miss {
position: absolute;
top: calc(-0.5vw - 2px);
left: calc(-0.5vw - 2px);
border: 2px dashed #020100;
width: 5vw;
height: 5vw;
border-radius: 5vw;
opacity: 1;
transition: all 0.1s linear;

background: #faf9f9;
z-index: 0;

top: calc(-0.2vw - 2px);
left: calc(-0.2vw - 2px);
border: 2px solid #020100;
width: 4.4vw;
height: 4.4vw;


}

.catch {
position: absolute;
width: 2.4vw;
height: 2.4vw;
border: 2px solid #020100;
border-radius: 3vw;
transition: all 0.1s linear;
z-index: 1;
opacity: 1;
top: calc(0.8vw - 2px);
background: #faf9f9;
}

.home_catch {
    left: calc(3.3vw - 2px);
}

.away_catch {
    right: calc(3.3vw - 2px);
}

#records_champs_box {
    position: relative;
    width: 94vw;
    border-spacing: 0;
    max-height: 24vw;
    overflow: auto;
    background: #fbfaf9;
    scroll-behavior: smooth;
    border-bottom-left-radius: 1.5vw;
    border-bottom-right-radius: 1.5vw;
}

#records_champs {
    margin-bottom: 3vw;
}

#playoffs_bracket_box {
    width: 100%;
    position: relative;
    height: 45vw;
    background: #f8f7f6;
    border-bottom-left-radius: 1.5vw;
    border-bottom-right-radius: 1.5vw;
}

.playoffs_team_box {
    position: absolute;
    height: 3vw;
    line-height: 3vw;
    width: 19vw;
}

.playoffs_team_box_name {
    position: absolute;
    height: 3vw;
    line-height: 3vw;
    width: 13vw;
    cursor: pointer;
}

.playoffs_team_box_wins {
    position: absolute;
    height: 3vw;
    background: #fffefd;
    line-height: 3vw;
    width: 4vw;
    text-align: center;
}

.playoffs_team_box_name.bracket_l {
    padding-left: 2vw;
    text-align: left;
    left: 0;
    border-bottom-left-radius: 1.5vw;
    border-top-left-radius: 1.5vw;
}

.playoffs_team_box_wins.bracket_l {
    right: 0;
    border-bottom-right-radius: 1.5vw;
    border-top-right-radius: 1.5vw;
}

.playoffs_team_box_name.bracket_r {
    padding-right: 2vw;
    text-align: right;
    right: 0;
    border-bottom-right-radius: 1.5vw;
    border-top-right-radius: 1.5vw;
}

.playoffs_team_box_wins.bracket_r {
    left: 0;
    border-bottom-left-radius: 1.5vw;
    border-top-left-radius: 1.5vw;
}

#playoffs_r1s1_team1_box {
    top: 3vw;
    left: 3vw;
}

#playoffs_r1s1_team2_box {
    top: 15vw;
    left: 3vw;
}

#playoffs_r1s2_team1_box {
    top: 3vw;
    right: 3vw;
}

#playoffs_r1s2_team2_box {
    top: 15vw;
    right: 3vw;
}

#playoffs_r1s3_team1_box {
    top: 27vw;
    left: 3vw;
}

#playoffs_r1s3_team2_box {
    top: 39vw;
    left: 3vw;
}

#playoffs_r1s4_team1_box {
    top: 27vw;
    right: 3vw;
}

#playoffs_r1s4_team2_box {
    top: 39vw;
    right: 3vw;
}

#playoffs_r2s1_team1_box {
    top: 9vw;
    left: 22vw;
}

#playoffs_r2s1_team2_box {
    top: 9vw;
    right: 22vw;
}

#playoffs_r2s2_team1_box {
    top: 33vw;
    left: 22vw;
}

#playoffs_r2s2_team2_box {
    top: 33vw;
    right: 22vw;
}

#playoffs_r3s1_team1_box {
    top: 16.5vw;
    left: 38vw;
    width: 18vw;
}

#playoffs_r3s1_team1_box .playoffs_team_box_wins {
    top: 3vw;
    left: 7vw;
}

#playoffs_r3s1_team2_box {
    top: 25.5vw;
    left: 38vw;
    width: 18vw;
}

#playoffs_r3s1_team2_box .playoffs_team_box_wins {
    top: -3vw;
    left: 7vw;
}


.bracket_c {
    text-align: center;
    padding: 0;
}

.playoffs_team_box_name.bracket_c {
    width: 18vw;
    border-radius: 1.5vw;
}

.playoffs_line_l {
    position: absolute;
    border-left: solid 2px #020100;
}

.playoffs_line_r {
    position: absolute;
    border-right: solid 2px #020100;
}

.playoffs_line_b {
    position: absolute;
    border-bottom: solid 2px #020100;
}

#playoffs_r1s1_line {
    top: 6vw;
    left: 12vw;
    height: 9vw;
}

#playoffs_r1s2_line {
    top: 6vw;
    right: 12vw;
    height: 9vw;
}

#playoffs_r1s3_line {
    top: 30vw;
    left: 12vw;
    height: 9vw;
}

#playoffs_r1s4_line {
    top: 30vw;
    right: 12vw;
    height: 9vw;
}

#playoffs_r2s1_line {
    top: calc(10.5vw - 0px);
    left: 12vw;
    width: 70vw;
}

#playoffs_r2s2_line {
    top: calc(34.5vw - 1px);
    left: 12vw;
    width: 70vw;
}

#playoffs_r3s1_line {
    top: 10.5vw;
    left: calc(47vw - 1px);
    height: 24vw;
}

#river_line {
    stroke: #020100;
    stroke-width: 2px;
    fill: none;
    position: absolute;
    width: 94vw;
    top: 22vw;
    height: 3vw;
    display: none;
}

#northsouth_line {
    width: 94vw;
    top: calc(22.5vw - 1px);
    border-bottom: solid 2px #d8d7d6;
}

#login_section {
    position: relative;
    width: 94vw;
}

#login_user,
#login_pw {
    width: 40vw;
    margin: 0 26vw 0 26vw;
    padding-left: 0;
    margin-bottom: 2vw;
    border-radius: 4vw;
    height: 3vw;
    line-height: 3vw;
    text-align: center;
    border: 2px solid #020100;
}
/*
#login_user {
    text-transform: capitalize;
}

#login_pw {
    text-transform: lowercase;
}
*/
.login_msg {
    position: relative;
    width: 40vw;
    margin: 0 26vw 0 26vw;
    text-align: center;
    line-height: 3vw;
}

#login_button,
#register_button {
    margin-top: 2vw;
    display: inline-block;
    position: relative;
    height: 3vw;
    line-height: 3vw;
    width: 19vw;
    text-align: center;
    border-radius: 1.5vw;
    background: #020100;
    color: #fffefd;
    cursor: pointer;
}

#login_button {
    margin-left: 26vw;
}

#register_button {
    margin-left: 2vw;
}

#dividends {
    height: 3vw;
    position: fixed;
    top: -3vw;
    left: 0;
    width: 100vw;
    z-index: 9999999;
}

.dividends {
    height: 3vw;
    line-height: 2.8vw;
    border-bottom-left-radius: 1.5vw;
    border-bottom-right-radius: 1.5vw;
    position: absolute;
    padding: 0 3vw;
    text-align: center;
    z-index: 9999999;
    transition: top 0.3s linear;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translatex(-50%);
}

#change_team_box {
    position: relative;
    margin-top: 3vw;
    width: 100%;
    height: 3vw;
    border-radius: 1.5vw;
    overflow: hidden;
    background: #f8f7f6;
    transition: height 1s ease;
}

#change_team_button {
    position: relative;
    top: 0;
    width: 100%;
    height: 3vw;
    line-height: 3vw;
    border-top-left-radius: 1.5vw;
    border-top-right-radius: 1.5vw;
    text-align: center;
}

#change_team_info {
    width: 100%;
    text-align: center;
    margin-top: 2vw;
}

#change_photo_info {
    width: 100%;
    text-align: center;
    margin-top: 2vw;
    margin-bottom:  -2vw;
}

#change_team_choose_box {
    position: relative;
    padding: 0 4vw;
    gap: 2vw;
    display: -webkit-inline-flex;
    flex-wrap: wrap;
}

.change_team_choose {
    position: relative;
    width: 19.5vw;
    height: 6vw;
    line-height: 6vw;
    border-radius: 3vw;
    text-align: center;
    display: block;
}

#change_photo_box {
    position: relative;
    margin-top: 3vw;
    width: 100%;
    height: 3vw;
    border-radius: 1.5vw;
    overflow: hidden;
    background: #f8f7f6;
    transition: height 1s ease;
}

#change_photo_button {
    position: relative;
    top: 0;
    width: 100%;
    height: 3vw;
    line-height: 3vw;
    border-top-left-radius: 1.5vw;
    border-top-right-radius: 1.5vw;
    text-align: center;
}

#change_photo_choose_box {
    position: relative;
    padding: 0 4vw;
    gap: 4vw;
    display: -webkit-inline-flex;
    flex-wrap: wrap;
}

#change_photo_choose_old_photo,
#change_photo_choose_new_photo {
    position: relative;
    display: -webkit-inline-flex;
    width: 40vw;
    height: 26vw;
    background: #fffefd;
    border-radius: 1.5vw;
}

#change_photo_choose_old_button,
#change_photo_choose_new_button {
    position: relative;
    display: block;
    width: 40vw;
    height: 3vw;
    line-height: 3vw;
    border-radius: 1.5vw;
    text-align: center;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}


.hide {
    display: none !important;
}

.height-zero {
    height: 0vw;
}

.line-height {
    line-height: 3vw;
    height: 3vw;
}

.textoverflow {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.column {
    display: table-column;
}

.row {
    display: flex;
}

.colour1_stroke {
    fill: none;
    stroke-width: 0.5vw;
}

.light_bg {
 background: #d9d8d7;
}

.dark_bg {
 background: #c7c6c5;
}

.white_bg {
 background: #fffefd;
}

.black_bg {
    color: #fffefd !important;
    background: #020100;
    background: #020100 !important;
}

.f8f7f6_bg {
    background: #f8f7f6;
}

.green {
    color: #02CC00;
}

.red {
    color: #CC0100;
}

.link {
    cursor: pointer;
}

.disabled {
    color: #c7c6c5;
    cursor: default !important;
}

.disabled_button {
    background: #e9e8e7 !important;
    color: #c7c6c5 !important;
    cursor: default !important;
}

.disabled_row {
    color: #C7C6C5 !important;
}

.trading_locked {
    cursor: default !important;
    color: #c7c6c5;
}

.lh1 {
    line-height: 3vw;
    height: 3vw;
}

.lh2 {
    line-height: 8vw;
    height: 8vw;
}

.divide_line {
    border-bottom: 2px solid #020100;
    border-bottom: 2px solid #d8d7d6;
    width: 100vw;
    margin: 3vw 0;
    left: -3vw;
    position: relative;
}

.divide_line_inside {
    border-bottom: 2px solid #d8d7d6;
    width: 100vw;
    margin: 0 0 3vw 0;
    left: 0;
    position: relative;
}

@media screen and (max-width: 900px) {

* {border-width: 1px !important;}

.next_match_box {height: calc(13vw + 2px);}

}

@media screen and (max-width: 600px) {

* {
    font-size: 3vw !important;
}

#pseudo_menu_section {
    height: 8vw;
}

.division_box {
    width: 94vw;
}

.division_heading {
    height: 8vw;
    line-height: 8vw;
}

.match_box {
    width: 94vw;
}

#menu_section {
    height: 8vw;
}

.inspect_team_title_box {
    border-top-left-radius: 4vw;
    border-top-right-radius: 4vw;
}

.RadLB {
    border-bottom-left-radius: 4vw;
}
.RadLT {
    border-top-left-radius: 4vw;
}

#inspect_team_schedule_box,
#inspect_team_stats_box,
#inspect_player_stats_box,
#records_champs_box {
    max-height: 48vw;
}

#inspect_team_title_bar, #inspect_player_title_bar, .title_bar {

    border-radius: 4vw;
}

#inspect_team_title_bar,
#inspect_team_name,
#inspect_player_name,
.title_bar_title,
.menu_button,
.team_box,
.team_box_name,
.inspect_team_title_bar,
.title_bar_title,
.back,
.inspect_team_info_box_title,
.inspect_team_info_box_info,
.title_box,
.inspect_team_title_box,
.team_records_champs_row,
.records_player_box_top,
.records_team_box_top,
.team_records_champs_box_top,
.records_player_box_bottom,
.records_team_box_bottom,
.team_records_champs_box_bottom,
.heading,
.cell,
.match_box_name,
.match_box_players_box,
.match_box_score,
#watch_match_title_home,
#watch_match_title_away,
.watch_match_title_score,
#watch_match_title_clock,
#watch_match_display_button,
#watch_match_home_fans,
#watch_match_away_fans,
#watch_match_series_home_score,
#watch_match_series_away_score,
#watch_match_series_status,
#watch_match_close,
.player_body,
.player_number,
.playoffs_team_box,
.playoffs_team_box_name,
.playoffs_team_box_wins,
#login_user,
#login_pw,
.login_msg,
#login_button,
#register_button,
#change_team_button,
#change_photo_button,
#change_photo_choose_old_button,
#change_photo_choose_new_button {
    height: 8vw !important;
    line-height: 8vw !important;
}


}