@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url('/css/Roboto-400.woff2') format('woff2');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url('/css/Roboto-500.woff2') format('woff2');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url('/css/Roboto-700.woff2') format('woff2');
}




a.anchor {
    display: block;
    position: relative;
    top: -65px;
    visibility: hidden;
}

a:link {
	color: #2365C9;
	font-size:  15px;;
	
}
a:visited {
	color: #2365C9;
	font-size:  15px;;
}


body {
	background-color: #236587;
	font-family: 'Roboto',Sans-serif, Verdana;
	font-size:  15px;
	color: #000;
	margin:0px;
	padding:0px;
	text-align: center;
	font-weight:400;
}

h1
{
font-size:  16px;
font-weight:normal;
	
}



h2
{
font-size: 20px;
font-weight:700;	
}

.header{
	font-size: 20px;
font-weight:700;	

}

h3,h4,h5,h6 {
   margin:0px;
   padding:0px;
   font-weight:normal;
}

.divstyletop{
	text-align: left;
	margin:30px auto 0px auto;

width:100%;
	max-width:1020px;
	background-color: #EEEEEE;
		font-size:  16px;
}

.linespacing
{
	line-height:150%;
	padding:12px;
}


.blink_me { 
  animation: blinker 4s linear infinite;
 
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.downloadheader
{
	text-align:center;
	padding-top:10px;
	display:none;
}

.divstyle{
	text-align: left;
width:100%;
	margin:0px auto 0px auto;
	max-width:1020px;
	background-color: #EEEEEE;
		font-size:  16px;
	}
	.paddingclass
	{
		padding:4px;
		
	}
	
	.paddingclassevents
	{
		padding:12px 18px;
		
	}
	
	.leaguebox{
width:100%;
		max-width:489px;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 6px 0px 10px;

	}
	
	.leagueboxright{
width:100%;
		max-width:489px;
	float:right;
	margin:0px 0px 0px 0px;
	padding:0px 8px 0px 6px;

	}
	
	.gameheader{
		 font-family: sans-serif;
font-size:14px;
padding:20px 0px 2px 5px;
	

	}
	
		.todaygamesheader{
	font-size: 20px;
font-weight:700;	
	padding:0px 0px 0px 6px;

	}
	
	.gameborderpadding
	{
		padding-right:35px;
		padding-left:44px;
	}
	.gameborderpaddingtop
	{
		padding-right:35px;
		padding-left:0px;
		
	}
	
	.gameborder{
	width:100%;
	border-radius:10px;
	background-color:#FFF;
	max-width:485px;
		border: 0px solid #FFF;
		
box-shadow:
  0 0.2px 0.3px rgba(0, 0, 0, 0.028),
  0 0.7px 0.9px rgba(0, 0, 0, 0.042),
  0 3px 4px rgba(0, 0, 0, 0.07)
;
	}
	
	.gameborderextrapadding{
		padding:0px 0px 0px 0px;
	}
	
	.gameborderextrapaddingnew{
		padding:10px 0px 2px 0px;
	}
	
	.gameborder:hover{
	width:100%;
	border-radius:10px;
	background-color:#FFF;
	cursor: pointer;
	border: 0px solid #236587;
	}
	
	.events{
	display:none;
	width:100%;
	border-radius:10px;
	background-color:#FFF;
	padding:0px;
	margin:2px 0px 0px 0px;
		max-width:485px;
		font-size:12px;
		line-height:1.5;
  	 font-family: sans-serif;
box-shadow:
  0 0.2px 0.3px rgba(0, 0, 0, 0.028),
  0 0.7px 0.9px rgba(0, 0, 0, 0.042),
  0 3px 4px rgba(0, 0, 0, 0.07)
;
}

.eventsgray
{
		background-color:#FFF;
		border-radius:10px;
		padding:1px  15px;
  	 font-family: sans-serif;

}

	.eventsheader{
	width:100%;
	border-bottom:0px solid #DDD;
	 font-family: Verdana, sans-serif;
font-weight: 400;
	
}
	.goal{
		font-size:12px;
		color:#000;
	}
	
	.timestart{
	 color:#777;
	}
	.minute{
			float:left;
			text-align: right;
			width:35px;
			margin-top:2px;
	margin-left:0px;
	margin-right:9px;
			font-size: 12px;
			overflow: hidden;
  	text-overflow: clip;
  color:#777;
	}
	
	.game{
			text-align: left;
	padding:8px 0px 0px 10px;
	width:75%; 
	float:left;
			font-size: 15px;
  	 font-family: 'Roboto',sans-serif;
 white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight:500;

	}
	
	.gamenew{
			text-align: left;
		padding-bottom:6px;
	max-width:65%; 
	float:left;
			font-size: 15px;
  	 font-family: 'Roboto',sans-serif;
 white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
  

	}
	
	.result{
	text-align: right;
	padding:8px 10px 0px 10px;
	width:15%;
	float:right;
				font-size: 15px;
				   white-space: nowrap;
  	 font-family: 'Roboto',sans-serif;
  font-weight:500;


	}  
	
	.resultnew{
	text-align: right;
	padding-bottom:6px;
	width:45px;
	padding-right:30px;
	float:right;
				font-size: 15px;
				   white-space: nowrap;
  	 font-family: 'Roboto',sans-serif;
 overflow: hidden; 
  text-overflow: clip;
  white-space: nowrap;

	}
	.extra{
	text-align: left;
	padding:2px 8px 8px 10px;
	width:40%;
	float:left;
				font-size:13px;
				   white-space: nowrap;

color:#999;
  	 font-family: 'Roboto',sans-serif;

	}
	.channel{
	text-align: left;
	width:90%;
	padding:0px 8px 0px 10px;
				font-size:11px;
				color:darkgreen;
				   
  	 font-family: 'Roboto',sans-serif;


	}
	.shots{
	text-align: right;
	padding:2px 12px 8px 0px;
	width:40%;
	float:right;
	font-size:13px;
 white-space: nowrap;
 color:#999;

  	 font-family: 'Roboto',sans-serif;

	}
	
	.topnav {
  overflow: hidden;
  background-color: #1A506B;
  position: fixed;
  top: 0;
  width:100%;
  	max-width:1020px;
  	 font-family: Verdana, sans-serif;

    align-items: center;
    
    }

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding:  15px 10px  15px 10px;
  text-decoration: none;
  font-size: 13px;
  
}


.topnav a.active {
  background-color: #1A506B;
  color: white;
    font-size: 17px;
  padding: 12px 12px 5px 12px;
}

.topnav .icon {
  display: none;
}
 
.topnav a.reload {
 display:block;
 float:right;
 margin:0px;
 padding:8px;
 
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

.rotate {
  animation: rotation 2s infinite linear;
}

.topnav a.clock {
 display:block;
 float:right;
 margin:0px;
 padding: 15px 10px 12px 0px;
 font-size:13px;
 color:#CCC;
 
}

.lineupleft{
	float:left;
	width:49%;
	white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
	  	 font-family: sans-serif;
	
}

.lineupright{
	float:right;
	width:49%;
	white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
	  	 font-family: sans-serif;
		
}

.statsleft{
	float:left;
	width:40%;
	white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
	  	 font-family: sans-serif;
	border-bottom:1px solid #DDD;
	padding:3px 0px 3px 0px;
}

.statsright{
	float:right;
	width:60%;
	text-align:right;
	white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
	  	 font-family: sans-serif;
			border-bottom:1px solid #DDD;
	padding:3px 0px 3px 0px;

}

.number{
	display:inline-block;
	width: 15px;
	text-align:right;
	font-family:Courier New;
}



.standing{
	width:100%;
	padding:4px 0px 2px 0px;
	border-radius:5px;
	border-bottom:1px solid #DDD;
}

.changedresult{
	font-weight:500;
	color:#C60000;
	
}

.changedresultend{
	font-weight:500;
	color:#FF6A00;
	
}

.changedresultstart{
	font-weight:500;
	color:#006BB7;
	
}

.changedstatusend{
		font-weight:500;

	color:orange; 
	
}
.changedstatusstart{
		font-weight:500;

	color:blue; 
	
}

.standing0{
	background-color:#F9F9F9;
	
}
.standing0{
	background-color:#F9F9F9;
	
}

.standing1{
	background-color:#F9F9F9;
	
}

.line1{
	border-bottom:1px solid green;
	border-radius:5px 0px 0px 0px;
	
}
.line2{
		border-bottom:1px solid green;
	border-radius:5px 0px 0px 0px;
}

.line3{
		border-bottom:1px solid red;
	border-radius:5px 0px 0px 0px;
}
.line4{
	border-bottom:1px solid red;
	border-radius:5px 0px 0px 0px;
	
}
.standinghead{
	display:inline-block;
	width:100%;
	max-width:120px;
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.standingpoints{
	display:inline-block;
	width:100%;
	max-width:25px;
	text-align:right;
white-space: nowrap;
  overflow: hidden;
}
.standingpointsbold{
	display:inline-block;
	width:100%;
	max-width:20px;
	text-align:right;
	font-weight:bold;
	white-space: nowrap;
	overflow: hidden;
}



.livegameboldclosed{
font-weight:700;
}

.livegamebold{
	font-weight:500;
	color:#333333;
}

.closedgame{
	color:#666;
} 

.closedgameextra{
	color:#888;
}


/*Mobiles and ipAds*/
@media screen and (max-width: 1020px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
  .topnav a.clock {
 display:block;
 float:right;
}
  .topnav a.reload {
 display:block;
 float:right;
}
  
  .game{
  	font-size:16px;
  }
  
  .gamenew{
  	font-size:16px;
  }
	
	.result{
		font-size:16px;
	}
	.resultnew{
		font-size:16px;
	}
	
  .leagueboxright{
float:none;

	padding:0px 0px 0px 0px;

	}
	
	.leaguebox{
float:none;
	padding:0px 0px 0px 0px;

	}
	
.downloadheader
{
	display:block;
}
	

  .topnav.responsive {position: fixed;}
  .topnav.responsive .icon {
    position: fixed;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  
	  .topnav a.clock {
	 display:block;
	 float:right;
	}
	

  
}

/*iPAD pro big*/
@media only screen and (min-width: 1024px) and (orientation: portrait) 
{
	
}


/*iPAD new*/
@media only screen and (min-device-width: 834px) and (max-device-height: 1366px) and (orientation: portrait)
 {
	.leaguebox{
			max-width:402px;

		}
		
		.leagueboxright{
			max-width:402px;


		}
		
		.gameborder{
		
		max-width:402px;
		
	}
	
	.leagueboxright{
float:right;
	padding:0px 4px 0px 4px;

	}
	
	.leaguebox{
float:left;
	padding:0px 4px 0px 6px;

	}
}

/*iPAD small*/
@media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
	.leaguebox{
			max-width:365px;

		}
		
		.leagueboxright{
			max-width:365px;


		}
		
		.gameborder{
		
		max-width:365px;
		
	}
	
	.leagueboxright{
float:right;
	padding:0px 4px 0px 4px;

	}
	
	.leaguebox{
float:left;
	padding:0px 4px 0px 6px;

	}
}



@media (prefers-color-scheme: dark)
{ 
		body {
		background-color: #000;

		color: #D6D6D6;

	    }
	    
	    a:link {
	color: orange;
	font-size:  15px;;
	
}
a:visited {
	color: orange;
	font-size:  15px;;
}

	    
	    .divstyletop{
		
		background-color: #111;

	}


.changedresult{
	font-weight:500;
	color:#00D311;
	
}

.changedresultstart{
	font-weight:500;
	color:#2BAAFF;
	
}



	.divstyle{

		background-color: #111;
		

		}
		.result{
			color: #D6D6D6;
				font-weight:500;

		}
		.resultnew{
			color: #A6A6A6;

		}
		
		.game{
				font-weight:500;

		}

.gamenew{
				font-weight:500;

		}
		
		.livegameboldclosed{
font-weight:700;
}
		
		.livegamelost{
				font-weight:normal;

		}
		
		
		.minute{
			color:#777;
		}
		
		.gameborder{

		background-color:#202020;

			border: 0px solid #202020;
			
		

		}
		
		.gameborder:hover{

		background-color:#202020;
		border: 0px solid #202020;
		}
		
		.events{
		background-color:#202020;
				color:#BBB;


	}

	.eventsgray
	{
			background-color:#202020;
		

	}
	
		.goal{
		font-size:13px;
		color:#EEE;
	}

	.livegamebold{
		font-weight:bold;
		color:#C6C6C6;
	}

.extra{
		
	color:#888;
	 	}
	 	
.channel{
		color:#587A49;
		}
		.shots{
	 color:#888;
		}
		
	.closedgame{
		color:#888;
	}
	
 .closedgameextra{
		color:#888;
	}
		
		
	
	
		
		.topnav {
	    background-color: #222;
	     }

	.topnav a {
	  color: #f2f2f2;
	  font-size:13px;
	}


	.topnav a.active {
	  background-color: #222;
	  color: #C6C6C6;
	}


	.standing{
		width:100%;
		padding:4px 0px 2px 0px;
		border-radius:5px;
		border-bottom:1px solid #333;
	}

	.standing0{
		background-color:#222;
		
	}

	.standing1{
		background-color:#222;
		
	}

		.gameheader{
			  color: #999;

		}
		
		.statsleft{
		border-bottom:1px solid #555;
}

.statsright{
		border-bottom:1px solid #555;

}

}