.tubr-head {
text-align: right;
margin:10px 0;
}
.tubr-head p,
.tubr-head select,
.tubr-content.block .tubr-user-rating p, 
.tubr-content.block .tubr-user-rating div {
display:inline-block;
}
.tubr .tubr-nav {
display: flex;
justify-content: center;
align-items: center;
}
.tubr .tubr-nav > div {
margin: 5px;
}
.tubr .tubr-nav input {
max-width: 36px;
padding: 1px 3px;
text-align: center;
}
.tubr .tubr-nav .nav:hover {
cursor: pointer;
} .tubr-content {
position: relative;
}
.tubr-content .load {
position:absolute;
width:100%;
height:100%;
background:rgba(0, 0, 0, 0.59);
z-index:99;
}
.tubr-content.block {
text-align:center;
}
.tubr-content.block .tubr-user {
display:inline-block;
width:128px;
margin:15px;
vertical-align: top;
}
.tubr-content.block .tubr-user-avatar {
position:relative;
}
.tubr-content.block .tubr-user-position {
position: absolute;
top: 5px;
left: 5px;
color: #ffffff;
font-weight: bold;
text-shadow: 1px 1px 5px black, 0 0 5px black;
font-size: 18px;
}
.tubr-content.block .tubr-user-name {
margin: 10px 0;
}
.tubr-content.block .tubr-user-rating p {
margin-right:5px;
} .tubr-content.list {
max-width:500px;
margin:auto;
text-align:center;	
}
.tubr-content.list .tubr-user-position,
.tubr-content.list .tubr-user-name,
.tubr-content.list .tubr-user-rating {
display: inline-block;
}
.tubr-content.list .tubr-user-position {
width: 50px;
}
.tubr-content.list .tubr-user-name {
width:200px;
}
.tubr-content.list .tubr-user-rating  {
width:125px;
}
.tubr-content.list .tubr-user {
margin:10px 0;
} .tubr-content.mini {
padding:5px;
text-align:center;
border: 1px solid gainsboro;
background: #fbfbfc;
}
.tubr-content.mini .tubr-user-title {
margin: 5px 0;
padding: 5px 0;
border-bottom: 1px solid #949494;
}
.tubr-content.mini .tubr-user-position,
.tubr-content.mini .tubr-user-name,
.tubr-content.mini .tubr-user-rating {
display: inline-block;
vertical-align:top;
}
.tubr-content.mini .tubr-user-position {
width: 25%;
}
.tubr-content.mini .tubr-user-name {
width:35%;
text-align:left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.tubr-content.mini .tubr-user-rating  {
width:35%;
}
.tubr-content.mini .tubr-user {
padding:5px 0;
}
.tubr-content.mini .tubr-user.position-1 {
background: #9ff7a2;
}
.tubr-content.mini .tubr-user.position-2 {
background: #c1f7c3;
}
.tubr-content.mini .tubr-user.position-3 {
background: #e2f3e3;
} .tubr-content.list2 {
text-align: center;
}
.tubr-content.list2 .tubr-user-position,
.tubr-content.list2 .tubr-user-name,
.tubr-content.list2 .tubr-user-rating {
display: inline-block;
}
.tubr-content.list2 .tubr-user-position {
width: 50px;
}
.tubr-content.list2 .tubr-user-name {
width:200px;
}
.tubr-content.list2 .tubr-user-rating  {
width: calc(50% - 250px);
min-width: 100px;
}
.tubr-content.list2 .tubr-user {
margin:10px 0;
}
.tubr-content.list2 .tubr-user .tubr-user-rating {
width: calc(50% - 250px);
min-width: 100px;
background: #f7f2f2;
border: 1px solid #bfbfbf;
}
.tubr-content.list2 .tubr-user .tubr-user-rating .tubr-user-value {
text-align: center;
position: relative;
z-index: 0;
color: #383838;
text-shadow: 1px 1px 2px #ffffff;
font-size: 13px;
font-weight: bold;
}
.tubr-content.list2 .tubr-user .tubr-user-rating .tubr-user-value div {
height:100%;
z-index: -1;
position: absolute;
transition: all 2s;
background: #b4e391; background: -moz-linear-gradient(top, #b4e391 0%, #61c419 50%, #39ad22 100%); background: -webkit-linear-gradient(top, #b4e391 0%,#61c419 50%,#39ad22 100%); background: linear-gradient(to bottom, #b4e391 0%,#61c419 50%,#39ad22 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#39ad22',GradientType=0 ); }