/* LADDER */

.ladder-userInfo-rowTable {
 	table-layout: fixed;
}

.ladder-user-rankTd {
	width: 32px;
	text-align: right;
	padding-right: 1%;
}

.item-user-rank{
	font-size: 2em;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.ladder-user-trombiTd {
	width: 12%;
}

.ladder-user-trombiTd-index {
	width: 20%;
}

.ladder-user-infoTd{
	width: 46%;
}

.ladder-user-agencyTd {
	width: 34%;
}


.ladder-user-scoreTd{
	padding-left: 10px;
	vertical-align: middle;
}

.ladder-user-scoreP{
	display: inline;
	font-size: 2em;
}

.item.ladder-user-infos {
}

.ladder-user-rowTable {
	table-layout: fixed;
	margin-bottom: 5px;
}

.ladder-td-infos {
	width: 50%;
}

.ladder-td-rankBar {
	width: 50%;
}

.ladder-index-td-rankBar {
	width: 78%;
}

.ladder-rankBar-rowTable {
	table-layout: fixed;
}

.ladder-userName-a {
	display:block;
	font-weight: 500;
	margin-bottom: 3px;
}

.ladder-userFunction-a {
	font-size: 0.9em;
}

.ladder-userAgence-a {
	color: #6000FF;
	padding-top: 11px;
}

.ladder-component {
	padding: 0 10px 0px 0px;
}

/* PODIUM */

#podium-box {
  margin: 0 auto;
  width: 75%;
  display: flex;
}

#podium-box .col-lg-4 {
	padding: 0 3px;
}

.step-container {
  	flex: 1;
	display: flex;
  	flex-direction: column;
}

.step-container>div:first-child {
  margin-top: auto;
  text-align: center;
}

.ladder-podium{
	padding: 5px 12% 5px 12%;
	display: flex;
	align-items: flex-end;
	width: 100%;
	justify-content: center;
}

/** PODIUM SCORE **/
#ladder-podium-score {
	text-align: center;
}

.scoreNum-text{
	font-size: 2em;
	font-weight: bold;
}

.scorePts-text{
	font-size: 1em;
}

/** PODIUM TROMBI **/
#ladder-podium-trombi{
	margin: 0 auto;
    width: 85%;
}

#ladder-podium-trombi .item {
position: relative;
    width: 100%;
    display: inline-block;
}

.ladder-podium-photo {
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    float: left;
    border-radius: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;}

/** PODIUM NAME **/
.ladder-podium-lastName{
	text-align: center;
	margin: 0;
	font-size: 0.8em;
}

.ladder-podium-firstName{
	text-align: center;
	margin: 0;
	font-size: 0.8em;
}

/** PODIUM BARRE **/
#ladder-podium-barre{
	animation-iteration-count: 1;
    animation-duration: 2s;
    display: revert;
}

.ladder-podium-rankNumberP{
	text-align: center;
	font-size: 5em;
	font-weight: bolder;
	-webkit-text-stroke: 0.1px #efefef;
}

.first-fixed-barre {
	height: 190px;
}
.first-barre {
	animation-name: first-progression;
	height: 190px;
	background:#FFBC2C;
}
.first-rank-number{
	padding-top: 100px;
}
@keyframes first-progression {
  from { height: 0px; }
  to { height: 190px; }
}

.second-fixed-barre {
	height: 140px;
}
.second-barre {
	animation-name: second-progression;
	height: 140px;
	background:#FF257D;
}
.second-rank-number{
	padding-top: 50px;
}
@keyframes second-progression {
  from { height: 0px; }
  to { height: 140px; }
}

.third-fixed-barre {
	height: 90px;
}
.third-barre {
	animation-name: third-progression;
	height: 90px;
	background:#6000FF;
}
.third-rank-number{
	padding-top: 0;
}
@keyframes third-progression {
  from { height: 0px; }
  to { height: 90px; }
}