@font-face {
    font-family: 'hestina';
    src: url('../font/hestina.woff');
}


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


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

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


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


#highscorecontainer{
height:80vh;
width:100%;
overflow:auto;	
}

#modalPrizeDrawBox{
	
	font-family: 'apercu_regular';
	
}

 #modalTutorial, #modalGameResult, #modalExitGame{
	font-family: 'apercu_regular'; 
	font-size:20px;
 }

#modalPrizeDrawBox-alert-info{
	background-color: #cfcfcf!important;
	border-color:#cfcfcf!important;
	color:#000000!important;
}

#submitRegister, #startGameButton, #openRegisterButton, #modalExitGame_Yes, #modalExitGame_No{
	 background: -webkit-gradient(linear,0% 50%,0% 100%,from(#E3032D),to(#A30D1E));
	 border: 2px solid #A30D1E;
	font-family: 'hestina';
	font-size:42px;
	padding:0px;
	color: #ffffff;
	border-radius:10px;
	outline: none;   
	padding-top: 8px;
	
	outline: none;
	box-shadow: none !important;
	-webkit-appearance: none;
  
  
}

#newStartButton{
	 background: -webkit-gradient(linear,0% 50%,0% 100%,from(#6d6d6d),to(#555555))!important;
	 border: 2px solid #555555;
	font-family: 'hestina';
	font-size:42px;
	padding:0px;
	color: #ffffff;
	border-radius:10px;
	outline: none;   
	padding-top: 8px;
	width:240px;
	margin:10px;
	
	outline: none;
	box-shadow: none !important;
	-webkit-appearance: none;
	
	
}


#submitRegister:hover, #startGameButton:hover, #openRegisterButton:hover, #modalExitGame_Yes:hover, #newStartButton:hover, #modalExitGame_No:hover{

     border:2px solid #ffffff;
}
	
	
.modal-content{
	border:0px;
	border-radius:0px!important;
}

#modalGameResult .modal-content{
background-image: url(../images/window_background.jpg);
background-position: 0px -70px;
}	

#modalGameResult .leaderboard-header{
	background-color:none!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{

	float: right;
	padding-top: 12px;
	cursor: pointer;
}

#prizedraw-closebutton-image{

	float: right;
	padding-top: 6px;
	cursor: pointer;
}

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

.leaderboard-header{
	background-color:#e2042e;
	color:#ffffff;
	font-family: 'apercu_regular';
	font-size: 28px;
	text-align: center;

}

.leaderboard-header-transparent{
	background-color:none;
	color:#e2042e;
	font-family: 'apercu_regular';
	font-size: 28px;
	text-align: center;

}

.highscore-header{
	font-family: 'hestina';
	 display: inline-block;
	   font-size:46px;
	   margin-top: 8px;
}

.formsmall{
	
display: inline;
font-size: 14px;
margin-left: 6px;
line-height: 25px;

}


.tutorial-header{

font-family: 'hestina';
	 display: inline-block;
	  font-size:46px;
	     margin-top: 8px;
}

.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: 'apercu_regular';
	border-collapse: separate;
    border-spacing: 10px 0px;
}

.table td{
	vertical-align:middle !important;
	padding:0rem !important;
	border-top:0px !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: 'apercu_regular';
	font-size: 20px;
	padding-top:0.2rem !important;
	padding-bottom:0.2rem !important;
	border-width:0px !important;
}

.tab-pane{
	background-color: #ffffff;
}
.bg-gradient {
		 
	 background-color: #ffffff; 
background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f3f3f3));
background-image: -webkit-linear-gradient(top, #ffffff, #f3f3f3);
background-image: -moz-linear-gradient(top, #ffffff, #f3f3f3);
background-image: -ms-linear-gradient(top, #ffffff, #f3f3f3);
background-image: -o-linear-gradient(top, #ffffff, #f3f3f3);
background-image: linear-gradient(to bottom, #ffffff, #f3f3f3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff, endColorstr=#f3f3f3);
}


@media (max-width: 900px) {

#submitRegister, #startGameButton, #openRegisterButton,#newStartButton, #modalExitGame_Yes, #modalExitGame_No{
	
	font-size:30px!important;
	padding-top: 4px!important;
}


#prizedraw-closebutton-image{
	width:40px!important;
}

#modalPrizeDrawBox-alert-info{
	display:none;
}

	
}