/*
██████╗  █████╗ ███╗   ██╗██╗  ██╗              ██╗     ██╗███████╗████████╗
██╔══██╗██╔══██╗████╗  ██║██║ ██╔╝              ██║     ██║██╔════╝╚══██╔══╝
██████╔╝███████║██╔██╗ ██║█████╔╝     █████╗    ██║     ██║███████╗   ██║   
██╔══██╗██╔══██║██║╚██╗██║██╔═██╗     ╚════╝    ██║     ██║╚════██║   ██║   
██║  ██║██║  ██║██║ ╚████║██║  ██╗              ███████╗██║███████║   ██║   
╚═╝  ╚═╝╚═╝  ╚═╝╚═╝  ╚═══╝╚═╝  ╚═╝              ╚══════╝╚═╝╚══════╝   ╚═╝   
                                                                            
*/

a{
	text-decoration: inherit;
}

.offcanvas-body{
	/*background: #552489;*/
	margin-top: 0px;
	border-radius: 9px;
	/*border: 5px solid #552489;*/
	padding: 12px 1.5rem 1.5rem 1rem;
}

.list-top-rank{
	position: relative;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 0px;
	padding-left: -10px;
	height: 60px;	
	background-color: gray;
  	background-image: linear-gradient(315deg, #ffffff 0%, #f1f1f1 74%);
	border-radius: 30px;
	/*border: 5px solid #9EA8B2;*/
}

.list-top-rank .img-avt{
	margin-top: 7px;
	top: 0px;
	margin-left: -1px;
  	width: 40px;
  	height: 40px;
  	z-index: 999;
  	border-radius: 30px;
}

.list-top-rank .img-avt-fr{
	position: absolute;
	top: -1.1rem;
	left: -1.3rem;
	height: 82px;
	width: 82px;
    border-radius: 30px;
    padding: 0px;
    z-index: 9999;
}

.list-top-rank .img-rank-fr{
	position: absolute;
	top: -13px;
	right: 0px;
	padding-top: 15px;
	height: 60px;
	width: 60px;
    border-radius: 30px;
    padding: 0px;
    z-index: 9999;
}
.list-top-rank .img-rank-fr p{
	display: inline-block;
	background: none;
	padding-right: 10px;
	/*padding-top: 1px;*/
	font-family: 'SourceSansPro' ,sans-serif;
	font-weight: 600;
	font-size: 18px;
	color: #ffffff;
	text-shadow: 0 0 0.05em #fff, 0 0 0.2em #A1AEB7, 0 0 0.3em #A1AEB7;
}

.fr-top10{
	background-image: url("../../../media/img/icon/frame_avt/2048Game/fr01.png");
    background-size: 82px 82px;
}
.name-top10 {
  text-shadow: 0 0 0.1em #fff, 0 0 0.2em #f7f, 0 0 0.3em #fff, 0 0 0.4em #f7f,0 0 0.6em #f0f, 0 0 0.8em #f0f, 0 0 1.0em #f0f, 0 0 1.2em #f0f;
  color: #1E2127;
}
.rank-top10 {
  background-image: url("../../../media/img/icon/frame_avt/2048Game/rank1.png");
    background-size: 60px 60px;
}

.fr-top30{
	background-image: url("../../../media/img/icon/frame_avt/2048Game/fr02.png");
    background-size: 82px 82px;
}
.name-top30 {
  text-shadow: 0 0 0.1em #fff, 0 0 0.2em #B3DEDC, 0 0 0.3em #fff, 0 0 0.4em #B3DEDC,0 0 0.6em #6A93D3, 0 0 0.8em #6A93D3, 0 0 1.0em #6A93D3, 0 0 1.2em #6A93D3;
  color: #1E2127;
}
.rank-top30 {
  background-image: url("../../../media/img/icon/frame_avt/2048Game/rank2.png");
    background-size: 60px 60px;
}

.fr-top50{
	background-image: url("../../../media/img/icon/frame_avt/2048Game/fr03.png");
    background-size: 82px 82px;
}
.name-top50 {
  text-shadow: 0 0 0.1em #fff, 0 0 0.2em #FAF347, 0 0 0.3em #fff, 0 0 0.4em #FAF347,0 0 0.6em #F2AD00, 0 0 0.8em #F2AD00, 0 0 1.0em #F2AD00, 0 0 1.2em #F2AD00;
  color: #1E2127;
}
.rank-top50 {
  background-image: url("../../../media/img/icon/frame_avt/2048Game/rank3.png");
    background-size: 60px 60px;
}

.fr-top100{
	background-image: url("../../../media/img/icon/frame_avt/2048Game/fr04.png");
    background-size: 82px 82px;
}
.name-top100 {
  text-shadow: 0 0 0.1em #fff, 0 0 0.2em #fff, 0 0 0.3em #fff, 0 0 0.4em #9EA8B2,0 0 0.6em #1E2127, 0 0 0.8em #1E2127, 0 0 1.0em #1E2127, 0 0 1.2em #1E2127;
  color: #1E2127;
}
.rank-top100 {
  background-image: url("../../../media/img/icon/frame_avt/2048Game/rank4.png");
    background-size: 60px 60px;
}


.list-top-rank .info-user{
	width: 100%;
	height: 100%;
	padding-left: 6px;

}

.list-top-rank .score-user{

	margin-bottom: 0px;
}

.list-top-rank strong{
	color: #000000;
	font-size: 20px;
	font-family: 'SuperMario256' ,sans-serif;
}

.list-top-rank .name-user{
	margin-top: 0px;

}
.list-top-rank p{
	/*margin-left: 8px;*/
	font-family: 'SourceSansPro' ,sans-serif;
	margin-top: 0px;
	padding-left: 8px;
  	z-index: 9999;
}

.score-user{
	color: #AA7BDD;
	/*text-transform: uppercase;
	background: linear-gradient(to right, #AA7BDD 10%, #6A93D3 50%, #F2AD00 60%);
	background-size: auto auto;
	background-clip: border-box;
	background-size: 200% auto;
	color: #fff;
	background-clip: text;
	text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: textclip 100s linear infinite;*/
}
@keyframes textclip {
  to {
    background-position: 200% center;
  }
}

/*
 *  scrollbar STYLE
 */
 .scrollbar
{
	background: #ffffff;
	overflow-y: scroll;
}


.scrollbar::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
	background-color: #ffffff;
	border-radius: 10px;
}

.scrollbar::-webkit-scrollbar
{
	width: 10px;
	background-color: #ffffff;
}

.scrollbar::-webkit-scrollbar-thumb
{
	border-radius: 25px;
	background-color: #6b0f1a;
	background-image: linear-gradient(315deg, #6b0f1a 0%, #b91372 74%);

}

/* */