/*----------------------------------------------------------------------------------|  www.vdm.io  |----/
				mspwebsolution 
/-------------------------------------------------------------------------------------------------------/

	@version		1.0.0
	@build			10th August, 2019
	@created		16th July, 2019
	@package		ranking
	@subpackage		ranking.css
	@author			micheleramazza <https://www.mspwebsolution.it>	
	@copyright		Copyright (C) 2019. All Rights Reserved
	@license		GNU/GPL Version 2 or later - http://www.gnu.org/licenses/gpl-2.0.html
  ____  _____  _____  __  __  __      __       ___  _____  __  __  ____  _____  _  _  ____  _  _  ____ 
 (_  _)(  _  )(  _  )(  \/  )(  )    /__\     / __)(  _  )(  \/  )(  _ \(  _  )( \( )( ___)( \( )(_  _)
.-_)(   )(_)(  )(_)(  )    (  )(__  /(__)\   ( (__  )(_)(  )    (  )___/ )(_)(  )  (  )__)  )  (   )(  
\____) (_____)(_____)(_/\/\_)(____)(__)(__)   \___)(_____)(_/\/\_)(__)  (_____)(_)\_)(____)(_)\_) (__) 

/------------------------------------------------------------------------------------------------------*/

/* CSS Document */


.container_rank {
  display: grid;
  grid-template-columns: [first] 30px [line2] 100px [line3] 3fr [line3] 1fr[end];
  grid-template-rows: [row1-start] 100% [row1-end];
  grid-column-gap: 8px; 
  margin-bottom:5px;

}
.container_rank:not(.header_rank){
	  border:1px solid #eee;
  border-radius:3px;
  padding:5px;
  background-color: #fcfcfc;
}

.container_rank .item {
  align-self: center ;
}
.item.line3 {grid-column: line3}
.header_rank{font-weight: bold;}
.photo_rank{max-width:100px; margin:5px;}
.photo_rank img {max-width: 100%; border-radius: 3px;}