#toggle_live
{
	margin-left: 0px;
}


#follower {
      position: absolute;
      width: 40px;
      height: 40px;
      background: red;
      pointer-events: none; /* prevents blocking mouse events */
    }
	
	
	
.row_td
{
	transition: 0.1s;
}

.row_hover
{
	opacity: 1;
}
.row_hover:hover
{
	background-color: pink;
}
.light_header
{
	background-color: #fbfaff;
	transition: 0.1s;
}
.dark_header
{
	background-color: #232825;
	transition: 0.1s;
}
.synchronized-scroll-light
{

	overflow-x: overlay;
	overflow-y: hidden;

	scrollbar-color: #fafcff #fafcff;
	scrollbar-width: thin;
}
.synchronized-scroll-light:hover
{
	overflow-x: overlay;
	overflow-y: hidden;

	scrollbar-color: #cfcfcf  #fafcff ;
}


.synchronized-scroll-dark
{

	overflow-x: overlay;
	overflow-y: hidden;

	scrollbar-color: #313533 #313533;
	scrollbar-width: thin;
}
.synchronized-scroll-dark:hover
{
	overflow-x: overlay;
	overflow-y: hidden;

	scrollbar-color: #1d2122  #313533 ;
}


.redBorder
{
	border: 1px solid red;
	 transition: opacity 500 ease-in-out;
}


	#registration_screen
	{
		width: 100%;  height: 100vh; display: none; opacity: 1; position: fixed; top: 0; left: 0; z-index: 1159;
		
	}
	#login_screen
	{
		width: 100%;  height: 100vh; display: none; opacity: 1;  position: fixed; top: 0; left: 0; z-index: 1159;
		
	}
	#forgot_password_screen
	{
		width: 100%;  height: 100vh; display: none; opacity: 1;  position: fixed; top: 0; left: 0; z-index: 1159;
	}
	#new_password_screen
	{
		width: 100%;  height: 100vh; display: block; opacity: 1;  position: fixed; top: 0; left: 0; z-index: 1159;
	}

@media (min-width: 576px) {

#toggle_live
{
	margin-left: 68px;
}

	

	#registration_screen
	{
		width: 500px; height: 100vh; display: none; opacity: 1; position: fixed; top: 0; left: 0; z-index: 1159;
	}
	#login_screen
	{
		width: 500px; height: 100vh; display: none; opacity: 1;  position: fixed; top: 0; left: 0; z-index: 1159;
	}
	#forgot_password_screen
	{
		width: 500px; height: 100vh; display: none; opacity: 1;  position: fixed; top: 0; left: 0; z-index: 1159;
	}
	#new_password_screen
	{
		width: 500px; height: 100vh; display: block; opacity: 1;  position: fixed; top: 0; left: 0; z-index: 1159;
	}

}

#clickable_overlay
{
	width: 100%; height: 100vh; display: block; opacity: 0.2; display: none;  background-color: black; position: fixed; top: 0; left: 0; z-index: 1159;
}

#cookie_warning
{
	width: 400px;
	height: 200px;
	bottom: 5px;
	right: 5px;
	position: fixed;
	z-index: 1999;
}

.list-group
{
	
}
#shared-lists
{
	height: 700px;
	overflow-y: scroll;
	overflow-x: hidden;
}

#league_table table {
  border-spacing: 0;
}

#league_table thead {
}

#league_table tbody {
  font-size: 11px;
}

#league_table th, td {
	width: 240px;
	max-width: 240px;
	min-width: 120px;
	white-space: nowrap;
	text-align: center;
  
}


#league_table tr.sticky {
position: sticky;
top: 0;
z-index: 1;
}


#league_table th.sticky,
td.sticky {
	width: 240px;
	max-width: 240px;
	max-width: 240px;
	position: sticky;
	left: 0;
}

.fixture_bar
{
	padding: 8px; 
	padding-bottom: 2px;
}

.light_fixture_bar
{
	border-top: 1px solid #e9e9ef;  
	border-bottom: 1px solid #e9e9ef;
	 transition: 0.2s;
}


.all_light
{
	background-color: #fbfaff;
	border: 1px solid #e9e9ef;  
	border-radius: 5px 0px 0px 5px;
	width: 50px;
	padding: 4px; 
	text-align: center;
	color: grey;
	font-size: 11px;
	line-height: 22px;
	display: inline-block;
	margin-right: -4px;
	transition: 0.2s;
	cursor: pointer;
}

.ha_light
{
	background-color: #fbfaff;
	border: 1px solid #e9e9ef;  
	border-radius:  0px 5px 5px 0px;
	width: 80px;
	padding: 4px; 
	text-align: center;
	color: grey;
	font-size: 11px;
	line-height: 22px;
	display: inline-block;
	margin: 0px;
	transition: 0.2s;
	cursor: pointer;
	
}


.overall_light
{
	background-color: #fbfaff;
	border: 1px solid #e9e9ef;  
	border-radius: 5px 0px 0px 5px;
	width: 50px;
	padding: 4px; 
	text-align: center;
	color: grey;
	font-size: 11px;
	line-height: 22px;
	display: inline-block;
	margin-right: -4px;
	transition: 0.2s;
	cursor: pointer;
	
}
.league_light
{
	background-color: #fbfaff;
	border: 1px solid #e9e9ef;  
	width: 50px;
	padding: 4px; 
	text-align: center;
	color: grey;
	font-size: 11px;
	line-height: 22px;
	display: inline-block;
	margin-right: -3px;
	transition: 0.2s;
	cursor: pointer;
}
.last_light
{
	background-color: #fbfaff;
	border: 1px solid #e9e9ef;  
	border-radius:  0px 5px 5px 0px;
	width: 50px;
	padding: 4px; 
	text-align: center;
	color: grey;
	font-size: 11px;
	line-height: 22px;
	display: inline-block;
	margin: 0px;
	transition: 0.2s;
	cursor: pointer;
	
}
.position_active
{
	background-color: #5156be;
	color: white;
}

.overall_light:hover, .league_light:hover, .last_light:hover, .overall_dark:hover, .league_dark:hover, .last_dark:hover, .all_light:hover, .all_dark:hover, .ha_light:hover, .ha_dark:hover
{
	background-color: #5156be;
	color: white;
}

.view_active
{
	background-color: #5156be;
	color: white;
}