/* --------------------------------------------------------------------------------
																		   FONTS */
@font-face
{
	font-family:SegoeUI;
	src:url( '/fonts/SegoeUI.ttf' );
}



/* --------------------------------------------------------------------------------
																			MISC */
*
{
	margin:0;
	padding:0;

	cursor:default;
	font-family:'Pontano Sans', Segoe UI, SegoeUI, Arial, sans-serif; /* , 'Archivo Narrow' */
	border-radius:0 !important;
	box-shadow:none !important;
	text-shadow:none !important;
	/*vertical-align:middle !important;*/
}
body
{
	background:url( '/images/bg-tile.png' ) #e5e8ef;
	font-size:95%;
}


::selection
{
	background-color:#55595c;
	color:#fff;
}
::-moz-selection
{
	background-color:#55595c;
	color:#fff;
}

#version
{
	display:none;
	position:fixed;
	right:20px;
	bottom:20px;

	font-family:Consolas;
	font-size:0.75rem;
}

h1, h2, h3, h4, h5 { font-weight:normal; }
h1 { font-size:1.4rem; }

li { list-style-type:none; }

a, a:visited, a:active, a:focus, a:hover { text-decoration:none; }
a, a:visited
{
	color:#28d0c3;
	cursor:pointer;
}
a:hover { color:#28d0c3; }

label { display:block; }
input, select
{
	width:100%;
	margin-bottom:20px;
	padding:10px 20px;
	
	background:#131720;
	border:1px solid #3b424c;
	color:#cbdfde;
	font-size:1.1rem;
}
input
{
	cursor:text;
	box-sizing:border-box;
}
input:active, input:focus
{
	border:1px solid #28d0c3;
	color:#28d0c3;
}
select { padding:6px 20px ;}

.button
{
	padding:9px 20px;

	background:#2b3541;
	border:1px solid #3b424c;
	color:#cbdfde;
	cursor:pointer;
	text-align:center;
}
.button:hover
{
	border:1px solid #28d0c3;
	background:#0c0f16;
	color:#28d0c3;
}

.wrapper
{
	position:relative;
	width:100%;
	height:100%;
}

.right { float:right; }
.left { float:left; }
.clear { clear:both; }

.border-all { border:1px solid #c6cbcf; }
.border-top { border-top:1px solid #c6cbcf; }
.border-right { border-right:1px solid #c6cbcf; }
.border-bottom { border-bottom:1px solid #c6cbcf; }
.border-left { border-left:1px solid #c6cbcf; }

.notification
{
	width:100%;
	padding:10px;

	text-align:center;
	font-size:1.1rem;
	text-transform:uppercase;
	color:#fff;
}

.warning { background:#f39c12; }
.error { background:#e74c3c; }
.success { background:#2ecc71; }
.info { background:#3498db; }

[class*=" datetimepicker-dropdown"]:before { border:none !important; }



/* --------------------------------------------------------------------------------
																		   LOGIN */
#login-wrapper
{
	position:relative;
	width:90%;
	min-width:300px;
	max-width:500px;
	margin:200px auto 0 auto;
	padding:10px;

	background:#181f25;
	text-align:center;
}
#login h1
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:60px;
	padding:10px;
	line-height:40px;

	background:url( '/images/beta.png' ) no-repeat right #207c7b;
	color:#fdfeff;
}
#login-message
{
	position:absolute;
	display:none;
	width:100%;
	top:60px;
	left:0;
	padding:5px 0;

	background:#ed585a;
	color:#fdfeff;
	font-size:1.3rem;
}
#login-form { margin-top:100px; }



/* --------------------------------------------------------------------------------
																			 NAV */
#nav
{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:50px;

	z-index:9990;

	background:#0c0f16;
	color:#fdfeff;
	line-height:50px;
}
#nav nav
{
	float:left;
	margin-left:50px;
}
#nav nav li, #nav-profile li
{
	display:inline-block;

	line-height:50px;
}
#nav nav li a, #nav-profile li a
{
	display:block;
	margin-right:-5px;
	padding:0 30px;

	color:#fdfeff;
}
#nav nav li a:hover, #nav-profile li a:hover { background:#343e4a; }
#nav nav li a.active, #nav-profile li a.active { background:#2b3541; }
#nav-profile
{
	float:right;
	margin-right:20px;
}

#nav-sub
{
	position:fixed;
	top:50px;
	left:0;
	width:100%;
	height:60px;

	z-index:9990;

	background:#2b3541;
	color:#cbdfde;
	line-height:60px;
}
#nav-sub li { display:inline; }
#nav-sub-links
{
	float:left;
	margin-left:20px;
}
#nav-sub-links li { margin-right:20px; }
#nav-sub-actions
{
	float:right;
	margin-right:20px;
}

#nav-side
{
	position:fixed;
	top:110px;
	left:0;
	width:220px;
	height:100%;

	z-index:9990;

	background:#0c0f16;
	color:#fdfeff;
}
#nav-side li
{
	display:block;
	padding:10px 20px;
}
#nav-side li.nav-header
{
	padding:20px;

	background:#207c7b;
	text-transform:uppercase;
}



/* --------------------------------------------------------------------------------
																		 CONTENT */
#content
{
	/*position:fixed;*/
	margin-top:130px;
	margin-left:240px;
	width:100%;
	height:100%;

	/*background:#fdfeff;*/
}

.content-wrapper
{
	width:100%;
	padding:10px;

	background:#fdfeff;
}
#bets-table tr td
{
	padding:10px 15px;
}
#bets-table tbody tr td
{
	/*border-bottom:1px solid #e5e8ef;*/
	cursor:default;
}
#bets-table tbody tr td strong { cursor:default; }
#bets-table tbody tr:nth-last-child( 1 ) { border-bottom:none; }

#bets-table th
{
	padding:15px 10px;

	border-bottom:1px solid #333;
}

#bets-table tbody tr:hover td
{
	background:#2b3541 !important;
	color:#cbdfde;
}
#bets-table tbody tr.selected td
{
	background:#12171b !important;
	color:#fdfeff;
}

#bets-table .bet-poli
{
	background:#207c7b;
	/*background:#f2e19e;*/
	color:#fff;
}
#bets-table .bet-poli td:first-child { text-indent:-9999px; }
/*#bets-table .bet-poli:hover { background:#f39c12; }*/
#bets-table .bet-void
{
	background:#3498db;
	/*background:#89b9da;*/
	color:#000;
}
/*#bets-table .bet-void:hover { background:#2980b9; }*/

#bets-table .bet-win
{
	background:#2ecc71;
	/*background:#8bcba6;*/
	color:#000;
}
/*#bets-table .bet-win:hover { background:#27ae60; }*/
#bets-table .bet-loss
{
	background:#e74c3c;
	/*background:#e7a19a;*/
	color:#000;
}
/*#bets-table .bet-loss:hover { background:#c0392b; }*/

#bets-table .bet-await
{
	background:#bdc3c7;
	color:#000;
}
/*#bets-table .bet-await:hover { background:#95a5a6; }*/

#bets-table .bet-toaction
{
	background:#9b59b6;
	color:#000;
}
/*#bets-table .bet-await:hover { background:#95a5a6; }*/

#bets-table tr.bet-kitty { text-indent:-9999px; }

.bet-standing
{
	line-height:2.1;
	font-size:1.1rem;
}

.hide { display:none; }



/* --------------------------------------------------------------------------------
																	CONTEXT MENU */
#context
{
	display:none;
	position:fixed;
	left:300px;
	top:600px;
	min-width:200px;

	background:#12171b;
}
#context_menu li
{
	display:block;
	padding:10px 20px;

	color:#fdfeff;
	cursor:pointer;
}
#context li:hover { background:#207c7b; }

#context_menu li.cm_header
{
	color:#fff;
	cursor:default;
	background:#2c3e50;
}
#context_menu li.cm_header:hover { background:#2c3e50; }



/* --------------------------------------------------------------------------------
																		   MODAL */
#modal-background
{
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;

	background:rgba( 0, 0, 0, 0.6 );
	z-index:9998;
}
.modal
{
	display:none;
	position:fixed;
	top:50%;
	width:100%;
	/*height:500px;*/
	max-height:500px;
	margin:-250px auto 0 auto;

	color:#fdfeff;

	z-index:9999;
}
.modal-wrapper
{
	position:relative;
	width:70%;
	max-height:500px;
	margin:0 auto;

	background:#181f25;
	overflow-x:hidden;
	overflow-y:auto;
}
.modal-header
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:60px;

	background:#207c7b;
	border:none;
}
.modal-header h2
{
	padding-left:2px;

	font-size:1.2rem;
	line-height:30px;
	text-transform:uppercase;
}
.modal-close
{
	position:absolute;
	top:0;
	right:0;
	width:60px;
	height:60px;

	background:#278b8b;
	cursor:pointer;
	font-size:1.5rem;
	line-height:60px;
	text-align:center;
}
.modal-close:hover { background:#31aaaa; }

.modal-actions { padding:80px 10px 10px 10px; }



/* --------------------------------------------------------------------------------
																		   MEDIA */
@media (max-width:768px)
{
	#nav-side, #nav-sub-links { display:none; }
	#content { margin-left:0; }
}