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

body {
background-color:#E8F2F4;
background-image: url("../assets/title_bg_2000x2000.png");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}

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

}

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

}



#font1{
	font-family: 'handel_gothic_dmedium';
	position:absolute;
	left:-1000px;
	visibility:hidden;
	background: url("../assets/game_bg_2000x2000.png")
}

#font2{
	font-family: 'roboto-medium-webfont';
	position:absolute;
	left:-1000px;
	visibility:hidden;
}
	

#img_turn{
	
	display:none;
	position:fixed;
	top:50%;
	left:50%;
	margin-top:-100px;
	margin-left:-100px;
	width:200px;
	height:200px;
	
}

/* highscore */ 

.btn-outline-secondary {
	
font-size:24px!important;	
color:#000000!important;

}

.is-invalid-new{
border: 2px solid #ff0000!important;
	
	
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}



#playername{
	margin-bottom: 20px;
	text-align: center;
	font-size:24px;
}
#email{
		text-align: center;
	font-size:20px;
	
}

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

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

#modalPrizeDrawBox{
	font-family:'roboto-medium-webfont';
	font-size:24px;
	
}

#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:'handel_gothic_dmedium';
	font-size: 38px;
	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: 24px;	
 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: 24px;
font-family:DINNextMedium;
padding-left:0px !important;
}

.leaderboard-header{
	background: rgb(67,107,165);
	background: linear-gradient(180deg, rgba(67,107,165,1) 0%, rgba(12,22,37,1) 100%);
	color:#9FB6D7;
	font-family:'handel_gothic_dmedium';
	font-size: 28px;
	text-align: center;
	border-top-left-radius:30px;
	border-top-right-radius:30px;

}

.highscore-header{

	 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:'roboto-medium-webfont';
 font-size: 24px;
}

.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: 24px;
}
.table-nick{
	 font-size: 24px;
}
.table-score{
	 font-size: 24px;
	color: #e2042e;
	
}

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

.nav-link {
	
	font-family:'roboto-medium-webfont';
	font-size: 24px;
	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;
	}
}