[data-theme="light"] {
	--color-bg: #e9ecf7;
	--color-fg: #000000;
	--header-bg: #1f2937; 
	--header_left-bg: #313a47;
   
   --date_color: #5686d0;
   --date_color-current: #356bbf;
   --date_color-active: #000000;
   
	--header_bar-bg: #FFFFFF;
	--header_bar_border-bg: 1px solid #cbc4cd;
	
	--login-bg: #001f3e; 
	--login_overlay-bg: #001f3e;
	
	
	--login_button-bg: #d5d5d5;
	--login_button-ft: #808080;
	
	--login_button_active-bg: #465dff;
	--login_button_active-ft: #ffffff;
	
	--order_back-ft: #2e3847;
	
	
	--order_background-bg: #FFFFFF;
	--order_background-ft: #000000;
	--order_border: #e9ecf6;
	--order_background_not-bg: red;
	--order_sub-bg: red;
	
	--left_menu-bg: #ffffff; 
	--left_button-ft: #000000;
	--left_button-bg: #ffffff;
	--left_button_border: #c8ced2;  
	--left_button_hover-bg: #f7f7f7;  
	--left_button_hover-ft: #318acb;
	--left_menu_border_header: #262838;
	--left_menu_border:  1px solid #c8ced2;
	--left_detail_border: 1px solid #c8ced2;
   
		--score_overlay_background: white;
		--score_overlay_color: black;
		
	--background-shadow: #f5f8fd; 	
	--background-shadow_border: #b9c2ce; 
	
	--warning-bg: #d3e5f6;
	--warning-ft: #000000;
	--warning_border: 1px solid #aaceef;
	--warning_link-color: #4588d6;
	--stats_bar-bg: #d3e5f6;
	--stats_bar: #4885bf;
	
	--fixture_header_body-bg: #f5f8fc;
	--fixture_body-bg: #FFFFFF;
	--fixture_header_body_hover-bg: #ecf5fb;
	--fixture_body_hover-bg: #ecf5fb;
	--fixture_body_text: grey;
	--fixture_body_border: 1px solid #e9ecf7;
	--fixture_body_border_bottom: 1px solid #e9ecf7;
	
	--fixture_header_color: grey; 
	--fixture_header_color_active: black;
	
	
	--fixture_head_live_bar: 3px solid #e9ecf7;
	--fixture_header_link: #486de8;
	
	--sub_menu_buttom_border: #bfbfbf;

	--sub_header_toggle-bg: #ffffff;
	--sub_header_toggle-ft: #000000;
	--sub_header_toggle_active-bg: #4588d6;
	--sub_header_toggle_active-ft: #ffffff;
	
	--form_red: #c02d2d;
	--form_grey: #a8a8a8;
	--form_green: #1d8c3d;
	
	
	--notification_color: #638de0;
	
	--search-bg: white;
	--search-color: grey;
	--search-border: 1px solid #bfbfbf;

	--live_icon-bg: white;
	--live_icon-color: grey;
	--live_icon-border: 1px solid  #bfbfbf;
	
	--notification-bg: white;
	--notification-color: grey;
	--notification-border: 1px solid #bfbfbf;
	
	--live_active-bg: #3e79e5;
	--live_active-color: white;
	
	--event_header-bg: white;
	--event_header-ft: black;
	--event_header-border: #e9ecf7;

	--event_div-bg: white;
	--event_div-ft: black;
	--event_div-border: #e9ecf7;
	--event_div_hover-bg: #ecf5fb;
	
	--event_div_header-bg: #f8faff;
	--event_div_header-ft: grey;
	
	--disabled_color: #ede7e7;
	--event_notification_color: black;
	--event_notification_color_inactive: yellow;
	
	--notification-events-bg: white;
	--notification-events_hover-bg: #ecf5fb;
	--notification-events-ft: black;
	--notification-events-border: #e9ecf7;
	
	--streak_link_color: #486ade;
	--streak-events-bg: white;
	--streak-events_hover-bg: #ecf5fb;
	--streak-events-ft: black;
	--streak-events-border: #e9ecf7;
	
	--streak_highlight: #2a88c6;
	
	
	
	--streak_events-green: #2b8f53;
	--streak_events-red: #fb023c;
	
	--streak_sub_header_div-ft: black;
	--streak_sub_header_div-bg: white;
	--streak_sub_header_div-border: #e9ecf7;
	
	--streak_sub_header_div_active-ft: white;
	--streak_sub_header_div_active-bg: #4588d6;
	--streak_sub_header_div_active-border: #e9ecf7;
	
	--save_button-bg: white;
	--save_button-ft: grey;
	--save_button-border: #bfbfbf;
	
	--league_manage_row-bg: #ffffff;
	--league_manage_row_hover-bg: #ecf5fb;
	
	--search_bar-bg: #d3e5f6;
	--search_bar-complete: #65a9f9;
}

[data-theme="dark"] {
	--color-bg: #080e13;
	--color-fg: #ffffff;
	
	--header-bg: #080e13; 
	--header_left-bg: #191c24;
  
		--date_color: #5686d0;
	--date_color-current: #356bbf;
	--date_color-active: #ffffff;
	
	--login-bg: #181c1f; 
	--login_overlay-bg: #000000;

	--login_button-bg: #d5d5d5;
	--login_button-ft: #808080;
	
	--login_button_active-bg: #0e4377;
	--login_button_active-ft: #ffffff;

	--order_back-ft: white;
	--order_background_not-bg: #000000;
	--order_background-bg: #091d2e;
	--order_background-ft: #FFFFFF;
	--order_border: #080e13;
	--order_sub-bg: #000000;
	
	--left_menu-bg: #080e13;
	--header_bar-bg: #080e13;
	--header_bar_border-bg: 1px solid #20264b;
	
	--left_button-ft: #FFFFFF;
	--left_button-bg: #080e13;
	--left_button_border: #262838;  
	--left_button_hover-bg: #2c2d36;  
	--left_button_hover-ft: #FFFFFF;
	--left_menu_border_header: #262838;
	--left_detail_border: 1px solid #262838;
   
    --left_menu_border:  1px solid #262838;
	
	--score_overlay_background: #080e13;
	--score_overlay_color: white;
	
	--background-shadow: #32416c; 
	--background-shadow_border: #32416c; 
	
	--stats_bar-bg: #232a3f;
	--stats_bar: #4885bf;
	
	--warning-bg: #465dff;
	--warning-ft: #ffffff;
	--warning_border: 1px solid #465dff;
	--warning_link-color: #000000;
	
	--fixture_header_body-bg: #191c24;
	--fixture_body-bg: #0f151a;
	
	--fixture_header_body_hover-bg: #202533;
	--fixture_body_hover-bg: #202533;
	--fixture_body_text: #eeeeee;
	--fixture_body_border: 1px solid #080e13;
	--fixture_body_border_bottom:  1px solid #080e13;
	--fixture_head_live_bar: 3px solid #e9ecf7;
	--fixture_header_link: #02abed;
	--fixture_header_color: grey; 
	--fixture_header_color_active: #a9baf3;
	
	
	--sub_menu_buttom_border: #25283e;
	
	
	--sub_header_toggle-bg: #0f151a;
	--sub_header_toggle-ft:  #adc0e6;
	--sub_header_toggle_active-bg: #191c24;
	--sub_header_toggle_active-ft: #FFFFFF;
	
	--form_red: #fb023c;
	--form_grey: #a8a8a8;
	--form_green: #2b8f53;
	
	--notification-bg: #1f2227;
	--notification-color: white;
	--notification-border: 1px solid #20264b;
	
	--search-bg: #1f2227;
	--search-color: white;
	--search-border: 1px solid #20264b;
	
	--live_icon-bg: #1f2227;
	--live_icon-color: white;
	--live_icon-border: 1px solid #20264b;
	
	--live_active-bg: #3e79e5;
	--live_active-color: white;
	
	--event_header-bg: #0f151a;
	--event_header-ft: white;
	--event_header-border: #080e13;
	
	--event_div-bg: #0f151a;
	--event_div-ft: white;
	--event_div-border: #080e13;
	--event_div_hover-bg: #202533;
	
	--event_div_header-bg: #191c24;
	--event_div_header-ft: grey;
	
	--disabled_color: #2b2a33;
	--event_notification_color: white;
	--event_notification_color_inactive: yellow;
	
	--notification-events-bg: #0f151a;
	--notification-events_hover-bg: #202533;
	--notification-events-ft: white;
	--notification-events-border: #080e13;
	
	--streak_link_color: #486ade;
	--streak-events-bg: #0f151a;
	--streak-events_hover-bg: #202533;
	--streak-events-ft: white;
	--streak-events-border: #080e13;
	--streak_highlight: #2a88c6;
	
	--streak_sub_header_div-ft: #a8c0e6;
	
	--streak_events-green: #2b8f53;
	--streak_events-red: #fb023c;
	
	
	--streak_sub_header_div-bg: #0f151a;
	--streak_sub_header_div-border: #20264b;
	
	--streak_sub_header_div_active-ft: #ffffff;
	--streak_sub_header_div_active-bg: #1f2227;
	--streak_sub_header_div_active-border: #20264b;
	
	--save_button-bg: #1f2227;
	--save_button-ft: #ffffff;
	--save_button-border: #20264b;
	
	--league_manage_row-bg: #0f151a;
	--league_manage_row_hover-bg: #202533;
	
	--search_bar-bg: #191c24;
	--search_bar-complete: #465dff;
}


.search_data_row
{
	background-color: var(--league_manage_row-bg);
	display: table-row; 
	line-height: 60px; 
	min-height: 90px;
	border-right: 1px solid var(--color-bg);
	font-size: 12px;
}

.search_data_row:hover
{
	background-color: var(--league_manage_row_hover-bg);
}


.league_manage_full_row
{
	background-color: var(--league_manage_row-bg);
}

.league_manage_row
{
	background-color: var(--league_manage_row-bg);
}

.league_manage_row:hover
{
	background-color: var(--league_manage_row_hover-bg);
}


.league_manage_cell
{
	padding-left: 6px;
	border-bottom: 1px solid var(--color-bg);
	border-right: 1px solid var(--color-bg);
}

.order_search
{
	line-height:28px;  
	vertical-align: middle; 
	width: 100px; 
	font-size: 12px; 
	padding-left: 5px;
	border-radius: 5px;
	margin-top: 0px;
	background-color: var(--search-bg);
	color: var(--search-color);
	border: var(--search-border);
}

.reset_order
{
	float: left; 
	background-color:  var(--save_button-bg); 
	color: var(--save_button-ft); 
	border: 1px solid var(--save_button-border);
	margin-left: 8px;
	line-height: 22px;
	border-radius: 5px; 
	overflow: hidden; 
	padding: 5px 10px; 
	font-size: 13px;	
}

.save_button
{
	
	float: left; 
	background-color:  var(--save_button-bg); 
	color: var(--save_button-ft); 
	border: 1px solid var(--save_button-border);
	margin-left: 8px;
	line-height: 22px;
	border-radius: 5px; 
	overflow: hidden; 
	padding: 5px 10px; 
	font-size: 13px;	
}
.sub_header_streak_div_active
{
	background-color: var(--streak_sub_header_div_active-bg);
	color: var(--streak_sub_header_div_active-ft);
	border: 1px solid var(--streak_sub_header_div_active-border);
	margin-left: 8px;
	line-height: 22px;
	border-radius: 5px; 
	overflow: hidden; 
	padding: 5px 10px; 
	font-size: 13px;
}

.sub_header_streak_div
{
	background-color: var(--streak_sub_header_div-bg);
	color: var(--streak_sub_header_div-ft);
	border: 1px solid var(--streak_sub_header_div-border);
	margin-left: 8px;
	line-height: 22px;
	border-radius: 5px; 
	overflow: hidden; 
	padding: 5px 10px; 
	font-size: 13px;
}

.sub_header_streak_div:hover
{
	background-color: var(--streak_sub_header_div_active-bg);
	color: var(--streak_sub_header_div_active-ft);
	border: 1px solid var(--streak_sub_header_div_active-border);
	
}

.text_dec
{

	font-size: 16px;
	color: var(--streak_highlight);
}

.streak_div_icon
{
	display: table-cell;
	width: 50px;
	overflow: hidden;
	color: var(--streak-events-ft);
	border-bottom: 1px solid var(--streak-events-border);
	border-right: 1px solid var(--streak-events-border);
}
.streak_div
{
	display: table-cell;
	
	line-height: 36px;
	color: var(--streak-events-ft);
	border-bottom: 1px solid var(--streak-events-border);
	border-right: 1px solid var(--streak-events-border);
	font-size: 14px;
	padding-left: 6px;
}

.streak_row
{	
	display: table-row;
	width: 100%;
	background-color: var(--streak-events-bg);
}

.streak_row:hover
{
	
	background-color: var(--streak-events_hover-bg);
}

.not_row
{
	background-color: var(--notification-events-bg);
	color: var(--notification-events-ft);
	display: table-row;
	
}
.note_cell
{
	border-bottom: 1px solid var(--notification-events-border);
	border-right: 1px solid var(--notification-events-border);
}
.not_row:hover
{
	background-color: var(--notification-events_hover-bg);
}

.event_notification_active
{
	color: var(--event_notification_color);
	
}
.event_notification_inactive
{
	color: var(--event_notification_color_inactive);
}
.disable_event_notification
{
	color: var(--disabled_color);
}

.event_div_name
{
	display: table-cell; width: 20%; width: 15%; line-height: 30px; font-size: 11px; color: grey;
}

.event_header
{
	width: 100%; overflow: hidden; border-radius: 6px; background-color: var(--event_header-bg); color: var(--event_header-ft);
}
.error_div
{
	font-size: 12px;
	font-weight: bold;
	color: #b63245;
	padding: 3px;
}
#new_main_login_div
{
	border: 1px soild white;
}
#new_forgotpass_div
{
	display: none;
}

#fp_email_input
{
	width: 100%; line-height: 30px; border-radius: 8px;  border: none; background-color: #28496a; color: white; font-weight: bold; padding-left: 6px;
}
#fp_email_input::placeholder 
{
	color: white; font-weight: normal;
}

.submit_button_all
{
	margin: 0 auto; margin-top: 20px; border-radius: 10px; padding: 10px; color: var(--login_button-ft); width: 200px; background-color: var(--login_button-bg); font-weight: bold; cursor: pointer;
}


#user_email_input
{
	width: 100%; line-height: 30px; border-radius: 8px;  border: none; background-color: #2c6093; color: white; font-weight: bold; padding-left: 6px;
}
#user_email_input::placeholder 
{
	color: white; font-weight: normal;
}
#user_email_input:focus 
{
	color: white; font-weight: normal;
}
#user_pass_input
{
	width: 100%; line-height: 30px; border-radius: 8px;  border: none; background-color: #2c6093; color: white; font-weight: bold; padding-left: 6px;
}
#user_pass_input::placeholder 
{
	color: white; font-weight: normal;
}
#user_pass_input:focus 
{
	color: white; font-weight: normal;
}

#reg_email_input
{
	width: 100%; line-height: 30px; border-radius: 8px;  border: none; background-color: #2c6093; color: white; font-weight: bold; padding-left: 6px; 
}
#reg_email_input::placeholder 
{
	color: white; font-weight: normal;
}
#reg_username_input
{
	width: 100%; line-height: 30px; border-radius: 8px;  border: none; background-color: #2c6093; color: white; font-weight: bold; padding-left: 6px;
}
#reg_username_input::placeholder 
{
	color: white; font-weight: normal;
}
#reg_pass_input
{
	width: 100%; line-height: 30px; border-radius: 8px;  border: none; background-color: #2c6093; color: white; font-weight: bold; padding-left: 6px;
}
#reg_pass_input::placeholder 
{
	color: white; font-weight: normal;
}
#reg_pass2_input
{
	width: 100%; line-height: 30px; border-radius: 8px;  border: none; background-color: #2c6093; color: white; font-weight: bold; padding-left: 6px;
}
#reg_pass2_input::placeholder 
{
	color: white; font-weight: normal;
}


#new_register_div
{
	display: none;
}
#new_login_div
{
	width: 400px; height: 100vh; background-color: var(--login-bg); position: fixed; left: -400px; top: 0; z-index: 2980;
}
#new_veri_div
{
	display: none;
}
#back_login
{
	display: none;
	padding: 5px;
}

#login_overlay
{
	display: none; position: fixed; left: 0; top: 0; height: 100vh; width: 100%;  z-index: 2940; background-color: var(--login_overlay-bg); opacity: 0.48;
}
#veri_overlay
{
	position: fixed; left: 0; top: 0; height: 100vh; width: 100%;  z-index: 2940; background-color: #001f3e; opacity: 0.48;
}

#login_div
{
	width: 900px; height: 600px; color: white; position: fixed; left: calc( 50% - 450px ); top: calc( 50% - 300px ); z-index: 2941; oveflow: hidden;
}
.login_data_div
{
	
	width: 400px; height: 100%; float: left; color: white;
}
#main_login_div
{
	width: 500px; height: 100%; float: left; background-color: white;
}
#main_forgotpass_div
{
	width: 500px; height: 100%; float: left; background-color: white; display: none;
}
#main_register_div
{
	width: 500px; height: 100%; float: left; background-color: white; display: none;
}
#main_veri_div
{
	width: 500px; height: 100%; float: left; background-color: white; display: none; color: #2e69da;
}
@media only screen and (max-width: 900px) {
	#new_login_div
	{
		width: 100%; height: 100vh; background-color: #001f3e; position: fixed; left: -100%; top: 0; z-index: 2980;
	}

	#login_div
	{
		width: 90%; height: 600px; color: white; position: fixed; margin: 0 auto; top: calc( 50% - 300px ); left: 0; z-index: 2941; oveflow: hidden;
	}
	#main_login_div
	{
		width: 100%; height: 100%; margin-left: 5%; background-color: white;
	}
	.login_data_div
	{
		display: none;
	}
}


.fixture_data_header
{
	font-size: 10px; 
	color: var(--fixture_header_color); 
	text-align: center; 
	text-transform:capitalize;	
}

.fixture_data_header_active
{
	color: var(--fixture_header_color_active); 
}


.left_details
{
	width: calc( 100% - 50px ); 
	float: left; 
	border-bottom: var(--left_detail_border); 
	line-height: 60px; 
	font-size: 14px; 
	white-space: nowrap; 
	overflow: hidden;
}
.link_warning
{
	font-weight: bold;
	text-decoration: none;
	color: var(--warning_link-color);
}
#search_leagues
{
	line-height: 30px;  
	vertical-align: middle; 
	width: 100px; 
	font-size: 12px; 
	padding-left: 5px;
	
	border-radius: 0px 5px 5px 0px;
	margin-top: 0px;
	background-color: var(--search-bg);
	color: var(--search-color);
	border: var(--search-border);
	border-left: none;
}
#search_leagues:focus {
    outline: none;
}
#search_leagues_info
{
	line-height: 32x;  
	vertical-align: middle; 
	width: 15px; 
	font-size: 12px; 
	padding-left: 5px;
	border-radius: 5px 0px 0px 5px;
	margin-top: 0px;
	background-color: var(--search-bg);
	color: var(--search-color);
	border: var(--search-border);
	border-right: none;
	
}

.live_button
{
	line-height: 32px;  
	float: left; 
	background-color: var(--search-bg);
	color: var(--search-color);
	border: var(--search-border);
	border-radius: 4px;
	margin-left: 10px; 
	font-size: 12px; 
	padding-left: 10px; 
	padding-right: 10px; 
	vertical-align: middle;
	overflow: hidden; 
}
.live_button_active
{
	background-color: var(--live_active-bg);
	color: var(--live_active-color);
}

#notification_button
{
	line-height: 32px;  
	float: left; 
	color: var(--notification-color); 
	background-color: var(--notification-bg); 
	border: var(--notification-border); 
	border-radius: 4px;
	margin-left: 10px; 
	font-size: 14px; 
	padding-left: 5px; 
	padding-right: 10px; 
	vertical-align: middle;
}

.notification_button_active
{
	
}

#notification_bell
{
	
	line-height: 29px; 
	width: 20px; 
	font-size: 12px; 
	float: left; 
	margin-top: 2px;
}

body{
	background-color: var(--color-bg);
	color: var(--color-fg);
	padding: 0px;
	margin: 0px;
	width: calc( 100% - 70px );
	margin-left: 70px;
	z-index: 0;
	-moz-transform: scale(2);
    -moz-transform-origin: 0 0;
}


.sub_header_mobile_toggle
{
	line-height: 33px;  
	color:  var(--sub_header_toggle_active-ft);
	float: right; 
	font-size: 12px;  
	border: 1px solid var(--sub_menu_buttom_border:); 
	border-radius: 4px; 
	background-color: var(--sub_header_toggle_active-bg); 
	padding-left: 10px; 
	padding-right: 10px; 
	margin-left: 5px;
}
.logo_left
{
	
	width: 50px; 
	float: left; 
	line-height: 60px; border-bottom: 1px solid var(--left_button_border);
}

.left_live_bar
{
	border-left: 3px solid var(--fixture_body-bg);
}
.header_team_link
{
	color: var(--fixture_header_link);
}


.header_opacity_2
{
	line-height: 22px; 
	font-size: 8px; 
	background-color: var(--color-bg); 
	border: none;
	opacity: 0.86; 
	color: #e9ecf6; 
	z-index: 150;
}
.header_opacity
{
	line-height: 22px; 
	font-size: 8px; 
	background-color: var(--color-bg);
	overflow: hidden;
	opacity: 0.86;
	color: var(--color-bg);
	z-index: 150;
}
.data_cell
{
	 border-bottom: var(--fixture_body_border_bottom); 
	 border-right: var(--fixture_body_border); 
}
.dark-mode {
  background-color: black;
  color: white;
}

.fixture_body
{
	background-color: var(--fixture_body-bg);  
}


.fixture_header_body
{
	position: relative; 
	line-height: 60px;
	border-right: 1px solid var(--color-bg);
	float: left;
	background-color: var(--fixture_header_body-bg);  
border-bottom: var(--fixture_body_border_bottom); 
}
#report_alert
{
	margin-top: 15px; 
	width: calc( 100% - 22px ); 
	border-radius: 5px; 
	overflow: hidden; 
	padding: 10px; 
	margin-bottom: 12px; 
	color : var(--warning-ft);
	background-color: var(--warning-bg);
	border:  var(--warning_border);
}

#sub_data_bar
{
	width: 100%; 
	display: block;
	border-right: var(--header_bar-bg);
}

#left_menu_body
{
	border-right: var(--left_menu_border);
	width: 100%; 
	height: 100vh; 
	padding-top: 20px;
}

#fixture_offset
{
	margin-top: 0px;
}
#container
{
	padding: 12px;
	z-index: 70;
	margin-top: 80px;	
}
#website_sub_menu
{
	float: right;
}
#mobile_toggle_display
{
	display: none;
}

.event_data
{
	font-size: 13px; 
	color: var(-fixture_body_text);	
}
.date_hover_menu
{
	float: left; 
	line-height: 60px;
	margin-top: 16px;
	margin-bottom: 16px;
	vertical-align: middle;
}
.date_hover_menu:hover
{
	color: white;
	cursor: pointer; 
}

.date_hover_menu_mobile
{
	float: left; 
	line-height: 60px;
}



#logout_button
{
	color: var(--left_button-ft);
	background-color: var(--left_button-bg);
	overflow: hidden;
}
#logout_button:hover
{
	color: var(--left_button_hover-ft);
	background-color: var(--left_button_hover-bg);
	cursor: pointer;
}
#user_icon
{
	color: var(--left_button-ft);
	background-color: var(--left_button-bg);
	overflow: hidden;
}
#login_nav_button
{
	color: var(--left_button-ft);
	background-color: var(--left_button-bg);
	overflow: hidden;
}
#login_nav_button:hover
{
	color: var(--left_button_hover-ft);
	background-color: var(--left_button_hover-bg);
	cursor: pointer;
}

#manage_teams_button
{
	color: var(--left_button-ft);
	background-color: var(--left_button-bg);
	overflow: hidden;
}
#manage_teams_button:hover
{
	color: var(--left_button_hover-ft);
	background-color: var(--left_button_hover-bg);
	cursor: pointer;
}

#update_logos_button
{
	color: var(--left_button-ft);
	background-color: var(--left_button-bg);
	overflow: hidden;
}
#update_logos_button:hover
{
	color: var(--left_button_hover-ft);
	background-color: var(--left_button_hover-bg);
	cursor: pointer;
}

#manage_leagues_button
{
	color: var(--left_button-ft);
	background-color: var(--left_button-bg);
	overflow: hidden;
}
#manage_leagues_button:hover
{
	color: var(--left_button_hover-ft);
	background-color: var(--left_button_hover-bg);
	cursor: pointer;
}

#view_reports_button
{
	color: var(--left_button-ft);
	background-color: var(--left_button-bg);
	overflow: hidden;
	position: relative;
}
#view_reports_button:hover
{
	color: var(--left_button_hover-ft);
	background-color: var(--left_button_hover-bg);
	cursor: pointer;
}

#view_issues_button
{
	color: var(--left_button-ft);
	background-color: var(--left_button-bg);
	overflow: hidden;
}
#view_issues_button:hover
{
	color: var(--left_button_hover-ft);
	background-color: var(--left_button_hover-bg);
	cursor: pointer;
}
#view_updates_button
{
	color: var(--left_button-ft);
	background-color: var(--left_button-bg);
	overflow: hidden;
}
#view_updates_button:hover
{
	color: var(--left_button_hover-ft);
	background-color: var(--left_button_hover-bg);
	cursor: pointer;
}

#streaks_nav_button
{
	color: var(--left_button-ft);
	background-color: var(--left_button-bg);
	overflow: hidden;
}
#streaks_nav_button:hover
{
	color: var(--left_button_hover-ft);
	background-color: var(--left_button_hover-bg);
	cursor: pointer;
}
#league_ordering_nav_button
{
	color: var(--left_button-ft);
	background-color: var(--left_button-bg);
	overflow: hidden;
}
#league_ordering_nav_button:hover
{
	color: var(--left_button_hover-ft);
	background-color: var(--left_button_hover-bg);
	cursor: pointer;
}
#theme_nav_button
{
	color: var(--left_button-ft);
	background-color: var(--left_button-bg);
	overflow: hidden;
}
#theme_nav_button:hover
{
	color: var(--left_button_hover-ft);
	background-color: var(--left_button_hover-bg);
	cursor: pointer;
}
#stats_ordering_nav_button
{
	color: var(--left_button-ft);
	background-color: var(--left_button-bg);
	overflow: hidden;
}
#stats_ordering_nav_button:hover
{
	color: var(--left_button_hover-ft);
	background-color: var(--left_button_hover-bg);
	cursor: pointer;
}

#report_issue_left
{
	color: var(--left_button-ft);
	background-color: var(--left_button-bg);
	overflow: hidden;
}

#report_issue_left:hover
{
	color: var(--left_button_hover-ft);
	background-color: var(--left_button_hover-bg);
	cursor: pointer;
}

#cookie_left
{
	color: var(--left_button-ft);
	background-color: var(--left_button-bg);
	overflow: hidden;
}

#cookie_left:hover
{
	color: var(--left_button_hover-ft);
	background-color: var(--left_button_hover-bg);
	cursor: pointer;
}

#facebook_left
{
	color: var(--left_button-ft);
	background-color: var(--left_button-bg);
	overflow: hidden;
}

#facebook_left:hover
{
	color: var(--left_button_hover-ft);
	background-color: var(--left_button_hover-bg);
	cursor: pointer;
}

#x_left
{
	color: var(--left_button-ft);
	background-color: var(--left_button-bg);
	overflow: hidden;
}



#x_left:hover
{
	color: var(--left_button_hover-ft);
	background-color: var(--left_button_hover-bg);
	cursor: pointer;
}



.toggle_data_view
{
	background-color: var(--sub_header_toggle-bg);
	color: var(--sub_header_toggle-ft);
}

.toggle_data_view_active
{
	background-color: var(--sub_header_toggle_active-bg);
	color: var(--sub_header_toggle_active-ft);
}

.toggle_data_view:hover
{
	background-color: var(--sub_header_toggle_active-bg);
	color: var(--sub_header_toggle_active-ft);
}

#right_nav
{
	z-index: 220;
	width: 280px;
	background-color: #e9ecf6;
	right: -280px;
	height: 100vh;
	position: fixed;
	top: 0px;
	
}
#sub_header
{
	line-height: 30px;
	background-color: var(--header_bar-bg);
	background-image: var(--header_bar-bg); 
	border-bottom: var(--header_bar_border-bg);
	border-top: var(--header_bar_border-bg);
	z-index: 85;
}

#sub_date_bar_mobile
{
	display: none;
}
#sub_date_bar_webpage
{
	float: right;
	line-height: 60px;
	font-weight: bold;
	color: #b8c8e6;
}
#sub_left_close
{
	left: 0px;
	top: 0px;
	position: fixed;
	width: 100%;
	height: 100vh;
	opacity: 0.4;
	background-color: #4a66c3;
	display: none;
	z-index: 99;
}

#sub_right_close
{
	z-index: 101;
	left: 0px;
	top: 0px;
	position: fixed;
	width: 100%;
	height: 100vh;
	opacity: 0.4;
	background-color: #486ade;
	display: none;
	
}

#new_left_menu
{
	width: 70px;
	background-color: var(--left_menu-bg);


	left: 0px;
	height: 100vh;
	position: fixed;
	top: 0px;
	z-index: 100;
}
#top_header_bar
{
	width: calc( 100% - 70px ); 
	position: fixed;
	top: 0;
	left: 70px;
	overflow: hidden;
	background-color: var(--header-bg);
	z-index: 90;
}
#header_icon
{
	width: 0px;
	line-height: 70px;
	float: left;
	overflow: hidden;
}
#header_menu
{
	width: 200px;
	float: left;
	line-height: 70px;
	vertical-align: middle;
}
#left_header_holder
{
	overflow: hidden;
	border-right: var(--left_menu_border_header);
}
#header_icon_left
{
	width: 70px; 
	height: 70px;
	vertical-align: middle;
	text-align: center;
	position: relative;
	float: left;
	background-color: var(--header_left-bg);
}

#header_menu_left
{
	float: left;
	overflow: hidden;
	line-height: 70px;
	vertical-align: middle;
	background-color: var(--header_left-bg);
	width: calc( 100% - 70px );
}
#upper_header_bar
{
	width: 100%;
	overflow: hidden;	
	background-color: var(--header-bg);
}

#header_date_icon
{
	width: 70px; 
	float: right;
	line-height: 70px;
	cursor: pointer;
}

#league_data_select
{
	display: block;
}

#header_right_icon
{
	width: 70px; 
	float: right;
	line-height: 70px;
}
#padding_container
	{
		padding: 0px;
		padding-top: 0px;
		z-index: 70;
		
	}
@media only screen and (max-width: 900px)
{
	
	body
	{
		width: 100%;
		margin-left: 0px;
		padding-top: 34px;
	}
	
	#container
	{
		margin-top: 70px;
		padding: 0px;
		z-index: 70;
	}
	#website_sub_menu
	{
		float: right;
		
	}
	#padding_container
	{
		padding: 12px;
		padding-top: 12px;
		z-index: 70;
		
	}
	
	#fixture_offset
	{
		margin-top: 45px;
	}

	#mobile_toggle_display
	{
		display: block;
	}
	#league_data_select
	{
		display: none;
	}
	#new_left_menu{
		width: 70px;
		left: -71px;
		position: fixed;
		background-color: var(--left_menu-bg);
		top: 0px;
	}
	
	#sub_date_bar_mobile
	{
		display: block;
		width: 100%;
		line-height: 70px;
		background-color: var(--header_bar-bg);
	}
	#sub_date_bar_webpage
	{
		display: none;
	}
	
	#top_header_bar
	{
		background-color: var(--header-bg);
		width: 100%; 
		position: fixed;
		top: 0;
		left: 0px;
		overflow: hidden;
		z-index: 90;
	}
	#header_icon
	{
		width: 70px; 
		line-height: 70px;
		float: left;
		overflow: hidden;
	}
	#header_icon_left
	{
		width: 70px; 
		height: 70px;
		vertical-align: middle;
		text-align: center;
		position: relative;
		float: left;
		background-color: #313a47;
		
	}
	#header_menu
	{
		width: 200px;
		float: left;

	}
}
.rotate{
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.rotate.down{
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

::placeholder {
  color: #68788f;
}
#right_toggle_data
{
	line-height: 31px; 
	float: right; 
	border:  1px solid var(--sub_menu_buttom_border);
	border-left: none; 
	font-size: 12px; 
	padding-left: 10px; 
	padding-right: 10px; 
	border-top-right-radius: 4px;  
	border-bottom-right-radius: 4px; 
	cursor: pointer;
}
#center_toggle_data
{
	line-height: 31px; 
	float: right; 
	border:  1px solid var(--sub_menu_buttom_border);
	border-left: none; 
	font-size: 12px; 
	padding-left: 10px; 
	padding-right: 10px;  
	cursor: pointer;
}

#left_toggle_data
{
	line-height: 31px; 
	float: right; 
	border:  1px solid var(--sub_menu_buttom_border);
	font-size: 12px; 
	padding-left: 10px; 
	padding-right: 10px;  
	cursor: pointer;  
	border-top-left-radius: 4px; 
	border-bottom-left-radius: 4px; 
	margin-left: 5px;
}

.stat_search_left_active
{
	line-height: 31px; 
		float: left;
		border: 1px solid var(--sub_menu_buttom_border); 
		font-size: 12px; 
		width: 50px; 
		border-top-left-radius: 5px; 
		border-bottom-left-radius: 5px;
		background-color: var(--sub_header_toggle_active-bg);
		color: var(--sub_header_toggle_active-ft);
}

.stat_search_left_active:hover
{
	background-color: var(--sub_header_toggle_active-bg);
		color: var(--sub_header_toggle_active-ft);
	cursor: pointer;
}

.stat_search_left
{
	line-height: 31px; 
	float: left;
	border: 1px solid var(--sub_menu_buttom_border); 
	font-size: 12px; 
	width: 50px; 
	border-top-left-radius: 5px; 
	border-bottom-left-radius: 5px;
	background-color: var(--sub_header_toggle-bg);
	color: var(--sub_header_toggle-ft);
}

.stat_search_left:hover
{
	background-color: var(--sub_header_toggle_active-bg);
	color: var(--sub_header_toggle_active-ft);
	cursor: pointer;
}


.stat_search_center
{
	line-height: 31px; 
	float: left;
	border: 1px solid var(--sub_menu_buttom_border); 
	border-left: none;
	font-size: 12px; 
	width: 50px; 
	color: var(--sub_header_toggle-ft);
	background-color: var(--sub_header_toggle-bg);
}

.stat_search_center:hover
{
	background-color: var(--sub_header_toggle_active-bg);
	color: var(--sub_header_toggle_active-ft);
	cursor: pointer;
}


.stat_search_center_active
{
	line-height: 31px; 
	float: left;
	border: 1px solid var(--sub_menu_buttom_border); 
	border-left: none;
	font-size: 12px; 
	width: 50px; 
	background-color: var(--sub_header_toggle_active-bg);
	color: var(--sub_header_toggle_active-ft);
}

.stat_search_center_active:hover
{
	background-color: var(--sub_header_toggle_active-bg);
	color: var(--sub_header_toggle_active-ft);
	cursor: pointer;
}


.stat_search_right_active
{
	line-height: 31px; 
	float: left; 
	border: 1px solid var(--sub_menu_buttom_border); 
	border-left: none;
	font-size: 12px; 
	width: 50px; 
	border-top-right-radius: 5px; 
	border-bottom-right-radius: 5px;
	background-color: var(--sub_header_toggle_active-bg);
	color: var(--sub_header_toggle_active-ft);
}

.stat_search_right_active:hover
{
	background-color: var(--sub_header_toggle_active-bg);
	color: var(--sub_header_toggle_active-ft);
	cursor: pointer;
}

.stat_search_right
{
	line-height: 31px; 
	float: left; 
	border: 1px solid var(--sub_menu_buttom_border); 
	border-left: none;
	font-size: 12px; 
	width: 50px; 
	border-top-right-radius: 5px; 
	border-bottom-right-radius: 5px;
	background-color: var(--sub_header_toggle-bg);	
	color: var(--sub_header_toggle-ft);
}

.stat_search_right:hover
{
		background-color: var(--sub_header_toggle_active-bg);
		color: var(--sub_header_toggle_active-ft);
	cursor: pointer;
}