html, body { 
margin: 0px; padding: 0px; overflow: hidden; height: 100%; 
} 

body {
background-color:#000000!important;
}

@font-face {
	font-family: 'DINNextMedium';
	src: url('DINNextMedium.woff2') format('woff2'),
	url('DINNextMedium.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DINNextBold';
	src: url('DINNextBold.woff2') format('woff2'),
	url('DINNextBold.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'LatoRegular';
	src: url('lato-regular-webfont.woff2') format('woff2'),
	url('lato-regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

#font1{
	font-family: DINNextMedium;
	position:absolute;
	left:-1000px;
	visibility:hidden;
}

#font2{
	font-family: DINNextBold;
	position:absolute;
	left:-1000px;
	visibility:hidden;
}

#font3{
	font-family: LatoRegular;
	position:absolute;
	left:-1000px;
	visibility:hidden;
}

#img_turn{
	
	display:none;
	position:fixed;
	top:50%;
	left:50%;
	margin-top:-25px;
	margin-left:-200px;
	font-family: DINNextMedium;
	color:#ffffff;
	font-size:40px;
	width:400px;
	height:50px;
	text-align:center;
	
}
#playername{
	text-align: center;
	font-size:20px;
}
#email{
		text-align: center;
	font-size:20px;
	
}

.form-group{
	text-align:center;
}

label{
	margin-bottom:0px!important;
	
}

#modalPrizeDrawBox{
	font-family:LatoRegular;
	
}

#modalPrizeDrawBox-alert-info{
	font-size:20px;
	background-color: #F2CB30!important;
	border-color:#F2CB30!important;
	color:#000000!important;
}

#submitRegister{
	
	white-space: nowrap;
	background-color: #EC6607!important;
	font-family:LatoRegular;
	font-size: 28px;
	border:0px;
	border-style: solid;
	border-color:#1A364A!important;
	border-radius: 40px;
	margin-bottom: 20px;
	margin-top:20px;
	width:280px; 
	color:#ffffff; 

}

.modal-content{
	border:0px!important;
	background-color:transparent!important;
}

#scorePrizeDrawBox{
 font-size: 22px;	
 padding-top:10px;
 padding-bottom:10px;
	
}

#leaderboard-closebutton{
	border-radius: 0!important;
	box-shadow: none!important;
	outline: 0!important;
	float: right;
	padding-right: 0!important;
	color:#ffffff;
}

#leaderboard-closebutton-image{

	padding-top: 8px;
	padding-bottom: 8px;
	cursor: pointer;
	position: absolute;
    right: 20px;
    top: 0px;
}

#prizedraw-closebutton-image{
	padding-top: 8px;
	padding-bottom: 8px;
	cursor: pointer;
	position: absolute;
    right: 20px;
    top: 0px;
}

.leaderboard-playername{
 margin-top:8px;
 font-size: 22px;
font-family:DINNextMedium;
padding-left:0px !important;
}

.leaderboard-header{
	background-color:#EC6607;
	color:#ffffff;
	font-family:DINNextMedium;
	font-size: 28px;
	text-align: center;
	border-top-left-radius:30px;
	border-top-right-radius:30px;

}

.highscore-header{
	font-family:DINNextMedium;
	 display: inline-block;
	 font-size:44px;
	  
}

.checkbox-invalid{
	border: 1px solid;
    border-color: #dc3545;
    border-radius: 4px;
}


.leaderboard-select-button{
padding-right:0px !important;
}

.leaderboard-tabs {
	 background-color: #f2f2f2; 
	 padding-left:0px !important;
	  padding-right:0px !important;
	  padding-top:5px !important;
	  
}

.tab-pane{
	  padding-right:0px !important;
	    padding-left:0px !important;
	
}

.table {
font-family:LatoRegular;
 font-size: 20px;
}

.table td{
	vertical-align:middle !important;
	padding-top:5px !important;
	padding-bottom:5px !important;
	padding-left:15px !important;
	padding-right:15px !important;
	border-top:0px !important;

}

.table thead th{
	font-weight:normal!important;
}

.table-num{
		color: #e2042e;
		 font-size: 22px;
}
.table-nick{
	 font-size: 22px;
}
.table-score{
	 font-size: 22px;
	color: #e2042e;
	
}

#reloadbutton{
	border-radius:0px !important;
	   box-shadow:none !important;
    outline:0px !important;
	float:right;
	width: 47px;
	height: 47px;
}

.nav-link {
font-family:LatoRegular;
	font-size: 20px;
	padding-top:0.2rem !important;
	padding-bottom:0.2rem !important;
	
}

.tab-pane{
	background-color: #ffffff;
}

/*highscore table*/


@media (min-width: 576px) and (max-width:992px){
	.modal-dialog {
	max-width: unset!important;
	position: relative!important;
	width: auto!important;
	margin: 0.5rem!important;
	}
}


@media (max-width: 500px){
	.table-hide {
	display:none;
	}
}