@font-face {
    font-family: 'impactregular';
    src: url('/media/fonts/impact-webfont.eot');
    src: url('/media/fonts/impact-webfont.eot?#iefix') format('embedded-opentype'),
         url('/media/fonts/impact-webfont.woff2') format('woff2'),
         url('/media/fonts/impact-webfont.woff') format('woff'),
         url('/media/fonts/impact-webfont.ttf') format('truetype'),
         url('/media/fonts/impact-webfont.svg#impactregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
  background-color: #171717 !important;
    font-family: "Tahoma",Geneva,sans-serif;
    font-weight: 300;
    /* font-size: 12px; */
    color: #ffffff;
    padding-top: 0px;
	padding-bottom: 70px;
    -webkit-font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch;
}
/* Links */
a, a:link, a:visited, a:hover, a:active   {font-size:8pt;background-color:transparent;outline:none;border:none;cursor:pointer;}

/* Titles */
h1, h2, h3, h4, h5, h6 {
    font-family: "Tahoma",Geneva,sans-serif;
    font-weight: 300;
}
/*
:required{
	border:1px solid silver;
}
 :invalid{
	
	background:#fdd	;
} */

/* Paragraph & Typographic */
p {
    line-height: 28px;
    margin-bottom: 25px;
}


a {
    color: #ffffff;
	text-decoration: none;
    word-wrap: break-word;

    -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
    -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
    -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
    -o-transition: color 0.1s ease-in, background 0.1s ease-in;
    transition: color 0.1s ease-in, background 0.1s ease-in;
}

a:hover,
a:focus , 
a:active {
    color: yellow;
    text-decoration: underline;
    outline: 0;
}

a:before,
a:after {
    -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
    -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
    -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
    -o-transition: color 0.1s ease-in, background 0.1s ease-in;
    transition: color 0.1s ease-in, background 0.1s ease-in;
}

a img, area, img{
	background-color:transparent;
	outline:none;
	border:none;
	text-decoration:none;
}
a img, area, g{
	cursor:pointer;
	-moz-appearance: none;
	-webkit-appearance: none;
}
	
input,button,select {background-color:#111111;color:#ffffff;border: 1px solid #505050; cursor:pointer;}
input,button{background: transparent;}

em {font-size:smaller;color:gray;}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #999999;
    margin: 1em 0;
    padding: 0;
}




	/* <table> non responsive
	Affichage variable du texte en fonction du nombre de joueur dans une game
	*/
	.text-075em{font-size:0.75em;}
	.text-065em{font-size:0.65em;}
	.text-060em{font-size:0.60em;}
	.text-050em{font-size:0.50em;}


.centered {
    text-align: center;
}	
	
.vcenter {
    vertical-align: middle;
}

.hidden-overflow {
	overflow-y : hidden; 
	overflow-x : hidden;
}
.scroll-width-auto {
  scrollbar-width: auto;
}
.scroll-width-thin {
  scrollbar-width: thin;
}
.scroll-width-none {
  scrollbar-width: none;
}
.scrollBox-checkout,.scrollBox-stats {
  width: 100%;
  /* border: 2px dashed; */
  height: 3000px;
  overflow-y: scroll;
  scroll-behavior: smooth; /* <--- */
-ms-overflow-style: none;
overflow: -moz-scrollbars-none;
scrollbar-width: none;
}
.scrollBox-checkout::-webkit-scrollbar, .scrollBox-stats::-webkit-scrollbar  {
  display: none;
}

#scrollBoxChild-checkout ,#scrollBoxChild-stats{
  margin: 0px 0px 3000px;
  width: 100%;
  height: 3000px;
}




.scrollBox-Landscape {
  width: 100%;
  height: 1000px;
  overflow: scroll;
	scroll-behavior: smooth;
/* -ms-overflow-style: none; */
/* overflow: -moz-scrollbars-none; */
/* scrollbar-width: none; */

}
/* .scrollBoxChild-Landscape::-webkit-scrollbar  {
  display: none;
} */

#scrollBoxChild-Landscape{
  margin: 0px 0px 600px 0px;
  width: 300%;
  height: 1000px;
}




.scrollBox-Portrait {
  width: 100%;
  height: 500px;
  overflow: scroll;
  scroll-behavior: smooth;
/* -ms-overflow-style: none; */
/* overflow: -moz-scrollbars-none; */
/* scrollbar-width: none; */
}

/* .scrollBox-Portrait::-webkit-scrollbar  {
  display: none;
} */

#scrollBoxChild-Portrait{
  margin: 120px 250px 0px 0px;
  width: 150%;
  height: 500px;

}


/* .box-striped > .col:nth-child(odd) {
  background-color: #f90012;
} */


.box-content {
	/* font-size:12px; */
	/* background-color: rgba(192,192,192,0.1); */
	background-color: rgba(50,50,50,1);
	border-radius: 4px;
	margin:0px 0px 1px 0px;
	padding:2px;
}

.box-header{
	font-weight:bold;
	height:30px;
	border: 1px solid transparent;
	padding-top:4px;	
	padding-left:4px;
	background-color: rgba(192,192,192,0.5);
	border-radius: 4px;
/* 	background-image:url(/media/img/FFFFFFx30a.png);
	background-repeat:repeat; */
}
.box-hover:hover,
.box-hover:focus , 
.box-hover:active {
    color: yellow;
    border: 1px solid gray;
    outline: 0;
	background-color: rgba(192,192,192,0.6);
	border-radius: 4px;
	cursor: pointer; 
}

.bg003000x70a {
	/* background: transparent url(../media/img/003000x70a.png);
	background-repeat:repeat; */
	background-color: rgba(0,30,0,0.7);
}
.bgFF0000x80a {
	background-color: rgba(100,0,0,0.8) !important;

}
.bg000000x10a {
	background-color: rgba(0,0,0,0.1) !important;
/* background-image:url(../media/img/000000x80a.png);
background-repeat:repeat; */
}
.bg000000x80a {
	background-color: rgba(0,0,0,0.8) !important;
/* background-image:url(../media/img/000000x80a.png);
background-repeat:repeat; */
}
.bgFFFFFFx10a {
	background-color: rgba(192,192,192,0.1) !important;
/* background-image:url(../media/img/FFFFFFx10a.png);
background-repeat:repeat; */
}
.bgFFFFFFx20a {
	background-color: rgba(192,192,192,0.2) !important;
/* background-image:url(../media/img/FFFFFFx10a.png);
background-repeat:repeat; */
}
.bgFFFFFFx60a {
	background-color: rgba(192,192,192,0.6) !important;
/* background-image:url(../media/img/FFFFFFx10a.png);
background-repeat:repeat; */
}
.radius {
	border-radius: 4px;
}
.border-radius {
	border: 1px solid #444444;
	border-radius: 4px;
}
.radius-reset {
	border-radius: 0px;
}


.min-width-fluid{
	min-width:50px;
}


#screenshotModal .modal-backdrop {
    background-color: rgba(150,150,150,1) !important;
}
#screenshotModal h3 {
	color:yellow;
}
#screenshotModal .carousel-caption{
	  bottom: -40px;
}
#screenshot_1, #screenshot_2{
	border: 1px solid gray;
}
/* ==========================================================================
  
   ========================================================================== */

footer, #navigation{
background-image:url(../media/img/darts/DartBoardScorerBanner3b.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
footer{
	padding-bottom:50px;
}

/* @media screen and (max-width:960px)and (min-width:500px){
} */
#sign_up_link{
	height:362px;
	font-size:1.1em;		
	font-weight:bold;
	line-height:24px;
	text-align:center;
	background-image:url(/media/img/FFFFFFx10a.png);background-repeat:repeat;
	padding:15px 0px;
	
}
#sign_up_link > span{
	font-size:1.6em;
	color:yellow;
	line-height:6px;
}
#sign_up_link > button{
	font-size:24px;
}
#sign {
	text-align:center;
	height:362px;
	padding:0px 10px;
}
#sign p span{
	font-weight:bold;
	border: 1px solid #444444;
	padding:4px;
}
#sign p input{
	text-align:center;
	margin-left: 0px;
}
#sign > button{
	font-size:24px;
}

#cmd, #cmd2 {
	font-size:24px;
	/* background-color:darkred; */
}



td.menu {font-weight:bold;font-size:0.875em;text-indent:35px;vertical-align:baseline}
td.pack1,td.pack2,td.pack3 {cursor:pointer;}
td.ink , div.ink{font-size:12px;cursor:pointer;}
th{font-size:0.875em;background-color:transparent;outline:none;border:none;text-decoration: none;}
th.main {color:white;}
th.tab {cursor:pointer;border:1px solid transparent;}
th.sub {color:gray;}
.stats{font-size:12px;}
.subtitle{font-size:12px;color:yellow}

 /* GAMES REVIEW */   
/* .summary {font-size:12px;color:green;text-align:center}	
.score	{font-size:12px;color:white;text-align:center}
.cut	{font-size:12px;color:gray;text-align:center}
.less	{font-size:12px;color:gray;text-align:center}
.name_player {font-size:14px;color:blue;text-align:center}
th.review{font-size:10px;text-align:center}
td.review{font-size:10px;text-align:center} */
.summary {color:green;}	
.score	{color:white;}
.cut	{color:gray;}
.less	{color:#303030;}
.name_player {font-size:14px;color:blue;text-align:center}

#stats_review table,#stats_review th,#stats_review td {text-align:center;}
#scores_review table, #scores_review th, #scores_review td {text-align:center;}

/* INGAME TITRE COURBE */
td.titleStats{font-weight:bold;font-size:0.875em;vertical-align:baseline}

#play{
		/* background: url(/media/img/darts/game/dartboard0.png) no-repeat center 90px; */
		background-image: url(/media/img/000000x80a.png), url(/media/img/darts/game/dartboard0.png);
    background-position: left top, center center;
    background-repeat: repeat, no-repeat;
 		/* background: url(/media/img/darts/game/dartboard0.png) no-repeat center fixed; */
		background-size: content;
		/* padding-top:110px; */
	}
	


#resumeStats{
		background-image:url(/media/img/FFFFFFx15a.png);
		background-repeat:repeat;
		font-size:1em;
		text-transform:uppercase;
	}
	
/* // PLAY	 */
	
#logo-match img{
	padding:10px;
}

	
/* // GAME REVIEW	 */
#link_game_review .row div:first-of-type {
		padding-left:50px;

	}
#link_game_review .row div:last-of-type {

			padding-right:50px;
	}





/* VERTICAL ALIGN */
/* .child {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
} */
/*
#selectMode{
	margin-top: 50vh; // viewport height 
  transform: translateY(-50%);
	
	}
*/ 
 
@media (max-device-width:768px) and (orientation: landscape) {
  html {
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
  }
}