@media screen and (min-width:901px) {
	#report {
		width:365px;
	}
	#sig,
	#time {
		left:365px;
	}
			#reportList .row ,
			#boatcard .identity  {
				background:none;
				padding-left:123px;
				border:0px;
			}
			#reportList .row:nth-child(even)  {
				background-color:#3C5ABC;
			}
			#boatcard .identity  {
				background-color:#293D82;
			}
					#reportList .row .identity {
					}
					#boatcard .identity {
						position:relative;
						height:80px;
					}
					#reportList .row .identity .names>p:nth-child(1),
					#boatcard .identity .names>p:nth-child(1) {
						padding-top:6px;
						line-height:22px;
					}
					#reportList .rank,
					#boatcard .rank {
						left:0;
						top:50%;
						transform:translateY(-50%);
						font-size:35px;
						font-weight:bold;
						text-align:center;
					}
					#reportList .rank.eq .progress::after, 
					#reportList .rank.up .progress::after, 
					#reportList .rank.down .progress::after,
					#boatcard .rank.eq .progress::after, 
					#boatcard .rank.up .progress::after, 
					#boatcard .rank.down .progress::after {
						top:0;
						right:-320px;
						font-size:20px;
						opacity:1 !important;
					}
					
					#reportList .photo,
					#boatcard .identity .photo {
						position:absolute;
						display:block;
						top:10px;
						left:45px;
						width:65px;
						height:65px;
						border-radius:50%;
						background-color:transparent !important;
						border:2px solid #FFFFFF;
						box-sizing:border-box;
					}
					#reportList .row .infos {
					}
					#reportList .row.on .photo {
						border-color:#222F5A;
					}

	#reportList .row {
		height:85px;
	}
	#reportList .row#line140 {
		height:110px;
		padding-left:140px;
	}
	#reportList .row#line140 .names>p:nth-child(1),
	#reportList .row#line140 .names>p:nth-child(2)	{
	}
	#reportList .row#line140 .names>p:nth-child(1)	{
		padding-top:20px;
		font-size:22px;
		font-weight:bold;
	}
	#reportList .row#line140 .names>p:nth-child(2)	{
		font-style:italic;
		font-size:19px;
		font-weight:normal;
	}
	
	#reportList .row#line140 .photo .img>img {
		height:75px;
		width:75px;
	}
	#reportList .row#line140 .photo {
		top:50%;
		width:85px;
		height:85px;
		transform:translateY(-50%);
	}
	#credits {
		color:#080C3B;
		
	}
	#credits a+a {
		display:none;
		
	}
	
	#boatcard .rank {
		left:0;
		top:33px;
		transform:none;
	}
	
}


@media screen and (max-width:900px) {
	#reportList .row {
		border-bottom:1px solid rgba(255,255,255,0.1);
	}
	#reportList .photo .img>img {
		top:2px;
		left:2px;
		height:48px;
		width:48px;
	}
	#reportList .photo {
		top:3px;
		position:absolute;
		display:block;
		width:56px;
		height:56px;
		border-radius:50%;
		background-color:transparent !important;
		border:2px solid #FFFFFF;
		box-sizing:border-box;
	}
	#reportList .row.on .photo {
		border-color:#222F5A;
	}
	
}