/* stylesheet.css */
.leaderboard {
    width: 100%;
    margin: 0 auto 0 auto;
    color: white;
	font-size:12pt;
}

.leaderboard .row {
    overflow: hidden;
    margin: auto;
    text-align: center;
    display: block;
	padding:10px 0;
}

.leaderboard .row.header {
    background: #540a66;
    color: white;
    font-weight: bold;
	border-radius:10px 10px 0 0;
}

.leaderboardpage .styled-pagination li a.active {border-color:#87229f;background-color:#87229f;}
.leaderboardpage .styled-pagination li a:hover {border-color:#87229f;background-color:#87229f;}
.grinderspage .leaderboard .col6 {display:none;}

.leaderboardpage .mainsubheader img {max-width:300px;}

.leaderboard .col {
    float: left;
    padding: 20px 10px 10px 10px;
    box-sizing: border-box;
}

.leaderboard .col3 span {display:none;}
.grinderspage .col3 {display:none ! important;}
.leaderboardpage .services-detail .auto-container {max-width:1200px;}

.leaderboard .col1, .header .col {padding:15px;}
.prizepage .leaderboard .col1 {padding:15px;}

.leaderboard .col img {
    float: left;
    height: 20px;
    margin-right: 5px;
}

.leaderboard .col span {
    float: left;
}

.grinderspage .leaderboard .col span {float:none;}
.grinderspage .leaderboard .col7 span {color:#ffff99;}
.grinderspage .mainsubheader img {max-width:600px;}

/* Column widths for desktop */
.leaderboard .col1 { width: 10.5%; } 
.leaderboard .col2 { width: 17.5%; }
.leaderboardpage2 .leaderboard .col2 { width: 33.5%; }
.grinderspage .leaderboard .col2 { width: 24.5%; }
.leaderboard .col3 { width: 23%; } 
.leaderboardpage2 .leaderboard .col3 {display:none;}
.leaderboard .col3 .hiddencurrency {display:none;}
.prizepage .col3 { width: 10%; } 
.leaderboard .col4 { width: 14.5%; } 
.leaderboard .col5 { width: 11.5%; }
.leaderboard .col6 { width: 11%; } 
.leaderboardpage2 .leaderboard .col6 {width:15%;}
.prizepage .leaderboard .col6 { width: 23%; } 
.prizepage .leaderboard .col6 a {position:relative;text-decoration:none;color:white;}
.prizepage .leaderboard .col6 a:hover {color:orange;}
.prizepage .leaderboard .col6 a .hiddeninfo {position:absolute;top:-30px;left:-50px;color:white;background:rgba(0,0,0,0.5);display:none;padding:5px;font-size:9pt;}
.prizepage .leaderboard .col6 a:hover .hiddeninfo {display:block;width:200px;}
.leaderboard .col7 { width: 12%; }


@media screen and (max-width: 800px) {
.leaderboardpage2 .leaderboard .col7 { width: 18%; }
.leaderboardpage2 .leaderboard .col5 {display:none;}
}



/* Mobile responsiveness */
@media screen and (max-width: 700px) {
	.leaderboard .col3 {display:none;}
	.prizepage .leaderboard .col3 {display:inline-block;}
	.leaderboard .rank span {padding:3px;}
    .leaderboard .col {
        padding: 10px;
    }
    /* .leaderboard .col7 {display:none;} */
    .leaderboard .col1 { width: 15%; }
    .leaderboard .col2 { width: 25%; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
    .grinderspage .leaderboard .col2 { width: 31%;}
    .leaderboard .col4 { width: 15% !important; }
    .leaderboardpage2 .leaderboard .col4 { width: 19% !important; }
    .leaderboard .col5 {display:none;}
    .leaderboard .col6 { width: 15%; }
	.grinderpage .leaderboard .col2, .grinderpage .leaderboard .col3, .grinderpage .leaderboard .col4, .grinderpage .leaderboard .col5, .grinderpage .leaderboard .col6, .grinderpage .leaderboard .col7 {padding:15px 10px;}
	
    .leaderboard .col img {
        height: 16px;
    }
    
    .leaderboard .col span {
        font-size: 14px;
		line-height:16px;
    }

    .leaderboard .rank span {
        width: 36px !important;
    }

    .leaderboard .col img {
        margin-right: 2px !important;
    }
.grinderspage .mainsubheader img {max-width:500px;}
.grinderspage .leaderboard .col7 {width:24%;}
}

@media screen and (max-width: 600px) {
.grinderspage .leaderboard .col4 {width:21%;}
}


@media screen and (max-width: 550px) {
.leaderboardpage2 .leaderboard .col5 { display:none ! important; }
.leaderboardpage2 .leaderboard .col2 { width:31% ! important; }
.grinderspage .mainsubheader img {max-width:400px;}
.grinderspage .boards-dropdown span {font-size:10pt;}
}


@media screen and (max-width: 450px) {
.leaderboard .col3 img, .leaderboard .col3 span {float:none;}
.leaderboard {font-size:11pt;}
.leaderboardpage2 .leaderboard .col4 {display:none;}
.leaderboardpage2 .leaderboard .col2 {width:38%;}
.leaderboardpage2 .leaderboard .col6 {width:22%;}
.leaderboardpage2 .leaderboard .col7 {width:24%;}
}

@media screen and (max-width: 400px) {
    .leaderboard .col {
        padding: 10px 6px;
    }
    
    .leaderboard .col img {
        height: 14px;
    }
    
    .leaderboard .col span {
        font-size: 12px;
        line-height: 14px;
    }
	
.header .col {padding:10px 5px;}
.leaderboardpage2 .header .col {padding:10px;}
.leaderboardpage2 .leaderboard .header .col {font-size:10pt;}    
.grinderspage .boards-dropdown span {font-size:9pt;}
}

@media screen and (max-width: 350px) {
.leaderboardpage2 .leaderboard .col2 {width:37% ! important;}
}

@media screen and (max-width: 300px) {
    .leaderboard .col {
        padding: 4px;
    }
    
    .leaderboard .col1 { width: 23%; }
    .leaderboard .col2 { width: 28%; }
    .leaderboard .col3 { width: 28%; }
    .leaderboard .col4 { width: 20.5%; }
    .leaderboard .col5 { display:none; } /* Wins: at least 10% */
    
    .leaderboard .col span {
        font-size: 11px;
    }
    
    .leaderboard .wins { display: block; }
}

.leaderboard .rank span {
    display: inline-block;
    border: 2px solid purple;
    padding: 5px 3px;
    border-radius: 12px;
    float: none;
    width: 40px;
}

.prizepage .leaderboard .rank span {padding:0;border-radius:none;width:auto;border:none;font-weight:bold;}

.leaderboard .col img {
    width: auto;
	float:left;
	margin-right:7px;
}

.leaderboard .col { flex: none; }
.colcentre, .leaderboard .col4 span, .leaderboard .col5 span, .leaderboard .col6 span, .leaderboard .col7 span {display:inline-block;overflow:hidden;float:none;}

.leaderboard .row:not(.header):nth-child(even) {
    background-color: #04102d;
}

.styled-pagination {
    user-select: none;
}

.styled-pagination li a {
    line-height: 40px;
    height: 40px;
    width: 40px;
    min-width: 40px;
    border-radius: 40px;
}

.leaderboard .header .col {font-weight:bolder ! important;}
.prizepage .leaderboard .col2 .hiddenperc {display:none;}

@media screen and (max-width: 1000px) {
.prizepage .leaderboard .col1 {width:18.5%;}
.prizepage .leaderboard .col2 {width:13.5%;}
.prizepage .col3 {width:17%;}
.prizepage .leaderboard .col6 {width:15%;}
.prizepage .leaderboard .row, .prizepage .leaderboard .col1 {font-size:10pt ! important;}
.grinderspage .services-detail .auto-container {padding:0 ! important;}
.grinderspage .leaderboard .col3 {display:none;width:30.5%;}
.grinderspage .leaderboard .col2 {width:36.5%;}
.grinderspage .leaderboard .col5 {width:17.5%;}
}

@media screen and (max-width: 850px) {
.leaderboardpage2 .leaderboard .col3 {display:none;}
.leaderboardpage2 .leaderboard .col2 {width:32.5%;}
}

@media screen and (max-width: 700px) {
.prizepage .leaderboard .col1 {padding:20px 10px;}
.prizepage .leaderboard .rank span {width:auto ! important;}
.prizepage .leaderboard .col {text-align:center;height:auto ! important;}
.prizepage .leaderboard .col.col4, .prizepage .leaderboard .col.col5, .prizepage .leaderboard .col.col6, .prizepage .leaderboard .col.col7 {display:inline-block;}
.prizepage .leaderboard .col1 {width:21.5%;}
.prizepage .leaderboard .col4 {width:15% ! important;}
.prizepage .leaderboard .col2 .hiddenperc {display:inline-block;}
.prizepage .leaderboard .col2 .desktoplabel {display:none;}
.leaderboard .header .col {height:auto ! important;}
.grinderspage .leaderboard .col3, .grinderspage .leaderboard .col5 {display:none ! important;}
.prizepage .leaderboard .col5 {width:14.5% ! important;}
.prizepage .leaderboard .col2 {width:15.5% ! important;}
.prizepage .left-box {padding:40px 0;}
.leaderboardpage2 .leaderboard .col2 {width:30.5%;}
.grinderspage .leaderboard .col2 {width:43.5%;}
.grinderspage .leaderboard .col4 {width:22.5%;}
}

@media screen and (max-width: 600px) {
.prizepage .leaderboard .col1, .prizepage .leaderboard .col2, .prizepage .col3, .prizepage .leaderboard .col4, .prizepage .leaderboard .col5, .prizepage .col6 {width:33% ! important;padding:10px 2% ! important;min-height:72px;}
.prizepage .leaderboard .col1 {width:27% ! important;}
.prizepage .leaderboard .col2 {width:16% ! important;display:none ! important;}
.prizepage .leaderboard .col3 {width:20% ! important;}
.prizepage .leaderboard .col5 {width:24% ! important;}
.prizepage .leaderboard .col6 {width:29% ! important;}
.prizepage .leaderboard .col.col4 {display:none;}
.prizepage .leaderboard .header .col {min-height:30px ! important;}
.leaderboard .col3 .hiddencurrency {display:inline;float:none;}
.grinderspage .leaderboard .row {margin-bottom:0;}
.prizepage .leaderboard .header {margin-bottom:0;}
.grinderspage .leaderboard .col2 {width:36%;}
}

@media screen and (max-width: 450px) {
.grinderspage .leaderboard .col {padding:10px;}
.leaderboardpage .mainsubheader img {max-width:250px;}
.grinderspage .mainsubheader img {max-width:350px;}
.grinderspage .leaderboard .col2 {width:40%;}
}

@media screen and (max-width: 380px) {
.grinderspage .leaderboard .col6 {display:none ! important;}
.grinderspage .leaderboard .leaderboard .col2 {width:42% ! important;}
.grinderspage .leaderboard .col4 {width:18% ! important;}
.grinderspage .header .col {padding:10px;}
.grinderspage .leaderboard .col1 {width:17%;}
.grinderspage .leaderboard .col2 {width:44%;}
.grinderspage .leaderboard .col7 {width:19% ! important;}
.grinderspage .leaderboard .header .col {font-size:10pt;}
.grinderspage .mainsubheader img {max-width:300px;}
.grinderspage .service-detail_image, .leaderboardpge .service-detail_image {padding:0 10px ! important;}
}

@media screen and (max-width: 340px) {
.grinderspage .leaderboard .col2 {width:44%;}
}