#player_avatar { float:left; margin-right:14px; }
.player_avatar__img { border-radius: 3px }
#player_menu { float: right; width: 210px; }
#player_menu div { margin-bottom: 7px; }
#player_menu h3 { margin-top: 0; padding-top: 0;} 
.sendToLink { background:url(../img/icons/msgTo.png); background-position:top left; background-repeat:no-repeat; height: 24px; padding-left: 30px; vertical-align: middle; display: block }
.sendToLink:hover { background:url(../img/icons/msgTo.png); background-position:bottom left; background-repeat:no-repeat; }

.player_details i.fa { font-size:1.4em;}
.ranking_div_container{    display: flex;
  flex-wrap: wrap;}
.ranking_div_map { margin-bottom:48px; display: block; flex-basis: 50%; max-width: 100%;}
.ranking_div_map a { color: #333; }
.ranking_div_map a:hover { color: #000; }
.rankmeseD { border-bottom:1px solid #CCC;  }
.ranking_div_in {border-bottom:1px solid #eee; padding-bottom:2em; }
.ranking_div_data { min-width: 220px; float:right;
  background: #f9f9f9;
  padding: 1em;
  border-bottom: 1px solid #eee;
}
.map_img { float:right; }
.map_img img {border-radius:6px; }
.ranking_div_mese { overflow-x: auto; }
table.ranking { background:#F9F9F9; border:1px solid #eee; }
table.ranking th { padding:6px; }
table.ranking th.right { text-align: right; }
table.ranking td { background:#FFFFFF; padding:6px; }

table.ranking .ranking_me td { background: #F9F9F9; }
table.ranking .ranking_me,
table.ranking .ranking_me td a { color: #E91E63 }


.hof_div { margin:.6em; text-align:center; padding:12px; font-size:small; color:#999999; }
#player_dati { color: #222; }
.bacheca_cont {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-height: 396px;
  overflow-y: auto;
}
.bacheca_container h2 {
  text-align: center;
  text-transform: uppercase;
}
.player {
  display: flex;
  justify-content: space-between;
}
.player__side--left {
  flex-basis: 64%;
  
}
.player__side--right {
  flex-basis: 32%;
  text-align: right;
  font-size: 0.9em; 
  min-width: 200px;
  margin-top: 1em;
}
.player__side--right a { color: #666; text-decoration: none;}
.player__side--right a:hover { color: #222; text-decoration: underline;}

#player_left table.ranking { font-size:1.2em}

.player-right__box {
  padding: 1em;
  background: #f9f9f9;
  /*border-bottom: 1px solid #eee;
  border-radius: 3px;*/
  margin-bottom: 1.5em;
}
.player-right__box h2:first-child,
.player-right__box h3:first-child {
  margin-top: 0;
  padding-top: 0;
}


.hof_icon { margin-top:14px; font-size: large; font-weight: bold; float: right; text-align: center; margin-left: 28px; }
.hof_icon img { vertical-align: middle; }
.hof_icon a { color: #333;  text-decoration: none;}
.hof_icon a:hover { color: #000; text-decoration: underline; }

.player_otherstuff { font-size: 0.9em; color: #777;}
.pref_color { display: inline-block; width: 12px; height: 12px; border-radius:8px; line-height: 12px; }
.player_quote { font-style: italic; background:#F9F9F9; border-radius:.5em}

.othermonths { padding:.8em;margin-top:14px; padding-right: 3em;}
.othermonths__item { display: inline-block; background: #f0f0f0; padding: 7px 14px; margin-right: .5em; margin-bottom: 1em; border-radius: 4px; }
.othermonths__item:last-child {margin-right:0}

i.myfa-torneo {color: #F4D2C6}
i.myfa-pl {color:#999}


i.ignore0 { color: #d9534f; }

.player-games-list {
  list-style:none;
  padding: 0;
}
.player-games-list__item {
  border-bottom: 1px solid #eee;
  padding: .5em 0;
}

.graph {
  padding: 3px 3px 0 3px;
  white-space: nowrap;
}
.graph__bar {
	width: 18px;
	margin: 1px;
	display: inline-block;
	position: relative;
	background-color: #aeaeae;
	vertical-align: baseline;
}
.graph__bar:hover {
  filter: brightness(120%);
}
.graph__bar--liv4 {
  background-color: #ad1457;
}
.graph__bar--liv3 {
  background-color: #d81b60;
}
.graph__bar--liv2 {
  background-color: #ec407a;
}
.graph__bar--liv1 {
  background-color: #f26d9a;
}

.graph__bar__inner {
  position: absolute;
  bottom: -17px;
  left: 0;
  width: 100%;
  text-align: center;
  color: #777;/*#FCE4EC;*/
  font-size: 11px;
}
.graph__bar__icon {
  position: absolute;
  top: -20px;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 14px;
}
.graph__bar__icon--pos-1 {
  color: #ffc107;
}
.graph__bar__icon--pos-2 {
  color: #b8b8b8;
}
.graph__bar__icon--pos-3 {
  color: #989933;
}

.player-ranking {
  display: flex;
  flex-wrap: wrap;
}
.player-ranking__box {
  text-align: center;
  flex-grow: 1;
  flex-basis: 50%;
  padding: 1em .5em;
  border-bottom: 1px solid #eee;
  box-sizing: border-box;
  margin: 1em 0;
}
.player-ranking__ranking {
  font-size: 2em;
  font-weight: bold;
  padding-bottom: 1em;
}
.player-ranking__list {
  background: #f9f9f9;
  padding: 1em;
}
.player-ranking__list__row {
  display: flex;
}
.player-ranking__list__item {
  text-align: center;
  flex-grow: 1;
}

.player-buddy-item {
  display: inline-block;
  margin: .3em;
}
.player-buddy-item a {
  display: block;
  padding: .2em .4em;
  background: #e9e9e9;
  border: 1px solid #eee;
  border-radius: 3px;
}
.player-buddy-item a:hover {
  border-color: #999;
  text-decoration: none;
}

@media screen and (max-width: 959px) {
  .player {
    flex-direction: column;
  }

  .latest-games-container{
    max-height: 420px;
    overflow-y: auto;
  }

}
@media screen and (max-width: 767px) {
  #player_left { float: none;  }
  #player_right { float: none;  text-align: left; } 
  .ranking_div_mese { float: none; }
  #player_menu {
    float: none;
  }
  .ranking_div_data {
    min-width: 0;
    float: none;
  }
  .player_details {
    text-align: center;
  }
}              
    
@media screen and (max-width: 479px) {
 table.ranking th, table.ranking td img.icon { display:none;}
 .ranking_div_in { padding:.2em; }
 .hof_div span { display:none}
 #player_left h2 {
   font-size: 1.2em;
 }
  .map_img {
    float: none;
    text-align: center;
  }
  .player_details {
    clear: both;
  }
}